.pb-0 {
  padding-bottom: 0 !important; }

.pt-0 {
  padding-top: 0 !important; }

.pl-0 {
  padding-left: 0 !important; }

.pr-0 {
  padding-right: 0 !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.mt-0 {
  margin-top: 0 !important; }

.ml-0 {
  margin-left: 0 !important; }

.mr-0 {
  margin-right: 0 !important; }

.md-button {
  margin: 6px 16px 6px 0;
  padding: 0 14px;
  letter-spacing: 0.75px; }
  .md-button:last-child {
    margin-right: 0; }
  .md-button.md-primary.md-raised:not([disabled]) {
    background-color: #063851 !important;
    color: #FDDE12 !important; }
    .md-button.md-primary.md-raised:not([disabled]) md-icon {
      color: #FDDE12 !important; }
  .md-button.bordered_btn {
    background: transparent;
    border: 1px solid #063851;
    color: #063851;
    line-height: 34px; }
    .md-button.bordered_btn md-icon {
      margin-right: 5px;
      color: #686868 !important; }
  .md-button.tn-btn-icon {
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center; }
    .md-button.tn-btn-icon md-icon {
      margin-right: 5px; }
  .md-button.md-icon-button.bordered_btn {
    padding: 7px;
    background: transparent;
    color: #FDDE12; }
    .md-button.md-icon-button.bordered_btn md-icon {
      color: #FDDE12 !important; }
  .md-button.md-fab {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    padding: 0; }
    .md-button.md-fab.md-primary.bordered_btn {
      background: transparent;
      border: 1px solid #FDDE12;
      color: #FDDE12;
      line-height: 34px; }
      .md-button.md-fab.md-primary.bordered_btn:not([disabled]).md-focused, .md-button.md-fab.md-primary.bordered_btn:focus, .md-button.md-fab.md-primary.bordered_btn:hover {
        background-color: rgba(158, 158, 158, 0.2); }
      .md-button.md-fab.md-primary.bordered_btn md-icon {
        color: #FDDE12 !important; }
    .md-button.md-fab md-icon {
      margin: 0; }

.md-headline {
  margin: 0 0 32px;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.25px; }

.md-body-1 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.5px; }

.md-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.25px; }

md-autocomplete.tn-req md-autocomplete-wrap md-progress-linear.md-inline {
  bottom: 21px; }

.tn-req-rez .md-avatar {
  flex: none;
  width: 25px;
  height: 25px;
  margin-right: 8px;
  border-radius: 50%;
  box-sizing: content-box;
  display: inline-block;
  vertical-align: middle; }

md-tabs .md-tab.md-active, md-tabs .md-tab.md-active md-icon {
  color: #fcc805; }

md-backdrop.md-edit-dialog-backdrop {
  z-index: 80; }

md-edit-dialog {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: fixed;
  z-index: 81;
  background-color: #f9f9f9;
  border-radius: 2px;
  cursor: default; }

md-edit-dialog > .md-content {
  padding: 16px 24px 0; }

md-edit-dialog > .md-content .md-title {
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 8px; }

md-edit-dialog > .md-content md-input-container {
  margin: 0;
  font-size: 13px; }

md-edit-dialog > .md-content md-input-container input {
  float: none; }

md-edit-dialog > .md-content md-input-container .md-errors-spacer {
  min-height: auto;
  min-width: auto;
  color: rgba(0, 0, 0, 0.54); }

md-edit-dialog > .md-content md-input-container .md-errors-spacer .md-char-counter {
  padding: 5px 2px 5px 0; }

md-edit-dialog > .md-content md-input-container [ng-message] {
  padding: 5px 0 5px 2px; }

md-edit-dialog > .md-actions {
  margin: 0 16px 8px; }

md-edit-dialog > .md-actions .md-button {
  margin: 0;
  min-width: initial; }

md-edit-dialog > .md-actions .md-button + .md-button {
  margin-left: 8px; }

.md-table-pagination {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: wrap-reverse;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
  box-sizing: border-box;
  padding: 0 24px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
  border-top: 1px rgba(0, 0, 0, 0.12) solid; }

.md-table-pagination md-select {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  min-width: 64px; }

.md-table-pagination md-select:not([disabled]):focus .md-select-value {
  color: rgba(0, 0, 0, 0.54); }

.md-table-pagination md-select .md-select-value {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

.md-table-pagination md-select .md-select-value span.md-select-icon {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  margin-right: -6px !important; }

.md-table-pagination md-select .md-select-value span.md-select-icon:after {
  top: initial;
  -webkit-transform: scaleY(0.5) scaleX(1);
  transform: scaleY(0.5) scaleX(1); }

.md-table-pagination > * {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 56px; }

.md-table-pagination > .buttons:not(:first-child),
.md-table-pagination > .limit-select:not(:first-child) {
  margin-left: 32px; }

.md-table-pagination > .buttons {
  margin-right: -16px; }

.md-table-pagination > .buttons > .md-button.md-icon-button {
  margin: 0; }

.md-table-pagination > .buttons > .label + .md-button.md-icon-button {
  margin-left: 20px; }

md-select.md-table-select {
  margin: 0; }

md-select.md-table-select > .md-select-value {
  padding: 0;
  min-width: 0;
  min-height: 24px;
  border-bottom: 0 !important; }

md-select.md-table-select > .md-select-value > span {
  display: block;
  height: auto;
  -webkit-transform: none !important;
  transform: none !important; }

md-select.md-table-select > .md-select-value > span > .md-text {
  display: inherit;
  height: inherit;
  -webkit-transform: inherit;
  transform: inherit; }

md-select.md-table-select > .md-select-value > span.md-select-icon {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 24px;
  margin: 0; }

md-select.md-table-select > .md-select-value > span.md-select-icon:after {
  top: initial; }

.md-select-menu-container.md-table-select,
.md-select-menu-container.md-pagination-select {
  margin-left: -2px;
  border-radius: 2px; }

.md-select-menu-container.md-table-select md-select-menu,
.md-select-menu-container.md-pagination-select md-select-menu,
.md-select-menu-container.md-table-select md-content,
.md-select-menu-container.md-pagination-select md-content {
  border-radius: inherit; }

.md-select-menu-container.md-table-select md-content,
.md-select-menu-container.md-pagination-select md-content {
  padding: 0; }

.md-select-menu-container.md-table-select .md-text {
  font-size: 13px; }

.md-select-menu-container.md-pagination-select .md-text {
  font-size: 12px; }

md-toolbar.md-table-toolbar {
  box-shadow: none; }

md-toolbar.md-table-toolbar.md-default-theme:not(.md-menu-toolbar).md-default,
md-toolbar.md-table-toolbar:not(.md-menu-toolbar).md-default {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.87); }

md-toolbar.md-table-toolbar.md-default-theme:not(.md-menu-toolbar).md-default .md-button,
md-toolbar.md-table-toolbar:not(.md-menu-toolbar).md-default .md-button {
  color: rgba(0, 0, 0, 0.87); }

@media only screen and (max-width: 959px) and (min-width: 0) and (orientation: landscape) {
  md-toolbar.md-table-toolbar .md-toolbar-tools {
    height: 64px;
    max-height: initial; } }

md-toolbar.md-table-toolbar .md-toolbar-tools {
  padding: 0 24px; }

md-toolbar.md-table-toolbar .md-toolbar-tools md-icon {
  color: rgba(0, 0, 0, 0.54); }

md-toolbar.md-table-toolbar .md-toolbar-tools > .md-button.md-icon-button {
  margin: 0; }

md-toolbar.md-table-toolbar .md-toolbar-tools > .md-button.md-icon-button:first-child {
  margin-left: -12px; }

md-toolbar.md-table-toolbar .md-toolbar-tools > .md-button.md-icon-button:last-child {
  margin-right: -12px; }

md-card > md-toolbar.md-table-toolbar:first-child,
md-card > md-table-container:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px; }

md-card > md-toolbar.md-table-toolbar:last-child,
md-card > md-table-container:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px; }

md-table-container {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }

table.md-table {
  width: 100%;
  border-spacing: 0;
  overflow: hidden; }

table.md-table thead.md-head > tr.md-row {
  height: 56px; }

table.md-table tbody.md-body > tr.md-row,
table.md-table tfoot.md-foot > tr.md-row {
  height: 48px; }

table.md-table thead.md-head + .md-table-progress md-progress-linear {
  top: -3px; }

table.md-table .md-table-progress th {
  padding: 0; }

table.md-table .md-table-progress th md-progress-linear {
  height: 0;
  transition: opacity 1s; }

table.md-table .md-table-progress th md-progress-linear.ng-hide {
  opacity: 0; }

table.md-table .md-table-progress th md-progress-linear > .md-container {
  height: 3px;
  top: 0;
  transition: none; }

table.md-table .md-table-progress th md-progress-linear > .md-container > .md-bar {
  height: 3px; }

table.md-table th.md-column {
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap; }

table.md-table th.md-column.md-sort {
  cursor: pointer; }

table.md-table th.md-column md-icon {
  height: 16px;
  width: 16px;
  font-size: 16px !important;
  line-height: 16px !important; }

table.md-table th.md-column md-icon.md-sort-icon {
  color: rgba(0, 0, 0, 0.26);
  opacity: 0;
  transition: -webkit-transform 0.25s, opacity 0.25s;
  transition: transform 0.25s, opacity 0.25s; }

table.md-table th.md-column md-icon.md-sort-icon.md-asc {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg); }

table.md-table th.md-column md-icon.md-sort-icon.md-desc {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

table.md-table th.md-column md-icon:not(:first-child) {
  margin-left: 8px; }

table.md-table th.md-column md-icon:not(:last-child) {
  margin-right: 8px; }

table.md-table th.md-column.md-active,
table.md-table th.md-column.md-active md-icon {
  color: rgba(0, 0, 0, 0.87); }

table.md-table th.md-column:hover md-icon.md-sort-icon,
table.md-table th.md-column.md-active md-icon.md-sort-icon {
  opacity: 1; }

table.md-table tr.md-row[ng\:repeat].ng-leave,
table.md-table tr.md-row[ng-repeat].ng-leave,
table.md-table tr.md-row[x-ng-repeat].ng-leave,
table.md-table tr.md-row[data-ng-repeat].ng-leave {
  display: none; }

table.md-table.md-row-select tbody.md-body > tr.md-row {
  transition: background-color 0.2s; }

table.md-table.md-row-select tbody.md-body > tr.md-row:not([disabled]):hover {
  background-color: #eeeeee !important; }

table.md-table.md-row-select tbody.md-body > tr.md-row.md-selected {
  background-color: #f5f5f5; }

table.md-table.md-row-select td.md-cell:first-child,
table.md-table.md-row-select th.md-column:first-child {
  width: 20px;
  padding: 0 0 0 24px; }

table.md-table.md-row-select td.md-cell:nth-child(2),
table.md-table.md-row-select th.md-column:nth-child(2) {
  padding: 0 24px; }

table.md-table.md-row-select td.md-cell:nth-child(n+3):nth-last-child(n+2),
table.md-table.md-row-select th.md-column:nth-child(n+3):nth-last-child(n+2) {
  padding: 0 56px 0 0; }

table.md-table:not(.md-row-select) td.md-cell:first-child,
table.md-table:not(.md-row-select) th.md-column:first-child {
  padding: 0 24px; }

table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2),
table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
  padding: 0 56px 0 0; }

table.md-table td.md-cell,
table.md-table th.md-column {
  vertical-align: middle;
  text-align: left; }

table.md-table td.md-cell > *,
table.md-table th.md-column > * {
  vertical-align: middle; }

table.md-table td.md-cell:last-child,
table.md-table th.md-column:last-child {
  padding: 0 24px 0 0; }

table.md-table td.md-cell.md-clickable,
table.md-table th.md-column.md-clickable {
  cursor: pointer; }

table.md-table td.md-cell.md-clickable:focus,
table.md-table th.md-column.md-clickable:focus {
  outline: none; }

table.md-table td.md-cell.md-numeric,
table.md-table th.md-column.md-numeric {
  text-align: right; }

table.md-table td.md-cell md-checkbox,
table.md-table th.md-column md-checkbox {
  margin: 0;
  width: 20px; }

table.md-table td.md-cell {
  color: rgba(0, 0, 0, 0.87);
  font-size: 13px;
  border-top: 1px rgba(0, 0, 0, 0.12) solid; }

table.md-table td.md-cell.md-numeric md-select {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

table.md-table td.md-cell.md-numeric md-select .md-select-value {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

table.md-table td.md-cell.md-placeholder {
  color: rgba(0, 0, 0, 0.26); }

table.md-table td.md-cell md-select > .md-select-value > span.md-select-icon {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  color: rgba(0, 0, 0, 0.54);
  width: 18px;
  text-align: right; }

table.md-table td.md-cell md-select > .md-select-value > span.md-select-icon:after {
  -webkit-transform: scaleY(0.4) scaleX(0.8);
  transform: scaleY(0.4) scaleX(0.8); }

.tns-outer {
  padding: 0 !important; }

.tns-outer [hidden] {
  display: none !important; }

.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer; }

.tns-slider {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s; }

.tns-slider > .tns-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.tns-horizontal.tns-subpixel {
  white-space: nowrap; }

.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal; }

.tns-horizontal.tns-no-subpixel:after {
  content: '';
  display: table;
  clear: both; }

.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left; }

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%; }

.tns-no-calc {
  position: relative;
  left: 0; }

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px; }

.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: transform 0s, opacity 0s;
  -moz-transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s; }

.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important; }

.tns-gallery > .tns-moving {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s; }

.tns-autowidth {
  display: inline-block; }

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6; }

.tns-lazy-img.tns-complete {
  opacity: 1; }

.tns-ah {
  -webkit-transition: height 0s;
  -moz-transition: height 0s;
  transition: height 0s; }

.tns-ovh {
  overflow: hidden; }

.tns-visually-hidden {
  position: absolute;
  left: -10000em; }

.tns-transparent {
  opacity: 0;
  visibility: hidden; }

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0; }

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1; }

.tns-vpfix {
  white-space: nowrap; }

.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block; }

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden; }

.tns-t-ct {
  width: 2333.3333333%;
  width: -webkit-calc(100% * 70 / 3);
  width: -moz-calc(100% * 70 / 3);
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0; }

.tns-t-ct:after {
  content: '';
  display: table;
  clear: both; }

.tns-t-ct > div {
  width: 1.4285714%;
  width: -webkit-calc(100% / 70);
  width: -moz-calc(100% / 70);
  width: calc(100% / 70);
  height: 10px;
  float: left; }

/*# sourceMappingURL=sourcemaps/tiny-slider.css.map */
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

.content_wrapper {
  max-width: 1396px;
  padding: 0 15px;
  margin: 0 auto; }

main.content_wrapper {
  min-height: 500px;
  padding-top: 32px;
  padding-bottom: 60px; }

h1.main_title {
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 30px; }

h2.main_title {
  line-height: 1.3; }

img {
  max-width: 100%;
  height: auto; }

.clear {
  clear: both;
  display: block; }

.nowrap {
  white-space: nowrap; }

.image {
  display: block;
  outline: none;
  text-decoration: none; }
  .image img {
    display: block; }

.formatted_text > *:first-child {
  margin-top: 0; }

.formatted_text > *:last-child {
  margin-bottom: 0; }

@media only screen and (min-width: 1024px) {
  .dtbl {
    display: table;
    width: 100%;
    table-layout: fixed; } }

.dcl {
  margin-bottom: 15px; }
  @media only screen and (min-width: 1024px) {
    .dcl {
      height: 100%;
      margin: 0;
      display: table-cell;
      vertical-align: middle;
      padding-right: 15px; } }
  .dcl:last-child {
    margin-bottom: 0;
    padding-right: 0; }

.dtbl_all {
  display: table;
  table-layout: fixed;
  width: 100%; }

.dcl_all {
  margin: 0;
  display: table-cell;
  vertical-align: top;
  height: 100%; }

