/*------------------------------------*\
GLOBAL
\*------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,700,700italic,600italic,600,400italic,300italic,300,200italic,200);

@font-face {
  font-family: 'Hanse';
  src: url('fonts/hanse_condbold-webfont.eot');
  src: url('fonts/hanse_condbold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/hanse_condbold-webfont.woff2') format('woff2'), url('fonts/hanse_condbold-webfont.woff') format('woff'), url('fonts/hanse_condbold-webfont.ttf') format('truetype'), url('fonts/hanse_condbold-webfont.svg#hansebold') format('svg');
  font-weight: bold;
  font-style: normal;
}

body {
  background: #FFFFFF;
  width: 100%;
}

body,
input,
textarea,
select,
button {
  font-size: 14px;
  line-height: 20px;
  font-family: 'Titillium Web', sans-serif;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #202020;
}

a {
  color: #0550F0;
  text-decoration: none;
}

a:not(.button):hover {
  color: #00067F;
}

/* table reset */
table.table-01 {
  border-collapse: collapse;
  border-spacing: 0;
}

table.table-01,
table.table-01 caption,
table.table-01 tbody,
table.table-01 tfoot,
table.table-01 thead,
table.table-01 tr,
table.table-01 th,
table.table-01 td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/*------------------------------------*\
$BUTTONS
\*------------------------------------*/
.button {
  display: inline-block;
  vertical-align: middle;
  border: 0;
  margin: 0;
  padding: 0;
  background: none;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  position: relative;
  text-transform: uppercase;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.button.fluid {
  width: 100%;
}

.btn-01 {
  background: #0550F0;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  padding: 10px 20px;
  color: #FFFFFF;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.btn-01 .fa {
  margin-right: 5px;
}

.btn-01:hover {
  opacity: 0.8;
}

.btn-01.rounded {
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 10px;
}

.btn-01.large {
  font-size: 18px;
  padding: 15px 30px;
}

.btn-01.medium {
  padding: 10px 20px;
}

.btn-01.small {
  padding: 5px 10px;
  font-size: 12px;
}

.btn-01.small-txt {
  font-size: 14px;
}

.btn-01.dark {
  background: #00067F;
}

.btn-01.active {
  background: #fff;
  color: #0550F0;
  border: 2px solid #0550F0;
  padding: 8px 18px;
}

.btn-01.active.dark {
  background: #fff;
  color: #00067F;
  border: 2px solid #00067F;
  padding: 8px 18px;
}

.ico-btn {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border: 2px solid #0550F0;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.ico-btn.small {
  width: 20px !important;
  height: 20px !important;
  border-width: 1px;
  -webkit-background-size: auto 13px;
  background-size: auto 13px;
}

.ico-btn:hover {
  -webkit-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  transform: translateY(-4px);
}

.ico-btn.info {
  border-color: #0550F0;
  background-image: url(../images/base/ico-info-m.png);
}

.ico-btn.info.small {
  -webkit-background-size: 5px auto;
  background-size: 5px auto;
}

.ico-btn.note {
  border-color: #00067F;
  background-image: url(../images/base/ico-note-m.png);
}

.ico-btn.note.small {
  -webkit-background-size: 8px auto;
  background-size: 8px auto;
}

.ico-btn.briefcase {
  border-color: #3DDC97;
  background-image: url(../images/base/ico-briefcase-m.png);
}

.ico-btn.ticket {
  border-color: #3E92CC;
  background-image: url(../images/base/ico-ticket-m.png);
}

.ico-btn.play {
  border-color: #000453;
  background-image: url(../images/base/ico-play02-m.png);
  background-position: left 13px center;
}

.ico-btn.play.small {
  -webkit-background-size: 7px auto;
  background-size: 7px auto;
  background-position: left 7px center;
}

.ico-btn.piletilevi {
  border-color: #FF0033;
  background-image: url(../images/base/ico-piletilevi-m.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.ico-btn.piletitasku {
  border-color: #573B97;
  background-image: url(../images/base/ico-piletitasku-m.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.ico-btn.piletikeskus {
  border-color: #022E27;
  background-image: url(../images/base/ico-piletikeskus-m.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.ico-btn.yt {
  border-color: #D81F28;
  background-image: url(../images/base/ico-yt-m.png);
}

.ico-btn.yt.small {
  -webkit-background-size: 12px auto;
  background-size: 12px auto;
}

.ico-btn.pm {
  background-image: url(../images/base/ico-pm-m.png);
  -webkit-border-radius: 0px;
  border-radius: 0px;
  border: 0px;
}

.ico-btn.etv {
  background-image: url(../images/base/ico-etv-m.png);
  -webkit-border-radius: 0px;
  border-radius: 0px;
  border: 0px;
}

.ico-btn.image {
  -webkit-background-size: contain;
  background-size: contain;
  border: 0px;
}

.btn-02 {
  background: #FFFFFF;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 2px 10px;
  font-weight: bold;
  font-size: 12px;
  color: #0550F0;
  line-height: 20px;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.btn-02:hover {
  opacity: 0.8;
}

.btn-03 {
  background-color: #FFFFFF;
  border: 2px solid #E5EAED;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  font-weight: normal;
  font-size: 12px;
  color: #000000;
  line-height: 20px;
  padding: 3px 8px;
  text-transform: none;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.btn-03:hover {
  opacity: 0.8;
  background-color: #E5EAED;
}

.btn-03.cal,
.btn-04.cal {
  padding-left: 26px;
  background-image: url(../images/base/ico-calendar-sm.png);
  background-position: left 9px center;
  background-repeat: no-repeat;
}

.btn-03.large {
  font-size: 18px;
  padding: 13px 28px;
}

.btn-04 {
  border: 2px solid #0550F0;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 20px;
  padding: 3px 8px;
  text-transform: none;
  font-weight: normal;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.btn-04:hover {
  background-color: #0550F0;
}

.btn-04.cal {
  background-image: url(../images/base/ico-calendar-sm-w.png);
}

.btn-next {
  width: 20px;
  height: 20px;
  background: url(../images/base/ico-next-xs.png) no-repeat center;
}

.btn-remove {
  background: #E6EAED url(../images/base/ico-cross-2.png) no-repeat center;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.btn-remove:hover {
  opacity: 0.8;
}

/*------------------------------------*\
$HEADER
\*------------------------------------*/
#header {
  position: relative;
  z-index: 300;
}

#header.simple {
  border-bottom: 1px solid #E5EAED;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 100px;
  padding: 20px;
}

#header.simple #logo {
  margin-left: 50px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 120px;
  margin-left: 0px;
}

#header.simple .results-list {
  border-bottom: 0px;
  margin-left: auto;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

#header.simple .results-list ul {
  padding-top: 0px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  text-align: right;
}

#header.simple .results-list .game-single .details {
  padding-top: 0px;
}

#header.simple.results {
  display: block;
}

#header.simple.results .top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
}

#header.simple.results .top:after {
  display: none;
}

#header.simple.results #logo {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 30px;
}

#header .top {
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  background-color: #00067F;
  position: relative;
  padding: 30px 20px 20px 20px;
}

#header .top>* {
  position: relative;
  z-index: 1;
}

#header .top:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: rgb(0, 6, 127);
  background: -webkit-linear-gradient(left, rgba(0, 6, 127, 1) 0%, rgba(5, 80, 240, 1) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 6, 127, 1)), to(rgba(5, 80, 240, 1)));
  background: -o-linear-gradient(left, rgba(0, 6, 127, 1) 0%, rgba(5, 80, 240, 1) 100%);
  background: linear-gradient(to right, rgba(0, 6, 127, 1) 0%, rgba(5, 80, 240, 1) 100%);
  opacity: 0.6;
}

#logo {
  display: inline-block;
  vertical-align: top;
  margin-left: 30px;
}

#logo:hover img {
  -webkit-transform: rotateX(-360deg);
  transform: rotateX(-360deg);
}

#logo img {
  display: block;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  max-width: 100%;
}

#headernav {
  margin-top: 30px;
}

#headernav .mobile-toggle {
  display: none;
  color: #00067F;
  background: #fff;
  width: 100%;
  text-transform: none;
  padding: 10px 20px;
  font-weight: 600;
  font-size: 16px;
  position: relative;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-align: left;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  text-transform: uppercase;
}

#headernav .mobile-toggle:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -5px;
  height: 10px;
  width: 16px;
  right: 20px;
  background: url(../images/base/ico-caret2-sm.png);
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

#headernav.open .mobile-toggle {
  -webkit-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
  background: #00067F;
  color: #fff;
}

#headernav.open .mobile-toggle:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  background: url(../images/base/ico-caret-sm.png);
}

#headernav>ul {
  font-size: 0px;
  margin-bottom: -10px;
}

#headernav>ul>li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  margin-bottom: 10px;
}

#headernav>ul>li:last-child {
  margin-right: 0px;
}

#headernav>ul>li>a:not(.button) {
  opacity: 0.8;
  font-family: "Hanse";
  font-size: 16px;
  color: #FFFFFF;
  line-height: 20px;
  text-transform: uppercase;
  display: block;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

#headernav>ul>li>a:not(.button):hover {
  opacity: 1;
}

#headernav>ul>li.active>a {
  border-bottom: 2px solid #fff;
  opacity: 1;
  line-height: 18px;
}

#headernav>ul>li.active>a:hover {
  border-color: rgba(255, 255, 255, .4);
}

#headernav>ul>li .btn-02 {
  margin: -2px 0px;
}

.topmenu {
  background: #00067F;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.topmenu>ul {
  font-size: 0px;
  margin-right: auto;
}

.topmenu>ul>li {
  display: inline-block;
  vertical-align: top;
}

.topmenu>ul>li>a {
  font-weight: 600;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 20px;
  background: #00067F;
  display: block;
  padding: 20px;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.topmenu>ul>li.active>a {
  background: #fff;
  color: #00067F;
}

.topmenu>ul>li.active>a:hover {
  color: #00067F;
}

.topmenu>ul>li>a:hover {
  padding-bottom: 25px;
  padding-top: 15px;
  color: #fff;
}

.topmenu #usermenu {
  margin-left: auto;
}

.topmenu.sub {
  background: #000453;
}

.topmenu.sub>ul {
  margin: auto;
}

.topmenu.sub>ul>li>a {
  background: transparent;
  padding: 10px 20px;
}

.topmenu.sub>ul>li>a:hover {
  padding-top: 8px;
  padding-bottom: 12px;
}

.topmenu.sub>ul>li.active>a {
  background: rgba(255, 255, 255, .1);
  color: #fff;
}

.topmenu.light {
  background: #0550F0;
}

#usermenu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 20px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

#usermenu *+* {
  margin-left: 20px;
}

#usermenu .user {
  font-size: 16px;
  color: #FFFFFF;
  line-height: 20px;
}

/*------------------------------------*\
$SIDEBAR
\*------------------------------------*/
#sidebar {
  background: #0550F0;
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 100px;
  z-index: 400;
}

.menu-toggle {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100px;
  height: 100px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
  background-color: #00067F;
}

.menu-toggle:hover span {
  margin-top: -5px;
}

.menu-toggle:focus {
  outline: none;
}

.menu-toggle span {
  display: block;
  position: absolute;
  width: 30px;
  height: 4px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  top: 50%;
  margin-top: -2px;
  left: 50%;
  margin-left: -15px;
  background: white;
  -webkit-transition: background, margin 0s, 0.2s 0.2s, 0.2s;
  -o-transition: background, margin 0s, 0.2s 0.2s, 0.2s;
  transition: background, margin 0s, 0.2s 0.2s, 0.2s;
}

.menu-toggle span:before,
.menu-toggle span:after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #fff;
  content: "";
  -webkit-transition-duration: 0.2s, 0.2s;
  -o-transition-duration: 0.2s, 0.2s;
  transition-duration: 0.2s, 0.2s;
  -webkit-transition-delay: 0.2s, 0s;
  -o-transition-delay: 0.2s, 0s;
  transition-delay: 0.2s, 0s;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.menu-toggle span:before {
  top: -8px;
  -webkit-transition-property: top, -webkit-transform;
  transition-property: top, -webkit-transform;
  -o-transition-property: top, transform;
  transition-property: top, transform;
  transition-property: top, transform, -webkit-transform;
}

.menu-toggle span::after {
  bottom: -8px;
  -webkit-transition-property: bottom, -webkit-transform;
  transition-property: bottom, -webkit-transform;
  -o-transition-property: bottom, transform;
  transition-property: bottom, transform;
  transition-property: bottom, transform, -webkit-transform;
}

.nav-open .menu-toggle {
  background-color: #00067F;
  z-index: 30;
}

.nav-open .menu-toggle span {
  background: none;
}

.nav-open .menu-toggle span:before {
  top: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.nav-open .menu-toggle span:after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.nav-open .menu-toggle span:before,
.nav-open .menu-toggle span:after {
  -webkit-transition-delay: 0s, 0.2s;
  -o-transition-delay: 0s, 0.2s;
  transition-delay: 0s, 0.2s;
}

#mainmenu .slide,
#calendarpanel .slide {
  /* display: none; */
  background: #00067F;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: absolute;
  top: 0px;
  left: 100px;
  bottom: 0px;
  width: 0px;
  overflow: auto;
  padding: 0px;
  z-index: 300;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.20);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.20);
  -webkit-transition: width 200ms ease;
  -o-transition: width 200ms ease;
  transition: width 200ms ease;
}

#calendarpanel .slide {
  background: #2366F3;
}

.nav-open #mainmenu .slide,
.calendar-open #calendarpanel .slide {
  display: block;
  max-height: 100%;
  width: 440px;
  overflow-y: auto;
  overflow-x: hidden;
}

.calendar-open #calendarpanel .slide .datepicker-widget {}

#mainmenu .slide>ul {
  min-width: 440px;
  padding: 40px;
}

#mainmenu .slide>ul>li,
#mainmenu .slide>ul>li>a {
  display: block;
  font-size: 20px;
  color: #FFFFFF !important;
  line-height: 32px;
  position: relative;
}

#mainmenu .slide>ul>li {
  margin-bottom: 28px;
}

#mainmenu .slide>ul>li>a:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0px;
  right: 0px;
  height: 2px;
  background: #1118A6;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

#mainmenu .slide>ul>li.active>a:before {
  background: #0550F0;
}

#mainmenu .slide>ul>li.active a {
  font-weight: bold;
}

#mainmenu .slide>ul>li.open a:before {
  background: #fff;
}

#mainmenu .slide>ul>li.open>ul {
  display: block;
}

#mainmenu .slide>ul>li.children>a:after {
  content: "";
  position: absolute;
  right: 0px;
  width: 16px;
  height: 16px;
  top: 50%;
  margin-top: -8px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/base/ico-caret-sm.png);
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

#mainmenu .slide>ul>li.children.open>a:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

#mainmenu .slide>ul>li>ul {
  display: none;
}

#mainmenu .slide>ul>li>ul {
  display: none;
  margin-top: 20px;
  margin-bottom: 40px;
}

#mainmenu .slide>ul>li>ul>li {
  margin-bottom: 10px;
  padding-left: 20px;
  line-height: 20px;
}

#mainmenu .slide>ul>li>ul>li.active>a {
  padding-bottom: 3px;
  border-bottom: 2px solid #fff;
}

#mainmenu .slide>ul>li>ul>li:last-child {
  margin-bottom: 0px;
}

#mainmenu .slide>ul>li>ul>li>a {
  display: block;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 20px;
}

#mainmenu .slide ul li ul li a {
  display: inline-block;
  vertical-align: top;
}

#mainmenu .slide>ul>li>ul>li>ul {
  padding-left: 20px;
  margin-bottom: 20px;
  margin-top: 5px;
}

#mainmenu .slide>ul>li>ul>li>ul>li:not(:last-child) {
  margin-bottom: 10px;
}

#mainmenu .slide>ul>li>ul>li>ul>li>a {
  font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
  display: block;
}

#mainmenu .slide ul li.active>ul {
  display: block;
}

#calendarpanel .slide .datepicker-widget {
  width: 440px;
  padding: 40px;
}

#sidebar .search .search-toggle,
#calendarpanel .calendar-toggle,
#userpanel .user-toggle,
#tvpanel .tv-toggle,
#cartpanel .cart-toggle {
  padding-top: 60px;
  padding-bottom: 20px;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 10px;
  color: #FFFFFF;
  display: block;
  width: 100%;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background-repeat: no-repeat;
  background-position: top 28px center;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

#sidebar .search .search-toggle {
  background-color: #000453;
  background-image: url(../images/base/ico-loop-m.png);
}

#cartpanel .cart-toggle {
  background-image: url(../images/base/ico-cart-m.png);
  background-color: #0544CB;
}

#sidebar .search .search-toggle:hover,
#userpanel .user-toggle:hover,
#tvpanel .tv-toggle:hover,
#cartpanel .cart-toggle:hover {
  background-position: top 23px center;
  padding-top: 55px;
  padding-bottom: 25px;
}

#search {
  position: relative;
}

#search .input {
  position: absolute;
  left: 100%;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  overflow: hidden;
  z-index: 2000;
  padding-top: 30px;
  padding-bottom: 30px;
  background: #000453;
  top: 0px;
  width: 0px;
}

#search .input input {
  width: 100%;
  height: 40px;
  background: transparent;
  -webkit-appearance: none;
  border: 0px;
  color: #fff;
  border-bottom: 1px solid #fff;
  font-size: 16px;
}

#search.open .input {
  width: 300px;
  padding-left: 20px;
  padding-right: 20px;
}

#search .datepicker-widget {
  width: 0px;
  overflow: hidden;
  position: absolute;
  left: 100%;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

#search .datepicker-widget .datepicker {
  width: 300px;
}

#search .datepicker-widget .ui-datepicker {
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

#search.open .datepicker-widget {
  width: 300px;
}

#userpanel .user-toggle {
  background-image: url(../images/base/ico-user-m.png);
  background-color: #0550F0;
}

#tvpanel .tv-toggle {
  background-image: url(../images/base/ico-tv-m.png);
  background-color: #0550F0;
}

#calendarpanel .calendar-toggle {
  padding-top: 70px;
  line-height: 10px;
  background-image: url(../images/base/ico-calendar-l-w.png);
  background-position: 50% 20px;
  background-color: #2366F3;
}

#calendarpanel .calendar-toggle .date {
  display: block;
  position: absolute;
  top: 30px;
  left: 25px;
  width: 50px;
  text-align: center;
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
}

#calendarpanel .calendar-toggle .date small {
  display: block;
  font-size: 10px;
  line-height: 10px;
}

#langbar .lang-toggle,
#sidebar .buttons .button {
  width: 100%;
  display: block;
  padding: 20px 0px;
  font-size: 12px;
  color: #FFFFFF;
  background: #00067F;
  line-height: 20px;
  text-align: center;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  font-weight: normal;
  text-transform: none;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

#langbar .lang-toggle:hover,
#sidebar .buttons .button:hover {
  padding-top: 15px;
  padding-bottom: 25px;
}

#sidebar .buttons .button {
  font-weight: bold;
  text-transform: uppercase;
}

#sidebar .socials ul li {
  list-style-type: none;
  border-bottom: 1px solid #074AD9;
}

#sidebar .socials a {
  display: block;
  padding: 18px 0px 17px 0px;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 24px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

#sidebar .socials a.fb {
  background-image: url(../images/base/ico-fb-sm.png);
}

#sidebar .socials a.twitter {
  background-image: url(../images/base/ico-twitter-sm.png);
}

#sidebar .socials a.yt {
  background-image: url(../images/base/ico-yt-sm.png);
}

#sidebar .socials a.insta {
  background-image: url(../images/base/ico-insta-sm.png);
}

#sidebar .socials a:hover {
  background-position: right 33px center;
}

#sidebar .print .btn-print {
  display: block;
  width: 100%;
  padding: 18px 0px 17px 0px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5PdmFsPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8cGF0aCBkPSJNMTIsMjQgQzE4LjYyNzQxNywyNCAyNCwxOC42Mjc0MTcgMjQsMTIgQzI0LDUuMzcyNTgzIDE4LjYyNzQxNywwIDEyLDAgQzUuMzcyNTgzLDAgMCw1LjM3MjU4MyAwLDEyIEMwLDE4LjYyNzQxNyA1LjM3MjU4MywyNCAxMiwyNCBaIE0xMy4xNjY2NjY3LDE2LjY2NjY2NjcgTDkuNjY2NjY2NjcsMTYuNjY2NjY2NyBMOS42NjY2NjY2NywxNi4wODMzMzMzIEwxMy4xNjY2NjY3LDE2LjA4MzMzMzMgTDEzLjE2NjY2NjcsMTYuNjY2NjY2NyBaIE0xOSw3LjkxNjY2NjY3IEwxOSwxNS41IEwxNi42NjY2NjY3LDE1LjUgTDE2LjY2NjY2NjcsMTkgTDcuMzMzMzMzMzMsMTkgTDcuMzMzMzMzMzMsMTUuNSBMNSwxNS41IEw1LDcuOTE2NjY2NjcgTDcuMzMzMzMzMzMsNy45MTY2NjY2NyBMNy4zMzMzMzMzMyw1IEwxNi42NjY2NjY3LDUgTDE2LjY2NjY2NjcsNy45MTY2NjY2NyBMMTksNy45MTY2NjY2NyBaIE0xNS41LDEzLjc1IEw4LjUsMTMuNzUgTDguNSwxNy44MzMzMzMzIEwxNS41LDE3LjgzMzMzMzMgTDE1LjUsMTMuNzUgWiBNMTUuNSw2LjE2NjY2NjY3IEw4LjUsNi4xNjY2NjY2NyBMOC41LDcuOTE2NjY2NjcgTDE1LjUsNy45MTY2NjY2NyBMMTUuNSw2LjE2NjY2NjY3IFogTTE3LjgzMzMzMzMsOS4zNzUgQzE3LjgzMzMzMzMsOS4yMTQgMTcuNzAyNjY2Nyw5LjA4MzMzMzMzIDE3LjU0MTY2NjcsOS4wODMzMzMzMyBDMTcuMzgwNjY2Nyw5LjA4MzMzMzMzIDE3LjI1LDkuMjE0IDE3LjI1LDkuMzc1IEMxNy4yNSw5LjUzNiAxNy4zODA2NjY3LDkuNjY2NjY2NjcgMTcuNTQxNjY2Nyw5LjY2NjY2NjY3IEMxNy43MDI2NjY3LDkuNjY2NjY2NjcgMTcuODMzMzMzMyw5LjUzNiAxNy44MzMzMzMzLDkuMzc1IFogTTE0LjMzMzMzMzMsMTQuOTE2NjY2NyBMOS42NjY2NjY2NywxNC45MTY2NjY3IEw5LjY2NjY2NjY3LDE1LjUgTDE0LjMzMzMzMzMsMTUuNSBMMTQuMzMzMzMzMywxNC45MTY2NjY3IFoiIGlkPSJPdmFsIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICAgIDwvZz48L3N2Zz4=);
  -webkit-border-radius: 0;
  border-radius: 0;
  border-bottom: 1px solid #074AD9;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 24px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

/*------------------------------------*\
$FOOTER
\*------------------------------------*/
#footer {
  background: #0550F0;
  padding: 40px 20px;
}

#footermenu>ul {
  font-size: 0px;
  margin-left: -20px;
}

#footermenu>ul>li {
  font-family: "Hanse", sans-serif;
  font-weight: bold;
  font-size: 30px;
  color: #FFFFFF;
  width: 25%;
  display: inline-block;
  vertical-align: top;
  padding-left: 20px;
  line-height: 40px;
}

#footermenu>ul>li>ul {
  margin-top: 10px;
}

#footermenu>ul>li>ul>li {
  line-height: 20px;
  display: block;
}

#footermenu ul li a {
  font-family: 'Titillium Web', sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #FFFFFF;
  line-height: 20px;
  display: inline-block;
  vertical-align: top;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

#footermenu ul li a:hover {
  padding-left: 10px;
}

#footer .bottom {
  border-top: 1px solid #00A7E1;
  padding-top: 9px;
  margin-top: 40px;
}

#footer .bottom p {
  text-align: left;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 20px;
}

/*------------------------------------*\
$DEFAULT-FORMATTING
\*------------------------------------*/
.def {
  font-size: 16px;
}

.def em {
  font-style: italic;
}

.def strong,
.def b {
  font-weight: bold;
}

.def em strong,
.def em b,
.def strong em,
.def strong b {
  font-style: italic;
  font-weight: bold;
}

.def i {
  font-style: italic;
}

.def p {
  margin: 0 0 20px;
}

.def p:last-child {
  margin-bottom: 0;
}

.def a {
  text-decoration: underline;
  word-break: break-word;
}

.def ul,
.def ol {
  margin-bottom: 20px;
  margin-left: 20px;
}

.def ul {
  list-style-type: disc;
  clear: both;
}

.def ol {
  list-style-type: decimal;
  clear: both;
}

* html .def ol {
  margin-left: 25px;
}

.def ul ol,
.def ol ol,
.def ul ul,
.def ol ul {
  margin-bottom: 0px;
}

.def img {
  margin: 0 0 20px;
  display: inline;
  max-width: 100%;
  height: auto;
}

.def blockquote {
  padding: 0 0 0 20px;
  margin: 0 0 10px;
}

.def h2 {
  font-size: 36px;
  line-height: 40px;
}

.def h3 {
  font-size: 28px;
  line-height: 30px;
}

.def h4 {
  font-size: 24px;
  line-height: 30px;
}

.def h5 {
  font-size: 20px;
  line-height: 30px;
}

.def h6 {
  font-size: 18px;
  line-height: 20px;
}

