:root {
  --mc: #292929;
  --mff: 'Roboto', sans-serif;
  --sff: 'Roboto Condensed', sans-serif;
  --red: #7a0105;
  --green: #00C907;
  --yellow: #b8860b;
  --grey: #BEBEBE;
  --blue: lightblue;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,body {
  height: 100vh;
  margin: 0;
}
body {
	font-size: 1em;
  line-height: 1.4;
	color: var(--mc);
	font-family: var(--mff);
  overflow-x: hidden;
}

a {
  transition: color .4s ease;
}
a:hover {
  text-decoration: none;
}
a:focus {
  outline: none;
}

em {
  color: var(--mc);
}

#middle {
  background: #F9F9F9;
}

#debug {
	position: fixed;
	bottom: 0;
	right: 40px;
	width: 200px;
	height: 50px;
	line-height: 50px;
	background: orange;
	color: #000;
	font-size: 16px;
}

.uk-container {
  padding-left: 0;
  padding-right: 0;
  max-width: 1368px;
}

.uk-table-striped tbody tr:nth-of-type(2n+1), .uk-table-striped > tr:nth-of-type(2n+1) {
	background: #f2f2f2;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}

.responsive_wrapper {
  padding: 0 5px;
}

.uk-grid-xsmall {
  margin-left: -5px;
}
.uk-grid-xsmall > * {
  padding-left: 5px;
}

.uk-notification-message {
	background: orange;
	color: #fff;
}

/* DEF HEADERS */
h1 {
  font-size: 34px;
  font-weight: 900;
  font-style: italic;
  font-family: var(--mff);
  color: #292929;
}

h3 {
  font-family: var(--mff);
  color: #292929;
}

/* SMALL HELPS */
.label18b {
  font-size: 18px;
  font-weight: 900;
}

#social-menu {
  background: #fff;
}
#social-menu nav {
  height: 60px;
}

#top-menu {
  background: var(--red);
  position: relative;
}
#top-menu nav div a {
  min-height: 60px;
  font-size: 18px;
  font-weight: 700;
  font-family: var(--sff);
}

#top-menu .uk-navbar-nav > li > a {
  color: #fff;
  transition: color .4s ease;
}
#top-menu .uk-navbar-nav > li:hover > a, #top-menu .uk-navbar-nav > li > a.uk-open, #top-menu .uk-navbar-nav > li > a:focus {
	color: #292929
}

#top-menu .uk-navbar-toggle {
	color: #fff;
}
#top-menu .uk-navbar-toggle.uk-open, #top-menu .uk-navbar-toggle:focus, #top-menu .uk-navbar-toggle:hover {
	color: #292929
}

#main-menu-toggle {
  width: 73px;
  box-shadow: 0px 0px 30px -18px rgba(0, 0, 0, 0.75);
}

#main-logo {
  padding: 0;
  position: absolute;
  width: 200px;
  top: 14px;
  left: calc(50% - 100px);
}
#main-logo img {
  position: absolute;
  left: 0;
  z-index: 2;
}

#modal-full .uk-nav-default > li > a {
  color: #000;
}
#modal-full .left-main-menu .uk-nav-default > li > a {
  color: #fff;
}

#modal-full .uk-nav-default > li > a:hover {
	color: rgb(37, 37, 37);
}

.left-main-menu {
  background: var(--red);
  color: #fff;
}

.main-menu-modal .uk-nav-default .uk-nav-header {
  font-size: 20px;
  font-weight: 700;
}
.left-main-menu .uk-nav-default .uk-nav-header {
  color: #fff;
}

#icon-menu ul {
  box-shadow: 0px 0px 30px -18px rgba(0, 0, 0, 0.75);
}

#icon-menu a {
  position: relative;
  width: 73px;
  height: 100%;
  display: flex;
  border-bottom: 1px solid #E9E9E9;
  background: #fff;
  color: var(--red);
}
#icon-menu a svg {
  height : 30px;
}
#icon-menu a svg .cls-1 {
  transition: fill .4s ease;
}
#icon-menu a:hover svg .cls-1 {
  fill: #292929;
}

.uk-slideshow-items a:hover {
  color: rgba(255, 255, 255, 0.8);
}

.slideshownav a {
  height: 5px;
  background: var(--red);
  border-left: 3px solid #000;
}
.slideshownav li:first-child a {
  border-left: 0;
}
.slideshownav .uk-active a {
  background: rgba(255, 255, 255, 0.8);
}

.slideshownav a > * {
  display: none;
}

.uk-slideshow-items .uk-overlay-primary {
  background: rgba(34,34,34,.5);
}
.uk-slideshow-items h3 {
  font-size: 14px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.3);
  text-transform: uppercase;
  margin: 0 0 10px 0;
}
.uk-slideshow-items h2 {
  width: 100%;
  font-family: var(--sff);
  font-size: 20px;
  font-weight: 700;
  font-style: italic;
  color: rgba(255, 255, 255, 1);
  margin: 0 0 10px 0;
}
.uk-slideshow-items p, .uk-slideshow-items nav {
  display: none;
}

.greybox {
  background: var(--mc);
  color: #fff;
}
.greybox .hicon {
  width: 40px;
  height: 40px;
}
.greybox h3 {
  color: #fff;
  font-size: 25px;
  font-weight: 900;
  font-family: var(--mff);
  font-style: italic;
  margin: 0;
}
.greybox h3 a {
  color: #fff;
}
.greybox h3 a:hover {
  color: rgb(196, 196, 196);
}
.greybox time {
  color: #BEBEBE;
  font-size: 18px;
  font-family: var(--sff);
  font-weight: 700;
  display: block;
  text-align: center;
}

.llbox {
  border-left: 5px solid #BEBEBE;
  background: #585858;
  color: #BEBEBE;
  font-weight: 900;
  font-style: italic;
  height: 50px;
  align-items: stretch;
}
.llbox.green {border-left: 5px solid #00C907;}
.llbox.red {border-left: 5px solid #B1151A;}
.llbox.blue {border-left: 5px solid #006FFF;}
.llbox span {
  display: flex;
  font-size: 16px;
  padding: 0 14px;
  align-items: center;
}
.llbox span:last-child {
  background: #4B4B4B;
  color: #fff;
  font-size: 28px;
  padding: 0 20px;
  width: 70px;
  justify-content: center;
}
.llbox span:last-child.green {color:#00C907;}
.llbox span:last-child.red {color:#B1151A;}

.llbox.small {
  height: 40px;
}
.llbox.small span:last-child {
  font-size: 18px;
}

#roi, #yield {
	font-size: 22px;
	width: 90px;
}

/* GAUGE */
.bb-chart-arc path { stroke: #4B4B4B; }
.bb-chart-arcs .bb-chart-arcs-background { fill: #4B4B4B; }
.bb-chart-arc .bb-gauge-value { fill: #fff; }

.greybox .endofsug {
  color: #5B5B5B;
}
.greybox .endofsug .greycb {
  width: 18px;
  height: 18px;
  display: inline-block;
  border: 3px solid #000;
  background: #585858;
}
.greybox .endofsug .greycb.isend {
  background: #00C907;
}

#livetotal svg {
  height: 93px;
}

#livetotal .livelabel span {
  color: #444444;
  font-family: var(--mff);
  font-weight: 900;
  font-style: italic;
  font-size: 28px;
}
#livetotal .livelabel span:first-child {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #444444;
  border-radius: 50%;
  margin-right: 10px;
}
#livetotal .livelabel.livenow span {
  color: var(--green);
}
#livetotal .livelabel.livenow span:first-child {
  background: var(--green);
}

.right-col {
  width: 300px;
  margin-right: auto;
  margin-left: auto;
}
.left-col {
  width: 300px;
  margin-right: 15px;
}
.right-col > div, .left-col > div {
  max-width:300px;
}
.right-col > div > * {
  margin: 0 0 10px 0;
}
.fp .right-col > div > * , .removetop .right-col > div > * {
  margin: 10px 0 0 0;
}
.removetop.view-article .right-col > div > * {
  margin: 0 0 10px 0;
}
.left-col > div > * {
  margin-bottom: 10px;
}

.bmblock {
  height: 100px;
  padding: 10px;
  color: #fff;
  background: #3375C8;
  transition: all .4s ease-in-out;
}
.bmblock:hover {
  transform: scale(1.1);
}
.bmblock figure {
  width: 60px;
    height: 60px;
    margin: 0;
    flex: 1 0 auto;
}
.bmblock figure + div {
  padding: 0 0 0 10px;
}
.bmblock h4 { margin: 0; }
.bmblock h4 a {
  font-size: 22px;
  font-weight: 900;
  color: #fff;
  margin: 0;
  line-height: 1.1em;
  display: inline-block;
  overflow: hidden;
  position: relative;
}
.bmblock span.slogan {
  display: block;
	font-family: var(--sff);
	font-size: 8px;
	color: #fff;
	line-height: 0.5rem;
}
.bmblock a.bmlink {
  font-family: var(--sff);
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    font-style: italic;
    line-height: 1em;
    margin: 0;
    display: inline-block;
    overflow: hidden;
    position: relative;
    padding: 5px;
    border: 1px solid #fff;
    width: 85px;
    flex: 0 0 auto;
    text-align: center;
}
.bmblock h4 a::before {
  content:"";
  display: block;
  position: absolute;
  left: -100%;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #292929;
  transition: all .3s;
}
.bmblock h4 a:hover::before {
  left: 0;
}
.bmblock svg path {
  fill: #000 !important;
  fill-opacity: 1 !important;
}
.bmblock svg.enabled path {
  fill: #fff !important;
  fill-opacity: 1 !important;
}
/*.bmblock a {
  border:1px solid #fff;
  padding: 2px 8px;
  color: #fff;
  font-family: var(--sff);
  font-size: 12px;
}*/
.bmblock svg {
  /*width: 20px;
  height: 20px;*/
  width: 25px;
  height: 25px;
  background: rgba(255,255,255,.3);
  border-radius: 50%;
  padding: 5px;
}

.small-container {
  padding: 0 10px;
}

.greybg {
  position: relative;
  margin-top: 8px;
}
.greybg::before {
	content: "";
	display: block;
	background: #eee;
	position: absolute;
	top: -8px;
	left: 0;
	width: 100%;
	height: 100%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.greybg.istoday::before {
	background: rgb(216, 213, 213);
}

.greybg > div > * {
  z-index: 1;
  margin-bottom: 30px;
}

h3.modhead {
  font-size: 23px;
  font-family: var(--mff);
  font-weight: 900;
  font-style: italic;
  color: #292929;
  z-index: 1;
  margin-bottom: 0;
}
h3.modhead a {
  color: #292929;
}
h3.modhead a:hover {
  color: #585858;
}
h3.modhead svg {
  width: 35px;
  margin-right: 10px;
}

#topgames {
  max-width: 340px;
  /*margin-left: auto;*/
  margin-right: auto;
}

#topgames article.live .time > span:first-child {
  display: none;
}
#topgames article.live .time > span:last-child {
	color: #B1151A;
}

