/* Basic Settings */

body {
    background: #f4f4f4;
    font-family: 'Titillium Web', sans-serif;
}

/* Header */

header {
    background: #001722;
    color: #ffffff;
}

header a,
header a:hover,
header a:active,
header a:focus {
    color: inherit;
    text-decoration: none;
    outline:none;
}

.header-top {
    border-bottom: 1px solid #2e3238;
    padding-top: 25px;
    padding-bottom: 10px;
}

.header-social a {
    color: #8f8f8f;
    line-height: 30px;
    font-size: 18px;
    display: inline-block;
    margin-right: 20px;
    transition: color .3s ease-in-out;
}

.header-social a:hover {
    color: #ffffff;
}

.header-search {
    margin-right: 50px;
    line-height: 26px;
    position: relative;
}

.header-search input[type="search"] {
    border: none;
    border-radius: 2px;
    background: #2e3238;
    padding-left: 15px;
    display: block;
    box-sizing: border-box;
    border: 1px solid transparent;
    font-size: 16px;
    color: #8f8f8f;
    position: relative;
    padding-right: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 340px;
}

.search_button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 30px;
    line-height: 30px;
    width: 40px;
    text-align: center;
    font-size: 20px;
    color: #8f8f8f;
    background:transparent;
    border:none;
    transition:color .3s ease;
}

.search_button:hover{
    color:#afafaf;
}

.search_button:active{
    color:#ffffff;
}

.search_button:hover, .search_button:active, .search_button:focus{
    outline:none;
}

.header-search input[type="search"]:focus {
    outline: none;
    border: 1px solid #434952;
}

.perso-icon {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    bottom: 2px;
    filter: brightness(100%);
    transition: filter .3s ease-in-out;
}

.perso-icon.basket {
    background-image: url(../img/basket.png);
}

.perso-icon.login {
    background-image: url(../img/login.png);
}

.perso-icon.person {
    background-image: url(../img/person.png);
}

.header-perso-link {
    display: inline-block;
    color: #8f8f8f;
    margin-left: 24px;
    font-size: 16px;
    transition: color .3s ease-in-out;
}

.header-perso-link:hover span {
    filter: brightness(300%);
}

.header-perso .ui-selectmenu-button.ui-button {
    width: 52px;
    border-radius: 0;
    background: #001722;
    border: none;
    position: relative;
    padding: 6px 4px;
    bottom: 2px;
    border: 1px solid transparent;
    transition: border .3s ease-in-out;
}

.menu-toggle {
    display: none;
}

.header-perso .ui-selectmenu-button.ui-button:hover {
    border: 1px solid #8f8f8f;
}

.header-perso .ui-selectmenu-icon.ui-icon {
    float: left;
}

.header-perso .ui-button .ui-icon {
    background-image: url(../img/lang-open.png);
    background-position: center center;
}

.header-perso .ui-selectmenu-text {
    color: #8f8f8f;
}

.header-perso .ui-selectmenu-button.ui-button:hover .ui-selectmenu-text {
    color: #acacac;
}

.header-perso .ui-selectmenu-button.ui-button:focus {
    outline: none;
}

#header-language-menu.ui-widget.ui-widget-content {
    border: none;
    border-radius: 0;
    background: #2e3238;
}

#header-language-menu .ui-menu-item-wrapper {
    text-align: center;
    padding: 3px;
    background: #2e3238;
    color: #8f8f8f;
}

#header-language-menu .ui-menu-item-wrapper.ui-state-active {
    background: #272a30;
    color: #ffffff;
    border: 1px solid #272a30;
}

.header-perso .ui-selectmenu-text {
    margin-right: 0;
    margin-left: 20px;
}

/* Login modal */
.loginmodal-container {
  padding: 30px;
  max-width: 350px;
  width: 100% !important;
  background-color: #f4f4f4;
  margin: 0 auto;
  border-radius: 2px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}

.loginmodal-container h1 {
  text-align: center;
  color: #001722;
  font-weight: bold;
  font-size: 22px;
  text-transform: uppercase;
}

.loginmodal-container input[type=submit] {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  position: relative;
}

.loginmodal-container input[type=text], input[type=password] {
  height: 40px;
  font-size: 15px;
  width: 100%;
  margin-bottom: 10px;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  padding: 0 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: #001722;
}

.loginmodal-container input[type=text]:hover, input[type=password]:hover {
  border: 1px solid #b9b9b9;
  border-top: 1px solid #a0a0a0;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.loginmodal {
  text-align: center;
  font-size: 14px;
  font-family: 'Arial', sans-serif;
  font-weight: 700;
  height: 36px;
  padding: 0 8px;
}

.loginmodal-submit {
  border: 0px;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1);
  background-color: #001722;
  padding: 17px 0px;
  font-size: 14px;
}

.loginmodal-submit:hover {
  border: 0px;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #ca2128;
}

.loginmodal-container a {
  text-decoration: none;
  color: #666;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  opacity: 0.6;
  transition: opacity ease 0.5s;
}

.loginmodal-container a:hover{
    color:#ca2128;
}

.login-help{
  font-size: 12px;
}

/* Push Messages */
.pushCont{
    visibility:hidden;
    opacity: 0;
    transition:opacity .8s ease;
    position:fixed;
    right:10px;
    bottom:10px;
    border-radius:3px;
    background:#ffffff;
    padding:5px;
    padding-right:35px;
    border-top: 2px solid #ca2128;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 1px 1px 8px -4px rgba(0,0,0,.8);
    min-height: 55px;
    min-width: 190px;
    max-width:300px;
    line-height:15px;
}

.pushCont.active{
    opacity:1;
    visibility:visible;
}

.pushCont.active.pushHide{
    opacity:0;
    transition:opacity 1.6s ease;
}

.pushClose{
    position: absolute;
    z-index: 100;
    right: 5px;
    top: 5px;
    width: 20px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    background: rgba(255,255,255,.6);
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    transition: opacity .2s ease;
}

.pushClose:hover{
    color: #ca2128;
    border: 1px solid #ca2128;
}

/* Header apps */

.header-apps {
    margin-left: 40px;
}

.header-apps a {
    display: inline-block;
    filter: brightness(1);
    transition: filter .3s ease-in-out;
}

.header-apps a:hover {
    filter: brightness(2);
}

.header-apps a:first-child {
    margin-right: 5px;
    position: relative;
    top: 1px;
}


/* Navigation */

nav {
    position: relative;
}

nav .nav-top {
    border-bottom: 4px solid #ca2128;
    padding: 15px 0;
}

nav .mkosz-logo {
    display: inline-block;
    vertical-align: middle;
}

nav .main-menu {
    list-style-type: none;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    margin-left: 60px;
    padding: 0;
}

nav .main-menu.pull-right {
    margin-left: 0px;
}

nav .hassubmenu.mkosz {
    position: absolute;
    right: 5px;
    top: 0;
}

nav .hassubmenu .megamenutab{
    visibility:hidden;
}

nav .hassubmenu.opened .megamenutab{
    visibility:visible;
}

.nav-top .container {
    position: relative;
}

nav .main-menu.pull-right li {
    margin-right: 0;
}

nav .main-menu li {
    display: block;
    float: left;
    font-size: 20px;
    color: #ffffff;
    margin-right: 10px;
    line-height: 81px;
    cursor: pointer;
    position: relative;
}

nav .main-menu li.hassubmenu:before {
    display: block;
    position: absolute;
    content: '';
    width: 100%;
    left: 0;
    height: 30px;
    bottom: -30px;
}

nav .main-menu li.hassubmenu:hover:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #ca2127 transparent;
    content: '';
    display: block;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
}

nav .main-menu li.hassubmenu.opened:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #ca2127 transparent;
    content: '';
    display: block;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
}

nav .main-menu li.hassubmenu.active:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #ca2127 transparent;
    content: '';
    display: block;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
}

.sub-menu-header,
.sub-menu-item {
    display: block;
    height: 36px;
    line-height: 15px;
    font-size: 15px;
    text-transform: uppercase;
    color: #717171;
    border-bottom: 1px solid #dadada;
    display: flex;
    vertical-align: middle;
    align-items: center;
    align-content: center;
    overflow:hidden;
}

.megamenutab ul {
    list-style-type: none;
    padding: 0;
    overflow:hidden;
}

.menu-close {
    display: none;
}

.sub-menu-header {
    color: #ca2128;
}

nav .mkosz-text {
    font-size: 20px;
    color: #ffffff;
    line-height: 81px;
}

.megamenutab {
    background: #ffffff;
    color: #000000;
    overflow: hidden;
    height:0;
    opacity:0;
    position: absolute;
    z-index:100000;
    top:100px;
    box-shadow: 0 5px 15px -10px rgba(0, 0, 0, .4);
    border-bottom:4px solid #ca2128;
    width:0;
}

.hassubmenu:hover .megamenutab{
    display:block;
    z-index:10000;
    position:absolute;
}

.megamenutab .container {
    padding-top: 15px;
    padding-bottom: 15px;
}

.megamenutab li{
    width:100%;
}

/*
.nav-bottom {
    background: #ffffff;
    position: absolute;
    z-index: 1000;
    left: 0;
    width: 100%;
    top: 115px;
    box-shadow: 0 5px 15px -10px rgba(0, 0, 0, .4);
}

.nav-bottom .megamenutab {
    background: #ffffff;
    color: #000000;
    overflow: hidden;
    height: auto;
    transition: height .3s ease-in-out;
    position: relative;
}

.nav-bottom .megamenutab .container {
    padding-top: 50px;
    padding-bottom: 35px;
}
*/

/* News Slider */

#main-slider {
    position: relative;
}

#main-slider .slider-left,
#main-slider .slider-right {
    opacity: 0;
    transition: .3s opacity ease-in-out;
}

#main-slider:hover .slider-left,
#main-slider:hover .slider-right {
    opacity: .8;
}

#main-slider:hover .slider-left:hover,
#main-slider:hover .slider-right:hover {
    opacity: 1;
}

.slider-left {
    display: block;
    width: 62px;
    height: 62px;
    background: url(../img/slider-left.png);
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 150;
}

.slider-left.dark {
    background: url(../img/slider-left-dark.png);
}

.slider-right {
    display: block;
    width: 62px;
    height: 62px;
    background: url(../img/slider-right.png);
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 150;
}

.slider-right.dark {
    background: url(../img/slider-right-dark.png);
}

.lS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}

.mainSlider-slide {
    height: 635px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #060201;
    padding: 0 65px;
}

.lSSlideOuter .lSPager.lSpg>li a {
    width: 10px;
    height: 10px;
    background: rgba(255, 255, 255, 0.5);
}

.lSSlideOuter .lSPager.lSpg>li.active a,
.lSSlideOuter .lSPager.lSpg>li:hover a {
    background: rgba(255, 255, 255, 1);
}

#main-slider .lSPager.lSpg {
    margin-top: -40px !important;
    height: 40px;
}

#main-slider .lSSlideOuter .lSPager.lSpg>li {
    padding: 0 10px;
}

.mainSlider-text {
    display: flex;
    flex-flow: column;
    align-content: center;
    height: 635px;
    justify-content: center;
    width: 52%;
}

.mainSlider-date {
    font-size: 14px;
    text-transform: uppercase;
    color: #ffffff;
    line-height: 38px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
}

.mainSlider-date span {
    font-size: 21px;
    margin-right: 10px;
    vertical-align: middle;
    position: relative;
    bottom: 2px;
}

.mainSlider-title {
    font-size: 80px;
    line-height: 80px;
    text-transform: uppercase;
    color: #ffffff;
    text-shadow: 2px 1px 8px rgba(0, 0, 0, .6);
}

.mainSlider-subtitle {
    font-size: 40px;
    line-height: 50px;
    color: #ffffff;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, .6);
}

.mainSlider-text a,
.mainSlider-text a:hover,
.mainSlider-text a:focus,
.mainSlider-text a:active {
    color: inherit;
    text-decoration: none;
}




/* Hírszalag */

.block-whitebg {
    background: #ffffff;
    padding-bottom:30px;
}

.block-greybg {
    background: #f4f4f4;
}

#gamesliderCont {
    padding: 30px 0;
    padding-bottom:0;
}

/* Static */
.static{
    padding:30px 0;
}

.static-cont{
    padding:15px;
    text-align: justify;
}

/* Statisztika */

#statisztika {
    padding-top: 30px;
}


/* Tabella */

#league-data-container {
    background: #ffffff;
    padding-top: 30px;
}
.league-data-container {
    background: #ffffff;
    padding-top: 30px;
}

.banner-description {
    font-weight: bold;
    color: #001722;
    /*margin: 0 6px;*/
    padding-top: 0;
    font-size: 18px;
    line-height: 26px;
    padding-left: 20px;
    border-bottom: 1px solid #001722;
    /*display: inline-block;*/
    text-align: left;
}

.box-header {
    font-weight: bold;
    font-size: 22px;
    padding: 25px;
    line-height: 26px;
    color: #001722;
    border-bottom: 4px solid #ca2128;
    text-transform: uppercase;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #ffffff;
    margin-bottom: 30px;
    position: relative;
}

.box-footer {
    position: relative;
    line-height: 50px;
    height: 50px;
}

.box-header.whitebg {
    padding-right: 15px;
}

.box-header.nospace {
    margin-bottom: 0;
}

.box-header.halfspace {
    margin-bottom: 15px;
}

.box-header.nobg {
    background: transparent;
}

.box-header.transparentbg {
    background: rgba(255, 255, 255, .65);
}

