.dark-mode {
    filter: invert(1) hue-rotate(180deg)
}
.invert {
    filter: invert(1) hue-rotate(180deg)
}
iframe{max-width:100%;}

.invert-cancel {
   filter: none
}
img{max-width:100% !important;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

h1, h2, h3, h4, h5, h6, p, span, a {
    color: #000
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
    overflow-x: hidden;
    background-color: #D0D1D2;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

@media (min-width: 576px) {
    .container {
        max-width: 656px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 848px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 1072px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1280px;
    }
}

.button {
    color: #000000;
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    font-weight: bold;
    background: none;
    border: 1px solid #000000;
    border-radius: 2px;
    padding-top: 16px;
    padding-bottom: 16px;
    text-align: center;
}

.button:hover {
    color: #000000;
}

a {
    color: #000;
}

h1 {
    font-size: 36px;
    font-weight: bold
}

h2 {
    font-size: 24px;
    font-weight: bold
}

h3 {
    font-size: 18px;
    font-weight: bold
}

/*********** HEADER **********/
header .top-nav {
    height: 45px;
    border-bottom: 2px solid #F28321
}

header .top-nav h1 {
    color: #000001;
    font-family: 'Titillium Web', sans-serif;
    font-size: 32px;
    font-style: italic;
    font-weight: bold;
    width: 50%;
    text-align: right;
    padding-right: 180px;
    -webkit-text-stroke: .1px #F28321;
}

header .top-nav h1 a {
    color: #000001;
} 

header .top-nav .logo {
    top:5px;
    left: 50%;
    transform:translateX(-50%);
    z-index: 10;
}

header .top-nav .socials {
    padding-left: 120px;
    width: 50%
}

header .top-nav .socials .fb span,
header .top-nav .socials .insta span,
header .top-nav .socials .yt span {
    opacity: 0.8;
    color: #000000;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    margin-left: 16px;
}

header .top-nav .socials > a {
    margin-right: 48px;
}

header .top-nav .socials > a:hover {
    color: #000
}

header .top-nav .socials > a:last-child {
    margin-right: 0;
}

header .navbar {
    background-color: #000000;
    padding: 0
}

header .navbar .logo-sm {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

header .navbar .top {
    height: 68px
}

header .navbar .top .trophies .trophy {
    margin-right: 12px;
}

header .navbar .top .trophies .trophy:last-child {
    margin-right: 0;
}

header .navbar .top .trophies .trophy p {
    color: #FFFFFF;
    font-family: 'Titillium Web', sans-serif;
    font-size: 12px;
}

header .navbar .top form {
    border-radius: 4px;
    background-color: #292929;
    padding: 10px 12px;
    width: 220px;
    margin-right: 108px
}

header .navbar .top form button {
    background: transparent;
    border: none;
    margin-right: 8px;
    outline: none
}

header .navbar .top form input {
    background: none;
    border: none;
    outline: none;
    color: #FFFFFF;
    margin-bottom: 5px
}
.main-menu a{
    text-decoration:none;
}

header .navbar .top form input::placeholder {
    color: #D0D1D2;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
}

header .navbar .top .right-side .hokejista{
    transform: translateY(20px);
}

header .navbar .bottom nav ul a.main-menu-item {
    color: #FFFFFF;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 0;
    display: block;
}

header .navbar .bottom nav ul a.submenu-item {
    color: #FEFFFF;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    font-weight: 600;
    display: block;
}

header .navbar .bottom nav ul li {
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}


header .navbar .bottom nav .submenu {
    position: absolute;
    top: 49px;
    left: 0;
    background-color: black;
    padding: 12px 32px 12px 24px;
    z-index: 10000000000000000;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease-in-out;
}


header .navbar .bottom nav .submenu:hover {
    visibility: visible;
    opacity: 1;
}

header .navbar .bottom nav ul li:hover .submenu{
    visibility: visible;
    opacity: 1;
}

header .hp-matches {
    background-color: #FFFFFF;
    box-shadow: 0 1px 0 0 #F28321;
}

header .hp-matches .matches-swiper {
    position: relative;
    z-index: 10;
    background: white;
}

header .hp-matches .hp-match {
    padding: 24px 16px 16px;
    border-left: 1px solid #D0D1D2;
}

header .hp-matches .hp-match .match-top {
    margin-bottom: 18px
}

header .hp-matches .hp-match img {
    margin-right: 16px;
}

header .hp-matches .hp-match .teams .team-one,
header .hp-matches .hp-match .teams .team-two {
    color: #000000;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
}

header .hp-matches .hp-match .team-score {
    border-radius: 22px;
    background-color: #D0D1D2;
    padding: 10px 14px 
}

header .hp-matches .hp-match .team-score .score {
    font-family: 'Titillium Web', sans-serif;
    font-size: 36px;
    font-weight: bold;
}

header .hp-matches .hp-match .team-score .score .win {
    color: #3DBE5C;
}

header .hp-matches .hp-match .team-score .score .lost {
    color: #000000;
}

header .hp-matches .report {
    color: #000000;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: 600;
}

header .hp-matches .report:hover {
    text-decoration: underline;
}

header .hp-matches .hp-match .match-date {
    border-radius: 22px;
    background-color: #D0D1D2;
    padding: 10px 14px
}

header .hp-matches .hp-match .match-date .day {
    color: #F28321;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-right: 8px;
}

header .hp-matches .hp-match .match-date p {
    color: #000000;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    letter-spacing: 0;
}

.swiper-button-next::after, 
.swiper-container-rtl .swiper-button-prev::after {
    content: "";
    background-image: url('../images/arrow-right.svg');
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.swiper-button-next, 
.swiper-container-rtl .swiper-button-prev {
    right: 20px;
    left: auto;
    z-index: 1;
}

.swiper-button-prev:after, 
.swiper-container-rtl .swiper-button-next:after {
    content: "";
    background-image: url('../images/arrow-left.svg');
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 20px;
    right: auto;
    z-index: 1;
}

.onlajny {
    background-color: #F28321;
    padding-top: 8px;
    padding-bottom: 8px;
}

.onlajny img {
    margin-right: 16px
}

.onlajny span:first-of-type {
    color: #000001;
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin-right: 12px;
}

.onlajny span:nth-of-type(2) {
    color: #000001;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    margin-right: 80px;
}

.onlajny a {
    color: #000000;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: 600;
}

@media (max-width: 768px) {
    header .navbar {
        height: 62px
    }
    
    header .navbar a {
        text-decoration: none;
    }

    header .navbar .bottom-mobile {
        height: 200vh;
        width: 100%;
        position: fixed;
        z-index: 100000000;
        background: black;
        left: 0;
        top: 0;
        visibility: hidden;
        opacity: 0;
    }

    header .navbar .bottom-mobile .cancel {
        padding-top: 15px
    }

    header .navbar .bottom-mobile nav {
        position: absolute;
        left: 30%;
        top: 5%;
    }

    header .navbar .bottom-mobile nav li {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    header .navbar .bottom-mobile nav li a {
        color: #FFFFFF;
        font-weight: lighter;
        font-size: 20px;
    }

    header .navbar .bottom-mobile nav .submenu {
        padding-left: 24px;
        display: none;
    } 

    header .navbar .bottom-mobile nav .submenu-item {
        padding:15px 0;
    } 

    header .navbar .bottom-mobile nav .submenu-item a {
        padding: 20px 0;
        font-weight: lighter;
        color: gray !important
    } 

    .onlajny span:nth-of-type(2) {
        margin-right: 40px;
    }
}

@media (max-width: 992px) {
    .top-nav {
        display: none;
    }

    header .navbar .top {
        display: none !important;
    }
    
    header .navbar .bottom nav ul li {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 1200px) {
    header .navbar .top .right-side .hokejista {
        display: none;
    }

    header .navbar .top form {
        margin-right: 0;
    }
}

/********* ARTICLES ******/
.top-story {
    padding-top: 40px;
    padding-bottom: 80px
}

.top-story article {
    height: 660px;
    border-radius: 1px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.top-story article .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 1px;
    background-color: #D0D1D2;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000000 100%);
    padding-left: 24px;
    padding-bottom: 32px;
}

.top-story .article-info {
    width: 60%
}

.top-story .article-info .details {
    margin-bottom: 8px
}

.top-story .article-info .details .date {
    color: #F28321;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-right: 8px
}

.top-story .article-info .details .period {
    height: 6px;
    width: 6px;
    background-color: #FFFFFF;
    border-radius: 50%;
    margin-right: 8px
}

.top-story .article-info .details .author {
    color: #FFFFFF;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    font-style: italic;
}

.top-story .article-info .title {
    margin-bottom: 18px;
    color: #FFFFFF;
    font-family: 'Titillium Web', sans-serif;
    font-size: 36px;
    font-weight: bold;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.top-story .article-info .excerpt {
    color: #FFFFFF;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical; 
}

.top-story .articles-titles-list {
    width: 35%;
    position: absolute;
    right: 0;
    bottom: 32px;
    z-index: 1000;
    padding-right: 24px;
}

.top-story .articles-titles-list a {
    padding: 12px 0 24px 24px;
    border-left: 2px solid white;
    text-decoration: none;
}

.top-story .articles-titles-list a.active {
    border-left: 2px solid #F28321 !important;
}

.top-story .articles-titles-list .details {
    margin-bottom: 8px
}

.top-story .articles-titles-list .details .date {
    color: #F28321;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-right: 8px
}      

.top-story .articles-titles-list .details .date span,
.top-story .details .date span{
    color: #F28321;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-right: 8px
}

.top-story .articles-titles-list .details .period {
    height: 6px;
    width: 6px;
    background-color: #FFFFFF;
    border-radius: 50%;
    margin-right: 8px
}

.top-story .articles-titles-list .details .author {
    color: #FFFFFF;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    font-style: italic;
}

.top-story .articles-titles-list .title {
    color: #FFFFFF;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    font-weight: bold;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.top-story .nav-tabs {
    border-bottom: none
}

.top-story .videos-list .top-video,
.top-story .videos-list .video {
    margin-bottom: 32px
}

.top-story .videos-list .top-video .thumb {
    height: 162px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 8px;
    position: relative
}

.top-story .videos-list .top-video .thumb:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    z-index: 2;
    background-image: url("../images/play.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.top-story .videos-list .top-video .thumb .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .25;
    z-index: 1;
}

.top-story .videos-list .top-video .date {
    color: #F28321;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
    display: inline-block;
}

.top-story .videos-list .top-video .title {
    color: #000000;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: bold;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.top-story .videos-list .video .icon {
    margin-right:24px
}

.top-story .videos-list .video .date {
    color: #F28321;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
    display: inline-block;
}

.top-story .videos-list .video .title {
    color: #000000;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: bold;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

@media (max-width: 768px) {
    .top-story article {
        margin-bottom: 12px
    }

    .top-story article .overlay {
        padding-left: 12px;
        padding-bottom: 16px
    }

    .top-story .article-info {
        width: 90%
    }

    .top-story .article-info .details .author,
    .top-story .article-info .details .date {
        font-size: 12px;
    }

    .top-story article .excerpt {
        display: none !important;
    }

    .top-story .article-info .title {
        margin-bottom: 0;
        font-size: 18px !important;
        -webkit-line-clamp: 2;
    }

    .top-story .videos-list .top-video .date,
    .top-story .videos-list .video .date {
        font-size: 12px;
    }

    .top-story .videos-list .top-video .title,
    .top-story .videos-list .video .title {
        font-size: 18px !important;
    }
}

@media (max-width: 992px) {
    .top-story article {
        padding-top: 70%;
        height: auto
    }

    .top-story .videos-list .top-video .thumb {
        padding-top: 50%;
        height: auto
    }

    .top-story .videos-list {
        padding: 16px 0
    }
}

/******** WEB INFO ********/
.web-info {
    padding-top: 80px;
    padding-bottom: 80px;
}

/******** FEEDS ********/
.web-info .feeds .nav-tabs .nav-link {
    border: none;
    color: #000000;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: bold;
}

.web-info .feeds .nav-tabs {
    border: none;
    margin-bottom: 12px
}

.web-info .feeds .nav-tabs .nav-link img {
    margin-right: 14px;
}

.web-info .feeds .nav-tabs .nav-item.show .nav-link, 
.web-info .feeds .nav-tabs .nav-link.active {
    color: #000000;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: bold;
    background: none;
    border-bottom: 2px solid #F28321;
}

.web-info .feeds .feed-thumb {
    height: 260px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 16px
}

.web-info .feeds .feed-text {
    color: #000000;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    letter-spacing: 0.4px;
} 

/******** TABULKA ********/
.web-info .tabulka h2 {
    color: #090909;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: bold;
    padding: .5rem 0;
}

.web-info .tabulka .table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #090909;
}

.table td, .table th {
    border-top: none;
}

.web-info .tabulka td,
.web-info .tabulka tr {
    color: #090909;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.web-info .tabulka tbody tr:nth-child(even) {
    background-color: #F5F5F5;
}

.web-info .tabulka tbody tr {
    border-bottom: 2px solid transparent
}

.web-info .tabulka tbody tr:nth-child(5) {
    border-bottom: 2px solid #F28321
}

.web-info .tabulka tr td {
    padding: 12px 0 6px 0;
    text-align: center;
}

.web-info .tabulka tr td:nth-child(2) {
    padding: 6px 0 6px 0;
    text-align: center;
}

.web-info .tabulka .complete-table {
    margin-bottom: 32px
}

.web-info .tabulka .complete-table a {
    color: #090909;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
}

.web-info .tabulka .complete-table a img {
    margin-left: 12px;
}

.web-info .tabulka .birthdays h2 {
    margin-bottom: 20px;
    color: #090909;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: bold;
}

.web-info .tabulka .birthdays .birthday {
    padding-bottom: 12px;
    border-bottom: 4px solid #F28321;
}

.web-info .tabulka .birthdays .birthday .thumb {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 70px;
    height: 70px;
    margin: 0 auto 16px;
}

.web-info .tabulka .birthdays .birthday .name {
    color: #090909;
    font-family: 'Mulish', sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 12px;
}

.web-info .tabulka .birthdays .birthday .date {
    color: #090909;
    font-family: 'Mulish', sans-serif;
    font-size: 16px;
    font-weight: 500;
} 

@media (max-width: 350px) {
    .web-info .feeds {
        margin-bottom: 32px
    }

    .web-info .tabulka {
        margin-bottom: 32px
    }

    .web-info .feeds .nav-tabs .nav-link {
        padding: .5rem .3rem
    }
}

@media (max-width: 992px) {
    .web-info .feeds {
        margin-bottom: 32px
    }

    .web-info .tabulka {
        margin-bottom: 32px
    }
}

/******** ATUALITY ********/
.aktuality h2 {
    color: #090909;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: bold;
    padding: .5rem 0;
}

.aktuality .post {
    margin-bottom: 48px
}

.aktuality .post:last-child {
    margin-bottom: 0
}

.aktuality .post .date {
    color: #F28321;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 12px
}

.aktuality .post .title {
    color: #090909;
    font-family: 'Mulish', sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 12px
}

.aktuality .post .excerpt {
    color: #090909;
    font-family: 'Mulish', sans-serif;
    font-size: 16px;
    font-weight: 500;
}

@media (max-width: 992px) {
    .web-info .feeds .feed-thumb {
        padding-top: 50%;
        height: auto !important
    }
}

/******** MORE INFO ********/
.more-info {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #FFFFFF;
}

/******** MORE ARTICLES ********/
.more-info .articles .article {
    margin-bottom: 40px
}

.more-info .articles .article .thumb {
    height: 266px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 8px
}

.more-info .articles .article .details {
    margin-bottom: 8px
}

.more-info .articles .article .details .date {
    color: #F28321;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-right: 8px;
}

.more-info .articles .article .details .point {
    height: 6px;
    width: 6px;
    background-color: #000000;
    margin-right: 8px;
    border-radius: 50%;
}

.more-info .articles .article .details .author {
    color: #000000;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    font-style: italic;
}

.more-info .articles .article .title {
    color: #000000;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: bold;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

@media (max-width: 768px) {
    .more-info .articles {
        margin-bottom: 32px
    }

    .more-info .articles .article {
        margin-bottom: 20px
    }

    .more-info .articles .article .thumb {
        padding-top: 50%;
        height: auto !important
    }

    .more-info .hp-stats .tm {
        padding-top: 0 !important
    }
}

@media (max-width: 992px) {
    .more-info .articles .article .thumb {
        padding-top: 50%;
        height: auto !important
    }
}

/******** HP STATS ********/
.more-info .hp-stats h2 {
    margin-bottom: 32px;
    color: #090909;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: bold;
}

.more-info .hp-stats .col-title {
    color: #090909;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 24px
}

.more-info .hp-stats .tm {
    padding-top: 32px
}

.more-info .hp-stats .player-box {
    padding-bottom: 12px;
    border-bottom: 4px solid #F28321;
    text-align: center;
    margin-bottom: 32px
}

.more-info .hp-stats .player-box .thumb {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 70%;
    width: 70%;
    border-radius: 2px;
    margin:0 auto 16px;
    border-radius: 50%;
    border: 1px solid #F28321;
}

.more-info .hp-stats .player-box .name {
    margin-bottom: 8px;
    color: #090909;
    font-family: 'Mulish', sans-serif;
    font-size: 18px;
    font-weight: bold;
}

.more-info .hp-stats .player-box .value {
    color: #090909;
    font-family: 'Mulish', sans-serif;
    font-size: 18px;
}

/******** A TYM ********/
.a-tym {
    padding-top: 80px;
    padding-bottom: 40px;
}

.a-tym h2 {
    color: #090909;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 32px
}

.a-tym .player-box .thumb {
    height: 200px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 8px
}

.a-tym .player-box .post {
    color: #F28321;
    font-family: 'Titillium Web', sans-serif;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: -5.9px;
    margin-right: 18px;
}

.a-tym .player-box .f-name {
    color: #090909;
    font-family: 'Mulish', sans-serif;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -0.6px;
}

.a-tym .player-box .l-name {
    color: #090909;
    font-family: 'Mulish', sans-serif;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -0.6px;
}

/******** PARTNERS ********/
.partners {
    background-color: #FFF;
    padding-top: 80px;
}

.partners .general-partners h2 {
    color: #090909;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 50px
}

.partners .general-partners .general-partners-list {
    padding-top: 60px;
    padding-bottom: 60px;
}

.partners .general-partners .general-partner {
    height: 160px;
    display: block;
    width: 212px
}

.partners .main-partners .main-partner {
    height: 82px;
    display: block;
    width: 120px;
}

.partners .general-partners .general-partner img, 
.partners .main-partners .main-partner img {
    height: auto;
    width: 100%
}

.partners .main-partners h2 {
    color: #090909;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px
}

.partners .swiper-container-multirow-column>.swiper-wrapper {
    flex-direction: row !important;
}

.partners .swiper-slide {
    padding-top: 40px;
    padding-bottom: 40px;
}

.partners  .swiper-button-prev, 
.partners  .swiper-container-rtl .swiper-button-next {
    left: 0;
    z-index: 1000000000;
}

.partners  .swiper-button-next, 
.partners  .swiper-container-rtl .swiper-button-prev {
    right: 0;
    z-index: 1000000000;
}

@media (max-width: 768px) {
    .partners .general-partners  {
        margin-bottom: 32px
  ??}???S?S?????????q??˜Ce???
    }???q??z????q??w????
h2 {???
    }???
h3 {???q??YL˜???q???5????
    }???
    }???B????
    }???q??˜9K???


    .partners .general-partners .general-partners-list {
        padding-top:0;
        padding-bottom:0;
    }

    .partners .swiper-slide {
        padding-top: 20px;
        padding-bottom: 20px;
    }

}

/******** BANNERS ********/
.banners {
    padding-top: 80px;
    padding-bottom: 80px;
}

.banners .banner {
    height: 280px;
    background-color: #FFF;
    border-radius: 1px;
    box-shadow: 0 2px 26px 0 rgba(0,0,0,0.1);
    display: block;
}

.banners .banner img {
    height: 100%;
    width: 100%
}

@media (max-width: 768px) {
    .banners .banner {
        height: 150px
    }
}

@media (max-width: 1200px) {
    .banners .banner {
        margin-bottom: 20px
    }
}

/******** TEAM BADGE ********/
.team-badge {
    background-color: #FFF;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 2px solid #F28321;
}

/******** FOOTER ********/
footer {
    padding-top: 12px;
    padding-bottom: 20px;
    background-color: #000;
}

footer .top-footer {
    border-bottom: 1px solid #D0D1D2
}

footer .top-footer .center-content h1 {
    color: #FFF;
    font-family: 'Titillium Web', sans-serif;
    font-size: 32px;
    font-style: italic;
    font-weight: bold;
    -webkit-text-stroke: .3px #F28321;
    margin-bottom: 50px;
    margin-top: 16px
}

footer .top-footer .center-content .socials img {
    margin-right: 16px;
}

footer .top-footer .center-content .socials {
    margin: 0 auto 24px;
    width: fit-content
}

footer .top-footer .center-content .socials span {
    opacity: 0.8;
    color: #FEFFFF;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
}

footer .top-footer .center-content .socials > a {
    margin-right: 48px;
}

footer .top-footer .center-content .socials > a:hover {
    color: #FFF
}

footer .top-footer .center-content .socials > a:last-child {
    margin-right: 0;
}

footer .copy-right-wrapper {
    padding-top: 24px;
    padding-top: 20px
}

footer .copy-right {
    color: #FEFFFF;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
}

footer .copy-right a {
    color: #FEFFFF !important;
}

@media (max-width: 572px) {
    footer .top-footer .center-content .socials > a:nth-child(2) {
        margin-right: 0;
    }
}

@media (max-width: 768px) {
    footer .top-footer .center-content .socials > a {
        margin-right: 24px;
    }
}

@media (max-width: 992px) {
    footer .top-footer .center-content .socials {
        text-align: center;
        width: fit-content
    }
}

@media (max-width: 768px) {
    section.top-story {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    section.more-info {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    section.a-tym {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    section.partners {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    section.banners {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    section.web-info {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

}

/********* SOUPISKA - ROSTER PAGE ******/
.pointers {
    padding-top: 40px;
    padding-bottom: 24px
}

.pointers a {
    color: #090909;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: 500; 
    position: relative;
}

.pointers .pointer:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #F28321;
}

.head {
    padding-bottom: 46px;
}

.head h1 {
    font-family: 'Titillium Web', sans-serif;
    font-size: 48px;
    font-weight: bold;
}

.head h1 span {
    color: #F28321;
}

.select {
    position: relative;
}

select {
    background-color: transparent;
    color: #090909;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    font-weight: 500;
    padding: 24px 7px 7px;
    width: 100%;
    position: relative;
    border: 1px solid #090909;
    border-radius: 2px;
    width: 321px;
}

.select::before {
    content: "Roèník";
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
    color: #262525;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    border-radius: 1px;
    padding: 10px 12px 8px
}

select option {
    color: #090909;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
}

.players .post {
    padding-bottom: 56px;
}

.players .post .player {
    margin-bottom: 40px
}

.players h2 {
    color: #090909;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 32px
}

.players .img {
    padding-top: 111%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    margin-bottom: 8px;
}

.players .info .number {
    color: #F28321;
    font-family: 'Titillium Web', sans-serif;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: -5.9px;
    margin-right: 18px;
}

.players .info .name {
    color: #090909;
    font-family: 'Mulish', sans-serif;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.6px;
}

.players .info .surname {
    color: #090909;
    font-family: 'Mulish', sans-serif;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -0.6px;
}

.players .info .position {
    color:  #F28321
}

@media only screen and (max-width: 768px) {
    .head h1 {
        font-size: 24px;
        margin-bottom: 12px
    }

    .players .post {
        padding-bottom: 32px;
    }

    select {
        width: 200px
    }

    .head {
        padding-bottom: 16px
    }
}

/********* ZAPASY - MATCHES PAGE ******/
.matches {
    padding-bottom: 80px
}

.matches .match {
    padding: 16px 24px;
    border-radius: 2px;
}

.matches .match:nth-child(even) {
    background-color: #FFF;
}

.matches .match .logos {
    margin-right: 40px
}

.matches .match .logos img {
    width: 70px;
    max-height: 70px;
}

.matches .match .logos .logo1 {
    position: relative;
    z-index: 2;
}

.matches .match .logos .logo2 {
    position: relative;
    z-index: 1;
    transform: translateX(-15px)
}

.matches .match .info .details span {
    color: #5C5C5C;
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    margin-bottom: 14px
}

.matches .match .info .teams span {
    color: #090909;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: bold;
}

.matches .match .links {
    margin-left: auto;
}

.matches .match .score {
    font-family: 'Titillium Web', sans-serif;
    font-size: 48px;
    font-weight: bold;
    margin-left: 20px;
    padding-right: 110px;
    color: #000
}

@media only screen and (max-width: 572px) {
    .matches .match .score {
        padding-right: 0
    }

    .matches .match .info .details span {
        font-size: 12px;
    }

    .matches .match {
        padding: 16px 12px;
        border-radius: 2px;
    }

    .matches .match .info .teams span {
        font-size: 18px;
    }

    .matches .match .score {
        font-size: 24px;
    }

    .matches .match .info {
        padding-right: 32px;
    }
}

@media only screen and (max-width: 768px) {
    .matches .match .score {
        padding-right: 0
    }
}

/********* ZAPAS - MATCH PAGE ******/
.match-detail {
    padding-top: 40px;
    padding-bottom: 80px;
}

.thumb {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 44%
}

.menu {
    padding-top: 24px;
    padding-left: 78px;
    background-color: #FFF;
    margin-bottom: 8px
}

.menu > span {
    margin-right: 78px;
    color: #2B2A28;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: bold;
}

.menu li {
    padding: 8px 4px;
    border-bottom: 2px solid transparent;
    margin-right: 36px;
}

.menu li:last-child {
    margin-right: 0;
}

.menu li a.activ {
    color: #F28321;
    border-bottom: 2px solid #F28321
}

.menu li a {
    text-decoration: none;
    color: #000000;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.match-tab {
    padding: 32px 110px;
    background-color: #fff;
}
.match-tab a, .subpage.article a{
    text-decoration:underline;
    color: #0056b3;
}
.subpage.article iframe{
    max-width:100% !important;
}

.match-tab .info {
    margin-bottom: 14px
}

.match-tab .info .date {
    color: #F28321;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-right: 8px
}

.match-tab .info .period {
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: #000;
    margin-right: 8px
}

.match-tab .info .author {
    font-family: 'Titillium Web', sans-serif;
    color: #000000;
    font-size: 18px;
    font-style: italic;
}

.match-tab .title {
    color: #090909;
    font-family: 'Titillium Web', sans-serif;
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 24px
}

.match-tab .excerpt {
    color: #000000;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 40px
}

.match-tab .text {
    color: #000000;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;

    margin-bottom: 40px
}
.match-tab .text iframe{
  max-width:100%;
}

.match-tab .match-details {
    padding-top: 32px;
    text-align: center;
    padding-bottom: 64px;
    width: fit-content;
    margin: 0 auto
}

.match-tab .match-details .date-info {
    margin-bottom: 32px
}

.match-tab .match-details .date-info span {
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
}

.match-tab .match-details .score p {
    font-family: 'Titillium Web', sans-serif;
    font-size: 60px;
    font-weight: bold;
    letter-spacing: -0.37px;
    margin-bottom: 8px
} 

.match-tab .match-details .score span {
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    letter-spacing: -0.09px;
}

.match-tab .match-details .teams img {
    width: 120px;
    max-height: 120px;
    margin-bottom: 28px
} 

.match-tab .match-details .teams .team1 {
    margin-right: 64px;
}

.match-tab .match-details .teams .team2 {
    margin-left: 64px;
}

.match-tab .match-details .teams .team1 p,
.match-tab .match-details .teams .team2 p {
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.11px;
}

.match-tab .match-stats {
    padding-bottom: 80px
}

.match-tab .match-stats .sestavy .team1 {
    margin-bottom: 32px
}

.match-tab .match-stats .sestavy .team2 {
    margin-bottom: 40px
}

.match-tab .match-stats .sestavy h2 {
    color: #2B2A28;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 24px
}

.match-tab .match-stats .sestavy img {
    width: 40px;
    max-height: 40px;
    margin-right: 8px
}

.match-tab .match-stats .sestavy p {
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    line-height: 24px;
}

.match-tab .match-stats .sestavy h3 {
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    font-weight: bold;
}

.match-tab .match-stats .stats h2 {
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 16px
}

.match-tab .match-stats .stats .branky {
    margin-bottom: 20px
}

.match-tab .match-stats .stats span {
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    line-height: 24px;
}

.ohlasy h2 {
    margin-bottom: 16px;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: bold;
}

.ohlasy .team1 {
    margin-bottom: 24px;
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    line-height: 24px;
}

.fotogalerie h2 {
    margin-bottom: 18px;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: bold
}

.fotogalerie .thumb {
    padding-top: 77%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px
}

.match-detail .stats-tables {
    padding-top: 40px
}

.match-detail .stats-tables h2 {
    color: #2B2A28;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 32px
}

.match-detail .stats-tables .player {
    margin-bottom: 32px
} 

.match-detail .stats-tables .table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #090909;
}

.match-detail .stats-tables .table thead th:first-child {
    width: 50%;
}

.match-detail .stats-tables .table td, 
.match-detail .stats-tables .table th {
    border-top: none;
}

.match-detail .stats-tables td,
.match-detail .stats-tables tr {
    color: #090909;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.match-detail .stats-tables tbody tr:nth-child(odd) {
    background-color: #F5F5F5;
}

.match-detail .stats-tables tbody tr {
    border-bottom: 2px solid transparent
}

.match-detail .stats-tables tbody tr:hover {
    border-bottom: 2px solid #F28321
}

.match-detail .stats-tables tr td:not(:first-child),
.match-detail .stats-tables tr th:not(:first-child) {
    text-align: center;
}

.match-detail .stats-tables tr td {
    padding: 8px 0;
}

.match-detail .stats-tables tr td:first-child {
    padding-left: 12px
}

.match-detail .man-match {
    padding: 40px 0 0
}

.match-detail .man-match h2 {
    color: #2B2A28;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 26px;
}

.match-detail .man-match .thumb {
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 111%;
    margin-bottom: 8px
}

.match-detail .man-match .info {
    width: 50%;
    padding-right: 6px;
}

.match-detail .man-match .info .post {
    color: #F28321;
    font-family: 'Titillium Web', sans-serif;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: -5.9px;
    margin-right: 18px
}

.match-detail .man-match .info .f-name {
    color: #090909;
    font-family: 'Mulish', sans-serif;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.6px;
}

.match-detail .man-match .info .l-name {
    color: #090909;
    font-family: 'Mulish', sans-serif;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -0.6px;
}

.match-detail .man-match .text {
    color: #000000;
    font-family: 'Mulish', sans-serif;
    font-size: 16px;
    padding-left: 6px;
    width: 50%;
}

.match-detail .related-articles h2 {
    color: #2B2A28;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 32px
}

.match-detail .related-articles .article {
    margin-bottom: 40px
}

.match-detail .related-articles .article:last-child {
    margin-bottom: 0
}

.match-detail .related-articles .thumb {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 8px;
    padding-top: 100%
}

.match-detail .related-articles .details  {
    margin-bottom: 8px
}

.match-detail .related-articles .details .date {
    color: #F28321;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-right: 8px
}

.match-detail .related-articles .details .period {
    height: 6px;
    width: 6px;
    background-color: #000000;
    border-radius: 50%;
    margin-right: 8px
}

.match-detail .related-articles .details .author {
    color: #000000;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    font-style: italic;
}

.match-detail .related-articles .title {
    color: #000000;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: bold;
}   

@media only screen and (max-width: 400px) {
    .match-detail .man-match .info {
        width: 100%
    }
    
    .match-detail .man-match .text {
        width: 100%
    }
}

@media only screen and (max-width: 768px) {

    .match-detail .man-match {
        padding: 20px 0 0 0
    }

    .custom-articles {
        padding-top: 20px;
        padding-bottom: 20px
    }
    
    .match-detail {
        padding-bottom: 40px
    }

    .match-tab {
        padding: 24px 32px 
    }

    .menu li {
        margin-right: 12px
    }

    .match-tab .info .date,
    .match-tab .info .author {
        font-size: 12px;
    }

    .match-tab .title {
        font-size: 18px
    }

    .match-tab .excerpt{
        font-size: 14px
    }

    .match-tab .match-details .teams img {
        width: 50px;
        height: 50px
    }

    .match-tab .match-details .teams .team1 p, 
    .match-tab .match-details .teams .team2 p {
        font-size: 14px;
    }

    .match-tab .match-details .score p {
        font-size: 32px
    }

    .match-detail .stats-tables h2 {
        margin-bottom: 18px
    }

    .match-detail .stats-tables .player {
        margin-bottom: 18px
    }

    .match-tab .match-details .teams .team1 {
        margin-right: 32px;
    }

    .match-tab .match-details .teams .team2 {
        margin-left: 32px;
    }
}

@media only screen and (max-width: 992px) {
    .menu {
        padding-left: 12px;
        padding-right: 12px;
    }
}

/********* HRAC - PLAYER PAGE ******/
.player-page .player-detail {
    margin-bottom: 80px;
    position: relative
}

.player-page .player-detail .bg-player {
    /*background-image: url('../images/bg-player.jpg');*/
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 34%;
    /*filter: blur(8px);
    -webkit-filter: blur(8px);*/
}

.player-page .player-detail .full-content {
    position: absolute;
    left: 0;
    top: 0
}

.player-page .player-detail .full-content .content .thumb-wrapper {
    width: 289px;
}   

.player-page .player-detail .full-content .content .thumb {
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 111%;
}

.player-page .player-detail .full-content .content .content-right {
    margin-left: 32px;
}

.player-page .player-detail .full-content .content .content-right .info {
    padding: 0 24px;
    background-color: #cacaca87;
    border-radius: 3px;
}

.player-page .player-detail .full-content .content .content-right .info .post {
    color: #F28321;
    font-family: 'Titillium Web', sans-serif;
    font-size: 120px;
    font-weight: bold;
    letter-spacing: -17.7px;
    margin-right: 40px
}

.player-page .player-detail .full-content .content .content-right .info .f-name {
    color: #090909;
    font-family: 'Mulish', sans-serif;
    font-size: 60px;
    font-weight: bold;
    letter-spacing: -2.13px;
}

.player-page .player-detail .full-content .content .content-right .info .l-name {
    color: #090909;
    font-family: 'Mulish', sans-serif;
    font-size: 72px;
    font-weight: bold;
    letter-spacing: -2.13px;
    margin-top: -36px;
}

.player-page .details > div {
    margin-right: 32px
}

.player-page .details > div:last-child {
    margin-right: 0
}

.player-page .details p {
    color: #F28321;
    font-family: 'Mulish', sans-serif;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -0.47px;
}

.player-page .details span {
    color: #090909;
    font-family: 'Mulish', sans-serif;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.47px;
}

@media only screen and (max-width: 768px) {
    .player-page .player-detail {
        margin-bottom: 20px;
        position: relative
    }

    .player-page .match-detail .menu {
        padding-left: 12px;
        padding-right: 12px;
    }

    .player-page .details {
        margin-bottom: 20px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .player-page .details > div {
        margin:0;
        padding: 16px
    }

    .player-page .player-detail .full-content .content .content-right .info {
        flex-direction: column;
    }

    .player-page .player-detail .full-content .content .content-right .info .post {
        font-size: 32px;
        letter-spacing: 0;
        margin-right: 12px;
        align-self: flex-start;
        margin-bottom: -12px;
    }

    .player-page .player-detail .full-content .content .content-right .info .f-name {
        font-size: 24px;
    }

    .player-page  .player-detail .full-content .content .content-right .info .l-name {
        font-size: 32px;
        margin-top: -10px
    }

    .player-page .player-detail .full-content .content .thumb-wrapper {
        width: 30%;
    }

    .player-page .player-detail .full-content .content .content-right {
        margin-left: 8px
    }
}

.player-page .roster-table {
    padding-top: 32px
}

.player-page .roster-table h2 {
    color: #2B2A28;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 32px
}

.player-page .roster-table .roster .heading-row {
    color: #090909;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 4px 16px;
    border-bottom: 1px solid #090909
}

.player-page .roster-table .roster .player-row:hover {
    border-bottom: 2px solid #F28321
}

.player-page .roster-table .roster .player-row:nth-child(even) {
    background-color: #fff
}

.player-page .roster-table .roster .player-row a {
    color: #090909;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 16px;
    border-bottom: 2px solid transparent;
    display: inline-block;
    text-decoration: none;
}

.player-page .roster-table .roster .player-row span {
    color: #090909;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-style: italic;
    margin-left: 8px;
    font-weight: 400;
}

@media only screen and (max-width: 992px) {
    .player-page .player-detail .full-content .content .thumb-wrapper {
        width: 30%;
    }
}

.matches .match .score.win {
    color:  #3DBE5C
}

.matches .match .score.lost {
    color:  #000000;
}



/***************atchiv and photogallery************/
.item-list--photogallery .item-list__item:hover .item-list__image,
.item-list__image {
    position: relative;
}

.item-list__header,
.item-list__type {
    font-family: 'Titillium Web', sans-serif;
    font-style: normal;
    -webkit-font-kerning: normal;
    text-transform: uppercase;
}

.item-list--photogallery,
.item-list--videogallery,
.magazin__item,
.partners_main__row {
    text-align: center;
}

.item-list__item {
    border-bottom: 1px solid #ccc8c8;
    margin-bottom: 16px;
    padding-bottom: 16px;
}
.item-list--photogallery .item-list__item,
.item-list--videogallery .item-list__item {
    border-bottom: 0;
}
.item-list__image {
    display: block;
    line-height: 0;
    background-color: transparent;
    padding-bottom: 16px;
}
@media (min-width: 576px) {
    .item-list__image {
        padding-bottom: 0;
    }
}
.item-list__image img {
    width: 100%;
}
.item-list__date {
    font-size: 12.4px;
    font-size: 0.775rem;
    line-height: 1.5em;
}
.item-list__type {
    font-size: 15.7px;
    font-size: 0.981rem;
    line-height: 1.5em;
    color: #fff;
    background: #F28321;
    position: absolute;
    padding: 4px 16px;
    bottom: 12px;
    left: -12px;
    font-weight: 600;
    font-kerning: normal;
}
.item-list__type:before {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 12px solid #022f0e;
    border-left: 12px solid transparent;
}
.item-list__header {
    padding: 0;
    margin: 0;
    border: 0;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.33em;
    color: #40403f;
    font-weight: 500;
    font-kerning: normal;
}

.item-list__button,
.offline__header {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 500;
    font-style: normal;
    -webkit-font-kerning: normal;
}
@media (min-width: 576px) {
    .item-list__header {
        font-size: 1.25rem;
    }
}
.item-list__header:before {
    display: none;
}
.item-list__header a {
    color: #40403f;
    text-decoration: none;
}
.item-list__header a:hover {
    color: #40403f;
    text-decoration: underline;
}
.item-list__button a,
.magazin__item,
.social_media__header a {
    text-decoration: none;
}
.item-list__button {
    color: #F28321;
    font-kerning: normal;
    font-size: 17.01px;
    font-size: 1.063rem;
}
.item-list__button a {
    padding-right: 20px;
    color:#F28321;
    background-image: url(../../build/image/ico-double-arrow_red.png);
    background-position: right 4px;
    background-size: 13px 12px;
    background-repeat: no-repeat;
}
.item-list__perex {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 13.81px;
    font-size: 0.863rem;
    line-height: 1.6em;
}
.item-list--photogallery .item-list__text,
.item-list--videogallery .item-list__text {
    padding-top: 16px;
}
.item-list--photogallery .item-list__item .item-list__image,
.item-list--videogallery .item-list__item .item-list__video {
    padding-bottom: 0;
}
.item-list--photogallery .item-list__item:hover .item-list__image:after {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../../build/image/ico-camera.svg);
    background-repeat: no-repeat;
    background-size: 40px 35px;
    background-position: center center;
    background-color: #F28321;
    opacity: .5;
    z-index: 5;
}
.item-list--videogallery .item-list__video {
    line-height: 0;
}

@media (min-width: 620px) {
    .historic_calendar_slider {
        margin-bottom: 80px;
    }
    .historic_calendar_slider--subpage {
        margin-bottom: 0;
    }
}
.historic_calendar_slider--subpage {
    padding-top: 24px;
    padding-bottom: 24px;
    background-color: #40403f;
    margin-bottom: 0;
}
@media (min-width: 576px) {
    .historic_calendar_slider--subpage {
        padding-top: 56px;
        padding-bottom: 56px;
    }
}



.subpage--main,
.wrapper,
body,
h1,
h2,
html {
    position: relative;
    
}

.subpage {
    padding: 0;
    margin-bottom: 24px;
}
@media (min-width: 576px) {
    .subpage {
        padding: 0 16px;
        margin-bottom: 40px;
    }
}
@media (min-width: 890px) {
    .subpage {
        padding: 0 32px;
    }
}
.subpage > .row {
    margin-left: 0;
    margin-right: 0;
}
.subpage > .row > div {
    padding: 0 16px;
}
.subpage--margin_top {
    margin-top: 0;
}
@media (min-width: 890px) {
    .subpage--margin_top {
        margin-top: 32px;
    }
}
@media (min-width: 1200px) {
    .subpage--margin_top {
        margin-top: 64px;
    }
}
.subpage--margin_top-half {
    margin-top: 0;
}
@media (min-width: 1200px) {
    .subpage--margin_top-half {
        margin-top: 32px;
    }
}
.subpage--main {
    padding: 32px 0 16px;
}
@media (min-width: 890px) {
    .subpage--margin_top-half {
        margin-top: 32px;
    }
    .subpage--main {
        padding: 32px 0;
    }
}
.subpage--aside {
    padding: 16px 0;
}
@media (min-width: 890px) {
    .subpage--aside {
        padding: 32px 0;
    }
}
.subpage--aside .rennab {
    margin-bottom: 24px;
    clear: both;
    text-align: center;
    line-height: 0;
}

.subpage--aside .rennab img {
    width: 100%;
    max-width: 242px;
}

.historic_calendar,
.historic_calendar .subpage--main {
    background: 0 0;
}

.subpage--main h2 {
    color: #000000;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 16px
}

.filter_form {
    padding: 0;
    margin-bottom: 16px;
}
.filter_form button,
.filter_form input,
.filter_form select {
    width: 100%;
    margin: 0 0 8px;
}
.filter_form input {
    padding-top: 6px;
    padding-bottom: 5px;
}

.filter_form--border_bottom {
    padding: 0 0 8px;
    border-bottom: 1px solid #ccc8c8;
}

.button:hover {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-color: #40403f;
    text-decoration: underline;
    color: #fff;
}
.btn--no-margin {
    margin-top: 0;
    margin-bottom: 0;
}

.photogallery .button,
.archiv .button {
    background-color: #F28321;
    border-radius: 18px;
    color: #fff;
    border: 0;
    font-size: 14px;
    font-size: 0.875rem;
    -webkit-font-kerning: normal;
    font-kerning: normal;
    line-height: 1.5;
    padding: 8px 24px;
    margin: 8px 0;
    z-index: 1;
    box-sizing: border-box;
}

.button,
i.ico {
    display: inline-block;
}

.button,
.button:hover,
.nav-link:focus,
.nav-link:hover,
.tooltip {
    text-decoration: none;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus {
    outline: 0;
}
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: grey !important;
    opacity: 1;
}
input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder {
    color: grey !important;
    opacity: 1;
}
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    color: grey !important;
    opacity: 1;
}
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: grey !important;
    opacity: 1;
}

.strankovani {
    margin: 16px auto;
    padding: 0 16px;
    text-align: center;
}
.strankovani .nextPages {
    display: none;
}
.strankovani a,
.strankovani span {
    display: inline-block;
}
.strankovani a {
    font-size: 14.4px;
    font-size: 0.9rem;
    line-height: 1.2em;
    border-radius: 3px;
    padding: 6px 8px 4px;
    border: 1px solid #ccc8c8;
    margin: 0 4px 8px;
    text-decoration: none !important;
    color: #000
}
.strankovani a.strankovaniVyrazne {
    background: #F28321;
    border: 1px solid #F28321;
    color: #fff;
}
.strankovani a.strankovaniVyrazne:hover {
    background: #F28321;
    color: #fff;
}
.strankovani a.strankovaniVyrazne:focus {
    border: 1px solid #F28321;
}
.strankovani a:hover {
    background: #ccc8c8;
}
.strankovani a:focus {
    border: 1px solid #ccc8c8;
}

.heading {
    margin: 0 0 24px;
    padding-bottom: 16px;
}

.heading:before {
    position: absolute;
    width: 130px;
    height: 3px;
    background-color:#F28321;
    left: 0;
    content: "";
    bottom: 0;
}

.layout a {
    color: #000000 !important
}

.card .crop-text-2 {
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical; 
}

@media only screen and (max-width: 1199px) {
    .hp-matches .hp-match-info .hp-match-teams .team1,
     .hp-matches .hp-match-info .hp-match-teams .team2 {
        margin-left: -100%;
        margin-right: -100%;
        text-align: center;
    }
}

.bottom_links .partner {
    height: 160px;
}


.articles .articles-list {
    border-bottom: 1.5px solid #C4C4C4;
    padding-top: 36px;
    padding-bottom: 64px
}

.articles .novinky {
    padding-top: 24px;
}

.articles a.btn {
    margin-top: 32px;
} 

.articles .card {
    border:none;
    background-color: transparent;
}

.articles .card .card-img {
    height: 210px;
    border-radius: 1px;
    margin-bottom: 16px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.articles .card .card-body {
    padding: 0 8px;
} 

.articles .card .card-body .card-info,
.articles .card .card-body .card-title  {
    margin-bottom: 8px;
}

.articles .card .card-body .card-info .article-place {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color:#F28321;
} 

.articles .card .card-body .card-info .article-date {
    font-family: 'Titillium Web', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #1E1E1F;
} 

.articles .card .card-body .card-title {
    font-family: 'Titillium Web', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    letter-spacing: -1px;
    color: #000
}

.articles .card .card-body .card-text {
    font-family: 'Titillium Web', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #1E1E1F;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.articles .card .card-body .card-text a {
    font-family: 'Titillium Web', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #1E1E1F;
}

.photogallery select {
    padding: 7px !important;
}

.subpage--main .heading {
    color: #000000;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 16px
}

.page_content h1 {
    color: #000000;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 16px
}

.zobraz h1 {
    font-family: 'Titillium Web', sans-serif;
    font-size: 32px;
    font-weight: bold;
}

.zobraz h2 {
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: bold;
}

.zobraz h3 {
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    font-weight: bold;
}

.zobraz p {
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    margin-bottom: 16px;
}

.custom-articles {
    padding-top: 40px;
    padding-bottom: 40px;
}

.custom-articles h2 {
    font-family: 'Titillium Web', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    letter-spacing: -1px;
    color: #000;
    margin-bottom: 18px
}

.custom-articles .thumb {
    margin-bottom: 8px ;
    padding-top: 100%
}

.custom-articles .details {
    margin-bottom: 8px
}

.custom-articles .details .date {
    color: #F28321;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-right: 8px
}

.custom-articles .details .period {
    height: 6px;
    width: 6px;
    background-color: #000;
    border-radius: 50%;
    margin-right: 8px
}

.custom-articles .details .author {
    color: #000;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    font-style: italic;
}


.custom-articles  .title {
    margin-bottom: 18px;
    color: #000;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: bold;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.inc_photogallery .photogallery_item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 150px;
}

.box_header-photogallery {
    margin-bottom: 18px;
    color: #000;
    font-family: 'Titillium Web', sans-serif;
    font-size: 32px;
    font-weight: bold;
} 

.games .page_content h2, 
.games .page_content h3 {
    margin-bottom: 8px;
    color: #F28321;
    font-family: 'Titillium Web', sans-serif;
    font-size: 32px;
    font-weight: bold;
}

.partneri .title {
    margin-bottom: 18px;
    color: #000;
    font-family: 'Titillium Web', sans-serif;
    font-size: 32px;
    font-weight: bold;
}

table.my_table,
table.pekna,
table.stats,
table.nice {
    width: 100%;
}

table td.item {
    padding: 8px 16px;
    border-top: solid 1px #e9ecef;
    border-bottom: solid 1px #e9ecef;
    background-color: #f8f9fa;
    font-size: 16px;
    line-height: 1.5;
    font-family: AdelphiPE,sans-serif;
    font-weight: 600;
    color: #868e96;
    text-transform: uppercase;
}

table.my_table td, table.pekna td, table.stats td, table.nice td {
    padding: 8px 16px;
}

table.my_table tr {
    padding: 8px 16px;
    border-bottom: 2px solid #e9ecef;
}
table.my_table tr:hover{
    background:#fff !important;
}

.tabulka table.my_table tr:nth-child(5),
.tabulka.table.my_table tr:nth-child(5) {
    padding: 8px 16px;
    border-bottom: 2px solid #F28321;
}

table.my_table th, table.pekna th, table.stats th, table.nice th {
    padding: 8px 16px;
    border-top: solid 1px #e9ecef;
    border-bottom: solid 1px #e9ecef;
    background-color: #f8f9fa;
    font-size: 16px;
    line-height: 1.5;
    font-family: AdelphiPE,sans-serif;
    font-weight: 600;
    color: #868e96;
    text-transform: uppercase;
}

.offline h1 {
    margin-bottom: 18px;
    color: #F28321;
    font-family: 'Titillium Web', sans-serif;
    font-size: 32px;
    font-weight: bold;
}

.offline h2 {
    margin-bottom: 18px;
    color: #000;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: bold;
}

/**************FORUM*******************/
.layout {
    padding-top: 24px;
    padding-bottom: 24px;
    overflow: hidden;
    max-width: 1224px; }
    .layout main .content {
      border-radius: 3px;
      background-color: #ffffff;
      box-shadow: inset 0 -1px 0 0 #ced4da;
      padding: 48px; }
      @media (max-width: 760px) {
        .layout main .content {
          padding: 32px; } }
    @media (max-width: 1024px) {
      .layout main {
        width: 100%;
        max-width: 100%;
        -webkit-flex: none;
            -ms-flex: none;
                flex: none;
        display: block; } }
    .layout aside .aside-content {
      border-radius: 3px;
      background-color: #ffffff;
      box-shadow: inset 0 -1px 0 0 #ced4da;
      padding: 20px 25px; }
    .layout aside .padding0 {
      padding: 24px 0 0; }
    @media (max-width: 1024px) {
      .layout aside {
        width: 100%;
        max-width: 100%;
        -webkit-flex: none;
            -ms-flex: none;
                flex: none;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10000000;
        background: #fff;
        width: 295px;
        display: block;
        opacity: 0;
        visibility: hidden;
        right: -295px;
        height: 100%;
        transition: all 0.2s;
        padding-top: 64px;
        padding-left: 0;
        padding-right: 0;
        right: 0; } }
    @media (max-width: 374px) {
      .layout aside {
        max-width: 100%;
        width: 100%;
        top: 0;
        max-width: 230px;
        padding-top: 0; } }

/* --- forum --- */
.forum #forum {
    margin-top: 10px; }
  
  .forum #forum span {
    display: inline; }
  
  .forum #forum fieldset a {
    color: #000; }
  
  .forum #forum fieldset legend {
    display: none; }
  
  .forum #forum legend {
    width: auto; }
  
  .forum #forum #df_form {
    width: auto;
    margin: 15px auto auto; }
  
  .forum #forum #df_form #smiles {
    padding: 2px 0; }
  
  .forum #forum #df_form #smiles a {
    cursor: pointer; }
  
  .forum #forum #df_form #form_left {
    float: none;
    width: 100%; }
  
  .forum #forum #df_form .border {
    border: 1px solid #3e3e3e; }
  
  .forum #forum #df_form #form_right {
    float: none;
    width: 100%;
    text-align: right;
    padding-top: 5px;
    margin-top: 14px; }
  
  .forum #forum #df_form #form_right table {
    width: 100%;
    margin: 0; }
  
  .forum #forum #df_form #form_right table tr th {
    color: #000;
    background: transparent;
    border: 0;
    padding: 0; }
  
  .forum #forum #df_form #form_right table tr th a {
    color: #000; }
  
  .forum #forum #df_form #form_right table tr td label {
    display: none; }
  
  .forum #forum #df_form #form_right label {
    font-weight: bold;
    cursor: pointer; }
  
  .forum #forum #coments .space {
    height: 1px; }
  
  .forum #forum #coments .comment {
    padding: 10px 0; }
    .forum #forum #coments .comment:after {
      content: "";
      display: table;
      clear: both; }
  
  .forum #forum #coments .comment .comment_left {
    padding: 0;
    float: left;
    text-align: center;
    font-size: 11px;
    line-height: 1.3em;
    width: 15%; }
  
  .forum #forum #coments .comment .comment_left img.border {
    border: 1px solid #E6E6E6; }
  
  .forum #forum #coments .comment .comment_left img.toleft {
    margin: 0 0 3px;
    display: inline-block;
    float: none; }
  
  .forum #forum #coments .comment .comment_left img.toright {
    margin: 24px 0 0;
    display: inline-block;
    float: none; }
  
  .forum #forum #coments .comment .comment_left span {
    cursor: help;
    display: block; }
  
  .forum #forum #forum_reaction {
    text-align: center; }
  
  .forum #forum #coments .comment .comment_right {
    padding: 0;
    float: left;
    width: 100%; }
  
  .forum .hidden {
    display: none; }
  
  .forum #forum #coments .comment .comment_right .space {
    height: 0; }
  
  .forum #forum #coments .comment .comment_right a.mail span {
    display: none; }
  
  .forum #forum #coments .comment .comment_right .comment_head {
    padding: 3px 10px;
    background-color: #e3e4e4;
    box-shadow: inset 0 -1px 0 0 #ced4da;
    font-size: 14px;
    line-height: 24px; }
    .forum #forum #coments .comment .comment_right .comment_head:after {
      content: "";
      display: table;
      clear: both; }
  
  .forum #forum #coments .comment .comment_right .comment_head a.karma_minus {
    display: block;
    float: right;
    width: 18px;
    height: 18px;
    cursor: pointer;
    background: url("/img/smajly/karma_minus.png") no-repeat 0 0; }
  
  .forum #forum #coments .comment .comment_right .comment_head a.karma_plus {
    display: block;
    float: right;
    width: 18px;
    height: 18px;
    cursor: pointer;
    background: url("/img/smajly/karma_plus.png") no-repeat 0 0;
    margin: 0 0 0 5px; }
  
  .forum #forum #coments .comment .comment_right .comment_head a span {
    display: none; }
  
  .forum #forum #coments .comment .comment_right .comment_head a {
    font-weight: normal; }
  
  .forum #forum #coments .comment .comment_right .comment_text {
    font-size: 14px;
    line-height: 24px;
    padding: 8px 8px 15px;
    background: #ffffff;
    color: #000000;
    border-bottom: 1px solid #e3e4e4;
    border-left: 1px solid #e3e4e4;
    border-right: 1px solid #e3e4e4; }
  
  .forum #forum #coments .comment .comment_right .comment_text a {
    color: #000000;
    text-decoration: underline; }
    .forum #forum #coments .comment .comment_right .comment_text a:hover {
      text-decoration: none; }
  
  .forum #forum #coments .comment .comment_right .comment_text .comment_text_reaction {
    padding: 0 0 5px;
    border-bottom: 2px solid #bdccd0;
    margin-bottom: 5px;
    font-size: 0.9em;
    line-height: 1.6em; }
  
  .forum #forum #coments .comment .comment_right .comment_text .comment_text_reaction img {
    margin-top: 1px; }
  
  .forum #forum .forum_box {
    background-color: #f5f7f8;
    box-shadow: inset 0 1px 0 #f5f7f8;
    padding: 5px;
    width: auto; }
  
  .forum #forum .forum_box .menicko {
    margin: 0; }
  
  .forum #forum .menicko.functions {
    font-size: 0.9em;
    border: 1px solid #efefef;
    margin-top: 25px; }
  
  .forum #forum_subpage .forum_box {
    border: 1px solid #3e3e3e;
    padding: 5px;
    width: auto; }
  
  .forum #forum_subpage form table.nice {
    width: 410px;
    margin: auto; }
  
  .forum #forum_subpage form table.nice tr td.item {
    padding-right: 10px; }
  
  .forum #forum_subpage form table.nice tr td input {
    width: 200px;
    margin-left: 5px; }
  
  .forum #forum_subpage form table.nice tr td select {
    width: 200px;
    margin-left: 5px; }
  
  .forum #forum_subpage form table.nice tr td input.captcha {
    width: 50px; }
  
  .forum #forum_subpage form table.nice tr td input.souhlas {
    width: auto; }
  
  .forum #forum_subpage #forum_rules {
    overflow: auto;
    width: 350px;
    height: 150px;
    padding: 5px;
    background-color: #ffffff;
    color: #000000;
    margin: auto;
    border: 1px solid #3e3e3e; }
  
  .forum label {
    font-size: 16px;
    text-transform: uppercase;
    line-height: 24px;
    vertical-align: middle;
    margin-right: 5px; }
  
  .forum .toleft {
    float: left; }
  
  .forum .toright {
    float: right; }
  
  .forum #formular {
    box-shadow: inset 0 1px 0 #f5f7f8; }
  
  .forum textarea {
    height: 150px;
    background-color: white;
    border: 1px solid #bdccd0;
    width: 100%;
    margin: 0 auto;
    display: block; }
  
  .forum input[type="password"],
  .forum input[type="text"] {
    background-color: white;
    border: 1px solid #bdccd0;
    height: 37px; }
  
  .forum table tr {
    border-color: transparent !important; }
  
  .forum #smiles {
    text-align: center; }
  
  .forum input[type="submit"] {
    display: inline-block; }
  
  .forum .menicko select {
    margin-bottom: 8px;
    margin-left: 4px;
    margin-right: 4px;
    vertical-align: initial; }
  
  .forum center {
    display: none; }
  
  .forum .strankovani_box {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px; }
    .forum .strankovani_box a {
      display: inline-block;
      margin: 0 5px;
      background: #d8232a;
      padding: 0 8px;
      color: #fff;
      opacity: 0.5; }
      .forum .strankovani_box a:hover {
        opacity: 1; }
    .forum .strankovani_box a.strankovaniVyrazne {
      opacity: 1; }
  
  @media (max-width: 768px) {
    .forum #forum #coments .comment .comment_right {
      width: 100%; }
    .forum #forum #df_form #form_right table td,
    .forum #forum #df_form #form_right table th {
      display: block;
      width: 100%; }
    .forum #forum #df_form #form_right table th {
      display: none; }
    .forum #forum #df_form #form_right table .right {
      text-align: center; }
    .forum #forum #df_form #form_right table input[type=submit] {
      width: 100%;
      margin-bottom: 4px; }
    .forum input[type=password],
    .forum input[type=text],
    textarea {
      width: 100% !important; }
    textarea {
      margin: 0 10px !important;
      width: 96% !important; } }
  
  @media (max-width: 768px) {
    .forum #forum #coments .comment .comment_right {
      width: 100%; }
    .forum #forum #coments .comment .comment_left {
      display: none; }
    .menicko td {
      display: block;
      width: 100%; } }

      .strankovani {
        text-align: center; }
        .strankovani .nextPages {
          display: none; }
        .strankovani a {
          border-radius: 3px;
          background-color: #ffffff;
          border: solid 1px #ced4da;
          font-family: Industry;
          text-transform: uppercase;
          font-size: 14px;
          font-weight: 900;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.29;
          letter-spacing: normal;
          text-align: center;
          color: #174489;
          padding: 5px 10px;
          margin: 0 5px; }
        .strankovani a.strankovaniVyrazne {
          background: #d8232a;
          color: #fff;
          border-color: #d8232a; }
      
      #form_filter label {
        display: block;
        line-height: 1.33;
        letter-spacing: normal;
        font-family: Industry;
        font-weight: 900;
        font-style: normal;
        font-stretch: normal;
        font-size: 18px;
        color: #212529; }
      
      #form_filter select {
        width: 100%;
        margin: 0; }
      
      #form_filter input[type="text"] {
        width: 100%;
        border: 1px solid #a6a6a6;
        color: #252627;
        height: 40px;
        padding: 10px 65px 10px 15px;
        border-radius: 4px; }
      
      #form_filter .media-form-season {
        margin-bottom: 12px; }


