body {
    color: #333333;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
}

body.intro {
    background: transparent;
}
/*-------- KLASA ZALOBNA, NALEZY DODAC DO BODY --------------*/
.mourning {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
/*
Dlugosc trwania animacji
*/
.animationDuration {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
em {
    padding-right: 2px;
}
h1 {
    font-size: 50px;
    font-weight: bold;
    font-family: oswald;
    text-transform: uppercase;
    color: #004a9c;
    text-align: center;
    background: transparent;
    margin-bottom: 50px;
    display: inline-block;
    border-bottom: 1px solid #004a9c;
    padding: 0 45px;
    padding-bottom: 7px;
}
h2 {
    font-size: 30px;
    font-weight: bold;
    font-family: oswald;
    text-transform: uppercase;
    color: #004a9c;
    text-align: left;
    padding-bottom: 11px;
    margin-bottom: 30px;
    border-bottom: 1px solid #004a9c;
}
.mainpage h2 {
    font-size: 50px;
    font-weight: bold;
    font-family: oswald;
    text-transform: uppercase;
    color: #004a9c;
    text-align: center;
    padding-bottom: 7px;
    margin-bottom: 49px;
    border-bottom: 1px solid #004a9c;
    padding: 0 45px 7px;
    display: inline-block;
}
h3 {
}
h4 {
}
h5 {
}

a {
    color: #004a9c;
    text-decoration: none;
}

a:hover, a:focus {
    color: #df231f;
    text-decoration: none;
}


a, button {
    transition: all 300ms ease-out;
}

body > svg {
    display: none;
}

a, button, input, select {
    outline: none !important;
}

.vcenter {
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
}

.txt {
    font-size: 16px;
    line-height: 187.5%;
    color: #333;
    margin-bottom: 30px;
    letter-spacing: 0;
}

.text a {
    color: #004a9c;
    font-weight: bold;
}

.text a:hover {
    text-decoration: underline;
}
.text p {
    margin-bottom: 1em;
}

svg {
    transition: all 300ms ease-out;
}

.copyright-undicom a img {
    width: 13px;
    height: 13px;
}

.clear:after {
    content: '';
    display: block;
    clear: both;
}

.mask {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}

.mask.news-detalis-mask {
    height: 100%;
    position: relative;
    background-color: #004a9c;
}


.container {
    clear: both;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
    max-width: 1670px;
    width: 100%;
}

#container-page {
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
}


#page {
    overflow: hidden;
}

/**
 * Intro
 */
.intro #page {
    margin: 0 !important;
    padding: 0 !important;
}

.intro header {
    display: none;
}
.intro footer {
    display: none;
}
.intro-item {
    width: 50%;
    float: left;
    height: 50vh;
    position: relative;
    display: block;
}

.intro1-mask {
    background: rgba(0, 74, 156, 0.8);
    background-size: contain !important;
}

.mask.intro1-mask span.mask-frame {
    border: 10px solid #df231f;
    display: block;
    width: 100%;
    height: 100%;
    border-left: 0;
}

.footballer {
    z-index: 1;
    position: absolute;
}

.footballer {
    left: 13%;
    /*top: 4%;*/
    width: 53.4%;
    top: 58%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    max-height: 108%;
}

.footballer img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.footballer img:nth-child(2) {
    position: absolute;
    top: 25%;
    left: -13%;
    width: 55.5%;
}


.intro-link {
    position: absolute;
    right: 7%;
    width: 50%;
    text-align: center;
    margin-top: -1%;
}

.intro-link h2 {
    font-size: 60px;
    color: #fff;
    font-family: oswald;
    text-transform: uppercase;
    font-weight: 300;
    display: inline-block;
    letter-spacing: 0.1em;
    line-height: 170%;
    background: url(../images/line1.png) no-repeat center center;
    padding-bottom: 0;
    border-bottom: 0 none;
    margin-bottom: 0;
}

.intro-link h2 strong {
    font-weight: bold;
    display: block;
    letter-spacing: 0;
}

.intro-link span.btn.btn-more {
    display: block;
    width: 200px;
    height: 38px;
    line-height: 36px;
    background: #df231f;
    border-radius: 0;
    font-size: 16px;
    color: #fff;
    padding: 0;
    margin: 0 auto;
}

.intro-content {
    padding: 0 8%;
}

.intro-left {
    float: left;
    text-align: left;
    padding-right: 15px;
    width: 45%;
}

.intro-left h2 {
    font-size: 60px;
    color: #004a9c;
    font-family: oswald;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 0.01em;
    line-height: 170%;
    background: url(../images/line2.png) no-repeat center center;
    margin-top: -17px;
    text-align: center;
    width: 230px;
    padding: 0;
    margin-bottom: 0;
    border-bottom: 0 none;
}


.intro-left h2 strong {
    display: block;
    letter-spacing: 0.5em;
    text-align: center;
    padding-left: 6px;
}

.intro-right {
    float: right;
    width: 55%;
}

.intro-time-box {
    clear: both;
    margin: 0 -6% 14px;
}

.intro-logo-box {
    padding: 14px 0;
}

.logo-box-all:first-child {
    float: left;
}
.logo-box-all {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 40%;
}

.logo-box-name {
    height: 48px;
    text-align: center;
    padding: 5px;
    font-size: 16px;
    color: #004a9c;
    font-family: oswald;
    font-weight: 200;
}
.logo-box {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    border: 1px solid #e5e5e5;
    width: 100%;
}

.logo-box-center {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    width: 17%;
    font-weight: bold;
    font-size: 36px;
    color: #004a9c;
    font-family: oswald;
    padding-bottom: 48px;
}

.slide .logo-box-center {
    padding-bottom: 0;
}

.logo-box img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.logo-box img:nth-child(2), .logo-box span {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 90%;
    max-height: 90%;
}

.logo-box span {
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}


.logo-box-center h3 {
    font-size: 36px;
}

.intro-content-line {
    padding-bottom: 6px;
}

.time-item {
    width: 25%;
    float: left;
    text-align: center;
    padding: 0 6%;
}

span.time-part {
    display: inline-block;
    vertical-align: middle;
    width: 45%;
    height: 68px;
    line-height: 68px;
    font-size: 36px;
    color: #df231f;
    font-family: 'Unica One', cursive;
    text-align: center;
    background: #eef1f6;
    margin-bottom: 10px;
    margin-left: 2%;
}

.intro-time-info {
    text-align: center;
}

.intro-time-info h3 {
    font-size: 60px;
    color: #df231f;
    font-family: oswald;
    text-transform: uppercase;
    margin-bottom: 15px;
}

span.time-desc {
    display: block;
    clear: both;
    font-size: 14px;
    color: #808285;
}

.intro-place {
    font-size: 18px;
    font-family: oswald;
    color: #fff;
    font-weight: 300;
    background: #004a9c;
    height: 38px;
    line-height: 38px;
    padding-left: 15px;
    position: relative;
    /* opacity: 0.3; */
    margin: 0 8px;
    letter-spacing: 0.05em;
}

.intro-place a {
    width: 204px;
    height: 50px;
    float: right;
    margin-top: -6px;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 50px;
    background: #df231f;
    padding-left: 19px;
    margin-right: 11px;
    position: relative;
}

.intro-place a span {
    position: absolute;
    width: 65px;
    display: block;
    margin-top: -7px;
    top: 0;
    right: 23px;
}

.intro-place a i {
    font-size: 25px;
    margin-left: 8px;
}

.intro-place a span svg {
    fill: #fff;
}

.intro-place a:hover {
    color: #004a9c
}

.intro-place a:hover span svg {
    fill: #004a9c
}

.intro-item:nth-child(3) {
    float: right;
}


.intro2-mask {
    background: rgba(223, 35, 31, 0.8);
    background-size: contain !important;
}

.mask.intro2-mask {
    padding: 9% 0 9% 13%;
}

.mask.intro2-mask span.mask-frame {
    border: 10px solid #004a9c;
    display: block;
    width: 100%;
    height: 100%;
    border-right: 0;
}

.buy-ticket {
    position: absolute;
    text-align: center;
    z-index: 1;
    left: 0;
    right: 0;
    margin: auto;
    padding-left: 10%;
    margin-top: -34px;
}

.ticket {
    width: 177px;
    display: block;
    margin: 0 auto;
    margin-bottom: -54px;
}

.buy-ticket h2 {
    font-size: 60px;
    color: #fff;
    font-family: oswald;
    font-weight: 300;
    text-transform: uppercase;
    background: url(../images/line1.png) no-repeat bottom center;
    padding-bottom: 13px;
    border-bottom: 0 none;
}

.ticket svg {
    fill: #fff;
}

.intro .buy-ticket h2 {
    text-align: center;
    margin-bottom: 0;
}
.buy-ticket a:hover svg {
    fill: #004a9c
}
.buy-ticket a:hover h2 {
    color: #004a9c;
    background: url(../images/line3.png) no-repeat bottom center
}

.social .social-list li a span.fa.fa-instagram {
    color: transparent;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background-clip: text;
    -webkit-background-clip: text;
}

.social .social-list li a span.fa.fa-twitter {
    color: #00aeef;
}

.social .social-list li a span.fa.fa-facebook {
    color: #3a56a2;
}

.intro-col {
    width: 50%;
    height: 100%;
    float: left;
}

.intro-part {
    width: 100%;
    height: 50%;
    position: relative;
    display: block;
}

.newsletter .form-control-feedback {
    right: 43px;
    top: 5px;
}

.intro-part h3 {
    text-align: center;
    font-size: 36px;
    color: #004a9c;
    text-transform: uppercase;
    font-family: oswald;
    letter-spacing: 0.4em;
    font-weight: 300;
    line-height: 171%;
    background: url(../images/line4.png) no-repeat center center;
    margin-bottom: 0px;
    padding-top: 0px;
}

.intro-part-left {
    float: left;
    position: absolute;
    width: 50%;
    padding-left: 43px;
    left: 0;
}

.intro-part-right {
    float: right;
    width: 50%;
    position: absolute;
    right: 0;
    height: 100%;
    text-align: right;
}

.intro-part-right img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    float: right;
}

.intro-part h3 strong {
    display: block;
    letter-spacing: 0.05em;
}

.intro-part-left .btn-btn-more {
}

.intro-part-left span.btn.btn-more {
    display: block;
    width: 140px;
    height: 28px;
    line-height: 28px;
    background: #df231f;
    border-radius: 0;
    font-size: 12px;
    color: #fff;
    padding: 0;
    margin: 0 auto;
    letter-spacing: 0.02em;
}