.box-body {
    background: #ffffff;
    border-radius: 5px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.box-body.halfborder {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.box-body.nobg {
    background: transparent;
}

.box-body.transparentbg {
    background: rgba(255, 255, 255, .65);
}

.box-body.dark {
    background: #001722;
}

.box-btn {
    font-weight: normal;
    font-size: 14px;
    display: inline-block;
    line-height: 19px;
    color: #8f8f8f;
    border: 1px solid #a1a1a1;
    min-width: 80px;
    text-align: center;
    padding: 0px 5px;
    border-radius: 1px;
    position: relative;
    bottom: 2px;
    text-transform:uppercase;
}

.box-btn.red {
    color: #ca2128;
    border: 1px solid #ca2128;
}

.box-btn.red:hover {
    background: #ca2128;
}

.box-btn.noborder {
    color: #8f8f8f;
    border: 1px solid transparent;
}

.box-btn.noborder:hover {
    background: transparent;
    color: #000000;
}

.box-btn:hover {
    color: #ffffff;
    background: #8f8f8f;
    text-decoration: none;
}

.box-btn:active,
.box-btn:focus {
    text-decoration: none;
}

.box-social {
    font-weight: 600;
    font-size: 15px;
    line-height: 24px;
    color: #b0b0b0;
    position: relative;
    margin-left: 30px;
    display: inline-block;
    cursor: pointer;
}

.tab-box-cal-sub { color: #b0b0b0;}

.box-social:first-child {
    margin-left: 0;
}

.box-social>span {
    margin-right: 5px;
}

.box-social:active,
.box-social:focus {
    color: inherit;
    text-decoration: none;
}

.box-social:hover,
.box-social.active {
    text-decoration: none;
    color: #ca2128;
}

.box-popup {
    display: none;
}

.box-popup.show {
    display: block;
}

.box-popup {
    position: absolute;
    background: #001722;
    border-radius: 5px;
    padding: 4px 8px;
    padding-bottom: 2px;
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 100;
}

.box-popup:after {
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    top: -7px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent #001722 transparent;
}

.box-popup-icon {
    color: #ffffff;
    margin: 0 6px;
    font-size: 18px;
    border-bottom: 2px solid transparent;
    display: inline-block;
    width: 20px;
    text-align: center;
    margin-bottom: -2px;
}

.box-popup-icon:hover {
    border-bottom-color: #ca2128;
    color: #ffffff;
}

.box-tool {
    float: right;
}
@media screen and (max-width: 720px) {
    .box-tool {
        padding: 0;
        font-size: 12px;
    }
    .box-btn{
        font-size: 10px;
        padding: 0;
    }
}

.box-table-header-tool {
    position: absolute;
    right: 10px;  /* ez kell ide, mert enelkul bal oldalra kerul */
    top: 8px;
}

.box-tool-btn {
    border: 1px solid #ffffff;
    color: #ffffff;
    border-radius: 2px;
    font-size: 14px;
    line-height: 18px;
    padding: 1px 8px;
    font-style: initial;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1px;
    display: inline-block;
}

.box-tool-btn:hover,
.box-tool-btn:focus {
    color: #001722;
    background: #ffffff;
    text-decoration: none;
}

.box-table-respo-pin {
    display: none;
}

.main-tabella {
    width: 100%;
    table-layout: fixed;
}

.main-tabella-img {
    max-width: 40px;
    max-height: 40px;
    vertical-align: middle;
}

.ranglista-tabella-img {
    max-width: 42px;
    max-height: 60px;
    vertical-align: middle;
		margin: 5px 10px 5px 0;
}

#ranglista .box-table tbody td:nth-child(4) .ranglista-tabella-img {
		max-width: 50px;
		max-height: 50px;
}

#ranglista .box-table tbody td {
		border-bottom: 1px solid #e7e7e7;
}

.box-table .namecell {
	padding-left: 52px;
}

.box-table .teamcell {
	padding-left: 60px;
}

.main-tabella td {
    height: 50px;
    border-bottom: 1px solid #e7e7e7;
    font-size: 15px;
    color: #767676;
    text-align: center;
    width: 30px;
}

.main-tabella tr:last-child td {
    border-bottom: 0;
}

.main-tabella td:nth-child(1) {
    font-size: 14px;
    color: #b0b0b0;
    text-align: center;
    width: 20px;
}

.main-tabella td:nth-child(2) {
    text-align: center;
    width: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.main-tabella td:nth-child(3) {
    text-align: left;
    width: auto;
}
/*
.main-tabella td:last-child {
    color: #000000;
}
*/
.main-tabella-name {
    font-size: 16px;
    line-height: 22px;
    color: #001722;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 5px;
}

.main-tabella a,
.main-tabella a:hover,
.main-tabella a:active,
.main-tabella a:focus {
    text-decoration: none;
    color: inherit;
}

.main-tabella tr:hover td {
    background: #f4f4f4;
}

.main-tabella-detail {
    font-size: 14px;
    line-height: 16px;
    color: #b0b0b0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 5px;
}

.main-tabella th {
    width: 22px;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    color: #000000;
}

.main-tabella th.th_big {
    width: 36px;
}

.main-tabella th:nth-child(1) {
    width: 20px;
}

.main-tabella th:nth-child(2) {
    width: 56px;
}

.main-tabella th:nth-child(3) {
    width: auto;
}

.main-chart {
    width: 100%;
    table-layout: fixed;
}

.main-chart .main-chart-name p.upper {
	display: inline;
	text-transform: uppercase;
}

.main-chart-img {
    max-width: 40px;
    max-height: 40px;
    vertical-align: middle;
}

.main-chart td {
    height: 50px;
    border-bottom: 1px solid #e7e7e7;
    font-size: 15px;
    color: #767676;
    text-align: center;
    width: 30px;
}

.main-chart tr:last-child td {
    border-bottom: 0;
}

.main-chart td:nth-child(1) {
    font-size: 14px;
    color: #b0b0b0;
    text-align: center;
    width: 20px;
}

.main-chart td:nth-child(2) {
    text-align: center;
    width: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.main-chart td:nth-child(3) {
    text-align: left;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 3px;
}

.main-chart td:last-child {
    color: #000000;
}

.main-chart-name {
    font-size: 16px;
    line-height: 16px;
    color: #001722;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
		padding-bottom: 2px;
}

.main-chart a,
.main-chart a:hover,
.main-chart a:active,
.main-chart a:focus {
    text-decoration: none;
    color: inherit;
}

.main-chart tr:hover td {
    background: #f4f4f4;
}

.main-chart-detail {
    font-size: 14px;
    line-height: 16px;
    color: #b0b0b0;
    height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main-chart th {
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    color: #000000;
}

.main-chart th:nth-child(1) {
    width: 20px;
}

.main-chart th:nth-child(2) {
    width: 56px;
}

.main-chart th:nth-child(3) {
    width: auto;
}

.main-chart th:nth-child(4) {
    width: 45px;
}

.main-chart th:nth-child(5) {
    width: 30px;
}

.main-chart th:nth-child(6) {
    width: 42px;
}


/* Team Tabella */

#team_tabella {
    background: #ffffff;
}

#team {
    padding-top: 30px;
}


/* Műsor */

table.main-musor {
    width: 100%;
}

.main-musor a,
.main-musor a:hover,
.main-musor a:active,
.main-musor a:focus {
    text-decoration: none;
    color: inherit;
}

.main-musor td:nth-child(2) {
    text-align: center;
    width: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.main-musor td:nth-child(4) {
    text-align: center;
    width: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.main-musor-country {
    max-width: 40px;
    max-height: 40px;
    vertical-align: middle;
}

.main-musor td {
    height: 50px;
    border-bottom: 1px solid #e7e7e7;
    font-size: 15px;
    color: #767676;
    text-align: center;
}

.main-musor tr:last-child td {
    border-bottom: 0;
}

.main-musor tr:hover td {
    background: #f4f4f4;
}

.main-musor td:nth-child(1),
.main-musor td:nth-child(5) {
    font-size: 12px;
    color: #767676;
    text-transform: uppercase;
    width: 30px;
}

.main-musor td:nth-child(2),
.main-musor td:nth-child(4) {
    text-align: center;
    width: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.main-musor td:nth-child(3) {
    font-weight: 600;
    font-size: 18px;
    line-height: 16px;
    text-transform: uppercase;
    color: #767676;
    text-align: center;
    width: 105px;
}

.main-musor td:last-child {
    width: 125px;
    text-align: right;
}

.main-musor-time {
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: #001722;
}

.main-musor-round {
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: #767676;
}

.main-musor-featured {
    height: 271px;
}

.main-musor-card {
    background: #f4f4f4;
    border-radius: 5px;
    overflow: hidden;
    padding: 5px;
}

.main-musor-card-date {
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #001722;
    text-align: center;
    margin-top: 10px;
}

.main-musor-card-round {
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    text-align: center;
    color: #001722;
    margin-top: 5px;
}

.main-musor-card-arena {
    font-size: 14px;
    line-height: 16px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #b0b0b0;
    text-align: center;
    margin-top: 3px;
}

.main-musor-card-arena:before{
    content:'';
    display:inline-block;
    height:100%;
    vertical-align:middle;
}

.main-musor-card-arena span{
    vertical-align:middle;
    display:inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
}

.main-musor-card-time {
    text-align: center;
    margin-bottom:10px;
}

.main-musor-card-time span {
    display: inline-block;
    border-radius: 5px;
    padding: 0 15px;
    background: #001722;
    color: #ffffff;
    font-size: 28px;
    text-transform: uppercase;
    line-height: 32px;
}

.main-musor-card-time span a, .main-musor-card-time span a:hover, .main-musor-card-time span a:active, .main-musor-card-time span a:focus{
    color:inherit;
    text-decoration:none;
}

.main-musor-card-tv {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 2px;
}

.main-musor-card-tv img {
    max-width: 40px;
    max-height: 25px;
}

.main-musor-card-teams {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    color: #000000;
    margin-top: 10px;
}

.main-musor-card-teams td:nth-child(2) {
    font-size: 24px;
}



/* Box Filter */

.box-header-filter {
    text-align: left;
    width: 100%;
    margin-bottom: 15px;
}

.box-header-filter .ui-selectmenu-button.ui-button {
    width: 100%;
    background: #001722;
    position: relative;
    transition: border .3s ease-in-out;
    font-weight: normal;
    font-size: 14px;
    display: inline-block;
    line-height: 30px;
    color: #ffffff;
    border: 1px solid #001722;
    min-width: 80px;
    text-align: left;
    padding: 0px 5px;
    border-radius: 1px;
    font-family: 'Titillium Web', sans-serif;
}

.box-header-filter .ui-selectmenu-button.ui-button:hover {
    border: 1px solid #acacac;
}

.box-header-filter .ui-button .ui-icon {
    background-image: url(../img/arrow-down.png);
    background-position: center center;
    height: 30px;
    filter: brightness(2);
    background-size: 15px;
}

#ranglistadd-button.ui-button .ui-icon {
    background-image: url(../img/arrow-down.png);
    background-position: center center;
    position: relative;
    top: 3px;
    filter: brightness(2);
}

.box-header-filter .ui-selectmenu-text {
    color: #ffffff;
}

.box-header-filter .ui-selectmenu-button.ui-button:hover .ui-selectmenu-text {
    color: #acacac;
}

.box-header-filter .ui-selectmenu-button.ui-button:focus {
    outline: none;
}

ul#tabella-filter-menu {
    position: relative;
    border: 1px solid #a1a1a1 !important;
    bottom: 1px;
    box-shadow: 0 1px 10px -5px #000000;
}

#tabella-filter-menu.ui-widget.ui-widget-content {
    border: none;
    border-radius: 0;
    background: #ffffff;
}

#tabella-filter-menu .ui-menu-item-wrapper {
    text-align: left;
    padding: 3px 10px;
    background: #ffffff;
    color: #8f8f8f;
}

#tabella-filter-menu .ui-menu-item-wrapper.ui-state-active {
    background: #f4f4f4;
    color: #000000;
    border: 1px solid #f4f4f4;
}

.box-header-filter .ui-selectmenu-text {
    margin-right: 0;
    margin-left: 5px;
}



/* Chart Selector */

.box-tool .ui-selectmenu-button.ui-button {
    width: auto;
    background: transparent;
    position: relative;
    bottom: 2px;
    transition: border .3s ease-in-out;
    font-weight: normal;
    font-size: 14px;
    display: inline-block;
    line-height: 19px;
    color: #8f8f8f;
    border: 1px solid #a1a1a1;
    min-width: 80px;
    text-align: center;
    padding: 0px 5px;
    border-radius: 1px;
    font-family: 'Titillium Web', sans-serif;
}

.box-tool .ui-selectmenu-button.ui-button:hover {
    border: 1px solid #acacac;
}

.box-tool .ui-button .ui-icon {
    background-image: url(../img/lang-open.png);
    background-position: center center;
    height: 19px;
}

.box-tool .ui-selectmenu-text {
    color: #8f8f8f;
}

.box-tool .ui-selectmenu-button.ui-button:hover .ui-selectmenu-text {
    color: #acacac;
}

.box-tool .ui-selectmenu-button.ui-button:focus {
    outline: none;
}

ul#chartselect-menu {
    position: relative;
    border: 1px solid #a1a1a1 !important;
    bottom: 1px;
    box-shadow: 0 1px 10px -5px #000000;
}

#chartselect-menu.ui-widget.ui-widget-content {
    border: none;
    border-radius: 0;
    background: #ffffff;
}

#chartselect-menu .ui-menu-item-wrapper {
    text-align: left;
    padding: 3px 10px;
    background: #ffffff;
    color: #8f8f8f;
}

#chartselect-menu .ui-menu-item-wrapper.ui-state-active {
    background: #f4f4f4;
    color: #000000;
    border: 1px solid #f4f4f4;
}

.box-tool .ui-selectmenu-text {
    margin-right: 20px;
}




/* News Slider */

.hirek-slide-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: scale(1);
    transform-origin: center center;
    transition: transform .6s ease-in-out;
}

.hirek-slide:hover .hirek-slide-img,
.hirek-slide:focus .hirek-slide-eimg {
    transform: scale(1.05);
}

#hirekSlider a,
#hirekSlider a:hover,
#hirekSlider a:active,
#hirekSlider a:focus,
#diakSlider a,
#diakSlider a:hover,
#diakSlider a:active,
#diakSlider a:focus {
    color: inherit;
    text-decoration: none;
}

.hirek-slide {
    border-radius: 5px;
    overflow: hidden;
    height: 413px;
    padding: 45px 65px;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    position: relative;
    z-index: 100;
}

.hirek-slide:after {
    display: block;
    content: '';
    width: 100%;
    position: absolute;
    height: 44%;
    left: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.66) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.66) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.66) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a8000000', GradientType=0);
}

.hirek-slide .newsSlider-date {
    font-size: 11px;
    color: #fefefe;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.hirek-slide .newsSlider-date span {
    font-size: 18px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    bottom: 2px;
}

.hirek-slide .mainSlider-title {
    font-weight: 600;
    font-size: 28px;
    letter-spacing: 1px;
    line-height: 32px;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.hirek-slide-text {
    width: 100%;
    position: relative;
    z-index: 1000;
}

/* Playoff Brackets */
#main-brackets{
    background: #001722;
    background: radial-gradient(circle, rgba(0,42,61,1) 0%, rgba(0,23,34,1) 100%);
}

#main-news {
    padding-top: 30px;
}

