html, body {
  font-family: Montserrat, Verdana, serif;
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  color: #000000;
  background-color: #fafafa;
}

a {
  color: #000;
  text-decoration: underline;
}

a:hover {
  color: #000;
}

a .fa {
  color: #60636c;
}

a .fa:hover {
  color: #60636c;
}

a:active, a:focus {
  outline: 0;
  border: none;
  -moz-outline-style: none;
}

header p {
  margin: 0px;
  font-size: 24px;
}

header .container {
  max-width: 100%;
}

header li.nav-item a.nav-link {
  font-family: Montserrat, Verdana;
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  color: #000000 !important;
  opacity: 0.64;
}

header .navbar-menu {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14);
  padding: 0px 100px;
}

header .navbar-menu nav {
  padding: 0 1rem;
}

header .navbar-menu li.nav-item a.nav-link {
  text-transform: uppercase;
  padding: 15px;
  font-weight: 500;
}

.section {
  margin-top: 30px;
  margin-bottom: 30px;
}

.section .container {
  max-width: 100%;
}

.section .content-column {
  background-color: #fff;
  border-radius: 4px;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14);
  margin-bottom: 20px;
}

.section .content-paragraph {
  padding: 10px 30px;
}

.section .table-paragraph {
  display: table;
  padding: 5px 20px;
}

.section .table-paragraph > div {
  display: table-row;
}

.section .table-paragraph > div > div {
  display: table-cell;
  font-weight: bold;
  border-bottom: solid 1px #e7e7ea;
  padding-bottom: 5px;
  padding-top: 5px;
  text-transform: uppercase;
}

.section .table-paragraph > div > div:last-child {
  text-align: right;
  padding-right: 5px;
}

.section .table-paragraph > div > div:first-child {
  padding-left: 5px;
}

.section .table-paragraph > div > div.team-name-col {
  padding: 0px 10px;
}

.section .table-paragraph > div:last-child > div {
  border-bottom: 0px;
}

.section .table-paragraph.results-table > div:last-child > div {
  border-bottom: solid 1px #e7e7ea;
}

.section .more-block {
  padding: 20px 0px;
  text-align: center;
  font-weight: 600;
  color: #777a84;
}

.section .more-block a {
  color: #777a84;
}

.section .more-block:after {
  content: '▼';
  font-size: 10px;
  vertical-align: middle;
  line-height: 0px;
  padding-left: 5px;
}

.section .bottom-brands {
  border-radius: 10px;
  background-color: #fff;
  padding: 10px 2rem;
  box-shadow: 0 2px 4px 0
  rgba(0, 0, 0, 0.14);
}

.bottom-brands .title-header {
  font-weight: 800;
  color: #000;
  padding: 10px 20px;
  text-transform: uppercase;
  font-size: 18px;
  text-align: center;
}

.bottom-brands .brand-logos img {
  max-width: 200px;
  max-height: 120px;
  padding: 10px 20px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.75;
  transition: all 1s;

  /*width: 100%;*/
}


.bottom-brands .brand-logos img:hover {
  -webkit-filter: none;
  filter: none;
  opacity: 1.0;
}

.bottom-brands .brand-logos a:last-child img {
  border-right: 0px;
}

.bottom-brands .brand-logos {
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
}

.bottom-brands {
  margin-top: 15px;
  margin-bottom: 15px;
}

footer {
  max-width: 100%;
}

footer .container {
  max-width: 100%;
}

footer .item p {
  margin-bottom: 0px;
}

.section .carousel-container {
  margin: 0px 0px 30px 0px;
  background-color: #d0d0d0;
  border-radius: 5px;
  box-shadow: 0 2px 4px 0
  rgba(0, 0, 0, 0.14);
  padding: 0px;
}

