* {
    font-family: "Nunito Sans", sans-serif
}

html {
    height: 100%
}

body {
    color: #323232;
    background: #f4f4f4
}

@media only screen and (min-width: 992px) {
    body {
        border-top: 5px solid #2cc185
    }
}

a {
    color: #323232;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0)
}

a:hover {
    color: #2cc185;
    text-decoration: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 900
}

.animate,
.animate:hover,
.animate *,
.animate:hover *,
.joomleague *,
.joomleague:hover * {
    transition: all .44s cubic-bezier(0.36, 0.76, 0, 0.88)
}

.news-img .img-fluid {
    width: 100% !important
}

.componentheading {
    font-size: 2rem;
    margin-bottom: .5rem;
    line-height: 1.2;
    position: relative;
    font-weight: 900
}

.componentheading,
h4.header,
h5.header {
    margin: 1rem 0
}

.col-main #login-form {
    display: none
}

.sticky-lb {
    position: -webkit-sticky;
    position: sticky;
    top: 4rem;
    z-index: 520
}

.news-cat {
    text-transform: uppercase;
    padding: 8px 12px;
    background: #2cc185;
    color: #fff;
    font-size: .7rem;
    font-weight: 900;
    border-radius: 1rem;
    white-space: nowrap;
    display: inline-block
}

a.news-cat:hover {
    color: #fff;
    text-decoration: none
}

.pagination nav {
    margin: auto
}

.pagination {
    margin-top: 2rem;
    width: 100%;
    overflow: hidden
}

.pagination ul {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    margin: 0 auto
}

.pagination ul li {
    position: relative;
    display: block;
    margin-right: 3px;
    line-height: 1.25;
    white-space: nowrap
}

.pagination ul li a,
.pagination ul li span {
    padding: .5rem .75rem;
    display: block;
    border-radius: 2rem;
    white-space: nowrap
}

.pagination ul li a {
    color: #2cc185;
    font-weight: 700;
    border: 1px solid rgba(0, 0, 0, 0)
}

.pagination ul li.active a,
.pagination ul li.active:hover a {
    background: #2cc185;
    color: #fff
}

.pagination ul li span {
    color: #6c757d
}

.pagination ul li:hover a {
    color: #323232;
    background: #fff;
    text-decoration: none;
    border: 1px solid #f4f4f4
}

.pagination ul li.disabled a {
    font-weight: 400;
    color: #545454
}

.pagination ul li.disabled:hover a {
    color: #323232;
    background: none;
    text-decoration: none
}

.pagination-results {
    display: none
}

.btn-lb-01,
.btn-lb-out-01:hover,
.btn-lb-lgt-01:hover {
    color: #fff;
    background-color: #2cc185;
    border-color: #2cc185;
    box-shadow: 0 3px 0 #218f63
}

.btn-lb-02,
.btn-lb-out-02:hover,
.btn-lb-lgt-02:hover {
    color: #fff;
    background-color: #d50000;
    border-color: #d50000;
    box-shadow: 0 3px 0 #b31217
}

.btn-lb-out-01 {
    color: #2cc185;
    background-color: rgba(0, 0, 0, 0);
    border-color: #2cc185
}

.btn-lb-out-02 {
    color: #d50000;
    background-color: rgba(0, 0, 0, 0);
    border-color: #d50000
}

.btn-lb-lgt-01,
.btn-lb-01:hover {
    color: #2cc185;
    background: #fff;
    border-color: #fff;
    box-shadow: 0 3px 0 #e0e0e0
}

.btn-lb-lgt-02,
.btn-lb-02:hover {
    color: #d50000;
    background: #fff;
    border-color: #fff;
    box-shadow: 0 3px 0 #e0e0e0
}

.btn-lb-01:focus,
.btn-lb-out-01:focus {
    box-shadow: 0 0 0 .2rem rgba(44, 193, 133, .25) !important
}

.btn-lb-02:focus,
.btn-lb-out-02:focus {
    box-shadow: 0 0 0 .2rem rgba(213, 0, 0, .25) !important
}

button[class*=btn-lb-lgt]:focus,
a[class*=btn-lb-lgt]:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .25) !important
}

button[class*=btn-lb],
a[class*=btn-lb] {
    text-transform: uppercase;
    font-size: 90%;
    border-radius: 16px;
    padding: 1rem 4rem;
    font-weight: 700
}

button[class*=btn-lb]:hover,
a[class*=btn-lb]:hover {
    padding: 1rem 4.5rem
}

.btn-circle {
    border-radius: 100%
}

.btn.fb,
.btn.tw {
    padding-top: 10px;
    width: 48px;
    height: 48px;
    margin-bottom: .5rem
}

.btn.fb {
    background: #3f51b5
}

.btn.tw {
    background: #03a9f4
}

.lazy-hidden {
    background: #2cc185;
    color: #2cc185
}

p img.zdjecie {
    display: none !important;
    visibility: hidden !important
}

section.main {
    background: #fff
}

@media only screen and (min-width: 992px) {
    section.main {
        background: #f4f4f4
    }
}

header.header,
header.header.header-min {
    background: #fff;
    box-shadow: 0px 4px 8px rgba(50, 50, 50, .15);
    border-bottom: 0
}

@media only screen and (min-width: 992px) {
    header.header {
        background: #fff;
        border-bottom: 1px solid #e6e6e6;
        box-shadow: none
    }
}

header.header .logo {
    z-index: 2;
    position: relative;
    height: 49px;
    width: 49px;
    padding: .08rem 0
}

@media only screen and (min-width: 992px) {
    header.header .logo {
        padding: 0 0;
        width: 123px;
        height: 64px
    }
}

header.header .logo a {
    display: block
}

header.header .logo-signet {
    enable-background: new 0 0 300 300;
    display: block;
    height: 48px;
    margin: auto;
    opacity: 1
}

header.header .logo-signet2 {
    enable-background: new 0 0 300 300;
    display: block;
    height: 63px;
    margin: auto;
    opacity: 1
}

header.header-min .logo-signet2{
    enable-background: new 0 0 300 300;
    display: block;
    height: 48px;
    margin: auto;
    opacity: 1
}

header.header .logo-type {
    display: none
}

@media only screen and (min-width: 1200px) {
    header.header .logo-type {
        enable-background: new 0 0 770 75;
        display: block;
        height: 12px;
        margin-top: 4px
    }
}

header .logo-signet path,
header .logo-type path {
    fill: #323232
}

header.header .logo a:hover .logo-signet path,
header.header .logo a:hover .logo-type path,
header.header .logo a:focus .logo-signet path,
header.header .logo a:focus .logo-type path {
    fill: #2cc185
}

@media only screen and (min-width: 992px) {
    header.header-min .logo {
        height: 49px;
        width: 140px;
        padding: .08rem 0;
        transition-delay: .15s
    }
}

header.header-min .logo-type {
    opacity: 0;
    display: none;
}

@media only screen and (min-width: 992px) {
    nav.nav {
        margin-left: 2rem
    }

    header.header-min nav.nav {
        margin-left: 1.5rem;
        transition-delay: .15s
    }
}

.nav-menu-btn {
    display: block
}

.nav-menu-btn button:focus {
    outline: none
}

.nav-menu-btn button.navbar-toggler {
    margin: 0;
    padding: 20px 0
}

.nav-menu-btn button.navbar-toggler:active svg {
    background: #e0e0e0;
    border-radius: 100%
}

.nav-menu-btn button.navbar-toggler.collapsed svg path {
    fill: #323232
}

.nav-menu-btn button.navbar-toggler svg path {
    fill: #2cc185
}

@media only screen and (min-width: 992px) {
    #navbarMain.collapse {
        display: block
    }

    .nav-menu-btn {
        display: none
    }
}

nav.nav>ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    width: 100%
}

