@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700");
@import url("https://fonts.googleapis.com/css?family=Sintony:400,700");
@import url("https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:400,700");
* {
  margin: 0 auto;
  padding: 0;
  outline: none;
  line-height: 1.1;
}
*:hover, *:focus {
  outline: none;
}

body {
  background-color: #1d1d1b;
  font-family: "Sintony", sans-serif;
  font-size: 10px;
  color: #1d1d1b;
  max-width: 100vw;
  min-width: 100%;
}
body.body-fixed {
  position: fixed;
  overflow: hidden;
}
body.nav-mobile-is-open {
  overflow: hidden;
}
body a:focus, body a:active, body a:hover {
  outline: none;
  text-decoration: none;
}
body ul {
  margin: 0;
  padding: 0;
}
body ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}
body .uppercase {
  text-transform: uppercase;
}
body .text-align-center {
  text-align: center;
}
body .text-align-left {
  text-align: left;
}
body .text-align-right {
  text-align: right;
}
body .form-control:focus {
  border-color: #ccc;
  box-shadow: none;
}

.content {
  width: 100%;
  background-color: #ffffff;
  max-width: 100%;
}

.content-gabarit {
  width: 100%;
  max-width: 1800px;
  margin: 0 auto;
  background-color: #ffffff;
}
.content-gabarit:before, .content-gabarit:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (min-width: 1024px) {
  .content-gabarit {
    padding: 0 30px;
  }
}

.page.default-page .content-gabarit,
.page.all-news .content-gabarit,
.page.news-page .content-gabarit {
  max-width: 1200px;
}

table {
  width: 100%;
}
table td.desktop-only, table th.desktop-only {
  display: none;
}
@media only screen and (min-width: 768px) {
  table td.desktop-only, table th.desktop-only {
    display: table-cell;
  }
}

.mobile-only {
  display: block;
}
@media only screen and (min-width: 768px) {
  .mobile-only {
    display: none;
  }
}

.desktop-only {
  display: none;
}
@media only screen and (min-width: 768px) {
  .desktop-only {
    display: block;
  }
}

/* ADVERTISMENT TOP PAGE */
.adv-popup {
  background-color: #ffffff;
  position: relative;
  top: 0;
  width: 100%;
  padding: 60px 0 60px 0;
  z-index: 1000;
  overflow: hidden;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.adv-popup.closed {
  max-height: 0;
  padding: 0;
}

.adv-popup_close {
  display: block;
  margin: 0 auto 60px auto;
  text-align: center;
  cursor: pointer;
}

.adv-popup_content {
  width: 100%;
  max-width: 1280px;
  margin: auto;
}
.adv-popup_content.mobile {
  display: block;
}
@media only screen and (min-width: 480px) {
  .adv-popup_content.mobile {
    display: none;
  }
}
.adv-popup_content.desktop {
  display: none;
}
@media only screen and (min-width: 480px) {
  .adv-popup_content.desktop {
    display: block;
  }
}

.adv-popup_content a {
  display: block;
}

.adv-popup_content img {
  display: block;
  margin: auto;
  max-width: 100%;
  width: auto;
  height: auto;
}

/* MODAL IMPORTANT MESSAGE */
.modal-important-message .modal-dialog {
  margin: 100px auto 30px;
}
.modal-important-message .modal-content {
  border: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.modal-important-message .modal-header {
  background-color: transparent;
  border-bottom: none;
}
.modal-important-message .modal-header h3 {
  font-size: 1.6em;
  color: #1072cc;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  margin: 30px 0 0 0;
}
.modal-important-message .modal-body p {
  color: #1d1d1b;
  font-size: 1.4em;
  line-height: 1.4em;
  text-align: center;
}
.modal-important-message .modal-body form p {
  text-align: left;
}
.modal-important-message .modal-footer {
  border-top: none;
  text-align: center;
}
.modal-important-message .wrapper-logo {
  /*position: absolute;
  z-index: 1;
  left: 50%;
  top: -35px;
  @include translateX(-50%);*/
  text-align: center;
  border-bottom: 1px solid #ececec;
  padding-bottom: 30px;
}
.modal-important-message .wrapper-logo img {
  height: 70px;
  width: auto;
}

/* OLD LINK */
.wrapper-old-link-select-team {
  background-color: #1072cc;
  padding: 5px 15px;
  min-height: 16px;
}
@media only screen and (min-width: 1024px) {
  .wrapper-old-link-select-team {
    padding: 0 0 0 15px;
  }
  .wrapper-old-link-select-team.not-empty {
    height: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .wrapper-old-link-select-team .old-link,
  .wrapper-old-link-select-team .wrapper-site-select {
    display: inline-block;
    vertical-align: middle;
  }
}
@media only screen and (min-width: 1024px) {
  .wrapper-old-link-select-team .old-link {
    margin-top: 0;
    width: 200px;
    padding-top: 14px;
  }
}
.wrapper-old-link-select-team .old-link a {
  color: #ffffff;
  display: block;
  text-transform: uppercase;
  font-size: 1em;
  text-align: center;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media only screen and (min-width: 768px) {
  .wrapper-old-link-select-team .old-link a {
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 1024px) {
  .wrapper-old-link-select-team .old-link a {
    font-size: 1em;
    text-align: left;
  }
}
.wrapper-old-link-select-team .old-link a:hover, .wrapper-old-link-select-team .old-link a:focus {
  color: #a9a9a9;
}
.wrapper-old-link-select-team .wrapper-site-select {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .wrapper-old-link-select-team .wrapper-site-select {
    position: relative;
    max-width: calc(100% - 225px);
    display: inline-block;
    vertical-align: middle;
    float: right;
    background-color: #ffffff;
    min-width: 310px;
  }
}
.wrapper-old-link-select-team .wrapper-site-select .inner-site-select {
  display: block;
}
.wrapper-old-link-select-team .wrapper-site-select p.actual-site {
  display: none;
}
.wrapper-old-link-select-team .wrapper-site-select .name {
  display: none;
}
.wrapper-old-link-select-team .wrapper-site-select .logo {
  display: block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.wrapper-old-link-select-team .wrapper-site-select .icon {
  display: none;
}
.wrapper-old-link-select-team .wrapper-site-select.design-style-select .inner-site-select {
  padding: 5px 40px 5px 15px;
  cursor: pointer;
}
.wrapper-old-link-select-team .wrapper-site-select.design-style-select p {
  display: block;
  margin-bottom: 0;
  font-size: 1.2em;
  color: #a9a9a9;
}
.wrapper-old-link-select-team .wrapper-site-select.design-style-select ul {
  display: none;
  background-color: #ffffff;
}
.wrapper-old-link-select-team .wrapper-site-select.design-style-select ul li {
  color: #1d1d1b;
}
.wrapper-old-link-select-team .wrapper-site-select.design-style-select .name,
.wrapper-old-link-select-team .wrapper-site-select.design-style-select .logo {
  display: inline-block;
  vertical-align: middle;
}
.wrapper-old-link-select-team .wrapper-site-select.design-style-select .name {
  width: calc(100% - 40px);
}
.wrapper-old-link-select-team .wrapper-site-select.design-style-select .logo {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.wrapper-old-link-select-team .wrapper-site-select.design-style-select .icon {
  display: inline-block;
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -8px;
}
.wrapper-old-link-select-team .wrapper-site-select.design-style-select .inner-site-select.open-select-site ul {
  display: block;
  max-height: 370px;
  overflow: auto;
  position: absolute;
  width: 100%;
  top: 100%;
  z-index: 9999;
  right: 0;
  border: 1px solid #e1e6ea;
  text-align: left;
}
.wrapper-old-link-select-team .wrapper-site-select.design-style-select .inner-site-select.open-select-site ul li {
  display: block;
  margin: 0;
}
.wrapper-old-link-select-team .wrapper-site-select.design-style-select .inner-site-select.open-select-site ul li a {
  display: block;
  border-top: 1px solid #e1e6ea;
  color: #1d1d1b;
  font-size: 1.1em;
  padding: 13px 20px;
  width: auto;
  height: auto;
  margin: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  filter: none;
}
.wrapper-old-link-select-team .wrapper-site-select.design-style-select .inner-site-select.open-select-site ul li a:hover, .wrapper-old-link-select-team .wrapper-site-select.design-style-select .inner-site-select.open-select-site ul li a:focus {
  color: #ffffff;
  background-color: #1072cc;
}
.wrapper-old-link-select-team .wrapper-site-select.design-style-select .inner-site-select.open-select-site .icon {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-top: -12px;
}

/* NEW GAMEBOARD */
.btn-gameboard-wrapper {
  padding: 25px 10px;
  text-align: center;
  background-color: #1d1d1b;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .btn-gameboard-wrapper {
    display: none;
  }
}
.btn-gameboard-wrapper .toggle-gameboard {
  display: inline-block;
  padding: 11px 10px 9px 15px;
  position: relative;
  z-index: 1;
  border: 1px solid #e1e6ea;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-gameboard-wrapper .toggle-gameboard:hover, .btn-gameboard-wrapper .toggle-gameboard:focus {
  border: 1px solid #1072cc;
}
.btn-gameboard-wrapper .toggle-gameboard:hover .text, .btn-gameboard-wrapper .toggle-gameboard:focus .text {
  color: #1072cc;
}
.btn-gameboard-wrapper .toggle-gameboard .text,
.btn-gameboard-wrapper .toggle-gameboard .icon {
  display: inline-block;
  vertical-align: middle;
}
.btn-gameboard-wrapper .toggle-gameboard .text {
  color: #ffffff;
  font-size: 1.4em;
  font-weight: 700;
  margin: -3px 20px 0 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-gameboard-wrapper .toggle-gameboard polygon {
  fill: #1072cc;
}
.btn-gameboard-wrapper.gameboard-style-white {
  background-color: #ffffff;
  border-bottom: 1px solid #e1e6ea;
}
.btn-gameboard-wrapper.gameboard-style-white .toggle-gameboard {
  border: 1px solid #e1e6ea;
}
.btn-gameboard-wrapper.gameboard-style-white .toggle-gameboard .text {
  color: #1d1d1b;
}

.close-gameboard-wrapper {
  position: absolute;
  display: inline-block;
  top: 5px;
  right: 10px;
  padding: 10px;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .close-gameboard-wrapper {
    display: none;
  }
}
.close-gameboard-wrapper.gameboard-style-white path {
  fill: #1d1d1b;
}

body.body-gameboard-open {
  position: fixed;
}
body.body-gameboard-open #gameboard {
  left: 0;
}

#gameboard,
#sideBarGameBoardMobile,
#sideBarGameBoard {
  width: 100%;
  padding: 0;
}
#gameboard .wrapper-loader,
#sideBarGameBoardMobile .wrapper-loader,
#sideBarGameBoard .wrapper-loader {
  background-color: transparent !important;
}
#gameboard .date,
#sideBarGameBoardMobile .date,
#sideBarGameBoard .date {
  background-color: #1d1d1b;
  font-size: 1.2em;
  padding: 6px 10px 5px;
  color: #ffffff;
  margin: 0;
}
#gameboard .date .date-month,
#sideBarGameBoardMobile .date .date-month,
#sideBarGameBoard .date .date-month {
  text-transform: uppercase;
}
#gameboard .match,
#sideBarGameBoardMobile .match,
#sideBarGameBoard .match {
  display: block;
  background-color: #ffffff;
  position: relative;
  height: 108px;
}
#gameboard .match.ended,
#sideBarGameBoardMobile .match.ended,
#sideBarGameBoard .match.ended {
  border-top: 4px solid #d80c15;
}
#gameboard .match.cancelled,
#sideBarGameBoardMobile .match.cancelled,
#sideBarGameBoard .match.cancelled {
  border-top: 4px solid #e69c2c;
}
#gameboard .match.in-progress,
#sideBarGameBoardMobile .match.in-progress,
#sideBarGameBoard .match.in-progress {
  border-top: 4px solid #149814;
}
#gameboard .match .game-status,
#sideBarGameBoardMobile .match .game-status,
#sideBarGameBoard .match .game-status {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 170px);
  text-align: center;
}
#gameboard .match .match-time,
#sideBarGameBoardMobile .match .match-time,
#sideBarGameBoard .match .match-time {
  text-transform: uppercase;
  color: #1d1d1b;
  font-size: 10px;
  font-weight: 700;
  margin: 0;
}
#gameboard .match .match-time span,
#sideBarGameBoardMobile .match .match-time span,
#sideBarGameBoard .match .match-time span {
  display: block;
}
#gameboard .match .match-time span:first-child,
#sideBarGameBoardMobile .match .match-time span:first-child,
#sideBarGameBoard .match .match-time span:first-child {
  margin-bottom: 3px;
}
#gameboard .match .match-time span:last-child,
#sideBarGameBoardMobile .match .match-time span:last-child,
#sideBarGameBoard .match .match-time span:last-child {
  font-size: 1.2em;
}
#gameboard .match .team-match img,
#sideBarGameBoardMobile .match .team-match img,
#sideBarGameBoard .match .team-match img {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: auto;
}
#gameboard .match .team-match .container-no-img,
#gameboard .match .team-match .container-no-img-no-color,
#sideBarGameBoardMobile .match .team-match .container-no-img,
#sideBarGameBoardMobile .match .team-match .container-no-img-no-color,
#sideBarGameBoard .match .team-match .container-no-img,
#sideBarGameBoard .match .team-match .container-no-img-no-color {
  width: 30px;
  height: 30px;
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #e1e6ea;
}
#gameboard .match .team-match .container-no-img .round,
#gameboard .match .team-match .container-no-img-no-color .round,
#sideBarGameBoardMobile .match .team-match .container-no-img .round,
#sideBarGameBoardMobile .match .team-match .container-no-img-no-color .round,
#sideBarGameBoard .match .team-match .container-no-img .round,
#sideBarGameBoard .match .team-match .container-no-img-no-color .round {
  width: 28px;
  height: 28px;
  display: block;
  text-align: center;
  line-height: 28px;
  font-size: 1.4em;
  font-weight: 700;
  text-transform: uppercase;
}
#gameboard .match .team-match .container-no-img .round,
#sideBarGameBoardMobile .match .team-match .container-no-img .round,
#sideBarGameBoard .match .team-match .container-no-img .round {
  color: #ffffff;
  text-shadow: 1px 1px 3px rgb(169, 169, 169);
}
#gameboard .match .team-match .container-no-img-no-color .round,
#sideBarGameBoardMobile .match .team-match .container-no-img-no-color .round,
#sideBarGameBoard .match .team-match .container-no-img-no-color .round {
  background-color: #1072cc;
  color: #ffffff;
  text-shadow: 1px 1px 3px rgb(169, 169, 169);
}
#gameboard .match .team-match.team-match-gabarit-1,
#sideBarGameBoardMobile .match .team-match.team-match-gabarit-1,
#sideBarGameBoard .match .team-match.team-match-gabarit-1 {
  padding: 0 8px;
  position: relative;
  display: block;
  overflow: hidden;
  height: 104px;
}
#gameboard .match .team-match.team-match-gabarit-1 .team,
#sideBarGameBoardMobile .match .team-match.team-match-gabarit-1 .team,
#sideBarGameBoard .match .team-match.team-match-gabarit-1 .team {
  display: inline-block;
  vertical-align: middle;
  width: 85px;
}
#gameboard .match .team-match.team-match-gabarit-1 .team.team-2,
#sideBarGameBoardMobile .match .team-match.team-match-gabarit-1 .team.team-2,
#sideBarGameBoard .match .team-match.team-match-gabarit-1 .team.team-2 {
  text-align: right;
  float: right;
}
#gameboard .match .team-match.team-match-gabarit-1 .team .detail,
#sideBarGameBoardMobile .match .team-match.team-match-gabarit-1 .team .detail,
#sideBarGameBoard .match .team-match.team-match-gabarit-1 .team .detail {
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px;
}
#gameboard .match .team-match.team-match-gabarit-1 .team .detail .number,
#sideBarGameBoardMobile .match .team-match.team-match-gabarit-1 .team .detail .number,
#sideBarGameBoard .match .team-match.team-match-gabarit-1 .team .detail .number {
  display: block;
  text-align: center;
  color: #1d1d1b;
  font-size: 1.8em;
  font-weight: 700;
}
#gameboard .match .team-match.team-match-gabarit-1 .team .detail .name,
#sideBarGameBoardMobile .match .team-match.team-match-gabarit-1 .team .detail .name,
#sideBarGameBoard .match .team-match.team-match-gabarit-1 .team .detail .name {
  display: block;
  text-align: center;
  color: #1d1d1b;
  font-size: 1.1em;
  text-transform: uppercase;
  font-weight: 700;
}
#gameboard .match .team-match.game-not-played,
#sideBarGameBoardMobile .match .team-match.game-not-played,
#sideBarGameBoard .match .team-match.game-not-played {
  height: 108px;
}
#gameboard .match .team-match.game-not-played .top-gameboard,
#sideBarGameBoardMobile .match .team-match.game-not-played .top-gameboard,
#sideBarGameBoard .match .team-match.game-not-played .top-gameboard {
  margin-bottom: 5px;
}
#gameboard .match .team-match.game-not-played .bottom-gameboard,
#sideBarGameBoardMobile .match .team-match.game-not-played .bottom-gameboard,
#sideBarGameBoard .match .team-match.game-not-played .bottom-gameboard {
  margin-top: 5px;
}
#gameboard .match .team-match.game-not-played img,
#sideBarGameBoardMobile .match .team-match.game-not-played img,
#sideBarGameBoard .match .team-match.game-not-played img {
  width: 18px;
}
#gameboard .match .team-match.game-not-played .container-no-img,
#gameboard .match .team-match.game-not-played .container-no-img-no-color,
#sideBarGameBoardMobile .match .team-match.game-not-played .container-no-img,
#sideBarGameBoardMobile .match .team-match.game-not-played .container-no-img-no-color,
#sideBarGameBoard .match .team-match.game-not-played .container-no-img,
#sideBarGameBoard .match .team-match.game-not-played .container-no-img-no-color {
  width: 18px;
  height: 18px;
}
#gameboard .match .team-match.game-not-played .container-no-img .round,
#gameboard .match .team-match.game-not-played .container-no-img-no-color .round,
#sideBarGameBoardMobile .match .team-match.game-not-played .container-no-img .round,
#sideBarGameBoardMobile .match .team-match.game-not-played .container-no-img-no-color .round,
#sideBarGameBoard .match .team-match.game-not-played .container-no-img .round,
#sideBarGameBoard .match .team-match.game-not-played .container-no-img-no-color .round {
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 1.1em;
}
#gameboard .match .team-match.game-not-played .line-team,
#sideBarGameBoardMobile .match .team-match.game-not-played .line-team,
#sideBarGameBoard .match .team-match.game-not-played .line-team {
  padding: 3px 0;
}
#gameboard .match .team-match.game-not-played .line-team-away,
#sideBarGameBoardMobile .match .team-match.game-not-played .line-team-away,
#sideBarGameBoard .match .team-match.game-not-played .line-team-away {
  margin-bottom: 5px;
  position: relative;
}
#gameboard .match .team-match.game-not-played .logo-team,
#sideBarGameBoardMobile .match .team-match.game-not-played .logo-team,
#sideBarGameBoard .match .team-match.game-not-played .logo-team {
  width: 18px;
  display: inline-block;
  vertical-align: middle;
}
#gameboard .match .team-match.game-not-played .name-team,
#sideBarGameBoardMobile .match .team-match.game-not-played .name-team,
#sideBarGameBoard .match .team-match.game-not-played .name-team {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 18px);
  padding-left: 10px;
}
#gameboard .match .team-match.game-not-played .name-team p,
#sideBarGameBoardMobile .match .team-match.game-not-played .name-team p,
#sideBarGameBoard .match .team-match.game-not-played .name-team p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #1d1d1b;
  font-size: 1.1em;
  margin-bottom: 0;
  line-height: 1.2;
  font-weight: 700;
}
#gameboard .match .team-match.game-not-played .name-team.with-stats .name,
#gameboard .match .team-match.game-not-played .name-team.with-stats .stats,
#sideBarGameBoardMobile .match .team-match.game-not-played .name-team.with-stats .name,
#sideBarGameBoardMobile .match .team-match.game-not-played .name-team.with-stats .stats,
#sideBarGameBoard .match .team-match.game-not-played .name-team.with-stats .name,
#sideBarGameBoard .match .team-match.game-not-played .name-team.with-stats .stats {
  display: inline-block;
  vertical-align: middle;
}
#gameboard .match .team-match.game-not-played .name-team.with-stats .name,
#sideBarGameBoardMobile .match .team-match.game-not-played .name-team.with-stats .name,
#sideBarGameBoard .match .team-match.game-not-played .name-team.with-stats .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 60px);
  padding-right: 10px;
}
#gameboard .match .team-match.game-not-played .name-team.with-stats .stats,
#sideBarGameBoardMobile .match .team-match.game-not-played .name-team.with-stats .stats,
#sideBarGameBoard .match .team-match.game-not-played .name-team.with-stats .stats {
  text-align: right;
  width: 60px;
}
#gameboard .match .team-match:hover.team-match-gabarit-1,
#gameboard .match .team-match:focus.team-match-gabarit-1,
#sideBarGameBoardMobile .match .team-match:hover.team-match-gabarit-1,
#sideBarGameBoardMobile .match .team-match:focus.team-match-gabarit-1,
#sideBarGameBoard .match .team-match:hover.team-match-gabarit-1,
#sideBarGameBoard .match .team-match:focus.team-match-gabarit-1 {
  background-color: #f5f5f5;
}
#gameboard ul li,
#sideBarGameBoardMobile ul li,
#sideBarGameBoard ul li {
  list-style: none;
}
#gameboard .top-gameboard,
#sideBarGameBoardMobile .top-gameboard,
#sideBarGameBoard .top-gameboard {
  margin-bottom: 14px;
  padding: 5px 0;
  border-bottom: 1px solid #ececec;
}
#gameboard .top-gameboard p,
#sideBarGameBoardMobile .top-gameboard p,
#sideBarGameBoard .top-gameboard p {
  font-size: 10px;
  color: #1d1d1b;
  margin: 0;
}
#gameboard .top-gameboard .match-date,
#gameboard .top-gameboard .match-cat,
#sideBarGameBoardMobile .top-gameboard .match-date,
#sideBarGameBoardMobile .top-gameboard .match-cat,
#sideBarGameBoard .top-gameboard .match-date,
#sideBarGameBoard .top-gameboard .match-cat {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
#gameboard .top-gameboard .match-date,
#sideBarGameBoardMobile .top-gameboard .match-date,
#sideBarGameBoard .top-gameboard .match-date {
  width: calc(100% - 70px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 10px;
}
#gameboard .top-gameboard .match-cat,
#sideBarGameBoardMobile .top-gameboard .match-cat,
#sideBarGameBoard .top-gameboard .match-cat {
  text-align: right;
  width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
}
#gameboard .bottom-gameboard,
#sideBarGameBoardMobile .bottom-gameboard,
#sideBarGameBoard .bottom-gameboard {
  margin-top: 14px;
  padding: 5px 0;
  border-top: 1px solid #ececec;
}
#gameboard .bottom-gameboard p,
#sideBarGameBoardMobile .bottom-gameboard p,
#sideBarGameBoard .bottom-gameboard p {
  font-size: 10px;
  color: #1d1d1b;
  margin: 0;
}
#gameboard .wrapper-links,
#sideBarGameBoardMobile .wrapper-links,
#sideBarGameBoard .wrapper-links {
  background-color: #2a2a27;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  text-align: center;
  padding: 7px 0;
  top: 100%;
  height: 100%;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#gameboard .wrapper-links .left-link,
#gameboard .wrapper-links .right-link,
#sideBarGameBoardMobile .wrapper-links .left-link,
#sideBarGameBoardMobile .wrapper-links .right-link,
#sideBarGameBoard .wrapper-links .left-link,
#sideBarGameBoard .wrapper-links .right-link {
  width: 50%;
  text-align: center;
  padding: 28px 0 0 0;
  display: inline-block;
  vertical-align: top;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#gameboard .wrapper-links .left-link:hover p, #gameboard .wrapper-links .left-link:focus p,
#gameboard .wrapper-links .right-link:hover p,
#gameboard .wrapper-links .right-link:focus p,
#sideBarGameBoardMobile .wrapper-links .left-link:hover p,
#sideBarGameBoardMobile .wrapper-links .left-link:focus p,
#sideBarGameBoardMobile .wrapper-links .right-link:hover p,
#sideBarGameBoardMobile .wrapper-links .right-link:focus p,
#sideBarGameBoard .wrapper-links .left-link:hover p,
#sideBarGameBoard .wrapper-links .left-link:focus p,
#sideBarGameBoard .wrapper-links .right-link:hover p,
#sideBarGameBoard .wrapper-links .right-link:focus p {
  color: #a9a9a9;
}
#gameboard .wrapper-links .left-link:hover path, #gameboard .wrapper-links .left-link:focus path,
#gameboard .wrapper-links .right-link:hover path,
#gameboard .wrapper-links .right-link:focus path,
#sideBarGameBoardMobile .wrapper-links .left-link:hover path,
#sideBarGameBoardMobile .wrapper-links .left-link:focus path,
#sideBarGameBoardMobile .wrapper-links .right-link:hover path,
#sideBarGameBoardMobile .wrapper-links .right-link:focus path,
#sideBarGameBoard .wrapper-links .left-link:hover path,
#sideBarGameBoard .wrapper-links .left-link:focus path,
#sideBarGameBoard .wrapper-links .right-link:hover path,
#sideBarGameBoard .wrapper-links .right-link:focus path {
  fill: #a9a9a9;
}
#gameboard .wrapper-links .link,
#sideBarGameBoardMobile .wrapper-links .link,
#sideBarGameBoard .wrapper-links .link {
  display: block;
  text-align: center;
  padding: 12px 0 0 0;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#gameboard .wrapper-links .link:hover p, #gameboard .wrapper-links .link:focus p,
#sideBarGameBoardMobile .wrapper-links .link:hover p,
#sideBarGameBoardMobile .wrapper-links .link:focus p,
#sideBarGameBoard .wrapper-links .link:hover p,
#sideBarGameBoard .wrapper-links .link:focus p {
  color: #a9a9a9;
}
#gameboard .wrapper-links .link:hover path, #gameboard .wrapper-links .link:focus path,
#sideBarGameBoardMobile .wrapper-links .link:hover path,
#sideBarGameBoardMobile .wrapper-links .link:focus path,
#sideBarGameBoard .wrapper-links .link:hover path,
#sideBarGameBoard .wrapper-links .link:focus path {
  fill: #a9a9a9;
}
#gameboard .wrapper-links .left-link,
#sideBarGameBoardMobile .wrapper-links .left-link,
#sideBarGameBoard .wrapper-links .left-link {
  padding-right: 0;
}
#gameboard .wrapper-links .right-link,
#sideBarGameBoardMobile .wrapper-links .right-link,
#sideBarGameBoard .wrapper-links .right-link {
  padding-left: 0;
}
#gameboard .wrapper-links .right-link:before,
#sideBarGameBoardMobile .wrapper-links .right-link:before,
#sideBarGameBoard .wrapper-links .right-link:before {
  content: "";
  width: 1px;
  background-color: #626261;
  position: absolute;
  top: 50%;
  left: 0;
  height: 65px;
  margin: -20px 0 0 0;
}
#gameboard .wrapper-links .icon,
#gameboard .wrapper-links p,
#sideBarGameBoardMobile .wrapper-links .icon,
#sideBarGameBoardMobile .wrapper-links p,
#sideBarGameBoard .wrapper-links .icon,
#sideBarGameBoard .wrapper-links p {
  display: block;
}
#gameboard .wrapper-links p,
#sideBarGameBoardMobile .wrapper-links p,
#sideBarGameBoard .wrapper-links p {
  color: #ffffff;
  font-size: 1.2em;
  margin: 0;
}
#gameboard .wrapper-links .icon,
#sideBarGameBoardMobile .wrapper-links .icon,
#sideBarGameBoard .wrapper-links .icon {
  margin: 0 0 5px 0;
}
#gameboard .match.match-content-clicked .wrapper-links,
#sideBarGameBoardMobile .match.match-content-clicked .wrapper-links,
#sideBarGameBoard .match.match-content-clicked .wrapper-links {
  top: 0;
}
@media only screen and (min-width: 1025px) {
  #gameboard .match:hover .wrapper-links,
  #sideBarGameBoardMobile .match:hover .wrapper-links,
  #sideBarGameBoard .match:hover .wrapper-links {
    top: 0;
  }
}
#gameboard .gameboard-schedule-link,
#sideBarGameBoardMobile .gameboard-schedule-link,
#sideBarGameBoard .gameboard-schedule-link {
  height: 108px;
  text-align: center;
  display: block;
  background-color: #2a2a27;
  width: 100%;
}
#gameboard .gameboard-schedule-link a,
#sideBarGameBoardMobile .gameboard-schedule-link a,
#sideBarGameBoard .gameboard-schedule-link a {
  display: block;
  padding: 34px 10px 0 10px;
  text-align: center;
  color: #ffffff;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#gameboard .gameboard-schedule-link a:hover p, #gameboard .gameboard-schedule-link a:focus p,
#sideBarGameBoardMobile .gameboard-schedule-link a:hover p,
#sideBarGameBoardMobile .gameboard-schedule-link a:focus p,
#sideBarGameBoard .gameboard-schedule-link a:hover p,
#sideBarGameBoard .gameboard-schedule-link a:focus p {
  color: #a9a9a9;
}
#gameboard .gameboard-schedule-link a:hover line,
#gameboard .gameboard-schedule-link a:hover path, #gameboard .gameboard-schedule-link a:focus line,
#gameboard .gameboard-schedule-link a:focus path,
#sideBarGameBoardMobile .gameboard-schedule-link a:hover line,
#sideBarGameBoardMobile .gameboard-schedule-link a:hover path,
#sideBarGameBoardMobile .gameboard-schedule-link a:focus line,
#sideBarGameBoardMobile .gameboard-schedule-link a:focus path,
#sideBarGameBoard .gameboard-schedule-link a:hover line,
#sideBarGameBoard .gameboard-schedule-link a:hover path,
#sideBarGameBoard .gameboard-schedule-link a:focus line,
#sideBarGameBoard .gameboard-schedule-link a:focus path {
  stroke: #a9a9a9;
}
#gameboard .gameboard-schedule-link .icon,
#gameboard .gameboard-schedule-link p,
#sideBarGameBoardMobile .gameboard-schedule-link .icon,
#sideBarGameBoardMobile .gameboard-schedule-link p,
#sideBarGameBoard .gameboard-schedule-link .icon,
#sideBarGameBoard .gameboard-schedule-link p {
  display: block;
}
#gameboard .gameboard-schedule-link p,
#sideBarGameBoardMobile .gameboard-schedule-link p,
#sideBarGameBoard .gameboard-schedule-link p {
  color: #ffffff;
  font-size: 1.2em;
  margin: 0;
}
#gameboard .gameboard-schedule-link .icon,
#sideBarGameBoardMobile .gameboard-schedule-link .icon,
#sideBarGameBoard .gameboard-schedule-link .icon {
  margin: 0 0 5px 0;
}

#sideBarGameBoard.sidebar-gameboard-desktop {
  display: none;
}
@media only screen and (min-width: 768px) {
  #sideBarGameBoard.sidebar-gameboard-desktop {
    display: block;
  }
}

#sideBarGameBoardMobile.sidebar-gameboard-mobile {
  display: block;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  #sideBarGameBoardMobile.sidebar-gameboard-mobile {
    display: none;
    margin-bottom: 0;
  }
}

#sideBarGameBoardMobile,
#sideBarGameBoard {
  border: 1px solid #e1e6ea;
  padding: 20px 25px 25px;
}
#sideBarGameBoardMobile h3,
#sideBarGameBoard h3 {
  font-size: 2.5em;
  font-weight: 700;
  color: #1d1d1b;
  margin: 0 0 15px 0;
  font-family: "Saira Extra Condensed", sans-serif;
}
#sideBarGameBoardMobile li,
#sideBarGameBoard li {
  margin: 10px 0;
}
#sideBarGameBoardMobile .nav-gameboard-sidebar,
#sideBarGameBoard .nav-gameboard-sidebar {
  margin: 0 0 10px 0;
}
#sideBarGameBoardMobile .nav-gameboard-sidebar .left,
#sideBarGameBoardMobile .nav-gameboard-sidebar .right,
#sideBarGameBoard .nav-gameboard-sidebar .left,
#sideBarGameBoard .nav-gameboard-sidebar .right {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
#sideBarGameBoardMobile .nav-gameboard-sidebar .left,
#sideBarGameBoard .nav-gameboard-sidebar .left {
  text-align: left;
}
#sideBarGameBoardMobile .nav-gameboard-sidebar .right,
#sideBarGameBoard .nav-gameboard-sidebar .right {
  text-align: right;
}
#sideBarGameBoardMobile .nav-gameboard-sidebar a,
#sideBarGameBoard .nav-gameboard-sidebar a {
  display: inline-block;
  vertical-align: middle;
}
#sideBarGameBoardMobile .nav-gameboard-sidebar a:hover .text, #sideBarGameBoardMobile .nav-gameboard-sidebar a:focus .text,
#sideBarGameBoard .nav-gameboard-sidebar a:hover .text,
#sideBarGameBoard .nav-gameboard-sidebar a:focus .text {
  color: #1072cc;
}
#sideBarGameBoardMobile .nav-gameboard-sidebar a:hover .icon path, #sideBarGameBoardMobile .nav-gameboard-sidebar a:focus .icon path,
#sideBarGameBoard .nav-gameboard-sidebar a:hover .icon path,
#sideBarGameBoard .nav-gameboard-sidebar a:focus .icon path {
  fill: #1072cc;
}
#sideBarGameBoardMobile .nav-gameboard-sidebar .text,
#sideBarGameBoardMobile .nav-gameboard-sidebar .icon,
#sideBarGameBoard .nav-gameboard-sidebar .text,
#sideBarGameBoard .nav-gameboard-sidebar .icon {
  display: inline-block;
  vertical-align: middle;
}
#sideBarGameBoardMobile .nav-gameboard-sidebar .text,
#sideBarGameBoard .nav-gameboard-sidebar .text {
  color: #a9a9a9;
  font-size: 1.2em;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#sideBarGameBoardMobile .nav-gameboard-sidebar .icon path,
#sideBarGameBoard .nav-gameboard-sidebar .icon path {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#sideBarGameBoardMobile .gameboard-games-wrapper,
#sideBarGameBoard .gameboard-games-wrapper {
  position: relative;
  overflow: hidden;
}
#sideBarGameBoardMobile .gameboard-games-wrapper .wrapper-loader,
#sideBarGameBoard .gameboard-games-wrapper .wrapper-loader {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.7) !important;
  z-index: 1;
}
#sideBarGameBoardMobile .gameboard-games-wrapper .wrapper-loader svg,
#sideBarGameBoard .gameboard-games-wrapper .wrapper-loader svg {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -24px;
  margin-left: -24px;
}
#sideBarGameBoardMobile .gameboard-games-container,
#sideBarGameBoard .gameboard-games-container {
  overflow: hidden;
}
#sideBarGameBoardMobile .gameboard-games-inner,
#sideBarGameBoard .gameboard-games-inner {
  overflow-y: auto;
  height: 100%;
}
#sideBarGameBoardMobile .gameboard-games-inner ul,
#sideBarGameBoard .gameboard-games-inner ul {
  padding-bottom: 20px;
}
#sideBarGameBoardMobile .match,
#sideBarGameBoard .match {
  border: 1px solid #e1e6ea;
}
#sideBarGameBoardMobile .no-games,
#sideBarGameBoard .no-games {
  border: 1px solid #e1e6ea;
  padding: 5px 10px;
  text-align: center;
}
#sideBarGameBoardMobile .no-games p,
#sideBarGameBoard .no-games p {
  font-size: 1.2em;
  color: #1d1d1b;
  font-weight: 700;
  margin: 0;
}

#gameboard {
  position: absolute;
  left: -100%;
  background-color: #1d1d1b;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: block;
  z-index: 9999;
  padding: 45px 20px 20px;
  min-height: 124px;
  width: 100%;
  height: 100vh;
  top: 0;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  #gameboard {
    position: static;
    left: inherit;
    top: inherit;
    right: inherit;
    max-width: inherit;
    padding: 25px 0 35px;
    margin: 0 20px;
    width: auto;
    height: auto;
    overflow-y: auto;
  }
}
@media only screen and (min-width: 1024px) {
  #gameboard {
    margin: 0 30px;
    padding: 25px 30px 35px;
  }
}
#gameboard .gameboard-inner {
  min-width: 260px;
}
@media only screen and (max-width: 767px) {
  #gameboard .gameboard-games-container {
    height: calc(100vh - 65px);
    overflow: hidden;
  }
}
#gameboard .gameboard-games-container.mTS-none ul li {
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  #gameboard .gameboard-games-container.mTS-none ul li {
    float: none;
  }
}
@media only screen and (max-width: 767px) {
  #gameboard .gameboard-games-inner {
    overflow-y: auto;
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  #gameboard .mTS_horizontal .mTSContainer {
    width: 100% !important;
  }
}
@media only screen and (min-width: 768px) {
  #gameboard .gameboard-content {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 0;
    position: relative;
    overflow: hidden;
    height: 108px;
  }
}
#gameboard ul li {
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
  #gameboard ul li {
    display: block;
    width: 240px !important;
    padding-right: 10px;
    opacity: 0;
    margin-bottom: 0;
    min-width: inherit;
  }
}
#gameboard .next-prev-btns {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: none;
}
@media only screen and (min-width: 1024px) {
  #gameboard .next-prev-btns {
    display: inline-block;
    vertical-align: middle;
  }
}
#gameboard .next-prev-btns:hover, #gameboard .next-prev-btns:focus {
  opacity: 0.6;
}
#gameboard .mTSButton {
  display: none;
}
#gameboard .gameboard-games-wrapper {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  margin: 0;
}
@media only screen and (min-width: 1024px) {
  #gameboard .gameboard-games-wrapper {
    width: calc(100% - 114px);
    margin: 0 30px;
  }
}
#gameboard.gameboard-style-white {
  background-color: #ffffff;
  margin: 0;
}
#gameboard.gameboard-style-white .match {
  border: 1px solid #e1e6ea;
}
#gameboard.gameboard-style-white .match.ended {
  border-top: 4px solid #d80c15;
}
#gameboard.gameboard-style-white .match.cancelled {
  border-top: 4px solid #e69c2c;
}
#gameboard.gameboard-style-white .match.in-progress {
  border-top: 4px solid #149814;
}
#gameboard.gameboard-style-white .wrapper-links {
  top: 101%;
}
#gameboard .gameboard-schedule-link {
  margin-right: 10px;
}