#main-news .box-body .slider-left,
#main-news .box-body .slider-right {
    opacity: 0;
    transition: .3s opacity ease-in-out;
}

#main-news .box-body:hover .slider-left,
#main-news .box-body:hover .slider-right {
    opacity: .8;
}

#main-news .box-body:hover .slider-left:hover,
#main-news .box-body:hover .slider-right:hover {
    opacity: 1;
}

#main-news ul.lSPager{
	margin-top: -30px !important;
}

#main-news .lSSlideOuter .lSPager.lSpg>li{
	padding-bottom: 10px;
}

#main-news .lSSlideOuter .lSPager.lSpg>li a{
	background: transparent;
	border: 1px solid #ffffff;
}

#main-news .lSSlideOuter .lSPager.lSpg>li.active a, #main-news .lSSlideOuter .lSPager.lSpg>li:hover a{
	background: rgba(255, 255, 255, 1);
}

#other-news ul.lSPager{
	margin-top: -30px !important;
}

#other-news .lSSlideOuter .lSPager.lSpg>li{
	padding-bottom: 10px;
}

#other-news .lSSlideOuter .lSPager.lSpg>li a{
	background: transparent;
	border: 1px solid #ffffff;
}

#other-news .lSSlideOuter .lSPager.lSpg>li.active a, #other-news .lSSlideOuter .lSPager.lSpg>li:hover a{
	background: rgba(255, 255, 255, 1);
}

#other-news .box-body .slider-left,
#other-news .box-body .slider-right {
    opacity: 0;
    transition: .3s opacity ease-in-out;
}

#other-news .box-body:hover .slider-left,
#other-news .box-body:hover .slider-right {
    opacity: .8;
}

#other-news .box-body:hover .slider-left:hover,
#other-news .box-body:hover .slider-right:hover {
    opacity: 1;
}



/* Side News */

.side-news {
    height: 107px;
    border-bottom: 1px solid #e7e7e7;
    padding: 13px 20px;
}

.side-news-up {
    height: 107px;
    border-bottom: 1px solid #e7e7e7;
    padding: 13px 20px;
    float: left; width: 50%;
}

.kozlemenyek .side-news{
    height:auto;
}

.kozlemenyek .hidelast .side-news:last-child {
	display: none;
}

.kozlemenyek .side-news .side-news-up{
    height:auto;
}

.kozlemenyek .side-news-title{
    height:auto;
}

.side-news:last-child .side-news-up:last-child {
    border-bottom: 0;
}

.side-news a,
.side-news a:hover,
.side-news a:active,
.side-news a:focus {
    text-decoration: none;
    color: inherit;
}

.side-news-up a,
.side-news-up a:hover,
.side-news-up a:active,
.side-news-up a:focus {
    text-decoration: none;
    color: inherit;
}


.side-news-title {
    font-size: 15px;
    line-height: 18px;
    height: 58px;
    overflow:hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px;
    color: #001722;
		text-align: justify;
}

.news-list-item-title a,
.news-list-item-title a:hover,
.news-list-item-title a:active,
.news-list-item-title a:focus {
    color: inherit;
    text-decoration: none;
}

.side-news-summary {
    font-size: 12px;
    width: 100%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
    margin-top:5px;
    color:#b0b0b0;

}

.side-news-header {
    text-transform: uppercase;
    color: #ca2128;
}

.side-news-date {
    font-size: 11px;
    line-height: 12px;
    text-transform: uppercase;
    color: #b0b0b0;
}

.side-news-date span {
    font-size: 18px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.side-news-img {
    width: 81px;
    height: 81px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    float: left;
    margin-right: 15px;
    border-radius: 5px;
}

.news-list-pager {
    display: flex;
    margin-bottom: 50px;
    justify-content: center;
    position: relative;
}

.pager-item {
    font-weight: 600;
    font-size: 16px;
    line-height: 40px;
    color: #b0b0b0;
    width: 40px;
    text-align: center;
    margin: 0 5px;
}

.pager-item a,
.pager-item a:active,
.pager-item a:focus {
    color: #001722;
    text-decoration: none;
}

.pager-item a:hover {
    color: #ca2128;
}

.pager-item.active a {
    display: block;
    max-width: 40px;
    margin: 0 auto;
    background: #ca2128;
    color: #ffffff;
    border-radius: 5px;
    font-size: 19px;
}

.pager-item.pager-left {
    background: url(../img/slider-left-dark.png);
    height: 40px;
    width: 25px;
    background-size: 175%;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    filter: brightness(1);
    transition: .4s ease filter;
}

.pager-item.pager-right {
    background: url(../img/slider-right-dark.png);
    height: 40px;
    width: 25px;
    background-size: 175%;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    filter: brightness(1);
    transition: .4s ease filter;
}

.pager-item.pager-left:hover,
.pager-item.pager-right:hover {
    filter: brightness(.4);
}


/* Team oldal */

.team-szervezet {
    padding: 20px;
}

.team-szervezet h4 {
    padding: 0;
    margin: 0;
    font-weight: bold;
    font-style: italic;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: #ca2128;
    margin-bottom: 14px;
}

.team-szervezet h5 {
    padding: 0;
    margin: 0;
    margin-bottom: 14px;
    font-size: 15px;
    line-height: 18px;
    color: #001722;
}

.team-szervezet p {
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 18px;
    color: #767676;
}

.team-szervezet-block:last-child p {
    margin-bottom: 0;
}

.team-players-cont {
    padding-top: 14px;
}

.team-players {
    width: 100%;
}

.team-players th {
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    color: #000000;
}

.team-players td {
    text-align: center;
    font-size: 15px;
    height: 50px;
    padding: 3px 2px;
    color: #767676;
}

.team-players th:nth-child(2),
.team-players td:nth-child(2) {
    text-align: left;
    font-size: 16px;
    color: #001722;
}

.team-players tr td {
    border-bottom: 1px solid #e7e7e7;
}

.team-players tr:last-child td {
    border-bottom: none;
}

.team-players tr:hover td {
    background: #f8f8f8;
}

.team-stat-box {
    padding: 13px 20px;
    padding: 18px 20px;
    border-bottom: 1px solid #e7e7e7;
}

.team-stat-box:last-child {
    border-bottom: none;
}

.team-stat-box a:hover,
.team-stat-box a:active,
.team-stat-box a:focus {
    text-decoration: none;
    color: inherit;
}

.team-stat-box:nth-child(even) .team-stat-data-cont svg {
    right: auto;
    left: 0;
}

.team-stat-box:nth-child(even) .team-stat-prop {
    text-align: right;
}

.team-stat-box:nth-child(even) .team-stat-desc {
    text-align: right;
}

.team-stat-box:nth-child(even) .team-stat-datas {
    padding-left: 10px;
}

.team-stat-box:nth-child(odd) .team-stat-datas {
    padding-right: 10px;
}

.team-stat-box:nth-child(even) .team-stat-data {
    text-align: left;
    padding: 0;
    padding-bottom: 5px;
    padding-left: 50%;
}

.team-stat-box:nth-child(even) .team-stat-img {
    margin-right: 0;
    margin-left: 15px;
    order: 2;
}

.team-stat-box:nth-child(even) .team-stat-player {
    justify-content: flex-end;
}

.team-stat-player {
    overflow: hidden;
    display: flex;
    align-items: center;
}

.team-stat-data-cont {
    position: relative;
    padding-top: 6px;
}

.team-stat-data-cont svg {
    position: absolute;
    top: 0;
    right: 0;
}

.team-stat-img {
    width: 81px;
    height: 81px;
    flex: 0 0 81px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 15px;
    border-radius: 5px;
}

.team-stat-name {
    font-weight: bold;
    font-size: 22px;
    line-height: 24px;
    color: #001722;
}

.team-players a,
.team-players a:hover,
.team-players a:active,
.team-players a:focus {
    color: inherit;
    text-decoration: none;
}

.team-data-circle {
    stroke-dashoffset: 314.01px;
    transition: stroke-dashoffset 1.4s ease;
}

.team-stat-data {
    font-weight: bold;
    font-size: 45px;
    line-height: 46px;
    color: #ca2128;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #e7e7e7;
    text-align: right;
    padding-right: 50%;
}

.team-stat-prop {
    font-size: 24px;
    line-height: 28px;
    color: #ca2128;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.team-stat-desc {
    font-size: 12px;
    line-height: 16px;
    color: #001722;
}

.team-musor-cont {
    padding: 13px 20px;
}

.team-musor-date {
    text-align: center;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    color: #ca2128;
    margin-bottom: 4px;
}

.team-musor-round {
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    color: #001722;
    text-align: center;
}

.team-musor-stadium {
    font-size: 14px;
    line-height: 16px;
    color: #b0b0b0;
    text-align: center;
}

.team-musor-referee {
    font-size: 12px;
    text-align: center;
    line-height: 16px;
    text-transform: uppercase;
    color: #b0b0b0;
}

.team-musor {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #dfdfdf;
}

.team-musor:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.team-musor-match {
    margin: 10px 0 15px 0;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    align-content: center;
}

.team-musor-match a {
    color: inherit;
    text-decoration: none;
}

.team-musor-home {
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    flex-grow: 1;
    color: #001722;
    text-transform: uppercase;
    text-align: center;
    width: 100px;
}

.team-musor-away {
    order: 3;
    font-weight: bold;
    font-size: 16px;
    flex-grow: 1;
    color: #001722;
    text-transform: uppercase;
    text-align: center;
    width: 100px;
}

.team-musor-home img,
.team-musor-away img {
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 40px;
    margin-bottom: 5px;
}

.team-musor-result {
    order: 2;
    margin: 0 10px;
    align-self: center;
}

.team-musor-point {
    font-size: 28px;
    line-height: 30px;
    padding: 2px 4px;
    color: #ffffff;
    text-transform: uppercase;
    background: #ca2128;
    border-radius: 5px;
    margin: 0 10px;
    white-space: nowrap;
    text-align: center;
    min-width: 100px;
}

.team-musor-point.notstarted {
    background: #001621;
}

.team-players-pic {
    width: 34px;
    height: 34px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
    margin-right: 5px;
}

.team-musor-tv {
    text-align: center;
    padding: 5px 0;
}

.team-musor-tv img {
    max-width: 80%;
    max-height: 22px;
}

/* PlayByPlay - PBP */
#pbp{
    padding-top:30px;
}

.pbp-head-cont{
    padding:25px;
}

.pbp-head-date{
    text-align: center;
    font-size:12px;
    line-height:16px;
    text-transform:uppercase;
    color: #ca2128;
    margin-bottom: 4px;
}

.pbp-head-round{
    font-weight:bold;
    font-size:16px;
    line-height:16px;
    text-transform: uppercase;
    text-align:center;
    color: #001722;
}

.pbp-head-stadium{
    text-align:center;
    font-size:14px;
    line-heigth:16px;
    color:#b0b0b0;
    margin-bottom:15px;
}

.pbp-head-ref{
    text-align:center;
    font-size:12px;
    line-height:16px;
    text-transform:uppercase;
    color:#b0b0b0;
}

.pbp-head-table{
    width:100%;
    margin-bottom:20px;
    display:flex;
    align-items:top;
}

.pbp-head-team{
    width:30%;
    text-align: center;
    flex-grow:1;
}

.pbp-head-team.away{
    order:2;
}

.pbp-head-team img{
    width:auto;
    height:auto;
    max-width:110px;
    max-height:70px;
    margin-bottom:6px;
}

.pbp-head-name{
    text-align:center;
    font-weight:bold;
    font-size:16px;
    line-height:16px;
    text-transform: uppercase;
    color:#001722;
}

.pbp-head-quarters{
    font-size:16px;
    line-height:16px;
    text-transform:uppercase;
    color:#001722;
    text-align:center;
}

.pbp-head-result{
    text-align:center;
    padding-top:20px;
}

.pbp-head-result .pbp-head-result-cont{
    display:inline-block;
    font-size:28px;
    line-height:30px;
    text-transform:uppercase;
    color:#ffffff;
    background:#001722;
    border-radius:6px;
    padding:2px 12px;
    margin-bottom:10px;
}

.pbp-table{
    width:100%;
    table-layout:fixed;
}

.pbp-table th{
    font-weight:bold;
    font-style:italic;
    font-size:14px;
    text-transform:uppercase;
    color:#ffffff;
    text-align:center;
    background: #001722;
    height:30px;
}


.pbp-table td{
    height:50px;
    border-bottom:1px solid #ffffff;
    background: #ffffff;
    color: #767676;

}

.pbp-table td:first-child{
    background:#f8f8f8;
    padding:10px 20px;
}

.pbp-table th:not(:first-child):not(:last-child){
    width:80px;
}

.pbp-table td:not(:first-child):not(:last-child){
    text-align:center;
    font-weight: bold;
    font-size:14px;
    color: #ca2128;
}

.pbp-table td:last-child{
    background:#f8f8f8;
    padding:10px 20px;
}

.pbp-table th.pbp-table-quarter{
    background: #ca2128;
}

.tablepbp{
    //table-layout:fixed;
}

#play-by-play .rankttext td{
    padding:0 5px;
}

.tablepbp th:nth-child(1), .tablepbp td:nth-child(1){
    width:auto !important;
}

.tablepbp th:nth-child(2), .tablepbp td:nth-child(2){
    width:74px !important;
}

.tablepbp th:nth-child(3), .tablepbp td:nth-child(3){
    width: auto !important;
}

/* Sajtószoba */
.sajto-gallery-cont{
    padding:25px;
}

.sajto-page-cont{
    margin-bottom:20px;
}

.sajto-container img{
    max-width:100%;
}

/* Champ Stat */

#champStat {
    background: #252525;
    text-align: center;
    overflow: hidden;
}

.champStatPlayer {
    background: #141414;
    color: #414141;
    width: 33.333%;
    float: left;
    position: relative;
    padding: 10px 0;
}

.champStatPlayer:after {
    display: block;
    content: '';
    position: absolute;
    z-index: 100;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 20px;
    border-color: transparent transparent transparent #141414;
}

.champStatTeam {
    background: #1d1d1d;
    color: #414141;
    float: left;
    width: 33.333%;
    position: relative;
    padding: 10px 0;
}

.champStatTeam:after {
    display: block;
    content: '';
    position: absolute;
    z-index: 100;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 20px;
    border-color: transparent transparent transparent #1d1d1d;
}

.champStatChamp {
    background: #2f2f2f;
    color: #ffffff;
    width: 33.333%;
    float: left;
    position: relative;
    padding: 10px 0;
}