.mask-intro-part1 {
    background-color: rgba(255, 255, 255, 0.902);
}
.mask-intro-part2 {
    background-color: rgba(0, 74, 156, 0.4)
}
.mask-intro-part3 {
    background-color: rgba(0, 74, 156, 0.4)
}
.mask-intro-part4 {
    /*background-color: rgba(0, 33, 68, 0.8);*/
}

.intro-part .tv h3 {
    color: #fff;
    letter-spacing: 0;
    background: url(../images/line6.png) no-repeat center bottom;
    padding-bottom: 6px;
}

.intro-part .tv h3 strong {
    display: inline;
    letter-spacing: 0;
}

span.tv-logo {
    display: block;
    margin: 0 auto;
    width: 42px;
    margin-bottom: -10px;
}

.social h3 {
    color: #fff;
    letter-spacing: 0;
    background: url(../images/line6.png) no-repeat center bottom;
    padding-bottom: 6px;
    margin-bottom: 25px;
}
.social h3 strong {
    display: inline;
    letter-spacing: 0;
}

.social .social-list {
    font-size: 0;
    text-align: center;
}

.social .social-list li {
    display: inline-block;
    margin: 0 18px;
}

.social .social-list li a {
    display: block;
    width: 50px;
    height: 50px;
    background: #fff;
    line-height: 48px;
    text-align: center;
    border: 1px solid #fff;
}

.club-box img {
    max-width: 80%;
    max-height: 80%;
    display: block;
    margin: 0 auto;
    transition: all 300ms ease-out;
}

.club-box a:hover img {
    -webkit-transform: scale(1.01) translate3d(0, 3px, 0);
    -moz-transform: scale(1.01) translate3d(0, 3px, 0);
    -ms-transform: scale(1.01) translate3d(0, 3px, 0);
    -o-transform: scale(1.01) translate3d(0, 3px, 0);
    transform: scale(1.01) translate3d(0, 3px, 0);
}

.intro-part-content {
    text-align: center;
}

.intro-place a span.fa-youtube-play {
    position: relative;
    top: auto;
    right: auto;
    width: auto;
    display: inline-block;
    margin: 0;
    font-size: 23px;
    margin-left: 7px;
    vertical-align: middle;
    margin-bottom: 4px;
}

.intro-place a.now {
    width: 240px;
}

@media (min-width: 1140px) and (min-height: 860px) {
    .intro .mask.intro1-mask {
        padding: 9% 13% 9% 0;
    }

    .intro .mask.intro2-mask {
        padding: 9% 0 9% 13%;
    }
}

@media (min-width: 1140px) and (max-height: 860px) {
    .intro .mask.intro1-mask {
        padding: 6% 10% 6% 0;
    }

    .intro .mask.intro2-mask {
        padding: 6% 0 6% 10%;
    }
}

@media (min-width: 1140px) and (max-height: 780px) {
    .intro .mask.intro1-mask {
        padding: 4% 8% 4% 0;
    }

    .intro .mask.intro2-mask {
        padding: 4% 0 4% 8%;
    }

    .intro .intro-link h2 {
        font-size: 50px;
    }

    .intro .intro-left h2 {
        font-size: 50px;
    }

    .intro .buy-ticket h2 {
        font-size: 50px;
    }

    .intro .intro-part h3 {
        font-size: 30px;
    }

    .intro .intro-logo-box {
        padding: 0;
    }

    .intro span.time-part {
        height: 55px;
        line-height: 55px;
    }

    .intro .social .social-list li a {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}

@media (min-width: 1140px) and (max-height: 700px) {
    .intro .mask.intro1-mask {
        padding: 2% 5% 2% 0;
    }

    .intro .mask.intro2-mask {
        padding: 2% 0 2% 5%;
    }

    .intro .intro-link h2 {
        font-size: 40px;
    }

    .intro .intro-left h2 {
        font-size: 40px;
        line-height: 140%;
        margin-top: 0;
        width: 162px;
    }

    .intro .buy-ticket h2 {
        font-size: 40px;
    }

    .intro .intro-logo-box {
        padding: 14px 0;
        float: right;
        white-space: nowrap;
        padding-right: 10px;
    }

    .intro .logo-box-center {
        padding: 0 10px;
        width: 70px;
    }

    .intro .logo-box {
        width: auto;
    }

    .intro .logo-box img:first-child {
        height: 85px;
    }

    .intro .intro-content-line {
        padding-bottom: 0;
    }

    .intro .intro-part h3 {
        font-size: 25px;
    }
}
@media (min-width: 1140px) and (max-height: 600px) {
    .intro-item {
        min-height: 300px
    }
}

@media (min-width: 1140px) and (min-height: 950px) {
    .intro-part-right {
        height: auto;
    }
}

/**
 * HEADER
 */

header {
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 99;
    width: 100%;
    background: #fff;
}

.social-top {
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}

.top-bar .w {
    font-family: "open sans";
    font-size: 11px;
    color: #000000;
    display: inline-block;
    text-transform: uppercase;
    line-height: 15px;
    vertical-align: middle;
    text-align: left;
    margin-top: -4px;
}

.social-top .w {
    margin-right: 5px;
}

.top-bar {
    padding-top: 9px;
    padding-bottom: 5px;
    text-align: center;
    position: relative;
    z-index: 1003;
    background: #fff;
}

nav.social-list {
}

.social-top nav.social-list {
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
    padding-top: 0px;
}
.full-page-photo img {
    display: block;
    margin: auto;
    width: 100%;
    /*max-height: calc(100vh - 100px);*/
}
.full-page-photo {
    padding-bottom: 30px;
    clear: both;
}
.social-top nav.social-list li {
    padding: 0 3px;
    display: inline-block;
    text-align: center;
    font-size: 0;
}

.social-top nav.social-list li a {
    width: 34px;
    height: 34px;
    border: 1px solid #e5e5e5;
    display: block;
    color: #004a9c;
    font-size: 16px;
}

.social-top nav.social-list li a:hover {
    background: #004a9c;;
    color: #fff;
    border-color: #004a9c;
}

.bip-top {
    display: inline-block;
    vertical-align: middle;
    background: url(../images/line7.png) no-repeat left center;
    padding-left: 17px;
}

.buy-ticket-top {
    display: inline-block;
    margin-top: 2px;
    vertical-align: middle;
}

.buy-ticket-top a span:last-child {
    width: 52px;
    height: 52px;
    display: block;
    float: right;
    margin-top: -6px;
    margin-right: 8px;
    margin-bottom: -10px;
}

.buy-ticket-top a span svg {
    fill: #fff;
}

.buy-ticket-top a {
    width: 160px;
    height: 40px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 40px;
    background: #df231f;
    padding-left: 18px;
    position: relative;
    font-family: oswald;
    font-size: 15px;
    display: block;
    text-align: left;
}
@media screen and (min-width: 1140px) {
    .buy-ticket-top a:hover {
        background: #004a9c
    }
}
.sponsors-top .sponsor-top img{
    display: block;
    margin: auto;
    max-width: 100%;
    height: auto;
}
.sponsors-top .sponsor-top a{
    display: block;
    width: 100%;
    margin: 0;
}
.sponsors-top .sponsor-top {
    width: 33.3333%;
    padding: 0;
    margin: 0;
}
.sponsors-top{
    width: 25vw;
    font-size: 0;
}
.sponsors-top,
.sponsor-top {
    display: inline-block;
    vertical-align: middle;
    /*background: url(../images/line7.png) no-repeat left center;*/
    /*padding-left: 20px;*/
    /*margin-left: 20px;*/
}

.sponsor-top.without-background {
    background: none;
    margin-left: 0;
    padding-left: 0;
}

.top-bar-left {
    padding-top: 5px;
    float: left;
    padding-right: 17px;
    padding-left: 282px;
}
header .bip-top a {
    margin: 0;
}
.bip-top a {
    display: inline-block;
    vertical-align: middle;
    margin-left: 25px;
}

.top-bar-right {
    float: right;
    margin-top: -2px;
}

.sponsor-top a {
    vertical-align: middle;
    display: inline-block;
    margin-left: 15px;
}

header {
    background: #004a9c;
}
.top .container * {
    pointer-events: all;
}
.top {
    pointer-events: none;
    position: relative;
    z-index: 1003;
}

.logo {
    float: left;
    margin-top: -55px;
    position: absolute;
    z-index: 9999;
}
.logo a {
    display: block;
}

.logo a img {
    display: block;
    float: left;
}
#main-menu {
    margin-right: -30px;
    padding-left: 247px;
}

#main-menu ul {
    /* float: right; */
    text-align: left;
}

#main-menu ul li a#home {
    width: 60px;
    height: 60px;
    padding: 0;
    margin: 0;
    background: transparent;
}
#main-menu ul li a#home svg {
    max-width: 100%;
    max-height: 100%;
    display: block;
    fill: #fff;
}

#main-menu > ul > li:first-child {
    padding-top: 8px;
    margin-left: 16px;
}

#main-menu ul li {
    float: none;
    display: inline-block;
    /* position: relative; */
    padding-top: 20px;
    margin-right: 14px;
    vertical-align: top;
}

#main-menu ul li a {
    display: block;
    font-weight: normal;
    letter-spacing: 0.05em;
    text-decoration: none;
    background-position: top center;
    text-transform: uppercase;
    padding: 0 30px;
    line-height: 28px;
    font-family: oswald;
    font-size: 19px;
    color: #fff;
    padding-bottom: 14px;
    border-bottom: 6px solid #004a9c;
}

#main-menu > ul > li > a:hover {
    border-bottom: 6px solid #df231f;
}

#main-menu > ul > li.active > a {
    border-bottom: 6px solid #df231f;
}

.submenu-main {
    display: none;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 68px;
    visibility: hidden;
    width: 100%;
    z-index: 1;
    background: url(../images/submenu_main_bg.jpg) no-repeat center bottom;
    text-align: left;
    padding-top: 50px;
    padding-bottom: 50px;
}

#main-menu ul li:hover .submenu-main {
    display: block;
    visibility: visible;
}

#main-menu ul li ul li {
    padding: 0;
    width: 28.33%;
    float: left;
    text-align: left;
    margin: 0 2.5%;
    position: relative;
}