center,
.fb_iframe_widget iframe {
    max-height: 500px !important;
}

.text-orange {
  color: #F28321 !important  
}
.text p, .match-tab p{margin-bottom: 16px;}

.forum #forum .forum_box ,
.box2 {
     display: none
 }

 .forum .jmeno {
     width: 200px
 }

 .press .subpage_header {
    margin-bottom: 12px;
    color: #000;
    font-family: 'Titillium Web', sans-serif;
    font-size: 36px;
    font-weight: bold;
 }

.press legend  {
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
} 

.text p,
.text strong {
    font-family: sans-serif;
    font-size: 16px
}      

.btn-custom {
    color: #fff;   
    border: 1px solid #F28321;   
    border-radius: 9px;
    height: 20px;
    width: 40px;
}  

.btn-custom span {
    height: 18px;
    width: 18px;
    border-radius: 9px;
    background-color: #FEFFFF;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    
} 

.btn-custom .toggle-right {
    right: 0;
    left: auto
}
  
.btn-custom .toggle-left {
    left: 0;
    right:auto;
}  

.match-detail .thumb {
    padding-top: 70%;
}
.bg-orange{
    background:#FF7200!important;
}
.club-names{
    white-space:nowrap;
}
.display-mob{
    display: flex;
    white-space: nowrap;
    justify-content: center;
}