#topgames figure {
  height: 175px;
  overflow: hidden;
  margin: 0 !important;
}
#topgames figure + div {
  background: #fff;
}

#topgames .league img {
  margin-top: -35px;
  background: #fff;
  border-radius: 50%;
  height: 60px;
  width: auto;
}
#topgames .game {
  padding: 10px 0;
}
#topgames .game img {
  height: 50px;
  width: auto;
}
#topgames .game > div {
  text-align: center;
}
#topgames .home span, #topgames .away span {
  display: block;
  font-family: var(--sff);
  font-weight: 700;
  font-size: 14px;
  color: #140707;
  padding-top: 10px;
}
.time span {
  display: block;
}
#topgames .time span:first-child {
  font-size: 10px;
  color:#A2A2A2;
}
#topgames .time span:last-child {
  font-size: 12px;
  font-weight: 900;
  color:#140707;
}

.info {
  font-size: 10px;
  font-weight: 900;
  color: #292929;
  margin: 10px;
}

.info .withborder div {
  border: 1px solid #BEBEBE;
  padding: 5px;
  min-width: 50px;
}
.info span:first-child {
  font-size: 11px;
  color: #BEBEBE;
}

.leaguelist .info {
  margin: 0;
}
.leaguelist .info svg {
  width: 20px;
}
.leaguelist .info .nosug svg path {
  fill:rgb(213, 213, 213);
}
.leaguelist .info .hassug svg path {
  fill:#B1151A;
}

.leaguelist > * {
  padding: 15px;
  width: 100%;
}

.leaguetitle {
  font-size: 18px;
  font-weight: 700;
  font-family: var(--sff);
  color: #292929;
  margin-bottom: 0;
}
.leaguetitle img {
  margin-right: 10px;
  width: 50px;
  height: auto;
  display: inline-block;
}
.leaguegame {
  background: #fff;
  border-bottom: 1px solid #BEBEBE;
  position: relative;
  transition: all .8s;
}
.leaguegame.live::after {
  content:"";
  display: block;
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #B1151A;
}
.leaguegame time {
  text-align: center;
}
.leaguegame time span:first-child {
  font-size: 10px;
  color:#A2A2A2;
  display: block;
}
.leaguegame.live time span:first-child {
  display: none;
}
.leaguegame time span:last-child {
  font-size: 12px;
  font-weight: 900;
  color:#140707;
  margin-bottom: 20px;
  display: block;
}
.leaguegame.live time span:last-child{
  color: #B1151A;
}
.leaguegame .teams {
  font-size: 14px;
  font-family: var(--sff);
  font-weight: 700;
}
.leaguegame .teams > div {
  margin-bottom: 20px;
}
.leaguegame .teams span {
  display: inline-block;
}
.leaguegame .score span {
  display: block;
  min-width: 10px;
}
.leaguegame .score span:first-child {
  padding: 3px 2px 3px 7px;
}
.leaguegame .score span:last-child {
  padding: 3px 7px 3px 2px;
}
.leaguegame .score span.dots {
  padding: 0;
  text-align: center;
}
.leaguegame .score div {
  margin: 0 5px;
}
.leaguegame.live .score div {
  background: #000;
}
.leaguegame.live .score span {
  color: #fff;
}

.leaguegame:hover {
  background: rgb(63, 63, 63);
}
.leaguegame:hover * {
  color: #fff;
}
.leaguegame:hover time span {
  color: rgb(255, 104, 104) !important;
}
.leaguelist .leaguegame:hover .info svg path {
  fill: rgb(255, 104, 104);
}

.leaguegame.live:hover {
  background: #B1151A;
}
.leaguegame.live:hover time span {
  color: rgb(250, 132, 132) !important;
}
.leaguelist .leaguegame.live:hover .info svg path {
  fill: rgb(250, 132, 132);
}

.leaguelist .leaguegame:hover .info .nosug svg path {
  fill:rgb(213, 213, 213);
}

.fullcolorboxies article {
  padding: 30px 13px 5px 13px;
  height: 330px;
  position: relative;
  transition: transform .6s;
}
.fullcolorboxies article:hover {
  transform: scale(1.1);
  z-index: 2;
}
.fullcolorboxies article .cattitle {
  margin: 0;
  padding: 0 0 10px 0;
  font-size: 13px;
  font-family: var(--sff);
  font-weight: 700;
}
.fullcolorboxies article .title {
  margin: 0;
  padding: 0 0 10px 0;
  font-size: 22px;
  max-height: 182px;
}
.fullcolorboxies article .cattitle a, .fullcolorboxies article .title a {
  color: #fff;
}
.fullcolorboxies article .cattitle a:hover, .fullcolorboxies article .title a:hover {
  color: rgb(231, 231, 231);
}
.fullcolorboxies article img {
  height: 60px;
  width: auto;
}
.fullcolorboxies article time {
  font-size: 11px;
  font-family: var(--sff);
  font-weight: 700;
  color: #fff;
}

.suboroi {
  font-size: 13px;
  color: #A2A2A2;
  font-family: var(--sff);
  font-style: italic;
  margin: 5px 0 0 0;
}
.suboroi.light {
  color: rgb(105, 105, 105);
}

.slider {
  max-width: 340px;
  /*margin-left: auto;*/
  margin-right: auto;
}
.slider article {
  background: #fff;
  height: 100%;
  transition: all .8s;
}
.slider article figure {
  overflow: hidden;
}
.slider article figure { margin:0; }

.slider article div {
  padding: 10px 20px 40px;
}

.slider article h4 { margin: 0; }
.slider article h4 a {
  color: #AB1518;
  font-family: var(--sff);
  font-weight: 700;
  font-size: 12px;
}
.slider article h4 a:hover {
  color: #585858;
}
.slider article h3 {
  margin: 0;
  line-height: 1.1em;
}
.slider article h3 a {
  color: #292929;
  font-weight: 700;
  font-size: 20px;
}
.slider article h3 a:hover {
  color: #585858;
}
.slider article time {
  font-size: 12px;
  font-family: var(--sff);
  font-weight: 700;
  padding: 0 10px 10px 0;
}

.slider .uk-slider-items:hover > li:not(:hover) {
  filter: grayscale(1);
}
.slider .uk-slider-items:hover > li:hover {
  filter: grayscale(0);
}

.slider article:hover {
  background: #000;
}
.slider article:hover * {
  color: #fff;
}

.onetwo article {
  background: #fff;
  transition: all .8s;
}
.onetwo article figure { overflow: hidden; }
.onetwo article:hover {
  background: #000;
}
.onetwo article:hover * {
  color: #fff;
}
.onetwo article:hover figure img { transform: scale(1.1); }
.onetwo article h4 {
  margin: 0;
  padding: 20px 0 10px 20px
}
.onetwo article h4 a {
  color: #AB1518;
  font-family: var(--sff);
  font-weight: 700;
  font-size: 18px;
}
.onetwo article h4 a:hover {
  color: #585858;
}
.onetwo article h3 {
  margin: 0;
  padding: 0 0 30px 20px
}
.onetwo article h3 a {
  color: #292929;
  font-family: var(--mff);
  font-weight: 900;
  font-size: 30px;
}
.onetwo article h3 a:hover {
  color: #585858;
}
.onetwo article time {
  font-size: 12px;
  font-family: var(--sff);
  font-weight: 700;
  padding: 0 10px 10px 0;
}

.onetwo section article figure { margin: 0; overflow: hidden; height: 200px; }
.onetwo section article h4 {
  padding: 0 20px;
}
.onetwo section article h4 a {
  font-size: 12px;
}
.onetwo section article h3 {
  padding: 0 20px 30px 20px;
}
.onetwo section article h3 a {
  font-size: 20px;
}

.slider.tetrades article div {
	padding: 3px 6px;
}
.slider.tetrades article h4 a {
  font-size: 12px;
}
.slider.tetrades article h3 {
  line-height: 0.5em;
}
.slider.tetrades article h3 a {
  font-size: 12px;
}

.slider.tetrades h4 {
  line-height: 0.9rem;
}

.simple_mod_wrapper  h3 {
  font-size: 32px;
  font-weight: 900;
  font-style: italic;
  color: #292929;
}

.protaseis_table > div {
  margin-bottom: 5px;
}
.protaseis_table .total {
  font-size: 22px;
  font-weight: 700;
  font-style: italic;
  color: #292929;
  text-align: center;
}
.protaseis_table .total  > div:first-child > div {
  text-align: left;
  color: #fff;
  background: #292929;
  padding: 5px 10px;
}
.protaseis_table .total > div:first-child > div svg {
  margin-right: 10px;
  width: 20px;
}
.protaseis_table .total > div:first-child > div a {
  color: #fff;
}
.protaseis_table .total > div:first-child > div a:hover {
  color: rgb(202, 202, 202);
}
.protaseis_table .total > div:not(:first-child) > span {
  display: block;
  position: relative;
  padding: 5px 10px;
  background: #EEEEEE;
}
.protaseis_table .total > div:not(:first-child) > span::after {
  content:attr(title);
  position: absolute;
  width: 100%;
  height: 100%;
  top: -25px;
  left: 0;
  text-align: center;
  font-size: 14px;
  font-family: var(--sff);
  font-weight: 700;
  font-style: italic;
  color: #BEBEBE;
}
.protaseis_table .total > div:last-child > span {
  border-left: 1px solid #292929;
}