@media only screen and (min-width: 992px) {
    nav.nav>ul {
        display: inline;
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    nav.nav>ul::-webkit-scrollbar {
        display: none
    }
}

nav.nav>ul>li>a,
nav>ul>li>span {
    color: #323232;
    padding: .25rem;
    text-transform: uppercase;
    position: relative;
    font-weight: 900
}

@media only screen and (min-width: 992px) {

    nav.nav>ul>li>a,
    nav>ul>li>span {
        padding: 2.22rem .75rem
    }

    .header-min nav.nav>ul>li>a,
    .header-min nav.nav>ul>li>span {
        padding: .5rem
    }

    .header-min nav.nav>ul>li>a,
    .header-min nav.nav>ul>li>span {
        padding: 1.25rem .75rem;
        transition-delay: .15s
    }
}

nav.nav>ul>li.parent>a:after,
nav.nav>ul>li.parent>span:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 2px;
    margin-top: -3px;
    height: 0;
    width: 0;
    border: 6px solid rgba(0, 0, 0, 0);
    border-top-color: rgba(0, 0, 0, 0);
    border-top-color: #2cc185
}

nav.nav>ul>li.parent.show-nav>a:after,
nav.nav>ul>li.parent.show-nav>span:after {
    content: "";
    margin-top: -10px;
    border: 6px solid rgba(0, 0, 0, 0);
    border-bottom-color: rgba(0, 0, 0, 0);
    border-bottom-color: #2cc185
}

nav.nav>ul>li:hover>a,
nav.nav>ul>li:hover>span {
    color: #2cc185;
    text-decoration: none
}

nav.nav>ul>li.show-nav>a,
nav.nav>ul>li.show-nav>span,
nav.nav>ul>li.show-nav:hover>a,
nav.nav>ul>li.show-nav:hover>span {
    color: #2cc185;
    background: #fafafa
}

@media only screen and (min-width: 992px) {

    nav.nav>ul>li.show-nav>a,
    nav.nav>ul>li.show-nav>span,
    nav.nav>ul>li.show-nav:hover>a,
    nav.nav>ul>li.show-nav:hover>span {
        background: inherit;
        color: inherit
    }

    nav.nav>ul>li:hover>a,
    nav.nav>ul>li:hover>span {
        color: #323232;
        box-shadow: inset 0px -5px #2cc185
    }
}

nav.nav ul.navigation>li {
    display: inline-block;
    width: 100%
}

@media only screen and (min-width: 992px) {
    nav.nav ul.navigation>li {
        display: inline-block;
        width: auto
    }
}

nav.nav ul.navigation>li>a,
nav ul.navigation>li>span {
    display: block;
    position: relative
}

nav.nav ul.navigation>li>span {
    cursor: pointer
}

nav.nav ul.navigation>li>ul>li>a,
nav.nav ul.navigation>li.multicolumn>ul>li>ul>li>a {
    color: #545454;
    text-decoration: none;
    line-height: 28px;
    position: relative
}

nav.nav ul.navigation>li.multicolumn>ul>li>ul>li>a {
    display: block;
    padding-left: 10px
}

nav.nav ul.navigation>li.multicolumn>ul>li>ul>li>a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -4px;
    height: 0;
    width: 0;
    border: 4px solid rgba(0, 0, 0, 0);
    border-left-color: rgba(0, 0, 0, 0);
    border-left-color: #2cc185
}

nav.nav ul.navigation li span:active,
nav.nav ul.navigation li a:active {
    background: #eee
}

nav.nav ul.navigation>li.multicolumn>ul {
    list-style: none
}

nav.nav ul.navigation>li>ul,
nav.nav ul.navigation>li.multicolumn>ul>li>ul {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    display: none
}

nav.nav ul.navigation>li.show-nav>ul,
nav.nav ul.navigation>li>ul>li.show-nav>ul {
  display: block;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  list-style: none;
  max-height: 380px;
  overflow: auto;
}

@media only screen and (min-width: 576px) {
  nav.nav ul.navigation>li.show-nav>ul,
  nav.nav ul.navigation>li>ul>li.show-nav>ul {
    max-height: unset;
    overflow: unset;
  }
}

nav.nav ul.navigation>li>ul>li>span {
    cursor: pointer;
    line-height: 2rem;
    display: block
}

nav.nav ul.navigation>li.show-nav>ul {
    padding: 0 5px 5px;
    background: #fafafa
}

nav.nav ul.navigation>li>ul>li.show-nav>ul {
    padding: 0px 3px;
    margin-bottom: 5px
}

nav.nav ul.navigation>li.multicolumn>ul>li>span {
    position: relative
}

nav.nav ul.navigation>li>ul>li:hover>a,
nav.nav ul.navigation>li.multicolumn>ul>li>ul>li>a:hover {
    color: #2cc185
}

nav.nav ul.navigation>li.multicolumn>ul>li>span {
    cursor: pointer
}

nav.nav ul.navigation>li.multicolumn>ul>li>span:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -3px;
    height: 0;
    width: 0;
    border: 4px solid rgba(0, 0, 0, 0);
    border-top-color: rgba(0, 0, 0, 0);
    border-top-color: #323232
}

nav.nav ul.navigation>li.multicolumn>ul>li.show-nav>span:after {
    content: "";
    margin-top: -8px;
    border: 4px solid rgba(0, 0, 0, 0);
    border-bottom-color: rgba(0, 0, 0, 0);
    border-bottom-color: #323232
}

@media only screen and (min-width: 992px) {

    nav.nav ul.navigation>li>ul,
    nav.nav ul.navigation>li.show-nav>ul {
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        padding: 1rem;
        background-color: #fff;
        border: 1px solid #e4e4e4;
        position: absolute;
        transform: translateY(-0.5rem);
        display: block
    }

    nav.nav ul.navigation>li:hover>ul {
        display: block;
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0)
    }

    nav.nav ul.navigation>li.multicolumn>ul>li>ul>li:hover>span {
        color: inherit
    }

    nav.nav>ul>li.parent>a:after,
    nav.nav>ul>li.parent>span:after,
    nav.nav>ul>li.parent.show-nav>a:after,
    nav.nav>ul>li.parent.show-nav>span:after {
        border-width: 3px;
        border-top-color: rgba(0, 0, 0, 0);
        border-top-color: #2cc185;
        border-bottom-color: rgba(0, 0, 0, 0);
        margin-top: -3px
    }

    nav.nav ul.navigation>li.multicolumn>ul>li>ul>li:hover {
        cursor: inherit
    }

    nav.nav ul.navigation>li.multicolumn:hover>ul>li>ul {
        display: block
    }

    nav.nav ul.navigation>li>ul>li>a,
    nav.nav ul.navigation>li.multicolumn>ul>li>ul>li>a {
        line-height: 28px
    }

    nav.nav ul.navigation>li>ul>li {
        display: block
    }

    nav.nav ul.navigation>li>ul>li>span {
        color: #2cc185;
        display: block;
        font-weight: 700;
        cursor: text
    }

    nav.nav ul.navigation>li.multicolumn>ul {
        display: flex
    }

    nav.nav ul.navigation>li.multicolumn>ul>li {
        margin-right: 1.5rem
    }

    nav.nav ul.navigation>li.multicolumn>ul>li>ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: block
    }

    nav.nav ul.navigation>li>ul>li.show-nav>span {
        font-weight: 700
    }

    nav.nav ul.navigation>li.multicolumn>ul>li>ul>li>a {
        display: inline-block;
        padding-left: 0
    }

    nav.nav ul.navigation>li.multicolumn>ul>li>ul>li>a:before {
        display: none
    }

    nav.nav ul.navigation>li.multicolumn:hover>ul>li>ul {
        display: block;
        visibility: visible;
        opacity: 1;
        pointer-events: auto
    }

    nav.nav ul.navigation>li>ul>li.show-nav>ul {
        border-left: 0
    }

    nav.nav ul.navigation>li.multicolumn>ul>li>span {
        cursor: default
    }

    nav.nav ul.navigation>li.multicolumn>ul>li>span:after {
        display: none
    }

    nav.nav ul.navigation li span:active,
    nav.nav ul.navigation li a:active {
        background: rgba(0, 0, 0, 0)
    }
}

header.header .header-container {
    position: relative
}

.search-mod {
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    z-index: 50;
    background: #fff;
    display: none
}

.search-mod.show-search {
    display: block;
    visibility: visible;
    opacity: 1
}

header .search-mod {
    left: 75px
}

header .search-mod .input-search-mod {
    margin-top: 1.1rem
}