@media (max-width: 500px) {
    .club-names{font-size:14px;margin:auto;}
    .d-wrapp{flex-wrap: wrap !important;}
    .display-mob{width: 100%;}
}

.zobraz img{max-width:100% !important;}

.thu2{padding-top:0 !important;height: 264px;width:372px;max-width:100%;}
@media (max-width: 989px) {.thu2{width:233px;height:165px;} }

blockquote {
    margin-left: 1.6em !important;
    padding: 0;
    text-align: left;
    color: #777;
    font-style: italic;
}

.info-bubble {
    float: left;
    color: #F28321;
}
.info-bubble .number {
    font-family: Rift;
    font-weight: bold;
    font-size: 72px;
    float: left;
    min-height: 120px;
    line-height: 1.3;
    padding: 0 24px 0 20px;
}
.info-bubble .content {
    font-family: Rift;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.3;
    float: left;
    background-color: #fff;
    box-shadow: inset 4px 0 0 0 #F28321;
    min-height: 120px;
    width: 264px;
    padding: 8px 24px 16px 28px;
}
.quote {
    background: url(/img/quotes.svg) 25px 0 no-repeat;
    padding-left: 110px;
    margin-bottom: 40px;
    max-width: 640px;
}
.quote .quote-text {
    font-family: Rift;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 10px;
    color: #F28321;
}
.quote .quote-author {
    font-family: Rift;
    font-weight: bold;
    font-size: 16px;
    line-height: 1;
    color: #F28321;
    text-transform: uppercase;
}

.lg-sub-html h4 {
    color: white !important;
}

.lg-sub-html p {
    color: white !important;
}

.a-tym-swiper, .parnters-swiper, .games-swiper{width:100%;overflow:hidden;}

#lg-counter span{
    color: #999;
}