@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

@font-face {
  font-family: "Parigo";
  src: url("../fonts/Parigo.eot");
  src: url("../fonts/Parigo.eot") format("embedded-opentype"), url("../fonts/Parigo.woff2") format("woff2"), url("../fonts/Parigo.woff") format("woff"), url("../fonts/Parigo.ttf") format("truetype"), url("../fonts/Parigo.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* - Header - */
.header-2 {
  margin-bottom: 30px;
  width: 100%;
  display: block;
  position: relative;
  min-width: 1200px;
}
.header-2 .header-2-container {
  max-width: 1440px;
  flex-grow: 1;
  margin: 0 auto;
  padding: 0 15px;
}
.header-2 .header-2-top {
  display: flex;
  background-color: #037245;
  height: 40px;
}
.header-2 .header-2-top .header-2-top-menu {
  list-style: none;
  padding: 0 15px 0 0;
  margin: 0;
  display: flex;
  justify-content: flex-end;
  margin-right: 0;
  margin-left: auto;
}
.header-2 .header-2-top .header-2-top-menu li {
  border-right: 1px solid #999999;
  margin: 10px 0;
}
.header-2 .header-2-top .header-2-top-menu li a {
  font-size: 13px;
  line-height: 20px;
  color: #FFFFFF;
  padding: 0 20px;
  display: inline-block;
}
.header-2 .header-2-top .header-2-top-menu li:last-child {
  border-right: 0;
}
.header-2 .header-2-top .header-2-top-menu li:last-child a {
  padding-right: 5px;
}
.header-2 .header-2-main {
  background-color: #00A864;
  height: 60px;
  margin-bottom: 25px;
}
.header-2 .header-2-main .header-2-container {
  display: flex;
}
.header-2 .header-2-main .logo {
  display: inline-block;
  margin: 15px 0 0 0;
}
.header-2 .header-2-main .logo img {
  height: 35px;
  width: auto;
}
.header-2 .header-2-main .header-2-main-menu {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0 0 0 34px;
}
.header-2 .header-2-main li a {
  position: relative;
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 16px;
  display: inline-block;
  box-sizing: border-box;
}
.header-2 .header-2-main li a:hover {
  background-color: #00C474;
}
.header-2 .header-2-main li a.active {
  color: #FFFFFF;
}
.header-2 .header-2-main li a.active::after {
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
  background-color: #FFFFFF;
  height: 3px;
  content: "";
}

.live-body .header-2 .header-2-main .header-2-container .header-2-main-menu {
  margin-left: 20px;
}
.live-body .header-2 .header-2-container {
  max-width: 100%;
  padding: 0 10px;
}

/* - Ticket - */
.ticketEmpty {
  padding: 10px;
}

.tickettype {
  display: flex;
  border-bottom: 1px solid #393939;
}

.ttypebutton {
  font-size: 12px;
  text-align: center;
  flex-grow: 1;
}
.ttypebutton a {
  color: #FFFFFF;
  cursor: pointer;
  height: 37px;
  line-height: 37px;
}
.ttypebutton.active a {
  color: #F1C117;
}
.ttypebutton:first-child {
  border-right: 1px solid #393939;
}

.lTSelected {
  background-color: #000;
}

.ticketcontent {
  display: table;
  width: 100%;
}

#tContent {
  padding: 0px 10px;
}
#tContent.ticketContentLoto {
  display: block;
  padding-bottom: 10px;
  border-bottom: 1px solid #393939;
}

.lineTicket {
  border-bottom: 1px solid #393939;
  padding: 10px 10px 10px 10px;
  min-height: 17px;
}

.lineTicketDetail {
  padding-top: 5px;
}

.errorlineTicket {
  color: #F00;
}

.indFix {
  float: left;
  width: 8px;
}

.lineNr {
  float: left;
  padding: 0 4px;
  width: 15px;
  text-align: right;
  color: #FFFFFF;
}

.lineEvent {
  float: left;
  padding: 0px 10px 0 5px;
  color: #FFFFFF;
}

.lineEventLoto {
  float: left;
  padding: 0px 10px;
}

.lineType {
  float: right;
  padding: 0px 10px;
}

.lineOdd {
  float: right;
  padding: 0px 10px;
  color: #ffffff;
}

.lineFix, .lineEventNo, .lineTime, .lineDel {
  float: left;
  padding: 0px 10px;
}

.lineFix {
  cursor: pointer;
}

.lineDel {
  float: right;
  width: 20px;
  height: 20px;
}

.del {
  background: url("../images/delete.png?v=2") center no-repeat;
  background-size: 18px 18px;
  cursor: pointer;
  display: block;
  width: 20px;
  height: 20px;
}

.del:hover {
  background: url("../images/delete-m.png?v=2") center no-repeat;
  background-size: 18px 18px;
}

.iFSelected {
  background-image: url("../images/fix1.png?v=2");
  background-position: center;
  background-repeat: no-repeat;
  height: 8px;
  padding: 5px 0 0 10px;
}

.lFSelected {
  background-color: #027E40;
}

.titcketlinescount {
  float: left;
  padding: 12px 10px 10px 20px;
  color: #FFFFFF;
  font-size: 11px;
}

.titcketlinescount strong {
  color: #FFFFFF;
}

.ticketlinks {
  width: 80px;
  float: right;
  background-color: #D91E27;
  margin: 5px 20px;
  padding: 5px;
  text-align: center;
  cursor: pointer;
}

.ticketWinInfo {
  width: 240px;
  color: #027E40;
  padding: 5px 10px;
}

.biletliniemica {
  font-size: 13px;
  color: #8C8C8C;
  padding: 5px 20px;
  text-align: center;
}

.biletliniemica div:first-child {
  float: left;
}

.biletliniemica div:first-child + div {
  float: right;
}

#hoveringTooltip {
  background-color: #000;
  border-color: #FFF;
  border: 2px solid;
  border-radius: 10px;
  font-size: 10px;
  width: 250px;
}

/*
table.ticket thead td {
	font-size:16px;
	text-align:center;
	padding:10px;
	width:50%;	
}
table.ticket thead td.active {
	color:#FFF;
}
table.ticket thead td:first-child {
	border-right: 1px solid #000;
}

table.ticket tbody tr {
	border-bottom: 1px solid #000;
}
*/
table.ticket tbody td {
  width: 33%;
  padding: 10px;
  font-size: 12px;
  color: #027E40;
  text-align: right;
}

table.ticket tbody td:first-child {
  text-align: left;
  color: #c3c3c3;
}

table.ticket tfoot tr {
  border-bottom: 1px solid #000;
}

table.ticket tfoot td {
  width: 33%;
  padding: 10px;
  font-size: 12px;
  font-style: italic;
  text-align: center;
}

table.ticket tfoot td:first-child {
  border-right: 1px solid #333;
}

table.ticket tfoot td:last-child {
  border-left: 1px solid #333;
}

.ticketPayment {
  position: relative;
  background: #333333;
  color: #FFFFFF;
  padding: 9px 10px;
  margin: 10px 20px;
  font-size: 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.ticketPayment .count {
  border: hidden;
  width: 175px;
  float: right;
  text-align: right;
  font-size: 12px;
  background-color: #333333;
  color: #FFFFFF;
}

.ticketWinings {
  font-size: 24px;
  font-weight: bold;
  color: #F1C117;
  padding-bottom: 10px;
  text-align: center;
}

.ticketWinings-label {
  font-size: 16px;
  color: #FFFFFF;
  padding-bottom: 10px;
  padding-top: 5px;
  text-align: center;
}

.ticketPrint {
  text-align: center;
  font-size: 16px;
  line-height: 16px;
  padding: 16px;
  font-weight: bold;
  background: #00A864;
  cursor: pointer;
}

/* Loto ticket */
#tabelbilet .number, .bltbody .left1 .number {
  display: inline-block;
  width: 14px;
  padding: 12px;
  text-align: center;
  color: #FFFFFF;
  width: 14px;
  padding: 12px;
  text-align: center;
  border-radius: 50%;
  margin: 5px;
  background-color: #222222;
  border: 3px solid #00A864;
}

.lineEventLoto {
  padding: 5px 15px;
}

.ticketinfo {
  padding-top: 10px;
}

div.datepicker {
  position: relative;
  font-size: 12px;
  width: 240px;
  height: 200px;
  cursor: default;
  display: none;
  padding: 10px;
}

.datepickerContainer {
  background: #333333;
  position: absolute;
  top: 10px;
  left: 10px;
}

.datepickerContainer-table {
  width: 220px;
  height: 180px;
}

.datepickerHidden {
  display: none;
}

div.datepicker table {
  border-collapse: collapse;
}

div.datepicker a {
  color: #eee;
  text-decoration: none;
  cursor: default;
  outline: none;
}

div.datepicker table td {
  text-align: right;
  padding: 0;
  margin: 0;
}

div.datepicker th {
  text-align: center;
  color: #999;
  font-weight: normal;
}

div.datepicker tbody th {
  text-align: center;
}

div.datepicker tbody a {
  display: block;
}

.datepickerDays a {
  width: 20px;
  line-height: 16px;
  height: 16px;
  padding-right: 2px;
  cursor: pointer !important;
}

.datepickerYears a,
.datepickerMonths a {
  width: 44px;
  line-height: 36px;
  height: 36px;
  text-align: center;
}

td.datepickerNotInMonth a {
  color: #8C8C8C;
}

tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
  background: #17384d;
}

tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected {
  background: #17384d;
}

div.datepicker a:hover,
div.datepicker a:hover {
  color: #88c5eb;
}

div.datepicker td.datepickerNotInMonth a:hover {
  color: #999;
}

.datepickerSpace div {
  width: 20px;
}