.protaseis_table .single {
  font-size: 18px;
  font-weight: 700;
  font-style: italic;
  color: #292929;
  text-align: center;
}
.protaseis_table .single > div:first-child > span a {
  display: block;
  text-align: left;
  color: #fff;
  background: #BEBEBE;
  padding: 3px 10px;
  position: relative;
  overflow: hidden;
  transition: all .8s;
}
.protaseis_table .single > div:first-child > span a::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: var(--red);
  transition: all .8s;
}
.protaseis_table .single > div:first-child > span a:hover {
  background: #fff;
  color: var(--red);
}
.protaseis_table .single > div:first-child > span a:hover::before {
  left: 0%;
}
.protaseis_table .single > div:not(:first-child) > span {
  display: block;
  position: relative;
  padding: 3px 10px;
  background: #EEEEEE;
}
.protaseis_table .single > div:last-child > span {
  border-left: 1px solid #BEBEBE;
}

.groups {
  background: #EEEEEE;
}
.groups > div:first-child {
  font-size: 22px;
  font-weight: 700;
  font-style: italic;
  text-align: left;
  color: #fff;
  background: #292929;
  padding: 5px 10px;
}
.groups > div:first-child a {
  color: #fff;
}
.groups > div:first-child a:hover {
  color: rgb(202, 202, 202);
}
.groups > div:first-child svg {
  margin-right: 10px;
  width: 20px;
  min-width: 20px;
}
.groups > div:last-child {
  width: 60px;
  font-size: 18px;
  font-weight: 700;
  font-style: italic;
  color: #292929;
  text-align: center;
}

.simple_mod_wrapper .videos {
  width: 250px;
  margin: 0 auto;
}
.simple_mod_wrapper .videos img {
  width: auto;
  height: 25px;
  filter: grayscale(1);
  opacity: .5;
}
.simple_mod_wrapper .videos .uk-active img {
  filter: grayscale(0);
  opacity: 1;
}
.simple_mod_wrapper .videos .uk-slider-items li {
  text-align: center;
}
.simple_mod_wrapper .videos .video-wrapper {
  list-style: none;
  margin: 20px 0 0 0;
  padding: 0;
}
.simple_mod_wrapper .video-wrapper {
  list-style: none;
  margin: 20px 0 0 0;
  padding: 0;
}

.smenu {
  padding: 0;
  list-style: none;
  margin-bottom: 0;
}
.smenu > li:not(:last-child) {
  margin-bottom: 5px;
}
.smenu > li > a {
  color: #fff;
  background: #BEBEBE;
  padding: 5px 10px;
  width: 100%;
  display: block;
  font-size: 20px;
  font-weight: 700;
  font-style: italic;
  transition: all .8s;
  position: relative;
}
.smenu > li > a::before {
  content: "";
  width: 60px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: #EEEEEE;
}
.smenu > li > a::after {
  content: "\25b6";
  font-style: normal;
  font-size: 12px;
  width: 60px;
  display: block;
  position: absolute;
  top: 9px;
  right: 0;
  color: #292929;
  text-align: center;
}
.smenu > li > a:hover {
  color: rgb(156, 156, 156);
  background: #EEEEEE;
}

.casinoboxies article {
  padding: 5px;
}
.casinoboxies article:not(:last-child)
{
  margin-bottom: 10px;
}
.casinoboxies svg {
	min-width: 42px;
	margin-right: 10px;
  color: #fff;
  flex:0 0 auto;
}
.casinoboxies svg path, .casinoboxies svg circle {
  fill: #fff !important;
}
.casinoboxies .header {
  font-size: 14px;
  font-family: var(--sff);
  font-weight: 700;
  margin-bottom: 10px;
  color: #fff;
}
.casinoboxies .body a {
  font-size: 16px;
  font-family: var(--sff);
  font-style: italic;
  color: #fff;
}
.casinoboxies .body a:hover {
  color: rgb(194, 194, 194);
}

.menuwithheader h3 {
	font-size: 30px;
	font-weight: 900;
	font-style: italic;
	color: #292929;
}
.menuwithheader h3 a {
	font-size: 30px;
	font-weight: 900;
	font-style: italic;
	color: #292929;
}
.menuwithheader h3 a:hover {
  color: #585858;
}
.icon2 {
  padding: 0;
  list-style: none;
  margin-bottom: 0;
}
.icon2 li {
  margin-bottom: 10px;
}
.icon2 a {
  display: flex;
  align-items: center;
}
.icon2 a img {
  transition: all .6s;
  width: 42px;
  margin-right: 20px;
}
.icon2 a:hover img {
  transform: rotate(-30deg) scale(1.15);
}
.icon2 a span {
  font-size: 18px;
  font-weight: 700;
  font-family: var(--sff);
  color: #020202;
}
.icon2 a:hover span {
  color: var(--red);
}

.acc.uk-nav-default > li > a {
	color: #fff;
  background: #BEBEBE;
  padding: 5px 10px;
  font-size: 20px;
  font-weight: 700;
  font-style: italic;
}
.acc.uk-nav-default > li:not(:last-child) {
  margin-bottom: 5px;
}

.acc.uk-nav-default .uk-nav-sub li:not(:last-child) {
  margin-bottom: 5px;
}
.acc.uk-nav-default .uk-nav-sub a {
  font-size: 16px;
  font-weight: 700;
  font-style: italic;
  color: #292929;
  background: #EEEEEE;
  padding: 5px 10px;
  position: relative;
  overflow: hidden;
  transition: all .4s;
}
.acc.uk-nav-default .uk-nav-sub a::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: -100%;
  position: absolute;
  background: var(--red);
  transition: all .4s;
}
.acc.uk-nav-default .uk-nav-sub a:hover {
  color: var(--red);
}
.acc.uk-nav-default .uk-nav-sub a:hover::after {
  left: 0;
}
.acc.uk-nav-parent-icon > .uk-parent > a {
  position: relative;
}
.acc.uk-nav-parent-icon > .uk-parent > a::after {
	content: "\25b6";
	height: 38px;
	display: block;
	background: #eee;
	font-style: normal;
	font-size: 12px;
	width: 60px;
	position: absolute;
	top: 0px;
	right: 0;
	color: #292929;
	text-align: center;
	padding-top: 9px;
}
.acc.uk-nav-parent-icon > .uk-parent.uk-open > a::after {
	content: "\25bc";
}

#footer1 {
  background: #7a0105;
  padding: 30px 5px;
}
#footer1 h3 {
  margin: 0 0 10px 0;
  font-size: 22px;
  font-weight: 700;
  font-family: var(--sff);
  font-style: italic;
  color: #fff;
}

#footer2 {
  background: #2A2A2A;
  padding: 15px 5px;
  color: #BEBEBE;
  font-size: 12px;
}

#footer2 h3 {
  font-size: 18px;
  font-weight: 900;
  font-style: italic;
  color: #BEBEBE;
}

#footer2 .footerlist a {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
#footer2 .footerlist a:hover {
  color: #BEBEBE;
}
#footer3 {
  background: #2A2A2A;
  padding: 15px 5px;
  color: #fff;
  font-size: 12px;
  position: relative;
}
#footer3::before {
  content: "";
  position: absolute;
  width: 30%;
  height: 1px;
  background: #BEBEBE;
  top: 0;
  left: 35%;
}
#footer3 a {
  color: #fff;
}
#footer3 a:hover {
  color: var(--red);
}
#footer3 p {
  margin: 0;
}

/* INSIDE PAGES */
.nofp:not(.fullwidth) #middle > .uk-container {
  padding-top: 50px;
}
.nofp.removetop #middle > .uk-container {
  padding-top: 0;
}
/*.nofp.removetop.rlc_onlisting #middle > .uk-container {
  padding-top: 50px;
}*/

.component_wrapper {
  padding: 30px 0;
}
.fullwidth .component_wrapper, .removetop .component_wrapper {
  padding-top: 0;
}
.component_wrapper > .listing, .component_wrapper > .adjusttop {
  margin-top: -30px;
}

.livebetsbanner {
  padding: 10px;
  background: var(--mc);
}
.livebetsbanner-msg {
  padding: 15px 10px;
  line-height: 1.7rem;
}

.protaseis-block > div > * {
  margin-bottom: 20px;
}
.protaseis-block > div > h2 {
  margin-top: 20px;
}
.protaseis-block > div > p {
  margin-top: 0;
}

.protaseis-block > div > .game-labels {
  font-size: 10px;
  font-weight: 700;
  margin: 0 0 4px 0;
}

.protasi-block {
  margin-bottom: 40px;
}
.protasi-block > * {
  z-index: 1;
}

.game-block {
  padding: 15px 5px;
  background: #fff;
}
.game-block.result--open {
  border-bottom: 2px solid #BEBEBE;
}
.game-block.result--win {
  border-bottom: 2px solid #00C907;
}
.game-block.result--lost {
  border-bottom: 2px solid #B1151A;
}
.game-block.result--void {
  border-bottom: 2px solid rgb(198, 201, 0);
}
.game-block.result--cashout {
  border-bottom: 2px solid #006FFF;
}
.game-block .league img {
  width: auto;
  height: 46px;
}
.game-block .league time span {
  color: #BEBEBE;
  font-size: 12px;
  font-family: var(--sff);
  font-weight: 700;
  display: block;
  text-align: center;
}
.game-block .league time span:last-child {
  font-size: 14px;
  color: #140707;
}
.game-block .teams img {
  width: auto;
  height: 32px;
  margin-right: 10px;
}
.game-block .teams img + a, .game-block .teams img + span {
  font-size: 14px;
  font-weight: 700;
  color: #140707;
}
.game-block .teams img + a:hover {
  color: #414040;
}
.game-block .teams > div > div {
  height: 40px;
}
.game-block .teams > div:last-child span {
  display: block;
  padding: 3px 12px;
  background: #292929;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 900;
}
.game-block .about > *:first-child {
  min-width: 160px;
}
.game-block .about span:first-child {
  display: block;
  font-size: 12px;
  font-weight: 700;
  font-family: var(--sff);
  color: #BEBEBE;
  text-align: center;
}
.game-block .about span:last-child {
  display: block;
  font-size: 18px;
  font-weight: 700;
  font-family: var(--sff);
  color: #140707;
  text-align: center;
}
.game-block .comments {
  padding: 10px;
  font-size: 14px;
}
.game-block .comments p {
  margin: 0;
}
.game-block .comments a {
  font-size: 14px;
  font-weight: 900;
  color: #292929;
}