.def h2,
.def h3,
.def h4,
.def h5,
.def h6 {
  font-weight: bold;
  margin: 40px 0;
}

.def h2:first-child,
.def h3:first-child,
.def h4:first-child,
.def h5:first-child,
.def h6:first-child {
  margin-top: 0;
}

.def h2:last-child,
.def h3:last-child,
.def h4:last-child,
.def h5:last-child,
.def h6:last-child {
  margin-top: 0;
}

.def ul {
  padding-left: 2px;
}

.def ul li {
  padding-left: 18px;
  list-style-type: none;
  margin-bottom: 10px;
  font-size: 14px;
  color: #000000;
  line-height: 20px;
  position: relative;
}

.def ul li:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 4px;
  left: 0px;
  top: 8px;
  background: #0550F0;
}

.def ul li:last-child {
  margin-bottom: 0px;
}

/*------------------------------------*\
$COLUMNS
\*------------------------------------*/
.col {
  float: left;
  min-height: 1px;
}

#page .row {
  margin-left: -20px;
  font-size: 0px;
}

#page .row *[class*="col"] {
  padding-left: 20px;
  font-size: initial;
  display: inline-block;
  vertical-align: top;
}

#page .row *[class*="col"]>*:first-child {
  margin-top: 0px;
}

#page .row .col-50 {
  width: 50%;
}

#page .row .col-75 {
  width: 75%;
}

#page .row .col-25 {
  width: 25%;
}

#page .row .col-66 {
  width: 66.667%;
}

#page .row .col-33 {
  width: 33.333333%;
}

#page .row .col-55 {
  width: 55.55555555555%;
}

#page .row .col-45 {
  width: 44.445%;
}

#page .row .col-100 {
  width: 100%;
}

/*------------------------------------*\
$OTHER
\*------------------------------------*/
.hidden {
  display: none;
}

.hidden2 {
  position: absolute;
  top: -2000px;
}

.lfloat {
  float: left;
}

.rfloat {
  float: right;
}

.aleft {
  text-align: left;
}

.aright {
  text-align: right;
}

.clear {
  clear: both;
  display: block;
  height: 0;
  overflow: hidden;
  width: 0;
  visibility: hidden;
}

.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  width: 0;
  visibility: hidden;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

.hidden {
  display: none;
}

/*------------------------------------*\
$CONTENTS
\*------------------------------------*/
#container {
  background: #fff;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.40);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.40);
  position: relative;
}

#wrap {
  padding-left: 100px;
  position: relative;
}

.box .head {
  text-align: center;
  margin-bottom: 10px;
}

.box .head .title {
  font-size: 20px;
  color: #000000;
  line-height: 30px;
  text-align: center;
}

.results-list {
  padding: 20px;
  padding-bottom: 4px;
  border-bottom: 1px solid #E5EAED;
  overflow: hidden;
  position: relative;
}

.results-list .mCSB_container,
.results-list .mCustomScrollBox {
  overflow: visible;
}

.results-list .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  margin: 0px;
}

.results-list ul {
  padding-top: 20px;
  padding-bottom: 15px;
  white-space: nowrap;
  overflow-x: auto;
}

.results-list ul li {
  display: inline-block;
  vertical-align: top;
  list-style-type: none;
  padding-right: 7px;
  border-right: 1px dotted #0550F0;
  margin-right: 8px;
}

.results-list ul li:last-child {
  margin-right: 0px;
  padding-right: 0px;
  border-right: 0px;
}

.results-list .game-single {
  text-align: center;
  font-size: 0px;
}

.results-list .game-single>* {
  display: inline-block;
  vertical-align: top;
  font-size: initial;
}

.results-list .game-single>.title {
  display: block;
  font-weight: bold;
  font-size: 12px;
  color: #000;
  text-transform: uppercase;
  margin-top: -20px;
}

#live-games .head em {
  margin-right: 10px;
  color: #0550F0;
  font-style: normal;
}

.results-list .game-single .team,
.upcoming-single .team {
  padding-top: 5px;
  width: 85px;
  white-space: normal;
}

.results-list .game-single .team .image,
.upcoming-single .team .image {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  margin: auto;
  display: block;
  -webkit-background-size: contain;
  background-size: contain;
}

.results-list .game-single .team p,
.upcoming-single .team p {
  font-weight: bold;
  font-size: 10px;
  color: #000000;
  text-transform: uppercase;
  line-height: 15px;
  text-align: center;
}

.results-list .game-single .details {
  min-width: 80px;
  padding-top: 15px;
  line-height: 15px;
}

.results-list .game-single .details p {
  line-height: 20px;
}

.results-list .game-single .details .title {
  font-weight: bold;
  font-size: 12px;
  color: #000000;
  line-height: 15px;
}

.results-list .game-single .details .result {
  font-weight: bold;
  font-size: 20px;
  color: #000000;
  line-height: 30px;
  display: block;
}

.results-list .game-single .details .status {
  line-height: 15px;
}

.results-list .game-single .details .status {
  position: relative;
  font-size: 12px;
  color: #000000;
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  line-height: 15px;
}

.results-list .game-single .details .status.live:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: #FF0000;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  top: 50%;
  margin-top: -3px;
  right: 100%;
  margin-right: 4px;
}

.results-list .game-single .details .status.text {
  text-transform: uppercase;
  font-size: 9px;
  color: #000000;
}

.calendar-events .mobile-toggle,
.results-list .mobile-toggle,
.levels-list .mobile-toggle {
  color: #fff;
  width: 100%;
  display: block;
  padding: 10px 20px;
  font-weight: 600;
  font-size: 16px;
  position: relative;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 15px;
  background-color: #00067F;
  background-image: url(../images/base/ico-caret-sm.png);
  background-repeat: no-repeat;
  background-position: right 20px center;
  display: none;
}

.calendar-events.open .mobile-toggle,
.results-list.open .mobile-toggle,
.levels-list.open .mobile-toggle {
  background-image: url(../images/base/ico-caret-sm-up.png);
}

.levels-list .mobile-toggle {
  margin-bottom: 10px;
}

.home-widgets>*:not(:first-child) {
  margin-top: 20px;
}

.home-widgets .video-widget,
.home-widgets .gallery-widget {
  margin-top: 20px;
}

.home-widgets .navi-blocks {
  margin-bottom: 20px;
}

.home-widgets .video-widget .youtube {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}

.home-widgets .video-widget .youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.home-widgets .league-points,
.home-widgets .result-widgets .col-55>*:not(:first-child),
.home-widgets .result-widgets .col-45>* {
  margin-bottom: 20px;
}

.home-widgets .result-widgets .col-45>*:first-child {
  margin-top: 0px;
}

.home-widgets .result-widgets .block-02 {
  margin-top: 40px;
}

.home-widgets .tabs {
  margin-bottom: 20px;
}

.widgets-list>*:not(:first-child) {
  margin-top: 20px;
}

.navi-blocks ul {
  font-size: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.navi-blocks ul li {
  list-style-type: none;
  display: inline-block;
  vertical-align: top;
  width: 25%;
  padding-left: 20px;
  font-size: initial;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.navi-blocks .block {
  background-color: #00067F;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
  min-height: 150px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  width: 100%;
}

.navi-blocks a.block:hover .title {
  margin-bottom: 15px;
  margin-top: -5px;
}

.navi-blocks .block:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: -webkit-linear-gradient(left, rgba(0, 6, 127, 0.7) 0%, rgba(5, 80, 240, 0.7) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 6, 127, 0.7)), to(rgba(5, 80, 240, 0.7)));
  background: -o-linear-gradient(left, rgba(0, 6, 127, 0.7) 0%, rgba(5, 80, 240, 0.7) 100%);
  background: linear-gradient(to right, rgba(0, 6, 127, 0.7) 0%, rgba(5, 80, 240, 0.7) 100%);
}

.navi-blocks .block .content {
  position: relative;
  padding: 20px;
  width: 100%;
}