.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth a {
  text-align: center;
  height: 20px;
  line-height: 20px;
}

.datepickerGoNext a {
  float: right;
  width: 20px;
}

.datepickerGoPrev a {
  float: left;
  width: 20px;
}

table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears {
  display: none;
}

table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW {
  display: none;
}

table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW {
  display: none;
}

td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a {
  color: #8C8C8C;
}

td.datepickerDisabled a:hover {
  color: #8C8C8C;
}

td.datepickerSpecial a {
  background: #700;
}

td.datepickerSpecial.datepickerSelected a {
  background: #a00;
}

tbody.datepickerDays td.datepickerSelected {
  color: #FFFFFF;
  background: #00A864;
}
tbody.datepickerDays td.datepickerSelected a {
  color: #FFFFFF;
}

/* CSS Document */
/* - BASIC - */
body {
  margin: 0px;
  padding: 0px;
  background: #141414;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
}

a {
  text-decoration: none;
  color: #fff;
}

.wrapper {
  margin: 0px auto;
}

.green {
  color: #027E40;
}

.yellow {
  color: #d4d065;
}

.italic {
  font-style: italic;
}

/* - Layout - */
#container {
  max-width: 1440px;
  min-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  display: flex;
  flex-direction: row;
  padding: 0 15px;
}
#container.live-container {
  max-width: 100%;
  min-width: 1170px;
  margin-left: 0;
  margin-right: 0;
}
#container.live-container #content {
  max-width: 100%;
  min-width: 1170px;
  padding: 0;
}

#column-left {
  float: left;
  width: 240px;
  flex-shrink: 0;
}

#column-right {
  float: right;
  width: 344px;
  flex-shrink: 0;
}

.sidebar .box {
  background-color: #333333;
  margin-bottom: 15px;
}
.sidebar .box .top {
  border-bottom: 1px solid #222222;
  padding: 10px 15px;
  color: #FFFFFF;
  font-size: 14px;
  text-align: left;
  font-weight: bold;
}

.social div {
  margin-right: 5px;
  display: inline-block;
  text-align: center;
}

.social a {
  padding: 0px !important;
}

#slideshow {
  margin-bottom: 10px;
  width: 100%;
}

/* - Searches - */
.search-container {
  position: relative;
  margin-bottom: 15px;
}

#search-event,
#search-ticket {
  height: 38px;
  position: relative;
  color: #FFFFFF;
  text-indent: 15px;
  border: none;
  background: #333333;
  height: 38px;
  width: 100%;
  outline: none;
  border: none;
  padding: 0;
  border-radius: 5px;
}

#getsix-ticket {
  position: absolute;
  top: 26px;
  right: 35px;
  width: 300px;
}

#getsix-ticket #search-ticket {
  max-width: 300px;
  color: #F4F4F4;
  background: #141414;
}

.button-search,
.button-search,
.button-search {
  position: absolute;
  top: 0;
  right: 4px;
  width: 38px;
  height: 38px;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
}
.button-search::after,
.button-search::after,
.button-search::after {
  content: "\ea6e";
  font-family: "Parigo";
  position: absolute;
  font-size: 18px;
  line-height: 38px;
  text-align: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fdfdfd;
}
.button-search::after:hover,
.button-search::after:hover,
.button-search::after:hover {
  color: #ffffff;
}

/* - Boxes - */
.box {
  background: #333333;
}

.box .hgreen, .box .hyellow, .box .hblue, .box .horange, .box .hred, .box .hpurple, .box .hgrey {
  display: table-cell;
  width: 95%;
}

.box .hgreen .center {
  color: #fff;
  padding: 12px;
  height: 18px;
  font-size: 16px;
  float: left;
  box-sizing: content-box;
  background: #027E40;
}

.box .hgreen .left {
  width: 13px;
  height: 42px;
  float: left;
  background: url("../images/hg-left.png?v=1") no-repeat;
}

.box .hgreen .right {
  margin-right: 0px;
  width: 11px;
  height: 42px;
  float: left;
  background: url("../images/hg-right.png?v=1") no-repeat;
}

.box .hblue .center {
  color: #fff;
  padding: 12px;
  height: 18px;
  font-size: 16px;
  float: left;
  background: #186f80;
}

.box .hblue .left {
  width: 13px;
  height: 42px;
  float: left;
  background: url("../images/hb-left.png?v=2") no-repeat;
}

.box .hblue .right {
  margin-right: 0px;
  width: 11px;
  height: 42px;
  float: left;
  background: url("../images/hb-right.png?v=2") no-repeat;
}

.box .hyellow .center {
  color: #fff;
  padding: 12px;
  height: 18px;
  font-size: 16px;
  float: left;
  background: #d4d065;
}

.box .hyellow .left {
  width: 11px;
  height: 42px;
  float: left;
  background: url("../images/hy-left.png?v=2") no-repeat;
}

.box .hyellow .right {
  margin-right: 0px;
  width: 11px;
  height: 42px;
  float: left;
  background: url("../images/hy-right.png?v=2") no-repeat;
}

.box .horange .center {
  color: #fff;
  padding: 12px;
  height: 18px;
  font-size: 16px;
  float: left;
  background: #d07620;
}

.box .horange .left {
  width: 11px;
  height: 42px;
  float: left;
  background: url("../images/ho-left.png?v=2") no-repeat;
}

.box .horange .right {
  margin-right: 0px;
  width: 11px;
  height: 42px;
  float: left;
  background: url("../images/ho-right.png?v=2") no-repeat;
}

.box .hred .center {
  color: #fff;
  padding: 12px;
  height: 18px;
  font-size: 16px;
  float: left;
  background: #cf3221;
}

.box .hred .left {
  width: 11px;
  height: 42px;
  float: left;
  background: url("../images/hr-left.png?v=2") no-repeat;
}

.box .hred .right {
  margin-right: 0px;
  width: 11px;
  height: 42px;
  float: left;
  background: url("../images/hr-right.png?v=2") no-repeat;
}

.box .hpurple .center {
  color: #fff;
  padding: 12px;
  height: 18px;
  font-size: 16px;
  float: left;
  background: #3284cb;
}

.box .hpurple .left {
  width: 11px;
  height: 42px;
  float: left;
  background: url("../images/hp-left.png?v=2") no-repeat;
}

.box .hpurple .right {
  margin-right: 0px;
  width: 11px;
  height: 42px;
  float: left;
  background: url("../images/hp-right.png?v=2") no-repeat;
}

.box .hgrey .center {
  color: #fff;
  padding: 12px;
  height: 18px;
  font-size: 16px;
  float: left;
  background: #7a7369;
}

.box .hgrey .left {
  width: 11px;
  height: 42px;
  float: left;
  background: url("../images/hgrey-left.png?v=2") no-repeat;
}

.box .hgrey .right {
  margin-right: 0px;
  width: 11px;
  height: 42px;
  float: left;
  background: url("../images/hgrey-right.png?v=2") no-repeat;
}

.box .more {
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: 0;
}

.box .more .center {
  color: #FFFFFF;
  padding: 10px 25px 5px 5px;
  width: 107px;
  height: 18px;
  font-size: 12px;
  background: url("../images/plus-white.png?v=2") 96% center no-repeat #999999;
}

.box .more .center-drawn {
  color: #fff;
  padding: 10px 25px 5px 5px;
  width: 107px;
  height: 18px;
  font-size: 12px;
  float: left;
  background: url("../images/minus-white.png?v=2") 96% center no-repeat #00A864;
}

.box .more .left {
  width: 13px;
  height: 36px;
  float: left;
  background: url("../images/hg-left.png?v=2") no-repeat;
}

.box .more .right {
  margin-right: 0px;
  width: 11px;
  height: 36px;
  float: left;
  background: url("../images/hg-right.png?v=2") no-repeat;
}

.box .topb {
  border-bottom: 2px solid #186f80;
  background: #333333;
  padding: 8px 10px;
  color: #186f80;
  font-size: 15px;
  text-align: left;
}

.box .topo {
  border-bottom: 2px solid #d07620;
  background: #333333;
  padding: 8px 10px;
  color: #d07620;
  font-size: 15px;
  text-align: left;
}

.box .topy {
  border-bottom: 2px solid #d4d065;
  background: #333333;
  padding: 8px 10px;
  color: #027E40;
  font-size: 15px;
  text-align: left;
}

.box .topr {
  border-bottom: 2px solid #cf3221;
  background: #333333;
  padding: 8px 10px;
  color: #cf3221;
  font-size: 15px;
  text-align: left;
}

.box .topgrey {
  border-bottom: 2px solid #7a7369;
  background: #333333;
  padding: 8px 10px;
  color: #7a7369;
  font-size: 15px;
  text-align: left;
}

.box .topp {
  border-bottom: 2px solid #3284cb;
  background: #333333;
  padding: 8px 10px;
  color: #a94c9d;
  font-size: 15px;
  text-align: left;
}

.box .types {
  display: none;
  background: #333333;
  color: #c3c3c3;
}

.box .types .column {
  display: table-cell;
  padding: 5px 22px;
}

.box .types .line {
  padding: 10px 25px;
}

.box .types label {
  display: flex;
  padding-bottom: 4px;
  margin-bottom: 4px;
}

.box .types .specialslink {
  color: #00A864;
}

.box .leagues {
  display: flex;
  position: relative;
}

.box .leagues.leagues-collapsed .column {
  max-height: 230px;
  overflow: hidden;
}

.box .leagues.leagues-collapsed::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40px;
  background: linear-gradient(transparent, #333333);
  pointer-events: none;
}