.total-block {
  padding: 15px;
  font-size: 16px;
}
.total-block figure {
  text-align: center;
  width: 75px !important;
}
.total-block .total-item
{
  background: #BEBEBE;
  color: #F9F9F9;
}
.total-block .total-item > div {
  padding: 10px;
  font-size: 16px;
  font-weight: 700;
}
.total-block .total-item div:last-child {
  background: #4B4B4B;
  color: #fff;
  text-align: center;
  font-size: 18px;
}
.total-block .cout {
  background: #BEBEBE;
  text-align: center;
  padding: 14px 15px;
  font-size: 24px;
  font-weight: 900;
  color: #006FFF;
}
.total-block .cout :first-child, .total-block .cout :last-child {
  font-size: 16px;
  color: #F9F9F9;
}

.kataxorisi {
  font-size: 10px;
  font-weight: 900;
  color: #BEBEBE;
}
.kataxorisi2 {
    font-size: 8px;
    font-weight: 500;
  }

.bookie-page * {
  color: #fff;
}
.bookie-page h4 {
  font-size: 18px;
  font-weight: 900;
  font-style: italic;
}
.bookie-page figure {
  margin: 0;
}
.bookie-page .profile {
  font-size: 14px;
}
.bookie-page .profile > div {
  margin-bottom: 5px;
}
.bookie-page .profile label {
  font-style: italic;
  padding-right: 5px;
  min-width: 106px;
}
.bookie-page .profile .inp {
  font-weight: 900;
  padding: 5px;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
}
.bookie-page .step.grad1 {
  background: rgba(0, 0, 0, 0.1);
}
.bookie-page .step.grad2 {
  background: rgba(0, 0, 0, 0.2);
}
.bookie-page .step.grad3 {
  background: rgba(0, 0, 0, 0.3);
}
.bookie-page .step .stepnum {
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 50%;
  font-size: 44px;
  font-weight: 900;
  background: rgba(0, 0, 0, 0.5);
}
.bookie-page .step .steptxt {
  text-align: center;
  margin: 20px 0;
}
.redbut {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-weight: 900;
  color: #fff;
  background-color: #B1151A;
  height: 46px;
  line-height: 46px;
  transition: background-color 0.5s ease;
}
.redbut:hover {
  color: #fff;
  background-color: #e62d33;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.checklist {
  margin: 0;
  padding: 0;
  list-style: none;
}
.checklist li {
  position: relative;
  padding-left: 35px;
  margin-bottom: 10px;
  font-style: italic;
}
.checklist li::before {
  content:"";
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  background: url(../img/checked.svg) center no-repeat;
  width: 20px;
  height:15px;
}

.bookieicons > div {
  margin-bottom: 10px;
}
.bookieicons > h4 + div span {
  position: relative;
  display: inline-block;
}
.bookieicons > h4 + div span::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(-39px + 50%);
  left: calc(-39px + 50%);
  width: 78px;
  height: 78px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
}
.bookieicons svg path {
  fill: #fff !important;
  fill-opacity: 0.1 !important;
}
.bookieicons svg.enabled path {
  fill-opacity: 1 !important;
}
.bookieicons img {
  max-width: 100px;
}

.bookietables * { font-weight: 900; font-size: 12px; }
.bookietables .uk-table-small td, .bookietables .uk-table-small th {
  padding: 5px;
}
.bookietables .uk-table-striped tbody tr:nth-of-type(2n), .bookietables .uk-table-striped > tr:nth-of-type(2n) {
	background: rgba(0, 0, 0, 0.1);
	border-top: none;
	border-bottom: none;
}
.bookietables .uk-table-striped tbody tr:nth-of-type(2n+1), .bookietables .uk-table-striped > tr:nth-of-type(2n+1) {
	background: transparent;
	border-top: none;
	border-bottom: none;
}
.bookietables tr td { text-align: center; }

.bookiegallery .navright {
  margin: 0 0 0 30px;
}
.bookiegallery .navleft {
  right: 30px;
  margin: 0;
}

.bookie2c .uk-width-small\@s { width: 195px; }
.bookie2c .label { font-size: 14px; padding: 5px; }
.bookie2c .text { font-size: 12px; padding: 5px; background: rgba(0, 0, 0, 0.1); }

.bookiecontact td { width: 30%; }
.bookiecontact td:first-child { font-weight: 900; }

.showstandings a {
  padding: 5px 10px;
  border: 1px solid #EEEEEE;
  color: #BEBEBE;
  background: #fff;
  text-align: left;
}
.showstandings a:hover, .showstandings a.active {
  background: #EEEEEE;
}

#standingtable .uk-table-striped tbody tr:nth-of-type(2n+1), #standingtable .uk-table-striped > tr:nth-of-type(2n+1) {
	background: #efeded;
	border-top: 1px solid #efeded;
	border-bottom: 1px solid #efeded;
}

#standingtable table th {
  text-align: center;
}
#standingtable table tbody tr td {
  font-size: 14px;
  color: #292929;
  text-align: center;
}
#standingtable table tbody tr td:first-child {
  font-weight: 900;
}
#standingtable table tbody tr td:first-child span:last-child {
  margin-left: 0;
}
#standingtable table tbody tr td:first-child span:first-child svg path {
  fill: #B3B3B3;
}
#standingtable table tbody tr td:first-child span.is_triangle-up svg polygon {
  fill: #00C907;
}
#standingtable table tbody tr td:first-child span.is_triangle-down svg polygon {
  fill: #B1151A;
}

#standingtable table tbody tr td:first-child span.is_hashtag {
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: auto;
  border-radius: 50%;
  background: #4B4B4B;
}

#standingtable .position {
  width: 50px;
}
#standingtable .club {
  text-align: left;
}
#standingtable .club figure {
  width: 24px;
  margin: 0 15px 0 0;
}
#standingtable .club img {
  height: 24px;
  margin: 0 auto;
}
#standingtable .form-field {
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 50%;
  margin-right: 3px;
  font-size: 16px;
  font-weight: 900;
  color: #fff;
}
#standingtable td strong {
  font-size:16px;
  font-weight: 900;
  color:#292929;
}
#standingtable .form-W { background: #00C907; }
#standingtable .form-D { background: #BEBEBE; }
#standingtable .form-L { background: #B1151A; }



.selectleague select {
  width: 90%;
}

#responsestanding {
  padding: 10px 0;
}
#responsestanding > div {
  margin-bottom: 50px;
}
#responsestanding .teamlabel {
  padding: 10px 0;
  background: #dedede;
  justify-content: center;
}
#responsestanding span.is_triangle-up svg polygon {
  fill: #00C907;
}
#responsestanding span.is_triangle-down svg polygon {
  fill: #B1151A;
}
#responsestanding span.is_hashtag {
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 0 7px;
  border-radius: 50%;
  background: #BDBBBB;
}
#responsestanding .position {
  text-align: center;
  margin-right: 5px;
}
#responsestanding figure {
  margin: 0 5px 0 0;
}
#responsestanding figure img {
  width: 24px;
}
#responsestanding .team {
  margin: 0;
  font-weight: 900;
  font-size: 18px;
}
#responsestanding .infoline {
  justify-content: center;
}
#responsestanding .explain {
  margin-right: 5px;
  color: #a2a2a2;
  width: 24px;
  text-align: right;
}
#responsestanding .explain + span {
  font-size: 16px;
  font-weight: 900;
  width: 32px;
  text-align: center;
}
#responsestanding .blocklabel {
  padding: 7px 0;
  background: #ececec;
  justify-content: center;
  font-size: 15px;
}
#responsestanding .form-field {
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 50%;
  margin-right: 3px;
  font-size: 16px;
  font-weight: 900;
  color: #fff;
}
#responsestanding .form-W { background: #00C907; }
#responsestanding .form-D { background: #BEBEBE; }
#responsestanding .form-L { background: #B1151A; }

/* CASINO */
.casino-header {
  background: #B1151A;
}
.casino-header h1 {
  padding: 38px 27px 0;
  color: #FFFFFF;
  font-family: var(--mff);
  line-height: 2.3em;
  position: relative;
}
.casino-header h1 span:first-child {
  display: block;
  font-weight: 900;
  font-size: 37px;
  font-style: italic;
}
.casino-header h1 span:last-child {
  display: block;
  font-style: normal;
  font-weight: 100;
  font-size: 86px;
}

#slotmac {
  padding: 0 15px 35px;
  height: 100%;
}

#slotmacitems {
  margin-top: auto;
}
.slotmacitem {
  width: 90px;
  height: 90px;
  padding: 20px;
  background:#9F060B;
  border-radius: 50%;
}
.slotmacitem > div {
  width: 50px;
  height: 50px;
}

#startslotmac {
  background: #292929;
  color: #fff;
  font-size: 24px;
  font-weight: 900;
  padding: 5px 45px;
  text-align: center;
}
#startslotmac:hover {
  background: #fff;
  color: #292929;
}

.r-padding {
  padding-left: 15px;
  padding-right: 15px;
}

.casino-wrapper h2 {
  font-size: 24px;
  font-weight: 900;
  font-style: italic;
  color: #292929;
}

.casino-text {
  padding-top: 25px;
  padding-bottom: 25px;
}

.casino-block {
  background: #B1151A;
  padding: 20px 30px;
  margin-bottom: 10px;
}
.casino-block figure {
  height: 125px;
}
.casino-block figure img {
  max-height: 100%;
  width: auto;
}

.casino-block label {
  font-size: 14px;
  font-weight: 900;
  color: #EF2A30;
  margin-bottom: 5px;
}
.casino-block label + div {
  font-size: 18px;
  font-weight: 900;
  color: #fff;
}
.casino-go {
  padding: 8px 23px;
  background: #292929;
  font-size: 20px;
  font-weight: 900;
  color: #fff;
}
.casino-go:hover {
  background: #fff;
  color: #292929;
}

.casino-helps > div > div > div {
  background: #B1151A;
  color: #fff;
  padding: 10px 20px;
}