.navi-blocks .block .title {
  font-family: "Titillium Web", sans-serif;
  font-weight: bold;
  font-size: 24px;
  color: #FFFFFF;
  text-transform: uppercase;
  border-bottom: 1px solid #0550F0;
  display: inline-block;
  vertical-align: top;
  line-height: 29px;
  margin-bottom: 10px;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.navi-blocks .block .links a,
.navi-blocks .block .list p {
  font-size: 16px;
  color: #FFFFFF;
  line-height: 25px;
  text-decoration: underline;
  display: inline-block;
  vertical-align: top;
  margin-right: 7px;
  position: relative;
}

.navi-blocks .block .links a:after,
.navi-blocks .block .list p:after {
  content: ",";
  position: absolute;
  line-height: 25px;
  left: 100%;
  top: 0px;
  bottom: 0px;
  padding-left: 1px;
}

.navi-blocks .block .links a:last-child:after,
.navi-blocks .block .list p:last-child:after {
  display: none;
}

.navi-blocks .block .links a:last-child,
.navi-blocks .block .links p:last-child {
  margin-right: 0px;
}

.navi-blocks .block .links a:hover {
  text-decoration: none;
}

.event-widget {
  position: relative;
  min-height: 270px;
  background-color: #0550F0;
  background-repeat: no-repeat;
  background-position: top center;
  -webkit-background-size: contain;
  background-size: contain;
  padding-top: 80px;
}

.event-widget:after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  top: 140px;
  background-color: #00067F;
  background-image: url(../images/base/event-pattern.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  -webkit-background-size: cover;
  background-size: cover;
}

.event-widget .details {
  text-align: center;
  position: relative;
  z-index: 5;
}

.event-widget .teams {
  min-height: 80px;
  background-image: url(../images/base/event-spacer.png);
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  padding-top: 25px;
  margin-bottom: 5px;
}

.event-widget .teams p {
  font-family: "Hanse", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 20px;
  color: #00067F;
  line-height: 20px;
}

.event-widget .date {
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
}

.event-widget .location {
  font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
  margin-bottom: 4px;
}

.video-widget .video {
  background-color: #D8D8D8;
  position: relative;
}

.video-widget .video img {
  display: block;
  width: 100%;
  height: auto;
}

.video-widget .video .mejs-container {
  max-width: 100%;
}

.video-widget .video .top {
  position: absolute;
  background-image: url(../images/base/vid-header-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  padding: 5px 122.5px 19px 122.5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.video-widget .video .top p {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px;
  color: #00067F;
  position: relative;
  border-bottom: 2px solid #0550F0;
  line-height: 24px;
}

.video-widget .video .button.play,
.mejs-overlay-button {
  width: 90px;
  height: 90px;
  background-image: url(../images/base/ico-play-m.png);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -45px;
  margin-left: -45px;
}

.video-widget .video .button.play:hover,
.mejs-overlay:hover .mejs-overlay-button {
  opacity: 0.8;
  background-position: center;
}

.mejs-overlay:hover .mejs-overlay-button {
  opacity: 1;
}

.video-widget .bottom {
  border-bottom: 2px solid #0550F0;
  padding: 9px 0px;
  overflow: hidden;
}

.video-widget .bottom p {
  text-align: center;
  font-size: 14px;
  color: #000000;
  float: left;
}

.video-widget .bottom a {
  float: right;
}

.video-widget.video-01 .button.play,
.mejs-overlay-button {
  background-image: url(../images/base/ico-play-lg.png);
}

.video-widget.video-01 .bottom {
  padding: 14px 0px;
}

.video-widget.video-01 .bottom p {
  float: none;
}

.news-widget.list {
  margin-top: 40px;
  margin-bottom: -20px;
}

.news-widget.list .head {
  margin-bottom: 20px;
  padding-left: 20px;
}

.news-widget.list .head p {
  font-family: "Hanse";
  font-weight: bold;
  text-transform: uppercase;
  line-height: 40px;
  font-size: 30px;
  color: #0550F0;
}

.news-widget.list [class*="col"] {
  margin-bottom: 20px;
}

.news-widget .post-big {
  background-color: #0550F0;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
  display: block;
  min-height: 320px;
  padding: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.home-widgets .news-widget .post-big {
  margin-bottom: 20px;
}

.news-widget .post-big.smaller {
  min-height: 270px;
}

.news-widget .post-big:hover:after {
  opacity: 0.8;
}

.news-widget .post-big:hover .title {
  padding-bottom: 25px;
}

.news-widget .post-big:hover .date {
  margin-top: 14px;
}

.news-widget .post-big:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: -webkit-linear-gradient(left, rgba(0, 6, 127, 0.6) 0%, rgba(5, 80, 240, 0.6) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 6, 127, 0.6)), to(rgba(5, 80, 240, 0.6)));
  background: -o-linear-gradient(left, rgba(0, 6, 127, 0.6) 0%, rgba(5, 80, 240, 0.6) 100%);
  background: linear-gradient(to right, rgba(0, 6, 127, 0.6) 0%, rgba(5, 80, 240, 0.6) 100%);
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.news-widget .post-big .content {
  position: relative;
  margin-top: auto;
  z-index: 5;
}

.news-widget .post-big .title {
  font-size: 40px;
  color: #FFFFFF;
  line-height: 40px;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.50);
  padding-bottom: 30px;
  border-bottom: 1px solid #00A7E1;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.news-widget .post-big .date {
  font-weight: bold;
  margin-top: 9px;
  font-size: 11px;
  color: #FFFFFF;
  line-height: 20px;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.news-widget .post-medium {
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  background-color: #0550F0;
  display: block;
  min-height: 320px;
  position: relative;
}

.news-widget .post-medium:hover .title {
  padding-bottom: 15px;
}

.news-widget .post-medium:hover .date {
  margin-top: 14px;
}

.news-widget .post-medium:hover .content {
  opacity: 0.8;
}

.news-widget .post-medium .content {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  padding: 20px;
  background: #fff;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.news-widget .post-medium .title {
  font-size: 24px;
  color: #000000;
  line-height: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #00A7E1;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.news-widget .post-medium .date {
  font-weight: bold;
  font-size: 11px;
  color: #000000;
  line-height: 20px;
  margin-top: 9px;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.news-widget .bottom {
  margin-top: 20px;
}

.news-widget .bottom.wide ul {
  margin-top: -20px;
}

.news-widget .bottom.wide ul li {
  width: 50%;
  margin-top: 20px;
}

.news-widget .bottom ul {
  font-size: 0px;
}

.news-widget .bottom ul li {
  list-style-type: none;
  display: inline-block;
  vertical-align: top;
  width: 33.333333%;
  padding-left: 20px;
  font-size: initial;
}

.news-widget .bottom.rows ul li {
  width: 100%;
}

.news-widget .bottom.rows ul li+li {
  margin-top: 20px;
}

.news-widget .bottom .buttons {
  text-align: right;
  padding-bottom: 8px;
  border-bottom: 2px solid #0550F0;
  margin-left: 20px;
  margin-bottom: 20px;
  padding-top: 10px;
}

.news-widget .bottom .buttons a {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
}

.news-widget .bottom .buttons a+a {
  margin-left: 10px;
}

.news-widget .post-small {
  display: block;
}

.news-widget .post-small .title {
  font-size: 22px;
  color: #000000;
  line-height: 30px;
  padding-top: 20px;
  border-top: 1px solid #00A7E1;
  padding-bottom: 19px;
  border-bottom: 1px solid #00A7E1;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.news-widget .post-small .date {
  margin-top: 9px;
  font-size: 11px;
  color: #000000;
  line-height: 20px;
  font-weight: bold;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.news-widget .post-small:hover .title {
  padding-bottom: 15px;
}

.news-widget .post-small:hover .date {
  margin-top: 13px;
}

.news-widget.news-01 .bottom>ul {
  margin-left: -20px;
}

.news-widget.news-01 .bottom>ul>li {
  width: 50%;
  margin-bottom: 20px;
}

.news-widget.vertical .post-medium {
  min-height: 400px;
}

.news-widget.vertical .post-medium .content {
  bottom: 100px;
}

.news-widget.vertical .list .post-small:not(:first-child) {
  margin-top: 20px;
}

.news-widget.row .view-all-news {
  margin-left: 20px;
}

.view-all-news {
  padding: 13px 0;
  text-align: center;
  border-bottom: 2px solid #0550F0;
}

.view-all-news a {
  text-transform: uppercase;
  font-family: 'Titillium Web', sans-serif;
  font-weight: bold;
  font-size: 14px;
}

.league-points>ul {
  font-size: 0px;
}

.league-points>ul>li {
  width: 33.33333%;
  padding-left: 20px;
  list-style-type: none;
  display: inline-block;
  vertical-align: top;
}

.league-points>ul>li .title,
.trainings-block .title {
  font-size: 20px;
  color: #000000;
  line-height: 30px;
  margin-bottom: 10px;
  text-align: center;
}

.league-points>ul>li .title .league,
.trainings-block .title .league {
  display: inline-block;
  vertical-align: top;
  height: 30px;
  width: auto;
  margin-right: 10px;
}

.trainings-block .levels {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -10px;
}

.trainings-block .levels .level-title:first-child {
  margin-top: 0px;
}

.trainings-block .levels .level-title {
  cursor: pointer;
  display: block;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-top: 20px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  padding: 10px 20px;
  color: #fff;
  width: 100%;
  text-align: center;
}

.trainings-block .levels .level-title:hover {
  opacity: 0.8;
}

.trainings-block .levels .level-title.level-1 {
  background: #00067F;
}

.trainings-block .levels .level-title.level-2 {
  background: #000453;
}

.trainings-block .levels .level-title.level-3 {
  background: #3E92CC;
}

.trainings-block .levels .level-title.level-4 {
  background: #E5EAED;
  color: #202020;
}

.trainings-block .levels .top {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}

.trainings-block .levels .button {
  margin-right: 10px;
  margin-bottom: 10px;
}

.trainings-block+.trainings-block {
  margin-top: 20px;
}

.level-content {
  display: none;
}

.level-content .title {
  display: block;
  margin-top: 20px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  padding: 10px 20px;
  color: #fff;
  width: 100%;
  text-align: center;
}

.level-content .body {
  border-width: 1px;
  border-style: solid;
  border-top: 0px;
  padding: 20px 19px 19px 19px;
}

.level-content.level-1 .title {
  background: #00067F;
}

.level-content.level-1 .body {
  border-color: #00067F;
}

.level-content.level-2 .title {
  background: #000453;
}

.level-content.level-2 .body {
  border-color: #000453;
}

.level-content.level-3 .title {
  background: #3E92CC;
}

.level-content.level-3 .body {
  border-color: #3E92CC;
}

.level-content.level-4 .title {
  background: #E5EAED;
  color: #202020;
}

.level-content.level-4 .body {
  border-color: #E5EAED;
}

.accordion .item-single+.item-single {
  margin-top: 1px;
}

.accordion .item-single .head {
  padding: 10px 20px;
  background: #0550F0;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

.accordion .item-single .body {
  padding: 20px 19px 19px 19px;
  border: 1px solid #0550F0;
  border-top: 0px;
  display: none;
}

.accordion .item-single .head .title {
  font-size: 14px;
  text-transform: uppercase;
}

.accordion .item-single.active .head {
  cursor: default;
}

.accordion .item-single.active .body {
  display: block;
}

.accordion .item-single.active+.item-single {
  margin-top: 0px;
}

.accordion.news .item-single .head .date {
  margin-left: auto;
  font-size: 11px;
  font-weight: bold;
}

.social-blocks {
  padding: 20px;
  overflow: hidden;
}

.social-blocks>ul {
  font-size: 0px;
  margin-left: -20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.social-blocks>ul>li {
  padding-left: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
}

.social-blocks>ul>li:first-child {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 350px;
  -ms-flex: 1 1 350px;
  flex: 1 1 350px;
}

.social-blocks>ul>li:nth-child(2) {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 440px;
  -ms-flex: 1 1 440px;
  flex: 1 1 440px;
}

.social-blocks>ul>li:last-child {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 530px;
  -ms-flex: 1 1 530px;
  flex: 1 1 530px;
}

.social-blocks .fb-widget {
  min-width: 100%;
}

.fb-page,
.fb-page span,
.fb-page span iframe[style] {
  width: 100% !important;
}

#twitter-widget-0,
#twitter-widget-1 {
  float: none;
  width: 100% !important;
  height: 250px !important;
}

.twitter-widget {
  background: #0550F0;
  padding: 40px 40px 30px 40px;
  position: relative;
}

.twitter-widget>* {
  position: relative;
}

.twitter-widget:before {
  content: "";
  position: absolute;
  top: -20px;
  left: 20px;
  width: 221px;
  height: 180px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/base/ico-twitter-lg.png);
}

.twitter-widget .tweet {
  font-size: 20px;
  color: #FFFFFF;
  line-height: 30px;
  min-height: 90px;
}

.twitter-widget .tweet a {
  color: #87BDE2;
  text-decoration: underline;
}

.twitter-widget .tweet a:hover {
  text-decoration: none;
}

.twitter-widget .bottom {
  margin-top: 30px;
  overflow: hidden;
}

.twitter-widget .bottom .time {
  line-height: 30px;
  font-size: 12px;
  color: #FFFFFF;
  float: left;
}

.twitter-widget .bottom .user {
  font-weight: bold;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 30px;
  float: right;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.twitter-widget .bottom .user:hover {
  padding-bottom: 5px;
  margin-top: -5px;
}

.instagram-widget {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.instagram-widget .timeline {
  width: 9000px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.instagram-widget .timeline ul {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.instagram-widget .timeline ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: left;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.instagram-widget .timeline a {
  display: block;
  overflow: hidden;
  width: 220px;
  background-repeat: no-repeat;
  background-position: top;
  -webkit-background-size: cover;
  background-size: cover;
}

.instagram-widget .timeline a:after {
  content: "";
  display: block;
  padding-right: 100%;
}

.instagram-widget .timeline a:hover img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.instagram-widget .timeline a img {
  display: block;
  width: 220px;
  height: auto;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.instagram-widget .user {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 200px;
  bottom: 0px;
  background: #0550F0;
  padding-top: 160px;
  background-image: url(../images/base/ico-insta-lg.png);
  background-repeat: no-repeat;
  background-position: top 40px center;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  color: #FFFFFF;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  z-index: 10;
}

.instagram-widget .user:hover {
  color: #fff;
  padding-top: 155px;
  background-position: top 35px center;
}

.instagram-widget .user:hover+.timeline ul li:nth-child(n + 2) {
  margin-left: -20px;
}

.sponsors {
  border-top: 1px solid #E5EAED;
  padding: 20px;
}

.sponsors .row {
  padding-top: 20px;
  padding-bottom: 19px;
  font-size: 0px;
  border-bottom: 1px solid #E5EAED;
}

.sponsors .row:first-child {
  padding-top: 0px;
}

.sponsors .row:last-child {
  border-bottom: 0px;
  padding-bottom: 0px;
}

.sponsors .row:last-child .list:not(.medium) {
  padding-top: 25px;
}

.sponsors .row:last-child .list.medium {
  padding-top: 29px;
}

.sponsors .row .list {
  display: inline-block;
  vertical-align: bottom;
  font-size: initial;
  padding-top: 20px;
  position: relative;
}

.sponsors .row .list .title {
  position: absolute;
  top: 0px;
  left: 0px;
  line-height: 20px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 10px;
  color: #7F8589;
  line-height: 20px;
}

.sponsors .row .list:not(:first-child) {
  margin-left: 40px;
  padding-left: 39px;
  border-left: 1px solid #E5EAED;
}

.sponsors .row .list:not(:first-child) .title {
  left: 40px;
}

.sponsors .row .list ul {
  font-size: 0px;
  margin-right: -20px;
  margin-bottom: -20px;
}

.sponsors .row .list ul li {
  list-style-type: none;
  display: inline-block;
  vertical-align: middle;
  font-size: initial;
  margin-right: 20px;
  margin-bottom: 20px;
}

.sponsors .row .list.large ul li {
  margin-right: 60px;
}

.sponsors .row .list.medium ul li {
  margin-right: 40px;
}

.sponsors .row .list ul li img {
  display: block;
  width: auto;
  height: auto;
  max-height: 60px;
}

.sponsors .row .list ul li a {
  display: block;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.sponsors .row .list ul li a:hover {
  padding-bottom: 5px;
  margin-top: -5px;
}

.datepicker-widget .upcoming-widget {
  -webkit-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;
}

.map-widget .gmap {
  display: block;
  width: 100%;
  height: 270px;
}

.map-widget .gmap.large {
  height: 500px;
}

.upcoming-widget {
  padding: 20px;
  background: #00067F;
}

.upcoming-widget>.title {
  text-transform: uppercase;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.upcoming-widget>ul>li {
  margin-bottom: 10px;
  list-style-type: none;
}

.upcoming-widget>ul>li:last-child {
  margin-bottom: 0px;
}

.upcoming-single {
  background: #fff;
}

.upcoming-single .top {
  padding: 15px 10px;
  overflow: hidden;
  display: block;
  background: #F3F6F9;
}

.upcoming-single .top .info {
  padding: 0px 80px;
}

.upcoming-single .top .info p {
  line-height: 15px;
  text-align: center;
  font-size: 12px;
  color: #000000;
}

.upcoming-single .top .info .title {
  font-weight: bold;
  color: #000000;
  text-transform: uppercase;
}

.upcoming-single .bottom .button.buy {
  display: block;
  width: 100%;
  background: #0550F0;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 20px;
  padding: 10px;
  font-size: 14px;
  color: #FFFFFF;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.upcoming-single .bottom .button.buy:hover {
  padding-bottom: 13px;
  padding-top: 7px;
}

.banner-widget a,
.banners-widget a {
  display: block;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.banner-widget a {
  margin-top: 20px;
}

.banner-widget a:first-child {
  margin-top: 0;
}

.banner-widget a:hover,
.banners-widget a:hover {
  opacity: 0.8;
}

.banner-widget a img,
.banners-widget a img {
  display: block;
  width: 100%;
  height: auto;
}

.banners-widget .content {
  margin-left: -20px;
  margin-bottom: -20px;
}

.banners-widget .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.banners-widget .list .item-single {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 -webkit-calc(50% - 20px);
  -ms-flex: 0 1 calc(50% - 20px);
  flex: 0 1 calc(50% - 20px);
  margin-left: 20px;
  margin-bottom: 20px;
}

.banners-widget .list .item-single a {
  width: 100%;
  height: auto;
}

.banners-widget .list .item-single a img {
  width: 100%;
  height: auto;
  display: block;
}

.banners-widget .list .item-single>img {
  width: 100%;
  height: auto;
  display: block;
}

.newsletter-widget {
  padding: 20px;
  background: #0550F0;
}

.newsletter-widget .title {
  font-size: 16px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 20px;
}

.newsletter-widget .input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.newsletter-widget .input input {
  background: #fff;
  border: 0px;
  height: 40px;
  padding: 10px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 100px;
}

.newsletter-widget .input .button {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: 40px;
  background: #fff url(../images/base/ico-next.png) no-repeat center;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  border-left: 1px solid #0550F0;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.newsletter-widget .input .button:hover {
  opacity: 0.8;
}

.social-widgets>* {
  display: inline-block;
  vertical-align: top;
}

.social-widgets>*+* {
  margin-left: 20px;
}

.social-widgets .fb-widget {
  width: 450px;
  max-width: 100%;
}

.social-widgets .ig-widget {
  width: 387px;
  max-width: 100%;
}

.buttons-widget .button {
  display: block;
  width: 100%;
}

.buttons-widget .button+.button {
  margin-top: 10px;
}

.gallery-widget>ul>li {
  list-style-type: none;
  margin-bottom: 10px;
}

.gallery-widget .item-single {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.gallery-widget a.item-single:hover:after {
  left: 130px;
  background: #0550F0;
}

.gallery-widget .item-single:after {
  content: "";
  position: absolute;
  left: 110px;
  right: 0px;
  bottom: 0px;
  height: 1px;
  background: #E5EAED;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.gallery-widget .item-single .image {
  width: 110px;
  min-height: 70px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  background-color: #D8D8D8;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.gallery-widget .item-single .content {
  display: block;
  margin-left: 20px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 5px 0px;
}

.gallery-widget .item-single .content .title {
  font-weight: bold;
  font-size: 14px;
  color: #0550F0;
  line-height: 15px;
  margin-bottom: 5px;
}

.gallery-widget .item-single .content .date {
  font-size: 12px;
  color: #000000;
}

.gallery-widget .bottom {
  text-align: right;
  padding-bottom: 8px;
  border-bottom: 2px solid #0550F0;
}

.gallery-widget .bottom a,
.video-widget .bottom a {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  color: #0550F0;
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.gallery-widget .bottom a:hover,
.video-widget .bottom a:hover {
  opacity: 0.8;
}

.notices-widget {
  padding: 20px;
  background: #00067F;
  text-align: center;
}

.notices-widget .title {
  font-size: 16px;
  color: #FFFFFF;
  line-height: 20px;
  text-transform: uppercase;
}

.notices-widget .notice-single {
  margin-top: 20px;
  padding: 20px;
  background: #fff;
  font-size: 14px;
  color: #000000;
  line-height: 20px;
}

.notice-single.info-list {
  text-align: left;
}

.notice-single.info-list .heading {
  font-weight: bold;
  font-size: 14px;
  color: #000000;
  line-height: 20px;
  margin-bottom: 10px;
}

.notice-single.info-list ul+.heading {
  margin-top: 20px;
}

.notice-single.info-list ul li {
  list-style-type: none;
  font-size: 14px;
  color: #000000;
  line-height: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.notice-single.info-list ul li .label {
  width: 100px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.notice-single.info-list ul li .value {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.uniform-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-top: -10px;
}

.uniform-list .team {
  margin-left: 10px;
  margin-top: 10px;
}

.uniform-list .team .title {
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
  font-size: 12px;
  margin-left: 10px;
  text-align: center;
}

.uniform-list .team .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.uniform-list .uniform-single {
  text-align: center;
  min-width: 90px;
  margin-left: 10px;
  margin-top: 10px;
  padding: 10px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #F3F6F9;
}

.uniform-list .uniform-single p {
  margin-bottom: 5px;
}

.uniform-list .uniform-single .icon-uniform {
  font-size: 62px;
}

.uniform-list .uniform-single .uniform-stripes {
  position: relative;
  -webkit-filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 1));
  filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 1));
}

.uniform-list .uniform-single .uniform-stripes .stripes {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.uniform-list+.heading {
  margin-top: 10px;
}

.winners-widget {
  text-align: center;
  color: #fff;
  background: #3E92CC;
}

.winners-widget .top {
  padding: 20px;
}

.winners-widget .top .title {
  font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
  margin-bottom: 10px;
}

.winners-widget .top .team {
  font-weight: bold;
  font-size: 22px;
  color: #FFFFFF;
  line-height: 20px;
}

.winners-widget .bottom {
  padding: 20px 40px;
  background: #2F7FB5;
}

.winners-widget .bottom p {
  font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
}

.winners-widget .bottom .game {
  font-weight: bold;
}

.files-widget>ul>li {
  list-style-type: none;
  padding: 8px 20px 7px 20px;
  border-bottom: 1px solid #F3F6F9;
}

.files-widget>ul>li a {
  font-weight: bold;
  font-size: 14px;
  color: #0550F0;
  line-height: 20px;
  padding: 2px 0px;
  display: block;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.files-widget>ul>li a:hover {
  padding-left: 35px;
  color: #0550F0;
}

.files-widget>ul>li a.file {
  background: url(../images/base/ico-file.png) no-repeat left center;
  padding-left: 30px
}

.files-widget>ul>li a.file:hover {
  padding-left: 35px;
}

.files-widget>ul>li a.folder {
  background: url(../images/base/ico-folder.png) no-repeat left center;
  padding-left: 32px;
  margin-left: -2px;
}

.files-widget>ul>li a.folder:hover {
  padding-left: 37px;
}

.files-widget>ul>li ul {
  display: none;
  padding-left: 32px;
}

.files-widget>ul>li>ul li {
  list-style-type: none;
  margin-top: 10px;
}

.links-widget>ul>li {
  list-style-type: none;
}

.links-widget>ul>li:not(:first-child) {
  margin-top: 10px;
}

.links-widget>ul>li>a {
  background: #0550F0;
  font-weight: bold;
  text-align: center;
  display: block;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
  padding: 10px;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.links-widget>ul>li>a:hover {
  color: #fff;
  opacity: 0.8;
}

#page {
  padding: 20px;
}

#page h1 {
  font-size: 40px;
  color: #00067F;
  line-height: 60px;
  margin-bottom: 20px;
  font-weight: normal;
}

#page h1:first-letter {
  text-transform: uppercase;
}

#page .row .col-25>*[class*="widget"]:not(:first-child) {
  margin-top: 20px;
}

.lineup-block+.lineup-block {
  margin-top: 20px;
}

.lineup-block .head {
  border-bottom: 2px solid #0550F0;
  margin-bottom: 20px;
}

.lineup-block .head p {
  font-family: "Hanse";
  font-weight: bold;
  text-transform: uppercase;
  line-height: 38px;
  font-size: 30px;
  color: #00067F;
}

.lineup-block .list>ul {
  margin-left: -20px;
  font-size: 0px;
  margin-bottom: -20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.lineup-block .list>ul>li {
  display: inline-block;
  vertical-align: top;
  width: 33.33333%;
  padding-left: 20px;
  margin-bottom: 20px;
}

.lineup-block .list>ul>li .player-single {
  height: 100%;
}

.player-single {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

a.player-single:hover .details .name {
  padding-left: 5px;
  margin-right: -5px;
}

.player-single:after {
  content: "";
  position: absolute;
  left: 160px;
  bottom: 0px;
  height: 2px;
  right: 0px;
  background: #0550F0;
}

.player-single .image {
  width: 160px;
  min-height: 200px;
  border: 2px solid #0550F0;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  background-repeat: no-repeat;
  background-position: top;
  -webkit-background-size: cover;
  background-size: cover;
  background-color: #D8D8D8;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.player-single .image.noimg {
  background: #0550F0 url(../images/base/ico-gallery-l.png) no-repeat center;
}

.player-single .details {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-left: 20px;
  padding-bottom: 20px;
}

.player-single .details .name {
  font-size: 24px;
  color: #00067F;
  line-height: 35px;
  margin-bottom: 5px;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.player-single .details .team {
  margin-bottom: 15px;
}

.player-single .details .team>* {
  display: inline-block;
  vertical-align: top;
}

.player-single .details .team .logo {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: contain;
}

.player-single .details .team p {
  font-weight: bold;
  font-size: 16px;
  color: #000000;
  line-height: 30px;
}

.player-single .details>ul>li {
  list-style-type: none;
  margin-bottom: 5px;
}

.player-single .details>ul>li:last-child {
  margin-bottom: 0px;
}

.player-single .details>ul>li p {
  font-size: 14px;
  color: #000000;
  line-height: 20px;
  display: inline-block;
  vertical-align: top;
}

.player-single .details>ul>li p:first-child {
  width: 80px;
}

.player-detail {
  overflow: hidden;
}

.player-detail .referee-select,
.referee-group-select {
  width: 300px;
  max-width: 100%;
}

.player-detail .referee-select select,
.referee-group-select select {
  width: 100%;
}

.player-detail .player-gallery {
  float: left;
  width: 300px;
}

.player-detail>.content {
  padding-left: 320px;
}

.player-gallery .main {
  border: 2px solid #0550F0;
  background-color: #D8D8D8;
  margin-bottom: 10px;
}

.player-gallery .main img {
  display: block;
  width: 100%;
  height: auto;
}

.player-gallery .thumbnails ul {
  -moz-column-count: 2;
  -moz-column-gap: 10px;
  -moz-column-width: 50%;
  -webkit-column-count: 2;
  -webkit-column-gap: 10px;
  -webkit-column-width: 50%;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  margin-bottom: -10px;
}

.player-gallery .thumbnails ul li {
  list-style-type: none;
  margin-bottom: 10px;
}

.player-gallery .thumbnails a {
  display: block;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.player-gallery .thumbnails a:hover {
  opacity: 0.8;
}

.player-gallery .thumbnails a img {
  display: block;
  width: 100%;
  height: auto;
}

.player-gallery .bottom {
  padding: 10px 0px 8px 0px;
  border-bottom: 2px solid #0550F0;
}

.player-gallery .bottom a {
  font-weight: bold;
  font-size: 12px;
  color: #0550F0;
  line-height: 20px;
  text-transform: uppercase;
  display: block;
  text-align: center;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.player-gallery .bottom a:hover {
  opacity: 0.8;
}

.player-detail .position {
  padding-top: 3px;
  margin-bottom: 17px;
  font-size: 0px;
}

.field-overview .content .info {
  margin-bottom: 20px;
}

.player-detail .position p,
.field-overview .content .info p {
  font-size: 18px;
  color: #000000;
  display: inline-block;
  vertical-align: top;
}

.player-detail .position p:not(:last-child),
.field-overview .content .info p:not(:last-child) {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 2px solid #0550F0;
}

.player-detail .position p.strong,
.field-overview .content .info p.strong,
.lineup small.strong {
  font-weight: bold;
}

.player-detail .head,
.team-detail .head {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  position: relative;
  margin-bottom: 18px;
}

.player-detail .head .player,
.team-detail .head .team {
  float: left;
  font-size: 40px;
  color: #00067F;
  line-height: 60px;
}

.player-detail .head .next,
.team-detail .head .next {
  float: right;
  font-size: 20px;
  color: #00067F;
  line-height: 30px;
  padding-right: 40px;
  background: url(../images/base/ico-next-circle.png) no-repeat right center;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  margin: 15px 0px;
}

.player-detail .head .next:hover,
.team-detail .head .next:hover {
  margin-left: -5px;
  padding-right: 45px;
}

.player-detail .head .tag {
  position: absolute;
  top: 100%;
  margin-top: 18px;
  background: #0550f0;
  left: 0px;
  color: #fff;
  padding: 0px 5px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

.player-detail .details,
.team-detail .details {
  border-top: 2px solid #0550F0;
  border-bottom: 2px solid #0550F0;
  padding-top: 18px;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.team-detail .top {
  overflow: hidden;
}

.player-detail .details ul li {
  list-style-type: none;
  font-size: 0px;
  margin-bottom: 10px;
}

.player-detail .details ul li:last-child {
  margin-bottom: 0px;
}

.player-detail .details ul li p {
  font-size: 18px;
  color: #000000;
  line-height: 30px;
  display: inline-block;
  vertical-align: top;
}

.player-detail .details ul li p:first-child {
  width: 160px;
  margin-right: 20px;
}

.player-detail .details ul li.teams .value a {
  display: block;
}

.player-detail .info {
  margin-bottom: 40px;
}

.player-detail .info .title {
  font-weight: bold;
  font-size: 18px;
  color: #000000;
  line-height: 25px;
  margin-bottom: 20px;
}

.player-detail .info ul {
  padding-left: 2px;
}

.player-detail .info ul li {
  padding-left: 18px;
  list-style-type: none;
  margin-bottom: 10px;
  font-size: 14px;
  color: #000000;
  line-height: 20px;
  position: relative;
}

.player-detail .info ul li:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 4px;
  left: 0px;
  top: 8px;
  background: #0550F0;
}

.player-detail .info ul li:last-child {
  margin-bottom: 0px;
}

.player-detail .table-block:last-child {
  margin-bottom: 20px;
}

.player-detail.member .table-block:last-child {
  margin-bottom: 0px;
}

.team-detail .logo {
  float: left;
  width: 200px;
}

.team-detail .logo img {
  display: block;
  max-width: 100%;
  height: auto;
}

.team-detail .content {
  margin-left: 220px;
}

.team-detail .details {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.team-detail .details>ul {
  float: left;
}

.team-detail .details>ul:not(:first-child) {
  margin-left: 20px;
}

.team-detail .details>ul>li {
  list-style-type: none;
  font-size: 18px;
  color: #000000;
  line-height: 30px;
}

.team-detail .details .title {
  width: 140px;
  margin-right: 20px;
  float: left;
  min-height: 1px;
}

.team-detail .details .value {
  width: 350px;
  float: left;
}

.team-detail .details a {
  color: #0550F0;
  text-decoration: underline;
}

.team-detail .details a:hover {
  text-decoration: none;
}

.team-detail .bottom {
  margin-top: 20px;
}

.team-detail .widgets>*:not(:last-child) {
  margin-bottom: 20px;
}

.table-block {
  margin-bottom: 40px;
}

.table-block .head {
  margin-bottom: 10px;
}

.table-block .head p {
  font-family: "Hanse";
  font-weight: bold;
  text-transform: uppercase;
  font-size: 30px;
  color: #0550F0;
  line-height: 35px;
}

.table-block .tabs {
  margin-top: 20px;
}

table.table-01 {
  width: 100%;
  text-align: center;
}

table.table-01 thead th {
  height: 50px;
  vertical-align: middle;
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;
  background: #0550F0;
  text-transform: uppercase;
  padding-left: 5px;
  padding-right: 5px;
}

table.table-01 .w-200 {
  width: 200px;
}

table.table-01 thead th a {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  color: #FFFFFF;
  -webkit-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  position: relative;
  background-position: right center;
  background-repeat: no-repeat;
}

table.table-01 thead th a:hover {
  color: #fff;
  opacity: 0.8;
}

table.table-01 thead th a.active:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0px;
  right: 0px;
  height: 2px;
  background: #fff;
}

table.table-01 thead th a.asc {
  background-image: url(../images/base/ico-asc.png);
}

table.table-01 thead th a.desc {
  background-image: url(../images/base/ico-desc.png);
}

table.table-01 tbody td,
table.table-01 tbody th {
  height: 50px;
  vertical-align: middle;
  font-size: 14px;
  color: #000000;
  padding-left: 5px;
  padding-right: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

table.table-01 tbody th {
  text-transform: uppercase;
}

table.table-01 thead th:first-child,
table.table-01 tbody td:first-child,
table.table-01 tbody th {
  padding-left: 20px;
  text-align: left;
}

table.table-01 thead th:last-child,
table.table-01 tbody td:last-child {
  padding-right: 20px;
}

table.table-01 tbody tr:nth-child(even) {
  background: #F3F6F9;
}

table.table-01 tbody tr.caption {
  pointer-events: none !important;
}

table.table-01 tbody tr.caption td {
  background: #0544cb;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
}

table.table-01 tbody tr.caption td .footable-toggle {
  display: none !important
}

table.table-01 tfoot td {
  height: 40px;
  vertical-align: middle;
  border-bottom: 2px solid #0550F0;
}

table.table-01:not(.table-actions) tfoot td a {
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  font-size: 12px;
  color: #0550F0;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

table.table-01:not(.table-actions) tfoot td a:hover {
  color: #0550F0;
  opacity: 0.8;
}

.table-block.games .table-01 tbody tr td:nth-child(3) {
  text-transform: uppercase;
}

.table-01.small thead th {
  height: 40px;
  font-size: 12px;
}

.table-01.small tbody td {
  height: 40px;
  font-size: 12px;
}

table.table-01.small thead th:first-child,
table.table-01.small tbody td:first-child,
table.table-01.small tbody th {
  padding-left: 10px;
}

table.table-01.small thead th:last-child,
table.table-01.small tbody td:last-child {
  padding-right: 10px;
}

.table-01.points thead th:nth-child(-n + 2),
.table-01.points tbody td:nth-child(-n + 2) {
  text-align: left;
}

.table-01.points tbody td {
  font-weight: bold;
  text-transform: uppercase;
}

.table-01.points tbody td img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.table-01.points tbody tr.dark-blue td {
  background: #00067F;
  color: #fff;
}

.table-01.points tbody tr.light-blue td {
  background: #3E92CC;
  color: #fff;
}

.table-01.points tbody tr:nth-child(-n + 3) td img {
  border: 1px solid #fff;
}

.table-01.points.big thead th:first-child,
.table-01.points.big tbody td:first-child {
  width: 60px;
  padding: 0px 10px;
}

.table-01.points.big thead th:nth-child(n + 3),
.table-01.points.big tbody td:nth-child(n + 3) {
  padding: 0px 10px;
  width: 80px;
}

.table-01.points.big thead th:last-child,
.table-01.points.big tbody td:last-child {
  padding-right: 20px;
  width: 90px;
}

.table-01.points-01 thead th:nth-child(-n + 2),
.table-01.points-01 tbody td:nth-child(-n + 2) {
  text-align: left;
}

.table-01.points-01 tbody td img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  max-height: 30px;
  width: 20px;
}

.table-01.points-01 tbody td:nth-last-child(-n + 2) {
  font-weight: bold;
}

.table-01.points-01 tbody td:nth-child(2) {
  font-size: 14px;
  padding-left: 10px;
}

.table-01.points-01 tbody td:first-child {
  font-weight: bold;
}

.table-01.points-01 tbody tr:nth-child(-n + 3) td:first-child {
  width: 30px;
  padding-left: 0px;
  text-align: center;
}

.table-01.points-01 tbody tr.dark-blue td:first-child,
.table-01.game-stats tbody tr.dark-blue td:first-child {
  background: #00067F;
  color: #fff;
}

.table-01.points-01 tbody tr.light-blue td:first-child,
.table-01.game-stats tbody tr.light-blue td:first-child {
  background: #3E92CC;
  color: #fff;
}

.table-01.players thead th {
  font-size: 11px;
}

.table-01.players tbody td {
  font-size: 16px;
  height: 60px;
  border-bottom: 1px solid #E5EAED;
  background: #fff;
}

.table-01.players tbody td a {
  color: #000;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.table-01.players tbody td a:hover {
  opacity: 0.8;
}

.table-01.players img.player {
  width: auto;
  max-height: 40px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.table-01.players img.club {
  max-height: 40px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
}

.table-01.filter thead th,
.table-01.filter tbody td {
  padding: 0px 10px;
}

table.table-01.bold tbody td {
  font-weight: bold;
}

table.table-01.game-stats thead th:nth-child(2) {
  text-align: left;
  padding-left: 10px;
}

table.table-01.game-stats thead th:not(:nth-child(2)) {
  font-size: 10px;
}

table.table-01.game-stats tbody td:not(:nth-child(2)) {
  font-weight: bold;
}

table.table-01.game-stats tbody td:first-child {
  width: 30px;
  padding-left: 0px;
  text-align: center;
  padding-left: 5px;
}

.table-01 tbody tr.top td:first-child {
  background: #00067F;
  color: #fff;
}

.table-01 tbody tr.almost td:first-child {
  background: #3E92CC;
  color: #fff;
}

.table-01.game-stats tbody tr:nth-child(-n + 3) td:first-child {
  /* color: #fff; */
}

table.table-01.team-table tbody td:nth-child(2),
table.table-01.game-stats tbody td:nth-child(2) {
  padding-left: 10px;
  font-size: 14px;
  text-align: left;
}

table.table-01.team-table tbody tr.total td:nth-child(2),
table.table-01.game-stats tbody tr.total td:nth-child(2) {
  text-align: right;
  display: table-cell !important;
}

table.table-01.team-table tbody tr.total td:last-child,
table.table-01.game-stats tbody tr.total td:last-child {
  text-align: center;
  font-weight: bold;
  font-size: 12px;
}

table.table-01.team-table tbody td.club-img,
table.table-01.game-stats tbody td.club-img {
  width: 0px;
  text-align: center;
}

table.table-01.team-table tbody td.club-img .club,
table.table-01.game-stats tbody td.club-img .club {
  float: none;
  margin-right: 0px;
}

table.table-01.team-table tbody td .club,
table.table-01.game-stats tbody td .club {
  height: 30px;
  min-height: 30px;
  max-height: 30px;
  width: auto;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  float: left;
}

table.table-01.team-table tbody td a,
table.table-01.game-stats tbody td a {
  color: #000;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

table.table-01.team-table tbody td a:hover,
table.table-01.game-stats tbody td a:hover {
  padding-left: 5px;
  margin-right: -5px;
}

.table-01.events thead th {
  font-size: 10px;
}

.table-01.events thead th.time {
  font-size: 12px;
}

.table-01.events tbody td {
  height: 80px;
  border-bottom: 1px solid #E5EAED;
  background: #fff;
}

.table-01.events td.date {
  font-size: 14px;
  width: 0px;
  white-space: nowrap;
}

.table-01.events td.date .time {
  margin-left: 5px;
}

.table-01.events td.team {
  font-size: 18px;
  color: #000000;
  line-height: 20px;
}

.table-01.events td.small {
  font-size: 12px !important;
}

.table-01.events td.team a {
  color: #000;
}

.table-01.events td.team img {
  display: inline-block;
  max-height: 40px;
  min-height: 40px;
  width: auto;
  vertical-align: middle;
}

.table-01.events td.team .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0px !important;
}

.table-01.events td.team.left {
  text-align: right;
}

.table-01.events td.team.left .content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.table-01.events td.team.left img {
  margin-left: 10px;
  margin-right: 0px;
}

.table-01.events td.team.right {
  text-align: left;
}

.table-01.events td.team.right img {
  margin-left: 0px;
  margin-right: 10px;
}

.table-01.events td.vs {
  width: 90px;
  font-weight: bold;
  font-size: 20px;
  color: #000000;
  padding: 0px 5px;
  white-space: nowrap
}

.table-01.events td.vs .small {
  font-size: 14px;
  font-weight: normal;
}

.table-01.events td.vs .time {
  background: #0550F0;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 5px;
  display: block;
}

.table-01.events td.vs .time p {
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
  min-width: 90px;
}

.table-01.events td.vs .time .br {
  display: block;
}

.table-01.events td.buttons {
  font-size: 0px;
  white-space: nowrap;
  width: 1px;
}

.table-01.events td.buttons .button:not(:first-child) {
  margin-left: 10px;
}

.table-01.events tr.show-more .footable-toggle {
  display: none;
}

.table-01 .game {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.table-01 .game a {
  color: #000;
}

.table-01 .game a:hover {
  color: #0550F0;
}

.table-01 .game .aleft,
.table-01 .game .aright {
  -webkit-box-flex: 4;
  -webkit-flex: 4;
  -ms-flex: 4;
  flex: 4;
}

.table-01 .game .center {
  text-align: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.table-01 img.club {
  display: inline-block;
  max-height: 40px;
  min-height: 40px;
  width: auto;
  vertical-align: middle;
  margin-right: 10px;
}

.table-01.aleft thead th,
.table-01.aleft tbody td {
  text-align: left;
}

.table-01.table-actions thead th:last-child,
.table-01.table-actions tbody td:last-child,
.table-01.table-actions tfoot td:last-child {
  width: 1px;
  white-space: nowrap;
}

.table-01.table-actions tbody td:last-child .button+.button,
.table-01.table-actions tfoot td:last-child .button+.button {
  margin-left: 10px;
}

.table-01.table-actions tfoot td:last-child {
  padding-right: 20px;
}

.table-01.events.small.fixed {
  table-layout: fixed;
}

.table-01.events.small.fixed td.date,
.table-01.events.small.fixed td.buttons {
  width: 310px;
}

.block-head {
  background: #00067F;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.block-head .logo {
  width: 80px;
  float: left;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.20);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.20);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.block-head .logo img {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}

.block-head .content {
  padding: 10px 20px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.block-head .top {
  padding-top: 10px;
  padding-bottom: 20px;
}

.block-head .top .slider {
  margin-bottom: -4px;
}

.block-head .bottom {
  overflow: hidden;
}

.block-head .bottom .title {
  font-weight: bold;
  font-size: 20px;
  color: #FFFFFF;
  line-height: 30px;
  margin-right: 120px;
}

.block-head .bottom .filter-item {
  float: right;
  width: 100px;
}

.filter-item.type_select select {
  -webkit-appearance: none;
  background: #0550F0 url(../images/base/ico-caret-xs-w.png) no-repeat right 10px center;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.20);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.20);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-weight: bold;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 20px;
  padding: 5px 20px 5px 10px;
  border: 0px;
  width: 100%;
  height: 30px;
  -moz-appearance: none;
}

.top-filters {
  font-size: 0px;
}

.top-filters form {
  margin-bottom: -20px;
}

.top-filters .item-single {
  display: inline-block;
  vertical-align: top;
  margin-right: 40px;
  margin-bottom: 20px;
}

.top-filters .item-single:last-child {
  margin-right: 0px;
}

.top-filters .item-single>* {
  display: inline-block;
  vertical-align: top;
}

.top-filters label.label {
  font-weight: bold;
  font-size: 12px;
  color: #000000;
  line-height: 20px;
  text-transform: uppercase;
  margin-right: 10px;
}

.top-filters .type_select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  color: #0550F0;
  background: none;
  border: 0px;
  height: 20px;
  background: url(../images/base/ico-caret-m.png) no-repeat right center;
  min-width: 200px;
  padding-right: 15px;
  border-bottom: 1px solid #0550F0;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

.top-filters .type_select select option {
  color: #000;
}

.top-filters .type_text input {
  -webkit-appearance: none;
  -moz-appearance: none;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  color: #0550F0;
  background: none;
  border: 0px;
  height: 20px;
  min-width: 200px;
  border-bottom: 1px solid #0550F0;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

.top-filters+.events-list {
  margin-top: 20px;
}

.events-list>ul>li {
  list-style-type: none;
  border-top: 1px solid #E5EAED;
}

.events-list>ul>li:last-child .event-single {
  padding-bottom: 9px;
}

.events-list>ul>li:last-child {
  border-bottom: 1px solid #E5EAED;
}

.events-list>ul>li>.event-single {
  padding-top: 9px;
}

.events-list .bottom {
  padding-top: 10px;
  padding-bottom: 8px;
  border-bottom: 2px solid #0550F0;
}

.events-list .bottom a {
  display: block;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  color: #0550F0;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.events-list .bottom a:hover {
  opacity: 0.8;
}

.event-single {
  padding: 10px 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  white-space: nowrap;
  border-bottom: 1px solid #E6EAED;
}

.calendar-events .event-single {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.event-single>* {
  display: table-cell;
  vertical-align: middle;
}

.calendar-events .event-single>* {
  display: block;
}

.event-single>.info {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 310px;
  -ms-flex: 0 1 310px;
  flex: 0 1 310px;
  text-align: center;
}

.event-single .info p.title {
  font-family: 'Titillium Web', sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #000000;
  line-height: 20px;
  text-transform: uppercase;
  white-space: normal;
}

.event-single.game-playing .info p.title {
  color: #F00505;
}

.calendar-events .event-single .info p.title {
  text-align: left;
  text-transform: none;
}

.event-single .info p {
  font-size: 14px;
  color: #000000;
  line-height: 20px;
}

.event-single .actions {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 310px;
  -ms-flex: 0 1 310px;
  flex: 0 1 310px;
  text-align: right;
  padding: 20px 0px;
  font-size: 0px;
  padding-right: 45px;
  margin-right: -20px;
  margin-bottom: -10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.event-single .actions .button {
  margin-right: 20px;

  margin-bottom: 10px;
}

.event-single .teams {
  padding: 0px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 390px;
}

.event-single .teams>* {
  display: inline-block;
  vertical-align: top;
}

.event-single .teams .team {
  width: 130px;
  text-align: center;
  font-size: 0px;
}

.calendar-events .event-single .teams .team {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 230px;
}

#live-games.calendar-events .event-single .teams .team {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 150px;
  -ms-flex: 0 0 150px;
  flex: 0 0 150px;
}

#live-games.calendar-events .event-single.game-penalties .result p:not(.small) {
  font-size: 30px;
  line-height: 30px;
}

.calendar-events .event-single .teams .team:last-child {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.event-single .teams .team .flag {
  height: 40px;
  position: relative;
}

.event-single .teams .team .flag img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-height: 40px;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
}

.calendar-events .event-single .teams .team .flag {
  margin-left: 10px;
  width: 40px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.calendar-events .event-single .teams .team .flag img {
  display: block;
  max-width: 40px;
}

.calendar-events .event-single .teams .team:last-child .flag {
  margin: 0 10px 0 0;
}

.event-single .teams .team p {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  color: #000000;
  line-height: 20px;
  text-align: center;
  white-space: normal;
}

.calendar-events .event-single .teams .team p {
  font-weight: normal;
  text-transform: none;
  text-align: right;
}

.calendar-events .event-single .teams .team:last-child p {
  text-align: left;
}

.event-single .teams .result {
  min-width: 90px;
  padding-top: 15px;
  padding-bottom: 20px;
}

.event-single .teams .result a:hover p {
  color: #0550F0;
}

.event-single .teams .result .overtime {
  display: block;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
}

.calendar-events .event-single .teams .result {
  padding: 0 0 5px;
  line-height: 35px;
  position: relative;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.calendar-events .event-single .teams .result .unofficial {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  line-height: 20px;
}

.calendar-events .event-single .teams .result .result {
  display: block;
  padding-bottom: 0;
}

.event-single .teams .result p {
  font-weight: bold;
  font-size: 30px;
  color: #000000;
  line-height: 45px;
  text-align: center;
}

.event-single.game-penalties .teams .result p {
  font-size: 14px;
  line-height: 15px;
}

.event-single.game-penalties .teams .result p .unofficial {
  top: -5px;
  font-size: 20px;
}

.event-single.game-penalties .teams .result p .pen-result {
  display: block;
  font-size: 30px;
  line-height: 30px;
}

.event-single .teams .result p.small {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
}

.datepicker-widget+.points-widget {
  margin-top: 20px;
}

.points-widget .image img {
  display: block;
  width: 100%;
  height: auto;
}

.points-widget .image {
  margin-bottom: 15px;
}

.points-widget .title {
  font-weight: bold;
  text-align: center;
  font-size: 20px;
  color: #000000;
  line-height: 30px;
  margin-bottom: 15px;
}

.event-detail .head {
  text-align: center;
  font-size: 0px;
}

.event-detail .head .teams {
  display: inline-block;
  vertical-align: top;
}

.event-detail .head .teams>* {
  display: inline-block;
  vertical-align: middle;
}

.event-detail .head .teams .team {
  width: 200px;
  vertical-align: top;
}

.event-detail .head .teams .team .flag {
  height: 100px;
  position: relative;
  margin-bottom: 20px;
}

.event-detail .head .teams .team .flag img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-height: 67px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
}

.event-detail .head .teams .team p {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px;
  color: #000000;
  line-height: 30px;
}

.event-detail .head .teams .spacer {
  padding: 55px 20px;
}

.event-detail .head .teams .spacer p {
  font-weight: bold;
  font-size: 30px;
  color: #000000;
  line-height: 40px;
  min-width: 90px;
}

.event-detail .head .teams .spacer.multi {
  padding-top: 0px;
  padding-bottom: 0px;
}

.event-detail .head .teams .spacer.multi p {
  line-height: 35px;
}

.event-detail .head .teams .spacer.multi p small {
  display: block;
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 15px;
}

.event-detail .head .teams .spacer.multi .p-sm {
  font-size: 20px;
}

.event-detail .head .teams .spacer.multi .p-md {
  font-size: 25px;
}

.event-detail .head .teams .spacer.multi .p-lg {
  font-size: 35px;
}

.event-detail .head .teams .spacer.multi .p-lg small {
  font-weight: bold;
}

.event-detail .head>.info {
  margin-top: 20px;
}

.event-detail .head>.info .comment {
  font-size: 24px;
  line-height: 30px;
}

.event-detail .head .info>ul>li {
  display: inline-block;
  vertical-align: top;
  padding-right: 20px;
  line-height: 40px;
  border-right: 1px dotted #0550F0;
  margin-right: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  margin-bottom: 0;
}

.event-detail .head .info>ul>li:last-child {
  margin-right: 0px;
  padding-right: 0px;
  border-right: 0px;
}

.event-detail .head .info>ul>li.type {
  font-weight: bold;
  font-size: 20px;
  color: #000000;
  text-transform: uppercase;
}

.event-detail .head .info>ul>li.ico {
  background-repeat: no-repeat;
  background-position: left center;
  font-weight: bold;
  font-size: 18px;
  color: #000000;
  padding-left: 30px;
}

.event-detail .head .info>ul>li.date {
  background-image: url(../images/base/ico-calendar-m.png);
  padding-left: 34px;
}

.event-detail .head .info>ul>li.location {
  background-image: url(../images/base/ico-map-pin-m.png);
}

.event-detail .head .info>ul>li.group {
  padding-left: 34px;
  background-image: url(../images/base/ico-group-m.png);
}

.event-detail .head .actions {
  margin-top: 40px;
}

.event-detail .head .actions .button:not(:last-child) {
  margin-right: 20px;
}

.event-detail .block {
  margin-top: 40px;
}

.block.block-01 {
  margin-bottom: 20px;
}

.block.block-01 .head,
.block.block-02 .head {
  margin-bottom: 20px;
}

.block.center .head p,
.block.block-01.center .head p {
  text-align: center;
}

.block.block-01 .head p,
.block.block-02 .head p {
  font-family: 'Titillium Web', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 24px;
  color: #00067F;
  line-height: 30px;
  text-align: left;
}

.block.block-01.small .head p {
  font-size: 20px;
  line-height: 20px;
}

.block.block-02 .head p {
  line-height: 30px;
}

.block.block-02 .head .buttons {
  float: right;
  font-size: 0px;
}

.block.block-02 .head .buttons>*:not(:first-child) {
  margin-left: 10px;
}

.block.block-02 .head p {
  float: left;
}

#table_comment .head p {
  color: #00067F;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 5px;
}

.event-detail .block.info>ul {
  display: table;
  width: 100%;
}

.event-detail .block.info:not(.vertical)>ul>li {
  display: table-cell;
  vertical-align: middle;
  width: 33.333%;
  list-style-type: none;
}

.event-detail .block.info>ul>li:not(.main) {
  padding-left: 20px;
}

.event-detail .block.info>ul>li .value:last-child {
  margin-bottom: 0px;
}

.event-detail .block.info .title {
  font-weight: bold;
  font-size: 12px;
  color: #000000;
  text-transform: uppercase;
}

.event-detail .block.info .title:not(:first-of-type) {
  padding-top: 10px;
}

.event-detail .block.info .value {
  margin-bottom: 10px;
  font-size: 14px;
  color: #000000;
}

.event-detail .block.info .main .value {
  font-size: 24px;
  color: #000000;
  line-height: 35px;
}

.event-detail .block.info.vertical ul {
  display: block;
}

.event-detail .block.info.vertical ul li {
  display: block;
}

.event-detail .block.info.vertical ul li+li {
  margin-top: 10px;
}

.event-detail .block.info.vertical ul li:not(.main) {
  padding-left: 0;
}

.event-detail .block .list.goals ul li a {
  margin-left: 10px;
}

.event-detail .past-matches {}

.past-matches .stats>* {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

.past-matches .stats {
  font-size: 0px;
  margin-bottom: 20px;
}

.past-matches .stats .games {
  padding-right: 20px;
  width: 48.5%;
}

.past-matches .stats .games .total,
.past-matches .stats .goals .total {
  float: left;
  width: 140px;
  text-align: center;
  padding-top: 10px;
}

.past-matches .stats .games .total .title,
.past-matches .stats .goals .total .title {
  font-weight: bold;
  font-size: 12px;
  color: #000000;
  line-height: 20px;
  text-transform: uppercase;
}

.past-matches .stats .games .total .value,
.past-matches .stats .goals .total .value {
  font-weight: bold;
  font-size: 70px;
  color: #000000;
  line-height: 70px;
  margin-top: -7px;
}

.past-matches .stats .games .pie {
  padding-left: 20px;
  font-size: 0px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.past-matches .stats .games .pie>* {
  display: inline-block;
  vertical-align: top;
}

.past-matches .stats .games .pie .legend {
  margin-left: 20px;
  padding-top: 10px;
}

.past-matches .stats .games .pie .legend ul li {
  font-weight: bold;
  font-size: 12px;
  color: #000000;
  line-height: 20px;
  overflow: hidden;
  text-transform: uppercase;
  margin-bottom: 10px;
  list-style-type: none;
  text-align: left;
  padding-left: 30px;
}

.past-matches .stats .games .pie .legend ul li:last-child {
  margin-bottom: 0px;
}

.past-matches .stats .games .pie .legend ul li span {
  width: 20px;
  height: 20px;
  float: left;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-left: -30px;
}

.past-matches .stats .games .pie .legend ul li:last-child span {
  border: 1px solid #E5EAED;
}

.past-matches .stats .goals {
  padding-left: 19px;
  border-left: 1px dotted #0550F0;
  overflow: hidden;
  width: 51.5%
}

.past-matches .stats .goals .chart {
  padding-left: 140px;
  padding-top: 10px;
}

.progress-bar .top {
  padding: 0px 10px;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.progress-bar .top p:first-child {
  text-align: left;
}

.progress-bar .top p:last-child {
  margin-left: auto;
  text-align: right;
}

.progress-bar p {
  font-weight: bold;
  text-transform: uppercase;
  line-height: 20px;
  font-size: 12px;
  color: #000000;
}

.progress-bar .bottom p {
  text-align: center;
}

.progress-bar .progress {
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: #0A2463;
  overflow: hidden;
  height: 40px;
}

.progress-bar .progress .left {
  background: #0550F0;
  float: left;
  height: inherit;
  -webkit-transition: width 200ms ease;
  -o-transition: width 200ms ease;
  transition: width 200ms ease;
}

.progress-bar .progress .flag {
  padding: 12px 14px;
}

.progress-bar .progress .left .flag {
  float: left;
}

.progress-bar .progress img {
  display: block;
  border: 1px solid #fff;
}

.progress-bar .progress>.flag {
  float: right;
}

.event-detail .block .list>ul {
  float: left;
  width: 50%;
  list-style-type: none;
}

.event-detail .block .list>ul.mobile {
  display: none;
}

.event-detail .block .list>ul.mobile>li.left .status {
  margin-left: auto;
  margin-right: 0;
}

.event-detail .block .list>ul.mobile>li.right .status {
  padding-left: 0;
  padding-right: 20px;
  margin-right: auto;
  margin-left: 0;
}

.event-detail .block .list>ul.mobile>li .status {
  float: none;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.event-detail .block .list>ul:first-child {
  padding-right: 10px;
}

.event-detail .block .list>ul:last-child {
  padding-left: 10px;
}

.event-detail .block .list>ul>li {
  border-top: 1px solid #E5EAED;
  padding-top: 9px;
  padding-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 40px;
}

.event-detail .block .list>ul>li.spacer {
  min-height: auto;
}

.event-detail .block .list>ul>li.large {
  font-weight: bold;
  font-size: 16px;
}

.event-detail .block .list>ul>li:last-child {
  border-bottom: 1px solid #E5EAED;
}

.event-detail .block .list>ul.right {
  float: right;
  padding-right: 0px;
}

.event-detail .block .list>ul:only-child:not(.right) {
  padding-left: 0px;
}

.event-detail .block .list.timeline+.soccer-legend {
  margin-top: 27px;
  margin-bottom: 8px;
}

.event-detail .block.block-01.small .list>ul>li {
  font-size: 14px;
  min-height: auto;
  padding-top: 4px;
  padding-bottom: 5px;
}

.list.list-01>ul>li {
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  color: #000000;
  line-height: 20px;
}

.list.list-01>ul>li .minute {
  margin-right: 10px;
}

.list.list-01>ul>li a:not(.button) {
  color: #000;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.list.list-01>ul>li a:not(.button):hover {
  color: #0550F0;
}

.goals-list .goal-single {
  border-top: 1px solid #E5EAED;
  padding-top: 9px;
  padding-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.goals-list .goal-single:last-child {
  padding-bottom: 9px;
  border-bottom: 1px solid #E5EAED;
}

.goals-list .goal-single .player {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 16px;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.goals-list .goal-single .player .time {
  margin-right: 5px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.goals-list .goal-single .player .status {
  float: none;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  margin: 0;
  padding: 0;
  font-size: 12px;
  padding-left: 5px;
}

.goals-list .goal-single .player:first-child {
  text-align: right;
}

.goals-list .goal-single .player:first-child .time {
  margin-left: auto;
}

.goals-list .goal-single .score {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 90px;
  -ms-flex: 0 0 90px;
  flex: 0 0 90px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.list.list-02>ul>li .count {
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  text-align: left;
  width: 25px;
}

.list.list-02>ul>li {
  font-size: 14px;
  color: #000000;
  line-height: 20px;
  text-align: right;
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.list.list-02>ul>li>p,
.list.list-02>ul>li>a:not(.button) {
  font-size: 18px;
  min-width: 200px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin-right: 95px;
  float: right;
  color: #000;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.list.list-02>ul>li>a:not(.button) {
  color: #0550F0;
}

.list.list-02>ul>li>a:not(.button):hover {
  color: #00067F;
}

.list.list-02:not(.timeline) .status,
.list.list-01.goals .status {
  min-width: 95px;
  float: right;
  text-align: left;
  height: 25px;
  margin: -3px 0px;
  font-size: 0px;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
  margin-left: auto;
  padding-left: 20px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.list.list-02 .status+p,
.list.list-01.goals .status+p {
  margin-right: 0px;
}

.list.list-02>ul>li>p small {
  font-size: 14px;
}

.list.list-02 .status>*,
.list.list-01.goals .status>* {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}

.list.list-02 .status>*:last-child,
.list.list-01.goals .status>*:last-child {
  margin-right: 0px;
}

.list.list-02 .status .card,
.list.list-01.goals .status .card {
  display: inline-block;
  width: 18px;
  height: 24px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.list.list-02 .status .switch,
.list.list-01.goals .status .switch {
  width: 14px;
  background: url(../images/base/ico-switch-02.png) no-repeat center;
}

.list.list-02 .status .football,
.list.list-01.goals .status .football {
  width: 20px;
  min-height: 20px;
  background: url(../images/base/ico-football-m.png) no-repeat center;
  margin-top: 2px;
  padding-top: 20px;
}

.list.list-02 .status .goal.red,
.list.list-01.goals .status .goal.red {
  width: 20px;
  height: 20px;
  background: url(../images/base/ico-football2-m.png) no-repeat center;
  margin-top: 2px;
  padding-top: 20px;
}

.list.list-02 .status .penalty,
.list.list-01.goals .status .penalty {
  width: 20px;
  min-height: 20px;
  background: url(../images/base/ico-penalty-m.png) no-repeat center;
  margin-top: 2px;
  padding-top: 20px;
}

.list.list-02 .status .saved-penalty,
.list.list-01.goals .status .saved-penalty {
  width: 20px;
  height: 20px;
  background: url(../images/base/ico-saved-penalty-m.png) no-repeat center;
  margin-top: 2px;
}

.list.list-02 .status .canceled-goal,
.list.list-01.goals .status .canceled-goal {
  width: 20px;
  height: 20px;
  background: url(../images/base/ico-football-var-m.png) no-repeat center;
  margin-top: 2px;
}

.list.list-02 .status .penalty.red,
.list.list-01.goals .status .penalty.red {
  background-image: url(../images/base/ico-penalty2-m.png);
}

.list.list-02 .status .football.var,
.list.list-01.goals .status .football.var {
  background-image: url(../images/base/ico-football-var-m.png);
}

.list.list-02 .status .card.red,
.list.list-01.goals .status .card.red {
  background: #FF0000;
}

.list.list-02 .status .card.yellow,
.list.list-01.goals .status .card.yellow {
  background: #DDE203;
}

.list.list-02 .status .out,
.list.list-02 .status .in,
.list.list-01.goals .status .out,
.list.list-01.goals .status .in {
  font-weight: bold;
  font-size: 11px;
  color: #000000;
  line-height: 25px;
  padding-right: 19px;
  background: url(../images/base/ico-arrow-right-m.png) no-repeat right center;
}

.list.list-02 .status .in,
.list.list-01.goals .status .in {
  background: url(../images/base/ico-arrow-left-m.png) no-repeat right center;
}

.list.list-02>ul>li.title {
  border-top: 0px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 20px;
  color: #0550F0;
  line-height: 20px;
  padding-top: 0px;
}

.list.list-02>ul>li.title a:not(.button) {
  font-size: 20px;
}

.list.list-03>ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px solid #E5EAED;
}

.list.list-03>ul>li {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 33.33%;
  -ms-flex: 1 1 33.33%;
  flex: 1 1 33.33%;
  list-style-type: none;
  border-bottom: 1px solid #E5EAED;
  padding-top: 9px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: bold;
  text-align: left;
  font-size: 16px;
  color: #000000;
  line-height: 20px;
}

.event-detail .lineup-layout {
  margin-top: 40px;
}

.lineup-layout {
  font-size: 0px;
}

.lineup-layout .col {
  width: 50%;
  text-align: center;
  padding-left: 0px !important;
}

.lineup-layout .soccer-field {
  margin: auto;
}

.soccer-field {
  width: 300px;
  height: 400px;
  background: url(../images/base/soccer-field.png) no-repeat center;
  padding-top: 25px;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-background-size: contain;
  background-size: contain;
}

.soccer-field .row {
  margin-left: 0px !important;
}

.soccer-field .row:not(.gk) {
  display: block;
  position: relative;
  height: 60px;
}

.soccer-field .row:not(.gk) .player {
  position: absolute;
  top: 0px;
}

.soccer-field .row:not(.gk) .player.p-1 {
  left: 0px;
}

.soccer-field .row:not(.gk) .player.p-2 {
  left: 60px;
}

.soccer-field .row:not(.gk) .player.p-3 {
  left: 50%;
  margin-left: -15px;
}

.soccer-field .row:not(.gk) .player.p-4 {
  right: 60px;
}

.soccer-field .row:not(.gk) .player.p-5 {
  right: 0px;
}

.soccer-field .row.gk {
  display: block;
  text-align: center;
  height: 30px;
}

.soccer-field .row.gk:first-child {
  margin-bottom: 15px;
}

.soccer-field .row.attack,
.soccer-field .row.defence {
  height: 55px;
}

.soccer-field .row.defence {
  margin-top: -20px;
  margin-bottom: 25px;
}

.soccer-field .row.attack .player {
  top: 15px;
}

.soccer-field .row.attack .player:not(.p-1):not(.p-5) {
  top: 0px;
}

.soccer-field .row.defence .player {
  top: 0px;
}

.soccer-field .row.defence .player:not(.p-1):not(.p-5) {
  top: 15px;
}

.soccer-field .player {
  width: 30px;
  height: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  background: #00067F;
  line-height: 20px;
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;
  padding: 5px 0px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.soccer-field .player:hover .tooltip {
  opacity: 1;
  visibility: visible;
}

.soccer-field .tooltip {
  white-space: nowrap;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 100%;
  margin-top: 5px;
  min-width: 200px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  z-index: 5000;
}

.soccer-field .tooltip.visible {
  opacity: 1 !important;
  visibility: visible !important;
}

.soccer-field .tooltip .name {
  font-weight: bold;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 25px;
}

.soccer-field .tooltip .position {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px;
  color: #FFFFFF;
  line-height: 15px;
}

.tooltip {
  background: #0550F0;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 10px;
  position: absolute;
}

.tooltip:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #054ff0 transparent;
}

.tooltip.top:before {
  border-width: 10px 10px 0 10px;
  border-color: #054ff0 transparent transparent transparent;
  bottom: 0px;
  top: 100%;
}

.status>* {
  position: relative;
}

.status>*:hover .tooltip {
  opacity: 1;
  visibility: visible;
}

.status .tooltip {
  font-size: 12px;
  color: #fff;
  width: 200px;
  line-height: 15px;
  bottom: 100%;
  margin-bottom: 15px;
  margin-left: -100px;
  left: 50%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.soccer-legend ul {
  font-size: 0px;
  margin-right: 30px;
  margin-bottom: -10px;
}

.soccer-legend ul li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 10px;
  color: #000000;
  background-repeat: no-repeat;
  background-position: left center;
  display: inline-block;
  vertical-align: top;
  line-height: 24px;
  margin-bottom: 10px;
}

.soccer-legend ul li:last-child {
  margin-right: 0px;
}

.soccer-legend ul li {}

.soccer-legend ul li.card:before {
  content: "";
  width: 18px;
  height: 24px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  line-height: 24px;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}

.soccer-legend ul li.card.yellow:before {
  background: #DDE203;
}

.soccer-legend ul li.card.red:before {
  background: #FF0000;
}

.soccer-legend ul li.switch {
  background-image: url(../images/base/ico-switch.png);
  padding-left: 44px;
}

.soccer-legend ul li.goal {
  background-image: url(../images/base/ico-football-m.png);
  padding-left: 31px;
}

.soccer-legend ul li.goal.red {
  background-image: url(../images/base/ico-football2-m.png);
}

.soccer-legend ul li.penalty {
  background-image: url(../images/base/ico-penalty-m.png);
  padding-left: 28px;
}

.soccer-legend ul li.saved-penalty {
  background-image: url(../images/base/ico-saved-penalty-m.png);
  padding-left: 28px;
}

.soccer-legend ul li.penalty.red {
  background-image: url(../images/base/ico-penalty2-m.png);
}

.soccer-legend ul li.football.var {
  background-image: url(../images/base/ico-football-var-m.png);
}

.soccer-legend ul li.canceled-goal {
  background-image: url(../images/base/ico-football-var-m.png);
  padding-left: 28px;
}

.list.list-02.timeline>ul {
  padding: 0px !important;
  width: 100%;
}

.list.list-02.timeline>ul>li {
  display: table;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 17px;
  padding-bottom: 18px;
}

.list.list-02.timeline>ul>li .col {
  float: none;
  display: table-cell !important;
  vertical-align: middle !important;
  padding: 0px !important;
}

.list.list-02.timeline>ul>li .order {
  width: 60px;
  text-align: right;
  font-weight: bold;
  font-size: 18px;
  color: #000000;
  line-height: 20px;
}

.list.list-02.timeline>ul>li .status {
  width: 100px;
  text-align: center;
}

.list.list-02.timeline .status .switch {
  height: 44px;
}

.list.list-02.timeline .status .football,
.list.list-02.timeline .status .penalty,
.list.list-02.timeline .status .goal.red {
  height: auto;
  width: auto;
  min-width: 20px;
  padding-top: 20px;
  font-size: 12px;
  font-weight: bold;
  background-position: top center;
}

.list.list-02.timeline>ul>li .player {
  text-align: left;
  font-size: 18px;
  color: #000000;
  line-height: 20px;
}

.list.list-02.timeline>ul>li .player a {
  color: #000;
}

.list.list-02.timeline>ul>li .player a:hover {
  color: #0550F0;
}

.list.list-02.timeline>ul>li .player p {
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
}

.list.list-02.timeline>ul>li .player .goal-passer {
  font-size: 14px;
  opacity: 0.8;
  white-space: nowrap;
  font-weight: normal;
}

.list.list-02.timeline>ul>li .player span {
  font-weight: bold;
  width: 21px;
  text-align: left;
  margin-right: 9px;
  display: inline-block;
  vertical-align: top;
}

.list.list-02.timeline>ul>li .country {
  text-transform: uppercase;
  font-size: 12px !important;
  color: #000000;
  line-height: 20px;
}

.tabs-head {
  background: #00067F;
  padding: 20px 10px 0px 10px;
  position: relative;
}

.tabs-head>ul {
  display: table;
  width: 100%;
}

.tabs-head>ul>li {
  list-style-type: none;
  display: table-cell;
  padding: 0px 10px;
}

.tabs-head>ul>li>a {
  display: block;
  text-align: center;
  padding: 20px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.tabs-head>ul>li>a:hover {
  background-color: RGBA(5, 80, 240, 0.2);
  color: #FFFFFF;
}

.tabs-head>ul>li.active>a {
  background: #0550F0;
}

.tabs-head>ul>li.active>a:hover {
  background-color: RGBA(5, 80, 240, 0.8);
}

.tabs .tabs-content>ul>li {
  list-style-type: none;
}

.tabs .tabs-content>ul>li:not(:first-child) {
  display: none;
}

.tabs.small .tabs-head {
  padding: 10px 10px 0px 10px;
  overflow: hidden;
}

.tabs.small .tabs-head>ul {
  display: block;
}

.tabs.small .tabs-head>ul>li {
  padding: 0px;
  display: block;
  float: left;
}

.tabs.small .tabs-head>ul>li>a {
  white-space: nowrap;
  text-transform: none;
  padding: 15px 10px;
  font-weight: normal;
}

.tabs.small .tabs-head>ul>li.active>a {
  font-weight: bold;
}

.tabs.small .tabs-head .buttons {
  position: absolute;
  right: 20px;
  bottom: 15px;
  font-size: 0px;
}

.tabs.small .tabs-head .buttons .button:not(:first-child) {
  margin-left: 5px;
}

.tabs-head .drop {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  background: #0550F0 url(../images/base/ico-caret-xs-w.png) no-repeat center;
  width: 30px;
  display: none;
}

.statistics {
  padding-top: 20px;
}

.statistics p {
  font-size: 14px;
  margin-bottom: 20px;
}

.gallery-list .row:not(:first-child) {
  margin-top: 20px;
}

.gallery-list .album-single+.album-single {
  margin-top: 20px;
}

.album-single {
  min-height: 190px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  display: block;
  padding: 20px;
  position: relative;
}

a.album-single:hover:after {
  height: 150px;
}

a.album-single:hover .title {
  margin-bottom: 5px;
}

.album-single:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 100px;
  background: -webkit-linear-gradient(top, rgba(0, 5, 127, 0) 0%, rgba(0, 6, 127, 1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 5, 127, 0)), to(rgba(0, 6, 127, 1)));
  background: -o-linear-gradient(top, rgba(0, 5, 127, 0) 0%, rgba(0, 6, 127, 1) 100%);
  background: linear-gradient(to bottom, rgba(0, 5, 127, 0) 0%, rgba(0, 6, 127, 1) 100%);
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.album-single .content {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  z-index: 2;
}

.album-single .title {
  font-size: 18px;
  color: #FFFFFF;
  line-height: 20px;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.album-single .info {
  overflow: hidden;
}

.album-single .info>* {
  float: left;
  margin-right: 20px;
}

.album-single .info>*:last-child {
  margin-right: 0px;
}

.album-single .info .date,
#gallery-modal .bottom .more .date {
  font-size: 12px;
  color: #FFFFFF;
  line-height: 20px;
}

.album-single .info .images,
#gallery-modal .bottom .more .images {
  font-weight: bold;
  padding-left: 17px;
  font-size: 10px;
  color: #FFFFFF;
  line-height: 20px;
  text-transform: uppercase;
  background: url(../images/base/ico-gallery-sm.png) no-repeat left center;
}

.album-single.big {
  min-height: 400px;
}

.album-single.big:after {
  height: 200px;
}

a.album-single.big:hover:after {
  height: 250px;
}

.album-single.big .title {
  line-height: 30px;
  font-size: 20px;
}

.gallery-detail .head {
  padding-bottom: 19px;
  border-bottom: 1px solid #0550F0;
  margin-bottom: 20px;
}

.gallery-detail .head>p {
  font-size: 40px;
  color: #00067F;
  line-height: 60px;
}

.gallery-detail .info {
  overflow: hidden;
}

.gallery-detail .info>* {
  float: left;
  margin-right: 20px;
}

.gallery-detail .info>*:last-child {
  margin-right: 0px;
}

.gallery-detail .info .date {
  font-size: 12px;
  color: #00067F;
  line-height: 20px;
}

.gallery-detail .info .images {
  background: url(../images/base/ico-gallery02-sm.png) no-repeat left center;
  padding-left: 17px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 10px;
  color: #00067F;
  line-height: 20px;
}

.gallery-detail .thumbnails>ul {
  font-size: 0px;
  margin: -2.5px;
}

.gallery-detail .thumbnails>ul>li {
  list-style-type: none;
  display: inline-block;
  vertical-align: top;
  padding: 2.5px;
  width: 20%;
}

.gallery-detail .thumbnails a {
  display: block;
  width: 100%;
  max-width: 100%;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.gallery-detail .thumbnails a:hover {
  opacity: 0.8;
}

.gallery-detail .thumbnails img {
  display: block;
  width: 100%;
  height: auto;
}

#gallery-modal {
  display: none;
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background-color: RGBA(5, 7, 56, 0.9);
  z-index: 2000;
}

#gallery-modal .mdl-close {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 80px;
  height: 80px;
  background: #030D26 url(../images/base/ico-cross-m.png) no-repeat center;
  z-index: 200;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

#gallery-modal .mdl-close:hover {
  opacity: 0.8;
}

#gallery-modal .image {
  position: absolute;
  top: 0px;
  bottom: 100px;
  left: 0px;
  right: 0px;
}

#gallery-modal .image img {
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  max-height: 100%;
  max-width: 100%;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.50);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.50);
}

#gallery-modal .controls a {
  position: absolute;
  width: 48px;
  height: 44px;
  background-repeat: no-repeat;
  top: 50%;
  margin-top: -22px;
  opacity: 0.5;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
}

#gallery-modal .controls a:hover {
  opacity: 1;
  width: 58px;
}

#gallery-modal .controls .prev {
  left: 40px;
  background-image: url(../images/base/ico-arrow-left-l.png);
  background-position: left center;
}

#gallery-modal .controls .prev:hover {
  left: 30px;
}

#gallery-modal .controls .next {
  right: 40px;
  background-image: url(../images/base/ico-arrow-right-l.png);
  background-position: right center;
}

#gallery-modal .controls .next:hover {
  right: 30px;
}

#gallery-modal .bottom {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: #030D26;
  padding: 35px 40px;
}

#gallery-modal .bottom .title {
  font-size: 20px;
  color: #FFFFFF;
  line-height: 30px;
  float: left;
}

#gallery-modal .bottom .more {
  float: right;
  padding: 5px 0px;
}

#gallery-modal .bottom .more>* {
  float: left;
  margin-left: 20px;
}

#gallery-modal .bottom .more>*:first-child {
  margin-left: 0px;
}

#gallery-modal .bottom .more>a {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 10px;
  color: #FFFFFF;
  line-height: 20px;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

#gallery-modal .bottom .more>a:hover {
  opacity: 0.8;
}

#gallery-modal .bottom .more>a.original {
  padding-left: 14px;
  background: url(../images/base/ico-dl-sm.png) no-repeat left center;
  margin-left: 40px;
}

.group-details .block {
  margin-top: 40px;
}

.group-details .table-01 img {
  height: 18px;
}

.event-info-widget {
  text-align: center;
}

.event-info-widget .image img {
  display: block;
  width: 100%;
  height: auto;
}

.event-info-widget .image {
  margin-bottom: 20px;
}

.event-info-widget .title {
  font-weight: bold;
  font-size: 20px;
  color: #000000;
  line-height: 30px;
  margin-bottom: 10px;
}

.event-info-widget .text {
  font-size: 14px;
  color: #000000;
  line-height: 20px;
}

.event-info-widget .text a {
  color: #0550F0;
  text-decoration: underline;
}

.table-widget .title {
  font-weight: bold;
  font-size: 20px;
  color: #000000;
  line-height: 30px;
  text-align: center;
  margin-bottom: 10px;
}

.games-list {
  position: relative;
}

.games-list+.games-list {
  margin-top: 20px;
}

.games-list .info:not(.button) {
  width: auto;
  position: absolute;
  top: 0px;
  left: 0px;
}

.games-list .info p {
  font-weight: bold;
  font-size: 12px;
  color: #000000;
  line-height: 20px;
  white-space: nowrap;
  text-transform: uppercase;
  display: inline-block;
  white-space: nowrap;
  width: auto;
}

.games-list .content>ul>li {
  border-top: 1px solid #E5EAED;
  padding: 9px 0px 10px;
  position: relative;
  list-style-type: none;
}

.games-list .content>ul>li>.info {
  left: 0px;
  top: 0px;
}

.games-list .content>ul>li:first-child>.info {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.games-list .pagination {
  background: #fff;
  z-index: 20;
  position: relative;
}

.event-single-small {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.event-single-small .content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.event-single-small .buttons {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 0px;
}

.event-single-small .buttons>*:not(:first-child) {
  margin-left: 5px;
}

.event-single-small .time {
  text-align: center;
  font-size: 12px;
  color: #000000;
  line-height: 20px;
}

.event-single-small .teams {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.event-single-small .teams p {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bold;
  font-size: 14px;
  color: #000000;
  line-height: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.event-single-small .teams p a {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.event-single-small .teams p a:hover {
  opacity: 0.8;
}

.event-single-small .teams p img {
  max-height: 30px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
}

.event-single-small .teams p.left {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: right;
}

.event-single-small .teams p.left img {
  margin-left: 10px;
}

.event-single-small .teams p.right {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.event-single-small .teams p.right img {
  margin-right: 10px;
}

.event-single-small .teams .results-container {
  text-align: center;
}

.event-single-small .teams .results-container p {
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.event-single-small .teams .result {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  margin: 0px 10px;
  min-width: 50px;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  color: #000000;
  line-height: 20px;
  white-space: nowrap;
}

.table-filters {
  padding: 20px 20px 15px 20px;
  background: #00067F;
}

.table-filters .items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.table-filters .item-single .label {
  margin: 0px 0px 10px 10px;
  display: block;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
}

.table-filters .item-single.type_select {
  -webkit-box-flex: 16;
  -webkit-flex: 16;
  -ms-flex: 16;
  flex: 16;
}

.table-filters .item-single.smaller {
  -webkit-box-flex: 13;
  -webkit-flex: 13;
  -ms-flex: 13;
  flex: 13;
}

.table-filters .item-single:not(:last-child) {
  margin-right: 20px;
}

.table-filters .item-single.type_select select {
  background-color: #0550F0;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.20);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.20);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-weight: bold;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 20px;
  padding: 5px 26px 5px 10px;
  height: 30px;
  width: 100%;
  background-image: url(../images/base/ico-caret-xs-w.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
}

.table-filters .data {
  padding-top: 15px;
}

.table-filters .data>ul {
  font-size: 0px;
  text-align: center;
}

.table-filters .data>ul>li {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
  margin-right: 20px;
  position: relative;
}

.table-filters .data>ul>li:not(:last-child):before {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -2px;
  width: 4px;
  height: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-left: 8px;
  background: #fff;
}

.table-filters .data>ul>li:last-child {
  margin-right: 0px;
}

.pagination {
  border-bottom: 2px solid #0550F0;
  padding: 20px 0px 18px;
  text-align: center;
}

.pagination .prev,
.pagination .next {
  font-family: 'Titillium Web', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  color: #0550F0;
  line-height: 20px;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  margin-bottom: 5px;
}

.pagination a {
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.pagination a:hover {
  color: #0550F0;
  padding-bottom: 3px;
  margin-top: -3px;
}

.pagination .prev {
  float: left;
}

.pagination .next {
  float: right
}

.pagination .center {
  display: inline-block;
  vertical-align: top;
  font-size: 0px;
}

.pagination .center>* {
  padding: 0px 7.5px;
}

.pagination .center a {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  color: #404040;
}

.pagination .center span {
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
}

.pagination .center .active {
  color: #0550F0;
}

.pagination.small {
  padding-top: 10px;
  padding-bottom: 8px;
  overflow: hidden;
}

#subnav {
  background: #0550F0;
  padding: 10px;
  z-index: 200;
  position: relative;
  margin-bottom: 10px;
}

#subnav:after {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: 100%;
  margin-top: 9px;
  height: 1px;
  background: #E5EAED;
}

#subnav>ul {
  background: #FFFFFF;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#subnav>ul>li {
  margin-right: 10px;
  position: relative;
  margin-bottom: -10px;
}

#subnav>ul>li:hover>ul {
  opacity: 1;
  visibility: visible;
}

#subnav>ul>li:last-child {
  margin-right: 0px;
}

#subnav>ul>li>a {
  display: block;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  margin-bottom: 10px;
  height: 60px;
}

#subnav>ul>li>a:hover {
  opacity: 0.8;
}

#subnav>ul>li>a img {
  display: block;
  height: 100%;
  width: auto;
}

#subnav>ul>li>ul {
  background: #00067F;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  position: absolute;
  top: 100%;
  left: 0px;
  width: 220px;
  margin-top: 10px;
  z-index: 200;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

#subnav>ul>li>ul.open {
  opacity: 1;
  visibility: visible;
}

#subnav>ul>li>ul:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0px;
  right: 0px;
  height: 20px;
}

#subnav>ul>li>ul:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #00067f transparent;
}

#subnav>ul>li>ul>li {
  border-bottom: 1px solid #0E16AC;
}

#subnav>ul>li>ul>li:last-child {
  border-bottom: 0px;
}

#subnav>ul>li>ul>li>a {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
  padding: 10px 16px 9px 16px;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  display: block;
}

#subnav>ul>li>ul>li>a:hover {
  padding-left: 20px;
  padding-right: 12px;
}

.team-overview,
.field-overview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.team-overview .image,
.field-overview .image {
  width: 200px;
  margin-right: 20px;
  background-repeat: no-repeat;
  background-position: top center;
  -webkit-background-size: contain;
  background-size: contain;
  max-width: 100%;
}

.team-overview .image img,
.field-overview .image img {
  display: block;
  max-width: 100%;
  height: auto;
}

.field-overview .image {
  width: 400px;
}

.team-overview .content,
.field-overview .content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.team-overview .content .head,
.field-overview .content .head {
  margin-bottom: 20px;
}

.team-overview .content .head p,
.field-overview .content .head p {
  font-size: 30px;
  color: #00067F;
  line-height: 40px;
}

.team-overview .content .body,
.field-overview .content .body {
  border-top: 2px solid #0550F0;
  border-bottom: 2px solid #0550F0;
  padding: 18px 0px;
}

.team-overview .content .body ul li,
.field-overview .content .body ul li {
  list-style-type: none;
  font-size: 18px;
  color: #000000;
  line-height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.team-overview .content .body ul li+li,
.field-overview .content .body ul li+li {
  margin-top: 10px;
}

.team-overview .content .body ul li p.title,
.field-overview .content .body ul li p.title {
  width: 140px;
  margin-right: 20px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.team-overview .content .body ul li p.value,
.field-overview .content .body ul li p.value {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.team-overview .content .bottom {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.team-overview .content .bottom .button+.button {
  margin-left: 20px;
}

.m-t {
  margin-top: 20px !important;
}

.news-list .list .news-item-single:last-child {
  border-bottom: 1px solid #E6EAED;
}

.news-list.small .list .news-item-single {
  padding: 4px 0px 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.news-list.small .list .news-item-single .date {
  margin-right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.news-list.small .list .news-item-single .date .day {
  font-size: 12px;
  line-height: 20px;
}

.news-list.small .list .news-item-single .date .time {
  margin-left: 10px;
}

.news-item-single {
  border-top: 1px solid #E6EAED;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 14px 0px 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.news-item-single .date {
  margin-right: 20px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center;
}

.news-item-single .date .day {
  font-weight: bold;
  font-size: 30px;
  color: #0550F0;
  line-height: 30px;
}

.news-item-single .date .m-y,
.news-item-single .date .time {
  font-weight: bold;
  font-size: 12px;
  color: #0550F0;
  line-height: 20px;
}

.news-item-single .body {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.news-item-single .body .title {
  display: block;
  font-size: 30px;
  color: #000000;
  line-height: 30px;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.news-item-single .body a.title:hover {
  padding-left: 5px;
  margin-right: -5px;
}

.news-detail .head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}

.news-detail .head .date {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 20px;
  text-align: center;
}

.news-detail .head .date .day {
  font-weight: bold;
  font-size: 30px;
  color: #0550F0;
  line-height: 30px;
}

.news-detail .head .date .m-y {
  font-weight: bold;
  font-size: 12px;
  color: #0550F0;
  line-height: 20px;
}

.news-detail .head h1 {
  font-size: 40px;
  color: #00067F;
  line-height: 60px;
  margin: 0px !important;
}

.news-detail .body .main-img {}

.news-detail .body .main-img img {
  display: block;
  width: auto;
  height: auto;
  max-height: 300px;
}

.news-detail .body p {
  font-size: 16px;
  color: #000000;
  line-height: 30px;
}

.news-detail .body p:empty {
  min-height: 1px;
  margin-bottom: 4px;
}

.news-detail .body .intro p {
  font-size: 24px;
}

.social-share {
  margin-top: 20px;
}

.social-share .buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-bottom: -10px;
}

.social-share .buttons .button {
  margin-left: 10px;
  margin-bottom: 10px;
}

.events-list-02 .list .event-item-single:last-child {
  border-bottom: 1px solid #E6EAED;
}

.event-item-single {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #E6EAED;
  padding: 24px 0px 25px;
}

.event-item-single .date {
  font-weight: bold;
  font-size: 20px;
  color: #0550F0;
  line-height: 30px;
  margin-right: 50px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.event-item-single .title {
  font-size: 20px;
  color: #000000;
  line-height: 30px;
}

.event-detail .date {
  font-weight: bold;
  font-size: 30px;
  color: #0550F0;
  line-height: 30px;
  margin-bottom: 20px;
}

.event-detail h1 {
  font-size: 40px;
  color: #00067F;
  line-height: 60px;
}

.event-detail .body img {
  display: block;
  float: left;
  margin-left: 20px;
  margin-right: 20px;
}

.event-detail .body p {
  font-size: 16px;
  color: #000000;
  line-height: 30px;
}

.event-detail .body .intro {
  font-size: 24px;
}

.calendar-events .block-01 .head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #E5EAED;
  margin-bottom: 0;
}

.home-widgets .calendar-events .block-01 .head {
  border-bottom: 2px solid #0550F0;
}

.calendar-events .block-01 .head .tag {
  font-family: 'Titillium Web', sans-serif;
  margin-left: auto;
  padding: 10px 20px;
  background: #E5EAED;
  -webkit-border-radius: 2px 2px 0px 0px;
  border-radius: 2px 2px 0px 0px;
  font-size: 14px;
  font-weight: bold;
}

.calendar-events .event-single .actions {
  padding: 0;
}

.calendar-events .table-01.events td.date {
  text-align: center;
}

.calendar-events .event-single>.info {
  padding: 0;
}

.search-results h1 {
  font-family: 'Titillium Web', sans-serif;
  font-size: 40px;
  color: #00067F;
  line-height: 60px;
  margin-bottom: 20px;
}

.search-group .head {
  padding-bottom: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 2px solid #0550F0;
  margin-bottom: 20px;
}

.search-group .head p {
  font-family: "Hanse";
  font-weight: bold;
  text-transform: uppercase;
  line-height: 30px;
  font-size: 30px;
  color: #00067F;
}

.search-group .head .buttons {
  margin-left: auto;
}

.search-group .content .buttons a {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  margin-top: 20px;
}

.search-group .item-single.player {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.search-group .item-single .title {
  font-family: 'Titillium Web', sans-serif;
  font-size: 24px;
  color: #00067F;
  line-height: 30px;
  display: inline-block;
  vertical-align: top;
}

.search-group .item-single .title em {
  background: #0550F0;
  color: #fff;
  padding: 0px 3px;
  display: inline-block;
  vertical-align: top;
}

.search-group .item-single .label {
  background: #0550F0;
  font-weight: bold;
  color: #fff;
  margin-left: 20px;
  text-transform: uppercase;
  font-size: 12px;
  padding: 0px 5px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}

.search-group .item-single .label-club {
  display: inline-block;
  min-width: 150px;
  text-align: left;
}

.search-group .item-single+.item-single {
  margin-top: 20px;
}

.search-group .item-single .text {
  font-size: 14px;
}

.search-group+.search-group {
  margin-top: 20px;
}

.search-group .item-single.club,
.search-group .item-single.file,
.search-group .item-single.folder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.search-group .item-single.club .image,
.search-group .item-single.file:before,
.search-group .item-single.folder:before {
  content: "";
  width: 30px;
  height: 30px;
  display: block;
  margin-right: 20px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: contain;
  background-size: contain;
}

.search-group .item-single.file:before,
.search-group .item-single.folder:before {
  -webkit-background-size: auto auto;
  background-size: auto;
}

.search-group .item-single.file:before {
  background-image: url(../images/base/ico-file.png);
}

.search-group .item-single.folder:before {
  background-image: url(../images/base/ico-folder.png);
}

.search-item-player.item-single {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.search-item-player .title {
  min-width: 250px;
}

.training-info .head {
  margin-bottom: 20px;
}

.training-info .head h2 {
  font-size: 30px;
  line-height: 40px;
  color: #00067F;
  font-weight: normal;
}

.training-info .head .button {
  margin-top: 20px;
}

.training-info .def * {
  font-family: 'Titillium Web', sans-serif !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
}

.training-info .def p {
  margin: 0 0 20px !important;
}

.training-info .def p:last-child {
  margin-bottom: 0 !important;
}

.training-info .def p,
.training-info .def p * {
  font-size: 16px !important;
  line-height: 20px !important;
  margin-top: 0 !important;
}

.training-info .def h2,
.training-info .def h2 * {
  font-size: 36px !important;
  line-height: 40px !important;
}

.training-info .def h3,
.training-info .def h3 * {
  font-size: 28px !important;
  line-height: 30px !important;
}

.training-info .def h4,
.training-info .def h4 * {
  font-size: 24px !important;
  line-height: 30px !important;
}

.training-info .def h5,
.training-info .def h5 * {
  font-size: 20px !important;
  line-height: 30px !important;
}

.training-info .def h6,
.training-info .def h6 * {
  font-size: 18px !important;
  line-height: 20px !important;
}

.training-info .def h2,
.training-info .def h2 *,
.training-info .def h3,
.training-info .def h3 *,
.training-info .def h4,
.training-info .def h4 *,
.training-info .def h5,
.training-info .def h5 *,
.training-info .def h6,
.training-info .def h6 * {
  font-weight: bold !important;
  margin: 40px 0 20px !important;
}

.training-info .def h2:first-child,
.training-info .def h3:first-child,
.training-info .def h4:first-child,
.training-info .def h5:first-child,
.training-info .def h6:first-child {
  margin-top: 0 !important;
}

.training-info .def h2:last-child,
.training-info .def h3:last-child,
.training-info .def h4:last-child,
.training-info .def h5:last-child,
.training-info .def h6:last-child {
  margin-top: 0 !important;
}

.training-detail .col-50>.table-01:first-child {
  margin-top: 60px !important;
}

.courses-footable tbody tr {
  cursor: pointer;
}

.footable-details .training-overview {
  margin-left: -105px;
}

.footable-details tr:not(:only-child) .training-overview {
  padding: 9px 0px;
  border-top: 1px solid #0550f0;
  border-bottom: 1px solid #0550f0;
  margin-top: 10px;
}

.footable-details tr:only-child .training-overview .body ul li {
  font-size: 16px;
}

.footable-details tr:only-child .training-overview .body ul li+li {
  margin-top: 5px;
  padding-top: 4px;
  border-top: 1px solid rgba(0, 0, 0, .05);
}

.footable-details tr:only-child .training-overview .body ul li .title {
  font-size: 14px;
}

.footable-details tr:only-child .training-overview .body ul li .value {
  text-align: left;
  word-break: normal;
}

.training-overview .body ul {
  list-style: none;
}

.training-overview .body ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.training-overview .body ul li .title {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 200px;
  -ms-flex: 0 0 200px;
  flex: 0 0 200px;
  padding-right: 5px;
  text-align: left;
  font-weight: bold;
  text-transform: uppercase;
  word-break: normal;
}

.training-overview .body ul li .value {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-left: 5px;
}

.modal {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2000;
  display: none;
}

.modal .overlay {
  background: rgba(4, 7, 56, 0.60);
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.modal .modal-container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 90%;
  max-height: 90%;
  overflow: auto;
}

.modal .mdl-close {
  width: 12px;
  height: 12px;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  margin-left: auto;
  background: url(../images/base/ico-cross-2.png);
}

.modal .mdl-close:hover {
  opacity: 0.6;
}

.modal .mdl-body {
  width: 100%;
  position: relative;
  z-index: 10;
  background: #FFFFFF;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.20);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.20);
  padding: 40px;
}

.modal.auth .modal-container {
  width: 480px;
}

.modal.auth .head {
  border-bottom: 1px solid #0550F0;
  padding-bottom: 19px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}

.modal.auth .head p {
  font-size: 40px;
  color: #00067F;
  line-height: 50px;
}

/*------------------------------------*\
$PLUGINS
\*------------------------------------*/
.ui-datepicker {
  background: #fff;
  border: 1px solid #E5EAED;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.ui-datepicker table {
  width: 100%;
}

.ui-datepicker-header {
  background: #E5EAED;
  position: relative;
}

.ui-datepicker-title {
  font-size: 0px;
  text-align: center;
  padding: 5px;
}

.ui-datepicker-prev,
.ui-datepicker-next {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
  opacity: 0.8;
}

.ui-datepicker-prev {
  background-image: url(../images/base/ico-prev-xs.png);
  left: 13px;
}

.ui-datepicker-next {
  background-image: url(../images/base/ico-next-xs.png);
  right: 13px;
}

.ui-datepicker-prev span,
.ui-datepicker-next span {
  display: none;
}

.ui-datepicker-title select {
  font-weight: bold;
  font-size: 18px;
  color: #000000;
  background: none;
  border: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  background-image: url(../images/base/ico-caret-xs.png);
  background-position: right 5px center;
  background-repeat: no-repeat;
  padding-right: 16px;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}

.ui-datepicker-title select option {
  background: #000453;
}

.ui-datepicker-title select::-ms-expand {
  display: none;
}

.ui-datepicker-title select:last-child {
  margin-right: 0px;
}

.ui-datepicker-calendar td,
.ui-datepicker-calendar th {
  border-right: 1px solid #E5EAED;
}

.ui-datepicker-calendar th span {
  line-height: 38px;
  text-align: center;
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  color: #0550F0;
}

.ui-datepicker-calendar td:last-child,
.ui-datepicker-calendar th:last-child {
  border-right: 0px;
}

.ui-datepicker-calendar td a {
  display: block;
  font-size: 16px;
  color: #000000;
  line-height: 38px;
  text-align: center;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  position: relative;
}

.ui-datepicker-calendar td.ui-datepicker-today a {
  font-weight: bold;
  color: #0550F0;
}

.ui-datepicker-calendar td.ui-datepicker-today a:hover:after {
  opacity: 0.2;
}

.ui-datepicker-calendar td.ui-datepicker-today a:after {
  content: "";
  position: absolute;
  opacity: 1;
  left: 10px;
  right: 10px;
  height: 2px;
  background: #0550F0;
  bottom: 7px;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.ui-datepicker-calendar td a.ui-state-hover {
  color: #0550F0;
}

.ui-slider {
  display: block;
  height: 4px;
  background: #0550F0;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  position: relative;
}

.ui-slider:before,
.ui-slider:after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background: #0550F0;
}

.ui-slider:before {
  left: 0px;
}

.ui-slider:after {
  right: 0px;
}

.ui-slider .ui-slider-handle {
  width: 12px;
  height: 12px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background: #FFFFFF;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  cursor: pointer;
  margin-left: -6px;
  z-index: 5;
}

.ui-slider-handle .tooltip {
  font-weight: bold;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 20px;
  text-align: center;
  min-width: 60px;
  padding: 0px 5px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 100%;
  margin-bottom: 7px;
}

.ui-slider-handle .tooltip:before {
  bottom: initial;
  top: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #054ff0 transparent transparent transparent;
  margin-left: -5px;
}

.blue .ui-datepicker {
  background: #0550F0;
  border: 1px solid #000453;
}

.blue .ui-datepicker-header {
  background: #000453;
}

.blue .ui-datepicker-title select {
  color: #fff;
}

.blue .ui-datepicker-calendar td,
.blue .ui-datepicker-calendar th {
  border-right: 1px solid #1118A6;
}

.blue .ui-datepicker-calendar td a {
  color: #fff;
}

.blue .ui-datepicker-calendar th span {
  color: #fff;
}

.blue .ui-datepicker-calendar td.ui-datepicker-today a:after {
  background: #000453;
}

.blue .ui-datepicker-prev {
  background-image: url(../images/base/ico-prev-xs-w.png);
}

.blue .ui-datepicker-next {
  background-image: url(../images/base/ico-next-xs-w.png);
}

.blue .ui-datepicker-title select {
  background-image: url(../images/base/ico-caret-xs-w.png);
}

/* footable */
.footable-details.table-01 tbody tr:first-child th,
.footable-details.table-01 tbody tr:first-child td {
  padding-top: 10px;
}

.footable-details.table-01 tbody tr:last-child th,
.footable-details.table-01 tbody tr:last-child td {
  padding-bottom: 10px;
}

.footable-details.table-01 tbody tr {
  background: transparent !important;
}

.footable-details.table-01 tbody tr th,
.footable-details.table-01 tbody tr td {
  height: 20px;
  border: 0px;
  font-size: 12px;
}

.footable-details.table-01 tbody tr td {
  text-align: right !important;
}

.table-01 .footable-detail-row>td {
  padding: 0px !important;
}

.footable:not(.filter) tbody tr td:first-child {
  /*    white-space: nowrap;*/
}

.table-01.points tbody tr.dark-blue+.footable-detail-row tbody th {
  color: #fff;
  background: #00067F;
}

.table-01.points tbody tr.light-blue+.footable-detail-row tbody th {
  color: #fff;
  background: #3E92CC;
}

/*
.table-01.footable-details.points tbody tr.dark-blue td,
.table-01.footable-details.points tbody tr.light-blue td{
    background: transparent;
    color: #000;
}
*/
/* Datatables */
table.dataTable {
  max-width: 100%;
}

table.dataTable.disabled-sorting thead th {
  background-image: none !important;
  cursor: default !important;
}

.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_length {
  font-size: 14px;
  color: #000000;
  line-height: 20px;
  margin-bottom: 20px;
}

.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_length label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
  display: block;
  line-height: 20px;
  height: 40px;
  background-color: #FFFFFF;
  border: 2px solid #E6EAED;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 8px 13px;
  margin-left: 20px;
  min-width: 0px;
}

.dataTables_wrapper .dataTables_length select {
  -moz-appearance: none;
  -webkit-appearance: none;
  margin: 0px 10px;
  background-image: url(../images/base/ico-caret-xs.png);
  background-repeat: no-repeat;
  background-position: right 15px center;
  padding-right: 40px;
}

table.dataTable thead th {
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
}

table.dataTable thead .sorting {
  background-image: url(../images/base/sort_both.png);
}

table.dataTable thead .sorting_asc {
  background-image: url(../images/base/sort_asc.png);
}

table.dataTable thead .sorting_desc {
  background-image: url(../images/base/sort_desc.png);
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background-position: right 10px top 11px;
}

table.dataTable thead .sorting:last-child,
table.dataTable thead .sorting_asc:last-child,
table.dataTable thead .sorting_desc:last-child,
table.dataTable thead .sorting_asc_disabled:last-child,
table.dataTable thead .sorting_desc_disabled:last-child {
  background-position: right 20px top 11px;
}

table.dataTable tbody td {
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
}

table.dataTable thead th .input {
  margin-top: 10px;
}

table.dataTable thead th .input input {
  width: 100%;
  background: #00067F;
  color: #FFFFFF;
  border: 0px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 5px 10px;
  display: block;
  line-height: 20px;
  height: 30px;
  font-size: 14px;
}

table.dataTable.no-footer {
  border-bottom: 2px solid #0550F0;
}

.dataTables_wrapper .dataTables_info {
  padding-top: 20px;
  font-size: 16px;
}

.dataTables_wrapper .dataTables_paginate {
  padding-top: 20px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  vertical-align: top;
  padding: 0px;
  font-size: 16px;
  color: #404040;
  padding: 0px 7.5px;
  border: 0px !important;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
  font-family: 'Titillium Web', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  color: #0550F0 !important;
  line-height: 20px;
  border: 0px !important;
  padding: 0px;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next {
  margin-left: 20px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
  margin-right: 20px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled {
  color: #404040 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled):hover {
  background: transparent;
  border: 0px;
  color: #0550F0 !important;
  margin-top: -3px;
  padding-bottom: 3px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: transparent;
  border: 0px;
  color: #0550F0 !important;
}

.dataTables_wrapper .dataTables_paginate>span {
  font-size: 0px;
  display: inline-block;
  vertical-align: top;
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
  font-size: 16px;
  padding: 0px 7.5px;
  vertical-align: top;
}

/* Icomoon */
@font-face {
  font-family: 'icomoon';
  src: url('fonts/icomoon.eot?u8s42g');
  src: url('fonts/icomoon.eot?u8s42g#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?u8s42g') format('truetype'), url('fonts/icomoon.woff?u8s42g') format('woff'), url('fonts/icomoon.svg?u8s42g#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-uniform .path1:before {
  content: "\e900";
}

.icon-uniform .path2:before {
  content: "\e901";
  margin-left: -0.6455078125em;
}

.icon-uniform .path3:before {
  content: "\e902";
  margin-left: -0.6455078125em;
}

/*------------------------------------*\
$THEMING
\*------------------------------------*/
#premium #headernav.open .mobile-toggle {
  background: #780027;
  color: #fff;
}

#premium #headernav .mobile-toggle {
  color: #780027;
}

#premium #header .top {
  background-color: #8A002D;
}

#premium #header .top:after {
  background: #8a002d;
  background: -webkit-linear-gradient(top, #8a002d 0%, #ae0039 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#8a002d), to(#ae0039));
  background: -o-linear-gradient(top, #8a002d 0%, #ae0039 100%);
  background: linear-gradient(to bottom, #8a002d 0%, #ae0039 100%);
}

#premium #logo img {
  max-height: 120px;
  width: auto;
}

#premium #logo:hover img {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  opacity: 0.8;
}

#premium #subnav {
  background: #AE0039;
}

#premium #subnav>ul>li>ul {
  background: #8A002D;
}

#premium #subnav>ul>li>ul>li {
  border-color: #780027;
}

#premium #subnav>ul>li>ul:before {
  border-color: transparent transparent #8A002D transparent;
}

#premium #sidebar {
  background: #AE0039;
}

#premium #sidebar .socials ul li,
#premium #sidebar .print .btn-print {
  border-color: #9C0033;
}

#premium #cartpanel .cart-toggle {
  background-color: #9C0033;
}

#premium #tvpanel .tv-toggle,
#premium #userpanel .user-toggle,
#premium #calendarpanel .calendar-toggle,
#premium #calendarpanel .slide {
  background-color: #AE0039;
}

#premium #langbar .lang-toggle,
#premium #sidebar .buttons .button {
  background: #8A002D;
}

#premium #sidebar .search .search-toggle {
  background-color: #780027;
}

#premium #table_comment .head p {
  color: #AE0039;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 5px;
}

#premium .menu-toggle {
  background: #8A002D;
}

#premium #footer {
  background: #AE0039;
}

#premium #footer .bottom {
  border-color: #BD325F;
}