.leagues-toggle {
  display: block;
  text-align: center;
  padding: 8px 0;
  cursor: pointer;
  color: #00A864;
  font-size: 13px;
  font-weight: bold;
  background: #333333;
}
.leagues-toggle:hover {
  color: #00C474;
}
.leagues-toggle .fa {
  margin-left: 5px;
}

.box .middle {
  background: #333333;
  color: #c3c3c3;
}

.box .middle .column {
  padding: 0px 10px;
  min-width: 200px;
}

.box .middle .column ul li {
  cursor: pointer;
}

.box .middle .title {
  font-size: 16px;
  color: #027E40;
  padding-top: 10px;
  text-align: center;
}

.box .middle .winings {
  font-size: 18px;
  color: #027E40;
  padding-bottom: 10px;
  text-align: center;
}

.box .middle .white {
  color: #FFF;
}

.box .middle .codeprint {
  /*display: none;*/
  display: block;
  position: relative;
  text-align: center;
  font-size: 15px;
  padding: 15px;
  border: #FFF 1px dashed;
  margin: 0 25px 15px 25px;
  border-radius: 7px;
}
.box .middle .codeprint strong {
  color: #FFFFFF;
  font-weight: bold;
}

.barcode-container {
  display: inline-block;
  padding: 15px;
  background-color: #FFF;
  margin: 15px 0;
  border-radius: 7px;
}

.box .nopadding {
  padding: 0px;
  display: table;
  width: 100%;
}

/* - Acordeon - */
.acordeon, .acordeon ul, .acordeon li, .acordeon a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  font-size: 12px;
  position: relative;
}

.acordeon > ul > li {
  background: #333333;
}

.acordeon > ul > li:hover {
  background: #333333;
}

.acordeon > ul > li > a {
  font-size: 12px;
  position: relative;
  display: block;
  color: #FFFFFF;
  padding: 0 15px;
  line-height: 37px;
  border-bottom: 1px solid #222222;
}

.acordeon > ul > li > a {
  display: block;
}

.acordeon > ul > li > a .counter {
  color: #8C8C8C;
  right: 15px;
  position: absolute;
}

.acordeon > ul > li > a .counter:before {
  content: "( ";
}

.acordeon > ul > li > a .counter:after {
  content: " )";
}

.acordeon > ul > li > a:hover {
  text-decoration: none;
}

.acordeon > ul > li.active {
  border-bottom: none;
}

.acordeon > ul > li.has-sub > a {
  background: url("../images/plus.png?v=2") 96% center no-repeat;
}

.acordeon > ul > li.has-sub.active > a {
  background: url("../images/minus.png?v=2") 96% center no-repeat;
}

.acordeon > ul > li.has-sub.active {
  background: #111;
}

/* - Acordeon Submenu - */
.acordeon ul ul {
  display: none;
  border-right: 1px solid #000;
  border-left: 1px solid #000;
}

.acordeon ul ul li {
  padding: 0;
  border-bottom: 1px solid #000;
  border-top: none;
  background: #333;
}

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

.acordeon ul ul a {
  padding: 10px 10px 10px 25px;
  display: block;
  color: #c3c3c3;
  font-size: 12px;
  font-weight: normal;
}

.acordeon ul ul a:before {
  content: "»";
  position: absolute;
  left: 10px;
  color: #027E40;
}

.acordeon ul ul a:hover {
  color: #027E40;
}

.acordeonTickets, .acordeonTickets ul, .acordeonTickets li, .acordeonTickets a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  font-size: 11px;
  position: relative;
}

.acordeonTickets ul li a {
  border-top: 1px solid #222222;
  padding: 3px 15px;
  font-size: 11px;
  line-height: 11px;
  display: block;
}

.acordeonTickets ul li a:hover {
  background-color: #111111;
}

.acordeonTickets > ul > li:nth-child(1) {
  padding: 3px 15px;
}

.acordeonTickets > ul > li:nth-child(1) > span {
  margin: 5px;
  font-size: 12px;
  text-align: left;
  font-weight: bold;
}

.acordeonTickets > ul > li > a > span,
.acordeonTickets > ul > li > span {
  display: inline-block;
  margin: 5px;
}

.acordeonTickets > ul > li > a > span:nth-child(1),
.acordeonTickets > ul > li > span:nth-child(1) {
  width: 140px;
}

.acordeonTickets > ul > li > a > span:nth-child(2),
.acordeonTickets > ul > li > span:nth-child(2) {
  width: 60px;
}

.acordeonTickets > ul > li > a > span:nth-child(3),
.acordeonTickets > ul > li > span:nth-child(3) {
  width: 80px;
}

/* - Tables - */
table {
  width: 100%;
  border-collapse: collapse;
}

table thead {
  padding: 8px 10px;
  color: #027E40;
  font-size: 15px;
  text-align: left;
}

table.games {
  font-size: 12px;
}

table.games tbody tr {
  border-top: 1px solid #393939;
}
table.games td {
  padding: 11px;
  font-size: 13px;
  color: #FFFFFF;
}
table.games td.meta {
  color: #8C8C8C;
}
table.games td.meta a {
  color: #8C8C8C;
}
table.games td.left {
  text-align: left;
  position: relative;
}
table.games td.center {
  text-align: center;
}
table.games td.right {
  text-align: right;
}
table.games td.hasspecials {
  position: relative;
  padding-right: 45px;
}
table.games td.hasspecials .specials-link {
  display: inline-block;
}
table.games td.hasspecials .specials-link span {
  z-index: 1;
  position: relative;
  width: 16px;
  height: 14px;
  display: block;
}
table.games td.hasspecials .specials-link span:after {
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
  top: 0;
  content: "\f005";
  font-size: 16px;
  line-height: 16px;
  color: #F1C117;
  z-index: -1;
}
table.games td.cota {
  width: 50px;
  padding: 3px;
  cursor: pointer;
}
table.games td.cota span {
  border-radius: 4px;
  display: inline-block;
  height: 31px;
  width: 100%;
  line-height: 31px;
  color: #FFFFFF;
}
table.games td.cota:hover span {
  background: #037245;
  color: #FFFFFF;
}
table.games td.cotatop span {
  border: 1px solid rgba(3, 114, 69, 0.65);
  color: #FFFFFF;
}
table.games td.cotanull {
  padding: 3px;
  width: 50px;
}
table.games td.cotaplayed span {
  background: #FFBB00;
  color: #FFFFFF;
}
table.games td.matchinfo {
  color: #8C8C8C;
  font-style: italic;
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: default;
  line-height: 12px;
}
table.games td.matchinfo span {
  color: #F1C117;
  font-size: 16px;
}
table.games td.event-name {
  color: #FFFFFF;
  font-weight: bold;
}

table.eventpage thead td {
  background-color: #333333;
}

table.games thead td {
  color: #8C8C8C;
  border: none;
}

table.games thead {
  border-bottom: none;
}

table.games table.games tbody td {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

table.games tbody > tr > td {
  border-left: 0px;
}

table.loto {
  font-size: 12px;
}

table.loto tbody tr {
  border-top: 1px solid #393939;
}
table.loto tbody tr.numbers {
  background-color: #E8E8E8;
}

table.loto td {
  padding: 11px;
  font-size: 12px;
  color: #F4F4F4;
}
table.loto td.code {
  padding: 11px 4px;
}
table.loto td.cotaloto {
  width: 45px;
  padding: 11px 4px;
}
table.loto td .number {
  display: inline-block;
  width: 14px;
  padding: 12px;
  text-align: center;
  color: #F4F4F4;
  border-radius: 50%;
  margin: 5px;
  background-color: #333333;
  border: 3px solid #555555;
}
table.loto td .number:hover {
  border: 3px solid #999999;
}
table.loto td .selected {
  color: #FFFFFF;
  background-color: #333333;
  border: 3px solid #00A864;
}

table.loto td.left {
  text-align: left;
}

table.loto td.lotteryName {
  color: #FFFFFF;
  font-weight: bold;
}

table.loto td.center {
  text-align: center;
}

table.loto td.right {
  text-align: right;
}

table.loto thead {
  border-bottom: none;
}

table.loto thead tr {
  border: 1px solid bottom;
}

table.loto thead td {
  color: #00A864;
  border: none;
}

table.loto tbody td {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

table.loto tbody td.loto-nou {
  position: relative;
}
table.loto tbody td.loto-nou::after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
  font-size: 10px;
  content: "NOU";
  width: 24px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  color: #FFFFFF;
  background-color: #00A864;
  border-radius: 4px;
}

table.loto tbody tr.numbers td:hover {
  background: none;
}

table.loto tbody tr.numbers {
  display: none;
  background-color: #454545;
}

table.loto tbody tr.numbers td {
  padding: 15px 15px;
}

.games li {
  line-height: 20px;
}

.games li.ro {
  list-style-image: url("../images/flags/ro.png?v=2");
}

.games li.gb {
  list-style-image: url("../images/flags/gb.png?v=2");
}

.games li.fr {
  list-style-image: url("../images/flags/fr.png?v=2");
}

.games li.de {
  list-style-image: url("../images/flags/de.png?v=2");
}

.games li.es {
  list-style-image: url("../images/flags/es.png?v=2");
}

.games li.ar {
  list-style-image: url("../images/flags/ar.png?v=2");
}

.datetime {
  width: 57px;
  font-size: 11px !important;
}

.datetimeloto {
  width: 65px;
  color: #8C8C8C;
}

.datelink {
  color: #8C8C8C;
}

.datetimere {
  width: 80px;
}

.code {
  width: 35px;
}

.specials {
  background: #F00;
  margin-left: 5px;
}

.winner {
  width: 200px;
}

.boxinfo {
  padding: 3px 15px 3px 15px;
  background-color: #333333;
  border-radius: 0 0 5px 5px;
  color: #8C8C8C;
}

.noresults {
  padding-left: 10px;
  font-size: 13px;
}

.coform {
  display: inline-block;
  padding-left: 15px;
  padding-bottom: 5px;
  width: 110px;
  font-weight: bold;
}

.errorc {
  color: #F00;
  padding-left: 125px;
}

.errorc p {
  margin: 5px;
}

#harta a {
  cursor: pointer;
}