#main-menu ul li li a {
    padding: 0;
    font-family: 'open sans';
    font-size: 15px;
    line-height: 24px;
    font-weight: normal;
    padding-top: 13px;
    padding-bottom: 13px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding-left: 15px;
    padding-right: 30px;
    background: url(../images/arrow_sub.png) no-repeat right center;
}

#main-menu ul li ul li:first-child a, #main-menu ul li ul li:nth-child(2) > a, #main-menu ul li ul li:nth-child(3) > a {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

#main-menu ul li ul li:first-child {
}

#main-menu ul li ul li ul li:first-child {
    margin: 0;
    padding: 0;
}

#main-menu ul li ul {
    max-width: 1670px;
    /* float: right; */
    margin: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding-left: 250px;
}

#main-menu ul ul ul {
    display: none;
    visibility: hidden;
}

#main-menu ul li li a:hover {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    background-color: #df231f;
}
#main-menu ul li li.active > a {
    background-color: #df231f;
}

#main-menu ul ul ul {
    display: none;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 68px;
    visibility: hidden;
    width: 100%;
    z-index: 1;
    background: rgba(255, 255, 255, 0.102);
    text-align: left;
    padding-top: 50px;
}

#main-menu ul ul li:hover > a {
    background-color: #df231f
}

#main-menu ul ul li:hover ul a:hover {
    background-color: rgba(255, 255, 255, 0.3);
}
#main-menu ul ul li:hover ul {
    display: block;
    visibility: visible;
    top: 100%;
    padding-top: 0;
    left: 0;
    right: 0;
    background: #004a9c;
}

#main-menu ul ul ul li {
    width: 100%;
    margin: 0;
    float: none;
}

#main-menu ul li ul ul li:first-child a, #main-menu ul li ul ul li:nth-child(2) > a, #main-menu ul li ul ul li:nth-child(3) > a {
    border-top: 0 none
}

#main-menu ul li li li a:hover {
    background-color: rgba(0, 74, 156, 0.4);
}


/**
 * CONTENT
 */

#content {
    overflow: hidden;
    padding-top: 129px;
}
.text {
    overflow: visible;
}

.main-slider {
    margin-bottom: 0;
    position: relative;
    width: 100%;

}
.main-slider .slide img {
    max-width: 100%;
}

.main-slider .container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
    max-width: 1670px;
    z-index: 2;
}

.slider-text {
    padding: 0;
    display: block;
    position: absolute;
    max-width: 37%;
    bottom: 12%;
}

.slide-group {
    display: inline-block;
    font-weight: bold;
    font-family: oswald;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    padding-left: 17px;
    padding-right: 17px;
    margin-bottom: 10px;
    background: #df3827;
}

.slide-title span .apla {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -20px;
    display: block;
    background-color: rgba(0, 74, 156, 0.8);
    z-index: -1;
    width: 0;
    -webkit-transition: width 0.4s;
    -moz-transition: width 0.4s;
    -ms-transition: width 0.4s;
    -o-transition: width 0.4s;
    transition: width 0.4s;
}
.slide-title span {
    line-height: 100%;
    z-index: 2;
    position: relative;
}
.slide-title {
    font-weight: bold;
    font-family: oswald;
    font-size: 50px;
    line-height: 120%;
    color: #fff;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 10px;
}

.date {
    padding: 3px 17px;
    font-size: 24px;
    font-weight: normal;
    font-family: oswald;
    color: #004a9c;
    background: #eff4e6;
    display: inline-block;
}

.arrow-prev {
    cursor: pointer;
    border: 0 none;
    z-index: 2;
    font-size: 27px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

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

    .arrow-prev:hover {
    }
}
.arrow-next {
    cursor: pointer;
    border: 0 none;
    z-index: 2;
    font-size: 27px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

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

    .arrow-next:hover {
    }
}

span.mask.pagin-bg {
    background: url(../images/pagin_bg.png) no-repeat right bottom;
    background-size: auto 100%;
    display: block;
}

.main-slider-nav {
    position: absolute;
    right: 73px;
    bottom: 44px;
}

section.slider {
    position: relative;
}

.slider-pagin {
    display: inline-block;
    vertical-align: middle;
}

.slider-pagin ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}

.slider-pagin ul li span {
    font-size: 21px;
    color: #fff;
    font-family: oswald;
    display: inline-block;
    vertical-align: middle;
}

.paging-img {
    border-style: solid;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.1);
    background-color: rgba(0, 74, 156, 0.1);
    box-shadow: 0px 7px 5px 0px rgba(23, 23, 21, 0.6);
    width: 210px;
    height: 132px;
    display: inline-block;
    vertical-align: middle;
    background-size: cover;
    background-position: center;
}