#sideBarGameBoard .gameboard-games-container {
  height: 560px;
}
#sideBarGameBoard .gameboard-games-container.list-0-games .gameboard-games li:first-child, #sideBarGameBoard .gameboard-games-container.list-1-games .gameboard-games li:first-child, #sideBarGameBoard .gameboard-games-container.list-2-games .gameboard-games li:first-child, #sideBarGameBoard .gameboard-games-container.list-3-games .gameboard-games li:first-child {
  display: none;
}
#sideBarGameBoard .gameboard-games-container.list-0-games {
  height: 183px;
}
#sideBarGameBoard .gameboard-games-container.list-1-games {
  height: 268px;
}
#sideBarGameBoard .gameboard-games-container.list-2-games {
  height: 384px;
}
#sideBarGameBoard .gameboard-games-container.list-3-games {
  height: 502px;
}

#sideBarGameBoardMobile .gameboard-games-container {
  height: 60vh;
}
#sideBarGameBoardMobile .gameboard-games-container.list-0-games .gameboard-games li:first-child, #sideBarGameBoardMobile .gameboard-games-container.list-1-games .gameboard-games li:first-child {
  display: none;
}
#sideBarGameBoardMobile .gameboard-games-container.list-0-games {
  height: 150px;
}
#sideBarGameBoardMobile .gameboard-games-container.list-1-games {
  height: 268px;
}

/* ADV */
.top-page-advertisment {
  padding: 20px;
  max-width: 100vw;
  width: 100%;
  position: relative;
  z-index: 1;
  background-color: #e1e6ea;
  text-align: center;
}
.top-page-advertisment .adsbygoogle {
  max-width: 980px;
  height: 130px;
}

.all-news-advertisment {
  padding: 15px 10px 15px 10px;
  border-bottom: 1px solid #e1e6ea;
}

/* LOADER MODULE */
.wrapper-loader {
  text-align: center;
  padding: 20px 0;
  background-color: #ffffff;
}

/* PARTNER */
.partner-container,
.partner-container-sidebar {
  padding: 25px 0;
  clear: both;
}
.partner-container .slider-partner,
.partner-container-sidebar .slider-partner {
  visibility: hidden;
  opacity: 0;
  transition: opacity 1s;
}
.partner-container .slider-partner.slick-initialized,
.partner-container-sidebar .slider-partner.slick-initialized {
  visibility: visible;
  opacity: 1;
}
.partner-container .slider-partner .slick-slide,
.partner-container-sidebar .slider-partner .slick-slide {
  display: none;
}
.partner-container .slider-partner .slick-slide:first-child,
.partner-container-sidebar .slider-partner .slick-slide:first-child {
  display: inline-block;
  visibility: hidden;
}
.partner-container .slider-partner.slick-initialized .slick-slide,
.partner-container-sidebar .slider-partner.slick-initialized .slick-slide {
  display: inline-block;
  visibility: visible !important;
}

.partner-container {
  background: #ffffff;
}

.partner-container-sidebar {
  background: #ffffff;
}

.slider-partner,
.slider-partner-sidebar {
  width: 100%;
  max-width: 1800px;
  margin: 0 auto;
}
@media only screen and (min-width: 1024px) {
  .slider-partner,
  .slider-partner-sidebar {
    padding: 0 30px;
  }
}
.slider-partner .slick-slide,
.slider-partner-sidebar .slick-slide {
  display: inline-block;
  vertical-align: middle;
  float: none;
  padding: 0 15px;
}
.slider-partner .content-slider-partner,
.slider-partner-sidebar .content-slider-partner {
  text-align: center;
  padding: 0 30px;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .slider-partner .content-slider-partner,
  .slider-partner-sidebar .content-slider-partner {
    padding: 0 45px;
  }
}
.slider-partner a,
.slider-partner span,
.slider-partner-sidebar a,
.slider-partner-sidebar span {
  display: inline-block;
  vertical-align: middle;
}
.slider-partner a img,
.slider-partner span img,
.slider-partner-sidebar a img,
.slider-partner-sidebar span img {
  height: auto;
  width: 100%;
  display: inline;
  max-width: 300px;
}

/* DESIGN */
.effect-bg {
  width: 100%;
  height: 130px;
  position: relative;
  z-index: 1;
  background-color: #e1e6ea;
}

/* ICON VIDEO NEWS */
.icon-video {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -25px;
  margin-left: -24px;
  z-index: 2;
}

.wrapper-sidebar .icon-video {
  margin-top: -17px;
  margin-left: -16px;
}

/* PAGE GENERAL */
.header-content {
  background-color: #1d1d1b;
  padding: 20px 0;
}
@media only screen and (min-width: 768px) {
  .header-content {
    text-align: center;
  }
  .header-content.text-align-left {
    text-align: left;
  }
}
@media only screen and (min-width: 768px) {
  .header-content.title-left-position h1:before {
    display: none;
  }
}
.header-content .inner-header-content {
  width: 100%;
  max-width: 1800px;
  margin: 10px auto;
  padding: 0 20px;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .header-content .inner-header-content {
    margin: 20px auto;
    padding: 10px 20px 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .header-content .inner-header-content {
    padding: 0 30px;
  }
}
.header-content h1 {
  display: inline-block;
  vertical-align: middle;
  font-size: 2.6em;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  font-family: "Saira Extra Condensed", sans-serif;
  margin: 0;
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .header-content h1 {
    font-size: 4em;
    width: auto;
  }
  .header-content h1:before {
    content: "";
    display: block;
    width: 66%;
    height: 1px;
    background-color: #626261;
    position: absolute;
    bottom: -15px;
    left: 17%;
  }
}
.header-content h1 .icon {
  float: right;
  font-size: 0.6em;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .header-content h1 .icon {
    display: none !important;
  }
}
.header-content h1 .icon span {
  font-weight: 400;
  text-transform: none;
  display: inline-block;
  vertical-align: middle;
  margin: -6px 5px 0 0;
}
.header-content h1 .icon.btn-select-filter-close {
  display: none;
}
.header-content h1 .icon.btn-select-filter-close span {
  color: #d80c15;
}

.wrapper-content {
  padding: 20px 0;
}
@media only screen and (min-width: 768px) {
  .wrapper-content {
    padding: 40px 0;
  }
}

.wrapper-select {
  max-height: 350px;
  padding: 0 20px;
}
@media only screen and (min-width: 1024px) {
  .wrapper-select {
    padding: 0 0 20px;
  }
}
.wrapper-select .selectric-custom-select {
  font-size: 1.2em;
  margin: 0 0 15px;
}
@media only screen and (min-width: 580px) {
  .wrapper-select .selectric-custom-select {
    font-size: 1.4em;
    margin: 0 0 20px;
  }
}
.wrapper-select .selectric-custom-select .selectric-label {
  padding: 8px 10px 8px 0;
}
@media only screen and (min-width: 580px) {
  .wrapper-select .selectric-custom-select .selectric-label {
    padding: 10px 10px 10px 0;
  }
}

.wrapper-player-search {
  position: relative;
  width: 100%;
  margin: 0 0 20px 0;
  padding: 0 20px;
}
@media only screen and (min-width: 660px) {
  .wrapper-player-search {
    width: 220px;
    margin: 0 0 20px 20px;
    padding: 0;
  }
}
@media only screen and (min-width: 768px) {
  .wrapper-player-search {
    display: inline-block;
    vertical-align: middle;
    margin: 6px 20px 0 0;
    padding: 0 0 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .wrapper-player-search {
    margin: 9px 20px 0 0;
  }
}
.wrapper-player-search input {
  background: #fff;
  width: 100%;
  padding: 5px 25px 15px 0;
  border-bottom: 1px solid #1d1d1b;
  font-size: 1.2em;
  border-top: none;
  border-left: none;
  border-right: none;
}
@media only screen and (min-width: 1024px) {
  .wrapper-player-search input {
    font-size: 1.4em;
  }
}
.wrapper-player-search .clear-search {
  position: absolute;
  right: 25px;
  top: 3px;
}
@media only screen and (min-width: 660px) {
  .wrapper-player-search .clear-search {
    right: 5px;
  }
}

#player-search-clear {
  display: none;
}

#player-search-clear {
  cursor: pointer;
}

.stats-heading {
  margin-top: 15px;
}
.stats-heading.col-video {
  display: flex;
  align-items: center;
  border-top: 1px solid #e1e6ea;
  border-left: 1px solid #e1e6ea;
  border-right: 1px solid #e1e6ea;
}
.stats-heading h2 {
  font-family: "Saira Extra Condensed", sans-serif;
  font-weight: 700;
  font-size: 2.2em;
  margin: 0;
  padding: 22px 15px 17px;
  height: 70px;
  border-top: 1px solid #e1e6ea;
  border-left: 1px solid #e1e6ea;
  border-right: 1px solid #e1e6ea;
}
@media only screen and (min-width: 768px) {
  .stats-heading h2 {
    font-size: 2.5em;
  }
}
.stats-heading .stats-heading-img {
  margin: 0;
  padding: 0;
  height: 70px;
  border: 0;
  max-width: 100%;
  object-fit: contain;
  display: block;
}

/* CUSTOM SELECT */
.selectric-custom-select {
  display: inline-block;
  border-bottom: 1px solid #1d1d1b;
  color: #1d1d1b;
  font-size: 1.4em;
  margin: 0 0 20px;
  min-width: 100%;
  text-align: left;
}
@media only screen and (min-width: 530px) {
  .selectric-custom-select {
    min-width: 130px;
  }
}
@media only screen and (min-width: 768px) {
  .selectric-custom-select {
    min-width: 180px;
  }
}
@media only screen and (min-width: 992px) {
  .selectric-custom-select {
    min-width: 220px;
  }
}
.selectric-custom-select .selectric {
  border: 0;
  background-color: #ffffff;
}
.selectric-custom-select .selectric .label {
  font-size: 1em;
  color: #1d1d1b;
  margin-left: 0;
  font-weight: 400;
  line-height: 1;
  height: auto;
  padding: 10px 10px 10px 0;
  text-align: left;
  margin-right: 20px;
}
@media only screen and (min-width: 768px) {
  .selectric-custom-select .selectric .label {
    padding: 15px 30px 15px 0;
  }
}
.selectric-custom-select .selectric .button {
  width: 9px;
  background-color: transparent;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.selectric-custom-select .selectric .button:after {
  border-top-color: #1d1d1b !important;
}
.selectric-custom-select .selectric-items {
  border: 1px solid #e1e6ea;
  background-color: #ffffff;
  outline: 0;
  opacity: 0;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  -webkit-transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.selectric-custom-select .selectric-items li {
  border-top: 1px solid #e1e6ea;
  color: #1d1d1b;
  font-size: 1.1em;
  background-color: #ffffff;
  opacity: 1;
  -webkit-transition: background-color 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background-color 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  padding: 13px 20px;
  position: relative;
  width: 100%;
}
.selectric-custom-select .selectric-items li:first-child {
  border-top: 0;
}
.selectric-custom-select .selectric-items li:hover, .selectric-custom-select .selectric-items li:focus {
  background-color: #ececec;
  color: #1d1d1b;
}
.selectric-custom-select .selectric-items li .custom-select-item-checkbox  {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #000;
  margin-right: 5px;
  vertical-align: middle;
}
.selectric-custom-select .selectric-items li.selected {
  background-color: #1072cc;
  color: #ffffff;
}
.selectric-custom-select .selectric-items li.selected:hover, .selectric-custom-select .selectric-items li.selected:focus {
  background-color: #1072cc;
  color: #ffffff;
}
.selectric-custom-select.selectric-open .selectric-items {
  opacity: 1;
  max-height: 370px;
  overflow: auto;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.wrapper-select-col3 .wrapper-custom-select,
.wrapper-select-col2 .wrapper-custom-select {
  display: block;
  font-size: 1em;
}
@media only screen and (min-width: 530px) {
  .wrapper-select-col3 .wrapper-custom-select,
  .wrapper-select-col2 .wrapper-custom-select {
    font-size: 0.8em;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .wrapper-select-col3 .wrapper-custom-select,
  .wrapper-select-col2 .wrapper-custom-select {
    display: inline-block;
    vertical-align: top;
    font-size: 0.8em;
  }
  .wrapper-select-col3 .wrapper-custom-select .selectric-custom-select,
  .wrapper-select-col2 .wrapper-custom-select .selectric-custom-select {
    min-width: 180px;
  }
}
@media only screen and (min-width: 992px) {
  .wrapper-select-col3 .wrapper-custom-select,
  .wrapper-select-col2 .wrapper-custom-select {
    font-size: 1em;
    display: inline-block;
    vertical-align: top;
  }
}
.wrapper-select-col3 .wrapper-custom-select .selectric-custom-select,
.wrapper-select-col2 .wrapper-custom-select .selectric-custom-select {
  min-width: 100%;
}
@media only screen and (min-width: 530px) {
  .wrapper-select-col3 .wrapper-custom-select .selectric-custom-select,
  .wrapper-select-col2 .wrapper-custom-select .selectric-custom-select {
    min-width: 130px;
  }
}
@media only screen and (min-width: 768px) {
  .wrapper-select-col3 .wrapper-custom-select .selectric-custom-select,
  .wrapper-select-col2 .wrapper-custom-select .selectric-custom-select {
    min-width: 180px;
  }
}
@media only screen and (min-width: 992px) {
  .wrapper-select-col3 .wrapper-custom-select .selectric-custom-select,
  .wrapper-select-col2 .wrapper-custom-select .selectric-custom-select {
    min-width: 300px;
  }
}
.wrapper-select-col3 .wrapper-custom-select .selectric-custom-select.selectric-multiple-select .selectric-items li.selected,
.wrapper-select-col2 .wrapper-custom-select .selectric-custom-select.selectric-multiple-select .selectric-items li.selected {
  background: #eee;
  color: #000;
}
.wrapper-select-col3 .wrapper-custom-select .selectric-custom-select.selectric-multiple-select .selectric-items li.selected .option_color,
.wrapper-select-col2 .wrapper-custom-select .selectric-custom-select.selectric-multiple-select .selectric-items li.selected .option_color {
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-right: 5px;
}

#calendar-load-all-dates-container {
  margin-bottom: 20px;
  text-align: center;
}
#calendar-load-all-dates-container a {
  width: 100%;
}

/* CUSTOM BTN */
.custom-btn-link {
  border: 1px solid #e1e6ea;
  font-size: 1.4em;
  color: #1d1d1b;
  padding: 11px 15px 12px;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  max-height: 40px;
}
@media only screen and (min-width: 1024px) {
  .custom-btn-link {
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 1480px) {
  .custom-btn-link {
    font-size: 1.4em;
  }
}
.custom-btn-link .text,
.custom-btn-link .display-more {
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.custom-btn-link .text {
  margin: 0 0 0 0;
}
.custom-btn-link:hover, .custom-btn-link:focus {
  border: 1px solid #1072cc;
  text-decoration: none;
}
.custom-btn-link:hover .text,
.custom-btn-link:hover .display-more, .custom-btn-link:focus .text,
.custom-btn-link:focus .display-more {
  color: #1072cc;
}

/* DATEPICKER */
.wrapper-date-options {
  display: block;
  margin: 10px 0 0;
  padding: 0 20px;
  text-align: right;
}
@media only screen and (min-width: 768px) {
  .wrapper-date-options {
    display: inline-block;
    vertical-align: middle;
    float: right;
    text-align: left;
    margin: 0;
    padding: 0;
  }
}
.wrapper-date-options a {
  color: #626261;
  font-size: 1.2em;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: inline-block;
  vertical-align: middle;
  margin: 8px 0 0 20px;
}
.wrapper-date-options a:hover {
  color: #1072cc;
}
.wrapper-date-options a:focus {
  color: #626261;
}
@media only screen and (min-width: 768px) {
  .wrapper-date-options a:focus {
    color: #ffffff;
  }
}
@media only screen and (min-width: 768px) {
  .wrapper-date-options a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 20px;
    color: #ffffff;
  }
}

.wrapper-date-options-mobile {
  background-color: #ececec;
  padding: 20px;
  display: block;
}
@media only screen and (min-width: 768px) {
  .wrapper-date-options-mobile {
    display: none;
  }
}
.wrapper-date-options-mobile .container-datepicker {
  width: 100%;
  float: none;
}
.wrapper-date-options-mobile .container-datepicker .form-control.datepicker-bootstrap {
  font-size: 1.1em;
  padding: 8px 10px 8px 0;
}

.wrapper-date-options-desktop {
  position: absolute;
  right: 0;
  top: -10px;
  padding: 0 20px 0 0;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .wrapper-date-options-desktop {
    position: static;
    right: auto;
    top: auto;
    margin: 0;
    padding: 0;
  }
}
.wrapper-date-options-desktop .container-datepicker {
  display: none;
}
@media only screen and (min-width: 768px) {
  .wrapper-date-options-desktop .container-datepicker {
    display: inline-block;
  }
}
.wrapper-date-options-desktop #calendarTodayLink {
  display: none;
}
@media only screen and (min-width: 768px) {
  .wrapper-date-options-desktop #calendarTodayLink {
    display: inline-block;
  }
}

.container-datepicker {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 140px;
  float: left;
}
@media only screen and (min-width: 568px) {
  .container-datepicker {
    width: 180px;
  }
}
@media only screen and (min-width: 768px) {
  .container-datepicker {
    width: 220px;
    float: none;
  }
}
.container-datepicker .form-control.datepicker-bootstrap {
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  color: #626261;
  display: inline-block;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #626261;
  font-size: 1.4em;
  width: 100%;
  text-align: left;
  background-color: transparent;
  font-weight: 400;
  height: inherit;
  padding: 10px 10px 10px 0;
}
@media only screen and (min-width: 768px) {
  .container-datepicker .form-control.datepicker-bootstrap {
    color: #ffffff;
    border-bottom: none;
    border-bottom: 1px solid #ffffff;
  }
  .container-datepicker .form-control.datepicker-bootstrap.date-selected {
    border-bottom: 1px solid #ffffff;
  }
}
.container-datepicker .icon {
  position: absolute;
  right: 0;
  background-color: transparent;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}
.container-datepicker .icon:after {
  border-top-color: #ffffff !important;
}

body .datepicker.dropdown-menu {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  border: 1px solid #e1e6ea;
}
body .datepicker.dropdown-menu:before, body .datepicker.dropdown-menu:after {
  display: none;
}
body .datepicker.dropdown-menu table tr td,
body .datepicker.dropdown-menu table tr th {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  padding: 8px 10px;
  border: none;
  width: 34px;
  height: 35px;
}
body .datepicker.dropdown-menu table tr td.active.active, body .datepicker.dropdown-menu table tr td.active.highlighted.active, body .datepicker.dropdown-menu table tr td.active.highlighted:active, body .datepicker.dropdown-menu table tr td.active:active {
  background-color: #1072cc;
}
body .datepicker.dropdown-menu table tr td.active.active, body .datepicker.dropdown-menu table tr td.active.disabled, body .datepicker.dropdown-menu table tr td.active.disabled.active, body .datepicker.dropdown-menu table tr td.active.disabled.disabled, body .datepicker.dropdown-menu table tr td.active.disabled:active, body .datepicker.dropdown-menu table tr td.active.disabled:hover, body .datepicker.dropdown-menu table tr td.active.disabled:hover.active, body .datepicker.dropdown-menu table tr td.active.disabled:hover.disabled, body .datepicker.dropdown-menu table tr td.active.disabled:hover:active, body .datepicker.dropdown-menu table tr td.active.disabled:hover:hover, body .datepicker.dropdown-menu table tr td.active.disabled:hover[disabled], body .datepicker.dropdown-menu table tr td.active.disabled[disabled], body .datepicker.dropdown-menu table tr td.active:active, body .datepicker.dropdown-menu table tr td.active:hover, body .datepicker.dropdown-menu table tr td.active:hover.active, body .datepicker.dropdown-menu table tr td.active:hover.disabled, body .datepicker.dropdown-menu table tr td.active:hover:active, body .datepicker.dropdown-menu table tr td.active:hover:hover, body .datepicker.dropdown-menu table tr td.active:hover[disabled], body .datepicker.dropdown-menu table tr td.active[disabled] {
  background-color: #1072cc;
}
body .datepicker.dropdown-menu table tr td.active.active, body .datepicker.dropdown-menu table tr td.active.disabled, body .datepicker.dropdown-menu table tr td.active.disabled.active, body .datepicker.dropdown-menu table tr td.active.disabled.disabled, body .datepicker.dropdown-menu table tr td.active.disabled:active, body .datepicker.dropdown-menu table tr td.active.disabled:hover, body .datepicker.dropdown-menu table tr td.active.disabled:hover.active, body .datepicker.dropdown-menu table tr td.active.disabled:hover.disabled, body .datepicker.dropdown-menu table tr td.active.disabled:hover:active, body .datepicker.dropdown-menu table tr td.active.disabled:hover:hover, body .datepicker.dropdown-menu table tr td.active.disabled:hover[disabled], body .datepicker.dropdown-menu table tr td.active.disabled[disabled], body .datepicker.dropdown-menu table tr td.active:active, body .datepicker.dropdown-menu table tr td.active:hover, body .datepicker.dropdown-menu table tr td.active:hover.active, body .datepicker.dropdown-menu table tr td.active:hover.disabled, body .datepicker.dropdown-menu table tr td.active:hover:active, body .datepicker.dropdown-menu table tr td.active:hover:hover, body .datepicker.dropdown-menu table tr td.active:hover[disabled], body .datepicker.dropdown-menu table tr td.active[disabled] {
  background-color: #1072cc;
}
body .datepicker.dropdown-menu table tr td.active.active, body .datepicker.dropdown-menu table tr td.active.highlighted.active, body .datepicker.dropdown-menu table tr td.active.highlighted:active, body .datepicker.dropdown-menu table tr td.active:active {
  background-color: #1072cc;
}
body .datepicker.dropdown-menu table tr td.active, body .datepicker.dropdown-menu table tr td.active.highlighted {
  background-color: #1072cc;
  text-shadow: none;
}
body .datepicker.dropdown-menu table tr td.active, body .datepicker.dropdown-menu table tr td.active.disabled, body .datepicker.dropdown-menu table tr td.active.disabled:hover, body .datepicker.dropdown-menu table tr td.active:hover {
  background-image: none;
  background-color: #1072cc;
  text-shadow: none;
}
body .datepicker.dropdown-menu table tr td.active, body .datepicker.dropdown-menu table tr td.active.disabled, body .datepicker.dropdown-menu table tr td.active.disabled:hover, body .datepicker.dropdown-menu table tr td.active:hover {
  background-image: none;
  background-color: #1072cc;
  text-shadow: none;
}
body .datepicker.dropdown-menu table tr td.active, body .datepicker.dropdown-menu table tr td.active.highlighted {
  background-image: none;
  background-color: #1072cc;
  text-shadow: none;
}
body .datepicker.dropdown-menu table tr td.new, body .datepicker.dropdown-menu table tr td.old {
  color: #a9a9a9;
}
body .datepicker.dropdown-menu table tr td.day:hover, body .datepicker.dropdown-menu table tr td.focused {
  background-color: #ececec;
}
body .datepicker.dropdown-menu table tr td.today,
body .datepicker.dropdown-menu table tr td.today.disabled,
body .datepicker.dropdown-menu table tr td.today.disabled:hover,
body .datepicker.dropdown-menu table tr td.today:hover {
  border: none;
  background-color: #1d1d1b;
  color: #ffffff;
  background-image: none;
}

/* TABLE CONTENT */
.display-table {
  display: none;
}
.display-table.table-actif {
  display: block;
}

/* ONGLETS TABLEAU */
.table-select {
  width: 100%;
}
.table-select a {
  height: 50px;
  display: inline-block;
  vertical-align: top;
  font-size: 1.4em;
  text-align: center;
  color: #1d1d1b;
  line-height: 50px;
  font-weight: 700;
  border-top: 1px solid #e1e6ea;
  -webkit-transition: background-color 0.4s ease, background-color 0.4s ease;
  -moz-transition: background-color 0.4s ease, background-color 0.4s ease;
  -o-transition: background-color 0.4s ease, background-color 0.4s ease;
  transition: background-color 0.4s ease, background-color 0.4s ease;
  cursor: pointer;
}
.table-select a:hover, .table-select a:focus {
  color: #1072cc;
}
.table-select a.actif {
  background-color: #1072cc;
  color: #ffffff;
  border: none;
  cursor: default;
}
.table-select a.actif:hover, .table-select a.actif:focus {
  color: #ffffff;
}

.table-select-col2 a {
  width: 50%;
}
.table-select-col2 a:first-child {
  border-left: 1px solid #e1e6ea;
  border-right: 1px solid #e1e6ea;
}
.table-select-col2 a:last-child {
  border-right: 1px solid #e1e6ea;
}

/* TABLEAU */
.wrapper-table .header-team-name {
  text-align: left;
  border-top: 1px solid #ececec;
  border-right: 1px solid #ececec;
  border-left: 1px solid #ececec;
}
.wrapper-table .header-team-name h3 {
  color: #1d1d1b;
  margin: 0;
  font-weight: 700;
  font-family: "Saira Extra Condensed", sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 2.2em;
  padding: 22px 15px 17px;
  height: 69px;
}
@media only screen and (min-width: 768px) {
  .wrapper-table .header-team-name h3 {
    font-size: 2.5em;
  }
}
.wrapper-table .header-team-name h3 .text {
  padding-top: 5px;
  display: inline-block;
  width: calc(100% - 45px);
}
@media only screen and (min-width: 992px) {
  .wrapper-table .header-team-name h3 .text {
    padding-top: 0;
  }
}
.wrapper-table .header-team-name h3 .logo {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.wrapper-table .header-team-name h3 .logo img {
  width: auto;
  height: auto;
  max-width: 30px;
  max-height: 30px;
}
.wrapper-table .header-team-name h3 .container-no-img,
.wrapper-table .header-team-name h3 .container-no-img-no-color {
  width: 30px;
  height: 30px;
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #e1e6ea;
  margin-right: 10px;
}
.wrapper-table .header-team-name h3 .container-no-img .round,
.wrapper-table .header-team-name h3 .container-no-img-no-color .round {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  line-height: 28px;
  font-size: 1.2em;
  font-weight: 700;
  margin-right: 10px;
}
.wrapper-table .header-team-name h3 .container-no-img .round {
  color: #ffffff;
  text-shadow: 1px 1px 3px rgb(169, 169, 169);
}
.wrapper-table .header-team-name h3 .container-no-img-no-color .round {
  background-color: #1072cc;
  color: #ffffff;
  text-shadow: 1px 1px 3px rgb(169, 169, 169);
}
.wrapper-table .header-team-name h3 .img {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.wrapper-table .header-team-name h3 .img.no-img {
  background-color: #1d1d1b;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  color: #ffffff;
  font-size: 1.2em;
  line-height: 30px;
}
.wrapper-table .table-heading h2 {
  font-family: "Saira Extra Condensed", sans-serif;
  font-size: 2.5em;
  font-weight: 700;
  color: #1d1d1b;
  padding: 0 20px 0 10px;
}
@media only screen and (min-width: 1024px) {
  .wrapper-table .table-heading h2 {
    margin-top: 0;
    padding: 0 20px 0 0;
  }
}
.wrapper-table .table-heading h2 .icon {
  height: 24px;
  width: 24px;
  display: inline-block;
  vertical-align: top;
  margin-top: 9px;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.wrapper-table .table-heading h2 .icon path {
  fill: #1d1d1b;
}
@media only screen and (min-width: 1024px) {
  .wrapper-table .table-heading h2 .icon {
    display: none;
  }
}
.wrapper-table .table-responsive {
  border: none;
}
@media only screen and (min-width: 1024px) {
  .wrapper-table .table-responsive {
    margin-bottom: 20px;
  }
}
.wrapper-table #CDHMembersTable {
  overflow-y: hidden;
}
.wrapper-table .table-responsive > .fixed-column {
  position: absolute;
  display: inline-block;
  width: auto;
  z-index: 2;
}
.wrapper-table .table-responsive > .fixed-column tr td.column-to-fixed:last-child {
  border-right: 1px solid #e1e6ea;
}
@media only screen and (min-width: 768px) {
  .wrapper-table .table-responsive > .fixed-column tr td.column-to-fixed:last-child {
    border-right: none;
  }
}
.wrapper-table table {
  font-family: "Sintony", sans-serif;
  /*tbody tr.clickable {
    @media only screen and (min-width: 1024px) {
      cursor: pointer;
      &:hover {
        td {
          background-color: $tableLineHoverColor;
        }
      }
    }
  }*/
}
.wrapper-table table th, .wrapper-table table td {
  font-weight: 400;
  vertical-align: middle;
  white-space: nowrap;
}
.wrapper-table table th p, .wrapper-table table td p {
  white-space: nowrap;
}
.wrapper-table table th {
  font-size: 1.2em;
  padding: 15px 10px;
  background-color: #1d1d1b;
  color: #ffffff;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .wrapper-table table th.mobile-hidden {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .wrapper-table table th.mobile-text-hidden {
    text-indent: -1000em;
  }
}
@media only screen and (max-width: 768px) {
  .wrapper-table table td.mobile-hidden {
    display: none;
  }
}
.wrapper-table table tr {
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}
.wrapper-table table tr:last-child {
  border-bottom: 1px solid #ececec;
}
.wrapper-table table tr.bg-gray th,
.wrapper-table table tr.bg-gray td {
  background-color: #a9a9a9 !important;
  color: #ffffff;
}
.wrapper-table table tr.bg-black th,
.wrapper-table table tr.bg-black td {
  background-color: #1d1d1b !important;
  color: #ffffff;
}
.wrapper-table table tr.bg-main-color th,
.wrapper-table table tr.bg-main-color td {
  background-color: #1072cc !important;
  color: #ffffff;
}
.wrapper-table table tr.bg-white th,
.wrapper-table table tr.bg-white td {
  background-color: #ffffff !important;
}
.wrapper-table table td {
  font-size: 1.1em;
  padding: 10px 10px;
}
@media only screen and (min-width: 768px) {
  .wrapper-table table td {
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 1366px) {
  .wrapper-table table td {
    font-size: 1.2em;
    padding: 5px 10px;
  }
}
.wrapper-table table td.highlight {
  background-color: #1072cc !important;
  color: #ffffff !important;
}
.wrapper-table table td.highlight .line1 {
  color: #ffffff !important;
}
.wrapper-table table td.highlight .line2 {
  color: #a9a9a9 !important;
}
.wrapper-table table td.cell-team-width, .wrapper-table table td.cell-player-width {
  width: 180px;
}
@media only screen and (min-width: 768px) {
  .wrapper-table table td.cell-team-width, .wrapper-table table td.cell-player-width {
    font-size: 1em;
  }
}
@media only screen and (min-width: 1366px) {
  .wrapper-table table td.cell-team-width, .wrapper-table table td.cell-player-width {
    width: auto;
  }
}
@media only screen and (min-width: 1600px) {
  .wrapper-table table td.cell-team-width, .wrapper-table table td.cell-player-width {
    font-size: 1.2em;
  }
}
.wrapper-table table td.cell-team-width .line1, .wrapper-table table td.cell-player-width .line1 {
  display: block;
}
@media only screen and (min-width: 1366px) {
  .wrapper-table table td.cell-team-width .line1, .wrapper-table table td.cell-player-width .line1 {
    display: block;
  }
}
.wrapper-table table td.cell-team-width .team-abbr, .wrapper-table table td.cell-player-width .team-abbr {
  display: none;
  color: #1d1d1b;
  font-weight: 700;
  font-size: 1.4em;
  line-height: 1;
}
@media only screen and (min-width: 1366px) {
  .wrapper-table table td.cell-team-width .team-abbr, .wrapper-table table td.cell-player-width .team-abbr {
    display: none;
  }
}
.wrapper-table table td span {
  white-space: nowrap;
}
.wrapper-table table td span.game-in-progress {
  color: #1072cc;
  border: 1px solid #1072cc;
  font-weight: 700;
  padding: 5px 10px;
}
.wrapper-table table td span.goal, .wrapper-table table td span.save {
  color: #ffffff;
  padding: 3px 5px;
}
.wrapper-table table td span.goal {
  background-color: #34ba94;
}
.wrapper-table table td span.save {
  background-color: #be2846;
}
.wrapper-table table td.no-data {
  text-align: center;
  font-weight: 700;
  background-color: #ececec;
}
.wrapper-table table tr:nth-child(1n) td {
  background-color: #ffffff;
}
.wrapper-table table tr:nth-child(2n) td {
  background-color: #ececec;
}
.wrapper-table table tr.game-cancelled:nth-child(1n) td {
  background-color: #f1c787;
}
.wrapper-table table tr.game-cancelled:nth-child(2n) td {
  background-color: #f1c787;
}
.wrapper-table table .img-text {
  min-width: 180px;
  max-width: 180px;
}
@media only screen and (min-width: 1366px) {
  .wrapper-table table .img-text {
    min-width: inherit;
    max-width: inherit;
  }
}
.wrapper-table table .img-text.no-limit-dimension {
  min-width: inherit;
  max-width: inherit;
}
.wrapper-table table .img-text a {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  cursor: pointer;
}
.wrapper-table table .img-text a .line1 {
  cursor: pointer;
}
.wrapper-table table .img-text a:hover, .wrapper-table table .img-text a:focus {
  color: #e82131;
}
.wrapper-table table .img-text a:hover .line1, .wrapper-table table .img-text a:focus .line1 {
  color: #e82131;
}
.wrapper-table table .container-img {
  width: 35px;
  height: 35px;
  position: relative;
  overflow: hidden;
  margin: 0 10px 0 0;
  display: none;
}
@media only screen and (min-width: 1366px) {
  .wrapper-table table .container-img {
    display: inline-block;
    vertical-align: middle;
  }
}
.wrapper-table table td.radius .container-img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.wrapper-table table td.contain .container-img img {
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  /*top: 50%;
  left: 50%;
  transform: translate(-50%, -52%);*/
  display: none;
}
@media only screen and (min-width: 1366px) {
  .wrapper-table table td.contain .container-img img {
    display: block;
  }
}
.wrapper-table table td.cover .container-img img {
  min-height: 100%;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -52%);
  display: none;
}
@media only screen and (min-width: 1366px) {
  .wrapper-table table td.cover .container-img img {
    display: block;
  }
}
.wrapper-table table td.cover .container-img.show-mobile {
  display: inline-block;
  vertical-align: middle;
}
.wrapper-table table td.cover .container-img.show-mobile img {
  display: block;
}
.wrapper-table table .container-img.member-suspended {
  border: 2px solid #e82131;
  box-sizing: border-box;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.wrapper-table table .container-no-img,
.wrapper-table table .container-no-img-no-color {
  width: 35px;
  height: 35px;
  position: relative;
  overflow: hidden;
  margin: 0 10px 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #e1e6ea;
  display: none;
}
@media only screen and (min-width: 1366px) {
  .wrapper-table table .container-no-img,
  .wrapper-table table .container-no-img-no-color {
    display: inline-block;
    vertical-align: middle;
  }
}
.wrapper-table table .container-no-img.cdh-red-background {
  background-color: #e82131;
}
.wrapper-table table .container-no-img.cdh-blue-background {
  background-color: #1072cc;
}
.wrapper-table table .container-no-img.cdh-green-background {
  background-color: #85C550;
}
.wrapper-table table .expired-member .container-no-img.cdh-red-background {
  background-color: #a9a9a9;
}
.wrapper-table table .expired-member .container-no-img.cdh-blue-background {
  background-color: #a9a9a9;
}
.wrapper-table table .container-no-img.cdh-member-class.temporary {
  background-color: #999;
}
.wrapper-table table .container-no-img.cdh-member-class {
  width: auto;
  min-width: 57px;
  height: 38px;
  line-height: 38px;
  margin: 0;
  border: none;
  border-radius: 22px;
  padding: 0px 12px;
  font-size: 1.4em;
  font-weight: bold;
  color: #fff;
}
.wrapper-table table .container-no-img.cdh-member-class.cdh-no-class {
  display: none;
}
.wrapper-table table .container-no-img.always-show {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 4px;
}
.wrapper-table table .container-no-img.cdh-member-class-multi {
  position: relative;
  width: auto;
  height: 38px;
  line-height: 38px;
  margin: 0px 0px 4px 0px;
  border: none;
  border-radius: 22px;
  padding: 0px 12px 0px 4px;
  font-size: 1.4em;
  font-weight: bold;
  color: #fff;
}
.wrapper-table table .container-no-img.cdh-member-class-multi div {
  color: #000;
  background-color: #fff;
  line-height: 30px;
  height: 30px;
  border-radius: 15px;
  /*
  position:absolute;
  top:4px;
  left:4px;
  */
  display: inline-block;
  padding: 0px 6px;
}
.wrapper-table table .container-no-img.cdh-member-class-mobile {
  display: none;
}
@media only screen and (max-width: 768px) {
  .wrapper-table table .container-no-img.cdh-member-class-mobile {
    display: inline-block;
  }
}
.wrapper-table table .cdh-member-class-pos-lbl {
  font-weight: bold;
  margin: 4px 0px;
  display: none;
}
@media only screen and (max-width: 768px) {
  .wrapper-table table .cdh-member-class-pos-lbl {
    display: block;
  }
}
.wrapper-table table .future-class.future-class-hidden {
  visibility: hidden;
  height: 0;
}
.wrapper-table table .future-class.future-class-mobile {
  display: none;
}
@media only screen and (max-width: 768px) {
  .wrapper-table table .future-class.future-class-mobile {
    display: block;
  }
}
.wrapper-table table .container-no-img.always-show .round {
  display: block;
}
.wrapper-table table .container-no-img .round,
.wrapper-table table .container-no-img-no-color .round {
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 32px;
  font-size: 1.4em;
  font-weight: 700;
  display: none;
}
@media only screen and (min-width: 1366px) {
  .wrapper-table table .container-no-img .round,
  .wrapper-table table .container-no-img-no-color .round {
    display: block;
  }
}
.wrapper-table table .container-no-img .round {
  color: #ffffff;
}
.wrapper-table table .container-no-img-no-color .round {
  background-color: #1072cc;
  color: #ffffff;
}
.wrapper-table table span.member-cdh-number {
  display: none;
}
.wrapper-table table span.member-cdh-status {
  color: #000;
  margin-top: 3px;
}
@media only screen and (min-width: 768px) {
  .wrapper-table table span.member-cdh-status {
    display: none;
  }
}
.wrapper-table table th.border-left-gray,
.wrapper-table table td.border-left-gray {
  border-left: 1px solid #e1e6ea;
}
.wrapper-table table td.width-35 {
  width: 35px;
}
.wrapper-table table th.width-40,
.wrapper-table table td.width-40 {
  width: 40px;
}
.wrapper-table table td.width-55 {
  width: 55px;
}
.wrapper-table table td.width-80 {
  width: 80px;
}
.wrapper-table table td.width-150 {
  width: 150px;
}
.wrapper-table table td.width-180 {
  width: 180px;
}
.wrapper-table table td.width-200 {
  width: 200px;
}
.wrapper-table table td.men-class span,
.wrapper-table table td.women-class span,
.wrapper-table table td.temporary-class span {
  padding: 2px 10px;
  color: #ffffff;
}
.wrapper-table table td.men-class span {
  background-color: #d80c15;
}
.wrapper-table table td.women-class span {
  background-color: #1072cc;
}
.wrapper-table table td.temporary-class span {
  background-color: #a9a9a9;
}
.wrapper-table table td.cdh-double-td {
  padding-right: 20px;
}
.wrapper-table table td.cdh-class span {
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 32px;
  font-weight: 700;
  display: block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.wrapper-table table .img-text p {
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 1366px) {
  .wrapper-table table .img-text p {
    width: calc(100% - 45px);
  }
}
.wrapper-table table .img-text p .passeport-icon {
  display: block;
  position: absolute;
  bottom: -10px;
  left: -15px;
  z-index: 2;
}
.wrapper-table table .img-text p .with-passeport {
  padding-left: 10px;
}
.wrapper-table table .line1 {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  color: #1d1d1b;
  font-weight: 700;
  font-size: 1.2em;
  line-height: 1;
}
.wrapper-table table .line1 a {
  color: #1d1d1b;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.wrapper-table table .line1 a:hover, .wrapper-table table .line1 a:focus {
  color: #1072cc;
}
.wrapper-table table .position-logo {
  display: block;
  margin: 3px 0 0;
  height: auto;
  width: auto;
  max-width: 50px;
  max-height: 30px;
}
@media only screen and (min-width: 1366px) {
  .wrapper-table table .position-logo {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
  }
}
.wrapper-table table .line2 {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  text-transform: uppercase;
  color: #626261;
  margin-top: 3px;
}
.wrapper-table table .line2 a {
  color: #626261;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.wrapper-table table .line2 a:hover, .wrapper-table table .line2 a:focus {
  color: #1072cc;
}
.wrapper-table table .multiline-small {
  margin: 0;
}
.wrapper-table table .multiline-small span {
  display: block;
}
.wrapper-table table .multiline-bold {
  font-weight: 700;
  font-size: 1.1em;
  color: #1d1d1b;
}
.wrapper-table table .multiline-small-line2 {
  font-size: 1em;
}
.wrapper-table table .class-with-future {
  display: inline-block;
  color: #ffffff;
  font-weight: bold;
  background-image: linear-gradient(to right, #1072cc, #000);
  height: 20px;
  line-height: 20px;
  margin: 0;
  border: none;
  border-radius: 10px;
}
.wrapper-table table .class-with-future .current {
  display: inline-block;
  background-color: #1072cc !important;
  height: 20px;
  line-height: 20px;
  margin: 0;
  border: none;
  border-radius: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.wrapper-table table .class-with-future .future {
  display: inline-block;
  padding-right: 10px;
}
.wrapper-table table .class-with-future .future span {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  font-weight: normal;
  font-size: 0.8em !important;
}
.wrapper-table table .class-with-future .future svg {
  height: 10px;
}
.wrapper-table table .img-text-box {
  padding-left: 0;
}
.wrapper-table table .img-text-box .container-img {
  width: 56px;
  height: 56px;
}
.wrapper-table table .img-text-box .text-box {
  width: calc(100% - 70px);
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}
.wrapper-table table .img-text-box .line1 {
  font-size: 1.2em;
  color: #1d1d1b;
  font-weight: 700;
}
.wrapper-table table .img-text-box .line2 {
  text-transform: none;
}
.wrapper-table table .img-text-box .text {
  margin: 0 15px 0 0;
  display: inline-block;
  vertical-align: middle;
}
.wrapper-table table .img-text-box.no-text-overflow .text-box {
  width: 100%;
}
.wrapper-table table .img-text-box.no-text-overflow .line1,
.wrapper-table table .img-text-box.no-text-overflow .line2 {
  overflow: hidden;
  text-overflow: inherit;
  white-space: normal;
}
.wrapper-table table .img-text-box .box {
  margin: 3px 0 0 0;
}
.wrapper-table table .img-text-box .box .box-left,
.wrapper-table table .img-text-box .box .box-middle,
.wrapper-table table .img-text-box .box .box-right {
  display: inline-block;
  vertical-align: middle;
  padding: 3px 6px;
  text-transform: uppercase;
}
.wrapper-table table .img-text-box .box .box-left {
  padding-left: 0;
}
.wrapper-table table .img-text-box .box .box-left,
.wrapper-table table .img-text-box .box .box-right {
  color: #1d1d1b;
  position: relative;
}
.wrapper-table table .img-text-box .box .box-middle {
  color: #1072cc;
  margin: 0 8px;
}
.wrapper-table table .img-text-box .box .current {
  font-weight: 700;
}
.wrapper-table table .img-text-box .box .box-left:before,
.wrapper-table table .img-text-box .box .box-right:before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background-color: #626261;
  position: absolute;
  top: 7px;
}
.wrapper-table table .img-text-box .box .box-left:before {
  right: -6px;
}
.wrapper-table table .img-text-box .box .box-right:before {
  left: -6px;
}
.wrapper-table table .link-icon a {
  color: #626261;
}
.wrapper-table table .link-icon a:hover, .wrapper-table table .link-icon a:focus {
  color: #1d1d1b;
  font-weight: 700;
}
.wrapper-table table .link-icon a img {
  margin-right: 5px;
}
.wrapper-table table .link-icon svg {
  display: inline-block;
  vertical-align: middle;
  margin: -3px 5px 0 0;
}
.wrapper-table table span.result,
.wrapper-table table td.result span {
  background-color: #1072cc;
  color: #ffffff;
  font-weight: 700;
  padding: 5px 10px;
}
.wrapper-table table .ended {
  color: #d80c15;
  font-weight: 700;
}
.wrapper-table table .cancelled {
  color: #6c460d;
  font-weight: 700;
}
.wrapper-table table thead tr th:before {
  content: "";
  display: inline-block;
  font: normal normal normal 16px/1 "Nucleo Mini";
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  color: #a9a9a9;
  font-size: 8px;
  cursor: pointer;
  top: 50%;
  left: 5px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.wrapper-table table.tablesorter th.tablesorter-header:not(.sorter-false) {
  cursor: pointer;
}
.wrapper-table table thead tr th.tablesorter-headerDesc,
.wrapper-table table thead tr th.tablesorter-headerAsc {
  padding-left: 15px;
}
.wrapper-table table thead tr th.tablesorter-headerDesc:before {
  content: "\e93b";
}
.wrapper-table table thead tr th.tablesorter-headerAsc:before {
  content: "\e93e";
}
.wrapper-table table.mini-table .container-img {
  width: 24px;
  height: 24px;
}
.wrapper-table table.mini-table td {
  padding: 10px;
}
.wrapper-table table.mini-table .line2 {
  margin-top: 0;
}

/* CAROUSEL INDEX */
#carousel-index {
  max-height: 680px;
  overflow: hidden;
  margin: 0;
}
#carousel-index .carousel-inner,
#carousel-index .item {
  max-height: 680px;
  background: #1d1d1b;
}
#carousel-index .carousel-control {
  background: none;
  opacity: 1;
  width: 40px;
  text-shadow: none;
  z-index: 2;
  display: none;
}
@media only screen and (min-width: 480px) {
  #carousel-index .carousel-control {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  #carousel-index .carousel-control {
    width: 100px;
  }
}
#carousel-index .carousel-control .icon-control {
  height: 40px;
  width: 40px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -20px;
}
#carousel-index .carousel-control .icon-control i {
  font-size: 4em;
  position: absolute;
  left: -20px;
  top: -20px;
}
@media only screen and (min-width: 768px) {
  #carousel-index .carousel-control .icon-control i {
    left: 5px;
  }
}
#carousel-index .carousel-caption {
  font-size: 2.8em;
  font-weight: 700;
  text-align: center;
  bottom: initial;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  line-height: 1em;
  z-index: 2;
  right: 15%;
  left: 15%;
}
@media only screen and (min-width: 768px) {
  #carousel-index .carousel-caption {
    font-size: 6.4em;
  }
}
#carousel-index .carousel-indicators {
  bottom: 5px;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  #carousel-index .carousel-indicators {
    bottom: 10px;
  }
}
#carousel-index .carousel-indicators li {
  background: #ffffff;
  border: none;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  z-index: 2;
}
#carousel-index .carousel-indicators li:last-child {
  margin-right: 0;
}
#carousel-index .carousel-indicators .active {
  background: #1072cc;
  width: 10px;
  height: 10px;
}