#premium .twitter-widget {
  background: #AE0039;
}

#premium .twitter-widget:before {
  background-image: url(../images/base/ico-twitter-lg-premium.png);
}

#premium .twitter-widget .tweet a {
  color: rgba(255, 255, 255, .6);
}

#premium .twitter-widget .tweet a:hover {
  color: #fff;
}

#premium .twitter-widget .bottom a.user:hover {
  color: #fff;
}

#premium .instagram-widget .user {
  background-color: #AE0039;
}

#premium .instagram-widget .user:hover {
  color: #fff;
}

#premium .news-widget .post-small .title {
  border-color: #BD325F;
}

#premium .news-widget .post-medium {
  background-color: #AE0039;
}

#premium .news-widget .post-big {
  background-color: #AE0039;
}

#premium .news-widget .post-big:after {
  background: -webkit-linear-gradient(top, rgba(138, 0, 45, 0.6) 0%, rgba(174, 0, 57, 0.6) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(138, 0, 45, 0.6)), to(rgba(174, 0, 57, 0.6)));
  background: -o-linear-gradient(top, rgba(138, 0, 45, 0.6) 0%, rgba(174, 0, 57, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(138, 0, 45, 0.6) 0%, rgba(174, 0, 57, 0.6) 100%);
}

#premium .news-widget .post-big .title {
  border-color: #BD325F;
}