.slider-pagin ul li span.paging-img {
    margin-left: 20px;
    display: none;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.slider-pagin ul li.slick-hide-photo span.paging-img {
    opacity: 0;
}
.slider-pagin ul li.slick-show-photo span.paging-img {
    display: inline-block
}
.slider-pagin ul li.slick-show-photo span {
    font-size: 0;
}
#main-menu ul li {
    margin-right: -1px;
}
.slider .loader {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("../images/icons/loader.svg") no-repeat center center #004a9c;
    pointer-events: none;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.slider .loader.loader-hidden {
    opacity: 0;
    pointer-events: none;
}
.main-slider:not(.slick-initialized) {
    white-space: nowrap;
    position: relative;
}
.main-slider:not(.slick-initialized) .slide {
    display: inline-block;
    white-space: normal;
}
.intro-content {
    position: relative;
}
.sliders-box:first-of-type .slick-prev {
    left: 0;
    top: 0;

}
.news {
    width: 33.33%;
    float: left;
    padding: 0 17px;
    margin-bottom: 34px;
}

.news-box {
    margin: 0 -17px;
    margin-bottom: 16px;
    text-align: left;
}

.news-photo {
    display: block;
    text-align: center;
    position: relative;
    overflow: hidden;
    margin-bottom: 17px;
}

.news-photo img {
    display: block;
    max-width: 100%;
}

.news a {
    display: block;
    border: 1px solid #e5e5e5;
    max-width: 100%;
    background: #fff;
    position: relative;
}

.news-box-container {
    padding-top: 31px;
    padding-bottom: 49px;
    position: relative;
    text-align: center;
    background: url(../images/news_bg.jpg) no-repeat right top;
    background-size: 100% auto;
    margin-top: 0px;
}
.hover-news {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all 300ms ease-out;
    pointer-events: none;
    -webkit-box-shadow: inset 0px 0px 0px 3px rgba(223, 35, 31, 1);
    -moz-box-shadow: inset 0px 0px 0px 3px rgba(223, 35, 31, 1);
    box-shadow: inset 0px 0px 0px 3px rgba(223, 35, 31, 1);
}

.news-photo img {
    transition: all 300ms ease-out;
    margin-top: -2px;
}

.hover-news .btn.btn-more {
    margin: 0 auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    right: 0;
    background: #000000;
}

.news-date {
    display: block;
    letter-spacing: 0.05em;
    width: 103px;
    line-height: 25px;
    height: 25px;
    color: #fff;
    font-family: oswald;
    position: absolute;
    right: 0;
    bottom: 10px;
    font-size: 12px;
    background: #df231f;
}

.news-content {
    display: block;
    padding: 0px 19px;
    letter-spacing: 0.05em;
    margin-bottom: 20px;
}

.news-title {
    display: block;
    letter-spacing: 0;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    font-family: oswald;
    color: #004a9c;
}

.news-content .text.txt {
    font-size: 14px;
    line-height: 22px;
    color: #5f5f5f;
    margin-bottom: 20px;
    display: block;
}

.news-box-container .container {
    max-width: 1350px;
}
.subpage .btn.btn-more.btn-red {
    background: #df231f;
}
.btn.btn-more.link-relation,
.news-content .btn.btn-more {
    display: block;
    width: 140px;
    height: 26px;
    line-height: 24px;
    background: #004a9c;
    border-radius: 0;
    font-size: 12px;
    color: #fff;
    padding: 0;
    letter-spacing: 0.02em;
}
.top-bar .sponsor-top .w {
    max-width: 60px;
}
@media screen and (min-width: 1140px) {

    .news a:hover .hover-news {
        opacity: 1;
    }

    .subpage .btn.btn-more.btn-red:hover {
        background: #004a9c;
    }

    .btn.btn-more.link-relation:hover,
    .news a:hover .news-content .btn.btn-more {
        background: #df231f;
    }

    .news a:hover .news-photo img {
        -webkit-transform: scale(1.01) translate3d(0, 3px, 0);
        -moz-transform: scale(1.01) translate3d(0, 3px, 0);
        -ms-transform: scale(1.01) translate3d(0, 3px, 0);
        -o-transform: scale(1.01) translate3d(0, 3px, 0);
        transform: scale(1.01) translate3d(0, 3px, 0);

    }
}
.bip-top-placeholder {
    display: block;
    float: left;
    width: 34%;
    height: 2px;
}
.footer-sponsor .bip-top {
    padding: 0;
    width: 30.5%;
    text-align: right;
}
.footer-sponsor .w {
    font-family: "open sans";
    font-size: 11px;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    line-height: 15px;
    vertical-align: middle;
    text-align: left;
    margin-top: -4px;
}
.btn.btn-more {
    width: 242px;
    height: 46px;
    color: #fff;
    font-size: 18px;
    background: #df231f;
    border-radius: 0;
    padding: 0;
    line-height: 44px;
    box-shadow: 0 0 0 transparent !important;
    margin: 0 auto;
    display: block;
}

.btn.btn-more:hover {
    background: #004a9c;
}

.b1-box-container {
    border-top: 1px solid #e5edf5;
}

.b1-box-item {
    float: left;
    padding: 10px;
    width: 50%
}
.b1-box-item a {
    display: block;
    border: 1px solid #f2f0f0
}
.b1-box-item:first-child a {
    float: right
}
.b1-box-item:last-child a {
    float: left
}
.b1-box {
    clear: both;
    overflow: hidden;
    max-width: 1496px;
    margin: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    width: 100%;
}
.b1-box-item img {
    display: block;
    max-width: 100%
}

.blue-box-left {
    float: left;
    width: 50%;
}

.blue-box-right {
    float: right;
    width: 40%;
}

.blue-box-right.hide-match {
    float: none;
    margin: 0 auto;
}

section.blue-box-container h2 {
    color: #fff;
    text-align: left;
    border-bottom: 1px solid #fff;
    display: inline-block;
    background: transparent;
    margin-bottom: 48px;
    padding: 0 0 7px;
}

section.blue-box-container {
    padding-top: 33px;
    background: url(../images/blue_bg.jpg) no-repeat top center /cover;
    padding-bottom: 50px;
}

.match-item-big {
    border: 10px solid #df231f;
    padding-top: 17px;
    padding-bottom: 46px;
    margin-bottom: 28px;
    background-color: #fff !important;
}

.match-item-big .intro-content {
    padding: 0 9%;
}

.match-item-big .intro-left h3 {
    font-size: 36px;
    color: #004a9c;
    font-family: oswald;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 170%;
    background: url(../images/line2.png) no-repeat left bottom;
    text-align: left;
    padding-bottom: 6px;
    margin-bottom: 24px;
}

.match-item-big .intro-left h4 {
    font-size: 18px;
    font-family: oswald;
    color: #004a9c;
}


.match-item-big .intro-right {
    float: right;
    width: 50%;
    padding-top: 4px;
}

.match-item-big .intro-content-line {
    padding-bottom: 16px;
    display: flex;
    align-items: center;
}
@media screen and (max-width: 1280px){
    .match-item-big .intro-content-line {
        display: block;
    }
    .intro-left{
        padding: 0;
    }
}
@media screen and (max-width: 960px){
    .intro-item.next-match-intro div.intro-content {
        padding: 30px 15px;
    }
}
.match-item-big span.time-part {
    width: 41px;
    height: 54px;
    font-size: 29px;
    line-height: 57px;
    margin: 0 4px;
}
.match-item-big .time-item {
    padding: 0 12px;
    display: inline-block;
    font-size: 0;
    float: none;
    width: 124px;
}

.match-item-big .intro-time-box {
    margin: 0;
    padding-bottom: 33px;
    text-align: center;
}

.match-item-big span.time-desc {
    padding-top: 7px;
    font-size: 12px;
}

.match-item-big .intro-place {
    font-size: 15px;
    height: 30px;
    line-height: 30px;
}

.match-item-big .intro-place a {
    margin-top: -10px;
    width: 200px;
    padding-left: 21px;
    letter-spacing: 0.08em;
    margin-right: 9px;
}
.match-item-big .intro-place a.ex {
    padding-left: 13px;
    letter-spacing: 0.05em;

}

.match-item-big .intro-place a span {
    right: 10px;
}

.match-item-small {
    float: left;
    width: 50%;
    padding: 0 14px;
}

.sliders-box {
    margin: 0 -14px;
}

.match-item-small h3 {
    font-size: 23px;
    color: #004a9c;
    font-family: oswald;
    text-transform: uppercase;
    font-weight: 200;
    letter-spacing: 0;
    line-height: 170%;
    text-align: center;
    margin-bottom: 10px;
}

.match-item-small:first-child .intro-content {
    border: 10px solid #0054b2;
    padding-top: 23px;
    background: url(../images/vs.png) no-repeat center center #ffffff;
    background-size: contain;
}

.match-item-small:last-child .intro-content {
    border: 10px solid #fff;
    padding-top: 23px;
    background: url(../images/vs.png) no-repeat center center #f4f4f4;
    background-size: contain;
}

.match-item-small .info-palce {
    height: 21px;
    width: 100%;
    margin-bottom: 14px;
    text-align: center;
    font-weight: bold;
}
.match-item-small h4 {
    font-size: 17px;
    font-family: oswald;
    color: #004a9c;
    font-weight: 200;
    text-align: center;
}

.match-item-small .logo-box-center h3 {
    font-size: 27px;
    font-weight: bold;
    margin-bottom: 0;
}

/*.match-item-small .intro-logo-box {*/
/*    margin-bottom: 28px;*/
/*}*/

.buttons ul li {
    float: left;
    width: 50%;
    text-align: center;
    padding: 0 4px;
}

.buttons ul {
    margin: 0 -4px;
}

.buttons ul li a {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-family: oswald;
    height: 29px;
    line-height: 29px;
    letter-spacing: 0.05em;
    display: block;
}

.buttons {
    margin-bottom: 21px;
}

.buttons ul li:first-child a {
    background: #004a9c;
}
.buttons ul li:first-child a:hover {
    background: #000
}
.buttons ul li:last-child a {
    background: #000;
}
.buttons ul li:last-child a:hover {
    background: #004a9c
}


.match-item-small .info-palce {
    font-size: 14px;
    color: #004a9c;
    font-family: oswald;
    font-weight: bold;
    margin-top: 5px;
}

.match-item-small .logo-box {
    padding: 4px;
}

.match-item-small .logo-box img {
    background: #fff;
}
/*
@media screen and (min-width: 561px) {
    .sliders-box .accordion-main:first-child .slick-prev {
        display: none !important;
    }

    .sliders-box .accordion-main:last-child .slick-prev {
        display: none !important;
    }
}
*/
.sliders-box .accordion-main:first-child .slick-next i {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(-1);
    -moz-transform: translate3d(-50%, -50%, 0) scale(-1);
    -ms-transform: translate3d(-50%, -50%, 0) scale(-1);
    -o-transform: translate3d(-50%, -50%, 0) scale(-1);
    transform: translate3d(-50%, -50%, 0) scale(-1);
    margin-top: 4px;
}
.sliders-box .accordion-main:first-child .slick-prev {
    right: 0;
    left: auto;
}
.sliders-box .accordion-main:first-child .slick-next {
    position: absolute;
    left: 0;
    background: transparent;
    border: 0 none;
    font-size: 45px;
    line-height: 30px;
    color: #004a9c;
    top: 18px;
}
.modal-body .text {
    font-size: 16px;
    line-height: 40px;
}
.modal-title {
    color: #004a9c;
    font-weight: bold;
    font-size: 34px;
}
.match-item-small .slick-slider {
    position: static;
}
.match-item-small:last-child .slick-prev i ,
.match-item-small:last-child .slick-next i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    line-height: 30px;
}
.match-item-small:last-child .slick-prev {
    position: absolute;
    left: 0;
    z-index: 20;
    background: transparent;
    border: 0 none;
    font-size: 45px;
    line-height: 30px;
    color: #004a9c;
    top: 18px;
}
.match-item-small:last-child .slick-arrow.slick-disabled {
    opacity: 0.5;
    cursor: default;
}
.match-item-small:last-child .slick-next {
    position: absolute;
    right: 0;
    z-index: 20;
    background: transparent;
    border: 0 none;
    font-size: 45px;
    line-height: 30px;
    color: #004a9c;
    top: 18px;
}
.match-item-small:last-child .slick-arrow {
    line-height: 45px;
    height: 45px;
    width: 40px;
}
.match-item-small .slick-next.slick-disabled {
    opacity: 0.4;
    color: #000;
    cursor: auto;
    pointer-events: none;
}
.match-item-small:first-child .slick-prev:hover, .match-item-small:last-child .slick-next:hover {
    color: #df231f
}
.slider-match:not(.slick-initialized) .slide {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
}
.slider-match:not(.slick-initialized) {
    white-space: nowrap;
    overflow: hidden;
}
.blue-box-right h3 {
    background-color: rgb(0, 74, 156);
    font-size: 25px;
    color: #fff;
    font-family: oswald;
    text-transform: uppercase;
    font-weight: 300;
    padding: 7px 25px;
    margin-bottom: 15px;
}
.subpage table.result-table.timetable-table th {
    padding: 3px 13px 13px;
}
.subpage table.result-table th {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-family: oswald;
    font-weight: 300;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 13px;
    background: #df231f;
}
table.result-table td {
    font-size: 16px;
    color: #fff;
    font-family: oswald;
    font-weight: 300;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 7px 14px;
}
table.result-table th {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-family: oswald;
    font-weight: 300;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 13px;
    background-color: rgba(0, 0, 0, 0.302);
}
.table-holder {
    margin-bottom: 40px;
}
.logo-col img {
    height: 34px;
}
.subpage table.result-table td {
    font-size: 16px;
    color: #000;
    font-family: oswald;
    font-weight: 300;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 5px 14px 5px;
    vertical-align: middle;
}
.schedule-wrapper,
table.result-table {
    width: 100%;
    color: #000;
    max-width: 900px;
    margin: auto;
}
.table-match-info {
    font-size: 0;
}
.table-match-info .vs {
    width: 20%;
    display: table-cell;
    vertical-align: middle;
    font-size: initial;

}
.table-match-info .home-team,
.table-match-info .away-team {
    width: 40%;
    display: table-cell;
    vertical-align: top;
    font-size: initial;
}
.schedule-item .text table {
    margin: auto;
    background: #fff;
    border: 10px solid #df231f;
}
.table-match-info .match-date {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    font-size: initial;
}
.text .result-table tr td {
    padding: 7px 12px 4px;
}
.result-table .club-ico img {
    height: 36px !important;
}
.table-match-info {
    overflow: hidden;
    margin: auto;
    width: 100%;
    max-width: 380px;
}
.vs h3 {
    padding-bottom: 70px;
    font-size: 36px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    color: #004a9c;
    font-family: oswald;
}
.match-date {

}
.home-team-wrapper img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    max-width: 100%;
    max-height: 100%;
}
.table-match-for-table {
    display: table;
    width: 100%;
}
table.result-table th.round-name {
    border: 1px solid rgb(242, 242, 242);
    border-bottom: 0;
}
.subpage table.result-table.timetable-table th.sub-th {
    background: #004a9c;
    padding: 13px;
}
.text table td.table-match-info-td .match-date {
    width: 100%;
    padding: 13px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}