.casino-helps > div > div > div h3 {
  font-size: 24px;
  font-weight: 900;
  font-style: italic;
  color: #fff;
}
.casino-helps > div > div > div p {
  font-size: 14px;
  color: #fff;
}
.casino-helps > div > div > div p strong {
  font-weight: 900;
}

/* SLIDER ALT */
/*.slideralt {
  width: 360px;
  margin: 0 auto;
}*/
.slideralt .uk-slider-items:hover > li:not(:hover) {
  filter: grayscale(1);
}
.slideralt .uk-slider-items:hover > li:hover {
  filter: grayscale(0);
}
.slideralt article {
  transition: all .8s;
  border: 1px solid rgba(0,0,0,0.08);
}
.slideralt article figure {
  margin: 0;
  overflow: hidden;
}
.slideralt article figure img { transition: all .8s; }
.slideralt article:hover figure img { transform: scale(1.1); }
.slideralt article h3 {
  margin: 0;
  font-size: 1px;
  font-weight: 700;
}
.slideralt article h3 a {
  color: #140707;
}

.slideralt.ready article > div {
  padding: 20px;
  /*border: 1px solid rgba(0,0,0,0.08);*/
}
.slideralt.ready article h3 {
  font-size: 20px;
}
.slideralt.ready article:hover {
  background: #140707;
}
.slideralt.ready article:hover * {
  color: #fff;
}

.listing article h3 {
  margin-top: -6px;
  font-weight: 700;
}
.listing article h3 a {
  margin-top: -6px;
  color: #140707;
}
.listing article h3 a:hover {
  color: var(--red);
}

/* ARTICLE */
article.item-page h2 {
  font-size: 30px;
  font-weight: 700;
}
article.item-page h3, article.item-page h4 {
  font-size: 24px;
  font-weight: 700;
}
article.item-page h4 {
  color: #B1151A;
}
article.item-page blockquote {
  padding: 40px 20px;
  position: relative;
}
article.item-page blockquote * {
  font-size: 26px;
  font-style: italic;
  color: #BEBEBE;
  text-align: center;
  line-height: 1.2em;
}
article.item-page blockquote::before {
	content: "\"";
	color: #BEBEBE;
	font-size: 60px;
	display: block;
	position: absolute;
	top: 26px;
	left: -6px;
}
article.item-page blockquote::after {
	content: "\"";
	color: #BEBEBE;
	font-size: 60px;
	display: block;
	position: absolute;
	bottom: -11px;
	right: 7px;
}


article.item-page .mainphoto {
  position: relative;
}
article.item-page .mainphoto::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
article.item-page .mainphoto figure {
  margin: 0;
}
article.item-page .mainphoto div {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 20px 30px;
  z-index: 1;
}
article.item-page .mainphoto h1 {
  font-size: 22px;
  font-style: italic;
  font-family: var(--sff);
  color: #fff;
  line-height: 1.2em;
  margin: 0;
}

article.item-page .article-info {
	color: #9f9f9f;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
	padding-bottom: 10px;
}

article.item-page ul.tags.inline  {
  margin: 0 0 10px 0;
  padding: 0;
  list-style: none;
}
article.item-page ul.tags.inline a {
  font-size: 14px;
  font-weight: 700;
  color: rgb(110, 110, 110);
}
article.item-page ul.tags.inline a:hover {
  color: #fff;
}

.addtextblock {
  	padding: 28px 23px;
	padding-bottom: 60px;
  	position: relative;
}
.addtextblock::before {
  	content: attr(data-terms1);
  	display: inline-block;
  	position: absolute;
  	top: 3px;
  	right: 5px;
  	font-size: 13px;
  	font-family: var(--sff);
  	color: #cbc5c5;
	text-align: right;
}
.addtextblock::after {
  	content: attr(data-terms2);
	display: inline-block;
	position: absolute;
	bottom: 3px;
	right: 5px;
	font-size: 11px;
	font-family: var(--sff);
	color: #cbc5c5;
	text-align: right;
}
.addtextblock .logo {
  text-align: center;
}
.addtextblock img {
  width: 60px;
}
.addtextblock .text {
  padding: 25px 0;
  font-size: 24px;
  font-weight: 700;
  font-style: italic;
  color: #fff;
  line-height: 1em;
}
.addtextblock .register {
  text-align: center;
}
.addtextblock a {
  display: inline-block;
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  padding: 5px 15px;
  background: #B1151A;
}
.addtextblock a:hover {
  background: #fff;
  color: #B1151A;
}

/* H2H Page */
.basicinfo {
  padding: 22px 0 0 0;
  height: 200px;
  background: url(../img/h2h-header.jpg) center no-repeat;
  position: relative;
}
.basicinfo::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: rgba(0,0,0,.4);
}
.basicinfo > * {
  z-index: 2;
  position: relative;
}
.basicinfo .redline {
  position: relative;
  padding: 10px 20px;
  background-color: rgba(255,0,0,.6);
  color:#fff;
  font-size: 14px;
  font-weight: 700;
  font-family: var(--sff);
}
.basicinfo .redline .twitterlink a {
  color: #fff;
}
.basicinfo .redline .twitterlink a:hover {
  color: #BEBEBE;
}
.basicinfo .redline > div > div:first-child {
  padding-right: 5px; 
}
.basicinfo .redline > div > div:last-child {
  padding-left: 5px;
  text-align: right;
  font-size: 16px;
}
.basicinfo .redline > div > div.logo {
  width: 60px;
  position: relative;
}
.basicinfo .redline figure {
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 50%;
  margin: 0;
  position: absolute;
  top: -30px;
}
.basicinfo .redline figure img {
  width: 50px;
  height: 50px;
}

.basicinfo .redline + div {
  padding: 0 20px;
  font-size: 20px;
  font-weight: 700;
  font-family: var(--mff);
  color: #fff;
}
.basicinfo .redline + div label {
  font-size: 14px;
  font-weight: 700;
  font-family: var(--sff);
  color: #BEBEBE;
}
.basicinfo .redline + div span.uk-display-block {
  font-size: 14px;
  font-weight: 700;
  font-family: var(--sff);
  color: #BEBEBE;
}
.basicinfo .curmin {
	height: 45px;
	width: 80px;
	margin: 0 auto;
	background: #292929;
	color: #fff;
	display: none;
  font-size: 12px;
  font-weight: 700;
	padding: 5px 0;
}
.basicinfo .curmin.live {
  display: block;
  background: var(--red);
}

.fixinfo {
  padding: 10px 15px;
  background: #B1151A;
  font-size: 22px;
  font-weight: 700;
  font-family: var(--sff);
  color: #fff;
}
.fixinfo .localteam, .fixinfo .visitorteam {
  padding-top: 5px;
  padding-bottom: 5px;
}
.fixinfo img {
  width: 100px;
  height: 100px;
}
.fixinfo .name {
  padding: 25px 15px;
  line-height: 1.2em;
}
.fixinfo .name a {
  color: #fff;
}
.teaminfo .name {
  padding: 25px 15px 10px 15px;
}
.fixinfo .name div {
  font-size: 12px;
  line-height: 1.2em;
}
.fixinfo .name div label {
  color: #292929;
  font-weight: normal;
  margin-right: 5px;
}
.fixinfo .score {
  padding: 0 10px;
  font-size: 26px;
}
.fixinfo .localteam .score {
  margin-left: auto;
}
.fixinfo .visitorteam .score {
  margin-left: auto;
}

.fixinfo .more {
  padding-top: 15px;
}
.fixinfo .more > div > div:first-child {
  font-size: 12px;
  font-weight: 700;
  font-family: var(--mff);
}
.fixinfo .more > div > div:last-child {
  font-size: 16px;
  font-weight: 100;
  font-family: var(--mff);
}

#h2h-body .switcher li a, #team-body .switcher li a {
  display: block;
  padding: 7px 20px;
  font-size: 14px;
  font-weight: 700;
  font-family: var(--sff);
  color: #fff;
  background: #292929;
}
#h2h-body .switcher li.uk-active a, #team-body .switcher li.uk-active a {
  background: #B1151A;
}

#h2h-body h3, #team-body h3 {
  font-size: 25px;
  font-weight: 700;
  font-family: var(--sff);
  text-align: center;
}

.dividetable h4 {
  font-size: 14px;
  font-weight: 700;
  font-family: var(--sff);
  color: #292929;
  margin: 0 10px;
}
.dividetable .divide {
  width: 100px;
}
.dividetable .divide.grey span {
  display: block;
  width: 27px;
  height: 100%;
  margin: 0 auto;
  background: #EEEEEE;
}
.dividetable img {
  width: auto;
  height: 35px;
}
.dividetable .blockhead {
  font-size: 15px;
  font-weight: 700;
  font-family: var(--sff);
  color: #BEBEBE;
  text-align: center;
  margin: 20px 0 0 0;
}
.divideblock {
  margin-bottom: 15px !important;
}
.divideblock > div {
  margin-right: 5px;
  font-size: 18px;
  font-weight: 700;
  font-family: var(--sff);
}
.divideblock > div:last-child {
  margin-right: 0;
}
.divideblock > div:nth-child(1) {
  width: 20px;
}
.divideblock > div:nth-child(2) div:last-child {
  font-size: 14px;
  font-weight: 400;
}
.divideblock > div:nth-child(3), .divideblock > div:nth-child(4) {
  width: 30px;
  position: relative;
  text-align: center;
}
.divideblock.first {
  margin-top: 27px;
}
.divideblock.first > div:nth-child(3)::before, .divideblock.first > div:nth-child(4)::before {
  content:"Ξ£Ξ₯Μ.";
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 14px;
}
.divideblock.first > div:nth-child(4)::before {
  content:"Ξ“ΞšΞŸΞ›";
}

/* RED CARD */
.divideblock .rc svg * {
  fill: var(--red) !important;
  stroke: var(--red) !important;
}

/* INJ */
.divideblock .inj svg circle, .divideblock .inj svg line {
  fill: none !important;
  stroke: var(--red) !important;
}

/* AMF */
.divideblock .amf svg circle, .divideblock .amf svg line {
  fill: none !important;
  stroke: var(--yellow)  !important;
}

/* STAR */
.divideblock .star1 svg polygon {
  fill: #7e7e7e !important;
  stroke: #7e7e7e !important;
}
.divideblock .star2 svg polygon {
  fill: #1978d4 !important;
  stroke: #1978d4 !important;
}
.divideblock .star3 svg polygon {
  fill: var(--yellow) !important;
  stroke: var(--yellow) !important;
}