.swiper-container {
  width: 100%;
  max-height: 680px;
}
.swiper-container .swiper-slide {
  overflow: hidden;
  text-align: center;
}
.swiper-container .swiper-slide a {
  display: block;
}
.swiper-container .swiper-slide img {
  width: 100%;
}
.swiper-container .swiper-slide .slider-img-desktop {
  display: none;
}
@media only screen and (min-width: 768px) {
  .swiper-container .swiper-slide .slider-img-desktop {
    display: inline;
  }
}
.swiper-container .swiper-slide .slider-img-mobile {
  display: inline;
}
@media only screen and (min-width: 768px) {
  .swiper-container .swiper-slide .slider-img-mobile {
    display: none;
  }
}
.swiper-container .swiper-button-prev,
.swiper-container .swiper-button-next {
  width: 50px;
  height: 50px;
  padding-top: 12px;
  text-align: center;
  background: none;
}
.swiper-container .swiper-pagination-bullet {
  background: #ffffff;
  opacity: 1;
}
.swiper-container .swiper-pagination-bullet-active {
  background: #1d1d1b;
}

/* SUMMARY STARS */
.game-star-desktop {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .game-star-desktop {
    display: block;
  }
}

.game-star-mobile {
  display: block;
}
@media only screen and (min-width: 1024px) {
  .game-star-mobile {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .wrapper-stars {
    display: flex;
  }
}
@media only screen and (min-width: 768px) {
  .wrapper-stars .star {
    display: flex;
    flex-direction: column;
    width: 33.3333333333%;
    position: relative;
  }
}
.wrapper-stars .inner-star {
  padding: 10px;
  color: #1d1d1b;
  background-color: #ffffff;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .wrapper-stars .inner-star {
    height: 100%;
    margin: 0;
  }
}
.wrapper-stars .inner-star:hover .player-identity .name, .wrapper-stars .inner-star:focus .player-identity .name {
  color: #1072cc;
}
.wrapper-stars .star-left .inner-star {
  border: 1px solid #ececec;
}
.wrapper-stars .star-middle .inner-star {
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}
@media only screen and (min-width: 768px) {
  .wrapper-stars .star-middle .inner-star {
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    border-left: none;
    border-right: none;
  }
}
.wrapper-stars .star-right .inner-star {
  border: 1px solid #ececec;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .wrapper-stars .star-right .inner-star {
    margin: 0;
  }
}
.wrapper-stars h3 {
  background-color: #1072cc;
  color: #ffffff;
  font-size: 1.2em;
  margin: 0;
  padding: 5px 10px 3px;
  display: inline-block;
  text-transform: uppercase;
}
.wrapper-stars .container-img {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #e1e6ea;
  position: relative;
  background-color: #ffffff;
  display: inline-block;
  vertical-align: middle;
  margin: 10px 15px 5px 0;
}
@media only screen and (min-width: 540px) and (max-width: 767px) {
  .wrapper-stars .container-img {
    width: 80px;
    height: 80px;
  }
}
@media only screen and (min-width: 768px) {
  .wrapper-stars .container-img {
    margin: 10px 5px 5px 0;
    width: 40px;
    height: 40px;
  }
}
@media only screen and (min-width: 1280px) {
  .wrapper-stars .container-img {
    margin: 0 20px 0 0;
  }
}
.wrapper-stars img {
  display: block;
  min-height: 100%;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.wrapper-stars .player-identity {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  font-size: 0.8em;
}
@media only screen and (min-width: 540px) and (max-width: 767px) {
  .wrapper-stars .player-identity {
    font-size: 1em;
  }
}
@media only screen and (min-width: 768px) {
  .wrapper-stars .player-identity {
    font-size: 0.8em;
    width: calc(100% - 50px);
  }
}
@media only screen and (min-width: 1280px) {
  .wrapper-stars .player-identity {
    font-size: 1em;
    width: calc(100% - 80px);
  }
}
.wrapper-stars .player-identity .number,
.wrapper-stars .player-identity .name {
  display: inline-block;
  vertical-align: middle;
}
.wrapper-stars .player-identity .number {
  font-family: "Saira Extra Condensed", sans-serif;
  font-size: 2.4em;
  padding: 0 5px 0 0;
  width: 40px;
  text-align: right;
  font-weight: 700;
  color: #1d1d1b;
}
.wrapper-stars .player-identity .name {
  font-size: 2.4em;
  padding: 0 0 0 5px;
  border-left: 1px solid #1d1d1b;
  width: calc(100% - 40px);
  text-align: left;
  color: #1d1d1b;
  font-family: "Saira Extra Condensed", sans-serif;
}
.wrapper-stars .player-identity .name a {
  color: #1d1d1b;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.wrapper-stars .player-identity .name a:hover, .wrapper-stars .player-identity .name a:focus {
  color: #1072cc;
}
.wrapper-stars .left,
.wrapper-stars .right {
  display: block;
}
.wrapper-stars .left {
  cursor: pointer;
}
.wrapper-stars .left:hover .player-identity .name, .wrapper-stars .left:focus .player-identity .name {
  color: #1072cc;
}
@media only screen and (min-width: 1024px) {
  .wrapper-stars .left {
    padding: 10px 0 0;
  }
}
@media only screen and (min-width: 1280px) {
  .wrapper-stars .left {
    padding: 20px 0 0;
  }
}
.wrapper-stars .left .stats-mobile {
  display: block;
  color: #1d1d1b;
}
@media only screen and (min-width: 768px) {
  .wrapper-stars .left .stats-mobile {
    display: none;
  }
}
.wrapper-stars .left .stats-mobile > span {
  display: inline-block;
  margin: 5px 0 0 15px;
}
.wrapper-stars .left .stats-mobile > span > span {
  font-size: 1.2em;
  text-transform: uppercase;
}
.wrapper-stars .left .stats-mobile > span > span:nth-child(2) {
  padding: 0 5px;
  border-left: 1px solid #e1e6ea;
  border-right: 1px solid #e1e6ea;
}
.wrapper-stars .left .stats-mobile > span > span:first-child {
  padding: 0 5px 0 0;
}
.wrapper-stars .left .stats-mobile > span > span:last-child {
  padding: 0 0 0 5px;
}
@media only screen and (min-width: 992px) {
  .wrapper-stars .right {
    margin: 20px 0 0 0;
  }
}
.wrapper-stars .right .stat-secondary,
.wrapper-stars .right .stat-principal {
  text-transform: uppercase;
  display: none;
}
@media only screen and (min-width: 768px) {
  .wrapper-stars .right .stat-secondary,
  .wrapper-stars .right .stat-principal {
    display: block;
  }
}
.wrapper-stars .right .stat-secondary {
  font-size: 1.2em;
  color: #1d1d1b;
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) {
  .wrapper-stars .right .stat-secondary {
    font-size: 1.4em;
  }
}
@media only screen and (min-width: 540px) and (max-width: 767px) {
  .wrapper-stars .right .stat-secondary {
    font-size: 1.4em;
  }
}
.wrapper-stars .right .stat-principal {
  font-size: 3.5em;
  color: #1d1d1b;
  font-family: "Saira Extra Condensed", sans-serif;
}
.wrapper-stars .logo-team {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 10px;
  top: 5px;
  background-size: contain !important;
}
@media only screen and (min-width: 768px) {
  .wrapper-stars .logo-team {
    width: 20px;
    height: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .wrapper-stars .logo-team {
    width: 40px;
    height: 40px;
  }
}

/* WRAPPER SIDEBAR */
.sidebar-col section:first-child,
.sidebar-col section:first-child .ranking-box {
  margin: 0;
}

.wrapper-sidebar {
  margin: 20px 0 0 0;
}
.wrapper-sidebar h3 {
  font-size: 2.5em;
  font-weight: 700;
  color: #1d1d1b;
  margin: 0 0 15px 0;
  font-family: "Saira Extra Condensed", sans-serif;
}

.sidebar-col .wrapper-sidebar:last-child {
  margin-bottom: 20px;
}

/* LÉGENDE */
.wrapper-legend {
  border: 1px solid #e1e6ea;
  padding: 20px 25px 25px;
  margin: 0 0 20px 0;
}
@media only screen and (min-width: 768px) {
  .wrapper-legend {
    margin: 0 0 40px 0;
  }
}
.wrapper-legend h3 {
  font-size: 3em;
  font-weight: 700;
  color: #1d1d1b;
  margin: 0 0 15px 0;
  font-family: "Saira Extra Condensed", sans-serif;
}
.wrapper-legend .content-legend {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  overflow: hidden;
  position: relative;
}
.wrapper-legend .content-legend p {
  font-size: 1.4em;
  line-height: 1.4;
  display: block;
}
@media only screen and (min-width: 768px) {
  .wrapper-legend .content-legend p {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    float: left;
  }
}
@media only screen and (min-width: 1024px) {
  .wrapper-legend .content-legend p {
    width: 33.33%;
  }
}
.wrapper-legend .content-legend p span {
  font-weight: 700;
}

/* BRIS D'ÉGALITÉ */
.wrapper-tie-break {
  border: 1px solid #e1e6ea;
  padding: 20px 25px 25px;
  margin: 0 0 20px 0;
}
@media only screen and (min-width: 768px) {
  .wrapper-tie-break {
    margin: 0 0 40px 0;
  }
}
.wrapper-tie-break.open-tie-break .content-tie-break:before {
  max-height: 0;
}
.wrapper-tie-break.open-tie-break .container-link .display-more {
  display: none;
}
.wrapper-tie-break.open-tie-break .container-link .display-less {
  display: inline-block;
}
.wrapper-tie-break h3 {
  font-size: 3em;
  font-weight: 700;
  color: #1d1d1b;
  margin: 0 0 15px 0;
  font-family: "Saira Extra Condensed", sans-serif;
}
.wrapper-tie-break .content-tie-break {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  overflow: hidden;
  max-height: 135px;
  position: relative;
}
.wrapper-tie-break .content-tie-break:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%, rgb(255, 255, 255) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%, rgb(255, 255, 255) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%, rgb(255, 255, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=0 );
  height: 40px;
  max-height: 40px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.wrapper-tie-break .content-tie-break p {
  font-size: 1.4em;
  line-height: 1.4;
}
.wrapper-tie-break .content-tie-break p span {
  font-weight: 700;
}
.wrapper-tie-break .container-link {
  text-align: right;
  margin: 20px 0 0 0;
}
.wrapper-tie-break .container-link .display-more {
  display: inline-block;
}
.wrapper-tie-break .container-link .display-less {
  display: none;
}

/* NEWSLETTER */
.wrapper-newsletter {
  border: 1px solid #e1e6ea;
  padding: 20px 25px 25px;
}
.wrapper-newsletter > .col-xs-12 {
  padding: 0;
}
@media only screen and (min-width: 1200px) {
  .wrapper-newsletter > .col-xs-12 {
    padding: 0 15px;
  }
}
.wrapper-newsletter h3 {
  margin-bottom: 25px;
}
.wrapper-newsletter p {
  color: #626261;
  font-size: 1.4em;
  margin: 0 0 25px 0;
}
.wrapper-newsletter .mc4wp-alert.mc4wp-error p {
  color: #d80c15;
}
.wrapper-newsletter .mc4wp-alert.mc4wp-success p {
  color: #149814;
}
.wrapper-newsletter input[type=submit] {
  color: #1d1d1b;
  display: inline-block;
  padding: 11px 15px 12px;
  position: relative;
  z-index: 1;
  border: 1px solid #e1e6ea;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background-color: transparent;
  font-size: 14px;
  font-weight: 700;
  margin-top: 25px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.wrapper-newsletter input[type=submit]:hover, .wrapper-newsletter input[type=submit]:focus {
  color: #1072cc;
  border: 1px solid #1072cc;
}
.wrapper-newsletter input[type=email],
.wrapper-newsletter input[type=tel],
.wrapper-newsletter input[type=text] {
  display: block;
  height: 24px;
  line-height: 24px;
  background-color: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #1d1d1b;
  font-size: 12px;
  padding: 0 5px;
  color: #626261;
  width: 100%;
  text-align: left;
}
.wrapper-newsletter label {
  display: block;
  text-transform: uppercase;
  font-size: 10px;
  color: #1d1d1b;
}
.wrapper-newsletter label input[type=checkbox],
.wrapper-newsletter label input[type=radio] {
  vertical-align: middle;
  margin: 0 3px 5px 0;
}
.wrapper-newsletter label span {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  text-transform: none;
  margin: -4px 0 0 0;
}

/* CUSTOMER ADVERTISMENT */
.wrapper-customer-advertisment {
  width: 100%;
}
.wrapper-customer-advertisment a {
  display: block;
}
.wrapper-customer-advertisment a img {
  width: 100%;
  height: auto;
}

/* NEWS SIDEBAR */
.wrapper-news-sidebar {
  border: 1px solid #e1e6ea;
  padding: 20px 25px 25px;
}
.wrapper-news-sidebar article {
  padding: 15px 10px 15px 0;
  border-bottom: 1px solid #e1e6ea;
  overflow: hidden;
}
.wrapper-news-sidebar article:first-child {
  border-top: none;
}
.wrapper-news-sidebar a {
  display: block;
  position: relative;
}
.wrapper-news-sidebar a:before {
  content: "";
  z-index: 1;
  position: absolute;
  width: calc(100% + 45px);
  height: calc(100% + 20px);
  top: -10px;
  left: -200%;
  background-color: #ececec;
  display: block;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.wrapper-news-sidebar a:hover:before, .wrapper-news-sidebar a:focus:before {
  left: -30px;
}
.wrapper-news-sidebar a:hover h4, .wrapper-news-sidebar a:focus h4 {
  color: #1072cc;
}
.wrapper-news-sidebar figure {
  display: inline-block;
  width: 33.3333333333%;
  min-height: 65px;
  vertical-align: middle;
  z-index: 1;
  position: relative;
  max-height: 85px;
  overflow: hidden;
}
.wrapper-news-sidebar figure img {
  max-width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
}
.wrapper-news-sidebar .news-sidebar-content {
  padding: 0 0 0 30px;
  vertical-align: middle;
  display: inline-block;
  width: 66.6666666667%;
  position: relative;
  z-index: 2;
}
.wrapper-news-sidebar h4 {
  font-size: 2em;
  color: #1d1d1b;
  margin: 10px 0 0;
  font-weight: 700;
  font-family: "Saira Extra Condensed", sans-serif;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.wrapper-news-sidebar time {
  text-transform: uppercase;
  font-size: 1em;
  color: #a9a9a9;
  position: relative;
}
.wrapper-news-sidebar time .circle {
  display: inline-block;
  width: 3px;
  height: 3px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-color: #a9a9a9;
  vertical-align: middle;
  margin: -2px 3px 0;
}
.wrapper-news-sidebar .container-more-news-link {
  padding: 20px 0 0;
  text-align: right;
}
.wrapper-news-sidebar .container-more-news-link a {
  display: inline-block;
  padding: 11px 10px 9px 15px;
  position: relative;
  z-index: 1;
  border: 1px solid #e1e6ea;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.wrapper-news-sidebar .container-more-news-link a:before {
  display: none;
}
.wrapper-news-sidebar .container-more-news-link a:hover, .wrapper-news-sidebar .container-more-news-link a:focus {
  border: 1px solid #1072cc;
}
.wrapper-news-sidebar .container-more-news-link a:hover .text, .wrapper-news-sidebar .container-more-news-link a:focus .text {
  color: #1072cc;
}
.wrapper-news-sidebar .container-more-news-link a .text,
.wrapper-news-sidebar .container-more-news-link a .icon {
  display: inline-block;
  vertical-align: middle;
}
.wrapper-news-sidebar .container-more-news-link a .text {
  color: #1d1d1b;
  font-size: 1.4em;
  font-weight: 700;
  margin: -3px 20px 0 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.wrapper-news-sidebar .container-more-news-link a polygon {
  fill: #1072cc;
}

/* POLLS */
.wrapper-polls {
  background-color: #1d1d1b;
  padding: 10px 25px 25px;
}
.wrapper-polls h3 {
  color: #1072cc;
  border-bottom: 1px solid #383837;
  padding: 0 0 15px;
  margin-top: 5px;
}
.wrapper-polls .wp-polls .wp-polls-ans .wp-polls-ul li {
  margin-bottom: 10px;
}
.wrapper-polls .wp-polls .wp-polls-ans .wp-polls-ul li input,
.wrapper-polls .wp-polls .wp-polls-ans .wp-polls-ul li label {
  margin: 0;
  vertical-align: middle;
  display: inline-block;
}
.wrapper-polls .wp-polls .wp-polls-ul {
  margin-left: 0;
}
.wrapper-polls .wp-polls .wp-polls-ul li {
  font-size: 12px;
  color: #ffffff;
}
.wrapper-polls .wp-polls .wp-polls-ul li .pollbar {
  background-color: #1072cc;
  border: none;
  background-image: none;
  margin: 5px 0 10px;
}
.wrapper-polls .wp-polls .Buttons {
  border: 1px solid #e1e6ea;
  background: transparent;
  padding: 11px 10px 9px;
}
.wrapper-polls .wp-polls p {
  font-size: 12px;
  color: #ffffff;
}
.wrapper-polls .wp-polls p a {
  color: #1072cc;
}
.wrapper-polls .wp-polls-loading {
  display: none !important;
}
.wrapper-polls .democracy .dem-poll-title {
  font-size: 12px;
  color: #ffffff;
  text-align: center;
}
.wrapper-polls .democracy li label {
  margin-bottom: 10px;
  font-size: 12px;
  color: #ffffff;
}
.wrapper-polls .democracy li label input,
.wrapper-polls .democracy li label span {
  margin: 0;
  vertical-align: middle;
  display: inline-block;
}
.wrapper-polls .democracy .dem-bottom {
  text-align: center;
  padding: 0;
}
.wrapper-polls .democracy .dem-bottom a {
  font-size: 12px;
  color: #1072cc;
  float: none;
  font-style: normal;
}
.wrapper-polls .democracy .dem-vote-button {
  display: block;
  width: 100%;
}
.wrapper-polls .democracy input[type=submit],
.wrapper-polls .democracy .dem-vote-link {
  display: inline-block;
  background: none;
  border: 1px solid #e1e6ea;
  background: transparent;
  padding: 11px 10px 9px;
  color: #e1e6ea;
  font-size: 12px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.wrapper-polls .democracy input[type=submit]:hover, .wrapper-polls .democracy input[type=submit]:focus,
.wrapper-polls .democracy .dem-vote-link:hover,
.wrapper-polls .democracy .dem-vote-link:focus {
  color: #1072cc;
  background: transparent;
  border-color: #1072cc;
}
.wrapper-polls .democracy .dem-copyright {
  display: none;
}
.wrapper-polls .democracy .dem-graph {
  height: 16px;
}
.wrapper-polls .democracy .dem-voted-this .dem-fill {
  background-color: #1072cc;
}
.wrapper-polls .democracy .dem-votes-txt-votes,
.wrapper-polls .democracy .dem-percent-txt {
  color: #ffffff;
  font-size: 12px;
}

/* SOCIAL MEDIA */
.wrapper-social-media {
  border: 1px solid #e1e6ea;
  padding: 20px 25px 25px;
}
.wrapper-social-media .nav-social-media.no-nav {
  display: none;
}
.wrapper-social-media .nav-social-media.nav-2-col .col-social-media-nav {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  text-align: center;
  float: left;
}
.wrapper-social-media .nav-social-media.nav-3-col .col-social-media-nav {
  display: inline-block;
  vertical-align: top;
  width: 33.3333333333%;
  text-align: center;
  float: left;
}
.wrapper-social-media .nav-social-media.nav-4-col .col-social-media-nav {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  text-align: center;
  float: left;
}
.wrapper-social-media .nav-social-media .col-social-media-nav {
  margin-bottom: 20px;
}
.wrapper-social-media .nav-social-media .col-social-media-nav a {
  border: 1px solid #e1e6ea;
  display: block;
  padding: 5px 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.wrapper-social-media .nav-social-media .facebook a:not(.actif):hover, .wrapper-social-media .nav-social-media .facebook a:not(.actif):focus {
  background-color: #3B5998;
  border: 1px solid #3B5998;
}
.wrapper-social-media .nav-social-media .facebook a:not(.actif):hover path, .wrapper-social-media .nav-social-media .facebook a:not(.actif):focus path {
  fill: #ffffff;
}
.wrapper-social-media .nav-social-media .twitter a:not(.actif):hover, .wrapper-social-media .nav-social-media .twitter a:not(.actif):focus {
  background-color: #000000;
  border: 1px solid #000000;
}
.wrapper-social-media .nav-social-media .twitter a:not(.actif):hover path, .wrapper-social-media .nav-social-media .twitter a:not(.actif):focus path {
  fill: #ffffff;
}
.wrapper-social-media .nav-social-media .youtube a:not(.actif):hover, .wrapper-social-media .nav-social-media .youtube a:not(.actif):focus {
  background-color: #ff0000;
  border: 1px solid #ff0000;
}
.wrapper-social-media .nav-social-media .youtube a:not(.actif):hover path, .wrapper-social-media .nav-social-media .youtube a:not(.actif):focus path {
  fill: #ffffff;
}
.wrapper-social-media .nav-social-media .instagram a:not(.actif):hover, .wrapper-social-media .nav-social-media .instagram a:not(.actif):focus {
  background-color: #e02f6a;
  border: 1px solid #e02f6a;
}
.wrapper-social-media .nav-social-media .instagram a:not(.actif):hover path, .wrapper-social-media .nav-social-media .instagram a:not(.actif):focus path {
  fill: #ffffff;
}
.wrapper-social-media .nav-social-media .facebook .actif {
  background-color: #3B5998;
  border: 1px solid #3B5998;
}
.wrapper-social-media .nav-social-media .facebook .actif path {
  fill: #ffffff;
}
.wrapper-social-media .nav-social-media .twitter .actif {
  background-color: #000000;
  border: 1px solid #000000;
}
.wrapper-social-media .nav-social-media .twitter .actif path {
  fill: #ffffff;
}
.wrapper-social-media .nav-social-media .youtube .actif {
  background-color: #ff0000;
  border: 1px solid #ff0000;
}
.wrapper-social-media .nav-social-media .youtube .actif path {
  fill: #ffffff;
}
.wrapper-social-media .nav-social-media .instagram .actif {
  background-color: #e02f6a;
  border: 1px solid #e02f6a;
}
.wrapper-social-media .nav-social-media .instagram .actif path {
  fill: #ffffff;
}

#wrapper-facebook,
#wrapper-twitter,
#wrapper-youtube,
#wrapper-instagram {
  text-align: center;
}
#wrapper-facebook.actif,
#wrapper-twitter.actif,
#wrapper-youtube.actif,
#wrapper-instagram.actif {
  display: block;
}
#wrapper-facebook .fb-xfbml-parse-ignore,
#wrapper-twitter .fb-xfbml-parse-ignore,
#wrapper-youtube .fb-xfbml-parse-ignore,
#wrapper-instagram .fb-xfbml-parse-ignore {
  border-left: 0;
}

#wrapper-twitter {
  display: none;
}
#wrapper-twitter.actif {
  display: block;
}

#wrapper-youtube {
  display: none;
}
#wrapper-youtube.actif {
  display: block;
}

#wrapper-instagram {
  display: none;
}
#wrapper-instagram.actif {
  display: block;
}

/* GALLERY */
.pswp__zoom-wrap {
  text-align: center;
}
.pswp__zoom-wrap:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.pswp--open {
  z-index: 20000 !important;
}