#premium .news-widget .post-medium .title {
  border-color: #BD325F;
}

#premium .files-widget>ul>li a {
  color: #AE0039;
}

#premium .files-widget>ul>li a.folder {
  background-image: url(../images/base/ico-folder-premium.png);
}

#premium .files-widget>ul>li a.file {
  background-image: url(../images/base/ico-file-premium.png);
}

#premium .links-widget>ul>li>a {
  background: #AE0039;
}

#premium .links-widget>ul>li>a:hover {
  color: #fff;
}

#premium .notices-widget {
  background: #8A002D;
}

#premium .ui-datepicker-calendar td.ui-datepicker-today a {
  color: #AE0039;
}

#premium .ui-datepicker-calendar td.ui-datepicker-today a:after {
  background: #AE0039;
}

#premium a:hover:not(.button) {
  color: #8A002D;
}

#premium .ui-datepicker-calendar th span {
  color: #AE0039;
}

#premium .ui-datepicker-prev {
  background-image: url(../images/base/ico-prev-xs-premium.png);
}

#premium .ui-datepicker-next {
  background-image: url(../images/base/ico-next-xs-premium.png);
}

#premium .ui-datepicker-title select {
  background-image: url(../images/base/ico-caret-xs-premium.png);
}

#premium table.table-01 thead th {
  background: #AE0039;
}