#h2h-lineup .lineup-positions {
  width: 290px;
  max-width: 290px;
  flex: 1 0 auto;
}
#h2h-lineup .player {
  margin-bottom: 7px;
  font-size: 12px;
  font-weight: 700;
  font-family: var(--sff);
  height: 55px;
}
#h2h-lineup .player .player-name span {
  display: block;
  font-family: var(--mff);
  font-weight: 400;
}
#h2h-lineup .player .player-img, #h2h-lineup .player .player-num {
  width:30px;
  text-align: center;
}
#h2h-lineup .player .player-img {
  margin: 0 8px;
}
#h2h-lineup .player img {
  width:30px;
}
#h2h-lineup .lineup-positions
{
  background: url(../img/lineup-pitch.png) center top no-repeat;
  background-size: contain;
}
#h2h-lineup .lineup-pos {
  font-size: 10px;
  font-weight: 900;
  font-family: var(--mff);
  padding: 3px;
  background: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
#h2h-lineup .up .lineup-pos {
  border: 1px solid var(--blue);
}
#h2h-lineup .down .lineup-pos {
  border: 1px solid var(--red);
}

#h2h-protasi {
  background: #292929;
  color: #fff;
  padding: 11px 18px 0;
}
#h2h-protasi h3 {
  font-size: 25px;
  font-style: italic;
  font-weight: 700;
  font-family: var(--sff);
  margin: 0 0 5px 0;
  color: #fff;
  text-align: left;
}

#h2h-protasi .teamblock {
  padding: 15px 25px;
  position: relative;
}
#h2h-protasi .teamblock img {
  width: 100px;
  height: auto;
}
#h2h-protasi .teamblock h4 {
  font-size: 22px;
  font-weight: 700;
  font-family: var(--sff);
  margin: 10px 0 0 0;
  color: #fff;
}
#h2h-protasi .localblock::after {
  content: "VS";
  display: block;
  position: absolute;
  top: 47px;
  right: -14px;
  width: 30px;
  text-align: center;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  font-family: var(--sff);
}
#h2h-protasi .protasi {
  text-align: center;
}
#h2h-protasi .protasi div:first-child {
  font-size: 16px;
  font-weight: 700;
  font-family: var(--sff);
  color: #616161;
  margin-bottom: 7px;
}
#h2h-protasi .protasi div:last-child {
  font-size: 24px;
  font-weight: 700;
  font-family: var(--sff);
  color: #fff;
  margin-bottom: 14px;
}
#h2h-protasi .bookie figure {
  margin: 0;
  width: 60px;
  height: 60px;
}
#h2h-protasi .bookie .apod-label {
  margin: 0 0 0 35px;
  padding: 0 15px;
  height: 35px;
  background: #585858;
  color: #BEBEBE;
  font-size: 16px;
  font-weight: 700;
  font-style: italic;
  font-family: var(--mff);
  border-left: 5px solid #BEBEBE;
}
#h2h-protasi .bookie .apod-value {
  margin: 0;
  padding: 0 7px;
  height: 35px;
  background: #4B4B4B;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  font-style: italic;
  font-family: var(--mff);
}
#h2h-h2h .head {
  margin-bottom: 15px;
}
#h2h-h2h .head h4 {
	font-size: 14px;
	font-weight: 700;
	font-family: var(--sff);
	color: #292929;
	margin: 0 10px;
}
#h2h-h2h .head img {
  width: auto;
  height: 35px;
}
#h2h-h2h .totalgames {
  width: 100px;
}
#h2h-h2h .head .totalgames span {
  font-size: 12px;
}

#h2h-h2h .body .label {
  font-size: 14px;
  padding: 0 3px;
  width: 50px;
  text-align: center;
}
#h2h-h2h .body .value {
  font-size: 16px;
  font-weight: 700;
  padding: 0 3px;
  width: 25px;
  text-align: center;
}
#h2h-h2h .body .totalgames {
  color: #B1151A;
  font-size: 70px;
  font-weight: 700;
  line-height: 1em;
}
#h2h-h2h .body .totalgames span {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  color: #292929;
}

#h2h-h2h .body .bar {
  background: #BEBEBE;
}
#h2h-h2h .body .bar * {
  background: #B1151A;
  height: 22px;
}

#h2h-prevbetgames .prevbetgame, .prevnextgames .prevnextgame {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 18px;
}
#h2h-prevbetgames .prevbetgame > div, .prevnextgames .prevnextgame > div {
  margin-bottom: 7px;
}
#h2h-prevbetgames .prevbetgame .game h4, .prevnextgames .prevnextgame .game h4 {
  font-size: 14px;
  font-weight: 700;
  font-family: var(--sff);
  margin: 0 10px;
}
#h2h-prevbetgames .prevbetgame .game img, .prevnextgames .prevnextgame .game img {
  height: 25px;
  width: auto;
  padding: 0 15px;
}
#h2h-prevbetgames .prevbetgame .game .score, .prevnextgames .prevnextgame .game .score {
  width: 50px;
  background: #292929;
  font-size: 14px;
  font-weight: 700;
  font-family: var(--mff);
  color: #fff;
  padding: 4px 5px;
}

.teammatches .team h4 {
  font-size: 14px;
  font-weight: 700;
  font-family: var(--sff);
  margin: 0 10px;
}
.teammatches .team > div img {
  height: 35px;
  width: auto;
}
.teammatches .team .game {
  margin: 20px 0;
}
.teammatches .team .game a {
  color: #292929;
}
.teammatches .team .game a:hover {
  color: #414040;
}
.teammatches .team .game > div:nth-child(1) {
  width: 80px;
}
.teammatches .team .game > div:nth-child(1) > div:first-child {
  font-size: 10px;
  text-align: center;
}
.teammatches .team .game > div:nth-child(1) > div:last-child {
  font-size: 10px;
  font-weight: 900;
  text-align: center;
}
.teammatches .team .game > div:nth-child(2) {
  font-size: 14px;
  font-family: var(--sff);
}
.teammatches .team .game > div:nth-child(2) img {
  height: 25px;
  width: auto;
  padding: 0 5px;
}
.teammatches .team .game > div:nth-child(2) > div:first-child {
  margin-bottom: 10px;
}
.teammatches .team .game > div:nth-child(2) > div > div:last-child {
  font-size: 14px;
  font-weight: 900;
  width: 30px;
  text-align: center;
}

.teammatches .gameis {
  margin: 0 10px;
  width: 30px;
  height: 30px;
  font-size: 20px;
  font-weight: 900;
  color: #fff;
  border-radius: 50%;
}
.teammatches .gameis.win {
  background: var(--green);
}
.teammatches .gameis.lost {
  background: var(--red);
}
.teammatches .gameis.draw {
  background: var(--grey);
}

#h2h-teamsstats .header {
  margin-bottom: 15px;
}
#h2h-teamsstats .header h4 {
  font-size: 14px;
  font-weight: 700;
  font-family: var(--sff);
  margin: 0 10px;
}
#h2h-teamsstats .header img {
  height: 35px;
  width: auto;
}
#h2h-teamsstats .statinfo {
  padding: 5px 0;
}
#h2h-teamsstats .statinfo:nth-child(odd) {
  background: #fff;
}
#h2h-teamsstats .statinfo > div:nth-child(2) {
  font-size: 10px;
  font-weight: 700;
  color: #BEBEBE;
}
#h2h-teamsstats svg {
  height: 20px;
  width: auto;
}

#h2h-topplayers .header {
  margin-bottom: 25px;
}
#h2h-topplayers .header h4 {
  font-size: 14px;
  font-weight: 700;
  font-family: var(--sff);
  margin: 0 10px;
}
#h2h-topplayers .header img {
  height: 35px;
  width: auto;
}
#h2h-topplayers .topplayer {
  margin-bottom: 10px;
}
#h2h-topplayers .topplayer img {
  width: 70px;
  height: auto;
}
#h2h-topplayers .topplayer .playername, #h2h-topplayers .topplayer .playergoals {
  text-align: center;
}
#h2h-topplayers .topplayer .playername {
  font-size: 14px;
  font-weight: 700;
  font-family: var(--sff);
}
#h2h-topplayers .topplayer .playergoals {
  font-size: 32px;
  font-weight: 700;
  font-family: var(--sff);
  color: #B1151A;
}

.in2cols .header h4 {
  font-size: 14px;
  font-weight: 700;
  font-family: var(--sff);
  margin: 0 10px;
}
.in2cols .header img {
  width: 35px;
  height: auto;
}

#livewrapper > div:nth-child(odd) {
  background: #ececec;
}

#livewrapper .gametime {
  width: 70px;
}
#livewrapper .gametime div {
  text-align: center;
  font-size: 12px;
  font-weight: 900;
  font-family: var(--mff);
}
#livewrapper .gametime div:first-child {
  font-size: 10px;
  font-weight: 400;
  color: #A2A2A2;
}
#livewrapper .gametime.LIVE div {
  color: var(--red) !important;
}
#livewrapper .gametime.HT div {
  font-size: 14px !important;
}
#livewrapper .gametime.FT div {
  color: var(--green) !important;
  font-size: 16px !important;
}

#livewrapper .gameleague 
{
  width: 70px;
  text-align: center;
}
#livewrapper .gameleague img {
  width: 40px;
  height: auto;
}

#livewrapper .gameteamsblock {
  font-size: 14px;
  font-weight: 700;
  font-family: var(--sff);
}
#livewrapper .gameteamsblock .imgwrapper {
  width: 25px;
  margin: 0 10px 0 0;
}
#livewrapper .gameteamsblock img {
  width: 25px;
  height: auto;
}
#livewrapper .LIVE .gameteamsblock .scoreblock > div {
  background: #292929;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  font-family: var(--mff);
}

#livewrapper .gameexpandblock .uk-subnav {
  margin-left: -5px;
}
#livewrapper .gameexpandblock .uk-subnav > * {
  padding-left: 5px;
}
#livewrapper .gameexpandblock .uk-subnav a {
  background: #E6E1E1;
  color: #BEBEBE;
  padding: 5px 10px;
  font-size: 10px;
  font-weight: 700;
  font-style: italic;
  font-family: var(--mff);
}
#livewrapper .gameexpandblock .uk-subnav .uk-active a {
  background: #BEBEBE;
  color: #292929;
}