.text table td.table-match-info-td {
    position: relative;
    border-top: 0;
    border-bottom: 0;
    padding: 0 15px 10px 15px;
}
.home-team-wrapper {
    width: 100%;
    height: 0;
    padding-top: 100%;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.table-match-info span {
    display: block;
    padding: 10px;
}
.subpage table.result-table.timetable-table > tbody > tr:nth-child(2) {
    background: transparent;
}

.schedule-item .tr-for-inside-table .match-inside {
    border: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
}
.text .result-table tr td.tr-for-inside-table {
    background: #fff;
    border: 0;
    padding: 0 15px 15px;
}

.about-us-left {
    float: left;
    width: 50%;
}

section.about-us-container h2 {
    color: #fff;
    text-align: left;
    border-bottom: 1px solid #fff;
    display: inline-block;
    background: transparent;
    margin-bottom: 48px;
    padding: 0 0 7px;
}

section.about-us-container {
    padding-top: 32px;
    padding-bottom: 40px;
    background: url(../images/about_bg.jpg) no-repeat top center;
    position: relative;
}

.fb-news {
    padding: 0 28px;
    position: relative;
    margin-bottom: 20px;
}

span.fb-news-text {
    display: block;
    position: absolute;
    padding-left: 333px;
    padding-right: 28px;
    padding-top: 23px;
    padding-bottom: 23px;
    background: #fff;
    left: 0;
    width: 100%;
}

.fb-news img {
    max-width: 277px;
    max-height: 340px;
    z-index: 1;
    display: block;
    position: relative;
}

span.fb-news-text .text.txt {
    font-size: 14px;
    line-height: 22px;
    display: block;
    margin-bottom: 25px;
    color: #5f5f5f;
}

span.fb-link {
    float: right;
    font-size: 12px;
    font-weight: bold;
    color: #004a9c;
    display: block;
    letter-spacing: 0.04em;
}

span.fb-frame {
    display: inline-block;
    width: 34px;
    height: 34px;
    border: 1px solid #e5e5e5;
    text-align: center;
    line-height: 32px;
    font-size: 18px;
    vertical-align: middle;
    margin-left: 11px;
}
.match-inside-toggle {
    display: none;
}
.tr-for-inside-table .sub-th.active:after {
    -webkit-transform: scale(-1);
    -moz-transform: scale(-1);
    -ms-transform: scale(-1);
    -o-transform: scale(-1);
    transform: scale(-1);
}
.tr-for-inside-table .sub-th:after {
    content: '\f107';
    font-family: FontAwesome;
    font-size: 24px;
    margin: 0 20px;
    display: inline-block;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.tr-for-inside-table .sub-th {
    width: 100%;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-family: oswald;
    font-weight: 300;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 13px;
    cursor: pointer;
    background: #004a9c;
}
.fb-news:nth-child(even) img {
    float: right;
}

.fb-news:nth-child(even) span.fb-news-text {
    padding-left: 28px;
    padding-right: 333px;
}

.fb-news a {
    display: block;
    overflow: hidden;
    height: 100%;
}

.fb-news-photo {
    float: left;
    z-index: 1;
    position: relative;
}

.new-gallery-box {
    float: right;
    width: 40%;
}

.big-gallery a {
    display: block;
}

span.gal-photo {
    display: block;
    position: relative;
}

span.gal-photo img {
    display: block;
    max-width: 100%;
}

span.photo-nb {
    display: block;
    position: absolute;
    width: 52px;
    height: 52px;
    top: 10px;
    text-align: center;
    left: 10px;
    font-weight: bold;
    font-size: 15px;
    color: #004a9c;
    font-family: oswald;
    background: #fff;
}

span.gal-photo span.photo-nb img {
    margin: 0 auto;
    width: 37px;
    height: 37px;
    margin-top: -3px;
    margin-bottom: -7px;
}

span.big-gallery-name {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    font-family: oswald;
    padding-left: 21px;
    left: 0;
    padding-bottom: 11px;
    padding-top: 11px;
    background-color: rgba(0, 74, 156, 0.8);
}

span.squere-more {
    width: 52px;
    height: 52px;
    position: absolute;
    background: #df231f;
    text-align: center;
    line-height: 52px;
    bottom: 55px;
    right: 10px;
    color: #fff;
    font-size: 18px;
}

.big-gallery {
    margin-bottom: 10px;
}

.small-gallery {
    width: 50%;
    float: left;
    padding: 0 5px;
}

.two-small-gallery {
    margin: 0 -5px;
}

.small-gallery span.photo-nb {
    width: 40px;
    height: 40px;
    font-size: 12px;
}

.small-gallery span.gal-photo span.photo-nb img {
    width: 30px;
    height: 30px;
    margin-top: -4px;
}

span.small-gallery-name {
    font-family: oswald;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    color: #fff;
    letter-spacing: 0;
}

.small-gallery span.gal-photo {
    margin-bottom: 5px;
}

.small-gallery span.squere-more {
    width: 40px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    bottom: 10px;
    right: 10px;
}

span.mask.about-mask {
    background: url(../images/about_mask.png) no-repeat bottom center;
    background-size: 100% auto !important;
}

section.about-us-container .container {
    position: relative;
    z-index: 1;
}
.box-bottom {
    width: 25%;
    float: left;
    position: relative;
}

.box-bottom > img {
    display: block;
    max-width: 100%;
}
.box-bottom-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.box-bottom-content .buy-ticket {
    padding: 0;
    margin: 0;
}

box-bottom .ticket {
    width: 9%;
}

.box-bottom .ticket {
    width: 97px;
    margin-top: -23px;
    margin-bottom: -26px;
}

.box-bottom .buy-ticket h2 {
    font-size: 36px;
    margin-bottom: 0;
    background: url(../images/line5.png) no-repeat bottom center;
    border-bottom: 0 none;
}

.mask.box-bottom-mask1 {
    background: rgba(223, 35, 31, 0.8);
}

.box-bottom .intro-part-content.vcenter {
    position: absolute;
    left: 0;
    right: 0;
}

.box-bottom .intro-part-content.vcenter h3 {
    color: #fff;
    font-family: oswald;
    font-weight: 300;
    text-transform: uppercase;
    background: url(../images/line5.png) no-repeat bottom center;
    padding-bottom: 13px;
    font-size: 36px;
    margin-bottom: 0;
}

.box-bottom span.tv-logo {
    margin-bottom: 0px;
}

.box-bottom .intro-part-content.social.vcenter h3 {
    margin-bottom: 20px;
}

.box-bottom .intro-part-content.vcenter a:hover h3 {
    color: #004a9c;
}

/**
 * FOOTER
 */
footer {
    padding-top: 0;
    padding-bottom: 0;
}
footer .container {
    max-width: 1670px;
}
.footer-boxes {
    padding-top: 49px;
    padding-bottom: 35px;
    background: url(../images/footer_bg.jpg) no-repeat top center;
}

.footer-box {
    float: left;
    width: 21.8%;
}

.footer-box:first-child img {
    max-width: 100%;
}

.footer-box:first-child {
    width: 18.5%;
}

.footer-box h4 {
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    letter-spacing: 0;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-family: oswald;
}

h4.rwd {
    display: block;
}

.footer-box .txt {
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 0;
    font-weight: 300;
    letter-spacing: 0.02em;
    margin-top: 0px;
    font-family: oswald;
}

.footer-box .txt a {
    font-size: 18px;
    color: #fff;
    font-weight: 300;
}

.footer-box .txt strong a {
    font-weight: bold
}

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

    .footer-box .txt a:hover {
        text-decoration: underline;
    }
}

.footer-box.footer-social {
    width: 17%;
}

.footer-social nav.social-list {
    display: inline-block;
    margin-left: 0;
    vertical-align: middle;
    padding-top: 0px;
}
.footer-social nav.social-list li {
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 0;
}

.footer-social nav.social-list li a {
    display: block;
    color: #fff;
    font-size: 16px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.3);
    width: 38px;
    height: 38px;
    line-height: 36px;
}

.footer-social nav.social-list li a:hover {
    background: #fff;
    color: #004a9c;
    border-color: #fff;
}

.footer-box.footer-newsletter {
    width: 15.7%;
}

.newsletter {
    margin-bottom: 18px;
}

.newsletter form {
    padding: 0;
    position: relative;
}

footer .newsletter .form-control {
    width: 100%;
    height: 40px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 0 21px;
    color: #fff;
    font-family: lato;
    letter-spacing: 0.02em;
    font-size: 13px;
    border-radius: 0;
}

footer .newsletter .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff;
}

footer .newsletter .form-control::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
}

footer .newsletter .form-control:-ms-input-placeholder { /* IE 10+ */
    color: #fff;
}

footer .newsletter .form-control:-moz-placeholder { /* Firefox 18- */
    color: #fff;
}

.newsletter button {
    width: 38px;
    height: 38px;
    position: absolute;
    border: 0 none;
    padding: 12px;
    text-align: center;
    top: 1px;
    right: 1px;
    background: #fff;
    color: #004a9c;
    line-height: 38px;
    padding: 0;
}

.newsletter .form-element.form-element-email {
    position: relative;
}

.footer-sponsor {
    float: left;
    width: 50.7%;
    padding-top: 19px;
}

.footer-sponsor h4 {
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    letter-spacing: 0;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-family: oswald;
    width: 33.6%;
    float: left;
    line-height: 63px;
}

.footer-bottom {
    padding-top: 14px;
    padding-bottom: 14px;
    background: #003a7a;
}

.copyright {
    font-size: 14px;
    color: #d1d1d1;
    line-height: 16px;
    letter-spacing: 0.05em;
    display: inline-block;
    font-weight: 300;
}

.copyright-undicom {
    font-size: 14px;
    color: #d1d1d1;
    display: block;
    line-height: 16px;
    letter-spacing: 0.05em;
    font-weight: 300;
    font-family: 'lato';
    margin-top: 3px;
}

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

    .copyright-undicom a:hover {
        text-decoration: none;
        color: #fff;
    }
}

.copyright-undicom a img {
    width: 13px;
    height: 13px;
    display: inline-block;
}

.copyright-undicom a {
    color: #d1d1d1
}

nav.footer-menu {
    line-height: 18px;
    height: 16px;
    display: inline-block;
}

nav.footer-menu ul li a {
    font-size: 14px;
    color: #d1d1d1;
    line-height: 16px;
    font-weight: 300;
    text-decoration: none;
    text-transform: uppercase;
}

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

    nav.footer-menu ul li a:hover {
        color: #fff;
    }
}

nav.footer-menu ul li {
    display: inline-block;
    margin-right: 16px;
}

/**
 * FORM
 */

form.form {
    /* padding: 15px 0; */
}

/* INPUTY */
.form .form-control {
    /* font-size: 14px; */
}

/* TEXTAREA */
.form textarea.form-control {
    /* height: 130px; */
}

/* KLAUZULE I ZGODY */
.form .before-consent-row,
.form .after-consent-row,
.form .consent-row label,
.form .consent-all {
    /* font-size: 12px; */
}

/* ZAOKRAGLENIA INPUTOW */
.form .form-control {
    /* border-radius: 0; */
}

.form button.captcha-refresh {
    /* border-top-right-radius: 0; */
    /* border-bottom-right-radius: 0; */
}

/*
    Sekcja logotypow
*/

.logotypes {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    height: 156px;
    padding: 28px 0;
}