#premium .tabs-head {
  background: #8A002D;
}

#premium .tabs-head>ul>li>a {
  color: #fff;
}

#premium .tabs-head>ul>li.active>a {
  background: #AE0039;
  color: #fff;
}

#premium .tabs-head>ul>li>a:hover {
  background: rgba(174, 0, 57, .8);
  color: rgba(255, 255, 255, .8);
}

#premium .tabs-head .drop {
  background-color: #AE0039;
}

#premium .video-widget .bottom {
  border-color: #AE0039;
}

#premium .gallery-widget .bottom a,
#premium .video-widget .bottom a {
  color: #AE0039;
}

#premium .video-widget .video .button.play {
  background-image: url(../images/base/ico-play-m-premium);
}

#premium .ico-btn.note {
  border-color: #8A002D;
  background-image: url(../images/base/ico-note-m-premium.png);
}

#premium .ico-btn.play {
  border-color: #780027;
}

#premium .block.block-01 .head p,
#premium .block.block-02 .head p {
  color: #AE0039;
}

#premium .block-head {
  background: #8A002D;
}

#premium .ui-slider {
  background: #AE0039;
}

#premium .tooltip {
  background: #AE0039;
}

#premium .tooltip:before {
  border-color: #AE0039 transparent transparent transparent;
}

#premium .ui-slider:before {
  background: #AE0039;
}

#premium .ui-slider:after {
  background: #AE0039;
}

#premium .filter-item.type_select select {
  background-color: #AE0039;
}

.filter-item.type_select select::-ms-expand {
  display: none;
}

#premium .table-01.points-01 tbody tr.dark-blue td:first-child,
#premium .table-01.game-stats tbody tr.dark-blue td:first-child {
  background: #8A002D;
}

#premium .table-01.points-01 tbody tr.light-blue td:first-child,
#premium .table-01.game-stats tbody tr.light-blue td:first-child {
  background: #BD325F;
}

#premium table.table-01 tbody tr:nth-child(2n) {
  background: #f1f1f1;
}

#premium .ui-datepicker-header {
  background: #f1f1f1;
}

#premium .ui-datepicker {
  border-color: #f1f1f1;
}

#premium .ui-datepicker-calendar td,
#premium .ui-datepicker-calendar th {
  border-color: #f1f1f1;
}

#premium .games-list .content>ul>li {
  border-color: #f1f1f1;
}

#premium .table-01.players tbody td {
  border-color: #f1f1f1;
}

#premium #mainmenu .slide {
  background: #8A002D;
}

#premium #mainmenu .slide>ul>li.active>a:before {
  background: #B61A4D;
}

#premium #mainmenu .slide>ul>li>a:before {
  background: #AE0039;
}

#premium .pagination {
  border-color: #AE0039;
}

#premium .pagination .prev,
#premium .pagination .next {
  color: #AE0039;
}

#premium .btn-03 {
  border-color: #f1f1f1;
}

#premium .btn-03:hover {
  background-color: #f1f1f1;
}

#premium .player-detail .head .player,
#premium .team-detail .head .team {
  color: #9C0033;
}

#premium .player-detail .details,
#premium .team-detail .details {
  border-color: #AE0039;
}

#premium .team-detail .details a {
  color: #AE0039;
}

#premium .btn-04 {
  border-color: #AE0039;
  color: #fff;
}

#premium .btn-04:hover {
  background-color: #AE0039;
}

#premium a {
  color: #AE0039;
}

#premium .links-widget>ul>li>a {
  color: #fff;
}

#premium .player-detail .head .next,
#premium .team-detail .head .next {
  color: #9C0033;
  background-image: url(../images/base/ico-next-circle-premium.png);
}

#premium .blue .ui-datepicker {
  background: #AE0039;
  border-color: #780027;
}

#premium .blue .ui-datepicker-header {
  background: #780027;
}

#premium .blue .ui-datepicker-title select option {
  background: #780027;
}

#premium .blue .ui-datepicker-calendar td,
#premium .blue .ui-datepicker-calendar th {
  border-color: #780027;
}

#premium .blue .ui-datepicker-calendar td a,
#premium .blue .ui-datepicker-calendar th span {
  color: #fff;
}

#premium .blue .ui-datepicker-calendar td.ui-datepicker-today a:after {
  background: #780027;
}

#premium .blue .ui-datepicker-prev {
  background-image: url(../images/base/ico-prev-xs-w.png);
}

#premium .blue .ui-datepicker-next {
  background-image: url(../images/base/ico-next-xs-w.png);
}

#premium .blue .ui-datepicker-title select {
  background-image: url(../images/base/ico-caret-xs-w.png);
}

#premium .twitter-widget .bottom .user,
#premium .instagram-widget .user {
  color: #fff;
}

#premium .calendar-events .mobile-toggle,
#premium .results-list .mobile-toggle {
  background-color: #8A002D;
}

.calendar-page-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
  position: relative;
  z-index: 10;
}

.calendar-page-header h1 {
  margin-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.calendar-page-header h1 a {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 12px;
}

.calendar-page-header h1 a.prev {
  margin-right: 20px;
}

.calendar-page-header h1 a.next {
  margin-left: 20px;
}

.calendar-page-header h1 .date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.calendar-page-header h1 .date:after {
  content: '';
  border-color: #0550F0 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  height: 0;
  width: 0;
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

#page .calendar-page-header h1,
#premium .calendar-page-header h1 {
  margin-bottom: 0;
}

.calendar-page-header .filter-fields {
  margin-left: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.calendar-page-header .filter-fields label {
  font-weight: bold;
  margin-right: 10px;
  text-transform: uppercase;
  font-size: 14px;
}

.calendar-page-header .datepicker-widget {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 440px;
  max-width: 100%;
  z-index: 10;
}

.calendar-page-header.open .datepicker-widget {
  display: block;
}

.filter-fields .select2-container--default .select2-selection--single {
  border: 0;
  height: auto;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-bottom: 1px solid #0550F0;
}

.filter-fields .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 10px 0 9px;
  line-height: 20px;
  color: #0550F0;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}

.filter-fields .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 0;
  right: 0;
  width: 10px;
  height: 100%;
}

.filter-fields .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #0550F0 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  margin-left: -5px;
  margin-top: -2.5px;
  position: absolute;
}

/*------------------------------------*\
$RESPONSIVE
\*------------------------------------*/
@media (min-width: 768px) and (max-width: 1600px) {
  .sidebar-min {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .sidebar-min>.col-25 {
    min-width: 370px;
  }
}

@media (max-width: 1279px) {
  #page .row .col-75 {
    width: 65%;
  }

  #page>.row:not(.news-widget) .col-25 {
    width: 35%;
  }

  #page .row .col-33 {
    width: 50%;
  }

  #page .row .col-66 {
    width: 50%;
  }

  .news-widget .post-big {
    padding: 20px;
  }

  .lineup-block .list>ul>li {
    width: 50%;
  }

  #page .row.full-l>[class*="col"] {
    width: 100% !important;
  }

  #page .row.full-l>[class*="col"]+[class*="col"] {
    margin-top: 20px;
  }

  #page .gallery-list .row .col-33 {
    width: 33.333333%;
  }

  #page .gallery-list .row .col-66 {
    width: 66.667%;
  }

  #page .gallery-list .row [class*="col"] {
    margin-top: 0px !important;
  }

  .team-detail .details .title {
    margin-right: 0px;
    font-weight: bold;
    min-height: 0;
  }

  .team-detail .details .title,
  .team-detail .details .value {
    float: none;
    width: 100%;
  }

  .team-detail .details>ul:not(:first-child) {
    margin-left: 40px;
  }

  .topmenu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .topmenu>ul {
    margin-right: 0px;
  }

  .event-widgets .col-25 {
    width: 50% !important;
  }

  .event-widgets .col-25:nth-child(n + 3) {
    margin-top: 20px;
  }

  .news-widget.news-01 .bottom.half-l ul li {
    width: 50%;
  }

  .news-widget.news-01 .bottom.half-l ul li:nth-child(n + 3) {
    margin-top: 20px;
  }

  .navi-blocks {
    display: none;
  }

  .home-widgets .calendar-events .event-single {
    display: block;
  }

  .home-widgets .calendar-events .event-single .teams,
  .home-widgets .calendar-events .event-single>.info {
    width: 100%;
    margin-bottom: 10px;
    min-width: 100%;
  }

  .home-widgets .calendar-events .event-single>.info p.title {
    text-align: center;
  }

  .home-widgets .calendar-events .event-single .actions {
    width: 100%;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (max-width: 1920px) and (min-width: 1280px) {
  .team-detail .col-33 .tabs.small .tabs-head>ul>li {
    float: none;
  }

  .team-detail .col-33 .tabs.small .tabs-head.has-drop>ul {
    padding-right: 30px;
  }

  .team-detail .col-33 .tabs.small .tabs-head.has-drop .drop {
    display: block;
  }

  .team-detail .col-33 .tabs.small .tabs-head.has-drop.open .drop {
    background-image: url(../images/base/ico-caret-xs-w-up.png);
  }

  .team-detail .col-33 .tabs.small .tabs-head.has-drop>ul>li:not(.active) {
    max-height: 0px;
    overflow: hidden;
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
  }

  .team-detail .col-33 .tabs.small .tabs-head.has-drop.open>ul>li:not(.active) {
    max-height: 100px;
  }

  .tabs.small .tabs-head {
    padding-bottom: 10px;
  }
}

@media (max-width: 1439px) {
  .full-xl .frmrow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
  }

  .full-xl .frmrow .frmcaption {
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 10px;
  }

  .full-xl .frmrow .input {
    max-width: 100%;
  }

  .full-xl .buttons {
    padding-left: 0px;
  }

  .event-single .actions {
    margin-right: -10px;
  }

  .event-single .actions .button {
    margin-right: 10px;
  }
}

@media (max-width: 1120px) {
  .news-widget .post-medium .content {
    padding: 10px;
  }

  .twitter-widget {
    padding: 20px;
  }
}