body.md-default-theme, body, html.md-default-theme, html, main > md-content.md-default-theme, main > md-content {
  background: #fff; }

h1 .md-button {
  margin-left: 20px; }

.md-button.md-48 {
  padding: 0;
  height: 48px !important;
  line-height: 48px !important;
  width: 48px !important; }

md-icon.md-48 {
  font-size: 48px !important;
  height: 48px !important;
  width: 48px !important; }

.live_indicator {
  text-transform: uppercase;
  color: #FF0000;
  padding-left: 30px;
  height: 30px;
  line-height: 30px;
  position: relative;
  font-size: 0.9em; }
  .live_indicator:before {
    content: "";
    background-image: url("../img/live_indicator_greenbg.gif");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px; }
  .live_indicator.table {
    padding-left: 0px;
    height: auto;
    line-height: 25px; }
    .live_indicator.table > a {
      text-decoration: none; }
    .live_indicator.table::before {
      content: none; }
    .live_indicator.table .live_text {
      display: block;
      position: relative;
      font-size: 15px;
      line-height: 1.5;
      color: #FF0000;
      text-decoration: none; }
      .live_indicator.table .live_text:before {
        content: "";
        background-image: url("../img/live_indicator_greenbg.gif");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 30px 30px;
        position: relative;
        left: 0;
        top: -2px;
        width: 26px;
        height: 26px;
        margin: 0 5px 0 0;
        display: inline-block;
        vertical-align: middle; }
    .live_indicator.table .live_time, .live_indicator.table .live_result {
      color: rgba(0, 0, 0, 0.87);
      font-size: 15px;
      text-transform: none;
      text-decoration: none; }

.md-tab md-icon {
  margin-right: 0.4em;
  vertical-align: -0.25em; }

.upload-image-block {
  margin-bottom: 44px; }
  .upload-image-block__preview img {
    display: block;
    margin-bottom: 8px;
    max-width: 200px;
    max-height: 200px; }
  .upload-image-block__button {
    margin: 10px 0 0 0; }
  .upload-image-block > div:first-child {
    margin-right: 40px; }
    @media only screen and (max-width: 600px) {
      .upload-image-block > div:first-child {
        margin-right: 20px; } }
.hint {
  position: absolute;
  left: 8px;
  right: auto;
  top: 42px;
  font-size: 12px;
  line-height: 14px;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  color: grey; }

md-switch {
  margin: 0 0 42px; }
  md-switch + .hint {
    position: relative;
    top: auto;
    bottom: auto;
    margin-top: -42px;
    margin-bottom: 42px; }

.profile_edit_wrapper {
  padding-top: 48px; }

.md-bordered {
  padding: 0 10px;
  border: 1px solid #699f2f !important; }
  .md-bordered md-icon {
    vertical-align: -0.25em;
    margin-right: 0.2em;
    color: #000 !important; }

.m-gutter-0 {
  margin: 0 !important; }

.m-gutter-top-0 {
  margin-top: 0 !important; }

.m-gutter-left-0 {
  margin-left: 0 !important; }

.m-gutter-right-0 {
  margin-right: 0 !important; }

.m-gutter-bottom-0 {
  margin-bottom: 0 !important; }

.tn-uppercase {
  text-transform: uppercase !important; }

md-datepicker[md-hide-icons="calendar"] {
  width: 100%; }
  md-datepicker[md-hide-icons="calendar"] .md-datepicker-input-container {
    display: block;
    width: 100%; }
    md-datepicker[md-hide-icons="calendar"] .md-datepicker-input-container .md-input {
      max-width: 100%; }
    md-datepicker[md-hide-icons="calendar"] .md-datepicker-input-container .md-datepicker-triangle-button {
      right: 5px; }
    md-datepicker[md-hide-icons="calendar"] .md-datepicker-input-container .md-datepicker-expand-triangle {
      border-top-width: 4px;
      border-left-width: 4px;
      border-right-width: 4px; }

.error_container, .info_container {
  position: relative;
  margin-bottom: 20px; }
  .error_container *, .info_container * {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px; }
  .error_container p, .info_container p {
    margin: 0; }
  .error_container .close, .info_container .close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0;
    background: transparent;
    border: 0 none;
    outline: none; }

.error_container {
  background-color: #E84855; }
  .error_container * {
    color: #FFF; }

.info_container * {
  color: #000; }

.info_block {
  margin-bottom: 50px;
  padding: 22px;
  background: #FFFBE3;
  border: 1px solid #FEF5B8;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px; }
  .info_block + md-divider {
    margin-bottom: 50px; }
  .info_block--reg_info {
    padding: 14px 20px; }
    .info_block--reg_info label {
      display: block;
      margin-bottom: 6px;
      font-size: 12px;
      line-height: 16px;
      letter-spacing: 0.4px; }
    .info_block--reg_info .value {
      font-size: 16px;
      line-height: 24px;
      letter-spacing: 0.15px; }
  .info_block--total {
    margin: 0;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.5px; }

.double_col {
  margin: 0 -8px; }
  .double_col > * {
    padding: 0 8px; }
    @media only screen and (max-width: 599px) {
      .double_col > * {
        margin-bottom: 20px; } }
    .double_col > *:last-child {
      margin-bottom: 0; }
    .double_col > * .info_block {
      margin-bottom: 0; }

.md-headline {
  margin: 0 0 32px 0; }

.md-title {
  margin: 0 0 30px 0; }

.md-subhead {
  margin: 0 0 20px 0; }

.p-gutter-left-40 {
  padding-left: 40px !important; }

@media only screen and (min-width: 600px) {
  .p-gutter-sm-left-40 {
    padding-left: 40px !important; } }

.m-gutter-top-20 {
  margin-top: 20px !important; }

.m-gutter-bottom-20 {
  margin-bottom: 20px !important; }

.m-gutter-top-30 {
  margin-top: 30px !important; }

.m-gutter-bottom-30 {
  margin-bottom: 30px !important; }

.m-gutter-top-40 {
  margin-top: 40px !important; }

.m-gutter-bottom-40 {
  margin-bottom: 40px !important; }

.m-gutter-top-50 {
  margin-top: 50px !important; }

.m-gutter-bottom-50 {
  margin-bottom: 50px !important; }

.m-gutter-bottom-60 {
  margin-bottom: 60px !important; }

.m-gutter-top-60 {
  margin-top: 60px !important; }

.m0 {
  margin: 0 !important; }

.p-gutter-top-10 {
  padding-top: 10px !important; }

.p-gutter-bottom-10 {
  padding-bottom: 10px !important; }

.p-gutter-top-20 {
  padding-top: 20px !important; }

.p-gutter-bottom-20 {
  padding-bottom: 20px !important; }

.p-gutter-top-30 {
  padding-top: 30px !important; }

.p-gutter-bottom-30 {
  padding-bottom: 30px !important; }

.p-gutter-top-40 {
  padding-top: 40px !important; }

.p-gutter-bottom-40 {
  padding-bottom: 40px !important; }

.p-gutter-top-50 {
  padding-top: 50px !important; }

.p-gutter-bottom-50 {
  padding-bottom: 50px !important; }

.p-gutter-bottom-60 {
  padding-bottom: 60px !important; }

.p-gutter-top-60 {
  padding-top: 60px !important; }

.p0 {
  padding: 0 !important; }

.scrollable_table {
  max-width: 100%;
  overflow: hidden;
  overflow-x: auto; }

.tal {
  text-align: left !important; }

.tac {
  text-align: center !important; }

.tar {
  text-align: right !important; }

.text_color--black {
  color: #000; }

.cont {
  width: 100%;
  padding-top: 32px;
  padding-bottom: 60px; }

.md-card-image-link {
  display: block;
  border: 0 none;
  text-decoration: none;
  outline: none; }
  .md-card-image-link .md-card-image {
    display: block;
    width: 100%; }

.tn-filters {
  margin-bottom: 52px;
  border-top: 1px solid #CFD8DC; }
  .tn-filters.guides-filters {
    padding-top: 10px; }
    .tn-filters.guides-filters .guides-filters__fields {
      width: 100%; }
      .tn-filters.guides-filters .guides-filters__fields md-input-container {
        max-width: 25%;
        flex: 0 0 25%; }
        @media only screen and (max-width: 960px) {
          .tn-filters.guides-filters .guides-filters__fields md-input-container {
            max-width: 50%;
            flex: 0 0 50%;
            margin-left: 0 !important; }
            .tn-filters.guides-filters .guides-filters__fields md-input-container:first-child {
              padding-right: 20px; } }
  .tn-filters.tournaments {
    padding-bottom: 30px;
    width: 100%; }
    .tn-filters.tournaments .filters-holder {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row wrap;
      -moz-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      width: 100%;
      margin: 0 -12px;
      flex: 1; }
      .tn-filters.tournaments .filters-holder .tn-filters__row {
        padding: 16px 12px 0 12px; }
    @media only screen and (max-width: 960px) {
      .tn-filters.tournaments .tn-filters__row {
        width: 50%; }
        .tn-filters.tournaments .tn-filters__row .tn-filters__multiselect, .tn-filters.tournaments .tn-filters__row md-input-container {
          width: 100%; }
      .tn-filters.tournaments md-select {
        min-width: auto; } }
  .tn-filters.in-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #CFD8DC; }
    .tn-filters.in-row > div {
      margin-right: 20px; }
  .tn-filters__row {
    padding: 16px 0 0;
    border: 0 none;
    border-bottom: 1px solid #CFD8DC; }
    .tn-filters__row.no-border {
      border-bottom: none; }
  .tn-filters__column {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 15px 0; }
  .tn-filters__label {
    min-width: 100px;
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.5px; }
    @media only screen and (max-width: 599px) {
      .tn-filters__label {
        margin-bottom: 12px;
        font-size: 16px; } }
  .tn-filters__selects md-checkbox {
    margin-right: 26px; }
    @media only screen and (min-width: 960px) {
      .tn-filters__selects md-checkbox .md-label {
        font-size: 16px; } }
  .tn-filters__multiselect md-select {
    min-width: 250px; }

.multiselect-holder {
  margin-top: 45px; }
  .multiselect-holder .header-searchbox {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0; }
  .multiselect-holder .multiselect-header {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    padding-left: 16px;
    height: 48px;
    cursor: pointer;
    position: relative;
    display: flex;
    width: auto; }
  .multiselect-holder md-content._md {
    max-height: 240px; }

@media only screen and (min-width: 768px) {
  .tn-dialog-w700:not(.md-dialog-fullscreen) {
    max-width: 700px; } }

@media only screen and (min-width: 960px) {
  .tn-dialog-w700.md-dialog-fullscreen {
    max-width: 700px; } }

.tn-dialog-w700 .md-dialog-content {
  min-width: 0; }

.tn-dialog-w700 md-datepicker {
  display: block; }

@media (max-width: 1279px) and (min-width: 960px) {
  .layout-gt-sm-row:not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child),
  .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child),
  .layout-md-row:not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child),
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 16px; } }

.tn-input-explainer {
  margin: 0;
  color: #aaa;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px; }

md-dialog md-dialog-actions {
  padding: 0 24px; }
  md-dialog md-dialog-actions .md-button {
    margin-left: 20px;
    margin-bottom: 20px; }

.menu-item-badge {
  display: inline-block;
  margin-left: 4px;
  min-width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  border-radius: 50%;
  color: #063851;
  background-color: #FDDE12; }

.tn-image {
  display: block;
  text-decoration: none !important;
  outline: none; }
  .tn-image img {
    display: block; }

.tn-chips {
  display: block;
  font-size: 0; }
  .tn-chips__item {
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
    margin-right: 6px;
    padding: 0 7px;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.25px;
    overflow: hidden;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px; }
  .tn-chips__item--open {
    border: 1px solid #B7B7B7;
    color: #909090;
    line-height: 16px; }
  .tn-chips__item--indoor {
    background: #A5A5A5; }
  .tn-chips__item--acrylic {
    background: #0007AA; }
  .tn-chips__item--asphalt {
    background: #37474F; }
  .tn-chips__item--syntetic {
    background: #009C5B; }
  .tn-chips__item--clay {
    background: #BC5A00; }
  .tn-chips__item--rubber {
    background: #000000; }
  .tn-chips__item--carpet {
    background: #0085FF; }
  .tn-chips__item--wood {
    background: #662B00; }
  .tn-chips__item--plastic {
    background: #00B5B5; }

.tn-btn-icon {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .tn-btn-icon md-icon {
    margin-right: 5px; }

md-list.user-list md-list-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
  md-list.user-list md-list-item .md-avatar-icon {
    width: 40px;
    height: 40px;
    padding: 0;
    background: transparent;
    border: 2px solid #B0BEC5;
    color: #B0BEC5;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    box-sizing: border-box; }
  md-list.user-list md-list-item:last-child {
    border-bottom: 0 none; }

@media only screen and (max-width: 959px) {
  .md-headline {
    font-size: 20px;
    line-height: 24px; } }

@media only screen and (min-width: 960px) {
  .layout-gt-sm-row > md-input-container:not(:first-child) {
    margin-left: 16px; }
  .layout-gt-sm-row > .md-block:not(:first-child) {
    margin-left: 16px; } }

.tn-actions .md-button.btn--flat:first-child {
  margin-left: -14px; }

.tn-hero {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-height: 312px;
  padding: 30px 0 32px;
  background: #063851; }
  .tn-hero * {
    color: #fff; }
  .tn-hero__col + .tn-hero__col {
    margin-top: 22px; }
    @media only screen and (min-width: 960px) {
      .tn-hero__col + .tn-hero__col {
        margin: 0;
        padding-left: 25px; } }
  .tn-hero__col > * + * {
    margin-top: 42px; }
    @media only screen and (min-width: 960px) {
      .tn-hero__col > * + * {
        margin-top: 25px; } }
  @media only screen and (min-width: 960px) {
    .tn-hero__col.col-left {
      -webkit-box-flex: 0 0 430px;
      -moz-box-flex: 0 0 430px;
      -webkit-flex: 0 0 430px;
      -ms-flex: 0 0 430px;
      flex: 0 0 430px;
      max-width: 430px; } }
  @media only screen and (min-width: 1280px) {
    .tn-hero__col.col-left {
      -webkit-box-flex: 0 0 500px;
      -moz-box-flex: 0 0 500px;
      -webkit-flex: 0 0 500px;
      -ms-flex: 0 0 500px;
      flex: 0 0 500px;
      max-width: 500px; } }
.tn-hero-profile {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap; }
  .tn-hero-profile__back {
    -webkit-box-flex: 0 0 30px;
    -moz-box-flex: 0 0 30px;
    -webkit-flex: 0 0 30px;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    max-width: 30px;
    padding-top: 12px; }
    @media only screen and (min-width: 400px) {
      .tn-hero-profile__back {
        -webkit-box-flex: 0 0 48px;
        -moz-box-flex: 0 0 48px;
        -webkit-flex: 0 0 48px;
        -ms-flex: 0 0 48px;
        flex: 0 0 48px;
        max-width: 48px;
        padding-top: 16px; } }
    .tn-hero-profile__back .md-button {
      margin: 0; }
      @media only screen and (max-width: 399px) {
        .tn-hero-profile__back .md-button.md-48 {
          width: 24px !important;
          height: 24px !important;
          min-height: 24px;
          line-height: 24px !important; }
          .tn-hero-profile__back .md-button.md-48 md-icon {
            font-size: 24px !important;
            width: 24px !important;
            height: 24px !important; } }
    @media only screen and (min-width: 600px) {
      .tn-hero-profile__back + .tn-hero-profile__image {
        -webkit-box-flex: 0 0 120px;
        -moz-box-flex: 0 0 120px;
        -webkit-flex: 0 0 120px;
        -ms-flex: 0 0 120px;
        flex: 0 0 120px;
        max-width: 120px; } }
    @media only screen and (min-width: 600px) {
      .tn-hero-profile__back + .tn-hero-profile__image .image {
        margin: 0 0 0 10px; } }
  .tn-hero-profile__image {
    -webkit-box-flex: 0 0 58px;
    -moz-box-flex: 0 0 58px;
    -webkit-flex: 0 0 58px;
    -ms-flex: 0 0 58px;
    flex: 0 0 58px;
    max-width: 58px; }
    @media only screen and (min-width: 400px) {
      .tn-hero-profile__image {
        -webkit-box-flex: 0 0 96px;
        -moz-box-flex: 0 0 96px;
        -webkit-flex: 0 0 96px;
        -ms-flex: 0 0 96px;
        flex: 0 0 96px;
        max-width: 96px; } }
    @media only screen and (min-width: 600px) {
      .tn-hero-profile__image {
        -webkit-box-flex: 0 0 176px;
        -moz-box-flex: 0 0 176px;
        -webkit-flex: 0 0 176px;
        -ms-flex: 0 0 176px;
        flex: 0 0 176px;
        max-width: 176px; } }
    .tn-hero-profile__image .image {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      position: relative;
      width: 48px;
      height: 48px;
      border: 2px solid #fff;
      overflow: hidden;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%; }
      @media only screen and (min-width: 400px) {
        .tn-hero-profile__image .image {
          width: 80px;
          height: 80px; } }
      @media only screen and (min-width: 600px) {
        .tn-hero-profile__image .image {
          margin: 0 auto; } }
      .tn-hero-profile__image .image img {
        display: block;
        width: 100%;
        height: 100%; }
      .tn-hero-profile__image .image md-icon {
        display: block;
        color: #fff;
        font-size: 32px !important;
        height: 32px !important;
        width: 32px !important; }
        @media only screen and (min-width: 400px) {
          .tn-hero-profile__image .image md-icon {
            font-size: 48px !important;
            height: 48px !important;
            width: 48px !important; } }
  .tn-hero-profile__info {
    position: relative;
    top: -2px; }
    .tn-hero-profile__info .name {
      margin: 0;
      font-weight: normal;
      line-height: 1.1; }
    .tn-hero-profile__info .action {
      margin-top: 2px;
      margin-left: -14px; }
      .tn-hero-profile__info .action * {
        margin: 0; }
      .tn-hero-profile__info .action .md-primary {
        color: #FDDE12 !important; }
  .tn-hero-profile__actions {
    -webkit-box-flex: 0 0 auto;
    -moz-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 16px;
    padding-top: 4px; }
    @media only screen and (min-width: 400px) {
      .tn-hero-profile__actions {
        padding-top: 16px; } }
    @media only screen and (min-width: 600px) {
      .tn-hero-profile__actions {
        margin-left: 40px; } }
    .tn-hero-profile__actions .md-fab {
      width: 40px;
      height: 40px;
      min-width: 40px;
      min-height: 40px;
      margin: 0; }
      .tn-hero-profile__actions .md-fab md-icon {
        font-size: 24px; }
  .tn-hero-profile + .tn-hero-stats {
    margin-top: 14px; }
    @media only screen and (max-width: 959px) {
      .tn-hero-profile + .tn-hero-stats {
        margin-top: 22px; } }
.tn-hero-stats__head,
.tn-hero-trnmts__head {
  padding-left: 4px;
  padding-bottom: 8px;
  border-bottom: 1px solid #fff;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 1.5px;
  text-transform: uppercase; }

.tn-hero-stats__head + .tn-hero-stats__body {
  margin-top: 16px; }

.tn-hero-stats__body .item {
  padding: 0 45px; }
  .tn-hero-stats__body .item:first-child {
    padding-left: 0; }
  .tn-hero-stats__body .item:last-child {
    padding-right: 0; }

.tn-hero-stats__body .value {
  font-size: 36px;
  font-weight: bold;
  line-height: 42px; }

.tn-hero-matches > * + * {
  margin-top: 12px; }
  @media only screen and (min-width: 1280px) {
    .tn-hero-matches > * + * {
      margin: 0;
      padding-left: 20px; } }
.tn-hero-matches .md-button {
  margin: 0; }

.tn-hero-matches .total {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  width: 100%;
  max-width: 260px;
  min-height: 38px;
  padding: 0px 6px;
  background-color: #FDDE12;
  color: #fff;
  border-radius: 2px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.75px;
  margin: 0; }
  @media only screen and (max-width: 1279px) {
    .tn-hero-matches .total {
      margin: 0 auto; } }
  .tn-hero-matches .total .num {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-flex: 0 0 24px;
    -moz-box-flex: 0 0 24px;
    -webkit-flex: 0 0 24px;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    max-width: 24px;
    height: 24px;
    margin-right: 10px;
    background: #FFF;
    border-radius: 50%;
    color: #FDDE12;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.25px; }
  .tn-hero-matches .total:not([disabled]):hover {
    color: #FDDE12; }
    .tn-hero-matches .total:not([disabled]):hover .num {
      background: #FDDE12;
      color: #FFF; }

@media only screen and (max-width: 1279px) {
  .tn-hero-matches .time {
    text-align: center; } }

.tn-hero-trnmts__head + .tn-hero-trnmts__body {
  margin-top: 6px; }

.tn-hero-trnmts__body {
  margin: 0 -5px; }
  .tn-hero-trnmts__body .item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin-top: 10px;
    padding: 0 5px; }

.tn-hero-trnmt {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  position: relative;
  width: 100%;
  padding: 9px 40px 9px 17px;
  border: 1px solid #607D8B;
  border-radius: 3px;
  text-decoration: none !important;
  cursor: pointer;
  -webkit-transition: background 150ms ease-in-out;
  -moz-transition: background 150ms ease-in-out;
  -o-transition: background 150ms ease-in-out;
  -ms-transition: background 150ms ease-in-out;
  transition: background 150ms ease-in-out; }
  .tn-hero-trnmt * {
    color: #fff; }
  .tn-hero-trnmt .division {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.5px; }
  .tn-hero-trnmt md-icon {
    position: absolute;
    top: 50%;
    right: 4px;
    height: 32px;
    width: 32px;
    min-height: 32px;
    min-width: 32px;
    font-size: 32px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .tn-hero-trnmt:not(.show-all) {
    background: #455A64; }
  .tn-hero-trnmt.show-all {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 68px; }
    .tn-hero-trnmt.show-all .text {
      color: #FDDE12;
      font-weight: 500;
      line-height: 16px;
      text-align: center;
      text-transform: uppercase;
      letter-spacing: 0.75px; }
    .tn-hero-trnmt.show-all md-icon {
      color: #FDDE12; }
  .tn-hero-trnmt.empty {
    min-height: 68px;
    padding-left: 60px;
    padding-right: 20px; }
    .tn-hero-trnmt.empty md-icon {
      left: 18px;
      right: auto;
      height: 24px;
      width: 24px;
      min-height: 24px;
      min-width: 24px;
      font-size: 24px;
      color: #FAD879; }
  .tn-hero-trnmt:hover {
    background: #607D8B; }

.dialog-hero-torunaments {
  max-width: 450px; }
  @media only screen and (min-width: 960px) {
    .dialog-hero-torunaments .md-dialog-content {
      min-width: 450px; } }
  .dialog-hero-torunaments .tn-hero-trnmts .item {
    margin-top: 7px; }
    .dialog-hero-torunaments .tn-hero-trnmts .item:first-child {
      margin-top: 0; }

.tn-txtimg__image {
  -webkit-box-flex: 0 0 160px;
  -moz-box-flex: 0 0 160px;
  -webkit-flex: 0 0 160px;
  -ms-flex: 0 0 160px;
  flex: 0 0 160px;
  max-width: 160px;
  margin-right: 32px; }
  @media only screen and (max-width: 599px) {
    .tn-txtimg__image {
      margin-bottom: 20px; } }
.tn-trophies {
  margin-top: 45px;
  padding: 16px;
  border-left: 8px solid #FDDE12;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  overflow: hidden;
  box-sizing: border-box;
  cursor: pointer; }
  @media only screen and (min-width: 600px) {
    .tn-trophies {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      max-width: 500px;
      padding: 12px 0 12px 16px; } }
  .tn-trophies__text {
    margin: 0 0 12px 0;
    color: #000;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    text-transform: uppercase; }
    @media only screen and (min-width: 600px) {
      .tn-trophies__text {
        max-width: 80px;
        margin: 0 40px 0 0; } }
  .tn-trophies__list-item {
    -webkit-box-flex: 0 0 19%;
    -moz-box-flex: 0 0 19%;
    -webkit-flex: 0 0 19%;
    -ms-flex: 0 0 19%;
    flex: 0 0 19%;
    max-width: 19%;
    margin: 0 0.5%; }
    @media only screen and (min-width: 600px) {
      .tn-trophies__list-item {
        -webkit-box-flex: 0 0 62px;
        -moz-box-flex: 0 0 62px;
        -webkit-flex: 0 0 62px;
        -ms-flex: 0 0 62px;
        flex: 0 0 62px;
        max-width: 62px;
        margin: 0 6px 0 0; } }
    .tn-trophies__list-item > div {
      position: relative;
      padding-bottom: 100%;
      background: #ECEFF1;
      border-radius: 50%;
      overflow: hidden; }
      @media only screen and (min-width: 600px) {
        .tn-trophies__list-item > div {
          width: 62px;
          height: 62px; } }
      .tn-trophies__list-item > div.num {
        color: #FDDE12;
        font-size: 18px;
        line-height: 21px; }
      .tn-trophies__list-item > div * {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }

md-input-container .hint-below {
  color: rgba(0, 0, 0, 0.38);
  font-size: 13px; }

.hide-on-desktop {
  display: none; }
  @media only screen and (max-width: 600px) {
    .hide-on-desktop {
      display: block; } }
ins.adsbygoogle[data-ad-status="unfilled"] {
  display: none !important; }

.nav_bg {
  /*	.dtbl_all{
			.dcl_all{
				&:last-child{
					text-align: right;
					width: 105px;
					
					@include max(599){
						width: 100px;
					}
					@include max(479){
						width: 70px;
					}
				}
			}
		}
		
		.dtbl_all{
			height: 48px;
		}
		
		.dcl_all{
			vertical-align: middle;
		}*/ }
  .nav_bg .md-toolbar-tools {
    max-height: 68px;
    height: 68px;
    padding-top: 10px;
    padding-bottom: 10px; }
  @media only screen and (max-width: 599px) {
    .nav_bg .content_wrapper {
      padding-right: 5px; } }
  .nav_bg .header_logo {
    color: #fff;
    filter: none;
    font-size: 20px;
    letter-spacing: 0.15px;
    text-transform: uppercase; }
  .nav_bg .search_btn {
    font-size: 30px; }
  .nav_bg .notification_btn {
    font-size: 30px; }
  .nav_bg md-icon {
    font-size: 32px;
    width: 32px;
    height: 32px;
    color: #fff; }
  .nav_bg .md-button.md-icon-button {
    width: 48px;
    height: 48px;
    margin: 0; }
  .nav_bg .md-button.burger_btn {
    margin-left: -3px; }
    @media only screen and (min-width: 480px) {
      .nav_bg .md-button.burger_btn {
        margin-left: -11px; } }
    @media only screen and (min-width: 1400px) {
      .nav_bg .md-button.burger_btn {
        margin-left: -18px; } }
    .nav_bg .md-button.burger_btn + .header_logo {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0 6px; }
      .nav_bg .md-button.burger_btn + .header_logo .header-logo-icon {
        width: 150px;
        fill: #FFF; }
  @media only screen and (max-width: 479px) {
    .nav_bg .md-button.md-icon-button {
      display: inline-flex;
      align-items: center;
      padding: 0;
      width: 32px;
      height: 32px;
      min-height: 32px; }
    .nav_bg .md-button md-icon {
      font-size: 28px;
      width: auto;
      height: auto; }
    .nav_bg .md-button.burger_btn md-icon {
      font-size: 32px; } }
.md-sidenav-left {
  background: #FDDE12;
  padding: 120px 0px 20px 0;
  overflow: visible; }
  .md-sidenav-left * {
    color: #063851; }
  .md-sidenav-left .menu_decorations {
    position: relative; }
    .md-sidenav-left .menu_decorations img {
      opacity: 0.2;
      position: absolute;
      display: block;
      width: 120px;
      height: 120px;
      pointer-events: none; }
      .md-sidenav-left .menu_decorations img:nth-child(1) {
        left: -40px;
        top: -60px;
        -webkit-transform: rotate(-20deg);
        -moz-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        -o-transform: rotate(-20deg);
        transform: rotate(-20deg); }
      .md-sidenav-left .menu_decorations img:nth-child(2) {
        left: 70px;
        top: -120px;
        -webkit-transform: rotate(20deg);
        -moz-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
        -o-transform: rotate(20deg);
        transform: rotate(20deg);
        width: 70px;
        height: 70px; }
      .md-sidenav-left .menu_decorations img:nth-child(3) {
        left: 130px;
        top: -60px;
        -webkit-transform: rotate(80deg);
        -moz-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        -o-transform: rotate(80deg);
        transform: rotate(80deg);
        width: 90px;
        height: 90px; }
  .md-sidenav-left h2 {
    text-transform: uppercase;
    margin: 0 0 30px;
    font-size: 18px;
    padding-left: 20px; }
  .md-sidenav-left ul, .md-sidenav-left li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: none; }
  .md-sidenav-left nav {
    border-top: 1px solid rgba(255, 255, 255, 0.5); }
    .md-sidenav-left nav > ul > li {
      border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
      .md-sidenav-left nav > ul > li a {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 14px;
        text-decoration: none;
        display: block;
        padding: 12px 20px; }
        .md-sidenav-left nav > ul > li a:hover, .md-sidenav-left nav > ul > li a.menu-inpath, .md-sidenav-left nav > ul > li a.menu-active {
          text-decoration: underline; }
      .md-sidenav-left nav > ul > li ul {
        border-top: 1px solid rgba(255, 255, 255, 0.5); }
        .md-sidenav-left nav > ul > li ul li {
          padding-left: 20px; }
  .md-sidenav-left .close_menu {
    position: absolute;
    right: 2px;
    top: 7px;
    cursor: pointer;
    z-index: 1; }

md-backdrop.md-opaque {
  opacity: 0.7; }

.important_alert {
  background: #E1E7EA;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
  padding: 10px 0 14px 0;
  display: none; }
  .important_alert .content_wrapper {
    position: relative;
    padding-left: 32px;
    padding-right: 42px;
    font-size: 13px;
    color: #063851;
    min-height: 30px; }
    .important_alert .content_wrapper:before {
      content: "";
      background-image: url("../img/jumping_ball.gif");
      background-position: center;
      background-repeat: no-repeat;
      background-size: 30px 30px;
      position: absolute;
      left: 0;
      top: 0;
      width: 30px;
      height: 30px; }
    .important_alert .content_wrapper md-icon {
      color: #063851;
      position: absolute;
      left: 5px;
      top: 50%;
      margin-top: -12px; }
  .important_alert .md-button {
    position: absolute;
    right: 0px;
    top: -9px;
    margin: 0; }
    .important_alert .md-button md-icon {
      color: #063851; }

.md-button.loggedin_btn {
  position: relative;
  min-width: 0;
  background: #FDDE12;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  color: #063851;
  font-size: 14px;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px; }
  @media only screen and (max-width: 599px) {
    .md-button.loggedin_btn {
      padding: 0; } }
  @media only screen and (min-width: 600px) {
    .md-button.loggedin_btn {
      padding-left: 50px; } }
  .md-button.loggedin_btn:hover {
    background: #fde021; }
  .md-button.loggedin_btn .image_cont {
    display: block;
    width: 36px;
    height: 36px;
    background: #fff;
    border: 2px solid #fff;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%; }
    @media only screen and (min-width: 600px) {
      .md-button.loggedin_btn .image_cont {
        position: absolute;
        top: 0;
        left: 0; } }
    .md-button.loggedin_btn .image_cont img {
      display: block;
      max-width: 100%;
      max-height: 100%;
      width: auto;
      height: auto; }
    .md-button.loggedin_btn .image_cont span {
      display: block;
      background: #273139;
      line-height: 34px;
      color: #FDDE12; }
  .md-button.loggedin_btn md-icon {
    vertical-align: -11px; }

.sidenav-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 30px 0; }
  .sidenav-title > h2 {
    margin-bottom: 0; }

.language-holder-header, .language-holder-sidemenu {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  padding: 0 5px; }
  .language-holder-header a, .language-holder-sidemenu a {
    text-transform: uppercase;
    color: #063851;
    position: relative;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    padding: 0 10px;
    transition: all 0.2s ease-in-out;
    text-decoration: none; }
    .language-holder-header a:after, .language-holder-sidemenu a:after {
      content: "";
      display: block;
      width: 1px;
      height: 14px;
      background-color: #FFF;
      position: absolute;
      bottom: 0;
      right: -1px; }
    .language-holder-header a:not(.current):hover, .language-holder-sidemenu a:not(.current):hover {
      color: #FFF; }
    .language-holder-header a:last-child:after, .language-holder-sidemenu a:last-child:after {
      content: none; }
    .language-holder-header a.current, .language-holder-sidemenu a.current {
      color: #FFF; }

@media only screen and (max-width: 960px) {
  .language-holder-header {
    display: none; } }

footer {
  background: #EDEDED;
  padding: 25px 0;
  color: #999;
  text-align: center; }
  footer nav ul {
    margin: 0;
    padding: 0;
    text-align: center;
    list-style: none; }
  footer nav li {
    margin: 0;
    padding: 0;
    display: inline-block;
    margin: 0 16px 10px;
    background: none; }
    footer nav li:before {
      display: none; }
  footer nav a {
    display: block;
    color: #063851;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    text-decoration: none; }
    footer nav a:hover {
      text-decoration: underline; }
  footer nav + .copyright_text {
    margin-top: 10px; }
  footer .social-link-block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 25px 0 15px 0; }
    footer .social-link-block > a {
      text-decoration: none;
      color: #455A64;
      margin: 0 12px 10px 12px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      transition: all 0.2s ease-in-out; }
      footer .social-link-block > a md-icon {
        transition: all 0.2s ease-in-out;
        color: #455A64; }
      footer .social-link-block > a > span {
        margin: 2px 0 0 8px;
        display: inline-block; }
      footer .social-link-block > a:hover {
        opacity: 0.9;
        transition: all 0.2s ease-in-out; }
        footer .social-link-block > a:hover md-icon {
          opacity: 0.8;
          transition: all 0.2s ease-in-out; }

.cookies_block {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 90%;
  background: #fff;
  display: none;
  padding: 20px 20px 22px 18px;
  z-index: 9999; }
  @media only screen and (min-width: 500px) {
    .cookies_block {
      width: 354px;
      padding: 22px 20px 22px 22px; } }
  .cookies_block .cookie_text {
    margin: 0 0 10px; }
  .cookies_block p {
    margin: 0;
    line-height: 1.2;
    color: #000; }
  .cookies_block .md-button {
    margin-left: 0px; }
  .cookies_block a.link_to_terms {
    color: #fcc805;
    text-decoration: none; }
    .cookies_block a.link_to_terms:hover {
      text-decoration: underline; }

@media only screen and (min-width: 992px) {
  .cont {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap; } }

@media only screen and (min-width: 992px) {
  .content--has-sb-r {
    flex: 1 1 calc(100% - 240px);
    max-width: calc(100% - 240px); } }

@media only screen and (max-width: 991px) {
  .sidebar {
    margin-top: 48px;
    border-top: 1px solid #B0BEC5; } }

@media only screen and (min-width: 992px) {
  .sidebar {
    flex: 0 0 240px;
    max-width: 240px; } }

@media only screen and (min-width: 992px) {
  .sidebar--right {
    margin: 0 0 0 15px; } }

.banners {
  position: relative; }
  @media only screen and (max-width: 767px) {
    .banners {
      max-width: 320px;
      margin: 0 auto; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banners {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    max-width: 672px;
    margin: 0 auto; }
    .banners .banners__item {
      -webkit-box-flex: 0 0 336px;
      -moz-box-flex: 0 0 336px;
      -webkit-flex: 0 0 336px;
      -ms-flex: 0 0 336px;
      flex: 0 0 336px;
      max-width: 336px;
      padding: 0 8px; }
      .banners .banners__item:nth-child(-n+2) {
        margin-top: 0; }
    .banners .banners__headline + .banners__item + .banners__item {
      margin-top: 0; } }
  .banners__headline {
    width: 100%;
    color: #778899;
    font-size: 9px;
    line-height: 11px;
    text-align: center; }
    @media only screen and (max-width: 991px) {
      .banners__headline {
        margin: 12px 0 10px; } }
    @media only screen and (min-width: 992px) {
      .banners__headline {
        position: absolute;
        top: -15px;
        right: 0;
        text-align: right; } }
    .banners__headline + .banners__item {
      margin-top: 0; }
  .banners__item {
    display: block;
    max-width: 320px;
    margin-top: 15px; }
    @media only screen and (min-width: 992px) {
      .banners__item {
        max-width: 240px;
        margin-top: 30px; } }
    .banners__item:first-child {
      margin-top: 0; }
  .banners .banner {
    border: 1px solid #000000; }

.banner {
  display: block;
  text-decoration: none !important;
  outline: none;
  overflow: hidden; }
  .banner img {
    display: block;
    width: 100%; }
  .banner iframe {
    display: block;
    border: 0 none;
    overflow: hidden; }
  @media only screen and (max-width: 991px) {
    .banner .desktop {
      display: none !important; } }
  @media only screen and (min-width: 992px) {
    .banner .mobile {
      display: none !important; } }
.pager {
  margin-top: 32px;
  font-size: 0;
  text-align: center; }
  .pager a:not(.md-button) {
    display: inline-block;
    vertical-align: top;
    margin: 0 2px;
    padding: 0 4px;
    color: rgba(0, 0, 0, 0.5);
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    outline: none;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out; }
    .pager a:not(.md-button):hover {
      color: #000; }
    .pager a:not(.md-button).current {
      color: #FDDE12; }
  .pager .md-button {
    display: inline-block;
    vertical-align: top;
    min-height: 24px;
    min-width: 24px;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0; }
    .pager .md-button span {
      display: block;
      color: inherit; }
    .pager .md-button.fow {
      margin-left: 6px; }
    .pager .md-button.bck {
      margin-right: 6px; }
    .pager .md-button.dis {
      cursor: not-allowed;
      color: rgba(0, 0, 0, 0.2); }

.tournament_bg {
  flex: 0 0 auto;
  height: 350px;
  background-size: cover;
  background-position: top -392px center;
  position: relative;
  background-repeat: no-repeat;
  padding: 38px 0 0;
  overflow: hidden; }
  @media only screen and (max-width: 600px) {
    .tournament_bg {
      height: 300px; } }
  @media only screen and (max-width: 1400px) {
    .tournament_bg {
      background-position: top -250px center; } }
  @media only screen and (max-width: 800px) {
    .tournament_bg {
      background-position: center center; } }
  @media only screen and (max-width: 600px) {
    .tournament_bg {
      padding-top: 0px; } }
  .tournament_bg:before, .tournament_bg:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 300px;
    height: 100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#273139+0,273139+100&1+0,0+100 */
    background: -moz-linear-gradient(left, #273139 0%, rgba(39, 49, 57, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #273139 0%, rgba(39, 49, 57, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #273139 0%, rgba(39, 49, 57, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#273139', endColorstr='#00273139',GradientType=1 );
    /* IE6-9 */ }
    @media only screen and (min-width: 1400px) {
      .tournament_bg:before, .tournament_bg:after {
        width: 400px; } }
    @media only screen and (min-width: 1500px) {
      .tournament_bg:before, .tournament_bg:after {
        width: 500px; } }
    @media only screen and (min-width: 1600px) {
      .tournament_bg:before, .tournament_bg:after {
        width: 600px; } }
    @media only screen and (min-width: 1700px) {
      .tournament_bg:before, .tournament_bg:after {
        width: 700px; } }
    @media only screen and (min-width: 1800px) {
      .tournament_bg:before, .tournament_bg:after {
        width: 800px; } }
    @media only screen and (min-width: 2200px) {
      .tournament_bg:before, .tournament_bg:after {
        width: 900px; } }
    @media only screen and (max-width: 600px) {
      .tournament_bg:before, .tournament_bg:after {
        display: none; } }
  .tournament_bg:after {
    left: auto;
    right: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#273139+0,273139+100&0+0,1+100 */
    background: -moz-linear-gradient(left, rgba(39, 49, 57, 0) 0%, #273139 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(39, 49, 57, 0) 0%, #273139 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(39, 49, 57, 0) 0%, #273139 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00273139', endColorstr='#273139',GradientType=1 );
    /* IE6-9 */ }
  .tournament_bg .content_wrapper {
    position: relative;
    z-index: 1; }
    @media only screen and (max-width: 600px) {
      .tournament_bg .content_wrapper:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #063851;
        z-index: 2; } }
  .tournament_bg .content_wrapper, .tournament_bg .dtbl, .tournament_bg .dcl {
    height: 100%; }
  @media only screen and (min-width: 600px) {
    .tournament_bg .dtbl {
      display: table;
      table-layout: fixed;
      width: 100%; }
      .tournament_bg .dtbl .dcl {
        display: table-cell;
        vertical-align: top; } }
  .tournament_bg .dcl {
    vertical-align: top;
    overflow: hidden; }
    @media only screen and (min-width: 600px) {
      .tournament_bg .dcl:last-child {
        width: 40%;
        text-align: right; } }
    .tournament_bg .dcl:last-child img {
      max-width: 327px; }
      @media only screen and (max-width: 800px) {
        .tournament_bg .dcl:last-child img {
          max-width: 200px; } }
      @media only screen and (max-width: 600px) {
        .tournament_bg .dcl:last-child img {
          position: absolute;
          left: 0;
          bottom: 0px;
          width: 100%;
          max-width: 100%; } }
    @media only screen and (max-width: 600px) {
      .tournament_bg .dcl:last-child {
        position: absolute;
        bottom: 45px;
        left: 0px;
        width: 100%;
        z-index: 3;
        text-align: center;
        padding-top: 10px; }
        .tournament_bg .dcl:last-child:before {
          content: "";
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          height: 100%;
          /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#273139+0,273139+100&0.11+0,0.65+35,1+100 */
          background: -moz-linear-gradient(top, rgba(39, 49, 57, 0.11) 0%, rgba(39, 49, 57, 0.65) 35%, #273139 100%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(top, rgba(39, 49, 57, 0.11) 0%, rgba(39, 49, 57, 0.65) 35%, #273139 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to bottom, rgba(39, 49, 57, 0.11) 0%, rgba(39, 49, 57, 0.65) 35%, #273139 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c273139', endColorstr='#273139',GradientType=0 );
          /* IE6-9 */
          opacity: 0.8;
          z-index: 2; } }
    @media only screen and (max-width: 600px) {
      .tournament_bg .dcl:nth-child(1) {
        position: relative;
        z-index: 4;
        padding-top: 60px;
        display: table;
        table-layout: fixed;
        width: 100%;
        height: 100%; }
        .tournament_bg .dcl:nth-child(1) .info_wrapper {
          display: table-cell;
          vertical-align: bottom;
          height: 100%;
          padding-bottom: 59px; }
        .tournament_bg .dcl:nth-child(1) h2 {
          font-size: 30px;
          margin: 0 0 15px; }
        .tournament_bg .dcl:nth-child(1) h3 {
          font-size: 14px;
          margin: 0 0 5px; }
        .tournament_bg .dcl:nth-child(1) .date {
          display: none; } }
  .tournament_bg * {
    color: #fff; }
  .tournament_bg h3 {
    text-transform: uppercase;
    font-size: 16px;
    margin: 0 0 5px; }
  .tournament_bg h2 {
    font-size: 38px;
    font-weight: 500;
    margin: 0 0 40px;
    line-height: 1; }
  .tournament_bg .date {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    max-width: 300px;
    padding: 10px 0;
    font-weight: 700; }
  .tournament_bg md-nav-bar {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #063851;
    overflow-y: auto;
    z-index: 7; }
  .tournament_bg .md-nav-item {
    position: relative;
    margin-left: 4px; }
    .tournament_bg .md-nav-item:first-child {
      margin-left: 8px; }
  .tournament_bg .md-nav-bar {
    border: 0;
    position: relative;
    z-index: 2;
    max-width: 1396px;
    margin: 0 auto; }
    .tournament_bg .md-nav-bar ._md-nav-button {
      position: static;
      margin: 0; }
      .tournament_bg .md-nav-bar ._md-nav-button ._md-nav-button-text {
        color: #B0BEC5; }
      .tournament_bg .md-nav-bar ._md-nav-button:after {
        content: '';
        opacity: 0;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background: #fff; }
      .tournament_bg .md-nav-bar ._md-nav-button.md-active ._md-nav-button-text {
        color: #fff; }
      .tournament_bg .md-nav-bar ._md-nav-button.md-active:after {
        opacity: 1; }
  .tournament_bg .md-button._md-nav-button {
    min-width: 110px;
    padding-left: 7px;
    padding-right: 7px; }
    @media only screen and (max-width: 400px) {
      .tournament_bg .md-button._md-nav-button {
        min-width: 97px; } }
  .tournament_bg md-nav-ink-bar {
    height: 3px;
    background: #fff !important; }
  .tournament_bg.inner_header {
    background: #063851;
    padding-top: 0px;
    height: 180px; }
    .tournament_bg.inner_header:before, .tournament_bg.inner_header:after {
      content: none; }
    .tournament_bg.inner_header .content_wrapper {
      padding-bottom: 0; }
      @media only screen and (max-width: 600px) {
        .tournament_bg.inner_header .content_wrapper {
          padding-bottom: 25px; } }
      .tournament_bg.inner_header .content_wrapper:before {
        display: none; }
    @media only screen and (max-width: 600px) {
      .tournament_bg.inner_header {
        padding-top: 15px;
        height: 146px; } }
    .tournament_bg.inner_header h4 {
      margin: 0 0 5px;
      text-transform: uppercase;
      font-weight: 500;
      font-size: 0.9em; }
      .tournament_bg.inner_header h4 + md-select {
        margin-top: 5px;
        margin-bottom: 5px; }
    .tournament_bg.inner_header .md-icon-button {
      margin-left: 0; }
    .tournament_bg.inner_header .dtbl_all {
      height: 100%; }
      .tournament_bg.inner_header .dtbl_all .dcl_all {
        vertical-align: middle;
        height: 100%;
        padding-bottom: 30px; }
        .tournament_bg.inner_header .dtbl_all .dcl_all:first-child {
          width: 50px; }
          @media only screen and (max-width: 600px) {
            .tournament_bg.inner_header .dtbl_all .dcl_all:first-child {
              width: 27px; }
              .tournament_bg.inner_header .dtbl_all .dcl_all:first-child .md-button {
                margin-left: -15px; } }
        .tournament_bg.inner_header .dtbl_all .dcl_all:nth-child(2) {
          width: 180px;
          padding-left: 20px;
          padding-right: 20px; }
          @media only screen and (max-width: 600px) {
            .tournament_bg.inner_header .dtbl_all .dcl_all:nth-child(2) {
              width: 110px;
              padding-left: 10px;
              padding-right: 10px; } }
        .tournament_bg.inner_header .dtbl_all .dcl_all:last-child {
          width: auto;
          text-align: left; }
    .tournament_bg.inner_header md-select {
      max-width: 300px; }
      @media only screen and (max-width: 600px) {
        .tournament_bg.inner_header md-select {
          max-width: 100%; } }
      .tournament_bg.inner_header md-select .md-select-value {
        border: 0; }
        .tournament_bg.inner_header md-select .md-select-value span {
          font-size: 1.3rem;
          line-height: 1.3; }
          @media only screen and (max-width: 600px) {
            .tournament_bg.inner_header md-select .md-select-value span {
              font-size: 1.1rem; } }
        .tournament_bg.inner_header md-select .md-select-value .md-select-icon {
          color: #fff; }
          .tournament_bg.inner_header md-select .md-select-value .md-select-icon:after {
            font-size: 18px; }
      .tournament_bg.inner_header md-select.header-court-select {
        max-width: fit-content; }

md-list.tn_list {
  max-width: 768px;
  display: block;
  text-align: left; }
  md-list.tn_list.tournament-calendar {
    max-width: 100%; }
    md-list.tn_list.tournament-calendar md-list-item > .group_toggler {
      text-transform: uppercase; }
    md-list.tn_list.tournament-calendar md-list-item .tn-tournament-list__item md-card md-card-actions > a {
      text-transform: uppercase; }
  md-list.tn_list .group_toggler.selected {
    background-color: rgba(158, 158, 158, 0.2); }
  md-list.tn_list md-list-item {
    display: block;
    min-height: 5px;
    padding: 0;
    border-bottom: 1px solid #ddd; }
    md-list.tn_list md-list-item:first-child {
      border-top: 1px solid #ddd; }
    md-list.tn_list md-list-item:before {
      display: none; }
    md-list.tn_list md-list-item .md-button {
      display: block;
      width: 100%;
      margin: 0;
      text-align: left;
      position: relative;
      min-height: 44px;
      line-height: 44px;
      text-transform: none; }
      md-list.tn_list md-list-item .md-button md-icon {
        color: #FDDE12;
        position: absolute;
        right: 5px;
        top: 50%;
        margin-top: -13px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); }
    md-list.tn_list md-list-item md-list {
      padding: 0 0 0 20px; }
      md-list.tn_list md-list-item md-list md-list-item:first-child {
        border-top: 0; }
      md-list.tn_list md-list-item md-list md-list-item:last-child {
        border-bottom: 0; }

.one_result {
  position: relative;
  height: auto;
  background: #FFFBE3; }
  .one_result .dcl_all {
    vertical-align: middle; }
  .one_result .res_header {
    background: #E1E7EA;
    padding: 7px 15px;
    overflow: hidden; }
    .one_result .res_header > div.dtbl_all {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-pack: space-between; }
    .one_result .res_header a {
      text-decoration: none;
      text-decoration: none;
      white-space: nowrap;
      color: rgba(0, 0, 0, 0.87); }
    .one_result .res_header .sep {
      display: inline-block;
      vertical-align: 3px;
      width: 4px;
      height: 4px;
      background: #333;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      margin: 0 8px; }
    .one_result .res_header div {
      font-size: 13px; }
    .one_result .res_header .dcl_all:last-child {
      text-align: right; }
  .one_result .res_body {
    min-height: 112px;
    padding: 16px 0px 16px 15px; }
    .one_result .res_body * {
      font-size: 14px; }
    .one_result .res_body .bye_player {
      font-size: 18px;
      line-height: 22px; }
    .one_result .res_body .dcl_all:not(:first-child):not(.btn-cell) {
      width: 110px;
      white-space: nowrap;
      font-size: 18px;
      line-height: 22px; }
      .one_result .res_body .dcl_all:not(:first-child):not(.btn-cell) span {
        display: inline-block;
        min-width: 17px;
        font-size: 18px;
        line-height: 22px; }
      .one_result .res_body .dcl_all:not(:first-child):not(.btn-cell) .results_score_holder {
        position: relative;
        display: block;
        line-height: 1; }
    .one_result .res_body .dcl_all.btn-cell {
      width: 113px;
      padding-left: 10px; }
      .one_result .res_body .dcl_all.btn-cell button {
        margin: 0; }
    .one_result .res_body .dcl_all .center_status {
      position: relative;
      top: 21px;
      right: 15px;
      font-size: 18px;
      font-weight: 700;
      line-height: 22px;
      text-align: right; }
    .one_result .res_body .one_match {
      margin-bottom: 4px; }
      .one_result .res_body .one_match:last-child {
        margin: 0; }
      .one_result .res_body .one_match > .dtbl_all {
        height: 38px; }
      .one_result .res_body .one_match .set-won {
        font-weight: 700; }
      .one_result .res_body .one_match.winner .name {
        font-weight: 700; }
      .one_result .res_body .one_match.winner .dcl_all:last-child .results_score_holder, .one_result .res_body .one_match.winner .dcl_all:last-child .results_status_holder {
        position: relative;
        display: block; }
        .one_result .res_body .one_match.winner .dcl_all:last-child .results_score_holder:after, .one_result .res_body .one_match.winner .dcl_all:last-child .results_status_holder:after {
          content: '';
          position: absolute;
          top: 50%;
          right: 0;
          width: 0;
          height: 0;
          border: 14px solid #37474F;
          border-top: 7px solid transparent;
          border-bottom: 7px solid transparent;
          border-left: 0 none;
          -webkit-transform: translate(0, -50%);
          -moz-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          -o-transform: translate(0, -50%);
          transform: translate(0, -50%); }
    .one_result .res_body .one_player {
      display: table;
      table-layout: fixed;
      width: 100%;
      margin-bottom: 2px;
      line-height: 22px;
      text-decoration: none;
      color: rgba(0, 0, 0, 0.87); }
      .one_result .res_body .one_player:last-child {
        margin-bottom: 0; }
      .one_result .res_body .one_player .image_cont,
      .one_result .res_body .one_player .flag,
      .one_result .res_body .one_player .name {
        display: table-cell;
        vertical-align: middle; }
      .one_result .res_body .one_player .image_cont {
        width: 38px; }
        .one_result .res_body .one_player .image_cont .image {
          display: block;
          width: 38px;
          height: 38px;
          border: 1px solid #778899;
          overflow: hidden;
          border-radius: 50%;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%; }
        .one_result .res_body .one_player .image_cont img {
          display: block;
          max-width: 100%;
          max-height: 100%;
          width: auto; }
        .one_result .res_body .one_player .image_cont .icon {
          display: block;
          width: 38px;
          height: 38px;
          line-height: 1;
          border: 1px solid #778899;
          overflow: hidden;
          border-radius: 50%;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%; }
          .one_result .res_body .one_player .image_cont .icon md-icon {
            display: block;
            width: 36px;
            height: 36px;
            margin: 0;
            font-size: 28px;
            font-weight: 400;
            line-height: 36px;
            text-align: center; }
        .one_result .res_body .one_player .image_cont + .name {
          padding-left: 10px; }
      .one_result .res_body .one_player .flag {
        width: 30px;
        padding-right: 8px; }
        .one_result .res_body .one_player .flag img {
          display: block; }
      .one_result .res_body .one_player .name {
        padding-right: 6px;
        font-size: 16px;
        line-height: 22px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
  .one_result .res_footer {
    min-height: 34px;
    width: 100%;
    padding: 7px 15px;
    background: #E1E7EA;
    font-size: 13px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden; }
    .one_result .res_footer .date {
      white-space: nowrap; }
    .one_result .res_footer a {
      text-decoration: none;
      white-space: nowrap;
      color: rgba(0, 0, 0, 0.87); }
    .one_result .res_footer .sep {
      display: inline-block;
      vertical-align: 3px;
      width: 4px;
      min-width: 4px;
      height: 4px;
      background: #333;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      margin: 0 8px; }
    .one_result .res_footer .court-info a {
      display: -webkit-inline-box;
      display: -moz-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex; }
    @media only screen and (min-width: 950px) {
      .one_result .res_footer .court-info__title {
        max-width: 145px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; } }
    @media only screen and (max-width: 350px) {
      .one_result .res_footer .court-info__title {
        max-width: 125px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; } }
    .one_result .res_footer .live_indicator {
      top: 0;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      .one_result .res_footer .live_indicator.info {
        padding-left: 27px; }
        .one_result .res_footer .live_indicator.info:before {
          background-size: 25px;
          height: 25px;
          width: 25px; }
        .one_result .res_footer .live_indicator.info .live_text, .one_result .res_footer .live_indicator.info .live_time {
          font-size: 13px !important; }
        .one_result .res_footer .live_indicator.info .live_time {
          margin-left: 5px;
          white-space: nowrap; }
    .one_result .res_footer.space-between {
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-pack: space-between; }
  .one_result .live_indicator {
    position: relative;
    top: 21px;
    height: 38px;
    line-height: 38px;
    margin-left: -7px; }
    .one_result .live_indicator:before {
      height: 38px; }
    .one_result .live_indicator.info {
      height: auto;
      line-height: normal;
      text-align: center;
      padding-left: 32px; }
      .one_result .live_indicator.info:before {
        background-size: 30px;
        height: 30px;
        width: 30px;
        top: -5px; }
      .one_result .live_indicator.info > span {
        font-size: 16px !important;
        display: block !important; }
        .one_result .live_indicator.info > span.live_text {
          text-align: left; }
        .one_result .live_indicator.info > span.live_result, .one_result .live_indicator.info > span.live_time {
          margin-left: -42px;
          color: rgba(0, 0, 0, 0.87); }
        .one_result .live_indicator.info > span.live_time {
          text-transform: none; }
  .one_result.doubles .res_body {
    padding-top: 10px;
    padding-bottom: 10px; }
    .one_result.doubles .res_body .dcl_all .center_status {
      top: 25px; }
    .one_result.doubles .res_body .live_indicator {
      top: 25px; }
  .one_result.doubles .one_match {
    margin-bottom: 8px; }
    .one_result.doubles .one_match:last-child {
      margin: 0; }
    .one_result.doubles .one_match > .dtbl_all {
      height: 42px; }
  .one_result.doubles .one_player {
    line-height: 1.1; }
    .one_result.doubles .one_player .image_cont {
      width: 20px; }
      .one_result.doubles .one_player .image_cont .image {
        width: 20px;
        height: 20px; }
      .one_result.doubles .one_player .image_cont .icon {
        display: block;
        width: 20px;
        height: 20px;
        line-height: 1; }
        .one_result.doubles .one_player .image_cont .icon md-icon {
          display: block;
          min-width: 18px;
          min-height: 18px;
          width: 18px;
          height: 18px;
          margin: 0;
          font-size: 14px;
          line-height: 18px; }
      .one_result.doubles .one_player .image_cont + .name {
        padding-left: 11px; }
    .one_result.doubles .one_player .name {
      font-size: 13px;
      line-height: 17px; }
      .one_result.doubles .one_player .name span {
        font-size: inherit;
        line-height: inherit; }
    .one_result.doubles .one_player.flaged {
      margin-bottom: 4px; }
      .one_result.doubles .one_player.flaged:last-child {
        margin-bottom: 0; }

.draw_toggler {
  margin: 0 0 25px; }
  .draw_toggler button {
    margin: 0 4px;
    background: none;
    padding: 0;
    border: none;
    height: auto;
    display: inline-block;
    vertical-align: top;
    width: 50px; }
    @media only screen and (max-width: 420px) {
      .draw_toggler button {
        width: 42px;
        margin: 0 3px; } }
    @media only screen and (max-width: 350px) {
      .draw_toggler button {
        width: 42px;
        margin: 0 1px; } }
    .draw_toggler button:focus {
      outline: none; }
    .draw_toggler button:first-child {
      margin-left: 0; }
    .draw_toggler button:last-child {
      margin-right: 0; }
    .draw_toggler button span {
      display: block; }
      .draw_toggler button span.title {
        color: #063851;
        font-size: 11px;
        margin: 0 0 4px;
        text-align: center; }
      .draw_toggler button span.box {
        border: 1px solid #B0BEC5;
        padding: 0 10px;
        height: 80px;
        display: table;
        table-layout: fixed;
        width: 100%; }
        @media only screen and (max-width: 420px) {
          .draw_toggler button span.box {
            padding: 0 5px; } }
        .draw_toggler button span.box .box_center {
          display: table-cell;
          vertical-align: middle; }
    .draw_toggler button.level_1r .box_center span {
      height: 12px;
      margin: 0 0 4px;
      background: #FDDE12; }
      .draw_toggler button.level_1r .box_center span:last-child {
        margin: 0; }
    .draw_toggler button.level_2r .box_center > span {
      margin: 0 0 5px; }
      .draw_toggler button.level_2r .box_center > span span {
        height: 1px;
        background: #FDDE12;
        margin: 0 0 2px; }
      .draw_toggler button.level_2r .box_center > span:last-child {
        margin: 0; }
    .draw_toggler button.level_8f .box_center > span {
      margin: 0 0 6px; }
      .draw_toggler button.level_8f .box_center > span:first-child {
        margin-top: 3px; }
      .draw_toggler button.level_8f .box_center > span span {
        height: 2px;
        background: #FDDE12;
        margin: 0 0 3px; }
      .draw_toggler button.level_8f .box_center > span:last-child {
        margin: 0; }
    .draw_toggler button.level_4f .box_center > span {
      height: 2px;
      background: #FDDE12;
      margin: 0 0 6px; }
      .draw_toggler button.level_4f .box_center > span:nth-child(2) {
        margin-bottom: 9px; }
      .draw_toggler button.level_4f .box_center > span:last-child {
        margin: 0; }
    .draw_toggler button.level_sf .box_center > span {
      height: 2px;
      background: #FDDE12;
      margin: 0 0 12px; }
      .draw_toggler button.level_sf .box_center > span:last-child {
        margin: 0; }
    .draw_toggler button.level_f .box_center > span {
      height: 2px;
      background: #FDDE12;
      margin: 0 0 12px; }
      .draw_toggler button.level_f .box_center > span:last-child {
        margin: 0; }
    .draw_toggler button.active.level_1r .box_center span, .draw_toggler button.active.level_sf .box_center span, .draw_toggler button.active.level_4f .box_center span, .draw_toggler button.active.level_f .box_center span {
      background: #fff; }
    .draw_toggler button.active.level_2r .box_center span span, .draw_toggler button.active.level_8f .box_center span span {
      background: #fff; }
    .draw_toggler button.active .box {
      background: #B0BEC5; }

.one_division_wrapper {
  margin: 0 0 40px; }
  .one_division_wrapper table.group_table.md-table .one_player {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .one_division_wrapper table.group_table.md-table .one_player .image_cont {
      min-width: 48px; }

h2.main_title + md-table-container {
  margin-top: -18px; }

md-table-container:not(.clubs-table) table.md-table {
  empty-cells: show;
  width: auto;
  margin: 0 0 0px 0;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0px;
  table-layout: auto; }
  md-table-container:not(.clubs-table) table.md-table th, md-table-container:not(.clubs-table) table.md-table td, md-table-container:not(.clubs-table) table.md-table th.md-column, md-table-container:not(.clubs-table) table.md-table td.md-cell {
    padding: 8px 8px 8px 15px !important;
    border: 2px solid #fff;
    text-align: center;
    font-size: 14px; }

md-table-container:not(.clubs-table) table.md-table thead.md-head > tr.md-row {
  height: auto; }

md-table-container table.group_table, md-table-container table.group_table.md-table {
  width: 100%; }
  md-table-container table.group_table th, md-table-container table.group_table.md-table th {
    color: #063851;
    font-weight: 400; }
    md-table-container table.group_table th:first-child, md-table-container table.group_table.md-table th:first-child {
      width: 250px; }
  md-table-container table.group_table td, md-table-container table.group_table.md-table td {
    min-width: 102px;
    height: 78px;
    background: #E1E7EA; }
    md-table-container table.group_table td:first-child, md-table-container table.group_table.md-table td:first-child {
      background: #FFFBE3;
      text-align: left; }
    md-table-container table.group_table td.disabled, md-table-container table.group_table.md-table td.disabled {
      background: #B0BEC5; }
    md-table-container table.group_table td.dark, md-table-container table.group_table.md-table td.dark {
      min-width: 70px;
      width: 70px;
      background: #FFFBE3;
      color: #000;
      font-size: 24px;
      font-weight: 500;
      line-height: 28px;
      letter-spacing: 0.25px; }
  md-table-container table.group_table .one_player, md-table-container table.group_table.md-table .one_player {
    display: table;
    table-layout: fixed;
    max-width: 227px;
    min-width: 177px;
    width: 100%;
    margin: 0 0 2px;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.87); }
    md-table-container table.group_table .one_player:last-child, md-table-container table.group_table.md-table .one_player:last-child {
      margin: 0; }
    md-table-container table.group_table .one_player .flag, md-table-container table.group_table .one_player .name, md-table-container table.group_table .one_player .image_cont, md-table-container table.group_table.md-table .one_player .flag, md-table-container table.group_table.md-table .one_player .name, md-table-container table.group_table.md-table .one_player .image_cont {
      display: table-cell;
      vertical-align: middle; }
    md-table-container table.group_table .one_player .flag, md-table-container table.group_table.md-table .one_player .flag {
      width: 48px;
      padding-right: 10px; }
      md-table-container table.group_table .one_player .flag img, md-table-container table.group_table.md-table .one_player .flag img {
        margin-top: 2px; }
    md-table-container table.group_table .one_player .image_cont, md-table-container table.group_table.md-table .one_player .image_cont {
      width: 48px; }
    md-table-container table.group_table .one_player .icon,
    md-table-container table.group_table .one_player .image, md-table-container table.group_table.md-table .one_player .icon,
    md-table-container table.group_table.md-table .one_player .image {
      display: block;
      width: 38px;
      height: 38px;
      border: 1px solid #778899;
      border-radius: 50%;
      text-align: center;
      overflow: hidden; }
      md-table-container table.group_table .one_player .icon img,
      md-table-container table.group_table .one_player .image img, md-table-container table.group_table.md-table .one_player .icon img,
      md-table-container table.group_table.md-table .one_player .image img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        height: auto; }
      md-table-container table.group_table .one_player .icon md-icon,
      md-table-container table.group_table .one_player .image md-icon, md-table-container table.group_table.md-table .one_player .icon md-icon,
      md-table-container table.group_table.md-table .one_player .image md-icon {
        display: block;
        min-width: 0;
        min-height: 0;
        width: 36px;
        height: 36px;
        margin: 0;
        font-size: 28px;
        font-weight: 400;
        line-height: 36px;
        text-align: center; }
    md-table-container table.group_table .one_player .image, md-table-container table.group_table.md-table .one_player .image {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
    md-table-container table.group_table .one_player .name, md-table-container table.group_table.md-table .one_player .name {
      font-size: 16px;
      line-height: 22px;
      max-height: 44px;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden; }
  md-table-container table.group_table .doubles .flag, md-table-container table.group_table.md-table .doubles .flag {
    width: 30px; }
  md-table-container table.group_table .doubles .image_cont, md-table-container table.group_table.md-table .doubles .image_cont {
    width: 30px; }
  md-table-container table.group_table .doubles .icon,
  md-table-container table.group_table .doubles .image, md-table-container table.group_table.md-table .doubles .icon,
  md-table-container table.group_table.md-table .doubles .image {
    width: 20px;
    height: 20px; }
    md-table-container table.group_table .doubles .icon md-icon,
    md-table-container table.group_table .doubles .image md-icon, md-table-container table.group_table.md-table .doubles .icon md-icon,
    md-table-container table.group_table.md-table .doubles .image md-icon {
      width: 18px;
      height: 18px;
      font-size: 14px;
      line-height: 18px; }
  md-table-container table.group_table .doubles .name, md-table-container table.group_table.md-table .doubles .name {
    font-size: 13px;
    line-height: 17px; }
  md-table-container table.group_table .planned-holder, md-table-container table.group_table.md-table .planned-holder {
    position: relative; }
    md-table-container table.group_table .planned-holder .planned_icon:hover + .planned-tooltip, md-table-container table.group_table.md-table .planned-holder .planned_icon:hover + .planned-tooltip {
      opacity: 1; }
    md-table-container table.group_table .planned-holder .planned-tooltip, md-table-container table.group_table.md-table .planned-holder .planned-tooltip {
      display: block;
      opacity: 0;
      transition: all 0.3s ease-in-out;
      background-color: #FFF;
      position: absolute;
      top: 0px;
      left: 30px;
      min-width: 150px;
      font-size: 12px;
      line-height: 1.4;
      padding: 5px;
      border-radius: 5px;
      text-align: center;
      pointer-events: none;
      box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
      color: #000;
      z-index: 1; }
  md-table-container table.group_table .planned_icon, md-table-container table.group_table.md-table .planned_icon {
    height: 22px;
    width: 22px;
    min-height: 22px;
    min-width: 22px;
    color: #000; }
  md-table-container table.group_table .score, md-table-container table.group_table.md-table .score {
    font-size: 0.9em; }
    md-table-container table.group_table .score a:-webkit-any-link, md-table-container table.group_table.md-table .score a:-webkit-any-link {
      color: #000;
      text-decoration: none; }
  md-table-container table.group_table .winner .score, md-table-container table.group_table.md-table .winner .score {
    font-weight: bold; }
  md-table-container table.group_table .winner > div > span, md-table-container table.group_table.md-table .winner > div > span {
    font-weight: bold;
    white-space: nowrap; }
  md-table-container table.group_table tr:last-child td .planned-holder .planned-tooltip, md-table-container table.group_table.md-table tr:last-child td .planned-holder .planned-tooltip {
    top: auto;
    bottom: 0; }

.court_schedule_wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 0 -10px; }
  .court_schedule_wrapper .one_court {
    margin: 0 10px; }
    .court_schedule_wrapper .one_court .court_title {
      color: #555;
      font-weight: 400;
      text-align: left;
      padding-bottom: 9px;
      border-bottom: 2px solid #FFD967;
      margin: 0 0 30px;
      text-align: center; }
      @media only screen and (max-width: 1023px) {
        .court_schedule_wrapper .one_court .court_title {
          margin: 0 0 20px;
          font-size: 1.2em; } }
    .court_schedule_wrapper .one_court .schedule_item {
      margin: 0 0 30px; }
      @media only screen and (max-width: 1023px) {
        .court_schedule_wrapper .one_court .schedule_item {
          margin: 0 0 15px; } }
    .court_schedule_wrapper .one_court .time {
      margin: 0 0 15px;
      color: #777; }
      @media only screen and (max-width: 1023px) {
        .court_schedule_wrapper .one_court .time {
          margin: 0 0 10px; } }
      .court_schedule_wrapper .one_court .time md-icon {
        vertical-align: -7px;
        margin-right: 8px; }
  @media only screen and (min-width: 1024px) {
    .court_schedule_wrapper.places_1 {
      max-width: 380px; } }
  @media only screen and (min-width: 1024px) {
    .court_schedule_wrapper.places_2 {
      max-width: 783px; } }
@media only screen and (min-width: 1024px) {
  .court_schedule_separator {
    background: #ddd;
    height: 1px;
    margin-top: 15px;
    margin-bottom: 28px; } }

.results_list > [layout="row"] {
  margin: 0 -6px; }
  .results_list > [layout="row"] > div {
    margin-bottom: 12px;
    padding: 0 6px; }

@media only screen and (min-width: 960px) {
  .md-dialog-content {
    min-width: 770px; } }

@media only screen and (min-width: 1280px) {
  .md-dialog-content {
    min-width: 970px; } }

.registered_tournaments {
  margin: 8px 0 0 0;
  padding: 0;
  list-style: none; }
  .registered_tournaments li {
    position: relative;
    margin-bottom: 8px;
    padding: 0 0 0 30px;
    background: none; }
    .registered_tournaments li:last-child {
      margin-bottom: 0; }
  .registered_tournaments md-icon {
    position: absolute;
    top: -2px;
    left: 0; }

.bottom_line {
  padding-bottom: 8px;
  border-bottom: 2px solid #E1E7EA; }
  .bottom_line.yellow {
    border-color: #e6d92b; }

md-list.devisions_list {
  max-width: 100%;
  margin-bottom: 50px; }
  md-list.devisions_list:last-child {
    margin-bottom: 0; }
  md-list.devisions_list .group_toggler {
    padding: 0 11px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: 0.25px;
    padding-right: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  md-list.devisions_list table {
    width: 100%;
    cursor: default;
    border: 0 none;
    border-spacing: 0; }
    md-list.devisions_list table td, md-list.devisions_list table th {
      padding: 10px 5px 10px 20px;
      border: 0 none;
      border-bottom: 1px solid #E1E7EA; }
    md-list.devisions_list table thead td, md-list.devisions_list table thead th {
      padding-top: 12px;
      padding-bottom: 12p;
      font-size: 12px;
      font-weight: normal;
      line-height: 16px;
      letter-spacing: 0.4px; }
    md-list.devisions_list table tbody td {
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.25px; }
    md-list.devisions_list table tbody tr:last-child td {
      border-bottom: 0 none; }
    md-list.devisions_list table .rating {
      width: 60px;
      text-align: left; }
    md-list.devisions_list table .person {
      width: 250px; }
      md-list.devisions_list table .person a {
        color: rgba(0, 0, 0, 0.87);
        text-decoration: none;
        cursor: pointer; }
      md-list.devisions_list table .person.person2x {
        width: 500px; }
    md-list.devisions_list table .avatar {
      -webkit-box-flex: 0 0 40px;
      -moz-box-flex: 0 0 40px;
      -webkit-flex: 0 0 40px;
      -ms-flex: 0 0 40px;
      flex: 0 0 40px;
      display: block;
      width: 40px;
      height: 40px;
      margin-right: 12px;
      text-align: center;
      overflow: hidden;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%; }
      md-list.devisions_list table .avatar img {
        display: block;
        width: 40px;
        height: 40px; }
      md-list.devisions_list table .avatar md-icon {
        width: 40px;
        height: 40px;
        min-height: 40px;
        color: #B0BEC5;
        font-size: 30px;
        line-height: 36px;
        border: 2px solid #B0BEC5;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%; }
    md-list.devisions_list table .club {
      width: 250px; }

md-list.tournament-tables md-list-item .md-button {
  font-weight: 400; }

.reg_to_tournament_switch_block {
  margin-bottom: 50px;
  border: 1px solid transparent; }
  .reg_to_tournament_switch_block .reg_switch {
    padding: 0 25px 0; }
    .reg_to_tournament_switch_block .reg_switch md-switch {
      margin: 0; }
      .reg_to_tournament_switch_block .reg_switch md-switch h3 {
        margin: 0; }
    @media only screen and (max-width: 599px) {
      .reg_to_tournament_switch_block .reg_switch .form-element > * {
        margin-left: 0;
        margin-right: 0; }
        .reg_to_tournament_switch_block .reg_switch .form-element > * > * {
          margin-left: 0;
          margin-right: 0; } }
    .reg_to_tournament_switch_block .reg_switch md-autocomplete md-input-container {
      margin: 0; }
    .reg_to_tournament_switch_block .reg_switch md-autocomplete .md-show-clear-button button {
      top: 0; }
  .reg_to_tournament_switch_block .reg_price {
    margin-top: 20px;
    padding: 5px 25px; }
  .reg_to_tournament_switch_block.selected {
    border-color: #B0BEC5;
    overflow: hidden;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px; }
    .reg_to_tournament_switch_block.selected .reg_switch {
      padding: 25px 25px 0; }
      .reg_to_tournament_switch_block.selected .reg_switch md-switch {
        margin-bottom: 20px; }
      .reg_to_tournament_switch_block.selected .reg_switch .form-element.recommended-division md-input-container {
        max-width: 350px; }
    .reg_to_tournament_switch_block.selected .reg_price {
      margin-top: 0;
      background: #E1E7EA; }

.tn-tournament-list {
  margin: 0 -9px; }
  .tn-tournament-list__item {
    margin-bottom: 56px;
    padding: 0 9px; }
  .tn-tournament-list .stat-pill {
    display: inline-block;
    padding: 0 12px;
    border: 2px solid #778899;
    color: #546E7A;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.15px;
    border-radius: 20px; }
  .tn-tournament-list md-card {
    flex: 1;
    margin: 0;
    border-radius: 3px;
    overflow: hidden; }
    .tn-tournament-list md-card .md-card-image {
      border-radius: 0; }
    .tn-tournament-list md-card md-card-header {
      padding: 13px;
      background-color: #E1E7EA; }
    .tn-tournament-list md-card md-card-title {
      flex: 0 0 auto;
      margin-bottom: 10px;
      padding: 13px; }
      .tn-tournament-list md-card md-card-title md-card-title-text .md-headline {
        margin: 0;
        padding: 0;
        color: #000000;
        font-size: 24px;
        line-height: 1.2;
        letter-spacing: 0.25px;
        text-decoration: none; }
        @media only screen and (min-width: 1280px) {
          .tn-tournament-list md-card md-card-title md-card-title-text .md-headline {
            font-size: 34px; } }
      .tn-tournament-list md-card md-card-title md-card-title-text .md-subhead {
        margin: 0;
        padding: 0;
        color: #000000;
        font-size: 14px;
        line-height: 24px;
        text-transform: uppercase; }
        .tn-tournament-list md-card md-card-title md-card-title-text .md-subhead + .md-headline {
          margin-top: 6px; }
    .tn-tournament-list md-card md-card-content {
      flex: 1;
      padding: 13px; }
      .tn-tournament-list md-card md-card-content p {
        margin: 0; }
    .tn-tournament-list md-card md-card-actions {
      margin: 0;
      padding: 10px 13px; }
      .tn-tournament-list md-card md-card-actions .md-button {
        letter-spacing: 0.75px;
        width: auto; }
  .tn-tournament-list + div .md-button span {
    vertical-align: middle; }

md-table-container table.md-table.group_table:not(.md-row-select) th.md-column:not(:first-child) {
  padding: 8px 5px 8px 5px !important; }

md-table-container table.md-table.group_table:not(.md-row-select) td.md-cell:not(:first-child) {
  padding: 8px 5px 8px 5px !important; }

.court_schedule_nav {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: space-between;
  -moz-align-items: space-between;
  -ms-align-items: space-between;
  -ms-flex-align: space-between;
  align-items: space-between; }
  .court_schedule_nav .prev, .court_schedule_nav .next {
    position: absolute;
    cursor: pointer;
    z-index: 2; }
    .court_schedule_nav .prev[aria-disabled='true'], .court_schedule_nav .next[aria-disabled='true'] {
      opacity: 0.5; }
  .court_schedule_nav .prev {
    left: 0px; }
  .court_schedule_nav .next {
    right: 20px; }
  .court_schedule_nav.fixed {
    position: fixed;
    top: 78px;
    height: 24px;
    width: calc(100% - 45px);
    z-index: 9; }

.created-court-header {
  position: fixed;
  background: #FFF;
  top: 69px;
  height: 50px;
  width: 100%;
  left: 15px;
  z-index: 8;
  display: flex; }
  .created-court-header h2 {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    border-bottom: 2px solid #FFD967;
    padding-bottom: 9px;
    color: #555;
    font-weight: 400;
    margin: 0; }
    @media only screen and (max-width: 1024px) {
      .created-court-header h2 {
        font-size: 1.2em; } }
.swiss-table-holder .rounds-holder button .box {
  padding: 10px;
  background-color: #FFF; }
  .swiss-table-holder .rounds-holder button .box .box_center span {
    background-color: #FDDE12; }

.swiss-table-holder .rounds-holder button:first-child .box_center span {
  height: 100%; }

.swiss-table-holder .rounds-holder button:nth-child(2) .box_center span {
  height: calc(50% - 2px); }

.swiss-table-holder .rounds-holder button:nth-child(3) .box_center span:first-child, .swiss-table-holder .rounds-holder button:nth-child(3) .box_center span:nth-child(3) {
  height: calc(25% - 2px); }

.swiss-table-holder .rounds-holder button:nth-child(3) .box_center span:nth-child(2) {
  height: calc(50% - 4px); }

.swiss-table-holder .rounds-holder button:nth-child(4) .box_center span:first-child, .swiss-table-holder .rounds-holder button:nth-child(4) .box_center span:nth-child(4) {
  height: 2px; }

.swiss-table-holder .rounds-holder button:nth-child(4) .box_center span:nth-child(2), .swiss-table-holder .rounds-holder button:nth-child(4) .box_center span:nth-child(3) {
  height: calc(50% - 8px); }

.swiss-table-holder .rounds-holder button:nth-child(5) .box_center span:first-child, .swiss-table-holder .rounds-holder button:nth-child(5) .box_center span:nth-child(5) {
  height: 2px; }

.swiss-table-holder .rounds-holder button:nth-child(5) .box_center span:nth-child(2), .swiss-table-holder .rounds-holder button:nth-child(5) .box_center span:nth-child(4) {
  height: calc(20% - 3px); }

.swiss-table-holder .rounds-holder button:nth-child(5) .box_center span:nth-child(3) {
  height: calc(40% - 3px); }

.swiss-table-holder .rounds-holder button:nth-child(6) .box_center span:first-child, .swiss-table-holder .rounds-holder button:nth-child(6) .box_center span:nth-child(6) {
  height: 2px; }

.swiss-table-holder .rounds-holder button:nth-child(6) .box_center span:nth-child(2), .swiss-table-holder .rounds-holder button:nth-child(6) .box_center span:nth-child(3), .swiss-table-holder .rounds-holder button:nth-child(6) .box_center span:nth-child(4), .swiss-table-holder .rounds-holder button:nth-child(6) .box_center span:nth-child(5) {
  height: 8.5px; }

.swiss-table-holder .rounds-holder button:nth-child(7) .box_center span {
  height: 2px;
  margin-bottom: 7px; }
  .swiss-table-holder .rounds-holder button:nth-child(7) .box_center span:last-child {
    margin-bottom: 0px; }

.swiss-table-holder .rounds-holder button:nth-child(8) .box_center span {
  height: 2px;
  margin-bottom: 6px; }
  .swiss-table-holder .rounds-holder button:nth-child(8) .box_center span:last-child {
    margin-bottom: 0px; }

.swiss-table-holder .rounds-holder button.active .box {
  background-color: #8FA4AE; }
  .swiss-table-holder .rounds-holder button.active .box .box_center span {
    background-color: #FFF !important; }

.swiss-table-holder .rounds-holder button[disabled] {
  opacity: 0.7;
  cursor: not-allowed; }

.swiss-table-holder .devisions_list md-list-item {
  border-top: none !important; }
  .swiss-table-holder .devisions_list md-list-item table tr.gray-row td, .swiss-table-holder .devisions_list md-list-item table tr.gray-row th {
    background: #f7f7f7; }
  .swiss-table-holder .devisions_list md-list-item table th, .swiss-table-holder .devisions_list md-list-item table td {
    padding-left: 15px; }
    .swiss-table-holder .devisions_list md-list-item table th.matches-cell, .swiss-table-holder .devisions_list md-list-item table td.matches-cell {
      white-space: nowrap; }
    .swiss-table-holder .devisions_list md-list-item table th.person, .swiss-table-holder .devisions_list md-list-item table td.person {
      width: 270px; }
      .swiss-table-holder .devisions_list md-list-item table th.person > div, .swiss-table-holder .devisions_list md-list-item table td.person > div {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -moz-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
        .swiss-table-holder .devisions_list md-list-item table th.person > div .person-avatar-holder, .swiss-table-holder .devisions_list md-list-item table td.person > div .person-avatar-holder {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-flow: row nowrap;
          -moz-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
          flex-flow: row nowrap; }
        .swiss-table-holder .devisions_list md-list-item table th.person > div .person-name-holder, .swiss-table-holder .devisions_list md-list-item table td.person > div .person-name-holder {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-flow: column nowrap;
          -moz-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
          flex-flow: column nowrap; }
          .swiss-table-holder .devisions_list md-list-item table th.person > div .person-name-holder a, .swiss-table-holder .devisions_list md-list-item table td.person > div .person-name-holder a {
            white-space: nowrap; }
      .swiss-table-holder .devisions_list md-list-item table th.person .avatar, .swiss-table-holder .devisions_list md-list-item table td.person .avatar {
        margin-right: 6px; }
        @media only screen and (max-width: 768px) {
          .swiss-table-holder .devisions_list md-list-item table th.person .avatar, .swiss-table-holder .devisions_list md-list-item table td.person .avatar {
            display: none; } }
    @media only screen and (max-width: 768px) {
      .swiss-table-holder .devisions_list md-list-item table th.matches-won-cell, .swiss-table-holder .devisions_list md-list-item table th.sets-won-cell, .swiss-table-holder .devisions_list md-list-item table th.difference-cell, .swiss-table-holder .devisions_list md-list-item table td.matches-won-cell, .swiss-table-holder .devisions_list md-list-item table td.sets-won-cell, .swiss-table-holder .devisions_list md-list-item table td.difference-cell {
        display: none; } }
    .swiss-table-holder .devisions_list md-list-item table th .position-difference.positive:before, .swiss-table-holder .devisions_list md-list-item table th .position-difference.negative:before, .swiss-table-holder .devisions_list md-list-item table td .position-difference.positive:before, .swiss-table-holder .devisions_list md-list-item table td .position-difference.negative:before {
      content: "";
      display: inline-block;
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      margin: 0 3px 3px 0; }
    .swiss-table-holder .devisions_list md-list-item table th .position-difference.positive, .swiss-table-holder .devisions_list md-list-item table td .position-difference.positive {
      color: #7DB342; }
      .swiss-table-holder .devisions_list md-list-item table th .position-difference.positive:before, .swiss-table-holder .devisions_list md-list-item table td .position-difference.positive:before {
        border-bottom: 5px solid #7DB342; }
    .swiss-table-holder .devisions_list md-list-item table th .position-difference.negative, .swiss-table-holder .devisions_list md-list-item table td .position-difference.negative {
      color: #FF0C3E; }
      .swiss-table-holder .devisions_list md-list-item table th .position-difference.negative:before, .swiss-table-holder .devisions_list md-list-item table td .position-difference.negative:before {
        border-top: 5px solid #FF0C3E;
        margin: 0 3px 2px 0; }
    .swiss-table-holder .devisions_list md-list-item table th .matches-holder, .swiss-table-holder .devisions_list md-list-item table td .matches-holder {
      display: -webkit-inline-box;
      display: -moz-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      vertical-align: middle;
      margin: 0 8px 0 0; }
      .swiss-table-holder .devisions_list md-list-item table th .matches-holder > span, .swiss-table-holder .devisions_list md-list-item table td .matches-holder > span {
        margin: 0 4px 0 0; }
        .swiss-table-holder .devisions_list md-list-item table th .matches-holder > span.won, .swiss-table-holder .devisions_list md-list-item table th .matches-holder > span.lost, .swiss-table-holder .devisions_list md-list-item table th .matches-holder > span.bye, .swiss-table-holder .devisions_list md-list-item table td .matches-holder > span.won, .swiss-table-holder .devisions_list md-list-item table td .matches-holder > span.lost, .swiss-table-holder .devisions_list md-list-item table td .matches-holder > span.bye {
          border-radius: 50%;
          width: 24px;
          height: 24px;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          -ms-justify-content: center;
          justify-content: center;
          -ms-flex-pack: center; }
          .swiss-table-holder .devisions_list md-list-item table th .matches-holder > span.won md-icon, .swiss-table-holder .devisions_list md-list-item table th .matches-holder > span.lost md-icon, .swiss-table-holder .devisions_list md-list-item table th .matches-holder > span.bye md-icon, .swiss-table-holder .devisions_list md-list-item table td .matches-holder > span.won md-icon, .swiss-table-holder .devisions_list md-list-item table td .matches-holder > span.lost md-icon, .swiss-table-holder .devisions_list md-list-item table td .matches-holder > span.bye md-icon {
            color: #FFF;
            font-size: 18px;
            min-width: 0;
            min-height: 0;
            width: auto;
            height: auto; }
        .swiss-table-holder .devisions_list md-list-item table th .matches-holder > span.won, .swiss-table-holder .devisions_list md-list-item table td .matches-holder > span.won {
          background-color: #7DB342; }
        .swiss-table-holder .devisions_list md-list-item table th .matches-holder > span.lost, .swiss-table-holder .devisions_list md-list-item table td .matches-holder > span.lost {
          background-color: #FF0C3E; }
        .swiss-table-holder .devisions_list md-list-item table th .matches-holder > span.bye, .swiss-table-holder .devisions_list md-list-item table td .matches-holder > span.bye {
          background-color: #8FA4AE; }
        .swiss-table-holder .devisions_list md-list-item table th .matches-holder > span.planned, .swiss-table-holder .devisions_list md-list-item table td .matches-holder > span.planned {
          margin: 0px 1px 0 -2px; }
          .swiss-table-holder .devisions_list md-list-item table th .matches-holder > span.planned md-icon, .swiss-table-holder .devisions_list md-list-item table td .matches-holder > span.planned md-icon {
            font-size: 29px;
            min-width: 0;
            min-height: 0;
            width: auto;
            height: auto; }
    .swiss-table-holder .devisions_list md-list-item table th .matches-text, .swiss-table-holder .devisions_list md-list-item table td .matches-text {
      display: -webkit-inline-box;
      display: -moz-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-flex-flow: row wrap;
      -moz-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      vertical-align: middle; }
      .swiss-table-holder .devisions_list md-list-item table th .matches-text .line-break, .swiss-table-holder .devisions_list md-list-item table td .matches-text .line-break {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-basis: 100%;
        flex-basis: 100%;
        height: 0; }
    @media only screen and (max-width: 768px) {
      .swiss-table-holder .devisions_list md-list-item table th, .swiss-table-holder .devisions_list md-list-item table td {
        padding-left: 5px; } }
.draw-content-desc-holder {
  background-color: #FFFBE3;
  padding: 12px;
  border: 1px solid #FDDE12;
  border-radius: 2px;
  margin: 0 0 20px 0; }
  .draw-content-desc-holder * {
    font-size: 13px;
    font-weight: 500; }
    .draw-content-desc-holder *:first-child {
      margin-top: 0; }
    .draw-content-desc-holder *:last-child {
      margin-bottom: 0; }

.bracket_container {
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 3px;
  padding-bottom: 50px; }
  .bracket_container *, .bracket_container *::before, .bracket_container *::after {
    box-sizing: border-box; }
  .bracket_container .tournament-bracket {
    /*		@include min(1095){
			min-width: 1034px;
		}*/ }
  .bracket_container .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }
  .bracket_container ul {
    margin: 0;
    padding: 0; }

.tournament-bracket {
  display: flex;
  flex-direction: column; }
  @media (min-width: 200px) {
    .tournament-bracket {
      flex-direction: row; } }
.tournament-bracket__round {
  display: block;
  width: 285px;
  margin-left: -3px; }
  @media only screen and (min-width: 330px) {
    .tournament-bracket__round {
      width: 295px; } }
  @media only screen and (min-width: 340px) {
    .tournament-bracket__round {
      width: 305px; } }
  @media only screen and (min-width: 350px) {
    .tournament-bracket__round {
      width: 315px; } }
  @media only screen and (min-width: 360px) {
    .tournament-bracket__round {
      width: 325px; } }
  @media only screen and (min-width: 370px) {
    .tournament-bracket__round {
      width: 335px; } }
  @media only screen and (min-width: 380px) {
    .tournament-bracket__round {
      width: 345px; } }
  @media only screen and (min-width: 390px) {
    .tournament-bracket__round {
      width: 355px; } }
  @media only screen and (min-width: 400px) {
    .tournament-bracket__round {
      min-width: 365px;
      max-width: 33.333%;
      width: 100%; } }
  .tournament-bracket__round:first-child .tournament-bracket__round-title {
    padding-left: 0; }

.tournament-bracket__round-title {
  color: #9e9e9e;
  font-weight: 400;
  text-align: left;
  padding-right: 25px;
  padding-left: 23px; }
  .tournament-bracket__round-title span {
    display: block;
    border-bottom: 2px solid #FFD967;
    padding-bottom: 4px; }

.tournament-bracket__list {
  display: flex;
  flex-direction: column;
  flex-flow: row wrap;
  justify-content: center;
  height: 100%;
  min-height: 100%;
  border-bottom: 1px dashed #fff;
  padding-bottom: 2em;
  margin-bottom: 2em;
  transition: padding 0.2s ease-in-out, margin 0.2s ease-in-out; }
  @media (max-width: 200px) {
    .tournament-bracket__list {
      padding-bottom: 1em;
      margin-bottom: 1em; } }
  @media (min-width: 200px) {
    .tournament-bracket__list {
      margin-bottom: 0;
      padding-bottom: 0;
      border-right: 1px dashed #fff;
      border-bottom: 0; } }
  .tournament-bracket__round:last-child .tournament-bracket__list {
    border: 0; }

.tournament-bracket__item {
  display: flex;
  flex: 0 1 auto;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  padding: 2% 0;
  width: 48%;
  transition: padding 0.2s linear; }
  .tournament-bracket__item:nth-child(odd) {
    margin-right: 2%; }
  .tournament-bracket__item:nth-child(even) {
    margin-left: 2%; }
  .tournament-bracket__item::after {
    transition: width 0.2s linear; }
  @media (max-width: 200px) {
    .tournament-bracket__item {
      width: 100%; }
      .tournament-bracket__item:nth-child(odd), .tournament-bracket__item:nth-child(even) {
        margin-left: 0;
        margin-right: 0; } }
  @media (min-width: 200px) {
    .tournament-bracket__item {
      padding: 0.5em 1em;
      width: 100%; }
      .tournament-bracket__item:nth-child(odd), .tournament-bracket__item:nth-child(even) {
        margin: 0; }
      .tournament-bracket__item::after {
        position: absolute;
        right: 0;
        content: '';
        display: block;
        width: 1em;
        height: 45%;
        border-right: 2px solid #063851; }
      .tournament-bracket__item:nth-child(odd)::after {
        top: 50%;
        border-top: 2px solid #063851;
        transform: translateY(-1px); }
        .tournament-bracket--rounded .tournament-bracket__item:nth-child(odd)::after {
          border-top-right-radius: 0.2em; }
      .tournament-bracket__item:nth-child(even)::after {
        bottom: 50%;
        border-bottom: 2px solid #063851;
        transform: translateY(1px); }
        .tournament-bracket--rounded .tournament-bracket__item:nth-child(even)::after {
          border-bottom-right-radius: 0.2em; }
      .tournament-bracket__round:first-child .tournament-bracket__item {
        padding-left: 0; }
      .tournament-bracket__round:last-child .tournament-bracket__item {
        /*padding-right: 0;*/ }
        .tournament-bracket__round:last-child .tournament-bracket__item::after {
          /*display: none;*/
          height: 52%; } }
  .tournament-bracket__item:only-child::after {
    display: none; }
  @media (min-width: 200px) {
    .tournament-bracket__item {
      padding: 0.5em 1.5em; }
      .tournament-bracket__item::after {
        width: 1.5em; } }
.tournament-bracket__match {
  display: flex;
  width: 100%;
  background-color: #ffffff;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  transition: padding 0.2s ease-in-out, border 0.2s linear; }
  .tournament-bracket__match:focus {
    border-color: #2196F3; }
  .tournament-bracket__match::before, .tournament-bracket__match::after {
    transition: all 0.2s linear; }
  .tournament-bracket__match .one_result .res_body .one_match {
    min-height: 40px; }
  .tournament-bracket__match .one_result.doubles .res_body .one_match {
    min-height: 42px; }
  @media (max-width: 200px) {
    .tournament-bracket__match {
      padding: 0.75em 0.5em; } }
  @media (min-width: 200px) {
    .tournament-bracket__match::before, .tournament-bracket__match::after {
      position: absolute;
      left: 0;
      z-index: 1;
      content: '';
      display: block;
      width: 1em;
      height: 10%;
      border-left: 2px solid #063851; }
    .tournament-bracket__match::before {
      bottom: 50%;
      border-bottom: 2px solid #063851;
      transform: translate(0, 1px); }
      .tournament-bracket--rounded .tournament-bracket__match::before {
        /*border-bottom-left-radius: 0.6em;*/ }
    .tournament-bracket__match::after {
      top: 50%;
      border-top: 2px solid #063851;
      transform: translate(0, -1px); }
      .tournament-bracket--rounded .tournament-bracket__match::after {
        /*border-top-left-radius: 0.6em;*/ } }
  @media (min-width: 200px) {
    .tournament-bracket__match::before, .tournament-bracket__match::after {
      width: 1.5em; }
    .tournament-bracket__match::before {
      transform: translate(0, 1px); }
    .tournament-bracket__match::after {
      transform: translate(0, -1px); } }
.tournament-bracket__round:first-child .tournament-bracket__match::before, .tournament-bracket__round:first-child .tournament-bracket__match::after {
  display: none; }

.tournament-bracket__content {
  display: flex; }
  .tournament-bracket__content::after {
    content: ':';
    width: 1em;
    text-align: center;
    padding: 0.2em 0.1em; }
    @media (min-width: 200px) {
      .tournament-bracket__content::after {
        order: 1; } }
  .tournament-bracket__content .tournament-bracket__team:first-child {
    width: 50%;
    order: 0;
    text-align: right; }
    @media (min-width: 200px) and (max-width: 200px) {
      .tournament-bracket__content .tournament-bracket__team:first-child {
        align-items: flex-end; } }
    .tournament-bracket__content .tournament-bracket__team:first-child .tournament-bracket__country {
      order: 2;
      justify-content: flex-end; }
      @media (min-width: 200px) {
        .tournament-bracket__content .tournament-bracket__team:first-child .tournament-bracket__country {
          order: 0; } }
      @media (min-width: 200px) and (max-width: 200px) {
        .tournament-bracket__content .tournament-bracket__team:first-child .tournament-bracket__country {
          flex-direction: column-reverse;
          align-items: flex-end; } }
    .tournament-bracket__content .tournament-bracket__team:first-child .tournament-bracket__score {
      order: 0; }
      @media (min-width: 200px) {
        .tournament-bracket__content .tournament-bracket__team:first-child .tournament-bracket__score {
          order: 2; } }
  .tournament-bracket__content .tournament-bracket__team:last-child {
    width: 50%;
    order: 2;
    text-align: left; }
    @media (min-width: 200px) and (max-width: 200px) {
      .tournament-bracket__content .tournament-bracket__team:last-child {
        align-items: flex-start; } }
    @media (min-width: 200px) {
      .tournament-bracket__content .tournament-bracket__team:last-child .tournament-bracket__country {
        justify-content: flex-start; } }
    @media (min-width: 200px) and (max-width: 200px) {
      .tournament-bracket__content .tournament-bracket__team:last-child .tournament-bracket__country {
        align-items: flex-start; } }
    .tournament-bracket__content .tournament-bracket__team:last-child .tournament-bracket__code {
      order: 1; }

.tournament-bracket__table {
  width: 100%; }

.tournament-bracket__caption {
  font-size: 0.8rem;
  color: #BDBDBD;
  font-weight: 300;
  padding-bottom: 0.75em; }

.tournament-bracket__team {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between; }
  @media (min-width: 200px) {
    .tournament-bracket__team {
      flex-direction: column-reverse; } }
  @media (min-width: 200px) {
    .tournament-bracket__team {
      flex-direction: column-reverse; } }
.tournament-bracket__country {
  font-size: 0.95rem;
  display: flex;
  margin-top: 0.5em;
  align-items: center; }
  @media (max-width: 200px) {
    .tournament-bracket__country {
      margin-top: 0; } }
  @media (min-width: 200px) and (max-width: 200px) {
    .tournament-bracket__country {
      display: flex;
      flex-direction: column; }
      .tournament-bracket__country .tournament-bracket__code {
        margin-top: 0.2em; } }
.tournament-bracket__code {
  padding: 0 0.5em;
  color: #212121;
  font-weight: 600;
  text-transform: uppercase;
  border: 0;
  text-decoration: none;
  cursor: help;
  transition: padding 0.2s ease-in-out; }
  @media (max-width: 200px) {
    .tournament-bracket__code {
      padding: 0 0.25em; } }
  @media (min-width: 200px) and (max-width: 200px) {
    .tournament-bracket__code {
      padding: 0; } }
.tournament-bracket__score {
  display: flex;
  align-items: center; }
  .tournament-bracket__team:first-child .tournament-bracket__score {
    flex-direction: row-reverse;
    padding-left: 0.75em; }
  .tournament-bracket__team:last-child .tournament-bracket__score {
    padding-right: 0.75em; }

.tournament-bracket__number {
  display: inline-block;
  padding: 0.2em 0.4em 0.2em;
  border-bottom: 0.075em solid transparent;
  font-size: 0.95rem;
  background-color: #F5F5F5;
  border-color: spin(shade(#F5F5F5, 10%), -10); }
  .tournament-bracket__team--winner .tournament-bracket__number {
    background-color: #FFF176;
    border-color: spin(shade(#FFF176, 2%), -10); }

.tournament-bracket__medal {
  padding: 0 0.5em; }

.tournament-bracket__medal--gold {
  color: #FFD700; }

.tournament-bracket__medal--silver {
  color: #C0C0C0; }

.tournament-bracket__medal--bronze {
  color: #CD7F32; }

.player_photo {
  position: relative;
  width: 80px;
  height: 80px;
  line-height: 72px;
  border: 2px solid #FFF;
  text-align: center;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%; }
  @media only screen and (max-width: 600px) {
    .player_photo {
      width: 50px;
      height: 50px;
      line-height: 46px; } }
  .player_photo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    width: 100%; }
  .player_photo md-icon {
    color: #263238;
    font-size: 60px !important;
    height: 60px !important;
    width: 60px !important; }
    @media only screen and (max-width: 600px) {
      .player_photo md-icon {
        font-size: 40px !important;
        height: 40px !important;
        width: 40px !important; } }
.playerprofile_header {
  background-size: cover;
  background-position: center;
  position: relative;
  padding: 48px 0 0;
  height: 180px;
  background: #063851;
  padding-top: 0px;
  flex: 0 0 auto; }
  @media only screen and (max-width: 600px) {
    .playerprofile_header {
      height: auto;
      padding-top: 0px; } }
  .playerprofile_header.auto-height {
    height: auto; }
  .playerprofile_header .content_wrapper {
    position: relative;
    z-index: 1;
    padding-bottom: 48px; }
  .playerprofile_header .content_wrapper, .playerprofile_header .dtbl, .playerprofile_header .dcl {
    height: 100%; }
  .playerprofile_header .dcl {
    vertical-align: middle; }
  .playerprofile_header * {
    color: #FFF; }
  .playerprofile_header .name .sep {
    width: 4px;
    height: 4px;
    display: inline-block;
    background: #FFF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    vertical-align: 2px;
    margin: 0 8px; }
  .playerprofile_header h2 {
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 4px;
    line-height: 1; }
    @media only screen and (max-width: 600px) {
      .playerprofile_header h2 {
        font-size: 20px; } }
  .playerprofile_header .md-icon-button {
    margin-left: 0; }
  .playerprofile_header .dtbl_all {
    height: 100%;
    min-height: 132px; }
    @media only screen and (max-width: 600px) {
      .playerprofile_header .dtbl_all {
        min-height: 102px; } }
    .playerprofile_header .dtbl_all .dcl_all {
      vertical-align: top;
      height: 100%;
      padding-top: 26px;
      padding-bottom: 14px; }
      @media only screen and (max-width: 400px) {
        .playerprofile_header .dtbl_all .dcl_all.hide-on-mobile {
          display: none; } }
      .playerprofile_header .dtbl_all .dcl_all:first-child {
        width: 48px; }
        .playerprofile_header .dtbl_all .dcl_all:first-child > button md-icon {
          position: relative;
          right: 3px; }
        @media only screen and (min-width: 600px) {
          .playerprofile_header .dtbl_all .dcl_all:first-child > button {
            margin-top: 15px; } }
        @media only screen and (max-width: 479px) {
          .playerprofile_header .dtbl_all .dcl_all:first-child {
            width: 40px; } }
      .playerprofile_header .dtbl_all .dcl_all:nth-child(2) {
        width: 128px;
        padding-left: 0px;
        padding-right: 48px; }
        @media only screen and (max-width: 600px) {
          .playerprofile_header .dtbl_all .dcl_all:nth-child(2) {
            width: 98px; } }
        @media only screen and (max-width: 479px) {
          .playerprofile_header .dtbl_all .dcl_all:nth-child(2) {
            width: 90px;
            padding-right: 40px; } }
        @media only screen and (max-width: 400px) {
          .playerprofile_header .dtbl_all .dcl_all:nth-child(2) {
            width: 70px;
            padding-right: 20px; } }
      .playerprofile_header .dtbl_all .dcl_all:nth-child(3) {
        padding-top: 26px;
        vertical-align: top; }
      .playerprofile_header .dtbl_all .dcl_all:last-child {
        width: auto;
        text-align: left;
        vertical-align: middle; }
    .playerprofile_header .dtbl_all .player_photo {
      border-color: #B0BEC5; }
      .playerprofile_header .dtbl_all .player_photo md-icon {
        color: #B0BEC5; }
    .playerprofile_header .dtbl_all .country {
      display: table;
      table-layout: fixed;
      width: 100%; }
      .playerprofile_header .dtbl_all .country.margin-bottom {
        margin-bottom: 6px !important; }
      .playerprofile_header .dtbl_all .country:last-child {
        margin: 0; }
      .playerprofile_header .dtbl_all .country .flag, .playerprofile_header .dtbl_all .country .name {
        display: table-cell;
        vertical-align: middle; }
      .playerprofile_header .dtbl_all .country .flag {
        width: 40px;
        padding-right: 10px; }
        .playerprofile_header .dtbl_all .country .flag img {
          margin-top: 4px; }
  .playerprofile_header .contact_preview {
    margin: 2px 0 0 -6px; }
    .playerprofile_header .contact_preview md-icon {
      vertical-align: -6px;
      margin-right: 5px; }
  .playerprofile_header md-nav-bar {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #063851;
    overflow-y: auto;
    z-index: 7; }
  .playerprofile_header .md-nav-item {
    margin-left: 4px; }
    .playerprofile_header .md-nav-item:first-child {
      margin-left: 8px; }
  .playerprofile_header .md-nav-bar {
    border: 0;
    position: relative;
    z-index: 2;
    max-width: 1396px;
    margin: 0 auto; }
    .playerprofile_header .md-nav-bar ._md-nav-button {
      position: static;
      margin: 0;
      /*&:after{
				content: '';
				opacity: 0;
				position: absolute;
				left: 0;
				bottom: 0;
				width: 100%;
				height: 3px;
				background: #fff;
			}*/ }
      .playerprofile_header .md-nav-bar ._md-nav-button.md-focused {
        background-color: inherit; }
      .playerprofile_header .md-nav-bar ._md-nav-button ._md-nav-button-text {
        color: #B0BEC5; }
      .playerprofile_header .md-nav-bar ._md-nav-button.md-active ._md-nav-button-text {
        color: #FFF; }
  .playerprofile_header .md-button._md-nav-button {
    min-width: 110px;
    padding-left: 7px;
    padding-right: 7px; }
    @media only screen and (max-width: 400px) {
      .playerprofile_header .md-button._md-nav-button {
        min-width: 97px; } }
  .playerprofile_header md-nav-ink-bar {
    height: 3px;
    background: #fff !important; }

.profile_section {
  margin-bottom: 40px; }
  .profile_section .league_title {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase; }
  .profile_section .tn-trophies {
    max-width: 100%;
    margin-top: 15px; }
    @media only screen and (min-width: 600px) {
      .profile_section .tn-trophies {
        margin-top: 0; } }
  .profile_section .statistics-wrapper {
    gap: 10px;
    margin-bottom: 40px; }
  .profile_section .statistics-graphics {
    margin-bottom: 40px;
    border: 1px solid #C3CDD3;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    overflow: auto; }
    .profile_section .statistics-graphics::-webkit-scrollbar {
      height: 6px;
      border-radius: 3px; }
    .profile_section .statistics-graphics::-webkit-scrollbar-track {
      background: #f0f0f0; }
    .profile_section .statistics-graphics::-webkit-scrollbar-thumb {
      border-radius: 3px;
      background: #c1c1c1; }
    .profile_section .statistics-graphics > div {
      padding: 30px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      width: 33.33%;
      border-right: 1px solid #C3CDD3;
      min-width: 365px; }
      .profile_section .statistics-graphics > div:last-child {
        border-right: none; }
      .profile_section .statistics-graphics > div h4 {
        margin: 0 0 20px 0;
        font-size: 16px;
        font-weight: 500;
        text-align: center; }
      .profile_section .statistics-graphics > div .graph-holder {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center; }
        .profile_section .statistics-graphics > div .graph-holder .progress-circle {
          position: relative;
          display: inline-block;
          margin: 1rem;
          width: 120px;
          height: 120px;
          border-radius: 50%;
          background-color: #063851;
          width: 90px;
          height: 90px;
          min-width: 90px;
          min-height: 90px;
          margin: 0 25px 0 0; }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle:after {
            content: '';
            display: inline-block;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            -webkit-animation: colorload 2s;
            animation: colorload 2s; }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle span {
            font-size: 1.5rem;
            color: #FFF;
            position: absolute;
            left: 50%;
            top: 50%;
            display: block;
            width: 60px;
            height: 60px;
            line-height: 60px;
            margin-left: -30px;
            margin-top: -30px;
            text-align: center;
            border-radius: 50%;
            background: #FFF;
            z-index: 1; }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle span:after {
            content: "%";
            font-weight: 600;
            color: #FFF; }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-0:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(90deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-1:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(93.6deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-2:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(97.2deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-3:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(100.8deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-4:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(104.4deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-5:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(108deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-6:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(111.6deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-7:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(115.2deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-8:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(118.8deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-9:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(122.4deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-10:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(126deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-11:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(129.6deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-12:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(133.2deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-13:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(136.8deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-14:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(140.4deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-15:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(129.6deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-16:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(133.2deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-17:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(136.8deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-18:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(140.4deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-19:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(144deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-20:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(151.2deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-21:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(158.6deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-22:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(161.2deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-23:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(165.6deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-24:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(169.2deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-25:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(180deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-26:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(183.6deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-27:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(187.2deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-28:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(190.8deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-29:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(194.4deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-30:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(198deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-31:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(201.6deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-32:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(205.2deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-33:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(208.8deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-34:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(212.4deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-35:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(216deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-40:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(234deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-36:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(219.6deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-37:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(223.2deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-38:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(226.8deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-39:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(230.4deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-41:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(237.6deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-42:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(241.2deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-43:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(244.8deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-44:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(248.4deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-45:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(252deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-46:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(255.6deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-47:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(259.2deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-48:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(262.8deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-49:after {
            background-image: linear-gradient(90deg, #063851 50%, transparent 50%, transparent), linear-gradient(266.4deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-50:after {
            background-image: linear-gradient(-90deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-51:after {
            background-image: linear-gradient(-86.4deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-52:after {
            background-image: linear-gradient(-82.6deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-53:after {
            background-image: linear-gradient(-79.2deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-54:after {
            background-image: linear-gradient(-75.6deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-55:after {
            background-image: linear-gradient(-72deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-56:after {
            background-image: linear-gradient(-68.4deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-57:after {
            background-image: linear-gradient(-64.8deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-58:after {
            background-image: linear-gradient(-61.2deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-59:after {
            background-image: linear-gradient(-57.6deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-60:after {
            background-image: linear-gradient(-54deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-61:after {
            background-image: linear-gradient(-50.4deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-62:after {
            background-image: linear-gradient(-46.8deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-63:after {
            background-image: linear-gradient(-43.2deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-64:after {
            background-image: linear-gradient(-39.6deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-65:after {
            background-image: linear-gradient(-36deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-66:after {
            background-image: linear-gradient(-32.4deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-67:after {
            background-image: linear-gradient(-28.8deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-68:after {
            background-image: linear-gradient(-25.2deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-69:after {
            background-image: linear-gradient(-21.6deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-70:after {
            background-image: linear-gradient(-18deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-71:after {
            background-image: linear-gradient(-14.4deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-72:after {
            background-image: linear-gradient(-10.8deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-73:after {
            background-image: linear-gradient(-7.2deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-74:after {
            background-image: linear-gradient(-3.6deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-75:after {
            background-image: linear-gradient(0deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-76:after {
            background-image: linear-gradient(3.6deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-77:after {
            background-image: linear-gradient(7.2deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-78:after {
            background-image: linear-gradient(10.8deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-79:after {
            background-image: linear-gradient(14.4deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-80:after {
            background-image: linear-gradient(18deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-81:after {
            background-image: linear-gradient(21.6deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-82:after {
            background-image: linear-gradient(25.2deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-83:after {
            background-image: linear-gradient(28.8deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-84:after {
            background-image: linear-gradient(32.4deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-85:after {
            background-image: linear-gradient(36deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-86:after {
            background-image: linear-gradient(39.2deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-87:after {
            background-image: linear-gradient(43.2deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-88:after {
            background-image: linear-gradient(46.8deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-89:after {
            background-image: linear-gradient(50.4deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-90:after {
            background-image: linear-gradient(54deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-91:after {
            background-image: linear-gradient(57.6deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-92:after {
            background-image: linear-gradient(61.2deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-93:after {
            background-image: linear-gradient(64.8deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-94:after {
            background-image: linear-gradient(68.4deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-95:after {
            background-image: linear-gradient(72deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-96:after {
            background-image: linear-gradient(75.6deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-97:after {
            background-image: linear-gradient(79.2deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-98:after {
            background-image: linear-gradient(82.8deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-99:after {
            background-image: linear-gradient(86.4deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }
          .profile_section .statistics-graphics > div .graph-holder .progress-circle.progress-100:after {
            background-image: linear-gradient(90deg, #E1E7EA 50%, transparent 50%, transparent), linear-gradient(270deg, #E1E7EA 50%, #063851 50%, #063851); }

@-webkit-keyframes colorload {
  0% {
    opacity: 0;
    transform: rotate(0deg); }
  100% {
    opacity: 1;
    transform: rotate(360deg); } }
        .profile_section .statistics-graphics > div .graph-holder .graph-explanation__item {
          font-size: 14px;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          -ms-flex-align: center;
          align-items: center; }
          .profile_section .statistics-graphics > div .graph-holder .graph-explanation__item > span {
            width: 16px;
            height: 16px;
            margin-right: 8px;
            display: inline-block;
            position: relative;
            bottom: 1px; }
          .profile_section .statistics-graphics > div .graph-holder .graph-explanation__item.ones > span {
            background-color: #E1E7EA; }
          .profile_section .statistics-graphics > div .graph-holder .graph-explanation__item.twos > span {
            background-color: #063851; }
      .profile_section .statistics-graphics > div .line-graph-holder {
        width: 150px;
        height: 100px;
        min-height: 20px;
        display: table;
        margin-bottom: 10px;
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        -ms-align-items: flex-end;
        -ms-flex-align: flex-end;
        align-items: flex-end; }
        .profile_section .statistics-graphics > div .line-graph-holder span {
          display: inline-block;
          width: 30px;
          height: 20px;
          position: relative; }
          .profile_section .statistics-graphics > div .line-graph-holder span:before {
            position: absolute;
            content: "";
            width: 100%;
            height: 2px;
            display: block;
            bottom: 50%; }
          .profile_section .statistics-graphics > div .line-graph-holder span:after {
            position: absolute;
            content: "";
            width: 8px;
            height: 8px;
            display: block;
            border-radius: 50%;
            border: 1px solid gray;
            background-color: #FFF;
            right: -4px;
            z-index: 3; }
          .profile_section .statistics-graphics > div .line-graph-holder span.win:before {
            background-color: #7DB342;
            transform: rotate(-23deg); }
          .profile_section .statistics-graphics > div .line-graph-holder span.win:after {
            top: -1px; }
          .profile_section .statistics-graphics > div .line-graph-holder span.loss:before {
            background-color: #FF0C3E;
            transform: rotate(23deg); }
          .profile_section .statistics-graphics > div .line-graph-holder span.loss:after {
            bottom: 1px; }
      .profile_section .statistics-graphics > div .game-streak {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-bottom: 30px; }
        .profile_section .statistics-graphics > div .game-streak > span {
          color: #FFFFFF;
          width: 24px;
          height: 24px;
          margin: 0 2px;
          font-size: 14px;
          line-height: 24px;
          border-radius: 50%;
          text-align: center; }
        .profile_section .statistics-graphics > div .game-streak__win {
          background: #7DB342; }
        .profile_section .statistics-graphics > div .game-streak__lose {
          background: #FF0C3E; }
    .profile_section .statistics-graphics .progress-circle {
      width: 90px;
      height: 90px; }
      .profile_section .statistics-graphics .progress-circle > span {
        width: 60px;
        height: 60px; }
        .profile_section .statistics-graphics .progress-circle > span:after {
          content: ""; }
    .profile_section .statistics-graphics.two-graphs > div {
      width: 50%; }
    @media only screen and (max-width: 850px) {
      .profile_section .statistics-graphics > div {
        min-width: 335px;
        border-right: none;
        padding: 15px; } }
    @media only screen and (max-width: 350px) {
      .profile_section .statistics-graphics > div {
        min-width: 300px; } }
  @media only screen and (max-width: 650px) {
    .profile_section .bordered_table .date-cell {
      display: none; } }
  .profile_section .bordered_table .player-position {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600; }
  .profile_section .tournament-header {
    border-top: 2px solid #EAEFF2;
    border-bottom: 2px solid #FFD967;
    margin-bottom: 20px;
    margin-top: 15px;
    padding-top: 30px;
    padding-bottom: 15px; }
    .profile_section .tournament-header img {
      height: 100px; }
    .profile_section .tournament-header h4, .profile_section .tournament-header p {
      font-size: 12px; }
    .profile_section .tournament-header h4, .profile_section .tournament-header h3, .profile_section .tournament-header p {
      margin: 0; }
  .profile_section md-table-container {
    margin-bottom: 20px; }
    .profile_section md-table-container .division-title {
      font-size: 16px; }
    .profile_section md-table-container td {
      cursor: pointer; }
  .profile_section .tn-filters {
    padding-top: 15px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: solid 1px #CFD8DC; }
  .profile_section .results_list .one_result .results_score_holder span sup {
    position: relative;
    right: 3px; }

.tn-ratings {
  padding: 16px;
  border-left: 8px solid #FDDE12;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  overflow: hidden;
  box-sizing: border-box;
  cursor: pointer; }
  @media only screen and (min-width: 600px) {
    .tn-ratings {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 12px 0 12px 16px; } }
  .tn-ratings__text {
    margin: 0 0 12px 0;
    color: #000;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    text-transform: uppercase; }
    @media only screen and (min-width: 600px) {
      .tn-ratings__text {
        max-width: 80px;
        margin: 0 40px 0 0; } }
  .tn-ratings__list {
    gap: 6px;
    padding-right: 6px; }
    @media only screen and (min-width: 600px) {
      .tn-ratings__list {
        padding-right: 12px; } }
  .tn-ratings__list-item {
    -webkit-box-flex: 0 0 24%;
    -moz-box-flex: 0 0 24%;
    -webkit-flex: 0 0 24%;
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    height: 62px;
    border: 1px solid #063851;
    text-align: center;
    min-width: 82px;
    display: flex;
    flex-direction: column; }
    .tn-ratings__list-item-more {
      display: flex;
      align-items: center;
      justify-content: center;
      border-color: #ECEFF1;
      background: #ECEFF1; }
    .tn-ratings__list-item-header {
      display: flex;
      width: 100%;
      align-items: center;
      text-align: center;
      background: #063851;
      color: #FFF;
      font-size: 12px;
      line-height: 1;
      height: 30px;
      justify-content: center;
      white-space: break-spaces; }
    .tn-ratings__list-item .rating-points-wrapper {
      display: flex;
      flex-grow: 1;
      align-items: center;
      justify-content: center; }
    .tn-ratings__list-item .num {
      color: #FDDE12;
      font-size: 18px;
      line-height: 21px; }

.rankings-modal {
  text-align: center; }
  .rankings-modal a {
    text-decoration: none; }
  .rankings-modal .title {
    text-align: left; }
  .rankings-modal .tn-trophies-table {
    display: table;
    table-layout: fixed;
    width: 100%;
    border: 0 none;
    border-spacing: 0;
    border-collapse: collapse; }
    .rankings-modal .tn-trophies-table__row {
      display: table-row;
      border-bottom: 1px solid #DADADA; }
    .rankings-modal .tn-trophies-table__row.head .rankings-modal .tn-trophies-table__cell {
      font-size: 12px;
      font-style: normal;
      font-weight: normal;
      line-height: 16px;
      letter-spacing: 0.4px; }
    .rankings-modal .tn-trophies-table__cell {
      display: table-cell;
      vertical-align: middle;
      padding: 12px 15px 12px 0;
      color: #000; }
      @media only screen and (max-width: 767px) {
        .rankings-modal .tn-trophies-table__cell.highest-ranking {
          display: none; } }
.tn-ratings .rating, .rankings-modal .rating, .head2head-table-holder .rating {
  font-weight: bold;
  font-size: 18px; }

.tn-ratings .rating-delta, .rankings-modal .rating-delta, .head2head-table-holder .rating-delta {
  visibility: hidden;
  font-size: 12px; }
  .tn-ratings .rating-delta md-icon, .rankings-modal .rating-delta md-icon, .head2head-table-holder .rating-delta md-icon {
    margin-right: -5px; }
  .tn-ratings .rating-delta.negative, .tn-ratings .rating-delta.positive, .rankings-modal .rating-delta.negative, .rankings-modal .rating-delta.positive, .head2head-table-holder .rating-delta.negative, .head2head-table-holder .rating-delta.positive {
    visibility: visible; }
  .tn-ratings .rating-delta.negative, .rankings-modal .rating-delta.negative, .head2head-table-holder .rating-delta.negative {
    color: red; }
    .tn-ratings .rating-delta.negative md-icon, .rankings-modal .rating-delta.negative md-icon, .head2head-table-holder .rating-delta.negative md-icon {
      color: red; }
  .tn-ratings .rating-delta.positive, .rankings-modal .rating-delta.positive, .head2head-table-holder .rating-delta.positive {
    color: #7DB341; }
    .tn-ratings .rating-delta.positive md-icon, .rankings-modal .rating-delta.positive md-icon, .head2head-table-holder .rating-delta.positive md-icon {
      color: #7DB341; }

md-table-container table.bordered_table, md-table-container table.bordered_table.md-table {
  empty-cells: show;
  width: 100%;
  margin: 0 0 0 0;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0px; }
  md-table-container table.bordered_table th, md-table-container table.bordered_table td, md-table-container table.bordered_table th.md-column, md-table-container table.bordered_table td.md-cell, md-table-container table.bordered_table.md-table th, md-table-container table.bordered_table.md-table td, md-table-container table.bordered_table.md-table th.md-column, md-table-container table.bordered_table.md-table td.md-cell {
    padding: 5px 12px !important;
    border: 0px;
    border-bottom: 1px solid #EDEDED;
    text-align: left;
    /*&:nth-child(2){
				//width: 15%;
			}*/ }
  md-table-container table.bordered_table tr.md-row, md-table-container table.bordered_table.md-table tr.md-row {
    border: none;
    outline: transparent; }
  md-table-container table.bordered_table .md-button, md-table-container table.bordered_table.md-table .md-button {
    min-height: 30px;
    line-height: 30px; }

md-table-container table.md-table thead.md-head > tr.md-row {
  height: auto; }

@media only screen and (max-width: 767px) {
  .planner_section .md-title {
    margin-bottom: 12px; } }

@media only screen and (max-width: 767px) {
  .planner_section md-table-container table.planner_table.md-table {
    display: block; }
    .planner_section md-table-container table.planner_table.md-table thead {
      display: none !important; }
    .planner_section md-table-container table.planner_table.md-table tbody, .planner_section md-table-container table.planner_table.md-table tfoot, .planner_section md-table-container table.planner_table.md-table tr, .planner_section md-table-container table.planner_table.md-table th, .planner_section md-table-container table.planner_table.md-table td {
      display: block; }
    .planner_section md-table-container table.planner_table.md-table tr {
      height: auto; }
    .planner_section md-table-container table.planner_table.md-table td {
      padding: 10px 0 !important;
      border: 0;
      text-align: left !important; }
    .planner_section md-table-container table.planner_table.md-table .md-cell {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row nowrap;
      -moz-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      border-top: 1px solid #CFD8DC; }
      .planner_section md-table-container table.planner_table.md-table .md-cell .mobile-label {
        -webkit-box-flex: 0 0 48%;
        -moz-box-flex: 0 0 48%;
        -webkit-flex: 0 0 48%;
        -ms-flex: 0 0 48%;
        flex: 0 0 48%;
        max-width: 48%;
        margin-right: 4%; }
      .planner_section md-table-container table.planner_table.md-table .md-cell:before {
        content: '';
        display: block;
        width: 0;
        min-height: 36px; }
    .planner_section md-table-container table.planner_table.md-table tbody tr:first-child td:first-child {
      border-top: 0 none; }
    .planner_section md-table-container table.planner_table.md-table tbody tr:not(:first-child) {
      margin-top: 24px; } }

@media only screen and (min-width: 768px) {
  .planner_section md-table-container table.planner_table.md-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
    empty-cells: show;
    table-layout: fixed; }
    .planner_section md-table-container table.planner_table.md-table .mobile-label {
      display: none !important; }
    .planner_section md-table-container table.planner_table.md-table th, .planner_section md-table-container table.planner_table.md-table td, .planner_section md-table-container table.planner_table.md-table th.md-column, .planner_section md-table-container table.planner_table.md-table td.md-cell {
      padding: 5px 12px !important;
      border: 0px;
      border-bottom: 1px solid #EDEDED;
      text-align: left; }
    .planner_section md-table-container table.planner_table.md-table td {
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.25px; }
    .planner_section md-table-container table.planner_table.md-table .total_matches {
      width: 140px; }
    .planner_section md-table-container table.planner_table.md-table .match_term {
      width: 170px; }
    .planner_section md-table-container table.planner_table.md-table .actions {
      width: 160px; } }

@media only screen and (min-width: 1200px) {
  .planner_section md-table-container table.planner_table.md-table .total_matches {
    width: 150px; }
  .planner_section md-table-container table.planner_table.md-table .match_term {
    width: 200px; }
  .planner_section md-table-container table.planner_table.md-table .actions {
    width: 250px; } }

.planner_section md-card .md-title, .planner_section md-card .md-subhead {
  margin-bottom: 0px; }

.planner_section md-card md-card-avatar {
  box-sizing: content-box; }

.tn-in-card-action-text {
  font-size: 0.9em;
  padding-left: 12px; }

md-input-container.tn_player_search .md-input {
  height: 40px;
  line-height: 36px;
  font-size: 1.1em; }

.profile_info {
  margin-top: 40px; }
  .profile_info md-table-container table.bordered_table, .profile_info md-table-container table.bordered_table.md-table {
    width: auto;
    min-width: 750px;
    max-width: 900px;
    table-layout: auto;
    border-top: 1px solid #EDEDED; }
    .profile_info md-table-container table.bordered_table th, .profile_info md-table-container table.bordered_table td, .profile_info md-table-container table.bordered_table th.md-column, .profile_info md-table-container table.bordered_table td.md-cell, .profile_info md-table-container table.bordered_table.md-table th, .profile_info md-table-container table.bordered_table.md-table td, .profile_info md-table-container table.bordered_table.md-table th.md-column, .profile_info md-table-container table.bordered_table.md-table td.md-cell {
      padding: 10px 12px !important; }
      .profile_info md-table-container table.bordered_table th:nth-child(1), .profile_info md-table-container table.bordered_table td:nth-child(1), .profile_info md-table-container table.bordered_table th.md-column:nth-child(1), .profile_info md-table-container table.bordered_table td.md-cell:nth-child(1), .profile_info md-table-container table.bordered_table.md-table th:nth-child(1), .profile_info md-table-container table.bordered_table.md-table td:nth-child(1), .profile_info md-table-container table.bordered_table.md-table th.md-column:nth-child(1), .profile_info md-table-container table.bordered_table.md-table td.md-cell:nth-child(1) {
        width: 287px;
        font-weight: 500; }
      .profile_info md-table-container table.bordered_table th:nth-child(2), .profile_info md-table-container table.bordered_table td:nth-child(2), .profile_info md-table-container table.bordered_table th.md-column:nth-child(2), .profile_info md-table-container table.bordered_table td.md-cell:nth-child(2), .profile_info md-table-container table.bordered_table.md-table th:nth-child(2), .profile_info md-table-container table.bordered_table.md-table td:nth-child(2), .profile_info md-table-container table.bordered_table.md-table th.md-column:nth-child(2), .profile_info md-table-container table.bordered_table.md-table td.md-cell:nth-child(2) {
        width: auto; }
    .profile_info md-table-container table.bordered_table tbody.md-body > tr.md-row, .profile_info md-table-container table.bordered_table.md-table tbody.md-body > tr.md-row {
      height: 54px; }

@media only screen and (min-width: 580px) {
  .profile-contact__dialog-content .md-dialog-content {
    min-width: 400px; } }

.profile-contact__results_list {
  padding: 16px 0; }
  .profile-contact__results_list md-list {
    padding: 0;
    border-top: 1px solid #EDEDED; }
  .profile-contact__results_list md-list-item {
    border-bottom: 1px solid #EDEDED;
    padding: 0; }
    .profile-contact__results_list md-list-item md-icon {
      margin-right: 20px !important; }
    .profile-contact__results_list md-list-item a {
      text-decoration: none; }

.matchresults-table {
  max-width: 100%;
  margin: 25px 0;
  overflow: hidden;
  overflow-x: auto; }
  .matchresults-table td {
    padding: 10px;
    border-bottom: 1px solid #E1E1E1; }
  .matchresults-table th {
    border-bottom: 1px solid #E1E1E1; }
  .matchresults-table tr:last-child td {
    border-bottom: 0 none; }
  .matchresults-table table {
    width: 100%;
    border-spacing: 0; }
  .matchresults-table thead th {
    padding: 10px;
    border-bottom: 1px solid #E1E1E1;
    font-weight: normal; }
    .matchresults-table thead th.invalid {
      color: #dd2c00; }
  .matchresults-table .table-validation-message {
    font-size: 12px;
    color: #E84855;
    margin-top: 5px;
    text-align: center; }
  .matchresults-table .player {
    margin-bottom: 4px; }
    .matchresults-table .player:last-child {
      margin-bottom: 0; }
    .matchresults-table .player .player_photo {
      min-width: 40px;
      width: 40px;
      height: 40px;
      border: 2px solid #B0BEC5; }
      .matchresults-table .player .player_photo + .player_name {
        margin-left: 12px; }
      .matchresults-table .player .player_photo img {
        display: block; }
      .matchresults-table .player .player_photo md-icon {
        display: block;
        width: 36px !important;
        height: 36px !important;
        color: #B0BEC5;
        font-size: 22px !important;
        line-height: 36px;
        text-align: center; }
    .matchresults-table .player .player_name {
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.25px; }
  .matchresults-table input[type="number"] {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    border: 1px solid #546E7A;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -moz-appearance: textfield; }
    .matchresults-table input[type="number"]::-webkit-outer-spin-button, .matchresults-table input[type="number"]::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
  .matchresults-table md-checkbox {
    display: block;
    width: 20px;
    margin: 0 auto; }

md-table-container table.md-table.full-page-table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  empty-cells: show; }
  md-table-container table.md-table.full-page-table th, md-table-container table.md-table.full-page-table td, md-table-container table.md-table.full-page-table th.md-column, md-table-container table.md-table.full-page-table td.md-cell {
    padding: 5px 12px !important;
    border: 0px;
    border-bottom: 1px solid #EDEDED;
    text-align: left; }

.tn-planner-dialog .checkbox-holder {
  padding-right: 10px; }
  @media only screen and (min-width: 600px) {
    .tn-planner-dialog .checkbox-holder {
      padding-right: 25px; } }
.tn-planner-dialog [dir=rtl] md-checkbox .md-label {
  margin-left: 0;
  margin-right: 38px; }

.tn-planner-dialog .input-label {
  display: inline-block;
  color: rgba(0, 0, 0, 0.54); }

.tn-planner-dialog md-input-container md-list {
  padding: 0;
  border-bottom: 1px solid #CFD8DC; }

.tn-planner-dialog md-input-container md-list-item.md-2-line {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 40px;
  padding: 6px 9px 6px 0;
  max-width: 100%; }
  @media only screen and (min-width: 600px) {
    .tn-planner-dialog md-input-container md-list-item.md-2-line {
      padding: 6px 24px 6px 0; } }
  .tn-planner-dialog md-input-container md-list-item.md-2-line:before {
    min-height: 40px; }
  .tn-planner-dialog md-input-container md-list-item.md-2-line .md-avatar {
    width: 40px;
    height: 40px;
    margin: 0 13px 0 0;
    box-sizing: border-box; }
  .tn-planner-dialog md-input-container md-list-item.md-2-line img.md-avatar {
    border-radius: 50%;
    border: 2px solid #fff; }
  .tn-planner-dialog md-input-container md-list-item.md-2-line md-icon.md-avatar {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    border: 2px solid #B0BEC5;
    color: #B0BEC5;
    font-size: 32px;
    text-align: center; }
  .tn-planner-dialog md-input-container md-list-item.md-2-line .md-list-item-text {
    margin: 0;
    padding-right: 8px; }
    .tn-planner-dialog md-input-container md-list-item.md-2-line .md-list-item-text .title {
      letter-spacing: 0.25px; }
    .tn-planner-dialog md-input-container md-list-item.md-2-line .md-list-item-text .text {
      color: #546E7A;
      font-size: 12px;
      font-weight: 400;
      line-height: 16px;
      letter-spacing: 0.4px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
      .tn-planner-dialog md-input-container md-list-item.md-2-line .md-list-item-text .text a {
        color: #546E7A;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: 0.4px;
        text-decoration: none; }
        .tn-planner-dialog md-input-container md-list-item.md-2-line .md-list-item-text .text a:hover {
          text-decoration: underline; }
  .tn-planner-dialog md-input-container md-list-item.md-2-line .md-secondary-container md-checkbox {
    width: 20px; }

.recipients md-list {
  padding: 6px 0; }

.recipient {
  border: 1px solid #CFD8DC; }
  .recipient:not(:first-child) {
    margin-top: 12px; }
  .recipient__info {
    display: block;
    padding-top: 10px;
    padding-bottom: 13px;
    padding-right: 47px;
    color: #546E7A;
    font-weight: 400;
    letter-spacing: 0.25px;
    text-align: right; }
    @media only screen and (min-width: 600px) {
      .recipient__info {
        padding-right: 62px; } }
    .recipient__info a {
      color: #FDDE12;
      text-decoration: none; }
  .recipient md-list-item {
    min-height: 40px; }
    .recipient md-list-item:before {
      min-height: 40px; }
  .recipient md-list-item.md-3-line > .md-no-style {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 40px;
    padding: 6px 9px 6px 10px;
    max-width: 100%; }
    @media only screen and (min-width: 600px) {
      .recipient md-list-item.md-3-line > .md-no-style {
        padding: 6px 24px 6px 17px; } }
    .recipient md-list-item.md-3-line > .md-no-style:before {
      min-height: 40px; }
    .recipient md-list-item.md-3-line > .md-no-style .md-avatar {
      width: 40px;
      height: 40px;
      margin: 0 13px 0 0;
      box-sizing: border-box; }
    .recipient md-list-item.md-3-line > .md-no-style img.md-avatar {
      border-radius: 50%;
      border: 2px solid #fff; }
    .recipient md-list-item.md-3-line > .md-no-style md-icon.md-avatar {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      border: 2px solid #B0BEC5;
      color: #B0BEC5;
      font-size: 32px;
      text-align: center; }
    .recipient md-list-item.md-3-line > .md-no-style .md-list-item-text {
      margin: 0;
      padding-right: 8px; }
      .recipient md-list-item.md-3-line > .md-no-style .md-list-item-text .title {
        letter-spacing: 0.25px; }
      .recipient md-list-item.md-3-line > .md-no-style .md-list-item-text .text {
        color: #546E7A;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: 0.4px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
        .recipient md-list-item.md-3-line > .md-no-style .md-list-item-text .text a {
          color: #546E7A;
          font-size: 12px;
          font-weight: 400;
          line-height: 16px;
          letter-spacing: 0.4px;
          text-decoration: none; }
          .recipient md-list-item.md-3-line > .md-no-style .md-list-item-text .text a:hover {
            text-decoration: underline; }
    .recipient md-list-item.md-3-line > .md-no-style .md-secondary-container md-checkbox {
      width: 20px;
      padding: 0; }

/*md-dialog.md-dialog-fullscreen{*/
/*md-dialog{
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	max-width: 100%;
	max-height: 100%;
}*/
@media only screen and (max-width: 959px) {
  .md-dialog-fullscreen {
    max-width: 100%;
    max-height: 100%; } }

.tn-plann-matches-wrapper md-card {
  margin-left: 0px; }
  @media only screen and (max-width: 959px) {
    .tn-plann-matches-wrapper md-card {
      margin-right: 0px; } }
  .tn-plann-matches-wrapper md-card md-card-header md-card-header-text .md-title {
    font-size: 16px; }
  .tn-plann-matches-wrapper md-card md-card-actions {
    margin-right: 16px;
    margin-bottom: 16px; }

.statistics-table-holder {
  max-width: 100%;
  overflow: auto;
  margin-top: 30px; }

.statistics-table {
  width: 100%;
  max-width: 600px;
  width: 600px;
  border-collapse: collapse; }
  .statistics-table thead tr th {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #EDEDED; }
    .statistics-table thead tr th:first-child {
      width: 170px; }
      @media only screen and (max-width: 550px) {
        .statistics-table thead tr th:first-child {
          width: 120px; } }
  .statistics-table tbody tr.bold-row td {
    font-weight: 600;
    background-color: #FDDE12; }
  .statistics-table tbody tr:last-child td {
    border-bottom: none; }
  .statistics-table tbody tr td {
    padding: 20px 10px;
    font-size: 14px;
    text-align: center;
    border-bottom: 1px solid #EDEDED; }
    .statistics-table tbody tr td:first-child {
      text-align: left; }

.match-results-dialog .result-status-explanation {
  display: flex;
  align-items: center; }

.match-results-dialog md-tabs {
  padding: 25px 20px; }
  .match-results-dialog md-tabs .explanation_text {
    font-size: 12px;
    line-height: 1.2;
    color: rgba(0, 0, 0, 0.38); }

.tn-memberships .section-title {
  font-size: 24px;
  font-weight: 400;
  padding: 8px 0;
  position: relative;
  margin: 16px 0 16px; }

.tn-memberships .section-title::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #FFC107;
  /* Yellow color */
  position: absolute;
  bottom: 0;
  left: 0;
  margin-top: 8px; }

.tn-memberships .offer-card {
  border-radius: 3px;
  overflow: hidden;
  margin: 0 9px 56px 9px; }
  .tn-memberships .offer-card md-card-title {
    flex: 0 0 auto;
    margin-bottom: 10px;
    padding: 13px; }
    .tn-memberships .offer-card md-card-title md-card-title-text {
      flex: 1;
      flex-direction: column;
      display: flex; }
      .tn-memberships .offer-card md-card-title md-card-title-text .md-subhead {
        margin: 0;
        padding: 0;
        color: #000000;
        font-size: 14px;
        line-height: 24px;
        text-transform: uppercase; }
      .tn-memberships .offer-card md-card-title md-card-title-text .md-headline {
        margin: 0;
        padding: 0;
        color: #000000;
        font-size: 24px;
        line-height: 1.2;
        letter-spacing: 0.25px;
        text-decoration: none; }
  .tn-memberships .offer-card md-card-content {
    flex: 1;
    padding: 13px; }
    .tn-memberships .offer-card md-card-content p {
      margin: 0; }

.tn-memberships .subscription-list {
  margin: -20px 0 40px; }
  .tn-memberships .subscription-list .subscription-card {
    padding: 25px 10px; }
    .tn-memberships .subscription-list .subscription-card h3 {
      margin: 0; }
    .tn-memberships .subscription-list .subscription-card p {
      font-size: 14px;
      margin: 0 0 10px; }
    .tn-memberships .subscription-list .subscription-card .md-avatar {
      width: 94px;
      height: 94px;
      border-radius: 0;
      border: 1px solid #546E7A;
      margin-top: 0;
      margin-bottom: 0; }
    .tn-memberships .subscription-list .subscription-card .subscription-status {
      display: inline-block;
      padding: 2px 7px 0;
      background-color: #8bc34a;
      color: #fff;
      border-radius: 18px;
      font-size: 12px;
      line-height: 18px;
      font-weight: normal;
      text-align: center;
      text-transform: uppercase;
      width: auto;
      max-width: max-content;
      margin: 0;
      letter-spacing: 0.25px;
      overflow: hidden; }
    .tn-memberships .subscription-list .subscription-card .subscription-status-disabled {
      background-color: #ECEFF1;
      color: #000; }
    .tn-memberships .subscription-list .subscription-card .subscription-validity {
      font-size: 14px; }
    @media (max-width: 600px) {
      .tn-memberships .subscription-list .subscription-card {
        display: block; }
        .tn-memberships .subscription-list .subscription-card img {
          text-align: center; }
        .tn-memberships .subscription-list .subscription-card .md-list-item-text {
          width: 100%; }
        .tn-memberships .subscription-list .subscription-card .view-button {
          justify-content: flex-start;
          margin-top: 20px; } }
.tn-memberships .green-message-box {
  background-color: #DEECC8;
  color: #000000;
  padding: 16px 16px;
  border-radius: 4px;
  text-align: left;
  font-size: 14px;
  margin-bottom: 30px; }

.courts-filters {
  margin-bottom: 30px;
  padding-top: 10px; }
  .courts-filters__fields {
    margin: 0 -10px; }
    .courts-filters__fields md-input-container {
      -webkit-box-flex: 0 0 50%;
      -moz-box-flex: 0 0 50%;
      -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      margin-left: 0 !important;
      margin-right: 0 !important;
      padding-left: 12px;
      padding-right: 12px; }
      @media only screen and (min-width: 960px) {
        .courts-filters__fields md-input-container {
          -webkit-box-flex: 0 0 25%;
          -moz-box-flex: 0 0 25%;
          -webkit-flex: 0 0 25%;
          -ms-flex: 0 0 25%;
          flex: 0 0 25%;
          max-width: 25%; } }
.list-with-image {
  /*	@include max(959){
		md-list-item{
			@include flex-flow(row wrap);
			@include align-items(flex-start);
		}

		.tn-image{
			@include calc('width', 26%, '104px');
		}

		.list-info{
			@include calc('max-width', 70%, '100% - 104px - 20px');
		}
		
		.md-secondary-container{
			display: none !important;
			@include flex(1 1 100%);
			@include justify-content(flex-end);
			max-width: 100%;
			width: 100%;
			margin-top: 14px;
		}
	}*/ }
  .list-with-image md-list-item {
    padding: 20px 10px;
    border-bottom: 1px solid #CFD8DC; }
    .list-with-image md-list-item:first-child {
      border-top: 1px solid #CFD8DC; }
    @media only screen and (min-width: 960px) {
      .list-with-image md-list-item.no-image .tn-image {
        display: none; } }
  .list-with-image .tn-image {
    width: 104px;
    height: auto;
    margin-right: 20px; }
  .list-with-image .list-info__title {
    display: block;
    margin-bottom: 20px;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none; }
    @media only screen and (max-width: 959px) {
      .list-with-image .list-info__title {
        font-size: 18px; } }
    @media only screen and (max-width: 767px) {
      .list-with-image .list-info__title {
        font-size: 16px; } }
  .list-with-image .list-info__text {
    margin-top: 4px;
    letter-spacing: 0.25px; }
  @media only screen and (max-width: 959px) {
    .list-with-image md-list-item {
      position: relative;
      display: block;
      padding-left: 134px; }
      .list-with-image md-list-item:before {
        display: none !important; }
      .list-with-image md-list-item.no-image {
        padding-left: 10px; }
    .list-with-image .tn-image {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      margin: 0;
      z-index: 2; }
      .list-with-image .tn-image__holder {
        position: absolute;
        top: 20px;
        left: 10px;
        bottom: 20px;
        display: block;
        width: 104px;
        overflow: hidden; }
      .list-with-image .tn-image img {
        position: absolute;
        top: 0;
        left: 50%;
        max-width: none;
        width: auto;
        height: 100%;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0); }
    .list-with-image .list-info {
      max-width: 100%; }
    .list-with-image .md-secondary-container {
      display: none !important; } }
  @media only screen and (max-width: 767px) {
    .list-with-image md-list-item {
      padding-left: 88px; }
    .list-with-image .tn-image__holder {
      left: 5px;
      width: 70px; } }
.court-gallery {
  padding-right: 40px; }
  @media only screen and (max-width: 959px) {
    .court-gallery {
      max-width: 500px;
      margin: 0 auto 52px;
      padding: 0; } }
  .court-gallery__mains {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden; }
    .court-gallery__mains .tn-image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      opacity: 0;
      transition: opacity 0.15s ease; }
      .court-gallery__mains .tn-image.current {
        opacity: 1; }
  .court-gallery__mains-holder {
    position: relative;
    display: block;
    font-size: 0;
    white-space: nowrap; }
    .court-gallery__mains-holder .tn-image {
      display: inline-block;
      vertical-align: top; }
  .court-gallery__images {
    margin: 10px -5px 0; }
    .court-gallery__images {
      *zoom: 1; }
    .court-gallery__images:before, .court-gallery__images:after {
      content: "";
      display: table; }
    .court-gallery__images:after {
      clear: both; }
    @media only screen and (min-width: 1200px) {
      .court-gallery__images {
        margin: 20px -10px 0; } }
    .court-gallery__images .tn-image {
      float: left;
      max-width: 25%;
      width: 100%;
      padding: 0 5px;
      outline: none !important;
      opacity: 0.2;
      transition: opacity 0.15s ease; }
      @media only screen and (min-width: 1200px) {
        .court-gallery__images .tn-image {
          padding: 0 10px; } }
      .court-gallery__images .tn-image img {
        outline: none !important;
        cursor: pointer; }
      .court-gallery__images .tn-image.current {
        opacity: 1; }
        .court-gallery__images .tn-image.current img {
          cursor: default; }
  .court-gallery[ng-cloak] .court-gallery__mains-holder .tn-image:not(:first-child) {
    display: none !important; }

.court-spec__item {
  padding: 20px 0; }
  @media only screen and (max-width: 959px) {
    .court-spec__item {
      padding: 10px 0; } }
  .court-spec__item .tn-chips__item {
    margin: 2px 6px 2px 0; }
  .court-spec__item .bordered_btn md-icon {
    color: inherit !important; }

.court-spec__item--directions {
  padding-top: 50px; }
  @media only screen and (max-width: 959px) {
    .court-spec__item--directions {
      padding-top: 40px; } }
.court-spec__label {
  padding-right: 10px; }

.court-spec__value {
  padding-left: 10px; }

.court-spec a {
  color: #fcc805;
  text-decoration: none; }

.courts-map-modal {
  height: 100%; }
  .courts-map-modal .md-dialog-content {
    height: 100%;
    padding: 0; }
  .courts-map-modal .courts-map {
    width: 100%;
    height: 100%; }

.courts-header, .head2head-header {
  padding: 35px 0;
  background: #263238; }
  .courts-header > div, .head2head-header > div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .courts-header *, .head2head-header * {
    color: #FFF; }
  .courts-header a.md-button, .head2head-header a.md-button {
    margin-left: -10px;
    min-width: 48px; }
  .courts-header h2, .head2head-header h2 {
    margin: 0;
    font-weight: 400; }

.tn-news {
  margin: 0 -16px;
  padding: 0; }
  .tn-news__item {
    margin: 32px 0 0 0;
    padding: 0 16px; }
  .tn-news .md-headline {
    display: block;
    max-height: 72px;
    margin: 0;
    color: #000;
    text-decoration: none;
    outline: none;
    overflow: hidden;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out; }
    @media only screen and (min-width: 960px) {
      .tn-news .md-headline {
        max-height: 84px; } }
    .tn-news .md-headline:hover {
      color: #FDDE12; }
  .tn-news .date {
    color: #000; }
    .tn-news .date + .text {
      margin-top: 20px; }
  .tn-news .text {
    max-height: 72px;
    overflow: hidden; }
  .tn-news md-card {
    margin: 0; }
    .tn-news md-card md-card-title {
      padding: 26px 20px 20px; }
    .tn-news md-card md-card-content {
      padding: 0 20px 20px; }
  .tn-news__item--full-width {
    margin-top: 0; }
    @media only screen and (min-width: 960px) {
      .tn-news__item--full-width .md-headline {
        max-height: 102px;
        color: #000;
        font-size: 28px;
        line-height: 34px;
        letter-spacing: 0.25px;
        text-decoration: none;
        outline: none; }
      .tn-news__item--full-width md-card {
        position: relative;
        min-height: 324px !important;
        padding-left: 50%; }
      .tn-news__item--full-width md-card-title {
        -webkit-box-flex: 0 0 auto;
        -moz-box-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
      .tn-news__item--full-width md-card-actions {
        margin-top: auto; }
      .tn-news__item--full-width .md-card-image-link {
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        overflow: hidden; }
        .tn-news__item--full-width .md-card-image-link img {
          position: absolute;
          top: 50%;
          left: 50%;
          max-width: none;
          width: auto;
          height: 100%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); } }
    @media only screen and (min-width: 960px) and (min-width: 1300px) {
      .tn-news__item--full-width .md-card-image-link img {
        height: auto; } }
@media only screen and (min-width: 960px) {
  .tn-new-preview .main_title {
    font-size: 28px;
    line-height: 34px;
    letter-spacing: 0.25px; } }

.tn-new-preview .main_title + .tn-new-preview__date {
  margin-top: -12px; }

.tn-new-preview__date {
  margin-bottom: 30px;
  color: #000; }

.tn-new-preview__short-desc {
  margin-bottom: 30px;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px; }

.tn-new-preview__image {
  margin-bottom: 40px; }
  .tn-new-preview__image img {
    width: 100%; }

.tn-new-preview__desc-holder {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row; }
  @media only screen and (max-width: 850px) {
    .tn-new-preview__desc-holder {
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }
.tn-new-preview__other-news {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 350px;
  margin-left: 50px; }
  .tn-new-preview__other-news .tn-news {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
    .tn-new-preview__other-news .tn-news__item {
      max-height: 466px;
      margin-bottom: 20px; }
  @media only screen and (max-width: 850px) {
    .tn-new-preview__other-news {
      width: 100%;
      margin-left: 0; }
      .tn-new-preview__other-news .tn-news > div {
        max-height: 100%; } }
.tn-new-preview__desc {
  margin-bottom: 30px;
  width: calc(100% - 400px); }
  .tn-new-preview__desc > * {
    margin: 30px 0; }
    .tn-new-preview__desc > *:first-child {
      margin-top: 0; }
    .tn-new-preview__desc > *:last-child {
      margin-bottom: 0; }
  @media only screen and (max-width: 850px) {
    .tn-new-preview__desc {
      width: 100%; } }
.tn-new-preview__title {
  margin-bottom: 32px;
  padding-bottom: 8px;
  border-bottom: 3px solid #E48900;
  overflow: hidden; }
  @media only screen and (max-width: 850px) {
    .tn-new-preview__title {
      margin-top: 30px; } }
.tn-new-preview .tn-news {
  margin: 0 -8px; }
  .tn-new-preview .tn-news__item {
    margin-top: 0;
    padding: 0 8px; }
    @media only screen and (max-width: 959px) {
      .tn-new-preview .tn-news__item:not(:first-child) {
        margin-top: 32px; } }
.tn-news-header {
  padding: 18px 0;
  background: #063851; }
  .tn-news-header .md-button {
    margin: 0;
    color: #fff; }
  .tn-news-header md-icon {
    color: #fff; }
  .tn-news-header .title {
    color: #fff;
    font-size: 20px;
    line-height: 24px; }
    @media only screen and (min-width: 960px) {
      .tn-news-header .title {
        font-size: 24px;
        line-height: 28px; } }
  .tn-news-header .dtbl_all {
    height: 60px; }
    @media only screen and (min-width: 960px) {
      .tn-news-header .dtbl_all {
        height: 80px; } }
  .tn-news-header .dcl_all {
    vertical-align: middle;
    padding-left: 25px; }
    .tn-news-header .dcl_all:first-child {
      padding-left: 0; }
    .tn-news-header .dcl_all.icon-cl {
      width: 50px;
      padding: 0; }
      .tn-news-header .dcl_all.icon-cl + .dcl_all.title-cl {
        padding-left: 10px; }
    .tn-news-header .dcl_all.image-cl {
      width: 125px;
      padding-left: 5px; }
      .tn-news-header .dcl_all.image-cl img {
        display: block;
        max-width: 120px; }

.tn-news--slider {
  position: relative; }
  .tn-news--slider .tn-news__item:not(:first-child):not(.tns-item) {
    display: none; }
  .tn-news--slider md-card {
    box-shadow: none; }

.homepage-index {
  flex: 1 1 auto; }

.hp-hero {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 20%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block; }
  @media only screen and (min-width: 1460px) {
    .hp-hero {
      min-height: 302px;
      padding: 0;
      background-size: auto; } }
  @media only screen and (max-width: 991px) {
    .hp-hero {
      display: none; } }
.hp-hero-mobile {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 30.47%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: none; }
  @media only screen and (max-width: 991px) {
    .hp-hero-mobile {
      display: block; } }
.hp-nav {
  max-width: 1920px;
  margin: 0 auto;
  background: #F0F0F0; }
  .hp-nav nav {
    display: none; }
    @media only screen and (min-width: 600px) {
      .hp-nav nav {
        display: block; } }
  .hp-nav ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .hp-nav li {
    margin: 0;
    padding: 0;
    background: none;
    margin-right: 32px; }
    .hp-nav li:last-child {
      margin-right: 0; }
    .hp-nav li:before {
      display: none; }
  .hp-nav a {
    display: block;
    color: #063851;
    font-size: 14px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: 0.25px;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap; }
    .hp-nav a:hover {
      color: #FDDE12; }
  .hp-nav .region-side {
    -webkit-box-flex: 0 0 200px;
    -moz-box-flex: 0 0 200px;
    -webkit-flex: 0 0 200px;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    align-self: center;
    max-width: 200px; }
    @media only screen and (min-width: 600px) {
      .hp-nav .region-side {
        border-left: 1px solid #B0BEC5;
        padding-left: 10px; } }
    .hp-nav .region-side md-input-container {
      margin: 0;
      padding: 0;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row nowrap;
      -moz-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      height: 48px; }
      .hp-nav .region-side md-input-container md-icon {
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        -webkit-box-flex: 0 0 32px;
        -moz-box-flex: 0 0 32px;
        -webkit-flex: 0 0 32px;
        -ms-flex: 0 0 32px;
        flex: 0 0 32px;
        max-width: 32px;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        width: 32px;
        height: 32px;
        margin-right: 10px;
        color: #FDDE12;
        font-size: 32px;
        text-align: center; }
      .hp-nav .region-side md-input-container md-select {
        -webkit-box-flex: 1 1 100%;
        -moz-box-flex: 1 1 100%;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%; }
        .hp-nav .region-side md-input-container md-select md-select-value {
          padding: 2px 2px 2px 0 !important;
          border: 0 none !important;
          color: #37474F;
          font-size: 14px;
          font-weight: 500;
          letter-spacing: 0.75px;
          text-transform: uppercase; }
        .hp-nav .region-side md-input-container md-select .md-select-icon {
          display: flex;
          align-items: center;
          width: auto;
          transform: none; }
          .hp-nav .region-side md-input-container md-select .md-select-icon:after {
            display: none; }
          .hp-nav .region-side md-input-container md-select .md-select-icon:before {
            all: unset;
            content: '';
            display: block;
            width: 0;
            height: 0;
            border: 7px solid transparent;
            border-top: 8px solid #37474F;
            border-bottom: 0; }

.hp-title {
  margin: 0 0 32px 0;
  color: #000000;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0.25px; }
  @media only screen and (min-width: 960px) {
    .hp-title {
      margin: 0 0 40px 0; } }
.hp-blocks {
  max-width: 850px;
  margin: 42px auto 0; }
  .hp-blocks > div {
    margin: 4px 0 0 0; }
    @media only screen and (min-width: 960px) {
      .hp-blocks > div {
        margin: 0 0 0 4px; } }
    .hp-blocks > div:first-child {
      margin: 0; }
      .hp-blocks > div:first-child .hp-blocks__block {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px; }
    .hp-blocks > div:last-child .hp-blocks__block {
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px; }
  .hp-blocks__block {
    padding: 32px 20px 32px 20px;
    background: #ECEFF1; }
    @media only screen and (min-width: 600px) {
      .hp-blocks__block {
        padding: 60px 20px 50px 20px; } }
    .hp-blocks__block .value {
      margin-bottom: 10px;
      color: #FDDE12;
      font-size: 60px;
      font-weight: bold;
      line-height: 1;
      text-align: center;
      letter-spacing: -0.5px;
      white-space: nowrap; }
    .hp-blocks__block .md-title {
      margin: 0;
      color: #000000;
      font-weight: normal;
      text-align: center; }

.hp-section {
  margin-bottom: 60px; }
  @media only screen and (min-width: 960px) {
    .hp-section {
      margin-bottom: 68px; } }
  .hp-section__actions {
    margin-top: 32px; }
    .hp-section__actions .md-button {
      margin: 0; }
  .hp-section .results_list .one_result .results_score_holder span sup {
    position: relative;
    right: 3px; }

.hp-section--blocks {
  margin: 0;
  padding: 48px 0 0;
  border-top: 1px solid #B0BEC5; }
  .hp-section--blocks .hp-section__logo {
    width: 170px;
    height: 80px;
    margin: 0 auto 20px;
    background-image: url("../img/logo.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  .hp-section--blocks .hp-section__title {
    color: #000000;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px; }
    @media only screen and (min-width: 960px) {
      .hp-section--blocks .hp-section__title {
        font-size: 28px;
        line-height: 34px; } }
  .hp-section--blocks .hp-section__subtitle {
    max-width: 90%;
    margin: 15px auto 0;
    color: #000000; }
    @media only screen and (min-width: 960px) {
      .hp-section--blocks .hp-section__subtitle {
        max-width: 76%; } }
  .hp-section--blocks .hp-section__actions {
    margin-top: 32px; }
  .hp-section--blocks .more-link {
    color: #7DB342;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    text-align: center;
    text-decoration: none; }
    .hp-section--blocks .more-link:hover {
      text-decoration: underline; }

.hp-section--slides .tns-ovh,
.hp-section--news .tns-ovh {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }

.hp-section--slides .tn-news,
.hp-section--news .tn-news {
  margin: 0; }
  .hp-section--slides .tn-news__item,
  .hp-section--news .tn-news__item {
    padding: 0; }

.hp-section--slides .tns-nav,
.hp-section--news .tns-nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin-top: 32px; }
  .hp-section--slides .tns-nav button,
  .hp-section--news .tns-nav button {
    all: unset;
    display: block;
    width: 6px;
    height: 6px;
    margin: 0 3px;
    padding: 0;
    background: #C4C4C4;
    border-radius: 50%;
    border: 3px solid #C4C4C4;
    cursor: pointer; }
    .hp-section--slides .tns-nav button.tns-nav-active,
    .hp-section--news .tns-nav button.tns-nav-active {
      background: #000000; }

.hp-section--news .tn-news .md-headline {
  min-height: 72px; }

@media only screen and (max-width: 959px) {
  .hp-section--news .tn-news md-card-content {
    display: none; } }

.hp-section--tournaments .tn-tournament-list__item {
  margin: 0; }
  @media only screen and (max-width: 959px) {
    .hp-section--tournaments .tn-tournament-list__item {
      margin-top: 32px; }
      .hp-section--tournaments .tn-tournament-list__item:first-child {
        margin-top: 0; } }
.hp-section--matches .results_list > [layout="row"] {
  margin: 0 -9px; }
  .hp-section--matches .results_list > [layout="row"] > div {
    margin: 20px 0 0 0;
    padding: 0 9px; }
    .hp-section--matches .results_list > [layout="row"] > div:first-child {
      margin-top: 0; }
    .hp-section--matches .results_list > [layout="row"] > div:nth-child(n+7) {
      display: none; }
    @media only screen and (min-width: 960px) {
      .hp-section--matches .results_list > [layout="row"] > div:nth-child(-n+2) {
        margin-top: 0; } }
    @media only screen and (min-width: 1280px) {
      .hp-section--matches .results_list > [layout="row"] > div:nth-child(-n+3) {
        margin-top: 0; } }
.hp-section--matches .results_list.show-all > [layout="row"] > div {
  display: block; }

.hp-section--banners {
  border-top: 1px solid #B0BEC5;
  padding-top: 60px; }
  .hp-section--banners .banners-holder {
    margin: 0 -5px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; }
    .hp-section--banners .banners-holder .banner-item {
      width: calc(50% - 10px);
      margin: 0 5px;
      border-radius: 5px; }
      .hp-section--banners .banners-holder .banner-item:first-child .image-holder {
        background-image: url("../img/h2h_singles_banner.png"); }
      .hp-section--banners .banners-holder .banner-item:nth-child(2) .image-holder {
        background-image: url("../img/h2h_duos_banner.png"); }
      .hp-section--banners .banners-holder .banner-item .image-holder {
        border-radius: 5px 5px 0 0;
        padding: 0px 0px 45% 0px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
      .hp-section--banners .banners-holder .banner-item .content-holder {
        padding: 20px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        -webkit-flex-flow: column nowrap;
        -moz-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap; }
        .hp-section--banners .banners-holder .banner-item .content-holder > p {
          margin: 0px 0px 20px 0px;
          text-align: center; }
      @media only screen and (max-width: 800px) {
        .hp-section--banners .banners-holder .banner-item {
          width: 100%;
          margin: 0; }
          .hp-section--banners .banners-holder .banner-item:first-child {
            margin-bottom: 20px; } }
  @media only screen and (min-width: 960px) {
    .hp-section--banners {
      padding-top: 68px; } }
.region_modal {
  max-width: 323px; }
  .region_modal .md-dialog-content {
    position: relative;
    min-width: 0;
    padding-top: 66px; }
  .region_modal .close {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0; }
    .region_modal .close md-icon {
      color: #000000; }
  .region_modal .title {
    color: #000000;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0.25px; }
  .region_modal .subtitle {
    margin-top: 20px;
    color: #000000;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.5px; }
  .region_modal .actions {
    margin-top: 32px; }

.hp-section--slides.tn-banners {
  position: relative; }

.tn-banners .tns-ovh {
  box-shadow: none; }

.tn-banners .tns-nav {
  position: absolute;
  bottom: 10px;
  left: 48%;
  display: flex;
  justify-content: center;
  z-index: 1; }

.tn-banners .tns-nav button {
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.75); }

.banner_nav {
  position: relative;
  display: flex; }

.banner_nav .prev, .banner_nav .next {
  position: absolute;
  cursor: pointer;
  z-index: 2; }

.banner_nav .prev {
  left: 30px;
  opacity: 0.7; }

.banner_nav .next {
  right: 30px;
  opacity: 0.7; }

.arrow-plc {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  top: 40%; }

.tn-news--slider .tn-banners__item:not(:first-child):not(.tns-item) {
  display: none; }

@media only screen and (max-width: 599px) {
  .arrow-plc {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    top: 30%; }
  .banner_nav .prev {
    left: 10px;
    width: 30px; }
  .banner_nav .next {
    right: 10px;
    width: 30px; } }

@media only screen and (max-width: 380px) {
  .arrow-plc {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    top: 28%; }
  .banner_nav .prev {
    left: 10px;
    width: 25px; }
  .banner_nav .next {
    right: 10px;
    width: 25px; } }

.message {
  margin-bottom: 32px;
  padding: 20px; }
  @media only screen and (min-width: 960px) {
    .message {
      padding: 32px; } }
  .message__text {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px; }
    @media only screen and (min-width: 960px) {
      .message__text {
        font-size: 18px;
        line-height: 28px; } }
  .message .termscond-checkbox {
    margin: 28px 0 32px;
    padding: 0;
    font-size: 0; }
    .message .termscond-checkbox md-checkbox {
      min-height: 0;
      padding-left: 32px; }
      .message .termscond-checkbox md-checkbox .md-ink-ripple {
        position: absolute;
        top: 3px;
        left: 0;
        margin: 0;
        -webkit-transform: noneempty-map();
        -moz-transform: noneempty-map();
        transform: noneempty-map(); }
        @media only screen and (min-width: 960px) {
          .message .termscond-checkbox md-checkbox .md-ink-ripple {
            top: 5px; } }
      .message .termscond-checkbox md-checkbox .md-label {
        margin: 0;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.5px; }
        @media only screen and (min-width: 960px) {
          .message .termscond-checkbox md-checkbox .md-label {
            font-size: 18px;
            line-height: 28px; } }
  .message__actions .md-button {
    margin: 0; }

.message--notice {
  background: #FFFBE3;
  border: 1px solid #FEF5B8; }

table.clubs-table {
  table-layout: auto;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0 none; }
  table.clubs-table th, table.clubs-table td {
    padding: 8px 8px 8px 12px;
    border: 0 none;
    border-bottom: 1px solid #EDEDED;
    text-align: left; }
    table.clubs-table th .mw120, table.clubs-table td .mw120 {
      min-width: 120px;
      text-align: center; }
  table.clubs-table th {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 16px;
    letter-spacing: 0.4px; }
  table.clubs-table td.cl-club {
    width: 30%; }
  table.clubs-table td.cl-achievements {
    width: 100%; }
  table.clubs-table .club {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    text-decoration: none !important;
    -webkit-transition: color 150ms ease-in-out;
    -moz-transition: color 150ms ease-in-out;
    -o-transition: color 150ms ease-in-out;
    -ms-transition: color 150ms ease-in-out;
    transition: color 150ms ease-in-out; }
    table.clubs-table .club__image {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      -webkit-box-flex: 0 0 40px;
      -moz-box-flex: 0 0 40px;
      -webkit-flex: 0 0 40px;
      -ms-flex: 0 0 40px;
      flex: 0 0 40px;
      max-width: 40px;
      width: 40px;
      height: 40px; }
      table.clubs-table .club__image img {
        display: block; }
      table.clubs-table .club__image md-icon {
        height: 28px;
        width: 28px;
        min-height: 28px;
        min-width: 28px;
        color: #fff;
        font-size: 28px; }
      table.clubs-table .club__image.icon {
        background: #B0BEC5; }
      table.clubs-table .club__image + .club__title {
        margin-left: 16px; }
    table.clubs-table .club__title {
      display: block; }
    table.clubs-table .club:hover {
      color: #FDDE12; }
  table.clubs-table--club-info {
    width: 100%;
    border-top: 1px solid #EDEDED; }
    @media only screen and (min-width: 600px) {
      table.clubs-table--club-info {
        min-width: 550px;
        width: auto; } }
    table.clubs-table--club-info td {
      height: 54px; }
  table.clubs-table--players-info {
    width: 100%; }

.profile {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  text-decoration: none; }
  .profile__image, .profile__icon {
    -webkit-box-flex: 0 0 40px;
    -moz-box-flex: 0 0 40px;
    -webkit-flex: 0 0 40px;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    max-width: 40px;
    width: 40px;
    height: 40px;
    margin-right: 12px;
    border-radius: 50%;
    overflow: hidden; }
  .profile__image {
    border: 2px solid #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
  .profile__icon {
    border: 2px solid #B0BEC5; }
    .profile__icon md-icon {
      display: block;
      height: auto;
      width: auto;
      min-height: 0;
      min-width: 0;
      color: #B0BEC5;
      font-size: 28px; }
  .profile__name {
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }

.club-info {
  margin-top: 50px; }

.tn-club-preview .tn-txtimg {
  max-width: 720px; }

.tn-club-preview md-tab-content {
  padding-top: 24px; }

.tn-club-preview md-tabs .md-tab {
  color: #778899; }
  .tn-club-preview md-tabs .md-tab md-icon {
    color: #778899; }
  .tn-club-preview md-tabs .md-tab.md-active {
    color: #FDDE12; }
    .tn-club-preview md-tabs .md-tab.md-active md-icon {
      color: #FDDE12; }

.trophies-modal {
  max-width: 800px; }
  .trophies-modal .md-dialog-content {
    min-width: 0; }

@media only screen and (max-width: 767px) {
  .tn-trophies-table__row {
    position: relative;
    min-height: 74px;
    padding: 12px 0 12px 66px;
    border-bottom: 1px solid #DADADA; }
    .tn-trophies-table__row.head {
      display: none !important; }
      .tn-trophies-table__row.head + .tn-trophies-table__row {
        border-top: 1px solid #DADADA; }
  .tn-trophies-table__cell {
    margin-bottom: 6px; }
    .tn-trophies-table__cell:last-child {
      margin-bottom: 0; }
    .tn-trophies-table__cell.image {
      position: absolute;
      top: 12px;
      left: 0;
      margin: 0; }
      .tn-trophies-table__cell.image img {
        display: block;
        max-width: 50px;
        max-height: 50px;
        border-radius: 50%;
        overflow: hidden; } }

@media only screen and (min-width: 768px) {
  .tn-trophies-table {
    display: table;
    table-layout: fixed;
    width: 100%;
    border: 0 none;
    border-spacing: 0;
    border-collapse: collapse; }
    .tn-trophies-table__row {
      display: table-row;
      border-bottom: 1px solid #DADADA; }
      .tn-trophies-table__row.head .tn-trophies-table__cell {
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        line-height: 16px;
        letter-spacing: 0.4px; }
    .tn-trophies-table__cell {
      display: table-cell;
      vertical-align: middle;
      padding: 12px 15px 12px 0;
      color: #000; }
      .tn-trophies-table__cell.image {
        width: 114px;
        padding-left: 12px;
        padding-right: 0; }
        .tn-trophies-table__cell.image img {
          display: block;
          max-width: 62px;
          max-height: 62px;
          border-radius: 50%;
          overflow: hidden; } }

.ratings {
  font-size: 14px;
  min-height: calc(100vh + 155px); }
  .ratings .ratings-profile-search {
    margin: 0; }
  .ratings-list-container {
    position: sticky;
    top: 10px; }
    .ratings-list-container .ranks-search-holder {
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-pack: space-between;
      padding-bottom: 10px;
      border-bottom: 1px solid #dddddd; }
      .ratings-list-container .ranks-search-holder .ranking-desc-link {
        text-decoration: none;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
        .ratings-list-container .ranks-search-holder .ranking-desc-link:hover {
          text-decoration: underline; }
        @media only screen and (max-width: 600px) {
          .ratings-list-container .ranks-search-holder .ranking-desc-link {
            display: none; } }
  .ratings-list {
    margin: 0 -9px; }
    .ratings-list__item {
      margin-bottom: 56px;
      padding: 0 9px; }
    .ratings-list md-card {
      flex: 1;
      margin: 0;
      border-radius: 3px;
      overflow: hidden; }
      .ratings-list md-card .updated-date {
        padding: 8px 15px;
        color: rgba(0, 0, 0, 0.54); }
      .ratings-list md-card md-card-content {
        flex: 1;
        padding: 23px;
        font-size: 12px; }
        .ratings-list md-card md-card-content p {
          margin: 0; }
        .ratings-list md-card md-card-content .rating, .ratings-list md-card md-card-content .rating-delta {
          min-width: 60px; }
        .ratings-list md-card md-card-content md-list-item .rating, .ratings-list md-card md-card-content md-list-item .rating-delta {
          min-width: 50px; }
      .ratings-list md-card md-card-title {
        color: white;
        background: #263238; }
      .ratings-list md-card md-card-actions {
        margin: 0;
        padding: 10px 13px; }
        .ratings-list md-card md-card-actions .md-button {
          letter-spacing: 0.75px; }
  .ratings-header {
    font-weight: bold;
    color: rgba(0, 0, 0, 0.54);
    text-align: center;
    align-items: center;
    margin-top: 30px; }
    @media only screen and (max-width: 959px) {
      .ratings-header {
        text-align: left; } }
    .ratings-header .rating, .ratings-header .rating-delta {
      min-width: 70px; }
    .ratings-header .player {
      min-width: 240px;
      text-align: center; }
      @media only screen and (max-width: 1200px) {
        .ratings-header .player {
          text-align: left;
          min-width: 220px; } }
      @media only screen and (max-width: 768px) {
        .ratings-header .player {
          min-width: auto; } }
    .ratings-header .tournament {
      position: relative; }
      .ratings-header .tournament.first {
        padding-left: 25px; }
        .ratings-header .tournament.first button {
          left: 0;
          display: inline-block; }
      .ratings-header .tournament.last {
        padding-right: 25px; }
        .ratings-header .tournament.last button {
          right: 0;
          display: inline-block; }
      .ratings-header .tournament button {
        background: transparent;
        padding: 0;
        border: none;
        width: 24px;
        height: 24px;
        position: absolute;
        top: calc(50% - 12px);
        transition: all 0.3s ease-in-out;
        display: none; }
        .ratings-header .tournament button:hover {
          opacity: 0.8;
          transition: all 0.2s ease-in-out; }
  .ratings-virtual-list {
    height: 700px;
    height: 100vh; }
    .ratings-virtual-list .selected-profile {
      background-color: #aaaaaa; }
    .ratings-virtual-list .md-virtual-repeat-scroller {
      overflow: hidden; }
  .ratings-list md-list-item {
    border-top: 1px solid #dddddd; }
    .ratings-list md-list-item .md-button {
      letter-spacing: normal;
      line-height: normal; }
    .ratings-list md-list-item .points-wrapper .points:first-child {
      font-weight: bold; }
    .ratings-list md-list-item .player {
      width: 300px; }
      @media only screen and (max-width: 768px) {
        .ratings-list md-list-item .player {
          width: 100%; } }
    .ratings-list md-list-item .points {
      text-align: center; }
    .ratings-list md-list-item .rating, .ratings-list md-list-item .rating-delta {
      min-width: 60px;
      text-align: center; }
    .ratings-list md-list-item .rating-delta {
      margin-right: 10px;
      visibility: hidden; }
      .ratings-list md-list-item .rating-delta md-icon {
        margin-right: -5px; }
      .ratings-list md-list-item .rating-delta.negative, .ratings-list md-list-item .rating-delta.positive {
        visibility: visible; }
      .ratings-list md-list-item .rating-delta.negative {
        color: red; }
        .ratings-list md-list-item .rating-delta.negative md-icon {
          color: red; }
      .ratings-list md-list-item .rating-delta.positive {
        color: #7DB341; }
        .ratings-list md-list-item .rating-delta.positive md-icon {
          color: #7DB341; }
  @media only screen and (max-width: 768px) {
    .ratings .points, .ratings .tournament, .ratings .points-wrapper {
      display: none; } }
.player1-search-holder, .player2-search-holder {
  position: relative; }
  .player1-search-holder .tn_player_search, .player2-search-holder .tn_player_search {
    margin-top: 25px; }
    .player1-search-holder .tn_player_search .md-input, .player2-search-holder .tn_player_search .md-input {
      height: 30px; }
  .player1-search-holder .user-list, .player2-search-holder .user-list {
    position: absolute;
    left: 0;
    top: 59px;
    background: #FFF;
    z-index: 2;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.12); }

.versus-holder {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }
  .versus-holder > div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    background-color: #DCEDC8;
    width: 49px;
    height: 49px;
    border-radius: 50%;
    font-family: Roboto;
    font-size: 18px;
    margin: 20px auto 0 auto; }

.progress-bar {
  padding: 5px 0; }

.head2head-table-holder {
  margin-bottom: 55px;
  padding-top: 40px;
  border-top: 1px solid #CFD8DC; }
  .head2head-table-holder > table {
    width: 100%;
    border-bottom: 1px solid #CFD8DC; }
    .head2head-table-holder > table > tbody > tr:nth-child(odd) {
      background-color: #ECEFF1;
      text-align: center;
      font-family: Roboto;
      font-weight: bold;
      font-size: 14px;
      line-height: 20px; }
    .head2head-table-holder > table > tbody > tr:nth-child(even) td {
      font-family: Roboto;
      font-size: 16px;
      line-height: 28px;
      letter-spacing: 0.5px; }
      .head2head-table-holder > table > tbody > tr:nth-child(even) td:first-child {
        text-align: right;
        padding: 15px 27px 15px 34px; }
        .head2head-table-holder > table > tbody > tr:nth-child(even) td:first-child .tn-ratings__list {
          -webkit-justify-content: flex-end;
          -moz-justify-content: flex-end;
          -ms-justify-content: flex-end;
          justify-content: flex-end;
          -ms-flex-pack: flex-end;
          padding-right: 0; }
        .head2head-table-holder > table > tbody > tr:nth-child(even) td:first-child .tns-nav {
          text-align: center;
          display: inline-block; }
      .head2head-table-holder > table > tbody > tr:nth-child(even) td:last-child {
        text-align: left;
        padding: 15px 34px 15px 27px; }
      .head2head-table-holder > table > tbody > tr:nth-child(even) td:only-child {
        padding: 15px 27px 15px 27px; }
      .head2head-table-holder > table > tbody > tr:nth-child(even) td .achievements {
        max-width: 300px;
        display: inline-block; }
      .head2head-table-holder > table > tbody > tr:nth-child(even) td .tn-ratings__list-item {
        max-width: 120px;
        min-width: 120px; }
    .head2head-table-holder > table > tbody > tr td {
      padding: 21px 34px; }
      .head2head-table-holder > table > tbody > tr td:first-child .tns-outer {
        text-align: right; }
      .head2head-table-holder > table > tbody > tr td table {
        border-bottom: none;
        width: 100%; }
        .head2head-table-holder > table > tbody > tr td table tr {
          background-color: transparent; }
          .head2head-table-holder > table > tbody > tr td table tr td {
            padding: 0 !important; }
            .head2head-table-holder > table > tbody > tr td table tr td .player-stats {
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              -webkit-flex-direction: column;
              -moz-flex-direction: column;
              -ms-flex-direction: column;
              flex-direction: column;
              -webkit-justify-content: center;
              -moz-justify-content: center;
              -ms-justify-content: center;
              justify-content: center;
              -ms-flex-pack: center;
              -webkit-align-items: center;
              -moz-align-items: center;
              -ms-align-items: center;
              -ms-flex-align: center;
              align-items: center;
              text-align: center; }
              .head2head-table-holder > table > tbody > tr td table tr td .player-stats .percentage {
                font-family: Roboto;
                font-weight: bold;
                font-size: 36px;
                line-height: 42px;
                color: #263238;
                margin: 15px 0 50px 0; }
                .head2head-table-holder > table > tbody > tr td table tr td .player-stats .percentage.win {
                  color: #7db342; }
              .head2head-table-holder > table > tbody > tr td table tr td .player-stats .player-image-holder {
                max-height: 110px; }
              .head2head-table-holder > table > tbody > tr td table tr td .player-stats .player-image {
                width: 80px;
                height: 80px;
                border-radius: 50%;
                margin: 0 0 30px 0; }
                .head2head-table-holder > table > tbody > tr td table tr td .player-stats .player-image.icon {
                  font-size: 69px;
                  border: 1px solid #778899; }
              .head2head-table-holder > table > tbody > tr td table tr td .player-stats .player-name {
                font-family: Roboto;
                font-size: 24px;
                line-height: 28px;
                margin: 0 0 15px 0;
                max-width: 200px;
                text-decoration: none;
                color: #263238; }
              .head2head-table-holder > table > tbody > tr td table tr td .player-stats .game-streak {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-flex-direction: row;
                -moz-flex-direction: row;
                -ms-flex-direction: row;
                flex-direction: row;
                padding-bottom: 30px; }
                .head2head-table-holder > table > tbody > tr td table tr td .player-stats .game-streak > span {
                  color: #FFFFFF;
                  width: 24px;
                  height: 24px;
                  margin: 0 2px;
                  font-size: 14px;
                  line-height: 24px;
                  border-radius: 50%;
                  text-align: center; }
                .head2head-table-holder > table > tbody > tr td table tr td .player-stats .game-streak__win {
                  background: #7DB342; }
                .head2head-table-holder > table > tbody > tr td table tr td .player-stats .game-streak__lose {
                  background: #FF0C3E; }
          .head2head-table-holder > table > tbody > tr td table tr.player-stats-row > td {
            width: 33.33%; }
            .head2head-table-holder > table > tbody > tr td table tr.player-stats-row > td:first-child, .head2head-table-holder > table > tbody > tr td table tr.player-stats-row > td:last-child {
              vertical-align: top; }
          @media only screen and (max-width: 599px) {
            .head2head-table-holder > table > tbody > tr td table tr.player-stats-row > td {
              width: 50%; }
              .head2head-table-holder > table > tbody > tr td table tr.player-stats-row > td:first-child .player-stats {
                padding-right: 10px; }
              .head2head-table-holder > table > tbody > tr td table tr.player-stats-row > td:last-child .player-stats {
                padding-left: 10px; }
            .head2head-table-holder > table > tbody > tr td table tr.player-stats-row .players-compare {
              display: none; } }
  .head2head-table-holder .info-icon {
    color: #7DB342;
    font-size: 20px;
    vertical-align: top;
    cursor: pointer; }
  .head2head-table-holder .tns-nav {
    padding: 0;
    width: 120px;
    text-align: center; }
    .head2head-table-holder .tns-nav button {
      width: 12px;
      height: 12px;
      background: #C4C4C4;
      border-radius: 50%;
      border: none;
      margin: 0 2px;
      position: relative;
      vertical-align: middle;
      padding: 0; }
      .head2head-table-holder .tns-nav button.tns-nav-active:after {
        content: "";
        display: block;
        width: 6px;
        height: 6px;
        background: #000;
        position: absolute;
        top: 3px;
        left: 3px;
        border-radius: 50%; }

.players-compare {
  text-align: center; }
  .players-compare .progress-circle {
    position: relative;
    display: inline-block;
    margin: 1rem;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: #263238;
    width: 200px;
    height: 200px; }
    .players-compare .progress-circle:after {
      content: '';
      display: inline-block;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      -webkit-animation: colorload 2s;
      animation: colorload 2s; }
    .players-compare .progress-circle span {
      font-size: 1.5rem;
      color: #8b8b8b;
      position: absolute;
      left: 50%;
      top: 50%;
      display: block;
      width: 60px;
      height: 60px;
      line-height: 60px;
      margin-left: -30px;
      margin-top: -30px;
      text-align: center;
      border-radius: 50%;
      background: #fff;
      z-index: 1; }
    .players-compare .progress-circle span:after {
      content: "%";
      font-weight: 600;
      color: #8b8b8b; }
    .players-compare .progress-circle.progress-0:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(90deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-1:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(93.6deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-2:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(97.2deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-3:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(100.8deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-4:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(104.4deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-5:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(108deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-6:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(111.6deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-7:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(115.2deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-8:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(118.8deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-9:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(122.4deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-10:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(126deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-11:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(129.6deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-12:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(133.2deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-13:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(136.8deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-14:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(140.4deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-15:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(129.6deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-16:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(133.2deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-17:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(136.8deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-18:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(140.4deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-19:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(144deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-20:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(151.2deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-21:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(158.6deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-22:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(161.2deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-23:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(165.6deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-24:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(169.2deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-25:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(180deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-26:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(183.6deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-27:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(187.2deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-28:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(190.8deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-29:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(194.4deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-30:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(198deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-31:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(201.6deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-32:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(205.2deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-33:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(208.8deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-34:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(212.4deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-35:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(216deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-40:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(234deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-36:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(219.6deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-37:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(223.2deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-38:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(226.8deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-39:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(230.4deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-41:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(237.6deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-42:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(241.2deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-43:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(244.8deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-44:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(248.4deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-45:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(252deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-46:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(255.6deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-47:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(259.2deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-48:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(262.8deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-49:after {
      background-image: linear-gradient(90deg, #263238 50%, transparent 50%, transparent), linear-gradient(266.4deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-50:after {
      background-image: linear-gradient(-90deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-51:after {
      background-image: linear-gradient(-86.4deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-52:after {
      background-image: linear-gradient(-82.6deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-53:after {
      background-image: linear-gradient(-79.2deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-54:after {
      background-image: linear-gradient(-75.6deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-55:after {
      background-image: linear-gradient(-72deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-56:after {
      background-image: linear-gradient(-68.4deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-57:after {
      background-image: linear-gradient(-64.8deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-58:after {
      background-image: linear-gradient(-61.2deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-59:after {
      background-image: linear-gradient(-57.6deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-60:after {
      background-image: linear-gradient(-54deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-61:after {
      background-image: linear-gradient(-50.4deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-62:after {
      background-image: linear-gradient(-46.8deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-63:after {
      background-image: linear-gradient(-43.2deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-64:after {
      background-image: linear-gradient(-39.6deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-65:after {
      background-image: linear-gradient(-36deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-66:after {
      background-image: linear-gradient(-32.4deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-67:after {
      background-image: linear-gradient(-28.8deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-68:after {
      background-image: linear-gradient(-25.2deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-69:after {
      background-image: linear-gradient(-21.6deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-70:after {
      background-image: linear-gradient(-18deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-71:after {
      background-image: linear-gradient(-14.4deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-72:after {
      background-image: linear-gradient(-10.8deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-73:after {
      background-image: linear-gradient(-7.2deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-74:after {
      background-image: linear-gradient(-3.6deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-75:after {
      background-image: linear-gradient(0deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-76:after {
      background-image: linear-gradient(3.6deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-77:after {
      background-image: linear-gradient(7.2deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-78:after {
      background-image: linear-gradient(10.8deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-79:after {
      background-image: linear-gradient(14.4deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-80:after {
      background-image: linear-gradient(18deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-81:after {
      background-image: linear-gradient(21.6deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-82:after {
      background-image: linear-gradient(25.2deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-83:after {
      background-image: linear-gradient(28.8deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-84:after {
      background-image: linear-gradient(32.4deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-85:after {
      background-image: linear-gradient(36deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-86:after {
      background-image: linear-gradient(39.2deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-87:after {
      background-image: linear-gradient(43.2deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-88:after {
      background-image: linear-gradient(46.8deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-89:after {
      background-image: linear-gradient(50.4deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-90:after {
      background-image: linear-gradient(54deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-91:after {
      background-image: linear-gradient(57.6deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-92:after {
      background-image: linear-gradient(61.2deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-93:after {
      background-image: linear-gradient(64.8deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-94:after {
      background-image: linear-gradient(68.4deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-95:after {
      background-image: linear-gradient(72deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-96:after {
      background-image: linear-gradient(75.6deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-97:after {
      background-image: linear-gradient(79.2deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-98:after {
      background-image: linear-gradient(82.8deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-99:after {
      background-image: linear-gradient(86.4deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }
    .players-compare .progress-circle.progress-100:after {
      background-image: linear-gradient(90deg, #7DB342 50%, transparent 50%, transparent), linear-gradient(270deg, #7DB342 50%, #263238 50%, #263238); }

@-webkit-keyframes colorload {
  0% {
    opacity: 0;
    transform: rotate(0deg); }
  100% {
    opacity: 1;
    transform: rotate(360deg); } }
    .players-compare .progress-circle.winner-p1 {
      -moz-transform: scale(-1, 1);
      -webkit-transform: scale(-1, 1);
      -o-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
      transform: scale(-1, 1); }
      .players-compare .progress-circle.winner-p1 img {
        -moz-transform: scale(-1, 1);
        -webkit-transform: scale(-1, 1);
        -o-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
        transform: scale(-1, 1); }
    .players-compare .progress-circle span {
      width: 170px;
      height: 170px;
      margin-left: -85px;
      margin-top: -85px; }
      .players-compare .progress-circle span:after {
        content: ""; }
      .players-compare .progress-circle span img {
        position: relative;
        top: 30px; }

.players-tournament-holder .results_list .one_result .res_body .results_score_holder > span {
  padding-right: 5px; }
  .players-tournament-holder .results_list .one_result .res_body .results_score_holder > span sup {
    position: relative;
    right: 3px; }

.players-tournament-holder .results_list .one_result .res_footer > span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

@media only screen and (max-width: 599px) {
  .players-tournament-holder .results_list .hide-mobile {
    display: none; } }

@media only screen and (min-width: 599px) {
  .players-tournament-holder .results_list .hide-desktop {
    display: none; } }

@media only screen and (max-width: 959px) {
  .player1-search-holder {
    padding-right: 30px; }
  .versus-holder {
    margin-top: 15px; } }

@media only screen and (max-width: 599px) {
  .head2head-table-holder {
    margin: 0 -17px 55px -17px; }
    .head2head-table-holder > table > tbody > tr:nth-child(even) td:first-child {
      padding: 15px 20px 15px 10px; }
    .head2head-table-holder > table > tbody > tr:nth-child(even) td:last-child {
      padding: 15px 10px 15px 20px; }
    .head2head-table-holder > table > tbody > tr:nth-child(even) td:only-child {
      padding: 15px 10px 15px 10px; }
  .players-compare {
    width: 0; }
    .players-compare * {
      display: none !important; }
  .percentage {
    margin: 5px 0 30px 0; }
  .player-name {
    font-size: 18px !important;
    line-height: 28px !important;
    max-width: 100% !important; } }