.clear {
  clear: both;
}

.tghid > ul {
  list-style: none;
}

.tghid li {
  float: left;
  font-size: 16px;
  font-weight: bold;
  margin: 10px 25px;
}

#tab1, #tab2, #tab3 {
  width: 398px;
  float: left;
  display: inline-block;
  position: relative;
  text-align: center;
  background-color: #2b2b2b;
  line-height: 40px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid #4a4a4a;
  cursor: pointer;
  margin: 0px 1px;
}

.current {
  color: #027E40;
}

.sportFilters {
  position: relative;
  width: 100%;
  height: 31px;
  background-color: #333333;
  border-bottom: 2px solid #00A864;
}
.sportFilters .tabs li:first-child {
  margin-left: 31px;
}

.sportFilters .wrapper {
  margin: 0px auto;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 31px;
}

.sportFilters .wrapperResults {
  margin: 0px auto;
  position: relative;
  overflow: hidden;
  width: 900px;
  height: 31px;
}

.sportFilters .sLeft {
  display: inline-block;
  background-color: #333333;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 5px;
  top: 5px;
  cursor: pointer;
  z-index: 999;
  border-radius: 50%;
  box-sizing: border-box;
}
.sportFilters .sLeft::after {
  position: absolute;
  content: "\f053";
  font-family: "FontAwesome";
  line-height: 20px;
  text-align: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 10px;
}
.sportFilters .sLeft:hover {
  background-color: #00A864;
}

.sportFilters .sRight {
  display: inline-block;
  background-color: #333333;
  width: 20px;
  height: 20px; /* width and height of your image */
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
  border-radius: 50%;
  box-sizing: border-box;
}
.sportFilters .sRight::after {
  position: absolute;
  content: "\f054";
  font-family: "FontAwesome";
  line-height: 20px;
  text-align: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 10px;
}
.sportFilters .sRight:hover {
  background-color: #00A864;
}

.tabs, .cm-tabs {
  overflow: hidden;
}

.tabs ul, .cm-tabs ul {
  display: inline-block;
}

.tabs .sports, .cm-tabs .sports {
  cursor: pointer;
  padding-left: 5px;
  padding-right: 5px;
}

.tabs .sports .left, .cm-tabs .sports .left {
  width: 13px;
  height: 30px;
  float: left;
}

.tabs .sports .right, .cm-tabs .sports .right {
  margin-right: 0px;
  width: 11px;
  height: 30px;
  float: left;
}

.tabs .sports .center, .cm-tabs .sports .center {
  color: #fff;
  padding: 9px 10px;
  height: 15px;
  font-size: 12px;
  float: left;
  text-align: center;
}

.add {
  height: 22px;
  width: 5px;
  float: left;
  padding: 4px 8px;
  cursor: pointer;
  visibility: hidden;
}

.addshow {
  height: 22px;
  width: 5px;
  float: left;
  padding: 4px 8px;
  cursor: pointer;
  visibility: hidden;
}

.ui-state-default .center a {
  color: #FFFFFF;
}

.ui-tabs {
  position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0px 0px 3px 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 2px 0 2px 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs-hide {
  display: none;
}

.ui-tabs-selected .center {
  color: #FFF;
  background-color: #00A864;
}
.ui-tabs-selected .center a {
  color: #FFF;
}

.ui-tabs-selected .left {
  background: url("../images/hg-left.png?v=2") no-repeat;
}

.ui-tabs-selected .right {
  background: url("../images/hg-right.png?v=2") no-repeat;
}

.ui-tabs-selected .add {
  background: url("../images/plus-white.png?v=2") center no-repeat #00A864;
  background-position: left center;
  visibility: visible;
}

.ui-tabs-selected .addshow {
  background: url("../images/minus-white.png?v=2") center no-repeat #00A864;
  background-position: left center;
  visibility: visible;
}

.fb-like-box {
  margin-top: 10px;
  background: #333333;
}

.arrow_up {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-image: url(/images/arrow-up.png);
  background-position: center;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  cursor: pointer;
}

.spacer {
  background-image: url(../images/account/liniemicasetting.png);
  height: 30px;
  width: 3px;
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
}

/* Scrollers */
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
  /* required settings */
  position: relative;
  overflow: hidden;
  width: 180px;
  height: 55px;
  float: left;
}

.scrollable2 {
  /* required settings */
  position: relative;
  overflow: hidden;
  width: 750px;
  height: 65px;
  float: left;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
  /* this cannot be too large */
  width: 20000em;
  position: absolute;
  left: 0;
}

.scrollable2 .items {
  /* this cannot be too large */
  width: 20000em;
  position: absolute;
  left: 0;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
  float: left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
  display: block;
  width: 10px;
  float: left;
  cursor: pointer;
  font-size: 1px;
  height: 30px;
}

/* right */
a.right {
  background-position: 0 -30px;
  clear: right;
  margin-right: 0px;
  padding-top: 20px;
}

a.right:hover {
  background-position: -30px -30px;
}

a.right:active {
  background-position: -60px -30px;
}

/* left */
a.left {
  margin-left: 0px;
  padding-top: 20px;
}

a.left:hover {
  background-position: -30px 0;
}

a.left:active {
  background-position: -60px 0;
}

/* disabled navigational button */
a.disabled {
  visibility: hidden !important;
}

#wrap {
  width: 640px;
  height: 360px;
  padding: 0;
  overflow: hidden;
  float: left;
}

#frame {
  width: 1280px;
  height: 720px;
  border: 1px solid black;
}

#frame {
  -ms-zoom: 0.5;
  -moz-transform: scale(0.5);
  -moz-transform-origin: 0 0;
  -o-transform: scale(0.5);
  -o-transform-origin: 0 0;
  -webkit-transform: scale(0.5);
  -webkit-transform-origin: 0 0;
}

table.games tbody td.cotanull {
  cursor: no-drop;
}

.colapse .hidden {
  display: none;
}

.colapse .moreh {
  padding: 3px 10px;
  color: #8C8C8C;
  cursor: pointer;
  text-align: center;
}

.box .event-top {
  padding-bottom: 0;
  margin-bottom: 5px;
  position: relative;
  padding: 0 15px;
  line-height: 40px;
}
.box .event-top h2 {
  margin: 0;
}
.box .event-top .sports .center {
  padding: 10px 15px;
}

.box .event-top .tabs ul {
  padding-bottom: 0;
}
.box .event-top .tabs ul li {
  margin: 0;
}
.box .event-top .tabs .center {
  padding: 0;
  height: 40px;
}
.box .event-top .tabs .center a {
  display: inline-block;
  padding: 0 10px;
  color: #F4F4F4;
}
.box .event-top .tabs .ui-tabs-selected .center {
  border-radius: 5px;
}
.box .event-top .tabs .ui-tabs-selected .center a {
  color: #FFFFFF;
}
.box .event-top h2 span {
  color: #8C8C8C;
  font-style: italic;
}
.box .event-top .betradarstats-btn {
  display: inline-block;
  float: right;
  height: 30px;
  width: 30px;
  background-size: auto 16px;
  background-color: #454545;
}
.box .event-top .betradarstats-btn:hover {
  background-color: #5a5a5a;
}

.betradarstats-btn {
  height: 20px;
  width: 20px;
  margin-left: 5px;
  margin-right: 5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21.818' viewBox='0 0 20 21.818'%3E%3Cg id='Icon_ionic-ios-stats' data-name='Icon ionic-ios-stats' transform='translate(-5.625 -4.5)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M12.83,26.318h2.727a.456.456,0,0,0,.455-.455V4.955a.456.456,0,0,0-.455-.455H12.83a.456.456,0,0,0-.455.455V25.864A.456.456,0,0,0,12.83,26.318Z' transform='translate(-1.295)' fill='%23bcbcbc'/%3E%3Cpath id='Path_2' data-name='Path 2' d='M6.08,29.341H8.807a.456.456,0,0,0,.455-.455V20.7a.456.456,0,0,0-.455-.455H6.08a.456.456,0,0,0-.455.455v8.182A.456.456,0,0,0,6.08,29.341Z' transform='translate(0 -3.023)' fill='%23bcbcbc'/%3E%3Cpath id='Path_3' data-name='Path 3' d='M19.585,28.477H22.3a.458.458,0,0,0,.46-.46V16.21a.458.458,0,0,0-.46-.46H19.585a.458.458,0,0,0-.46.46V28.017A.458.458,0,0,0,19.585,28.477Z' transform='translate(-2.591 -2.159)' fill='%23bcbcbc'/%3E%3Cpath id='Path_4' data-name='Path 4' d='M25.875,9.46V26.722a.458.458,0,0,0,.46.46h2.716a.458.458,0,0,0,.46-.46V9.46a.458.458,0,0,0-.46-.46H26.335A.458.458,0,0,0,25.875,9.46Z' transform='translate(-3.886 -0.864)' fill='%23bcbcbc'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: auto 12px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 3px;
  background-color: #454545;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}
.betradarstats-btn:hover {
  background-color: #5a5a5a;
}

.specials-container {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
}

#content {
  max-width: 826px;
  min-width: 410px;
  margin-bottom: 25px;
  flex-grow: 1;
  padding: 0 15px;
}
#content.no-sidebars {
  max-width: 1440px;
  padding: 0;
}
#content.no-right-sidebar {
  max-width: 1185px;
}
#content.no-right-sidebar .sportFilters {
  max-width: 1185px;
}
#content .box {
  background-color: #333333;
  border-radius: 5px;
  margin-bottom: 10px;
}
#content .box:first-child {
  margin-top: 0px;
}
#content .box .top {
  position: relative;
  font-size: 14px;
  padding: 20px 15px 5px 15px;
  font-weight: bold;
  color: #FFFFFF;
}
#content .box .top .floater {
  float: right;
  margin-right: 160px;
}
#content .box .top.top-six {
  display: flex;
}
#content .box .top.top-six #getsix-ticket {
  max-width: 300px;
}
#content .box .top .page-title {
  font-size: 22px;
  flex-grow: 1;
  padding-left: 15px;
}
#content .box .topg {
  font-size: 12px;
  padding: 0px 15px 15px 15px;
}
#content .box .top-bettype {
  color: #FFFFFF;
  padding: 10px 15px;
  font-size: 16px;
}
#content .box .middle {
  background-color: transparent;
}
#content .content-results {
  padding-top: 10px;
}
#content .content-results .box {
  padding-top: 10px;
}