@media only screen and (min-width: 992px) {
    header .search-mod {
        left: 150px
    }

    header.header-min .search-mod {
        left: 75px;
        transition-delay: .15s
    }

    header.header-min .search-mod {
        margin-top: 0
    }

    header .search-mod .input-search-mod {
        margin-top: 1.6rem
    }

    header.header-min .search-mod .input-search-mod {
        margin-top: .65rem
    }
}

.search-mod .input-search-mod .form-control {
    border-width: 3px;
    border-color: #e0e0e0;
    border-radius: 2rem;
    color: #323232;
    padding: 1.25rem
}

.search-mod .input-search-mod .form-control::placeholder {
    color: #545454
}

.search-mod .input-search-mod .form-control:focus {
    box-shadow: none;
    border-color: #2cc185
}

.search-lg .btn-search {
    padding: .75rem .938rem
}

.btn-search:focus,
.btn-search-close:focus {
    box-shadow: none
}

.search-btn-wrapper {
    border-radius: 100%
}

.search-btn-wrapper.search-sm {
    padding: 20px 0;
    margin-right: 1rem
}

.search-btn-wrapper.search-lg:hover {
    background: #f5f5f5
}

header.search-form {
    padding: 1.5rem;
    background: #2cc185;
    color: #fff
}

header.search-form .form-control {
    border: 0;
    border-radius: 2rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

header.search-form .form-control,
header.search-form .form-control::placeholder {
    color: #323232 !important;
    font-weight: 900
}

header.search-form .form-control:focus,
header.search-form .btn-main-search:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 0, 0, .25)
}

header.search-form .btn-main-search {
    background: #f5f5f5;
    padding-right: 1rem;
    border-radius: 2rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

header.search-form .btn-main-search:hover {
    background: #fafafa
}

header.search-form .btn-main-search:hover svg {
    fill: #2cc185
}

header.search-form .form-limit select {
    border: 0;
    padding: .25rem .5rem;
    padding-right: .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 1rem;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    background-color: rgba(0, 0, 0, 0);
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

header.search-form .btn-adv-search {
    color: #fff;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23ffffff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    padding-right: 1.6rem;
    border-radius: 1rem;
    border: 1px solid #fff
}

header.search-form .btn-adv-search:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .25)
}

header.search-form .phrases .form-check {
    margin-top: .5rem
}

header.search-form .phrases label.radio:not(:last-child),
header.search-form .only label.checkbox:not(:last-child) {
    margin-right: 1.5rem
}

header.search-form .phrases label.radio input[type=radio],
header.search-form .only label.checkbox input[type=checkbox] {
    margin-right: .5rem
}

header.search-form .phrases select {
    width: 100%;
    padding: .5rem 1rem;
    border-radius: 2rem;
    border: 0;
    color: #757575;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    background-color: rgba(0, 0, 0, 0);
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

dl.search-results {
    padding: 1.5rem;
    background: #fff
}

dl.search-results dt.result-title a {
    font-size: 120%;
    font-weight: 900
}

dl.search-results span.highlight {
    background: #e0e0e0
}

dl.search-results dd {
    margin-bottom: 0
}

dd.result-text {
    font-size: 80%;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #eee;
    margin-bottom: 1.5rem !important
}

.top-bar {
    display: none;
    background: #323232
}

@media only screen and (min-width: 992px) {
    .top-bar {
        display: block
    }
}

ul.top-bar-nav {
    padding: 0;
    margin: 0;
    list-style: none
}

ul.top-bar-nav>li {
    display: inline-block
}

ul.top-bar-nav>li>span,
ul.top-bar-nav>li>a {
    display: block;
    text-transform: uppercase;
    color: #e4e4e4;
    font-size: 12px;
    padding: 1rem .5rem;
    text-decoration: none
}

ul.top-bar-nav>li>span.league-type {
    font-weight: 900;
    background: #434343;
    color: #fff
}

ul.top-bar-nav>li:hover>span:not(.league-type),
ul.top-bar-nav>li:hover>a,
ul.top-bar-nav>li.current>span:not(.league-type),
ul.top-bar-nav>li.current>a {
    box-shadow: 0px -5px #e4e4e4;
    background: #545454;
    cursor: pointer
}

ul.top-bar-nav>li>ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    background: #545454;
    z-index: 1081;
    padding: 1rem;
    pointer-events: none;
    transform: translateY(-0.5rem)
}

ul.top-bar-nav>li.current>ul {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0)
}

ul.top-bar-nav>li>ul>li {
    display: block
}

ul.top-bar-nav>li>ul>li>a {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    color: #e4e4e4;
    font-size: 12px;
    line-height: 24px
}

ul.top-bar-nav>li ul>li>a:hover {
    color: #2cc185
}

ul.top-bar-nav li.fa:before {
    display: none
}

ul.top-bar-social li:not(:last-child) a {
    text-indent: -9999px
}

ul.top-bar-social li.facebook a:after,
ul.top-bar-social li.youtube a:after,
ul.top-bar-social li.instagram a:after {
    content: "";
    text-indent: 0;
    margin-top: -18px;
    display: block;
    width: 18px;
    height: 18px;
    background-size: 100%
}

ul.top-bar-social li.facebook a:after {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMzAiIGhlaWdodD0iMzAiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iIzJjYzE4NSI+PHBhdGggZD0iTTEzNy42LDIyLjkzMzMzaC0xMDMuMmMtNi4zMzUzMywwIC0xMS40NjY2Nyw1LjEzMTMzIC0xMS40NjY2NywxMS40NjY2N3YxMDMuMmMwLDYuMzM1MzMgNS4xMzEzMywxMS40NjY2NyAxMS40NjY2NywxMS40NjY2N2g1Ny4zMzMzM3YtNTEuNmgtMTcuMnYtMTcuMmgxNy4ydi05LjIzNjRjMCwtMTcuNDg2NjcgOC41MTk3MywtMjUuMTYzNiAyMy4wNTM3MywtMjUuMTYzNmM2Ljk2MDI3LDAgMTAuNjQxMDcsMC41MTYgMTIuMzg0LDAuNzUxMDd2MTYuNDQ4OTNoLTkuOTEyOTNjLTYuMTY5MDcsMCAtOC4zMjQ4LDMuMjU2NTMgLTguMzI0OCw5Ljg0OTg3djcuMzUwMTNoMTguMDgyOTNsLTIuNDUzODcsMTcuMmgtMTUuNjI5MDd2NTEuNmgyOC42NjY2N2M2LjMzNTMzLDAgMTEuNDY2NjcsLTUuMTMxMzMgMTEuNDY2NjcsLTExLjQ2NjY3di0xMDMuMmMwLC02LjMzNTMzIC01LjEzNzA3LC0xMS40NjY2NyAtMTEuNDY2NjcsLTExLjQ2NjY3eiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+") 50% 50% no-repeat;
    background-size: 100%
}

ul.top-bar-social li.youtube a:after {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMzAiIGhlaWdodD0iMzAiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iIzJjYzE4NSI+PHBhdGggZD0iTTg2LDIyLjkzMzMzYy0yMy45OTk3MywwIC01NS4xNDk3NCw2LjAxMzI4IC01NS4xNDk3NCw2LjAxMzI4bC0wLjA3ODM5LDAuMDg5NThjLTEwLjkzMDc0LDEuNzQ4MTYgLTE5LjMwNTIxLDExLjE0MDg1IC0xOS4zMDUyMSwyMi41NjM4djM0LjR2MC4wMTEydjM0LjM4ODh2MC4wMTEyYzAuMDIyMDMsMTEuMjY5NjcgOC4yMjkwNSwyMC44NTMyMyAxOS4zNjEyLDIyLjYwODU5bDAuMDIyNCwwLjAzMzZjMCwwIDMxLjE1MDAxLDYuMDI0NDggNTUuMTQ5NzQsNi4wMjQ0OGMyMy45OTk3MywwIDU1LjE0OTc0LC02LjAyNDQ4IDU1LjE0OTc0LC02LjAyNDQ4bDAuMDExMiwtMC4wMTEyYzExLjE0NDk2LC0xLjc1MTc2IDE5LjM2MDQ5LC0xMS4zNDkyMSAxOS4zNzIzOSwtMjIuNjMwOTl2LTAuMDExMnYtMzQuMzg4OHYtMC4wMTEydi0zNC40Yy0wLjAxNjU0LC0xMS4yNzM5MSAtOC4yMjQ4NywtMjAuODYzNzYgLTE5LjM2MTIsLTIyLjYxOTc5bC0wLjAyMjM5LC0wLjAzMzU5YzAsMCAtMzEuMTUwMDEsLTYuMDEzMjggLTU1LjE0OTc0LC02LjAxMzI4ek02OC44LDU5LjYxNzcxbDQ1Ljg2NjY3LDI2LjM4MjI5bC00NS44NjY2NywyNi4zODIyOXoiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==") 50% 50% no-repeat;
    background-size: 100%
}