.logotypes .logotypes-title {
    float: left;
    padding-right: 30px;
    font-size: 22px;
    line-height: 100px;
    vertical-align: middle;
    min-width: 166px;
}

.logotypes-slider-container {
    height: 100px;
}

/*.logotype-slider {*/
/*    top: 50%;*/
/*    -webkit-transform: translate3d(0, -50%, 0);*/
/*    -moz-transform: translate3d(0, -50%, 0);*/
/*    -ms-transform: translate3d(0, -50%, 0);*/
/*    -o-transform: translate3d(0, -50%, 0);*/
/*    transform: translate3d(0, -50%, 0);*/
/*}*/

.slick-initialized .logotype {
    float: none;
    display: inline-block;
    vertical-align: middle;
    padding: 4px;
}

.logotype img {
    max-height: 100px;
    max-width: 100%;
    margin: 0 auto;
}

/**
    Sociale
*/

.social-list > ul > li {

}
.social-list > ul > li > a {
    font-size: 26px;
    line-height: 34px;
}

.social .social-list li a:hover {
    background: transparent;
    border: 1px solid #fff;
}

/**
 * ARTICLE
 */

.article-image {
    display: block;
    max-width: 50%;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
    z-index: 10;
    margin-left: 20px;
    margin: 0 auto;
}
.article-image img {
    max-width: 100%;
}

.article-text {
    overflow: visible;
}

.article-subtitle {
    padding-bottom: 21px;
    line-height: 150%;
    font-weight: bold;
    color: #004a9c;
    font-size: 20px;
    text-transform: uppercase;
}

.article-text {
    padding-bottom: 25px;
}

.article-date {
    margin-top: -15px;
    padding-bottom: 10px;
    font-weight: bold;
}
/**
 Ul custom dots
*/
.text ul,
.text ol ul,
.text ul ul {
    list-style: none;
}
.text ul > li {
    left: 40px;
    position: relative;
    padding-right: 40px;
}
.text ul > li::before {
    content: "\2022";
    display: inline-block;
    width: 10px;
    left: -10px;
    margin-left: -10px;
    font-family: sans-serif;
    position: relative;
    font-weight: 900;
    font-size: 18px;
}
/**
* PAGINATION ACTIVE
*/

/*.pagination-wrapper ul li.active a {*/
/*color: #e10024;*/
/*}*/

/*@media screen and (min-width: 1140px) {*/
/*.pagination-wrapper ul li a:hover {*/
/*color: #e10024;*/
/*}*/
/*}*/
/*
 Galeria
*/

.gallery {
    clear: both;
}
.gallery ul {
    margin: -5px;
    font-size: 0;
}
.gallery li {
    width: 33.33%;
    padding: 5px;
    display: inline-block;
}
.fancy {
    position: relative;
    display: block;
    width: 100%;
    font-size: 0;
}
.fancy img {
    max-width: 100%;
}
.hover-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 74, 156, 0.85) url(../images/zoom.png) no-repeat center center;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

@media screen and (min-width: 1140px) {
    .hover-mask:hover {
        opacity: 1;
    }
}
/*
    Tabela w klasie .text
*/
.text table {
    margin: 30px 0;
}


.text table td {
    padding: 12px 12px;
    border: 1px solid #ddd;
}

.subpage .news-box {
    margin-bottom: -34px;
}

.subpage section.news-box-container {
    padding-bottom: 0;
}

.pagination-wrapper ul li a, .pagination-wrapper ul li span {
    color: #5f5f5f;
}

.pagination-wrapper ul li.active a {
    color: #004a9c;
    font-weight: bold;
}

.pagination-wrapper ul li a:hover {
    color: #004a9c;
}

.pagination-wrapper ul li.next, .pagination-wrapper ul li.prev {
    float: none;
    display: inline-block;
    margin: 0 50px;
}

.pagination-wrapper ul li.next a, .pagination-wrapper ul li.prev a {
    width: 50px;
    height: 50px;
    border: 1px solid #004a9c;
    color: #004a9c;
    line-height: 49px;
    font-size: 25px;
    border-radius: 0;
    position: relative;
}
.pagination-wrapper ul li.next a i,
.pagination-wrapper ul li.prev a i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}
.pagination-wrapper ul li.next a:hover, .pagination-wrapper ul li.prev a:hover {
    background: #004a9c;
    color: #fff;
}

.news-detalis-photo {
    position: relative;
    z-index: 2;
}
.news-content-box {
    position: relative;
    z-index: 1;
}
.news-detalis-photo img {
    display: block;
    max-width: 100%;
}