.champStatData {
    font-weight: 400;
    font-size: 130px;
    line-height: 120px;
    text-transform: uppercase;
}

.champStatlabel {
    font-weight: bold;
    font-size: 30px;
    line-height: 50px;
    text-transform: uppercase;
}

.champ_round_table_round {
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    color: #001722;
    width: 100px;
}

.champ_round_table_clubs {
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    color: #ca2128;
    padding: 4px 6px;
}

.champ_round_table_date {
    font-size: 14px;
    line-height: 14px;
    color: #767676;
    padding: 4px 6px;
    width:24%;
}

.champ_round_table_referee {
    font-size: 14px;
    line-height: 14px;
    color: #767676;
    padding: 4px 6px;
    width:30%;
}

.champ_round_table_point {
    font-weight: bold;
    font-size: 14px;
    color: #ca2128;
    text-align: center;
    width: 50px;
		padding-right: 30px !important;
}

table.champ_round_table.games .champ_round_table_point {
	padding-right: 0 !important;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	width: 68px;
}

.champ_round_table_time{
    font-weight: bold;
    font-size: 14px;
    color: #767676;
    text-align: center;
    width: 68px;
}

.champ_round_table.box-table thead th {
    color: #333;
    font-weight: bold;
}

.champ_round_table.box-table tbody th {
    font-weight: 400;
}

.champ_round_table {
    width: 100%;
}

.champ_selector {
    margin-bottom: 30px;
    text-align: center;
}

.champ_selector .transpBtn {
    font-size: 14px;
    line-height: 16px;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 2px;
    border: 1px solid #373737;
    color: #373737;
    padding: 3px 10px;
    margin: 0 4px;
    margin-bottom: 10px;
}

.champ_selector .transpBtn.red {
    color: #ca2128;
    border-color: #ca2128;
}

.champ_selector .transpBtn.red:hover {
    background-color: #ca2128;
    color: #f4f4f4;
}

.champ_selector .transpBtn.grey {
    color: #8f8f8f;
    border-color: #8f8f8f;
}

.champ_selector .transpBtn.grey:hover {
    background-color: #8f8f8f;
    color: #f4f4f4;
}

.champ_selector .transpBtn:hover,
.champ_selector .transpBtn:focus,
.champ_selector .transpBtn:active {
    color: inherit;
    text-decoration: none;
}

.champ_rankings_table {
    width: 100%;
    table-layout: fixed;
    margin-top: 10px;
}

.champ_rankings_table th,
.champ_rankings_table td {
    width: 80px;
    text-align: center;
}

.champ_rankings_table th:nth-child(1),
.champ_rankings_table td:nth-child(1) {
    width: 30px;
}

.champ_rankings_table td {
    height: 50px;
    border-bottom: 1px solid #e8e8e8;
}

.champ_rankings_table th:nth-child(3),
.champ_rankings_table td:nth-child(3) {
    width: auto;
    text-align: left;
}

.champ_rankings_table a:hover,
.champ_rankings_table a:focus,
.champ_rankings_table a:active {
    color: inherit;
    text-decoration: none;
}

.champ_round_table tr td {
    background: #f8f8f8;
    height: 50px;
    border-bottom: 1px solid #ffffff;
}

.champ_round_table tr:last-child td {
    border-bottom: none;
}

.champ_round_table_point a,
.champ_round_table_point a:hover,
.champ_round_table_point a:focus {
    color: inherit;
    text-decoration: none;
}

.champ_round_table_clubs a,
.champ_round_table_clubs a:hover,
.champ_round_table_clubs a:focus {
    color: inherit;
    text-decoration: none;
}
.champ_tabella {
    width: 100%;
    table-layout: fixed;
    margin-top: 10px;
}

.champ_tabella th {
    text-align: center;
    width: 36px;
}

.champ_tabella th:nth-child(3),
.champ_tabella td:nth-child(3) {
    width: auto;
    text-align: left;
    padding-left: 10px;
}

.champ_tabella th:nth-child(2),
.champ_tabella td:nth-child(2) {
    width: 50px;
    text-align: center;
}

.champ_tabella td {
    border-bottom: 1px solid #e8e8e8;
    color: #6e6e6e;
    text-align: center;
    height: 50px;
}

.champ_tabella tr:last-child td {
    border-bottom: none;
}

.champ_tabella a,
.champ_tabella a:hover,
.champ_tabella a:focus {
    color: inherit;
    text-decoration: none;
}

.champ_legal {
    margin-bottom: 40px;
    padding: 0 25px;
}

.champ_legal_red {
    color: #cc1f32;
    text-align: justify;
}

.champ_list_cont{
    padding: 0 25px 25px 25px;
}

.champ_tabella th:last-child,
.champ_tabella td:last-child {
    padding-right: 14px;
    width: 50px;
}

.merkozesrol_table td:first-child {
    min-width: 20px;
}

.merkozesrol_table td {
    padding: 0 4px !important;
}

.merkozesrol_table td:nth-child(3) {
    text-align: left;
}

.merkozesrol_table tfoot th:first-child {
    text-align: left;
}

.teamKeretHead {
    border-bottom: 4px solid #ffffff;
    font-weight: bold;
    font-size: 22px;
    line-height: 80px;
    text-transform: uppercase;
    color: #ffffff;
}

.col-md-9 .teamKeretHead {
    margin-right: -15px;
    padding-right: 15px;
}

.col-md-3 .teamKeretHead {
    margin-left: -15px;
    padding-left: 15px;
}

.teamKeretPlayers {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    padding-top: 15px;
}

.teamKeretPlayer {
    border-radius: 8px;
    overflow: hidden;
    margin: 0 20px;
    margin-bottom: 30px;
}

.teamKeretPLayerInfo {
    display: flex;
}

.teamKeretPlayer:hover,
.teamKeretPlayer:active,
.teamKeretPlayer:focus {
    text-decoration: none;
    color: inherit;
}

.teamKeretPlayerPic {
    width: 168px;
    height: 165px;
    background-position: top center;
    background-size: cover;
}

.teamKeretPlayerName {
    background: #252525;
    padding: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    width: 118px;
}

.teamKeretPlayerSurname {
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    color: #ffffff;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.teamKeretPlayerForename {
    font-size: 15px;
    line-height: 18px;
    color: #ffffff;
    text-transform: uppercase;
}

.teamKeretPlayerData {
    background: #fbb017;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4px;
    width: 50px;
}

.teamKeretPlayerNum {
    font-weight: bold;
    font-size: 27px;
    line-height: 22px;
    text-transform: uppercase;
    color: #000000;
}

.teamKeretPlayerPost {
    font-size: 8px;
    line-height: 12px;
    padding-top: 3px;
    text-transform: uppercase;
    color: #000000;
}

.teamKeretCoach {
    padding-top: 15px;
    margin-bottom: 30px;
}

.teamKeretCoachImg {
    max-width: 100%;
    border-radius: 8px;
    margin-bottom: 10px;
    max-height: 215px;
}

.teamKeretCoachName {
    font-size: 27px;
    line-height: 27px;
    text-transform: uppercase;
    color: #ffffff;
}

.teamKeretCoachPos {
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    color: #fbb017;
}

.teamKeretAssist {
    margin-bottom: 30px;
}

.teamKeretAssistName {
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    color: #ffffff;
}

.teamKeretAssistPos {
    font-size: 15px;
    line-height: 18px;
    color: #fbb017;
    margin-bottom: 10px;
}

.teamMapImage {
    min-height: 495px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 15px;
    margin-bottom: -10px;
}

/* Mérkőzés table */
.match_rankings_table {
    width: 100%;
    table-layout: fixed;
    margin-top: 10px;
}

.match_rankings_table th,
.match_rankings_table td {
    width: 90px;
    text-align: center;
}

.match_rankings_table td {
    height: 50px;
    border-bottom: 1px solid #e8e8e8;
}

.match_rankings_table thead th:nth-child(2),
.match_rankings_table tbody td:nth-child(2) {
    width: auto;
    text-align: left;
}

.match_rankings_table tfoot th:nth-child(1){
    text-align:left;
    padding-left:8px;
}

.match_rankings_table th:nth-child(1),
.match_rankings_table td:nth-child(1) {
    width: 44px;
    text-align: left;
    padding-left:8px;
}

.match_rankings_table a:hover,
.match_rankings_table a:focus,
.match_rankings_table a:active {
    color: inherit;
    text-decoration: none;
}

/* News */

#boxscore_top {
    padding-top: 30px;
}

#boxscore_top .box-body.box-news {
    padding: 50px 50px 30px 50px;
}

#news {
    padding-top: 30px;
}

.news-item-img-cont {
    margin-left: -50px;
    margin-top: -50px;
    margin-right: -50px;
    border-top-left-radius: 5px;
    overflow: hidden;
    border-top-right-radius: 5px;
}

.news-item-img {
    padding-bottom: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.news-item-img img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}

.news-item-img-cont figcaption {
    margin-bottom: 20px;
    text-align: right;
    font-size: 14px;
    line-height: 20px;
    padding: 5px 15px 3px 0;
    font-style: italic;
}

.news-item .box-body.box-stat {
    padding: 25px 50px 30px 50px;
}

.news-item-header {
    font-weight: bold;
    font-size: 30px;
    color: #001722;
    margin-bottom: 20px;
    margin-top: 40px;
}


/* Matrix */

#matrix {
    margin-top: 30px;
    margin-bottom: 30px;
}

.matrix_table {
    table-layout: fixed;
}

.matrix_table th {
    line-height: 16px !important;
    background: #eeeeee !important;
    position: relative;
    padding:3px 6px !important;
}

.matrix_table td {
    position: relative;
    padding:3px 6px !important;
}

.matrix_table .greyed {
    background: #eeeeee !important;
}

.box-table.matrix_table tbody tr:hover td {
    background: #f3f3f3;
}

.vertHighlight{
    background: #f3f3f3 !important;
}


/* Boxscore */

.news-item .box-body.box-news {
    padding: 50px 50px 30px 50px;
    padding-bottom:0;
    overflow:unset;
}

#boxscore_top .box-body.box-stat {
    padding: 25px 25px 30px 25px;
}

.box-date {
    background: #001722;
    border-radius: 5px;
    text-align: center;
    max-width: 65px;
    color: #ffffff;
    overflow: hidden;
    padding-top: 15px;
}

.box-date-num {
    font-weight: bold;
    font-size: 26px;
    line-height: 20px;
}