ul.top-bar-social li.instagram a:after {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMzAiIGhlaWdodD0iMzAiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iIzJjYzE4NSI+PHBhdGggZD0iTTU3LjMyMjE0LDE3LjJjLTIyLjEyNDkzLDAgLTQwLjEyMjE0LDE4LjAxMzg2IC00MC4xMjIxNCw0MC4xNDQ1M3Y1Ny4zMzMzM2MwLDIyLjEyNDkzIDE4LjAxMzg2LDQwLjEyMjE0IDQwLjE0NDUzLDQwLjEyMjE0aDU3LjMzMzMzYzIyLjEyNDkzLDAgNDAuMTIyMTQsLTE4LjAxMzg2IDQwLjEyMjE0LC00MC4xNDQ1M3YtNTcuMzMzMzNjMCwtMjIuMTI0OTMgLTE4LjAxMzg2LC00MC4xMjIxNCAtNDAuMTQ0NTMsLTQwLjEyMjE0ek0xMjYuMTMzMzMsNDAuMTMzMzNjMy4xNjQ4LDAgNS43MzMzMywyLjU2ODUzIDUuNzMzMzMsNS43MzMzM2MwLDMuMTY0OCAtMi41Njg1Myw1LjczMzMzIC01LjczMzMzLDUuNzMzMzNjLTMuMTY0OCwwIC01LjczMzMzLC0yLjU2ODUzIC01LjczMzMzLC01LjczMzMzYzAsLTMuMTY0OCAyLjU2ODUzLC01LjczMzMzIDUuNzMzMzMsLTUuNzMzMzN6TTg2LDUxLjZjMTguOTcxNiwwIDM0LjQsMTUuNDI4NCAzNC40LDM0LjRjMCwxOC45NzE2IC0xNS40Mjg0LDM0LjQgLTM0LjQsMzQuNGMtMTguOTcxNiwwIC0zNC40LC0xNS40Mjg0IC0zNC40LC0zNC40YzAsLTE4Ljk3MTYgMTUuNDI4NCwtMzQuNCAzNC40LC0zNC40ek04Niw2My4wNjY2N2MtMTIuNjY1NzMsMCAtMjIuOTMzMzMsMTAuMjY3NiAtMjIuOTMzMzMsMjIuOTMzMzNjMCwxMi42NjU3MyAxMC4yNjc2LDIyLjkzMzMzIDIyLjkzMzMzLDIyLjkzMzMzYzEyLjY2NTczLDAgMjIuOTMzMzMsLTEwLjI2NzYgMjIuOTMzMzMsLTIyLjkzMzMzYzAsLTEyLjY2NTczIC0xMC4yNjc2LC0yMi45MzMzMyAtMjIuOTMzMzMsLTIyLjkzMzMzeiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+") 50% 50% no-repeat;
    background-size: 100%
}

ul.top-bar-social li:hover span {
    background: inherit;
    box-shadow: none;
    cursor: text
}

.top-results {
    background: #eee;
    position: relative;
    box-shadow: inset 0 -1px 0 #e4e4e4
}

.glider-loader-container {
    z-index: 3;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: #eee
}

.glider-loader {
    border: 8px solid #e0e0e0;
    border-top: 8px solid #2cc185;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    animation: glider-loader-spin 1s linear infinite;
    margin: auto;
    margin-top: 16px;
    margin-bottom: 16px
}

@keyframes glider-loader-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.glider-loader-container.hidden {
    animation: glider-loader-hide .44s;
    animation-fill-mode: forwards
}

@keyframes glider-loader-hide {
    100% {
        opacity: 0;
        visibility: hidden
    }
}

#top-results-carousel {
    max-height: 80px;
    z-index: 1
}

@media only screen and (min-width: 992px) {
    #top-results-carousel {
        overflow: hidden
    }
}

.top-results-nav {
    display: none
}

@media only screen and (min-width: 992px) {
    .top-results-nav {
        position: absolute;
        z-index: 2;
        top: 50%;
        margin-top: -18px;
        display: block
    }
}

.top-results-nav button {
    color: #2cc185;
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    margin: 0
}

.top-results-nav button:focus {
    outline: 0
}

.top-results-nav button svg g {
    fill: #2cc185
}

.top-results-nav button:hover svg g {
    fill: #323232
}

.top-results-btn-prev {
    left: -5px
}

.top-results-btn-next {
    right: -5px
}

.top-results-slide {
    font-size: 12px;
    background: #fff;
    border-right: 1px solid #f4f4f4;
    border-bottom: 1px solid #e4e4e4
}

.top-results-slide:active {
    background: #eee;
    color: #212121;
    border-bottom-color: #323232;
    box-shadow: inset 0 -2px 0 0 #323232
}

@media only screen and (min-width: 992px) {
    .top-results-slide {
        border-bottom: 5px solid #2cc185
    }

    .top-results-slide:hover {
        border-bottom-color: #323232;
        box-shadow: inset 0 -2px 0 0 #323232
    }
}

.top-results-slide a {
    padding: .75rem;
    display: block;
    color: #545454;
    text-decoration: none
}

.top-results-slide:hover {
    color: #323232
}

.top-results-slide .minute {
    font-size: 10px;
    font-weight: 700
}

.top-results-slide .result:after {
    content: "";
    clear: both;
    display: block;
    width: 0
}

.top-results-slide .result .team-name {
    float: left;
    width: 85%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.top-results-slide .result .res-no {
    float: left;
    text-align: right;
    width: 15%;
    font-weight: 900
}

.top-results-slide a .result .res-no {
    color: #2cc185
}

.dots {
    background: #fafafa
}

@media only screen and (min-width: 992px) {
    .dots.glider-dots {
        display: none !important
    }
}

.glider-dot {
    display: block;
    cursor: pointer;
    color: #e0e0e0 !important;
    border-radius: 999px;
    background: #e0e0e0 !important;
    width: 12px;
    height: 12px;
    margin: 7px
}

.glider-dot.active {
    background: #2cc185 !important
}

.col-right .modbody {
    margin-bottom: 30px;
    background: #fff;
    border-top: 5px solid #323232;
    border-bottom: 2px solid #f4f4f4;
    padding: 15px 0;
    border-radius: 16px;
}

@media only screen and (min-width: 992px) {
    .col-right .modbody {
        padding: 16px;
        border-bottom: 0
    }
}

.col-right h5.header {
    margin-top: 0
}

.col-right *:not(.header) {
    font-size: 14px
}

.featured {
    background: #212121
}

.featured .feat-item {
    overflow: hidden;
    padding: 0px;
    border-radius: 16px;
}

.featured .carousel {
    z-index: 2
}

.featured .feat-item .caption {
    position: absolute;
    color: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    font-weight: 900;
    font-size: 1rem;
    line-height: 1.2rem;
    padding: 1rem;
    display: block
}

.featured .feat-item:nth-child(n+2) .caption {
    font-size: .8rem;
    line-height: .9rem
}

.featured .feat-item .caption-cat {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    text-transform: uppercase;
    padding: 8px 12px;
    color: #fff;
    font-size: .7rem;
    font-weight: 900;
    background: #2cc185;
    border-radius: 1rem;
    margin: 1.25rem;
    transform: translateY(30px);
    opacity: 0
}

.featured .feat-item:hover .caption-cat {
    opacity: 0;
    pointer-events: none
}

@media only screen and (min-width: 576px) {
    .featured .feat-item:hover .caption-cat {
        opacity: 1;
        transform: translateY(0)
    }
}

.featured .feat-item .caption-bg {
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0px;
    left: 0px;
	border-radius: 16px;
    right: 0;
    z-index: 1;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.8) 100%);
}