.wrapper {
  line-height: 0;
  width: 100%;
  max-width: 900px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  width: 100%;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

video {
  width: 100% !important;
  height: auto !important;
}

.photo-gallery {
  background-color: #1d1d1b;
  padding: 0 20px;
}
.photo-gallery .gabarit {
  width: 100%;
  max-width: 1800px;
  margin: 0 auto;
}
.photo-gallery .title {
  padding: 60px 0;
  text-align: center;
}
.photo-gallery .title h2 {
  display: inline-block;
  vertical-align: middle;
  font-size: 2.6em;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  font-family: "Saira Extra Condensed", sans-serif;
  margin: 0;
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .photo-gallery .title h2 {
    font-size: 4em;
    width: auto;
  }
  .photo-gallery .title h2:before {
    content: "";
    display: block;
    width: 66%;
    height: 1px;
    background-color: #ffffff;
    position: absolute;
    bottom: -15px;
    left: 17%;
  }
}
.photo-gallery .thumbnail-hide {
  display: none;
}
.photo-gallery .gallery-list {
  text-align: center;
  border-bottom: 1px solid #626261;
}
@media only screen and (min-width: 768px) {
  .photo-gallery .gallery-list {
    text-align: left;
  }
}
.photo-gallery .gallery-list .gallery-item {
  text-align: left;
}
.photo-gallery .gallery-list .gallery-item:nth-child(1), .photo-gallery .gallery-list .gallery-item:nth-child(2), .photo-gallery .gallery-list .gallery-item:nth-child(3) {
  width: 100%;
  max-width: 400px;
}
.photo-gallery .gallery-list .gallery-item:nth-child(1) {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 55px;
}
.photo-gallery .gallery-list .gallery-item:nth-child(2), .photo-gallery .gallery-list .gallery-item:nth-child(3) {
  display: none;
}
@media only screen and (min-width: 768px) {
  .photo-gallery .gallery-list .gallery-item:nth-child(2), .photo-gallery .gallery-list .gallery-item:nth-child(3) {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 55px;
  }
}
@media only screen and (min-width: 768px) {
  .photo-gallery .gallery-list .gallery-item:nth-child(1) {
    width: calc(33.3333333333% - 10px);
    margin-right: 10px;
    max-width: none;
  }
}
@media only screen and (min-width: 768px) {
  .photo-gallery .gallery-list .gallery-item:nth-child(2) {
    width: calc(33.3333333333% - 10px);
    margin-right: 5px;
    margin-left: 5px;
    max-width: none;
  }
}
@media only screen and (min-width: 768px) {
  .photo-gallery .gallery-list .gallery-item:nth-child(3) {
    width: calc(33.3333333333% - 10px);
    margin-left: 10px;
    max-width: none;
  }
}
.photo-gallery .gallery-list .gallery-item .photoswipe-item a {
  position: relative;
  display: block;
  background-color: #1d1d1b;
}
.photo-gallery .gallery-list .gallery-item .photoswipe-item a:hover .title-nb-picture .title-gallery, .photo-gallery .gallery-list .gallery-item .photoswipe-item a:focus .title-nb-picture .title-gallery {
  color: #1072cc;
}
.photo-gallery .gallery-list .gallery-item .container-thumbnail {
  display: block;
  height: 340px;
  overflow: hidden;
}
.photo-gallery .gallery-list .gallery-item .container-thumbnail img {
  display: none;
}
.photo-gallery .gallery-list .gallery-item > a {
  position: relative;
}
.photo-gallery .gallery-list .gallery-item > a > img {
  display: none;
}
.photo-gallery .gallery-list .gallery-item .title-nb-picture {
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  padding: 15px;
  background-color: #1d1d1b;
  bottom: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.photo-gallery .gallery-list .gallery-item .title-nb-picture .title-gallery,
.photo-gallery .gallery-list .gallery-item .title-nb-picture .nb-picture {
  display: inline-block;
  vertical-align: middle;
}
.photo-gallery .gallery-list .gallery-item .title-nb-picture .title-gallery {
  color: #ffffff;
  font-size: 2.2em;
  font-weight: 400;
  width: calc(100% - 55px);
  font-family: "Saira Extra Condensed", sans-serif;
  line-height: 1.2;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-weight: 700;
}
@media only screen and (min-width: 1024px) {
  .photo-gallery .gallery-list .gallery-item .title-nb-picture .title-gallery {
    font-size: 2.2em;
  }
}
@media only screen and (min-width: 1480px) {
  .photo-gallery .gallery-list .gallery-item .title-nb-picture .title-gallery {
    font-size: 2.5em;
  }
}
.photo-gallery .gallery-list .gallery-item .title-nb-picture .nb-picture {
  width: 50px;
  color: #ffffff;
  padding-right: 5px;
  font-size: 1.2em;
  float: right;
  padding-top: 2px;
  text-align: right;
}
.photo-gallery .gallery-list .gallery-item .title-nb-picture .nb-picture img {
  width: 15px;
  margin-left: 10px;
}
.photo-gallery .gallery-list .gallery-item .title-nb-picture .nb-picture svg {
  margin-left: 10px;
}
.photo-gallery .gallery-list .gallery-item .title-nb-picture .nb-picture svg path {
  fill: #ffffff;
}
.photo-gallery .gallery-list .gallery-item .author-date {
  display: block;
  margin: 0 0 10px 0;
}
.photo-gallery .gallery-list .gallery-item .author-date .author {
  color: #1072cc;
  font-size: 1.2em;
  font-weight: 400;
}
.photo-gallery .gallery-list .gallery-item .author-date .date {
  color: #a9a9a9;
  font-size: 1.2em;
  font-weight: 400;
}

.all-gallery .title {
  padding: 60px 0;
}
.all-gallery .title .left,
.all-gallery .title .right {
  display: block;
}
@media only screen and (min-width: 480px) {
  .all-gallery .title .left,
  .all-gallery .title .right {
    display: inline-block;
    vertical-align: middle;
  }
}
.all-gallery .title .left {
  margin-bottom: 30px;
}
@media only screen and (min-width: 480px) {
  .all-gallery .title .left {
    width: 275px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 480px) {
  .all-gallery .title .right {
    text-align: right;
    width: calc(100% - 275px);
  }
}
.all-gallery .title h2 {
  display: inline-block;
  vertical-align: middle;
  font-size: 2.6em;
  font-weight: 700;
  text-transform: uppercase;
  color: #1072cc;
  font-family: "Saira Extra Condensed", sans-serif;
  margin: 0;
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .all-gallery .title h2 {
    font-size: 4em;
    width: auto;
  }
  .all-gallery .title h2:before {
    content: "";
    display: block;
    width: 66%;
    height: 1px;
    background-color: #1072cc;
    position: absolute;
    bottom: -15px;
    left: 17%;
  }
}
.all-gallery .title .right > a {
  width: 100%;
  text-align: center;
  color: #1d1d1b;
  font-size: 1.2em;
  border: 1px solid #626261;
  height: 24px;
  line-height: 24px;
  display: block;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media only screen and (min-width: 560px) {
  .all-gallery .title .right > a {
    width: 226px;
    display: inline-block;
    vertical-align: top;
    height: 32px;
    line-height: 32px;
  }
}
.all-gallery .title .right > a:hover, .all-gallery .title .right > a:focus {
  color: #1072cc;
  border: 1px solid #1072cc;
}
.all-gallery .thumbnail-hide {
  display: none;
}
.all-gallery .gallery-list {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .all-gallery .gallery-list {
    text-align: left;
  }
}
.all-gallery .gallery-list .gallery-item {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 55px;
  text-align: left;
  width: 100%;
  max-width: 400px;
}
@media only screen and (min-width: 768px) {
  .all-gallery .gallery-list .gallery-item {
    width: calc(33.3333333333% - 10px);
    margin: 0 5px 10px;
    max-width: none;
  }
}
.all-gallery .gallery-list .gallery-item .photoswipe-item > span {
  position: relative;
  display: block;
  cursor: pointer;
}
.all-gallery .gallery-list .gallery-item .photoswipe-item > span:hover .title-nb-picture, .all-gallery .gallery-list .gallery-item .photoswipe-item > span:focus .title-nb-picture {
  background-color: #1d1d1b;
}
.all-gallery .gallery-list .gallery-item .container-thumbnail {
  display: block;
  height: 340px;
  overflow: hidden;
}
.all-gallery .gallery-list .gallery-item .container-thumbnail img {
  display: none;
}
.all-gallery .gallery-list .gallery-item > a {
  position: relative;
}
.all-gallery .gallery-list .gallery-item > a > img {
  display: none;
}
.all-gallery .gallery-list .gallery-item .title-nb-picture {
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  padding: 15px;
  background-color: rgba(29, 29, 27, 0.8);
  bottom: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.all-gallery .gallery-list .gallery-item .title-nb-picture .title-gallery,
.all-gallery .gallery-list .gallery-item .title-nb-picture .nb-picture {
  display: inline-block;
  vertical-align: middle;
}
.all-gallery .gallery-list .gallery-item .title-nb-picture .title-gallery {
  color: #ffffff;
  font-size: 2em;
  font-weight: 400;
  width: calc(100% - 55px);
  line-height: 1em;
}
@media only screen and (min-width: 1024px) {
  .all-gallery .gallery-list .gallery-item .title-nb-picture .title-gallery {
    font-size: 2em;
  }
}
.all-gallery .gallery-list .gallery-item .title-nb-picture .nb-picture {
  width: 50px;
  color: #ffffff;
  padding-right: 5px;
  font-size: 1.2em;
  float: right;
  padding-top: 2px;
  text-align: right;
}
.all-gallery .gallery-list .gallery-item .title-nb-picture .nb-picture img {
  width: 15px;
  margin-left: 10px;
}
.all-gallery .gallery-list .gallery-item .title-nb-picture .nb-picture svg {
  margin-left: 10px;
}
.all-gallery .gallery-list .gallery-item .title-nb-picture .nb-picture svg path {
  fill: #ffffff;
}
.all-gallery .gallery-list .gallery-item .author-date {
  display: block;
  margin: 0 0 10px 0;
}
.all-gallery .gallery-list .gallery-item .author-date .author {
  color: #1072cc;
  font-size: 1.2em;
  font-weight: 400;
}
.all-gallery .gallery-list .gallery-item .author-date .date {
  color: #a9a9a9;
  font-size: 1.2em;
  font-weight: 400;
}

/* MAP HOME */
.schedule-map {
  background-color: #1d1d1b;
  padding: 0 20px;
}
.schedule-map .schedule-map-inner {
  padding-top: 20px;
}
.schedule-map iframe {
  width: 100%;
  height: 250px;
}
.schedule-map.schedule-exist {
  width: 100%;
  height: 100%;
  position: relative;
}
.schedule-map.schedule-exist .schedule-wrapper {
  padding-bottom: 20px;
  color: #ffffff;
}
.schedule-map.schedule-exist .schedule-wrapper h2 {
  margin: 0 0 20px;
  color: #ffffff;
}
.schedule-map.schedule-exist .schedule-wrapper p {
  color: #a9a9a9;
  font-size: 1.2em;
}
.schedule-map.schedule-exist .schedule-wrapper p strong {
  font-weight: 700;
  color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .schedule-map.schedule-exist .schedule-map-inner {
    position: relative;
    min-height: 250px;
  }
  .schedule-map.schedule-exist .schedule-wrapper,
  .schedule-map.schedule-exist .wrapper-map {
    display: inline-block;
    vertical-align: top;
  }
  .schedule-map.schedule-exist .schedule-wrapper {
    width: 33.33%;
    text-align: right;
    padding-right: 40px;
  }
  .schedule-map.schedule-exist .schedule-wrapper p {
    margin-bottom: 18px;
  }
  .schedule-map.schedule-exist .wrapper-map {
    width: 66.67%;
    height: 100%;
    position: absolute;
    top: 20px;
    right: 0;
    bottom: 0;
  }
  .schedule-map.schedule-exist .wrapper-map iframe {
    height: 100%;
  }
}

/* CUSTOM PAGINATION */
.custom-pagination {
  text-align: center;
  margin: 40px 0;
  font-size: 1.2em;
}
@media only screen and (min-width: 768px) {
  .custom-pagination {
    font-size: 1.4em;
  }
}
.custom-pagination a, .custom-pagination span {
  display: inline-block;
  vertical-align: middle;
  padding: 4px 6px;
  color: #a9a9a9;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.custom-pagination a.prev, .custom-pagination a.next, .custom-pagination span.prev, .custom-pagination span.next {
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .custom-pagination a, .custom-pagination span {
    padding: 7px 12px;
  }
}
.custom-pagination a:hover, .custom-pagination a:focus, .custom-pagination span:hover, .custom-pagination span:focus {
  color: #1d1d1b;
}
.custom-pagination span.current {
  background-color: #1d1d1b;
  color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

/* COUNTDOWN */
.wrapper-countdown {
  border: 1px solid #e1e6ea;
  padding: 20px 25px 25px;
}
.wrapper-countdown .time_circles > div > h4 {
  color: #a9a9a9;
}
.wrapper-countdown .time_circles > div > span {
  color: #1d1d1b;
}
.wrapper-countdown.home-countdown {
  margin: 0 0 20px 0;
}
@media only screen and (min-width: 1280px) {
  .wrapper-countdown.home-countdown {
    margin: 0 10px 20px 10px;
  }
}
.wrapper-countdown.home-countdown h3 {
  font-size: 2.5em;
  font-weight: 700;
  color: #1d1d1b;
  margin: 0 0 15px 0;
  font-family: "Saira Extra Condensed", sans-serif;
}

/* CDH player card modal */
/*.cdh-card-player-modal {
  top: 60px;
  @media only screen and (min-width: 568px) {
    top: 0;
  }
  .modal-content {
    box-shadow: none;
    border: 0;
    border-radius: 30px;
    padding: 0 0 10px;
    @media only screen and (min-width: 568px) {
      padding: 15px 0 10px;
    }
    @media only screen and (min-width: 768px) {
      padding: 25px 0 10px;
    }
  }
  .modal-body {
    padding: 0;
  }
  .top-cdh-modal {
    .left,
    .right {
      display: inline-block;
      vertical-align: middle;
    }
    .left {
      width: 40%;
    }
    .right {
      width: 60%;
      padding-right: 20px;
    }
    .left-inner {
      padding: 10px 10px 10px 5px;
      background: $black;
      border-radius: 30px 30px 0 0;
      @media only screen and (min-width: 568px) {
        padding: 10px 20px 5px 10px;
      }
      @media only screen and (min-width: 768px) {
        padding: 20px 50px 5px 20px;
      }
    }
    .partner,
    a,
    img {
      display: inline-block;
      vertical-align: middle;
    }
    .partner {
      width: calc(100%/3);
    }
    a {
      padding-left: 5px;
      @media only screen and (min-width: 568px) {
        padding-left: 10px;
      }
      @media only screen and (min-width: 768px) {
        padding-left: 20px;
      }
    }
    .left-inner img {
      max-width: 100%;
      @media only screen and (min-width: 568px) {
        max-width: 100px;
      }
      @media only screen and (min-width: 768px) {
        max-width: 100%;
      }
    }
    .partner img {
      max-width: 100%;
      @media only screen and (min-width: 568px) {
        max-width: 50px;
      }
      @media only screen and (min-width: 768px) {
        max-width: 100%;
      }
    }
  }
  .content-cdh-modal {
    background: $black;
    padding: 20px 20px 20px 20px;

    .class-history-wrapper{

      .wrapper-loader {

        text-align: left;
        padding: 0;
        margin: 0 0 10px 0;
        background: transparent;

        svg {
          width: 24px;
          height:24px;
        }
      }
    }

    @media only screen and (min-width: 568px) {
      padding: 20px 25px 20px 20px;
    }
    @media only screen and (min-width: 768px) {
      padding: 25px 35px 25px 25px;
    }
  }
  .player-img-wrapper {
    width: 100px;
    display: inline-block;
    vertical-align: top;
    @media only screen and (min-width: 568px) {
      width: 120px;
    }
    @media only screen and (min-width: 768px) {
      width: 150px;
    }
    img {
      display: inline-block;
      width: 100%;
      height: auto;
    }
  }
  .info-player-wrapper {
    padding: 10px 0;
    width: 100%;
    display: block;
    @media only screen and (min-width: 568px) {
      padding: 0 15px;
      width: calc(100% - 180px);
      display: inline-block;
      vertical-align: top;
    }
    @media only screen and (min-width: 768px) {
      padding: 0 25px;
      width: calc(100% - 220px);
    }
    p {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      margin-bottom: 4px;
      line-height:1.2em;
      @media only screen and (min-width: 568px) {
        margin-bottom: 8px;
      }
    }
    .name,
    .class-history-title {
      color: #e8152b;
      font-size: 1.6em;
      &.class-history-title {

        font-size: 1.5em;
      }
      @media only screen and (min-width: 568px) {
        font-size: 2em;
      }
      @media only screen and (min-width: 768px) {
        font-size: 2.2em;
      }
    }
    .birth-info {
      color: $white;
      font-size: 1.4em;
      @media only screen and (min-width: 568px) {
        font-size: 1.4em;
      }
      @media only screen and (min-width: 768px) {
        font-size: 1.8em;
      }
      .birthdate {
        padding-right: 10px;
        position: relative;
        &:before {
          content: "";
          height: 20px;
          width: 2px;
          position: absolute;
          right: 0;
          top: 0;
          background-color: $white;
        }
      }
      .birthplace {
        padding-left: 10px;
      }
    }
    .place,
    .expiration-date,
    .package,
    .class-history-entry {
      color: $white;
      font-size: 1.2em;
      @media only screen and (min-width: 568px) {
        font-size: 1.4em;
      }
      @media only screen and (min-width: 768px) {
        font-size: 1.6em;
      }
      .libelle {
        color: $darkGray;
      }
    }
  }
  .position-player-wrapper {
    display: block;
    @media only screen and (min-width: 568px) {
      width: 60px;
      display: inline-block;
      vertical-align: top;
    }
    @media only screen and (min-width: 768px) {
      width: 70px;
    }
    .bubble-wrapper {
      display: inline-block;
      vertical-align: top;
      @media only screen and (min-width: 568px) {
        display: block;
      }
      &:first-child {
        margin-right: 15px;
        @media only screen and (min-width: 568px) {
          margin-bottom: 15px;
        }
      }
    }
    .bubble-inner {
      width: 70px;
      height: 70px;
      @include border-radius(50%);
      text-align: center;
      color: $white;
      padding-top: 15px;
      @media only screen and (min-width: 568px) {
        width: 60px;
        height: 60px;
        padding-top: 12px;
      }
      @media only screen and (min-width: 768px) {
        width: 70px;
        height: 70px;
        padding-top: 15px;
      }
    }
    .player-bubble.cdh-red-background,
    .goaler-bubble.cdh-red-background {
      background-color: #e8152b;
    }
    .player-bubble.cdh-blue-background,
    .goaler-bubble.cdh-blue-background {
      background-color: $blue;
    }
    .player-bubble.cdh-no-class,
    .goaler-bubble.cdh-no-class {
      background-color: #000;
      border:2px solid #666;
    }
    .player-bubble.temporary,
    .goaler-bubble.temporary {
      background-color: #999;
    }
    .position {
      font-weight: 700;
      font-size: 1.4em;
      margin-bottom: 0;
    }
    .cote {
      font-weight: 700;
      font-size: 2.4em;
      margin-bottom: 0;
      @media only screen and (min-width: 568px) {
        font-size: 2em;
      }
      @media only screen and (min-width: 768px) {
        font-size: 2.4em;
      }
    }
  }
  .bar-code-wrapper {
    padding: 10px 0 0;
  }
  .bar-code-inner {
    text-align: center;
    height: 30px;
    @media only screen and (min-width: 568px) {
      height: 40px;
    }
    @media only screen and (min-width: 768px) {
      height: 55px;
    }
    img {
      display: inline-block;
      height: 100%;
      width: auto;
    }
  }
}*/
body.modal-open {
  padding-right: 0 !important;
}

.cdh-card-player-modal {
  height: 100vh;
  width: 100vw;
  padding: 0 !important;
  top: 0;
  bottom: 0;
  margin: 0;
  right: 0;
  left: 0;
  z-index: 10000;
}
.cdh-card-player-modal.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
}
.cdh-card-player-modal.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.cdh-card-player-modal .modal-dialog {
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  width: 300px;
  height: 100%;
}
@media only screen and (min-height: 800px) {
  .cdh-card-player-modal .modal-dialog {
    width: 340px;
  }
}
.cdh-card-player-modal .modal-content {
  box-shadow: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 0;
  position: relative;
  min-height: 100vh;
  width: 100%;
}
.cdh-card-player-modal .modal-content .close-cdh-modal {
  width: 34px;
  height: 34px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-color: #ffffff;
  position: absolute;
  top: 30px;
  left: -15px;
  z-index: 2;
  text-align: center;
  padding-top: 7px;
  cursor: pointer;
}
.cdh-card-player-modal .modal-content .close-cdh-modal.gender-h svg path {
  fill: #e82131;
}
.cdh-card-player-modal .modal-content .close-cdh-modal.gender-f svg path {
  fill: #1072cc;
}
.cdh-card-player-modal .modal-content .close-cdh-modal.gender-jr svg path {
  fill: #85C550;
}
.cdh-card-player-modal .modal-content .close-cdh-modal.member-deact svg path {
  fill: #c0c0c0;
}
.cdh-card-player-modal .modal-content .close-cdh-modal:hover.gender-h {
  background-color: #ef6671;
}
.cdh-card-player-modal .modal-content .close-cdh-modal:hover.gender-h svg path {
  fill: #ffffff;
}
.cdh-card-player-modal .modal-content .close-cdh-modal:hover.gender-f {
  background-color: #3998ef;
}
.cdh-card-player-modal .modal-content .close-cdh-modal:hover.gender-f svg path {
  fill: #ffffff;
}
.cdh-card-player-modal .modal-content .close-cdh-modal:hover.gender-jr {
  background-color: #add889;
}
.cdh-card-player-modal .modal-content .close-cdh-modal:hover.gender-jr svg path {
  fill: #ffffff;
}
.cdh-card-player-modal .modal-content .close-cdh-modal:hover.member-deact {
  background-color: #e6e6e6;
}
.cdh-card-player-modal .modal-content .close-cdh-modal:hover.member-deact svg path {
  fill: #ffffff;
}
.cdh-card-player-modal .modal-content .modal-body {
  padding: 0;
  margin: 0;
  position: relative;
  height: 100%;
  width: 100%;
  max-height: 100vh;
  overflow-y: auto;
  overflow-x: inherit;
}
.cdh-card-player-modal .modal-content .modal-body.gender-h .content-cdh-top {
  background-color: #e82131;
}
.cdh-card-player-modal .modal-content .modal-body.gender-h .class-wrapper .position-player-wrapper .position-player-actual-class .class-detail .class-detail-main {
  color: #e82131;
}
.cdh-card-player-modal .modal-content .modal-body.gender-h .content-cdh-bottom .class-history-title {
  color: #e82131;
}
.cdh-card-player-modal .modal-content .modal-body.gender-h .content-cdh-bottom .nav.nav-tabs {
  border: 2px solid #e82131;
}
.cdh-card-player-modal .modal-content .modal-body.gender-h .content-cdh-bottom .nav.nav-tabs li a {
  color: #e82131;
}
.cdh-card-player-modal .modal-content .modal-body.gender-h .content-cdh-bottom .nav.nav-tabs li.active a {
  color: #ffffff;
  background-color: #e82131;
}
.cdh-card-player-modal .modal-content .modal-body.gender-f .content-cdh-top {
  background-color: #1072cc;
}
.cdh-card-player-modal .modal-content .modal-body.gender-f .class-wrapper .position-player-wrapper .position-player-actual-class .class-detail .class-detail-main {
  color: #1072cc;
}
.cdh-card-player-modal .modal-content .modal-body.gender-f .content-cdh-bottom .class-history-title {
  color: #1072cc;
}
.cdh-card-player-modal .modal-content .modal-body.gender-f .content-cdh-bottom .nav.nav-tabs {
  border: 2px solid #1072cc;
}
.cdh-card-player-modal .modal-content .modal-body.gender-f .content-cdh-bottom .nav.nav-tabs li a {
  color: #1072cc;
}
.cdh-card-player-modal .modal-content .modal-body.gender-f .content-cdh-bottom .nav.nav-tabs li.active a {
  color: #ffffff;
  background-color: #1072cc;
}
.cdh-card-player-modal .modal-content .modal-body.gender-jr .content-cdh-top {
  background-color: #85C550;
}
.cdh-card-player-modal .modal-content .modal-body.gender-jr .class-wrapper .position-player-wrapper .position-player-actual-class .class-detail .class-detail-main {
  color: #85C550;
}
.cdh-card-player-modal .modal-content .modal-body.gender-jr .content-cdh-bottom .class-history-title {
  color: #1072cc;
}
.cdh-card-player-modal .modal-content .modal-body.gender-jr .content-cdh-bottom .nav.nav-tabs {
  border: 2px solid #85C550;
}
.cdh-card-player-modal .modal-content .modal-body.gender-jr .content-cdh-bottom .nav.nav-tabs li a {
  color: #1072cc;
}
.cdh-card-player-modal .modal-content .modal-body.gender-jr .content-cdh-bottom .nav.nav-tabs li.active a {
  color: #ffffff;
  background-color: #85C550;
}
.cdh-card-player-modal .modal-content .modal-body.member-deact .content-cdh-top {
  background-color: #c0c0c0;
}
.cdh-card-player-modal .modal-content .modal-body.member-deact .class-wrapper .position-player-wrapper .position-player-actual-class .class-detail .class-detail-main {
  color: #c0c0c0;
}
.cdh-card-player-modal .modal-content .modal-body.member-deact .content-cdh-bottom .class-history-title {
  color: #1072cc;
}
.cdh-card-player-modal .modal-content .modal-body.member-deact .content-cdh-bottom .nav.nav-tabs {
  border: 2px solid #c0c0c0;
}
.cdh-card-player-modal .modal-content .modal-body.member-deact .content-cdh-bottom .nav.nav-tabs li a {
  color: #1072cc;
}
.cdh-card-player-modal .modal-content .modal-body.member-deact .content-cdh-bottom .nav.nav-tabs li.active a {
  color: #ffffff;
  background-color: #c0c0c0;
}
.cdh-card-player-modal .content-cdh-top,
.cdh-card-player-modal .content-cdh-bottom {
  padding-left: 7.8%;
  padding-right: 7.8%;
}
.cdh-card-player-modal .content-cdh-top {
  padding-top: 3vh;
  padding-bottom: 3.6vh;
}
@media only screen and (min-height: 800px) {
  .cdh-card-player-modal .content-cdh-top {
    padding-top: 3.52vh;
    padding-bottom: 4.26vh;
  }
}
.cdh-card-player-modal p.name {
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 2px;
  font-size: 22px;
  font-weight: 700;
  font-style: italic;
}
@media only screen and (min-height: 800px) {
  .cdh-card-player-modal p.name {
    font-size: 34px;
  }
}
.cdh-card-player-modal p.player-id {
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  font-style: italic;
}
@media only screen and (min-height: 800px) {
  .cdh-card-player-modal p.player-id {
    font-size: 18px;
  }
}
.cdh-card-player-modal .img-and-class-wrapper {
  margin-top: 1.85vh;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 140px;
  -webkit-border-radius: 70px;
  -moz-border-radius: 70px;
  -ms-border-radius: 70px;
  border-radius: 70px;
  padding: 11px 11px 20px;
  background-color: #ffffff;
}
@media only screen and (min-height: 800px) {
  .cdh-card-player-modal .img-and-class-wrapper {
    max-width: 190px;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    -ms-border-radius: 90px;
    border-radius: 90px;
    padding: 8px 10px 24px;
  }
}
.cdh-card-player-modal .player-img-wrapper {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
  padding: 100% 0 0 0;
  margin-bottom: 8px;
}
@media only screen and (min-height: 800px) {
  .cdh-card-player-modal .player-img-wrapper {
    margin-bottom: 14px;
  }
}
.cdh-card-player-modal .player-img-wrapper img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  opacity: 1;
  z-index: 1;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  float: left;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.cdh-card-player-modal .class-wrapper .position-player-wrapper {
  min-height: 66px;
}
.cdh-card-player-modal .class-wrapper .position-player-wrapper.no-future-class {
  padding-top: 13px;
}
@media only screen and (min-height: 800px) {
  .cdh-card-player-modal .class-wrapper .position-player-wrapper {
    min-height: 72px;
  }
  .cdh-card-player-modal .class-wrapper .position-player-wrapper.no-future-class {
    padding-top: 16px;
  }
}
.cdh-card-player-modal .class-wrapper .position-player-wrapper .position-player-actual-class {
  font-size: 0;
  text-align: center;
}
.cdh-card-player-modal .class-wrapper .position-player-wrapper .position-player-actual-class .class-detail {
  display: inline-block;
  width: 45%;
}
.cdh-card-player-modal .class-wrapper .position-player-wrapper .position-player-actual-class .class-detail div {
  text-align: center;
}
.cdh-card-player-modal .class-wrapper .position-player-wrapper .position-player-actual-class .class-detail .class-detail-title {
  color: #000;
  font-size: 12px;
  font-weight: 700;
}
@media only screen and (min-height: 800px) {
  .cdh-card-player-modal .class-wrapper .position-player-wrapper .position-player-actual-class .class-detail .class-detail-title {
    font-size: 14px;
  }
}
.cdh-card-player-modal .class-wrapper .position-player-wrapper .position-player-actual-class .class-detail .class-detail-main {
  font-size: 16px;
}
@media only screen and (min-height: 800px) {
  .cdh-card-player-modal .class-wrapper .position-player-wrapper .position-player-actual-class .class-detail .class-detail-main {
    font-size: 30px;
  }
}
.cdh-card-player-modal .class-wrapper .position-player-wrapper .position-player-actual-class .class-detail .class-detail-sub {
  color: #000;
  font-size: 12px;
  font-weight: 700;
}
@media only screen and (min-height: 800px) {
  .cdh-card-player-modal .class-wrapper .position-player-wrapper .position-player-actual-class .class-detail .class-detail-sub {
    font-size: 14px;
  }
}
.cdh-card-player-modal .class-wrapper .position-player-wrapper .position-player-actual-class .class_detail-left {
  border-right: 1px solid #dddddd;
}
.cdh-card-player-modal .class-wrapper .position-player-wrapper .position-player-actual-class .class-detail-jr {
  display: block;
  width: 100%;
  margin-bottom: 6px;
}
.cdh-card-player-modal .class-wrapper .position-player-wrapper .position-player-actual-class .class-detail-jr .class-detail-main {
  font-size: 16px;
}
@media only screen and (min-height: 800px) {
  .cdh-card-player-modal .class-wrapper .position-player-wrapper .position-player-actual-class .class-detail-jr .class-detail-main {
    font-size: 20px;
  }
}
.cdh-card-player-modal .class-wrapper .future-class-wrapper {
  padding-top: 2px;
  text-align: center;
}
@media only screen and (min-height: 800px) {
  .cdh-card-player-modal .class-wrapper .future-class-wrapper {
    padding-top: 5px;
  }
}
.cdh-card-player-modal .class-wrapper .future-class-wrapper .future-class {
  padding-top: 2px;
}
@media only screen and (min-height: 800px) {
  .cdh-card-player-modal .class-wrapper .future-class-wrapper .future-class {
    padding-top: 5px;
  }
}
.cdh-card-player-modal .class-wrapper .future-class-wrapper .future-class .class {
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: 700;
}
@media only screen and (min-height: 800px) {
  .cdh-card-player-modal .class-wrapper .future-class-wrapper .future-class .class {
    font-size: 14px;
    margin-bottom: 4px;
  }
}
.cdh-card-player-modal .class-wrapper .future-class-wrapper .future-class .date {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 700;
}
@media only screen and (min-height: 800px) {
  .cdh-card-player-modal .class-wrapper .future-class-wrapper .future-class .date {
    font-size: 14px;
  }
}
.cdh-card-player-modal .other-infos {
  padding-top: 20px;
}
@media only screen and (min-height: 800px) {
  .cdh-card-player-modal .other-infos {
    padding-top: 34px;
  }
}
.cdh-card-player-modal .other-infos p {
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  font-style: italic;
  margin-bottom: 4px;
}
@media only screen and (min-height: 800px) {
  .cdh-card-player-modal .other-infos p {
    font-size: 20px;
  }
}
.cdh-card-player-modal .other-infos p:last-child {
  margin-bottom: 0;
}
.cdh-card-player-modal .member-stats-action {
  padding-top: 16px;
  text-align: center;
}
@media only screen and (min-height: 800px) {
  .cdh-card-player-modal .member-stats-action {
    padding-top: 24px;
  }
}
.cdh-card-player-modal .member-stats-action .member-stats-btn {
  display: inline-block;
  padding: 8px 20px;
  background-color: transparent;
  border: 2px solid #ffffff;
  border-radius: 4px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.05em;
  transition: background-color 0.2s ease, color 0.2s ease;
}
@media only screen and (min-height: 800px) {
  .cdh-card-player-modal .member-stats-action .member-stats-btn {
    font-size: 15px;
    padding: 10px 26px;
  }
}
.cdh-card-player-modal .member-stats-action .member-stats-btn:hover, .cdh-card-player-modal .member-stats-action .member-stats-btn:focus {
  background-color: #ffffff;
  color: #1d1d1b;
  text-decoration: none;
}
.cdh-card-player-modal .content-cdh-bottom {
  padding-top: 2.98vh;
  padding-bottom: 2.98vh;
}
.cdh-card-player-modal .content-cdh-bottom h3 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}
@media only screen and (min-height: 800px) {
  .cdh-card-player-modal .content-cdh-bottom h3 {
    font-size: 28px;
  }
}
.cdh-card-player-modal .content-cdh-bottom .class-history-title {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media only screen and (min-height: 800px) {
  .cdh-card-player-modal .content-cdh-bottom .class-history-title {
    font-size: 14px;
  }
}
.cdh-card-player-modal .content-cdh-bottom .nav.nav-tabs {
  font-size: 0;
  height: 36px;
  border-radius: 18px;
}
@media only screen and (min-height: 800px) {
  .cdh-card-player-modal .content-cdh-bottom .nav.nav-tabs {
    height: 44px;
    border-radius: 22px;
  }
}
.cdh-card-player-modal .content-cdh-bottom .nav.nav-tabs li {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
}
.cdh-card-player-modal .content-cdh-bottom .nav.nav-tabs li a {
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  height: 32px;
  line-height: 32px;
  border-radius: 16px;
  border: none;
  margin: 0;
  padding: 0;
}
.cdh-card-player-modal .content-cdh-bottom .nav.nav-tabs li a:hover {
  background: transparent;
}
@media only screen and (min-height: 800px) {
  .cdh-card-player-modal .content-cdh-bottom .nav.nav-tabs li a {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
  }
}
.cdh-card-player-modal .content-cdh-bottom .nav.nav-tabs li.active a {
  color: #ffffff;
  width: 110%;
}
.cdh-card-player-modal .content-cdh-bottom .nav.nav-tabs li:first-child a {
  margin-left: -1px;
}
.cdh-card-player-modal .content-cdh-bottom .nav.nav-tabs li:last-child a {
  margin-right: -1px;
  margin-left: -9%;
}
.cdh-card-player-modal .content-cdh-bottom .tab-content {
  padding-top: 2.4vh;
}
.cdh-card-player-modal .content-cdh-bottom .class-history-entry {
  font-size: 0;
  margin-bottom: 0;
}
.cdh-card-player-modal .content-cdh-bottom .class-history-entry span {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 8px;
  display: inline-block;
  vertical-align: top;
}
.cdh-card-player-modal .content-cdh-bottom .class-history-entry span.class {
  width: 60px;
  text-align: center;
}
.cdh-card-player-modal .content-cdh-bottom .class-history-entry span.libelle {
  width: calc(100% - 60px);
  text-align: left;
}
@media only screen and (min-height: 800px) {
  .cdh-card-player-modal .content-cdh-bottom .class-history-entry span {
    font-size: 14px;
    margin-bottom: 10px;
  }
}

/* Reservation calendar */
#reservation-calendar-scheduler {
  width: 100%;
  height: 80vh;
}
#reservation-calendar-scheduler .dhx_cal_navline .dhx_cal_tab {
  position: relative;
  display: inline-block;
}
#reservation-calendar-scheduler .dhx_minical_icon_wrapper {
  position: absolute;
  text-align: left;
  margin-left: 20px;
  width: 100%;
  height: 30px;
}
@media only screen and (min-width: 600px) {
  #reservation-calendar-scheduler .dhx_minical_icon_wrapper {
    text-align: center;
    margin-left: 0;
  }
}
#reservation-calendar-scheduler .dhx_minical_icon_wrapper .dhx_cal_date {
  position: relative;
  top: 0;
  left: 0;
  display: inline;
  vertical-align: middle;
}
#reservation-calendar-scheduler .dhx_minical_icon_wrapper .dhx_minical_icon {
  left: 0;
  position: relative;
  top: 0;
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
}
#reservation-calendar-scheduler .dhx_cal_today_button {
  right: 70px;
}
#reservation-calendar-scheduler .dhx_cal_prev_button {
  right: 70px;
}
@media only screen and (min-width: 600px) {
  #reservation-calendar-scheduler .dhx_cal_prev_button {
    right: 160px;
  }
}

.home-page .wrapper-2-col {
  padding-top: 20px;
}

.news-home a {
  display: block;
}
.news-home a .container-img {
  overflow: hidden;
  position: relative;
}
.news-home a .img {
  padding-bottom: 66%;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 110%;
  max-width: 100%;
}
.news-home .news-box {
  background-color: #1d1d1b;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.news-home .news-box:hover a .img, .news-home .news-box:focus a .img {
  max-width: 110%;
}
.news-home .container-flex {
  display: flex;
}
.news-home .content-news {
  padding: 15px 15px 25px;
}
@media only screen and (min-width: 1280px) {
  .news-home .content-news {
    padding: 15px 15px 25px;
  }
}
@media only screen and (min-width: 1480px) {
  .news-home .content-news {
    padding: 25px;
  }
}
.news-home a > img {
  opacity: 0.7;
  width: 100%;
}
.news-home .text {
  margin-top: 15px;
}
.news-home p {
  margin: 0;
}
.news-home .name {
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
  text-transform: uppercase;
  padding: 9px;
  background-color: #1072cc;
  margin: 0 0 25px 0;
}
.news-home .date {
  display: block;
  font-size: 1.2em;
  color: #a9a9a9;
}
.news-home h2 {
  font-size: 2.2em;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
  margin: 0;
  font-family: "Saira Extra Condensed", sans-serif;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media only screen and (min-width: 1280px) {
  .news-home h2 {
    font-size: 2.2em;
  }
}
@media only screen and (min-width: 1480px) {
  .news-home h2 {
    font-size: 2.5em;
  }
}
.news-home .news-box:hover .text h2,
.news-home .news-box:focus .text h2 {
  color: #1072cc;
}
.news-home .main-news {
  display: block;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1280px) {
  .news-home .main-news {
    display: flex;
  }
}
.news-home .main-news .content-news {
  padding: 25px 25px 25px 25px;
}
.news-home .main-news h2 {
  font-size: 2.5em;
  line-height: 30px;
}
@media only screen and (min-width: 1280px) {
  .news-home .main-news h2 {
    font-size: 4em;
    line-height: 45px;
  }
}
@media only screen and (min-width: 1480px) {
  .news-home .main-news h2 {
    font-size: 4.5em;
    line-height: 50px;
  }
}
.news-home .col-2-flex {
  display: block;
  width: 100%;
  margin: 0 auto 20px;
  /*@media only screen and (min-width: 1280px) {
    &:first-child {
      margin: 0 10px 0 10px;
    }
    &:last-child {
      margin: 0 10px 0 10px;
    }
  }*/
}
.news-home .col-2-flex:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1280px) {
  .news-home .col-2-flex {
    display: flex;
    flex-direction: column;
    width: calc(50% - 15px);
    margin: 0 10px 0;
    max-width: none;
  }
  .news-home .col-2-flex:first-child {
    margin: 0 10px 0 10px;
  }
  .news-home .col-2-flex:last-child {
    margin: 0 10px 0 10px;
  }
}
.news-home .secondary-news {
  display: block;
}
@media only screen and (min-width: 1280px) {
  .news-home .secondary-news {
    display: flex;
    flex-wrap: wrap;
  }
}
.news-home .secondary-news .date {
  display: block;
}
.news-home .secondary-news .name {
  margin: 0 0 20px 0;
}
.news-home .col-3-flex {
  display: block;
  width: 100%;
  margin: 0 auto 20px;
  /*@media only screen and (min-width: 1280px) {
    width: calc(100% / 3 - 20px);
    margin: 0 10px;
    max-width: none;
    &:nth-child(2n) {
      margin: 0 10px 20px 10px;
    }
    &:nth-child(2n+1) {
      margin: 0 10px 20px 10px;
    }
    .content-news {
      &:nth-child(3),
      &:nth-child(4) {
        margin: 0 auto 20px;
      }
      min-height: inherit;
    }
  }*/
}
.news-home .col-3-flex:last-child {
  margin-bottom: 0;
}
.news-home .col-3-flex.news-mobile-hide {
  display: none;
}
@media only screen and (min-width: 768px) {
  .news-home .col-3-flex.news-mobile-hide {
    display: block;
  }
}
@media only screen and (min-width: 1280px) {
  .news-home .col-3-flex {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    width: calc(33.3333333333% - 20px);
    margin: 0 10px;
    max-width: none;
  }
  .news-home .col-3-flex:nth-child(2n) {
    margin: 0 10px 20px 10px;
  }
  .news-home .col-3-flex:nth-child(2n+1) {
    margin: 0 10px 20px 10px;
  }
  .news-home .col-3-flex:nth-child(3), .news-home .col-3-flex:nth-child(4) {
    margin: 0 auto 20px;
  }
  .news-home .col-3-flex .content-news {
    min-height: inherit;
  }
}
.news-home .col-4-flex {
  display: block;
  width: 100%;
  margin: 0 auto 20px;
  /*@media only screen and (min-width: 1280px) {
    width: calc(25% - 20px);
    margin: 0 10px;
    max-width: none;
    &:nth-child(2n) {
      margin: 0 10px 20px 10px;
    }
    &:nth-child(2n+1) {
      margin: 0 10px 20px 10px;
    }
    .content-news {
      &:nth-child(3),
      &:nth-child(4) {
        margin: 0 auto 20px;
      }
      min-height: inherit;
    }
  }*/
}
.news-home .col-4-flex:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1280px) {
  .news-home .col-4-flex {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    width: calc(25% - 20px);
    margin: 0 10px;
    max-width: none;
  }
  .news-home .col-4-flex:nth-child(2n) {
    margin: 0 10px 20px 10px;
  }
  .news-home .col-4-flex:nth-child(2n+1) {
    margin: 0 10px 20px 10px;
  }
  .news-home .col-4-flex:nth-child(3), .news-home .col-4-flex:nth-child(4) {
    margin: 0 auto 20px;
  }
  .news-home .col-4-flex .content-news {
    min-height: inherit;
  }
}

@media only screen and (min-width: 768px) {
  .home-page .wrapper-2-col .left-col,
  .home-page .wrapper-2-col .right-col {
    display: inline-block;
    vertical-align: top;
  }
}
.home-page .wrapper-2-col .left-col {
  max-width: 400px;
}
@media only screen and (min-width: 768px) {
  .home-page .wrapper-2-col .left-col {
    max-width: none;
    width: calc(100% - 365px);
    margin-right: 5px;
  }
}
@media only screen and (min-width: 992px) {
  .home-page .wrapper-2-col .left-col {
    width: calc(100% - 415px);
  }
}
@media only screen and (min-width: 768px) {
  .home-page .wrapper-2-col .right-col {
    width: calc(33.3333333333% - 10px);
    margin-left: 10px;
  }
}
.home-page .wrapper-2-col .right-col.sidebar-col {
  max-width: 400px;
}
@media only screen and (min-width: 768px) {
  .home-page .wrapper-2-col .right-col.sidebar-col {
    width: 350px;
    float: right;
  }
}
@media only screen and (min-width: 992px) {
  .home-page .wrapper-2-col .right-col.sidebar-col {
    width: 400px;
    margin-top: 0;
  }
}