.box-date-month {
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.box-date-year {
    font-size: 12px;
    line-height: 30px;
    background: #ca2128;
}

.box-news-title {
    font-weight: bold;
    font-size: 30px;
    line-height: 34px;
    color: #001722;
    margin-bottom: 10px;
}

.box-news-time {
    font-size: 11px;
    line-height: 24px;
    text-transform: uppercase;
    color: #b0b0b0;
    margin-bottom: 14px;
}

.box-news-time span {
    font-size: 18px;
    vertical-align: middle;
    position: relative;
    bottom: 1px;
    margin-right: 5px;
}

.box-news-body {
    font-size: 15px;
    line-height: 25px;
    color: #001722;
    padding-bottom: 20px;
    border-bottom: 1px solid #e7e7e7;
    margin-right: -50px;
    padding-right: 50px;
    text-align:justify;
}

.box-news-body ol {
    list-style: none;
    counter-reset: li;
    padding-left: 1em;
}

.box-news-body ol li {
    counter-increment: li;
}

.box-news-body ol li::before {
    content: counter(li) ".";
    font-weight: bold;
    color: #ca2128;
    display: inline-block;
    width: 1.1em;
    margin-left: -1em;
}

.box-news-body ul {
    list-style: none;
    padding-left: 1em;
}

.box-news-body ul li::before {
    content: "\25AA";
    color: #ca2128;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.box-news-body .lSSlideOuter li::before {
    display: none;
}

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

.news-item-table th {
    font-weight: 600;
    font-size: 14px;
    color: #000000;
}

.news-item-table tbody tr td {
    min-height: 50px;
    padding: 5px 8px;
}

.tab-box-cal-sub {
    font-size: 14px;
    line-height: 10px;
}

.box-news-gameinfo {
    font-size: 11px;
    line-height: 24px;
    color: #b0b0b0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 15px;
}

.box-news-gameinfo strong {
    font-weight: 600;
    text-transform: uppercase;
}

.box-news-gameinfo span {
    font-size: 18px;
    vertical-align: middle;
    margin-right: 5px;
}

.box-news-gameinfo img {
    position: relative;
    bottom: 3px;
}

.box-news-slide {
    width: 170px;
    height: 170px;
    border-radius: 5px;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
}

.box-news-slider-cont {
    padding: 0 50px;
    margin-top: 20px;
    position: relative;
}

.box-news-slider img {
    display: none;
}

.box-news-slider-cont .lSAction>a {
    background: none;
    width: 0;
}

.box-news-slider-left {
    width: 50px;
    height: 62px;
    background: url(../img/slider-left-dark.png);
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background-position: left -20px center;
    opacity: 0.8;
    transform: opacity .4s ease;
}

.box-news-slider-right {
    width: 50px;
    height: 62px;
    background: url(../img/slider-right-dark.png);
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background-position: right -20px center;
    opacity: 0.8;
    transform: opacity .4s ease;
}

.box-news-slider-left:hover,
.box-news-slider-right:hover {
    opacity: 1;
}

.box-body-table {
    color: #ffffff;
    width: 100%;
}

.box-body-table th {
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ffffff;
}

.box-body-table td {
    font-size: 14px;
    line-height: 18px;
    padding: 5px 0;
    height: 31px;
}

.box-body-table tbody tr:first-child td {
    padding-top: 15px;
}

.box-stat-bar {
    width: 80px;
    height: 10px;
    margin-right: 8px;
    background: #ffffff;
    border-radius: 3px;
    display: inline-block;
    overflow: hidden;
}

.box-stat-bar span {
    display: block;
    background: #d9d9d9;
    height: 100%;
}

.box-stat-bar.more span {
    background: #ca2128;
}

.kozzetetel-body {
    padding: 13px 20px;
    font-size: 15px;
    line-height: 18px;
    color: #001722;
}

.kozzetetel-body a,
.kozzetetel-body a:active,
.kozzetetel-body a:focus {
    color: inherit;
    text-decoration: none;
}

.kozzetetel-body a:hover {
    color: #ca2128;
    text-decoration: none;
}

.team-musor-cont[rel="0"] .team-musor .string-type {
	font-size: 16px;
	padding: 0 5px;
}

.team-musor-cont[rel="1"] .team-musor .string-type {
	font-size: 15px;
	padding: 0 5px;
}

.team-musor-cont[rel="2"] .team-musor .string-type {
	font-size: 14px;
	padding: 0 5px;
}

.team-musor-cont[rel="3"] .team-musor .string-type {
	font-size: 12px;
	padding: 0 5px;
}

.team-musor-cont .team-musor .string-type0 {
	font-size: 16px;
	padding: 0 5px;
}

.team-musor-cont .team-musor .string-type1 {
	font-size: 15px;
	padding: 0 5px;
}

.team-musor-cont .team-musor .string-type2 {
	font-size: 14px;
	padding: 0 5px;
}

.team-musor-cont .team-musor .string-type3 {
	font-size: 12px;
	padding: 0 5px;
}

@media (min-width: 992px) {
    .col-md-border:not(:last-child) {
        border-right: 1px solid #ffffff;
    }
    .col-md-border+.col-md-border {
        border-left: 1px solid #ffffff;
        margin-left: -1px;
    }
}

@media (min-width: 1200px) {
    .col-lg-border:not(:last-child) {
        border-right: 1px solid #ffffff;
    }
    .col-lg-border+.col-md-border {
        border-left: 1px solid #ffffff;
        margin-left: -1px;
    }
		.team-musor-cont .team-musor .string-type1 {
			font-size: 14px;
		}

		.team-musor-cont .team-musor .string-type2 {
			font-size: 12px;
		}

		.team-musor-cont .team-musor .string-type3 {
			font-size: 10px;
		}

		.team-musor-cont[rel="1"] .team-musor .string-type { font-size: 14px; }
		.team-musor-cont[rel="2"] .team-musor .string-type { font-size: 12px; }
		.team-musor-cont[rel="3"] .team-musor .string-type { font-size: 10px; }
}
.responsive-box-table {

}
.responsive-box-table th {
    text-align: center;
    padding: 0 2px;
}
.responsive-box-table td {
    text-align: center;
    padding: 0 1px;
}
.responsive-box-table thead th {
    background: #eeeeee;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #767676;
}


.responsive-box-table tbody th{
    background: #ffffff;
}

.responsive-box-table tbody td {
    border-top: 1px solid #ffffff;
    background: #fff;
    font-weight: normal;
    font-size: 14px;
    line-height:16px;
    height: 30px;
    color: #767676;
}

.responsive-box-table tbody td a {
    font-weight: bold;
    font-size: 14px;
    color: #ca2128;
}
.responsive-box-table tbody td a p.upper {
    display: inline;
    text-transform: uppercase;
}




.box-table {
    width: 100%;
}

.box-table th {
    text-align: center;
    padding: 0 2px;
}

.box-table td {
    text-align: center;
    padding: 0 1px;
}




.box-table-header-icon {
    height: 30px;
    position: absolute;
    width: 36px;
    right: 10px;
    top: 3px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
}

.box-table-header {
    background: #001722;
    color: #ffffff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    padding: 8px 0;
    padding-left: 25px;
    border-bottom: 1px solid #ffffff;
    padding-right: 50px;
    min-height:37px;
    position: relative;
}

.box-table thead th {
    background: #eeeeee;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #767676;
}

.box-table-td-fwidth {
	padding-right: 0px !important;
}

.box-table thead tr:first-child th {
    padding-top: 5px;
}

.box-table thead tr:last-child th {
    padding-bottom: 5px;
}

.box-table tbody th{
    background: #ffffff;
}

.box-table tbody td {
    border-top: 1px solid #ffffff;
    background: #fff;
    font-weight: normal;
    font-size: 14px;
    line-height:16px;
    height: 30px;
    color: #767676;
}

.box-table tbody td.non-breaking span {
    display: block;
    margin: 0 0 0 auto;
}

@media screen and (min-width: 992px) {
    .box-table tbody td.non-breaking span {
        max-width: 140px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 20px;
    }
}

@media screen and (min-width: 1200px) {
    .box-table tbody td.non-breaking span {
        max-width: 175px;
    }
}

@media screen and (min-width: 1340px) {
    .box-table tbody td.non-breaking span {
        max-width: 310px;
    }
}

.box-table td.greyed {
    background: #eeeeee;
}

.box-table .cellleft {
    text-align: left;
    padding-left: 25px;
    padding-right: 5px;
}

.box-table .cellauto {
    width: auto !important;
}

.box-table td.black,
.box-table th.black {
    font-weight: bold;
    color: #001722;
}

.box-table tbody td a {
    font-weight: bold;
    font-size: 14px;
    color: #ca2128;
}
.box-table tbody td a p.upper {
	display: inline;
	text-transform: uppercase;
}

table.boxscore_table {
    table-layout: fixed;
}

table.boxscore_table.short tbody td {
    width: 50px;
}

table.boxscore_table.short tbody td.players_result_img {
    width: 35px;
}

.boxscore_table thead {
    background: #eeeeee;
}

.boxscore_table thead tr th.name {
    padding-left: 5px;
    padding-right: 5px;
    width: 185px;
}

.boxscore_table tbody td {
    width: 25px;
}

.boxscore_table thead th.players_result_img,
.boxscore_table tbody td.players_result_img {
    display: none;
    width: 35px;
    text-align: center;
}

.boxscore_table tbody td.players_result_img a {
    max-width: 35px;
}

.boxscore_table tbody td.players_result_img img {
    max-height: 34px;
    max-width: 35px;
    vertical-align: middle;
    padding: 2px 0;
}

.boxscore_table tbody td.name {
    padding-left: 25px;
    padding-right: 5px;
}

.box-table.boxscore_table tbody tr td.name a {
	display: block;
	padding: 5px 0;
}

.box-table.boxscore_table tbody td a span p {
	display: inline;
	text-transform: uppercase;
}

@media screen and (min-width:992px) {
    table.boxscore_table.short {
        table-layout: auto;
    }

    .boxscore_table thead th.players_result_img {
        display: table-header-group;
    }

    .boxscore_table tbody td.players_result_img {
        display: table-cell;
    }

	.box-table.boxscore_table tbody tr td.name {
		max-width: 250px;
		width: 18%;
        padding-left: 10px;
	}

	.box-table.boxscore_table tbody tr td a {
		padding: 0;
	}

	.box-table.boxscore_table tbody td a span {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		display: block;
	}
}

.box-table tbody td a.hasLogo{
    display: flex;
    align-items: center;
}

#ranglista .box-table tbody td a span {
    margin-right: 5px;
}

.box-table tbody td a:hover,
.box-table tbody td a:active,
.box-table tbody td a:focus {
    text-decoration: none;
}

.box-table tbody tr:hover td {
    background: #eeeeee;
}

.box-table .champ_tabella_title {
		color: #333;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 20px;
		line-height: 20px;
		position: relative;
		text-align: center;
		padding: 8px 35px;
		background: #eeeeee;
}

.box-table table.champ_tabella tbody tr td {
		background: #ffffff;
}

.box-table table.champ_tabella tbody tr:hover td {
		background: #eeeeee;
}

.box-table tfoot tr:last-child th:first-child {
    border-bottom-left-radius: 5px;
}

.box-table tfoot tr:last-child th:last-child {
    border-bottom-right-radius: 5px;
}

.box-table tfoot th:nth-child(1) {
    font-weight: bold;
    text-transform: uppercase;
}

.box-table tfoot th {
    background: #c6c6c7;
    height: 30px;
    padding: 5px 0;
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
}

.box-table tfoot th:first-child {
    padding-left: 25px;
    padding-right: 5px;
}

.box-table-detail {
    margin-bottom: 30px;
}

div.title-flex {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0;
    align-items: center;
}

div.title-flex .back-button {
    display: block;
    width: 50%;
}

div.title-flex .team-selector-container {
    display: block;
    width: 50%;
}

div.title-flex .back-button .bcrumb-link {
    margin-left: 25px;
    display: inline-block;
    vertical-align: middle;
    line-height: 24px;
    box-sizing: border-box;
}

.team-selector .players_filter {
    width: 160px;
    font-weight: bold;
    font-family: inherit;
    margin-right: 25px;
}

.box-header.teamlogo.titlefix {
    padding-right: 105px;
}

@media screen and (max-width: 767px) {
	div.title-flex {
        flex-wrap: wrap;
    }

    div.title-flex .back-button {
        width: 100%;
        text-align: center;
    }

    div.title-flex .team-selector-container {
        width: 100%;
        text-align: center !important;
    }

    div.title-flex .back-button .bcrumb-link {
        margin-left: 0;
    }

    .team-selector .players_filter {
        margin-top: 20px;
        margin-right: 0;
    }
}

/* Játékos lista */

.players_filters {
    padding: 25px;
    overflow: hidden;
}

.players_filter::-webkit-input-placeholder,
.players_filter:-ms-input-placeholder,
.players_filter::-ms-input-placeholder {
    color: #ffffff;
}

.players_filter::placeholder {
    color: #ffffff;
    opacity: 1;
}

.players_filter_cont {
    display: block;
    width: 25%;
    float: left;
    padding-right: 5px;
    position: relative;
}

.players_filter_cont.search .players_filter {
    padding-right: 20px;
    padding-left: 48px;
}

.players_filter_cont.search .ion-android-search {
    display: block;
    position: absolute;
    top: 1px;
    left: 22px;
    height: 28px;
    line-height: 30px;
    width: 20px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background: transparent;
    border: none;
    transition: color .3s ease;
    padding: 0;
}

.box-tool .players_filter_cont {
    width: auto;
    margin-right: 25px;
}

.players_filter_cont:last-child {
    padding-right: 0;
}

.players_filter {
    width: 100%;
    border: none;
    background: #001722;
    color: #ffffff;
    line-height: 30px;
    height: 30px;
    padding-left: 25px;
    padding-right: 45px;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
		background-image: url(../img/arrow-down.png);
		background-repeat: no-repeat;
		background-position: right 15px top 10px;
		background-size: 18px;
}

.players_filter_cont.search {
    width: 35%;
}

.players_filter_cont.league {
    width: 40%
}

.players_filter_cont.search:after {
    right: 8px;
    background-image: url(../img/icon-search.png);
    opacity: .5;
    transition: opacity .4s ease;
}

.players_filter:focus {
    outline: none;
}

.players_search {
    width: 100%;
    border: none;
    background: #001722;
    color: #ffffff;
    padding-left: 25px;
    padding-right: 30px;
    line-height: 28px;
    font-size: 16px;
}

.players_search:focus {
    outline: none;
}

.players_search::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #ffffff;
}

.players_search:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #ffffff;
    opacity: 1;
}

.players_search::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #ffffff;
    opacity: 1;
}

.players_search:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #ffffff;
}

.players_search::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #ffffff;
}

.players_search::placeholder {
    /* Most modern browsers support this now. */
    color: #ffffff;
}

.players_results {
    padding: 25px;
    column-count: 2;
    column-gap: 1em;
}

.teams_results {
    padding: 0 25px 25px 25px;
}

.players_result {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}

.players_result_table {
    width: 100%;
}

.players_result_table td {
    height: 50px;
    padding: 10px 0;
    border-bottom: 1px solid #e7e7e7;
}

.players_result_table td a {
    display: block;
    color: #001722;
    text-decoration: none;
}

.players_result_table tr:last-child td {
    border-bottom: none;
}

.players_result_table img {
    max-height: 30px;
    max-width: 35px;
    vertical-align: middle;
}

.players_result_img {
    text-align: center;
    width: 35px;
}

.players_result_table .players_result_name {
    text-align: left;
    padding-left: 10px;
}

.players_result_table .players_result_name.star-cont{
    padding-right:35px;
    position: relative;
}

.star{
    position:absolute;
    z-index:1000;
    right:5px;
    top:10px;
    width:30px;
    height:30px;
    cursor:pointer;
    text-align:center;
    line-height: 30px;
    font-size:30px;
}

.star-inline{
    position: relative;
    float: left;
    margin-right: 5px;
    cursor: pointer;
}

.star span, .star-inline span{
    color:#e7e7e7;
    transition: color .4s ease;
}

.star.star-on span, .star-inline.star-on span{
    color:#ffcd00;
    transition: color .4s ease;
}

.star span:hover, .star-inline span:hover{
    color:#ff9b00;
}

.players_result_header {
    border-bottom: 4px solid #ca2128;
    color: #ca2128;
    text-transform: uppercase;
    padding-left: 42px;
    font-weight: bold;
    font-size: 22px;
    line-height: 26px;
    padding-bottom: 20px;
}

.players_filter_cont.leaguew {
    display: none;
}

/* Játékos oldal*/

.players_cat {
    display: inline;
    font-size: 16px;
    line-height: 22px;
    color: #001722;
    font-weight: 600;
}

.players_data {
    display: inline;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #001722;
}

.players_name {
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    color: #001722;
    text-transform: uppercase;
}

.players_team {
    font-size: 20px;
    line-height: 30px;
    color: #001722;
}

.players_main_info {
    position: relative;
    height: 100%;
    min-height: 140px;
}

.players_img {
    display: inline-block;
    margin-left: 25px;
    margin-right: 25px;
    position: absolute;
    top: 18px;
}

.players_img img {
    max-width: 77px;
    max-height: 110px;
}

.players_ident {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 127px;
    top: 12px;
}

.players_info {
    padding: 12px;
}

.row.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.players_list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.players_list li {
    font-size: 14px;
    line-height: 16px;
    color: #001722;
    padding: 8px 20px;
    border-bottom: 1px solid #e7e7e7;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.players_list li:last-child {
    border-bottom: none;
}

.players_list li a {
    color: #ca2128;
    font-weight: bold;
}

.players_list li a:hover,
.players_list li a:focus {
    text-decoration: none;
}

.players_graph_cont {
    padding: 6px 8px;
}

.player_table th:nth-child(1),
.player_table th:nth-child(2),
.player_table th:nth-child(3) {
    min-width: 30px;
}

/* Műsor datepicker */
.musor-picker-cont{
    text-align: center;
    position: absolute;
    width: 100%;
    font-size:16px;
    font-weight:600;
    z-index:1000;
    text-transform:uppercase;
}

.musor-picker-cont span{
    cursor:pointer;
}

.schedule-pager .prev-day, .schedule-pager .next-day{
    position: relative;
    z-index:1001;
}

#musor-picker{
    background:transparent;
    border:none;
    text-align:center;
    outline:none;
    cursor:pointer;
    font-size:16px;
    font-weight:600;
    text-transform:uppercase;
    cursor:pointer;
    width:110px;
}