.section .carousel-container .carousel-item img {
  position: absolute;
  max-height: 500px;
  min-width: auto;
  margin: auto;
  width: auto !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.section .carousel-container .carousel-item .carousel-caption {
  right: 0;
  left: 0;
  bottom: 0;
  background-color: black;
  opacity: 0.75;
  padding: 20px;
  z-index: 1;
}

.carousel-caption .item-title {
  font-size: 24px;
  font-weight: 800;
  color: #ffffff;
  text-transform: uppercase;
  text-align: left;
  padding-bottom: 15px;
}

.carousel-caption p {
  opacity: 0.68;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
}

.carousel-control-prev:hover, .carousel-control-next:hover {
  background-color: black;
  opacity: 0.5;
}

.news-item-row {
  padding: 20px 0;
}

.news-item-row .image-col img {
  min-width: 100px;
  max-width: 300px;
}

.publish-date {
  opacity: 0.64;
  font-size: 12px;
}

.news-item-row .title {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px 0 0 0;
}

.news-item-row .text {
  opacity: 0.64;
  font-size: 14px;
  font-weight: 500;
  padding: 20px 0;
}

.news-item-row .text p {
  margin: 0px !important;
  text-align: justify;
}

.news-item-row .read-more {
  font-size: 14px;
  font-weight: 500;
  opacity: 0.64;
}

.news-item-row .read-more .fa-camera {
  font-size: 16px;
  padding-right: 10px;
  opacity: 0.64;
}

.news-item-row .read-more .fa-video-camera {
  font-size: 16px;
  padding-right: 10px;
  opacity: 0.64;
}

@media (min-width: 576px) {
  .px-sm-6 {
    padding-right: 6rem !important;
    padding-left: 6rem !important;
  }
}

@media (min-width: 768px) {
  .px-md-6 {
    padding-right: 8rem !important;
    padding-left: 8rem !important;
  }
}

@media (min-width: 992px) {
  .px-lg-6 {
    padding-right: 10rem !important;
    padding-left: 10rem !important;
  }
}

@media (min-width: 1200px) {
  .px-xl-6 {
    padding-right: 20rem !important;
    padding-left: 20rem !important;
  }
}

.section .table-paragraph.results-table > div > div {
  text-transform: none;
  padding-left: 5px;
  padding-right: 5px;
}

.results-table .clear {
  background-color: #eeeeee;
  min-width: 15px;
}

.results-table div {
  text-align: center;
  line-height: 35px;
}

.results-table div.team {
  max-width: none;
  text-align: left;
  width: 20%;
  line-height: 25px;
}

.section .table-paragraph.results-table > div > div:last-child {
  text-align: center;
}

.section .table-paragraph.results-table > div.header-row > div {
  font-weight: bold;
}

.section .table-paragraph.results-table > div > div {
  font-weight: 500;
  font-size: 14px;
  vertical-align: middle;
}

.section .table-paragraph.results-table > div > div:first-child {
  border-bottom: none;
  font-weight: bold;
  padding-right: 10px;
}

.results-table .to-be-played, .team-match-table .to-be-played {
  color: #888;
  text-decoration: none;
}

.results-table .win a, .team-match-table .win {
  color: #88c21e;
  text-decoration: none;
}

.results-table .loss a, .team-match-table .loss {
  color: #dc4c4c;
  text-decoration: none;
}

.results-table .draw a, .team-match-table .draw {
  color: #000;
  text-decoration: none;
}

.results-table span.win, .results-table span.draw, .results-table span.loss, .results-table span.to-be-played {
  display: block;
  line-height: 25px;
}

.section .heading {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  text-align: center;
  padding: 20px 0;
}

.section .stats-paragraph .table-paragraph div div {
  font-weight: 600;
}

.section .stats-paragraph .image-col {
  text-align: center;
}

.section .stats-paragraph .cards {
  vertical-align: middle;
}

.section .stats-paragraph .dsq-table .cards {
  display: table-cell;
  padding: 5px 0;
  text-align: right;
}

.section .stats-paragraph .fairplay-table .cards span,
.section .team-stats-paragraph .team-stats-table .cards span,
.section .stats-paragraph .dsq-table .cards span {
  border-radius: 2px;
  padding: 6px 3px;
  margin: 0px 3px;
  display: inline-block;
  text-align: center;
  min-width: 23px;
  border: solid 1px black;
}

.section .stats-paragraph .dsq-table .dsq-block {
  display: table !important;
  width: 100%;
}

.dsq-block .dsq-item {
  display: table-row;
  text-align: left;
}

.section .stats-paragraph .fairplay-table .cards .yellow,
.section .team-stats-paragraph .team-stats-table .cards .yellow,
.section .stats-paragraph .dsq-table .cards .yellow {
  background-color: #f3e050;
}

.section .stats-paragraph .fairplay-table .cards .red,
.section .team-stats-paragraph .team-stats-table .cards .red,
.section .stats-paragraph .dsq-table .cards .red {
  background-color: #d44e64;
  color: #fff;
}

.section .stats-paragraph .dsq-table .dsq-opponent {
  font-weight: normal;
  color: #777a84;
  display: table-cell;
  vertical-align: middle
}

.section .stats-paragraph .dsq-table .dsq-opponent .dsq-miss-games {
  font-weight: normal
}

.stats-paragraph .table-paragraph div div {
  text-transform: none;
}

.section .document-table, .section .history-table {
  font-size: 18px;
  font-weight: 500;
}

.section .table-paragraph.document-table > div > div.download-icon {
  color: #60636c;
  text-align: right;
  font-size: 30px;
  cursor: pointer;
  -webkit-text-stroke: 2px white;
}

.section .table-paragraph.document-table > div > div, .section .table-paragraph.history-table > div > div {
  font-weight: 500;
  font-size: 18px;
  text-transform: none;
  padding: 20px 10px;
  vertical-align: middle;
}

.history-table .tournament-logo img {
  max-width: 100px;
  max-height: 100px;
}

.section .table-paragraph.history-table > div > div:last-child {
  text-align: left;
}

.history-table .tournament-title {
  font-size: 18px;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
}

.history-table .tournament-description {
  font-size: 16px;
  font-weight: 500;
  opacity: 0.64;
  padding-top: 10px;
  padding-bottom: 10px;
}

.section .table-paragraph.calendar-table > div:first-child > div {
  font-weight: bold;
  border-bottom: 0px;
}

.section .table-paragraph.calendar-table > div > div {
  font-weight: normal;
  line-height: 35px;
  text-align: center;
}

.table-paragraph.calendar-table > div > div {
  text-transform: none;
}

.calendar-table .calendar-icon {
  font-size: 14px;
  font-weight: 500;
  color: #60636c;
}

.calendar-table .calendar-icon a {
  color: #60636c;
  text-decoration: none;
}

.calendar-table .calendar-icon .fa, .calendar-table .calendar-icon .svg-inline--fa {
  padding: 0px 5px;
}

.gallery-table {
  display: table;
}

.gallery-table > .row {
  /*display: table-row;*/
}

.gallery-table > .row > .col {
  display: table-cell;
}

.gallery-table .date {
  font-size: 14px;
  color: #8d909b;
  padding-top: 10px;
  padding-bottom: 10px;
}

.gallery-table .image img {
  max-height: 200px;
  max-width: 100%;
  opacity: 0.75;
  transition: all 1s;
}

.gallery-table .image img:hover {
  max-height: 200px;
  max-width: 100%;
  opacity: 1.0;
}

.gallery-table .title {
  font-size: 16px;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
  text-transform: uppercase;
}

@media (max-width:368px) {
  .gallery-table > .row {
    display: table;
    width: 100%;
  }
}

@media (max-width:368px) {
  .gallery-table > .row > .col {
    display: table-row;
  }
}

.carousel-heightened {
  height: 500px;
}

.news-image {
  float: left;
  padding: 0 10px 10px 0;
}


/* GALLERY */
.image-wrap {
  position: relative;
  display: inline-block;
  border: solid 1px #e7e7ea;
}

.play-button {
  position: absolute;
  width: 60px;
  height: 60px;
  background-color: rgba(0,0,0,0.55);
  border-radius: 100%;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -30px;
  cursor: pointer;
}

.play-button:after {
  content: '';
  display: block;
  position: absolute;
  left: 22px;
  top: 10px;
  border-width: 20px;
  border-style: solid;
  border-color: transparent transparent transparent white;
}

.play-button:hover {
  background-color: rgba(0,0,0,0.75);
}

.right-result-box {
  padding-left: 10px;
  white-space:nowrap;
}

.gallery-item {
  max-width: 33%;
}

.team-photo img {
  width: 300px;
  max-height: 200px;
}

.player-photo img {
  width: 200px;
  max-height: 200px;
}

/* TEAM */
.team-stats-logo {
  padding-right: 10px;
  max-width: 100px;
  /*max-height: 120px;*/
  width: 100%;
}

.col.table-paragraph.team-stats-table {
  text-align: center;
}

.team-stat-player-row > div > span {
  text-transform: none;
  font-weight: normal;
}

.team-stats-title {
  vertical-align: middle;
  word-wrap: break-word;
  font-size: 18px;
}

@media screen and (max-width: 600px) {
  .team-stats-title {
    font-size: 11px;
  }
}

.no-decor-href {
  text-decoration: none;
}

.team-score-events .match-table-line {
  border-bottom: solid 1px #e7e7ea;
  line-height: 35px;
}

.team-score-events .match-table-line:last-child {
  border-bottom: 0px;
}

.stat-player-team, .no-font-weight {
  font-weight: normal;
}

.no-text-decoration {
  text-decoration: none !important;
  font-weight: normal !important;
  text-transform: none !important;
}

.pseudo-bullet {
  padding-left: 5px;
  padding-right: 5px;
}

/* PAGINATION */
.pagination {
  display: block;
  font-weight: 500;
  color: #000;
  padding: 14px;
  font-size: 18px;
  text-align: center;
}

.pagination a.active, .pagination span.active {
  color: #ac2024;
}

.pagination a, .pagination span {
  padding: 0 5px;
  text-decoration: none;
}

.pagination a:hover {
  text-decoration: underline;
}

.top-scorers-load-more-block, .top-scorer-teams-load-more-block, .top-carded-teams-load-more-block {
  width: 100%;
}

.spinner-icon {
  display: none;
  text-align: center;
  width: 100%;
}

.spinner-icon i {
  font-size:24px;
  color: #777a84;
}

/* team tooltip */
#team-info, .player-info-box {
  cursor: pointer;
  opacity: 0.5;
}