.container-more-news-link {
  padding: 40px 10px;
  text-align: right;
}
.container-more-news-link a {
  display: inline-block;
  padding: 11px 10px 9px 15px;
  position: relative;
  z-index: 1;
  border: 1px solid #e1e6ea;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.container-more-news-link a:hover, .container-more-news-link a:focus {
  border: 1px solid #1072cc;
}
.container-more-news-link a:hover .text, .container-more-news-link a:focus .text {
  color: #1072cc;
}
.container-more-news-link a .text,
.container-more-news-link a .icon {
  display: inline-block;
  vertical-align: middle;
}
.container-more-news-link a .text {
  color: #1d1d1b;
  font-size: 1.4em;
  font-weight: 700;
  margin: -3px 20px 0 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.container-more-news-link a polygon {
  fill: #1072cc;
}

.ranking-home {
  padding: 20px 0;
}
.ranking-home .ranking-box-table-container {
  display: none;
}
.ranking-home .ranking-box-table-container.active {
  display: block;
}
.ranking-home .ranking-box-header {
  padding: 22px 15px 17px;
  height: 70px;
  border-top: 1px solid #e1e6ea;
  border-left: 1px solid #e1e6ea;
  border-right: 1px solid #e1e6ea;
}
.ranking-home .ranking-box {
  display: block;
  width: 100%;
  margin: 0 0 20px;
}
.ranking-home .ranking-box:last-child {
  margin: 0;
}
.ranking-home h2 {
  font-size: 1.8em;
  color: #1d1d1b;
  font-weight: 700;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 106px);
  font-family: "Saira Extra Condensed", sans-serif;
}
@media only screen and (min-width: 480px) {
  .ranking-home h2 {
    font-size: 2.2em;
  }
}
@media only screen and (min-width: 992px) {
  .ranking-home h2 {
    font-size: 2.5em;
  }
}
@media only screen and (min-width: 1024px) {
  .ranking-home h2 {
    width: calc(100% - 122px);
  }
}
.ranking-home h2 a.text {
  color: #1d1d1b;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: inline-block;
  vertical-align: middle;
}
.ranking-home h2 a.text:hover, .ranking-home h2 a.text:focus {
  color: #1072cc;
}
.ranking-home h2 a.img,
.ranking-home h2 span.img {
  width: 70px;
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
}
.ranking-home h2 a.img img,
.ranking-home h2 span.img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 30px;
  display: inline-block;
}
.ranking-home .container-3-btn {
  width: 106px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 1024px) {
  .ranking-home .container-3-btn {
    width: 122px;
  }
}
.ranking-home .container-3-btn .custom-btn {
  background-color: #ffffff;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  width: 33.3333333333%;
  height: 24px;
  color: #1d1d1b;
  line-height: 24px;
  cursor: pointer;
  border: 1px solid #1d1d1b;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.ranking-home .container-3-btn .custom-btn.left-btn {
  border-right: none;
}
.ranking-home .container-3-btn .custom-btn.right-btn {
  border-left: none;
}
.ranking-home .container-3-btn .custom-btn.active {
  background-color: #1d1d1b;
  color: #ffffff;
}
.ranking-home .container-3-btn .custom-btn.active.left-btn {
  border: none;
}
.ranking-home .container-3-btn .custom-btn.active.right-btn {
  border: none;
}
.ranking-home .container-3-btn .custom-btn:not(.active):hover {
  background-color: #e9e9e9;
}
.ranking-home .wrapper-table {
  margin: 0;
}
.ranking-home .wrapper-table .table-responsive {
  margin-bottom: 0;
  overflow-x: inherit;
}
.ranking-home .wrapper-table .table-responsive table {
  color: #1d1d1b;
  width: 100%;
}
.ranking-home .wrapper-table .table-responsive table tbody {
  border: 1px solid #e1e6ea;
}
.ranking-home .wrapper-table .table-responsive table tbody tr td:first-child {
  max-width: 21px;
}
.ranking-home .wrapper-table .table-responsive table .container-img {
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
}
.ranking-home .wrapper-table .table-responsive table td.radius .container-img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.ranking-home .wrapper-table .table-responsive table td.contain .container-img img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.ranking-home .wrapper-table .table-responsive table td.cover .container-img img {
  display: block;
  min-height: 100%;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.ranking-home .wrapper-table .table-responsive table td.img-text {
  min-width: 180px;
  max-width: 180px;
}
.ranking-home .wrapper-table .table-responsive table .container-no-img,
.ranking-home .wrapper-table .table-responsive table .container-no-img-no-color {
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #e1e6ea;
}
.ranking-home .wrapper-table .table-responsive table .container-no-img .round,
.ranking-home .wrapper-table .table-responsive table .container-no-img-no-color .round {
  width: 24px;
  height: 24px;
  display: block;
  text-align: center;
  line-height: 22px;
  font-size: 1em;
  font-weight: 700;
}
.ranking-home .wrapper-table .table-responsive table .container-no-img .round {
  color: #ffffff;
  text-shadow: 1px 1px 3px rgb(169, 169, 169);
}
.ranking-home .wrapper-table .table-responsive table .container-no-img-no-color .round {
  background-color: #1072cc;
  color: #ffffff;
  text-shadow: 1px 1px 3px rgb(169, 169, 169);
}
.ranking-home .wrapper-table .table-responsive table .line1 {
  color: #1d1d1b;
}
.ranking-home .wrapper-table .table-responsive td {
  padding: 8px 10px;
}
.ranking-home .wrapper-table .table-responsive td.highlight {
  background-color: transparent !important;
  color: #1d1d1b !important;
  font-weight: 700;
  font-size: 1.6em;
}
.ranking-home .wrapper-table .table-responsive td a .line1 {
  color: #1d1d1b;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  line-height: 1.1;
}
.ranking-home .wrapper-table .table-responsive td a:hover .line1, .ranking-home .wrapper-table .table-responsive td a:focus .line1 {
  color: #1072cc;
}
.ranking-home .wrapper-table .table-responsive tr:first-child td {
  padding-top: 18px;
}
.ranking-home .wrapper-table .table-responsive tr:last-child td {
  padding-bottom: 18px;
}
.ranking-home .wrapper-table .table-responsive tr.clickable:hover td.highlight,
.ranking-home .wrapper-table .table-responsive tr.clickable:nth-child(2n):hover td.highlight {
  background-color: #dfeefc !important;
}
.ranking-home .wrapper-table .table-responsive tr:nth-child(2n) td.highlight {
  background-color: #ececec !important;
}
@media only screen and (min-width: 768px) {
  .ranking-home.no-sidebar .ranking-box {
    display: inline-block;
    vertical-align: top;
    width: 33.3333333333%;
  }
}

.sidebar-col .ranking-home {
  padding: 0;
}
.sidebar-col .ranking-box {
  margin: 20px 0 0 0;
}
.sidebar-col .ranking-box:last-child {
  margin: 20px 0 0 0;
}

.home-page .wrapper-stars {
  padding: 0 0 0 0;
}
@media only screen and (min-width: 768px) {
  .home-page .wrapper-2-col .wrapper-stars {
    display: block;
  }
}
@media only screen and (min-width: 992px) {
  .home-page .wrapper-2-col .wrapper-stars {
    display: flex;
  }
}
@media only screen and (min-width: 768px) {
  .home-page .wrapper-2-col .wrapper-stars .star {
    display: block;
    width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .home-page .wrapper-2-col .wrapper-stars .star {
    display: flex;
    flex-direction: column;
    width: 33.3333333333%;
    position: relative;
  }
}
@media only screen and (min-width: 768px) {
  .home-page .wrapper-2-col .wrapper-stars .inner-star {
    height: auto;
  }
}
@media only screen and (min-width: 992px) {
  .home-page .wrapper-2-col .wrapper-stars .inner-star {
    height: 100%;
    margin: 0;
  }
}
.home-page .wrapper-2-col .wrapper-stars .star-middle .inner-star {
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}
@media only screen and (min-width: 768px) {
  .home-page .wrapper-2-col .wrapper-stars .star-middle .inner-star {
    border-top: none;
    border-bottom: none;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
  }
}
@media only screen and (min-width: 992px) {
  .home-page .wrapper-2-col .wrapper-stars .star-middle .inner-star {
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    border-left: none;
    border-right: none;
  }
}
@media only screen and (min-width: 540px) and (max-width: 767px) {
  .home-page .wrapper-2-col .wrapper-stars .container-img {
    width: 60px;
    height: 60px;
    margin: 10px 15px 5px 0;
  }
}
@media only screen and (min-width: 768px) {
  .home-page .wrapper-2-col .wrapper-stars .container-img {
    width: 60px;
    height: 60px;
    margin: 10px 15px 5px 0;
  }
}
@media only screen and (min-width: 992px) {
  .home-page .wrapper-2-col .wrapper-stars .container-img {
    margin: 10px 5px 5px 0;
    width: 40px;
    height: 40px;
  }
}
@media only screen and (min-width: 1280px) {
  .home-page .wrapper-2-col .wrapper-stars .container-img {
    margin: 0 20px 0 0;
  }
}
@media only screen and (min-width: 540px) and (max-width: 767px) {
  .home-page .wrapper-2-col .wrapper-stars .player-identity {
    font-size: 0.8em;
  }
}
@media only screen and (min-width: 768px) {
  .home-page .wrapper-2-col .wrapper-stars .player-identity {
    font-size: 0.8em;
    width: calc(100% - 75px);
  }
}
@media only screen and (min-width: 992px) {
  .home-page .wrapper-2-col .wrapper-stars .player-identity {
    font-size: 0.8em;
    width: calc(100% - 50px);
  }
}
@media only screen and (min-width: 1280px) {
  .home-page .wrapper-2-col .wrapper-stars .player-identity {
    font-size: 1em;
    width: calc(100% - 80px);
  }
}
@media only screen and (min-width: 768px) {
  .home-page .wrapper-2-col .wrapper-stars .left .stats-mobile {
    display: block;
  }
}
@media only screen and (min-width: 992px) {
  .home-page .wrapper-2-col .wrapper-stars .left .stats-mobile {
    display: none;
    padding: 10px 0 0;
  }
}
@media only screen and (min-width: 768px) {
  .home-page .wrapper-2-col .wrapper-stars .right .stat-secondary,
  .home-page .wrapper-2-col .wrapper-stars .right .stat-principal {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .home-page .wrapper-2-col .wrapper-stars .right .stat-secondary,
  .home-page .wrapper-2-col .wrapper-stars .right .stat-principal {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .home-page .wrapper-2-col .wrapper-stars .right .stat-secondary {
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 992px) {
  .home-page .wrapper-2-col .wrapper-stars .right .stat-secondary {
    font-size: 1.4em;
  }
}
@media only screen and (min-width: 540px) and (max-width: 767px) {
  .home-page .wrapper-2-col .wrapper-stars .right .stat-secondary {
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 768px) {
  .home-page .wrapper-2-col .wrapper-stars .logo-team {
    width: 40px;
    height: 40px;
  }
}
@media only screen and (min-width: 992px) {
  .home-page .wrapper-2-col .wrapper-stars .logo-team {
    width: 20px;
    height: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .home-page .wrapper-2-col .wrapper-stars .logo-team {
    width: 40px;
    height: 40px;
  }
}

@media only screen and (min-width: 768px) {
  .stars-home-page {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .stars-home-page {
    padding: 0 10px;
  }
}
.stars-home-page h2 {
  font-family: "Saira Extra Condensed", sans-serif;
  font-size: 2.5em;
  font-weight: 700;
  color: #1d1d1b;
  margin: 0;
  padding: 20px 25px;
  border-top: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}

.page {
  color: #1d1d1b;
}
.page .article-content {
  display: block;
  width: 100%;
  padding: 20px;
  font-size: 1.4em;
  line-height: 1.2;
}
@media only screen and (min-width: 1024px) {
  .page .article-content {
    padding: 40px 20px;
  }
}
.page .article-content p {
  font-size: 1em;
  line-height: 1.7;
  margin: 0 0 20px;
  color: #1d1d1b !important;
}
@media only screen and (min-width: 768px) {
  .page .article-content p {
    margin: 0 0 30px;
  }
}
.page .article-content p a {
  font-size: 1em;
  color: #1072cc !important;
  text-decoration: none;
}
.page .article-content p a:hover, .page .article-content p a:focus {
  color: #0c589d !important;
}
.page .article-content h1 {
  font-size: 2.2em;
  font-weight: 700;
  margin: 0 0 20px;
  font-family: "Saira Extra Condensed", sans-serif;
  color: #1072cc !important;
}
@media only screen and (min-width: 768px) {
  .page .article-content h1 {
    font-size: 2.5em;
    margin: 0 0 30px;
  }
}
.page .article-content h2 {
  font-size: 2em;
  font-weight: 700;
  margin: 0 0 20px;
  font-family: "Saira Extra Condensed", sans-serif;
  color: #1d1d1b !important;
}
@media only screen and (min-width: 768px) {
  .page .article-content h2 {
    font-size: 2.2em;
    margin: 0 0 30px;
  }
}
.page .article-content h3 {
  font-size: 1.6em;
  font-weight: 700;
  margin: 0 0 20px;
  font-family: "Saira Extra Condensed", sans-serif;
  color: #1d1d1b !important;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .page .article-content h3 {
    font-size: 1.8em;
    margin: 0 0 30px;
  }
}
.page .article-content h4, .page .article-content h5, .page .article-content h6 {
  font-size: 1.4em;
  font-weight: 700;
  margin: 0 0 20px;
  font-family: "Saira Extra Condensed", sans-serif;
  color: #1d1d1b !important;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .page .article-content h4, .page .article-content h5, .page .article-content h6 {
    font-size: 1.6em;
    margin: 0 0 30px;
  }
}
.page .article-content ul,
.page .article-content ol {
  margin: 0 0 20px;
}
@media only screen and (min-width: 768px) {
  .page .article-content ul,
  .page .article-content ol {
    margin: 0 0 30px;
  }
}
.page .article-content ul li,
.page .article-content ol li {
  font-size: 1em;
  line-height: 1.6;
}
.page .article-content ul li a,
.page .article-content ol li a {
  font-size: 1em;
  color: #1072cc;
  text-decoration: none;
}
.page .article-content ul li a:hover, .page .article-content ul li a:focus,
.page .article-content ol li a:hover,
.page .article-content ol li a:focus {
  color: #0c589d;
}
.page .article-content ul ul, .page .article-content ul ol,
.page .article-content ol ul,
.page .article-content ol ol {
  margin: 5px 0 5px 25px;
}
.page .article-content ul li:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-color: #1072cc;
  margin-right: 8px;
}
.page .article-content ul ul ul li:before {
  content: "";
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  background-color: #a9a9a9;
}
.page .article-content ol ul ul li:before,
.page .article-content ol ol ul li:before {
  content: "";
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  background-color: #a9a9a9;
}
.page .article-content a[href$=".pdf"],
.page .article-content a[href$=".xls"],
.page .article-content a[href$=".doc"],
.page .article-content a[href$=".docs"],
.page .article-content a[href$=".xlsx"] {
  position: relative;
  padding: 10px 10px 10px 35px;
  color: #1072cc !important;
  background-color: #f5f5f5;
  display: block;
  font-weight: 700;
}
.page .article-content a[href$=".pdf"]:before,
.page .article-content a[href$=".xls"]:before,
.page .article-content a[href$=".doc"]:before,
.page .article-content a[href$=".docs"]:before,
.page .article-content a[href$=".xlsx"]:before {
  content: "\ee99";
  display: inline-block;
  font: normal normal normal 14px/1 "Nucleo Outline";
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  border: none;
  font-size: 32px;
  vertical-align: middle;
  margin-right: 15px;
}
.page .article-content a[href$=".pdf"]:before {
  content: "\e957";
}
.page .article-content a[href$=".doc"]:before,
.page .article-content a[href$=".docs"]:before {
  content: "\e94b";
}
.page .article-content a[href$=".xls"]:before,
.page .article-content a[href$=".xlsx"]:before {
  content: "\e94a";
}
.page .article-content table {
  height: auto !important;
  max-width: 100% !important;
  margin: 0 0 20px;
  overflow: hidden;
  overflow-x: scroll;
  display: block;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  .page .article-content table {
    overflow: inherit;
    display: table;
    white-space: inherit;
    margin: 0 0 30px;
  }
}
.page .article-content table tr {
  height: auto !important;
}
.page .article-content table tr td {
  border-style: solid;
  border-width: 1px;
  vertical-align: top;
  height: auto !important;
  padding: 10px !important;
}
.page .article-content table tr td ul, .page .article-content table tr td ol {
  margin: 0 0 0 8px;
}
.page .article-content table tr td p + ul, .page .article-content table tr td p + ol {
  margin-top: -25px;
}
.page .article-content img {
  width: auto;
  height: auto;
  max-width: 100%;
}
.page .article-content img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}
.page .article-content img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}
.page .article-content img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.page .article-content a img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}
.page .article-content a img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}
.page .article-content a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.page .article-content .container-advertisment {
  margin: 0 0 20px;
}
@media only screen and (min-width: 768px) {
  .page .article-content .container-advertisment {
    margin: 0 0 30px;
  }
}

.header-news {
  background-color: #e1e6ea;
  text-align: center;
  position: relative;
}
.header-news figure {
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
  background-color: #e1e6ea;
  max-height: 500px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .header-news figure {
    min-height: 400px;
  }
}
.header-news figure img {
  width: 100%;
  height: auto;
  max-width: 100%;
}
.header-news .embed-responsive {
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
  max-height: 350px;
  padding-bottom: 350px;
}
.header-news .embed-responsive .embed-responsive-item {
  max-height: 350px;
}

.container-news-detail {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .container-news-detail {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
  }
}
.container-news-detail .news-detail {
  position: relative;
  bottom: auto;
  padding: 20px 10px 10px;
  background: #1d1d1b;
  color: #ffffff;
  max-width: 1220px;
}
@media only screen and (min-width: 768px) {
  .container-news-detail .news-detail {
    background: rgba(29, 29, 27, 0.8);
    padding: 30px 20px 20px;
  }
}
.container-news-detail .cat-link {
  position: absolute;
  left: 0;
  width: 100%;
  top: -5px;
  text-align: center;
}
.container-news-detail .cat-link a {
  font-size: 1.2em;
  left: 0;
  padding: 8px 12px 6px;
  margin-bottom: 0;
  color: #ffffff;
  background: #1072cc;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
  cursor: pointer;
  line-height: 1;
}
.container-news-detail h1 {
  font-size: 2.4em;
  line-height: 1.4;
  margin: 0 0 10px;
  font-weight: 700;
  font-family: "Saira Extra Condensed", sans-serif;
}
@media only screen and (min-width: 768px) {
  .container-news-detail h1 {
    font-size: 3.2em;
    line-height: 1.4;
  }
}
@media only screen and (min-width: 768px) {
  .container-news-detail h1 {
    font-size: 4.5em;
    line-height: 1.4;
  }
}
.container-news-detail .info {
  font-size: 1.4em;
}
.container-news-detail .info > p {
  margin-bottom: 0;
}
.container-news-detail .author {
  display: block;
}
@media only screen and (min-width: 768px) {
  .container-news-detail .author {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 0;
  }
}
.container-news-detail .icon-author {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: -3px 10px 0 0;
}
.container-news-detail .date {
  color: #a9a9a9;
  display: block;
  margin: 10px 0 0 0;
}
@media only screen and (min-width: 768px) {
  .container-news-detail .date {
    display: inline-block;
    vertical-align: middle;
    margin: -4px 0 0 0;
  }
}
.container-news-detail .sep {
  display: none;
}
@media only screen and (min-width: 768px) {
  .container-news-detail .sep {
    display: inline-block;
    vertical-align: middle;
    margin: -5px 5px 0;
  }
}

.header-news.container-media-video .container-news-detail {
  position: relative;
}
.header-news.container-media-video .container-news-detail .news-detail {
  background-color: #1d1d1b;
}

.container-text-social {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .container-text-social {
    padding: 20px 0;
  }
}
@media only screen and (min-width: 768px) {
  .container-text-social .article-content {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 80px);
    padding: 0;
  }
}
.container-text-social .social-box {
  display: block;
  width: 100%;
  padding: 20px;
  background-color: #e1e6ea;
}
@media only screen and (min-width: 768px) {
  .container-text-social .social-box {
    width: 80px;
    padding: 0 20px;
    display: inline-block;
    vertical-align: top;
    background-color: transparent;
  }
}
.container-text-social .social-box .share-icon {
  display: inline-block;
  width: 60px;
  text-align: center;
  height: 40px;
  padding: 6px 0 0 0;
}
@media only screen and (min-width: 768px) {
  .container-text-social .social-box .share-icon {
    display: block;
    width: 40px;
    text-align: center;
    height: 60px;
    padding: 16px 0 0 0;
  }
}
.container-text-social .social-box .share-icon.facebook {
  background-color: #3B5998;
  margin: 0 10px 0 0;
}
@media only screen and (min-width: 768px) {
  .container-text-social .social-box .share-icon.facebook {
    margin: 0 0 10px 0;
  }
}
.container-text-social .social-box .share-icon.twitter {
  background-color: #000000;
}

/* STATISTIQUES */
.page.stats .wrapper-table #stats-players table td.cell-team-width {
  width: 170px;
}
@media only screen and (min-width: 768px) {
  .page.stats .wrapper-table #stats-players table td.cell-team-width {
    width: 280px;
  }
}
.page.stats .wrapper-table #stats-players table .img-text {
  min-width: 170px;
  max-width: 170px;
}
@media only screen and (min-width: 768px) {
  .page.stats .wrapper-table #stats-players table .img-text {
    min-width: 280px;
    max-width: 280px;
  }
}
.page.stats .wrapper-table table td.cell-team-width .line1,
.page.stats .wrapper-table table td.cell-player-width .line1 {
  display: block;
}

/* SUMMARY SCORE BOX */
.wrapper-boxscore .header-boxscore {
  position: relative;
}
@media only screen and (min-width: 992px) {
  .wrapper-boxscore .header-boxscore .left,
  .wrapper-boxscore .header-boxscore .right {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    position: relative;
    height: 50px;
  }
}
.wrapper-boxscore .header-boxscore .left {
  border-top: 1px solid #e1e6ea;
  border-left: 1px solid #e1e6ea;
}
@media only screen and (min-width: 992px) {
  .wrapper-boxscore .header-boxscore .right {
    border-top: 1px solid #e1e6ea;
    border-right: 1px solid #e1e6ea;
  }
}
@media only screen and (min-width: 992px) {
  .wrapper-boxscore .header-boxscore .middle {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 1px solid #e1e6ea;
    width: 33.3333333333%;
    background-color: #ffffff;
    z-index: 3;
    height: 60px;
  }
}
.wrapper-boxscore .header-boxscore .left p {
  margin: 10px 10px 3px;
  font-size: 1.1em;
  color: #626261;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .wrapper-boxscore .header-boxscore .left p {
    font-size: 1.6em;
    text-align: left;
    margin: 0;
    padding: 0 34% 0 20px;
    position: relative;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
  }
}
.wrapper-boxscore .header-boxscore .right p {
  font-size: 1.1em;
  margin: 0 10px 3px;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .wrapper-boxscore .header-boxscore .right p {
    font-size: 1.6em;
    text-align: right;
    margin: 0;
    padding: 0 20px 0 34%;
    position: relative;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
  }
}
.wrapper-boxscore .header-boxscore .middle p {
  font-size: 1.1em;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 10px 10px;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .wrapper-boxscore .header-boxscore .middle p {
    font-size: 1.6em;
    text-align: center;
    margin: 0;
    padding: 0 20px 0;
    position: relative;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
  }
}
.wrapper-boxscore .content-boxscore {
  position: relative;
  display: flex;
  border-top: 1px solid #e1e6ea;
  border-bottom: 1px solid #e1e6ea;
  font-family: "Saira Extra Condensed", sans-serif;
  font-size: 1.2em;
}
.wrapper-boxscore .content-boxscore .boxscore-left,
.wrapper-boxscore .content-boxscore .boxscore-middle,
.wrapper-boxscore .content-boxscore .boxscore-right {
  display: flex;
  flex-direction: column;
}
.wrapper-boxscore .content-boxscore .boxscore-left,
.wrapper-boxscore .content-boxscore .boxscore-right {
  padding: 20px 10px;
  position: relative;
}
@media only screen and (min-width: 992px) {
  .wrapper-boxscore .content-boxscore .boxscore-left,
  .wrapper-boxscore .content-boxscore .boxscore-right {
    padding: 40px;
  }
}
.wrapper-boxscore .content-boxscore .boxscore-left {
  width: calc(50% - 1px);
  text-align: left;
  padding-left: 20px;
}
@media only screen and (min-width: 992px) {
  .wrapper-boxscore .content-boxscore .boxscore-left {
    border-left: 1px solid #e1e6ea;
  }
}
.wrapper-boxscore .content-boxscore .boxscore-right {
  width: 50%;
  text-align: right;
  padding-right: 20px;
}
@media only screen and (min-width: 992px) {
  .wrapper-boxscore .content-boxscore .boxscore-right {
    border-right: 1px solid #e1e6ea;
  }
}
.wrapper-boxscore .content-boxscore .boxscore-middle {
  width: 1px;
  background-color: #e1e6ea;
  position: relative;
  z-index: 1;
}
.wrapper-boxscore .content-boxscore .boxscore-middle .boxscore-dek-pts {
  position: absolute;
  bottom: 7%;
  left: -62px;
  width: 124px;
  background: #fff;
  border: 1px solid #e1e6ea;
  font-size: 1.4em;
  padding: 5px 7px;
  font-weight: 700;
  line-height: 1;
}
@media only screen and (min-width: 992px) {
  .wrapper-boxscore .content-boxscore .boxscore-middle .boxscore-dek-pts {
    font-size: 1.6em;
    left: -115px;
    width: 230px;
  }
}
.wrapper-boxscore .content-boxscore .boxscore-middle .boxscore-dek-pts > * {
  line-height: 1;
}
.wrapper-boxscore .content-boxscore .boxscore-middle .boxscore-dek-pts .boxscore-dek-pts-away,
.wrapper-boxscore .content-boxscore .boxscore-middle .boxscore-dek-pts .boxscore-dek-pts-local {
  position: absolute;
  top: 5px;
}
.wrapper-boxscore .content-boxscore .boxscore-middle .boxscore-dek-pts .boxscore-dek-pts-away {
  left: 7px;
}
.wrapper-boxscore .content-boxscore .boxscore-middle .boxscore-dek-pts .boxscore-dek-pts-local {
  right: 7px;
}
.wrapper-boxscore .content-boxscore .boxscore-middle .boxscore-dek-pts .boxscore-dek-pts-text {
  text-align: center;
}
.wrapper-boxscore .content-boxscore .boxscore-middle span {
  width: 24px;
  height: 24px;
  background-color: #ffffff;
  color: #1d1d1b;
  text-transform: uppercase;
  text-align: center;
  line-height: 22px;
  font-weight: 700;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #e1e6ea;
  position: absolute;
  top: 50%;
  left: -12px;
  margin-top: -12px;
  z-index: 2;
}
@media only screen and (min-width: 992px) {
  .wrapper-boxscore .content-boxscore .boxscore-middle span {
    width: 30px;
    height: 30px;
    line-height: 28px;
    left: -15px;
    margin-top: -15px;
  }
}
.wrapper-boxscore .content-boxscore .team {
  margin: 0;
  width: 100%;
}
.wrapper-boxscore .content-boxscore .team-detail,
.wrapper-boxscore .content-boxscore .score {
  display: inline-block;
  vertical-align: middle;
}
.wrapper-boxscore .content-boxscore .team-detail {
  width: 100%;
}
.wrapper-boxscore .content-boxscore .img {
  height: 50px;
  width: 50px;
  background-size: contain !important;
  display: inline-block;
}
@media only screen and (min-width: 992px) {
  .wrapper-boxscore .content-boxscore .img {
    height: 75px;
    width: 75px;
  }
}
.wrapper-boxscore .content-boxscore .container-no-img,
.wrapper-boxscore .content-boxscore .container-no-img-no-color {
  width: 50px;
  height: 50px;
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #e1e6ea;
}
@media only screen and (min-width: 992px) {
  .wrapper-boxscore .content-boxscore .container-no-img,
  .wrapper-boxscore .content-boxscore .container-no-img-no-color {
    height: 75px;
    width: 75px;
  }
}
.wrapper-boxscore .content-boxscore .container-no-img .round,
.wrapper-boxscore .content-boxscore .container-no-img-no-color .round {
  font-family: "Sintony", sans-serif;
  width: 50px;
  height: 50px;
  display: block;
  text-align: center;
  line-height: 48px;
  font-size: 1.4em;
  font-weight: 700;
}
@media only screen and (min-width: 992px) {
  .wrapper-boxscore .content-boxscore .container-no-img .round,
  .wrapper-boxscore .content-boxscore .container-no-img-no-color .round {
    height: 75px;
    width: 75px;
    line-height: 73px;
    font-size: 2.4em;
  }
}
.wrapper-boxscore .content-boxscore .container-no-img .round {
  color: #ffffff;
  text-shadow: 1px 1px 3px rgb(169, 169, 169);
}
.wrapper-boxscore .content-boxscore .container-no-img-no-color .round {
  background-color: #1072cc;
  color: #ffffff;
  text-shadow: 1px 1px 3px rgb(169, 169, 169);
}
.wrapper-boxscore .content-boxscore .name,
.wrapper-boxscore .content-boxscore .abreviation {
  color: #1d1d1b;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
  font-size: 1.8em;
  margin: 0 0 5px;
}
@media only screen and (min-width: 992px) {
  .wrapper-boxscore .content-boxscore .name,
  .wrapper-boxscore .content-boxscore .abreviation {
    font-size: 2.4em;
  }
}
@media only screen and (min-width: 992px) {
  .wrapper-boxscore .content-boxscore .abreviation {
    display: none;
  }
}
.wrapper-boxscore .content-boxscore .name {
  display: none;
}
@media only screen and (min-width: 992px) {
  .wrapper-boxscore .content-boxscore .name {
    display: block;
  }
}
.wrapper-boxscore .content-boxscore .city {
  color: #626261;
  position: relative;
  z-index: 2;
  font-size: 1.2em;
  margin: 0 0 2px;
  display: none;
}
@media only screen and (min-width: 992px) {
  .wrapper-boxscore .content-boxscore .city {
    display: block;
    font-size: 2em;
  }
}
.wrapper-boxscore .content-boxscore .stats {
  color: #626261;
  position: relative;
  z-index: 2;
  font-size: 1em;
  margin: 0 0 2px;
  font-family: "Sintony", sans-serif;
}
@media only screen and (min-width: 992px) {
  .wrapper-boxscore .content-boxscore .stats {
    font-size: 1.2em;
  }
}
.wrapper-boxscore .content-boxscore .score {
  color: #1d1d1b;
  font-weight: 700;
  font-size: 4em;
  width: 47px;
  margin: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (min-width: 992px) {
  .wrapper-boxscore .content-boxscore .score {
    font-size: 10em;
    width: 120px;
  }
}
.wrapper-boxscore .content-boxscore .team-left {
  padding-right: 52px;
}
@media only screen and (min-width: 992px) {
  .wrapper-boxscore .content-boxscore .team-left {
    padding-right: 120px;
  }
}
.wrapper-boxscore .content-boxscore .team-left .score {
  text-align: right;
  right: 20px;
}
@media only screen and (min-width: 992px) {
  .wrapper-boxscore .content-boxscore .team-left .score {
    right: 40px;
  }
}
.wrapper-boxscore .content-boxscore .team-right {
  padding-left: 52px;
}
@media only screen and (min-width: 992px) {
  .wrapper-boxscore .content-boxscore .team-right {
    padding-left: 120px;
  }
}
.wrapper-boxscore .content-boxscore .team-right .score {
  text-align: left;
  left: 20px;
}
@media only screen and (min-width: 992px) {
  .wrapper-boxscore .content-boxscore .team-right .score {
    left: 40px;
  }
}
.wrapper-boxscore .info {
  padding: 10px;
  text-align: center;
  background-color: #626261;
}
.wrapper-boxscore .info.info-final {
  background-color: #d80c15;
}
.wrapper-boxscore .info.info-in-progress {
  background-color: #149814;
}
.wrapper-boxscore .info.info-cancelled {
  background-color: #e69c2c;
}
@media only screen and (min-width: 992px) {
  .wrapper-boxscore .info {
    padding: 15px;
  }
}
.wrapper-boxscore .info .period,
.wrapper-boxscore .info .sep,
.wrapper-boxscore .info .time,
.wrapper-boxscore .info .final,
.wrapper-boxscore .info .cancelled {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  color: #ffffff;
  font-weight: 700;
  font-size: 1.4em;
  text-transform: uppercase;
}
.wrapper-boxscore .footer-boxscore {
  border-left: 1px solid #e1e6ea;
  border-right: 1px solid #e1e6ea;
  border-bottom: 1px solid #e1e6ea;
}
.wrapper-boxscore .footer-boxscore .wrapper-table-boxscore {
  padding: 10px;
  font-family: "Sintony", sans-serif;
}
@media only screen and (min-width: 992px) {
  .wrapper-boxscore .footer-boxscore .wrapper-table-boxscore {
    padding: 20px;
  }
}
.wrapper-boxscore .footer-boxscore .table-responsive {
  border: none;
}
.wrapper-boxscore .footer-boxscore .table-responsive th,
.wrapper-boxscore .footer-boxscore .table-responsive td {
  font-size: 1.2em;
  text-transform: uppercase;
  padding: 5px 10px;
}
@media only screen and (min-width: 992px) {
  .wrapper-boxscore .footer-boxscore .table-responsive th,
  .wrapper-boxscore .footer-boxscore .table-responsive td {
    font-size: 1.4em;
  }
}
.wrapper-boxscore .footer-boxscore .table-responsive th.border-left-gray,
.wrapper-boxscore .footer-boxscore .table-responsive td.border-left-gray {
  border-left: 1px solid #e1e6ea;
}
.wrapper-boxscore .footer-boxscore .table-responsive th.more-padding-right,
.wrapper-boxscore .footer-boxscore .table-responsive td.more-padding-right {
  padding-right: 20px;
}
.wrapper-boxscore .footer-boxscore .table-responsive th.more-padding-left,
.wrapper-boxscore .footer-boxscore .table-responsive td.more-padding-left {
  padding-left: 20px;
}
.wrapper-boxscore .footer-boxscore .table-responsive th {
  padding-bottom: 10px;
  border-bottom: 1px solid #e1e6ea;
}
.wrapper-boxscore .footer-boxscore .table-responsive tbody tr:first-child td {
  padding-top: 10px;
}
.wrapper-boxscore .footer-boxscore .official-wrapper {
  padding: 10px 20px;
  background-color: #ececec;
}
@media only screen and (min-width: 992px) {
  .wrapper-boxscore .footer-boxscore .official-wrapper {
    padding: 20px;
  }
}
.wrapper-boxscore .footer-boxscore .official-wrapper .left p,
.wrapper-boxscore .footer-boxscore .official-wrapper .right p {
  font-size: 1.1em;
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) {
  .wrapper-boxscore .footer-boxscore .official-wrapper .left,
  .wrapper-boxscore .footer-boxscore .official-wrapper .right {
    display: inline-block;
    vertical-align: top;
  }
}
@media only screen and (min-width: 1024px) {
  .wrapper-boxscore .footer-boxscore .official-wrapper .left p,
  .wrapper-boxscore .footer-boxscore .official-wrapper .right p {
    font-size: 1.4em;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) {
  .wrapper-boxscore .footer-boxscore .official-wrapper .left {
    width: 300px;
  }
}
.wrapper-boxscore .footer-boxscore .official-wrapper .left p {
  text-transform: uppercase;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .wrapper-boxscore .footer-boxscore .official-wrapper .right {
    width: calc(100% - 300px);
  }
}
.wrapper-boxscore .footer-boxscore .official-wrapper .right p:last-child {
  margin: 0;
}
.wrapper-boxscore .footer-boxscore .official-wrapper .right p span {
  color: #a9a9a9;
}

/* SUMMARY FILES */
.files-wrapper {
  background-color: #ffffff;
  border: 1px solid #e1e6ea;
  padding: 20px;
}
.files-wrapper a {
  position: relative;
  display: block;
  color: #626261;
  font-size: 1.2em;
  margin: 0;
  padding: 10px 0;
  border-top: 1px solid #e1e6ea;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.files-wrapper a:hover, .files-wrapper a:focus {
  color: #1072cc;
}
.files-wrapper a:hover .icon rect,
.files-wrapper a:hover .icon line, .files-wrapper a:focus .icon rect,
.files-wrapper a:focus .icon line {
  stroke: #1072cc;
}
.files-wrapper a span {
  display: inline-block;
  vertical-align: middle;
}
.files-wrapper a .icon {
  margin-right: 10px;
}
.files-wrapper a .icon rect,
.files-wrapper a .icon line {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.files-wrapper a .text {
  width: calc(100% - 40px);
}
.files-wrapper ul li:first-child a {
  border-top: none;
}

/* SUMMARY 2 COL */
.wrapper-2-col .left-col:before, .wrapper-2-col .left-col:after,
.wrapper-2-col .right-col:before,
.wrapper-2-col .right-col:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (min-width: 992px) {
  .wrapper-2-col .left-col,
  .wrapper-2-col .right-col {
    display: inline-block;
    vertical-align: top;
  }
}
@media only screen and (min-width: 992px) {
  .wrapper-2-col .left-col {
    width: calc(100% - 415px);
    margin-right: 5px;
  }
}
@media only screen and (min-width: 992px) {
  .wrapper-2-col .right-col {
    width: calc(33.3333333333% - 10px);
    margin-left: 10px;
  }
}
.wrapper-2-col .right-col.sidebar-col {
  max-width: 400px;
}
@media only screen and (min-width: 992px) {
  .wrapper-2-col .right-col.sidebar-col {
    width: 400px;
    float: right;
    margin-top: 40px;
  }
}

.page.summary .top-page-advertisment {
  background-color: transparent;
  margin-top: 15px;
}
@media only screen and (min-width: 992px) {
  .page.summary .wrapper-2-col .left-col {
    margin-left: 0;
    margin-right: 10px;
    width: 400px;
  }
}
@media only screen and (min-width: 992px) {
  .page.summary .wrapper-2-col .right-col {
    margin-right: 0;
    margin-left: 5px;
    width: calc(100% - 415px);
  }
  .page.summary .wrapper-2-col .right-col.no-left-col {
    width: 100%;
    margin-left: 0;
  }
}
.page.summary .wrapper-2-col .right-col .wrapper-table {
  margin-top: 15px;
}
.page.summary .wrapper-table table .img-text {
  width: 170px;
  min-width: 170px;
  max-width: 170px;
}
@media only screen and (min-width: 768px) {
  .page.summary .wrapper-table table .img-text {
    width: 280px;
    min-width: 280px;
    max-width: 280px;
  }
}
.page.summary .wrapper-table #summaryButPeriod table .img-text-box .text {
  margin: 0;
}
.page.summary .wrapper-table #summaryButPeriod table .img-text-box .text-box {
  max-width: 270px;
}
.page.summary .wrapper-table #summaryButPeriod table .img-text-box .line2 {
  white-space: normal;
  line-height: 1.2;
}