.schedule-pager .prev-day a, .schedule-pager .next-day a{
    color: #001722;
    font-size:14px;
}

.schedule-pager a{
    position: relative;
    z-index:100;
}

.schedule_filter select{
    width:100%;
}



/* Bajnokság */

#bajnoksag {
    padding-top: 30px;
}


/* Ranglista */

#ranglista {
    padding-top: 30px;
}

.box-info {
    text-align: center;
    margin-bottom: 30px;
}

#ranglistadd-button {
    background: #001722;
    color: #ffffff;
    border: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    padding: 8px 0;
    padding-left: 25px;
    border-bottom: 1px solid #ffffff;
    padding-right: 20px;
    font-family: 'Titillium Web', sans-serif;
    width: 100%;
}

#ranglistadd-button:focus {
    outline: none;
}

#ranglistadd-menu .ui-menu-item-wrapper {
    text-align: left;
    padding: 3px 10px;
    background: #ffffff;
    color: #8f8f8f;
}

#ranglistadd-menu .ui-menu-item-wrapper.ui-state-active {
    background: #f4f4f4;
    color: #000000;
    border: 1px solid #f4f4f4;
}


#ranglista .box-table-respo-pin{
    display:none;
}

/* News List */

#news_list {
    padding-top: 30px;
}

.tag-container {
    padding: 13px 20px;
}

a.tag-btn {
    font-weight: normal;
    font-size: 12px;
    display: inline-block;
    line-height: 18px;
    color: #8f8f8f;
    border: 1px solid #a1a1a1;
    text-align: center;
    padding: 0px 5px;
    border-radius: 1px;
    position: relative;
    margin-right: 3px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

a.tag-btn:active,
a.tag-btn:focus {
    color: inherit;
    text-decoration: none;
}

a.tag-btn:hover {
    color: #ca2128;
    border-color: #ca2128;
    text-decoration: none;
}

.accordion{
    position: relative;
	padding: 0 0 50px 0;
}

.accordion .roll-down{
	display: inline-block;
    position: absolute;
    right: 0;
    user-select: none;
    cursor: pointer;
    padding: 4px;
    margin: 10px 0;
}

.tags-accordion{
    height: 21px;
    display: block;
    overflow: hidden;
    position: relative;
}

.tags-accordion.inactive{
    height: 21px;
}

.tags-accordion.active{
    height: auto;
}

.tag-toggle-arrow{
    display: inline-block;
}

.tag-toggle-arrow.inactive{

}

.tag-toggle-arrow.active{
    transform: rotate(90deg);
}

.tag-toggle-btn{
	background: #001722;
	color: #fff;
	/*border: 1px solid #001722;*/
	padding: 4px;
	border-radius: 3px;
	text-transform: uppercase;
	text-decoration: none;
	user-select: none;
	min-width: 25px;
	display: inline-block;
	text-align: center;
    font-size: 11px;
}

.tag-btn{
    font-weight: normal;
    font-size: 12px;
    display: inline-block;
    line-height: 18px;
    color: #8f8f8f;
    border: 1px solid #a1a1a1;
    text-align: center;
    padding: 0px 5px;
    border-radius: 1px;
    position: relative;
    margin-right: 3px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.box-body-cal {
    width: 100%;
    table-layout: fixed;
}

.box-body-cal td {
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 40px;
    color: #001722;
    padding: 0;
    height: 50px;
}

.box-body-cal td div,
.box-body-cal td a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    height: 50%;
}

.box-body-cal td.off {
    color: #b0b0b0;
}

.box-body-cal td a,
.box-body-cal td a:focus,
.box-body-cal td a:active {
    color: #001722;
    text-decoration: none;
}

.box-body-cal td a:hover {
    color: #ca2128;
}

.box-body-cal td a.active {
    display: block;
    max-width: 40px;
    margin: 0 auto;
    background: #ca2128;
    color: #ffffff;
    border-radius: 5px;
    font-size: 19px;
}

.box-body-cal-cont {
    padding: 13px 20px;
}

.box-header-imaged{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.box-header-imaged .champimg{
    margin-right: 8px;
    margin-bottom: 8px;
    display: block;
    width: 100%;
}

.box-header-imaged .champimg img {
    max-width: 100%;
    width: auto;
    max-height: 89px;
}

.box-header-cont-imaged {
    display: flex;
}

.box-header-cont-imaged .box-tool{
    order: 2;
    align-items: center;
    display: flex;
    justify-content: flex-end;
    flex-shrink: 0;
    width: auto;
}

.box-header-cont-imaged .box-tool .players_filter_cont {
    margin-right: 0;
}

.box-header-cont-imaged .box-header-imaged {
    display: flex;
    align-items: center;
    flex-wrap: initial;
    flex: 1 1 auto;
    padding-right: 15px;
}

.box-header-cont-imaged .box-header-imaged .champimg {
    width: auto;
}

@media (max-width:768px){
    .box-header-cont-imaged .box-header-imaged {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }

    .box-header-cont-imaged {
        display: block;
    }
}


.box-header-cal-month {
    text-align: center;
}

.box-header-cal-prev {
    background: url(../img/slider-left-dark.png);
    height: 50px;
    width: 40px;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    filter: brightness(1);
    transition: .4s ease filter;
}

.box-header-cal-next {
    background: url(../img/slider-right-dark.png);
    height: 50px;
    width: 40px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    filter: brightness(1);
    transition: .4s ease filter;
}

.box-header-cal-prev:hover,
.box-header-cal-next:hover {
    filter: brightness(.2);
}

.box-header.teamlogo {
    padding-right: 115px;
}

.header-team-logo {
    position: absolute;
    right: 0;
    top: 0;
    width: 115px;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-team-logo img {
    max-width: 100%;
}

.news-list-item {
    background: #ffffff;
    border-radius: 5px;
    margin-bottom: 30px;
    position: relative;
}

.news-list-item:hover .news-list-item-img {
    transform: scale(1.1);
}

.news-list-item-img-cont {
    width: 45%;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.news-list-item-img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transform: scale(1);
    transition: transform .4s ease;
}

.news-list-item-content {
    padding: 20px;
    padding-bottom: 0px;
    padding-left: calc(45% + 20px);
}

.news-list-item-title {
    font-weight: bold;
    font-size: 30px;
    line-height: 34px;
    color: #001722;
    margin-bottom: 15px;
    overflow:hidden;
    text-overflow:ellipsis;
}

.news-list-item-time {
    font-size: 11px;
    line-height: 24px;
    text-transform: uppercase;
    color: #b0b0b0;
    margin-bottom: 20px;
}

.news-list-item-time span {
    font-size: 18px;
    vertical-align: middle;
    position: relative;
    bottom: 1px;
    margin-right: 5px;
}

.news-list-item-body {
    font-size: 15px;
    line-height: 25px;
    color: #001722;
    height: 75px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px;
}

.news-list-item-social {
    border-top: 1px solid #e8e8e8;
    margin: 0 -20px;
    padding: 0 20px;
    height: 65px;
    display: flex;
    align-items: center;
}

/* Banner */

.banner-list{
    text-align:center;
    margin-bottom:10px;
}

.banner-list img{
    max-width:100%;
}

.mkosz-program-cont{
    padding:20px 15px;
}

.banner {
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 30px;
}

.banner img {
    max-width: 100%;
}

.full-banner {
    text-align: center;
}

.full-banner img {
    max-width: 100%;
}



/* Other news */

#other-news {
    background: #ffffff;
    padding-top: 30px;
}



/* Programs */
#programs {
    padding-top: 30px;
}

#programs .box-body {
    padding: 0 75px;
}

.program-img {
    height: 120px;
    border-radius: 5px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

#programs-slider {
    margin-top: 15px;
    margin-bottom: 20px;
}

#programs-slider .lslide:hover .program-title {
    color: #001722;
}

#programs-slider a,
#programs-slider a:focus,
#programs-slider a:active,
#programs-slider a:hover {
    color: inherit;
    text-decoration: none;
}

.program-title {
    font-size: 15px;
    line-height: 18px;
    color: #b0b0b0;
    margin-top: 15px;
    height: 36px;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: .3s color ease-in-out;
}

#programs .program-title {
	display: none;
}

#programs .slider-left,
#programs .slider-right {
    top: 80px;
}



/* Strip */

.gameslider-control {
    width: 215px;
    float: right;
    background: #ffffff;
    position:relative;
}

.gameslider-buttons {
    overflow: hidden;
    margin-right: -1px;
    margin-bottom: -1px;
}

.gameslider-button {
    background: #001722;
    color: #fefefe;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    cursor: pointer;
    align-content: center;
    text-align: center;
    line-height: 16px;
    font-size: 14px;
}

.gameslider-button:hover,
.gameslider-button.active {
    background: #ca2128;
}

.gameslider-button-cont {
    padding-right: 1px;
    padding-bottom: 1px;
    width: 50%;
    float: left;
}

.gameslider-inside {
    background: #d9d9d9;
}

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

.gameslider-cont {
    padding-right: 220px;
    float: left;
    width: 100%;
    margin-right: -220px;
}

.gameSlider-header {
    height: 40px;
    background: #e8e8e8;
    border-bottom: 1px solid #ffffff;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

.gameSlider-head-class {
    font-family: 'Titillium Web', sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    color: #282e36;
    height: 14px;
    overflow: hidden;
}

.gameSlider-head-date {
    font-style: italic;
    font-size: 14px;
    text-transform: uppercase;
    color: #767676;
}

.gameSlider-head-date a, .gameSlider-head-date a:hover, .gameSlider-head-date a:active{
    color:inherit;
    text-decoration:none;
}

.gameSlider-body {
    width: 100%;
    background: #fff;
    height: 81px;
    border-bottom: 1px solid #ffffff;
}

.gameslider-inside .gameSlider-body {
		height: 76px;
}

.gameslider-inside .gameSlider-foot {
		height: 24px;
}

.gameslider-inside .gameslider-cont {
		padding-left: 5px;
}

.gameslider-inside .main-musor-country {
	height: 30px;
	max-width: 60px;
}

@media screen and (max-width: 767px) {
	.gameslider-inside .gameslider-cont { padding-right: 5px; }
}

.gameslider-netcasting-link {
    display: block;
    text-decoration: none;
}

.gameSlider-body td:first-child {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 36px;
    text-transform: uppercase;
    color: #767676;
    width: 85px;
    white-space: nowrap;
    overflow: hidden;
}

.gameSlider-body td:nth-child(2) {
    /*width: 75px;*/
		text-align: center;
}

.gameSlider-foot {
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    font-size: 12px;
    color: #a9a9a9;
    background: #e8e8e8;
    text-transform: uppercase;
}

.gameSlider-foot span {
    display: inline-block;
    margin-right: 3px;
}

.gameSlider-foot img {
    max-height: 20px;
    max-width: 90px;
}

.gameSlider-foot a:hover {
    color: #001722 !important;
}

#gameSlider .live .gameSlider-foot a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    color: #001722;
}

.gameSlider-foot a,
.gameSlider-foot a:hover,
.gameSlider-foot a:active,
.gameSlider-foot a:focus {
    color: inherit;
    text-decoration: none;
    transition: .3s color ease-in-out;
}

#gameSlider .live .gameSlider-foot {
    border-bottom: 2px solid #001722;
}

#gameSlider .live .gameSlider-body td:first-child {
    font-weight: bold;
    color: #001722;
}

.gameSlider-body td:nth-child(3) {
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    color: #001722;
    text-align: right;
    padding-right: 15px;
		width: 65px;
}

.gameSlider-body td:nth-child(3).less {
    color: #767676;
}

#gameSlider .live .gameSlider-body td:nth-child(3) {
    color: #ca2128;
}


#gameSlider .live {
    border: 1px solid #001722;
}

#gameSlider .live .gameSlider-head-class {
    color: #ca2128;
}

#gameSlider .live .gameSlider-head-date {
    color: #ca2128;
    font-weight: bold;
    font-style: italic;
    font-size: 14px;
}

.pager a {
	font-weight: normal;
	font-size: 12px;
	display: inline-block;
	line-height: 24px;
	background: #001722;
	color: #fff;
	border: 1px solid #001722;
	text-align: center;
	padding: 0px 10px;
	border-radius: 3px;
	position: relative;
	margin: 0 5px;
	text-transform: uppercase;
	text-decoration: none;
}

.pager a:hover {
	background: #f4f4f4;
	color: #001722;
}

#strip-league-button {
    width: 100%;
    border: none;
    background: #e8e8e8;
    line-height: 40px;
    border-radius: inherit;
    font-family: 'Titillium Web', sans-serif;
    font-weight: bold;
    color: #282e36;
    font-style: italic;
    text-transform: uppercase;
    font-size: 14px;
    padding: 0 15px;
}

#strip-league-button:focus {
    outline: none;
}

#strip-league-button .ui-selectmenu-icon.ui-icon {
    background-image: url(../img/lang-open.png);
    background-position: center center;
    display: block;
    height: 40px;
}

#strip-league-menu {
    position: relative;
    border: 1px solid #a1a1a1 !important;
    bottom: 1px;
    box-shadow: 0 1px 10px -5px #000000;
}

#strip-league-menu .ui-state-disabled {
    display: none;
}

#strip-league-menu .ui-menu-item-wrapper {
    text-align: left;
    padding: 3px 10px;
    background: #ffffff;
    color: #8f8f8f;
}

#strip-league-menu .ui-menu-item-wrapper.ui-state-active {
    background: #f4f4f4;
    color: #000000;
    border: 1px solid #f4f4f4;
}

/* Játékos oldalak */
#jatekos_lista{
    padding-top:30px;
}

#jatekos_lista.jatekosok_dev .players_result_table_header {
    display: table-header-group !important;
    background: #eee;
}

#jatekos_lista.jatekosok_dev .players_result_table_header th {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
}

/* Videó oldal */
#videok{
    padding-top:30px;
}

.video-page-cont video{
    max-width:100%;
}

.video-gallery-cont{
    padding:25px;
}

.video-container{
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0,
    overflow:hidden;
}

.video-container iframe,
.video-container object,
.video-container video,
.video-container .video-img,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-img{
    background-size:cover;
    background-position:center center;
}

.video-page-cont iframe{
    width:100%;
}

.tao-cont{
    padding-top:15px;
}

.tao-img img{
    max-width:100%;
}

.video_title{
    font-size:15px;
    line-height:18px;
    height:46px;
    overflow:hidden;
    text-overflow:ellipsis;
    margin-bottom:20px;
    padding:5px 0;
    border-top: 1px solid #dfdfdf;
    border-bottom: 2px solid #dfdfdf;
    margin-top:5px;
    color: #001722;
    text-align:center;
}

