body {
    background: #f0f0f0;
    color: #222;
    font-family: 'Barlow Condensed', sans-serif;
    margin: 0;
    padding: 0;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
a {
    text-decoration: none;
    color: inherit;
}
#top-header {
    width: 100%;
    position: fixed;
    height: 1.00em;
    overflow: hidden;
    font-size: 2.00rem;
    z-index: 111;
}
#top-header #clubs-header {
    width: calc(100% - 3.00rem);
    background: #222;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: row;
}
#top-header #clubs-header a {
    flex: 1;
    max-width: 1.50em;
    text-align: center;
    padding: 0.15em;
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: column;
}
#top-header #clubs-header a:first-child {
    min-width: 150px;
    max-width: 150px;
}
#top-header #clubs-header a img {
    max-height: 0.60em;
    flex: 1;
}
#top-header #clubs-header a.premium img {
    max-height: 0.80em;
    flex: 1;
}
#top-header #menu-icon {
    width: 3.00rem;
    background: rgba(0,153,204,1);
    color: #222;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    font-size: 0.75em;
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: row;
    cursor: pointer;
}
#top-header #menu-icon i {
    flex: 1;
}
#left-block {
    position: fixed;
    left: 0;
    top: 2.00rem;
    height: calc(100% - 2.00rem);
    width: 18rem;
    background: #ddd;
    text-align: center;
    box-shadow: 0 0 5px #222;
    z-index: 100;
    display: flex;
    flex-direction: column;
}
.load-button {
    width: calc(100% - 8px);
    margin: 4px;
    border: 1px solid rgba(17,17,17,0.25);
    color: rgb(17,17,17);
    border-radius: 2px;
    opacity: 0.50;
    cursor: pointer;
    padding: 2px;
    box-sizing: border-box;
    font-weight: 500;
    text-align: center;
    min-height: 1.50em;
}
.load-button:hover {
    opacity: 1;
    border-color: rgba(17,17,17,1);
    background: rgba(17,17,17,0.125);
}
#left-block #tables-block {
    height: auto;
    overflow: hidden;
    align-self: end;
    width: 100%;
    flex: 1;
    position: relative;
    max-height: 23em;
}
#left-block .hide {
    display: none;
}
#tables-block .table-button {
    position: absolute;
    text-align: center;
    width: 50%;
    margin: 0;
    box-sizing: border-box;
    float: left;
    cursor: pointer;
    font-size: 1.25em;
    padding: 0.15em 0;
    bottom: 0;
    background: #ddd;
}
#tables-block .table-button#previous-table {
    left: 0;
}

#tables-block .table-button#next-table {
    right: 0;
}
#tables-block .table-button:hover {
    background: rgba(0,153,204,1);
    color: #eee;
}
#tables-block table tr td {
    width: 15%;
}
#tables-block table tr td:nth-child(2) {
    width: 25%;
    display: inline-flex;
}
#calendar-block {
    height: calc(100% - 22.50em);
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
#content .load-button {
    margin: 0.25em 0;
    border: 1px solid rgba(17,17,17,0.25);
    border-radius: 0;
    opacity: 1;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}
#content .load-button:hover {
    background: rgba(0,153,204,1);
    color: #eee;
}
#calendar-content {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    flex: 1;
}
#calendar-content .game {
    display: flex;
    flex-direction: row;
    margin-bottom: 3px;
}
#calendar-content .game:last-child {
    margin-bottom: 0;
}
#calendar-content .game,
#calendar-content .date {
    position: relative;
    width: 100%;
    padding: 0.15em 0;
}
#calendar-content .game.live {
    background: #cc4a36;
    padding-top: 1.50em;
    animation-name: liveheader;
    animation-duration: 6s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
}
#calendar-content .game.live::before {
    content: "live";
    position: absolute;
    top: 0.125em;
    width: 100%;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
}
#calendar-content .date {
    text-align: left;
    text-indent: 1.00em;
    font-weight: 500;
    font-size: 0.80em;
    padding: 0.25em 0;
}
#calendar-content .game::after,
#calendar-content .date::after {
    position: absolute;
    bottom: -2px;
    left: 25%;
    width: 50%;
    height: 1px;
    background: #ccc;
    content: "";
}
#competition-table table tr {
    border-bottom: 1px solid #aaa;
}
#competition-table table tr:last-child {
    border-bottom: none;
}
#calendar-content .game:last-child::after {
    display: none;
}
#calendar-content .game:hover {
    background: rgba(0,153,204,1);
    cursor: pointer;
}
#calendar-content .game .competition,
#calendar-content .game .team {
    flex: 2;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}
#calendar-content .game .team span {
    display: none;
}
#calendar-content .game .score {
    flex: 3;
    background: #222;
    color: #eee;
    margin: 2px 0;
    font-weight: 500;
    font-size: 1.00em;
    line-height: 1.45em;
}
#calendar-content .game img,
#competition-table table td:nth-child(2) img {
    height: 1.25rem;
}
#competition-table table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    font-weight: 500;
}
#competition-table table td:nth-child(2) {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}
#competition-table table tr,
#competition-table table tr td {
    position: relative;
    overflow: hidden;
    height: 1.50rem;
}
#table-3 tr:nth-child(2),
#table-3 tr:nth-child(3),
#table-3 tr:nth-child(4),
#table-3 tr:nth-child(5),
#table-1 tr:nth-child(2),
#table-1 tr:nth-child(3),
#table-1 tr:nth-child(4),
#table-1 tr:nth-child(5),
#table-4 tr:nth-child(2),
#table-4 tr:nth-child(3),
#table-6 tr:nth-child(2) {
    background: rgba(54,144,182,0.25);
}
#table-4 tr:nth-child(4) {
    background: rgba(54,144,182,0.125);
}
#table-3 tr:nth-child(10),
#table-3 tr:nth-child(11),
#table-3 tr:nth-child(11) {
    background: rgba(202,54,54,0.25);
}
#table-3 tr:nth-child(9),
#table-3.s2018 tr:nth-child(10) {
    background: rgba(202,54,54,0.125);
}
#table-3.s2018 tr:nth-child(9) {
    background: none;
}
#table-3.s2021 tr:nth-child(10) {
    background: rgba(202,54,54,0);
}
#table-3.s2021 tr:nth-child(6),
#table-3.s2021 tr:nth-child(7),
#table-3.s2021 tr:nth-child(8),
#table-3.s2021 tr:nth-child(9) {
    background: rgba(202,54,54,0);
}
#table-1 tr td::after,
#table-3 tr td::after,
#table-4 tr td::after,
#table-6 tr td::after {
    position: absolute;
    z-index: 2;
    right: 0;
    text-transform: uppercase;
    line-height: 1;
    opacity: 0.125;
}
#table-3 tr:nth-child(10) td::after,
#table-3 tr:nth-child(11) td::after {
    color: rgb(202,54,54);
}
#table-3 tr:nth-child(2) td::after,
#table-3 tr:nth-child(3) td::after,
#table-3 tr:nth-child(4) td::after,
#table-3 tr:nth-child(5) td::after,
#table-1 tr:nth-child(2) td::after,
#table-1 tr:nth-child(3) td::after,
#table-1 tr:nth-child(4) td::after,
#table-1 tr:nth-child(5) td::after,
#table-4 tr:nth-child(2) td::after,
#table-4 tr:nth-child(3) td::after,
#table-6 tr:nth-child(2) td::after {
    color: rgb(54,144,182);
}
#competition-table table tr:nth-child(1),
#competition-table table tr:nth-child(3),
#competition-table table tr:nth-child(4),
#competition-table table tr:nth-child(5),
#competition-table table tr:nth-child(6) {
    background: none;
}
#competition-table table tr:nth-child(2) {
    background: rgba(54,144,182,.5);
}
#main-menu.open {
    position: fixed;
    right: 0;
    top: 2.00rem;
    height: calc(100% - 2.00rem);
    width: 25rem;
    text-align: center;
    background: rgba(0,153,204,1);
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
    z-index: 11111;
    max-width: 100%;
}
#main-menu.close,
#menu-shadow.close {
    display: none;
}
#menu-shadow.open {
    position: fixed;
    z-index: 11111;
    top: 0;
    bottom: 0;
    width: calc(100% - 3.00rem);
    left:0;
    background: rgba(34,34,34,0.875);
}
#main-menu a {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    padding: 0 1.00em;
    font-size: 1.25em;
    position: relative;
    margin: 2.5px 0;
}
#main-menu a:first-child {
    margin-top: 0;
}
#main-menu a:last-child {
    margin-bottom: 0;
}
#main-menu a::after {
    position: absolute;
    bottom: -3px;
    left: 25%;
    width: 50%;
    height: 1px;
    background: rgba(241,241,241,0.5);
    content: "";
    z-index: 1000;
}
#main-menu a,
#main-menu a:visited {
    color: #eee;
    text-decoration: none;
}
#main-menu a i {
    flex: 1;
    text-align: right;
}
#main-menu a span {
    flex: 8;
    text-align: left;
    padding-left: 1.00em;
    font-weight: 500;
}
#main-menu a:hover {
    background: rgba(34,34,34,0.25);
}
#main-menu a.user-option {
//color: rgba(0,153,204,1);
    background: #222;
    margin: 0;
    flex: 0.75;
    cursor: pointer;
}
#main-menu a.user-option:hover {
    background: #111;
}
#main-menu a.user-option:nth-last-child(-n+2) {
    margin-top: 2.00em;
}
#main-menu a.user-option:nth-last-child(-n+1) {
    margin: 0;
}
#main-menu a:nth-last-child(-n+3)::after {
    display: none;
}
#content {
    padding-top: 2.00rem;
    min-height: calc(100vh - 767px);
}
#content,
#footer {
    padding-left: 18rem;
    width: calc(100% - 18rem);
    position: relative;
}
#main-news-box {
    position: relative;
    width: 100%;
    height: 35rem;
}
.main-news {
    width: 100%;
    height: 35rem;
    position: absolute;
    top: 0;
    left: 0;
//z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}
.main-news::after {
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    content: "";
    background: linear-gradient(to bottom, rgba(17,17,17,0) 0%, rgba(17,17,17,0.35) 50%, rgba(17,17,17,1) 100%);
}
.main-news.hide {
    opacity: 0;
}
.main-news.hide .content {
    display: none;
}
.main-news,
.hide {
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}
.main-news .content {
    position: absolute;
    bottom: 0;
    color: #eee;
    z-index: 3;
    box-sizing: border-box;
    padding: 0.50em;
    padding-left: 12rem;
    font-size: 1.25rem;
    text-shadow: 0 0 2px #222;
    width: 100%;
}
.main-news .content .title {
    font-weight: 600;
    font-size: 1.25em;
}
.main-news .content .link {
    padding: 0.50em 0;
}
.main-news .content .link a {
    background: #eee;
    color: #222;
    text-decoration: none;
    padding: 0.15em 0.25em;
    font-size: 0.75em;
    font-weight: 600;
    text-shadow: none;
}
.main-news .content .link a i {
    font-size: 0.75em;
    margin-right: 0.50em;
}
.main-news .content .link a:hover {
    color: #eee;
    background: rgba(0,153,204,1);
}
#selecter {
    position: absolute;
    top: 0;
    z-index: 3;
    width: 12rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 1.00rem;
    z-index: 3;
}
#selecter div {
    flex: 1;
    margin: 0.5em 0;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    z-index: 1;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
#selecter div span {
    flex: 1;
    text-align: center;
    display: none;
    padding: 0.25em;
}
#selecter .active {
    box-shadow: inset 0 0 0 2px #eee;
    box-sizing: border-box;
}
#selecter .unactive:hover span {
    display: block;
    z-index: 3;
    font-weight: 600;
    font-size: 1.00em;
}
#selecter .unactive:hover::after {
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    content: "";
    background: rgba(241,241,241,0.875);
}
#selecter div:first-child {
    margin-top: 0;
}
#selecter div:last-child {
    margin-bottom: 0;
}
#last-news-button,
#next-news-button {
    display: none;
}
.articles {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: hidden;
}
.articles a {
    min-width: calc(100% / 6);
    max-width: calc(100% / 6);
    box-sizing: border-box;
    padding: 0.25em;
    display: inline-block;
    position: relative;
}
.articles a .article {
    width: 100%;
    position: relative;
    height: 20rem;
    overflow: hidden;
    border: 1px solid rgba(17,17,17,0.25);
    box-sizing: border-box;
}
.articles a .article .imgBack {
    height: 100%;
    width: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}