.news-detalis-photo .container {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.news-detalis-photo.no-photo .container {
    height: auto;
    position: relative;
}

.category {
    background-color: rgba(247, 25, 41, 0.8);
    font-weight: bold;
    font-size: 50px;
    color: #fff;
    font-family: oswald;
    text-transform: uppercase;
    float: right;
    padding: 0px 52px;
    line-height: 68px;
    margin-top: 4%;
    margin-right: -39px;
}

.news-detalis-bottom {
    position: absolute;
    bottom: 0;
    text-align: center;
    max-width: 61%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.news-detalis-bottom.position-normal {
    position: static;
}

.news-detalis-photo.no-photo .news-detalis-bottom {
    position: relative;
    padding-top: 10px;
}
h1.news-detalis-title {
    border-bottom: 0 none;
    font-size: 55px;
    color: #fff;
    line-height: 123.33%;
    margin: 0;
    margin-bottom: 50px;
    padding: 16px;
    background-color: rgba(0, 74, 156, 0.8);
    display: block;
}
.position-normal h1 {
    font-size: 40px;
    padding: 10px;
}
.news-detalis-date {
    margin-bottom: 11px;
    display: inline-block;
    font-weight: bold;
    font-size: 27px;
    font-family: oswald;
    color: #fff;
    padding: 2px 22px;
    background-color: rgba(247, 25, 41, 0.8);
}
.form .modal-body .has-feedback .input-group + .form-control-feedback {
    top: 3px;
}
.form .modal-body .form-control {
    height: 40px;
}
.form .modal-body .before-consent-row .text,
.form .modal-body .after-consent-row .text,
.form .modal-body .consent-row .text label,
.form .modal-body .consent-all {
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
}

.col-left {
    width: 78%;
    float: left;
    padding-top: 56px;
}

.col-right {
    float: right;
    width: 22%;
    padding: 53px 50px 0px;
    background: #f7f7f7;
}

.bg-col-right {
    background: #f7f7f7;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 22%;
}

.col-left .container {
    max-width: 1231px;
}

.subtitle {
    font-size: 20px;
    line-height: 30px;
    color: #004a9c;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: bold;
}

.gallery-box h2 {
    font-size: 30px;
    font-family: oswald;
    color: #004a9c;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #004a9c;
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 46px;
}

.gallery-box {
    padding-top: 10px;
    margin-bottom: 50px;
}

a.btn.btn-back {
    background-color: rgb(223, 35, 31);
    width: 179px;
    height: 34px;
    line-height: 32px;
    border: 1px solid rgb(223, 35, 31);
    color: #fff;
    padding: 0;
    letter-spacing: 0.02em;
    border-radius: 0;
    margin: 0 auto 50px;
    display: block;
}

a.btn.btn-back:hover {
    color: rgb(223, 35, 31);
    background: transparent
}

.match-next {
    border-style: solid;
    border-width: 10px;
    border-color: rgb(223, 35, 31);
    background: url(../examples/intro2.jpg) no-repeat center center / contain #fff;
    box-shadow: 0px 5px 5px 0px rgba(23, 23, 21, 0.14);
    padding-top: 17px;
    margin-bottom: 38px;
}

.match-next h3 {
    font-size: 19px;
    font-family: oswald;
    text-transform: uppercase;
    color: #004a9c;
    text-align: center;
    background: url(../images/line4.png) no-repeat bottom center;
    padding-bottom: 7px;
    margin-bottom: 10px;
    font-weight: 300;
}

.match-next h4 {
    font-size: 14px;
    font-family: oswald;
    color: #004a9c;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2px;
}

.match-next .logo-box-center {
    font-weight: 300;
}

.match-next .logo-box-center h3 {
    font-weight: bold;
    background: transparent;
    font-size: 23px;
    padding: 0;
    margin: 0;
}

.match-next .info-palce {
    font-size: 11px;
    color: #004a9c;
    font-family: oswald;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 12px;
}

.buy-ticket-right {
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 9px;
}

.buy-ticket-right a span {
    width: 42px;
    display: block;
    float: right;
    margin-top: -6px;
    margin-right: 8px;
    margin-bottom: -10px;
}

.buy-ticket-right a span svg {
    fill: #fff;
}

.buy-ticket-right a {
    width: 133px;
    height: 32px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 32px;
    background: #df231f;
    padding-left: 14px;
    position: relative;
    font-family: oswald;
    font-size: 12px;
    display: block;
    text-align: left;
    margin: 0 auto;
}

.buy-ticket-right a:hover {
    background: #004a9c
}

.news-right .news-date {
    right: auto;
    left: 0;
    width: 90px;
    height: 22px;
    font-size: 11px;
    line-height: 22px;
}

.news-right span.squere-more {
    width: 26px;
    height: 26px;
    font-size: 11px;
    line-height: 26px;
    bottom: 10px;
}

.news-right .news-title {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0;
    color: #000;
}

.news-right {
    margin-bottom: 25px;
}

.news-right .news-photo {
    margin-bottom: 2px;
}

.text-box-container .container {
    max-width: 1350px;
}

.text-box-container h1 {

}

.text-box-container {
    padding-top: 32px;
    text-align: center;
}

.article-content {
    padding-bottom: 50px;
    text-align: left;
}

section.gallery-list-container {
    padding-top: 32px;
    text-align: center;
}

section.gallery-list-container .container {
    max-width: 1350px;
}

.accordions-box {
    text-align: left;
    padding-bottom: 20px;
}

.accordion {
    margin-bottom: 30px;
    border: 1px solid #e5e5e5;
}

.accordion-header-content {
    clear: both;
    margin: 0 auto;
    width: 100%;
    padding: 0 64px 0 20px;
    position: relative;
    height: 60px;
}

span.nb {
    font-size: 30px;
    font-family: ubuntu;
    font-weight: 700;
    color: #fff;
    position: absolute;
    left: 45px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    line-height: 100px;
}

span.accordion-name {
    display: block;
    font-size: 26px;
    line-height: 30px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    padding-left: 0;
    font-family: oswald;
    padding-right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    max-height: 90px;
    overflow: hidden;
}
span.accordion-name a {
    color: #fff
}

span.accordion-arrow {
    background: #df231f;
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto;
    z-index: 1;
    position: absolute;
    right: 11px;
    top: 11px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    transition: all 300ms ease-out;
}

.accordion-content {
    padding-top: 30px;
    padding-bottom: 30px;
}

.accordion-header {
    background: #004a9c;
    cursor: pointer;
}

section.gallery-list-container .container {
    max-width: 1350px;
}

.gallery-item {
    width: 25%;
    float: left;
    padding: 0 11px;
}

.gallery-item a img {
    display: block;
    max-width: 100%;
}

.gallery-list {
    padding: 0 19px;
}

span.gallery-item-name {
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    font-family: oswald;
    color: #fff;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 9px;
    padding-right: 53px;
    background-color: rgba(223, 35, 31, 0.851);
}

.gallery-item a {
    display: block;
    position: relative;
}

span.gallery-item-arrow {
    display: block;
    width: 30px;
    height: 30px;
    color: #fff;
    background: #004a9c;
    text-align: center;
    font-size: 10px;
    line-height: 28px;
    position: absolute;
    right: 11px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}

.gallery-item span.photo-nb {
    width: 30px;
    height: 30px;
    font-size: 8px;
}

.gallery-item span.photo-nb img {
    width: 25px;
    height: 25px;
    margin: -3px auto -6px;
}

.tabs-box {
    text-align: left;
}

.tabs-box .container {
    max-width: 1350px;
}

ul.idTabs {
    overflow: hidden;
    padding: 0;
    text-align: center;
    margin-top: -29px;
    margin-bottom: 45px;
}

ul.idTabs li {
    text-align: center;
    width: auto;
    padding: 0 5px;
    float: none;
    display: inline-block;
}

ul.idTabs li:last-child {
    border-right: 0 none;
}

ul.idTabs li a {
    display: block;
    line-height: normal;
    padding-bottom: 0;
    padding-top: 0;
    font-size: 16px;
    color: #004a9c;
    font-weight: normal;
    border: 0;
    font-family: oswald;
    text-transform: uppercase;
    padding: 0 30px;
}

ul.idTabs li a.selected {
    color: #df231f;
}

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

    ul.idTabs li a.selected, ul.idTabs li a:hover {
        color: #df231f;
    }
}
.tab {
    overflow: hidden;
    padding: 0;
    width: 100%;
}

div.tab img {
    max-width: 100%;
}

.idTabs-rwd {
    display: none;
}

.event-gallery {
    border-top: 1px solid #dadcdf;
    padding-top: 50px;
    margin-bottom: 50px;
}

.event-gallery-header {
    position: relative;
    padding: 0 250px 0 70px;
    margin-bottom: 20px;
}

.event-gallery-header span.photo-nb {
    width: 50px;
    height: 50px;
    border: 1px solid #e5edf5;
    left: 0;
    top: 0;
    background: transparent;
    font-size: 14px;
}

.event-gallery-header span.photo-nb img {
    width: 30px;
    height: 30px;
    margin: 1px auto -10px;
}

.event-gallery-name {
    font-weight: bold;
    font-size: 30px;
    font-family: oswald;
    color: #004a9c;
    padding-top: 3px;
    padding-bottom: 2px;
    height: 50px;
}

.event-gallery-header .btn.btn-more {
    display: block;
    width: 237px;
    height: 46px;
    background: #df231f url(../images/arrow_sub.png) no-repeat right center;
    border-radius: 0;
    font-size: 15px;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    box-shadow: 0 0 0 transparent;
    padding: 0;
    line-height: 43px;
    letter-spacing: 0.02em;
    padding-right: 24px;
}

.event-gallery-header a:hover .btn.btn-more {
    background-color: #004a9c;
}

.event-gallery:last-child {
    border-bottom: 1px solid #dadcdf;
    padding-bottom: 50px;
}

.event-gallery .gallery li {
    padding: 5px 15px;
}

.event-gallery .gallery li a {
    border: 1px solid #dadbdb;
}

.event-gallery .gallery ul {
    margin: 0 -15px;
}

.gallery-detalis h1 {
    padding: 0;
    font-size: 30px;
    text-transform: none;
    border-bottom: 0 none;
    margin: 0 0 14px;
}

.gallery-detalis, .news-detalis {
    position: relative;
}

.col-right-content {
    position: relative;
    z-index: 1;
}

.contact-box .col-left .container {
}

.contact-left .txt {
    font-size: 16px;
    line-height: 167%;
}

.contact-data-box {
    width: 100%;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 50px;
    -webkit-column-rule: 1px solid rgb(255, 255, 255, 0.2); /* Chrome, Safari, Opera */
    -moz-column-rule: 1px solid rgb(255, 255, 255, 0.2); /* Firefox */
    column-rule: 1px solid rgb(255, 255, 255, 0.2);
    margin-bottom: 10px;
}

.contact-data {
    -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
    page-break-inside: avoid; /* Firefox */
    break-inside: avoid; /* IE 10+ */
    margin-bottom: 39px;
    text-align: left;
}

.contact-box {
    position: relative;
}

.contact-data h2 {
    font-size: 25px;
    font-weight: 800;
    letter-spacing: 0;
    margin-left: -2px;
    border-bottom: 1px solid #e5ebf1;
    padding-bottom: 3px;
    margin-bottom: 14px;
    max-width: 80%;
}
.contact-data h3 {
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.05em;
    margin-bottom: 5px;
    padding-left: 21px;
    background: url(../images/h4_bg.png) no-repeat left center;
}

.person {
    font-size: 16px;
    line-height: 188%;
    margin-bottom: 37px;
}

.map iframe {
    width: 100%;
    height: 365px;
    display: block;
    max-height: 90vh;
}

section.contact-box-container {
    text-align: center;
    position: relative;
    background: url(../images/contact_bg.jpg) no-repeat bottom center;
}

section.contact-box-container .contact-box .col-left {
    padding-top: 32px;
}

section.contact-box-container .contact-box .col-left h1 {
    color: #fff;
    border-bottom: 1px solid #fff;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 37px;
}

.contact-data .text.txt {
    color: #fff;
    font-weight: 300;
}

.map {
    margin-bottom: 50px;
    padding-top: 50px;
}

.contact-box .col-right-content h2 {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.box-right.box-buy {
    border: 10px solid #fff;
    margin-bottom: 39px;
    position: relative;
}

.box-right-content {
}

.box-right-content .buy-ticket {
    position: relative;
    margin: 0;
    left: auto;
    right: auto;
    padding: 10px;
    padding-top: 79px;
    padding-bottom: 101px;
}

.box-right-content .buy-ticket a {
    display: block;
}

.box-right-content .buy-ticket .ticket {
    width: 88px;
    margin: 0 auto -30px;
}

.box-right-content h3 {
    font-size: 29px;
    font-weight: 300;
    font-family: oswald;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    margin-bottom: 0;
    display: inline-block;
    border-bottom: 0 none;
    padding-bottom: 7px;
    background: url(../images/line5.png) no-repeat bottom center;
    transition: all 300ms ease-out;
}

.box-right-mask1 {
    background: rgba(223, 35, 31, 0.8);
}

.box-right-content .buy-ticket a:hover h3 {
    color: #004a9c;
    background: url(../images/line9.png) no-repeat bottom center
}

.box-right.box-shop {
    border: 10px solid #004a9c;
    position: relative;
}

.box-right-mask2 {
    background-color: rgba(255, 255, 255, 0.8);
}


.box-right-content .shop h3 {
    color: #004a9c;
    background: url(../images/line9.png) no-repeat bottom center;
}

.shop {
    padding-top: 13px;
    padding-bottom: 13px;
}

.box-right a {
    position: relative;
    z-index: 1;
}

.shop img {
    max-width: 60%;
    display: block;
    margin: 0 auto;
}

.shop .btn.btn-more {
    display: block;
    width: 140px;
    height: 28px;
    line-height: 28px;
    background: #df231f;
    border-radius: 0;
    font-size: 12px;
    color: #fff;
    padding: 0;
    margin: 0 auto;
    letter-spacing: 0.02em;
}

.contact-box .col-right {
    background: transparent
}

.contact-box .bg-col-right {
    background-color: rgba(174, 174, 174, 0.102);
}

.intro #content {
    padding: 0;
}


.logotypes .logotypes-title {
    float: left;
    padding-right: 30px;
    line-height: 100px;
    vertical-align: middle;
    font-size: 12px;
    color: #004a9c;
    text-transform: uppercase;
}

.logotypes .container {
    max-width: 1350px;
}

.logotypes {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    height: 150px;
    padding: 22px 0;
}

.logotypes-list-box .logotypes {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    height: auto;
    padding: 22px 0;
}

.logotypes-list-container {
    overflow: hidden;
}

.logotype-list .logotype {
    display: inline-block;
    vertical-align: middle;
    padding: 4px;
    width: 110px;
    height: 81px;
}


.logotype-list .logotype img {
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
}


.team-box-container {
    padding-top: 32px;
    text-align: center;
}


.team-box {
    margin-bottom: 0
}

section.team-box-container .container {
    max-width: 1350px;
}

.team-box h2 {
    font-weight: bold;
    font-size: 40px;
    color: #df231f;
    text-transform: none;
    border-bottom: 0 none;
    padding: 0;
    margin: 0 0 37px;
}

.player-box {
    text-align: left;
    margin: 0px -35px;
}
.player {
    width: 33.33%;
    float: left;
    padding: 0 35px;
    margin-bottom: 70px;
}

.player-box {
}

.player-content {
    border: 1px solid #e5e5e5;
}

.player-photo {
    display: block;
}

.player-photo img {
    display: block;
    max-width: 100%;
}

span.player-nb {
    width: 60px;
    height: 60px;
    display: block;
    float: left;
    line-height: 60px;
    text-align: center;
    background: #df231f;
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    font-family: oswald;
    margin-right: 19px;
}

.player-data {
    padding: 19px 19px 22px;
    background: #fff;
}

.player-name {
    display: block;
    font-size: 20px;
    color: #004a9c;
    font-family: oswald;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 8px;
}

.position {
    font-size: 16px;
    letter-spacing: 0.05em;
}
.modal-dialog button {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.modal-header > button span {
    position: absolute;
    top: 50%;
    padding-bottom: 4px;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}
.modal-header > button {
    opacity: 1;
    color: #fff;
    font-size: 30px;
    line-height: 0;
    width: 42px;
    height: 42px;
    top: 2px;
    right: 0;
    position: absolute;
    border-top: 0;
    border-right: 0;
    background: #df231f;
}
.modal-title {
    color: #fff;
}
.modal-body {
    background: #fff;
}
.personnel-modal .modal-footer {
    display: none;
}
.modal-content {
    max-width: 100%;
    background-color: rgba(0, 74, 156, 0.8);
    width: 800px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.modal-dialog {
    width: 800px;
    max-width: 90vw;
    margin: 30px auto;
}
.modal-content .modal-footer button {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    display: block;
    margin: auto;
    min-width: 180px;
}
.modal-content img {
    float: left;
    padding: 0 20px 15px 0;
    max-width: 50%;
}


body {
    background: url(../images/body_bg.jpg) no-repeat top center;
}

.news-detalis-photo.no-photo {
    text-align: center;
}

.news-detalis-photo.no-photo .mask.news-detalis-mask {
    background: transparent;
    height: auto;
}
.news-detalis-photo.no-photo .category {
    font-size: 30px;
    font-weight: bold;
    font-family: oswald;
    text-transform: uppercase;
    color: #004a9c;
    text-align: left;
    padding-bottom: 11px;
    margin-bottom: 30px;
    background: transparent;
    border-bottom: 1px solid #004a9c;
    float: none;
    display: inline-block;
    line-height: normal;
    margin: 45px auto 0;
}
.text.txt.accordion-padding {
    padding: 0 30px;
}
a#home span {
    display: none;
}
.news-detalis-photo.no-photo h1.news-detalis-title {
    padding: 10px;
    font-size: 50px;
    margin-bottom: 30px;
}


.accordion-main.active {
    overflow: hidden;
}
blockquote:before {
    content: '„';
    color: #004a9c;
    font-size: 150px;
    line-height: 30px;
    font-family: arial, sans-serif;
    position: absolute;
    left: 20px;
    top: -60px;
    opacity: 0.2;
    pointer-events: none;
}
blockquote {
    position: relative;
    font-style: italic;
}
.logo-box-all > span {
    font-size: 14px;
    color: #004a9c;
    font-family: oswald;
    font-weight: 200;
    display: block;
    width: 100%;
    text-align: center;
}

/*table.result-table tr:nth-child(odd) {*/
/*    background-color: rgba(255, 255, 255, 0.102);*/
/*}*/
.result-table .promotion {
    background: rgba(54, 228, 52, 0.4);
}
.result-table .play-off {
    background: rgba(253, 210, 97, 0.3);
}
.result-table .relegation {
    background: rgba(223, 35, 31, 0.5);
}
.link-no-html a,
.link-no-html {
    display: block;
    width: 100%;
    height: 100%;
}

.logotype a {
    display: block;
    width: 100%;
    height: 100%;
}

.live-page .vs h3 {
    color: #fff;
}
.live-page .home-team-wrapper {
    background: #fff;
}
.live-page {
    background: url(../images/blue_bg.jpg) no-repeat top center /cover;
    background-attachment: fixed;
    color: #fff;
}
.live-page > .container {
    position: relative;
    z-index: 2;
}
.live-article .col-center {
    overflow: hidden;
}
.live-article .live-aside .live-player-row:not(:last-child) {
    border-bottom: 0;
}
.live-article .live-aside .live-player-row:nth-of-type(2n+1) {
    background: rgba(255, 255, 255, 0.1);
}

/*.live-article .live-aside .live-player-row:nth-of-type(2n+1){*/
/*    background: rgba(223, 35, 31, 0.1);*/
/*}*/
/*.live-article .live-aside .live-player-row:nth-of-type(2n){*/
/*    background: rgba(0, 74, 156, 0.1);*/
/*}*/
.live-article .live-aside .live-player-row {
    width: 100%;
    display: block;
    border: 1px solid rgba(255, 255, 255, 0.5);
    font-size: 0;
}
.live-player-name {
    padding: 8px 5px;
    color: #fff;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    width: calc(100% - 60px);
    font-size: 16px;
}
.live-player-label {
    text-align: center;
    color: #004a9c;
    background: #fff;
    padding: 8px 5px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    font-size: 16px;
    width: 100%;
}
.live-player-row:nth-child(n + 12) .live-player-name,
.live-player-row:nth-child(n + 12) .live-player-number {
    color: #a5b8ce;
}

.live-article {
    position: relative;
    /*padding-left: 290px;*/
    /*padding-right: 290px;*/
}
/*
.live-article .live-aside.col-left.affix {
    right: 50%;
    margin-right: -635px;
}
.live-article .live-aside.col-right.affix {
    left: 50%;
    margin-left: -635px;
}
.live-article .live-aside.col-left {
    right: 0;
}
.live-article .live-aside.col-right {
    left: 0;
}
.live-article .live-aside.affix-bottom {
    bottom: 0;
    top: auto;
}
.live-article .live-aside.affix {
    position: fixed;
    left: auto;
    right: auto;
    top: 168px;
}
.live-article .live-aside {
    position: absolute;
}
*/
.live-article .live-aside.col-left {
    float: left;
}
.live-article .live-aside.col-right {
    float: right;
}
.live-article .live-aside {
    font-size: 16px;
    line-height: 24px;
    background: transparent;
    width: 290px;
    padding: 10px;
    text-align: left;
    top: 0;
}
.team-name {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 120px);
    font-size: 16px;
    line-height: 20px;
    padding: 0 5px;
    color: black;
}
.col-right .team-header {
    text-align: right;
}
.col-right .team-name {
    text-align: right;
}
.col-right .team-goals {
    float: left;
}
.team-goals {
    display: inline-block;
    vertical-align: middle;
    background: #004a9c;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    /*border: 1px solid #fff;*/
    line-height: 60px;
    float: right;
    padding: 0 10px;
}
.team-logo img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    max-height: 80%;
    max-width: 90%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}