@media only screen and (min-width: 576px) {
    .featured .feat-item .caption {
        font-size: 1.25rem;
        line-height: 1.45rem
    }
}

@media only screen and (min-width: 992px) {


    .featured .feat-item:nth-child(n+2) .caption {
        font-size: 1.25rem;
        line-height: 1.45rem;
        padding: 1.5rem
    }

    .featured .feat-item .caption {
        font-size: 1.75rem;
        line-height: 2rem;
        padding: 1.5rem 2rem
    }
}

.featured .feat-item img {
    max-height: 50vh;
    object-fit: cover;
    opacity: .9
}

@media only screen and (min-width: 992px) {
    .featured .feat-item img {
        max-height: 36.25rem
    }
}

.featured .feat-item:hover img {
    transform: scale(1.1);
    opacity: 1
}

.featured .carousel .carousel-control-prev,
.featured .carousel .carousel-control-next {
    top: 50% !important;
    bottom: auto !important;
    width: 5% !important;
    visibility: hidden;
    opacity: 0
}

.featured .carousel:hover .carousel-control-prev,
.featured .carousel:hover .carousel-control-next {
    visibility: visible;
    opacity: .5
}

.featured .carousel:hover .carousel-control-prev:hover,
.featured .carousel:hover .carousel-control-next:hover {
    opacity: 1 !important
}

.main-news-wrapper {
    margin-bottom: 30px
}

.news-list .main-news-item {
    height: 100%;
    border-radius: 16px;
    overflow: hidden;
}

.main-news-item {
    background: #fff;
    box-shadow: inset 0 -5px 0 #2cc185
}

.main-news-item:hover {
    box-shadow: inset 0 -5px 0 #323232
}

.main-news-item .news-top,
.main-news-item .news-left {
    position: relative
}

.news-list .main-news-item .news-top .news-cat {
    position: absolute;
    bottom: 0;
    left: 10px;
    margin-bottom: -15px;
    z-index: 2
}

.main-news-item .news-top .news-img,
.main-news-item .news-left .news-img {
    overflow: hidden
}

.main-news-item .news-top .news-img img,
.main-news-item .news-left .news-img img {
    border-radius: 16px 16px 0 0;
}

@media only screen and (min-width: 992px) {

    .main-news-item .news-top .news-img img,
    .main-news-item .news-left .news-img img {
        transform: scale(1);
        opacity: .85
    }

    .main-news-item:hover .news-top .news-img img,
    .main-news-item:hover .news-left .news-img img {
        transform: scale(1.1);
        opacity: 1
    }
}

.main-news-item .news-title {
    padding: 10px
}

.main-news-item .news-title {
    box-shadow: rgba(0, 0, 0, .1) 0px 1px 5px 0px
}

@media only screen and (min-width: 992px) {
    .main-news-item .news-title {
        box-shadow: none
    }
}

.main-news-item .news-title h4 {
    margin-top: 15px;
    font-size: 1.1rem
}

.main-news-item:hover h4 {
    color: #2cc185
}

.main-news-item .news-title p {
    font-size: .95rem;
    line-height: 1rem
}

.main-news-item a {
    color: #323232
}

.main-news-item a:hover {
    text-decoration: none
}

section.bottom .bottom-mod {
    background: #fff
}

section.bottom .bottom-mod.banner-home {
    background: #f4f4f4;
    padding-top: 0 !important
}

section.bottom .bottom-mod.banner-home .banneritem {
    text-align: center;
    width: 100%
}

section.bottom .bottom-mod.mod_lbyt {
    background: #212121
}

section.bottom .bottom-mod.mod_lbyt h4.header {
    color: #fff
}