.articles a .article .imgBack img {
    display: none;
}
.articles a:hover .article .imgBack {
    height: 110%;
    width: 110%;
    top: -5%;
    left: -5%;
    filter: grayscale(75%) blur(2px);
}
.articles.press a:hover .article .imgBack {
    filter: none;
    z-index: 1;
    display: flex;
    align-items: center;
}
.articles.press a:hover .article .imgBack::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(241,241,241,.75);
    content: "";
    z-index: -1;
}
.articles a:hover .article .imgBack img {
    display: initial;
    z-index: 2;
    max-width: 80%;
    margin: auto;
}
.articles a .article .infos {
    width: 100%;
    margin: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 1.50em;
    position: absolute;
    background: rgba(17,17,17,.5);
    align-content: center;
    align-items: center;
    text-shadow: 0 0 5px rgba(17,17,17,1);
    color: #eee;
}
.articles a:hover .article .infos {
    background: rgba(241,241,241,.75);
    color: #111;
    text-shadow: 0 0 5px rgba(241,241,241,1);
}
.articles.press a:hover .article .infos {
    display: none;
}
.articles a .article .infos .release {
    padding: 0;
    flex: 1;
    max-height: 1.20em;
    display: flex;
    flex-direction: row;
    width: 110%;
    justify-content: center;
    z-index: 1;
}
.articles a .article .infos .release .author {
    background: rgba(0,153,204,1);
}
.articles a .article .infos .release .date {
    background: rgba(17,17,17,0.5);
    margin-left: 2.00em;
}
.articles a .article .infos .release .author,
.articles a .article .infos .release .date {
    border-radius: 0.50em;
    white-space: nowrap;
    padding: 0.1em 0.5em;
    font-size: 0.75em;
    font-weight: 500;
    border: 1px solid #eee;
    box-sizing: border-box;
}
.articles a .article .infos .title {
    font-weight: 600;
    padding: 0.25em 0;
    font-size: 1.5em;
    z-index: 3;
    flex: 1;
    align-content: center;
    align-items: center;
    display: flex;
    width: 100%;
    justify-content: center;
    text-align: center;
}
.articles a:hover .article .infos .release,
.articles a:hover .article .infos .title {
    display: none;
}
.articles a .article .infos .synopsis {
    z-index: 1;
    display: none;
    font-weight: 500;
}
.articles a:hover .article .infos .synopsis {
    display: flex;
    font-size: 1.25em;
    text-align: center;
    height: auto;
    max-height: 12.00em;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: auto;
}
.articles-press,
.articles-club {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: hidden;
}
.articles-press,
.articles-club,
.articles {
    box-sizing: border-box;
    padding: 0 0.25em;
}
.articles-press a,
.articles-club a {
    flex: 1;
    box-sizing: border-box;
    padding: 0.25em;
    display: inline-block;
    position: relative;
}
.articles-press a .article,
.articles-club a .article {
    width: 100%;
    position: relative;
    height: 100%;
    overflow: hidden;
    border: 1px solid rgba(17,17,17,0.25);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.articles-press a .article .imgBack,
.articles-club a .article .imgBack {
    height: 10.00rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    position: relative;
    overflow: hidden;
}
.articles-press a .article .infos,
.articles-club a .article .infos {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 0 0.50em;
}
.articles-press a .article .infos .auteur,
.articles-club a .article .infos .auteur {
    padding: 0;
    text-align: center;
}
.articles-press a .article .infos .title,
.articles-club a .article .infos .title {
    font-weight: 600;
    padding: 0.25em 0;
    font-size: 1.15em;
    z-index: 3;
}
.articles-club a .article .imgBack::after {
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    content: "";
    background: linear-gradient(to bottom, rgba(241,241,241,0) 0%, rgba(241,241,241,0) 75%, rgba(241,241,241,1) 100%);
}
.articles-press a .article .imgBack::after {
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    content: "";
    background: linear-gradient(to bottom, rgba(241,241,241,0.25) 0%, rgba(241,241,241,0.5) 50%, rgba(241,241,241,1) 100%);
}
.articles-club a .article .imgBack img {
    position: absolute;
    bottom: -25px;
    width: 100px;
    left: calc((100% - 100px) / 2);
}
.articles-press a .article .imgBack img {
    position: absolute;
    bottom: 0;
    width: 90%;
    left: 5%;
    z-index: 3;
}
.articles-press a .article .imgBack img.premium {
    position: absolute;
    bottom: 0;
    width: 45%;
    max-width: 125px;
    left: 0;
    right: 0;
    z-index: 3;
    margin: auto;
}
.articles-club a:hover .article .imgBack img {
    bottom: 1.00rem;
    width: 8.00rem;
    left: calc((100% - 8.00rem) / 2);
    z-index: 3;
}
/*
.articles-club a .article .imgBack img {
    -webkit-transition: width 1s ease-in-out, bottom 1s ease-in-out, left 1s ease-in-out;
-moz-transition: width 1s ease-in-out, bottom 1s ease-in-out, left 1s ease-in-out;
-o-transition: width 1s ease-in-out, bottom 1s ease-in-out, left 1s ease-in-out;
transition: width 1s ease-in-out, bottom 1s ease-in-out, left 1s ease-in-out;
}
*/
.articles-press a:hover .article,
.articles-club a:hover .article {
    background: rgba(0,153,204,1);
    color: #eee;
}
.articles-press a:hover .article .imgBack::after,
.articles-club a:hover .article .imgBack::after {
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    content: "";
    background: linear-gradient(to bottom, rgba(0,153,204,0) 0%, rgba(0,153,204,0.5) 50%, rgba(0,153,204,1) 100%);
}
.articles a .article .infos .game {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 0;
    width: 100%;
    flex: 1;
}
.articles a .article .infos .game .team {
    flex: 2;
    margin-top: 9.50rem;
}
.articles a .article .infos .game .team img {
    width: auto;
    max-width: 100%;
}
.articles a .article .infos .game .slash {
    flex: 2;
    font-size: 2.00em;
    font-weight: 600;
    margin-top: 9.50rem;
}
.articles a .article .infos .game .team,
.articles a .article .infos .game .slash {
    text-align: center;
}
.articles a .article .infos .game .competition {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 40%;
}
.articles a .article .infos .game .competition img {
    width: 30%;
    max-width: 75px;
    margin: auto;
    filter: drop-shadow(0 0 2px rgba(255,255,255,1));
}
.games-list {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: hidden;
}
.games-list a {
    flex: 1;
    box-sizing: border-box;
    padding: 0.25em;
    display: inline-block;
    position: relative;
    min-width: calc(100%/2);
    max-width: calc(100%/2);
    margin-bottom: 1.50em;
}
.games-list .game {
    width: 100%;
    position: relative;
    height: 100%;
    overflow: hidden;
    border: 1px solid rgba(17,17,17,0);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.games-list .game .top {
    display: flex;
    width: 100%;
    align-items: center;
}
.games-list .game .top .home,
.games-list .game .top .away {
    flex: 2;
    text-align: center;
}
.games-list .game .top .score {
    flex: 2;
    text-align: center;
    background: #ccc;
    color: #111;
    font-weight: 700;
    font-size: 2.00rem;
    padding-top: 3px;
    padding-bottom: 7px;
    line-height: 1.00em;
    flex: 2;
    border: 1px solid #999;
    border-radius: .15em;
}
.games-list .game .name {
    text-align: center;
    font-weight: 500;
    font-size: 1.15em;
}
.games-list a:hover .game {
    background: rgba(0,153,204,1);
    color: #eee;
    z-index: 100;
    border-radius: 0.25rem 0.25rem 0 0;
}
.clubs-list {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: hidden;
}
.clubs-list a {
    flex: 1;
    box-sizing: border-box;
    padding: 0.25em;
    display: inline-block;
    position: relative;
    min-width: calc(100%/6);
    max-width: calc(100%/6);
}
.clubs-list a .club {
    width: 100%;
    position: relative;
    height: 100%;
    overflow: hidden;
    border: 1px solid rgba(17,17,17,0.25);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.clubs-list.competitions a .club {
    padding: 0.50em;
}
.clubs-list a .club .imgBack {
    background-repeat: no-repeat;
    background-size: 150%;
    background-position: center center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 0.25;
    filter: grayscale(50%);
    z-index: 1;
}
.clubs-list a .club .premium {
    position: absolute;
    transform: rotate(45deg);
    background: #bd2424;
    padding: 0.50em;
    padding-top: 5.00em;
    color: #eee;
    z-index: 2;
    width: 10em;
    text-align: center;
    right: -5.50em;
    top: -3.25em;
    font-weight: 500;
    text-transform: uppercase;
}
.clubs-list a .club img {
    height: auto;
    width: auto;
    max-width: 5.00em;
    margin: auto;
    padding: 0.50em;
    z-index: 2;
}
.clubs-list.competitions a .club img {
    max-width: 7.50em;
}
.clubs-list a .club .name {
    text-align: center;
    position: relative;
    z-index: 2;
    width: 100%;
    font-weight: 500;
    font-size: 1.15em;
}
.clubs-list a .club .competition {
    text-align: center;
    position: relative;
    z-index: 2;
    width: 100%;
    font-weight: 500;
    font-size: 1.00em;
    text-transform: uppercase;
    padding: 0.50em 0;
}
.clubs-list a .club .competition img {
    width: 0.75em;
    padding: 0;
    margin: 0;
    margin-right: 0.25em;
}
.clubs-list a .club .imgBack::after {
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    content: "";
    background: linear-gradient(to bottom, rgba(241,241,241,0) 0%, rgba(241,241,241,0) 33%, rgba(241,241,241,0.5) 66%, rgba(241,241,241,1) 100%)
}
.clubs-list a:hover .club {
    background: rgba(0,153,204,1);
    color: #eee;
}
.clubs-list a:hover .club .imgBack::after {
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    content: "";
    background: linear-gradient(to bottom, rgba(0,153,204,0.5) 0%, rgba(0,153,204,1) 100%);
}
.players-list {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.players-list a {
    flex: 1;
    box-sizing: border-box;
    padding: 0.25em;
    display: inline-block;
    position: relative;
    min-width: calc(100%/5);
    max-width: calc(100%/5);
    height: calc(240px + 0.50em);
}
.players-list a .player {
    width: 100%;
    position: relative;
    height: 100%;
    border: 1px solid rgba(17,17,17,0.25);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.players-list.team a .player {
    border: none;
}
.players-list.team a {
    margin-bottom: 1.50em;
}
.players-list.team a .player {
    overflow: visible;
}
.players-list a .player .imgBack {
    background-repeat: no-repeat;
    background-size: 150%;
    background-position: center center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 0.25;
    filter: grayscale(50%);
    z-index: 1;
}
.players-list a .player img {
    height: auto;
    width: auto;
    max-width: 100%;
    margin: auto;
    padding-top: 0.50em;
    z-index: 2;
}
.players-list a .player .picture {
    height: 100%;
    width: 100%;
    z-index: 2;
    position: absolute;
    text-align: center;
    overflow: hidden;
}
.players-list a .player .picture img {
    /*max-width: 180px;*/
}
.players-list a .player .info .name {
    text-align: center;
    position: relative;
    z-index: 4;
    width: 100%;
    font-weight: 500;
    font-size: 1.15em;
    padding-bottom: 0.15em;
    flex: 1;
    justify-content: end;
    bottom: 0;
}
.players-list a .player .info .function {
    text-align: center;
    position: relative;
    z-index: 4;
    width: 100%;
    font-weight: 600;
    font-size: .85em;
    padding-bottom: 0.15em;
    flex: 1;
    justify-content: end;
    bottom: 0;
    text-transform: uppercase;
}
.players-list a .player .info .number {
    text-align: center;
    position: absolute;
    z-index: 3;
    width: 100%;
    font-weight: 500;
    font-size: 4.50em;
    line-height: 1.00em;
    bottom: 0;
    padding-bottom: 0.250em;
}
.players-list a .player .info .number {
    -webkit-transition: font-size 1s ease-in-out, padding-bottom 1s ease-in-out;
    -moz-transition: font-size 1s ease-in-out, padding-bottom 1s ease-in-out;
    -o-transition: font-size 1s ease-in-out, padding-bottom 1s ease-in-out;
    transition: font-size 1s ease-in-out, padding-bottom 1s ease-in-out;
}
.players-list a .player .info .number::after {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 4;
    content: "";
    background: linear-gradient(to bottom, rgba(241,241,241,0) 0%, rgba(241,241,241,1) 80%, rgba(241,241,241,1) 100%);
}
.players-list a:hover .player .info .number::after {
    background: none;
}
.players-list a:hover .player .info .number {
    font-size: 6.50em;
    padding-bottom: 0.45em;
}
.players-list a .player .info .club {
    text-align: center;
    position: relative;
    z-index: 3;
    width: 100%;
    font-weight: 500;
    font-size: 1.00em;
    text-transform: uppercase;
    padding: 0.50em 0;
}
.players-list a .player .info .club img {
    width: 0.75em;
    padding: 0;
    margin: 0;
    margin-right: 0.25em;
}
.players-list a .player .info {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -1px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    text-shadow: 0 0 2px rgb(241,241,241);
    padding-top: 10em;
}
.players-list a .player .stats {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -2.00em;
    font-size: 2.00em;
    font-weight: 600;
    height: 2.00em;
    display: none;
    flex-direction: row;
    align-items: center;
    align-content: center;
    justify-content: center;
    background: rgba(0,153,204,1);
    padding: 0 10%;
    box-sizing: border-box;
    border-radius: 0 0 0.25rem 0.25rem;
}
.players-list a .player .stats .data,
.players-list a .player .stats i {
    flex: 2;
    text-align: center;
}
.players-list a .player .stats i {
    text-align: left;
}
.players-list a:hover .player .stats {
    display: flex;
}
.players-list a .player .gk {
    opacity: 0.25;
    font-size: 2.00em;
    padding: 0.50em;
    position: relative;
    z-index: 2;
}
.players-list a .player .gk i {
    transform: rotate(25deg);
    padding: 0.05em;
}
.players-list a .player .gk i:first-child {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1) rotate(25deg);
}
.players-list a:hover .player .gk {
    opacity: 1;
}
.players-list a:hover .player .info {
    text-shadow: 0 0 2px rgb(0,153,204);
}
.players-list a .player .info::after {
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    content: "";
    background: linear-gradient(to bottom, rgba(241,241,241,0) 0%, rgba(241,241,241,0) 50%, rgba(241,241,241,1) 90%, rgba(241,241,241,1) 100%);
}
.players-list a:hover .player {
    background: rgba(0,153,204,1);
    color: #eee;
    z-index: 100;
    border-radius: 0.25rem 0.25rem 0 0;
}
.players-list a:hover .player .info::after {
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    content: "";
    background: linear-gradient(to bottom, rgba(0,153,204,0) 0%, rgba(0,153,204,0) 25%, rgba(0,153,204,0.75) 65%, rgba(0,153,204,1) 100%);
}
/*
::-webkit-scrollbar { 
    display: none; 
}
*/
#club-header {
    width: 100%;
    height: 20.00em;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
}
#player-header::after,
#club-header::after {
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    content: "";
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(241,241,241,1) 100%);
}
#club-header #logo,
#club-header #infos,
#club-header #stats,
#club-header #kits {
    flex: 1;
    display: flex;
    flex-direction: column;
    z-index: 2;
    align-content: center;
    justify-content: center;
    text-align: center;
}
#club-header #kits {
    box-sizing: border-box;
    position: relative;
}
#club-header #kits div {
    overflow: hidden;
    flex: 1;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    filter: drop-shadow(0 0 1px #222);
}
#club-header #kits img {
    position: relative;
    box-sizing: border-box;
    margin: 1.00em;
    max-height: 15em;
    z-index: 1;
}
#club-header #kits img:nth-child(2) {
    margin-left: -5.00em;
    z-index: 0;
}
#club-header #kits img:hover {
    z-index: 1;
}
#club-header #infos #name {
    font-size: 2.00em;
    font-weight: 600;
}
#club-header #infos #long {
    font-size: 1.25em;
    font-weight: 500;
    padding: 0.50em 0;
}
#club-header #infos #country {
    font-size: 1.25em;
    font-weight: 500;
}
#club-header #infos #links {
    font-size: 2.00em;
    display: flex;;
    justify-content: center;
}
#club-header #infos #links a {
    padding: 0.25em;
}
#club-header #infos #links a:first-child {
    padding-left: 0;
}
#club-header #infos #country img {
    width: 1.00em;
    border: 1px solid #222;
    margin-right: 0.250em;
}
#player-header .bck,
#club-header .bck {
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: 0.25;
    text-align: center;
    overflow: hidden;
    z-index: 0;
}
#club-header .bck img {
    width: 50%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -75%;
    filter: blur(3px) grayscale(100%);
    opacity: 0.5;
}
#player-header .bck img {
    width: 15.4rem;
    height: auto;
    position: absolute;
    left: calc((100% - 70vw)/2);
    margin: auto;
    top: 40px;
    filter: grayscale(100%);
    box-sizing: border-box;
    padding: 2.00em;
    padding-top: 0;
}
#club-header #logo img {
    flex: auto;
    max-width: 100%;
    margin: auto;
}
#club-header #stats {
}
#club-header #stats .home-games {
    position: relative;
    width: 20.00rem;
    height: 6.75rem;
    background: #ccc;
    margin: auto;
    margin-bottom: 0.50em;
}
#club-header #stats .home-games .title {
    font-size: 1.25rem;
    width: 100;
    text-align: center;
    color: #222;
    font-weight: 500;
    margin: 0;
    padding: 0;
    line-height: 1.25;
}
#club-header #stats .home-games .next,
#club-header #stats .home-games .previous {
    position: absolute;
    height: 5.00rem;
    z-index: 5;
    bottom: 0;
    display: flex;
    align-content: center;
    align-items: center;
    width: 1.80rem;
    justify-content: center;
}
#club-header #stats .home-games .next:hover,
#club-header #stats .home-games .previous:hover {
    background: #ccc;
    cursor: pointer;
}
#club-header #stats .home-games .next.disable,
#club-header #stats .home-games .previous.disable {
    cursor: initial;
    opacity: 0.50;
}
#club-header #stats .home-games .next.disable:hover,
#club-header #stats .home-games .previous.disable:hover {
    background: none;
}
#club-header #stats .home-games .next {
    right: 0;
}
#club-header #stats .home-games .previous {
    left: 0;
}
#club-header #stats .home-games .game {
    position: absolute;
    background: #eee;
    border: 1px solid #ccc;
    display: flex;
    padding: 0.50rem 1.80rem;
    height: 5.00rem;
    bottom: 0;
    z-index: 0;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
}
#club-header #stats .home-games .game.hide {
    opacity: 0;
    z-index: 0;
    display: none;
}
#club-header #stats .home-games .game .place {
    font-weight: 500;
    font-size: 3.00em;
    flex: 1;
    display: flex;
    align-items: center;
    line-height: 1.00em;
    min-width: 3.00rem;
    justify-content: center;
}
#club-header #stats .home-games .game .opponent {
    font-weight: 500;
    font-size: 1.00em;
    flex: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.00em;
}
#club-header #stats .home-games .game .opponent img {
    padding: 0.25em;
}
#club-header #stats .home-games .game .date {
    font-weight: 500;
    font-size: 1.00em;
    flex: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.00em;
    border: 1px solid #222;
}
#club-header #stats .home-games .game .score {
    font-weight: 500;
    font-size: 2.25em;
    flex: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 0.90em;
    background: #222;
    color: #eee;
    height: 1.00em;
    margin: auto;
}
#club-header #stats .home-games .game .date .day {
    font-size: 1.5em;
    background: #222;
    width: 100%;
    color: #eee;
    text-align: center;
    padding: 0.25em;
    padding-top: 0.20em;
    box-sizing: border-box;
}
#club-header #stats .home-games .game .date .hour {
    font-size: 1.75em;
    width: 100%;
    text-align: center;
    padding: 0.50em;
    box-sizing: border-box;
    line-height: 0.25em;
}
#club-header #stats .home-games .game .link {
    font-weight: 500;
    font-size: 1.25em;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 3;
}
#club-header #stats .home-games .game.hide .link {
    z-index: 0;
}
#club-header #stats .home-games .game .link a {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    cursor: pointer;
}
#club-header #stats .home-games .game .link a:hover {
    /*
    background: #222;
    color: #eee;
    */
}
#club-header #stats .home-games .game .link a i {
    flex: 1;
    align-items: center;
    display: flex;
}
#player-header {
    align-items: center;
}
.jersey {
    width: 15.4rem;
    height: 15.4rem;
    position: absolute;
    z-index: 2;
    top: 230px;
    left: calc((100% - 70vw)/2);
    font-size: 3.25rem;
    color: #eee;
}
.jersey img {
    width: auto;
    height: 100%;
    position: absolute;
    z-index: -1;
    margin: auto;
    left: 0;
    right: 0;
}
.jersey .number {
    width: 100%;
    text-align: center;
    line-height: 1;
    font-size: 1.85em;
    padding-top: 0em;
    position: absolute;
    top: 0em;
    font-weight: 500;
}
.jersey .name {
    width: 100%;
    text-align: center;
    line-height: 1;
    font-size: 0.475em;
    padding-top: 0em;
    position: absolute;
    top: 0em;
    font-weight: 600;
    text-transform: uppercase;
}
#player-header #picture {
    overflow: hidden;
    position: relative;
    z-index: 5;
    flex: 2;
    padding-right: 2.00em;
    box-sizing: border-box;
}
#player-header #picture img {
    height: 30em;
    margin: auto;
    z-index: 2;
    padding-top: 0.75em;
    float: right;
}
#player-header #picture #copyright {
    position: absolute;
    z-index: 3;
    font-weight: 600;
    font-size: 0.90em;
    text-transform: uppercase;
    bottom: 0;
    right: 80px;
    color: #eee;
    box-sizing: border-box;
    z-index: 1;
    text-align: right;
}
#player-header #picture #copyright span {
    position: relative;
    color: #222;
    padding: 0.25em 0;
    text-shadow: none;
    text-align: right;
}
#player-header #picture #copyright span::after {
    position: absolute;
    z-index: -1;
    background: #eee;
    width: 145%;
    height: 100%;
    content: "";
    bottom: 0;
    right: -30%;
    transform: skewX(-5deg);
    border-radius: 0.50em 0 0 0;
}
#player-header #infos {
    flex: 1.00;
    display: flex;
    flex-direction: row;
    height: 30.75em;
    background: #b61313;
    z-index: 5;
    /* flex-basis: auto; */
    position: relative;
}
#player-header #infos #player-stats {
    text-align: center;
    flex: 1;
}
#player-header #infos #player-stats,
#player-header #infos #profile {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    z-index: 0;
    box-sizing: border-box;
    position: relative;
    align-items: center;
    padding: 0;
    margin: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 4.25em;
    flex-wrap: wrap;
}
#player-header #infos #player-stats {
    flex-direction: column;
}
#player-header #infos #profile {
    flex: 0.75;
}
#player-header #infos #profile::after {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #b61313;
    content: "";
    transform: skewX(-5deg);
    transform-origin: top;
    left: -1.00em;
    top: 0;
}
#player-header #infos img {
    height: 0.60em;
    border: 1px solid #222;
}
#player-header #infos .title {
    width: 100%;
    font-weight: 400;
}
#player-header #infos .info {
    width: 100%;
    font-weight: 500;
    text-indent: 1.50em;
}
#player-header #infos .title,
#player-header #infos .info {
    padding: 0.125em 0;
    box-sizing: border-box;
    height: 1.50em;
    line-height: 1;
    font-size: 1.25em;
    white-space: nowrap;
}
#player-header #infos .club {
    font-size: 1.75em;
    font-weight: 600;
    width: 100%;
    text-align: right;
    box-sizing: border-box;
    padding-right: 25%;
    text-transform: uppercase;
    padding-bottom: 0.25em;
    white-space: nowrap;
}
#player-header #infos .club img {
    border: none;
    height: 1.00em;
    margin-bottom: -0.15em;
    margin-right: 0.25em;
}
/*
#player-header #picture::after {
    bottom: 0;
    width: 100%;
    height: 2.00em;
    position: absolute;
    z-index: 2;
    content: "";
    background: linear-gradient(to bottom, rgba(241,241,241,0) 0%, rgba(241,241,241,1) 100%);
}
*/
#player-header {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    height: 100%;
}
#player-header::before {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    content: "";
    background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 75%, blue 75%, blue 100%);
}
#header_content {
    display: flex;
    flex-direction: row;
    width: 70vw;
    margin: auto;
}
#player-header #infos #player-stats::after {
    position: absolute;
    width: 150%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(to right, rgba(241,241,241,0.10) 0%, rgba(241,241,241,0) 20%, rgba(241,241,241,0) 100%);
    content: "";
    transform: skewX(-5deg);
    transform-origin: top;
    left: 2.50em;
    top: 0;
}
#player-stats .stat {
    display: flex;
    flex-direction: row;
    flex: 1;
    position: relative;
    min-width: 50%;
    z-index: 10;
    align-items: center;
}
.charts .card,
#player-stats .stat .card {
    flex: 1;
    font-weight: 600;
    font-size: 2.50em;
    line-height: 1.10em;
    position: relative;
    padding: 0;
    margin: 0 0.15em;
    color: #222;
    text-shadow: none;
}
.charts .card::after,
#player-stats .stat .card::after {
    position: absolute;
    height: 100%;
    width: 90%;
    top: 2.5%;
    left: 2.5%;
    content: "";
    z-index: -1;
    transform: rotate(5deg);
    filter: drop-shadow(1px 1px 2px #000);
    border: 1px solid #444;
    border-radius: 5px;
}
.charts .card.yellow::after,
#player-stats .stat .card.yellow::after {
    background: #fce616;
}
.charts .card.yellow-red::after,
#player-stats .stat .card.yellow-red::after {
    background: linear-gradient(125deg, #fce616 0%, #fce616 45%, #f32828 55%, #f32828 100%);
}
.charts .card.red::after,
#player-stats .stat .card.red::after {
    background: #f32828;
}
#club_content #pictures {
    position: relative;
    width: auto;
    box-sizing: border-box;
    border: 2px solid #ddd;
    background: #ddd;
    margin: .5em 0;
    overflow: hidden;
    margin: auto;
}
#club_content #pictures .picture {
    width: 100%;
    z-index: 1;
    text-align: center;
}
#club_content #pictures .picture.hide {
    display: none;
}
#club_content #pictures .picture img {
    width: auto;
    max-width: 100%;
    z-index: 0;
    margin-bottom: -5px;
    max-height: 500px;
}
#club_content #pictures .picture .copyright {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: right;
    box-sizing: border-box;
    padding: 0.25em;
    font-weight: 600;
    filter: drop-shadow(0 0 2px #eee);
}
#club_content #pictures #previous-picture,
#club_content #pictures #next-picture {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 2.00em;
    margin: auto;
    font-size: 2.50em;
    width: 1.00em;
    background: #ddd;
    opacity: 0.75;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    cursor: pointer;
}
#club_content #pictures #previous-picture {
    left: 0;
}
#club_content #pictures #next-picture {
    right: 0;
}
#club_content #pictures:hover #previous-picture,
#club_content #pictures:hover #next-picture {
    opacity: 1;
}


#player-stats .stat::after {
    right: 25%;
    width: 50%;
    height: 1px;
    bottom: -0.5px;
    position: absolute;
    z-index: 2;
    content: "";
    background: #222;
    opacity: 0.15;
}
#player-stats .stat:last-child::after {
    display: none;
}
#player-stats .stat:nth-child(n+8)::before {
    display: none;
}
#player-stats .stat .data {
    flex: 2;
    font-weight: 600;
    font-size: 2.50em;
    line-height: 1;
    text-align: right;
    padding-right: 0.50em;
}
#player-stats .stat i {
    flex: 2;
    font-weight: 600;
    font-size: 2.50em;
    line-height: 1;
    text-align: left;
    position: relative;
}
#player-stats .stat span {
    flex: 1;
    font-weight: 400;
    font-size: 1.00em;
}
#sponsors {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 1.00em 0;
}
#sponsors a {
    flex: 1;
    filter: grayscale(100%);
    text-align: center;
}
#sponsors a:hover {
    filter: grayscale(0%);
}
#sponsors a img {
    width: 100%;
    max-width: 200px;
    padding: 0.50em 1.25em;
    box-sizing: border-box;
    margin: auto;
}
#halls-list {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}
#halls-list .hall {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    padding: 0.25em 1.00em;
    box-sizing: border-box;
    font-size: 1.25em;
    font-weight: 500;
    border-bottom: 1px solid rgba(17,17,17,0.125);
    flex-wrap: wrap;
}
#halls-list .hall:last-child {
    border: none;
}
#halls-list .hall.open,
#halls-list .hall:hover {
    background: rgba(17,17,17,0.125);
}
#club_content #halls-list .hall:hover {
    background: none;
}
#halls-list .hall .name {
    flex: 3;
}
#club_content #halls-list .hall .name {
    font-size: 1.25em;
    padding: 0.25rem 0;
    text-align: center;
}
#club_content #halls-list .hall {
    margin-bottom: 0.25rem;
    padding-bottom: 0.75rem;
}
#halls-list .hall .city {
    flex: 2;
}
#halls-list .hall .option {
    flex: 1;
    text-align: center;
}
#halls-list .hall .picture {
    width: 100%;
    position: relative;
    height: auto;
    overflow: hidden;
}
#halls-list .hall .picture::after {
    width: 100%;
    height: 3em;
    bottom: 0;
    left: 0;
    content: "";
    background: linear-gradient(to bottom, rgba(238,238,238,0) 0%, rgba(238,238,238,1) 100%);
    z-index: 0;
    position: absolute;
}
#halls-list .hall .picture img {
    width: 100%;
    height: auto;
    margin-bottom: -5px;
}
#halls-list .hall .picture .copyright {
    position: absolute;
    text-align: right;
    padding: 0.25em;
    font-weight: 600;
    font-size: 0.75em;
    color: #111;
    text-shadow: 0 0 2px #eee;
    width: 100%;
    box-sizing: border-box;
    bottom: .25em;
    line-height: 1;
    text-transform: uppercase;
    z-index: 1;
}
#halls-list .hall .option .button {
    color: #eee;
    background: #222;
    font-size: 1.00rem;
    padding: 0.125em 1.00em;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #222;
}
#halls-list .hall .option .button:hover {
    color: #222;
    background: #eee;
}
#halls-list .hall .map_url {
    display: none;
}
#halls-list .hall .map {
    width: 100%;
    height: auto;
}
#halls-list .hall iframe {
    border: none;
    width: 100%;
    height: 10.00em;
}
#halls-list .hall .address {
    display: none;
    width: 100%;
    height: auto;
    text-align: center;
}
#club_content #halls-list .hall .address,
#halls-list .hall.open .address {
    display: initial;
}
.fas.fa-globe:hover {
    color: #0064d6;
}
.fas.fa-video:hover {
    color: #0064d6;
}
.fab.fa-instagram:hover {
    color: #804699;
}
.fab.fa-youtube:hover {
    color: #e71b1a;
}
/*
.fab.fa-soundcloud:hover {
    color: #f7520f;
}
*/
.fab.fa-linkedin:hover {
    color: #016196;
}
.fab.fa-snapchat-square:hover {
    color: #f7f400;
}
.far.fa-envelope:hover {
    color: #00688a;
}
.fab.fa-twitter:hover {
    color: #1c9cea;
}
.fab.fa-google-plus-g:hover {
    color: #cf472d;
}
.fab.fa-facebook:hover {
    color: #395693;
}

.page-title {
    width: calc(100% - 1.00rem);
    height: auto;
    text-align: left;
    margin: 0 0.50rem;
    font-size: 1.50rem;
    font-weight: 600;
    min-height: 1.00rem;
    position: relative;
    margin-bottom: 0.50rem;
    z-index: 5;
}
.page-title.game-title {
    width: 70vw;
    margin: 0 auto;
    margin-bottom: 0.50rem;
}
.page-title span {
    border-bottom: 5px solid #222;
    position: relative;
    padding: 0 0.50rem;
}
.page-title::after {
    position: absolute;
    width: 100%;
    height: 1px;
    content: "";
    left: 0;
    bottom: -5px;
    background: #222;
}
.section-title {
    width: calc(100% - 1.00rem);
    height: auto;
    text-align: center;
    margin: 0;
    font-size: 1.50rem;
    font-weight: 600;
    /* min-height: 1.00rem; */
    position: absolute;
    /* margin-bottom: 0.50rem; */
    z-index: 5;
    height: 1.50em;
    top:  0;
    padding-top: 1.00em;
}
.section-title span {
    border-bottom: 5px solid #222;
    position: relative;
    padding: 0 0.50rem;
}
.stations {
    display: flex;
    flex-direction: row;
    width: 100%;
    overflow-x: auto;
    flex-wrap: nowrap;
}
#player_trophies::-webkit-scrollbar-track,
.stations::-webkit-scrollbar-track {
    background-color: none;
}
#player_trophies::-webkit-scrollbar,
.stations::-webkit-scrollbar {
    height: 10px;
    width: 10px;
    background-color: none;
}
#player_trophies::-webkit-scrollbar-thumb,
.stations::-webkit-scrollbar-thumb {
    background-color: #222;
    border: none;
}
.stations .station {
    flex: 1;
    min-width: 25%;
    max-width: 25%;
    position: relative;
    z-index: 1;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 0.25em 1.50em;
}
.stations .station::after {
    position: absolute;
    content: "";
    z-index: 1;
    width: 4px;
    top: 25%;
    bottom: 25%;
    right: -2px;
    background: linear-gradient(to bottom, #f0f0f0 0%, #222 50%, #f0f0f0 100%);
}
.stations .station:last-child::after {
    display: none;
}
.stations .station .logo,
.stations .station #stats {
    flex: 1;
    position: relative;
    text-align: center;
}
.stations .station .logo img {
    margin: auto;
    max-width: 100px;
    margin-bottom: 0.50em;
}
.stations .station .logo .country {
    margin: auto;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}
.stations .station .logo .country img {
    width: 2.00em;
    border: 1px solid #222;
    margin: auto;
}
.stations .station .name {
    width: 100%;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 600;
}
.stations .station .name span {
    width: 100%;
    display: block;
    padding: 0.125em 0;
}
.stations .station .name span span {
    width: auto;
    display: inline;
    padding: 0 0.15em;
    font-size: 0.75em;
    opacity: 0.75;
}
.stations .station:hover .name span span {
    opacity: 1;
}
.stations .station .name .period {
    font-size: 0.90rem;
    font-weight: 500;
    color: #eee;
    background: #222;
    display: inline-block;
    padding: 0.15em 0.25em;
    line-height: 1.25em;
}
.stations .station #stats {
    flex: 1;
    display: flex;
    flex-direction: row;
}
.stations .station #stats .stat {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 0.25em 0;
}
.stations .station #stats .stat .data {
    flex: 1;
    text-align: center;
    font-weight: 600;
    font-size: 3.00em;
    line-height: 1.00em;
}
.stations .station #stats .stat .data span {
    flex: 1;
    text-align: center;
}
.stations .station #stats .stat .info {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
}
.stations .station #stats .stat .info i {
    font-size: 1.75em;
    margin: auto;
    /* height: 0.50em; */
    line-height: 1;
    padding: 0;
    padding-top: 0.15em;
}
.stations .station #stats .stat .info span {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.85em;
    opacity: 0;
}
.stations .station #stats .stat:hover .info span {
    opacity: 1;
}
.seasons_data {
    display: flex;
    flex-direction: column;
}
.seasons_data .line {
    display: flex;
    flex-direction: row;
    padding: 0.25em 0;
    align-content: center;
    align-items: center;
    line-height: 1;
}
.seasons_data .line:last-child {
    margin-bottom: .75em;
}
.seasons_data .line .chevron {
    text-align: center;
    flex: 1;
}
.seasons_data .line {
    border-top: 1px solid #ddd;
}
.seasons_data .line.header {
    border-top: 2px solid #ddd;
}
.seasons_data .line:first-child {
    border: none;
}
.seasons_data .line .chevron {
    cursor: pointer;
}
.seasons_data .line .chevron:hover {
    font-size: 1.50em;
}
.seasons_data .line .season {
    flex: 2;
    text-align: center;
    font-weight: 500;
    font-size: 1.5em;
}
.seasons_data .line .competition {
    flex: 2;
}
.seasons_data .line .club {
    display: flex;
    flex-direction: row;
    padding: 0.25em 0;
    align-items: center;
    flex: 2;
    font-size: 1.25em;
    font-weight: 500;
}
.seasons_data .line.header .club {
    font-weight: 600;
}
.stations .station .name span a:hover,
.seasons_data .line.header .club a:hover,
.seasons_data .line.sub .club a:hover {
    text-decoration: underline;
}
.seasons_data .line .club img {
    width: 2.00em;
    padding-right: 0.50em;
}
.seasons_data .line.sub .club img {
    width: 1.25em;
    padding-right: 0.50em;
}
.seasons_data .line .games,
.seasons_data .line .goals,
.seasons_data .line .card {
    flex: 1;
    text-align: right;
    font-size: 2.00em;
//display: flex;
    align-items: center;
    justify-content: right;
    font-weight: 500;
}
.seasons_data .line .selection-data {
    flex: 3;
    font-size: 1.25em;
    display: flex;
    align-items: center;
    font-weight: 500;
    position: relative;
}
.seasons_data .line .selection-data div {
    flex: 1;
    text-align: right;
    position: relative;
    overflow: hidden;
}
.seasons_data .line .selection-data div i {
    margin-left: .25em;
}
.seasons_data .line .selection-data div:first-child {
    text-align: center;
}
.seasons_data .line .selection-data div .fa-check {
    color: green;
}
.seasons_data .line .selection-data div .fa-times {
    color: red;
}
.seasons_data .line .selection-data div:nth-last-child(-n+3) {
    height: 2.00em;
}
.seasons_data .line .games i,
.seasons_data .line .goals i,
.seasons_data .line .card i {
    font-size: 1.5rem;
    max-width: 2.00rem;
    margin-left: 0.75rem;
}
#player_trophies {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
}
#player_trophies .trophy {
    min-width: 20%;
    max-width: 20%;
    box-sizing: border-box;
    padding: .5em 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
#player_trophies .trophy .img {
    padding: 0 2.00em;
    filter: grayscale(25%);
}
#player_trophies .trophy:hover .img {
    filter: grayscale(0%);
}
#player_trophies .trophy img {
    max-width: 100%;
    width: auto;
}
#player_trophies .trophy::after {
    position: absolute;
    content: "";
    z-index: 1;
    width: 4px;
    top: 25%;
    bottom: 25%;
    right: -2px;
    background: linear-gradient(to bottom, #f0f0f0 0%, #222 50%, #f0f0f0 100%);
}
#player_trophies .trophy:last-child::after {
    display: none;
}
#player_trophies .trophy .info {
    width: 100%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}