#livewrapper .liveblock .heading {
  padding: 6px 0;
  border-bottom: 1px solid #292929;
  margin-bottom: 4px;
}
#livewrapper .liveblock .heading span {
  font-size: 12px;
  font-family: var(--sff);
  text-align: center;
}
#livewrapper .liveblock .heading span:first-child, #livewrapper .liveblock .heading span:last-child {
  font-weight: 700;
  width: 40px;
}
#livewrapper .liveblock .line {
  font-size: 12px;
  font-family: var(--sff);
  padding: 6px 0;
}
#livewrapper .liveblock .line.visitor {
  flex-direction: row-reverse;
}
#livewrapper .liveblock .line .minute, #livewrapper .liveblock .line .icon {
  width: 40px;
  text-align: center;
}
#livewrapper .liveblock .line .minute {
  font-size: 14px;
  font-weight: 700;
  color: var(--red);
}
#livewrapper .liveblock .line .icon img {
  height: 20px;
  width: auto;
}
#livewrapper .liveblock .line > div:first-child {
  text-align: right;
}
#livewrapper .liveblock .line.visitor > div:first-child {
  text-align: left;
}
#livewrapper .liveblock .line span {
  padding: 0 5px;
  display: block;
}
#livewrapper .liveblock .line .subs span:last-child {
  font-size: 11px;
  color: #b76c6c;
  font-style: italic;
}

#livewrapper #h2h-teamsstats .statinfo > div:nth-child(1), #livewrapper #h2h-teamsstats .statinfo > div:nth-child(3) {
  font-size: 12px;
}

#livewrapper .highlights a {
  border: 1px solid var(--grey);
  color: var(--grey);
  padding: 20px 0;
  transition: all .6s;
}
#livewrapper .highlights a:hover {
  border: 1px solid #fff;
  background: var(--grey);
  color: #fff;
}

#liveprotaseis-block .greybg::before {
	background: #292929;
}
#liveprotaseis-block .game-block {
  background: #4B4B4B;
}
#liveprotaseis-block .game-block * {
	color: #fff;
}
#liveprotaseis-block  .bettime {
  font-size: 18px;
  font-weight: 700;
  font-family: var(--sff);
}
#liveprotaseis-block h2 {
  color: #BEBEBE;
}

#liveprotaseis-block .greybg.finished::before {
	background: #616161;
}

table.table-style-1 thead tr th {
  font-size: 10px;
  font-weight: 700;
  font-family: var(--mff);
  color: #BEBEBE;
} 
table.table-style-1 tbody tr td {
  font-size: 12px;
  font-weight: 900;
  font-family: var(--mff);
  color: #BEBEBE;
  word-break: break-all;
}
table.table-style-1 tbody tr td.ishead {
	text-align: center;
	font-weight: 700 !important;
	font-size: 20px !important;
	color: #B1151A !important;
}
table.table-style-1 tbody tr td:first-child {
  font-size: 13px;
  font-weight: 400;
  font-family: var(--sff);
  color: #292929;
}
table.table-style-1 tbody tr td:last-child {
  color: #292929;
}

.block-info-player {
  background: #fff;
}
.block-info-player > div {
  padding: 8px 8px 12px 8px;
}
.block-info-player > div:last-child {
  padding-top: 5px;
}
.block-info-player figure {
  width: 70px;
  min-height: 70px;
  margin: 0;
}
.block-info-player figure img {
  border-radius: 50%;
}
.block-info-player {
  font-size: 12px;
  font-weight: 400;
  font-family: var(--sff);
}
.block-info-player .player-number {
  font-size: 26px;
  font-weight: 700;
  color: #B1151A;
}
.block-info-player .player-name {
  font-size: 14px;
  font-weight: 700;
}
.block-info-player > div:last-child > div > div:last-child {
  font-size: 22px;
}

.squad-list .block-info-player > div:first-child {
  background: #EEEEEE;
}

.player-stats {
  height: 120px;
  overflow-y: auto;
}

.player-stats .stripped {
  padding: 0 5px;
}
.player-stats .stripped:nth-child(odd) {
  background-color: #f6f6f6;
}

/* bookmakers page */
.bookies-header, .bookies-header + div {
  background: #B1151A;
}
.bookies-header h1 {
  padding: 38px 27px 0;
  color: #FFFFFF;
  font-family: var(--mff);
  line-height: 1.3em;
  position: relative;
}
.bookies-header h1 span:first-child {
  display: block;
  font-weight: 900;
  font-size: 37px;
  font-style: italic;
}
.bookies-header h1 span:last-child {
  display: block;
  font-style: normal;
  font-weight: 100;
  font-size: 32px;
}

.bookies-steps * {
  color: #fff;
}
.bookies-steps h4 {
  font-size: 18px;
  font-weight: 900;
  font-style: italic;
}
.bookies-steps .step.grad1 {
  background: rgba(0, 0, 0, 0.1);
}
.bookies-steps .step.grad2 {
  background: rgba(0, 0, 0, 0.2);
}
.bookies-steps .step.grad3 {
  background: rgba(0, 0, 0, 0.3);
}
.bookies-steps .step .stepnum {
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 50%;
  font-size: 44px;
  font-weight: 900;
  background: rgba(0, 0, 0, 0.5);
}
.bookies-steps .step .steptxt {
  text-align: center;
  margin: 20px 0;
}

.bookie-block {
  padding: 20px 30px;
  margin-bottom: 10px;
}
.bookie-block figure {
  height: 125px;
}
.bookie-block figure img {
  max-height: 100%;
  width: auto;
}

.bookie-block label {
  font-size: 14px;
  font-weight: 900;
  color: #000;
  margin-bottom: 5px;
}
.bookie-block label + div {
  font-size: 18px;
  font-weight: 900;
  color: #fff;
}
.bookie-block .slogan {
  display: inline-block;
    font-size: 12px;
    font-weight: 900;
    color: #fff;
    text-align: center;
}

.bookie-block2 .slogan {
  font-size: 10px;
}

.bookie-block svg path {
  fill: #000 !important;
  fill-opacity: 1 !important;
}
.bookie-block svg.enabled path {
  fill: #fff !important;
  fill-opacity: 1 !important;
}

.ranking-list label {
  background: #EEEEEE;
  font-size: 14px;
  font-weight: 700;
  font-family: var(--sff);
  font-style: italic;
  padding: 5px 10px;
}
.ranking-list a {
  color: #444444;
  background: #fff;
  padding: 8px 10px;
  width: 100%;
  transition: all .6s;
}
.ranking-list a.secline {
  background: #F9F9F9;
}
.ranking-list a:hover {
  background: var(--red);
  color: #fff;
}
.ranking-list figure {
  width: 36px;
  height: 36px;
  margin: 5px 10px 5px 0;
}
.ranking-list figure + span {
  font-size: 16px;
  font-weight: 700;
  font-family: var(--mff);
  font-style: italic;
}

.fav-list {
  margin: 30px 0;
}
.fav-list a {
  display: block;
  background: #fff;
  width: 100%;
  border:1px solid #BEBEBE;
  transition: all .6s;
}
.fav-list a:hover {
  border:1px solid var(--red);
  background: var(--red);
}
.fav-list figure {
  width: 100px;
  height: auto;
  margin: 0 auto;
}


/* SKINS */
#middle > .uk-container {
  position: relative;
}
#leftskin, #rightskin {
  position: absolute;
  top: 0;
  width: 350px;
  height: 100%;
  display: none;
}
#leftskin {
  left: -365px;
}
#rightskin {
  right: -365px;
}

.statbox {
  border: 1px solid #BEBEBE;
  padding: 5px 10px;
  transition: all .6s;
  height: 100%;
}
.statbox:hover {
  background: #000;
  border: 1px solid var(--red);
}
.statbox legend {
  font-family: var(--sff);
  font-size: 16px;
  color: #BEBEBE;
  padding-bottom: 5px;
}
.statbox div {
  font-size: 22px;
  color: #292929;
}
.statbox:hover * {
  color: #fff;
}

.footicons > * {
  padding: 0 15px;
}
.footicons span {
	display: block;
	padding: 10px 9px;
	color: #c1c5c8;
	border-radius: 50%;
	background-color: #1d4762;
	font-weight: 700;
	font-size: 12px;
}
.footicons a {
  font-size: 14px;
  color: #fff;
}
.footicons a:hover {
  color:var(--red);
}

#ccc-icon {
  width: 40px !important;
  height:40px !important;
}

#bottombanner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  background: rgba(255, 255, 255, 0.8);
  z-index: 9999;
}
#bottombanner p {
  margin: 0;
}

@media only screen and (min-width : 45.5em) {

  .nofp.removetop.view-article #middle > .uk-container {
    padding-top: 50px;
  }

  .left-main-menu, .right-main-menu {
    height: 100vh; /*calc(100%);*/
  }

  .uk-slideshow-items h2 {
    font-size: 40px;
    line-height: 1.1em;
  }
  .uk-slideshow-items p {
    width: 70%;
    font-family: var(--sff);
    font-size: 16px;
    font-weight: 400;
    color: #BEBEBE;
    margin: 0 0 10px 0;
  }

  .slideshownav a {
    height: 66px;
    background: transparent;
    border-left: 1px solid transparent;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    padding: 7px 15px;
  }
  .slideshownav .uk-active a { background: transparent; }
  .slideshownav li:first-child a {
    border-left: 0;
  }

  .slideshownav a > * {
    display: inherit;
  }
  .slideshownav a svg {
    width: 52px;
    height: 52px;
    margin-right: 10px;
    color: #fff;
  }
  .slideshownav a svg .cls-1 {
    transition: fill .4s ease;
  }
  .slideshownav .uk-active a svg .cls-1, .slideshownav a:hover svg .cls-1 {
    fill: #fff;
  }

  .slideshownav .uk-active a, .slideshownav .uk-active a svg, .slideshownav a:hover, .slideshownav a:hover svg {
    color: var(--red);
  }

  .slideshownav a div {
    width: 160px;
  }
  .slideshownav a div span {
    display: block;
  }
  .slideshownav a div span:first-child {
    font-size: 10px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.3);
  }
  .slideshownav a div span:last-child {
    font-family: var(--sff);
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    color: rgba(255, 255, 255, 1);
  }

  .uk-slideshow-items p {
    display: block;
  }

  .small-container {
    padding: 0 15px;
  }

  .left-col {
    margin-left: 15px;
  }
  .center-col {
    margin-right: 15px;
  }
  .fullwidth .center-col, .removetop .center-col {
    margin-right: 0;
  }

  h3.modhead svg {
    width: 50px;
  }

  .bookie2c .label {
    text-align: right;
  }

  .casino-header h1 {
    padding: 85px 27px;
  }

  article.item-page .mainphoto h1 {
    font-size: 28px;
  }

  #h2h-h2h .totalgames {
    width: 150px;
  }
  #h2h-h2h .head .totalgames span {
    font-size: 14px;
  }

  #h2h-h2h .body .totalgames {
    font-size: 93px;
  }

  .player-stats {
    height: 320px;
  }

  .bookies-header h1 {
    line-height: 2.3em;
  }
  .bookies-header h1 span:last-child {
    font-size: 86px;
  }

  .right-col { display: none; }

}