section.bottom .bottom-mod.mod_instagram {
    background: #1400c8;
    background-image: -webkit-linear-gradient(top right, #1400c8 0%, #b900b4 100%);
    background-image: -o-linear-gradient(top right, #1400c8 0%, #b900b4 100%);
    background-image: linear-gradient(to bottom left, #1400c8 0%, #b900b4 100%);
    color: #fff
}

section.sponsors {
    background: #fff
}

section.sponsors h5.header {
    position: relative;
    margin-bottom: 1rem
}

section.sponsors h5.header span {
    position: relative;
    font-weight: 900;
    background: #fff;
    padding: 0 1rem;
    z-index: 1
}

section.sponsors h5.header:after {
    content: "";
    height: 1px;
    top: 50%;
    left: 0px;
    width: 100%;
    background: #eee;
    position: absolute;
    z-index: 0
}

.wide-offer{
	border-radius: 16px;
	overflow: hidden;
}

section.sponsors .banneritem {
    padding: 0 1rem 1rem
}

.sponsors-sm .banneritem {
	max-width: 50%;
  }
  
  .sponsors-sp .banneritem {
	max-width: 20%;
  }
  
  @media screen and (min-width: 992px) {
	.sponsors-sm .banneritem {
	  max-width: 25%;
	}
	.sponsors-sp .banneritem {
	  max-width: 12%;
	}
  }

section.newoffers .justify-content-center{
	justify-content: space-between !important;
}
.newoffers .justify-content-center{
	justify-content: space-between !important;
}
section.newoffers .banneritem {
	width: 100%;
	border-radius: 16px;
	margin: 8px 0;
	height: 100%;
	overflow: hidden;
	max-width: unset;
  transition: all .5s ease;
}
.newoffers .banneritem {
	width: 100%;
	border-radius: 16px;
	margin: 8px 0;
	height: 100%;
	overflow: hidden;
	max-width: unset;
  transition: all .5s ease;
}

section.newoffers .banneritem:hover {
    transform: scale(1.05);
}
.newoffers .banneritem:hover {
    transform: scale(1.05);
}
section.newoffers .banneritem:first-child {
    margin-left: 0;
}
.newoffers .banneritem:first-child {
    margin-left: 0;
}
section.newoffers .banneritem:last-child {
    margin-right: 0;
}
.newoffers .banneritem:last-child {
    margin-right: 0;
}

@media screen and (min-width: 992px) {
  
	section.newoffers .banneritem {
		width: calc(33.3333333% - 22px);
		margin: 0 8px;
	}
	.newoffers .banneritem {
		width: calc(33.3333333% - 22px);
		margin: 0 8px;
	}
}

footer {
    width: 100%;
    background-color: #323232;
    color: #e4e4e4
}

footer h5 {
    color: #fff
}

footer a,
footer a:hover {
    color: #e4e4e4
}

footer a:hover {
    text-decoration: underline
}

footer hr {
    border-top: 1px solid rgba(255, 255, 255, .1)
}

footer ul.navigation {
    list-style: none;
    padding: 0;
    margin: 0
}

@media screen and (min-width: 992px) {
    footer ul.navigation {
        margin: 0 0 2rem 0
    }
}

footer ul.navigation:after {
    content: "";
    clear: both;
    display: block
}

footer ul.navigation>li {
    display: block;
    margin-right: 0;
    margin-top: 1rem
}

@media screen and (min-width: 992px) {
    footer ul.navigation>li {
        float: left;
        margin-top: 0;
        margin-right: 4rem
    }
}

footer ul.navigation>li>span {
    font-size: 1.25rem;
    font-weight: 900;
    display: block;
    margin-bottom: .25rem;
    color: #fff
}

@media screen and (min-width: 992px) {
    footer ul.navigation>li>span {
        margin-bottom: 1rem
    }
}

footer ul.navigation>li ul {
    list-style: none;
    padding: 0;
    margin: 2px 0 0 0
}

footer ul.navigation>li ul>li {
    font-size: 1rem;
    line-height: 1.5rem
}

footer .footer1 {
    font-size: 1rem;
    margin-top: 2rem
}

.mod_lb_youtube_item a {
    font-weight: 900
}

.mod_lb_youtube_item{
  overflow: hidden;
  border-radius: 16px;
}

.mod_lb_youtube_main .mod_lb_youtube_item .mod_lb_youtube_img,
.mod_lb_youtube_main .mod_lb_youtube_item .mod_lb_youtube_img img,
.mod_lb_youtube_rest .mod_lb_youtube_item .mod_lb_youtube_img,
.mod_lb_youtube_rest .mod_lb_youtube_item .mod_lb_youtube_img img {
    position: relative
}

.mod_lb_youtube_main .mod_lb_youtube_item .mod_lb_youtube_img img,
.mod_lb_youtube_rest .mod_lb_youtube_item .mod_lb_youtube_img img {
    object-fit: cover;
    width: 100%
}

.mod_lb_youtube_main .mod_lb_youtube_item .mod_lb_youtube_img svg {
    position: absolute;
    top: 50%;
    margin-top: -45px;
    left: 50%;
    margin-left: -45px;
    opacity: .8
}

.mod_lb_youtube_rest .mod_lb_youtube_item .mod_lb_youtube_img svg {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 50%;
    margin-left: -20px;
    opacity: .8
}

.mod_lbyt .mod_lb_youtube_main .mod_lb_youtube_item .mod_lb_youtube_title {
    color: #fff;
    padding: 1rem;
    background: #e52d27;
    background: -webkit-linear-gradient(to right, #b31217, #e52d27);
    background: linear-gradient(to right, #b31217, #e52d27);
    margin-bottom: 30px
}

.mod_lb_youtube_main .mod_lb_youtube_item a {
    color: #fff
}

@media only screen and (min-width: 992px) {
    .mod_lbyt .mod_lb_youtube_main .mod_lb_youtube_item .mod_lb_youtube_title {
        height: 11.6rem;
        margin-bottom: 0
    }

    .mod_lbyt .mod_lb_youtube_main .mod_lb_youtube_item a {
        font-size: 1.6rem
    }
}

.mod_lb_youtube_rest .mod_lb_youtube_item {
    margin-bottom: 30px
}

.mod_lb_youtube_rest .mod_lb_youtube_item a {
    display: block;
    color: #323232;
    border-radius: 16px;
	overflow: hidden;
}

.mod_lb_youtube_item a:hover {
    text-decoration: none
}

.mod_lb_youtube_rest .mod_lb_youtube_item .mod_lb_youtube_title {
    box-shadow: inset 0 -5px 0 #d50000;
    padding: 1rem;
    background: #fff
}

.mod_lb_youtube_component .mod_lb_youtube_item .mod_lb_youtube_title {
    background: #fff;
    padding: 1rem 0;
    box-shadow: none
}

.mod_lb_youtube_rest .mod_lb_youtube_item:hover .mod_lb_youtube_title {
    box-shadow: inset 0 -8px 0 #323232
}

.mod_lb_youtube_component .mod_lb_youtube_item:hover .mod_lb_youtube_title {
    box-shadow: none;
    color: #d50000
}

.mod_lb_youtube_item .mod_lb_youtube_img {
    overflow: hidden
}

.mod_lb_youtube_item .mod_lb_youtube_img img {
    opacity: .9;
    transform: scale(1)
}

.mod_lb_youtube_item:hover .mod_lb_youtube_img img {
    opacity: 1;
    transform: scale(1.1)
}

@media only screen and (min-width: 992px) {
    .mod_lb_youtube_rest .mod_lb_youtube_item a {
        font-size: 1.1rem
    }
}

.ut-joomstagram .col-6 {
    margin-bottom: 30px
}

.ut-joomstagram .col-6 img {
    max-width: 100%;
    height: auto;
    opacity: .9
}

.ut-joomstagram .col-6:hover img {
    transform: scale(1.1);
    opacity: 1
}

.ut-ctc .form-control {
    background: #f3f3f3;
    border-radius: 1.5rem;
    padding: 1.5rem 1rem;
    border: 3px solid #f3f3f3
}

.ut-ctc .form-control::placeholder {
    color: #545454
}

.ut-ctc .form-control:focus {
    border-color: #2cc185;
    box-shadow: none
}

.ut-ctc .btn {
    border-radius: 2rem;
    background: #2cc185;
    border-color: #2cc185;
    font-weight: 700;
    padding: .75rem;
    text-transform: uppercase;
    box-shadow: 0 3px 0 #218f63
}

.ut-ctc .btn-primary:hover {
    background: #f3f3f3 !important;
    border-color: #f3f3f3 !important;
    box-shadow: 0 3px 0 #e0e0e0 !important;
    color: #2cc185 !important
}

.ut-ctc .btn-primary:active {
    background: #eee !important;
    border-color: #eee !important;
    box-shadow: 0 3px 0 #e0e0e0 !important;
    color: #2cc185 !important
}

.ut-ctc .btn-primary:focus {
    box-shadow: 0 3px 0 #218f63 !important
}

ul.mod_tournaments {
    background: #fff;
    list-style: none;
    padding: 1.5rem;
    margin-top: -5rem;
    text-align: center
}

ul.mod_tournaments>li.parent {
    margin-top: 2rem
}

ul.mod_tournaments>li.parent>a,
ul.mod_tournaments>li.parent>span {
    font-weight: 900;
    font-size: 150%;
    margin-bottom: 30px
}

ul.mod_tournaments ul {
    list-style: none;
    padding: 0
}

@media only screen and (min-width: 992px) {
    ul.mod_tournaments {
        display: flex;
        flex-wrap: wrap;
        text-align: left
    }

    ul.mod_tournaments>li.parent {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.itemFullText .czerwony-txt {
    color: #d50000 !important
}

.itemFullText .czerwony-txt a {
  color: #d50000 !important;
}

.itemFullText .zielony-txt {
    color: #2cc185 !important
}

.itemFullText .niebieski-txt {
    color: #01579b !important
}

.itemFullText .zolty-txt {
    color: #fdd835 !important
}

.itemFullText .ramka {
    color: #212121;
    background: #fafafa;
    padding: 1.5rem 2.2rem;
    font-size: 150%;
    font-weight: 900;
    border-left: 1rem solid #2cc185;
    margin: 2.5rem 0
}

@media only screen and (min-width: 992px) {
    .itemFullText .ramka {
        margin: 2.5rem 0 2.5rem -3.5rem
    }

    .main-news .itemFullText .ramka {
        margin: 2.5rem 0 2.5rem -6.25rem;
        padding: 1.5rem 2.2rem 1.5rem 2.5rem
    }
}

.right-social .btn {
    background: #eee;
    width: 100%;
    height: 100%;
    border-radius: 0;
    padding-top: .9rem;
    padding-bottom: .9rem
}

@media only screen and (min-width: 1200px) {
    .right-social .btn {
        border-radius: 100%
    }
}

.right-social svg path {
    fill: #fff
}

.right-social .btn-fb {
    background: #5890ff
}

.right-social .btn-yt {
    background: red
}

.right-social .btn-in {
    background: #f00075
}

.right-social .btn-fb:hover {
    background: #fff;
    box-shadow: inset 0 0 0 .4rem #5890ff
}

.right-social .btn-fb:hover svg path {
    fill: #5890ff
}

.right-social .btn-yt:hover {
    background: #fff;
    box-shadow: inset 0 0 0 .4rem red
}

.right-social .btn-yt:hover svg path {
    fill: red
}

.right-social .btn-in:hover {
    background: #fff;
    box-shadow: inset 0 0 0 .4rem #f00075
}

.right-social .btn-in:hover svg path {
    fill: #f00075
}

.news-item {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
}

@media only screen and (min-width: 992px) {
    .news-item .entry-header {
        padding: 2rem 2rem 1rem
    }
}

.news-item .entry-header {
    background: #fff
}

.news-item h1 {
    font-weight: 900
}

.news-item .entry-header time {
    line-height: 28px
}

.news-item div.news-img {
    position: relative
}

.news-item div.news-img div.category {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 2
}

.news-item div.news-img img {
    max-width: 100%;
    height: auto;
    position: relative;
    z-index: 1
}

.news-item .itemIntroText p {
    font-weight: 900
}

.news-item .itemIntroText {
    z-index: 2;
    position: relative;
    border-radius: 16px 16px 0 0;
}

.news-item .news-item-text {
    background: #fff
}

@media only screen and (min-width: 992px) {
    .news-item .news-item-text {
        margin: 2rem 0
    }

    .news-item .itemIntroText {
        background: #fff;
        margin-top: -5rem
    }

    .news-item .itemIntroText,
    .news-item .itemFullText {
        padding: 1.25rem 2rem
    }

    .news-item .item-share {
        margin-top: 0 !important
    }
}

.news-item .itemIntroText p {
    font-size: 125%;
    text-align: justify
}

.news-item .itemFullText table {
    width: 100%
}

.news-item .itemFullText table thead tr {
    border-bottom-width: 4px
}

.news-item .itemFullText table thead tr td {
    font-weight: 700
}

.news-item .itemFullText table tr {
    border-bottom: 1px #eee solid
}

.news-item .itemFullText td {
    padding: 2px 0
}

.news-item .itemFullText {
    margin-bottom: 20px
}

.news-item .item-share {
    margin-top: -2rem;
    position: relative;
    z-index: 2
}

.news-item .item-share div {
    width: 100%;
    padding: 1rem;
    margin-bottom: 1rem
}

@media only screen and (min-width: 992px) {
    .news-item .text-right-tags {
        text-align: right
    }
}

.news-item .item-tags {
    width: 100%;
    display: block
}

.news-item .item-tags ul {
    margin: 0;
    padding: 0
}

.news-item .item-tags ul li {
    margin: 0;
    padding: 0
}

.news-item .item-tags ul li a {
    color: #545454;
    font-size: .7rem;
    font-weight: 900;
    text-transform: uppercase;
    display: inline-block;
    padding: .5rem .8rem;
    border: 1px solid #eee;
    border-radius: 1rem
}

.news-item .item-tags ul li a:hover {
    border-color: #2cc185;
    color: #2cc185
}

.news-item .item-related {
    width: 100%
}

.news-static .img-fluid {
    margin-bottom: 2rem
}

.news-static hr {
    margin-top: 4rem;
    margin-bottom: 4rem
}

section.latest-items ul {
    list-style: none;
    padding: 0
}

section.latest-items ul li {
    margin-bottom: 15px
}

section.latest-items a {
    color: #323232
}

section.latest-items a:hover {
    text-decoration: none
}

section.latest-items h5 {
    margin-bottom: 0;
    margin-top: .5rem
}

section.latest-items ul li:hover h5 {
    color: #2cc185
}

section.latest-items .news-img {
    overflow: hidden
}

section.latest-items .news-img img {
    transform: scale(1);
    opacity: .85
}

section.latest-items ul li:hover .news-img img {
    transform: scale(1.1);
    opacity: 1
}

.news-item.blank {
    background: #fff
}

.news-item.blank h1 {
    margin-bottom: 0
}

.news-item.blank .itemBody {
    display: none
}

.ctc-warapper {
    padding: 0 !important
}

.jl-nav-module select,
.joomleague select {
    display: inline-block;
    width: 100%;
    height: calc(2em + .75rem + 2px);
    padding: .5rem 1.75rem .5rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #545454;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    background-color: rgba(0, 0, 0, 0);
    background-color: #f3f3f3;
    border-radius: 1.5rem;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.jl-nav-module select:active,
.joomleague select:active,
.jl-nav-module select:focus,
.joomleague select:focus {
    box-shadow: 0 0 0 3px #2cc185
}

.joomleague {
    width: 100%;
    background: #fff;
    padding: 1rem 0
}

@media only screen and (min-width: 992px) {
    .joomleague {
        padding: 30px
    }
}

.joomleague br {
    display: none
}

.joomleague>table {
    width: 100%
}

tr.sectiontableheader {
    border-bottom: 3px solid #eee
}

tr.sectiontableheader td,
tr.sectiontableheader th {
    padding: .75rem 0
}

tr.sectiontableheader td,
tr.sectiontableheader th,
tr.sectiontableheader a {
    font-weight: 400;
    color: #878787
}

tr.sectiontableentry1,
tr.sectiontableentry2 {
    border-bottom: #f5f5f5 solid 1px
}

tr.sectiontableentry1:hover,
tr.sectiontableentry2:hover {
    background: #fafafa
}

.sectiontableentry1 td,
.sectiontableentry2 td {
    padding: .75rem 0;
    color: #424242
}

tr.sectiontableentry1 a,
tr.sectiontableentry2 a {
    color: #424242
}

tr.sectiontableentry1 a:hover,
tr.sectiontableentry2 a:hover {
    color: #2cc185;
    text-decoration: none
}

.joomleague-nav ul {
    overflow-x: auto;
    width: 100%;
    margin: 30px 0 0 0;
    padding: 0 0 0 16px;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.joomleague-nav ul::-webkit-scrollbar {
    display: none
}

.joomleague-nav ul li {
    display: inline;
    list-style: none;
    white-space: nowrap;
    margin: 0 .5rem 0 0
}

.joomleague-nav ul li a {
    color: #323232;
    background: #fff;
    display: inline-block;
    padding: .75rem 1.5rem;
    opacity: .7;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.joomleague-nav ul li a.activ,
.joomleague-nav ul li a.activ:hover {
    font-weight: 900;
    opacity: 1
}

.joomleague-nav ul li a:hover {
    text-decoration: none;
    opacity: .9
}

.league-menu {
    padding: 0;
    background: #2cc185;
    color: #fff
}
.league-menu h1 {
    padding: 16px;
}

.joomleague-nav ul{
    padding: 0 0 0 16px;
}

.league-menu h4 {
    margin-bottom: 30px
}

.league-menu .joomleague-nav ul li a {
    color: #2cc185
}

.team-hero {
    padding: 40px 1rem 0;
    width: 100%;
    background: #e4e4e4;
    border-bottom: 5px solid #fff;
    position: relative;
    margin-top: 52px
}

@media only screen and (min-width: 992px) {
    .team-hero {
        margin-top: 0;
        padding: 30px 30px 0
    }
}

.team-hero .team-img {
    width: 104px;
    height: 104px;
    background: #fff;
    padding: 20px;
    border-radius: 100%;
    overflow: hidden;
    position: absolute;
    top: -52px;
    left: 50%;
    margin-left: -52px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .25)
}

@media only screen and (min-width: 992px) {
    .team-hero .team-img {
        box-shadow: none;
        width: 140px;
        height: 140px;
        position: static;
        top: 0;
        left: 0;
        margin-left: 0
    }
}

.team-hero .team-img img {
    width: 64px;
    height: 64px;
    display: block
}

@media only screen and (min-width: 992px) {
    .team-hero .team-img img {
        width: 100px;
        height: 100px
    }
}

.team-hero .team-details {
    padding: 0 1.5rem
}

.team-hero .team-details h1 {
    font-weight: 900;
    margin-top: 1.5rem
}

.team-hero .team-details h5:hover {
    text-decoration: underline
}

.match-hero {
    background: #e4e4e4;
    padding: 0
}

.match-hero h3,
.match-hero h4 {
    margin-bottom: 0 !important
}

.match-hero .team-img {
    background: #fff;
    width: 100px;
    height: 100px
}

.match-hero .team-home,
.match-hero .team-away {
    width: 100%;
    text-align: center
}

.match-hero .match-score {
    white-space: nowrap;
    width: 100%;
    padding: .5rem
}

.match-halftime {
    background: #fff;
    margin-bottom: 0;
    color: #212121;
    padding: .5rem;
    font-weight: 400
}

#rosterTeamHomeHeading,
#rosterTeamAwayHeading {
    cursor: pointer
}

#rosterTeamHomeHeading:active,
#rosterTeamAwayHeading:active {
    background: #2cc185;
    color: #fff
}

#rosterTeamHomeHeading:after,
#rosterTeamAwayHeading:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .155em;
    content: "";
    border-color: #323232;
    border-top: .3em solid;
    border-right: .3em solid rgba(0, 0, 0, 0);
    border-bottom: 0;
    border-left: .3em solid rgba(0, 0, 0, 0)
}

@media only screen and (min-width: 992px) {

    .match-hero .team-home,
    .match-hero .team-away {
        width: 45%
    }

    .match-hero .team-away {
        text-align: left
    }

    .match-hero .team-away {
        text-align: right
    }

    .match-hero .match-score {
        width: 10%;
        padding: 0
    }

    #rosterTeamHomeHeading,
    #rosterTeamAwayHeading {
        cursor: default
    }

    #rosterTeamHome.collapse:not(.show),
    #rosterTeamAway.collapse:not(.show) {
        display: block !important
    }

    #rosterTeamHome.collapsing,
    #rosterTeamAway.collapsing {
        transition: none !important
    }

    #rosterTeamHomeHeading:active,
    #rosterTeamAwayHeading:active {
        background: inherit;
        color: inherit
    }

    #rosterTeamHomeHeading:after,
    #rosterTeamAwayHeading:after {
        display: none
    }
}

.event-border {
    border-bottom: 1px solid #e4e4e4
}

@media only screen and (min-width: 992px) {
    .event-border {
        border-bottom: 0
    }
}

.joomleague dt {
    font-weight: 400
}

.joomleague dl {
    margin-bottom: 0
}

.match-hero.match-report .match-score {
    background: #323232;
    color: #fff
}

.match-hero.next-match .match-score {
    background: #323232;
    color: #fff
}

.match-details {
    padding: 1rem;
    background: #fff;
    border-bottom: 1px solid #eee
}

.match-details ul {
    padding-left: 0;
    margin-bottom: 0 !important;
    list-style: none
}

.match-details ul li {
    display: inline-block
}

.match-details ul li:not(:last-child) {
    margin-right: .5rem
}

.match-details ul li img {
    width: 16px;
    height: 16px;
    vertical-align: sub
}

.player-info {
    background: #e4e4e4;
    color: #323232;
    position: relative;
    margin-top: 52px;
    padding-top: 42px;
    padding-bottom: .275rem;
    margin-bottom: 1rem
}

.player-info .player-desc h5 a:hover {
    text-decoration: underline
}

.player-info .player-img {
    z-index: 1;
    width: 104px;
    height: 104px;
    background: #fff;
    border-radius: 100%;
    overflow: hidden;
    position: absolute;
    top: -52px;
    left: 50%;
    margin-left: -52px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .25)
}