#player_trophies .trophy .info span {
    padding: .25rem 0;
    box-sizing: border-box;
    font-weight: 500;
    min-width: 100%;
    line-height: 1;
}
#player_trophies .trophy .info span:first-child {
    font-size: 1.25em;
}
#player_trophies .trophy .info span:nth-child(2) {
    text-transform: uppercase;
    margin-bottom: .15rem;
}
#player_trophies .trophy .info span:last-child {
    color: #eee;
    background: #222;
    display: inline-block;
    min-width: auto;
    margin: auto;
    padding: .125rem .25rem;
    padding-top: 0;
    font-weight: 600;
}
#article-header {
    width: 100%;
    height: 450px;
    position: relative;
    display: flex;
}
.news #article-header {
    height: auto;
}
#article-header .img-back {
    width: 100%;
    height: 100%;
    position: absolute;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
//filter: blur(2px);
}
#article-header .img-back::after {
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(to bottom, rgba(34,34,34,0) 0%, rgba(34,34,34,0) 50%, rgba(34,34,34,1) 100%);
    content: "";
    top: 0;
    left: 0;
}
#article-header .title {
    color: #eee;
    text-shadow: 0 0 2px #222;
    font-size: 2.50em;
    font-weight: 500;
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.news #article-header .title {
    position: relative;
    color: #111;
    text-shadow: none;
}
#article-header .title,
#article-body,
#article-source .infos {
    width: 100%;
    margin: 0 auto;
    max-width: 900px;
    padding: 0.50em 1.00rem;
    box-sizing: border-box;
}
#article-source .infos {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.news #article-header .title,
.news #article-source .infos {
    padding: .50em 0;
    line-height: 1;
}
.news #article-header .title {
    padding: .35em 0;
}
#article-source .infos span {
    flex: 1;
    font-size: 1.25em;
}
#article-source .infos span strong {
    font-weight: 500;
}
#article-source .infos img {
    width: 2.00em;
    height: 2.00em;
    border-radius: 50%;
    margin-right: 1.00em;
}
#article-source {
    width: 100%;
    background: #222;
    color: #eee;
}
.news #article-source {
    background: none;
    font-size: .75em;
    color: #111;
}
.news #article-source .infos {
    border-top: 2px solid #ddd;
}
#article-body {
    text-align: justify;
    padding-top: 1.00em;
}
#article-body #text {
    font-size: 1.50em;
    margin-bottom: 1.00em;
}
#article-body #synopsis {
    font-size: 1.50em;
    font-weight: 500;
}
#article-body.news #synopsis {
    margin-bottom: 1.00em;
}
#article-body .page-title {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
#article-body .clubs-list a .club {
    border: none;
}
#article-body .clubs-list a,
#article-body .players-list.team a {
    min-width: calc(100%/4);
    max-width: calc(100%/4);
}
#article-body .clubs-list a:nth-child(4n+1),
#article-body .games-list a:nth-child(2n+1),
#article-body .players-list.team a:nth-child(4n+1) {
    padding-left: 0;
}
#article-body .clubs-list a:nth-child(4n),
#article-body .players-list.team a:nth-child(4n) {
    padding-right: 0;
}
.content #pictures,
#article-body #pictures {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    border: 2px solid #ddd;
    background: #ddd;
    margin: .75em 0;
}
#article-body.news #pictures {
    margin-top: 0;
}
.content #pictures {
    margin-top: 0.25em;
    margin-bottom: 1.50em;
}
.content #pictures .picture,
#article-body #pictures .picture {
    width: 100%;
    z-index: 1;
    text-align: center;
    overflow: hidden;
}
.content #pictures {
    font-size: 1.00rem;
}
.content #pictures .picture.hide,
#article-body #pictures .picture.hide {
    display: none;
}
.content #pictures .picture img,
#article-body #pictures .picture img {
    width: auto;
    max-width: 100%;
    z-index: 0;
    margin-bottom: -5px;
}
.content #pictures .picture img {
    height: auto;
    max-height: 500px;
}
.content #pictures .picture .legend,
#article-body #pictures .picture .legend {
    width: 100%;
    background: #ddd;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    box-sizing: border-box;
    padding: 0.25em;
    opacity: 0.75;
}
.content #pictures .picture .legend strong,
#article-body #pictures .picture .legend strong {
    font-weight: 600;
    padding-left: 0.25em;
}
.content #pictures #previous-picture,
.content #pictures #next-picture,
#article-body #pictures #previous-picture,
#article-body #pictures #next-picture {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 2.00em;
    margin: auto;
    font-size: 2.50em;
    width: 1.00em;
    background: #ddd;
    opacity: 0.75;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    cursor: pointer;
}
.content #pictures #previous-picture,
#article-body #pictures #previous-picture {
    left: 0;
}
.content #pictures #next-picture,
#article-body #pictures #next-picture {
    right: 0;
}
.content #pictures:hover .picture .legend,
.content #pictures:hover #previous-picture,
.content #pictures:hover #next-picture,
#article-body #pictures:hover .picture .legend,
#article-body #pictures:hover #previous-picture,
#article-body #pictures:hover #next-picture {
    opacity: 1;
}
#article-body .game-author {
    display: flex;
    flex-direction: column;
    text-align: center;
}
#article-body .game-author img {
    width: 3.00em;
    height: 3.00em;
    border: 0.125em solid #ddd;
    box-sizing: border-box;
    border-radius: 25%;
    margin: auto;
    margin-bottom: 0.15em;
}




#game_header {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 0;
    color: #eee;
    text-shadow: 0 0 2px #111;
    padding: 1.00em;
    box-sizing: border-box;
}
#game_duels_last .game {
    flex: 1;
    height: auto;
    position: relative;
    z-index: 0;
    color: #eee;
    text-shadow: 0 0 2px #111;
    padding: 1.00rem;
    box-sizing: border-box;
    border: 1px solid #111;
}
#game_duels_last .game #img-back,
#game_header #img-back {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    filter: grayscale(100%);
}
#game_duels_last .game #img-back #filter,
#game_header #img-back #filter {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    background: rgba(17,17,17,0.85);
}
#game_header #infos {
    font-weight: 600;
    font-size: 1.25em;
    width: 100%;
    text-align: center;
    padding: 0.25em 0;
    padding-bottom: 0.75em;
    box-sizing: border-box;
    margin-bottom: 1.00em;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid rgba(241,241,241,0.25);
}
#game_header #infos span {
    padding: 0.25em 0;
}
#game_header #box {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
}
#game_header #box .team {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#game_header #box .partner {
    background: rgba(0,153,204,1);
    font-size: 1.25em;
    text-transform: uppercase;
    padding: 0.125em 0.125em 0.20em 0.125em;
    line-height: 1;
    border: 1px solid #eee;
    border-radius: 0.25em;
    box-shadow: 0 0 2px #111;
    margin: 0.50rem 0;
}
#game_header #box .partner img {
    width: 1.00em;
    max-width: .7em;
    padding: 0 0.25em;
    filter: drop-shadow(0 0 1px rgba(17,17,17,0.5));
}
#game_header #box .team img {
    width: auto;
    height: auto;
    margin: auto;
}
#game_header #box .team span {
    padding: 0.50rem 0;
    font-size: 1.50em;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
}
#game_header #box .team span:nth-child(3) {
    font-size: 1.00em;
}
#game_header #box .score,
#game_header #box .vs {
    flex: 1;
    display: flex;
    align-items: center;
    flex-direction: row;
    position: relative;
}
#game_header #box .score span,
#game_header #box .vs span {
    font-size: 7.50em;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    flex: 1;
    padding: 0.50em;
    position: relative;
}
#game_header #box .vs span {
    text-align: center;
}
#game_header #box .score span:first-child {
    text-align: right;
}
#game_header #box .score span:last-child {
    text-align: left;
}
#game_header #box .score span:last-child::after {
    position: absolute;
    content: "";
    background: rgba(241,241,241,0.25);
    width: 1px;
    left: -0.5px;
    top: 25%;
    bottom: 20%;
    height: 55%;
}
#game_header::after {
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    bottom: 0;
    height: 25%;
    background: linear-gradient(to bottom, rgba(17,17,17,0) 0%, rgba(17,17,17,1) 100%);
    z-index: -1;
}
#game_menu {
    width: 100%;
    display: flex;
    flex-direction: row;
    background: rgb(17,17,17);
    color: #eee;
    font-weight: 500;
    box-sizing: border-box;
    flex-wrap: nowrap;
    margin-bottom: 1.00rem;
}
#game_menu a {
    flex: 1;
    text-align: center;
    border-bottom: 5px solid rgb(17,17,17);
    padding: 0.50em;
    display: flex;
    align-items: center;
    justify-content: center;
}
#game_menu a.active {
    border-color: rgba(0,153,204,1);
    color: rgba(0,153,204,1);
}
#game_menu a.unactive:hover {
    border-color: #eee;
    background: rgba(241,241,241,0.025);
}
#game_live {
    width: 70vw;
    margin: auto;
    display: flex;
    flex-direction: column-reverse;
    overflow: hidden;
}
#game_live .live {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    position: relative;
}
#game_live .live .minute {
    background: #ccc;
    color: #222;
    font-size: 1.50em;
    font-weight: 500;
    border: 1px solid #222;
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: row;
    margin-bottom: 1.00rem;
    width: 6.00rem;
}
#game_live .live .minute span,
#game_live .live .minute .icon {
    flex: 1;
    text-align: center;
    padding: 0.50em;
}
#game_live .live .minute .icon {
    color: #ccc;
    background: #222;
    font-size: 0.75em;
    align-items: center;
    display: flex;
    justify-content: center;
}
#game_live .live .minute .icon .whistle {
    width: 1.00em;
    height: 1.00em;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
#game_live .live .minute .icon .cj,
#game_live .live .minute .icon .cjr,
#game_live .live .minute .icon .cr {
    height: 1.20em;
    width: 1.00em;
    left: calc((100% - 1.00em)/2);
    top: calc((100% - 1.20em)/2);
    box-shadow: 1px 1px 1px #111;
    transform: rotate(7.5deg);
}
#game_live .live .minute .icon .cr {
    background: red;
}
#game_live .live .minute .icon .cj {
    background: yellow;
}
#game_live .live .minute .icon .cjr {
    background: linear-gradient(135deg, yellow 35%, red 65%);
}
#game_live .live .score {
    background: #ccc;
    color: #222;
    padding: 0.125em 0.50em;
    font-size: 1.75em;
    font-weight: 500;
    border: 1px solid #222;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    margin-bottom: 1.00rem;
    width: 6.00rem;
}
/*
#game_live .live .score::after,
#game_live .live .minute::after {
    position: absolute;
    background: #222;
    width: 1px;
    left: calc(50% - 1px);
    top: 100%;
    height: 5.00em;
    content: "";
    z-index: -1;
}
*/
#game_live .live .info {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    position: relative;
    text-align: center;
    margin-bottom: 1.00rem;
}
#game_live .live .info .message {
    height: auto;
    background: #ccc;
    width: 100%;
    align-items: center;
    display: flex;
    border: 1px solid #222;
    position: relative;
}
#game_live .live .info.away .message {
    flex-direction: row-reverse;
}
#game_live .live .info.home {
    text-align: left;
    flex-direction: row-reverse;
}
#game_live .live .info.away {
    text-align: right;
}
#game_live .live .info::after {
    position: absolute;
    background: #222;
    width: 1px;
    left: calc(50% - 1px);
    height: 60em;
    content: "";
    bottom: 50%;
    z-index: -1;
}
#game_live .live .info .message span {
    font-size: 1.25em;
    font-weight: 500;
    width: 100%;
    padding: 0.25em;
    box-sizing: border-box;
}
#game_live .live .info .message.picture {
    flex-direction: column;
}
#game_live .live .info .message.picture img {
    width: auto;
    max-width: 100%;
    height: auto;
    padding: 0;
}
#game_live .live .info .message img {
    height: 2.50em;
    padding: 0.50em;
}
#game_live .live .info.home .player {
    position: relative;
    margin-right: 1.00em;
    border: 1px solid #222;
}
#game_live .live .info.away .player {
    position: relative;
    margin-left: 1.00em;
    border: 1px solid #222;
}
#game_live .live .info .player .back {
    height: 100%;
    width: 100%;
    position: absolute;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    bottom: 0;
    filter: grayscale(100%);
    opacity: 0.45;
}
#game_live .live .info .player img {
    width: 10.00em;
    height: auto;
    position: relative;
    margin-bottom: -3px;
}
#game_live .live .info .player::after {
    position: absolute;
    background: #222;
    width: 2.00em;
    top: calc(50% - 1px);
    height: 1px;
    content: "";
    z-index: -1;
}
#game_live .live .info.home .player::after {
    right: -2.00em;
}
#game_live .live .info.away .player::after {
    left: -2.00em;
}

.comment-body {
    width: 100%;
    text-align: center;
    margin: 1.00rem auto;
}
#user-comment-connect-btn {
    background: #2079d7;
    text-shadow: 0 0 5px #2079d7;
    color: #eee;
    font-size: 1.25em;
    padding: .75em;
    /*width: 95vw;*/
    max-width: 700px;
    margin: auto;
    border-radius: .50em;
    cursor: pointer;
    box-sizing: border-box;
    display: block;
    line-height: 1.5;
}

#coments-list {
    width: 70vw;
    margin: auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    max-width: 100%;
}
#coments-list .comment {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    min-height: 125px;
    margin: .25rem 0;
    background: #ddd;
    border: 1px solid #ccc;
}
#coments-list .comment.deleted {
    opacity: .5;
    cursor: not-allowed;
}
#coments-list .comment .user {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 150px;
    position: relative;
    text-align: center;
    margin-right: 25px;
    margin-left: 0;
}
#coments-list .comment .user .info {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 0;
}
#coments-list .comment .user .info span a {
    color: #2079d7;
}
#coments-list .comment .user .info span {
    font-weight: 500;
}
#coments-list .comment .user .info span:last-child {
    font-size: .75em;
    opacity: .85;
}
#coments-list .comment .user .profile {
    width: 100%;
}
#coments-list .comment .user .profile img{
    max-width: 45px;
    border-radius: 50%;
    box-shadow: 0px 5px 5px 0px #999;
}
#coments-list .comment .user .club {
    width: 75px;
    position: absolute;
    top: 10px;
    text-align: left;
}
#coments-list .comment .user .club img{
    width: 30px;
}
#coments-list .comment .body {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: calc(100% - 175px);
    position: relative;
    text-align: center;
}
#coments-list .comment .body .message {
    height: auto;
    width: 100%;
    align-items: center;
    display: flex;
    position: relative;
}
#coments-list .comment .body.away .message {
    flex-direction: row-reverse;
}
#coments-list .comment .body.home {
    text-align: left;
    flex-direction: row-reverse;
}
#coments-list .comment .body.away {
    text-align: right;
}
#coments-list .comment .body::after {
    position: absolute;
    background: #222;
    width: 1px;
    left: calc(50% - 1px);
    height: 60em;
    content: "";
    bottom: 50%;
    z-index: -1;
}
#coments-list .comment .body::after {
    display: none;
}
#coments-list .comment .user .info::after {
    display: none;
}
#coments-list .comment .user::after {
    position: absolute;
    background: #ccc;
    width: 1px;
    height: calc(100% - 20px);
    content: "";
    bottom: 10px;
    z-index: 100;
}
#coments-list .comment .user::after {
    right: -12.5px;
}
/*
#coments-list .comment:nth-child(odd) .user::after {
    left: -40px;
}
 */
#coments-list .comment .body .message span {
    text-align: left;
    font-size: 1.25em;
    font-weight: 500;
    width: 100%;
    padding: 0.25em;
    box-sizing: border-box;
}
#coments-list .comment .body .message.picture {
    flex-direction: column;
}
#coments-list .comment .body .message.picture img {
    width: auto;
    max-width: 800px;
    height: auto;
    max-height: 400px;
    padding: 0;
}
#coments-list .comment .body .message img {
    height: 2.50em;
    padding: 0.50em;
}
#coments-list .comment .body.home .player {
    position: relative;
    margin-right: 1.00em;
    border: 1px solid #222;
}
#coments-list .comment .body.away .player {
    position: relative;
    margin-left: 1.00em;
    border: 1px solid #222;
}
#coments-list .comment .body .player .back {
    height: 100%;
    width: 100%;
    position: absolute;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    bottom: 0;
    filter: grayscale(100%);
    opacity: 0.45;
}
#coments-list .comment .body .player img {
    width: 10.00em;
    height: auto;
    position: relative;
    margin-bottom: -3px;
}
#coments-list .comment .body .player::after {
    position: absolute;
    background: #222;
    width: 2.00em;
    top: calc(50% - 1px);
    height: 1px;
    content: "";
    z-index: -1;
}
#coments-list .comment .body.home .player::after {
    right: -2.00em;
}
#coments-list .comment .body.away .player::after {
    left: -2.00em;
}
#coments-list .comment .delete-comment,
#coments-list .comment .deleted-comment {
    position: absolute;
    cursor: pointer;
    opacity: .25;
    right: .50em;
    top: .50em;
    z-index: 10;
}
#coments-list .comment .delete-comment:hover {
    opacity: 1;
}
#coments-list .comment .deleted-comment {
    opacity: 1;
    color: red;
    cursor: not-allowed;
}
#post_comment {
    margin: auto;
    width: 70vw;
    display: flex;
    flex-direction: column;
    padding: 0;
    border: 1px solid #ccc;
    background: #ddd;
    margin-bottom: .5em;
    margin-top: .25rem;
    max-width: 100%;
}
#post_comment button {
    margin: .25em;
    font-family: 'Barlow Condensed', sans-serif;
}
#post_comment #img-input {
    margin: .25em;
}
#post_comment textarea {
    height: 5em;
    padding: .5em;
    margin: .25em;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 1.25rem;
}
#post_comment #title {
    background: #ccc;
    font-size: 1.125rem;
    font-weight: 500;
    text-align: center;
    padding: .25em;
    width: 100%;
    margin: 0;
    margin-bottom: .25rem;
    box-sizing: border-box;
    width: 100%;
//color: #eeeeee;
}
#post_comment #comment-picture {
    font-size: 1.125rem;
    font-weight: 600;
    background: #39b4ff;
    border: 1px solid #2079d7;
    text-shadow: 0 0 5px #2079d7;
    color: #eee;
    cursor: pointer;
    margin: .25em;
    font-family: 'Barlow Condensed', sans-serif;
    text-align: center;
}
#post_comment #comment-picture i {
    margin-right: .5em;
}
#post_comment #comment-send {
    font-size: 1.125rem;
    font-weight: 600;
    background: #39b4ff;
    border: 1px solid #2079d7;
    text-shadow: 0 0 5px #2079d7;
    color: #eee;
    cursor: pointer;
}
#post_comment #comment-cancel {
    font-size: 1.125rem;
    font-weight: 600;
    background-color: #dc4855;
    border: 1px solid #721c24;
    text-shadow: 0 0 5px #721c24;
    color: #eee;
    cursor: pointer;
}
#post_comment #comment-picture:hover {
    background: #2079d7;
}
#post_comment #comment-send:hover {
    background: #2079d7;
}
#post_comment #comment-cancel:hover {
    background: #721c24;
}
#post_comment #info {
    font-size: 1.00rem;
    text-align: center;
    margin: .25em;
}
#post_comment #info span {
    font-weight: 500;
}
#comment-no-content {
    color:#721c24;
    background-color:#f8d7da;
    border: 1px solid #721c24;
    font-size: 1.25rem;
    font-weight: 600;
    text-align: center;
    padding: .125em;
    margin: .25rem;
    box-sizing: border-box;
}

#game_lineups {
    width: 70vw;
    margin: auto;
}
#game_lineups #field {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 70vw;
    height: 33.95vw;
    margin: auto;
    display: flex;
    align-items: center;
}

#game_lineups #field .team {
    flex: 1;
    text-align: center;
}
#game_lineups #field #home.team {
    padding-left: 1.25em;
}
#game_lineups #field #away.team {
    padding-right: 1.25em;
}

#game_lineups #field .team .jersey {
    position: relative;
    font-size: 1.45vw;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: inline-block;
    width: 4.50em;
    height: 4.50em;
    overflow: hidden;
    cursor: pointer;
}
#game_lineups #field .team .jersey img {
    position: relative;
}
#player-ajax .jersey img.shirt,
#game_lineups #field .team .jersey img.shirt {
    position: relative;
}
#game_lineups #field .team .jersey img.captain {
    position: absolute;
}
#player-ajax .jersey .number,
#game_lineups #field .team .jersey .number {
    font-size: 2.00em;
    padding-top: 0.5em;
}

#game_lineups #listing {
    width: 70vw;
    display: flex;
    flex-direction: row;
    margin: auto;
    margin-bottom: 1.00em;
}
#game_lineups #listing .team {
    flex: 1;
    /*display: flex;*/
    flex-direction: column;
}
#game_lineups #listing .team .player {
    flex: 1;
    display: flex;
    flex-direction: row;
    font-size: 1.25rem;
    align-items: center;
    cursor: pointer;
}
#game_lineups #listing .team .player .number {
    flex: 1;
    font-size: 2.50em;
    font-weight: 600;
    text-align: right;
    padding: 0 0.25em;
    height: 1.20em;
}
#game_lineups #listing .team .player .picture {
    position: relative;
    overflow: hidden;
    margin: 0;
    margin-bottom: -0.50em;
    flex: 1;
    text-align: center;
}
#game_lineups #listing .team .player .picture img {
    width: 2.00em;
}
#game_lineups #listing .team .player .info {
    flex: 8;
    padding-left: 0.50em;
    font-weight: 500;
    display: flex;
    flex-direction: column;
}
#game_lineups #listing .team .player:nth-child(odd) {
    background: rgba(17,17,17,0.0375);
}
#game_lineups #listing .team .player .info .name,
#game_lineups #listing .team .player .info .stats {
    flex: 1;
}
#game_lineups #listing .team .player .info .stats i {
    margin: 0 0.125em;
}

#game_lineups #listing-select {
    display: none;
}
#game_stats {
    width: 70vw;
    display: flex;
    flex-direction: column;
    margin: auto;
}
#game_stats .line {
    display: flex;
    flex-direction: row;
    align-content: center;
    position: relative;
    height: 2.00em;
    box-sizing: border-box;
    margin: 0.50em 0;
}
#game_stats .line .bar {
    position: absolute;
    height: 100%;
    width: 80%;
    left: 10%;
    right: 10%;
    top: 0;
    bottom: 0;
    z-index: -1;
    border: 1px solid #ccc;
    box-sizing: border-box;
    background: #ddd;
}
#game_stats .line .bar .home,
#game_stats .line .bar .away {
    top: 0;
    bottom: 0;
    height: 100%;
    position: absolute;
}
#game_stats .line .bar .back {
    opacity: 0.5;
}
#game_stats .line .bar .home {
    left: 0;
}
#game_stats .line .bar .away {
    right: 0;
}
#game_stats .line .data {
    width: 10%;
    text-align: center;
    font-size: 1.80em;
    line-height: 1;
    font-weight: 500;
}
#game_stats .line .title {
    flex: 3;
    display: flex;
    align-items: center;
    align-content: center;
    text-transform: uppercase;
}
#game_stats .line .title span {
    background: #eee;
    margin: auto;
    padding: 0.15em 0.50em;
    font-weight: 500;
    border: 1px solid #ccc;
    line-height: 1;
}
#game_content,
#game_duels,
#game_related,
#competition_scorers,
#competition_history {
    width: 70vw;
    display: flex;
    flex-direction: column;
    margin: auto;
    max-width: 100%;
}
span#sources {
    text-align: right;
}
#club_content .message,
#game_duels .message,
#game_form .message,
#game_content .message,
#game_related .message,
#competition_scorers .message {
    width: 100%;
    padding: 0.25em 0;
    font-weight: 500;
    font-size: 1.50em;
    text-align: center;
}
#game_duels .stats,
#game_duels .stats .title {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: auto;
    font-weight: 500;
    font-size: 1.15rem;
}
#game_duels .stats .title span {
    text-align: center;
}
#game_duels .stats .title span:first-child {
    font-size: 3.00em;
}
#game_duels .stats .bar {
    position: relative;
    height: 2.00em;
    width: 90%;
    left: 5%;
    right: 5%;
    border: 1px solid #ccc;
    box-sizing: border-box;
    background: #ddd;
}
#game_duels .stats .bar_explain {
    position: relative;
    height: 2.00em;
    width: 90%;
    left: 5%;
    right: 5%;
}
#game_duels .stats .bar_explain div {
    text-align: center;
    position: absolute;
}
#game_duels .stats .bar_explain div:first-child {
    left: 0;
}
#game_duels .stats .bar_explain div:last-child {
    right: 0;
}
#game_duels .stats .bar .home,
#game_duels .stats .bar .draw,
#game_duels .stats .bar .away {
    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}