.video_title:before{
    display:inline-block;
    content:'';
    height:100%;
    vertical-align:middle;
}

.video_title span{
    display:inline-block;
    vertical-align:middle;
}

/* Sponsors */

#sponsors {
    padding: 45px 0;
    padding-top: 15px;
    background: #fff;
}

.sponsors-cont {
    position: relative;
    padding: 0 65px;
}

#sponsorSlider li {
    text-align: center;
}

#sponsorSlider a {
    display: inline-block;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sponsor {
    text-align: center;
}

.sponsor img {
    max-width: 100%;
    filter: grayscale(100%);
    transition: .3s filter ease-in-out;
    max-height: 100%;
}

.sponsor img:hover {
    filter: grayscale(0%);
}



/* Footer */

footer {
    padding-top: 30px;
    background-color: #001722;
    padding-bottom: 30px;
    font-weight: 600;
}

#megye{
    margin-bottom: 20px;
}

.megyepart a{
    color: #001722;
    text-decoration: none !important;
    overflow:hidden;
    display:block;
    display:flex;
    align-items:center;
}

.megyepart a:hover{
    color: #ca2128;
}

.megyepart span{
    float:left;
}

.megyepart span img{
    height:34px;
}

.megyei_szovetsegek h3{
    font-weight: bold;
    font-size:22px;
    line-height:26px;
    color: #001722;
    text-transform: uppercase;
    padding:25px;
}

/* footer menu */

div.sitemappart {
    float: left;
    margin: 5px 0 10px 30px;
}

.video_langing_page .video {
    margin-right: 0 !important
}

.result {
    width: auto !important;
    font-size: 20px !important
}

div.sitemappart:first-child {
    margin-left: 0
}

div.sitemappart h5 {
    color: #ffffff;
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
    font-weight: 600;
    margin: 3px 0;
}

div.sitemappart li {
    list-style: none;
    float: none;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
}

div.sitemappart li A {
    color: #ffffff;
    font-weight: 600;
    text-decoration: none;
    font-size: 13px
}

div.sitemappart li:hover a {
    background: #2c3e50;
}

div.sitemappart a {
    display: block;
}
/* END - footer menu */

/* Phase Selector */
.phase-selector-title {
    border-bottom: none !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

#phase_selector {
    margin-bottom: 0;
}

#phase_selector.box-header-filter .ui-selectmenu-button.ui-button {
    background-color: #ffffff;
    border: none;
    border-bottom: 1px solid #eeeeee;
    color: #001722;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-left: 20px;
    height: 34px;
}

#phase_selector.box-header-filter .ui-selectmenu-text {
    color: #001722;
    padding: 2px 0;
}

#phase_selector.box-header-filter .ui-button .ui-icon {
    filter: brightness(0.5);
    filter: none;
    background-image: none;
    text-indent: 0;
}

#phase_selector.box-header-filter .ui-button .ui-icon:after {
    content: "\f078";
    display: block;
    font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Popup */
/* Sportolj Popup */
.banner-popup.active {
    display: block;
}

.banner-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
}

.banner-popup-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.45);
}

.banner-popup-close {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.45);
}

.banner-popup-close .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: medium none;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

.banner-popup-close .lg-icon:hover {
    color: #FFF;
}

.banner-popup-close .lg-close:after {
    content: "\e070";
}

.banner-popup-content {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    max-width: 640px;
}

.banner-popup-content a {
    display: block;
    text-decoration: none !important;
}

.banner-popup-img {
    max-width: 100%;
}

/* Responsive Classes */

@media screen and (min-width: 1340px) {
    .container {
        width: 1310px;
    }

    .box-body-table th {
        font-size: 20px;
    }
}

@media screen and (min-width:992px) and (max-width:1339px) {
    .main-musor td:nth-child(1),
    .main-musor td:nth-child(5) {
        display: none;
    }

    .main-musor td:nth-child(2),
    .main-musor td:nth-child(4) {
        width: 40px;
    }
}

@media screen and (max-width:1339px) {
    .header-search input[type="search"] {
        width: 250px;
    }

    .header-apps {
        margin-left: 20px;
    }

    .header-search {
        margin-right: 35px;
    }
}

@media screen and (max-width:1200px) {
    .header-search input[type="search"] {
        width: 260px;
    }

    nav .main-menu li {
        margin-right: 8px;
        font-size:18px;
    }

    .mkosz-logo img {
        max-width: 125px;
    }

    nav .main-menu {
        margin-left: 20px;
    }

    nav .nav-top {
        padding: 5px 0;
    }

    .nav-bottom {
        top: 95px;
    }

    .mainSlider-slide {
        height: 435px;
    }

    .mainSlider-text {
        height: 435px;
    }

    .mainSlider-text {
        width: 68%;
    }

    .mainSlider-title {
        font-size: 62px;
        line-height: 70px;
    }

    .mainSlider-subtitle {
        font-size: 32px;
        line-height: 34px;
    }

    nav .main-menu li.hassubmenu:hover:after,
    nav .main-menu li.hassubmenu:active:after,
    nav .main-menu li.hassubmenu.opened:after {
        bottom: -5px;
    }

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

    .header-search {
        position: absolute;
        right: 15px;
        margin-right: 0;
        bottom: 0;
    }

    .header-apps {
        position: absolute;
        left: 0;
        bottom: 0px;
        margin-left: 15px;
    }

    .header-social {
        margin-bottom: 40px;
    }

    .box-stat.dark .col-lg-border:first-child .box-body-table {
        margin-bottom: 30px;
    }

    .header-top{
        padding-top:15px;
    }

    .players_filter_cont{
        width:30%;
    }

    .players_filter_cont.search{
        width:30%;
    }

    .box-body-table-full .box-table-respo{
        overflow-x: scroll;
    }

    .box-body-table-full .box-table-respo table{
        width:1300px;
    }

    .ranging-type{
        width:100% !important;
    }
}

@media screen and (max-width:1200px) and (min-width:992px){
    .team-musor-match{
        flex-wrap:wrap;
        justify-content: space-around;
    }

    .team-musor-result{
        margin-top:10px;
    }

    .team-musor-away{
        order:1;
    }

    .team-musor-home, .team-musor-away{
        width:50%;
    }

    .side-news-date span {
        display: none;
    }

    .box-tool-top{
        position:unset;
        float:none;
        width:100%;
        margin-bottom:10px;
    }

    .box-tool-top:after{
        display:block;
        content:'';
        clear:both;
    }

    .team-stat-prop{
        font-size:16px;
    }

    .team-stat-data{
        font-size: 28px;
        line-height: 28px;
        padding-bottom: 2px;
        margin-bottom: 2px;
    }

    .team-stat-data-cont{
        padding-top:12px;
    }

    .team-stat-data-cont svg{
        width:80px;
    }

    .team-stat-name{
        font-size:20px;
        line-height:22px;
    }

    .champ_tabella th:nth-child(2), .champ_tabella td:nth-child(2){
        display:none;
    }
}

@media screen and (max-width:991px) {
	#bajnoksag .champ_round_table  tr th,
	#bajnoksag .champ_round_table  tr td {
		border-bottom: 1px solid #ccc;
	}

	#bajnoksag .champ_round_table  .champ_round_table_clubs {
		padding: 5px;
	}

	#bajnoksag .champ_round_table  .champ_round_table_date {
		padding: 0 10px;
	}

    #header-language-button {
        position: absolute;
        right: 15px;
        top: 0;
        bottom: auto;
    }

    .header-social {
        width: 100%;
        margin-bottom: 0;
    }

    .header-apps {
        left: 50%;
        bottom: auto;
        top: 0;
        margin-left: 0;
    }

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

    .header-search {
        float: left !important;
        margin-top: 10px;
        position: relative;
        right: auto;
    }

    .header-top {
        padding-top: 10px;
    }

    .header-perso {
        margin-top: 10px;
    }


    nav .hassubmenu.mkosz {
        position: relative;
        right: 0;
        top: 0;
    }

    nav .main-menu li.hassubmenu:before {
        width: 44px;
        left: auto;
        right: 0;
        height: 44px;
        bottom: auto;
        z-index: 110;
        background-color: rgba(255, 255, 255, .02);
        content: "\f3d0";
        text-align: center;
        font-family: "Ionicons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    nav .hassubmenu {
        padding-right: 45px;
    }

    nav .main-menu {
        display: none;
    }

    nav .nav-top {
        padding: 15px 0;
    }

    .menu-toggle span {
        width: 25px;
        height: 2px;
        display: block;
        background-color: #ffffff;
        margin: 6px 0;
    }

    .menu-toggle {
        float: right;
        cursor: pointer;
        padding: 2px 6px;
        margin-top: 16px;
        border: 1px solid transparent;
        border-radius: 1px;
        display: block;
    }

    .menu-toggle:hover {
        border: 1px solid #ffffff;
    }

    nav .main-menu.active {
        display: block;
        position: absolute;
        right: 15px;
        width: 240px;
        background: #001722;
        z-index: 1000;
        top: 83px;
    }

    nav .main-menu li {
        width: 100%;
        margin-right: 0;
        padding: 0 15px;
        line-height: 44px;
    }

    .main-musor-featured {
        height: auto;
    }

    .main-musor-card {
        margin-bottom: 15px;
    }

    .box-header.filtered {
        padding-top: 50px;
    }

    .box-header-filter {
        top: 5px;
    }

    .nav-bottom {
        top: 98px;
    }

    nav .main-menu li.hassubmenu.active:after {
        display: none;
    }

    nav .main-menu li:hover {
        background: rgba(255, 255, 255, .1);
    }

    nav .main-menu li.hassubmenu:hover:after {
        display: none;
    }

    .menu-close {
        display: block;
        cursor: pointer;
        text-align: center;
        position: absolute;
        right: 15px;
        top: -35px;
        font-size: 22px;
        width: 40px;
    }

    .menu-close:hover {
        color: #333;
    }

    .sponsor img {
        max-width: 140px;
    }

    #sponsorSlider a {
        height: 150px;
    }

    #sponsors {
        padding: 25px 0;
    }

    .box-table-header {
        padding-left: 10px;
    }

    #ranglistadd-button {
        padding-left: 10px;
    }

    #boxscore_top .box-body.box-stat,
    #boxscore_top .box-body.box-news {
        padding: 20px 15px;
    }

    .news-item .box-body.box-news {
        padding: 20px 15px;
        padding-bottom:0;
    }

    .box-news-body {
        margin-right: -15px;
        padding-right: 15px;
    }

    .box-table thead tr:first-child th:nth-child(1) {
        padding-left: 10px;
        width: 120px;
    }

    .box-table.player_table thead tr:first-child th:nth-child(1){
        width:33px;
    }

    #ranglista .box-table tbody td a.hasLogo{
        display:flex;
        align-items:center;
        justify-content: center;
    }

    #ranglista .box-table tbody td a span{
        float:left;
        margin-right:5px;
    }

    .boxscore_table thead th.name,
    .boxscore_table tbody td.name {
        width: 120px !important;
        padding-left: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .boxscore_table thead th.players_result_img_placeholder,
    .boxscore_table tfoot th.players_result_img_placeholder {
        display: none;
    }

    .box-table tbody td:nth-child(1) {
        padding-left: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .box-table tfoot th:first-child {
        padding-left: 10px;
    }

    .box-table-respo-pin {
        width: 120px;
        overflow: hidden;
        position: absolute;
        left: 0;
        display: block;
        z-index:100;
        border-right: 1px solid #ffffff;
        box-shadow: 3px 0 3px -2px rgba(0, 0, 0, .15);
    }

    .box-table-respo-pin table {
        width: 1300px;
        table-layout: fixed;
    }

    .box-table-respo-cont {
        position: relative;
    }

    .box-table-respo {
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .box-table-respo table {
        width: 1300px;
        table-layout: fixed;
    }

    .box-table-respo table.merkozesrol_table{
        table-layout:unset;
    }

    .box-table-respo-pin table.merkozesrol_table{
        table-layout:unset;
    }

    .box-table.merkozesrol_table thead tr:first-child th:nth-child(1){
        width:80px;
    }

    .box-body-merkozesrol .box-table-respo-pin{
        width:80px;
    }

    .team-players-cont .box-table-respo-pin{
        width:125px;
        background:#ffffff;
    }

    .team-players-cont{
        padding-left:15px;
        padding-right:15px;
        padding-bottom:15px;
    }

    .team-players-cont .team-players-pic{
        display:none;
    }

    .team-players-cont table th:first-child, .team-players-cont table td:first-child{
        width:40px;
        display:none;
    }

    .team-players-cont .box-table-respo-pin table{
        width: 700px;
    }

    .team-players-cont .box-table-respo table{
        width: 700px;
    }

    .team-players th:nth-child(2), .team-players td:nth-child(2){
        overflow: hidden;
        text-overflow: ellipsis;
        width: 125px;
        line-height: 18px;
    }

    .team-players th:nth-child(2){
        padding-left:2px;
    }

    .team-players th{
        line-height:16px;
    }

    .champStatPlayer {
        width: 100%;
    }

    .champStatTeam {
        width: 100%;
        padding-top: 20px;
    }

    .champStatChamp {
        width: 100%;
        padding-top: 20px;
    }

    .champStatPlayer:after {
        right: auto;
        left: 50%;
        top: auto;
        bottom: -20px;
        transform: translateX(-50%);
        border-width: 20px 20px 0 20px;
        border-color: #141414 transparent transparent transparent;
    }

    .champStatTeam:after {
        right: auto;
        left: 50%;
        top: auto;
        bottom: -20px;
        transform: translateX(-50%);
        border-width: 20px 20px 0 20px;
        border-color: #1d1d1d transparent transparent transparent;
    }

    .col-md-9 .teamKeretHead,
    .col-md-3 .teamKeretHead {
        margin: 0;
    }

    .teamKeretCoach,
    .teamKeretAssist {
        text-align: center;
    }


    #ranglista .box-table thead tr:first-child th:nth-child(1) {
        width: 60px;
    }

    #ranglista .box-table-respo-pin {
        width: 60px;
    }

    #ranglista .box-table-respo table {
        width: 820px;
    }

    #ranglista .box-table thead th {
        width: 60px;
    }

    header ul.main-menu li > a{
        padding:0 !important;
        display: block;
    }

    header .megamenutab .sub-menu-item, header .megamenutab a{
        display:flex;
    }

    header ul.main-menu li:hover > a{
        background: transparent !important;
    }

    .megamenutab{
        padding-top:35px;
        top:0;
    }

    nav .main-menu li{
        position:static;
    }

    header ul.main-menu .megamenutab li:hover > a{
        color:#000000;
    }

    .news-item-img-cont{
        margin-left:-15px;
        margin-right:-15px;
        margin-top:-20px;
    }

    .news-item-img-cont figcaption{
        margin-bottom:10px;
    }

    .box-date{
        margin:0 auto;
    }

    #programs .box-body{
        padding:0 50px;
    }

    .sponsors-cont{
        padding:0 50px;
    }

    .slider-right{
        width:45px;
        background-position:center center !important;
    }

    .slider-left{
        width:45px;
        background-position:center center !important;
    }

    .side-news-title{
        height:auto;
        max-height:54px;
    }

    .side-news{
        height:auto;
        max-height:107px;
        overflow:hidden;
    }

    .players_results{
        column-count:1;
    }

    .row.row-eq-height{
        display:block;
    }

    .champ_tabella th{
        width:auto;
    }

    .champ_tabella th:nth-child(3), .champ_tabella td:nth-child(3){
        width:140px;
    }

    .champ_tabella th:nth-child(2), .champ_tabella td:nth-child(2){
        display:none;
    }

    .champ_tabella th:nth-child(1), .champ_tabella td:nth-child(1){
        width:20px;
    }

    .champ_tabella_cont .box-table-respo-pin{
        background:#ffffff;
        width:160px;
    }

    .champ_tabella_cont .box-table-respo table{
        width:720px;
    }

    .champ_tabella_cont .box-table-respo-pin table{
        width:720px;
    }

    #ranglista .box-table-respo table{
        display:block;
        width:100%;
    }

    #ranglista .box-table-respo table thead{
        display:none;
    }

    #ranglista .box-table tbody td{
        height:auto;
        padding:5px 3px !important;
        text-align:center !important;
    }

    #ranglista .box-table-respo{
        overflow:hidden;
    }

    #ranglista .box-table tbody td a.hasLogo span{
        display:none;
    }

		#ranglista .box-table tbody tr + tr {
			margin-top: 10px;
		}

    #ranglista .box-table tbody td:nth-child(1){
        display:block;
        display:flex;
        align-items: center;
        justify-content: center;
        float:left;
        width:40%;
        height:50px;
        background: #ededed;
        border-right:1px solid #cdcdcd;
    }

    #ranglista .box-table tbody td:nth-child(1).referee{
        width:100%;
        background:transparent;
        height:auto;
        border-right:none;
    }

    #ranglista .box-table tbody td:nth-child(2){
        display:flex;
        align-items: center;
        justify-content: start;
        float:left;
        width:60%;
        height:50px;
        background: #ededed;
    }

		#ranglista .box-table tbody td .ranglista-tabella-img {
				float: left;
				max-width: 40px;
				max-height: 40px;
		}

    #ranglista .box-table tbody td:nth-child(3){
				display: flex;
				align-items: center;
				justify-content: center;
				float: left;
				width: 40%;
				height: 50px;
				background: #ededed;
				border-right: 1px solid #cdcdcd;
    }

    #ranglista .box-table tbody td:nth-child(4){
        display:flex;
        align-items: center;
        justify-content: start;
        float:left;
        width:60%;
        height:50px;
        background: #ededed;
    }

		#ranglista.musor .box-body .box-table tbody td:nth-child(1),
		#ranglista.musor .box-body .box-table tbody td:nth-child(2),
		#ranglista.musor .box-body .box-table tbody td:nth-child(3),
		#ranglista.musor .box-body .box-table tbody td:nth-child(4) {
			width:50%;
		}

		#ranglista.musor .box-body .box-table tbody td:nth-child(1).referee{
			width:100%;
		}

    #ranglista .box-table tbody td:nth-child(5){
        display:block;
        float:left;
        width:100%;
    }

    #ranglista .box-table tbody td:nth-child(6){
        display:block;
        float:left;
        width:100%;
    }

    .schedule_filter select{
        margin-bottom: 10px;
    }

    .box-table-respo table.champ_round_table {
        width: 780px;
    }
}