@media only screen and (max-width: 1023px) {
  #footermenu>ul>li {
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 20px;
  }

  #footermenu>ul>li+li {
    margin-top: 20px;
  }

  #page .row.full-md>[class*="col"] {
    width: 100% !important;
  }

  #page .row.full-md>[class*="col"]+[class*="col"] {
    margin-top: 20px;
  }

  .navi-blocks ul li {
    width: 100%;
    margin-top: 20px;
  }

  .navi-blocks ul li:first-child {
    margin-top: 0px;
  }

  .social-blocks>ul {
    margin-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 0;
  }

  .social-blocks>ul>li {
    width: 100% !important;
    -webkit-flex-basis: auto !important;
    -ms-flex-preferred-size: auto !important;
    flex-basis: auto !important;
    display: block;
    padding-left: 0px;
  }

  .social-blocks>ul>li+li {
    margin-top: 20px;
  }

  .instagram-widget .timeline a {
    height: 220px;
  }

  #page .news-widget.news-01 .row .col-25 {
    width: 50%;
    margin-bottom: 20px;
  }

  #page .news-widget.news-01 .bottom>ul {
    margin-bottom: -20px;
  }

  #page .news-widget.news-01 .bottom>ul>li {
    width: 50%;
    margin-bottom: 20px;
  }

  #page.home-widgets .col-50 .col-50 {
    width: 100%;
  }

  #page.home-widgets .col-50 .col-50+.col-50 {
    margin-top: 20px;
  }

  #logo {
    width: 80px;
    margin: 0px;
  }

  #premium #logo {
    width: auto;
  }

  #logo img {
    width: 100%;
    height: auto;
  }

  #header.simple #logo {
    margin: 0px 0px 0px 20px;
  }

  #header .top {
    padding: 20px;
  }

  #headernav {
    margin-top: 20px;
  }

  #page .row .col-75 {
    width: 50%;
  }

  #page .row .col-25 {
    width: 50%;
  }

  #page .row .col-66 {
    width: 100%;
  }

  #page .row .col-33 {
    width: 100%;
  }

  #page .row .col-66+[class*="col"] {
    margin-top: 20px;
  }

  #page .row .col-33+[class*="col"] {
    margin-top: 20px;
  }

  #page h1 {
    font-size: 30px;
    line-height: 40px;
  }

  #page .calendar-page-header h1,
  #premium .calendar-page-header h1 {
    margin-bottom: 20px;
  }

  .calendar-page-header {
    display: block;
  }

  .twitter-widget {
    margin-top: 40px;
  }

  .lineup-block .list>ul>li {
    width: 100%;
  }

  .player-detail .referee-select,
  .referee-group-select {
    width: 200px;
  }

  .player-detail .player-gallery {
    width: 200px;
  }

  .player-detail>.content {
    padding-left: 220px;
  }

  .player-detail .head,
  .team-detail .head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .player-detail .head .next,
  .team-detail .head .next {
    margin: 0px;
  }

  .player-detail .head .next:hover,
  .team-detail .head .next:hover {
    margin-left: 0px;
    padding-left: 5px;
  }

  .event-single {
    display: block;
  }

  .event-single>* {
    display: block;
  }

  .event-single>.info {
    width: 100%;
    white-space: normal;
  }

  .event-single .actions {
    width: 100%;
    padding-right: 0px !important;
    padding-bottom: 0px;
    padding-top: 10px;
  }

  .event-single .teams {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .event-single .teams .team {
    width: 100px;
  }

  .event-single .teams .result {
    margin: 0px 10px;
  }

  .event-single .teams .result .result {
    margin: 0;
  }

  .event-single .teams .team p {
    font-size: 12px;
  }

  .calendar-events .event-single {
    display: block;
  }

  .calendar-events .event-single .info p.title {
    text-align: center;
  }

  .calendar-events .event-single>.info {
    margin-bottom: 10px;
  }

  .calendar-events .event-single .teams {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 10px;
    min-width: 0;
  }

  .calendar-events .event-single .teams .team,
  #live-games.calendar-events .event-single .teams .team {
    width: 50%;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
  }

  .calendar-events .event-single .teams .team p {
    font-size: 14px;
  }

  .event-single .actions {
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .top-filters .item-single {
    margin-right: 20px;
  }

  .top-filters label.label {
    display: block;
    margin-right: 0px;
  }

  .event-detail .head .info>ul>li {
    display: block;
    margin-right: 0px;
    border-right: 0px;
    padding-right: 0;
    border-bottom: 1px dotted #0550F0;
  }

  .event-detail .head .info>ul>li.ico {
    padding-left: 0;
  }

  .event-detail .head .info>ul>li:last-child {
    border-bottom: 0px;
  }

  .past-matches .stats .games {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    padding-right: 0px;
  }

  .past-matches .stats .goals {
    border-left: 0px;
    padding-left: 0px;
    display: block;
    width: 100%;
    border-top: 1px dotted #0550F0;
    border-left: 0px;
  }

  #page>.row:not(.news-widget) .col-25 {
    width: 50%;
  }

  #gallery-modal .controls {
    display: none;
  }

  #page .full-sm>.col-66,
  #page .full-sm .news-widget .top>.col-66 {
    width: 50%;
  }

  #page .full-sm>.col-33,
  #page .full-sm .news-widget .top>.col-33 {
    width: 50%;
  }

  #page .full-sm [class*="col"]+[class*="col"] {
    margin-top: 0px;
  }

  .table-01.events td.date {
    font-size: 13px;
    padding-right: 10px;
  }

  .table-01.events td.team {
    font-size: 14px;
    line-height: 15px;
  }

  .table-01.events td.vs {
    padding: 0px 10px;
    font-size: 16px;
  }

  .table-01.events td.team img {
    max-height: 20px;
    min-height: 20px;
  }

  .table-01.events td.buttons {
    padding-left: 10px;
  }

  .tabs.small .tabs-head>ul>li {
    float: none;
  }

  .tabs.small .tabs-head>ul>li>a {
    padding: 10px;
  }

  .tabs.small .tabs-head .buttons {
    position: relative;
    right: 0px;
    bottom: 0px;
    margin-bottom: 20px;
    text-align: right;
  }

  .tabs.small .tabs-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .tabs.small .tabs-head.has-drop {
    padding-right: 40px;
  }

  .team-detail .logo {
    width: 100px;
  }

  .team-detail .content {
    margin-left: 120px;
  }

  .social-widgets>* {
    display: block;
    width: 100%;
  }

  .social-widgets>*+* {
    margin-left: 0px;
    margin-top: 20px;
  }

  .news-widget.news-01 .bottom.half-l ul li:nth-child(n + 3) {
    margin-top: 0px;
  }

  .team-detail .col-33 .tabs.small .tabs-head.has-drop .drop {
    display: block;
  }

  .team-detail .col-33 .tabs.small .tabs-head.has-drop.open .drop {
    background-image: url(../images/base/ico-caret-xs-w-up.png);
  }

  .team-detail .col-33 .tabs.small .tabs-head.has-drop>ul>li:not(.active) {
    max-height: 0px;
    overflow: hidden;
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
  }

  .team-detail .col-33 .tabs.small .tabs-head.has-drop.open>ul>li:not(.active) {
    max-height: 100px;
  }

  .tabs.small .tabs-head {
    padding-bottom: 10px;
  }

  .sponsors .row {
    margin-left: -40px;
    margin-top: -40px;
  }

  .sponsors .row .list {
    margin-left: 40px;
    margin-top: 40px;
  }

  .sponsors .row .list:not(:first-child) {
    padding-left: 0px;
    border-left: 0px;
  }

  .sponsors .row .list:not(:first-child) .title {
    left: 0px;
  }

  .field-overview,
  .team-overview {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .field-overview .image,
  .team-overview .image {
    margin-right: 0px;
    margin-bottom: 20px;
  }

  .training-detail .col-50>.table-01:first-child {
    margin-top: 0 !important;
  }
}

@media only screen and (min-width: 768px) {
  #headernav>ul {
    display: block !important;
  }
}

@media only screen and (max-width: 767px) {
  #header.simple {
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    background-color: #00067F;
    position: relative;
    padding: 20px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #header.simple:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: rgb(0, 6, 127);
    background: -webkit-linear-gradient(left, rgba(0, 6, 127, 1) 0%, rgba(5, 80, 240, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 6, 127, 1)), to(rgba(5, 80, 240, 1)));
    background: -o-linear-gradient(left, rgba(0, 6, 127, 1) 0%, rgba(5, 80, 240, 1) 100%);
    background: linear-gradient(to right, rgba(0, 6, 127, 1) 0%, rgba(5, 80, 240, 1) 100%);
    opacity: 0.6;
  }

  #header.simple>* {
    position: relative;
    z-index: 1;
  }

  #header.simple #logo {
    margin-left: 0px;
    width: 80px;
  }

  #header.simple .results-list {
    padding: 20px;
    margin: 20px -20px -21px -20px;
    padding-bottom: 4px;
    border-bottom: 1px solid #E5EAED;
    background: #fff;
    width: 100%;
  }

  #header.simple .results-list ul {
    padding-top: 20px;
  }

  #premium #headernav>ul>li>a:not(.button) {
    color: #780027;
  }

  #page .row.full-xs>[class*="col"] {
    width: 100% !important;
  }

  #page .row.full-xs>[class*="col"]+[class*="col"] {
    margin-top: 20px;
  }

  #page .row .col-75 {
    width: 100%;
  }

  #page .row .col-75+[class*="col"] {
    margin-top: 20px;
  }

  #page .row .col-25 {
    width: 100%;
  }

  #page.home-widgets .col-50 {
    width: 100%;
  }

  #page.home-widgets .col-50+.col-50 {
    margin-top: 20px;
  }

  #page .news-widget.news-01 .row .col-25 {
    width: 100%;
  }

  #page .news-widget.news-01 .bottom>ul>li {
    width: 100%;
  }

  #page .news-widget.news-01 .bottom>ul>li:last-child {
    margin-bottom: 0px;
  }

  #wrap {
    padding-left: 60px;
    overflow: hidden;
  }

  #mainmenu .slide {
    left: 60px;
  }

  #sidebar {
    position: fixed;
    top: -60px;
    padding-top: 60px;
    bottom: 0px;
    left: 0px;
    width: 60px;
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
  }

  #sidebar>* {
    width: 60px;
  }

  .menu-toggle {
    width: 60px;
    height: 60px;
  }

  #sidebar .search .search-toggle,
  #tvpanel .tv-toggle,
  #userpanel .user-toggle,
  #cartpanel .cart-toggle {
    -webkit-background-size: 15px 15px;
    background-size: 15px;
    background-position: top 15px center !important;
    padding: 35px 0px 10px 0px !important;
    line-height: 15px;
  }

  #calendarpanel .calendar-toggle {
    padding: 60px 0 10px;
    background-position: 50% 10px;
  }

  #calendarpanel .calendar-toggle .date {
    top: 20px;
    left: 5px;
  }

  #sidebar .socials a {
    padding: 13px 0px 12px 0px !important;
    background-position: center !important;
  }

  .nav-open #mainmenu .slide {
    width: 260px;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 60px;
  }

  #mainmenu .slide,
  #calendarpanel .slide {
    left: 60px;
  }

  .calendar-open #calendarpanel .slide {
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
  }

  .calendar-open #calendarpanel .slide .datepicker-widget {
    opacity: 1;
    visibility: visible;
  }

  #calendarpanel .slide {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 60px;
  }

  #calendarpanel .slide .datepicker-widget {
    padding: 20px;
    width: -webkit-calc(100vw - 60px);
    width: calc(100vw - 60px);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
  }

  .nav-open #sidebar {
    position: fixed;
    z-index: 2000;
    overflow-y: auto;
    width: 320px;
  }

  #mainmenu .slide>ul {
    min-width: 260px;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
  }

  .nav-open #mainmenu .slide>ul {
    opacity: 1;
    visibility: visible;
  }

  .topmenu>ul>li {
    display: block;
  }

  .topmenu>ul>li a {
    padding: 10px 20px !important;
  }

  #search .input {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  #search.open .input {
    width: 260px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .player-detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .player-detail .referee-select {
    width: 100%;
  }

  .player-detail .player-gallery {
    width: 100%;
    margin-bottom: 20px;
  }

  .player-detail .player-gallery .main {
    max-width: 220px;
    margin: 0px auto 10px auto;
  }

  .player-detail>.content {
    padding-left: 0px;
  }

  .top-filters .item-single {
    display: block;
  }

  .top-filters form {
    margin-bottom: 0px;
  }

  .event-detail .head .teams .team {
    width: 140px;
  }

  .event-detail .head .teams .team p {
    font-size: 16px;
    line-height: 20px;
  }

  .event-detail .head .teams .spacer {
    padding: 55px 5px;
  }

  .event-detail .head .teams .spacer p {
    min-width: 20px;
  }

  #page>.row:not(.news-widget) .col-25 {
    width: 100%;
  }

  .event-detail .block .list>ul {
    float: none;
    width: 100%;
    padding: 0px !important;
  }

  .event-detail .block .list>ul+ul {
    margin-top: -1px;
  }

  .event-detail .block .list>ul+ul li.title {
    margin-top: 20px;
  }

  .list.list-02.timeline>ul>li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 7px 0px 8px 0px;
  }

  .list.list-02.timeline>ul>li .left {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .list.list-02.timeline>ul>li .right {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-left: 10px;
  }

  .list.list-02.timeline>ul>li .order {
    width: auto;
    margin-bottom: 5px;
    text-align: center;
  }

  .list.list-02.timeline>ul>li .player {
    text-align: right;
  }

  .list.list-02.timeline>ul>li .player p {
    font-size: 14px;
  }

  .list.list-02.timeline>ul>li .player span {
    margin-right: 5px;
  }

  .list.list-02.timeline>ul>li .status {
    width: 40px;
  }

  .list.list-02.timeline>ul>li .country {
    margin-bottom: 10px;
  }

  .list.list-02.timeline .status .football {
    padding-top: 0;
    padding-bottom: 20px;
    background-position: bottom center;
  }

  #page .gallery-list .row [class*="col"] {
    width: 100% !important;
  }

  #page .gallery-list .row [class*="col"]+[class*="col"] {
    margin-top: 20px !important;
  }

  .gallery-detail .head>p {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 5px;
  }

  .gallery-detail .thumbnails>ul>li {
    width: 33.33%;
  }

  #page .full-sm>.col-66,
  #page .full-sm .news-widget .top>.col-66 {
    width: 100%;
  }

  #page .full-sm>.col-33,
  #page .full-sm .news-widget .top>.col-33 {
    width: 100%;
  }

  #page .full-sm [class*="col"]+[class*="col"] {
    margin-top: 20px;
  }

  .league-points>ul>li {
    width: 100%
  }

  .league-points>ul>li+li {
    margin-top: 20px;
  }

  #page .result-widgets .col-55 {
    width: 100%;
  }

  #page .result-widgets .col-45 {
    width: 100%;
  }

  #page .result-widgets [class*="col"]+[class*="col"] {
    margin-top: 20px;
  }

  .table-01.events tbody td {
    height: 60px;
    background: transparent;
  }

  .block-head .bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .block-head .bottom .title {
    margin-right: 0px;
  }

  .block-head .bottom .filter-item {
    float: none;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-top: 10px;
    width: 100%;
  }

  .block-head .content {
    padding-bottom: 0px;
  }

  .block-head .top+.bottom {
    padding-bottom: 10px;
  }

  .team-detail .details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .team-detail .details>ul {
    float: none;
    display: block;
  }

  .team-detail .details>ul:not(:first-child) {
    margin-left: 0px;
  }

  .tabs-head>ul>li {
    display: block;
  }

  table.table-01 thead th a,
  table.table-01 thead th {
    font-size: 12px;
  }

  #headernav .mobile-toggle {
    display: block;
  }

  #headernav>ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
    background: #fff;
    -webkit-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
    max-height: 250px;
    overflow: auto;
  }

  #headernav>ul>li {
    display: block;
    margin: 0px;
  }

  #headernav>ul>li.active {
    display: none;
  }

  #headernav>ul>li>a:not(.button) {
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 600;
    color: #00067F;
    font-family: 'Titillium Web', sans-serif;
  }

  .hide-small {
    display: none !important;
  }

  .table-01.hide-first-small thead th:first-child {
    font-size: 0px;
  }

  .table-01.hide-first-small tbody tr td:first-child {
    font-size: 0px;
  }

  .table-01.hide-first-small tbody tr td:first-child span {
    font-size: 16px;
  }

  .event-detail .block.info>ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .event-detail .block.info>ul>li.main {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding-bottom: 20px;
  }

  .event-detail .block.info>ul>li:not(.main) {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    padding-left: 0px;
  }

  .event-detail .block.info>ul>li:not(.main)+li {
    padding-left: 20px;
  }

  .news-widget .bottom:not(:only-child):not(.show-mobile) {
    display: none;
  }

  .home-widgets .gallery-widget {
    margin-top: 20px;
  }

  .event-detail .block .list.goals>ul.right>li {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .event-detail .block .list.goals>ul:not(.mobile) {
    display: none;
  }

  .event-detail .block .list.goals>ul.mobile {
    display: block;
  }

  .event-detail .block .list>ul.right>li a span {
    float: right;
    margin-left: 5px;
  }

  .results-list .mobile-toggle,
  .calendar-events .mobile-toggle,
  .levels-list .mobile-toggle {
    display: block;
  }

  .levels-list {
    padding-bottom: 9px;
    border-bottom: 1px solid #E5EAED;
  }

  .levels-list .list {
    display: none;
  }

  .results-list>ul {
    display: none;
  }

  .footable-flex-xs .footable-detail-row .footable-details {
    padding: 10px 0px;
    display: block;
  }

  .footable-flex-xs .footable-detail-row .footable-details tbody {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .footable-flex-xs .footable-detail-row .footable-details tbody tr {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    -ms-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    display: block;
  }

  .footable-flex-xs .footable-detail-row .footable-details tbody tr:nth-child(2) {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin-bottom: 10px;
  }

  .footable-flex-xs .footable-detail-row .footable-details tbody tr:last-child {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding-top: 10px;
  }

  .footable-flex-xs .footable-detail-row .footable-details tbody th {
    display: none !important;
  }

  .footable-flex-xs .footable-detail-row .footable-details tbody td {
    display: block !important;
    height: auto;
    text-align: center !important;
    width: 100%;
    padding: 0px !important;
  }

  .footable-flex-xs .footable-detail-row .footable-details .team.right {
    padding-left: 5px !important;
  }

  .footable-flex-xs .footable-detail-row .footable-details .team.left {
    padding-right: 5px !important;
  }

  .modal .mdl-body {
    padding: 20px;
  }

  .frm01 .frmrow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
  }

  .frm01 .frmcaption {
    margin-left: 10px;
    margin-bottom: 5px;
    margin-right: 0px;
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .frm01 .buttons {
    padding-left: 0px;
  }

  .frm01 .buttons .button {
    width: 100%;
  }

  .team-overview {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .team-overview .image {
    margin-right: 0px;
    margin-bottom: 20px;
  }

  .table-01.small.events thead {
    display: none;
  }

  .table-01.small.events tbody tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff;
    padding: 10px 0px;
    border-bottom: 1px solid #E5EAED;
  }

  .table-01.small.events tbody tr td {
    height: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    border-bottom: 0px;
  }

  .table-01.small.events tbody tr td.team {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .table-01.small.events tbody tr td.team.right {
    text-align: left;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .table-01.small.events tbody tr td.vs {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }

  .table-01.events td.vs .time {
    display: inline-block;
  }

  .table-01.events td.vs .time .br {
    display: inline-block;
    margin: 0px 5px;
  }

  .table-01.small.events tbody tr td.date {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    white-space: normal;
  }

  .table-01.small.events tbody tr td.buttons {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    text-align: right;
  }

  .trainings-block .levels .button {
    width: 100%;
  }

  .topmenu.sub>ul {
    width: 100%;
  }

  .event-detail .lineup-layout .col {
    width: 100%;
    display: block;
  }

  .event-detail .lineup-layout .col+.col {
    margin-top: 20px;
  }

  .event-detail .date {
    font-size: 20px;
    line-height: 20px;
  }

  .event-detail h1 {
    font-size: 24px !important;
    line-height: 30px !important;
  }

  .event-detail .body .intro {
    font-size: 18px;
  }

  .event-item-single {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
  }

  .event-item-single .date {
    margin-right: 0px;
  }

  .news-detail .head h1 {
    font-size: 20px !important;
    line-height: 20px !important;
  }

  .list.list-02:not(.timeline) .status .tooltip,
  .list.list-01.goals .status .tooltip {
    margin-left: -150px;
  }

  .list.list-02:not(.timeline) .status .tooltip:before,
  .list.list-01.goals .status .tooltip:before {
    margin-left: 40px;
  }

  .list.list-02.timeline>ul>li .status .tooltip {
    margin-left: -30px;
  }

  .list.list-02.timeline>ul>li .status .tooltip:before {
    margin-left: -80px;
  }

  .list.list-03>ul>li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }

  .soccer-field .player:hover .tooltip {
    opacity: 0;
    visibility: hidden;
  }

  #mainmenu .slide .datepicker-widget {
    padding: 0px 20px 20px 20px;
  }

  .calendar-events .block-01 .head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .calendar-events .block-01 .head .tag {
    margin-top: 10px;
  }

  table.dataTable {
    width: 100% !important;
  }

  .filter-item.type_select select {
    font-size: 16px;
  }

  .home-widgets .calendar-events .block {
    display: none;
  }

  .home-widgets .calendar-events.open .block {
    display: block;
  }

  .calendar-events .event-single .teams .team .flag {
    display: none;
  }

  .home-widgets .banner-widget a:nth-child(n + 3) {
    display: none;
  }

  .home-widgets .video-widgets-wrapper .video-widget:nth-child(n + 2) {
    display: none;
  }

  .mobile-2-banners {
    margin-bottom: 20px;
  }

  .map-widget .gmap.large {
    height: 250px;
  }

  .search-item-player .title {
    width: 100%;
    margin-bottom: 10px;
  }

  .search-item-player.item-single .label {
    margin-left: 0px;
    margin-right: 10px;
    background: transparent;
    font-weight: 600;
    color: #202020;
    padding: 0px;
    min-width: auto !important;
  }

  .search-item-player.item-single {
    border-bottom: 1px solid #E5EAED;
    padding-bottom: 19px;
  }

  .goals-list .goal-single .score {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60px;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
  }

  .goals-list .goal-single .player {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    text-align: left !important;
  }

  .goals-list .goal-single .player.empty {
    display: none;
  }

  .goals-list .goal-single .player .time {
    margin-left: 0 !important;
    min-width: 60px;
    text-align: center;
    margin-right: 10px;
  }

  .goals-list .goal-single .player .status {
    -webkit-box-ordinal-group: 3 !important;
    -webkit-order: 2 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }
}

@media only screen and (max-width: 479px) {
  #page {
    padding: 10px;
  }

  .video-widget .video .top {
    display: none;
  }

  .news-widget .post-big .title {
    font-size: 30px;
    line-height: 30px;
  }

  .upcoming-single .team {
    width: 50%;
  }

  .upcoming-single .top .info {
    width: 100%;
    padding: 0px;
    float: left;
    margin-top: 10px;
  }

  .instagram-widget .timeline a {
    width: 100px;
    height: 100px;
  }

  .instagram-widget .user {
    padding: 70px 0px 0px !important;
    -webkit-background-size: 50px 50px;
    background-size: 50px;
    background-position: top 20px center !important;
    padding-top: 70px;
    line-height: 30px;
    font-size: 14px;
    width: 100px;
  }

  .ui-datepicker-prev {
    left: 5px;
  }

  .ui-datepicker-next {
    right: 5px;
  }

  .ui-datepicker-title select {
    font-size: 14px;
  }

  .player-single {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .player-single:after {
    left: 0px;
  }

  .player-single .image {
    margin-bottom: 10px;
  }

  .player-single .details {
    padding-left: 0px;
  }

  .lineup-block .head p,
  .block.block-01 .head p,
  .block.block-02 .head p {
    font-size: 20px;
    line-height: 28px;
  }

  .player-detail .details ul li p {
    display: block;
  }

  .player-detail .details ul li p:first-child {
    width: 100%;
    font-weight: bold;
    margin-right: 0px;
  }

  .player-detail .head .player,
  .team-detail .head .team {
    font-size: 24px;
    line-height: 30px;
    margin-top: 10px;
  }

  .player-detail .head,
  .team-detail .head {
    margin-bottom: 8px;
  }

  .player-detail .head .tag {
    margin-top: 8px;
  }

  table.table-01 thead th:first-child,
  table.table-01 tbody td:first-child,
  table.table-01 tbody th {
    padding-left: 10px;
  }

  table.table-01 tbody td,
  table.table-01 tbody th {
    font-size: 12px;
  }

  .event-detail .head .teams .spacer {
    display: block;
    padding: 10px 5px;
  }

  .event-detail .head .teams .spacer p {
    line-height: 20px;
  }

  .event-detail .head .teams.mobile-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .event-detail .head .teams.mobile-row .team {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }

  .event-detail .head .teams.mobile-row .spacer {
    margin-top: 10px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .event-detail .head .info>ul>li {
    padding: 10px 0px;
  }

  .event-detail .head .info>ul>li.ico,
  .event-detail .head .info>ul>li {
    font-size: 14px;
    line-height: 20px;
  }

  .event-detail .head .info>ul>li.type {
    font-size: 16px;
    line-height: 20px;
  }

  .event-single .teams {
    min-width: 240px;
  }

  .event-single .teams .team p {
    line-height: 15px;
  }

  .event-single .teams .result {
    min-width: 50px;
    margin: 0px 5px;
  }

  .event-single .teams .result p {
    font-size: 16px;
  }

  #live-games.calendar-events .event-single.game-penalties .result p:not(.small),
  #live-games.calendar-events .event-single.game-penalties .result p .pen-result {
    font-size: 16px !important;
    line-height: 20px !important;
  }

  .past-matches .stats .games {
    display: table;
    table-layout: fixed;
  }

  .past-matches .stats .games>* {
    display: table-cell !important;
    width: 50% !important;
    float: none !important;
    vertical-align: top;
  }

  .past-matches .stats .games .pie {
    padding-left: 0px;
  }

  .past-matches .stats .games .pie canvas {
    display: block;
    margin: auto;
  }

  .past-matches .stats .games .pie .legend {
    display: block;
    width: 200%;
    margin-left: -100%;
    padding-top: 20px;
  }

  .past-matches .stats .goals .total {
    display: block;
    width: 100%;
    float: none;
    padding-top: 0px;
    padding-bottom: 10px;
  }

  .past-matches .stats .goals {
    padding-top: 10px;
  }

  .past-matches .stats .goals .chart {
    padding-left: 0px;
    padding-top: 0px;
  }

  .list.list-02>ul>li .count {
    text-align: right;
    margin-right: 15px;
    min-width: 25px;
  }

  .list.list-02>ul>li>p {
    min-width: auto;
  }

  .gallery-detail .thumbnails>ul>li {
    width: 50%;
  }

  #gallery-modal .image {
    bottom: 150px;
  }

  #gallery-modal .bottom {
    padding: 20px;
  }

  #gallery-modal .bottom .title {
    font-size: 16px;
    min-height: 40px;
    line-height: 20px;
  }

  #gallery-modal .bottom .more {
    width: 100%;
  }

  #gallery-modal .bottom .more>* {
    float: none;
    margin-left: 0px !important;
  }

  .block-head .bottom .title {
    font-size: 16px;
    line-height: 20px;
  }

  .table-filters .items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .table-filters .item-single:not(:last-child) {
    margin-right: 0px;
    margin-bottom: 10px;
  }

  .table-01.events td.vs .time p {
    min-width: auto;
  }

  .table-01.events td.team {
    white-space: normal;
    font-size: 12px;
  }

  .table-01.small.events tbody tr td.team.left {
    padding-left: 0px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .table-01.small.events tbody tr td.team.right {
    padding-right: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .table-01.small.events tbody tr td.date {
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .table-01.small.events tbody tr td.date .time {
    margin-left: 0px;
  }

  .table-01.small.events tbody tr td.buttons {
    padding-right: 0px;
  }

  .table-01.small.events tbody tr td.buttons .ico-btn {
    width: 30px;
    height: 30px;
    margin-top: 5px;
  }

  .table-01.small.events tbody tr td.buttons .ico-btn:not(.image) {
    -webkit-background-size: auto 15px;
    background-size: auto 15px;
  }

  .table-01.small.events tbody tr td.buttons .ico-btn:not(:first-child) {
    margin-left: 5px;
  }

  .table-01.small.events tbody tr td.buttons .ico-btn:hover {
    margin-top: 0px;
  }

  .table-01.small.events tbody tr td.buttons .ico-btn.yt {
    -webkit-background-size: 15px auto;
    background-size: 15px auto;
  }

  .notice-single.info-list ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
  }

  .team-detail .logo {
    display: block;
    width: 100%;
    margin-bottom: 20px;
  }

  .team-detail .content {
    margin-left: 0px;
  }

  .block-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .block-head .logo {
    display: none;
  }

  .event-single-small {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .event-single-small .buttons {
    margin-top: 10px;
  }

  .event-single-small .teams {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 10px;
  }

  .event-single-small .teams .result {
    margin: 5px 0px;
  }

  .event-single-small .teams p {
    text-align: center !important;
  }

  .block.block-01.small {
    width: 100% !important;
  }

  .table-01 .game {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 5px 0px;
  }

  .table-01 .game>* {
    text-align: center !important;
  }

  .player-detail .head .next,
  .team-detail .head .next {
    font-size: 0px;
  }

  .event-detail .block.info>ul>li:not(.main) {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }

  .event-detail .block.info>ul>li:not(.main)+li {
    padding-left: 0px;
    padding-top: 10px;
  }

  .event-single .actions .button {
    margin-right: 5px;
  }

  .hide-footable-xs thead th:first-child,
  .hide-footable-xs tbody td:first-child {
    display: none !important;
  }

  .news-widget .bottom ul li {
    width: 100% !important;
  }

  .news-widget .bottom ul li+li {
    margin-top: 20px;
  }

  .frm01 .type_check_many .input .checkbox {
    display: block;
  }

  .frm01 .type_check_many .input .checkbox+.checkbox {
    margin-left: 0px;
    margin-top: 10px;
  }

  .team-overview .content .body ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
    line-height: 20px;
  }

  .team-overview .content .body ul li p.title {
    font-weight: bold;
  }

  .team-overview .image {
    margin-left: auto;
    margin-right: auto;
  }

  .team-overview .content .bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .team-overview .content .bottom .button+.button {
    margin-top: 10px;
    margin-left: 0px;
  }

  .frm01 .type_upload_image .actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
  }

  .frm01 .type_upload_image .actions .button+.button {
    margin-left: 0px;
    margin-top: 20px;
  }

  .frm01 .buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .frm01 .buttons .button+.button {
    margin-left: 0px;
    margin-top: 10px;
  }

  table.table-01.game-stats tbody td a:hover {
    margin-right: 0px;
    padding-left: 0px;
  }

  table.table-01.game-stats tbody td a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  table.table-01.game-stats tbody td:nth-child(2) {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .frm01.grey {
    padding: 10px;
  }

  .accordion .item-single .head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .accordion .item-single .head .date {
    width: 100%;
  }

  .table-01.table-actions tbody td:last-child .button+.button,
  .table-01.table-actions tfoot td:last-child .button+.button {
    margin-left: 0px;
  }

  .table-01.table-actions thead th:last-child,
  .table-01.table-actions tbody td:last-child,
  .table-01.table-actions tfoot td:last-child {
    white-space: normal;
  }

  .table-01.table-actions tbody td:last-child {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
  }

  .hide-xs {
    display: none;
  }

  .soccer-field {
    width: 220px;
    height: 295px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
  }

  .soccer-field .player {
    width: 20px;
    height: 20px;
    padding: 0px;
  }

  .soccer-field .row.gk:first-child {
    margin-bottom: 0px;
  }

  .soccer-field .row:not(.gk) .player.p-3 {
    margin-left: -10px;
  }

  .soccer-field .row.attack,
  .soccer-field .row.defence {
    height: 45px;
  }

  .soccer-field .row:not(.gk) {
    height: 42.5px;
  }

  .soccer-field .row.defence {
    margin-top: -10px;
    margin-bottom: 15px;
  }

  .games-list .content>ul>li>.info {
    position: relative;
    text-align: center;
  }

  .games-list .pagination a {
    display: block;
    width: 100%;
    float: none;
    margin: 0px !important;
    padding: 0px !important;
  }

  .games-list .pagination a+a {
    margin-top: 10px !important;
  }

  .news-widget .post-small .title {
    border-bottom: 0px;
    padding-bottom: 0px !important;
  }

  .news-widget .post-small .date {
    margin-top: 9px !important;
  }

  .news-widget .post-small {
    border-bottom: 1px solid #00A7E1;
    padding-bottom: 20px;
  }

  .news-widget .bottom ul li:not(:first-child) .post-small .title {
    border-top: 0px;
  }

  .news-widget .bottom ul li+li {
    margin-top: 0px;
  }

  .news-item-single .body .title {
    font-size: 20px;
    line-height: 20px;
  }

  .search-group .head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch;
  }

  .search-group .head .buttons {
    margin-left: 0px;
    margin-top: 20px;
  }

  .soccer-field .player.p-5 .tooltip {
    right: 0px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: auto;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
  }

  .soccer-field .player.p-5 .tooltip:before {
    left: auto;
    margin-left: 0px;
    right: 0px;
  }

  .soccer-field .player.p-1 .tooltip {
    left: 0px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    right: auto;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
  }

  .soccer-field .player.p-1 .tooltip:before {
    right: auto;
    margin-left: 0px;
    left: 0px;
  }

  .dataTables_wrapper .dataTables_paginate {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 0px;
    margin-top: 10px;
  }

  .dataTables_wrapper .dataTables_paginate>span {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    width: 100%;
    margin-top: 5px;
  }

  .calendar-events .event-single .teams .result {
    line-height: 30px;
    padding: 0;
  }

  .calendar-events .event-single .teams .team,
  #live-games.calendar-events .event-single .teams .team {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .calendar-events .event-single .teams .team .flag,
  #live-games.calendar-events .event-single .teams .team .flag {
    margin: 0 10px 0 0;
  }

  .calendar-events .event-single .teams .team:last-child,
  #live-games.calendar-events .event-single .teams .team:last-child {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 0;
  }

  .twitter-widget .tweet {
    font-size: 16px;
    line-height: 20px;
  }

  .news-widget .post-medium .title {
    font-size: 20px;
    line-height: 25px;
  }

  #page h1 {
    font-size: 24px;
    line-height: 30px;
  }

  .calendar-page-header .filter-fields {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .filter-fields .we-select {
    width: 100%;
  }

  .filter-fields .select2-container {
    max-width: 100%;
  }

  .footable-details .training-overview {
    margin-left: -115px;
  }

  .training-overview .body ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .training-overview .body ul li .title {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    padding-right: 0;
  }

  .training-overview .body ul li .value {
    padding-left: 0;
    text-align: left;
  }
}

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

  .hide-first-xs tbody tr:not(.footable-detail-row) td:first-child,
  .hide-first-xs thead tr:not(.footable-detail-row) th:first-child {
    display: none !important;
  }

  .event-single .teams .team {
    width: 80px;
  }

  .event-single .teams .team p {
    font-size: 10px;
  }

  .news-widget .post-big .title {
    font-size: 24px;
    line-height: 25px;
  }

  #page h1 {
    font-size: 20px;
    line-height: 25px;
  }

  .calendar-page-header h1:after {
    margin-left: 5px;
  }
}