#game_duels .stats .bar span {
    background: #eee;
    margin: auto;
    padding: 0.15em 0.50em;
    font-weight: 500;
    border: 1px solid #ccc;
    line-height: 1;
    display: none;
}
#game_duels .stats .bar div:hover span {
    display: initial;
}
#game_duels .stats .bar .home {
    left: 0;
}
#game_duels .stats .bar .away {
    right: 0;
}
#game_duels .stats .details_bar {
    width: 90%;
    margin: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
    padding-top: 0.50em;
}
#game_duels .stats .details_bar .bar {
    width: auto;
    flex: 4;
    background: none;
    border: none;
    position: relative;
    left: auto;
    right: auto;
}
#game_duels .stats .details_bar .title {
    flex: 1.5;
}
#game_duels .stats .details_bar .data {
    flex: 1;
    font-size: 1.50em;
}
#game_duels .stats .details_bar .bar .home,
#game_duels .stats .details_bar .bar .away {
    border: 1px solid #ccc;
    box-sizing: border-box;
}
#game_duels .stats .details_bar .bar .home {
    right: 0;
    left: auto;
}
#game_duels .stats .details_bar .bar .away {
    right: auto;
    left: 0;
}
#game_duels_last {
    width: 100%;
    display: flex;
    flex-direction: row;
}
#game_duels_last .game:first-child {
    margin-right: 1.25vw;
}
#game_duels_last .game:last-child {
    margin-left: 1.25vw;
}
#game_duels_last .game {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    font-weight: 500;
    color: #222;
    border: none;
    text-shadow: none;
}
#game_duels_last .game .team {
    position: absolute;
    height: 100%;
    width: 50%;
    text-align: center;
    z-index: -1;
    filter: grayscale(50%);
    opacity: 0.25;
    top: 0;
    display: flex;
}
#game_duels_last .game .team span {
    display: none;
}
#game_duels_last .game .date,
#game_duels_last .game .competition {
    width: 100%;
    text-align: center;
}
#game_duels_last .game .competition img {
    display: none;
}
#game_duels_last .game .date,
#game_duels_last .game .competition,
#game_duels_last .game .score {
    /*filter: drop-shadow(0 0 5px #111)drop-shadow(0 0 5px #111);*/
    filter: drop-shadow(0 0 5px #eee)drop-shadow(0 0 5px #eee);
}
#game_duels_last .game .team.home {
    left: 0;
    right: auto;
}
#game_duels_last .game .team.away {
    left: auto;
    right: 0;
}
#game_duels_last .game .team img {
    max-height: calc(100% - 2.00rem);
    margin: auto;
    max-width: 100%;
}
#game_duels_last .game .score {
    font-size: 5.00em;
    font-weight: 500;
    white-space: nowrap;
}
#game_duels_last .game span {
    font-size: 2.00em;
    margin: auto;
}
#game_duels_last .game .score span {
    font-size: 1.00em;
}
#competition_nav {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
}

#competition_history .season,
#competition_nav div {
    padding: 0.125em 0.50em;
    line-height: 1;
    background: #ddd;
    box-sizing: border-box;
    border: 1px solid #bbb;
    border-radius: 0.25em;
    margin: 0.125em;
    cursor: pointer;
    font-weight: 500;
    font-size: 1.10em;
    flex: auto;
    text-align: center;
}
#competition_history .season {
    max-width: 25em;
    width: 50%;
    margin: 0.125em auto;
    font-size: 1.5em;
}
#competition_history .season:hover,
#competition_nav div:hover,
#competition_nav div.active {
    background: #bbb;
    border: 1px solid #999;
}
.hidden {
    display: none;
}

.calendar {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.calendar.hidden {
    display: none;
}
.calendar .game {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.375em 0;
}
.calendar .game:nth-child(odd) {
    background: linear-gradient(to left, rgba(17,17,17,0) 0%, rgba(17,17,17,0.0375) 10%, rgba(17,17,17,0.0375) 90%, rgba(17,17,18,0) 100%);
}
.calendar .game .date {
    flex: 3;
}
.panel .calendar .game .date {
    flex: 1;
}
.calendar .game .date span:last-child {
    padding-left: 0.25em;
}
.panel .calendar .game .date span:last-child {
    padding: 0;
}
.panel .calendar .game .date span:first-child {
    display: none;
}
.calendar .game .competition {
    flex: 2;
}
.calendar .game .date,
.calendar .game .competition {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    font-size: 1.10em;
}
.club .calendar .game .date {
    flex-direction: column;
}
.club .calendar .game .date span {
    padding: 0.25em 0;
    font-weight: 500;
    text-transform: uppercase;
}
.club .calendar .game .date span:nth-child(3) {
    text-transform: none;
}
.club .calendar .game .date span:nth-child(1),
.club .calendar .game .date span:nth-child(2) {
    display: none;
}
.calendar .game .competition sup {
    margin-right: 0.25em;
}
.calendar .game .competition:nth-child(2) {
    display: none;
}
.panel .calendar .game .competition:nth-child(2) {
    display: initial;
}
.calendar .game .competition:first-child {
    flex: auto;
    max-width: 3em;
}
.calendar .game .team img,
.calendar .game .competition img {
    width: 2.00em;
}
.calendar .game .team img {
    padding: 0 0.50em;
}
.calendar .game .team {
    flex: 3;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 1.15em;
    text-transform: uppercase;
}
.calendar .game .team.home {
    flex-direction: row-reverse;
}
.club .calendar .game .team {
    flex-direction: column;
    flex: 2;
}
.calendar .game .team.home span {
    text-align: right;
}
.calendar .game .score {
    flex: auto;
    display: flex;
    align-items: center;
}
.calendar .game .score span {
    margin: auto;
    font-weight: 500;
    font-size: 1.25em;
    color: #eee;
    background: #222;
    width: 3.00em;
    line-height: 1;
    padding: 0.10em 0 0.20em 0;
    text-align: center;
}
.calendar .game .score.empty span {
    color: #222;
    background: none;
}
.club .calendar .game .score span {
    font-size: 2.500em;
    width: 3.00em;
}
#game_form {
    width: 70vw;
    display: flex;
    flex-direction: column;
    margin: auto;
}
#game_form #calendars {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin: auto;
}
#game_form #calendars .calendar {
    flex: 1;
    position: relative;
    max-width: 50%;
    align-self: flex-end;
}
#game_form #calendars .calendar .img-back {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    filter: grayscale(50%);
    opacity: .075;
}
#game_form #calendars .calendar.away .game {
    flex-direction: row-reverse;
}
.calendar .game .result {
    flex: 1;
    display: flex;
    align-items: center;
}
.calendar .won,
.calendar .draw,
.calendar .lost {
    margin: auto;
    width: 1.50em;
    font-weight: 600;
    font-size: 1.25em;
    text-align: center;
    height: 1.50em;
    line-height: 1.50em;
    border-radius: 50%;
    box-sizing: border-box;
    color: #eee;
}
.calendar .won {
    background: #1f921f;
}
.calendar .draw {
    background: #666;
}
.calendar .lost {
    background: #dc3030;
}
#game_form #calendars .calendar .game .link {
    opacity: 0;
}
#game_form #calendars .calendar .game:hover .link {
    opacity: 1;
}
#game_form #calendars .calendar .game .team {
    flex: 5;
}
#game_form #calendars .calendar.home .game .team {
    flex-direction: row-reverse;
}
#game_form .calendar .position {
    display: flex;
    align-items: center;
}
#game_form .calendar .position .place {
    font-weight: 500;
    text-align: right;
    flex: 3;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
}
#game_form .calendar .position .place span {
    flex: auto;
    font-size: 1.75em;
}
#game_form .calendar .position .place span:first-child {
    font-size: 5.00em;
    opacity: .875;
}
#game_form .calendar .position .img {
    flex: 5;
    text-align: center;
    padding: 0.50em;
}
#game_form .calendar .position img {
    width: auto;
    margin: auto;
    max-width: 100%;
}
#game_form #calendars .calendar .dispersion,
#game_form #calendars .calendar .goals {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    padding: 0.50rem 15%;
}
#game_form #calendars .calendar .dispersion {
    min-height: 5.0em;
}
#game_form #calendars .calendar .goals {
    font-size: 3.00em;
    font-weight: 500;
}
#game_form #calendars .calendar .goals span,
#game_form #calendars .calendar .goals i {
    flex: 1;
    text-align: center;
}
#game_form #calendars .calendar .goals i:nth-child(2) {
    color: #1f921f;
}
#game_form #calendars .calendar .goals i:nth-child(4) {
    color: #dc3030;
}
#game_form #calendars .calendar .dispersion .result {
    flex: inherit;
    text-align: center;
    margin: auto;
}
.calendar .t0 {
    display: none;
}
.calendar .t1 {
    font-size: 1.00em;
}
.calendar .t2 {
    font-size: 1.40em;
}
.calendar .t3 {
    font-size: 1.80em;
}
.calendar .t4 {
    font-size: 2.20em;
}
.calendar .t5,
.calendar .t6 {
    font-size: 2.60em;
}
#game_form #calendars .calendar .dispersion .result span:first-child {
    display: initial;
}
#game_form #calendars .calendar .dispersion .result:hover span:first-child {
    display: none;
}
#game_form #calendars .calendar .dispersion .result span:last-child {
    display: none;
}
#game_form #calendars .calendar .dispersion .result:hover span:last-child {
    display: initial;
}
#game_form .scorer {
    display: flex;
    flex-direction: row;
}
#game_form .scorer .team {
    display: flex;
    flex-direction: row;
    flex: 1;
    max-width: 50%;
}
#game_form .scorer .team .player {
    flex: 1;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    max-width: 50%;
}
#game_form .scorer .team .player .img-back {
    width: 100%;
    position: relative;
    overflow: hidden;
}
#game_form .scorer .team .player .img-back img {
    max-width: 100%;
    margin: auto;
    margin-bottom: -5px;
    width: 75%;
}
#game_form .scorer .team .player .img-back::after {
    position: absolute;
    height: 5.00rem;
    background: linear-gradient(to bottom, rgba(241,241,241,0) 0%, rgba(241,241,241,1) 100%);
    content: "";
    width: 100%;
    bottom: 0;
    left: 0;
}
#game_form .scorer .team .player .img-back .number {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    font-size: 7.50rem;
    font-weight: 500;
    line-height: 1;
    filter: drop-shadow(0 0 0.025em #eee) drop-shadow(0 0 0.025em #eee);
}
#game_form .scorer .team .player .img-back .club {
    position: absolute;
    bottom: 10%;
    left: 10%;
    z-index: -1;
    width: 80%;
    height: 80%;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    filter: grayscale(50%);
    opacity: .075;
}
#game_form .scorer .team .player .name {
    height: 2.70em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    font-size: 1.25em;
    font-weight: 500;
}
#game_form .scorer .team .player .name span {
    height: 1.35em;
    margin: auto;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
#game_form .scorer .team .player .name span:last-child {
    text-transform: uppercase;
}
#game_form .scorer .team .player .stat {
    font-size: 2.25em;
    font-weight: 400;
    display: flex;
    padding: 0.125em 0;
    height: 1.25em;
    align-items: center;
}
#game_form .scorer .team .player .stat:nth-last-child(-n+3) {
    display: none;
}
#game_form .scorer .team .player .stat:nth-child(4),
#game_form .scorer .team .player .stat:nth-child(5) {
    height: 2.00em;
}
#game_form .scorer .team .player .stat:nth-child(5) i {
    text-align: center;
}
#game_form .scorer .team .player:hover .stat:nth-child(4),
#game_form .scorer .team .player:hover .stat:nth-child(5) {
    display: none
}
#game_form .scorer .team .player:hover .stat:nth-last-child(-n+3) {
    display: initial;
}
#game_form .scorer .team .player .stat i {
    position: relative;
    flex: 3;
    text-align: left;
    margin: auto;
}
#game_form .scorer .team .player .stat span {
    flex: 3;
    text-align: right;
    padding-right: 0.50em;
}
#game_related .calendar .game .competition {
    display: none;
}
#game_related.club .calendar .game .competition:nth-child(1),
#game_related.club .calendar .game .competition:nth-child(3) {
    display: initial;
    position: relative;
}
.club .calendar .game {
    overflow: hidden;
}
#game_related.club .calendar .game .competition img {
    position: absolute;
    left: -87.5px;
    top: -87.5px;
    width: 175px;
    opacity: 0.5;
    z-index: -1;
}
#game_related.club .calendar .game .team img {
    padding: 0.125em;
    padding-bottom: .375em;
    width: 100px;
}
#game_related #competition-table {
    font-size: 1.25em;
    font-weight: 500;
    padding: 0.250em 0;
}
#game_related #competition-table tr td:nth-child(2),
#game_related #competition-table tr th:nth-child(2) {
    display: flex;
    justify-content: left;
    text-transform: uppercase;
}
#game_related #competition-table tr td:nth-child(2) img {
    margin-right: 1.00em;
}
#game_related #competition-table tr td {
    padding: 0.50rem 0;
}
#game_content .articles a .article .infos .game {
    opacity: 0;
}
#competition_articles .articles a .article .infos .game .competition {
    display: none;
}
#articles_content .articles a,
#club_content .articles a,
#competition_articles .articles a,
#game_content .articles a {
    min-width: calc(100% / 3);
    max-width: calc(100% / 3);
}
#articles_content .articles,
#club_content .articles,
#competition_articles .articles,
#game_content .articles {
    padding: 0;
}
#articles_content .articles a:nth-child(3n+1),
#club_content .articles a:nth-child(3n+1),
#competition_articles .articles a:nth-child(3n+1),
#game_content .articles a:nth-child(3n+1) {
    padding-left: 0;
}
#articles_content .articles a:nth-child(3n),
#club_content .articles a:nth-child(3n),
#competition_articles .articles a:nth-child(3n),
#game_content .articles a:nth-child(3n) {
    padding-right: 0;
}
#club_content .articles a:nth-child(4),
#competition_articles .articles a:nth-child(4),
#club_content .articles a:nth-child(5),
#competition_articles .articles a:nth-child(5),
#club_content .articles a:nth-child(6),
#competition_articles .articles a:nth-child(6) {
    display: none;
}
#calendar_panel,
#competition_articles {
    display: flex;
    flex-direction: column;
    margin: auto;
    margin-top: 1.00em;
    width: 70vw;
}
#calendar_header {
    width: 100%;
    display: flex;
    text-align: center;
    font-size: 1.25em;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0.50em;
    position: relative;
    margin-bottom: 1.00em;
}
#calendar_header::after {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(to left, #eee 0%, #222 10%, #222 90%, #eee 100%);
    content: "";
    width: 80%;
    height: 4px;
    margin: auto;
}
#calendar_header #left_calendar,
#calendar_header #right_calendar {
    flex: 2;
    display: flex;
    align-items: center;
    align-content: center;
    opacity: 0.75;
    cursor: pointer;
}
#calendar_header #left_calendar a,
#calendar_header #right_calendar a {
    width: 100%;
}
#calendar_header #left_calendar a {
    text-align: left;
}
#calendar_header #right_calendar a {
    text-align: right;
}
#calendar_header #left_calendar:hover,
#calendar_header #right_calendar:hover {
    opacity: 1;
}
#calendar_header #main_calendar {
    font-size: 1.15em;
    flex: 5;
}
#calendar_header i {
    padding: 0 0.50em;
}
#calendar_header span {
    flex: 2;
    font-size: 0.75em;
    opacity: 0;
}
#calendar_header #left_calendar span {
    text-align: left;
}
#calendar_header #right_calendar span {
    text-align: right;
}
#calendar_header #left_calendar:hover span,
#calendar_header #right_calendar:hover span {
    opacity: 1;
}
#calendar_panel .week {
    height: 7.50em;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
#calendar_panel .week .day {
    background: #eee;
    max-width: calc((100% / 7) - 0.50em);
    min-width: calc((100% / 7) - 0.50em);
    box-sizing: border-box;
    margin: 0.25em;
    border: 1px solid #ccc;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 0;
    overflow: hidden;
    border-radius: 0.25em;
}
#calendar_panel .week .day.last {
    opacity: 0.25;
}
#calendar_panel .week .day.active {
    cursor: pointer;
    box-shadow: 0 0 1px rgba(17,17,17,0.5);
}
#calendar_panel .week .day.active:hover {
    box-shadow: 0 0 1px rgba(17,17,17,1);
}
#calendar_panel .week .day .name {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.875em;
    padding: 0.125em 0;
    background: rgba(17,17,17,.1);
}
#calendar_panel .week .day .number {
    position: absolute;
    z-index: -1;
    width: 100%;
    text-align: center;
    bottom: 0;
    left: 0;
    font-size: 5.00em;
//color: #ccc;
    color: rgba(17,17,17,.1);
}
#calendar_panel .week .day span {
    text-align: center;
    width: 100%;
    font-size: 3.50em;
    font-weight: 500;
    line-height: 1.50em;
    position: relative;
}
#calendar_panel .week .day span i {
    padding: 2px;
    text-align: center;
}
#calendar_panel .week .day span i:first-child {
    background-color: #eee;
    border-radius: 50%;
    padding: 2px;
    text-align: center;
}
#calendar_panel .week .day span i:last-child {
    display: none;
}
#calendar_panel .week .day:hover span i:last-child {
    display: initial;
}
#calendar_panel .week .day:hover span i:first-child {
    display: none;
}
#day_panel .panel {
    display: none;
}
#day_panel .panel.open {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(34,34,34,0.95);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 200;
    display: flex;
}
#day_panel .panel.open .calendar {
    background: #eee;
    margin: auto;
    box-sizing: border-box;
    padding: 0.50em;
    border: 4px solid #222;
    position: relative;
    padding-top: .5em;
    max-width: 75%;
    max-height: 75%;
}
#day_panel .panel.open .calendar .close {
    position: absolute;
    right: 0.35em;
    top: 0.15em;
    font-size: 2.00em;
    cursor: pointer;
    z-index: 10;
}
#day_panel .panel.open .calendar .close:hover {
    color: red;
}
#competition_scorers .player {
    display: flex;
    align-items: center;
    font-size: 1.10em;
    font-weight: 500;
    width: 100%;
}
#competition_scorers .player .position {
    flex: 1;
    text-align: right;
    max-width: 2.50rem;
    font-size: 1.50em;
}
#competition_scorers .player .picture {
    min-width: 5.00em;
    text-align: center;
    overflow: hidden;
    padding-top: 0.15em;
}
#competition_scorers .player .picture img {
    width: 30px;
    margin: auto;
    margin-bottom: -5px;
}
#competition_scorers .player:nth-child(2) .picture img {
    width: 60px;
}
#competition_scorers .player:nth-child(3) .picture img {
    width: 50px;
}
#competition_scorers .player:nth-child(4) .picture img {
    width: 40px;
}
#competition_scorers .player .name {
    flex: 5;
}
#competition_scorers .player .name a:hover {
    text-decoration: underline;
}
#competition_scorers .player .stat {
    flex: 1;
    font-weight: 600;
    font-size: 1.25em;
    text-align: center;
}
#competition_scorers .player:nth-child(odd) {
    background: linear-gradient(to left, rgba(17,17,17,0) 0%, rgba(17,17,17,0.0375) 10%, rgba(17,17,17,0.0375) 90%, rgba(17,17,18,0) 100%);
}
#articles_content,
#club_content,
#international-calendar-content,
#international-option,
#international-info {
    width: 70vw;
    display: flex;
    flex-direction: column;
    margin: auto;
}
#international-info {
    padding: 2em 0 0 0;
    text-align: center;
    font-size: 1.5em;
    font-weight: 500;
    display: block;
}
#international-info a {
    display: inline-block;
    color: #142344;
}
#international-info img {
    width: .80em;
    display: inline-block;
    margin: 0 .25em;
}
#international-option {
    flex-direction:row;
    margin-top: .5em;
}
#international-option div {
    flex: 1;
    align-items: center;
    display: flex;
    cursor: pointer;
    padding: .5em 0;
    font-size: 1.25em;
    font-weight: 500;
}
#international-option div:hover {
    background: rgba(0,0,0,.15);
}
#international-option div:nth-child(odd) {
    flex-direction: row;
}
#international-option div:nth-child(even) {
    flex-direction: row-reverse;
}
#international-option div i {
    margin: 0 1.5em;
}
#player_content {
    display: flex;
    flex-direction: column;
    margin: auto;
    width: 70vw;

}
#player_content .load-button {
    margin: 0.25em 0.5em;
    width: calc(100% - 1.0em);
}



.info-panel {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(34,34,34,0.95);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 200;
}
.info-panel.hidden {
    display: none;
}
.info-ajax,
.info-ajax-hidden {
    font-size: 1.25em;
    text-align: justify;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    color: #222;
    padding: 1.50em;
    padding-bottom: 5px;
    overflow: hidden;
    overflow-y: auto;
    width: auto;
    max-width: 75%;
    height: auto;
    max-height: 75%;
    margin: auto;
}
.info-ajax {
    background: #eee;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    border: 4px solid #222;
    box-sizing: border-box;
    text-align: center;
}
.info-ajax #close {
    position: absolute;
    top: 5px;
    right: 9px;
    color: #222;
    font-size: 2.00rem;
    cursor: pointer;
    line-height: 1;
    z-index: 1;
}
.info-ajax #close:hover {
    color: red;
}
.info-ajax #picture {
    width: auto;
    padding: 0;
    margin-right: 25px;
    float: left;
    position: relative;
}
.info-ajax #picture img {
    width: auto;
    padding: 0;
    margin: 0;
}
.info-ajax #content {
    padding: 10px 0;
    font-size: 1.25em;
    text-indent: 25px;
    line-height: 1.50em;
}
#title-ajax {
    font-size: 1.75em;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 25px;
}
#date-ajax {
    font-size: 0.75em;
    font-weight: 100;
}
#info-ajax #picture #copyright {
    text-shadow: 1px 1px 0 #444, 1px 0px 0 #444, 1px -1px 0 #444,
    -1px 1px 0 #444, -1px 0px 0 #444, -1px -1px 0 #444,
    0px 1px 0 #444, 0px 0px 0 #444, 0px -1px 0 #444;
    position: absolute;
    color: #ddd;
    bottom: 5px;
    right: 5px;
    font-size: 1.00em;
}
#info-ajax #quickAccess {
    width: 100%;
    font-size: 0.85em;
}
#info-ajax #quickAccess .article-player {
    width: 32.33%;
}
#info-ajax #quickAccess .article-club {
    width: 32.33%;
}
#info-ajax #quickAccess .article-game {
    width: 49%;
}
#info-ajax #quickAccess .article-player,
#info-ajax #quickAccess .article-club,
#info-ajax #quickAccess .article-game {
    box-sizing: border-box;
    margin: 5px 0.5%;
    float: left;
    background: none;
    border-color: rgba(255,255,255,0.15);
}
#info-ajax #quickAccess .article-player:hover,
#info-ajax #quickAccess .article-club:hover,
#info-ajax #quickAccess .article-game:hover {
    background: rgba(255,255,255,0.15);
    border-color: rgba(255,255,255,0.25);
}
#game-ajax {
    width: 100%;
    font-size: 1.00em;
    display: flex;
    flex-direction: row;
    align-items: center;
}
#game-ajax #home,
#game-ajax #away {
    flex: 35;
}
#game-ajax #score {
    flex: 30;
}
#competition-ajax {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: center;
}
#teams-ajax {
    width: 100%;
    text-align: center;
    font-size: 2.25em;
    border-top: 2px solid #eee;
    border-bottom: 2px solid #eee;
    margin: 15px auto;
    padding: 8px 0 11px 0;
    line-height: 1.00em;
    letter-spacing: 1px;
}
#teams-ajax {
    width: 100%;
    text-align: center;
    font-size: 2.25em;
    border-top: 2px solid #222;
    border-bottom: 2px solid #222;
    margin: 15px auto;
    padding: 8px 0 11px 0;
    line-height: 1.00em;
    letter-spacing: 1px;
}
#time-ajax {
    width: 100%;
    text-align: left;
    font-size: 1.25rem;
    font-weight: 500;
    color: #111;
    margin: 15px auto;
    line-height: 1.00em;
    letter-spacing: 1px;
    display: flex;
    flex-direction: row;
}
#time-ajax span {
    flex: 1;
    padding: 5px;
    background: #eee;
}
#time-ajax span:nth-child(even) {
    font-weight: 600;
    flex: 1.5;
}
#map-ajax,
#map-ajax iframe {
    width: 100%;
    height: 275px;
}
#map-ajax iframe {
    border: 1px solid #222;
    box-sizing: border-box;
    border-top: none;
    margin-top: -1px;
}
#address-ajax {
    display: flex;
    flex-direction: column;
    text-align: center;
    line-height: 1;
    margin-top: 0.50em;
    box-sizing: border-box;
    border: 1px solid #222;
}
#address-ajax span:first-child {
    background: #222;
    font-weight: 600;
    text-transform: uppercase;
    color: #eee;
}
#address-ajax span {
    padding: 5px;
}
#game-ajax #info {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: center;
    font-size: 1.25rem;
    flex: 30;
}
#game-ajax #info img,
#competition-ajax img {
    width: auto;
    margin: auto;
}
#game-ajax #info img {
    margin-bottom: 5px;
}
#game-ajax #info span {
    position: relative;
    padding: 2px;
}
#game-ajax #info span:last-child {
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 500;
}
#game-ajax #info span::after {
    content: "";
    position: absolute;
    width: 6%;
    left: 47%;
    top: 0;
    height: 1px;
    background: rgba(241,241,241,0.125);
}
#game-ajax #home,
#game-ajax #away,
#game-ajax #score {
    margin: 0;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
}
#game-ajax #home img,
#game-ajax #away img {
    margin: auto;
    width: auto;
    height: auto;
}
#game-ajax #score #score-box {
    color: #111;
    background: #eee;
    font-size: 6.00em;
    flex: 1;
    line-height: 1.00em;
    /*! padding-bottom: 15px; */
}
#info-ajax #selection {
    display: flex;
    flex-direction: row;
}
#info-ajax #home-selection,
#info-ajax #away-selection {
    flex: 1;
    flex-direction: column;
    box-sizing: border-box;
}
#info-ajax #home-selection {
    text-align: right;
    border-right: 1px solid #eee;
    padding-right: 15px;
}
#info-ajax #away-selection {
    text-align: left;
    border-left: 1px solid #eee;
    padding-left: 15px;
}
#info-ajax .player {
    width: 100%;
    display: flex;
    flex-direction: row;
}
#info-ajax .player .name {
    flex: 8;
}
#info-ajax .player .stat {
    flex: 1;
}
#info-ajax #home-selection .player .stat {
    margin-left: 15px;
}
#info-ajax .player .stat i {
    margin-left: 5px;
}
#info-ajax #away-selection .player .stat {
    margin-right: 15px;
}
.calendar .game .link,
#game_duels_last .game .link,
#info-ajax .link {
    text-align: center;
    color: #eee;
    background: #333;
    font-weight: 400;
    cursor: pointer;
    line-height: 1;
    padding: 5px;
    margin: 0 2.5px;
    font-size: 0.85rem;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
}
.calendar .game .link,
#game_duels_last .game .link,
#info-ajax .link {
    background: #222;
}
.calendar .game .link:hover,
#game_duels_last .game:hover .link,
#info-ajax .link:hover,
#matchfeed.link {
    background: rgba(0,153,204,1);
}
#info-ajax .link {
    margin-top: 1.00em;
    font-size: 1.00em;
    margin: .5em auto;
    display: block;
    max-width: 12em;
}
.calendar .game .link i,
#game_duels_last .game .link i,
#info-ajax .link i {
    margin-right: 5px;
    font-size: 0.85em;
}
#game_duels_last .game .link {
    margin-top: 0.50em;
}
.loader.hide {
    animation: none;
    display: none;
}
.loader {
    border-radius: 50%;
    width: 160px;
    height: 160px;
    animation: spin 2s linear infinite;
    position: fixed;
    top: calc((100% - 200px) / 2);
    left: calc((100% - 200px) / 2);
    z-index: 10000;
    background: rgba(238,238,238,1);
    box-shadow: 0 0 0 10px rgba(238,238,238,1);
    z-index: 1000;
    filter: drop-shadow(0 0 5.00em #eee);
}
.loader::after {
    content: "";
    top: -2px;
    left:-2px;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50%;
    background: linear-gradient(to bottom, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 50%, #000 100%);
    border: 2px solid rgba(238,238,238,1);
    z-index: 10;
    opacity: 0.50;
}
.loader::before {
    z-index: 11;
    content: "";
    top: 5%;
    left:5%;
    width: 90%;
    height: 90%;
    background: rgba(238,238,238,1);
    position: absolute;
    border-radius: 50%;
}
.loader img {
    z-index: 10000;
    position: absolute;
    top: calc((100% - 60px) / 2);
    left: calc((100% - 60px) / 2);
    opacity: 0.50;
}
#wearefutsal {
    width: 100%;
    max-width: 350px;
    margin-bottom: 1.00em;
}
#footer {
    background: #222;
    margin-top: 1.50em;
    text-align: center;
    color: #eee;
}
#footer .social {
    display: flex;
    justify-content: center;
}
#footer .social a {
    margin: 0.25rem 1.00rem;
    height: 2.5rem;
    width: 2.5rem;
    background-position: center center;
    background-size: 100%;
    border: 0.075em solid #eee;
}
#footer .social a:hover {
    background-size: 120%;
}
#footer .title {
    font-weight: 500;
    justify-content: center;
    display: inline-block;
    width: auto;
    border-bottom: 1px solid #eee;
    margin: auto;
    padding: 0 2.50em;
    padding-left: 0;
    padding-bottom: 3px;
    margin-bottom: 5px;
    font-size: 1.25em;
    margin-top: 1.00em;
}
#footer .title span {
    border-bottom: 3px solid;
    padding: 0 0.50em;
}
#footer .links {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: left;
    padding: 0.50em 25%;
}
#footer .links div {
    display: flex;
    flex-direction: column;
    flex: 1;
}
#footer .links div a {
    flex: 1;
}
#footer .links span {
    padding-left: 0.50em;
}
#footer .links strong {
    font-weight: 600;
}
#footer .bottom #line a:hover,
#footer .links a:hover {
    text-decoration: underline;
}
#footer .bottom {
    padding: 0.50em;
    padding-top: 1.00em;
    width: 100%;
    background: rgba(0,0,0,0.5);
    box-sizing: border-box;
}
#footer .partners {
    padding: 0.50em;
    padding-top: 0;
    margin-top: 1.00em;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