.player-popover-container {
  vertical-align: top;
}

.player-popover-container .player-photo {
  float: left;
  padding-right: .5rem;
  padding-bottom: .5rem;
}

.player-popover-container .player-info, .tournament-info {
  white-space: pre-line;
}

.kitContainer {
  margin: auto;
  float: right;
  padding-left: 10px;
}

.popover {
  max-width: 450px;
}

a.tooltip-url {
  text-decoration: underline;
}

a.tooltip-url:hover {
  text-decoration: none;
}

.birthday-icon {
  font-size: 28px;
  color: #b92f2f;
  margin-right: 5px;
}

.iframe-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border:none;
  overflow:hidden
}

.latest-video-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.side-block .title-heading.collapsed-side-block {
  opacity: 0.3;
}

.side-block .title-heading {
  cursor: pointer;
}

.side-block .title-heading .title {
  float: left;
}

.side-block .title-heading .open-handle, .title-heading .close-handle {
  float: right;
}

.side-block .title-heading .open-handle {
  display: none;
}

.side-block .title-heading .close-handle {
  display: block;
}

.side-block .title-heading.collapsed-side-block .open-handle {
  display: block;
}

.side-block .title-heading.collapsed-side-block .close-handle {
  display: none;
}

.side-block .collapsable-paragraph.collapsed-side-block {
  display: none;
}

.side-block .collapsable-paragraph:last-child {
  padding-bottom: 20px;
}

/* groups */
.standings-group-title {
  padding: 10px 30px;
}

.standings-group-title span {
  border-bottom: solid 3px #8d1d2f;
  padding: 5px 20px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  color: #000;
}

.pills-row {
  padding-top: 10px;
}

.pills-row .nav-pills .nav-link {
  text-decoration: none;
  border-bottom: solid 3px transparent;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
  padding: .5rem .5rem;
}

.pills-row .nav-pills .nav-link.active {
  font-weight: 600;
}

#table-group-switcher {
  margin: 10px 0;
}

.stage-tab-pane {
  padding: 10px 0 0 30px;
}

.tabbable .nav-item.nav-link.active {
  text-decoration: none;
  color: #47425d;
  border-bottom: solid 3px #47425d;
  background-color: #f7f7f7;
}

.results-table div.line-spacing-sm {
  line-height: 25px;
}