/**
 * Tooltip Styles
 */
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

#content-getsix h2 {
  padding: 15px;
  margin: 0;
}

.results-getsix {
  list-style: none;
  padding: 0;
  margin: 0;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #000;
}

.results-getsix .runda {
  padding: 8px 10px;
  height: 14px;
  background: #121212;
  border-bottom: 1px solid #000;
  position: relative;
  cursor: pointer;
}

.results-getsix .runda:after {
  font-family: "FontAwesome";
  content: "\f105";
  position: absolute;
  right: 10px;
  top: 5px;
  color: #fff;
  font-size: 16px;
  color: #00A864;
}

.results-getsix li.active .runda:after {
  content: "\f107";
}

.results-getsix .runda:hover {
  background-color: #181818;
}

.results-getsix .runda .numar {
  padding-left: 10px;
}

.results-getsix .runda .data {
  color: #8C8C8C;
}

.results-getsix li .rezultat {
  display: none;
  text-align: center;
}

.results-getsix li .rezultat h3 {
  font-weight: normal;
  margin: 0;
  padding: 10px;
  background-color: #191919;
}

.results-getsix li .rezultat h3 span {
  font-weight: bold;
}

.results-getsix li.active .rezultat {
  display: block;
  overflow: auto;
}

.results-getsix .rezultat .bile {
  padding: 15px;
  overflow: auto;
}

.results-getsix li .rezultat .bila {
  border-width: 2px;
  border-color: transparent;
  border-style: solid;
  border-radius: 50%;
  color: #fff;
  width: 26px;
  height: 16px;
  padding: 5px 0;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  display: inline-block;
  margin: 0 10px 10px 0;
}

.results-getsix .primele,
.results-getsix .bonus,
.results-getsix .jackpot {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.results-getsix .primele {
  width: 40%;
  float: left;
  overflow: auto;
  padding: 10px 10px 0px 10px;
  border-width: 1px 1px 0 0;
  border-color: #000;
  border-style: solid;
  color: #999;
}

.results-getsix .bonus {
  width: 20%;
  float: left;
  overflow: auto;
  padding: 10px 10px 0px 10px;
  border-width: 1px 1px 0 0;
  border-color: #000;
  border-style: solid;
  color: #999;
}

.results-getsix .jackpot {
  width: 40%;
  float: left;
  overflow: auto;
  padding: 10px 10px 0px 10px;
  border-width: 1px 0 0 0;
  border-color: #000;
  border-style: solid;
  color: #999;
}

.results-getsix .jackpot strong {
  color: #fff;
}

.tombola .tombola-container {
  width: 600px;
  margin: 0 auto;
  padding-bottom: 50px;
}

.tombola a {
  color: #027E40;
  text-decoration: underline;
}

.tombola h1 {
  font-size: 36px;
  color: #FFFFFF;
  font-weight: normal;
  text-align: center;
  padding: 30px 0;
}

.tombola .tombola-container h2 {
  font-size: 28px;
  text-align: center;
  font-weight: normal;
  padeding: 0;
  margin: 0;
}

.tombola .tombola-container .input-text {
  height: 30px;
  border: 0;
  background-color: #404140;
  font-size: 22px;
  color: #FFFFFF;
  padding: 10px 20px;
  text-align: center;
}

.tombola .tombola-container .input-text:focus,
.tombola .tombola-container .input-text:hover {
  background-color: #585A58;
}

.tombola .tombola-container .input-submit {
  background-color: #027E40;
  font-size: 24px;
  padding: 10px 30px;
  border: 0;
  color: #FFFFFF;
  cursor: pointer;
}

.tombola .tombola-container .input-full {
  width: 560px;
}

.tombola .tombola-container .input-captcha {
  width: 110px;
  height: 30px;
}

.tombola .tombola-container .error {
  color: #FC0000;
}

.tombola .tombola-container .input-half {
  width: 250px;
}

.tombola .tombola-container .input-text-left {
  text-align: left;
}

.tombola .tombolaButon {
  display: inline-block;
  background-color: #027E40;
  text-decoration: none;
  font-size: 24px;
  padding: 10px 30px;
  border: 0;
  color: #FFFFFF;
  cursor: pointer;
}

.concurs-rezultat-table tbody td {
  border: 1px solid #454545;
  padding: 5px;
}

.verificabilet-table thead {
  background-color: transparent;
  font-size: 12px;
  color: #8C8C8C;
  border-bottom: none;
}

.verificabilet-table tbody,
.verificabilet-table tbody tr,
.verificabilet-table tbody td {
  background: transparent;
}

.verificabilet-table td {
  padding: 4px 10px;
}

/* newsletter-pop */
.newsletter-pop-ol {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.6);
}

.newsletter-pop-ol .newsletter-pop {
  width: 668px;
  height: 498px;
  background: url("../images/campanii/newsletter/newsletter-main.png?v=2") no-repeat top left;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -249px;
  margin-left: -340px;
}

.newsletter-pop-ol .newsletter-pop-close {
  position: absolute;
  top: 42px;
  right: 23px;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #999999;
  font-size: 12px;
}

.newsletter-pop-ol .newsletter-pop-close .fa {
  font-size: 32px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  color: #999999;
}

.newsletter-pop-ol .newsletter-pop-close .fa:before {
  width: 32px;
  height: 32px;
  display: block;
  transform-origin: 16px 17px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.newsletter-pop-ol .newsletter-pop-close:hover {
  color: #FFFFFF;
}

.newsletter-pop-ol .newsletter-pop-close:hover .fa:before {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #027E40;
}

.newsletter-pop-text {
  font-size: 18px;
  color: #999999;
  width: 460px;
  text-align: center;
  position: absolute;
  top: 200px;
  left: 116px;
}

.newsletter-pop-text strong {
  color: #FFFFFF;
}

.newsletter-pop-form {
  position: absolute;
  top: 262px;
  left: 112px;
  width: 454px;
}

.newsletter-pop-form .newsletter-email {
  width: 330px;
  height: 46px;
  padding: 0;
  background-color: #666666;
  border: 0;
  font-size: 18px;
  line-height: 18px;
  color: #FFFFFF;
  text-align: center;
  float: left;
}

.newsletter-pop-form .newsletter-email::placeholder {
  color: #CCCCCC;
  opacity: 1; /* Firefox */
}

.newsletter-pop-form .newsletter-email:-ms-input-placeholder {
  color: #CCCCCC;
}

.newsletter-pop-form .newsletter-email::-ms-input-placeholder {
  color: #CCCCCC;
}

.newsletter-pop-form .newsletter-email:focus::-webkit-input-placeholder {
  color: transparent;
}

.newsletter-pop-form .newsletter-email:focus:-moz-placeholder {
  color: transparent;
} /* FF 4-18 */
.newsletter-pop-form .newsletter-email:focus::-moz-placeholder {
  color: transparent;
} /* FF 19+ */
.newsletter-pop-form .newsletter-email:focus:-ms-input-placeholder {
  color: transparent;
} /* IE 10+ */
.newsletter-pop-ol .newsletterSubscribe {
  width: 110px;
  height: 32px;
  color: #FFFFFF;
  background-color: #027E40;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
  padding-top: 14px;
  text-align: center;
  float: right;
  position: relative;
}

.newsletter-pop-ol .newsletterSubscribe.loading span {
  opacity: 0;
}

.newsletter-pop-ol .newsletterSubscribe.loading:before {
  font-family: "FontAwesome";
  content: "\f1ce";
  font-style: normal;
  font-weight: normal;
  text-align: center;
  position: absolute;
  top: 8px;
  left: 50%;
  margin-left: -15px;
  font-size: 30px;
  width: 30px;
  height: 30px;
  -webkit-animation: fa-spin 1s infinite linear;
  animation: fa-spin 1s infinite linear;
}

.newsletter-pop-ol .newsletterSubscribe:hover {
  background-color: #1EC447;
}

.newsletter-pop-licenta {
  position: absolute;
  bottom: 30px;
  left: 50px;
  font-size: 12px;
  font-style: italic;
  color: #707070;
}

.newsletter-pop-onjn {
  position: absolute;
  width: 40px;
  height: 40px;
  bottom: 30px;
  right: 30px;
}

.newsletter-pop-messages {
  display: none;
  position: absolute;
  top: 312px;
  left: 112px;
  width: 444px;
  padding: 5px;
  background-color: #FF0000;
  color: #FFFFFF;
  border-radius: 10px;
  text-align: center;
}

.newsletter-pop-succes {
  position: relative;
  background-color: #666666;
  color: #FFFFFF;
  padding: 15px;
  font-size: 14px;
  text-align: center;
  border-radius: 5px;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4);
}