//background: rgba(0,0,0,0.25);
    box-sizing: border-box;
}
#footer .partners img {
    padding: 0.25em 1.00em;
    opacity: 0.75;
}
#footer .partners img:hover {
    opacity: 1;
}
#footer .bottom #line {
    padding: 0.25em 1.00em;
    margin: auto;
    margin-top: 1.00em;
    display: flex;
    flex-direction: row;
    max-width: 800px;
    position: relative;
}
#footer .bottom .logo {
    width: 100%;
    position: relative;
}
#footer .bottom .logo img {
    width: 150px;
}
#footer .bottom .logo::before,
#footer .bottom .logo::after {
    width: calc(50% - 80px);
    content: "";
    height: 1px;
    background: #eee;
    top: 15.5px;
    position: absolute;
}
#footer .bottom .logo::before {
    left: 0;
}
#footer .bottom .logo::after {
    right: 0;
}
#footer .bottom #line a,
#footer .bottom #line span {
    flex: 1;
}

#user-connect {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    background: rgba(239,239,239,1);
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
}
#user-connect.hidden {
    display: none;
}
#user-connect .connect-body {
    text-align: center;
    border: 3px solid;
    border-radius: 0.50em;
    padding: 0 .50em;
    position: relative;
    padding-top: 1.00em;
    margin-top: 1.50em;
    padding-bottom: .50em;
}
#user-connect form {
    text-align: left;
}
#user-connect .connect-body h1 {
    background: rgba(239,239,239,1);
    display: initial;
    position: absolute;
    top: -1.5em;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 130px;
}
#user-connect #connect-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .50em;
    font-size: 2.00em;
    cursor: pointer;
}
#user-connect .form-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.00rem;
    font-weight: 500;
    min-width: 250px;
}
#user-connect .form-group label {
    margin-bottom: .15rem;
    font-size: 1.25em;
    text-indent: 5%;
}
#user-connect .form-group input {
    border-radius: .5em;
    border: 2px solid #bbb;
    padding: .5em;
    font-size: .90em;
}
#user-connect .button {
    border-radius: .5em;
    border: 2px solid #bbb;
    padding: .5em;
    font-family: inherit;
    font-weight: 600;
    font-size: 1.00rem;
    text-align: center;
    color: #eee;
}
#user-connect #button-group {
//flex-direction: row;
}
#user-connect #button-group.form-group {
    margin-bottom: unset;
}
#user-connect #button-group .button {
    flex: 1;
    cursor: pointer;
    margin-bottom: .25em;
}
#user-connect #button-group .button.connect {
    background: #39b4ff;
    border-color: #2079d7;
    text-shadow: 0 0 5px #2079d7;
}
#user-connect #button-group .button.connect:hover {
    background: #2079d7;
}
#user-connect #button-group .button.pw {
    background: #e34453;
    border-color: #bb1525;
    text-shadow: 0 0 5px #bb1525;
}
#user-connect #button-group .button.pw:hover {
    background: #bb1525;
}
#user-connect #button-group .button.reg {
    background: #67c175;
    border-color: #459351;
    text-shadow: 0 0 5px #459351;
    margin-bottom: 0;
}
#user-connect #button-group .button.reg:hover {
    background: #459351;
}

.content {
    margin: auto;
    width: 70vw;
    font-size: 1.25rem;
    line-height: 1.25;
    margin-top: 0.50em;
}
.content a {
    font-weight: 600;
}
.content a:hover {
    text-decoration: underline;
}
.content a.author:hover {
    text-decoration: unset;
}


/*       Player Selection AJAX       */

#player-ajax {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}
#player-ajax .picture {
    width: 18.00em;
    position: relative;
    z-index: 0;
    flex: 3;
}
#player-ajax .picture img {
    width: 100%;
    max-width: 18.00em;
    z-index: 1;
}
#player-ajax .back {
    height: 100%;
    width: 100%;
    position: absolute;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    bottom: 0;
    filter: blur(2px);
    opacity: 0.15;
    z-index: 0;
}
#player-ajax #player-ajax-infos {
    flex: 5;
    display: flex;
    flex-direction: column;
    text-align: left;
    height: 24.00em;
    padding-left: 2.00em;
    z-index: 0;
}
#player-ajax #player-ajax-infos #name {
    flex: 4;
    font-size: 2.50em;
    font-weight: 500;
    align-items: center;
    align-content: center;
    display: flex;
}
#player-ajax #player-ajax-infos #player-ajax-stats {
    flex: 4;
    display: flex;
    flex-direction: column;
    padding-left: 12rem;
}
#player-ajax #player-ajax-infos #player-ajax-stats .goals {
    flex: 1;
    display: flex;
    flex-direction: row;
    font-size: 1.25em;
    font-weight: 500;
    align-items: center;
}
#player-ajax #player-ajax-infos #player-ajax-stats .goals span:first-child {
    flex: 2;
    text-align: right;
}
#player-ajax #player-ajax-infos #player-ajax-stats .goals span:last-child {
    flex: 8;
}
#player-ajax #player-ajax-infos #player-ajax-stats .goals i {
    flex: 1;
    text-align: center;
    font-size: 0.80em;
}
#player-ajax #player-ajax-infos #player-ajax-stats #player-ajax-cards {
    flex: 2;
    display: flex;
    flex-direction: row;
}
#player-ajax-cards .yellow-card,
#player-ajax-cards .yellow-red-card,
#player-ajax-cards .red-card {
    position: relative;
    height: 5.00em;
    overflow: hidden;
    width: 5.00em;
}
#game_lineups #listing .team .player .info .stats .yellow-card,
#game_lineups #listing .team .player .info .stats .yellow-red-card,
#game_lineups #listing .team .player .info .stats .red-card {
    display: inline-block;
    width: 1.00em;
    height: 1.00em;
    position: relative;
}
.yellow-card::after,
.yellow-red-card::after,
.red-card::after {
    content: "";
    position: absolute;
    width: 2.00em;
    height: 60%;
    bottom: 20%;
    top: 20%;
    left: 40%;
    right: 40%;
    transform: rotate(5deg);
    filter: drop-shadow(1px 1px 1px #000);
}
.seasons_data .line .selection-data div .yellow-card::after,
.seasons_data .line .selection-data div .yellow-red-card::after,
.seasons_data .line .selection-data div .red-card::after {
    content: "";
    position: absolute;
    width: .8em;
    height: 1.00em;
    bottom: .5em;
    top: .5em;
    left: auto;
    right: 0.50em;
    transform: rotate(5deg);
    filter: drop-shadow(1px 1px 1px #000);
}
#game_lineups #listing .team .player .info .stats .yellow-card::after,
#game_lineups #listing .team .player .info .stats .yellow-red-card::after,
#game_lineups #listing .team .player .info .stats .red-card::after {
    width: 0.55em;
    left: 0.25em;
    right: 0;
    bottom: 0;
    height: 80%;
}
.yellow-card::after {
    background: yellow;
}
.yellow-red-card::after {
    background: linear-gradient(135deg, yellow 35%, red 65%);;
}
.red-card::after {
    background: red;
}

#player-ajax .jersey {
    left: calc(3/8 * 100%);
    top: 50%;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

#player-ajax .jersey img.shirt {
    left: unset;
    right: unset;
}
.fa-futbol-o,
.fa-futbol {
    position: relative;
}
.fa-futbol.m10::after,
.fa-futbol.pen::after {
    position: absolute;
    bottom: auto;
    top: calc(50% - 0.75em - 1px);
    font-size: 0.50em;
    z-index: 1;
    color: #222;
    font-weight: 600;
    width: 1.5em;
    height: 1.5em;
    background: #eee;
    border-radius: 25%;
    border: 2px solid #222;
    left: 1.20em;
    text-align: center;
    line-height: 1.20em;
    box-sizing: border-box;
    font-family: 'Barlow Condensed', sans-serif;
}
#player-ajax .fa-futbol.m10::after,
#player-ajax .fa-futbol.pen::after {
    left: calc(50% + 8px - 1.00em);
}
.fa-futbol.m10::after {
    content: "10";
}
.fa-futbol.m10,
.fa-futbol.pen {
    padding-right: 8px;
}
.fa-futbol.pen::after {
    content: "P";
}
.miss {
    color: #e24a4a;
}
.fa-futbol.m10.miss::after,
.fa-futbol.pen.miss::after {
    color: #e24a4a;
    border-color: #e24a4a;
}
.fa-futbol.m10:after,
.fa-futbol.pen::after {
    background: #222;
    color: #eee;
    border-color: #eee
}
#game_menu_header {
    display: none;
}

.article-tags {
    margin: auto;
    margin-top: 1.00em;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    margin-bottom: 1.00em;
}
.article-tags a {
    box-sizing: border-box;
    cursor: pointer;
    padding: 0.25em 0.50em;
    margin: 0;
    margin-right: .50em;
    margin-bottom: .50em;
    line-height: 1.00em;
    color: #eee;
    font-size: 1.00rem;
    background: #09c;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
}
.article-tags a:hover {
    background: linear-gradient(to bottom, rgba(0,153,204,1) 0%, rgba(0,102,136,1) 100%);
}
.article-tags a:last-child {
    margin-right: 0;
}

#share_box {
    margin: auto;
    margin-top: 1.00em;
    display: flex;
    flex-direction: row;
    width: 100%;
    max-width: 700px;
    padding: 0 0.50em;
    box-sizing: border-box;
    justify-content: center;
}
#share_box .share {
    box-sizing: border-box;
    text-align: left;
    cursor: pointer;
    padding: 0.25em 0.50em;
    margin: 0 0.375em;
    line-height: 1;
    border-radius: 0.25em;
    border: 1px solid rgba(0,0,0,0);
    color: #eee;
    text-shadow: 0 0 2px #111;
    font-size: 1.00rem;
    width: 6.00rem;
}
#article-body #share_box,
#club_content #share_box {
    margin: 0.5em 0;
    padding: 0;
    max-width: none;
}
#article-body #share_box .share,
#club_content #share_box .share {
    flex: 1;
    border-radius: unset;
    text-align: center;
}
#share_box .share:hover span:last-child {
    display: block;
    text-align: center;
}
#share_box .share:first-child {
    margin-left: 0;
}
#share_box .share:last-child {
    margin-right: 0;
}
#share_box .share i {
    padding-right: 0.50em;
}
#share_box .share:hover {
    border-color: #eee;
}
#share_box .share.linkedin {
    background-color: #016196;
}
#share_box .share.envelope {
    background-color: #00688a;
}
#share_box .share.twitter {
    background-color: #1c9cea;
}
#share_box .share.google-plus-g {
    background-color: #cf472d;
}
#share_box .share.facebook {
    background-color: #395693;
}
#share_box .share.myfweb {
    background-color: rgb(1,152,205);
    width: 26rem;
    display: flex;
    align-items: center;
    font-size: 1.75em;
    justify-content: center;
    height: 1.5em;
}
#share_box .share.myfweb img {
    box-shadow: none;
    text-shadow: none;
    filter: none;
    width: 2rem;
    height: 2rem;
    margin: 0;
    padding: 0;
    display: inline-block;
    padding-right: 0.50em;
    filter: drop-shadow(0 0 1px rgba(0,0,0,.35));
}
#share_box .share:hover span,
#share_box .share:hover i,
#share_box .share:hover img,
#share_box .share span:last-child {
    display: none;
}
#share_box .fab.fa-linkedin:hover,
#share_box .far.fa-envelope:hover,
#share_box .fab.fa-twitter:hover,
#share_box .fab.fa-google-plus-g:hover,
#share_box .fab.fa-facebook:hover {
    color: inherit;
}
#page-content.error-page {
    text-align: center;
    padding-top: 1.00em;
    font-size: 1.50em;
}
#page-content.error-page i {
    font-size: 10.00em;
    color: red;
}

#posts_content {
    display: flex;
    flex-direction: column;
    font-family: 'Poppins', sans-serif;
    font-size: .9rem;
    position: relative;
    margin: auto;
    max-width: 1200px;
    width: calc(100% - 20px);
    /*margin-bottom: 15px;*/
}
.notifications-box .title,
#posts_content .title {
    position: absolute;
    font-weight: 700;
    font-size: .65em;
    text-transform: uppercase;
    opacity: 0;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    top: .25em;
    text-align: center;
    line-height: 1;
    height: 2em;
    padding: 0;
    transition: opacity .5s;
    z-index: 1;
}
.notifications-box .title span,
#posts_content .title span {
    background: #ddd;
    padding: .25em 0.75em;
    border-radius: 0 0 1em 1em;
    margin: auto;
    box-shadow: 0 0 2px #999;
}
.notifications-box:hover .title,
#posts_content .profile-column div:hover .title,
#posts_content .profile-column a:hover .title {
    opacity: 1
}
#posts_content .profile-body {
    border: none;
    background: none;
    border-radius: 0;
    display: flex;
    flex-direction: row;
}
#posts_content .posts-header,
#posts_content .profile-header,
#posts_content .profile-body {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    z-index: 0;
    box-sizing: border-box;
    position: relative;
}
#posts_content .profile-header {
    border: 1px solid #ddd;
    background: rgb(233, 233, 233);
    border-radius: 5px;
    margin-top: 15px;
    overflow: hidden;
}
#posts_content .posts-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 1.5em;
    color: #ccc;
    margin-bottom: 10px;
    margin-top: 15px;
    border: 1px solid #ddd;
    background: rgb(233, 233, 233);
    border-radius: 5px;
    line-height: 1;
    position: fixed;
    z-index: 101;
    box-sizing: border-box;
    flex-wrap: wrap;
    width: calc(100% - 20px);
}
.posts-header-back {
    height: 53px;
}
#posts_content .posts-header-back::before {
    position: fixed;
    top: 2rem;
    width: calc(100% + 2px);
    left: -1px;
    height: 68px;
    background: linear-gradient(to top, rgba(240,240,240,0) 0%, rgba(240,240,240,1) 10px, rgba(240,240,240,1) 100%);
    content: '';
    z-index: 1;
}
#posts_content .posts-header a {
    flex: 1;
    text-align: center;
    padding: .25em 0;
    position: relative;
    cursor: pointer;
}
#posts_content .posts-header a:first-child {
    display: none;
}
#posts_content .posts-header a.active {
    color: #666;
}
#posts_content .posts-header a:hover {
    color: #444;
}
#posts_content .posts-header a span {
    display: none;
}
#posts_content .posts-header a img {
    width: 1em;
    filter: grayscale(100%);
    opacity: .25;
}
#posts_content .posts-header a:hover img,
#posts_content .posts-header a.active img {
    filter: grayscale(0%);
    opacity: .875;
}
.posts-search-options {
    width: 100%;
    display: flex;
    flex-direction: row;
}
.posts-search-options input {
    flex: 1;
}
.posts-search-options .load-button {
    flex: 1;
}
#posts_content .profile-body .profile-column {
    flex: 1;
    margin-right: 15px;
    height: auto;
    display: flex;
    flex-direction: column;
    align-self: flex-start;
}
#posts_content .post-no-content,
#posts_content .profile-body .profile-description,
#posts_content .profile-body #profile-album-no-content,
#posts_content .profile-body .profile-album,
#posts_content .profile-body #profile-articles-no-content,
#posts_content .profile-body .profile-articles,
#posts_content .profile-body #profile-publications,
#posts_content .profile-body #profile-gallery,
#posts_content .profile-body #profile-player {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ddd;
    background: rgb(233, 233, 233);
    border-radius: 5px;
    margin-top: 15px;
    height: auto;
    padding: 0.5em;
    font-size: 1.15em;
    line-height: 1.5;
    position: relative;
    overflow: hidden;
}
#posts_content .profile-body #profile-player {
    padding: 5px;
}
#posts_content .profile-body .profile-album,
#posts_content .profile-body .profile-articles,
#posts_content .profile-body #profile-gallery {
    flex-direction: row;
    align-items: center;
    display: flex;
    align-self: flex-start;
    padding: 0;
    flex-wrap: wrap;
}
#posts_content .profile-body .profile-articles {
    flex-direction: column;
    align-items: center;
    justify-content: left;
    padding: 5px;
}
#posts_content .profile-body #profile-publications,
#posts_content .profile-body #profile-gallery {
    padding: 0;
    border: none;
    background: none;
}
#posts_content .profile-body .profile-album .picture {
    width: calc((100% - 20px) / 3);
    margin: 5px;
    height: 7em;
    background-color: #ddd;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #bcbcbc;
    position: relative;
    overflow: hidden;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
#posts_content .profile-body #profile-publications .article,
#posts_content .profile-body .profile-articles .article {
    background-color: #ddd;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #bcbcbc;
    position: relative;
    overflow: hidden;
    z-index: 0;
    display: flex;
    align-items: stretch;
    justify-content: center;
    margin: auto;
    flex: 1;
    margin-left: 0px;
    margin-bottom: 5px;
    width: 100%;
    min-height: 3.75em;
}
#posts_content .profile-body .profile-articles .article:last-child,
#posts_content .profile-body .profile-articles .article:nth-child(6) {
    margin-bottom: 0;
}
#posts_content .profile-body #profile-publications .article {
    height: 8em;
    background-color: rgb(233,233,233);
    margin-bottom: 15px;
}
#posts_content .profile-body #profile-publications .article .back,
#posts_content .profile-body .profile-articles .article .back {
    flex: 2;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
#posts_content .profile-body #profile-publications .article .infos,
#posts_content .profile-body .profile-articles .article .infos {
    flex: 5;
    display: flex;
    flex-direction: column;
    font-weight: 600;
    font-size: .9em;
    line-height: 1.25;
    padding: .25em;
    position: relative;
}
#posts_content .profile-body #profile-publications .article .infos:after {
    content: '';
    position: absolute;
    background: linear-gradient(to bottom, rgba(233,233,233,0) 0%, rgba(233,233,233,1) 100%);
    width: 100%;
    height: 5em;
    bottom: 0;
    left: 0;
}
#posts_content .profile-body #profile-publications .article .infos span:nth-child(2),
#posts_content .profile-body .profile-articles .article .infos span:last-child {
    padding-top: .125em;
}
#posts_content .profile-body #profile-publications .article .infos span:nth-child(2):hover,
#posts_content .profile-body .profile-articles .article .infos span:last-child:hover {
    color: dodgerblue;
}
#posts_content .profile-body #profile-publications .article .infos span:first-child,
#posts_content .profile-body .profile-articles .article .infos span:first-child {
    font-weight: 500;
    font-size: .75em;
}
#posts_content .profile-body #profile-publications .article .infos span:last-child {
    font-weight: 400;
    font-size: .8em;
    text-align: justify;
    padding-top: .125em;
}
#posts_content .profile-body #profile-publications .article .infos span:last-child p {
    padding: 0;
    margin: 0;
}
#posts_content .profile-body #profile-gallery .picture {
    width: calc((100% - 45px) / 4);
    margin: 0 15px 15px 0;
    height: 12em;
    background-color: #ddd;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #bcbcbc;
    position: relative;
    overflow: hidden;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
#posts_content .profile-body #profile-gallery .picture:nth-child(4n) {
    margin-right: 0;
}
#posts_content .profile-body .profile-album .picture i,
#posts_content .profile-body #profile-gallery .picture i {
    z-index: 1;
    font-size: 2em;
    opacity: 0;
    transition: opacity .5s;
}
#posts_content .profile-body .profile-album .picture:hover i,
#posts_content .profile-body #profile-gallery .picture:hover i {
    opacity: 1;
}
#posts_content .profile-body .profile-album .picture .back,
#posts_content .profile-body #profile-gallery .picture .back {
    position: absolute;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: width .5s, height .5s, top .5s, left .5s, opacity .5s;
    z-index: -1;
}
#posts_content .profile-body .profile-album .picture:hover .back,
#posts_content .profile-body #profile-gallery .picture:hover .back {
    top: -10%;
    left: -10%;
    width: 120%;
    height: 120%;
    opacity: .5;
}
#posts_content .profile-body .profile-album .picture:nth-child(3n+1),
#posts_content .profile-body .profile-album .picture:nth-child(3n) {
    margin-left: 0;
}
#posts_content .profile-body .profile-album .picture:nth-child(n+5) {
    margin-top: 0
}
#posts_content .profile-body #posts-content {
    flex: 2;
}
#posts_content .profile-header .profile-cover {
    width: 100%;
    height: 350px;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: -1;
}
#posts_content .profile-column .profile-header .profile-cover {
    height: 200px;
    opacity: .5;
}
#posts_content .profile-header .profile-infos {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: -200px;
    z-index: 10;
    /*! position: absolute; */
    /*! top: 0; */
    /*! bottom: 0; */
    background: linear-gradient(to bottom, rgba(233,233,233,0) 0, rgba(233,233,233,.9) 150px, rgba(233,233,233,1) 200px, rgba(233,233,233,1) 100%);
}
#posts_content .profile-column .profile-header .profile-infos {
    font-size: .625em;
    margin-top: -150px;
    padding-bottom: 1.25em;
}
#posts_content .profile-header .profile-infos .profile-picture {
    /*! background: rgb(233,233,233); */
    padding: 1em;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}