.team-header {
    background: #fff;
    font-size: 0;
}
.team-logo {
    padding: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 60px;
    background: #fff;
}
.live-player-number {
    position: relative;
    display: inline-block;
    width: 60px;
    vertical-align: middle;
    font-size: 12px;
    height: 42px;
    line-height: 40px;
    margin: 1px 0;
    text-align: center !important;
    /*background: url("../images/icons/tshirt.svg") no-repeat center center transparent;*/
    background-size: contain;
}
.col-right .live-player-row * {
    direction: ltr;
    text-align: right;
}
.col-right .live-player-row {
    direction: rtl;
}
.live-article .col-right {
    float: right;
}
.live-article .col-left {
    float: left;
}
.live-match {
    width: 100%;
    max-width: 600px;
    padding: 10px 30px;
    margin: auto;
    text-align: left;
}
.match-time {
    padding: 4px 0 10px;
    font-weight: bold;
}
.match-event .text,
.match-event {
    padding: 0 0 10px;
}
.match-row:after {
    content: '';
    width: 11px;
    height: 11px;
    display: block;
    top: 8px;
    left: 0px;
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    border: 1px solid rgba(255, 255, 255, 0.5);
    z-index: 10;
}

.match-row:before {
    content: '';
    width: 1px;
    top: 0;
    z-index: 1;
    bottom: 0;
    left: 5px;
    position: absolute;
    display: block;
    background: rgba(255, 255, 255, 0.5);
}
.live-match-gal {
    overflow: hidden;
}
.live-match-gal li a {
    max-width: 100%;
    display: inline-block;
    width: auto;
}
.live-match-gal li {
    float: left;
}


.live-match-gal {
    margin: 0 -5px;
}
.live-match-gal li .hover-mask {
    background-size: 30% auto;
}
.live-match-gal li {
    padding: 0 5px 10px;
    width: 80px;
}
.match-row:last-child:before {
    bottom: auto;
    height: 10px;
}
.match-row {
    position: relative;
    padding-left: 30px;
    padding-bottom: 20px;
}
.live-article .match-date {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
}
.type-text > span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 30px;
    height: 30px;
    position: relative;
}
.type-text > span img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100% !important;
    width: auto !important;
    max-height: 100%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}
pre {
    background: #fff;
    color: #000;
}
.match-infomation {
    background: #df231f;
    padding: 4px 10px 6px;
    font-size: 12px;
    margin-bottom: 20px;
    display: inline-block;
    text-transform: uppercase;
}
.col-center .live-match-info-list {
    display: none;
}
.col-center .live-match-info-list > div:not(:first-child) {
    border-top: 0;
}
.col-center .live-match-info-list > div:nth-of-type(odd) {
    background: rgba(255, 255, 255, 0.1);
}
.col-center .live-match-info-list > div {
    padding: 4px 10px;
    border: 1px solid rgba(255, 255, 255, 0.5);
}
.live-article .match-date,
.live-article .match-weather,
.live-article .match-stadium,
.live-article .match-viewers {
    font-weight: normal;
    padding: 0;
}
.live-info-type:after {
    position: absolute;
    top: 3px;
    bottom: 3px;
    right: 0;
    content: '';
    display: block;
    width: 1px;
    background: rgba(255, 255, 255, 0.5);
}
.live-info-type {
    float: left;
    position: relative;
    font-weight: bold;
    padding-right: 10px;
    margin-right: 10px;
}
.col-center .live-match .match-row-wrapper {
    padding-top: 20px;
    border: 0;
}
.live-match-info-toggle.active:after {
    -webkit-transform: translate3d(0, -50%, 0) scale(-1);
    -moz-transform: translate3d(0, -50%, 0) scale(-1);
    -ms-transform: translate3d(0, -50%, 0) scale(-1);
    -o-transform: translate3d(0, -50%, 0) scale(-1);
    transform: translate3d(0, -50%, 0) scale(-1);
}
.live-match-info-toggle:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    right: 10px;
    content: '\f107';
    font-family: FontAwesome;
    display: block;
}
.live-match-info-toggle {
    cursor: pointer;
    position: relative;
    padding: 4px 40px 5px 10px;
    background: #fff;
    border: 1px solid #fff;
    color: #004a9c;
    font-weight: bold;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.live-player-shirt {
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: 0;
    right: 0;
}
.logotype-full{
    width: 100%;
    clear: both;
}
.logotype-half{
    width: 50%;
    float: left;
}
@media screen and (min-width: 1140px) {
    .live-match-info-toggle:hover {
        background: transparent;
        color: #fff;
    }
}