.newsletter-pop-succes a {
  background-color: #FF9900;
  display: inline-block;
  padding: 3px 8px;
  border-radius: 5px;
  color: #FFFFFF;
  margin-top: 10px;
}

.newsletter-pop-succes a:hover {
  background-color: #FFB442;
}

/* end newsletter-pop */
/* newsletter-sidebar */
.newsletter-sidebar {
  background: url("../images/campanii/newsletter/sidebar-bg.png?v=2") no-repeat top left;
  position: relative;
  padding-bottom: 10px;
}

.newsletter-sidebar-logo {
  text-align: center;
  padding-top: 20px;
}

.newsletter-sidebar-text {
  font-size: 12px;
  padding: 15px 15px;
  text-align: center;
}

.newsletter-sidebar-form {
  padding: 0 15px 15px 15px;
}

.newsletter-sidebar-form .newsletter-pop-close-action {
  display: none;
}

.newsletter-sidebar-email {
  background-color: #CFD8DC;
  font-size: 14px;
  /*height: 14px;*/
  padding: 7px 10px;
  width: 140px;
  border: none;
}

.newsletter-sidebar-email:focus {
  background-color: #FFFFFF;
}

.newsletter-sidebar .newsletterSubscribe {
  width: 160px;
  background-color: #027E40;
  padding: 8px 0;
  height: 14px;
  color: #FFFFFF;
  display: block;
  text-align: center;
  margin-top: 10px;
}

.newsletter-sidebar-licenta {
  position: absolute;
  bottom: 5px;
  left: 5px;
  right: 5px;
  text-align: center;
  font-size: 10px;
  color: #666666;
}

.newsletter-sidebar-messages {
  display: none;
  margin: 0 15px;
  background-color: #FF0000;
  color: #FFFFFF;
  padding: 5px;
  border-radius: 5px;
  text-align: center;
}

.newsletter-sidebar-form .newsletter-sidebar-email:focus::-webkit-input-placeholder {
  color: transparent;
}

.newsletter-sidebar-form .newsletter-sidebar-email:focus:-moz-placeholder {
  color: transparent;
} /* FF 4-18 */
.newsletter-sidebar-form .newsletter-sidebar-email:focus::-moz-placeholder {
  color: transparent;
} /* FF 19+ */
.newsletter-sidebar-form .newsletter-sidebar-email:focus:-ms-input-placeholder {
  color: transparent;
} /* IE 10+ */
.campanie-header {
  position: relative;
  width: 1200px;
  height: 70px;
  margin: 5px 0 10px;
  background: url("../images/campanii/online/banner.jpg") no-repeat top left;
}

.campanie-header a {
  position: absolute;
  display: block;
  height: 70px;
  width: 1200px;
}

.campanie-header .wrapper {
  position: absolute;
  right: 0;
  top: 0;
  width: 600px;
  height: 70px;
  overflow: hidden;
}

@keyframes campanie_animation {
  0% {
    margin-top: 0;
  }
  47% {
    margin-top: 0px;
  }
  50% {
    margin-top: -70px;
  }
  97% {
    margin-top: -70px;
  }
  100% {
    marigin-top: 0;
  }
}
.campanie-header .wrapper .inner {
  animation-name: campanie_animation;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
}

.campanie-header .wrapper .slide {
  position: relative;
  width: 600px;
  height: 30px;
  font-size: 30px;
  font-weight: bold;
  font-style: italic;
  padding: 20px 0;
  line-height: 30px;
}

.contactPage {
  overflow: hidden;
  font-size: 14px;
}

.contactPage h3,
.contactForm-container h2 {
  border-left: 3px solid #00A864;
  background-color: #101010;
  padding: 5px 13px;
  font-size: 18px;
  font-weight: normal;
  color: #FFFFFF;
  margin: 0;
}

.contactPage a {
  color: #00A864;
}

.contactPage .contactPageTable {
  background-color: #333333;
}

.contactPage-content {
  background-color: #2E3031;
  margin-bottom: 30px;
  padding: 15px;
  line-height: 1.5em;
  color: #eee;
  height: 136px;
}

.contactPage-content:last-child {
  margin-bottom: 0;
}

.contactPage-left,
.contactPage-right {
  width: 50%;
  box-sizing: border-box;
  background-color: #333333;
  border-right: 30px solid #333333;
  border-style: solid;
  border-color: #333333;
  border-width: 30px 30px 30px 30px;
}

.contactPage-left {
  padding-right: 0px;
}

.contactPage-right {
  padding-right: 0;
  border-right: 30px solid #333333;
  background-color: #2E3031;
}

/* contact form */
.contactForm-container input,
.contactForm-container textarea,
.contactForm-container button {
  border: none;
  border-radius: 10px;
}
.contactForm-container .contactForm-text,
.contactForm-container .contactForm-select {
  width: 100%;
  display: block;
  background-color: #141414;
  color: #F4F4F4;
  border: none;
}

.contactForm-col-2 {
  width: 50%;
}

.contactForm-row-2 {
  display: flex;
  overflow: hidden;
  padding-bottom: 8px;
  margin-bottom: 8px;
}

.contactForm-container .contactForm-textarea {
  display: block;
  width: 100%;
  background-color: #141414;
  height: 100px;
  color: #F4F4F4;
}

.contactForm-container .contactForm-input {
  box-sizing: border-box;
  padding: 0 15px;
  line-height: 50px;
}
.contactForm-container .contactForm-input:hover, .contactForm-container .contactForm-input:focus {
  background-color: #141414;
}

.contactForm-container .error {
  color: #FC0000;
}

.contactForm-container .contactForm-row {
  overflow: hidden;
  padding-bottom: 8px;
  margin-bottom: 8px;
}

.contactForm-container .contactForm-row.bb {
  border-bottom: 1px solid #242424;
}

.contactForm-container .contactForm-captcha,
.contactForm-container .contactForm-submit {
  display: inline-block;
}

.contactForm-container #contactForm-captcha {
  width: 20%;
  margin-left: 0;
  display: inline-block;
  margin-right: 15px;
}

.contactForm-container h2 {
  text-align: left;
  margin-bottom: 20px;
  font-size: 18px;
  font-style: italic;
  margin: -20px -20px 20px -20px;
}

.contactForm-container label {
  display: inline-block;
  padding: 8px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}

.contactForm-container .contactForm-submit {
  padding: 8px 16px;
  background-color: #FFCE34;
  color: #333333;
  font-size: 14px;
  font-weight: 700;
  line-height: 50px;
  padding: 0 50px;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
}

.contactForm-container .contactForm-submit:hover {
  background-color: #FFDF7D;
}

.contactForm-container .contactForm-submit.loading {
  padding-right: 50px;
  content: "Asteapta...";
}

.contactForm-container .contactForm-submit.loading:after {
  position: absolute;
  top: 10px;
  right: 8px;
  width: 20px;
  height: 20px;
  content: "";
  border: 5px solid #454545; /* Light grey */
  border-top: 5px solid transparent; /* Blue */
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* END contact form */
/* CM 2018 */
.cm-header {
  height: 74px;
  background: url("../images/cm-2018-header-bg.jpg") #121212 no-repeat top right;
}

.cm-header h3 {
  font-size: 16px;
  margin: 0;
  padding: 11px;
  margin-bottom: 1px;
}

.cm-2018-menu {
  background: url("../images/cm-2018-menu-bg.jpg") no-repeat top left;
  padding: 4px 8px;
  text-align: center;
}

.cm-tabs ul {
  margin: 0;
  padding: 0px 0px 3px 0;
  display: inline-block;
}

.cm-tabs ul li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 2px 2px 2px 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.cm-tabs ul li .left {
  width: 13px;
  height: 30px;
  float: left;
}

.cm-tabs ul li .right {
  margin-right: 0px;
  width: 11px;
  height: 30px;
  float: left;
}

.cm-tabs ul li .center {
  color: #fff;
  padding: 9px 3px;
  height: 15px;
  font-size: 12px;
  float: left;
  text-align: center;
}

.cm-tabs ul li.selected .left {
  background: url("../images/hg-left.png?v=2") no-repeat;
}

.cm-tabs ul li.selected .center {
  background-color: #027E40;
}

.cm-tabs ul li.selected .right {
  background: url("../images/hg-right.png?v=2") no-repeat;
}

.cm-sub {
  color: #FFFFFF;
  border-bottom: 2px solid #333333;
  /*border-top: 2px solid #222;*/
  background: #027E40;
  padding: 8px 10px;
  font-size: 15px;
  text-align: left;
  margin: 10px 0 5px;
  position: relative;
  display: none;
  cursor: pointer;
}

.cm-sub:hover {
  background-color: #1FC949;
}

.cm-sub:after {
  content: "\f054";
  font-family: "FontAwesome";
  position: absolute;
  right: 10px;
  top: 8px;
  color: #FFF;
  font-size: 20px;
}

.open .cm-sub:after {
  content: "\f078";
}

.cm-group {
  display: none;
}

.cm-toate .cm-group {
  display: block;
}

.cm-toate .cm-group .cm-sub {
  display: block;
}

.cm-group .cm-sub-content {
  padding-top: 5px;
}

.cm-toate .cm-group .cm-sub-content {
  display: none;
}

.cm-toate .cm-group.open .cm-sub-content {
  display: block;
}

.retractabil .middle {
  display: none;
}

.retractabil.open .middle {
  display: block;
}

.retractabil .topg {
  position: relative;
  border-bottom: none;
  cursor: pointer;
}

.retractabil .topg:hover {
  background-color: #121212;
}

.retractabil .topg:after {
  content: "\f054";
  font-family: "FontAwesome";
  position: absolute;
  right: 10px;
  top: 8px;
  color: #FFF;
  font-size: 20px;
}

.retractabil.open .topg:after {
  content: "\f078";
}

.retractabil.open .topg {
  border-bottom: 2px solid #027E40;
}

/* footer */
#footer {
  display: block;
  position: relative;
  height: auto;
  margin-top: 30px;
  min-width: 1170px;
  background: #282828;
}

