@import url(https://fonts.googleapis.com/css?family=Oswald&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto&subset=latin,latin-ext);
.primary-color { color: #1f3659 !important; }

.primary-color-bg { background-color: #1f3659 !important; }

.primary-color-inverse { color: #FFFFFF !important; }

.primary-color-inverse-bg { background-color: #FFFFFF !important; }

.primary-color-light-1 { color: #26416c !important; }

.primary-color-light-1-bg { background-color: #26416c !important; }

.primary-color-light-2 { color: #2c4d7f !important; }

.primary-color-light-2-bg { background-color: #2c4d7f !important; }

.primary-color-light-3 { color: #335892 !important; }

.primary-color-light-3-bg { background-color: #335892 !important; }

.primary-color-dark-1 { color: #121f33 !important; }

.primary-color-dark-1-bg { background-color: #121f33 !important; }

.secondary-color { color: #f2be14 !important; }

.secondary-color-bg { background-color: #f2be14 !important; }

.secondary-color-inverse { color: #000000 !important; }

.secondary-color-inverse-bg { background-color: #000000 !important; }

.secondary-color-light-1 { color: #f5cb44 !important; }

.secondary-color-light-1-bg { background-color: #f5cb44 !important; }

.highlight-color { color: #ffc654 !important; }

.highlight-color-bg { background-color: #ffc654 !important; }

.highlight-color-inverse { color: #000000 !important; }

.highlight-color-inverse-bg { background-color: #000000 !important; }

.highlight-color-light-1 { color: #ffd440 !important; }

.highlight-color-light-1-bg { background-color: #ffd440 !important; }

.highlight-color-dark-1 { color: #e1a122 !important; }

.highlight-color-dark-1-bg { background-color: #e1a122 !important; }

.highlight-color-dark-1-inverse { color: #FFFFFF !important; }

.highlight-color-dark-1-inverse-bg { background-color: #FFFFFF !important; }

.base-color { color: #000000 !important; }

.base-color-bg { background-color: #000000 !important; }

.base-color-light-1 { color: #1a1a1a !important; }

.base-color-light-1-bg { background-color: #1a1a1a !important; }

.base-color-light-2 { color: #333333 !important; }

.base-color-light-2-bg { background-color: #333333 !important; }

.base-color-light-3 { color: #4d4d4d !important; }

.base-color-light-3-bg { background-color: #4d4d4d !important; }

.base-color-light-4 { color: #666666 !important; }

.base-color-light-4-bg { background-color: #666666 !important; }

.base-color-light-5 { color: gray !important; }

.base-color-light-5-bg { background-color: gray !important; }

.base-color-light-6 { color: #999999 !important; }

.base-color-light-6-bg { background-color: #999999 !important; }

.base-color-light-7 { color: #b3b3b3 !important; }

.base-color-light-7-bg { background-color: #b3b3b3 !important; }

.base-color-light-8 { color: #cccccc !important; }

.base-color-light-8-bg { background-color: #cccccc !important; }

.base-color-light-9 { color: #e6e6e6 !important; }

.base-color-light-9-bg { background-color: #e6e6e6 !important; }

.base-color-light-10 { color: #f2f2f2 !important; }

.base-color-light-10-bg { background-color: #f2f2f2 !important; }

.base-color-inverse { color: #FFFFFF !important; }

.base-color-inverse-bg { background-color: #FFFFFF !important; }

.bg-primary-color-light-1 { background-color: #1f3659; }

ul.colortable { clear: both; }
ul.colortable li { width: 200px; height: 50px; text-align: center; float: left; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; /* Firefox */ display: -moz-box; -moz-box-pack: center; -moz-box-align: center; /* IE */ display: -ms-box; -ms-box-pack: center; -ms-box-align: center; /* Native CSS */ display: box; box-pack: center; box-align: center; }

html, body { margin: 0; padding: 0; height: 100%; background-image: url("../img/pattern.png"); font-family: "Roboto", sans-serif; font-size: 14px; -webkit-font-smoothing: antialiased; }

* { margin: 0; padding: 0; }

*:focus { outline: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

.preload_font { position: absolute; visibility: hidden; font-family: "Oswald", sans-serif; font-weight: normal; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.row:before, .row:after { display: table; content: " "; }

.row:after { clear: both; }

ol { margin-left: 40px; }

a { color: inherit; text-decoration: none; }

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

a img { border: 0px; }

.font-small-1 { font-size: 0.929em; }

.font-small-2 { font-size: 0.857em; }

.font-small-3 { font-size: 0.786em; }

.font-small-4 { font-size: 0.714em; }

.font-m-small-1 { font-size: 0.929em; }

.font-m-small-2 { font-size: 0.857em; }

.font-m-small-3 { font-size: 0.786em; }

.font-m-small-4 { font-size: 0.714em; }

button { padding: 3px; font-family: "Roboto", sans-serif; font-size: 14px; border-radius: 0px; border: 1px #e1a122 solid; cursor: pointer; outline: none; }
button.highlight { border: 1px #e1a122 solid; background-color: #ffc654; color: #000000; }
button.highlight:hover, button.highlight:focus { background-color: #333333; border: 1px #1a1a1a solid; color: #FFFFFF; outline: 0; }
button.highlight:active { background-color: #4d4d4d; }

.btn { outline: none; border: none; margin: 0; background: #1f3659; color: #FFFFFF; line-height: 20px; margin: 0; padding: 3px 10px; text-decoration: none; text-shadow: none; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; cursor: pointer; }
.btn.active, .btn:hover { background-color: #182b46; color: inherit; }
.btn.secondary { background: #f5cb44; color: #000000; }
.btn.secondary.active, .btn.secondary:hover { background-color: #f3c52c; color: inherit; }

table { width: 100%; max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; }
table > thead th { font-weight: normal; padding: 7px 2px; }
table > thead th.sortable { cursor: pointer; padding-right: -30px; }
table > thead th.sortable:after { margin-top: 3px; content: "\f0dc"; float: right; font-family: fontawesome; }
table > thead th.sortable:not(.headerSortDown):not(.headerSortUp):not(.sort_desc):not(.sort_asc):after { opacity: 0.4; }
table > thead th.sortable.headerSortUp:after, table > thead th.sortable.sort_asc:after { content: "\f0de"; }
table > thead th.sortable.headerSortDown:after, table > thead th.sortable.sort_desc:after { content: "\f0dd"; }
table > tbody { text-align: center; }
table > tbody > tr > td { padding: 7px 2px; }
table > tbody > tr > td:first-child { padding-left: 5px; }
table > tbody > tr > td a.clickable { display: inline-block; width: 100%; }
table > tbody > tr.clickable { cursor: pointer; }

table.table_primary-color { background-color: #121f33; color: #FFFFFF; }
table.table_primary-color > thead { color: #ffc654; }
table.table_primary-color > thead th.sortable { cursor: pointer; }
table.table_primary-color > thead th.sortable:hover { color: #e1a122; }
table.table_primary-color > thead th.sorted, table.table_primary-color > thead th.sort_asc, table.table_primary-color > thead th.sort_desc { background-color: #243f68; }
table.table_primary-color > tbody > tr { border-top: 1px solid #1c3151; }
table.table_primary-color > tbody > tr.clickable:hover:not(.more) { background-color: #26416c; }
table.table_primary-color > tbody > tr > td { color: #f2f2f2; }
table.table_primary-color > tbody > tr > td.sorted { background-color: #243f68; }
table.table_primary-color > tbody > tr > td.active { color: #ffc654; font-weight: normal; }
table.table_primary-color > tbody > tr > td a.clickable.active { color: #ffe3ab; }
table.table_primary-color > tbody > tr > td a.clickable:hover { color: #ffc654; }

table.table_secondary-color { background-color: #f2be14; color: #000000; }
table.table_secondary-color > thead { color: #ffc654; }
table.table_secondary-color > thead th.sortable { cursor: pointer; }
table.table_secondary-color > thead th.sortable:hover { color: #e1a122; }
table.table_secondary-color > thead th.sorted, table.table_secondary-color > thead th.sort_asc, table.table_secondary-color > thead th.sort_desc { background-color: #f3c327; }
table.table_secondary-color > tbody > tr { border-top: 1px solid #f5cb44; }
table.table_secondary-color > tbody > tr.clickable:hover:not(.more) { background-color: #f3c52c; }
table.table_secondary-color > tbody > tr > td { color: #e6e6e6; }
table.table_secondary-color > tbody > tr > td.sorted { background-color: #f3c327; }
table.table_secondary-color > tbody > tr > td.active { color: #ffe3ab; font-weight: normal; }
table.table_secondary-color > tbody > tr > td a.clickable.active { color: #ffe3ab; }
table.table_secondary-color > tbody > tr > td a.clickable:hover { color: #ffc654; }

.table-container .myfilter_content { margin: 5px 0px 0px 0px; clear: both; }
.table-container .clear_form { padding: 2px 5px; margin-right: 10px; line-height: 1; }
.table-container .myentries { margin: 1px 10px 0px 0px; }
.table-container .mytable_tools { margin: 0px 0px 5px 0px; }
.table-container .mytable_controls { margin: 5px 0px 0px 0px; clear: both; }
.table-container .mytable_wrapper { position: relative; display: block; }
.table-container .loading_mask { position: absolute; width: 100%; height: 100%; background-color: rgba(200, 200, 200, 0.3); z-index: 1000; color: #000000; }
.table-container .loading_mask > .loading_box { padding: 6px 10px 0px 10px; display: inline-block; position: absolute; left: 50%; top: 50%; margin-left: -65px; margin-top: -10px; height: 25px; background-color: #FFFFFF; line-height: 0.75; border: 1px solid black; text-align: center; }
.table-container .loading_mask > .loading_box > i { font-size: 1.1em; }

ul.pagination > li { display: inline; }
ul.pagination > li > a { float: left; margin: 0; padding: 0; height: 20px; line-height: 20px; border: 1px solid #000000; width: 20px; text-align: center; color: #000000; background-color: #FFFFFF; }
ul.pagination > li > a:hover { background-color: #FFFFFF; }
ul.pagination > li.disabled a { cursor: default; background-color: #e6e6e6; color: gray; }
ul.pagination > li.disabled a:hover { background-color: #e6e6e6; }
ul.pagination > li.page-previous a { border-left: none; }
ul.pagination > li.page-next a { border-left: none; }
ul.pagination > li.page-last a { border-left: none; }
ul.pagination > li.page-page > a { border-left: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 90px; line-height: 16px; }
ul.pagination > li.page-page > a > input { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none !important; text-align: center; width: 100%; height: 18px; min-height: 18px; }

ul.pagination_pages { display: table; margin: 10px 0px; }
ul.pagination_pages > li { display: inline; }
ul.pagination_pages > li > a { float: left; margin: 0; padding: 0; height: 30px; line-height: 30px; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; width: 30px; text-align: center; color: #f5cb44; background-color: #FFFFFF; }
ul.pagination_pages > li > a:hover { background-color: #f2f2f2; color: #f2be14; }
ul.pagination_pages > li > a.active { background-color: #fdf3d5; color: #f2be14; }
ul.pagination_pages > li > a.next { border-right: 1px solid #cccccc; }
ul.pagination_pages > li > a.disabled { cursor: not-allowed; background-color: #FFFFFF; color: #999999; }

#container { display: table; height: 100%; width: 100%; }

#header, #footer { display: table-row; height: 1px; }

#content { height: auto; }

.row.flexed { display: flex; }
.row > div { float: left; }
.row > .col-1 { width: 8.333333333333332%; }
.row > .col-2 { width: 16.666666666666664%; }
.row > .col-3 { width: 25%; }
.row > .col-4 { width: 33.33333333333333%; }
.row > .col-5 { width: 41.66666666666667%; }
.row > .col-6 { width: 50%; }
.row > .col-7 { width: 58.333333333333336%; }
.row > .col-8 { width: 66.66666666666666%; }
.row > .col-9 { width: 75%; }
.row > .col-10 { width: 83.33333333333334%; }
.row > .col-11 { width: 91.66666666666666%; }
.row > .col-12 { width: 100%; }

.padding_left { padding-left: 10px; }

#header { width: 100%; }
#header > .header_top { width: 100%; height: 95px; background-color: #1f3659; }
#header > .header_top > .header_content { margin: 0 auto; width: 980px; height: 100%; display: table; position: relative; }
#header > .header_top > .header_content .logo { position: absolute; top: 5px; left: 25px; height: 100px; }
#header > .header_top > .header_content .nav_container { padding-left: 150px; height: 100%; vertical-align: middle; display: table-cell; }
#header > .header_top > .header_content .nav_container .nav { margin: 0px 0px 0px 0px; display: block; list-style: none; color: #FFFFFF; }
#header > .header_top > .header_content .nav_container .nav > li { padding: 0px 20px; float: left; font-family: "Oswald", sans-serif; font-size: 1.146em; font-weight: normal; }
#header > .header_top > .header_content .nav_container .nav > li > a { color: inherit; text-decoration: none; }
#header > .header_top > .header_content .nav_container .nav > li > a:hover, #header > .header_top > .header_content .nav_container .nav > li > a.active { color: #ffc654; }
#header .header_content_mob { width: 100%; background-color: #1f3659; height: 40px; position: fixed; z-index: 10000; display: none; top: 0px; left: 0px; text-align: center; -webkit-box-shadow: 0px 2px 5px 5px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 2px 5px 5px rgba(50, 50, 50, 0.3); box-shadow: 0px 2px 5px 5px rgba(50, 50, 50, 0.3); }
#header .header_content_mob > a.button { position: absolute; vertical-align: middle; height: 100%; line-height: 40px; color: #FFFFFF; font-size: 1.4em; text-align: center; width: 50px; top: 0px; }
#header .header_content_mob > a.button.active { background-color: #121f33; }
#header .header_content_mob > a.button:hover { color: #ffc654; }
#header .header_content_mob > a.button.nav_dropdown_button { left: 0px; }
#header .header_content_mob > a.button.nav_dropdown_scrolltop { right: 5px; display: none; }
#header .header_content_mob .logo { margin: 3px 0px 0px 0px; width: 70px; }
#header .header_content_mob .nav_vertical { position: fixed; top: 40px; background-color: #121f33; text-align: left; display: none; list-style: none; }
#header .header_content_mob .nav_vertical > li > a { padding: 5px 10px 5px 10px; color: #FFFFFF; display: block; font-family: "Oswald", sans-serif; font-size: 1.143em; font-weight: normal; text-decoration: none; }
#header .header_content_mob .nav_vertical > li > a:hover, #header .header_content_mob .nav_vertical > li > a.active { color: #ffc654; }
#header .header_content_mob .nav_vertical > li:not(:last-child) > a { border-bottom: 1px #0b1420 solid; }
#header .header-img { width: 100%; height: 250px; background-repeat: no-repeat; background-position: center center; background-size: cover; display: table; }
#header .header-img-ie8 { width: 100%; height: 35px; display: table; }

#content { margin: 0px auto; padding: 0px 0px 10px 0px; width: 980px; clear: both; }

.breadcrumb { margin: 4px 0px; padding: 0px; list-style: none; font-size: 1.143em; }
.breadcrumb > li { text-transform: uppercase; display: inline-block; }
.breadcrumb > li > a { color: #e1a122; }
.breadcrumb > li.active { color: gray; }
.breadcrumb > li + li:before { padding: 0 5px; color: gray; content: "/\00a0"; }

#footer { width: 100%; background-color: #333333; }
#footer > .footer_content { margin: 0 auto; height: 164px; width: 980px; position: relative; }
#footer > .footer_content .title { color: white; }
#footer > .footer_content .variable { font-size: 0.9em; color: #b3b3b3; }
#footer > .footer_content .value { font-size: 0.9em; color: #999999; }
#footer > .footer_content .logo { text-align: center; height: 164px; }
#footer > .footer_content .logo > .helper { display: inline-block; height: 100%; vertical-align: middle; }
#footer > .footer_content .logo img, #footer > .footer_content .logo div { vertical-align: middle; }
#footer > .footer_content .contacts { padding: 40px 0px 15px 0px; text-align: center; }

.hidden { display: none; }

.isotope-4 .isotope-item { width: 25%; }

.isotope-3 .isotope-item { width: 33.33333%; }

.isotope-item { float: left; }

.video embed, .video object, .video iframe { width: 100%; height: auto; }

.box { width: 100%; margin: 0px 0px 10px 0px; }
.box > h1 { padding: 3px 5px 1px 5px; font-size: 1.143em; font-weight: normal; color: #FFFFFF; background-color: #1f3659; text-transform: uppercase; }
.box > h1 a:hover { color: #ffc654; }
.box > .box_content { background-color: #FFFFFF; }
.box.primary-color > .box_content { color: #FFFFFF; background-color: #121f33; }
.box.secondary-color-light-1-box-bg > h1 { color: #000000; background-color: #f5cb44; }
.box.secondary-color-light-1-box-bg > h1 > a:hover { color: #333333; }
.box.secondary-color-light-1-box-bg > .box_content { color: #000000; background-color: #f2be14; }
.box.secondary-color-light-1-box-white-content-bg > h1 { color: #000000; background-color: #f5cb44; }
.box.secondary-color-light-1-box-white-content-bg > h1 > a:hover { color: #333333; }
.box.highlight-color-dark-1-box > h1 { color: #FFFFFF; background-color: #e1a122; }
.box.highlight-color-dark-1-box > h1 > a:hover { color: #1f3659; }
.box.highlight-color-dark-1-box > .box_content { background-color: #FFFFFF; }

.main_galleries { padding: 0px 0px 5px 0px; }
.main_galleries .gallery { padding: 5px 2.5px 0px 2.5px; }

.vcenter { display: table; }
.vcenter > .vcenter2 { display: table-cell; vertical-align: middle; }

.imgHover { overflow: hidden; position: relative; line-height: 0; vertical-align: middle; }
.imgHover > a img { width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.imgHover > a .overlay { padding: 10%; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; right: 0px; bottom: 0px; display: none; text-align: center; background-color: rgba(0, 0, 0, 0.5); color: #FFFFFF; opacity: 1; }
.imgHover > a .overlay > .vcenter { opacity: 1; width: 100%; height: 100%; }
.imgHover > a .overlay > .vcenter > .vcenter2 { height: 100%; }
.imgHover > a .overlay > .vcenter > .vcenter2 > .icon { margin-bottom: 0px; display: inline-block; }
.imgHover > a .overlay > .vcenter > .vcenter2 > .icon .circle { font-size: 1.4em; background: rgba(13, 192, 192, 0.85); border-radius: 50%; width: 40px; height: 40px; }
.imgHover > a .overlay > .vcenter > .vcenter2 > .caption { line-height: 1; text-align: center; }
.imgHover > a .overlay > .vcenter > .vcenter2 > .caption > .note { margin-top: 20px; font-size: 0.85em; opacity: 0.7; }

.main_results { color: #FFFFFF; background-color: #121f33; width: 100%; font-size: 0.929em; border-spacing: 0; border-width: 0; padding: 0; border-width: 0; }
.main_results > tbody.result { font-size: 1em; }
.main_results > tbody.result:not(:first-child) { border-top: 1px solid #1f3659; }
.main_results > tbody.result > tr.result > td { padding-top: 5px; }
.main_results > tbody.result > tr.league td { text-transform: uppercase; }
.main_results > tbody.result > tr > td a { display: inline-block; width: 100%; }
.main_results > tbody.result > tr > td.date { padding: 0px 0px 10px 0px; text-align: center; }
.main_results > tbody.result > tr > td.logol.logol, .main_results > tbody.result > tr > td.logor.logol { padding-left: 5px; padding-right: 0px; }
.main_results > tbody.result > tr > td.logol.logor, .main_results > tbody.result > tr > td.logor.logor { padding-left: 0px; padding-right: 5px; }
.main_results > tbody.result > tr > td.teaml, .main_results > tbody.result > tr > td.teamr { color: #FFFFFF; font-size: 1.05em; width: 30%; }
.main_results > tbody.result > tr > td.teaml.teaml, .main_results > tbody.result > tr > td.teamr.teaml { padding-left: 0px; text-align: center; }
.main_results > tbody.result > tr > td.teaml.teamr, .main_results > tbody.result > tr > td.teamr.teamr { text-align: center; padding-right: 0px; }
.main_results > tbody.result > tr > td.result { padding-left: 3px; padding-right: 3px; width: 60px; text-align: center; font-weight: normal; color: #ffc654; }
.main_results > tbody.result > tr > td.result .skew.result .text { margin: 0px 7px; }
.main_results tr.more { border-top: 1px solid #1f3659; }
.main_results tr.more > td { padding: 3px 3px; text-align: right; font-size: 0.857em; }

.main_calendar { color: #FFFFFF; background-color: #121f33; font-size: 0.929em; }
.main_calendar > tbody.newest { border-top: 1px solid #26416c; background-color: #182b46; }
.main_calendar > tbody.newest > tr > td a { display: inline-block; width: 100%; }
.main_calendar > tbody.newest tr.league td { padding: 3px 0px; text-transform: uppercase; }
.main_calendar > tbody.newest > tr.timeleft > td { text-align: center; }
.main_calendar > tbody.newest > tr.timeleft > td > table.timeleft { width: auto; padding: 0px 0px 0px 0px; margin: 0 auto; text-align: center; }
.main_calendar > tbody.newest > tr.timeleft > td > table.timeleft tr.left { font-size: 0.714em; text-align: left; }
.main_calendar > tbody.newest > tr.timeleft > td > table.timeleft tr.left > td { padding: 0px 0px 0px 0px; }
.main_calendar > tbody.newest > tr.timeleft > td > table.timeleft tr.time { font-size: 2.571em; line-height: 1; }
.main_calendar > tbody.newest > tr.timeleft > td > table.timeleft tr.time > .time_days { width: 70px; }
.main_calendar > tbody.newest > tr.timeleft > td > table.timeleft tr.time > .time_hours, .main_calendar > tbody.newest > tr.timeleft > td > table.timeleft tr.time > .time_mins, .main_calendar > tbody.newest > tr.timeleft > td > table.timeleft tr.time > .time_sec { width: 47px; }
.main_calendar > tbody.newest > tr.timeleft > td > table.timeleft tr.time > .seperator { width: 9px; }
.main_calendar > tbody.newest > tr.timeleft > td > table.timeleft tr.time > td { padding: 0px 0px 0px 0px; }
.main_calendar > tbody.newest > tr.timeleft > td > table.timeleft tr.labels { font-size: 0.714em; color: #e6e6e6; }
.main_calendar > tbody.newest > tr.timeleft > td > table.timeleft tr.labels td { padding: 0px; }
.main_calendar > tbody.oldest { background-color: #121f33; }
.main_calendar > tbody.oldest:hover { background-color: #182b46; }
.main_calendar > tbody.oldest > tr.teams > td { border-top: 1px solid #26416c; }
.main_calendar tr.teams td { padding-top: 7px; }
.main_calendar tr.teams.logol.logol, .main_calendar tr.teams.logor.logol { padding-left: 5px; padding-right: 0px; }
.main_calendar tr.teams.logol.logor, .main_calendar tr.teams.logor.logor { padding-left: 0px; padding-right: 5px; }
.main_calendar tr.teams td.teaml, .main_calendar tr.teams td.teamr { color: #FFFFFF; font-size: 1.05em; width: 30%; }
.main_calendar tr.teams td.teaml.teaml, .main_calendar tr.teams td.teamr.teaml { padding-left: 0px; text-align: center; }
.main_calendar tr.teams td.teaml.teamr, .main_calendar tr.teams td.teamr.teamr { text-align: center; padding-right: 0px; }
.main_calendar tr.teams td.vs { padding: 0px 3px 0px 3px; width: 15%; text-align: center; font-size: 1.143em; color: #ffc654; }
.main_calendar tr.teams td.vs .skew.result .text { margin: 0px 7px; }
.main_calendar tr.when_where > td { padding: 7px 0px 5px 0px; text-align: center; line-height: 1.6; color: #FFFFFF; }
.main_calendar tr.more { background-color: #121f33; border-top: 1px solid #26416c; }
.main_calendar tr.more > td { padding: 3px 3px; text-align: right; font-size: 0.857em; }

.skew { background-color: #1f3659; color: #FFFFFF; -webkit-transform: skew(-30deg, 0); -moz-transform: skew(-30deg, 0); transform: skew(-30deg, 0); padding: 5px 30px; margin: 0px 10px; text-align: center; display: inline-block; }
.skew.small { padding: 1px 10px; margin: 0px 5px; }
.skew > .text { -webkit-transform: skew(30deg, 0); -moz-transform: skew(30deg, 0); transform: skew(30deg, 0); }
.skew > .text > a { color: #FFFFFF; }
.skew > .text > a:hover { color: #ffd440; }
.skew.result { padding: 3px 1px; margin: 0px 1px; }
.skew.result > .text { margin: 0px 4px; white-space: nowrap; }
.skew.result:hover { background-color: #26416c; }

.minilogo { display: inline-block; width: 25px; margin-left: 8px; margin-right: 8px; }

.main_players, .main_teams { color: #FFFFFF; background-color: #121f33; font-size: 0.929em; }
.main_players > thead th, .main_teams > thead th { font-weight: normal; padding: 2px 2px; }
.main_players > thead th.nr, .main_teams > thead th.nr { width: 20px; }
.main_players > thead th.points, .main_teams > thead th.points { width: 50px; }
.main_players > tbody > tr.lower_player, .main_teams > tbody > tr.lower_player { color: #cccccc; }
.main_players > tbody > tr > td, .main_teams > tbody > tr > td { padding: 2px 2px; }
.main_players > tbody > tr > td.team, .main_teams > tbody > tr > td.team { text-align: left; }
.main_players > tbody > tr > td.team a, .main_teams > tbody > tr > td.team a { font-weight: normal; }
.main_players > tbody > tr.more > td, .main_teams > tbody > tr.more > td { padding: 3px 3px; text-align: right; font-size: 0.857em; }

.calendar { clear: both; }
.calendar > tbody > tr.upcoming { border-top: 1px solid #1c3151; background-color: #182b46; }

.game_result { background-color: white; width: 100%; display: inline-block; padding: 0x 0px 10px 0px; clear: both; }
.game_result .details > h1 { color: #333333; }
.game_result .details > .note { margin: 5px 0px 0px 0px; color: #333333; }
.game_result .details > .note > .label { color: gray; }
.game_result > .middle { height: 300px; }
.game_result > .middle .game_result { margin: 0px auto; width: 200px; }
.game_result > .middle .game_result td.result, .game_result > .middle .game_result td.seperator { font-size: 3em; }
.game_result > .middle .game_result td.result { width: 50%; }
.game_result > .middle .game_result td.seperator { width: 20px; }
.game_result > .middle .game_result tr.when_where { padding-top: 50px; color: #666666; }
.game_result .goals > tbody > tr > td.result { width: 10px; }
.game_result .goals > tbody > tr > td.seperator { width: 1px; }
.game_result .goals > tbody > tr > td.player { width: 45%; }

.players, .turniratabula, .kalendars { background-color: white; width: 100%; display: block; text-align: center; padding: 0x 0px 10px 0px; }

.speletaji { background-color: white; clear: both; }

.all_teams { background-color: white; width: 100%; display: block; text-align: center; padding: 0x 0px 10px 0px; }
.all_teams .team { padding: 5px 4px 0px 4px; float: left; }
.all_teams .team .title { color: #FFFFFF; display: table; text-align: center; height: 50px; width: 100%; }
.all_teams .team .title > .cell { color: #1a1a1a; vertical-align: middle; display: table-cell; height: 100%; }
.all_teams .team .title > .cell > a { display: block; font-size: 1.143em; width: 100%; }

.one_team { background-color: white; width: 100%; display: block; padding: 0x 0px 10px 0px; }
.one_team .teampicture { width: 100%; margin-bottom: 10px; }
.one_team .details > h1 { color: #333333; }
.one_team .details > .note { margin: 5px 0px 0px 0px; color: #333333; }
.one_team .details > .note > .label { color: gray; }

.galleries { padding: 0px 0px 5px 0px; }
.galleries .gallery { padding: 5px 2.5px 0px 2.5px; }

.one_gallery .isotope-item { padding: 5px 2.5px 0px 2.5px; }

.news > article, .one_new > article { padding: 10px 10px; display: block; }
.news > article:not(:first-child), .one_new > article:not(:first-child) { border-top: 1px solid #b3b3b3; }
.news > article a, .one_new > article a { color: #121f33; }
.news > article a:hover, .one_new > article a:hover { color: #e1a122; }
.news > article.more, .one_new > article.more { padding: 0px; text-align: right; font-size: 0.857em; padding: 3px 3px; }
.news > article .title_pic, .one_new > article .title_pic { width: 100%; max-width: 100%; text-align: center; }
.news > article img, .one_new > article img { max-width: 100%; height: auto; }
.news > article > h1, .one_new > article > h1 { font-weight: normal; font-size: 1.571em; color: #333333; }
.news > article > .date, .one_new > article > .date { margin: 5px 0px 0px 0px; font-size: 0.857em; color: #666666; width: 100%; }
.news > article > .content, .one_new > article > .content { margin: 15px 0px 0px 0px; color: #333333; line-height: 1.66667; font-size: 1.1em; }
.news > article > .content p, .one_new > article > .content p { margin-bottom: 15px; }
.news > article .read_more, .one_new > article .read_more { margin-top: 10px; margin-bottom: 10px; font-size: 0.857em; }
.news.bignews .title_pic, .news.one_new .title_pic, .one_new.bignews .title_pic, .one_new.one_new .title_pic { width: 50%; max-width: 50%; text-align: center; margin: 0 auto; }
.news.bignews img, .news.one_new img, .one_new.bignews img, .one_new.one_new img { max-width: 100%; height: auto; }

.one_new { background-color: #FFFFFF; }

span.imgtext { display: block; }
span.imgtext span.img { display: inline-block; background-repeat: no-repeat; }
span.imgtext span.img.event { width: 16px; height: 16px; line-height: 15px; margin: 0px 5px 0px 0px; }
span.imgtext span.img.event.goal { background-image: url(../img/goal.png); }
span.imgtext span.img.event.yellowpenalty { width: 11px; background-image: url(../img/yellowpenalty.png); }
span.imgtext span.img.event.redpenalty { width: 11px; background-image: url(../img/redpenalty.png); }

.hoverPopup { display: none; position: absolute; background: #eeeeee; color: #000000; border: 1px solid #1a1a1a; }
.hoverPopup.player { padding: 5px; }
.hoverPopup.player img { width: 100px; height: auto; }

.smallteamlogo { width: 25px; height: auto; vertical-align: middle; }
.smallteamlogo.left { margin-right: 5px; }
.smallteamlogo.right { margin-left: 5px; }

@media screen and (min-width: 1980px) { #header .header-img { height: 350px; } }
@media screen and (max-width: 980px) { #header > .header_top > .header_content { width: 100%; }
  #header > .header_top > .header_content .nav { top: 10px; }
  #header > .header_top > .header_content .nav > li { padding: 0px 15px; }
  #content { width: 98%; }
  #footer .footer_content { width: 100%; } }
@media screen and (max-width: 790px) { .row > .col-2, .row > .col-3, .row > .col-4, .row > .col-5, .row > .col-6, .row > .col-7, .row > .col-8, .row > .col-9, .row > .col-10, .row > .col-11, .row > .col-12 { width: 100%; }
  .game_result > .middle { height: auto; }
  .padding_left { padding-left: 0; }
  .main_galleries > .col-4 { width: 33.3333333%; }
  .galleries > .col-3 { width: 33.3333333%; }
  #footer > .footer_content .logo { height: 100px; }
  #footer > .footer_content .contacts { padding: 10px 0px 15px 0px; text-align: center; } }
@media screen and (min-width: 651px) { body:after { content: 'desktop'; display: none; }
  .header-img7 { background-image: url("../img/header/top7-desktop.jpg"); }
  .header-img8 { background-image: url("../img/header/top8-desktop.jpg"); }
  .header-img9 { background-image: url("../img/header/top9-desktop.jpg"); }
  .header-img10 { background-image: url("../img/header/top10-desktop.jpg"); } }
@media screen and (min-width: 481px) { .imgHover > a:hover img.zoom { transform: scale(1.4); }
  .imgHover > a:hover .overlay { visibility: visible; display: block; }
  .imgHover > a:hover .overlay > .vcenter { text-shadow: none; top: 30px; } }
@media screen and (max-width: 650px) { .news.bignews .title_pic, .news.one_new .title_pic, .one_new.bignews .title_pic, .one_new.one_new .title_pic { width: 100%; max-width: 100%; text-align: center; margin: 0 auto; }
  .news.bignews img, .news.one_new img, .one_new.bignews img, .one_new.one_new img { max-width: 100%; height: auto; }
  html { -webkit-text-size-adjust: none; }
  body:after { content: 'mobile'; display: none; }
  table > thead th.sortable:after { display: none; }
  #header .header-img { height: 150px; }
  #header .header_top { display: none; }
  #header .header_content_mob { display: block; }
  .header-img7 { background-image: url("../img/header/top7-mobile.jpg"); }
  .header-img8 { background-image: url("../img/header/top8-mobile.jpg"); }
  .header-img9 { background-image: url("../img/header/top9-mobile.jpg"); }
  .header-img10 { background-image: url("../img/header/top10-mobile.jpg"); }
  .font-m-small-1 { font-size: 0.857em; }
  .font-m-small-2 { font-size: 0.786em; }
  .font-m-small-3 { font-size: 0.714em; }
  .font-m-small-4 { font-size: 0.643em; }
  .main_galleries > .col-4 { width: 50%; }
  .imgHover > a .overlay.mobile { display: block; } }
@media screen and (min-width: 481px) { .mob-vert-shown { display: none; } }
@media screen and (max-width: 480px) { html { -webkit-text-size-adjust: none; }
  .font-m-small-1 { font-size: 0.786em; }
  .font-m-small-2 { font-size: 0.714em; }
  .font-m-small-3 { font-size: 0.643em; }
  .font-m-small-3 { font-size: 0.571em; }
  .mob-vert-hidden { display: none; }
  .mob-vert-shown { display: block; }
  .isotope-3 .isotope-item, .isotope-4 .isotope-item { width: 50%; }
  .galleries > .col-3 { width: 50%; } }