/* FACE TO FACE */
.face-to-face-table-wrapper:before, .face-to-face-table-wrapper:after {
  content: "";
  display: table;
  clear: both;
}
.face-to-face-table-wrapper .face-to-face-table {
  display: block;
}
@media only screen and (min-width: 768px) {
  .face-to-face-table-wrapper .face-to-face-table {
    display: inline-block;
    vertical-align: top;
    float: left;
    width: 50%;
  }
  .face-to-face-table-wrapper .face-to-face-table.left-table {
    border-right: 1px solid #ffffff;
  }
  .face-to-face-table-wrapper .face-to-face-table.right-table {
    border-right: 1px solid #ffffff;
  }
}
.face-to-face-table-wrapper .face-to-face-content {
  display: none;
}
.face-to-face-table-wrapper .face-to-face-content.active {
  display: block;
}
@media only screen and (min-width: 768px) {
  .face-to-face-table-wrapper .face-to-face-content {
    display: block;
  }
}
.face-to-face-table-wrapper .face-to-face-table-wrapper:before, .face-to-face-table-wrapper .face-to-face-table-wrapper:after {
  content: "";
  display: table;
  clear: both;
}
.face-to-face-table-wrapper .face-to-face-nav {
  border-top: 1px solid #e1e6ea;
  border-left: 1px solid #e1e6ea;
  border-right: 1px solid #e1e6ea;
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  float: left;
}
.face-to-face-table-wrapper .face-to-face-nav a {
  padding: 15px;
  display: block;
  font-size: 1.4em;
  color: #1d1d1b;
  font-weight: 700;
  margin: 0;
  font-family: "Saira Extra Condensed", sans-serif;
}
@media only screen and (min-width: 768px) {
  .face-to-face-table-wrapper .face-to-face-nav a {
    cursor: default;
    font-size: 2em;
  }
}
.face-to-face-table-wrapper .face-to-face-nav a .logo {
  display: none;
}
.face-to-face-table-wrapper .face-to-face-nav a .text {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 768px) {
  .face-to-face-table-wrapper .face-to-face-nav a .logo,
  .face-to-face-table-wrapper .face-to-face-nav a .text {
    display: inline-block;
    vertical-align: middle;
  }
  .face-to-face-table-wrapper .face-to-face-nav a .logo {
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }
  .face-to-face-table-wrapper .face-to-face-nav a .text {
    width: calc(100% - 40px);
  }
}

/* DIRECT RESULTS */
.wrapper-direct-result {
  margin: 0 0 20px 0;
}

.wrapper-direct-result.no-result p {
  padding: 15px;
  color: #1d1d1b;
  margin: 0;
  text-align: center;
  background: #f5f5f5;
  font-size: 1.4em;
}

.wrapper-date-links {
  margin: 0 0 35px 0;
}
.wrapper-date-links .left,
.wrapper-date-links .middle,
.wrapper-date-links .right {
  display: inline-block;
  vertical-align: middle;
}
.wrapper-date-links .current-date {
  font-size: 1.4em;
  color: #1d1d1b;
  font-weight: 700;
  border-bottom: 1px solid #1072cc;
  margin: 0;
  display: inline-block;
  padding-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .wrapper-date-links .current-date {
    font-size: 1.8em;
  }
}
.wrapper-date-links a .icon {
  display: inline-block;
  vertical-align: middle;
}
.wrapper-date-links a .text {
  display: none;
}
@media only screen and (min-width: 768px) {
  .wrapper-date-links a .text {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.2em;
    color: #a9a9a9;
    margin: -2px 0 0 0;
  }
}
.wrapper-date-links a:hover .text, .wrapper-date-links a:focus .text {
  color: #626261;
}
.wrapper-date-links a:hover path, .wrapper-date-links a:focus path {
  fill: #626261;
}
.wrapper-date-links .left {
  width: 50px;
  text-align: left;
  padding-left: 20px;
}
@media only screen and (min-width: 768px) {
  .wrapper-date-links .left {
    padding-left: 0;
    width: 33.3333333333%;
  }
}
.wrapper-date-links .left .text {
  margin-left: 15px;
}
.wrapper-date-links .middle {
  width: calc(100% - 100px);
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .wrapper-date-links .middle {
    width: 33.3333333333%;
  }
}
.wrapper-date-links .right {
  width: 50px;
  text-align: right;
  padding-right: 20px;
}
@media only screen and (min-width: 768px) {
  .wrapper-date-links .right {
    width: 33.3333333333%;
    padding-right: 0;
  }
}
.wrapper-date-links .right .text {
  margin-right: 15px;
}