@media only screen and (min-width: 992px) {
    .player-info {
        margin: 0;
        padding: 0
    }

    .player-info .player-img {
        position: static;
        width: 150px;
        height: 150px;
        border-radius: 0;
        position: static;
        top: 0;
        left: 0;
        margin-left: 0;
        box-shadow: none
    }

    .player-info .player-img>img {
        max-width: 150px;
        max-height: 150px
    }
}

.player-season {
    padding: 1rem;
    background: #eee
}

.player-season h5 {
    margin-bottom: 0
}

.lb-events .td_c.playertotal {
    padding-right: 2px;
    font-weight: 900
}

.joomleague p.fulltablelink {
    display: block
}

.module .fulltablelink {
    margin-top: 1rem !important;
    margin-bottom: 0 !important;
    text-align: center
}

.joomleague .fulltablelink a {
    color: #323232;
    border: 1px solid #eee;
    box-shadow: 0 2px 0 #eee;
    padding: .5rem 2rem;
    border-radius: 2rem;
    font-size: 80%;
    text-transform: uppercase
}

.joomleague .fulltablelink a:hover {
    background: #2cc185;
    color: #fff;
    text-decoration: none;
    border-color: #2cc185;
    box-shadow: 0 2px 0 #218f63;
    padding: .5rem 2.5rem
}