#footerWrapper {
  position: relative;
  max-width: 1440px;
  min-width: 1170px;
  margin: 30px auto 0 auto;
  padding: 0 15px;
}

html.IsMobile #footerWrapper,
html.IsTablet #footerWrapper {
  padding: 0 30px;
}

#footerWrapper .footer-section {
  overflow: hidden;
  padding: 30px 15px;
}

#footerWrapper .footer-social-icons-holder {
  float: right;
  width: 170px;
  text-align: center;
}

#footerWrapper .btn {
  transition: all 0.2s ease;
}

#footerWrapper .footer-menu-section {
  float: left;
  width: 25%;
  max-width: 240px;
}

#footerWrapper h3 {
  margin: 0 0 23px;
  font-weight: normal;
  color: #fff;
}

#footerWrapper h3:before {
  content: "";
  display: block;
  height: 3px;
  width: 40px;
  background: #00A864;
  margin-bottom: 26px;
  border-radius: 1px;
}

#footerWrapper .footer-menu-section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footerWrapper .footer-menu-section ul li {
  margin-bottom: 13px;
}

#footerWrapper .footer-menu-section ul li a {
  text-decoration: none;
  color: #999;
}

#footerWrapper .btn {
  display: inline-block;
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-decoration: none;
  text-align: center;
  border-radius: 50%;
  background-color: #1db954;
  color: #fff;
}

.back-to-top {
  text-align: right;
}
.back-to-top .btn i {
  line-height: 34px;
  font-size: 16px;
}

#footerWrapper .footer-regulation-icons {
  float: right;
  text-align: right;
  width: 620px;
  margin-top: 4px;
}

div#footerWrapper .footer-regulation-icons img {
  height: 24px;
  margin: 15px 0 0 30px;
}

#footerWrapper .footer-copyright-text {
  color: #999;
  overflow: hidden;
  width: auto;
}

#footerWrapper .btn-grey {
  background-color: #00A864;
}

#footerWrapper .btn-grey:hover {
  background-color: #EC1B23;
}

#footerWrapper .metode-de-plata-holder h4 {
  text-align: center;
  color: #ccc;
  margin-top: 0;
}

#footerWrapper .metode-de-plata {
  list-style: none;
  margin: 0 auto;
  width: auto;
  text-align: center;
}

#footerWrapper .metode-de-plata li {
  display: inline-block;
  padding: 10px 15px;
}

html.IsMobile #footerWrapper .metode-de-plata,
html.IsTablet #footerWrapper .metode-de-plata {
  margin-left: -5px;
  margin-right: -5px;
  padding-top: 5px;
}

html.IsMobile #footerWrapper .metode-de-plata li,
html.IsTablet #footerWrapper .metode-de-plata li {
  width: 33%;
  display: inline-block;
  margin-right: -4px;
  float: none;
  box-sizing: border-box;
  padding: 5px;
  max-width: 156px;
}

html.IsMobile #footerWrapper .metode-de-plata li img,
html.IsTablet #footerWrapper .metode-de-plata li img {
  width: 100%;
}

html.IsMobile #footerWrapper .footer-holder-bg,
html.IsTablet #footerWrapper .footer-holder-bg {
  padding-bottom: 30px;
}

html.IsMobile #footerWrapper .footer-holder-bg,
html.IsTablet #footerWrapper .footer-holder-bg {
  padding-bottom: 30px;
}

html.IsMobile #footerWrapper .footer-container,
html.IsTablet #footerWrapper .footer-container {
  padding: 0 20px;
}

html.IsMobile #footerWrapper .footer-section,
html.IsTablet #footerWrapper .footer-section {
  text-align: center;
}

tml.IsMobile #footerWrapper .footer-social-icons-holder,
html.IsTablet #footerWrapper .footer-social-icons-holder {
  float: none;
  width: 100%;
}

html.IsMobile #footerWrapper .footer-menu-section {
  width: 100%;
  max-width: initial;
}

html.IsMobile #footerWrapper .footer-menu-section:first-child h3::before {
  display: none;
}

html.IsMobile #footerWrapper h3::before,
html.IsTablet #footerWrapper h3::before {
  margin-right: auto;
  margin-left: auto;
}

html.IsMobile #footerWrapper h3 {
  margin-top: 30px;
}

html.IsMobile #footerWrapper .footer-social-icons-holder,
html.IsTablet #footerWrapper .footer-social-icons-holder {
  float: none;
  width: 100%;
}

html.IsMobile #footerWrapper .footer-section,
html.IsTablet #footerWrapper .footer-section {
  text-align: center;
}

html.IsMobile #footerWrapper .footer-regulation-icons,
html.IsTablet #footerWrapper .footer-regulation-icons {
  float: none;
  text-align: center;
  width: 100%;
  margin-top: 0;
}

html.IsMobile #footerWrapper .footer-regulation-icons a,
html.IsTablet #footerWrapper .footer-regulation-icons a {
  height: 35px;
  margin: 10px;
}

html.IsMobile #footerWrapper .footer-regulation-icons img,
html.IsTablet #footerWrapper .footer-regulation-icons img {
  height: 35px;
  margin: 10px;
}

html.IsMobile #footerWrapper .footer-copyright-text,
html.IsTablet #footerWrapper .footer-copyright-text {
  padding-top: 30px;
}

#footerWrapper .footer-copyright-text {
  display: flex;
  align-items: flex-start;
}
#footerWrapper .footer-copyright-text .footer-logo {
  padding-right: 10px;
  margin-right: 20px;
  border-right: 1px solid #8C8C8C;
}
#footerWrapper .footer-copyright-text .content {
  line-height: 1.5em;
}

#liveiframe {
  width: 1px;
  min-width: 100%;
  border: none;
  min-height: calc(100vh - 100px);
}

.responsive {
  max-width: 100%;
  height: auto;
}

.banner-hp-middle {
  margin-bottom: 10px;
  border-radius: 5px;
}
.banner-hp-middle img {
  border-radius: 5px;
}

#calendar {
  background-color: #333333;
  margin-bottom: 15px;
}

.datepickerContainer {
  background-color: #333333;
}

.derivatesContent {
  padding-bottom: 20px;
}

.banner-sidebar-left {
  overflow: hidden;
}

.banner-sidebar-left {
  overflow: hidden;
}

.sp-container {
  background-color: #333333;
  padding-bottom: 25px !important;
  margin-bottom: 0 !important;
}

.sp-featured-bar h2,
.sp-container h2 {
  font-weight: 300;
  font-size: 32px;
}
.sp-featured-bar p,
.sp-container p {
  line-height: 1.5em;
  font-size: 14px;
}
.sp-featured-bar,
.sp-container {
  font-size: 14px;
}

.sp-header {
  height: 400px;
  padding: 0 60px;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.sp-header h1 {
  font-size: 48px;
  color: #FFFFFF;
  text-shadow: 1px 1px 2px #000000;
}
.sp-header h1 .subtitle {
  display: block;
  text-transform: uppercase;
  color: #F9D089;
  font-size: 16px;
  font-weight: 700;
}
.sp-content-row {
  display: flex;
  flex-direction: row;
  padding: 0 30px;
  color: #F4F4F4;
  position: relative;
}
.sp-content-row a {
  color: #00A864;
}
.sp-content-row .col-2 {
  padding: 30px;
  width: 50%;
}
.sp-content-row .col-1 {
  padding: 30px;
  width: 66%;
}
.sp-content-row h3 {
  font-size: 18px;
}

.sp-featured-bar {
  background: rgb(1, 113, 199);
  background: url("../images/parigo-sp-featured-bar-bg.png") no-repeat 90% 0%, linear-gradient(90deg, rgb(1, 113, 199) 0%, rgb(1, 113, 199) 35%, rgb(0, 82, 156) 65%, rgb(0, 82, 156) 100%);
  margin-bottom: 60px;
}
.sp-featured-bar .sp-featured-bar-content {
  max-width: 1440px;
  min-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 30px;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
}
.sp-featured-bar .sp-featured-bar-content h2 {
  margin: 0 0 20px 0;
}
.sp-featured-bar .sp-featured-bar-content .col-main {
  padding: 0 30px;
  width: 50%;
  box-sizing: border-box;
}
.sp-featured-bar .sp-featured-bar-content .col-sec {
  padding: 0 30px;
}
.sp-featured-bar .sp-featured-bar-content .col-sec .button {
  width: 210px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 10px;
  display: inline-block;
  background-color: #FDFEFD;
  color: #34647D;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
}
.sp-featured-bar .sp-featured-bar-content .col-sec .button.button-accent {
  background-color: #FFCE34;
  color: #1D1D1D;
}
.sp-featured-bar .sp-featured-bar-content .col-sec .button:hover {
  opacity: 0.9;
}
.sp-featured-bar .sp-featured-bar-content .col-sec:last-child {
  padding-right: 15px;
}

.pages-button {
  width: 210px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 10px;
  display: inline-block;
  background-color: #FDFEFD;
  color: #34647D;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
}
.pages-button.button-accent {
  background-color: #FFCE34;
  color: #1D1D1D;
}
.pages-button:hover {
  opacity: 0.9;
}

#content .box-color-4 {
  background-color: #333333 !important;
  color: #F4F4F4;
}
#content .box-color-4 table.games tbody tr {
  border-top: 1px solid #484848 !important;
}
#content .box-color-4 table.games thead tr {
  background-color: #333333;
}
#content .box-color-4 table.games thead tr td {
  background-color: #333333;
}
#content .box-color-4 .top {
  color: #0D7D25;
}
#content .box-color-4 .top a {
  color: #0D7D25;
}
#content .box-color-4 .games {
  color: #F4F4F4;
}
#content .box-color-4 .games a {
  color: #F4F4F4;
}
#content .box-color-4 .games .event-name {
  color: #F4F4F4;
}
#content .box-color-4 .games .menulink {
  color: #8C8C8C;
}
#content .box-color-4 .games .datelink {
  color: #8C8C8C;
}
#content .box-color-4 .games .cota {
  color: #F4F4F4;
}
#content .box-color-4 .games .cota span {
  color: #F4F4F4;
}
#content .box-color-4 .games .cota.cotaplayed span {
  color: #FFFFFF;
}
#content .box-color-4 .top-bettype {
  color: #F4F4F4;
}
#content .boxinfo {
  background-color: #333333 !important;
  color: #8C8C8C;
}