#posts_content .profile-header .profile-infos .profile-picture.user {
    border: 2px solid rgb(233,233,233);
    padding: 0;
    border-radius: 10px;
    margin-bottom: 10px;
    background: rgba(233,233,233,.85);
}
#posts_content .profile-header .profile-infos .profile-picture img {
    width: auto;
    max-width: 128px;
    height: auto;
    max-height: 128px;
}
#posts_content .profile-column .profile-header .profile-infos .profile-picture img {
    width: auto;
    max-width: 64px;
    height: auto;
    max-height: 64px;
}
#posts_content .profile-header .profile-infos .profile-name {
    font-weight: 700;
    font-size: 2.5em;
    line-height: 1;
    text-align: center;
}
#posts_content .profile-header .profile-infos .profile-nickname {
    font-weight: 600;
    font-size: 1.25em;
    line-height: 1;
    margin-top: .375em;
    text-align: center;
}
#posts_content .profile-header .profile-infos .profile-followed,
#posts_content .profile-header .profile-infos .profile-follow {
    font-size: 1.25em;
    font-weight: 600;
    padding: .375em .5em;
    line-height: 1;
    border-radius: .5em;
    margin-top: .5em;
    cursor: pointer;
}
#posts_content .profile-header .profile-infos .profile-followed {
    color: rgb(1,152,205);
    border: 2px solid rgb(1,152,205);
}
#posts_content .profile-header .profile-infos .profile-followed:hover {
    color: rgb(255 64 59);
    border: 2px solid rgb(255 64 59);
}
#posts_content .profile-header .profile-infos .profile-followed:hover span:nth-child(2),
#posts_content .profile-header .profile-infos .profile-followed span:nth-child(3) {
    display: none;
}
#posts_content .profile-header .profile-infos .profile-followed span:nth-child(2),
#posts_content .profile-header .profile-infos .profile-followed:hover span:nth-child(3) {
    display: initial;
}
#posts_content .profile-header .profile-infos .profile-follow {
    color: #eee;
    background: rgb(1,152,205);
}
#posts_content .profile-header .profile-infos .profile-follow:hover {
    background: linear-gradient(to bottom, rgb(1,114,154) 0%, rgb(0,76,102) 100%);
}
#posts_content .profile-header .profile-infos .profile-followed i,
#posts_content .profile-header .profile-infos .profile-follow i {
    font-size: .85em;
    line-height: 1;
    padding-right: .5em;
}
#posts_content .profile-header .profile-infos .profile-links {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0;
    margin: 10px 0 0 0;
    justify-content: center;
}
#posts_content .profile-header .profile-infos a {
    flex: 1;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    position: relative;
    margin-bottom: .25em;
    font-size: .75em;
    width: 3.5em;
    height: 3.5em;
    margin: 0 .375em;
    border-radius: 50%;
    border: 1px solid #ddd;
    min-width: 3.5em;
    max-width: 3.5em;
}
#posts_content .profile-header .profile-infos .profile-links:hover a {
    filter: grayscale(100%);
    opacity: .5;
}
#posts_content .profile-header .profile-infos .profile-links a:hover {
    filter: none;
    opacity: 1;
}
#posts_content .profile-header .profile-infos a.mail,
#posts_content .profile-header .profile-infos a.facebook,
#posts_content .profile-header .profile-infos a.twitter,
#posts_content .profile-header .profile-infos a.web {
    color: #eee;
}
#posts_content .profile-header .profile-infos a:hover.web,
#posts_content .profile-header .profile-infos a.web .fas.fa-globe:hover {
    color: #eee;
}
#posts_content .profile-header .profile-infos a.twitter {
    background: #1DA1F2;
}
#posts_content .profile-header .profile-infos a.web {
    background: #2e8052;;
}
#posts_content .profile-header .profile-infos a.snapchat {
    background: #FFFC00;
}
#posts_content .profile-header .profile-infos a.linkedin {
    background: #2867b2;
    color: #fff;
}
#posts_content .profile-header .profile-infos a.soundcloud {
    background: #FE5000;
    color: #fff;
}
#posts_content .profile-header .profile-infos a.instagram {
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    color: #fff;
}
#posts_content .profile-header .profile-infos a.youtube {
    background: #fff;
    color: #f00;
}
#posts_content .profile-header .profile-infos a.dailymotion {
    background: #fff;
    overflow: hidden;
}
#posts_content .profile-header .profile-infos a:hover .fab.fa-twitter {
    color: #eee;
}
#posts_content .profile-header .profile-infos a:hover .fab.fa-instagram {
    color: #fff;
}
#posts_content .profile-header .profile-infos a.facebook {
    background: #4267B2;
}
#posts_content .profile-header .profile-infos a.mail {
    background: #ea4242;
}
#posts_content .profile-header .profile-infos a.futsalweb {
    background: #0099cc;
}
#posts_content .profile-header .profile-infos a i {
    font-size: 2em;
}
#posts_content .profile-header .profile-infos a span {
    flex: 3;
    font-size: 1.5em;
    font-weight: 600;
}
#posts_content .profile-header .profile-infos a.snapchat i {
    color: #fff;
    text-shadow: 1px 1px 0 #000, 0 1px 0 #000, -1px 1px 0 #000,
    1px -1px 0 #000, 0 -1px 0 #000, -1px -1px 0 #000,
    1px 0 0 #000, -1px 0 0 #000;
    /*filter: drop-shadow(0 0 2px 0 #000);*/
}
#posts_content .profile-header .profile-infos a img {
    width: 2em;
}
#posts_content .profile-header .profile-infos a.dailymotion img {
    width: 3em;
}
#posts_content .edit-option {
    position: absolute;
    margin: auto;
    top: 0;
    font-size: 2em;
    opacity: .25;
    width: 100%;
    text-align: center;
    cursor: pointer;
    padding: .5em;
    height: 100%;
    z-index: 100;
}
#posts_content #edit-profile-description.edit-option {
    font-size: 1em;
    text-align: right;
    width: 3em;
    right: 0;
}
#posts_content .edit-option:hover {
    opacity: 1;
}
#posts_content .profile-header .profile-infos .profile-tabs {
    display: flex;
    flex-direction: row;
    width: 200px;
    align-items: center;
    justify-content: center;
    margin-top: 1em;
}
#posts_content .profile-header .profile-infos .profile-tabs a {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: center;
    border: none;
    opacity: .4;
}
#posts_content .profile-header .profile-infos .profile-tabs a.active {
    opacity: .75;
}
#posts_content .profile-header .profile-infos .profile-tabs a:hover {
    opacity: 1;
}
#posts_content .profile-header .profile-infos .profile-tabs a span {
    flex: unset;
    padding-left: .5em;
    text-transform: uppercase;
    font-weight: 500;
    display: none;
}
.post-btn {
    display: flex;
}
.profile-games {
    margin: 0;
    margin-top: 15px;
    border: 1px solid #ddd;
    background: rgb(233, 233, 233);
    border-radius: 5px;
    padding: 0 0 5px 5px;
    padding-top: 15px;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: left;
}
.profile-games a {
    font-size: 1.25em;
    flex: 1;
    text-align: left;
    width: 100%;
    color: dodgerblue;
    cursor: pointer;
    font-weight: 500;
    padding: .05em 0;
}
#posts_content .profile-games .title {
    opacity: 1;
}
.profile-games a:hover {
    text-decoration: underline;
    text-decoration-color: rgba(30,144,255,.25);
}
.profile-followers {
    margin: 0;
    margin-top: 15px;
    border: 1px solid #ddd;
    background: rgb(233, 233, 233);
    border-radius: 5px;
    padding: 0 0 5px 5px;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: left;
    flex-wrap: wrap;
}
.profile-followers a {
    font-size: 3em;
    margin: 5px 5px 0 0;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    width: 1em;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #ccc;
}
.profile-followers .follower a.club,
.profile-followers a.club {
    border-color: rgba(255,255,255,0);
    border-radius: 0;
}
.profile-followers a img {
    width: 1em;
    height: 1em;
}
#posts_content .profile-followers {
    padding-top: 1.5em;
}
#posts_content .profile-followers .title {
    opacity: 1;
}
.profile-followers .follower {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 25%;
    max-width: 25%;
}
.profile-followers .follower a {
    width: 1.8em;
    text-align: center;
}
.profile-followers .follower a img {
    width: 1.8em;
    height: 1.8em;
}
.profile-followers .follower a:last-child {
    border: unset;
    font-size: 1em;
    width: auto;
    padding-left: .5em;
    border-radius: unset;
    font-weight: 500;
}
#content #load-more-articles.load-button,
#content #load-more-pictures.load-button,
#content #load-more-posts.load-button,
#posts_content .post {
    margin: 15px auto 0 auto;
    border: 1px solid #ddd;
    background: rgb(233, 233, 233);
    border-radius: 5px;
    padding: 5px;
    box-sizing: border-box;
    width: 100%;
    position: relative;
}
#content #load-more-articles.load-button,
#content #load-more-pictures.load-button {
    margin-top: 0;
}
#content #load-more-pictures.load-button:hover,
#content #load-more-articles.load-button:hover,
#content #load-more-posts.load-button:hover {
    background: rgba(0,153,204,1);
    color: #eee;
}
#profile-articles .load-button,
#profile-album .load-button,
#profile-player .load-button {
    width: 100%;
    height: auto;
    max-height: unset;
    background: none;
    position: relative;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #333;
    color: #333;
    overflow: hidden;
    margin: 5px;
    margin-top: 0;
    padding: .25em;
    opacity: .25;
    font-size: .75em;
}
#profile-articles .load-button,
#profile-player .load-button {
    margin: 0;
    margin-top: 5px;
}
#profile-player .load-button {
    display: block;
}
#profile-articles .load-button:hover,
#profile-album .load-button:hover,
#profile-player .load-button:hover {
    opacity: 1;
    color: inherit;
    background: inherit;
}
#posts_content .post.deleted {
    opacity: .5;
    border-color: rgba(200,0,0,.5);
    background: rgba(200,0,0,.25);
}
#posts_content .post .content .post {
    margin-top: 10px;
    background: #ddd;
    border-color: #c9c9c9;
}
#posts_content .post .buttons {
    display: flex;
    flex-direction: row-reverse;
    margin-top: 5px;
    width: 50%;
    min-width: 250px;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
    margin-right: 3px;
    z-index: 100;
}
#posts_content .post .comment .buttons {
    width: auto;
    padding: .25em 0.5em;
}
#posts_content .post .comment .buttons:hover {
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    background: #ddd;
}
#posts_content .post .buttons .button {
    width: 1.25em;
    font-size: 1.125rem;
    text-align: center;
    line-height: 1;
    margin: auto 2px;
    border-radius: 5px;
    border: 2px solid #111;
    color: #111;
    padding: 5px;
    opacity: 0.125;
    cursor: pointer;
    position: relative;
}
#posts_content .post .buttons:hover .button {
    opacity: .5;
}
#posts_content .post .buttons .button:hover {
    color: dodgerblue;
    border-color: dodgerblue;
    color: #888;
    border-color: #888;
    opacity: 1;
    background: #eee;
}
#posts_content .post .buttons .button span {
    display: none;
    line-height: 1.1em;
}
#posts_content .post .buttons .button:hover span {
    display: block;
    position: absolute;
    bottom: -1.9em;
    color: #eee;
    background: #888;
    right: 0;
    margin: auto;
    font-weight: 500;
    text-transform: uppercase;
    font-size: .75em;
    padding: .15em .25em;
    line-height: 1.15;
    z-index: 1000;
    height: 14px;
    border-radius: 3px;
}
#posts_content .post .buttons .button span::after {
    height: 12px;
    width: 12px;
    content: "";
    position: absolute;
    right: 10px;
    top: -6px;
    background: #888;
    transform: rotate(-45deg);
    z-index: -1;
    border-radius: 0 3px 0 0;
    box-shadow: 2px -2px 0 rgb(233, 233, 233);
}
#posts_content .post .comments .comment .buttons {
    display: flex;
}
#posts_content .post .comments .comment .buttons:hover i:first-child {
    display: none;
}
#posts_content .post .comments .comment .buttons i:first-child {
    display: initial;
}
#posts_content .post .comments .comment .buttons:hover .button i {
    display: initial;
}
#posts_content .post .comments .comment .buttons.change {
    position: absolute;
    background: #ddd;
    top: -.5em;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
}
#posts_content .post .comments .comment .buttons .button,
#posts_content .post .buttons .button {
    display: block;
}
#posts_content .post .buttons .button:first-child {
    display: none;
}
#posts_content .post .comments .comment .buttons .button {
    display: none;
}
#posts_content .post .comments .comment .buttons:hover .button {
    display: initial;
}
#posts_content .post .content {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    font-size: 1.00em;
    margin: 0;
}
#posts_content .post .content a.article,
#posts_content .post .content a.club,
#posts_content .post .content a.game,
#posts_content .post .content a.player {
    width: 100%;
    height: 30vw;
    max-height: 300px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    box-sizing: border-box;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
#posts_content .post .content a.see-all-comments {
    width: 100%;
    height: auto;
    max-height: unset;
    background: none;
    position: relative;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #333;
    color: #333;
    overflow: hidden;
    margin-top: 5px;
    padding: .25em;
    opacity: .25;
    font-size: .75em;
}
#posts_content .post .content a.see-all-comments::before {
    display: none;
}
#posts_content .post .content a.see-all-comments:hover {
    opacity: 1;
    text-decoration: none;
}
#posts_content .post .content a.player,
#posts_content .post .content a.club,
#posts_content .post .content a.game {
    max-height: 175px;
    text-align: center;
    margin-top: 10px;
}
#posts_content .post .content a.game {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    max-height: unset;
}
#posts_content .post .content a.game img {
    max-width: 100%;
    max-height: 100%;
    margin: auto 0;
    padding: .5em;
    padding-bottom: 2em;
    box-sizing: border-box;
    background: unset;
    border: unset;
}
#posts_content .post .content a:hover {
//border: 1px solid #aaa;
}
#posts_content .post .content a.game span,
#posts_content .post .content a.article span,
#posts_content .post .content a.player span,
#posts_content .post .content a.club span {
    z-index: 1;
    width: 100%;
    position: absolute;
    text-shadow: 0 0 .15em #ddd;
    box-sizing: border-box;
    padding: 0 5px;
    left: 0;
}
#posts_content .post .content a.article span:first-child {
    font-size: 2em;
    bottom: 2.15rem;
}
#posts_content .post .content a.game span:first-child {
    font-size: 1.5em;
    bottom: 0.5rem;
}
#posts_content .post .content a.player span:first-child,
#posts_content .post .content a.club span:first-child {
    font-size: 2em;
    bottom: 0.75rem;
}
#posts_content .post .content a.article span:last-child,
#posts_content .post .content a.player span:last-child,
#posts_content .post .content a.club span:last-child {
    font-size: .75rem;
    bottom: 0;
    height: 1.95rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
#posts_content .post .content .message {
    margin: 0;
    margin-top: 10px;
    font-weight: 500;
    line-height: 1.5;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    text-align: justify;
}
#posts_content .profile-body .profile-description a,
#posts_content .post .content a.hash {
    display: contents;
    color: dodgerblue;
    cursor: pointer;
    width: auto;
    height: auto;
    background: none;
    border-radius: 0;
    max-height: none;
}
#posts_content .post .content a.hash {
    font-weight: 500;
}
#posts_content .profile-body .profile-description a:hover,
#posts_content .post .content .message .hash:hover {
    text-decoration: underline;
    text-decoration-color: rgba(30,144,255,.25);
}
#posts_content .post .content .activity {
    text-align: left;
    font-weight: 600;
    font-size: .75em;
    padding: 0 .25em;
    opacity: .75;
    cursor: pointer;
    margin-top: 1em;
}
#posts_content .post .content .activity:hover {
    opacity: 1;
}
#posts_content .post .content a.club span,
#posts_content .post .content a.player span {
    font-size: 1.00em;
    bottom: 0;
}
#posts_content .post .content a.club::before,
#posts_content .post .content a.player::before,
#posts_content .post .content a.article::before,
#posts_content .post .content a.game::before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 100%;
    background: linear-gradient(to bottom, rgba(233,233,233,0) 0, rgba(233,233,233,0) 50%, rgba(233,233,233,1) 100%);
    z-index: 0;
}
#posts_content .post .content .post .content a::before {
    background: linear-gradient(to bottom, rgba(221,221,221,0) 0, rgba(221,221,221,0) 50%, rgba(221,221,221,1) 100%);
}
#posts_content .post .content a.hash::before {
    display: none;
}
#posts_content .post .content a.article {
    margin-top: 10px;
}
#posts_content .post .content a.article::before {
    background: linear-gradient(to bottom, rgba(233,233,233,0) 0, rgba(233,233,233,1) 100%);
}
#posts_content .post .content a.article:hover::before {
    background: linear-gradient(to bottom, rgba(233,233,233,0.25) 0, rgba(233,233,233,1) 100%);
}
#posts_content .post .content img {
    max-width: 100%;
    height: auto;
    max-height: 800px;
    border-radius: 5px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    align-self: center;
    background: #ddd;
    margin-top: 10px;
}
#posts_content .post .content .link {
    position: absolute;
    top: calc(.5em + 10px);
    right: .5em;
    z-index: 100;
    border: none;
    width: auto;
    height: auto;
    background: none;
    overflow: visible;
    font-size: 1.25em;
    text-shadow: 0 0 2px #ddd;
    line-height: 1;
}
#posts_content .post .content .link:hover {
    color: orangered;
}
#posts_content .post .content .link::before {
    display: none;
}
#posts_content .post .content a.club img,
#posts_content .post .content a.player img {
    max-width: 100%;
    height: auto;
    border-radius: none;
    border: none;
    box-sizing: border-box;
    background: none;
}
#posts_content a.user,
#posts_content .post .content a.user {
    position: relative;
    height: auto;
    text-decoration: none;
    display: block;
    border: none;
    background: none;
}
#posts_content a.user img,
#posts_content .content .post a.user img {
    width: 2.30rem;
    height: 2.30rem;
    position: absolute;
    border-radius: 5px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    background: none;
    left: 0;
}
#posts_content a.user img.club,
#posts_content .content .post a.user img.club {
    border-radius: none;
    border: none;
}
#posts_content a.user img.club,
#posts_content a.user img.user {
    margin: 0;
}
#posts_content .post .content a.user::before {
    display: none;
}
#posts_content a.user .name,
#posts_content a.user .date {
    width: calc(100% - 2.30rem);
    margin-left: 2.30rem;
    padding-left: 5px;
    padding-top: 2px;
    box-sizing: border-box;
    text-align: left;
}
#posts_content a.user .name {
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1;
}
#posts_content a.user .date {
    padding-top: 2px;
    font-size: .65rem;
    /*! opacity: .675; */
    font-weight: 500;
}
#posts_content .user .date:hover {
    opacity: 1;
}
#posts_content .post .comments {
    display: flex;
    flex-direction: column;
    position: relative;
}
#posts_content .post .comments .comment {
    display: flex;
    flex-direction: column;
    position: relative;
    line-height: 1;
    border: 1px solid #ddd;
    margin-top: .5em;
    border-radius: 5px;
    padding: .25em;
}
#posts_content .post .comments .comment:hover {
    background: #ddd;
}
#posts_content .post .comments .comment .header {
    display: flex;
    flex-direction: row;
    align-items: center;
}
#posts_content .post .comments .comment .header .author {
    display: flex;
    flex-direction: column;
    position: relative;
    width: calc(100% - 2em);
    text-align: left;
    box-sizing: border-box;
    padding-left: .5em;
}
#posts_content .post .comments .comment .header .author span:first-child {
    font-size: .85em;
    font-weight: 600;
}
#posts_content .post .comments .comment .header .author span:last-child {
    font-size: .65em;
    font-weight: 500;
    padding-top: .325em;
}
#posts_content .post .comments .comment .header img {
    width: 2em;
    margin: auto;
}
#posts_content .post .comments .comment .header .options {
    position: absolute;
    right: 0.25em;
    font-size: 1.25em;
    cursor: pointer;
    color: #333;
    opacity: .25;
}
#posts_content .post .comments .comment:hover .header .options {
    opacity: 1;
}
#posts_content .post .comments .comment .body {
    text-align: left;
    width: 100%;
    padding: .5em 0;
}
#posts_content .profile-body #profile-player .player-bloc {
    display: flex;
    position: relative;
}
#posts_content .profile-body #profile-player .player-bloc img {
    height: 80px;
    width: 60px;
    position: relative;
}
#posts_content .profile-body #profile-player .player-bloc::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 60px;
    left: 0;
    height: 1.5em;
    background: linear-gradient(to bottom, rgba(233,233,233,0) 0%, rgba(233,233,233,1) 100%);
    z-index: 0;
}
#posts_content .profile-body #profile-player .player-bloc .player-infos {
    display: flex;
    flex-direction: column;
    line-height: 1;
}
#posts_content .profile-body #profile-player .player-bloc .player-infos span:first-child {
    font-size: .75em;
    opacity: .75;
    padding: .125em 0;
    padding-left: .5rem;
    min-height: 1em;
}
#posts_content .profile-body #profile-player .player-bloc .player-infos a {
    display: flex;
    flex-direction: column;
}
#posts_content .profile-body #profile-player .player-bloc a:hover {
    color: dodgerblue;
}
#posts_content .profile-body #profile-player .player-bloc .player-infos a span:nth-child(1) {
    text-transform: uppercase;
    padding: .125em 0;
    padding-left: .5rem;
}
#posts_content .profile-body #profile-player .player-bloc .player-infos a span:nth-child(2) {
    padding: .125em 0;
    padding-left: .5rem;
}
#posts_content .profile-body #profile-player .player-bloc .player-infos a,
#posts_content .profile-body #profile-player .player-bloc .player-infos a span:nth-child(1),
#posts_content .profile-body #profile-player .player-bloc .player-infos a span:nth-child(2) {
    font-size: 1em;
    opacity: 1;
    font-weight: 600;
}
#posts_content .profile-body #profile-player .player-bloc .player-infos .club-infos {
    display: flex;
    align-items: center;
    flex-direction: row;
}
#posts_content .profile-body #profile-player .player-bloc .player-infos .player-number {
    position: absolute;
    font-size: 4em;
    width: 1.5em;
    height: 1em;
    overflow: hidden;
    right: 0;
    top: calc((100% - 1em)/2);
    bottom: auto;
}
#posts_content .profile-body #profile-player .player-bloc .player-infos .player-number i {
    position: relative;
    font-size: 1em;
    padding: 0 .5rem;
}
#posts_content .profile-body #profile-player .player-bloc .player-infos .player-number span {
    position: absolute;
    color: #fff;
    z-index: 1;
    width: 100%;
    text-align: center;
    padding: 0;
    padding-top: .6em;
    font-size: .45em;
    opacity: 1;
    font-weight: 800;
}
#posts_content .profile-body #profile-player .player-bloc .player-infos .club-infos img {
    width: 25px;
    height: 25px;
    padding: 0;
    padding-left: .5rem;
}
#posts_content .profile-body #profile-player .player-bloc .player-infos .club-infos span {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.25em;
}



.post-menu {
    position: fixed;
    z-index: 1000;
    bottom: 0.5em;
    right: 0.3em;
    display: flex;
    flex-direction: column-reverse;
    width: 100px;
    font-size: .85rem;
    /* height: 100px; */
}
.post-menu:hover::after {
    content: '';
    position: absolute;
    height: 600px;
    width: 300px;
    bottom: -0.5em;
    right: -0.5em;
    background: linear-gradient(-65deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
    z-index: -1;
    opacity: .5;
}
.post-menu .icon {
    width: 55px;
    height: 55px;
    overflow: hidden;
    background: #ddd;
    border-radius: 50%;
    border: 2px solid #ccc;
    cursor: pointer;
    box-shadow: 0 0 5px #000;
    overflow: hidden;
    position: relative;
    margin: auto;
    margin-bottom: 85px;
}
.post-menu .icon::after {
    content: '';
    height: 100px;
    width: 100px;
    background: red;
    position: absolute;
    right: -1px;
    bottom: 1px;
    border-radius: 50%;
    background: linear-gradient(to left, rgba(255,255,255,1) 0%, rgba(0,0,0,00) 100%);
    opacity: .5;
}
.post-menu .icon i {
    position: absolute;
    width: 100%;
    font-size: 3.25em;
    right: 0;
    bottom: 0;
    text-align: center;
    opacity: .75;
}
.post-menu .icon img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
.post-menu .options {
    display: none;
}
.post-menu:hover .options {
    display: flex;
    flex-direction: column-reverse;
    position: relative;
    align-items: center;
    justify-content: center;
}
.post-menu .options .item {
    width: 2em;
    height: 2em;
    display: flex;
    position: relative;
    margin: auto;
    align-items: center;
    justify-content: center;
    background: #ddd;
    border: 2px solid #ccc;
    border-radius: 50%;
    margin-bottom: 1em;
    cursor: pointer;
    font-size: 1.25em;
    box-shadow: 0 0 5px #000;
    /*opacity: .5;*/
}
.post-menu .options .item span {
    display: none;
    position: absolute;
    box-shadow: 0 0 5px #000;
}
.post-menu .options .item:hover span {
    display: block;
    background: #ddd;
    border: 2px solid #ccc;
    right: 2.5em;
    border-radius: .5em;
    font-weight: 500;
    text-transform: uppercase;
    white-space: nowrap;
    line-height: 1;
    padding: 0.125em 0.5em;
}
.post-menu .options .item:hover {
    opacity: 1;
}
#option-notifs-alert,
#header-notifs-alert {
    display:block;
    position: absolute;
    top: .125em;
    left: 50%;
    color: #fff;
    background: red;
    font-size: .65rem;
    font-weight: 600;
    padding: .25em;
    border-radius: .5em;
    box-shadow: none;
    border: none;
    right: unset;
    font-family: 'Poppins', sans-serif;
    line-height: 1;
}
.notifications-box {
    margin: auto;
    max-width: 1200px;
    width: calc(100% - 20px);
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: .25em;
    overflow: hidden;
    border: 1px solid #ddd;
    position: relative;
    min-height: 1em;
    box-sizing: border-box;
    margin: 15px auto;
}
.notifications-box a {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding: .5em 0;
}
#old-notifications-box a:nth-child(odd) {
    background: rgb(233,233,233);
}
#new-notifications-box a {
    background: rgba(1,152,205,.15);
}
#new-notifications-box a:nth-child(odd) {
    background: rgba(1,152,205,.20);
}
.notifications-box a .picture {
    flex: 1;
    max-width: 2em;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 .5em;
}
.notifications-box a .picture img {
    width: 2em;
    height: 2em;
    border-radius: .25em;
}
.notifications-box a .picture.user img {
    border-radius: .25em;
}
.notifications-box a .description {
    flex: 5;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.notifications-box a .description span:last-child {
    font-weight: 500;
    font-size: .75em;
    text-align: right;
    padding-right: .5em;
    max-width: 6em;
}
.notifications-box a .description span {
    flex: 1;
}

input#cover-input,
input#profile-input,
input#img-input-b,
input#img-input {
    display: none;
}
#addPost,
#addCommentBox #send-comment-btn,
#addCommentBox #edit-comment-btn,
#addCommentBox #cancel-comment-btn,
#addBox #send-post-btn,
#addBox #edit-post-btn,
#addBox #cancel-post-btn,
#edit-profile-btn,
#cancel-profile-btn,
.inputFileLabel,
.option-button {
    border-radius: 5px;
    border: 2px solid rgba(17,17,17,.125);
    box-shadow: 0 0 2px #eee;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .05em;
    width: 8.00em;
    text-align: center;
    color: #eeeeee;
    text-shadow: 0 0 2px rgba(17,17,17,.75);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: .15em 0;
    display: inline-block;
    font-size: 1.00rem;
}
#profile-description-text-edit {
    text-align: center;
}
.option-button {
    display: inline-block;
    margin: auto;
    margin-top: .5em;
}
.inputFileLabel {
    background: dodgerblue;
    width: auto;
    padding: .15em .5em;
    margin-right: 1.00em;
    display: inline-block;
}
#edit-profile-btn,
#addBox #edit-post-btn {
    width: 10em;
}
#edit-profile-btn {
    display: inline-block;
}
#cover-input-btn,
#profile-input-btn {
    width: 90%;
}
#profile-input-btn {
    margin-top: .75em;
}
#addCommentBox #send-comment-btn i,
#addCommentBox #edit-comment-btn i,
#addCommentBox #cancel-comment-btn i,
#addBox #send-post-btn i,
#addBox #edit-post-btn i,
#addBox #cancel-post-btn i,
#edit-profile-btn i,
#cancel-profile-btn i,
.inputFileLabel i {
    padding-right: .5em;
}
#addPost {
    position: fixed;
    bottom: 1.00rem;
    left: calc((100% - 11.00rem) / 2);
    right: calc((100% - 11.00rem) / 2);
    z-index: 1000;
    background: forestgreen;
    width: 11.00rem;
}
#addPost:hover {
    box-shadow: 0 0 1.00rem 0.95rem #eee;
}
#addCommentBox #send-comment-btn,
#addCommentBox #edit-comment-btn,
#addCommentBox #cancel-comment-btn,
#addBox #send-post-btn,
#addBox #edit-post-btn,
#addBox #cancel-post-btn
#edit-profile-btn,
#cancel-profile-btn {
    margin-top: 10px;
    display: inline-block;
}
#addCommentBox #send-comment-btn:hover,
#addCommentBox #edit-comment-btn:hover,
#addCommentBox #cancel-comment-btn:hover,
.inputFileLabel:hover,
#addBox #edit-post-btn:hover,
#addBox #send-post-btn:hover,
#addBox #cancel-post-btn:hover,
#edit-profile-btn:hover,
#cancel-profile-btn:hover {
    box-shadow: 0 0 5px #111;
}
#addCommentBox #send-comment-btn,
#addBox #edit-post-btn,
#edit-profile-btn,
#addBox #send-post-btn,
.option-button.save {
    background: forestgreen;
    margin-right: 1.00em;
}
#addCommentBox #cancel-comment-btn,
#cancel-profile-btn,
#addBox #cancel-post-btn,
.option-button.cancel {
    background: #ff2200;
}
#coverEditBox #coverToEdit,
#profileEditBox #profileToEdit,
#editProfileBox #imgToAdd,
#imgToAddB,
#addBox #imgToAdd {
    width: auto;
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    max-height: 350px;
}
#addCommentBox,
#editProfileBox,
#addBox {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(17,17,17,.95);
    position: fixed;
    z-index: 1001;
    text-align: center;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