/*------------------------------------*\
$Print styles
\*------------------------------------*/
@media print {

  html,
  body {
    width: 1024px;
    overflow: visible;
  }

  * {
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important;
    /*float: none!important;*/
    /*overflow: visible!important;*/
  }

  img {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
  }

  tr,
  td {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
  }

  li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
  }

  .soccer-field {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
  }

  .soccer-field .row {
    page-break-after: avoid !important;
  }

  #header,
  #sidebar,
  #footer,
  .social-blocks,
  .sponsors,
  .banner-widget,
  .ui-datepicker,
  .social-share,
  .video-widget {
    display: none !important;
  }

  #container {
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  #wrap {
    padding-left: 0;
  }

  #page .row {
    page-break-after: always;
  }

  #page .row,
  #page .row *[class*="col"] {
    display: block !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Lineup */
  .lineup-block .head {
    page-break-before: always;
  }

  .lineup-block:first-child .head {
    page-break-before: avoid;
  }

  /* Components */
  .pagination,
  .tabs-head {
    overflow: hidden !important;
  }
}

[v-cloak] {
  display: none;
}

.ejl-contact {
  display: inline-block;
}

.ejl-contact .employee {
  display: inline-block;
  min-width: 410px;
  padding-bottom: 10px;
  padding-right: 10px;
  vertical-align: top;
  word-break: break-all;
}

.ejl-contact .employee img {
  float: left;
  margin-right: 10px;
  width: 160px;
  height: 205px;
}

.ejl-contact .employee p.name {
  margin-top: 0px;
  font-weight: bold;
  font-size: 20px;
}

.ejl-contact .employee p {
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;
  padding-bottom: 0px;
}

.ejl-contact .employee .table {
  display: table;
}

.ejl-contact .employee .row {
  display: table-row;
}

.ejl-contact .employee .cell {
  font-size: 16px;
  display: table-cell;
  vertical-align: top;
  padding-right: 10px;
  padding-bottom: 5px;
}

@media only screen and (max-width: 479px) {
  .ejl-contact .employee img {
    float: left;
    margin-right: 10px;
    width: 100px;
    height: 128px;
  }

  .ejl-contact .employee p.name {
    margin-top: 0px;
    font-weight: bold;
    font-size: 18px;
  }

  .ejl-contact .employee p {
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 0px;
  }
}

.ejl-mobileTable {
  border: 1px solid black;
  text-align: center;
}

.ejl-mobileTable tr {
  border: 1px solid black;
}

.ejl-mobileTable td {
  border: 1px solid black;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
}

@media only screen and (max-width: 600px) {
  .ejl-mobileTable td {
    padding: 1px;
  }
}

div.broadcast {
  display: table;
  width: 100%
}

div.broadcast div.cell {
  padding-bottom: 5px;
  padding-right: 10px;
  float: left;
  text-align: left;
}

div.broadcast div.cell p {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 5px;
  text-transform: uppercase;
  line-height: 20px;
}

div.broadcast select {
  padding: 2px 3px;
  margin-right: 10px;
  margin-bottom: 5px;
  color: #0550F0;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 20px;
}

@media screen and (max-width: 600px) {
  div.broadcast div.cell {
    width: 100%;
    display: block;
  }

  div.broadcast select:not(.month):not(.year) {
    width: 100%;
  }

  div.broadcast select.month {
    width: 65%;
    margin-right: 5px;
  }

  div.broadcast select.year {
    width: 30%;
    margin-right: 0px;
    float: right;
  }
}

/*------------------------------------*\
Youth Rating Title Page 
\*------------------------------------*/

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css');

.fa.fa-star.line-star {
  color: #00067F;
  font-size: 35px;
}

.fa.fa-star.orange {
  color: #FFD700;
  padding-left: 5px;
}
.fa.fa-star.orange.list-row,
.fa.fa-star.grey.list-row {
  font-size: 25px;
}

.fa.fa-star.orange.marker-row {
  font-size: 15px;
}

.fa.fa-star.grey {
  color: lightgrey;
  padding-left: 5px;
}

.fa.fa-map-marker.white {
  color: #fff;
  font-size: 45px;
}

#page .timeline .level-title {
  display: inline-flex;
  align-items: center;
  gap: 4px;              /* vahe teksti ja tähtede vahel */
}

/* Mobiilis tähestik uuele reale */
@media (max-width: 968px) {
  #page .timeline .level-title {
    display: block;
  }
  #page .timeline .level-title .stars {
    display: block;
    margin-top: 4px;     /* väike vahe pealkirja ja tähtede vahel */
  }
}

#page .timeline {
  position: relative;
  margin: 20px 0;
  padding-left: 20px; /* ruum tähe ja joone jaoks */
}

/* Keskmine vertikaalne joon */
#page .timeline::before {
  content: "";
  position: absolute;
  left: 5px;   /* joone asukoht */
  top: 12px;
  bottom: 13px;
  width: 1px;
  background: #001489;
}

/* Ülemine ring */
#page .timeline::after {
  content: "";
  position: absolute;
  left: 0px;
  top: 5px;
  width: 12px;
  height: 12px;
  background: #001489;
  border-radius: 50%;
}

/* Alumine ring */
#page .timeline-list::after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 13px;
  width: 12px;
  height: 12px;
  background: #001489;
  border-radius: 50%;
}

/* Täht vasakul joone kõrval */
/*.timeline-item .line-star {
  position: absolute;
  left: -80px;
  top: -5px;
  color: #001489;
  font-size: 22px;
}*/

/* Horisontaalne ühendusjoon joone ja teksti vahel */
#page .timeline-item .timeline-content::before {
  content: "";
  position: absolute;
  left: -40px;  /* joon algab keskmisest vertikaalist */
  top: 10px;
  width: 20px;  /* ulatub täpselt joone keskelt teksti juurde */
  height: 2px;
  background: #001489;
}

#page .timeline-item {
  position: relative;
  margin-bottom: 30px;
}

#page .timeline-content {
  margin-left: 40px;
  position: relative;
}

#page .timeline .timeline-content h3{
  color:#00067F;
  font-family: "Hanse";
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
}
#page .timeline .timeline-content p{
  padding:15px 0px 15px 0px;
  font-size:15px;
}
#page .timeline .timeline-content a{
  font-size: 14px;
  font-weight: bold;
}

#page .timeline .club-search {
  margin-left: 40px;
  position: relative;
  border-radius: 50px;
}

.sama-container {
  display: flex;
  flex-wrap: wrap; /* Veendub, et elemendid ei lähe üle ekraani, kui ruumi pole */
  gap: 10px; /* Lisab tühikute vahel */
  align-items: flex-start;
}

.sama-box {
  padding: 10px 10px 10px 0px;
  flex: 1; /* Igale divile sama laiuse määramine */
  min-width: 200px; /* Määrab miinimumlaiuse, et div’id ei muutuks liiga kitsaks */
}

.sama-box img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  max-width: 100%; /* Pilt ei ületa oma konteineri laiust */
  height: auto; /* Hoidke pildi kuvasuhe */
}

/* Desktopi vaade - maksimaalne kõrgus 250px */
@media (min-width: 769px) {
  .sama-box img {
      max-height: 400px; /* Desktopis ei ületa kõrgus 250px */
  }
}

/* Mobiilivaade - vähem kui 768px */
@media (max-width: 768px) {
    .sama-container {
        flex-direction: column; /* Mobiilis paneb elemendid üksteise peale */
    }
    .sama-box img {
        max-height: 350px; /* Mobiilis ei ületa kõrgus 150px */
    }
}

/*------------------------------------*\
Youth Rating Club List Page 
\*------------------------------------*/

/* 'Otsi kaardilt' ikoon */
.club_map .club_map_top {
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.club_map:hover .club_map_top {
  padding-bottom: 5px;
  margin-top: -5px;
}

/* Klubide nimekiri */
.youth-rating-club-list td a {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 15px;
  color:#000;
}

.club_search .input input {
  width: 100%;
  border: 0px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 5px 10px;
  display: block;
  line-height: 20px;
  height: 30px;
  font-size: 14px;
}


/*------------------------------------*\
Youth Rating Club Page 
\*------------------------------------*/

.flex-container {
  display: flex;
  margin: 1em 0;
  justify-content: space-evenly;
}

.flex-container h3 {
  color:#00067F;
  font-family: "Hanse";
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
}

.box-item {
  flex: 1 1 0;
  width: 0;
  padding: 20px;
}

.flex-auto {
  flex: auto;
}

@media (max-width: 1024px) {
  .flex-container {
    flex-direction: column;
  }
  .box-item {
    width: 100%;
  }
}

/* Stats */

.flex-container.blue {
  background-color: #00067F;
}

/* uus testitav */

.hero {
  background-image: url('https://jalgpall.ee/images/youth_rating/header_background.jpeg');
  background-size: cover;
  background-position: center;
  position: relative;
  height: clamp(150px, 25vw, 260px);
  color: white;
}

.hero .overlay {
  height: 100%;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
}

.header-container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  font-family: 'Hanse';
  font-size: clamp(32px, 6vw, 65px);
  line-height: clamp(32px, 6vw, 65px);
}

.club-logo {
    width: 180px;
    height: auto;
}

/* UUS */

/* Täislaiusega taustapildiga header */
.hero1 {
    background-image: url("https://jalgpall.ee/images/youth_rating/header_background.jpeg");
    background-size: cover;
    background-position: center;
    padding: 20px;
    color: white;
}

/* Flexbox: logo + tekst kõrvuti */
.hero-inner {
    display: flex;
    align-items: left;
    gap: 40px;
    margin: 0 auto;
}

/* Tekstikast */
.hero-text {
    color: white;
    font-family: "Bebas Neue", "Impact", sans-serif;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-family: 'Hanse';
    text-transform: uppercase;
}

.inner-text {
  align-items: flex-end;
}

.hero-text .club-name {
    font-size: 2.8em;
    letter-spacing: 2px;
    line-height: normal;
}

.hero-text .stars {
    font-size: 28px;
    margin-bottom: 5px;
}

/* ---- MOBIILIVAATES ---- */
@media (max-width: 768px) {
    .hero-inner {
        flex-direction: column;
        text-align: center;
        align-items: center;
        gap: 20px;
    }

    .inner-text {
        display: inline-block;
        text-align: left;
    }

    .stars {
        margin-bottom: 5px;
    }

    .hero-text .club-name {
        font-size: 1.8em;
    }

    .club-logo {
        width: 150px;
    }
}

/* UUS */

.club_stats_container {
  display: grid;
  grid-template-rows: auto auto auto; /* 3 rida */
  gap: 10px; /* vahe elementide vahel */
  background-color: #00067F;
  padding: 0px 60px;
}

.club_stats_row1 {
  grid-column: 1 / -1; /* võtab kogu laiuse */
  padding: 10px;
  text-align: left;
  font-weight: bold;
}

.club_stats_row2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 võrdselt laia veergu */
  gap: 10px;
}

.club_stats_row3 {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 võrdselt laia veergu */
}

.club_stats_box {
  padding: 10px 30px;
  text-align: center;
  color: white;
}

.club_stats_row3 .club_stats_box {
  border-top: 1px solid white;
}

/* --- Mobiilivaade --- */
@media (max-width: 1024px) {
  .club_stats_container {
    padding: 0px 20px; /* väiksemad ääred */
    font-size: 0.85em;
  }

  .club_stats_row2 {
    grid-template-columns: 1fr; /* kõik kastid üksteise all */
  }

  .club_stats_row3 {
    grid-template-columns: 1fr; /* samuti üks veerg */
  }

  .club_stats_box {
    padding: 15px;
    text-align: center; /* võib soovi korral muuta */
  }

  .club_stats_row3 .club_stats_box {
    border-top: none;
    border-bottom: 1px solid white; /* võib muuta, et piirjoon jääks loogilisem */
  }
}

/** Men & Women **/

.mw_container {
  margin: 0 auto;
}

.mw_total-number {
  font-size: 40px;
  font-weight: bold;
  line-height: 40px;
}

.mw_subtitle {
  font-size: 20px;
  margin-bottom: 20px;
}

.mw_progress-bar {
  height: 1.1em;
  width: 100%;
  background-color: #eee;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  margin: 10px 0;
}

.mw_progress-boys {
  background-color: #00e5ff;
}

.mw_progress-girls {
  background-color: #ff6e6e;
}


.mw_percent-labels {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  font-weight: bold;
}

.mw_bottom-section {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.mw_gender-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mw_gender-icon .fa-male,
.mw_boys {
  color: #00e5ff;
}

.mw_gender-icon .fa-female,
.mw_girls {
  color: #ff6e6e;
}

.mw_gender-icon {
  font-size: 32px;
  margin-bottom: 5px;
}

.mw_number {
  font-size: 28px;
  font-weight: bold;
}

/** Progress Bar **/

.stats_progress-container {
  color: white;
}

.stats_progress-header {
  display: flex;
  align-items: center;
  font-weight: bold;
  margin-bottom: 8px;
}

.stats_progress-header .info-icon {
  width: 16px;
  height: 16px;
  background-color: white;
  color: #0072ff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  margin-left: 8px;
}

.stats_progress-bar {
  position: relative;
  background-color: #d3d3d3;
  height: 10px;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 5px;
}

.stats_progress-bar-fill {
  height: 100%;
}

.stats_progress-percentage.sporting {
  color: #00e5ff;
}

.stats_progress-bar-fill.sporting {
  background-color: #00e5ff;
}

.stats_progress-percentage.organizational {
  color: #8ece06;
}

.stats_progress-bar-fill.organizational {
  background-color: #8ece06;
}

.stats_progress-percentage {
  font-weight: bold;
  text-align: right;
  font-size: 18px;
}

/** Vertical Bar **/

.chart-container {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 20px;
  white-space: nowrap;

}

.bar-container {
  text-align: center;
}

.bar {
  width: 1em;
  border-radius: 10px;
  margin: 0 auto;
  margin-bottom: 10px;
  transition: height 0.3s ease;
}

.bar1 {
  background-color: #48ff81;
}

.bar2 {
  background-color: #04ffb7;
}

.bar3 {
  background-color: #04f7ff;
}
.bar4 {
  background-color: #03b6cc;
}

.bar5 {
  background-color: #038899;
}

.bar6 {
  background-color: #4a6c88;
}

.bar-container .label {
  margin-top: 8px;
  font-size: 12px;
}

.bar-container .value {
  font-size: 12px;
  color: #a0cfff;
}

/** Donut **/

.donutContainer h2 {
    text-align:center;
    position: absolute;
    line-height: 100px;
    width: 100%;
}

.donutContainer svg {
    transform: rotate(-90deg);
}

/* Clockwise - Red */
.donut-bg {
    stroke: #00e5ff;
    stroke-width: 14;
}

/* Counter-Clockwise - Blue */
.donut-progress {
    stroke: #ff6e6e;
    stroke-dasharray: 282.7433388230814;
    stroke-dashoffset: 282.7433388230814;
    transition: stroke-dashoffset 1s ease-out;
}

/*------------------------------------*\
Youth Rating Map Page 
\*------------------------------------*/

.club-map-container {
   margin-left: 20px;
   max-width: 920px;
}

.fa.fa-list.white {
  color: #fff;
  font-size: 30px;
}

.leaflet-popup  .leaflet-zoom-animated {
  opacity: 0.95;
}

.leaflet-popup-content-wrapper {
  border-radius: 0px;
}

/*.custom-wide-popup .leaflet-popup-content-wrapper {
  max-width: none !important;
}

.custom-wide-popup .leaflet-popup-content {
  width: auto;
  max-width: none;
  white-space: nowrap;  Kui vaja, väldi reavahet 
}*/

.leaflet-popup-content.custom-wide-popup,
.custom-wide-popup .leaflet-popup-content {
    max-width: 600px;
    white-space: normal;
    overflow-wrap: break-word;
}

.custom-popup {
  display: flex;
  align-items: center;
  gap: 6px;
  max-width: 350px;
  white-space: nowrap;
}

.popup-logo {
  width: auto;
  height: 38px;
  object-fit: contain;
}

.popup-title {
  font-weight: bold;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-transform: uppercase;
}

.popup-title .popup-link {
  color: #000;
}

.popup-stars {
  flex-shrink: 0;
  white-space: nowrap;
}

.popup-stars i {
  color: orange;
  font-size: 18px;
  margin-left: 2px;

}