.wrapper-info-direct-results {
  text-align: center;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .wrapper-info-direct-results {
    text-align: left;
    min-height: 100px;
  }
}
.wrapper-info-direct-results .left {
  font-family: "Sintony", sans-serif;
  display: none;
  padding: 10px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .wrapper-info-direct-results .left {
    display: inline-block;
    width: calc(100% - 260px);
    margin-right: 20px;
    padding: 20px;
  }
}
.wrapper-info-direct-results .left .team:first-child {
  margin-bottom: 10px;
}
.wrapper-info-direct-results .left .team h3 {
  font-size: 1.4em;
  font-weight: 700;
  color: #626261;
  display: inline-block;
  vertical-align: top;
  width: 45px;
  margin: -2px 0 0 0;
}
@media only screen and (min-width: 1024px) {
  .wrapper-info-direct-results .left .team h3 {
    margin: 0;
  }
}
.wrapper-info-direct-results .left .team .period-container {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 45px);
}
.wrapper-info-direct-results .left .team p.period-info {
  display: block;
  font-size: 1em;
  font-weight: 400;
  color: #626261;
  margin-bottom: 3px;
}
.wrapper-info-direct-results .left .team p.period-info:first-child {
  padding-left: 0;
}
@media only screen and (min-width: 768px) {
  .wrapper-info-direct-results .left .team p.period-info {
    display: inline;
    padding-right: 10px;
    padding-left: 10px;
    border-right: 1px solid #626261;
    margin-bottom: 0;
  }
  .wrapper-info-direct-results .left .team p.period-info.last-period {
    border-right: none;
    padding-right: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .wrapper-info-direct-results .left .team p.period-info {
    font-size: 1.4em;
  }
}
.wrapper-info-direct-results .left .team p.other-info {
  font-size: 1em;
  font-weight: 400;
  color: #626261;
  display: block;
  margin-top: 3px;
}
@media only screen and (min-width: 1024px) {
  .wrapper-info-direct-results .left .team p.other-info {
    font-size: 1.4em;
  }
}
.wrapper-info-direct-results .right {
  background: #f5f5f5;
  margin: 0;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .wrapper-info-direct-results .right {
    background: transparent;
    position: relative;
    width: 240px;
    text-align: right;
    padding: 0;
  }
}
.wrapper-info-direct-results .right .icon,
.wrapper-info-direct-results .right .text {
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.wrapper-info-direct-results .right .icon {
  margin-right: 5px;
}
.wrapper-info-direct-results .right .icon g rect,
.wrapper-info-direct-results .right .icon g line,
.wrapper-info-direct-results .right .icon g polygon,
.wrapper-info-direct-results .right .icon g polyline {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media only screen and (min-width: 768px) {
  .wrapper-info-direct-results .right .icon {
    margin-right: 0;
    display: block;
  }
}
.wrapper-info-direct-results .right .text {
  margin: 5px 0 0 0;
}
.wrapper-info-direct-results .right .right-link {
  border-left: 1px solid #e1e6ea;
}
@media only screen and (min-width: 768px) {
  .wrapper-info-direct-results .right .left-link,
  .wrapper-info-direct-results .right .right-link {
    position: relative;
    width: 120px;
    height: 100%;
    background: #f5f5f5;
    border-left: 1px solid #e1e6ea;
    padding: 10px 10px;
  }
}
@media only screen and (min-width: 992px) {
  .wrapper-info-direct-results .right .left-link,
  .wrapper-info-direct-results .right .right-link {
    padding: 20px 10px;
  }
}
.wrapper-info-direct-results .right .link {
  color: #1d1d1b;
  font-size: 1em;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  padding: 10px 0;
}
.wrapper-info-direct-results .right .link:hover, .wrapper-info-direct-results .right .link:focus {
  background-color: #1d1d1b;
}
.wrapper-info-direct-results .right .link:hover .text, .wrapper-info-direct-results .right .link:focus .text {
  color: #ffffff;
}
.wrapper-info-direct-results .right .link:hover g rect,
.wrapper-info-direct-results .right .link:hover g line,
.wrapper-info-direct-results .right .link:hover g polygon,
.wrapper-info-direct-results .right .link:hover g polyline, .wrapper-info-direct-results .right .link:focus g rect,
.wrapper-info-direct-results .right .link:focus g line,
.wrapper-info-direct-results .right .link:focus g polygon,
.wrapper-info-direct-results .right .link:focus g polyline {
  stroke: #ffffff;
}
@media only screen and (min-width: 768px) {
  .wrapper-info-direct-results .right .link {
    padding: 0;
  }
  .wrapper-info-direct-results .right .link .wrapper-icon-text {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    margin: 0;
  }
}
@media only screen and (min-width: 768px) {
  .wrapper-info-direct-results .left,
  .wrapper-info-direct-results .right {
    display: inline-block;
    vertical-align: middle;
  }
}

/* CALENDAR */
.page.schedule .wrapper-table table td.cell-team-width {
  width: 180px;
}
@media only screen and (min-width: 768px) {
  .page.schedule .wrapper-table table td.cell-team-width {
    width: 180px;
  }
}
@media only screen and (min-width: 1224px) {
  .page.schedule .wrapper-table table td.cell-team-width {
    width: 300px;
  }
}
.page.schedule .wrapper-table table .img-text {
  min-width: 180px;
  max-width: 180px;
}
@media only screen and (min-width: 768px) {
  .page.schedule .wrapper-table table .img-text {
    min-width: 180px;
    max-width: 180px;
  }
}
@media only screen and (min-width: 1224px) {
  .page.schedule .wrapper-table table .img-text {
    min-width: 300px;
    max-width: 300px;
  }
}
.page.schedule .wrapper-table table .container-no-img,
.page.schedule .wrapper-table table .container-no-img-no-color {
  display: none;
}
@media only screen and (min-width: 1366px) {
  .page.schedule .wrapper-table table .container-no-img,
  .page.schedule .wrapper-table table .container-no-img-no-color {
    display: inline-block;
  }
}
.page.schedule .wrapper-table table .img-text p {
  width: 100%;
}
@media only screen and (min-width: 1366px) {
  .page.schedule .wrapper-table table .img-text p {
    width: calc(100% - 45px);
  }
}
.page.schedule .wrapper-table table .line2 {
  margin-top: 0;
}
@media only screen and (min-width: 1366px) {
  .page.schedule .wrapper-table table .line2 {
    margin-top: 3px;
  }
}
.page.schedule .wrapper-table table .container-img {
  width: 30px;
  height: 30px;
  position: relative;
  overflow: hidden;
  display: none;
  margin: 0 5px 0 0;
}
@media only screen and (min-width: 768px) {
  .page.schedule .wrapper-table table .container-img {
    width: 35px;
    height: 35px;
    margin: 0 10px 0 0;
  }
}
@media only screen and (min-width: 1366px) {
  .page.schedule .wrapper-table table .container-img {
    display: inline-block;
    vertical-align: middle;
  }
}
.page.schedule .wrapper-table table td {
  padding: 10px 5px;
}
@media only screen and (min-width: 768px) {
  .page.schedule .wrapper-table table td {
    padding: 10px 10px;
  }
}

/* SELECT PLAYER & ALL PLAYER */
@media only screen and (min-width: 530px) {
  .list-player .selectric-custom-select,
  .players .selectric-custom-select {
    min-width: 100%;
  }
}
@media only screen and (min-width: 660px) {
  .list-player .selectric-custom-select,
  .players .selectric-custom-select {
    min-width: 130px;
  }
}
@media only screen and (min-width: 768px) {
  .list-player .selectric-custom-select,
  .players .selectric-custom-select {
    min-width: 155px;
  }
}
@media only screen and (min-width: 992px) {
  .list-player .selectric-custom-select,
  .players .selectric-custom-select {
    min-width: 180px;
  }
}
@media only screen and (min-width: 1024px) {
  .list-player .selectric-custom-select,
  .players .selectric-custom-select {
    min-width: 220px;
  }
}
@media only screen and (min-width: 530px) {
  .list-player .wrapper-select-col3 .wrapper-custom-select,
  .list-player .wrapper-select-col2 .wrapper-custom-select,
  .players .wrapper-select-col3 .wrapper-custom-select,
  .players .wrapper-select-col2 .wrapper-custom-select {
    display: block;
    font-size: 1em;
    margin-right: 0;
  }
}
@media only screen and (min-width: 660px) {
  .list-player .wrapper-select-col3 .wrapper-custom-select,
  .list-player .wrapper-select-col2 .wrapper-custom-select,
  .players .wrapper-select-col3 .wrapper-custom-select,
  .players .wrapper-select-col2 .wrapper-custom-select {
    font-size: 0.8em;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
  }
}
@media only screen and (min-width: 992px) {
  .list-player .wrapper-select-col3 .wrapper-custom-select,
  .list-player .wrapper-select-col2 .wrapper-custom-select,
  .players .wrapper-select-col3 .wrapper-custom-select,
  .players .wrapper-select-col2 .wrapper-custom-select {
    display: inline-block;
    vertical-align: top;
    font-size: 0.8em;
  }
  .list-player .wrapper-select-col3 .wrapper-custom-select .selectric-custom-select,
  .list-player .wrapper-select-col2 .wrapper-custom-select .selectric-custom-select,
  .players .wrapper-select-col3 .wrapper-custom-select .selectric-custom-select,
  .players .wrapper-select-col2 .wrapper-custom-select .selectric-custom-select {
    min-width: 180px;
  }
}
@media only screen and (min-width: 1024px) {
  .list-player .wrapper-select-col3 .wrapper-custom-select,
  .list-player .wrapper-select-col2 .wrapper-custom-select,
  .players .wrapper-select-col3 .wrapper-custom-select,
  .players .wrapper-select-col2 .wrapper-custom-select {
    font-size: 1em;
    display: inline-block;
    vertical-align: top;
  }
}
@media only screen and (min-width: 530px) {
  .list-player .wrapper-select-col3 .wrapper-custom-select .selectric-custom-select,
  .list-player .wrapper-select-col2 .wrapper-custom-select .selectric-custom-select,
  .players .wrapper-select-col3 .wrapper-custom-select .selectric-custom-select,
  .players .wrapper-select-col2 .wrapper-custom-select .selectric-custom-select {
    min-width: 100%;
  }
}
@media only screen and (min-width: 660px) {
  .list-player .wrapper-select-col3 .wrapper-custom-select .selectric-custom-select,
  .list-player .wrapper-select-col2 .wrapper-custom-select .selectric-custom-select,
  .players .wrapper-select-col3 .wrapper-custom-select .selectric-custom-select,
  .players .wrapper-select-col2 .wrapper-custom-select .selectric-custom-select {
    min-width: 130px;
  }
}
@media only screen and (min-width: 768px) {
  .list-player .wrapper-select-col3 .wrapper-custom-select .selectric-custom-select,
  .list-player .wrapper-select-col2 .wrapper-custom-select .selectric-custom-select,
  .players .wrapper-select-col3 .wrapper-custom-select .selectric-custom-select,
  .players .wrapper-select-col2 .wrapper-custom-select .selectric-custom-select {
    min-width: 155px;
  }
}
@media only screen and (min-width: 992px) {
  .list-player .wrapper-select-col3 .wrapper-custom-select .selectric-custom-select,
  .list-player .wrapper-select-col2 .wrapper-custom-select .selectric-custom-select,
  .players .wrapper-select-col3 .wrapper-custom-select .selectric-custom-select,
  .players .wrapper-select-col2 .wrapper-custom-select .selectric-custom-select {
    min-width: 180px;
  }
}
@media only screen and (min-width: 1024px) {
  .list-player .wrapper-select-col3 .wrapper-custom-select .selectric-custom-select,
  .list-player .wrapper-select-col2 .wrapper-custom-select .selectric-custom-select,
  .players .wrapper-select-col3 .wrapper-custom-select .selectric-custom-select,
  .players .wrapper-select-col2 .wrapper-custom-select .selectric-custom-select {
    min-width: 220px;
  }
}

@media only screen and (max-width: 1023px) {
  .page.players .wrapper-select {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
}
@media only screen and (min-width: 768px) {
  .page.players .wrapper-select {
    width: calc(100% - 245px);
    padding-right: 40px;
    display: inline-block;
    vertical-align: top;
  }
  .page.players .wrapper-select:before, .page.players .wrapper-select:after {
    content: "";
    display: table;
    clear: both;
  }
}

/* ALL PLAYER */
.wrapper-player-list {
  margin: 0 auto 20px;
  padding: 0;
}
@media only screen and (min-width: 1024px) {
  .wrapper-player-list {
    padding: 0;
  }
}
.wrapper-player-list .list-player-mobile {
  display: none;
}
@media only screen and (min-width: 768px) {
  .wrapper-player-list .list-player-mobile {
    display: none;
  }
}
.wrapper-player-list .list-player-desktop {
  display: block;
  padding: 0 20px;
}
@media only screen and (min-width: 768px) {
  .wrapper-player-list .list-player-desktop {
    display: block;
    padding: 0 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .wrapper-player-list .list-player-desktop {
    padding: 0;
  }
}
.wrapper-player-list ul li {
  text-align: left;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 20px;
  padding: 0 20px 10px 0;
  width: 100%;
  border-bottom: 1px solid #626261;
}
@media only screen and (min-width: 768px) {
  .wrapper-player-list ul li {
    /*width: 575px;*/
    width: calc(50% - 20px);
    margin: 0 0 40px;
    border-bottom: none;
  }
}
@media only screen and (min-width: 1280px) {
  .wrapper-player-list ul li {
    width: calc(33.3333333333% - 20px);
    margin: 0 0 40px;
    border-bottom: none;
  }
}
.wrapper-player-list .wrapper-img {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.wrapper-player-list .container-img {
  width: 60px;
  height: 60px;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media only screen and (min-width: 768px) {
  .wrapper-player-list .container-img {
    width: 60px;
    height: 60px;
    border: 2px solid #e1e6ea;
  }
}
@media only screen and (min-width: 1280px) {
  .wrapper-player-list .container-img {
    width: 100px;
    height: 100px;
    border: 4px solid #e1e6ea;
  }
}
.wrapper-player-list table.mini-table .container-img {
  border: none;
}
.wrapper-player-list .container-img.contain img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.wrapper-player-list .container-img.cover img {
  display: block;
  min-height: 100%;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.wrapper-player-list .wrapper-info-player {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 75px);
  padding-left: 10px;
}
@media only screen and (min-width: 1280px) {
  .wrapper-player-list .wrapper-info-player {
    width: calc(100% - 115px);
  }
}
.wrapper-player-list .name-and-number {
  margin: 0 0 5px 0;
}
.wrapper-player-list .number,
.wrapper-player-list .name {
  display: inline-block;
  vertical-align: middle;
}
.wrapper-player-list .name {
  max-width: calc(100% - 40px);
  border-right: 1px solid #1d1d1b;
  font-size: 2.2em;
  margin: 0;
  font-weight: 700;
  padding: 0 5px 0 0;
  font-family: "Saira Extra Condensed", sans-serif;
  color: #1d1d1b;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media only screen and (min-width: 768px) {
  .wrapper-player-list .name {
    font-size: 2.2em;
    max-width: calc(100% - 65px);
    padding: 0 10px 0 0;
  }
}
@media only screen and (min-width: 1280px) {
  .wrapper-player-list .name {
    font-size: 2.6em;
  }
}
.wrapper-player-list .number {
  width: 40px;
  text-align: left;
  font-size: 2.2em;
  margin: 0;
  font-weight: 700;
  color: #1d1d1b;
  padding: 0 0 0 5px;
  font-family: "Saira Extra Condensed", sans-serif;
}
@media only screen and (min-width: 768px) {
  .wrapper-player-list .number {
    width: 65px;
    font-size: 2.2em;
    padding: 0 0 0 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .wrapper-player-list .number {
    font-size: 2.6em;
  }
}
.wrapper-player-list .team {
  margin: 0;
}
.wrapper-player-list .team-logo {
  width: 20px;
  height: 20px;
  background-size: contain !important;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
}
@media only screen and (min-width: 768px) {
  .wrapper-player-list .team-logo {
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
  }
}
@media only screen and (min-width: 1280px) {
  .wrapper-player-list .team-logo {
    width: 30px;
    height: 30px;
  }
}
.wrapper-player-list .container-no-img,
.wrapper-player-list .container-no-img-no-color {
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #e1e6ea;
  margin: 0 10px 0 0;
}
@media only screen and (min-width: 1280px) {
  .wrapper-player-list .container-no-img,
  .wrapper-player-list .container-no-img-no-color {
    height: 30px;
    width: 30px;
  }
}
.wrapper-player-list .container-no-img .round,
.wrapper-player-list .container-no-img-no-color .round {
  font-family: "Sintony", sans-serif;
  width: 20px;
  height: 20px;
  display: block;
  text-align: center;
  line-height: 18px;
  font-size: 1.4em;
  font-weight: 700;
}
@media only screen and (min-width: 1280px) {
  .wrapper-player-list .container-no-img .round,
  .wrapper-player-list .container-no-img-no-color .round {
    height: 30px;
    width: 30px;
    line-height: 28px;
  }
}
.wrapper-player-list .container-no-img .round {
  color: #ffffff;
  text-shadow: 1px 1px 3px rgb(169, 169, 169);
}
.wrapper-player-list .container-no-img-no-color .round {
  background-color: #1072cc;
  color: #ffffff;
  text-shadow: 1px 1px 3px rgb(169, 169, 169);
}
.wrapper-player-list .team-name {
  max-width: calc(100% - 30px);
  display: inline-block;
  vertical-align: middle;
  font-size: 1.4em;
  color: #626261;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media only screen and (min-width: 768px) {
  .wrapper-player-list .team-name {
    max-width: calc(100% - 40px);
    font-size: 1.4em;
  }
}
@media only screen and (min-width: 1024px) {
  .wrapper-player-list a:hover .name,
  .wrapper-player-list a:focus .name {
    color: #1072cc;
  }
  .wrapper-player-list a:hover .team-name,
  .wrapper-player-list a:focus .team-name {
    color: #1d1d1b;
  }
}

/* MEMBER LEAGUES BADGES */
.member-leagues {
  margin: 2px 0 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  justify-content: flex-start;
}

.member-league-badge {
  display: inline-flex;
  margin: 0;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.2s, transform 0.2s;
  text-decoration: none;
  flex-shrink: 0;
}
.member-league-badge:hover, .member-league-badge:focus {
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  transform: scale(1.08);
  text-decoration: none;
}
.member-league-badge.no-link {
  cursor: default;
}
.member-league-badge.no-link:hover, .member-league-badge.no-link:focus {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  transform: none;
}
.member-league-badge .badge-logo {
  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.member-league-badge .badge-initials {
  font-size: 1.4em;
  font-weight: 700;
  color: #1072cc;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .member-league-badge {
    width: 48px;
    height: 48px;
  }
}

/* CDH MEMBERS */
.page.cdh-members .custom-btn-link {
  margin: 20px auto 0;
  text-align: center;
  display: block;
  width: 130px;
}
.page.cdh-members .wrapper-content {
  max-width: 800px;
}

/* PLAYER */
@media only screen and (min-width: 768px) {
  .page.players .header-content {
    padding: 0;
    background-color: #e1e6ea;
  }
  .page.players .header-content .inner-header-content {
    padding: 0;
    margin: 0;
    height: 1px;
  }
}
.page.players .custom-btn-link {
  margin: 0 auto;
  text-align: center;
  display: block;
  width: 130px;
}
.page.players .wrapper-table table td.cell-team-width {
  width: 220px;
}
@media only screen and (min-width: 768px) {
  .page.players .wrapper-table table td.cell-team-width {
    width: 260px;
  }
}
.page.players .wrapper-table table .img-text {
  min-width: 220px;
  max-width: 220px;
}
@media only screen and (min-width: 768px) {
  .page.players .wrapper-table table .img-text {
    min-width: 260px;
    max-width: 260px;
  }
}

/* PLAYER CARD */
.player-card {
  margin: 0 auto 20px;
  text-align: center;
}
.player-card .wrapper-img {
  position: relative;
}
.player-card .left {
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .player-card .left {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
  }
}
.player-card .right {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .player-card .right {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 140px);
    text-align: left;
  }
}
@media only screen and (min-width: 1024px) {
  .player-card .right {
    width: calc(100% - 220px);
  }
}
.player-card .top {
  margin: 10px 20px;
  display: inline-block;
}
.player-card .bottom {
  margin: 0 20px;
}
.player-card .container-img {
  width: 100px;
  height: 100px;
  position: relative;
  border: 4px solid #e1e6ea;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  .player-card .container-img {
    width: 180px;
    height: 180px;
  }
}
.player-card .container-img.member-suspended {
  border-color: #e82131;
}
.player-card .member-suspension-label {
  color: #e82131;
  font-size: 1.25rem;
  font-weight: 600;
  white-space: nowrap;
}
@media only screen and (min-width: 1024px) {
  .player-card .member-suspension-label {
    font-size: 1.75rem;
  }
}
.player-card .container-img.contain img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.player-card .container-img.cover img {
  display: block;
  min-height: 100%;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.player-card .number,
.player-card .name-and-team {
  display: inline-block;
  vertical-align: middle;
}
.player-card .number {
  font-size: 2.2em;
  margin: 0 0 0 5px;
  padding: 0 0 0 5px;
  font-weight: 700;
  border-left: 1px solid #1d1d1b;
  text-align: left;
  font-family: "Saira Extra Condensed", sans-serif;
}
@media only screen and (min-width: 1024px) {
  .player-card .number {
    font-size: 3.5em;
    margin: 0 0 0 15px;
    padding: 0 0 0 15px;
  }
}
.player-card .name {
  font-size: 2.2em;
  margin: 0 0 0 0;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
  font-family: "Saira Extra Condensed", sans-serif;
}
@media only screen and (min-width: 1024px) {
  .player-card .name {
    font-size: 3.5em;
    margin: 0 0 0 0;
  }
}
.player-card .team-logo {
  width: 20px;
  height: 20px;
  background-size: contain !important;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
}
@media only screen and (min-width: 1024px) {
  .player-card .team-logo {
    width: 30px;
    height: 30px;
    margin: 0 10px 0 0;
  }
}
.player-card .container-no-img,
.player-card .container-no-img-no-color {
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #e1e6ea;
  margin: 0 10px 0 0;
}
@media only screen and (min-width: 1024px) {
  .player-card .container-no-img,
  .player-card .container-no-img-no-color {
    height: 30px;
    width: 30px;
  }
}
.player-card .container-no-img .round,
.player-card .container-no-img-no-color .round {
  font-family: "Sintony", sans-serif;
  width: 20px;
  height: 20px;
  display: block;
  text-align: center;
  line-height: 18px;
  font-size: 1.4em;
  font-weight: 700;
}
@media only screen and (min-width: 1024px) {
  .player-card .container-no-img .round,
  .player-card .container-no-img-no-color .round {
    height: 30px;
    width: 30px;
    line-height: 28px;
  }
}
.player-card .container-no-img .round {
  color: #ffffff;
  text-shadow: 1px 1px 3px rgb(169, 169, 169);
}
.player-card .container-no-img-no-color .round {
  background-color: #1072cc;
  color: #ffffff;
  text-shadow: 1px 1px 3px rgb(169, 169, 169);
}
.player-card .team-name {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.4em;
  color: #626261;
  text-align: left;
}
@media only screen and (min-width: 1024px) {
  .player-card .team-name {
    width: calc(100% - 50px);
    font-size: 2em;
  }
}
.player-card .info-player {
  padding: 10px;
  border-bottom: 1px solid #e1e6ea;
}
.player-card .info-player:last-child {
  border-bottom: none;
}
.player-card .info-player .desktop-info {
  display: none;
}
@media only screen and (min-width: 568px) {
  .player-card .info-player {
    display: inline-block;
    vertical-align: top;
    width: 33.3333333333%;
  }
  .player-card .info-player:nth-child(1), .player-card .info-player:nth-child(2), .player-card .info-player:nth-child(4), .player-card .info-player:nth-child(5) {
    border-right: 1px solid #e1e6ea;
  }
  .player-card .info-player:nth-child(1), .player-card .info-player:nth-child(4) {
    padding-left: 0;
  }
  .player-card .info-player:nth-child(4), .player-card .info-player:nth-child(5), .player-card .info-player:nth-child(6) {
    border-bottom: none;
  }
  .player-card .info-player .mobile-info {
    display: none;
  }
  .player-card .info-player .desktop-info {
    display: block;
  }
}
@media only screen and (min-width: 1024px) {
  .player-card .info-player {
    padding: 20px;
  }
}
.player-card .label-info-player {
  font-size: 1.4em;
  text-transform: uppercase;
  margin: 0 0 5px;
}
@media only screen and (min-width: 1024px) {
  .player-card .label-info-player {
    font-size: 1.8em;
    margin: 0 0 10px;
  }
}
.player-card .label-info-player-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 0 0 5px;
}
.player-card .label-info-player-row .label-info-player {
  margin: 0;
}
.player-card .member-history-action.custom-btn-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(0, 0, 0, 0.06);
  border: none;
  border-radius: 999px;
  padding: 3px 10px 3px 7px;
  min-height: 0;
  white-space: nowrap;
  text-decoration: none;
  transition: background 0.18s ease;
}
.player-card .member-history-action.custom-btn-link svg {
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  opacity: 0.55;
}
.player-card .member-history-action.custom-btn-link .display-more {
  color: #626261;
  font-size: 1.1em;
  font-weight: 600;
  line-height: 1;
  text-transform: none;
  letter-spacing: 0;
}
.player-card .member-history-action.custom-btn-link:hover, .player-card .member-history-action.custom-btn-link:focus {
  background: #1072cc;
  border: none;
}
.player-card .member-history-action.custom-btn-link:hover svg, .player-card .member-history-action.custom-btn-link:focus svg {
  opacity: 1;
}
.player-card .member-history-action.custom-btn-link:hover svg path, .player-card .member-history-action.custom-btn-link:hover svg circle, .player-card .member-history-action.custom-btn-link:focus svg path, .player-card .member-history-action.custom-btn-link:focus svg circle {
  stroke: #ffffff;
}
.player-card .member-history-action.custom-btn-link:hover .display-more, .player-card .member-history-action.custom-btn-link:focus .display-more {
  color: #ffffff;
}
.player-card .player-federation-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  vertical-align: middle;
  margin-left: 10px;
  padding: 4px 11px 4px 9px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.07);
  color: #626261;
  font-size: 0.85em;
  font-weight: 600;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  transition: background 0.18s ease, color 0.18s ease;
}
.player-card .player-federation-badge svg {
  width: 17px;
  height: 17px;
  flex-shrink: 0;
  stroke: currentColor;
  opacity: 0.65;
  transition: opacity 0.18s ease;
}
.player-card .player-federation-badge span {
  font-size: 1em;
}
.player-card .player-federation-badge:hover, .player-card .player-federation-badge:focus {
  background: #1072cc;
  color: #ffffff;
  text-decoration: none;
}
.player-card .player-federation-badge:hover svg, .player-card .player-federation-badge:focus svg {
  opacity: 1;
}
.player-card .data-player {
  font-size: 1.4em;
  font-weight: 700;
  color: #1072cc;
  margin: 0;
  height: 20px;
  line-height: 20px;
}
.player-card .data-player.no-data {
  color: #d80c15;
}
@media only screen and (min-width: 1024px) {
  .player-card .data-player {
    font-size: 1.8em;
  }
}
.player-card .player-class {
  font-size: 12px;
  display: inline-block;
  color: #ffffff;
  font-weight: bold;
  background-image: linear-gradient(to right, #1072cc, #000);
  height: 20px;
  line-height: 20px;
  margin: 0;
  border: none;
  border-radius: 10px;
}
.player-card .player-class .current {
  display: inline-block;
  background-color: #1072cc !important;
  height: 20px;
  line-height: 20px;
  margin: 0;
  border: none;
  border-radius: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.player-card .player-class .future {
  display: inline-block;
  padding-right: 10px;
}
.player-card .player-class .future span {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  font-weight: normal;
  font-size: 10px !important;
}
.player-card .player-class .future svg {
  height: 10px;
}
@media only screen and (min-width: 1280px) {
  .wrapper-player-adv .player-card {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 400px);
  }
}
.wrapper-player-adv .wrapper-sidebar {
  margin-bottom: 20px;
  max-width: 100%;
  padding: 0 20px;
}
@media only screen and (min-width: 1280px) {
  .wrapper-player-adv .wrapper-sidebar {
    display: inline-block;
    vertical-align: top;
    width: 400px;
  }
}

/* ALL NEWS */
.wrapper-news {
  padding: 20px 0;
}

.all-news .col-news .wrapper-select-category-news {
  padding: 20px;
}
@media only screen and (min-width: 768px) {
  .all-news .col-news .wrapper-select-category-news {
    padding: 40px 0;
  }
}
.all-news .col-news .wrapper-select-category-news .select-category-news {
  border-bottom: 1px solid #1d1d1b;
  color: #1d1d1b;
}
@media only screen and (min-width: 768px) {
  .all-news .col-news .wrapper-select-category-news .select-category-news {
    display: inline-block;
  }
}
.all-news .col-news .wrapper-select-category-news .dropdown > a {
  font-size: 1.2em;
  color: #1d1d1b;
  display: block;
  padding: 10px 20px 10px 0;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .all-news .col-news .wrapper-select-category-news .dropdown > a {
    display: inline-block;
    font-size: 1.4em;
    padding: 15px 30px 15px 0;
  }
}
.all-news .col-news .wrapper-select-category-news .dropdown > a .caret {
  position: absolute;
  right: 0;
  top: 15px;
}
@media only screen and (min-width: 768px) {
  .all-news .col-news .wrapper-select-category-news .dropdown > a .caret {
    top: 21px;
  }
}
.all-news .col-news .wrapper-select-category-news .dropdown-menu {
  padding: 0;
  margin: -1px 0 0 0;
  width: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  border: 1px solid #e1e6ea;
  box-shadow: none;
}
.all-news .col-news .wrapper-select-category-news .dropdown-menu li {
  display: block;
  border-top: 1px solid #e1e6ea;
}
.all-news .col-news .wrapper-select-category-news .dropdown-menu li:first-child {
  border-top: none;
}
.all-news .col-news .wrapper-select-category-news .dropdown-menu li a {
  font-size: 1em;
  color: #1d1d1b;
  padding: 13px 20px;
  display: block;
}
.all-news .col-news .wrapper-select-category-news .dropdown-menu li.selected-category a {
  background-color: #1072cc;
  color: #ffffff;
}
.all-news .col-news .wrapper-select-category-news .dropdown-menu li.selected-category a:hover, .all-news .col-news .wrapper-select-category-news .dropdown-menu li.selected-category a:focus {
  background-color: #1072cc;
  color: #ffffff;
}
.all-news .col-news .wrapper-select-category-news .dropdown-menu > li > a:focus,
.all-news .col-news .wrapper-select-category-news .dropdown-menu > li > a:hover {
  background-image: none;
  background-color: #ececec;
  color: #1d1d1b;
}
.all-news .col-news > article:first-child {
  margin: 0;
}
.all-news .col-news .news {
  background-color: #1d1d1b;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 15px 0 0 0;
}
.all-news .col-news .news a {
  display: block;
}
.all-news .col-news .news a .container-img {
  overflow: hidden;
  position: relative;
}
.all-news .col-news .news a .img {
  padding-bottom: 66%;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.all-news .col-news .news .content-news {
  padding: 15px 15px 25px;
}
@media only screen and (min-width: 1024px) {
  .all-news .col-news .news .content-news {
    padding: 25px;
  }
}
@media only screen and (min-width: 1480px) {
  .all-news .col-news .news .content-news {
    padding: 25px;
  }
}
.all-news .col-news .news .text {
  margin-top: 15px;
}
.all-news .col-news .news p {
  margin: 0;
}
.all-news .col-news .news .name {
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
  text-transform: uppercase;
  padding: 9px;
  background-color: #1072cc;
  margin: 0 0 25px 0;
  /*@media only screen and (min-width: 768px) {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 0 0;
  }*/
}
.all-news .col-news .news .date {
  display: block;
  font-size: 1.2em;
  color: #a9a9a9;
  /*@media only screen and (min-width: 768px) {
    display: inline-block;
    vertical-align: middle;
  }*/
}
.all-news .col-news .news h2 {
  font-size: 2.5em;
  font-weight: 700;
  color: #ffffff;
  line-height: 30px;
  margin: 0;
  font-family: "Saira Extra Condensed", sans-serif;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media only screen and (min-width: 1024px) {
  .all-news .col-news .news h2 {
    font-size: 4em;
    line-height: 45px;
  }
}
@media only screen and (min-width: 1480px) {
  .all-news .col-news .news h2 {
    font-size: 4.5em;
    line-height: 50px;
  }
}
.all-news .col-news .news:hover a .img, .all-news .col-news .news:focus a .img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.all-news .col-news .news:hover h2, .all-news .col-news .news:focus h2 {
  color: #1072cc;
}
.all-news .col-news .normal-news {
  padding: 15px 10px 15px 0;
  border-bottom: 1px solid #e1e6ea;
  overflow: hidden;
}
.all-news .col-news .normal-news:first-child {
  border-top: none;
}
.all-news .col-news .normal-news a {
  display: block;
  position: relative;
}
.all-news .col-news .normal-news a:before {
  content: "";
  z-index: 1;
  position: absolute;
  width: calc(100% + 45px);
  height: calc(100% + 20px);
  top: -10px;
  left: -200%;
  background-color: #ececec;
  display: block;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.all-news .col-news .normal-news a:hover:before, .all-news .col-news .normal-news a:focus:before {
  left: -30px;
}
.all-news .col-news .normal-news a:hover h4, .all-news .col-news .normal-news a:focus h4 {
  color: #1072cc;
}
.all-news .col-news .normal-news figure {
  display: inline-block;
  width: 33.3333333333%;
  min-height: 65px;
  vertical-align: middle;
  z-index: 1;
  position: relative;
  max-height: 150px;
  overflow: hidden;
}
.all-news .col-news .normal-news figure img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
}
.all-news .col-news .normal-news .news-normal-content {
  padding: 0 0 0 30px;
  vertical-align: middle;
  display: inline-block;
  width: 66.6666666667%;
  position: relative;
  z-index: 2;
}
.all-news .col-news .normal-news h4 {
  font-size: 2.2em;
  color: #1d1d1b;
  margin: 10px 0 0;
  font-weight: 700;
  font-family: "Saira Extra Condensed", sans-serif;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media only screen and (min-width: 1480px) {
  .all-news .col-news .normal-news h4 {
    font-size: 2.5em;
  }
}
.all-news .col-news .normal-news time {
  text-transform: uppercase;
  font-size: 1.2em;
  color: #a9a9a9;
  position: relative;
}
.all-news .col-news .normal-news time .circle {
  display: inline-block;
  width: 3px;
  height: 3px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-color: #a9a9a9;
  vertical-align: middle;
  margin: -2px 3px 0;
}
.all-news .col-news .info-multiple-category {
  border: 1px solid #e1e6ea;
  font-size: 1.2em;
  color: #1d1d1b;
  padding: 7px 10px;
  font-weight: 400;
}
@media only screen and (min-width: 768px) {
  .all-news .col-news .info-multiple-category {
    font-size: 1.4em;
  }
}
.all-news .col-news .info-multiple-category .icon-left,
.all-news .col-news .info-multiple-category .text,
.all-news .col-news .info-multiple-category .icon-right {
  display: inline-block;
  vertical-align: middle;
}
.all-news .col-news .info-multiple-category .icon-left {
  width: 16px;
}
.all-news .col-news .info-multiple-category .icon-right {
  width: 24px;
}
.all-news .col-news .info-multiple-category .icon-right line {
  stroke: #1d1d1b;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.all-news .col-news .info-multiple-category .icon-right:hover line, .all-news .col-news .info-multiple-category .icon-right:focus line {
  stroke: #d80c15;
}
.all-news .col-news .info-multiple-category .text {
  width: calc(100% - 40px);
  padding: 0 10px 0 5px;
}
@media only screen and (min-width: 768px) {
  .all-news .col-news .info-multiple-category .text {
    padding: 0 15px 0 10px;
  }
}

/* TEAM LIST */
.page-team-list .wrapper-team-list {
  padding: 0 20px;
}
@media only screen and (min-width: 1024px) {
  .page-team-list .wrapper-team-list {
    padding: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .page-team-list ul {
    display: flex;
    flex-wrap: wrap;
  }
}
.page-team-list .wrapper-team-list li {
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #a9a9a9;
}
@media only screen and (min-width: 768px) {
  .page-team-list .wrapper-team-list li {
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
  }
}
@media only screen and (min-width: 1024px) {
  .page-team-list .wrapper-team-list li {
    width: 50%;
    padding: 0 10px 20px 0;
  }
}
.page-team-list figure {
  width: 60px;
  height: 60px;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .page-team-list figure {
    width: 100px;
    height: 100px;
  }
}
.page-team-list figure img {
  width: auto;
  height: auto;
  max-width: 60px;
  max-height: 60px;
}
@media only screen and (min-width: 768px) {
  .page-team-list figure img {
    max-width: 100px;
    max-height: 100px;
  }
}
.page-team-list .container-no-img,
.page-team-list .container-no-img-no-color {
  display: inline-block;
  vertical-align: top;
  width: 60px;
  height: 60px;
  position: relative;
  border: 1px solid #e1e6ea;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .page-team-list .container-no-img,
  .page-team-list .container-no-img-no-color {
    height: 100px;
    width: 100px;
  }
}
.page-team-list .container-no-img .round,
.page-team-list .container-no-img-no-color .round {
  font-family: "Sintony", sans-serif;
  width: 60px;
  height: 60px;
  display: block;
  text-align: center;
  line-height: 58px;
  font-size: 3em;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .page-team-list .container-no-img .round,
  .page-team-list .container-no-img-no-color .round {
    font-size: 6em;
    height: 100px;
    width: 100px;
    line-height: 98px;
  }
}
.page-team-list .container-no-img .round {
  color: #ffffff;
  text-shadow: 1px 1px 3px rgb(169, 169, 169);
}
.page-team-list .container-no-img-no-color .round {
  background-color: #1072cc;
  color: #ffffff;
  text-shadow: 1px 1px 3px rgb(169, 169, 169);
}
.page-team-list .team-info {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 60px);
  padding: 0 0 0 10px;
}
@media only screen and (min-width: 768px) {
  .page-team-list .team-info {
    width: calc(100% - 100px);
    padding: 0 0 0 15px;
  }
}
.page-team-list h2 {
  font-size: 2.5em;
  color: #1d1d1b;
  font-weight: 700;
  margin: 0 0 10px 0;
  font-family: "Saira Extra Condensed", sans-serif;
}
@media only screen and (min-width: 1024px) {
  .page-team-list h2 {
    margin: 0 0 20px 0;
  }
}
.page-team-list .box {
  margin: 0 0 10px 0;
}
@media only screen and (min-width: 768px) {
  .page-team-list .box {
    margin: 0 0 20px 0;
  }
}
.page-team-list p {
  font-size: 1.2em;
  margin: 0 0 2px 0;
  color: #1d1d1b;
}
@media only screen and (min-width: 768px) {
  .page-team-list p {
    font-size: 1.4em;
  }
}
.page-team-list p strong {
  color: #1d1d1b;
  font-weight: 600;
}
.page-team-list p a {
  font-size: 1em;
  color: #1072cc;
}
.page-team-list p a a:hover,
.page-team-list p a a:focus {
  color: #0a4a85;
}
.page-team-list a {
  color: #1d1d1b;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-size: 1.2em;
}
@media only screen and (min-width: 768px) {
  .page-team-list a {
    font-size: 1.4em;
  }
}
.page-team-list a span {
  display: inline-block;
  margin: 0 0 2px 0;
}
.page-team-list a:hover,
.page-team-list a:focus {
  color: #1072cc;
}

/* TEAM */
@media only screen and (min-width: 768px) {
  .page-team .header-content {
    padding: 0;
    background-color: #e1e6ea;
  }
  .page-team .header-content .inner-header-content {
    padding: 0;
    margin: 0;
    height: 1px;
  }
}
.page-team .team-card {
  margin: 0 auto 20px;
  text-align: center;
}
.page-team .team-card .wrapper-img {
  position: relative;
}
.page-team .team-card .left {
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .page-team .team-card .left {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
  }
}
.page-team .team-card .right {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .page-team .team-card .right {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 140px);
    text-align: left;
  }
}
@media only screen and (min-width: 1024px) {
  .page-team .team-card .right {
    width: calc(100% - 220px);
  }
}
.page-team .team-card .top {
  margin: 10px 20px;
  display: inline-block;
}
.page-team .team-card .bottom {
  margin: 0 20px;
}
.page-team .team-card .container-img {
  width: 100px;
  height: 100px;
  position: relative;
  border: 4px solid #e1e6ea;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  .page-team .team-card .container-img {
    width: 180px;
    height: 180px;
  }
}
.page-team .team-card .container-img.contain img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.page-team .team-card .container-img.cover img {
  display: block;
  min-height: 100%;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.page-team .team-card .number,
.page-team .team-card .name-and-team {
  display: inline-block;
  vertical-align: middle;
}
.page-team .team-card .number {
  width: 75px;
  font-size: 2.2em;
  margin: 0 0 0 5px;
  padding: 0 0 0 5px;
  font-weight: 700;
  border-left: 1px solid #1d1d1b;
  text-align: left;
  font-family: "Saira Extra Condensed", sans-serif;
}
@media only screen and (min-width: 1024px) {
  .page-team .team-card .number {
    width: 125px;
    font-size: 3.5em;
    margin: 0 0 0 15px;
    padding: 0 0 0 15px;
  }
}
.page-team .team-card .name {
  font-size: 2.2em;
  margin: 0 0 0 0;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  font-family: "Saira Extra Condensed", sans-serif;
}
@media only screen and (min-width: 1024px) {
  .page-team .team-card .name {
    font-size: 3.5em;
    margin: 0 0 0 0;
  }
}
.page-team .team-card .team-logo {
  width: 20px;
  height: 20px;
  background-size: contain !important;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
}
@media only screen and (min-width: 1024px) {
  .page-team .team-card .team-logo {
    width: 30px;
    height: 30px;
    margin: 0 10px 0 0;
  }
}
.page-team .team-card .container-no-img,
.page-team .team-card .container-no-img-no-color {
  width: 100px;
  height: 100px;
  position: relative;
  border: 1px solid #e1e6ea;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  .page-team .team-card .container-no-img,
  .page-team .team-card .container-no-img-no-color {
    height: 180px;
    width: 180px;
  }
}
.page-team .team-card .container-no-img .round,
.page-team .team-card .container-no-img-no-color .round {
  font-family: "Sintony", sans-serif;
  width: 100px;
  height: 100px;
  display: block;
  text-align: center;
  line-height: 98px;
  font-size: 3em;
  font-weight: 700;
}
@media only screen and (min-width: 1024px) {
  .page-team .team-card .container-no-img .round,
  .page-team .team-card .container-no-img-no-color .round {
    font-size: 6em;
    height: 180px;
    width: 180px;
    line-height: 178px;
  }
}
.page-team .team-card .container-no-img .round {
  color: #ffffff;
  text-shadow: 1px 1px 3px rgb(169, 169, 169);
}
.page-team .team-card .container-no-img-no-color .round {
  background-color: #1072cc;
  color: #ffffff;
  text-shadow: 1px 1px 3px rgb(169, 169, 169);
}
.page-team .team-card .team-name {
  width: calc(100% - 40px);
  display: inline-block;
  vertical-align: middle;
  font-size: 1.4em;
  color: #a9a9a9;
  text-align: left;
}
@media only screen and (min-width: 1024px) {
  .page-team .team-card .team-name {
    width: calc(100% - 50px);
    font-size: 2em;
  }
}
.page-team .team-card .info-team {
  padding: 10px;
  border-bottom: 1px solid #e1e6ea;
}
.page-team .team-card .info-team:last-child {
  border-bottom: none;
}
@media only screen and (min-width: 568px) {
  .page-team .team-card .info-team {
    display: inline-block;
    vertical-align: top;
    width: 50%;
  }
  .page-team .team-card .info-team:nth-child(1) {
    border-right: 1px solid #e1e6ea;
  }
  .page-team .team-card .info-team:nth-child(3) {
    border-right: 1px solid #e1e6ea;
    border-bottom: none;
  }
}
@media only screen and (min-width: 768px) {
  .page-team .team-card .info-team:nth-child(2n+1) {
    padding-left: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .page-team .team-card .info-team {
    padding: 20px;
  }
}
.page-team .team-card .label-info-tean {
  font-size: 1.4em;
  text-transform: uppercase;
  margin: 0 0 5px;
}
@media only screen and (min-width: 1024px) {
  .page-team .team-card .label-info-tean {
    font-size: 1.8em;
    margin: 0 0 10px;
  }
}
.page-team .team-card .data-tean {
  font-size: 1.4em;
  font-weight: 700;
  color: #1072cc;
  margin: 0;
}
.page-team .team-card .data-tean.no-data {
  color: #d80c15;
}
@media only screen and (min-width: 1024px) {
  .page-team .team-card .data-tean {
    font-size: 1.8em;
  }
}
@media only screen and (min-width: 1280px) {
  .page-team .wrapper-team-adv .team-card {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 400px);
  }
}
.page-team .wrapper-team-adv .wrapper-sidebar {
  margin-bottom: 20px;
  max-width: 100%;
  padding: 0 20px;
}
@media only screen and (min-width: 1280px) {
  .page-team .wrapper-team-adv .wrapper-sidebar {
    display: inline-block;
    vertical-align: top;
    width: 400px;
  }
}
.page-team .team-advertisment {
  padding: 15px 10px 15px 10px;
  text-align: center;
}
.page-team .wrapper-table table td.cell-team-width .line1,
.page-team .wrapper-table table td.cell-player-width .line1 {
  display: block;
}

/* PAGE CONTACT */
.page-contact .wrapper-contact-list {
  margin: 20px 0 0;
}
.page-contact .wrapper-contact-list .contact-unit {
  position: relative;
  margin: 0 0 20px 0;
}
@media only screen and (min-width: 1290px) {
  .page-contact .wrapper-contact-list .contact-unit {
    display: inline-block;
    vertical-align: middle;
    width: calc(50% - 12px);
  }
  .page-contact .wrapper-contact-list .contact-unit:nth-child(2n) {
    margin: 0 0 20px 10px;
  }
  .page-contact .wrapper-contact-list .contact-unit:nth-child(2n+1) {
    margin: 0 10px 20px 0;
  }
}
@media only screen and (min-width: 768px) {
  .page-contact .wrapper-contact-list .left,
  .page-contact .wrapper-contact-list .right {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
  }
}
.page-contact .wrapper-contact-list .left {
  border: 1px solid #e1e6ea;
  text-align: center;
  padding: 20px 20px;
}
@media only screen and (min-width: 768px) {
  .page-contact .wrapper-contact-list .left {
    padding: 20px 40px 60px;
  }
}
.page-contact .wrapper-contact-list .left p {
  margin: 0;
  color: #1072cc;
  font-size: 2em;
  font-family: "Saira Extra Condensed", sans-serif;
}
@media only screen and (min-width: 768px) {
  .page-contact .wrapper-contact-list .left p {
    font-size: 3em;
  }
}
.page-contact .wrapper-contact-list .left figure {
  display: inline-block;
  height: 80px;
  width: 80px;
  overflow: hidden;
  margin: 20px 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .page-contact .wrapper-contact-list .left figure {
    height: 120px;
    width: 120px;
  }
}
.page-contact .wrapper-contact-list .left figure img {
  display: block;
  min-height: 100%;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.page-contact .wrapper-contact-list .middle {
  text-align: center;
  padding-top: 15px;
}
@media only screen and (min-width: 768px) {
  .page-contact .wrapper-contact-list .middle {
    border-top: 1px solid #e1e6ea;
    border-left: 1px solid #e1e6ea;
    border-right: 1px solid #e1e6ea;
    position: absolute;
    bottom: 1px;
    padding: 15px;
    width: 80%;
    left: 10%;
    background-color: #ffffff;
    text-align: center;
  }
}
.page-contact .wrapper-contact-list .middle .courriel {
  font-size: 1.6em;
  display: block;
  margin: 0;
  color: #1d1d1b;
}
.page-contact .wrapper-contact-list .middle .courriel a {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.page-contact .wrapper-contact-list .middle .courriel a:hover, .page-contact .wrapper-contact-list .middle .courriel a:focus {
  color: #1072cc;
}
.page-contact .wrapper-contact-list .right {
  padding: 15px 20px;
  border-bottom: 1px solid #e1e6ea;
  border-left: 1px solid #e1e6ea;
  border-right: 1px solid #e1e6ea;
  font-size: 0.9em;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .page-contact .wrapper-contact-list .right {
    text-align: left;
    position: absolute;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    border-top: 1px solid #e1e6ea;
    border-left: none;
    padding: 20px 40px 60px;
    font-size: 1em;
  }
}
.page-contact .wrapper-contact-list .right p, .page-contact .wrapper-contact-list .right a {
  display: block;
  margin: 0;
  color: #1d1d1b;
}
.page-contact .wrapper-contact-list .right p span, .page-contact .wrapper-contact-list .right a span {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.8em;
  display: block;
  margin: 0 0 15px 0;
}
.page-contact .wrapper-contact-list .right .post {
  font-weight: 700;
  font-size: 2em;
  margin: 0 0 15px 0;
}
@media only screen and (min-width: 768px) {
  .page-contact .wrapper-contact-list .right .post {
    margin: 0 0 30px 0;
  }
}
.page-contact .wrapper-contact-list .right .phone {
  font-size: 1.6em;
  margin: 0 0 15px 0;
}
@media only screen and (min-width: 768px) {
  .page-contact .wrapper-contact-list .right .phone {
    margin: 0 0 30px 0;
  }
}
.page-contact .wrapper-contact-info {
  position: relative;
  overflow: hidden;
  clear: both;
}
@media only screen and (min-width: 768px) {
  .page-contact .wrapper-contact-info {
    height: 200px;
    padding-right: 764px;
  }
}
.page-contact .wrapper-contact-info .left {
  background-color: #1072cc;
  padding: 0 20px;
}
@media only screen and (min-width: 768px) {
  .page-contact .wrapper-contact-info .left {
    padding: 0;
    height: 100%;
    position: relative;
    overflow: hidden;
    z-index: 1;
  }
}
.page-contact .wrapper-contact-info .left h2 {
  font-size: 1.8em;
  color: #ffffff;
  font-family: "Saira Extra Condensed", sans-serif;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  padding: 20px 10px 20px 0;
  width: calc(100% - 34px);
}
@media only screen and (min-width: 768px) {
  .page-contact .wrapper-contact-info .left h2 {
    font-size: 4em;
    text-align: right;
    height: 200px;
    width: calc(100% - 187px);
    padding: 0;
    line-height: 200px;
    margin-right: 40px;
    position: relative;
    display: none;
  }
  .page-contact .wrapper-contact-info .left h2:before {
    content: "";
    width: 1px;
    height: 80px;
    background-color: #a9a9a9;
    position: absolute;
    right: -40px;
    top: 50%;
    margin-top: -40px;
  }
}
@media only screen and (min-width: 1115px) {
  .page-contact .wrapper-contact-info .left h2 {
    display: inline-block;
  }
}
.page-contact .wrapper-contact-info .left .icon {
  display: inline-block;
  vertical-align: middle;
}
.page-contact .wrapper-contact-info .left .icon-mobile {
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .page-contact .wrapper-contact-info .left .icon-mobile {
    display: none;
  }
}
.page-contact .wrapper-contact-info .left .icon-desktop {
  display: none;
}
@media only screen and (min-width: 768px) {
  .page-contact .wrapper-contact-info .left .icon-desktop {
    display: inline-block;
    margin: 75px 59px 0 40px;
    float: right;
  }
}
@media only screen and (min-width: 1115px) {
  .page-contact .wrapper-contact-info .left .icon-desktop {
    margin: 0 59px 0 40px;
    float: none;
  }
}
.page-contact .wrapper-contact-info .right {
  background-color: #1d1d1b;
}
@media only screen and (min-width: 768px) {
  .page-contact .wrapper-contact-info .right {
    width: 764px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media only screen and (min-width: 768px) {
  .page-contact .wrapper-contact-info .right .container-img {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    width: 300px;
  }
}
.page-contact .wrapper-contact-info .right .container-img img {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .page-contact .wrapper-contact-info .right .container-img img {
    width: 300px;
  }
}
.page-contact .wrapper-contact-info .right .info {
  display: inline-block;
  vertical-align: top;
  padding: 20px 39px 26px 20px;
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .page-contact .wrapper-contact-info .right .info {
    text-align: left;
    font-size: 1.2em;
    width: 325px;
  }
}
.page-contact .wrapper-contact-info .right .info h3 {
  color: #1072cc;
  font-size: 2em;
  margin: 0 0 5px 0;
  word-wrap: break-word;
  width: 100%;
}
.page-contact .wrapper-contact-info .right .info p {
  color: #626261;
  font-size: 2em;
  word-wrap: break-word;
  width: 100%;
}
.page-contact .wrapper-contact-info .right .info a {
  color: #ffffff;
  font-weight: 700;
  font-size: 1.6em;
  display: inline-block;
  margin: 15px 0 0 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  word-wrap: break-word;
  width: 100%;
}
.page-contact .wrapper-contact-info .right .info a:hover, .page-contact .wrapper-contact-info .right .info a:focus {
  opacity: 0.4;
}
.page-contact .wrapper-map-contact {
  background-color: #1d1d1b;
  position: relative;
}
.page-contact .wrapper-contact {
  position: relative;
  margin: 0 20px;
  background-color: #2a2a27;
  padding: 20px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .page-contact .wrapper-contact {
    text-align: left;
    position: absolute;
    height: 200px;
    bottom: 20px;
    left: 0;
    z-index: 2;
    margin: 0;
    padding: 40px 100px 40px 40px;
  }
}
.page-contact .wrapper-contact h2 {
  font-size: 1.8em;
  color: #ffffff;
  margin: 0 0 15px 0;
}
@media only screen and (min-width: 768px) {
  .page-contact .wrapper-contact h2 {
    font-size: 2.3em;
  }
}
.page-contact .wrapper-contact p {
  font-size: 1.4em;
  color: #a9a9a9;
  margin-bottom: 3px;
}
@media only screen and (min-width: 768px) {
  .page-contact .wrapper-contact p {
    font-size: 1.6em;
  }
}
.page-contact .wrapper-map iframe {
  width: 100%;
  height: 300px;
}
@media only screen and (min-width: 768px) {
  .page-contact .wrapper-map iframe {
    height: 400px;
  }
}
.page-contact .effect {
  display: none;
}
@media only screen and (min-width: 768px) {
  .page-contact .effect {
    display: inline-block;
    vertical-align: top;
    width: 139px;
    height: 200px;
    position: relative;
  }
  .page-contact .effect:before {
    content: "";
    display: block;
    width: 200%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #151514;
    border-left: 1px solid #626261;
    -webkit-transform: skew(-15deg);
    -moz-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    -o-transform: skew(-15deg);
    transform: skew(-15deg);
  }
}

/* PARTNER LIST */
.page-partner-list p.no-data {
  color: #d80c15;
  text-align: center;
}
.page-partner-list .wrapper-partner-list {
  padding: 0 20px;
}
@media only screen and (min-width: 1024px) {
  .page-partner-list .wrapper-partner-list {
    padding: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .page-partner-list ul {
    display: flex;
    flex-wrap: wrap;
  }
}
.page-partner-list .wrapper-partner-list li {
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #a9a9a9;
}
@media only screen and (min-width: 768px) {
  .page-partner-list .wrapper-partner-list li {
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
  }
}
@media only screen and (min-width: 1024px) {
  .page-partner-list .wrapper-partner-list li {
    width: 50%;
    padding: 50px 10px 50px 0;
  }
}
.page-partner-list figure {
  width: 60px;
  height: 60px;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .page-partner-list figure {
    width: 100px;
    height: 100px;
  }
}
.page-partner-list figure img {
  width: auto;
  height: auto;
  max-width: 60px;
  max-height: 60px;
}
@media only screen and (min-width: 768px) {
  .page-partner-list figure img {
    max-width: 100px;
    max-height: 100px;
  }
}
.page-partner-list .partner-info {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 60px);
  padding: 0 0 0 10px;
}
@media only screen and (min-width: 768px) {
  .page-partner-list .partner-info {
    width: calc(100% - 100px);
    padding: 0 0 0 15px;
  }
}
.page-partner-list h2 {
  font-size: 2.5em;
  color: #1d1d1b;
  font-weight: 700;
  margin: 0 0 10px 0;
  font-family: "Saira Extra Condensed", sans-serif;
}
@media only screen and (min-width: 1024px) {
  .page-partner-list h2 {
    margin: 0 0 20px 0;
  }
}
.page-partner-list .box {
  margin: 0 0 10px 0;
}
@media only screen and (min-width: 768px) {
  .page-partner-list .box {
    margin: 0 0 20px 0;
  }
}
.page-partner-list p {
  font-size: 1.2em;
  margin: 0 0 2px 0;
  color: #1d1d1b;
}
@media only screen and (min-width: 768px) {
  .page-partner-list p {
    font-size: 1.4em;
  }
}
.page-partner-list p strong {
  color: #1d1d1b;
  font-weight: 600;
}
.page-partner-list p a {
  font-size: 1em;
  color: #1072cc;
}
.page-partner-list p a a:hover,
.page-partner-list p a a:focus {
  color: #0a4a85;
}
.page-partner-list a {
  color: #1072cc;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-size: 1.2em;
}
@media only screen and (min-width: 768px) {
  .page-partner-list a {
    font-size: 1.4em;
  }
}
.page-partner-list a span {
  display: inline-block;
  margin: 0 0 2px 0;
}
.page-partner-list a:hover,
.page-partner-list a:focus {
  color: #0a4a85;
}

/* 404 */
.page-404 h2 {
  font-size: 12em;
  text-align: center;
  color: #a9a9a9;
  font-weight: 700;
  font-family: "Saira Extra Condensed", sans-serif;
}
.page-404 h3 {
  font-weight: 700;
  text-align: center;
  margin: 0 0 10px;
  font-size: 2em;
}
.page-404 p {
  text-align: center;
  font-size: 1.4em;
}
.page-404 a {
  color: #1072cc;
  display: block;
  text-align: center;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-size: 1.4em;
}
.page-404 a:hover, .page-404 a:focus {
  color: #073056;
}
.page-404 figure {
  padding: 10px 0 20px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .page-404 figure {
    padding: 10px 0 40px;
  }
}

/* PRINT SUMMARY */
@media print {
  .old-link,
  .wrapper-old-link-select-team,
  #gameboard,
  footer {
    display: none !important;
  }
  .summary .header-content {
    text-align: center;
  }
  .summary .wrapper-boxscore .header-boxscore .left,
  .summary .wrapper-boxscore .header-boxscore .middle,
  .summary .wrapper-boxscore .header-boxscore .right {
    border-left: 1px solid #e1e6ea !important;
    border-right: 1px solid #e1e6ea !important;
  }
  .summary .wrapper-boxscore .header-boxscore .left p {
    padding: 10px 10px 3px;
    margin: 0;
  }
  .summary .wrapper-boxscore .header-boxscore .right p {
    padding: 0 10px 3px;
    margin: 0;
  }
  .summary .wrapper-boxscore .header-boxscore .middle p {
    padding: 0 10px 10px;
    margin: 0;
  }
  .summary .wrapper-boxscore .content-boxscore {
    border-left: 1px solid #e1e6ea !important;
    border-right: 1px solid #e1e6ea !important;
  }
  .summary .wrapper-boxscore .content-boxscore .abreviation {
    display: none;
  }
  .summary .wrapper-boxscore .content-boxscore .name {
    display: block;
  }
  .summary .wrapper-game-documents {
    display: none !important;
  }
  .summary .wrapper-boxscore .info.info-final {
    background-color: #1d1d1b !important;
    -webkit-print-color-adjust: exact;
    color: #ffffff !important;
  }
  .summary .wrapper-boxscore .info.info-final p {
    -webkit-print-color-adjust: exact;
    color: #ffffff !important;
  }
  .summary .wrapper-print {
    page-break-inside: avoid;
  }
  .summary .wrapper-boxscore,
  .summary .wrapper-table .table-responsive {
    margin-bottom: 20px;
  }
  .summary .wrapper-table #summaryTeamStatsPlayersAway table,
  .summary .wrapper-table #summaryTeamStatsPlayersLocal table {
    font-size: 1vw !important;
  }
  .summary .wrapper-table table th {
    background-color: #1d1d1b !important;
    -webkit-print-color-adjust: exact;
    color: #ffffff !important;
  }
  .summary .wrapper-table table th div {
    color: #ffffff !important;
  }
  .summary .wrapper-table table td.highlight {
    background-color: #ffffff !important;
    -webkit-print-color-adjust: exact;
    color: #1d1d1b !important;
  }
  .summary .wrapper-table table.mini-table td {
    padding: 10px 5px;
  }
}
#dekPointsTable tr:last-child td {
  font-weight: bold;
}

.stats-error-email-wrapper {
  margin-top: 20px;
  background: #ececec;
  font-size: 1.4em;
  padding: 10px;
}

header {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  header {
    position: relative;
  }
}
header .wrapper-logo-desktop {
  display: none;
}

.container-logo-header-mobile {
  display: block;
  position: absolute;
  width: 150px;
  height: 40px;
  top: 4px;
  left: 50%;
  margin-left: -75px;
  z-index: 3;
  line-height: 40px;
  text-align: center;
}
.container-logo-header-mobile img {
  width: auto;
  height: auto;
  max-width: 150px;
  max-height: 40px;
}
@media only screen and (min-width: 1024px) {
  .container-logo-header-mobile {
    display: none;
  }
}

.container-logo-header-desktop {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .container-logo-header-desktop {
    display: block;
    position: absolute;
    width: 140px;
    height: 159px;
    margin-left: 0;
    top: -10px;
    left: 30px;
    z-index: 3;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .container-logo-header-desktop img {
    width: auto;
    height: auto;
    max-width: 140px;
    max-height: 159px;
  }
}
@media only screen and (min-width: 1480px) {
  .container-logo-header-desktop {
    width: 230px;
  }
  .container-logo-header-desktop img {
    max-width: 230px;
  }
}

.top-header {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 11px 20px;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: none;
}
@media only screen and (min-width: 1024px) {
  .top-header {
    height: 60px;
    line-height: 60px;
    padding: 0 30px 0 180px;
    display: block;
  }
}
@media only screen and (min-width: 1480px) {
  .top-header {
    padding: 0 30px 0 270px;
  }
}
.top-header .left p,
.top-header .left ul,
.top-header .right p,
.top-header .right ul {
  display: inline-block;
  vertical-align: middle;
}
.top-header .left > p,
.top-header .right > p {
  margin: 0;
  color: #a9a9a9;
  font-size: 1.2em;
}
.top-header .left {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .top-header .left {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 300px);
  }
}
.top-header .right {
  text-align: left;
  display: block;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .top-header .right {
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    width: 300px;
  }
}
.top-header .right > ul {
  display: inline-block;
  vertical-align: middle;
}
.top-header .right > ul li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
}
@media only screen and (min-width: 1024px) {
  .top-header .right > ul li {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .top-header .right > ul li:hover, .top-header .right > ul li:focus {
    opacity: 0.4;
  }
}
.top-header .tertiary-menu ul {
  position: relative;
}
.top-header .tertiary-menu ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.top-header .tertiary-menu ul li:first-child {
  margin: 0;
}
.top-header .tertiary-menu ul li a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  height: 56px;
  font-size: 1.2em;
  font-weight: 700;
  color: #a9a9a9;
  line-height: 56px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.top-header .tertiary-menu ul li a:hover, .top-header .tertiary-menu ul li a:focus {
  color: #1072cc;
}
@media only screen and (min-width: 1024px) {
  .top-header .tertiary-menu div > ul > li > a {
    margin: 0 10px 0 0;
  }
}
.top-header .tertiary-menu div > ul > li > ul.sub-menu {
  display: none;
  background: #ffffff;
  position: absolute;
  top: 54px;
  z-index: 2;
  overflow: hidden;
  width: 345px;
  border: 1px solid #e1e6ea;
}
.top-header .tertiary-menu div > ul > li > ul.sub-menu > li > a {
  text-transform: uppercase;
}
.top-header .tertiary-menu div > ul > li > ul.sub-menu li {
  display: block;
}
.top-header .tertiary-menu div > ul > li > ul.sub-menu li a {
  height: auto;
  display: block;
  color: #1d1d1b;
  padding: 13px 20px;
  border-top: 1px solid #e1e6ea;
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 1480px) {
  .top-header .tertiary-menu div > ul > li > ul.sub-menu li a {
    font-size: 1.2em;
  }
}
.top-header .tertiary-menu div > ul > li > ul.sub-menu li a:hover, .top-header .tertiary-menu div > ul > li > ul.sub-menu li a:focus {
  background-color: #1072cc;
  color: #ffffff;
}
.top-header .tertiary-menu div > ul > li > ul.sub-menu li:first-child a {
  border-top: none;
}
.top-header .tertiary-menu div > ul > li > ul.sub-menu ul.sub-menu {
  border: none;
  padding: 0 0 0 0;
}
.top-header .tertiary-menu div > ul > li > ul.sub-menu ul.sub-menu a {
  padding: 5px 20px 5px 40px;
  font-size: 1.2em;
  color: #626261;
  border: none;
  font-weight: 400;
  text-transform: uppercase;
}
.top-header .tertiary-menu div > ul > li > ul.sub-menu ul.sub-menu a:hover, .top-header .tertiary-menu div > ul > li > ul.sub-menu ul.sub-menu a:focus {
  color: #ffffff;
}
.top-header .tertiary-menu div > ul > li:hover ul.sub-menu {
  display: block;
}
.top-header .tertiary-menu > div > ul > li > ul.sub-menu > li .sub-menu {
  display: none;
}
.top-header .tertiary-menu > div > ul > li > ul.sub-menu > li .sub-menu.sub-menu-open {
  display: block;
}
.top-header .tertiary-menu > div > ul > li > ul.sub-menu > li.menu-item-has-children.icon-sub-menu-open > a:before {
  content: "\ea5b";
}
.top-header .tertiary-menu > div > ul > li > ul.sub-menu > li.menu-item-has-children > a {
  position: relative;
  padding-right: 35px;
}
.top-header .tertiary-menu > div > ul > li > ul.sub-menu > li.menu-item-has-children > a:before {
  content: "\ea5a";
  font: normal normal normal 16px/1 "Nucleo Mini";
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  right: 20px;
  color: #1d1d1b;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-size: 0.8em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (min-width: 1024px) {
  .top-header .tertiary-menu > div > ul > li > ul.sub-menu > li.menu-item-has-children > a:hover:before,
  .top-header .tertiary-menu > div > ul > li > ul.sub-menu > li.menu-item-has-children > a:focus:before {
    color: #ffffff;
  }
}

.logo-small-desktop {
  display: none;
}

@media only screen and (min-width: 1024px) {
  header .header-style-white.container-logo-header-desktop {
    padding: 10px;
    background: #ffffff;
    text-align: center;
    line-height: 115px;
    border-right: 1px solid #e1e6ea;
    border-top: 1px solid #e1e6ea;
    height: 135px;
    left: 0;
    top: 0;
  }
  header .header-style-white.container-logo-header-desktop img {
    max-height: 80px;
    max-width: 120px;
  }
  header .header-style-white.container-logo-header-desktop > a {
    display: none;
  }
  header .header-style-white.container-logo-header-desktop .logo-small-desktop {
    display: block;
    line-height: 115px;
  }
}
@media only screen and (min-width: 1480px) {
  header .header-style-white.container-logo-header-desktop img {
    max-height: 115px;
    max-width: 210px;
  }
  header .header-style-white.container-logo-header-desktop > a {
    display: inline;
  }
  header .header-style-white.container-logo-header-desktop .logo-small-desktop {
    display: none;
  }
}
header .top-header {
  background-color: #1d1d1b;
  border-top: 1px solid #e1e6ea;
  border-bottom: 1px solid #e1e6ea;
}
header .top-header .left > p, header .top-header .right > p {
  color: #a9a9a9;
}
header .top-header .right ul li a path {
  fill: #a9a9a9;
}
header .top-header .tertiary-menu ul li a {
  color: #a9a9a9;
}

body.menu-open .navbar-default {
  max-height: none;
}
body.menu-open .navbar-default .navbar-collapse {
  left: 0;
}

.navbar-default {
  background-color: #ffffff;
  background-image: none;
  box-shadow: none;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  /*max-height: 50px;*/
  margin: 0;
}
@media only screen and (max-width: 1023px) {
  .navbar-default {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
}
@media only screen and (min-width: 1024px) {
  .navbar-default {
    max-height: none;
  }
}
.navbar-default .container-fluid {
  padding: 0;
}
.navbar-default .navbar-collapse {
  padding: 0;
  background-color: #ffffff;
}
@media only screen and (min-width: 1024px) {
  .navbar-default .navbar-collapse {
    padding: 0 0 0 170px;
    height: auto !important;
    margin: 0;
  }
  .navbar-default .navbar-collapse.no-gameboard {
    height: auto !important;
  }
}
@media only screen and (min-width: 1480px) {
  .navbar-default .navbar-collapse {
    padding: 0 0 0 255px;
  }
}
.navbar-default .team-list-mobile {
  background: #1d1d1b;
  padding: 11px 30px;
  margin: 0 -20px;
}
.navbar-default .team-list-mobile p {
  margin: 0 0 10px;
  color: #a9a9a9;
  font-size: 1.2em;
}
@media only screen and (min-width: 768px) {
  .navbar-default .team-list-mobile p {
    font-size: 1.4em;
  }
}
@media only screen and (min-width: 1024px) {
  .navbar-default .team-list-mobile p {
    font-size: 1.2em;
  }
}
.navbar-default .team-list-mobile ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px 10px 0;
}
@media only screen and (min-width: 1024px) {
  .navbar-default .team-list-mobile ul li {
    margin: 0 0 0 20px;
  }
}
.navbar-default .team-list-mobile ul li a {
  width: 30px;
  height: 30px;
  display: block;
}
@media only screen and (min-width: 1024px) {
  .navbar-default .team-list-mobile {
    display: none;
  }
}
.navbar-default ul li a {
  font-size: 1.2em;
  font-weight: 700;
  color: #1d1d1b;
  text-transform: uppercase;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.navbar-default ul li a:hover, .navbar-default ul li a:focus {
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .navbar-default ul li a {
    font-size: 1.4em;
  }
}
@media only screen and (min-width: 1024px) {
  .navbar-default ul li a {
    font-size: 1.2em;
  }
}
.navbar-default .navbar-nav {
  padding: 15px 0;
  margin: 0;
}
@media only screen and (min-width: 1024px) {
  .navbar-default .navbar-nav {
    height: 75px;
    padding: 0;
    position: relative;
  }
  .navbar-default .navbar-nav div[class^=menu-menu-principal-] > ul > li > a {
    font-family: "Saira Extra Condensed", sans-serif;
    font-size: 1.8em;
  }
}
@media only screen and (min-width: 1024px) {
  .navbar-default div[class^=menu-menu-principal-] {
    display: inline-block;
    vertical-align: middle;
  }
}
.navbar-default ul[id^=menu-menu-principal],
.navbar-default div[class^=menu-menu-principal-] > ul {
  position: relative;
}
.navbar-default ul[id^=menu-menu-principal] > li,
.navbar-default div[class^=menu-menu-principal-] > ul > li {
  display: block;
}
@media only screen and (min-width: 1024px) {
  .navbar-default ul[id^=menu-menu-principal] > li,
  .navbar-default div[class^=menu-menu-principal-] > ul > li {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.9em;
  }
}
@media only screen and (min-width: 1480px) {
  .navbar-default ul[id^=menu-menu-principal] > li,
  .navbar-default div[class^=menu-menu-principal-] > ul > li {
    font-size: 1em;
  }
}
@media only screen and (min-width: 1024px) {
  .navbar-default ul[id^=menu-menu-principal] > li:last-child,
  .navbar-default div[class^=menu-menu-principal-] > ul > li:last-child {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .navbar-default ul[id^=menu-menu-principal] > li .sub-menu,
  .navbar-default div[class^=menu-menu-principal-] > ul > li .sub-menu {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  .navbar-default ul[id^=menu-menu-principal] > li > a,
  .navbar-default div[class^=menu-menu-principal-] > ul > li > a {
    padding: 29px 10px 29px;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .navbar-default ul[id^=menu-menu-principal] > li > a:before,
  .navbar-default div[class^=menu-menu-principal-] > ul > li > a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #1072cc;
    z-index: -1;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  }
  .navbar-default ul[id^=menu-menu-principal] > li > a:hover:before, .navbar-default ul[id^=menu-menu-principal] > li > a:focus:before,
  .navbar-default div[class^=menu-menu-principal-] > ul > li > a:hover:before,
  .navbar-default div[class^=menu-menu-principal-] > ul > li > a:focus:before {
    -webkit-transform: scaleY(0.1);
    -ms-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }
}
@media only screen and (min-width: 1480px) {
  .navbar-default ul[id^=menu-menu-principal] > li > a,
  .navbar-default div[class^=menu-menu-principal-] > ul > li > a {
    padding: 28px 15px 28px;
  }
}
.navbar-default ul[id^=menu-menu-principal] > li,
.navbar-default div[class^=menu-menu-principal-] > ul > li {
  padding: 0 20px 0;
  margin: 0 -20px 0;
}
@media only screen and (max-width: 1023px) {
  .navbar-default ul[id^=menu-menu-principal] > li.icon-sub-menu-open,
  .navbar-default div[class^=menu-menu-principal-] > ul > li.icon-sub-menu-open {
    background-color: #ececec;
  }
  .navbar-default ul[id^=menu-menu-principal] > li:first-child > a,
  .navbar-default div[class^=menu-menu-principal-] > ul > li:first-child > a {
    border-top: none;
  }
  .navbar-default ul[id^=menu-menu-principal] > li:last-child > a,
  .navbar-default div[class^=menu-menu-principal-] > ul > li:last-child > a {
    border-bottom: 1px solid #ececec;
  }
  .navbar-default ul[id^=menu-menu-principal] > li > a,
  .navbar-default div[class^=menu-menu-principal-] > ul > li > a {
    padding: 15px 0;
    border-top: 1px solid #ececec;
  }
}
@media only screen and (min-width: 1024px) {
  .navbar-default ul[id^=menu-menu-principal] > li,
  .navbar-default div[class^=menu-menu-principal-] > ul > li {
    padding: 0;
    margin: 0;
  }
  .navbar-default ul[id^=menu-menu-principal] > li.current-menu-item > a:before,
  .navbar-default div[class^=menu-menu-principal-] > ul > li.current-menu-item > a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #a9a9a9;
    z-index: -1;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: scaleY(0.1);
    -ms-transform: scaleY(0.1);
    transform: scaleY(0.1);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  }
  .navbar-default ul[id^=menu-menu-principal] > li:hover > ul.sub-menu,
  .navbar-default div[class^=menu-menu-principal-] > ul > li:hover > ul.sub-menu {
    display: block;
    position: absolute;
    z-index: 2;
    background-color: #ffffff;
    border-left: 1px solid #e1e6ea;
    border-right: 1px solid #e1e6ea;
    border-bottom: 1px solid #e1e6ea;
    width: 345px;
    top: 75px;
  }
  .navbar-default ul[id^=menu-menu-principal] > li:hover > ul.sub-menu li,
  .navbar-default div[class^=menu-menu-principal-] > ul > li:hover > ul.sub-menu li {
    display: block;
  }
  .navbar-default ul[id^=menu-menu-principal] > li:hover > ul.sub-menu li a,
  .navbar-default div[class^=menu-menu-principal-] > ul > li:hover > ul.sub-menu li a {
    display: block;
    color: #1d1d1b;
    padding: 13px 30px 13px 20px;
    border-top: 1px solid #e1e6ea;
    line-height: 20px;
    font-size: 12px;
    transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .navbar-default ul[id^=menu-menu-principal] > li:hover > ul.sub-menu li a:hover, .navbar-default ul[id^=menu-menu-principal] > li:hover > ul.sub-menu li a:focus,
  .navbar-default div[class^=menu-menu-principal-] > ul > li:hover > ul.sub-menu li a:hover,
  .navbar-default div[class^=menu-menu-principal-] > ul > li:hover > ul.sub-menu li a:focus {
    background-color: #1072cc;
    color: #ffffff;
  }
}
@media only screen and (max-width: 1023px) {
  .navbar-default ul[id^=menu-menu-principal] > li > a,
  .navbar-default div[class^=menu-menu-principal-] > ul > li > a {
    display: block;
  }
  .navbar-default ul[id^=menu-menu-principal] > li.menu-item-has-children.icon-sub-menu-open > a:before,
  .navbar-default div[class^=menu-menu-principal-] > ul > li.menu-item-has-children.icon-sub-menu-open > a:before {
    content: "\ea5b";
  }
  .navbar-default ul[id^=menu-menu-principal] > li.menu-item-has-children > a,
  .navbar-default div[class^=menu-menu-principal-] > ul > li.menu-item-has-children > a {
    padding-right: 30px;
    position: relative;
  }
  .navbar-default ul[id^=menu-menu-principal] > li.menu-item-has-children > a:before,
  .navbar-default div[class^=menu-menu-principal-] > ul > li.menu-item-has-children > a:before {
    content: "\ea5a";
    font: normal normal normal 16px/1 "Nucleo Mini";
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    right: 10px;
    color: #1d1d1b;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-size: 0.8em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .navbar-default ul[id^=menu-menu-principal] > li > ul.sub-menu,
  .navbar-default div[class^=menu-menu-principal-] > ul > li > ul.sub-menu {
    display: none;
    border: none;
    padding: 0;
    min-width: 0;
  }
  .navbar-default ul[id^=menu-menu-principal] > li > ul.sub-menu.sub-menu-open,
  .navbar-default div[class^=menu-menu-principal-] > ul > li > ul.sub-menu.sub-menu-open {
    display: block;
  }
  .navbar-default ul[id^=menu-menu-principal] > li > ul.sub-menu > li,
  .navbar-default div[class^=menu-menu-principal-] > ul > li > ul.sub-menu > li {
    padding: 0;
  }
  .navbar-default ul[id^=menu-menu-principal] > li > ul.sub-menu a,
  .navbar-default div[class^=menu-menu-principal-] > ul > li > ul.sub-menu a {
    padding: 10px 20px 10px 45px;
    font-size: 1.2em;
    color: #626261;
    text-transform: uppercase;
    display: block;
    font-weight: 400;
  }
  .navbar-default ul[id^=menu-menu-principal] > li > ul.sub-menu ul.sub-menu,
  .navbar-default div[class^=menu-menu-principal-] > ul > li > ul.sub-menu ul.sub-menu {
    display: none;
  }
}
.navbar-default ul[id^=menu-menu-principal] li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > a,
.navbar-default div[class^=menu-menu-principal-] li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > a {
  position: relative;
  padding-right: 35px;
}
.navbar-default ul[id^=menu-menu-principal] li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > a:before,
.navbar-default div[class^=menu-menu-principal-] li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > a:before {
  content: "\ea5a";
  font: normal normal normal 16px/1 "Nucleo Mini";
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  right: 10px;
  color: #1d1d1b;
  background-color: transparent !important;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-size: 0.8em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (min-width: 1024px) {
  .navbar-default ul[id^=menu-menu-principal] li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > a:hover:before,
  .navbar-default ul[id^=menu-menu-principal] li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > a:focus:before,
  .navbar-default div[class^=menu-menu-principal-] li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > a:hover:before,
  .navbar-default div[class^=menu-menu-principal-] li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > a:focus:before {
    color: #ffffff;
  }
}
.navbar-default ul[id^=menu-menu-principal] li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children.icon-sub-menu-open > a:before,
.navbar-default div[class^=menu-menu-principal-] li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children.icon-sub-menu-open > a:before {
  content: "\ea5b";
}
.navbar-default ul[id^=menu-menu-principal] li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children ul.sub-menu,
.navbar-default div[class^=menu-menu-principal-] li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children ul.sub-menu {
  display: none;
  border: none;
  padding: 0 0 0;
  min-width: 0;
}
.navbar-default ul[id^=menu-menu-principal] li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children ul.sub-menu.sub-menu-open,
.navbar-default div[class^=menu-menu-principal-] li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children ul.sub-menu.sub-menu-open {
  display: block;
}
.navbar-default ul[id^=menu-menu-principal] li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children ul.sub-menu li:first-child a,
.navbar-default div[class^=menu-menu-principal-] li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children ul.sub-menu li:first-child a {
  padding-top: 5px;
}
.navbar-default ul[id^=menu-menu-principal] li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children ul.sub-menu a,
.navbar-default div[class^=menu-menu-principal-] li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children ul.sub-menu a {
  padding: 10px 20px 10px 65px;
  font-size: 1.2em;
  color: #626261;
  border: none;
  font-weight: 400;
  text-transform: uppercase;
}
@media only screen and (min-width: 1024px) {
  .navbar-default ul[id^=menu-menu-principal] li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children ul.sub-menu a,
  .navbar-default div[class^=menu-menu-principal-] li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children ul.sub-menu a {
    padding: 5px 20px 5px 40px;
  }
}
.navbar-default ul[id^=menu-menu-principal] li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children ul.sub-menu a:hover, .navbar-default ul[id^=menu-menu-principal] li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children ul.sub-menu a:focus,
.navbar-default div[class^=menu-menu-principal-] li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children ul.sub-menu a:hover,
.navbar-default div[class^=menu-menu-principal-] li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children ul.sub-menu a:focus {
  color: #ffffff;
}
.navbar-default ul[id^=menu-menu-principal] li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children ul.sub-menu ul.sub-menu,
.navbar-default div[class^=menu-menu-principal-] li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children ul.sub-menu ul.sub-menu {
  display: none;
}
.navbar-default .button-right-menu {
  display: none;
  cursor: pointer;
}
@media only screen and (max-width: 1023px) {
  .navbar-default .button-right-menu {
    display: none !important;
  }
}
@media only screen and (min-width: 1024px) {
  .navbar-default .button-right-menu {
    display: none;
    vertical-align: middle;
    text-align: right;
    padding-right: 30px;
    margin-top: -2px;
  }
  .navbar-default .button-right-menu:hover p, .navbar-default .button-right-menu:focus p {
    color: #1072cc;
  }
  .navbar-default .button-right-menu:hover .icon line, .navbar-default .button-right-menu:focus .icon line {
    stroke: #1072cc;
  }
  .navbar-default .button-right-menu.with-menu-secondary {
    display: inline-block !important;
  }
}
.navbar-default .button-right-menu p {
  font-size: 1.8em;
  font-family: "Saira Extra Condensed", sans-serif;
  font-weight: 700;
  color: #1d1d1b;
  margin: 0 15px 0 0;
  text-transform: uppercase;
}
@media only screen and (min-width: 1024px) {
  .navbar-default .button-right-menu p {
    font-size: 1.6em;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    margin-left: 10px;
  }
}
@media only screen and (min-width: 1480px) {
  .navbar-default .button-right-menu p {
    font-size: 1.8em;
    margin-left: 15px;
  }
}
.navbar-default .button-right-menu p,
.navbar-default .button-right-menu .icon {
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 1024px) {
  .navbar-default .button-right-menu .icon line {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
}
.navbar-default .button-right-menu .elt-menu-text {
  display: inline-block;
}
.navbar-default .button-right-menu .elt-menu-close {
  display: inline-block;
}
.navbar-default .button-right-menu .elt-menu-open {
  display: none;
}
.navbar-default .button-right-menu.right-menu-open .elt-menu-close {
  display: none;
}
.navbar-default .button-right-menu.right-menu-open .elt-menu-open {
  display: inline-block;
}
.navbar-default .right-menu {
  display: none;
  background: #ffffff;
  position: absolute;
  top: 75px;
  z-index: 9;
  right: 30px;
  width: 345px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.navbar-default .right-menu.active {
  display: block;
}
.navbar-default .right-menu .menu-menu-tertiaire-container ul {
  border-top: none;
}
.navbar-default .right-menu ul {
  width: 345px;
  border-left: 1px solid #e1e6ea;
  border-right: 1px solid #e1e6ea;
  border-bottom: 1px solid #e1e6ea;
}
.navbar-default .right-menu ul li a {
  display: block;
  color: #1d1d1b;
  padding: 13px 20px;
  border-top: 1px solid #e1e6ea;
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 1024px) {
  .navbar-default .right-menu ul li a {
    font-size: 1.2em;
    transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .navbar-default .right-menu ul li a:hover, .navbar-default .right-menu ul li a:focus {
    background-color: #1072cc;
    color: #ffffff;
  }
}
@media only screen and (min-width: 1480px) {
  .navbar-default .right-menu ul li a {
    font-size: 1.2em;
  }
}
.navbar-default .right-menu ul.element-menu-add-resize {
  border: none;
}
.navbar-default .right-menu ul.element-menu-add-resize > li {
  border-left: 1px solid #e1e6ea;
  border-right: 1px solid #e1e6ea;
}
.navbar-default .right-menu ul.element-menu-add-resize > li:first-child {
  border-top: 1px solid #e1e6ea;
  border-bottom: none;
}
.navbar-default .right-menu > ul > li:first-child > a {
  border-top: none;
}
.navbar-default .right-menu ul li.menu-item-has-children.icon-sub-menu-open > a:before {
  content: "\ea5b";
}
.navbar-default .right-menu ul li.menu-item-has-children > a {
  position: relative;
  padding-right: 35px;
}
.navbar-default .right-menu ul li.menu-item-has-children > a:before {
  content: "\ea5a";
  font: normal normal normal 16px/1 "Nucleo Mini";
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  right: 20px;
  color: #1d1d1b;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-size: 0.8em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.navbar-default .right-menu ul li.menu-item-has-children > a:hover:before,
.navbar-default .right-menu ul li.menu-item-has-children > a:focus:before {
  color: #ffffff;
}
.navbar-default .right-menu ul.sub-menu {
  display: none;
  border: none;
  padding: 0 0 0;
  min-width: 0;
}
.navbar-default .right-menu ul.sub-menu.sub-menu-open {
  display: block;
}
.navbar-default .right-menu ul.sub-menu a {
  padding: 5px 20px 5px 40px;
  font-size: 1.2em;
  color: #626261;
  border: none;
  font-weight: 400;
  text-transform: uppercase;
}
.navbar-default .right-menu ul.sub-menu ul.sub-menu {
  display: none;
}
.navbar-default .right-menu ul.sub-menu ul.sub-menu.sub-menu-open {
  display: block;
}
.navbar-default .right-menu ul.sub-menu ul.sub-menu a {
  padding: 5px 20px 5px 65px;
}
.navbar-default .navbar-right {
  padding: 0 0 15px;
}
@media only screen and (min-width: 1024px) {
  .navbar-default .navbar-right {
    padding: 0 30px 0 0;
    margin-right: 0;
    height: 75px;
    line-height: 75px;
  }
}
.navbar-default .navbar-toggle {
  float: left;
  margin: 0;
  padding: 17px 10px 17px 20px;
  border: none;
}
@media only screen and (min-width: 1024px) {
  .navbar-default .navbar-toggle {
    margin-left: 20px;
  }
}
.navbar-default .navbar-toggle.btn-hide {
  display: none !important;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #1d1d1b;
}
.navbar-default .navbar-toggle .icon-bar:last-child {
  width: 11px;
  float: right;
}
@media only screen and (min-width: 1024px) {
  .navbar-default .navbar-mobile-only {
    display: none;
  }
}
.navbar-default .navbar-mobile-only li {
  padding: 10px 0;
}
.navbar-default .navbar-mobile-only li a {
  display: block;
}
.navbar-default .navbar-mobile-only > div > ul > li {
  padding: 0 20px 0;
  margin: 0 -20px 0;
}
.navbar-default .navbar-mobile-only > div > ul > li.icon-sub-menu-open {
  background-color: #ececec;
}
.navbar-default .navbar-mobile-only > div > ul > li:first-child > a {
  border-top: none;
}
.navbar-default .navbar-mobile-only > div > ul > li:last-child > a {
  border-bottom: 1px solid #ececec;
}
.navbar-default .navbar-mobile-only > div > ul > li > a {
  padding: 15px 0;
  border-top: 1px solid #ececec;
}
.navbar-default .navbar-mobile-only ul li.menu-item-has-children.icon-sub-menu-open > a:before {
  content: "\ea5b";
}
.navbar-default .navbar-mobile-only ul li.menu-item-has-children > a {
  padding-right: 30px;
  position: relative;
}
.navbar-default .navbar-mobile-only ul li.menu-item-has-children > a:before {
  content: "\ea5a";
  font: normal normal normal 16px/1 "Nucleo Mini";
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  right: 10px;
  color: #1d1d1b;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-size: 0.8em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.navbar-default .navbar-mobile-only ul.sub-menu {
  display: none;
  border: none;
  padding: 0;
  min-width: 0;
}
.navbar-default .navbar-mobile-only ul.sub-menu.sub-menu-open {
  display: block;
}
.navbar-default .navbar-mobile-only ul.sub-menu li {
  padding: 0;
}
.navbar-default .navbar-mobile-only ul.sub-menu a {
  padding: 10px 20px 10px 45px;
  font-size: 1.2em;
  color: #626261;
  text-transform: uppercase;
  display: block;
  font-weight: 400;
}
.navbar-default .navbar-mobile-only ul.sub-menu ul.sub-menu {
  display: none;
}
.navbar-default .navbar-mobile-only ul.sub-menu ul.sub-menu.sub-menu-open {
  display: block;
}
.navbar-default .navbar-mobile-only ul.sub-menu ul.sub-menu a {
  padding: 10px 20px 10px 65px;
}
@media only screen and (max-width: 1023px) {
  .navbar-default .navbar-mobile-only ul.sub-menu ul.sub-menu li:first-child a {
    padding-top: 5px;
  }
}
.navbar-default .gameboard-btn {
  float: right;
  margin: 13px 20px 11px 20px;
}
@media only screen and (min-width: 1024px) {
  .navbar-default .gameboard-btn {
    display: none;
    margin: 13px 30px 11px 20px;
  }
}
.navbar-default .gameboard-btn.btn-hide {
  display: none;
}
.navbar-default .gameboard-btn .icon-open {
  display: block;
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.navbar-default .gameboard-btn.btn-gameboard-open .icon-open {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

#nav-icon1 {
  width: 24px;
  height: 16px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
#nav-icon1 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #1d1d1b;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
#nav-icon1 span:nth-child(1) {
  top: 0;
}
#nav-icon1 span:nth-child(2) {
  top: 7px;
}
#nav-icon1 span:nth-child(3) {
  top: 14px;
  width: 50%;
  right: 0;
  left: inherit;
}
#nav-icon1.open span:nth-child(1) {
  top: 7px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -42px;
}
#nav-icon1.open span:nth-child(3) {
  top: 7px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
  width: 100%;
  right: inherit;
  left: 0;
}
#nav-icon1.nav-icon-hide {
  display: none;
}

.btn-action-menu {
  border: 1px solid #e1e6ea;
  font-size: 1.4em;
  color: #1d1d1b;
  padding: 7px 10px;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
  max-width: 260px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 480px) {
  .btn-action-menu {
    max-width: 325px;
  }
}
@media only screen and (min-width: 1024px) {
  .btn-action-menu {
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 1480px) {
  .btn-action-menu {
    font-size: 1.4em;
  }
}
.btn-action-menu.btn-action-menu-desktop {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .btn-action-menu.btn-action-menu-desktop {
    display: block;
  }
}
.btn-action-menu.btn-action-menu-mobile {
  display: block;
}
@media only screen and (min-width: 1024px) {
  .btn-action-menu.btn-action-menu-mobile {
    display: none;
  }
}
.btn-action-menu .icon-left,
.btn-action-menu .text,
.btn-action-menu .icon-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-action-menu .text {
  margin: 0 0 0 0;
  max-width: 160px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 480px) {
  .btn-action-menu .text {
    max-width: 225px;
  }
}
.btn-action-menu:hover, .btn-action-menu:focus {
  border: 1px solid #1072cc;
}
.btn-action-menu:hover .text, .btn-action-menu:focus .text {
  color: #1072cc;
}
.btn-action-menu .icon-left {
  margin-right: 10px;
  width: 24px;
  height: 24px;
}
.btn-action-menu .icon-left img {
  width: auto;
  height: auto;
  max-width: 24px;
  max-height: 24px;
}
@media only screen and (min-width: 1024px) {
  .btn-action-menu .icon-left {
    display: none;
    margin: 0;
  }
}
@media only screen and (min-width: 1480px) {
  .btn-action-menu .icon-left {
    display: inline-block;
    margin-right: 10px;
  }
}
.btn-action-menu .icon-right {
  margin-left: 20px;
  margin-top: 3px;
}
.btn-action-menu .icon-right polygon {
  fill: #1072cc;
}
@media only screen and (min-width: 1024px) {
  .btn-action-menu .icon-right {
    margin-left: 10px;
  }
}
@media only screen and (min-width: 1480px) {
  .btn-action-menu .icon-right {
    margin-left: 20px;
  }
}
.btn-action-menu:hover, .btn-action-menu:focus {
  text-decoration: none;
}

.social-media-mobile {
  display: block;
  margin: 20px 0 0 0;
}
@media only screen and (min-width: 1024px) {
  .social-media-mobile {
    display: none;
  }
}
.social-media-mobile p,
.social-media-mobile ul {
  display: inline-block;
  vertical-align: middle;
}
.social-media-mobile > p {
  margin: 0;
  color: #1d1d1b;
  font-size: 1.2em;
}
@media only screen and (min-width: 768px) {
  .social-media-mobile > p {
    font-size: 1.4em;
  }
}
@media only screen and (min-width: 1024px) {
  .social-media-mobile > p {
    font-size: 1.2em;
  }
}
.social-media-mobile ul li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
}
@media only screen and (min-width: 1024px) {
  .social-media-mobile ul li a {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .social-media-mobile ul li a:hover, .social-media-mobile ul li a:focus {
    opacity: 0.4;
  }
}
.social-media-mobile ul li a path {
  fill: #1d1d1b;
}
@media only screen and (max-width: 1023px) {
  .social-media-mobile ul li:first-child {
    margin-left: 0;
  }
}

@media (max-width: 1023px) {
  header .navbar-header {
    float: none !important;
  }
  header .navbar-left, .navbar-right {
    float: none !important;
  }
  header .navbar-toggle {
    display: block !important;
  }
  header .navbar-fixed-top {
    top: 0 !important;
  }
  header .navbar-collapse.collapse,
  header .navbar-collapse.collapsing {
    display: block !important;
    position: absolute;
    top: 50px;
    left: -100%;
    z-index: 99;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 0 20px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .navbar-nav, .navbar-nav.navbar-top, .navbar-nav.navbar-left, .navbar-nav.navbar-right {
    float: none !important;
  }
  header .navbar-nav > li {
    float: none !important;
  }
  header .navbar-collapse.collapse.in {
    left: 0;
  }
}
@media only screen and (max-width: 1023px) {
  body.nav-mobile-is-open.on-scroll-down header nav.navbar.navbar-default,
  body.nav-mobile-is-open.on-scroll-up header nav.navbar.navbar-default {
    position: fixed;
    margin-top: 50px;
    width: 100%;
    top: -50px;
    z-index: 10000;
  }
}

@media only screen and (max-width: 1023px) {
  .on-scroll-down header nav.navbar-default {
    position: fixed;
    width: 100%;
    top: -50px;
    z-index: 10000;
  }
}
@media only screen and (min-width: 1024px) {
  .on-scroll-down header {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 1023px) {
  .on-scroll-up header nav.navbar-default {
    position: fixed;
    margin-top: 50px;
    width: 100%;
    top: -50px;
    z-index: 10000;
  }
}
@media only screen and (min-width: 1024px) {
  .on-scroll-up header {
    margin-top: 135px;
  }
}

@media only screen and (min-width: 1024px) {
  .on-scroll-down header,
  .on-scroll-up header {
    display: block;
    position: fixed;
    width: 100%;
    z-index: 1000;
    top: -140px;
    -webkit-transition: margin-top 0.4s ease;
    -moz-transition: margin-top 0.4s ease;
    -o-transition: margin-top 0.4s ease;
    transition: margin-top 0.4s ease;
  }
  .on-scroll-down header .container-logo-header-desktop,
  .on-scroll-up header .container-logo-header-desktop {
    display: none;
  }
  .on-scroll-down header .navbar-collapse,
  .on-scroll-up header .navbar-collapse {
    padding: 0 0 0 20px;
    border-bottom: 1px solid #e1e6ea;
  }
  .on-scroll-down header .wrapper-logo-desktop,
  .on-scroll-up header .wrapper-logo-desktop {
    display: inline-block;
    width: 90px;
    padding-top: 6px;
  }
  .on-scroll-down header .wrapper-logo-desktop img,
  .on-scroll-up header .wrapper-logo-desktop img {
    width: auto;
    height: auto;
    max-width: 90px;
    max-height: 63px;
  }
  .on-scroll-down header div[class^=menu-menu-principal-],
  .on-scroll-up header div[class^=menu-menu-principal-] {
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
  }
  .on-scroll-down header .top-header,
  .on-scroll-up header .top-header {
    padding: 0 30px 0 20px;
  }
  .on-scroll-down header .top-header .right,
  .on-scroll-up header .top-header .right {
    padding-top: 4px;
  }
  .on-scroll-down header .btn-action-menu,
  .on-scroll-up header .btn-action-menu {
    background-color: #ffffff;
  }
}

/* SELECT HEADER */
.navbar-default .team-list-mobile .wrapper-site-select,
.top-header .right .wrapper-site-select {
  display: inline-block;
}
.navbar-default .team-list-mobile .wrapper-site-select .inner-site-select,
.top-header .right .wrapper-site-select .inner-site-select {
  display: inline-block;
}
.navbar-default .team-list-mobile .wrapper-site-select p.actual-site,
.top-header .right .wrapper-site-select p.actual-site {
  display: none;
}
.navbar-default .team-list-mobile .wrapper-site-select .name,
.top-header .right .wrapper-site-select .name {
  display: none;
}
.navbar-default .team-list-mobile .wrapper-site-select .logo,
.top-header .right .wrapper-site-select .logo {
  display: block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.navbar-default .team-list-mobile .wrapper-site-select .icon,
.top-header .right .wrapper-site-select .icon {
  display: none;
}
.navbar-default .team-list-mobile .wrapper-site-select.not-enough-space, .navbar-default .team-list-mobile .wrapper-site-select.design-style-select,
.top-header .right .wrapper-site-select.not-enough-space,
.top-header .right .wrapper-site-select.design-style-select {
  position: relative;
  border: 1px solid #a9a9a9;
}
.navbar-default .team-list-mobile .wrapper-site-select.not-enough-space .inner-site-select, .navbar-default .team-list-mobile .wrapper-site-select.design-style-select .inner-site-select,
.top-header .right .wrapper-site-select.not-enough-space .inner-site-select,
.top-header .right .wrapper-site-select.design-style-select .inner-site-select {
  padding: 5px 40px 5px 15px;
  cursor: pointer;
}
.navbar-default .team-list-mobile .wrapper-site-select.not-enough-space p, .navbar-default .team-list-mobile .wrapper-site-select.design-style-select p,
.top-header .right .wrapper-site-select.not-enough-space p,
.top-header .right .wrapper-site-select.design-style-select p {
  display: block;
  margin-bottom: 0;
  font-size: 1.2em;
  color: #a9a9a9;
}
.navbar-default .team-list-mobile .wrapper-site-select.not-enough-space ul, .navbar-default .team-list-mobile .wrapper-site-select.design-style-select ul,
.top-header .right .wrapper-site-select.not-enough-space ul,
.top-header .right .wrapper-site-select.design-style-select ul {
  display: none;
  background-color: #ffffff;
}
.navbar-default .team-list-mobile .wrapper-site-select.not-enough-space ul li, .navbar-default .team-list-mobile .wrapper-site-select.design-style-select ul li,
.top-header .right .wrapper-site-select.not-enough-space ul li,
.top-header .right .wrapper-site-select.design-style-select ul li {
  color: #1d1d1b;
}
.navbar-default .team-list-mobile .wrapper-site-select.not-enough-space .name,
.navbar-default .team-list-mobile .wrapper-site-select.not-enough-space .logo, .navbar-default .team-list-mobile .wrapper-site-select.design-style-select .name,
.navbar-default .team-list-mobile .wrapper-site-select.design-style-select .logo,
.top-header .right .wrapper-site-select.not-enough-space .name,
.top-header .right .wrapper-site-select.not-enough-space .logo,
.top-header .right .wrapper-site-select.design-style-select .name,
.top-header .right .wrapper-site-select.design-style-select .logo {
  display: inline-block;
  vertical-align: middle;
}
.navbar-default .team-list-mobile .wrapper-site-select.not-enough-space .name, .navbar-default .team-list-mobile .wrapper-site-select.design-style-select .name,
.top-header .right .wrapper-site-select.not-enough-space .name,
.top-header .right .wrapper-site-select.design-style-select .name {
  width: calc(100% - 40px);
}
.navbar-default .team-list-mobile .wrapper-site-select.not-enough-space .logo, .navbar-default .team-list-mobile .wrapper-site-select.design-style-select .logo,
.top-header .right .wrapper-site-select.not-enough-space .logo,
.top-header .right .wrapper-site-select.design-style-select .logo {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.navbar-default .team-list-mobile .wrapper-site-select.not-enough-space .icon, .navbar-default .team-list-mobile .wrapper-site-select.design-style-select .icon,
.top-header .right .wrapper-site-select.not-enough-space .icon,
.top-header .right .wrapper-site-select.design-style-select .icon {
  display: inline-block;
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -8px;
}
.navbar-default .team-list-mobile .wrapper-site-select.not-enough-space .inner-site-select.open-select-site ul, .navbar-default .team-list-mobile .wrapper-site-select.design-style-select .inner-site-select.open-select-site ul,
.top-header .right .wrapper-site-select.not-enough-space .inner-site-select.open-select-site ul,
.top-header .right .wrapper-site-select.design-style-select .inner-site-select.open-select-site ul {
  display: block;
  max-height: 370px;
  overflow: auto;
  position: absolute;
  width: 100%;
  top: calc(100% + 5px);
  z-index: 9999;
  right: 0;
}
.navbar-default .team-list-mobile .wrapper-site-select.not-enough-space .inner-site-select.open-select-site ul li, .navbar-default .team-list-mobile .wrapper-site-select.design-style-select .inner-site-select.open-select-site ul li,
.top-header .right .wrapper-site-select.not-enough-space .inner-site-select.open-select-site ul li,
.top-header .right .wrapper-site-select.design-style-select .inner-site-select.open-select-site ul li {
  display: block;
  margin: 0;
}
.navbar-default .team-list-mobile .wrapper-site-select.not-enough-space .inner-site-select.open-select-site ul li a, .navbar-default .team-list-mobile .wrapper-site-select.design-style-select .inner-site-select.open-select-site ul li a,
.top-header .right .wrapper-site-select.not-enough-space .inner-site-select.open-select-site ul li a,
.top-header .right .wrapper-site-select.design-style-select .inner-site-select.open-select-site ul li a {
  display: block;
  border-top: 1px solid #e1e6ea;
  color: #1d1d1b;
  font-size: 1.1em;
  padding: 13px 20px;
  width: auto;
  height: auto;
  margin: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  filter: none;
}
.navbar-default .team-list-mobile .wrapper-site-select.not-enough-space .inner-site-select.open-select-site ul li a:hover, .navbar-default .team-list-mobile .wrapper-site-select.not-enough-space .inner-site-select.open-select-site ul li a:focus, .navbar-default .team-list-mobile .wrapper-site-select.design-style-select .inner-site-select.open-select-site ul li a:hover, .navbar-default .team-list-mobile .wrapper-site-select.design-style-select .inner-site-select.open-select-site ul li a:focus,
.top-header .right .wrapper-site-select.not-enough-space .inner-site-select.open-select-site ul li a:hover,
.top-header .right .wrapper-site-select.not-enough-space .inner-site-select.open-select-site ul li a:focus,
.top-header .right .wrapper-site-select.design-style-select .inner-site-select.open-select-site ul li a:hover,
.top-header .right .wrapper-site-select.design-style-select .inner-site-select.open-select-site ul li a:focus {
  color: #ffffff;
  background-color: #1072cc;
}
.navbar-default .team-list-mobile .wrapper-site-select.not-enough-space .inner-site-select.open-select-site .icon, .navbar-default .team-list-mobile .wrapper-site-select.design-style-select .inner-site-select.open-select-site .icon,
.top-header .right .wrapper-site-select.not-enough-space .inner-site-select.open-select-site .icon,
.top-header .right .wrapper-site-select.design-style-select .inner-site-select.open-select-site .icon {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-top: -12px;
}

.navbar-default .team-list-mobile .wrapper-site-select.not-enough-space, .navbar-default .team-list-mobile .wrapper-site-select.design-style-select {
  display: block;
}
.navbar-default .team-list-mobile .wrapper-site-select.not-enough-space .inner-site-select.open-select-site ul, .navbar-default .team-list-mobile .wrapper-site-select.design-style-select .inner-site-select.open-select-site ul {
  border: 1px solid #e1e6ea;
}

.top-header .right .wrapper-site-select.not-enough-space, .top-header .right .wrapper-site-select.design-style-select {
  margin: 0 0 0 15px;
  display: inline-block;
  vertical-align: middle;
}
.top-header .right .wrapper-site-select.not-enough-space .inner-site-select.open-select-site ul, .top-header .right .wrapper-site-select.design-style-select .inner-site-select.open-select-site ul {
  width: 100%;
}

.wrapper-language-menu.wrapper-language-menu-mobile {
  display: block;
}
@media only screen and (min-width: 1024px) {
  .wrapper-language-menu.wrapper-language-menu-mobile {
    display: none;
  }
}
.wrapper-language-menu.wrapper-language-menu-mobile .wpml-ls-legacy-dropdown a {
  padding-left: 0;
}

.wrapper-language-menu {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
@media only screen and (min-width: 1024px) {
  .wrapper-language-menu {
    margin-left: 20px;
  }
}
.wrapper-language-menu .wpml-ls-legacy-dropdown {
  width: auto;
  max-width: 100%;
}
.wrapper-language-menu .wpml-ls-legacy-dropdown a {
  border: none;
  padding: 10px 20px 10px 10px;
  background-color: transparent;
  font-size: 1.2em;
  font-weight: 400;
  color: #a9a9a9;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.wrapper-language-menu .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
  right: 0;
}
.wrapper-language-menu .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
  color: #a9a9a9;
}
.wrapper-language-menu .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:hover, .wrapper-language-menu .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:focus {
  background-color: transparent;
  color: #a9a9a9;
}
.wrapper-language-menu .wpml-ls-legacy-dropdown a:hover, .wrapper-language-menu .wpml-ls-legacy-dropdown a:focus {
  background-color: transparent;
  color: #a9a9a9;
}
.wrapper-language-menu .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
  border: none;
  background-color: #ffffff;
  padding: 0;
}
.wrapper-language-menu .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
  transition: none;
}
.wrapper-language-menu .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a:hover, .wrapper-language-menu .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a:focus {
  color: #ffffff;
  background-color: #1072cc;
}
.wrapper-language-menu .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a {
  background-color: transparent;
  color: #a9a9a9;
}

footer {
  padding: 30px 20px 35px;
}
@media only screen and (min-width: 1024px) {
  footer {
    padding: 60px 30px 70px;
  }
}

.news-social-media {
  border-bottom: 1px solid #626261;
}
.news-social-media .container-flex {
  display: block;
}
@media only screen and (min-width: 1024px) {
  .news-social-media .container-flex {
    display: flex;
  }
}
.news-social-media .col-3-flex {
  display: block;
  width: 100%;
  padding: 15px 0;
  position: relative;
}
@media only screen and (min-width: 1024px) {
  .news-social-media .col-3-flex {
    display: flex;
    flex-direction: column;
    width: 33.3333333333%;
    padding: 75px 60px 60px;
  }
}
.news-social-media .social-middle {
  border-top: 1px solid #626261;
  border-bottom: 1px solid #626261;
}
@media only screen and (min-width: 1024px) {
  .news-social-media .social-middle {
    border-top: none;
    border-bottom: none;
    border-right: 1px solid #626261;
    border-left: 1px solid #626261;
  }
}
.news-social-media .social-box {
  display: inline-block;
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .news-social-media .social-box {
    display: inline-block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.news-social-media .social-box .container-icon,
.news-social-media .social-box .content-social-box {
  display: inline-block;
  vertical-align: middle;
}
.news-social-media .social-box .container-icon {
  width: 80px;
  position: absolute;
  top: -2px;
  left: 0;
}
@media only screen and (min-width: 1480px) {
  .news-social-media .social-box .container-icon {
    position: static;
  }
}
.news-social-media .social-box .content-social-box {
  overflow: hidden;
  width: 100%;
}
@media only screen and (min-width: 1480px) {
  .news-social-media .social-box .content-social-box {
    width: calc(100% - 80px);
  }
}
.news-social-media .social-box .content-social-box img {
  max-width: 100%;
  margin-bottom: 24px;
}
.news-social-media .social-box p {
  font-size: 1.6em;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}
@media only screen and (min-width: 1480px) {
  .news-social-media .social-box p {
    font-size: 2.1em;
  }
}
.news-social-media .social-box p.date {
  font-size: 1.2em;
  color: #a9a9a9;
  margin: 0 0 24px 24px;
}
@media only screen and (min-width: 1480px) {
  .news-social-media .social-box p.date {
    margin: 0 0 24px 0;
  }
}

.nav-footer {
  max-width: 1840px;
  margin: 30px auto 50px;
}
@media only screen and (min-width: 1024px) {
  .nav-footer {
    margin: 75px auto 100px;
  }
}
.nav-footer .left,
.nav-footer .middle,
.nav-footer .right {
  display: block;
}
@media only screen and (min-width: 1024px) {
  .nav-footer .left,
  .nav-footer .middle,
  .nav-footer .right {
    display: inline-block;
    vertical-align: middle;
  }
}
.nav-footer .left,
.nav-footer .right {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .nav-footer .left,
  .nav-footer .right {
    width: calc(50% - 57px);
  }
}
@media only screen and (min-width: 1480px) {
  .nav-footer .left,
  .nav-footer .right {
    width: calc(50% - 115px);
  }
}
.nav-footer .middle {
  width: 114px;
  text-align: center;
}
@media only screen and (min-width: 1480px) {
  .nav-footer .middle {
    width: 230px;
  }
}
.nav-footer .middle img {
  max-width: 100%;
}
.nav-footer .right ul li {
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .nav-footer .right ul li {
    text-align: right;
  }
}
.nav-footer ul li {
  display: block;
  width: 100%;
  text-align: center;
  margin: 15px 0;
}
@media only screen and (min-width: 1024px) {
  .nav-footer ul li {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    text-align: left;
    margin: 0;
  }
}
.nav-footer ul li a {
  color: #ffffff;
  font-weight: 700;
  font-size: 2em;
}
@media only screen and (min-width: 1024px) {
  .nav-footer ul li a {
    transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .nav-footer ul li a:hover, .nav-footer ul li a:focus {
    color: #1072cc;
  }
}
@media only screen and (min-width: 1480px) {
  .nav-footer ul li a {
    font-size: 2.8em;
  }
}

.footer-bottom {
  margin: 0 auto;
  max-width: 1800px;
}
.footer-bottom .container-fluid {
  padding: 0;
}
.footer-bottom .left {
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .footer-bottom .left {
    text-align: left;
  }
}
.footer-bottom .middle {
  text-align: center;
}
.footer-bottom .middle ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 15px 0 15px 20px;
}
.footer-bottom .middle ul li:first-child {
  margin-left: 0;
}
@media only screen and (min-width: 1024px) {
  .footer-bottom .middle ul li {
    text-align: left;
    margin: 0 0 0 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .footer-bottom .middle ul li a {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .footer-bottom .middle ul li a:hover, .footer-bottom .middle ul li a:focus {
    opacity: 0.4;
  }
}
.footer-bottom .right {
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .footer-bottom .right {
    text-align: right;
  }
}
.footer-bottom .left a,
.footer-bottom .right a {
  font-size: 1.2em;
  color: #a9a9a9;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.footer-bottom .left a:hover, .footer-bottom .left a:focus,
.footer-bottom .right a:hover,
.footer-bottom .right a:focus {
  color: #ffffff;
}
@media only screen and (min-width: 1024px) {
  .footer-bottom .right a {
    transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .footer-bottom .right a:hover, .footer-bottom .right a:focus {
    color: #3a83bf;
  }
}

/*# sourceMappingURL=styles.css.map */