@media screen and (max-width:767px) {
    #header-language-button {
        position: absolute;
        right: 15px;
        bottom: auto;
    }

    .header-top {
        text-align: center;
    }

    .header-social {
        width: 100%;
        float: none !important;
        text-align: left;
    }

    .header-perso {
        width: 100%;
        float: none !important;
        text-align: center;
    }

    .header-search {
        float: none !important;
        display: inline-block;
        margin-right: 0;
    }

    .header-perso-link {
        margin: 0 12px;
    }

    .gameslider-control {
        width: 100%;
        float: none;
        margin-bottom: 5px;
    }

    .gameslider-cont {
        padding-right: 0;
    }

    .box-header {
        font-size: 20px;
        line-height: 24px;
        padding: 25px 15px;
        padding-bottom: 15px;
    }

    .box-header-cal-month {
        position: relative;
        bottom: 5px;
    }

    .box-header.notool {
        padding-right: 15px;
    }

    .box-tool {
        float: right;
        position: absolute;
        right: 10px;
        top: 25px;
    }

    .box-footer .box-tool{
        position:initial;
        //float:none;
    }

    .box-tool-top{
        position:unset;
        float:none;
        width:100%;
        margin-bottom:10px;
    }

    .box-tool-top:after{
        display:block;
        content:'';
        clear:both;
    }

    .box-header.teamlogo{
        padding-right:15px;
    }

    .megyei_szovetsegek h3{
        padding:15px;
        font-size:20px;
        line-height:24px;
    }

    .header-team-logo{
        position:relative;
        text-align:left;
        display:block;
        width:100%;
    }

    .mainSlider-slide {
        padding: 0 15px;
    }

    .hirek-slide {
        padding: 40px 15px;
    }

    .hirek-slide-text {
        width: 100%;
    }

    .mainSlider-slide {
        height: 280px;
    }

    .mainSlider-text {
        height: 280px;
    }

    .mainSlider-text {
        width: 100%;
    }

    .mainSlider-title {
        font-size: 34px;
        line-height: 38px;
    }

    .mainSlider-subtitle {
        font-size: 20px;
        line-height: 25px;
    }

    .mainSlider-date {
        line-height: 26px;
    }

    .header-search {
        display: none;
    }

    .box-date {
        display: none;
    }

    .box-news-title {
        font-size: 22px;
        line-height: 26px;
    }

    .box-news-slider-cont {
        padding: 0 30px;
    }


    #champStat .container {
        padding: 0;
    }

    .players_main_info{
        text-align:center;
        min-height:auto;
    }

    .players_img{
        position:unset;
        margin-left:0;
        margin-top:10px;
        margin-right:0;
    }

    .players_ident{
        position:unset;
        margin:0 10px;
    }

    .players_info{
        text-align:center;
    }
}

@media screen and (max-width:650px) {
    .hirek-slide {
        height: 285px;
    }

    .hirek-slide .mainSlider-title {
        font-size: 24px;
        line-height: 28px;
    }

    .main-tabella th,
    .main-tabella td {
        width: 20px;
    }

    .main-tabella-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 5px;
    }

    .main-tabella-detail {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 5px;
    }

    .main-musor td:last-child {
        width: 140px;
    }

    .header-apps {
        margin-left: -35px;
    }

    .box-stat .box-body-table td {
        padding: 5px 3px;
    }

    .box-header.hassocial {
        padding-top: 60px;
    }

    .box-header.hassocial .box-tool {
        top: 20px;
        left: 15px;
    }

    .box-header.hassocial .box-tool .box-social {
        margin-left: 15px;
    }

    .box-header.hassocial .box-tool .box-social:first-child {
        margin-left: 0;
    }

    .news-list-item-img-cont{
        width:100%;
        position:relative;
    }

    .news-list-item-img{
        padding-bottom: 65%;
    }

    .news-list-item-content{
        padding:20px;
        padding-top:10px;
        padding-bottom:0px;
    }

    .news-list-item-title{
        font-size:22px;
        line-height:26px;
        margin-bottom:5px;
    }

    .news-list-item-body{
        height:auto;
        padding-bottom:10px;
        font-size:14px;
        line-height:18px;
    }

    .news-list-item-social{
        height:35px;
    }

    .news-list-item-time{
        margin-bottom:5px;
    }

    .team-league-filter{
        width:100% !important;
        padding:0;
    }

    .team-league-filter:not(:last-child){
        margin-bottom:10px;
    }

    #man-teams{
        margin-bottom:30px;
    }

    .players_result_header{
        padding-left:0;
        padding-bottom:10px;
    }

    .players_filter_cont{
        width:100% !important;
        padding-right:0;
    }

    .players_filter_cont:not(:last-child){
        margin-bottom:10px;
    }

    .box-table-header-tool-top{
        position:unset;
        margin-bottom:5px;
    }

    .box-table-header{
        font-style:normal;
    }

    .box-table-header{
        padding-right:10px;
    }

    .team-players-cont .box-table-respo-pin table{
        width: 590px;
    }

    .team-players-cont .box-table-respo table{
        width: 590px;
    }

    .musor-picker-cont{
        position: relative;
        margin-bottom: 14px;
    }

	.side-news-up {
		width: 100%;
	}


}

@media screen and (max-width:500px) {
    .header-social {
        margin-bottom: 40px;
        display: none;
    }

    .header-apps {
        position: relative;
        margin-left: 0;
        left: 0;
        width: 100%;
        text-align: left;
        float: none !important;
    }

    .mkosz-logo img {
        max-width: 90px;
    }

    .menu-toggle {
        margin-top: 5px;
    }

    nav .main-menu.active {
        top: 65px;
    }

    .nav-bottom {
        top: 80px;
    }

    .main-menu .header-perso-link {
        width: 100%;
        margin: 0;
        padding: 0 15px;
        line-height: 44px;
        font-size: 20px;
        color: #ffffff;
    }

    .main-menu .header-perso-link:hover {
        background: rgba(255, 255, 255, .1);
    }

    .main-menu .header-perso-link[title=Webshop] {
        border-top: 2px solid #33334C;
    }

    .main-menu .header-perso-link .perso-icon {
        position: absolute;
        width: 44px;
        left: auto;
        right: 0;
        height: 44px;
        bottom: auto;
        z-index: 110;
        background-color: rgba(255, 255, 255, .02);
        filter: brightness(2);
    }

    .pbp-head-cont{
        padding:15px;
    }

    .pbp-head-table{
        flex-wrap:wrap;
        justify-content:center;
    }

    .pbp-head-team{
        width:50%;
    }

    .pbp-head-team.away{
        order:0;
    }
}
@media screen and (max-width:450px) {
    /*.box-header.option2 {
        min-height: 95px;
    }

    .box-header.option2 .box-tool {
        width: 80px;
    }

    .box-header.option2 .box-tool .box-btn {
        margin-bottom: 3px;
    }*/

    .hirek-slide {
        height: 220px;
    }

    .hirek-slide .mainSlider-title {
        font-size: 20px;
        line-height: 24px;
    }

    .mainSlider-title {
        font-size: 22px;
        line-height: 25px;
    }

    .mainSlider-subtitle {
        font-size: 16px;
        line-height: 20px;
    }

    .mainSlider-slide {
        height: 240px;
    }

    .mainSlider-text {
        height: 240px;
    }

    .main-chart th:nth-child(4) {
        width: 40px;
    }

    .main-chart th:nth-child(5) {
        width: 23px;
    }

    .main-chart th:nth-child(6) {
        width: 40px;
    }

    .main-chart td:nth-child(2),
    .main-chart th:nth-child(2) {
        display: none;
    }

    .main-tabella td:nth-child(2),
    .main-tabella th:nth-child(2) {
        display: none;
    }

    .main-chart-name {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .main-chart-detail {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .main-tabella td:nth-child(3),
    .main-chart td:nth-child(3) {
        padding-left: 5px;
    }

    .main-musor td:nth-child(2),
    .main-musor td:nth-child(4) {
        display: none;
    }

    .main-musor td:nth-child(1),
    .main-musor td:nth-child(5) {
        width: 25px;
    }

    nav .main-menu {
        left: 0;
        right: 0 !important;
        width: auto !important;
        margin-left: 0;
    }

    .box-news-slide {
        margin: 0 auto;
        max-width: 100%;
        width: 160px;
        height: 160px;
    }

    .team-musor-match{
        flex-wrap:wrap;
        justify-content: space-around;
    }

    .team-musor-result{
        margin-top:10px;
    }

    .team-musor-away{
        order:1;
    }

    .team-musor-home, .team-musor-away{
        width:50%;
    }

    .team-stat-prop{
        font-size:16px;
    }

    .team-stat-data{
        font-size: 28px;
        line-height: 28px;
        padding-bottom: 2px;
        margin-bottom: 2px;
    }

    .team-stat-data-cont{
        padding-top:12px;
    }

    .team-stat-data-cont svg{
        width:80px;
    }

    .team-stat-name{
        font-size:20px;
        line-height:22px;
    }

    .team-players-cont .box-table-respo-pin table{
        width: 450px;
    }

    .team-players-cont .box-table-respo table{
        width: 450px;
    }

    .champ_rankings_table th, .champ_rankings_table td{
        width: 38px;
    }

    .champ_rankings_table th:nth-child(1), .champ_rankings_table td:nth-child(1){
        width:24px;
    }

    .champ_rankings_table th:nth-child(2), .champ_rankings_table td:nth-child(2){
        display:none;
    }
}

@media screen and (max-width: 400px) {
    div.sitemappart {
        float: none;
        margin: 20px 0;
        text-align: center;
    }

    .side-news-date span{
        display:none;
    }
}

#overlay {
	position: fixed; /* Sit on top of the page content */
	display: none; /* Hidden by default */
	width: 100%; /* Full width (cover the whole page) */
	height: 100%; /* Full height (cover the whole page) */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5); /* Black background with opacity */
	z-index: 999; /* Specify a stack order in case you're using a different order for other elements */
	cursor: pointer; /* Add a pointer on hover */
	padding-top: 50px;
}

div.bcrumb{
	margin-bottom: 25px;

}

.bcrumb-link{
	text-transform: uppercase;
	opacity: 1;
	padding: 2px 5px;
	color: #ca2128;
	border: 1px solid #ca2128;
}

.bcrumb-link:hover,.bcrumb-link:active{

	opacity: 0.6;
	color: #ca2128;
	text-decoration:none;
}