@media only screen and (min-width : 64em) { /* 1024 -> */

  .reverse\@m {
    flex-direction: row-reverse;
  }

  #main-logo {
    position: relative;
    width: auto;
    top: 0;
    left: 0;
  }
  #main-logo img {
    position: absolute;
    width: 400px;
    min-width: 400px;
    height: 127px;
    min-height: 127px;
    display: block;
    left: 0;
    margin-top: -1px;
  }

  .greybox .hicon {
    width: 65px;
    height: 65px;
  }
  .greybox h3 {
    font-size: 32px;
  }
  .greybox time {
    text-align: right;
  }

  h3.modhead {
    font-size: 37px;
  }

  .info {
    font-size: 12px;
  }

  .info div span {
    display:block;
    text-align: center;
  }

  .info .withborder div {
    min-width: 48px;
  }

  .leaguegame time {
    min-width: 45px; /*70*/
  }
  .leaguegame time span:last-child {
    margin-bottom: 0;
  }
  .leaguegame .teams {
    min-width: 340px; /*300*/
  }
  .leaguegame .teams > div {
    margin-bottom: 0;
  }

  #topgames, .slider {
    max-width: 650px;
  }

  .game-block {
    padding: 0 5px;
    position: relative;
  }
  .game-block {
    border-bottom: 0 !important;
  }
  .game-block.live::after {
    content: "";
    display: block;
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #B1151A;
  }
  .game-block.result--open {
    border-right: 17px solid #BEBEBE;
  }
  .game-block.result--win {
    border-right: 17px solid #00C907;
  }
  .game-block.result--lost {
    border-right: 17px solid #B1151A;
  }
  .game-block.result--void {
    border-right: 17px solid rgb(198, 201, 0);
  }
  .game-block.result--cashout {
    border-right: 17px solid #006FFF;
  }
  .game-block .league time span {
    text-align: left;
  }
  .game-block.live .league time span:first-child {
    display:none;
  }
  .game-block.live .league time span:last-child {
    color:#B1151A;
  }

  .bookie-page .step .steptxt {
    min-height: 100px;
  }

  .showstandings a {
    padding: 5px 80px 5px 10px;
  }

  .casino-header h1::after {
    content: "";
    position: absolute;
    bottom: -56px;
    right: -105px;
    width: 393px;
    height: 317px;
    background: url("../img/leprecon-min.png") 0 0 no-repeat;
    z-index: 1;
  }
  .casino-header h1 span:last-child {
    font-size: 91px;
  }

  .slotmacitem {
    width: 130px;
    height: 130px;
    padding: 20px;
  }
  .slotmacitem > div {
    width: 90px;
    height: 90px;
  }

  article.item-page .mainphoto h1 {
    font-size: 40px;
  }

.addtextblock {
  	padding: 28px 23px;
}
  .addtextblock .logo {
    text-align: left;
  }
  .addtextblock .text {
    padding: 0;
  }
  .addtextblock .register {
    text-align: right;
  }

  .fixinfo {
    margin-top: -40px;
  }
  .fixinfo img {
    position: relative;
    z-index: 3;
  }
  .fixinfo .more {
    padding-top: 0;
    margin-top: -15px;
  }
  .fixinfo .localteam .score {
    position: relative;
  }
  .fixinfo.playing .localteam .score::after {
    content: ":";
    position: absolute;
    right: -4px;
    top: -2px;
  }
  .fixinfo .visitorteam {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse; 
  }
  .fixinfo .visitorteam .name {
    text-align: right;
  }
  .fixinfo .visitorteam .score {
    margin-left: 0;
    margin-right: auto;
  }

  .dividetable .uk-text-right {
    text-align: left !important;
  }

  #h2h-body .switcher li a, #team-body .switcher li a {
    padding: 7px 50px;
    font-size: 25px;
  }

  #h2h-lineup .player {
    height: 32px;
  }
  #h2h-prevbetgames .prevbetgame .game h4, .prevnextgames .prevnextgame .game h4 {
    margin: 0;
  }

  .teammatches .teams > div:nth-child(2) .team .game {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse; 
  }
  .teammatches .teams > div:nth-child(2) .team .game > div:nth-child(2) > div {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse; 
  }

  #h2h-topplayers .topplayer {
    margin-bottom: 15px;
  }

  #livewrapper .scoreblock {
    width: 60px;
  }

  #livewrapper .gameteamsblock .reverse\@m .imgwrapper {
    margin: 0 0 0 10px;
  }

  #livewrapper .gamemoreblock {
    width: 40px;
  }

  #livewrapper .gameexpandblock .uk-subnav a {
    font-size: 12px;
  }

  #livewrapper .liveblock .line span {
    display: inline-block;
  }

  table.table-style-1 tbody tr td {
    font-size: 16px;
  }

  #modal-full .uk-nav-header {
    font-size: 24px;
  }
  #modal-full .uk-nav-default > li > a {
    font-size: 1.2rem;
  }

}

@media only screen and (min-width : 75em) { /* 1200 -> */

  .responsive_wrapper {
    padding: 0;
  }

  .slideshownav a {
    height: 82px;
    padding: 15px;
  }

  .uk-slideshow-items nav {
    display: flex;
  }
  .uk-slideshow-items nav a {
    display: flex;
    margin-right: 50px;
  }
  .uk-slideshow-items nav a:hover {
    color: var(--red);
  }
  .uk-slideshow-items nav a svg {
    width: 40px;
    height: 40px;
    margin-right: 10px;
  }
  .uk-slideshow-items nav a svg path {
    fill: #fff !important;
  }

  .uk-slideshow-items h2 {
    line-height: 1.3em;
  }

  .small-container {
    padding: 0;
  }

  .left-col {
    margin-left: 0;
  }
  .center-col {
    margin-right: 0;
  }

  .info {
    font-size: 10px;
  }
  .info .withborder div {
    min-width: 50px;
  }

  #topgames, .slider {
    max-width: 738px;
  }

  .bookietables * { font-size: 18px; }
  .bookietables tr * { font-size: 14px; }
  .bookietables tr:first-child * { font-size: 16px; }
  .bookietables .uk-table-small td, .bookietables .uk-table-small th {
    padding: 10px 12px;
  }

  #responsestanding {
    padding: 40px 0;
  }
  #responsestanding > div {
    margin-top: 0;
    margin-bottom: 0;
  }

  #responsestanding > div:not(:first-child) {
    position: relative;
    z-index:1;
  }
  #responsestanding > div::before {
    content:"";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 7px;
    position: absolute;
    z-index: -1;
  }
  #responsestanding > div:nth-child(odd):not(:first-child)::before {
    background: #f1f1f1;
  }
  #responsestanding .toplabels::before {
    background: transparent !important;
  }

  #responsestanding > div.localteam::before {
    background: rgba(255,0,0,.1) !important;
  }
  #responsestanding > div.visitorteam::before {
    background: rgb(0,255,0,.2) !important;
  }

  #responsestanding .uk-width-xsmall\@l {
    width: 200px;
  }
  #responsestanding .toplabels > div span {
    font-size: 14px;
    font-weight: 900;
    width: 32px;
    text-align: center;
    color: #BEBEBE;
  }
  #responsestanding .toplabels > div:first-child span {
    min-width: 40px;
    text-align: left;
  }
  #responsestanding .toplabels > div:last-child span {
    width: auto;
  }
  #responsestanding figure {
    margin: 0 5px;
  }
  #responsestanding figure img {
    min-width: 35px;
  }
  #responsestanding .teamlabel {
    justify-content: left;
    background: transparent;
  }
  #responsestanding .infoline {
    justify-content: left;
  }
  #responsestanding .team {
    word-break: break-all;
    font-weight: normal;
    color: #292929;
  }
  #responsestanding .team:hover {
    color: #414040;
  }
  #responsestanding .explain {
    display: none;
  }
  #responsestanding .explain + span {
    font-weight: normal;
  }
  #responsestanding .explain.points + span {
    font-weight: 900;
    font-size: 20px;
  }
  #responsestanding .entosline, #responsestanding .ektosline
  {
    display: none;
  }

  .r-padding {
    padding-left: 0;
    padding-right: 0;
  }
  .casino-text {
    padding-top: 45px;
    padding-bottom: 25px;
  }

  article.item-page .mainphoto h1 {
    font-size: 48px;
  }

}

@media only screen and (min-width : 80rem) { /* 1280 -> */

  .info {
    font-size: 12px;
  }
  .info .withborder div {
    min-width: 63px;
  }

  .info div span {
    display:inline-block;
    text-align: left;
  }

  #responsestanding .uk-width-xsmall\@l {
    width: 300px;
  }

  .greybg::before {
    left: -8px;
  }

  .leaguelist > * {
    width: calc(100% - 15px);
  }

}

@media only screen and (min-width : 1366px) {
  
}

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

  .leaguelist > * {
    width: 100%;
  }

  .greybg::before {
    width: calc(100% + 16px);
    padding: 8px 0;
  }

  #leftskin, #rightskin {
    display: block;
  }

  .right-col {
    display: block;
    margin-left: 15px;
  }

}