.mod_jl_results .mod_jl_results_time {
    font-size: 75%;
    text-align: center
}

.mod_jl_results img {
    vertical-align: -0.5em;
    margin: 2px 2px 0
}

#jl_stats,
.jl_substats {
    clear: both;
    display: block;
    width: 100%
}

.jl_substats table {
    width: 100%
}

section.team-desc {
    margin: 20px 0 0 0
}

.joomleague td.statvalue {
    font-weight: 900;
    padding: .75rem;
    text-align: right
}

.joomleague td.valueleft,
.joomleague td.valueright {
    font-weight: 700;
    color: #424242
}

.joomleague .rankingrow_rank,
.joomleague .rankingrow_logo {
    padding: 0 10px !important
}

.joomleague .rankingrow_points {
    font-weight: 700;
    color: #000;
    background: #fafafa
}

.joomleague .rankingrow_played {
    font-weight: 700 !important;
    color: #000
}

.joomleague .rankingrow_teamname,
.joomleague .resultsrow_teamname {
    width: 35% !important;
    max-width: 150px !important;
    overflow: hidden;
    white-space: nowrap
}

.joomleague .resultsrow_teamname {
    white-space: normal !important
}

.joomleague .lastgames img {
    width: 24px;
    height: 24px
}

.joomleague .lastgames img:hover {
    opacity: .8
}

.joomleague .teams .team-bg {
    background: #eee
}

.joomleague .teams .team-bg a,
.joomleague .teams .team-bg a:hover {
    color: #323232
}

.joomleague .teams .club_logo img {
    border-radius: 100%;
    padding: .5rem;
    background: #fff
}

.joomleague .teams .team-bg:hover .club_logo img {
    transform: scale(1.1)
}

.joomleague .teams .team-bg:hover h5 {
    transform: translateY(0.25rem)
}

#joomleague-right {
    overflow: hidden
}

.jlr-dots {
    background: #fff
}

.col-right.jl-right .modbody {
    margin-bottom: 0
}

.item-options {
    padding: 20px 0 0 0;
    border-top: solid #eee 1px;
    margin: 0 0 20px 0
}

.item-options ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.item-options ul li {
    width: auto;
    height: 32px;
    float: left;
    margin: 0 1% 0 0;
    border-radius: 1rem;
    border: 1px solid #e0e0e0
}

.item-options ul li a {
    color: #757575;
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
    padding: 7px 15px;
    font-size: 12px;
    border-radius: 1rem
}

.item-options ul li a:hover {
    text-decoration: none
}

.item-options ul li a i {
    margin-right: 3px;
    color: #2cc185
}

.item-options ul li:hover {
    border-color: #2cc185
}

.item-options ul li:hover>a,
.item-options ul li:hover>a>i {
    color: #fff;
    background: #2cc185
}

.item-options ul li.up {
    background-color: #2cc185;
    float: right;
    margin: 0;
    color: #fff;
    border: 0
}

.item-options ul li.up:hover>a {
    background: #212121
}

.col-main #jl-nav-module {
    padding: 0 1rem 3rem 1rem;
    background: #fff
}

.grid-left #jl-nav-module {
    margin-top: -40px;
    text-align: center
}

section.mod-login {
    padding: 5px 10px 5px 0;
    border-right: #616161 1px solid;
    display: block;
    float: left
}

section.mod-login div {
    color: #9e9e9e;
    float: left;
    padding: 5px 0;
    margin: 0 10px
}

section.mod-login div:first-child {
    margin: 0 !important
}

section.mod-login:after {
    clear: both;
    float: none;
    content: "";
    display: table
}

section.mod-login div.logout-button input[type=submit] {
    background: #2cc185;
    color: #fafafa;
    padding: 4px;
    border: 0;
    line-height: 14px
}

section.mod-login div.logout-button input[type=submit]:hover {
    color: #2cc185;
    background: #fafafa
}

.banner ul.navigation {
    margin: 0;
    padding: 10px;
    float: left;
    color: #616161;
    list-style-position: inside
}

.banner ul.navigation li {
    float: left;
    margin-right: 15px
}

.banner ul.navigation li a {
    font-weight: 300;
    color: #e0e0e0;
    text-transform: uppercase;
    font-size: 13px
}

.banner ul.navigation li a:hover {
    text-decoration: underline
}

.red-title-menu {
 color:#ad2a2a!important;
}
.red-title-menu a {
 color:#ad2a2a!important;
}
.table-big-title {
font-size: 36px;
background: #ad2a2a !important;
color: #ffffff;
text-align: center;
padding: 10px 20px !important;
display: flex;
margin: 16px auto !important;
width: fit-content;
justify-content:center;
}

.item192 ul {
  flex-wrap: wrap;
}

.lb-bar-menu{
 width: 100%;
}

@media only screen and (min-width: 992px) {
.lb-bar-menu{
  width: calc(33% - 1.5rem);
}}

.last-bar-menu{
  width: 100%;
    text-align: center;
    background: #f8f8f8;
    font-weight: 600;
    padding: 8px 0;
    margin: 12px 0;
}
/*# sourceMappingURL=template.min.css.map */