#addCommentBox #addBoxContent,
#editProfileBox #editProfileContent,
#addBox #addBoxContent,
#post_comment.post_comment {
    margin: auto;
    background: #ebebeb;
    padding: 1.00em;
    width: 90%;
    max-width: 550px;
    box-sizing: border-box;
    border: 2px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
}
#editProfileBox #coverEditBox,
#editProfileBox #profileEditBox,
#addBox #imgToAddBox,
#imgToAddBoxB {
    width: 100%;
    margin: auto;
    margin-top: 5px;
    position: relative;
    overflow: hidden;
    display: inline-block;
}
#imgToAddBoxB {
    text-align: center;
}
#editProfileBox #profileEditBox.hidden,
#editProfileBox #coverEditBox.hidden,
#addBox #imgToAddBox.hidden,
#imgToAddBoxB.hidden{
    display: none;
}
#editProfileBox #profileEditBox #deleteProfile,
#editProfileBox #coverEditBox #deleteCover,
#addBox #imgToAddBox #cancelpicture,
#imgToAddBoxB #cancelCommentpicture {
    position: absolute;
    top: 20px;
    width: 100%;
    line-height: 1;
    text-shadow: 0 0 2px #111;
    color: #eee;
    font-size: 2.50rem;
    cursor: pointer;
    opacity: 0.5;
}
#editProfileBox #profileEditBox:hover #deleteProfile,
#editProfileBox #coverEditBox:hover #deleteCover,
#addBox #imgToAddBox:hover #cancelpicture,
#imgToAddBoxB:hover #cancelCommentpicture {
    opacity: 1;
}
#editProfileBox #profileEditBox #deleteProfile:hover,
#editProfileBox #coverEditBox #deleteCover:hover,
#addBox #imgToAddBox #cancelpicture:hover,
#imgToAddBoxB #cancelCommentpicture:hover {
    color: #ff2200;
    text-shadow: none;
    filter: drop-shadow(-1px -1px 0 white) drop-shadow(-1px 0px 0 white) drop-shadow(-1px 1px 0 white)
    drop-shadow(0px -1px 0 white) drop-shadow(0px 0px 0 white) drop-shadow(0px 1px 0 white)
    drop-shadow(1px -1px 0 white) drop-shadow(1px 0px 0 white) drop-shadow(1px 1px 0 white);
}
#addCommentBox #text,
#addBox #text {
    margin: auto;
    width: 100%;
}
#addCommentBox .title,
#addBox .title,
#author-select {
    width: 100%;
    text-align: left;
    font-weight: 500;
    font-size: 1.15em;
    margin: 0;
    line-height: 1;
    margin-bottom: 10px;
}
#addCommentBox .title,
#addBox .title {
    margin-bottom: 5px;
    position: relative;
    opacity: 1;
    padding: 0;
    height: auto;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1em;
}
#author-select .author {
    display: inline-block;
    background: #fff;
    border: 2px solid #ddd;
    border-radius: 5px;
    cursor: pointer;
    width: 48px;
    height: 48px;
    overflow: hidden;
    margin-top: 5px;
}
#author-select .author.active {
    border-color: dodgerblue;
}
#author-select .author.inactive {
    opacity: .5;
}
#author-select .author img {
    width: auto;
    height: auto;
    max-width: 100%;
    height: 100%;
}
#addBox #img-input.hidden,
#addBox #imgToAdd.hidden,
#imgToAddB.hidden,
#addBox.hidden,
#editProfileBox.hidden,
#addCommentBox.hidden {
    display: none;
}
#addBox #postToShare .post {
    margin-top: 5px;
    max-height: 250px;
    overflow: hidden;
    background: #eee;
}
#addBox #postToShare .post::after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 100px;
    background: linear-gradient(to bottom, rgba(221,221,221,0) 0, rgba(221,221,221,1) 100%);
    z-index: 0;
}
#addBox #postToShare .post .buttons {
    display: none;
}
.partner_box {
    width: calc(100% - .5rem);
    margin: auto;
    z-index: 0;
    position: relative;
    display: flex;
    flex-direction: row;
}
.partner-card {
    width: 100%;
    height: 15.00rem;
    perspective: 1000px;
    margin: 0.25rem;
    border: 1px solid #333333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: lightskyblue;
    overflow: hidden;
    padding: 0.5rem;
}
.partner-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}
.partner-card:hover .partner-card-inner {
    transform: rotateY(180deg);
}
.partner-card-front, .partner-card-back {
    background: lightskyblue;
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    color: #333333;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    font-size: 1.25em;
    font-weight: 500;
    overflow: hidden;
}
.partner-card-front span, .partner-card-back span {
    flex: 1;
    text-align: center;
    min-width: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    display: flex;
    align-items: center;
    justify-content: center;
}
.partner-card-front span {
    font-size: 115%;
}
.partner-card-back {
    transform: rotateY(180deg);
}
.partner-card:nth-child(1) {
    max-width: calc(100%/6 - .50rem);
}
.partner-card:nth-child(2) {
    max-width: calc(100%/2 - .50rem);
}
.partner-card:nth-child(3) {
    max-width: calc(100%/3 - .50rem);
}
#main-news-box {
    width: calc(100% - 20.00rem);
}
#index-top {
    display: flex;
    flex-direction: row;
    margin-bottom: 0.25em;
}
#news-list {
    width: 20rem;
    background: linear-gradient(to bottom, rgba(34,34,34,1) 0%, rgba(34,34,34,1) 50%, rgba(17,17,17,1) 100%);
    text-align: left;
    z-index: 100;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 0.125em;
}
#news-list #listing {
    display: flex;
    flex-direction: column;
    flex: 14;
    background: rgba(238,238,238,.85);
    font-size: .85em;
    -webkit-border-radius: .125em;
    -moz-border-radius: .125em;
    border-radius: .125em;
}
#news-list #listing .news {
    flex: 1;
    display: flex;
    flex-direction: row;
    padding: .125em;
    border-bottom: 1px solid #222;
    cursor: pointer;
    max-height: calc(100% / 15 - 0.25em);
}
#news-list #listing .news:last-child {
    border: none;
}
#news-list #listing .news:hover {
    background: #eee;
}
#news-list #listing .news span {
    margin: auto;
    overflow: hidden;
}
#news-list #listing .news span:nth-child(1) {
    flex: 1;
    text-align: center;
    font-weight: 500;
}
#news-list #listing .news span:nth-child(2) {
    flex: 5;
    white-space: nowrap;
}
#news-list #top {
    font-size: 115%;
    font-weight: 500;
}
#news-list #top,
#news-list #bottom {
    flex: 1;
    color: #eee;
    text-align: center;
    display: flex;

}
#news-list #listing,
#news-list #top,
#news-list #bottom {
    width: 100%;
}
#news-list #top span,
#news-list #bottom span {
    margin: auto;
    flex: 1;
}
#news-list #bottom span {
    cursor: pointer;
}
#news-list #bottom span.inactive {
    opacity: 0.25;
    cursor: initial;
}


.news-panel {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(34,34,34,0.95);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 200;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.news-panel.hidden {
    display: none;
}
.news-ajax,
.news-ajax-hidden {
    font-size: 1.25em;
    text-align: justify;
    position: absolute;
    color: #222;
    padding: 1.50em;
    padding-bottom: 5px;
    overflow: hidden;
    overflow-y: auto;
    width: auto;
    margin: auto;
    max-width: 750px;
    min-width: 500px;
    max-height: 750px;
}
.news-ajax {
    background: #eee;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    border: 4px solid #222;
    box-sizing: border-box;
    text-align: center;
}
.news-ajax #close {
    position: absolute;
    top: 5px;
    right: 9px;
    color: #222;
    font-size: 2.00rem;
    cursor: pointer;
    line-height: 1;
    z-index: 1;
}
.news-ajax #close:hover {
    color: red;
}
#news-top {
    position: absolute;
    top: 0.5em;
    font-size: .75em;
    line-height: 1.00em;
    display: flex;
    align-items: center;
}
#news-top img {
    height: 1.75em;
    box-sizing: border-box;
//border: 1px solid #999;
    border-radius: .25em;
    margin-right: .25em;
}
#news-top strong {
    font-weight: 500;
}
#news-title {
    position: relative;
    font-size: 1.10em;
    font-weight: 500;
    margin: .75em 0;
    margin-top: 1.00em;
    border-bottom: 2px solid;
    height: auto;
    text-align: left;
}
#news-body {
    position: relative;
    font-size: 1.00em;
    height: auto;
    text-align: justify;
}
#news-links {
    display: flex;
    flex-direction: row;
    margin-top: 2.00em;
    margin-bottom: .50em;
    flex-wrap: wrap;
}
#news-links a {
    max-width: 50%;
    min-width: 50%;
    box-sizing: border-box;
    text-align: left;
    display: flex;
    align-items: center;
    font-weight: 500;
}
#news-links a:hover {
    color: rgba(0,153,204,1);
}
#news-links a img {
    width: 1.25em;
    margin: .25em 0;
    margin-right: .5em;
}
#news-links a i {
    width: 1.25em;
    margin: .25em 0;
    margin-right: .5em;
    text-align: center;
}
.mobile_only {
    display: none;
}
#international-calendar-content .game {
    display: flex;
    padding: .25em 0;
    font-size: 1em;
    font-weight: 500;
    align-items: center;
}
#international-calendar-content .day {
    text-align: center;
    padding: .5em 0;
    font-weight: 500;
    font-size: 1.25em;
    border-bottom: 2px solid;
}
#international-calendar-content .game:nth-child(even) {
    background: rgba(0,0,0,.05);
}
#international-calendar-content .game .link {
    flex: 1;
    align-items: center;
    text-align: center;
    justify-content: center;
    background: #142344;
    color: #eee;
    padding: .125em 0;
    margin-right: .5em;
    border: 2px solid;
}
#international-calendar-content .game .link:hover {
    background: #eee;
    color:  #142344;
}
#international-calendar-content .game .group {
    flex: 1;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-size: 2.00em;
}
#international-calendar-content .game .round {
    flex: 2;
    align-items: center;
    text-align: center;
    justify-content: center;
    /* height: 1em; */
}
#international-calendar-content .game .score {
    flex: 1;
    text-align: center;
    display: flex;
    align-items: center;
    font-size: 1.5em;
    font-weight: 700;
    justify-content: center;
}
#international-calendar-content .game .team {
    flex: 2;
    display: flex;
    align-items: center;
    font-size: 1.15em;
    font-weight: 600;
}
#international-calendar-content .game .team.home {
    flex-direction: row;
}
#international-calendar-content .game .team.away {
    flex-direction: row-reverse;
}
#international-calendar-content .game .team span {
    flex: 1;
}
#international-calendar-content .game .team span span {
    margin: 0.5em;
    font-size: .75em;
    opacity: .5;
}
#international-calendar-content .game .team.home span {
    text-align: right;
}
#international-calendar-content .game .team.away span {
    text-align: left;
}
#international-calendar-content .game .team img {
    max-width: 30px;
    margin: 0 1em;
}
.posts-search-options {
    width: 100%;
    display: flex;
    flex-direction: row;
    padding: .5rem;
    position: fixed;
    width: 100%;
    max-width: 1200px;
    background: #f0f0f0;
    top: 0;
    padding-top: 50px;
}
.posts-search-options .load-button,
.posts-search-options input {
    line-height: 1;
    font-size: .75em;
    padding: .25em;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    overflow: hidden;
}
.posts-search-options input {
    flex: 2;
    height: auto;
    border-radius: 0;
    border: 1px solid #111;
}
#content .posts-search-options .load-button {
    flex: 1;
    margin: 0;
    margin-left: .5rem;
}
.profile-mobile-menu {
    display: none;
}
.post-btn {
    display: flex;
    margin-top: .5em;
    overflow: hidden;
    border-radius: 1.5em
}
.post-btn div,
.post-btn label {
    width: auto;
    min-width: auto;
    max-width: auto;
    flex: auto;
    padding: .5em !important;
    line-height: 1;
    display: block;
    margin: auto !important;
    font-size: 1rem !important;
    border-radius: 0 !important;
    border: none !important;
}
.post-btn div i,
.post-btn label i {
    padding: 0 !important;
    line-height: 1 !important;
    display: inline-block;
    margin: auto !important;
    font-size: 1rem !important;
    border-radius: 0 !important;
    margin-right: .25em !important;
}
.post-btn:hover div,
.post-btn:hover label {
    filter: grayscale(87.5%);
}
.post-btn div:hover,
.post-btn label:hover {
    filter: grayscale(0%);
    box-shadow: unset !important;
}
#post_comment.post_comment #comment-send,
#post_comment.post_comment #comment-send:hover{
    background: forestgreen;
    text-shadow: 0 0 2px rgba(17,17,17,.75);
}
#post_comment.post_comment #comment-cancel,
#post_comment.post_comment #comment-cancel:hover {
    background: #ff2200;
    text-shadow: 0 0 2px rgba(17,17,17,.75);
}

@media all and (max-width : 1500px) {
    #article-body #pictures .picture .legend {
        position: relative;
        opacity: 1;
    }
    .players-list a,
    .clubs-list a {
        min-width: calc(100% / 4);
        max-width: calc(100% / 4);
    }
    #sponsors {
        display: none;
    }
    #club-header {
        flex-direction: row;
        height: auto;
        flex-wrap: wrap;
    }
    #club-header #logo,
    #club-header #infos {
        min-width: 50%;
    }
    #club-header #stats {
        flex-direction: row;
    }
    #club-header #kits {
        display: none;
    }
    .info-ajax,
    .info-ajax-hidden {
        max-width: 100%;
        max-height: 100%;
        border: none;
    }
    #calendar-content .date {
        font-size: 1.00em;
    }
    .articles a,
    .clubs-list a,
    .articles-press a,
    .articles-club a,
    .players-list a  {
        min-width: calc(100% / 3);
        max-width: calc(100% / 3);
    }
    .partner-card:nth-child(1) {
        max-width: calc(100%/3 - .50rem);
    }
    .partner-card:nth-child(2) {
        max-width: calc(200%/3 - .50rem);
    }
    .partner-card:nth-child(3) {
        display: none;
    }
    #player-header #infos {
        flex: 1.25;
    }
    #player-ajax {
        flex-direction: column;
    }
    #player-ajax #player-ajax-infos {
        padding: 0.25em;
        width: 100%;
        text-align: center;
        height: auto;
    }
    #player-ajax {
        height: auto;
    }
    #player-ajax #player-ajax-infos #name {
        width: 100%;
        justify-content: center;
    }
    #player-ajax #player-ajax-infos #player-ajax-stats .goals span:last-child {
        text-align: left;
    }
    #player-ajax #player-ajax-infos #player-ajax-stats {
        padding: unset;
    }
    #player-ajax #player-ajax-infos #player-ajax-stats .goals {
        width: 100%;
        padding: 0.50em 0;
    }
    #player-ajax #player-ajax-infos #player-ajax-stats .goals span:last-child {
        flex: 5;
    }
    #player-ajax #player-ajax-infos #player-ajax-stats .goals span:first-child {
        flex: 4;
    }
    #player-ajax #player-ajax-infos #player-ajax-stats #player-ajax-cards {
        justify-content: center;
        font-size: 1.00rem;
    }
    #player-ajax .jersey {
        left: calc(50% - 17.5rem);
        top: 14.00rem;
        bottom: auto;
    }
    #player-ajax .picture {
        padding-left: 17.5rem;
        width: 20.00rem;
    }
    #player-ajax #player-ajax-infos #name,
    #player-ajax #player-ajax-infos #player-ajax-stats {
        flex: unset;
    }
}
@media all and (min-width: 800px) and (max-width : 1500px) {
}
@media all and (max-width : 1199px) {
    .mobile_only {
        display: block;
    }
    .home_clubs {
        width: calc(100% - 10px);
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 0;
        box-sizing: border-box;
        margin: auto;
    }
    .home_clubs::-webkit-scrollbar {
        display: none;
    }
    .home_clubs a {
        border-radius: 10%;
        margin: 0 0.20em;
        height: 55px;
        border: 1px solid #ccc;
    }
    .home_clubs a img {
        width: 35px;
        margin: 0;
        padding: 10px;
        background: rgba(238,238,238,.125);
        border-radius: 10%;
    }
    #top-header #clubs-header {
        display: initial;
    }
    #top-header #clubs-header a {
        display: none;
    }
    #top-header #clubs-header a:first-child {
        display: flex;
        min-width: 100%;
        flex: auto;
    }
    #left-block {
        position: relative;
        left: 0;
        top: 0;
        height: auto;
        width: 100%;
        box-shadow: none;
    }
    #content {
        padding-left: 0;
        width: 100%;
    }
    #calendar-content {
        height: auto;
    }
    #game-ajax #score #score-box {
        font-size: 3.00em;
    }
    #teams-ajax {
        font-size: 1.50em;
    }
    #info-ajax #home-selection .player .stat,
    #info-ajax #away-selection .player .stat {
        display: none;
    }
    #player-header #number {
        position: absolute;
        right: 0;
    }
    #footer .links {
        padding: 0.50em 2.00em;
    }
    #footer {
        width: 100%;
        padding: 0;
    }
    #left-block .table-button {
        display: none;
    }
    #left-block .hide  {
        display: initial;
    }
    #left-block #table-3,
    #left-block #table-4 {
        flex: 1;
    }
    #left-block #tables-block {
        display: flex;
        flex-direction: row;
    }
    #left-block #tables-block div {
        flex: 1;
    }
    #calendar-content .game .team img {
        padding: 0 0.50em;
    }
    #calendar-content .game .team span {
        font-weight: 500;
        display: initial;
    }
    #calendar-content .game .team:nth-child(2) {
        justify-content: flex-end;
    }
    #calendar-content .game .team:nth-child(4) {
        justify-content: left;
    }
    #article-body .clubs-list a,
    #article-body .players-list.team a {
        min-width: calc(100%/3);
        max-width: calc(100%/3);
    }
    #article-body .clubs-list a:nth-child(3n+1),
    #article-body .players-list.team a:nth-child(3n+1) {
        padding-left: 0;
    }
    #article-body .clubs-list a:nth-child(3n),
    #article-body .players-list.team a:nth-child(3n) {
        padding-right: 0;
    }
    #game_lineups #field {
        width: 95vw;
        height: 46.075vw;
    }
    #game_lineups #field .team .jersey {
        font-size: 2.25vw;
    }
    #competition_articles,
    #competition_scorers,
    #articles_content,
    #club_content,
    #game_form,
    #game_lineups,
    #game_lineups #listing,
    #game_stats,
    #game_content,
    #game_duels,
    #game_related,
    #game_live,
    #coments-list,
    .page-title.game-title,
    #competition_history,
    #calendar_panel,
    .content,
    #international-calendar-content,
    #international-option,
    #international-info,
    #post_comment {
        width: 95vw;
    }
    #header_content {
        width: 100%;
    }
    #day_panel .panel.open .calendar {
        border: none;
        padding-top: .5em;
        max-width: 100%;
        max-height: 100%;
    }
    #player-header .bck img,
    .jersey {
        left: calc((100% - 95vw)/2);
    }
}
@media all and (max-width : 1000px) {
    #international-calendar-content .game .team span {
        display: none;
    }
    #international-calendar-content .game .team.away,
    #international-calendar-content .game .team.home {
        justify-content: center;
    }
    #player-header::before {
        display: none;
    }
    #player-header .bck img {
        display: none;
    }
    .jersey {
        z-index: 10;
        top: 2em;
    }
    .section-title {
        width: 100%;
    }
    #player-header,
    #header_content {
        flex-direction: column;
    }
    #player-header #picture img {
        margin-bottom: -1.00em;
    }
    #player-header #infos #profile {
        padding-left: 0;
        box-sizing: border-box;
    }
    #player-header #infos #player-stats {
        max-width: 20.00em;
        min-width: 20.00em;
        padding-bottom: .75em;
    }
    #player-stats .stat {
        padding: 0.125em 0;
    }
    #player-header #infos .club {
        text-align: center;
        width: 80%;
    }
    #player-header #picture {
        width: 100%;
        text-align: right;
    }
    #player-header #picture #copyright {
        width: 100%;
        text-align: right;
        padding-right: 1.00em;
        right: 0;
    }
    #player-header #picture img {
        float: unset;
    }
    #player-header #infos .title,
    #player-header #infos .info {
        width: 50%;
        text-indent:0;
        box-sizing: border-box;
    }
    #player-header #infos .title {
        padding-right: 0.25em;
        text-align: right;
    }
    #player-header #infos .info {
        padding-left: 0.25em;
        text-align: left;
    }
    #player-header #infos .club {
        padding: 0.25em 0;
        font-size: 1.25em;
    }
    #top-header {
        height: 1.50em;
    }
    #posts_content  {
        /*margin-top: 10px;*/
    }
    #top-header #clubs-header {
        width: calc(100% - 4.00rem);
    }
    #top-header #menu-icon {
        width: 4.00rem;
    }
    #top-header #clubs-header a img {
        max-height: 1.00em;
        padding-top: 0.125em;
    }
    #main-menu.open {
        top: 3.00rem;
        height: calc(100% - 3.00rem);
    }
    #menu-shadow.open {
        width: calc(100% - 4.00rem);
    }
    .stations .station {
        min-width: 33%;
        max-width: 33%;
    }
    #game_header #box .team img {
        max-width: 100%;
    }
    #game_header #box .team span {
        display: none;
    }
    #game_header #box .score span {
        padding: 0.125em 0.25em;
        font-size: 5.00em;
        white-space: nowrap;
    }
    #game_header #box .score {
        flex: 1.5;
    }
    #game_header #box .partner img {
        width: 1.00em;
        max-width: .7em;
    }
    #game_menu_header {
        width: 100%;
        display: initial;
        text-align: center;
        font-weight: 500;
        font-size: 1.50em;
        padding: 0.50em;
        box-sizing: border-box;
        cursor: pointer;
    }
    #game_menu_header:hover {
        background: rgba(0,153,204,1);
    }
    #game_menu_header i {
        margin-right: 1.00em;
    }
    #game_menu {
        flex-direction: column;
    }
    #game_menu.mobile_close a {
        display: none;
    }
    #game_menu a {
        font-size: 1.25em;
    }
    #game_menu a,
    #game_menu a.active,
    #game_menu a.unactive,
    #game_menu a:hover,
    #game_menu a.active:hover,
    #game_menu a.unactive:hover {
        border: none;
    }
    .calendar .game .team,
    #game_form #calendars .calendar .game .team {
        flex: 1;
    }
    .calendar .game .team img {
        padding: 0;
        width: 1.50em;
        image-rendering: auto;
    }
    .calendar .game .team span {
        display: none;
    }
    #game_form .scorer .team .player .img-back .number {
        font-size: 5.00em;
    }
    #calendar_panel .week {
        height: calc(100vw / 7);
    }
    #calendar_panel .week .day .number {
        font-size: 9.00vw;
    }
    #calendar_panel .week .day span {
        font-size: 7.5vw;
        line-height: 10.00vw;
    }
    #posts_content .posts-header {
        margin-top: 30px;
    }
    .posts-header-back {
        margin-top: 15px;
    }
    #posts_content .posts-header-back::before {
        height: 83px;
    }
}
@media all and (max-width : 800px) {
    #index-top {
        flex-direction: column;
    }
    #news-list,
    #main-news-box {
        width: 100%;
    }
    .news-ajax,
    .news-ajax-hidden {
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        min-width: calc(100% - 20px);
        max-width: calc(100% - 20px);
        max-height: 100%;
    }
    #news-links {
        flex-direction: column;
    }
    #news-links a {
        max-width: 100%;
        min-width: 100%;
    }
    #news-list #listing .news {
        padding: .75em .125em;
    }
    #news-list #listing .news:nth-child(n+6),
    #news-list #bottom {
        display: none;
    }
    #posts_content .post .buttons .button {
        display: none;
    }
    #posts_content .post .buttons .button:first-child {
        display: block;
    }
    #posts_content .post .buttons:hover .button {
        display: initial;
    }
    #posts_content .post .buttons:hover .button:first-child {
        opacity: 0;
    }
    #posts_content .post .buttons:hover {
        background: linear-gradient(to right, rgba(233, 233, 233, 0) 0%, rgba(233, 233, 233,1) 25%, rgba(233, 233, 233,1) 100%);
    }
    #posts_content .post .content .post .buttons:hover {
        background: linear-gradient(to right, rgba(221, 221, 221, 0) 0%, rgba(221, 221, 221,1) 25%, rgba(221, 221, 221,1) 100%);
    }
    .profile-mobile-menu {
        display: none;
    }
    #player_trophies .trophy {
        min-width: 25%;
        max-width: 25%;
    }
    #player-header #infos {
        flex-direction: column;
        height: auto;
    }
    #player-header #infos #profile,
    #player-header #infos #player-stats {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        padding-top: 3.50em;
    }
    #player-header #infos #player-stats {
        flex-direction: row;
        padding-top: 4.00em
    }
    #player-header #infos #player-stats .stat {
        min-width: initial;
        flex: auto;
    }
    #player-header #infos #player-stats .stat:last-child {
        min-width: 60%;
        margin: 0 20%;
        margin-top: 1.50em;
    }
    #player-header #infos #player-stats .stat .card {
        max-width: 1.60em;
        margin: auto;
        padding: 0.25em 0;
    }
    .section-title {
        padding-top: 0.25em;
    }
    #player-header #infos #player-stats {
        padding-bottom: 1.00em;
    }
    #player-header #infos #player-stats::after {
        left: 0;
    }
    #player-header #infos #player-stats::after {
        background: linear-gradient(to bottom, rgba(241,241,241,0.10) 0%, rgba(241,241,241,0) 20%, rgba(241,241,241,0) 100%);
    }
    #player-header #infos #player-stats .stat::after {
        display: none;
    }
    #player-header #infos .club {
        text-align: center;
    }
    #player-header #infos .club {
        display: block;
    }
    #player-header #infos .club img {
        /*! display: none; */
        height: 0.75em;
        margin-left: 0;
    }
    #player-header #infos {
        align-content: center;
        align-items: center;
    }
    #player-header {
        height: auto;
    }
    #player-header #number {
        opacity: 0.125;
        width: 100%;
        text-align: center;
    }
    #left-block #tables-block {
        display: flex;
        flex-direction: column;
    }
    #calendar-content .game .team span {
        display: none;
    }
    #left-block #tables-block {
        height: auto;
        max-height: none;
    }
    #last-news-button,
    #next-news-button {
        position: absolute;
        height: 6.00rem;
        top: calc(50% - 3.00rem);
        z-index: 10;
        font-size: 3.00em;
        width: 3.00rem;
        background: rgba(0,153,204,0.5);
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
        color: #eee;
        cursor: pointer;
    }
    #last-news-button:hover,
    #next-news-button:hover {
        background: rgba(0,153,204,1);
    }
    #last-news-button {
        left: 0;
    }
    #next-news-button {
        right: 0;
    }
    #selecter {
        display: none;
    }
    .main-news .content {
        padding: 0.50em 4.00rem;
    }
    #articles_content .articles a,
    #club_content .articles a,
    #competition_articles .articles a,
    #game_content .articles a,
    .articles a,
    .clubs-list a,
    .articles-press a,
    .articles-club a,
    .players-list a  {
        min-width: calc(100% / 2);
        max-width: calc(100% / 2);
    }
    .partner-card:nth-child(1),
    .partner-card:nth-child(2) {
        max-width: calc(100%/2 - .50rem);
    }
    .partner-card:nth-child(3) {
        display: none;
    }
    #articles_content .articles a:nth-child(1n),
    #club_content .articles a:nth-child(1n),
    #competition_articles .articles a:nth-child(1n),
    #game_content .articles a:nth-child(1n) {
        padding: 0.25em;
    }
    #articles_content .articles a:nth-child(2n),
    #club_content .articles a:nth-child(2n),
    #competition_articles .articles a:nth-child(2n),
    #game_content .articles a:nth-child(2n) {
        padding-right: 0;
    }
    #articles_content .articles a:nth-child(2n+1),
    #club_content .articles a:nth-child(2n+1),
    #competition_articles .articles a:nth-child(2n+1),
    #game_content .articles a:nth-child(2n+1) {
        padding-left: 0;
    }
    #club_content .articles a:nth-child(2n),
    #competition_articles .articles a:nth-child(2n),
    #game_content .articles a:nth-child(2n) {
        display: initial;
    }
    .stations .station {
        min-width: 50%;
        max-width: 50%;
    }
    #game_lineups #listing-select {
        display: flex;
        width: 95vw;
        border: 1px solid #ccc;
        background: #ddd;
        border-radius: 0.25em;
        margin: 0.50em auto;
        box-sizing: border-box;
        padding: 0.15em;
    }
    #game_lineups #listing-select div {
        flex: 1;
        text-align: center;
        font-size: 1.25em;
        font-weight: 500;
        padding: 0.125em;
        cursor: pointer;
    }
    #game_lineups #listing-select .unactive {
        background: #aaa;
        border-radius: 0.25em;
    }
    .team.mob_close {
        max-width: 0;
        overflow: hidden;
        flex: auto;
    }
    #game_lineups #listing .team.mob_close .player .info,
    #game_lineups #listing .team.mob_close .player .picture {
        display: none;
    }
    #player-ajax .picture {
        padding-left: 0;
        width: 20.00rem;
    }
    #player-ajax .jersey {
        width: 11.85rem;
        height: 11.85rem;
        font-size: 2.50rem;
        left: auto;
        top: 17.50rem;
    }
    #player-ajax #player-ajax-infos #player-ajax-stats .goals span:first-child {
        flex: 2;
    }
    .calendar .game .competition:nth-child(3) {
        display: none;
    }
    .calendar .game .competition {
        flex: 1;
    }
    .calendar .game .competition img {
        width: 1.50em;
    }
    #game_related.club .calendar .game .competition img {
        opacity: 0.25;
    }
    .calendar .game .date {
        flex: 6;
    }
    #game_related.club .calendar .game .competition:nth-child(1) {
        max-width: 0;
    }
    #game_related.club .calendar .game .competition:nth-child(3),
    .club .calendar .game .date span:nth-child(3),
    .club .calendar .game .date span:nth-child(4) {
        display: none;
    }
    .club .calendar .game .date span:nth-child(1),
    .club .calendar .game .date span:nth-child(2) {
        display: initial;
        font-size: 1.75em;
        padding: 0.125em 0;
        min-width: 3.00em;
        box-sizing: border-box;
    }
    .club .calendar .game .date span:nth-child(1) {
        background: #222;
        color: #eee;
    }
    .club .calendar .game .date span:nth-child(2) {
        background: rgba(238,238,238,.75);
        border: 2px solid #222;
        border-top: none;
    }
    .club .calendar .game .date span:nth-child(1),
    .club .calendar .game .date span:nth-child(2) {
        display: initial;
        font-size: 1.75em;
        padding: 0.125em 0;
    }
    #game_form .scorer .team {
        flex-direction: column;
    }
    #game_form .scorer .team .player {
        max-width: 100%;
    }
    #game_form #calendars .calendar .dispersion,
    #game_form #calendars .calendar .goals {
        padding: 0.50rem 5%;
    }
    #share_box .share {
        font-size: 2.00em;
        text-align: center;
    }
    #share_box .share i {
        padding: 0;
    }
    #share_box .share:hover span:last-child,
    #share_box .share span {
        display: none;
    }
    #share_box .share:hover i {
        display: initial;
    }
    #calendar_panel .week .day .number {
        font-size: 8.00vw;
    }
    #calendar_panel .week .day span {
        font-size: 6.5vw;
        line-height: 9.50vw;
    }
    #article-body {
        padding-left: 2.00em;
        padding-right: 2.00em;
    }
    #pictures .picture .legend {
        font-size: 1.00rem;
    }
}