.box-w {
  background-color: #FFFFFF;
}

/* owl carousel */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden; /* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item {
  /**
  	This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  	calculation of the height of the owl-item that breaks page layouts
   */
}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}
.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.owl-theme .owl-dots .owl-dot span {
  width: 30px;
  height: 3px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 0px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #EC1B23;
}

.owl-item img {
  border-radius: 5px;
}

.getsix49 {
  display: flex;
  flex-direction: row;
  padding: 50px 0;
}
.getsix49 .getsix49-image {
  width: 70%;
  padding-top: 10px;
}
.getsix49 .getsix49-image img {
  width: 100%;
  height: auto;
  border-radius: 0 0 100px 0;
}
.getsix49 .getsix49-text {
  flex-grow: 1;
  padding: 0 30px 15px 50px;
  font-size: 14px;
}
.getsix49 p {
  line-height: 1.5em;
}

.number-results {
  width: 40px;
  height: 40px;
  margin: 5px;
  border: 2px solid #CCC;
  border-radius: 40px;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  line-height: 36px;
  font-size: 18px;
  font-family: "Ubuntu", sans-serif;
  color: #FFFFFF;
}
.number-results.number-results-extracted {
  border-color: #888;
  color: #888;
}
.number-results.selected {
  background-color: #006236;
  border-color: #FFFFFF;
  color: #FFFFFF;
}

.draws .draw .number-results {
  width: 32px;
  height: 32px;
  font-size: 14px;
  line-height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.owl-carousel .owl-dots {
  text-align: center;
}
.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
  cursor: pointer;
}
.owl-carousel button.owl-dot span {
  border-radius: 0;
  width: 30px;
  height: 3px;
  background-color: #C6C6C6;
  margin: 5px 5px;
  display: block;
}
.owl-carousel button.owl-dot.active span {
  background-color: #2974BA;
}

/* homepage center banners */
.banner-hp-main .item {
  position: relative;
}
.banner-hp-main img {
  border-radius: 5px;
}
.banner-hp-main .image-container {
  display: block;
}
.banner-hp-main .eventContainer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 15px 0 15px;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px);
}
.banner-hp-main .eventContainer .eventHeader {
  display: flex;
  flex-direction: row;
  padding: 20px 0 10px;
}
.banner-hp-main .eventContainer .eventHeader .eventTitle {
  flex-grow: 2;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
  text-align: center;
}
.banner-hp-main .eventContainer .eventHeader .eventDate {
  flex-grow: 1;
  font-size: 13px;
  text-align: left;
  color: #DEDEDE;
  line-height: 16px;
}
.banner-hp-main .eventContainer .eventHeader .eventBetName {
  flex-grow: 1;
  font-size: 13px;
  text-align: right;
  color: #DEDEDE;
  line-height: 16px;
}
.banner-hp-main .eventContainer .EventBetCodes {
  padding: 10px 0;
  display: flex;
  flex-direction: row;
  font-size: 13px;
}
.banner-hp-main .eventContainer .EventBetCodes .cota {
  margin: 0 5px;
  flex-grow: 1;
  height: 36px;
  line-height: 36px;
  padding: 0 12px;
  color: #00A864;
  background-color: #FFFFFF;
  border-radius: 5px;
  cursor: pointer;
}
.banner-hp-main .eventContainer .EventBetCodes .cota span {
  float: right;
  color: #555555;
}
.banner-hp-main .eventContainer .EventBetCodes .cota:first-child {
  margin-left: 0;
}
.banner-hp-main .eventContainer .EventBetCodes .cota:last-child {
  margin-right: 0;
}
.banner-hp-main .eventContainer .EventBetCodes .cota:hover {
  background-color: #EEEEEE;
}
.banner-hp-main .eventContainer .EventBetCodes .cota.cotaplayed {
  background-color: #F1C117;
  color: #FFFFFF;
}

.tns-nav {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.tns-nav button {
  width: 30px;
  height: 3px;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
  cursor: pointer;
  display: inline-block;
  border-radius: 0;
  width: 30px;
  height: 3px;
  background-color: #C6C6C6;
  margin: 5px 5px;
}
.tns-nav button.tns-nav-active {
  background-color: #00A864;
}

[style*="--aspect-ratio"] > :first-child {
  width: 100%;
}

[style*="--aspect-ratio"] > img {
  height: auto;
}

@supports (--custom:property) {
  [style*="--aspect-ratio"] {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
  }
  [style*="--aspect-ratio"]::before {
    content: "";
    display: block;
    padding-bottom: calc(100% / (var(--aspect-ratio)));
  }
  [style*="--aspect-ratio"] > :first-child {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
}
.live-body .header-2 {
  margin-bottom: 0;
}
.live-body .header-2 .header-2-main {
  margin-bottom: 0;
}
.live-body #container {
  padding: 0;
}

.sl-wrapper .sl-close {
  color: #FFFFFF;
}
.sl-wrapper .sl-counter {
  color: #FFFFFF;
}
.sl-wrapper .sl-navigation button.sl-next,
.sl-wrapper .sl-navigation button.sl-prev {
  background-color: #2974BA;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 18px;
  color: #FFFFFF;
  border-radius: 50%;
  line-height: 10px;
  font-size: 44px;
  text-align: center;
  font-family: arial;
}
.sl-wrapper .sl-navigation button.sl-next {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABeCAYAAABRhVaxAAABmklEQVRoge3boU4DQRCH8U1OVFQ06CbVVQg0AotE8Ax9jT5FEyxJJW+AwWAxGAQGgWuCqKn6EHeEg3Dp5HaSGZL/2Jpfsrn9dptsKQMDTID50O+hAyyAR+AZmER7fgxwDXzwPZtoUymlFGAK3PL3XEXjzoCXARzADlhE4Wa/lnRoHoAmCrkyAAHWIcAOuTUiL6KAM+DVAHwDTqKQ58DBgLwLAXbItXGpV1HABrg3AA/AaRRyTrv3HZu4FAKXxqWOSyGwMSJjUkh75HoyAENTuAT2BqRSeAypFHoglUIPoFLohVQKPYBKoRdSKfQAKoVeSKXQA6kUeiGVQg+kUuiFVAo9kEqhB7Ch/WKPzR5YRiGtKdyGADukJYW77MD3KFzeJSb7R0LmbYbMGzXZU0fmwwKZj1tkPrCS/chP5ksTma+dZL64k/2vD5Sy8TilrAanlI3FKWU1OKVsLE4pq8EpZTVApWwsTimrASplY3FKWQ1QKRuLU8pqcKlT9i+eDOV9dNVDToGbAWDss7X+kPXhX3/I/HTya0jy+PQTGtw+OC8sCt0AAAAASUVORK5CYII=");
}
.sl-wrapper .sl-navigation button.sl-prev {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABeCAYAAABRhVaxAAACCklEQVRoge3bsWoUURiG4cSICQqKWElCsJJgIcFSLMRGLCV4CRK8CQlegyzaCRKsxF4ECYqd2IgiYiOChSQKKqjFPhaZmNVsMoedw/4W/9dO8zCH4R0YZmIieJjFdLRj6DCNl3iKuWjPjqFnextYijb9GS7buT7u4GA0bh7rQ4BbyNdYjMJNYW0X3OA+40gEcKUAB8sRuPOFuNUI3FG8L8C9izra+wW4nzgXgVsuPNqVCNzp5s607RGmxo3bSlnb1jE7VlwD7LXJml2KwA1L2bD1InB7pWxwL4z7VUt5yr5hYay4BpgpGxWXKeuCy5SNisuUdcFlykbFZcq64DJlXYCZslFxmbIuwEzZqLhMWRdgpmxUXKasC+6/TtmCzSeybWvGnbIGuFqAi0lZA9xowfVFpGwA+LEAeDESeK/giD/heBTwFL4XIB9jXwRwEtcKgH1cHztwAPmgAPkDZ6OQx/ChAPkWh6OQFwqAcDcKOIkbBcA+rkYh9+NJAfIrTkYhT9j8JN+25zgQhVwqPOqbUcBJ3CpExqQQM3hVgAxN4SJ+FSAfyhTujcwU1kBmCmsgM4W1kJnCGshMYQ1gprAWMlNYA5gprIXMFNYAZgprITOFtZCZwhrITGENZGkKY34ZapBtKXyDMyG4AeRuKbyNQ6G4BvhvCr/gSrTrr9lO4TPMR3uGDnOY2e36b8i3bgOlyW1WAAAAAElFTkSuQmCC");
}
.sl-wrapper .sl-image img {
  border-radius: 5px;
}

.sl-overlay {
  background-color: #000000;
}

/*# sourceMappingURL=style.css.map */