@media all and (max-width : 768px) {
    #posts_content {
        /* padding: 0 10px 10px 10px; */
    }
    #posts_content .posts-header-back::before {
        height: 90px;
    }
    .profile-mobile-menu {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        font-size: 1em;
        color: #222;
        margin-top: 15px;
        border: 1px solid #ddd;
        background: rgb(233, 233, 233);
        border-radius: 5px;
        line-height: 1;
        box-sizing: border-box;
        flex-wrap: wrap;
        text-transform: uppercase;
    }
    .profile-mobile-menu div {
        display: flex;
        flex-direction: row;
        align-items: center;
        font-weight: 500;
        opacity: .4;
        flex: 1;
        justify-content: center;
        padding: .5em;
    }
    .profile-mobile-menu div i {
        margin-right: .5em;
    }
    .profile-mobile-menu div.active {
        font-weight: 600;
        opacity: 1;
    }
    #posts_content .profile-body .profile-album .picture {
        height: 31vw;
    }
    #posts_content .profile-body .profile-column {
        margin-right: 0;
    }
    #posts_content .profile-body.search {
        flex-direction: column;
    }
    #posts_content .profile-body.search .profile-column {
        align-self: unset;
    }
    #posts_content .profile-body #profile-gallery .picture,
    #posts_content .profile-body #profile-gallery .picture:nth-child(4n) {
        width: calc((100% - 30px) / 3);
        height: 31vw;
        margin: 0 15px 15px 0;
    }
    #posts_content .profile-body #profile-gallery .picture:nth-child(3n) {
        margin-right: 0;
    }
    .mobile-hide {
        display: none !important;
    }
    .posts-search-options {
        flex-direction: column;
    }
    #content .posts-search-options .load-button,
    .posts-search-options input {
        flex: unset;
        width: 90%;
        margin: 5px auto;
    }
    #posts_content .post .content a.club img,
    #posts_content .post .content a.player img,
    #posts_content .post .content a.game img {
        max-width: 25%;
    }
    #posts_content .post .content a.game img:nth-child(3) {
        max-width: 15%;
    }
    #posts_content .post .content a.player span:first-child,
    #posts_content .post .content a.club span:first-child,
    #posts_content .post .content a.game span:first-child {
        font-size: 1em;
    }
}


@media all and (max-width : 650px) {
    #club-header #stats {
        flex-direction: column;
    }
    .calendar .game .date {
        font-size: 1.00em;
    }
    #game_form .scorer .team .player .img-back .number {
        font-size: 4.00em;
    }
    .seasons_data .line.header .club {
        justify-content: center;
    }
    .seasons_data .line.header .club span {
        display: none;
    }
    .seasons_data .line .season {
        display: none;
    }
    .seasons_data .line.header .season {
        display: initial;
    }
    .seasons_data .line .club {
        flex: 3;
        text-indent: .75em;
    }
    .seasons_data .line.header .club {
        flex: 2;
        text-indent: 0;
    }
    .seasons_data .line .games,
    .seasons_data .line .goals,
    .seasons_data .line .card {
        flex: 2;
    }
    .games-list a {
        min-width: 90%;
        max-width: 90%;
        margin: auto;
    }
    #game-ajax {
        flex-wrap: wrap
    }
    #game-ajax #home {
        -webkit-order: 2;
        order: 2;
    }
    #game-ajax #info {
        -webkit-order: 1;
        order: 1;
        width: 100%;
        min-width: 100%;
    }
    #game-ajax #score {
        -webkit-order: 4;
        order: 4;
        width: 100%;
        min-width: 100%;
    }
    #game-ajax #away {
        -webkit-order: 3;
        order: 3;
    }
    #game-ajax #home,
    #game-ajax #away {
        width: 50%;
        min-width: 50%;
        padding-top: 0.50em;
    }
    #game-ajax #home img,
    #game-ajax #away img {
        max-width: 50%;
    }
    .articles a .article .infos .game .team {
        margin-top: 5.50rem;
    }
    .articles a .article .infos .game .slash {
        margin-top: 8.75rem;
    }
    #user-comment-connect-btn {
        font-size: 1.50rem;
    }
    #posts_content .posts-header a i {
        flex: 1;
    }
    #posts_content .posts-header a span {
        flex: 3;
        text-align: left;
        text-transform: uppercase;
        font-weight: 600;
        font-size: .75em
    }
    #posts_content .posts-header a:first-child,
    #posts_content .posts-header.mobile-open a:first-child {
        display: flex;
        border-top: unset;
    }
    #posts_content .posts-header.mobile-open {
        box-shadow: 0 0 50px 50px #eee;
    }
    #posts_content .posts-header.mobile-open a {
        display: flex;
    }
    #posts_content .posts-header {
        flex-direction: column;
    }
    #posts_content .posts-header a {
        display: none;
        border-top: 1px solid #ddd;
        width: 100%;
        padding: .5em 1em;
        align-items: center;
        box-sizing: border-box;
        color: #333;
    }
    #posts_content .posts-header a.active {
        background: #333;
        color: #eee;
    }
    #posts_content .posts-header a span {
        display: block;
    }
    #header-notifs-alert {
        left: 20%;
    }
    .posts-header-back {
        margin-bottom: 10px;
    }
}
@media all and (max-width : 600px) {
    .profile-followers .follower {
        min-width: 33.33333%;
        max-width: 33.33333%;
    }
}
@media all and (max-width : 500px) {
    #user-comment-connect-btn {
        font-size: 1.25rem;
    }
    #coments-list .comment {
        flex-direction: column;
        min-height: unset;
    }
    #coments-list .comment .deleted-comment,
    #coments-list .comment .delete-comment {
        font-size: 2.00em;
    }
    #coments-list .comment .body {
        width: 100%;
    }
    #coments-list .comment .user {
        flex-direction: row;
        margin-right: 0;
        width: 100%;
        padding: .75rem;
        box-sizing: border-box;
    }
    #coments-list .comment .user .profile {
        max-width: 36px;
        margin-right: .75rem;
    }
    #coments-list .comment .user::after {
        height: 1px;
        width: calc(100% - 20px);
        left: 10px;
        right: 10px;
        bottom: 0;
    }
    #coments-list .comment .user .info {
        width: 100%;
        align-items: baseline;
    }
    #coments-list .comment .user .profile img {
        max-width: 36px;
        box-shadow: 5px 0px 5px 0px #999;
    }
    #coments-list .comment .body .message.picture img {
        margin-top: .75rem;
    }
    #coments-list .comment .body .message span {
        padding: .75rem;
    }
    #international-calendar-content .game .group {
        display: none;
    }
    #international-calendar-content .game .link {
        flex: 2;
    }
    #player_trophies .trophy {
        min-width: 33.33%;
        max-width: 33.33%;
    }
    #player-header {
        flex-direction: column;
    }
    #player-header #picture {
        padding: 0;
        width: 100%;
    }
    #player-header .bck img {
        display: none;
    }
    #player-header #number {
        bottom: 0;
    }
    .jersey {
        width: 9.5rem;
        height: 9.5rem;
        top: 6em;
        font-size: 2rem;
    }
    #player-stats .stat {
        font-size: 0.75em;
        margin-bottom: 1.50em;
    }
    #player-header #infos #player-stats .stat {
        min-width: 50%;
    }
    #player-header #infos #player-stats .stat:nth-child(4),
    #player-header #infos #player-stats .stat:nth-child(5) {
        padding-top: 1.50em;
    }
    #footer .bottom #line,
    #footer .links {
        flex-direction: column;
        text-align: center;
    }
    #footer .links span {
        padding: 0;
    }
    #footer .bottom #line a,
    #footer .links a {
        padding: 0.50em 0;
    }
    .partner-card:nth-child(1) {
        max-width: calc(100% - .50rem);
    }
    .partner-card:nth-child(3),
    .partner-card:nth-child(2) {
        display: none;
    }
    #club_content .articles a,
    #competition_articles .articles a,
    #game_content .articles a,
    .articles a,
    .clubs-list a,
    .articles-press a,
    .articles-club a,
    .players-list a  {
        min-width: 100%;
        max-width: 100%;
    }
    .articles a .article,
    .clubs-list a .article,
    .articles-press a .article,
    .articles-club a .article,
    .players-list a .article {
        height: calc(9/16 * 100vw);
    }
    #club_content .articles a:nth-child(1n),
    #competition_articles .articles a:nth-child(1n),
    #game_content .articles a:nth-child(1n) {
        padding: 0.25em;
    }
    #article-body .players-list {
        flex-direction: column;
        font-size: 1rem;
    }
    #article-body .clubs-list a,
    #article-body .players-list.team a {
        min-width: 100%;
        max-width: 100%;
    }
    #article-body .players-list .info {
        height: auto;
    }
    #article-body .players-list.team a .player .picture {
        height: 4rem;
        width: 3rem;
    }
    #article-body .players-list.team a .player .picture img {
        max-height: 100%;
        margin: auto;
        /* left: unset; */
        /* right: unset; */
    }
    #article-body .players-list .info .name {
        font-size: 1.25em;
    }
    #article-body .players-list.team a {
        margin-bottom: .25em;
    }
    #article-body .clubs-list a:nth-child(2n+1),
    #article-body .players-list.team a:nth-child(2n+1) {
        padding-left: 0;
    }
    #article-body .clubs-list a:nth-child(2n),
    #article-body .players-list.team a:nth-child(2n) {
        padding-right: 0;
    }
    #article-body .players-list a {
        padding-left: 0;
        padding-right: 0;
    }
    .stations {
        flex-direction: column;
    }
    .stations .station {
        min-width: 100%;
        max-width: 100%;
        padding: 1.00em 0;
    }
    .stations .station::after,
    .stations .station:last-child::after {
        height: 2px;
        left: 25%;
        top: -1px;
        width: 50%;
        right: 25%;
        background: #222;
        display: block;
    }
    .stations .station:first-child::after {
        display: none;
    }
    #game_duels .stats .details_bar .bar {
        flex: 3;
    }
    .calendar .game {
        flex-wrap: wrap;
    }
    .calendar .game .link {
        width: 50%;
        box-sizing: border-box;
        margin: 0.25em 25%;
    }
    #share_box .share {
        font-size: 1.50em;
    }
    #calendar_panel .week .day .name {
        font-size: 2.50vw;
    }
    #calendar_panel .week .day .number {
        font-size: 6.50vw;
    }
    #calendar_panel .week .day span {
        font-size: 4.5vw;
        line-height: 7.50vw;
    }
    .seasons_data {
        font-size: 0.75em;
    }
    #game_related.club .calendar .game .team img {
        padding: 0;
        padding-bottom: .375em;
        width: 100%;
        max-width: 100px;
    }
    .players-list.team a {
        height: auto;
    }
    .players-list.team a .player {
        display: flex;
        flex-direction: row;
    }
    .players-list.team a .player .picture {
        width: 6rem;
        height: 8rem;
        position: relative;
    }
    .players-list.team a .player .info {
        width: calc(100% - 6rem);
        /* height: 8rem; */
        position: relative;
        margin: auto;
        padding: 0;
    }
    .players-list.team a .player .info::after {
        display: none;
    }
    .players-list.team a .player .picture img {
        position: absolute;
        margin: auto;
        bottom: 0;
        left: 0;
        z-index: 0;
    }
    .players-list.team a .player .picture::after {
        background: linear-gradient(to bottom, rgba(238,238,238,0) 0%, rgba(238,238,238,1) 100%);
        content: '';
        position: absolute;
        bottom:0;
        left: 0;
        height: 3em;
        width: 100%;
        z-index: 1;
    }
    .players-list.team a .player:hover .picture::after {
        background: linear-gradient(to bottom, rgba(0,153,204,0) 0%, rgba(0,153,204,1) 100%);
    }
    .players-list a .player .info .name {
        font-size: 2em;
        text-align: left;
        padding-left: .5em;
    }
    .players-list a .player:hover .info .number,
    .players-list a .player .info .number {
        position: absolute;
        font-size: 9rem;
        line-height: 1;
        bottom: 0;
        right: .25rem;
        width: 90%;
        text-align: right;
        opacity: .25;
        color: #aaa;
        text-shadow: 1px 1px 0 #000;
        padding: 0;
        z-index: 0;
    }
    .players-list a .player:hover .info .number {
        color: #eee;
        text-shadow: none;
        opacity: 1;
    }
    .players-list a .player:hover .info .number::after,
    .players-list a .player .info .number::after {
        display: none;
    }
    .players-list a .player .stats {
        position: absolute;
        bottom: 0;
        left: 6rem;
        width: calc(50%);
        text-align: left;
        padding: 0;
    }
    .players-list a:hover .player .stats {
        background: none;
    }
    .players-list a .player .gk {
        position: absolute;
        bottom: 0;
        left: 7rem;
        font-size: 3em;
    }
    .players-list a .player:hover .gk {
        display: none;
    }
}
@media all and (max-width : 400px) {
    .profile-followers .follower {
        min-width: 50%;
        max-width: 50%;
    }
    #player_trophies .trophy {
        min-width: 50%;
        max-width: 50%;
    }
    #game-ajax #home img,
    #game-ajax #away img {
        max-width: 50%;
    }
    .articles a .article .infos .game .team {
        margin-top: 4.50rem;
    }
    .articles a .article .infos .game .slash {
        margin-top: 5.75rem;
    }
    .articles a .article .infos .game .competition img {
        max-width: 40px;
    }
    .articles a .article .infos .game .team img {
        max-width: 50px;
    }
    #posts_content .profile-body #profile-publications .article {
        flex-direction: column;
    }
    #posts_content .profile-body #profile-publications .article {
        height: auto;
    }
    #posts_content .profile-body #profile-publications .article .back {
        flex: unset;
        height: 53vw;
    }
    #posts_content .profile-body #profile-publications .article .infos span:last-child {
        max-height: 6em;
    }
    #posts_content .profile-header .profile-infos .profile-name {
        font-size: 1.5em;
    }
}
@media all and (max-width : 320px) {
    .articles a .article .infos .game .team {
        margin-top: 2.50rem;
    }
    .articles a .article .infos .game .slash {
        margin-top: 3rem;
    }
    .articles a .article .infos .game .competition {
        top: 10%;
    }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes liveheader {
    0% {background-color:#eee; color: #bd2424 }
    50%   {background-color:#bd2424; color: #eee }
    100% {background-color:#eee; color: #bd2424 }
}

@font-face {
    font-family: 'Arial Black';
    src: url('/mvc/public/fonts/ariblk.eot'); /* IE9 Compat Modes */
    src: url('/mvc/public/fonts/ariblk.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/mvc/public/fonts/ariblk.woff2') format('woff2'), /* Super Modern Browsers */
    url('/mvc/public/fonts/ariblk.woff') format('woff'), /* Pretty Modern Browsers */
    url('/mvc/public/fonts/ariblk.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('/mvc/public/fonts/ariblk.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Impact';
    src: url('/mvc/public/fonts/impact.eot'); /* IE9 Compat Modes */
    src: url('/mvc/public/fonts/impact.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/mvc/public/fonts/impact.woff2') format('woff2'), /* Super Modern Browsers */
    url('/mvc/public/fonts/impact.woff') format('woff'), /* Pretty Modern Browsers */
    url('/mvc/public/fonts/impact.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('/mvc/public/fonts/impact.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Gill Sans MT';
    src: url('/mvc/public/fonts/gill.eot'); /* IE9 Compat Modes */
    src: url('/mvc/public/fonts/gill.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/mvc/public/fonts/gill.woff2') format('woff2'), /* Super Modern Browsers */
    url('/mvc/public/fonts/gill.woff') format('woff'), /* Pretty Modern Browsers */
    url('/mvc/public/fonts/gill.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('/mvc/public/fonts/gill.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Nos';
    src: url('/mvc/public/fonts/nos.eot'); /* IE9 Compat Modes */
    src: url('/mvc/public/fonts/nos.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/mvc/public/fonts/nos.woff2') format('woff2'), /* Super Modern Browsers */
    url('/mvc/public/fonts/nos.woff') format('woff'), /* Pretty Modern Browsers */
    url('/mvc/public/fonts/nos.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('/mvc/public/fonts/nos.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Barca';
    src: url('/mvc/public/fonts/Barca.eot'); /* IE9 Compat Modes */
    src: url('/mvc/public/fonts/Barca.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/mvc/public/fonts/Barca.woff2') format('woff2'), /* Super Modern Browsers */
    url('/mvc/public/fonts/Barca.woff') format('woff'), /* Pretty Modern Browsers */
    url('/mvc/public/fonts/Barca.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('/mvc/public/fonts/Barca.svg#svgFontName') format('svg'); /* Legacy iOS */
}