@charset "UTF-8";

/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

mark {
    color: #000;
    background: #ff0
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    height: 0;
    box-sizing: content-box
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    box-sizing: content-box;
    -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid silver
}

legend {
    padding: 0;
    border: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

td,
th {
    padding: 0
}

*,
:after,
:before {
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: Roboto, Arial, sans-serif;
    font-size: 13.4px;
    line-height: 1.42857143;
    color: #333
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

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

a:hover {
    color: #510506
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

p {
    margin: 0 0 10px
}

.through {
    text-decoration: line-through
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

ol,
ul {
    margin-top: 0;
    list-style: none;
    padding: 0
}

ol,
ol ol,
ol ul,
ul,
ul ol,
ul ul {
    margin-bottom: 0
}

pre {
    font-family: Menlo, Monaco, Consolas, Courier New, monospace;
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

.container {
    margin-right: auto;
    margin-left: auto
}

@media (min-width:768px) {
    .container {
        width: 100%
    }
}

@media (min-width:1024px) {
    .container {
        width: 100%
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1280px;
        padding-right: 15px;
        padding-left: 15px
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width:768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-11 {
        width: 91.66666667%
    }
    .col-sm-10 {
        width: 83.33333333%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-8 {
        width: 66.66666667%
    }
    .col-sm-7 {
        width: 58.33333333%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-5 {
        width: 41.66666667%
    }
    .col-sm-4 {
        width: 33.33333333%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-2 {
        width: 16.66666667%
    }
    .col-sm-1 {
        width: 8.33333333%
    }
    .col-sm-pull-12 {
        right: 100%
    }
    .col-sm-pull-11 {
        right: 91.66666667%
    }
    .col-sm-pull-10 {
        right: 83.33333333%
    }
    .col-sm-pull-9 {
        right: 75%
    }
    .col-sm-pull-8 {
        right: 66.66666667%
    }
    .col-sm-pull-7 {
        right: 58.33333333%
    }
    .col-sm-pull-6 {
        right: 50%
    }
    .col-sm-pull-5 {
        right: 41.66666667%
    }
    .col-sm-pull-4 {
        right: 33.33333333%
    }
    .col-sm-pull-3 {
        right: 25%
    }
    .col-sm-pull-2 {
        right: 16.66666667%
    }
    .col-sm-pull-1 {
        right: 8.33333333%
    }
    .col-sm-pull-0 {
        right: auto
    }
    .col-sm-push-12 {
        left: 100%
    }
    .col-sm-push-11 {
        left: 91.66666667%
    }
    .col-sm-push-10 {
        left: 83.33333333%
    }
    .col-sm-push-9 {
        left: 75%
    }
    .col-sm-push-8 {
        left: 66.66666667%
    }
    .col-sm-push-7 {
        left: 58.33333333%
    }
    .col-sm-push-6 {
        left: 50%
    }
    .col-sm-push-5 {
        left: 41.66666667%
    }
    .col-sm-push-4 {
        left: 33.33333333%
    }
    .col-sm-push-3 {
        left: 25%
    }
    .col-sm-push-2 {
        left: 16.66666667%
    }
    .col-sm-push-1 {
        left: 8.33333333%
    }
    .col-sm-push-0 {
        left: auto
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }
    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1024px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-11 {
        width: 91.66666667%
    }
    .col-md-10 {
        width: 83.33333333%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-8 {
        width: 66.66666667%
    }
    .col-md-7 {
        width: 58.33333333%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-5 {
        width: 41.66666667%
    }
    .col-md-4 {
        width: 33.33333333%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-2 {
        width: 16.66666667%
    }
    .col-md-1 {
        width: 8.33333333%
    }
    .col-md-pull-12 {
        right: 100%
    }
    .col-md-pull-11 {
        right: 91.66666667%
    }
    .col-md-pull-10 {
        right: 83.33333333%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-8 {
        right: 66.66666667%
    }
    .col-md-pull-7 {
        right: 58.33333333%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-5 {
        right: 41.66666667%
    }
    .col-md-pull-4 {
        right: 33.33333333%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-2 {
        right: 16.66666667%
    }
    .col-md-pull-1 {
        right: 8.33333333%
    }
    .col-md-pull-0 {
        right: auto
    }
    .col-md-push-12 {
        left: 100%
    }
    .col-md-push-11 {
        left: 91.66666667%
    }
    .col-md-push-10 {
        left: 83.33333333%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-8 {
        left: 66.66666667%
    }
    .col-md-push-7 {
        left: 58.33333333%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-5 {
        left: 41.66666667%
    }
    .col-md-push-4 {
        left: 33.33333333%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-2 {
        left: 16.66666667%
    }
    .col-md-push-1 {
        left: 8.33333333%
    }
    .col-md-push-0 {
        left: auto
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%
    }
    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1200px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-11 {
        width: 91.66666667%
    }
    .col-lg-10 {
        width: 83.33333333%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-8 {
        width: 66.66666667%
    }
    .col-lg-7 {
        width: 58.33333333%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-5 {
        width: 41.66666667%
    }
    .col-lg-4 {
        width: 33.33333333%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-2 {
        width: 16.66666667%
    }
    .col-lg-1 {
        width: 8.33333333%
    }
    .col-lg-pull-12 {
        right: 100%
    }
    .col-lg-pull-11 {
        right: 91.66666667%
    }
    .col-lg-pull-10 {
        right: 83.33333333%
    }
    .col-lg-pull-9 {
        right: 75%
    }
    .col-lg-pull-8 {
        right: 66.66666667%
    }
    .col-lg-pull-7 {
        right: 58.33333333%
    }
    .col-lg-pull-6 {
        right: 50%
    }
    .col-lg-pull-5 {
        right: 41.66666667%
    }
    .col-lg-pull-4 {
        right: 33.33333333%
    }
    .col-lg-pull-3 {
        right: 25%
    }
    .col-lg-pull-2 {
        right: 16.66666667%
    }
    .col-lg-pull-1 {
        right: 8.33333333%
    }
    .col-lg-pull-0 {
        right: auto
    }
    .col-lg-push-12 {
        left: 100%
    }
    .col-lg-push-11 {
        left: 91.66666667%
    }
    .col-lg-push-10 {
        left: 83.33333333%
    }
    .col-lg-push-9 {
        left: 75%
    }
    .col-lg-push-8 {
        left: 66.66666667%
    }
    .col-lg-push-7 {
        left: 58.33333333%
    }
    .col-lg-push-6 {
        left: 50%
    }
    .col-lg-push-5 {
        left: 41.66666667%
    }
    .col-lg-push-4 {
        left: 33.33333333%
    }
    .col-lg-push-3 {
        left: 25%
    }
    .col-lg-push-2 {
        left: 16.66666667%
    }
    .col-lg-push-1 {
        left: 8.33333333%
    }
    .col-lg-push-0 {
        left: auto
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }
    .col-lg-offset-0 {
        margin-left: 0
    }
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn.focus,
.btn:focus,
.btn:hover {
    color: #333;
    text-decoration: none
}

.btn.active,
.btn:active {
    background-image: none;
    outline: 0;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    box-shadow: none;
    opacity: .65
}

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    background-color: #910506;
    border-color: #510506
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
    color: #fff;
    background-color: #510506;
    border-color: #3b89cc
}

.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
    background-image: none
}

.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary .badge {
    color: #337ab7;
    background-color: #fff
}

.btn-warning {
    font-weight: 700;
    color: #000;
    background-color: #edbf2e;
    border-color: #f1d273
}

.btn-warning.active,
.btn-warning.focus,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open>.dropdown-toggle.btn-warning {
    color: #000;
    background-color: #ffd524;
    border-color: #fcda4b;
    text-decoration: none
}

.btn-warning.active,
.btn-warning:active,
.open>.dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled.focus,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled].focus,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.fade {
    opacity: 0;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition-timing-function: ease;
    transition-duration: .35s;
    transition-property: height, visibility
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown,
.dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    color: #777
}

.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid\9
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }
    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0
    }
}

@media (min-width:768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .1)
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width:1024px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }
    .navbar-collapse.collapse {
        display: block;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important
    }
    #mobile-sports-calendar.navbar-collapse.collapse {
        display: none!important
    }
    .navbar-collapse.in {
        overflow-y: visible
    }
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }
    .navbar-fixed-desktop {
        position: fixed;
        right: 0;
        left: 0;
        top: 0;
        z-index: 1;
    }
}

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
    max-height: calc(100vh - 92px);
    overflow: auto
}

@media (min-width:768px) {
    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width:768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-fixed-bottom,
.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    max-height: calc(100vh - 46px)
}

.navbar-fixed-top {
    overflow: scroll
}

@media (max-width:1024px) {
    .navbar-fixed-bottom,
    .navbar-fixed-top {
        z-index: 1030
    }
}

@media (min-width:768px) {
    .navbar-fixed-bottom,
    .navbar-fixed-top {
        border-radius: 0;
        overflow: auto
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-toggle {
    background-color: transparent;
    background-image: none;
    border: 0;
    padding: 0 10px;
    height: 44px
}

.navbar-toggle [class*=icon-]:before {
    font-size: 20px
}

.navbar-toggle.pull-right {
    border-left: 1px solid #007aae
}

.navbar-toggle.pull-left {
    border-right: 1px solid #007aae
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 3px;
    border-radius: 1px;
    background: #fff
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

@media (min-width:1024px) {
    .navbar-toggle {
        display: none
    }
}

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

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: #fff;
        border: 0;
        box-shadow: none
    }
    .myfavorite-info {
        font-weight: 400;
        border: 0;
        border-left: 1px solid #007aae;
        height: 44px;
        font-family: robotoregular, Arial, sans-serif;
        font-size: 14px;
        cursor: pointer
    }
    .myfavorite-info span:before {
        font-size: 20px
    }
    .close-btn {
        border-left: 0;
        height: auto;
        position: absolute;
        right: 10px;
        cursor: pointer
    }
    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 25px;
        color: #333;
        text-transform: capitalize;
        border-color: rgba(0, 0, 0, .2)
    }
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 26px
    }
    .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-nav .open .dropdown-menu>li>a:hover {
        background-image: none;
        color: #fff
    }
}

@media (min-width:768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }
    .navbar-nav>li {
        float: left
    }
    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .navbar-text {
        float: left;
        margin-right: 15px;
        margin-left: 15px
    }
}

@media (min-width:768px) {
    .navbar-left {
        float: left!important
    }
    .navbar-right {
        float: right!important
    }
    .navbar-right~.navbar-right {
        margin-right: 0
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination>li {
    display: inline
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0
}

.tooltip {
    min-width: 120px;
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    filter: alpha(opacity=0);
    opacity: 0;
    line-break: auto
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -3px
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px
}

.tooltip-inner {
    position: relative;
    max-width: 200px;
    padding: 5px 8px 10px;
    color: #fff;
    text-align: center;
    background-color: #007aae;
    border: 1px solid #005381;
    box-shadow: 0 0 3px rgba(51, 51, 51, .85);
    z-index: -1
}

.tooltip-inner:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #fff
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: -3px;
    left: 50%;
    margin-left: -10px;
    border-width: 10px 10px 0;
    border-top-color: #fff
}

.tooltip.top .tooltip-arrow:before {
    content: " ";
    display: block;
    z-index: -1;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 12px 12px 0;
    border-top-color: #005381;
    left: -12px;
    top: -11px
}

.btn-group-vertical>.btn-group:after,
.btn-group-vertical>.btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row-nomargin:before,
.row:after,
.row:before {
    display: table;
    content: " "
}

.btn-group-vertical>.btn-group:after,
.btn-toolbar:after,
.clearfix:after,
.container-fluid:after,
.container:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.modal-header:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after,
.panel-body:after,
.row-nomargin:after,
.row:after {
    clear: both
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none!important
}

.affix {
    position: fixed
}

.no-decoration:focus,
.no-decoration:hover {
    text-decoration: none!important
}

body {
    width: 100%;
    height: 100%
}

.slideout-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 256px;
    min-height: 100vh;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    z-index: 0;
    display: none
}

.slideout-menu-left {
    left: 0
}

.slideout-menu-right {
    right: 0
}

.slideout-panel {
    position: relative;
    z-index: 1;
    will-change: transform;
    min-height: 100vh
}

.slideout-open,
.slideout-open .slideout-panel,
.slideout-open body {
    overflow: hidden
}

.slideout-open .slideout-menu {
    display: block
}

@media screen and (min-width:780px) {
    .slideout-menu {
        display: block
    }
    .btn-hamburger {
        display: none
    }
}

@font-face {
    
    font-weight: 400;
    font-style: normal
}

.ac_results [class*=icon-]:before,
.cd-top [class*=icon-]:before,
.counties .asi:before,
.counties .eur:before,
.counties .na:before,
.counties .sacup:before,
.earth-icon:before,
.f_acup:before,
.f_africa:before,
.f_asi:before,
.f_asia:before,
.f_australia:before,
.f_eur:before,
.f_europe:before,
.f_na:before,
.f_north-america:before,
.f_sacup:before,
.f_south-america:before,
.f_world:before,
.icon-down-arrow-after:after,
[class^=icon-]:before {
    display: inline-block;
    text-transform: none!important;
    font-family: Oddspedia Sport\ 8;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.headline [class*=icon-]:before {
    font-size: 16px;
    margin-top: -2px
}

#bettingTools [class*=icon-] {
    width: 26px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    margin-right: 10px
}

@media only screen and (min-width:768px) {
    .headline [class^=icon-]:before {
        margin: -3px 6px auto auto
    }
}

.icon-left-arrow:before {
    content: "\e833";
    transform: rotate(180deg)
}

.icon-value-bets:before {
    content: "\e800"
}

.icon-sure-bets:before {
    content: "\e801"
}

.icon-logo-go-to-top:before {
    content: "\e802"
}

.icon-predctions-tick:before {
    content: "\e803"
}

.icon-search:before {
    content: "\e804"
}

.icon-settings:before {
    content: "\e805"
}

.icon-sport:before {
    content: "\e806"
}

.icon-oddspedia-small-logo:before {
    content: "\e807"
}

.icon-blocked-matches:before {
    content: "\e808"
}

.icon-blocked-odds:before {
    content: "\e809"
}

.icon-dropping-odds:before {
    content: "\e80a"
}

.icon-moving-margins:before {
    content: "\e80b"
}

.icon-cricket:before {
    content: "\e80c"
}

.icon-curling:before {
    content: "\e80d"
}

.icon-cycling:before {
    content: "\e80e"
}

.icon-darts:before {
    content: "\e80f"
}

.icon-esports:before {
    content: "\e810"
}

.icon-floorball:before {
    content: "\e811"
}

.icon-beach-soccer:before,
.icon-football:before {
    content: "\e812"
}

.icon-futsal:before {
    content: "\e813"
}

.icon-twitter:before {
    content: "\e814"
}

.icon-google+:before {
    content: "\e815"
}

.icon-facebook:before {
    content: "\e816"
}

.icon-bowls:before {
    content: "\e817"
}

.icon-basketball:before {
    content: "\e818"
}

.icon-baseball:before {
    content: "\e819"
}

.icon-bandy:before {
    content: "\e81a"
}

.icon-water-polo:before {
    content: "\e81b"
}

.icon-beach-volleyball:before,
.icon-volleyball:before {
    content: "\e81c"
}

.icon-tennis:before {
    content: "\e81d"
}

.icon-table-tennis:before {
    content: "\e81e"
}

.icon-snooker:before {
    content: "\e81f"
}

.icon-aussie-rules:before,
.icon-rugby-league:before,
.icon-rugby-union:before,
.icon-rugby:before {
    content: "\e820"
}

.icon-motorcycles:before {
    content: "\e821"
}

.icon-moto:before {
    content: "\e822"
}

.icon-mixed-martial-arts:before {
    content: "\e823"
}

.icon-boxing:before {
    content: "\e824"
}

.icon-ice-hockey:before {
    content: "\e825"
}

.icon-handball:before {
    content: "\e826"
}

.icon-golf:before {
    content: "\e827"
}

.icon-bell-no-stroke:before {
    content: "\e828"
}

.icon-calendar:before {
    content: "\e829"
}

.icon-checked:before {
    content: "\e82a"
}

.icon-cup:before {
    content: "\e82b"
}

.icon-cup-stroke:before {
    content: "\e82c"
}

.icon-double-arrow:before {
    content: "\e82d"
}

.icon-down-arrow-after:after,
.icon-down-arrow:before {
    content: "\e82e"
}

.icon-envelope:before {
    content: "\e82f"
}

.icon-home:before {
    content: "\e830"
}

.icon-lightning:before {
    content: "\e831"
}

.icon-livestream:before {
    content: "\e832"
}

.icon-right-arrow:before {
    content: "\e833"
}

.icon-stack:before {
    content: "\e834"
}

.icon-star:before {
    content: "\e835"
}

.icon-star-stroke:before {
    content: "\e836"
}

.icon-whistle:before {
    content: "\e837"
}

.icon-bell:before {
    content: "\e838"
}

.icon-account-icon:before {
    content: "\e839"
}

.icon-coupon:before {
    content: "\e83a"
}

.icon-inplay:before {
    content: "\e83b"
}

.icon-calendar-empty:before {
    content: "\e83c"
}

.icon-facebook-no-bg:before {
    content: "\e83d"
}

.icon-twitter-no-bg:before {
    content: "\e83e"
}

.icon-google-plus-no-bg:before {
    content: "\e83f"
}

.icon-lock:before {
    content: "\e840"
}

.icon-chess:before {
    content: "\e841"
}

.icon-badminton:before {
    content: "\e842"
}

.icon-american-football:before {
    content: "\e843"
}

.icon-messages:before {
    content: "\e844"
}

.icon-triangle-arrow-down:before {
    content: "\e845"
}

.icon-triangle-arrow:before {
    content: "\e846"
}

.icon-plus:before {
    content: "\e847"
}

.icon-logout:before {
    content: "\e848"
}

.icon-all-events:before {
    content: "\e849"
}

.icon-cross:before {
    content: "\e84a"
}

.icon-exclamation:before {
    content: "\e84b"
}

.icon-best-stats:before {
    content: "\e84c"
}

.icon-movement:before {
    content: "\e84d"
}

.icon-world:before {
    content: "\e84e"
}

.icon-logo:before {
    content: "\e84f"
}

.icon-noth-america:before {
    content: "\e850"
}

.icon-south-america:before {
    content: "\e851"
}

.icon-europe:before {
    content: "\e852"
}

.icon-australia:before {
    content: "\e853"
}

.icon-asia:before {
    content: "\e854"
}

.icon-africa:before {
    content: "\e855"
}

.icon-thumb-up:before {
    content: "\e856"
}

.icon-thumb-down:before {
    content: "\e857"
}

.icon-comment:before {
    content: "\e858"
}

.icon-gaelic:before {
    content: "\e859"
}

.icon-hurling:before {
    content: "\e85a"
}

.icon-pesapallo:before {
    content: "\e85b"
}

.icon-squash:before {
    content: "\e85c"
}

.icon-field-hockey:before {
    content: "\e85d"
}

.icon-back-arrow:before {
    content: "\e85e"
}

.icon-am_football_generic:before {
    content: "\e85f"
}

.icon-badminton_generic:before {
    content: "\e860"
}

.icon-basketball_generic:before {
    content: "\e861"
}

.icon-darts_generic:before {
    content: "\e862"
}

.icon-esports_generic:before {
    content: "\e863"
}

.icon-football_generic:before {
    content: "\e864"
}

.icon-handball_generic:before {
    content: "\e865"
}

.icon-ice_hockey_generic:before {
    content: "\e866"
}

.icon-tennis_generic:before {
    content: "\e867"
}

.icon-volleyball_generic:before {
    content: "\e868"
}

.icon-pin-outline:before {
    content: "\e869"
}

.icon-pin:before {
    content: "\e86a"
}

.icon-warning-empty:before {
    content: "\e86b"
}

.icon-warning:before {
    content: "\e86c"
}

.icon-book:before {
    content: "\e86d"
}

.icon-na:before {
    content: "\e86e"
}

.icon-instagram:before {
    content: "\f32d"
}

#popularBets .match-type .football {
    background-position: 0 -111px
}

#popularBets .match-type .basketball {
    background-position: 0 -44px
}

#popularBets .match-type .ice.hockey,
#popularBets .match-type .ice_hockey {
    background-position: 0 -30px
}

#popularBets .match-type .aussie_rules,
#popularBets .match-type .rugby {
    background-position: 0 -143px
}

#popularBets .match-type .tennis {
    background-position: 0 -15px
}

#popularBets .match-type .us_football,
#popularBets .match-type .volleyball {
    background-position: 0 -267px
}

#popularBets .match-type .baseball {
    background-position: 0 -545px
}

#popularBets .match-type .snooker {
    background-position: 0 -156px
}

#popularBets .match-type .handball {
    background-position: 0 -356px
}

.sportIcn {
    width: 29px;
    height: 25px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/sport_icons_sprite5.png);
    background-position: 0 0
}

.sport-tab-icon .sportIcn {
    margin-left: -3px;
    width: 25px
}

.football {
    background-position: 0 -166px
}

.basketball {
    background-position: 0 -68px
}

.ice.hockey,
.ice_hockey {
    background-position: 0 -45px
}

.tennis {
    background-position: 0 -22px
}

.handball {
    background-position: 0 -242px
}

.volleyball {
    background-position: 0 -399px
}

.american_football,
.aussie_rules {
    background-position: 0 -216px
}

.snooker {
    background-position: 0 -192px
}

.darts {
    background-position: 0 -320px
}

.rugby_league {
    background-position: 0 -116px
}

.rugby_union {
    background-position: 0 -142px
}

.floorball {
    background-position: 0 -373px
}

.boxing {
    background-position: 0 -268px
}

.cricket {
    background-position: 0 -295px
}

.baseball {
    background-position: 0 -346px
}

.futsal {
    background-position: 0 -92px
}

.curling {
    background-position: 0 -426px
}

.table_tennis {
    background-position: 0 -452px
}

.sportIcon.football {
    background-position: 0 -83px
}

.sportIcon.basketball {
    background-position: 0 -33px
}

.sportIcon.ice.hockey,
.sportIcon.ice_hockey {
    background-position: 0 -21px
}

.sportIcon.tennis {
    background-position: 0 -9px
}

.sportIcon.voleyball {
    background-position: 0 0
}

.sportIcon.snooker {
    background-position: 0 -94px
}

.sportIcon.darts {
    background-position: 0 -160px
}

.sportIcon.aussie_rules,
.sportIcon.rugby {
    background-position: 0 -107px
}

.sportIcon.boxing {
    background-position: 0 -134px
}

.sportIcon.handball {
    background-position: 0 -120px
}

.sportIcon.volleyball {
    background-position: 0 -199px
}

.bookieBox .bookies {
    padding: 0!important;
    max-width: 60px;
    float: none!important;
    background-size: 100%!important;
    background-position: 50%!important
}

.go-link-bookie {
    display: block;
    padding: 0 3px
}

.go-link-bookie .bookies {
    background-size: 100%!important;
    width: 100%!important
}

.bookies {
    width: 75px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.match-data .bookies {
    width: 100%;
    height: 24px;
    background-size: 46px
}

.bk_coupon {
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: 50%
}

#pop-up-container.movement_popup .bookies {
    display: block;
    margin: 0 auto
}

@media (min-width:768px) {
    .bookies {
        height: 30px
    }
    .match-data .bookies {
        height: 24px;
        background-size: 50px
    }
}

.bk_expekt {
    background-image: url(../images/bookie_logos/expekt.png)
}

.bk_betclic {
    background-image: url(../images/bookie_logos/betclic.png)
}

.bestodds_row .bk_betclic {
    background-image: url(../images/bookie_logos/betclic_white.png)
}

.bk_bet365 {
    background-image: url(../images/bookie_logos/bet365.png)
}

.bk_sbobet {
    background-image: url(../images/bookie_logos/sbobet.png)
}

.bestodds_row .bk_sbobet {
    background-image: url(../images/bookie_logos/sbobet_white.png)
}

.bk_bet-at-home {
    background-image: url(../images/bookie_logos/bet-at-home.png)
}

.bestodds_row .bk_bet-at-home {
    background-image: url(../images/bookie_logos/bet-at-home-white.png)
}

.bk_paddypower {
    background-image: url(../images/bookie_logos/paddypower.png)
}

.bestodds_row .bk_paddypower {
    background-image: url(../images/bookie_logos/paddypower_white.png)
}

.bk_williamhill {
    background-image: url(../images/bookie_logos/williamhill.png)
}

.bestodds_row .bk_williamhill {
    background-image: url(../images/bookie_logos/williamhill_white.png)
}

.bk_dafabet {
    background-image: url(../images/bookie_logos/dafabet.png)
}

.bestodds_row .bk_dafabet {
    background-image: url(../images/bookie_logos/dafabet_white.png)
}

.bk_winner {
    background-image: url(../images/bookie_logos/winner.png)
}

.bestodds_row .bk_winner {
    background-image: url(../images/bookie_logos/winner_white.png)
}

.bk_interwetten {
    background-image: url(../images/bookie_logos/interwetten.png)
}

.bk_10bet {
    background-image: url(../images/bookie_logos/10bet.png)
}

.bestodds_row .bk_10bet {
    background-image: url(../images/bookie_logos/10bet_white.png)
}

.bk_188bet {
    background-image: url(../images/bookie_logos/188bet.png)
}

.bestodds_row .bk_188bet {
    background-image: url(../images/bookie_logos/188bet_white.png)
}

.bk_comeon {
    background-image: url(../images/bookie_logos/comeon.png)
}

.bestodds_row .bk_comeon {
    background-image: url(../images/bookie_logos/comeon_white.png)
}

.bk_betway {
    background-image: url(../images/bookie_logos/betway.png)
}

.bestodds_row .bk_betway {
    background-image: url(../images/bookie_logos/betway_white.png)
}

.bk_wetten-com,
.bk_wetten_com {
    background-image: url(../images/bookie_logos/wetten.png)
}

.bestodds_row .bk_wetten-com,
.bestodds_row .bk_wetten_com {
    background-image: url(../images/bookie_logos/wetten_white.png)
}

.bk_netbet {
    background-image: url(../images/bookie_logos/netbet.png)
}

.bestodds_row .bk_netbet {
    background-image: url(../images/bookie_logos/netbet_white.png)
}

.bk_pinnacle {
    background-image: url(../images/bookie_logos/pinnacle.png)
}

.bk_cashpoint {
    background-image: url(../images/bookie_logos/cashpoint.png)
}

.bestodds_row .bk_cashpoint {
    background-image: url(../images/bookie_logos/cashpoint_white.png)
}

.bk_x-tip {
    background-image: url(../images/bookie_logos/xtip.png)
}

.bestodds_row .bk_x-tip {
    background-image: url(../images/bookie_logos/xtip_white.png)
}

.bookie-odd .bk_x-tip {
    background-image: url(../images/bookie_logos/xtip_slider.png)
}

.bk_intertops {
    background-image: url(../images/bookie_logos/intertops.png)
}

.bk_138-com,
.bk_138_com {
    background-image: url(../images/bookie_logos/138.png)
}

.bestodds_row .bk_138-com,
.bestodds_row .bk_138_com {
    background-image: url(../images/bookie_logos/138_white.png)
}

.bk_readytobet {
    background-image: url(../images/bookie_logos/ready-to-bet.png)
}

.bestodds_row .bk_readytobet {
    background-image: url(../images/bookie_logos/ready-to-bet_white.png)
}

.bk_sportingbet {
    background-image: url(../images/bookie_logos/sporting-bet.png)
}

.bk_cherrycasino {
    background-image: url(../images/bookie_logos/cherrycasino.png)
}

.bookie-odd .bk_cherrycasino {
    background-image: url(../images/bookie_logos/cherrycasino_slider.png)
}

.bk_betfirst {
    background-image: url(../images/bookie_logos/betfirst.png)
}

.bk_bethard {
    background-image: url(../images/bookie_logos/bethard.png)
}

.bookie-odd .bk_bethard {
    background-image: url(../images/bookie_logos/bethard_slider.png)
}

.bk_flamantis {
    background-image: url(../images/bookie_logos/flamantis.png)
}

.bestodds_row .bk_flamantis {
    background-image: url(../images/bookie_logos/flamantis_white.png)
}

.bk_betredkings {
    background-image: url(../images/bookie_logos/betredking.png)
}

.bestodds_row .bk_betredkings {
    background-image: url(../images/bookie_logos/betredking_white.png)
}

.bk_mybet {
    background-image: url(../images/bookie_logos/mybet.png)
}

.bestodds_row .bk_mybet {
    background-image: url(../images/bookie_logos/mybet_white.png)
}

.bk_realdealbet {
    background-image: url(../images/bookie_logos/realdealbet.png)
}

.bestodds_row .bk_realdealbet {
    background-image: url(../images/bookie_logos/realdealbet_white.png)
}

.bk_noxwin {
    background-image: url(../images/bookie_logos/noxwin.png)
}

.bestodds_row .bk_noxwin {
    background-image: url(../images/bookie_logos/noxwin_white.png)
}

.bookie-odd .bk_noxwin {
    background-image: url(../images/bookie_logos/noxwin_slider.png)
}

.bk_royrichie {
    background-image: url(../images/bookie_logos/royrichie.png)
}

.bestodds_row .bk_royrichie {
    background-image: url(../images/bookie_logos/royrichie_white.png)
}

.bookie-odd .bk_royrichie {
    background-image: url(../images/bookie_logos/royrichie_slider.png)
}

.bk_mobilebet {
    background-image: url(../images/bookie_logos/mobilebet.png)
}

.bestodds_row .bk_mobilebet {
    background-image: url(../images/bookie_logos/mobilebet_white.png)
}

.bk_doxxbet {
    background-image: url(../images/bookie_logos/doxxbet.png)
}

.bestodds_row .bk_doxxbet {
    background-image: url(../images/bookie_logos/doxxbet_white.png)
}

.bk_bet3000 {
    background-image: url(../images/bookie_logos/bet3000.png)
}

.bookie-odd .bk_bet3000 {
    background-image: url(../images/bookie_logos/bet3000_slider.png)
}

.bk_gg-bet,
.bk_gg_bet {
    background-image: url(../images/bookie_logos/ggbet.png)
}

.bestodds_row .bk_gg-bet,
.bestodds_row .bk_gg_bet {
    background-image: url(../images/bookie_logos/ggbet_white.png)
}

.bookie-odd .bk_gg-bet,
.bookie-odd .bk_gg_bet {
    background-image: url(../images/bookie_logos/ggbet_slider.png)
}

.bk_vitalbet {
    background-image: url(../images/bookie_logos/vitalbet.png)
}

.bestodds_row .bk_vitalbet {
    background-image: url(../images/bookie_logos/vitalbet_white.png)
}

.bookie-odd .bk_vitalbet {
    background-image: url(../images/bookie_logos/vitalbet_slider.png)
}

.bk_888sport {
    background-image: url(../images/bookie_logos/888.png)
}

.bookie-odd .bk_888sport {
    background-image: url(../images/bookie_logos/888_slider.png)
}

.bk_18bet {
    background-image: url(../images/bookie_logos/18bet.png)
}

.bestodds_row .bk_18bet {
    background-image: url(../images/bookie_logos/18bet_white.png)
}

.bk_betsafe {
    background-image: url(../images/bookie_logos/betsafe.png)
}

.bestodds_row .bk_betsafe {
    background-image: url(../images/bookie_logos/betsafe_white.png)
}

.bk_dhoze {
    background-image: url(../images/bookie_logos/dhoze.png)
}

.bestodds_row .bk_dhoze {
    background-image: url(../images/bookie_logos/dhoze_white.png)
}

.bookie-odd .bk_dhoze {
    background-image: url(../images/bookie_logos/dhoze_slider.png)
}

.bk_nordicbet {
    background-image: url(../images/bookie_logos/nordicbet.png)
}

.bestodds_row .bk_nordicbet {
    background-image: url(../images/bookie_logos/nordicbet_white.png)
}

.bk_tipico {
    background-image: url(../images/bookie_logos/tipico.png)
}

.bestodds_row .bk_tipico {
    background-image: url(../images/bookie_logos/tipico_white.png)
}

.bk_triobet {
    background-image: url(../images/bookie_logos/triobet.png)
}

.bestodds_row .bk_triobet {
    background-image: url(../images/bookie_logos/triobet_white.png)
}

.bk_winmasters {
    background-image: url(../images/bookie_logos/winmasters.png)
}

.bestodds_row .bk_winmasters {
    background-image: url(../images/bookie_logos/winmasters_white.png)
}

.bk_unibet {
    background-image: url(../images/bookie_logos/unibet.png)
}

.bk_bets10 {
    background-image: url(../images/bookie_logos/bets10.png)
}

.bestodds_row .bk_bets10,
.bookie-odd .bk_bets10 {
    background-image: url(../images/bookie_logos/bets10_white.png)
}

.bk_betsson {
    background-image: url(../images/bookie_logos/betsson.png)
}

.bestodds_row .bk_betsson {
    background-image: url(../images/bookie_logos/betsson_white.png)
}

.bk_nordic {
    background-image: url(../images/bookie_logos/nordic.png)
}

.bestodds_row .bk_nordic {
    background-image: url(../images/bookie_logos/nordic_white.png)
}

.bk_12bet {
    background-image: url(../images/bookie_logos/12bet.png)
}

.bestodds_row .bk_12bet {
    background-image: url(../images/bookie_logos/12bet_white.png)
}

.bk_guts {
    background-image: url(../images/bookie_logos/guts.png)
}

.bestodds_row .bk_guts {
    background-image: url(../images/bookie_logos/guts_white.png)
}

.bk_sekabet {
    background-image: url(../images/bookie_logos/sekabet.png)
}

.bestodds_row .bk_sekabet {
    background-image: url(../images/bookie_logos/sekabet_white.png)
}

.bookie-odd .bk_sekabet {
    background-image: url(../images/bookie_logos/sekabet_slider.png)
}

.bk_superlenny {
    background-image: url(../images/bookie_logos/superlenny.png)
}

.bestodds_row .bk_superlenny {
    background-image: url(../images/bookie_logos/superlenny_white.png)
}

.bk_vernons {
    background-image: url(../images/bookie_logos/vernons.png)
}

.bk_betrally {
    background-image: url(../images/bookie_logos/betrally.png)
}

.bestodds_row .bk_betrally {
    background-image: url(../images/bookie_logos/betrally_white.png)
}

.bk_betser {
    background-image: url(../images/bookie_logos/betser.png)
}

.bestodds_row .bk_betser {
    background-image: url(../images/bookie_logos/betser_white.png)
}

.bk_1xbet {
    background-image: url(../images/bookie_logos/1xbet.png)
}

.bestodds_row .bk_1xbet {
    background-image: url(../images/bookie_logos/1xbet_white.png)
}

.bk_mansion88 {
    background-image: url(../images/bookie_logos/mansion88.png)
}

.bestodds_row .bk_mansion88 {
    background-image: url(../images/bookie_logos/mansion88_white.png)
}

.bk_bodog {
    background-image: url(../images/bookie_logos/bodog.png)
}

.bk_bovada {
    background-image: url(../images/bookie_logos/bovada.png)
}

.bk_sunmaker {
    background-image: url(../images/bookie_logos/sunmaker_black.png)
}

.bestodds_row .bk_sunmaker {
    background-image: url(../images/bookie_logos/sunmaker_white.png)
}

.bookie-odd .bk_sunmaker {
    background-image: url(../images/bookie_logos/sunmaker_yellow.png)
}

.bk_mrgreen {
    background-image: url(../images/bookie_logos/mrgreen.png)
}

.bestodds_row .bk_mrgreen {
    background-image: url(../images/bookie_logos/mrgreen_white.png)
}

.bk_leovegas {
    background-image: url(../images/bookie_logos/leovegas.png)
}

.bk_betworld {
    background-image: url(../images/bookie_logos/betworld.png)
}

.bestodds_row .bk_betworld {
    background-image: url(../images/bookie_logos/betworld_white.png)
}

.bk_marathonbet {
    background-image: url(../images/bookie_logos/marathonbet.png)
}

.bestodds_row .bk_marathonbet {
    background-image: url(../images/bookie_logos/marathonbet_white.png)
}

.bk_bwin {
    background-image: url(../images/bookie_logos/bwin.png)
}

.bestodds_row .bk_bwin {
    background-image: url(../images/bookie_logos/bwin_white.png)
}

.bookie-odd .bk_bwin {
    background-image: url(../images/bookie_logos/bwin_slider.png)
}

.bk_betfair {
    background-image: url(../images/bookie_logos/betfair.png)
}

.bestodds_row .bk_betfair {
    background-image: url(../images/bookie_logos/betfair_white.png)
}

.bk_Boylesports {
    background-image: url(../images/bookie_logos/Boylesports.png)
}

.bestodds_row .bk_Boylesports {
    background-image: url(../images/bookie_logos/Boylesports_white.png)
}

.bk_energy {
    background-image: url(../images/bookie_logos/energy.png)
}

.bookie-odd .bk_energy {
    background-image: url(../images/bookie_logos/energy_slider.png)
}

.bk_lsbet {
    background-image: url(../images/bookie_logos/lsbet.png)
}

.bestodds_row .bk_lsbet {
    background-image: url(../images/bookie_logos/lsbet_white.png)
}

.bk_lvbet {
    background-image: url(../images/bookie_logos/lvbet.png)
}

.bookie-odd .bk_lvbet {
    background-image: url(../images/bookie_logos/lvbet_slider.png)
}

.bestodds_row .bk_lvbet {
    background-image: url(../images/bookie_logos/lvbet_white.png)
}

.bk_tipbet {
    background-image: url(../images/bookie_logos/tipbet.png)
}

.bestodds_row .bk_tipbet {
    background-image: url(../images/bookie_logos/tipbet_white.png)
}

.bestodds_row .bk_bet90,
.bk_bet90,
.bookie-odd .bk_bet90 {
    background-image: url(../images/bookie_logos/bet90.png)
}

.bk_vbet {
    background-image: url(../images/bookie_logos/vbet.png)
}

.bestodds_row .bk_vbet {
    background-image: url(../images/bookie_logos/vbet_white.png)
}

.bk_energybet,
.bookie-odd .bk_energybet {
    background-image: url(../images/bookie_logos/energy_slider.png)
}

.bestodds_row .bk_energybet {
    background-image: url(../images/bookie_logos/energy.png)
}

.bk_22bet {
    background-image: url(../images/bookie_logos/22bet.png)
}

.bestodds_row .bk_22bet,
.bookie-odd .bk_22bet {
    background-image: url(../images/bookie_logos/22bet_white.png)
}

.bestodds_row .bk_ladbrokes,
.bk_ladbrokes,
.bookie-odd .bk_ladbrokes {
    background-image: url(../images/bookie_logos/ladbrokes.png)
}

.myleags {
    background-position: 0 -402px
}

.clock {
    background-position: -68px -462px;
    width: 11px
}

.profil-icon,
.profil-logout-icon,
.profil-message-icon {
    display: inline-block;
    vertical-align: middle
}

.profil-icon {
    background-position: -291px -735px;
    width: 15px;
    height: 16px;
    margin-top: -2px
}

.profil-message-icon {
    background-position: -321px -737px;
    width: 19px;
    height: 14px
}

.profil-logout-icon {
    background-position: -357px -735px;
    width: 17px;
    height: 16px
}

.footballHead {
    background-image: url(../images/headers/soccer_live.jpg)!important
}

.basketballHead {
    background-image: url(../images/headers/basketball_live.jpg)!important
}

.rugbyHead {
    background-image: url(../images/headers/rugbi_live.jpg)!important
}

.baseballHead {
    background-image: url(../images/headers/baseball_live.jpg)!important
}

.aussie_rulesHead {
    background-image: url(../images/headers/au_rules_live.jpg)!important
}

.snookerHead {
    background-image: url(../images/headers/snooker_live.jpg)!important
}

.boxingHead {
    background-image: url(../images/headers/boxing.jpg)!important
}

.curlingHead {
    background-image: url(../images/headers/curling.jpg)!important
}

.handballHead {
    background-image: url(../images/headers/handball_live.jpg)!important
}

.golfHead {
    background-image: url(../images/headers/golf_live.jpg)!important
}

.volleyballHead {
    background-image: url(../images/headers/volleyball.jpg)!important
}

.tennisHead {
    background-image: url(../images/headers/tennis_live.jpg)!important
}

.ice_hockeyHead {
    background-image: url(../images/headers/hockey.jpg)!important
}

.rugby_leagueHead,
.rugby_unionHead {
    background-image: url(../images/headers/rugby_union.jpg)!important
}

.american_footballHead {
    background-image: url(../images/headers/american_football.jpg)!important
}

.futsalHead {
    background-image: url(../images/headers/futsal.jpg)!important
}

.floorballHead {
    background-image: url(../images/headers/floorball.jpg)!important
}

.cricketHead {
    background-image: url(../images/headers/cricket.jpg)!important
}

.bandyHead {
    background-image: url(../images/headers/bandy.jpg)!important
}

.handballHead {
    background-image: url(../images/headers/handball.jpg)!important
}

.snookerHead {
    background-image: url(../images/headers/snooker.jpg)!important
}

.dartsHead {
    background-image: url(../images/headers/darts.jpg)!important
}

.table_tennisHead {
    background-image: url(../images/headers/table_tenis.jpg)!important
}

.view_coupon .atom {
    background: url(../images/bt_headers/cupon_ico.png) 50% no-repeat;
    width: 60px;
    margin-right: 10px;
    margin-top: 3px
}

.ich_live_steams .atom {
    background: url(../images/bt_headers/livestream_page_ico.png) 50% no-repeat;
    height: 46px;
    width: 46px
}

.ich_community .atom {
    background: url(../images/bt_headers/comunity_ico.png) 50% no-repeat;
    margin-right: 10px;
    margin-top: 3px
}

.searchIcon {
    width: 36px;
    height: 33px;
    position: absolute;
    top: 0;
    right: 0;
    background: #007aae url(../images/mobile/search_icon.svg) 50% no-repeat;
    padding: 10px;
    background-size: 20px
}

.toolIcn {
    width: 27px;
    height: 25px;
    position: relative;
    float: left;
    margin-top: 3px;
    background-position: 0 0
}

.sureIcn {
    background-position: -64px -374px
}

.dropoIcn {
    background-position: 0 -372px
}

.blockoIcn {
    background-position: 0 -348px
}

.valuebIcn {
    background-position: 0 -322px
}

.hotmIcn {
    background-position: 0 -295px
}

.bhandIcn {
    background-position: 0 -268px
}

.archrIcn {
    background-position: 0 -237px
}

[class^=l-icon-] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.league-popup [class^=l-icon-],
.sidebar-list [class^=l-icon-] {
    margin-right: 10px;
    width: 16px
}

.l-icon-football-world-world-cup,
.l-icon-football-world-world-cup-2018 {
    background-image: url(../images/league_logos/football/wc2018.png);
    background-size: 100%
}

.l-icon-football-world-fifa-confederations-cup {
    background-image: url(../images/league_logos/football/confcup.png);
    background-size: 100%
}

.l-icon-football-europe-bajnokok-ligaja {
    background-image: url(../images/league_logos/champions_league.svg)
}

.l-icon-football-italy-seriea {
    background-image: url(../images/league_logos/serie-a.svg)
}

.l-icon-football-italy-serieb {
    background-image: url(../images/league_logos/serie-b.svg)
}

.l-icon-football-premier-league {
    background-image: url(../images/league_logos/premier_league.svg)
}

.l-icon-football-europe-europa-league {
    background-image: url(../images/league_logos/europa_league.svg)
}

.l-icon-football-germany-bundesliga {
    background-image: url(../images/league_logos/bundesliga.svg)
}

.l-icon-football-germany-bundesliga2 {
    background-image: url(../images/league_logos/bundesliga2.png)
}

.l-icon-football-france-ligue-1 {
    background-image: url(../images/league_logos/ligue1.svg)
}

.l-icon-football-france-ligue-2 {
    background-image: url(../images/league_logos/ligue2.png)
}

.l-icon-football-laliga-1 {
    background-image: url(../images/league_logos/laliga.png)
}

.l-icon-football-jupiler-league {
    background-image: url(../images/league_logos/jupiler.png)
}

.l-icon-football-primeira-liga {
    background-image: url(../images/league_logos/primeira.png)
}
.l-icon-football-laliga-2 {
    background-image: url(../images/league_logos/laliga2.png)
}
.l-icon-football-primeira-liga {
    background-image: url(../images/league_logos/primeira.png)
}

.l-icon-football-argentin-superliga {
    background-image: url(../images/league_logos/argentin_superliga.png)
}

.l-icon-football-campeonato-brasileiro {
    background-image: url(../images/league_logos/campeonato-brasileiro.png)
}

.l-icon-football-dan-superliga {
    background-image: url(../images/league_logos/dan_superliga.png)
}

.l-icon-football-cseh-liga {
    background-image: url(../images/league_logos/cseh_liga.png)
}

.l-icon-football-super-lig {
    background-image: url(../images/league_logos/super_lig.png)
}

.l-icon-football-hnl {
    background-image: url(../images/league_logos/hnl.png)
}

.l-icon-football-eliteserien {
    background-image: url(../images/league_logos/eliteserien.png)
}

.l-icon-football-allsvenskan {
    background-image: url(../images/league_logos/allsvenskan.png)
}

.l-icon-football-szuperliga {
    background-image: url(../images/league_logos/szuperliga.png)
}

.l-icon-football-premjer-liga {
    background-image: url(../images/league_logos/premjer-liga.png)
}

.l-icon-football-eredivisie {
    background-image: url(../images/league_logos/eredivisie.png)
}

.l-icon-football-mls {
    background-image: url(../images/league_logos/mls.png)
}

.l-icon-football-veikkausliiga {
    background-image: url(../images/league_logos/veikkausliiga.png)
}

.l-icon-football-gorog-szuperliga {
    background-image: url(../images/league_logos/gorog-szuperliga.png)
}

.l-icon-football-j-league {
    background-image: url(../images/league_logos/j-league.png)
}

.l-icon-football-otp {
    background-image: url(../images/league_logos/otp.png)
}

.l-icon-basketball {
    background-image: url(../images/league_logos/basketball.svg)
}

.l-icon-football {
    background-image: url(../images/league_logos/football.svg)
}

.l-icon-nba {
    background-image: url(../images/league_logos/nba.png)
}

.l-icon-acb {
    background-image: url(../images/league_logos/acb.png)
}

.l-icon-super-ligi {
    background-image: url(../images/league_logos/super-ligi.png)
}

.l-icon-euroliga {
    background-image: url(../images/league_logos/euroliga.png)
}

.l-icon-nb1 {
    background-image: url(../images/league_logos/nb1.png)
}

.l-icon-eurocup {
    background-image: url(../images/league_logos/eurocup.png)
}

.l-icon-tenisz {
    background-image: url(../images/league_logos/tenisz.svg)
}

.l-icon-kezilabda {
    background-image: url(../images/league_logos/kezilabda.svg)
}

.l-icon-jegkorong {
    background-image: url(../images/league_logos/jegkorong.svg)
}

.l-icon-darts {
    background-image: url(../images/league_logos/darts.svg)
}

.l-icon-football-nba {
    background-image: url(../images/league_logos/nba.png)
}

.l-icon-football-bajnokok-ligaja {
    background-image: url(../images/league_logos/champions_league.svg)
}

.l-icon-football-europa-league {
    background-image: url(../images/league_logos/europa-league.svg)
}

.l-icon-football-copa-libertadores {
    background-image: url(../images/league_logos/copa-libertadores.png)
}

.l-icon-football-copa-sudamericana {
    background-image: url(../images/league_logos/copa-sudamericana.png)
}

.l-icon-football-nemzetek-ligaja {
    background-image: url(../images/league_logos/nemzetek-ligaja.png)
}

.l-icon-football-vb {
    background-image: url(../images/league_logos/vb.png)
}

.l-icon-football-euro {
    background-image: url(../images/league_logos/euro.png)
}

.l-icon-football-fifa {
    background-image: url(../images/league_logos/fifa.png)
}



.l-icon-tippmix {
    background-image: url(../images/league_logos/tippmix.png)
}

.l-icon-tippmix-pro {
    background-image: url(../images/league_logos/tippmix-pro.png)
}



.l-icon-football-europe-uefa-nations-league {
    background-image: url(../images/league_logos/football/UNL.png)
}

.l-icon-football-europe-euro {
    background-image: url(../images/league_logos/football/euro_2020.svg)
}

.l-icon-football-england-premier-league {
    background-image: url(../images/league_logos/football/premier_league.svg)
}

.l-icon-football-spain-primera-division {
    background-image: url(../images/league_logos/football/la_liga.svg)
}

.l-icon-football-italy-serie-a {
    background-image: url(../images/league_logos/football/seriea.svg)
}

.l-icon-football-netherlands-eredivisie {
    background-image: url(../images/league_logos/football/eredivisie.svg)
}

.l-icon-football-russia-premier-league {
    background-image: url(../images/league_logos/football/russion_premier_league.png);
    background-size: 100%
}

.l-icon-football-turkey-super-league {
    background-image: url(../images/league_logos/football/turkish_super_lig.svg)
}

.l-icon-football-portugal-primeira-liga {
    background-image: url(../images/league_logos/football/portugal_primiera.png);
    background-size: 100%
}

.l-icon-football-usa-mls {
    background-image: url(../images/league_logos/football/mls.svg)
}

.l-icon-football-brazil-serie-a {
    background-image: url(../images/league_logos/football/brasileiro.png);
    background-size: 100%
}

.l-icon-football-england-championship {
    background-image: url(../images/league_logos/championship.svg)
}

.l-icon-basketball-spain-liga-acb {
    background-image: url(../images/league_logos/basketball/acb.svg)
}

.l-icon-basketball-europe-euroleague {
    background-image: url(../images/league_logos/basketball/euroleague.svg)
}

.l-icon-basketball-usa-nba {
    background-image: url(../images/league_logos/basketball/nba.svg)
}

.l-icon-american-football-usa-nfl {
    background-image: url(../images/league_logos/american_football/nfl.svg)
}

.l-icon-baseball-usa-mlb {
    background-image: url(../images/league_logos/baseball/mlb.svg)
}

.l-icon-darts-world-pdc-world-championship {
    background-image: url(logos/darts/pdc-world-championship.svg)
}

.l-icon-handball-world-world-championship {
    background-image: url(../images/league_logos/handball/world_chamionship.png)
}

.l-icon-ice-hockey-usa-nhl {
    background-image: url(../images/league_logos/ice_hockey/nhl.svg)
}

.l-icon-ice-hockey-russia-khl {
    background-image: url(../images/league_logos/ice_hockey/khl.svg)
}

.l-icon-rugby-league-australia-nrl {
    background-image: url(../images/league_logos/rugby_league/nrl.svg)
}

.l-icon-rugby-union-world-world-cup {
    background-image: url(../images/league_logos/rugby_union/world_cup.png);
    background-size: 100%
}

.l-icon-volleyball-europe-european-championship-men {
    background-image: url(../images/league_logos/volleyball/euro_league.png);
    background-size: 100%
}

[class*=-atp-] {
    background-image: url(../images/league_logos/tennis/atp.svg)
}

[class*=-itf-] {
    background-image: url(../images/league_logos/tennis/itf.svg)
}

[class*=-wta-] {
    background-image: url(../images/league_logos/tennis/wta.svg)
}

.aside-content {
    z-index: 2
}

#main {
    float: left;
    position: relative;
    width: 100%;
    background: #050e16
}

#main:after {
    content: "";
    display: block;
    margin-bottom: 8px
}

.control-navigation {
    top: 46px
}

.menu_mobile {
    position: fixed!important;
    padding-left: 0;
    padding-right: 0
}

.menu_mobile.menu_top {
    padding-top: 46px;
    top: 0;
    z-index: 1000
}

.menu_mobile.menu_bottom {
    padding-bottom: 46px
}

.menu_mobile.menu_bottom.collapsing {
    padding-bottom: 23px
}

.menu_mobile.collapse.in {
    height: calc(100vh - 105px)
}

.leftsections,
.rightsection {
    float: left;
    width: 100%;
    background: #000
}

@media (min-width:768px) {
    .menu_mobile {
        max-height: calc(100vh - 66px);
        position: fixed!important;
        padding-left: 0;
        padding-right: 0
    }
    .menu_mobile.menu_bottom {
        padding-bottom: 66px
    }
    .menu_mobile.menu_bottom.collapsing {
        padding-bottom: 33px
    }
}

@media (min-width:1024px) {
    .menu_mobile.menu_top {
        position: relative!important;
        z-index: auto
    }
    .menu_mobile {
        position: inherit!important
    }
    #collapse-user-panel {
        position: static;
        padding: 0
    }
    #main {
        width: 356px;
        left: 184px;
        width: calc(100% - 378px);
        margin-top: 0
    }
    #main:after {
        clear: both
    }
    .leftsections,
    .rightsection {
        width: 188px;
        margin: 0;
        position: relative;
        background: transparent
    }
    .leftsections {
        width: 180px;
        left: calc(-100% + 376px)
    }
    .control-navigation {
        top: 0
    }
    .menu_mobile.menu_bottom {
        padding-bottom: 66px
    }
    .rightsection {
        float: right
    }
    #main {
        width: 458px;
        left: 208px;
        width: calc(100% - 466px);
        margin-left: 0;
        margin-right: 8px;
        background: transparent
    }
    .rightsection {
        width: 250px
    }
    .leftsections {
        width: 200px;
        left: calc(-100% + 458px);
        min-height: 100px
    }
}

@media (min-width:1024px) {
    .menu_mobile.menu_bottom {
        padding-bottom: 0
    }
}

@media (min-width:1200px) {
    #main {
        width: 730px;
        left: 207px;
        width: calc(100% - 485px);
        margin-left: 0;
        margin-right: 8px;
        background: transparent
    }
    .rightsection {
        width: 270px
    }
    .leftsections {
        width: 200px;
        left: calc(-100% + 476px);
        min-height: 100px
    }
}

.league-popup [class^=l-icon-],
.locIcn,
.sidebar-list [class^=l-icon-] {
    height: 16px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.locIcn {
    width: 20px;
    background: url(../images/countries.png)
}

.counties .locIcn,
.sidebar-list .locIcn {
    margin-right: 10px
}

.flag {
    width: 20px;
    height: 15px;
    background: url(../images/countries.png);
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px
}

.counties li a:hover .locIcn {
    opacity: 1
}

.counties .aut,
.f_aut {
    background-position: -2px -31px
}

.counties .bul,
.f_bul {
    background-position: -282px -31px
}

.counties .cze,
.f_cze {
    background-position: -254px -115px
}

.counties .den,
.f_den {
    background-position: -30px -143px
}

.counties .ger,
.f_ger {
    background-position: -282px -115px
}

.counties .gbr,
.f_gbr {
    background-position: -282px -171px
}

.counties .alb,
.f_alb {
    background-position: -142px -3px
}

.counties .nir,
.f_nir {
    background-position: -58px -619px
}

.counties .cyp,
.f_cyp {
    background-position: -226px -115px
}

.counties .ken,
.f_ken {
    background-position: -282px -255px
}

.counties .lby,
.f_lby {
    background-position: -254px -311px
}

.counties .bol,
.f_bol {
    background-position: -142px -59px
}

.counties .col,
.f_col {
    background-position: -58px -115px
}

.counties .cog,
.f_cog {
    background-position: -170px -87px
}

.counties .nc,
.f_nc {
    background-position: -226px -171px
}

.counties .moz,
.f_moz {
    background-position: -226px -367px
}

.counties .tha,
.f_tha {
    background-position: -225px -507px
}

.counties .pse,
.f_pse {
    background-position: -282px -423px
}

.counties .pan,
.f_pan {
    background-position: -2px -423px
}

.counties .phl,
.f_phl {
    background-position: -113px -423px
}

.counties .uae,
.f_uae {
    background-position: -30px -3px
}

.counties .sam,
.f_sam {
    background-position: -198px -479px
}

.counties .rwa,
.f_rwa {
    background-position: -170px -451px
}

.counties .pur,
.f_pur {
    background-position: -254px -423px
}

.counties .eth,
.f_eth {
    background-position: -30px -171px
}

.counties .est,
.f_est {
    background-position: -170px -143px
}

.counties .hun,
.f_hun {
    background-position: -226px -227px
}

.counties .icup,
.f_icup {
    background-position: -87px -618px
}

.counties .geo,
.f_geo {
    background-position: -30px -199px
}

.counties .gin,
.f_gin {
    background-position: -170px -199px
}

.counties .bih,
.f_bih {
    background-position: -142px -31px
}

.counties .chn,
.f_chn {
    background-position: -30px -115px
}

.counties .cmr,
.f_cmr {
    background-position: -2px -115px
}

.counties .ven,
.f_ven {
    background-position: -170px -563px
}

.counties .mlt,
.f_mlt {
    background-position: -58px -367px
}

.counties .mar,
.f_mar {
    background-position: -282px -311px
}

.counties .nam,
.f_nam {
    background-position: -254px -367px
}

.counties .par,
.f_par {
    background-position: -58px -451px
}

.counties .zmb,
.f_zmb {
    background-position: -170px -591px
}

.counties .mls,
.f_mls {
    background-position: -3px -663px
}

.counties .mdv,
.f_mdv {
    background-position: -114px -367px
}

.counties .can,
.f_can {
    background-position: -58px -87px
}

.counties .tdc,
.f_tdc {
    background-position: -114px -451px
}

.counties .eng,
.f_eng {
    background-position: -254px -143px
}

.counties .bgd,
.f_bgd {
    background-position: -198px -31px
}

.counties .gib,
.f_gib {
    background-position: -86px -199px
}

.counties .mo,
.f_mo {
    background-position: -226px -339px
}

.counties .alg,
.f_alg {
    background-position: -114px -143px
}

.counties .brn,
.f_brn {
    background-position: -2px -59px
}

.counties .blr,
.f_blr {
    background-position: -2px -87px
}

.counties .nor,
.f_nor {
    background-position: -142px -395px
}

.counties .qat,
.f_qat {
    background-position: -86px -451px
}

.counties .mys,
.f_mys {
    background-position: -198px -367px
}

.counties .ice,
.f_ice {
    background-position: -142px -255px
}

.counties .jor,
.f_jor {
    background-position: -226px -255px
}

.counties .kaz,
.f_kaz {
    background-position: -254px -283px
}

.counties .kgz,
.f_kgz {
    background-position: -2px -283px
}

.counties .lat,
.f_lat {
    background-position: -226px -311px
}

.counties .lbn,
.f_lbn {
    background-position: -2px -311px
}

.counties .mol,
.f_mol {
    background-position: -30px -339px
}

.counties .mne,
.f_mne {
    background-position: -30px -619px
}

.counties .nzl,
.f_nzl {
    background-position: -254px -395px
}

.counties .pak,
.f_pak {
    background-position: -142px -423px
}

.counties .per,
.f_per {
    background-position: -30px -423px
}

.counties .srb,
.f_srb {
    background-position: -282px -591px
}

.counties .slo,
.f_slo {
    background-position: -114px -479px
}

.counties .svk,
.f_svk {
    background-position: -142px -479px
}

.counties .sgp,
.f_sgp {
    background-position: -58px -479px
}

.counties .lux,
.f_lux {
    background-position: -198px -311px
}

.counties .yem,
.f_yem {
    background-position: -86px -591px
}

.counties .vnm,
.f_vnm {
    background-position: -254px -563px
}

.counties .uzb,
.f_uzb {
    background-position: -86px -563px
}

.counties .ltu,
.f_ltu {
    background-position: -170px -311px
}

.counties .arm,
.f_arm {
    background-position: -256px -285px
}

.counties .isr,
.f_isr {
    background-position: -2px -255px
}

.counties .fra,
.f_fra {
    background-position: -226px -171px
}

.counties .gre,
.f_gre {
    background-position: -254px -199px
}

.counties .wal,
.f_wal {
    background-position: -4px -593px
}

.counties .ita,
.f_ita {
    background-position: -170px -255px
}

.counties .dut,
.f_dut {
    background-position: -198px -311px
}

.counties .sdn,
.f_sdn {
    background-position: -2px -479px
}

.counties .cro,
.f_cro {
    background-position: -170px -227px
}

.counties .rus,
.f_rus {
    background-position: -142px -451px
}

.counties .rum,
.f_rum {
    background-position: -114px -451px
}

.counties .swe,
.f_swe {
    background-position: -30px -479px
}

.counties .usa,
.f_usa {
    background-position: -30px -563px
}

.counties .tur,
.f_tur {
    background-position: -114px -535px
}

.counties .sco,
.f_sco {
    background-position: -282px -451px
}

.counties .swi,
.f_swi {
    background-position: -196px -87px
}

.counties .spa,
.f_spa {
    background-position: -2px -171px
}

.counties .pol,
.f_pol {
    background-position: -170px -423px
}

.counties .ind,
.f_ind {
    background-position: -30px -255px
}

.counties .chi,
.f_chi {
    background-position: -282px -87px
}

.counties .bel,
.f_bel {
    background-position: -226px -31px
}

.counties .aus,
.f_aus {
    background-position: -30px -31px
}

.counties .gua,
.f_gua {
    background-position: -2px -227px
}

.counties .jpn,
.f_jpn {
    background-position: -254px -255px
}

.counties .hon,
.f_hon {
    background-position: -142px -227px
}

.counties .fin,
.f_fin {
    background-position: -86px -171px
}

.counties .aze,
.f_aze {
    background-position: -114px -31px
}

.counties .gha,
.f_gha {
    background-position: -58px -199px
}

.counties .ire,
.f_ire {
    background-position: -282px -227px
}

.counties .bra,
.f_bra {
    background-position: -170px -59px
}

.counties .arm,
.f_arm {
    background-position: -170px -3px
}

.counties .arg,
.f_arg {
    background-position: -254px -3px
}

.counties .int,
.f_int {
    background-position: -87px -618px
}

.counties .mex,
.f_mex {
    background-position: -170px -367px
}

.counties .por,
.f_por {
    background-position: -2px -451px
}

.counties .oma,
.f_oma {
    background-position: -282px -396px
}

.counties .kor,
.f_kor {
    background-position: -170px -282px
}

.counties .bfa,
.f_bfa {
    background-position: -254px -31px
}

.counties .nga,
.f_nga {
    background-position: -58px -395px
}

.counties .kuw,
.f_kuw {
    background-position: -198px -283px
}

.counties .tun,
.f_tun {
    background-position: -58px -535px
}

.counties .uru,
.f_uru {
    background-position: -58px -563px
}

.counties .ukr,
.f_ukr {
    background-position: -254px -535px
}

.counties .zaf,
.f_zaf {
    background-position: -142px -591px
}

.counties .rom,
.f_rom {
    background-position: -114px -451px
}

.counties .iri,
.f_iri {
    background-position: -114px -255px
}

.counties .egy,
.f_egy {
    background-position: -198px -143px
}

.counties .ksa,
.f_ksa {
    background-position: -198px -451px
}

.counties .and,
.f_and {
    background-position: -2px -3px
}

.counties .far,
.f_far {
    background-position: -198px -171px
}

.counties .hkg,
.f_hkg {
    background-position: -114px -227px
}

.counties .irq,
.f_irq {
    background-position: -86px -255px
}

.counties .jam,
.f_jam {
    background-position: -198px -255px
}

.counties .idn,
.f_idn {
    background-position: -254px -227px
}

.counties .cri,
.f_cri {
    background-position: -86px -115px
}

.counties .tri,
.f_tri {
    background-position: -142px -535px
}

.counties .ecu,
.f_ecu {
    background-position: -142px -143px
}

.counties .slv,
.f_slv {
    background-position: -30px -507px
}

.counties .mor,
.f_mor {
    background-position: -282px -311px
}

.counties .uga,
.f_uga {
    background-position: -282px -535px
}

.counties .syr,
.f_syr {
    background-position: -58px -507px
}

.counties .mkd,
.f_mkd {
    background-position: -114px -339px
}

.counties .aut,
.f_aut {
    background-position: -2px -32px
}

.counties .ang,
.f_ang {
    background-position: -86px -423px
}

.counties .atg {
    background-position: -85px -3px
}

.counties .auo {
    background-position: -254px -87px
}

.counties .bar {
    background-position: -169px -31px
}

.counties .fji {
    background-position: -114px -3px
}

.counties .civ {
    background-position: -225px -86px
}

.counties .mrt {
    background-position: -3px -367px;
    background-position: -88px -5px
}

.counties .mmr {
    background-position: -31px -664px
}

.counties .npl {
    background-position: -168px -395px
}

.counties .nic {
    background-position: -86px -395px
}

.counties .tza {
    background-position: -225px -535px
}

.counties .dom {
    background-position: -86px -143px
}

.counties .gp {
    background-position: -225px -170px
}

.counties .atg {
    background-position: -88px -5px
}

.counties .mco {
    background-position: -253px -226px
}

.counties .tpe {
    background-position: -88px -5px
}

.counties .world {
    background-position: -87px -618px
}

.counties .popularMatches,
.counties .popularmatches,
.f_popularMatches {
    background-position: -254px -591px
}

.counties .todayMatches,
.counties .todaymatches {
    background-position: -142px -619px
}

.counties .ascup,
.f_ascup {
    background-position: -85px -641px;
    height: 17px
}

.counties .nacup,
.f_nacup {
    background-position: -113px -641px;
    height: 17px
}

.counties .acup,
.counties .afcup,
.f_acup,
.f_afcup {
    background-position: -59px -641px;
    height: 17px
}

.acup,
.counties .acup {
    background-position: -86px -641px;
    height: 17px
}

.counties .asi,
.counties .eur,
.counties .na,
.counties .sacup,
.f_africa,
.f_asi,
.f_asia,
.f_australia,
.f_eur,
.f_europe,
.f_na,
.f_north-america,
.f_sacup,
.f_south-america,
.f_world {
    background: none;
    height: auto;
    vertical-align: top;
    text-align: center;
    font-size: 17px;
    color: #910506
}

.counties .asi:before,
.f_asi:before,
.f_asia:before {
    content: "\e854"
}

.counties .na:before,
.f_na:before,
.f_north-america:before {
    content: "\e850"
}

.counties .sacup:before,
.f_sacup:before,
.f_south-america:before {
    content: "\e851"
}

.counties .eur:before,
.f_eur:before,
.f_europe:before {
    content: "\e852"
}

.f_world:before {
    content: "\e84e"
}

.f_australia:before {
    content: "\e853"
}

.f_africa:before {
    content: "\e855"
}

.f_call-of-duty,
.f_counter-strike-global-offensive,
.f_dota-2,
.f_hearthstone,
.f_heroes-of-the-storm,
.f_league-of-legends,
.f_overwatch,
.f_star-ctaft-ii,
.f_street-fighter-v {
    background-position: 50%;
    background-repeat: no-repeat;
    height: 20px;
    background-size: 90%
}

.f_league-of-legends {
    background-image: url(../images/esports/league.png)
}

.f_dota-2 {
    background-image: url(../images/esports/dota2.png)
}

.f_counter-strike-global-offensive {
    background-image: url(../images/esports/csgo.png)
}

.f_star-craft-ii {
    background-image: url(../images/esports/starcraft2.png)
}

.f_overwatch {
    background-image: url(../images/esports/overwatch.png)
}

.f_hearthstone {
    background-image: url(../images/esports/hearthstone.png)
}

.f_street-fighter-v {
    background-image: url(../images/esports/sf5.jpg)
}

.f_heroes-of-the-storm {
    background-image: url(../images/esports/hotsicon.png)
}

.f_call-of-duty {
    background-image: url(../images/esports/CoDicon.png)
}

#all_popular_sports .locIcn {
    height: 16px!important;
    width: 16px!important;
    background-size: 100%
}

.logo,
.nav-second-row,
.navbar-full {
    display: none
}

.mobile-nav ul {
    background-color: #910506
}

.mobile-nav ul li a {
    display: block;
    width: 100%;
    padding: 10px 25px;
    text-align: left;
    font-size: 16px;
    text-transform: capitalize;
    color: #fff;
    border-bottom: 1px solid #910506
}

.mobile-nav ul li a span:first-child {
    margin-right: 10px
}

.mobile-nav ul li a span:nth-child(3) {
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    margin-left: 10px;
    padding: 1px 2px
}

#leftmenu.collapse.in,
#leftmenu.collapsing,
#myleagues.collapse.in,
#myleagues.collapsing {
    display: block
}

#myleagues {
    padding-top: 46px
}

.bottom-buttons,
.navbar-header {
    height: 46px;
    background: #510506
}

.bottom-buttons {
    border-top: 1px solid #007aae;
    z-index: 1040
}

#hidden-menu,
.menu-top {
    margin: 0;
    list-style: none;
    position: absolute
}

.calendar-day {
    position: absolute;
    left: 1px;
    top: 2px;
    width: 18px;
    text-align: center;
    border-radius: 2px;
    font-weight: 700;
    font-size: 11px;
    background: none;
    height: 0
}

#hidden-menu {
    width: 400px;
    top: 100%;
    right: 7px;
    z-index: 8000;
    display: none;
    column-count: 2;
    padding: 0;
    column-gap: 0;
    box-shadow: 1px 4px 8px rgba(0, 0, 0, .4)
}

#hidden-menu .tilt-left {
    transform: skew(0deg)
}

#hidden-menu:hover,
.dropdown-sportmenu:active~#hidden-menu,
.dropdown-sportmenu:focus~#hidden-menu,
.dropdown-sportmenu:hover~#hidden-menu {
    display: block
}

#hidden-menu.show-hidden {
    display: block!important
}

#menu-top-wrapper li a {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2
}

#menu-top-wrapper li a a {
    text-transform: lowercase!important
}

.menu-top li {
    height: 38px
}

.menu-top li a {
    padding: 0 9px
}

.live-odds-counter {
    vertical-align: middle;
    display: inline-block;
    font-size: 11px;
    padding: 1.8px 3px 2.2px;
    border-radius: 2px;
    font-weight: 700;
    margin-right: 5px;
    text-align: center;
    line-height: 10px
}

.cd-nav-trigger {
    padding: 10px 11px
}

.cd-nav-trigger .oddspedia-menu {
    position: absolute;
    height: 3px;
    width: 20px;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    transform: translateX(-50%) translateY(-50%);
    background-color: #fff;
    transition: background-color .3s
}

.cd-nav-trigger .oddspedia-menu:after,
.cd-nav-trigger .oddspedia-menu:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .3s
}

.cd-nav-trigger .oddspedia-menu:before {
    transform: translateY(-7px)
}

.cd-nav-trigger .oddspedia-menu:after {
    transform: translateY(7x)
}

.cd-nav-trigger.cd-nav-click .oddspedia-menu {
    background-color: hsla(0, 0%, 100%, 0)
}

.cd-nav-trigger.cd-nav-click .oddspedia-menu:before {
    transform: translateY(0) rotate(-45deg)
}

.cd-nav-trigger.cd-nav-click .oddspedia-menu:after {
    transform: translateY(0) rotate(45deg)
}

.navbar-toggle.cd-nav-click {
    background: #007aae
}

.mobile-ico {
    display: block;
    margin: 0 auto;
    width: 20px;
    height: 20px
}

.profil-mobile-ico {
    background: url(../images/mobile/account_icon.svg) 50% no-repeat
}

.sports-icon {
    background: url(../images/mobile/sports_icon.svg) 50% no-repeat;
    width: 36px
}

.inplay-icon {
    background: url(../images/mobile/inplay_icon.svg) 50% no-repeat;
    width: 27px
}

.find-icon {
    background: url(../images/mobile/search_icon.svg) 50% no-repeat
}

.coupon-mobile-icon {
    background: url(../images/mobile/coupon_icon.svg) 50% no-repeat
}

.blue-button {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    text-align: center;
    background-color: #04599b;
    background-image: linear-gradient(180deg, #428ec2, #04599b);
    background-repeat: repeat-x;
    border: none;
    vertical-align: middle;
    cursor: pointer;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .2), 0 1px 2px rgba(0, 0, 0, .05)
}

.cool-button {
    padding: 0 12px
}

.cool-button:hover {
    text-decoration: none;
    background-position: 0 -15px;
    transition: background-position .1s linear
}

.cool-button:focus {
    text-decoration: none;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.cool-button.blue-button:focus,
.cool-button.blue-button:hover {
    color: #fff
}

.center-logo-oddspedia {
    display: block;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 32px;
    background: url(../images/logo_2019.gif) center no-repeat;
    background-size: 140px;
}

.center-logo-oddspedia:focus {
    color: #fff
}

.notlogged .btn {
    width: 100%;
    display: block;
    float: left;
    border-radius: 0;
    height: 36px;
    line-height: 36px;
    padding: 0 25px;
    text-transform: uppercase;
    font-weight: 700
}

.bottom-buttons .col-xs-3,.bottom-buttons .col-xs-2 {
    font-size: 12px;
    background-color: #910506;
    border-left: 1px solid #510506;
    border-bottom: 1px solid #510506;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    height: 46px;
    padding: 0;
    text-decoration: none
}

.bottom-buttons .col-xs-3:first-child,.bottom-buttons .col-xs-2:first-child {
    border-right: 1px solid #007aae
}

.tour {
    width: 200px;
    margin: 0 100px 0 auto;
    position: fixed;
    left: 0;
    right: 0;
    bottom: -34px;
    border-radius: 10px 10px 0 0;
    z-index: 1000;
    animation: q .6s 4s infinite, p 2s 2s forwards
}

#userpanel.login-panel .btn {
    background: #007aae
}

#userpanel.login-panel {
    display: table;
    width: 100%
}

.profil-message-icon {
    position: relative
}

#userpanel .newMessages {
    position: absolute;
    right: -5px;
    top: -5px;
    background: #f2a200;
    display: block;
    width: 10px;
    height: 10px;
    z-index: 2;
    font-size: 8px;
    color: #794d00;
    border-radius: 50%;
    border: 1px solid #794d00;
    line-height: 12px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #faa732;
    background-image: linear-gradient(180deg, #fbb450, #f89406);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='$black')" "\a     filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color= '$black'))"
}

.bottom-buttons a.col-xs-3,.bottom-buttons a.col-xs-2 {
    padding-top: 4px
}

.top_user_panel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0
}

.top_user_panel>li {
    position: relative;
    height: 40px;
    padding: 0 14px
}

.top_user_panel>li,
.top_user_panel>li .numb_bubble {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.top_user_panel>li .numb_bubble {
    min-width: 18px;
    position: absolute;
    top: 4px;
    right: 4px;
    padding: 0 2px;
    line-height: 14px;
    background: #f0d258;
    color: #333;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700
}

.top_user_panel .top_msg>.icon,
.top_user_panel .top_notifications>.icon {
    font-size: 16px;
    color: #fff
}

.top_user_panel .top_name_yield {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: end;
    align-items: flex-end
}

.top_user_panel .top_name_yield .top_username {
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: #fff
}

.top_user_panel .top_name_yield .top_yield {
    font-weight: 700
}

.top_user_panel .top_name_yield .top_yield .icon {
    margin-right: 10px;
    color: #910506
}

.top_user_panel .top_avatar {
    padding-right: 0
}

.top_user_panel .top_avatar img {
    width: 38px;
    height: 38px;
    border: 1px solid #02365d
}

.btn_open_dropdown {
    position: relative;
    cursor: pointer
}

.dropdown_wrapper {
    cursor: default;
    display: none;
    width: auto;
    position: absolute;
    top: 45px;
    right: 0;
    z-index: 9997
}

.dropdown_wrapper:before {
    content: "";
    position: absolute;
    top: -10px;
    right: 13px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #910506
}

.dropdown_wrapper .dd_header {
    position: relative;
    padding: 15px 10px;
    font-size: 14px
}

.dropdown_wrapper .dd_header span {
    margin-right: 11px;
    font-weight: 700;
    color: #f0d258
}

.dropdown_wrapper .dd_content {
    height: 195px;
    overflow-y: scroll;
    background: #fff
}

.dropdown_wrapper .dd_content.no_scroll {
    overflow: visible;
    height: 100%
}

.dropdown_wrapper .dd_footer {
    width: 300px;
    background: #e9e9e9
}

.dropdown_wrapper .dd_footer a {
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 30px;
    font-size: 14px
}

.dropdown_wrapper .dd_footer a,
.dropdown_wrapper .dd_footer a span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.dropdown_wrapper .dd_footer a span {
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding: 0 10px;
    margin-left: 20px;
    position: relative
}

.dropdown_wrapper .dd_footer a span:after {
    border-width: 0 0 30px 10px
}

.dropdown_wrapper .unread {
    background: #fcf6e4
}

.dropdown_wrapper .notify_wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 10px;
    border-bottom: 1px solid #ddd
}

.dropdown_wrapper .notify_wrapper .icon {
    font-size: 20px
}

.dropdown_wrapper .notify_wrapper .icon.green {
    color: #57ae21
}

.dropdown_wrapper .notify_wrapper p {
    margin-left: 10px;
    margin-bottom: 0
}

.dropdown_wrapper .notify_wrapper p span {
    font-weight: 700
}

.dropdown_wrapper .msg_wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 10px;
    border-bottom: 1px solid #ddd
}

.dropdown_wrapper .msg_wrapper .avatar {
    width: 44px;
    height: 44px;
    display: inline-block
}

.dropdown_wrapper .msg_wrapper .avatar img {
    width: 44px;
    height: 44px
}

.dropdown_wrapper .msg_wrapper .header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 700
}

.dropdown_wrapper .msg_wrapper .msg_content {
    width: 100%
}

.dropdown_wrapper .msg_wrapper .msg_content p {
    font-size: 13px;
    line-height: 14px;
    color: #333;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.top_profile_nav .dd_content {
    border-top: 8px solid #910506
}

.top_profile_nav .dd_content ul li {
    display: block;
    width: 185px;
    padding: 0;
    border-bottom: 1px solid #ddd
}

.top_profile_nav .dd_content ul li:hover {
    background: #f1f1f1
}

.top_profile_nav .dd_content ul li a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 6px 8px;
    font-size: 14px;
    color: #333
}

.top_profile_nav .dd_content ul li a span:not(.icon):not(.name) {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #777;
    border: 1px solid #777;
    padding: 2px 5px;
    border-radius: 3px;
    margin-left: 4px;
    font-size: 13px;
    line-height: 15px
}

.top_profile_nav .dd_content ul li a .icon {
    margin-right: 10px;
    color: #0c6397
}

.top_profile_nav .dd_content ul li a .name {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

#nav-icon {
    width: 21px;
    height: 21px;
    position: relative;
    cursor: pointer
}

#nav-icon,
#nav-icon span {
    transform: rotate(0deg);
    transition: .2s ease-in-out
}

#nav-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #fff;
    opacity: 1;
    left: 0
}

#nav-icon span:first-child {
    top: 0
}

#nav-icon span:nth-child(2),
#nav-icon span:nth-child(3) {
    top: 8px
}

#nav-icon span:nth-child(4) {
    top: 16px
}

.cd-nav-click #nav-icon span:first-child {
    top: 16px;
    width: 0;
    left: 50%
}

.cd-nav-click #nav-icon span:nth-child(2) {
    transform: rotate(45deg)
}

.cd-nav-click #nav-icon span:nth-child(3) {
    transform: rotate(-45deg)
}

.cd-nav-click #nav-icon span:nth-child(4) {
    top: 16px;
    width: 0;
    left: 50%
}

#navbar-collapse-1 li,
#navbar-collapse-1 li a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

#navbar-collapse-1 li a {
    font-size: 15px;
    font-weight: 700;
    padding-left: 8px;
    padding-right: 8px;
    height: 100%;
    -ms-flex-pack: center;
    justify-content: center
}

#navbar-collapse-1 li li a {
    -ms-flex-pack: start;
    justify-content: flex-start
}

#sports-top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    z-index: 2;
    height: 38px;
    top: 46px;
    width: calc(100% - 50px)
}

#sports-top.menu-top li:nth-child(n+7) {

}

#sports-top.menu-top li:after {
    left: 0;
    background: #910506
}

#sports-top.menu-top li:hover:after {
    background: #910506;
}

#sports-top li,
#sports-top li a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

#sports-top li a {
    padding-left: 8px;
    padding-right: 8px;
    height: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700
}

#sports-top li li a {
    -ms-flex-pack: start;
    justify-content: flex-start
}

#navbar-collapse-1 .main-menu {
    text-transform: uppercase
}

.icon-down-arrow.dark {
    font-size: 12px;
    margin-left: 10px;
    color: #005686
}

.nav_dropdown_menu {
    position: relative
}

.nav_dropdown_menu:hover .nav_dropdown_menu_content {
    display: block
}

.nav_dropdown_menu .nav_dropdown_menu_content {
    display: none;
    margin: 0;
    position: absolute;
    right: 0;
    top: 100%;
    padding: 0;
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    z-index: 1000
}

.nav_dropdown_menu .nav_dropdown_menu_content li,
.nav_dropdown_menu .nav_dropdown_menu_content li a {
    width: 100%;
    display: block;
    font-size: 15px;
    text-align: left;
    color: #fff;
    font-weight: 700;
    text-transform: capitalize!important
}

.nav_dropdown_menu .nav_dropdown_menu_content li a:hover {
    background: #910506
}

.nav_dropdown_menu .nav_dropdown_menu_content [class*=icon-] {
    margin: 0 10px 0 0
}

.nav_dropdown_menu#betting-tools-menu:hover a span {
    transition: color .2s;
    color: #fff
}

.nav_dropdown_menu#betting-tools-menu .nav_dropdown_menu_content {
    right: -42px;
    width: 100%
}

.icon-calendar-empty {
    position: relative
}

.open_box {
    overflow-y: scroll;
    height: 100%
}

.navbar-collaps,
.open_box {
    display: block;
    transition: all .3s
}

.navbar-collaps {
    height: 0
}

.menu_top.open_box {
    padding-top: 46px;
    margin-bottom: -45px
}

@media (min-width:768px) {
    .bottom-buttons,
    .navbar-header {
        height: 66px
    }
    .center-logo-oddspedia {
        line-height: 60px;
        font-size: 40px
    }
    .bottom-buttons .col-xs-3,.bottom-buttons .col-xs-2,
    .navbar-toggle {
        height: 64px;
        padding: 0 20px
    }
    .cd-nav-trigger {
        padding: 10px 30px
    }
    .bottom-buttons a.col-xs-3,.bottom-buttons a.col-xs-2 {
        padding-top: 14px
    }
    .myleagues-tabs li {
        width: 35.5%
    }
    #myleagues {
        padding-top: 66px
    }
    #mobile-sports-calendar,
    #sports-top {
        top: 66px
    }
    .menu_top.open_box {
        padding-top: 66px;
        margin-bottom: -65px
    }
}

@media (min-width:1024px) {
    .clearMenu_date a {
        display: block!important
    }
    .clearMenu_date a:first-child {
        margin-left: 15%!important
    }
    .done-coupon-link,
    .edit-coupon-link,
    .header-click-buton {
        font-size: 1em
    }
    #page-mainTable .leftColumn {
        width: 33.3%;
        width: 33.33333%
    }
    .menu-top>li {
        position: relative;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    .menu-top>li:after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 74%
    }
    #navbar-collapse-1 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    #navbar-collapse-1.menu-top li {
        position: relative
    }
    #navbar-collapse-1.menu-top li:first-child:before {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 74%;
        left: 0;
        background: #910506
    }
    #navbar-collapse-1.menu-top li:first-child:hover:before {
        background: #910506
    }
    #navbar-collapse-1.menu-top li:after {
        right: 0;
        background: #910506
    }
    #navbar-collapse-1.menu-top li:hover:after {
        background: #910506
    }
    #header {
        overflow: visible
    }
    .navbar {
        height: 40px;
        border: none;
        border-top: 1px solid red;
        border-bottom: 1px solid red;
    }
    .navbar .container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .navbar-bg {
        width: 100%;
        overflow: hidden;
        z-index: -1
    }
    .navbar-bg,
    .navbar-bg div {
        position: absolute;
        height: 38px
    }
    .right-navbar {
        right: -25px;
        width: 60%;
        width: 74%;
        z-index: 1
    }
    .left-navbar {
        left: -25px;
        width: 55%;
        width: 77%;
        z-index: 2
    }
    #spors-top-wrapper {
        padding-left: 75px;
        width: 90%;
        position: relative
    }
    #spors-top-wrapper .dropdown-sportmenu:before {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 74%;
        left: 0;
        background: #910506
    }
    #spors-top-wrapper .dropdown-sportmenu:hover:before {
        background: #910506
    }
    .dropdown-sportmenu {
        cursor: pointer;
        position: absolute;
        right: 0;
        width: 46px;
        color: #fff;
        text-align: center;
        font-size: 14px;
        top: 0;
        z-index: 550;
        height: 100%;
        max-height: 100%
    }
    .dropdown-sportmenu:hover #hidden-menu {
        display: block
    }
    #spors-top-wrapper #hidden-menu a,
    #spors-top-wrapper #hidden-menu li {
        line-height: 30px;
        text-align: left
    }
    #navbar-collapse-1 {
        z-index: 600
    }
    .border-nav {
        position: absolute;
        border-width: 0;
        border-left-width: 1px;
        border-style: solid;
        height: 74%;
        top: 13%
    }
    #hidden-menu .border-nav {
        display: none
    }
    .border-nav.before {
        left: 0
    }
    .border-nav.after {
        right: -1px
    }
    #spors-top-wrapper a,
    .menu-top a {
        display: block;
        text-align: center;
        font-size: 15px;
        font-weight: 700;
        padding-left: 8px;
        padding-right: 8px
    }
    #spors-top-wrapper a [class^=icon-] {
        font-size: 16px;
        display: inline-block;
        margin-right: 10px
    }
    .menu-top a:focus,
    .menu-top a:hover {
        text-decoration: none
    }
    #menu-top-wrapper {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        position: relative
    }
    #menu-top-wrapper ul {
        padding: 0
    }
    #menu-top-wrapper ul li:hover .dropdown-menu {
        display: block
    }
    .dropdown-sportmenu-inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%
    }
    .dropdown-sportmenu-inner:hover .dropdown-menu {
        display: block
    }
    #collapse-user-panel {
        float: right
    }
    .navbar-header {
        height: 0
    }
    .bottom-buttons,
    .center-logo-oddspedia,
    .navbar-mobile {
        display: none
    }
    #myleagues,
    .navbar-full {
        display: block
    }
    #all_popular_sports,
    #myleagues {
        padding: 0
    }
    #leftmenu {
        height: auto;
        max-height: 100%
    }
    .header_container {
        display: block;
        width: 100%;
        height: 97px;
        background: #050e16 url(../images/top_header_bg.jpg) no-repeat top;
        background-size: 1920px
    }
    .header_container .logo {
        display: block;
        position: relative
    }
    .header_container .logo a {
        display: block;
        width: 358px;
        height: 72px;
        background: url(../images/logo_2019.gif) no-repeat top;
        background-size:250px;
    }
    .header_container .container {
        width: 100%;
        max-width: 1242px;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }
    #sports-top {
        top: 0
    }
}

@media (max-width:1023px) {
    #spors-top-wrapper.show_me_in_footer {
        padding-bottom: 60px
    }
    #spors-top-wrapper.show_me_in_footer #sports-top {
        position: fixed;
        z-index: 99999999
    }
    .border-nav-mobile {
        position: absolute;
        border-width: 0;
        border-left-width: 1px;
        border-style: solid;
        height: 74%;
        top: 13%
    }
    #navbar-collapse-1 li {
        line-height: 30px;
        padding: 0 6px;
        float: none;
        display: block;
        font-size: 15px;
        border-bottom: 1px solid #910506
    }
    #navbar-collapse-1 li a {
        display: block
    }
    .navbar-header {
        border: 1px solid #510506;
        max-width: 100%;
        overflow: hidden
    }
}

@media (min-width:1200px) {
    #menu-top-wrapper li a {
        text-transform: uppercase
    }
}

@media (max-width:1159px) {
    #sports-top.menu-top li:nth-child(n+6) {

    }
}

@media (max-width:1023px) {
    #sports-top.menu-top li:nth-child(n+6) {
        display: inherit
    }
    #sports-top {
        position: relative;
        white-space: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        height: 60px;
        padding: 0;
        width: 100vw;
        max-width: 100%;
        margin-top: -1px
    }
    #sports-top,
    #sports-top li {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
    #sports-top li {
        width: 100%;
        background-color: #910506;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        padding: 0 6px;
        height: 100%;
        -ms-flex-pack: center;
        justify-content: center
    }
    #sports-top li .sports_name {
        font-size: 12px;
        font-weight: 700;
        white-space: nowrap;
    }
    #sports-top li a {
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 13px;
        font-weight: 400;
        padding: 0 10px
    }
    #sports-top li a span {
        display: block;
        font-size: 20px
    }
    #sports-top li a span.sport-counter {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        display: inline-table;
        position: absolute;
        top: 25%;
        left: 60%;
        padding: 2px;
        height: auto;
        font-size: 11px
    }
    #sports-top li {
        position: relative;
        text-align: center;
        line-height: 11px
    }
    #sports-top li [class*=" icon-"]:before,
    #sports-top li [class^=icon-]:before {
        display: block;
        font-size: 22px;
        padding-top: 8px;
        margin-top: 4px;
        margin-bottom: -4px
    }
    #sports-top li li:hover {
        background: #910506
    }
}

.breadcrumb-wrapper {
    display: none;
    padding: 8px 8px 1px;
    background: rgba(0, 0, 0, .7)
}

@media (min-width:1024px) {
    .breadcrumb-wrapper {
        display: block
    }
    .breadcrumb,
    .breadcrumb a,
    .breadcrumb span {
        color: #fff;
        margin: 0 4px;
        font-size: 11px;
        text-transform: uppercase
    }
    .breadcrumb a span {
        margin: 0
    }
    #back-icon-breadcrumb {
        display: block;
        cursor: pointer;
        float: left;
        width: 20px;
        height: 16px;
        border-right: 1px solid #000;
        box-sizing: border-box;
        position: relative;
        margin: 0
    }
    #back-icon-breadcrumb:after,
    #back-icon-breadcrumb:before {
        content: " ";
        position: absolute;
        display: block;
        top: 3px;
        width: 8px;
        height: 8px;
        border-bottom: 2px solid #fff;
        border-left: 2px solid #fff;
        transform: rotate(45deg)
    }
    #back-icon-breadcrumb:before {
        left: 2px
    }
    #back-icon-breadcrumb:after {
        left: 8px
    }
    .globalClock {
        float: right;
        margin-left: 8px;
        padding-left: 16px;
        line-height: 15px;
        cursor: pointer;
        font-size: 14px;
        background: url(../images/clockiconmini.png) 0 no-repeat
    }
    #dopdowns-inside-breadcrumbs {
        float: right;
        margin-right: 20px
    }
    #dopdowns-inside-breadcrumbs .dropdown button {
        background: transparent;
        border: none;
        height: 15px;
        line-height: 15px;
        font-size: 14px
    }
    #dopdowns-inside-breadcrumbs .dropdown-menu {
        background: rgba(51, 51, 51, .9);
        min-width: 90px;
        margin: 0;
        height: 300px;
        overflow-y: scroll;
        border-radius: 0
    }
    #dopdowns-inside-breadcrumbs .dropdown-menu li {
        border-top: 1px solid #006298;
        padding: 3px;
        cursor: pointer;
        transition: all .1s ease;
        border-radius: 0
    }
    #dopdowns-inside-breadcrumbs .dropdown-menu li:last-child {
        border-bottom: 1px solid #006298
    }
    #dopdowns-inside-breadcrumbs .dropdown-menu li.selected,
    #dopdowns-inside-breadcrumbs .dropdown-menu li:hover {
        background: #006298
    }
    #dopdowns-inside-breadcrumbs .caret {
        margin: 0;
        color: #878889
    }
}

.searchbox input {
    padding: 0 35px 0 6px;
    border-radius: 0;
    width: 100%;
    height: 46px;
    font-size: 18px;
    border: 1px solid #006298
}

#mainSearchForm [class*=icon-] {
    position: absolute;
    top: 0;
    right: 0;
    height: 46px;
    line-height: 46px;
    padding: 0 14px 0 10px;
    font-size: 26px
}

.search-submit {
    position: absolute;
    top: 0;
    max-width: 40px;
    right: 0;
    opacity: 0;
    cursor: pointer
}

.searchbox .close {
    position: absolute;
    right: 22%
}

.ac_results {
    width: 100%
}

#searchbox_home .ac_results {
    top: 100%;
    box-shadow: 0 10px 3px rgba(0, 0, 0, .2);
    position: absolute
}

#mainSearchForm,
#searchbox_home {
    position: relative
}

#searchbox .ac_results {
    position: relative;
    background: #fff
}

#mobile-leagues-wrapper {
    display: none
}

@media (max-width:1023px) {
    #searchbox {
        background: rgba(0, 0, 0, .6);
        height: 100vh
    }
    #mainSearchForm {
        position: absolute;
        bottom: 46px;
        width: 100%
    }
    #searchbox .ac_results {
        position: absolute;
        overflow: scroll;
        max-height: calc(100% - 90px);
        bottom: 90px
    }
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0
}

.ac_results li {
    margin: 0;
    display: block;
    font-size: 12px;
    line-height: 16px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    background: #fff;
    cursor: pointer
}

.ac_results ul li a {
    color: inherit;
    display: table;
    padding: 15px;
    width: 100%
}

.ac_results .search-icon,
.ac_results .search-match {
    display: table-cell;
    vertical-align: middle
}

.ac_results .search-icon {
    width: 10%;
    font-size: 18px
}

.ac_results .search-match {
    width: 90%
}

.leftsections .title,
.rightsection .title {
    display: flex;
    height: 34px;
    width: 100%;
    line-height: 31px;
    font-size: 15px;
    font-weight: 700;
    margin: 0;
    padding: 0 10px
}

.leftsections .title .right_text,
.rightsection .title .right_text {
    float: right;
    font-size: 12px;
    text-transform: uppercase
}

.leftsections .title [class^=icon-],
.rightsection .title [class^=icon-] {
    margin-right: 5px;
    padding: 0;
    font-size: 16px;
    display: inline-block
}

.leftsections .title a,
.leftsections .title a:focus,
.leftsections .title a:hover,
.rightsection .title a,
.rightsection .title a:focus,
.rightsection .title a:hover {
    color: #fff;
    text-decoration: none
}

[class*=ui-sortable] {
    cursor: pointer!important
}

.myleagues-tabs {
    overflow: hidden;
    height: 40px;
    border-width: 1px;
    border-right: 0;
    border-left: 0;
    border-style: solid
}

.myleagues-tabs .border-nav {
    top: 0;
    height: 100%
}

.myleagues-tabs li {
    width: 35.5%;
    height: 40px;
    line-height: 40px;
    opacity: .7;
    text-transform: uppercase;
    transition: none!important
}

.myleagues-tabs li.active {
    opacity: 1
}

.myleagues-tabs li:first-child {
    margin-left: -4%;
    padding-left: 2%
}

.myleagues-tabs li:last-child {
    margin-right: -4%;
    padding-right: 2%
}

.myleagues-tabs li a {
    display: block;
    text-align: center;
    height: 40px;
    line-height: 40px
}

#myleagues .myleags {
    position: relative;
    margin-top: 3px;
    margin-left: 4px;
    padding: 0
}

#myleagues {
    height: calc(100vh - 45px)
}

.empty_myleagues {
    padding: 6px 2px;
    background: #333;
    color: #fff;
    text-align: center;
    font-size: 12px
}

.empty_myleagues a {
    color: #f1b300
}

.my-leagues-stars-icons {
    font-size: 15px
}

.my-leagues-stars-icons .dots {
    position: relative;
    display: inline-block;
    top: -5px;
    font-size: 20px;
    color: #910506
}

#league-searcher {
    padding: 8px;
    color: #8d8d8d
}

#league-searcher input {
    display: block;
    border: none;
    padding-left: 6px;
    padding-right: 28px;
    background: #eee;
    height: 30px;
    width: 100%
}

#league-searcher input:focus {
    outline: 0
}

#league-searcher label [class*=icon-] {
    color: #908f8b;
    position: absolute;
    right: 15px;
    top: 14px;
    font-size: 16px;
    cursor: text
}

#league-searcher .close {
    position: absolute;
    right: 40px;
    top: 10px
}

.left_menu_arrow .icon-down-arrow {
    position: absolute;
    right: 10px;
    color: #c6c6c6;
    transform: rotate(-180deg);
    transition-duration: .3s;
    transition-property: transform;
    margin-right: 0!important
}

.collapsed .left_menu_arrow .icon-down-arrow {
    transform: rotate(0deg)
}

.sidebar-list {
    width: 100%;
    list-style: none;
    margin: 0 auto;
    padding: 0
}

.sidebar-list>.border-top {
    margin-top: -1px
}

.sidebar-list .border-top {
    border-top: 1px solid #ddd
}

.sidebar-list .border-bottom {
    border-bottom: 1px solid #ddd
}

.sidebar-list li {
    display: block;
    position: relative;
    width: 100%
}

.sidebar-list.submenu a {
    display: block;
    padding: 0 10px;
    font-size: 16px;
    line-height: 36px;
    width: 100%
}

@media (min-width:425px) {
    .sidebar-list.submenu a {
        line-height: 42px;
        font-size: 20px
    }
}

.submenu [class^=icon-] {
    margin-right: 10px;
    margin-bottom: -3px;
    font-size: 16px
}

.count,
.sidebar-list a.active {
    font-weight: 700
}

.count {
    position: absolute;
    right: 10px;
    font-size: 12px
}

#leftmenu ul li a.sp_li:hover {
    background: #0086bf
}

.my-league-list:hover .delete-icon-star {
    display: block
}

.my-league-list:hover .count {
    display: none
}

.my-league-list .delete-icon-star {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    padding-left: 10px;
    height: 100%;
    line-height: 30px
}

.my-league-list .delete-icon-star .icon-star {
    margin-right: 8px;
    color: #026199
}

.left-menu-leaguename {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    max-width: calc(100% - 50px);
    margin-top: -1px
}

#all_sports .left-menu-leaguename {
    margin-top: -3px
}

.left-menu-subleaguename {
    max-width: calc(100% - 20px);
    padding-left: 10px;
    margin-top: -1px
}

.left-menu-subleaguename:before {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #999
}

.left-matches li {
    line-height: 30px;
    border-bottom: 1px solid #ddd
}

.left-matches li:first-child {
    border-top: 1px solid #ddd
}

.widget-league-date {
    background: #ececec;
    font-size: 11px;
    color: #545454;
    margin: 0;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    font-weight: 700
}

.widget-league-name {
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
    padding-top: 4px;
    padding-bottom: 4px;
    white-space: nowrap;
    overflow: hidden!important;
    text-overflow: ellipsis;
    width: 100%
}

#searchbox_home {
    position: relative;
    padding: 0;
    height: auto;
    overflow: visible;
    z-index: 1000
}

@media (min-width:1024px) {
    .myleagues-tabs li a {
        height: 26px;
        line-height: 24px
    }
    .sidebar-list.submenu a {
        font-size: 13px;
        line-height: 30px
    }
    #searchbox_home {
        display: none
    }
    #searchbox .ac_results {
        bottom: auto;
        top: 104%;
        box-shadow: 0 3px 20px rgba(0, 0, 0, .2);
        position: absolute;
        width: 345px
    }
    .searchbox input {
        border: none;
        height: 33px;
        font-size: 13px
    }
    #mainSearchForm [class*=icon-] {
        height: 33px;
        line-height: 33px;
        padding: 0 10px 0 7px;
        font-size: 16px
    }
    .searchbox .close {
        right: 20%;
        top: 5px
    }
    .myleagues-tabs {
        height: 26px
    }
    .myleagues-tabs li {
        height: 26px;
        line-height: 24px;
        text-transform: capitalize
    }
    #mycoupon,
    .leftsections>section {
        bottom: 0;
        position: relative;
        max-height: none;
        margin-bottom: 8px;
        padding-bottom: 0
    }
    #searchbox {
        z-index: 10
    }
    .widget-league-name {
        max-width: 178px
    }
    #bettingTools,
    #oddspedia-in-numbers,
    #popularBets,
    .leftsections .title {
        display: block
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:678px) {
    #all_popular_sports,
    #leftmenu,
    #mycoupon {
        top: 0
    }
    #all_popular_sports .title.bg_color1,
    #leftmenu .title.bg_color1,
    #mycoupon .title.bg_color1 {
        text-align: center;
        display: block;
        padding: 13px 0;
        line-height: 13px;
        height: 44px
    }
    #all_popular_sports .close-searchbox,
    #leftmenu .close-searchbox,
    #mycoupon .close-searchbox {
        font-weight: 400
    }
    .flex-vertical {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
    #leftmenu .flex-vertical a {
        width: 100%
    }
    #leftmenu .flex-vertical .close-searchbox {
        font-size: 14px;
        font-family: robotoregular, Arial, sans-serif
    }
    #myleagues {
        padding-top: 0;
        overflow: hidden
    }
    #myleagues .max-height {
        height: 100%;
        overflow-y: scroll
    }
    #myleagues .title span:first-of-type {
        margin: 0 auto
    }
    #myleagues .close-myfavorite {
        font-size: 14px;
        font-family: robotoregular, Arial, sans-serif;
        font-weight: 400
    }
    #myleagues .title {
        padding: 13px 10px;
        height: auto;
        line-height: 16px
    }
    #myleagues .tab-pane {
        background: #fff;
        padding: 0 14%;
        padding-top: 22px;
        padding-bottom: 18px;
        font-family: robotobold, Arial, sans-serif;
        font-size: 14px;
        color: #555;
        position: relative
    }
    #myleagues .tab-pane strong {
        text-transform: uppercase
    }
    #myleagues .tab-pane .my-leagues-stars-icons {
        line-height: 0;
        padding: 10px 0;
        font-size: 25px
    }
    #myleagues .tab-pane .my-leagues-stars-icons .dots {
        margin: 0 10px
    }
    #mobile-leagues-wrapper {
        display: block;
        background: #f3f3f3;
        padding: 20px 0;
        margin-top: 20px;
        position: absolute;
        bottom: 80px;
        width: 100%;
        z-index: 100000
    }
    #mobile-leagues-wrapper h2 {
        font-family: robotobold, Arial;
        font-size: 13px;
        color: #555;
        text-align: center;
        text-transform: uppercase;
        padding: 13px 10px;
        margin: 0;
        height: auto;
        line-height: 16px
    }
    #mobile-slide-leagues .sport-wrap input[type=checkbox] {
        display: none
    }
    #mobile-slide-leagues .sport-wrap {
        display: inline-block;
        cursor: pointer
    }
    #mobile-slide-leagues .sport-wrap label {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-align: center;
        align-items: center;
        width: 52px;
        height: 52px;
        border: 1px solid #ddd;
        margin: 0 10px;
        margin-bottom: 20px;
        text-align: center;
        transition: .3s;
        overflow: hidden
    }
    #mobile-leagues-wrapper .sport-wrap label.clicked {
        border: 1px solid #910506
    }
    #mobile-slide-leagues .sport-wrap label .f_world:before {
        display: block;
        font-size: 29px
    }
    #mobile-slide-leagues .sport-wrap span {
        width: 25px;
        height: 25px;
        margin-right: 0
    }
    #mobile-slide-leagues .slide-wrap {
        width: 100%;
        background: #f3f3f3;
        height: 140px;
        display: -ms-flexbox;
        display: flex!important;
        -ms-flex-align: center;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap
    }
    #mobile-slide-leagues .slide-wrap .slider-nav {
        position: absolute;
        bottom: -18px;
        width: 100%;
        z-index: 1000;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }
    #mobile-slide-leagues .slide-wrap .slider-nav .pager {
        height: 33px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        overflow: hidden
    }
    #mobile-slide-leagues .slide-wrap .slider-nav .pager i {
        width: 10px;
        height: 10px;
        margin-left: 10px;
        border-radius: 50%;
        border: 1px solid #910506;
        background-color: #fff;
        display: inline-block;
        cursor: pointer;
        transition: all .1s ease
    }
    #mobile-slide-leagues .slide-wrap .slider-nav .pager i.cycle-pager-active {
        background-color: #910506
    }
    #mobile-leagues-wrapper .league-btn-left,
    #mobile-leagues-wrapper .league-btn-right {
        font-size: 13px;
        padding: 12px 0;
        width: 48%;
        margin-top: 30px;
        display: inline-block;
        text-align: center;
        text-transform: uppercase;
        font-family: robotobold, Arial;
        line-height: 14px
    }
    #mobile-leagues-wrapper .league-btn-left {
        border: 1px solid #910506;
        color: #910506
    }
    #mobile-leagues-wrapper .league-btn-right {
        background: #910506;
        color: #fff
    }
    #mobile-leagues-wrapper .flex-align {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 15px
    }
    #mobile-slide-leagues {
        text-align: center
    }
    #myleagues .tab-pane {
        padding-left: 0;
        padding-right: 0;
        height: 100%;
        overflow-y: scroll
    }
    #myleagues #fav-leagues,
    #myleagues #fav-players,
    #myleagues #fav-teams {
        position: absolute;
        width: 100%;
        top: 25px;
        overflow-y: scroll;
        height: 215px
    }
    #myleagues #fav-leagues {
        font-family: robotoregular, Arial
    }
    #fav-leagues .sidebar-list li,
    #fav-players .my-league-list,
    #fav-teams .my-league-list {
        display: -ms-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        overflow-x: hidden
    }
    #myleagues .count {
        position: static;
        float: right
    }
    .my-league-list .delete-icon-star {
        position: static;
        display: block;
        cursor: pointer
    }
    #browse-popup {
        display: none;
        height: 98%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0
    }
    #mobile-slide-leagues #browse-popup .sport-wrap label {
        margin-left: 0
    }
    #mobile-slide-leagues #browse-popup .slide-wrap {
        background: transparent
    }
    #browse-popup #accordion-leagues .earth-icon {
        height: auto;
        vertical-align: top;
        text-align: center;
        font-size: 17px;
        color: #910506
    }
    #browse-popup .my-favorites-wrapper,
    #browse-popup .my-favorites-wrapper .slider-sign-up {
        height: 100%
    }
    #browse-popup .sport-wrap {
        width: 29%;
        margin: 2%;
        cursor: pointer
    }
    #browse-popup .my-favorites-wrapper .slider-sign-up .slide-wrap .slide.slide-default .content {
        margin-top: 40px
    }
    #browse-popup .my-favorites-wrapper .slider-sign-up .slide-wrap .slide.slide-default .content h2 {
        font-size: 18px;
        line-height: 20px
    }
    #browse-popup .my-favorites-wrapper .slide-wrap .slider-nav {
        bottom: 45px
    }
    #browse-popup.open-sports-modal {
        display: block;
        position: fixed;
        z-index: 2000;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        color: #fff;
        width: 100%;
        top: 0;
        height: calc(100% - 46px)
    }
    #browse-popup .close-popup {
        position: absolute;
        margin-left: 0;
        right: 21px;
        top: 11px;
        z-index: 222;
        font-size: 14px;
        font-family: robotoregular, sans-serif
    }
    #browse-popup .icon-football:before,
    .icon-beach-soccer:before {
        font-size: 28px
    }
    #browse-popup .selected label {
        background: #910506
    }
    #mobile-leagues-wrapper .btn-not-active {
        opacity: .1
    }
    #browse-popup .btn-not-active,
    #browse-popup .nextControl:not(.btn-not-active) {
        position: absolute;
        right: 20px
    }
    #browse-popup .league-btn-right {
        padding: 0;
        margin: 0;
        font-size: inherit;
        text-transform: capitalize
    }
    #browse-popup .prevControl {
        z-index: 342;
        width: 69px;
        height: 33px;
        background-color: #f9d249;
        border: 1px solid transparent;
        color: #000
    }
    #browse-popup .pager {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%)
    }
    #pop-up-leagues {
        box-shadow: 8px 0 40px -1px #000;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        background-color: transparent;
        z-index: 1;
        height: 100%
    }
    #pop-up-leagues .list-leagues {
        width: 875px;
        height: 100%;
        background-color: #910506
    }
    #pop-up-leagues .list-leagues .slide-wrap {
        height: 100%;
        width: 100%
    }
    #pop-up-leagues .list-leagues .content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
    #pop-up-leagues .list-leagues .slide-wrap .slide.slide-default .content h2 {
        font-size: 18px;
        line-height: 20px;
        color: #f9d249;
        text-align: center
    }
    #pop-up-leagues .list-leagues .slide-wrap .slide.slide-default .content .content-wrap {
        width: 100%;
        height: 100%;
        max-height: 441px;
        overflow-y: auto;
        padding: 20px 0 0;
        border-top: 1px solid #910506;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    #pop-up-leagues .list-leagues .slide-wrap .slide.slide-default .content .content-wrap input[type=checkbox] {
        display: none
    }
    #pop-up-leagues .list-leagues .slide-wrap .slide.slide-default .content .content-wrap label {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 100px;
        border: 1px solid #910506;
        text-align: center
    }
    #pop-up-leagues .list-leagues .slide-wrap .slide.slide-default .content .content-wrap label span {
        font-size: 40px;
        color: hsla(0, 0%, 100%, .8);
        width: 40px;
        height: 40px;
        margin-right: 0
    }
    #pop-up-leagues .list-leagues .slide-wrap .slide.slide-default .content .content-wrap label p {
        font-size: 14px;
        text-align: center;
        color: hsla(0, 0%, 100%, .8);
        line-height: 16px;
        margin: 0
    }
    #pop-up-leagues .list-leagues .slide-wrap .slider-nav {
        height: 75px;
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 1000;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        padding: 20px;
        background-color: #910506
    }
    #pop-up-leagues .list-leagues .slider-nav .nextControl {
        width: 69px;
        height: 33px;
        background-color: #f9d249;
        border: 1px solid transparent;
        color: #000
    }
    #pop-up-leagues .list-leagues .slide-wrap .slide.slide-default .content .content-wrap label span:before {
        font-size: 28px
    }
    #sports_leagues .sport-wrap label {
        position: relative
    }
    #sports_leagues .sport-wrap label span {
        position: absolute;
        z-index: 0;
        opacity: .4
    }
    #sports_leagues .sport-wrap label span:before {
        font-size: 31px;
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto
    }
    #sports_leagues .sport-wrap label p {
        position: absolute;
        z-index: 323;
        color: #fff!important
    }
    #sports_leagues .country-name {
        width: 100%;
        text-align: left;
        padding-left: 20px;
        background: #910506;
        color: #000
    }
    #sports_leagues .sport-wrap.clicked label {
        background: #910506
    }
    #ajax_search_leagues,
    #ajax_search_teams {
        border: none;
        width: 100%;
        height: 100%;
        padding: 10px 0 10px 15px;
        color: #000!important;
        background-color: #fff;
        border: 1px solid #910506
    }
    #mobile-leagues-wrapper .my-favorites-wrapper {
        box-shadow: 8px 0 40px -1px #000
    }
    #mobile-leagues-wrapper label[for=ajax_search] {
        position: relative;
        width: 100%;
        height: 35px;
        background-color: #910506
    }
    #accordion-leagues {
        width: 100%;
        height: 100%;
        max-height: 330px;
        overflow-y: auto
    }
    #accordion-leagues .panel {
        border-top: 1px solid #fff
    }
    #accordion-leagues .panel-title {
        margin: 0
    }
    #accordion-leagues .panel-title a {
        width: 100%;
        padding: 15px;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        display: -moz-box;
        -ms-flex-align: center;
        align-items: center;
        height: 50px
    }
    #accordion-leagues .panel-body .panel-title a {
        padding-left: 40px
    }
    #accordion-leagues .panel-body .panel {
        border: none
    }
    #accordion-leagues .left-menu-leaguename {
        color: #fff;
        font-size: 15px;
        display: initial
    }
    #accordion-leagues .panel-body {
        text-align: center
    }
    #accordion-leagues .sport-wrap {
        display: inline-block;
        width: 29%;
        margin: 2%
    }
    #accordion-leagues .sport-wrap label {
        width: 100px;
        height: 100px;
        margin: 0
    }
    #accordion-leagues .icon-cup,
    #accordion-leagues .locIcn {
        margin-right: 10px
    }
    #accordion-leagues .locIcn:before {
        color: #fff;
        font-size: 21px
    }
    .earth-icon {
        background: none
    }
    .earth-icon:before {
        content: "\e854"
    }
    #accordion-leagues .icon-cup:before {
        font-size: 21px
    }
    #accordion-leagues .left_menu_arrow {
        position: absolute;
        right: 10px;
        -ms-flex-pack: center;
        justify-content: center
    }
    #accordion-leagues .left_menu_arrow .icon-down-arrow {
        position: static
    }
    #accordion-leagues .f_acup:before {
        display: inline-block;
        text-transform: none!important;
        font-family: Oddspedia Sport\ 8;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        vertical-align: middle;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
    #searchbox {
        top: 0;
        overflow: hidden
    }
    #searchbox .mobile-search-form {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
    #searchbox .mobile-search-form .close {
        margin-top: 0
    }
    #searchbox-header {
        background-color: #910506;
        padding: 13px 0;
        text-align: center;
        color: #fff;
        border: 1px solid #3478aa;
        line-height: 13px
    }
    #searchbox-header .bold {
        font-size: 15px;
        font-family: robotobold, Arial, sans-serif;
        text-transform: uppercase
    }
    #searchbox .clean-list {
        border-top: 1px solid #4d85b1
    }
    #searchbox .suggestions-title {
        color: #333;
        font-family: robotobold, Arial, sans-serif;
        background: #f6f6f6;
        font-size: 14px;
        margin: 0;
        line-height: 16px;
        padding: 13px 10px
    }
    #accordion-players .panel-title,
    #accordion-teams .panel-title {
        margin: 0
    }
    #accordion-teams .panel-heading {
        border-bottom: 1px solid #ddd
    }
    #league-searcher-mobile {
        background: #910506;
        padding: 10px
    }
    #league-searcher-mobile label {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
    #league-searcher-mobile .close {
        margin-top: 0
    }
    #league-searcher,
    #searchbox .league-searcher {
        background: #910506;
        padding: 10px;
        position: relative
    }
    #mobile-search-cnt .submenu .panel-body [class^=icon-] {
        font-size: 20px
    }
    #mobile-search-cnt .search-sport-name [class^=icon-] {
        color: #910506
    }
    #mobile-search-cnt .search-sport-name .icon-down-arrow {
        color: #c6c6c6
    }
    #mobile-search-cnt .sidebar-list.submenu a {
        color: #333
    }
    #leag-search {
        height: 40px;
        width: 100%;
        padding-left: 12px;
        padding-right: 12px;
        border-top: 1px solid #85aecc;
        border-bottom: 1px solid #85aecc;
        background: #fff
    }
    .search-team-logo {
        width: 23px;
        height: 23px;
        display: inline-block;
        vertical-align: middle;
        background-size: 100%!important;
        margin-right: 10px
    }
    #searchbox .league-searcher .ac_results {
        position: absolute;
        overflow: scroll;
        z-index: 32;
        top: 60px;
        width: 100%;
        left: 0;
        bottom: auto;
        max-height: 100vh
    }
    .search-sport-name {
        text-transform: uppercase
    }
    #searchbox .league-searcher input {
        height: 40px;
        width: 100%;
        padding-left: 12px;
        padding-right: 12px;
        border-top: 1px solid #85aecc;
        border-bottom: 1px solid #85aecc;
        background: #fff
    }
    #searchbox .icon-search {
        margin-right: 10px
    }
    #searchbox .icon-search:before {
        font-size: 16px
    }
    #searchbox .close {
        width: 25px;
        height: 25px;
        right: 15px
    }
    .close-searchbox {
        font-size: 14px;
        font-family: robotoregular, Arial, sans-serif;
        float: right;
        right: 12px;
        position: absolute
    }
    #searchbox::placeholder {
        color: #d0d0d0;
        opacity: 1;
        font-family: robotoregular, Arial, sans-serif
    }
    #searchbox .sidebar-list {
        height: 100vh;
        overflow: scroll
    }
    #s-leagues .sidebar-list {
        height: auto
    }
    #s-leagues,
    #s-players,
    #s-teams {
        height: 100vh;
        overflow: scroll;
        background-color: #fff
    }
}

@media only screen and (max-device-width:320px) {
    #mobile-slide-leagues .sport-wrap label {
        width: 40px;
        height: 40px
    }
}

#mycoupon .title .saved-coupon-link,
#mycoupon .title .saved-coupon-link:hover,
#mycoupon h1 .saved-coupon-link,
#mycoupon h1 .saved-coupon-link:hover {
    color: #fff;
    display: block
}

.done-coupon-link,
.edit-coupon-link,
.header-click-buton {
    color: #fff;
    cursor: pointer
}

.done-coupon-link,
.done-myleagues-link,
.edit-coupon-link,
.edit-myleagues-link {
    float: right
}

.done-coupon-link:hover,
.edit-coupon-link:hover,
.header-click-buton:hover {
    text-decoration: underline;
    color: #fff
}

#clean-coupon {
    align-items: center;
    margin-left: auto;
    display: inline-flex
}

.mycoupon_noselect {
    text-align: center;
    line-height: 40px;
    height: 40px;
    width: 100%;
    font-size: 14px;
    background: #fff
}

#coupon-lists {
    width: 100%;
    display: table;
    border-collapse: collapse;
    padding: 0;
    border-top: 1px solid #e2e2e2;
    margin: 0;
    counter-reset: a;
    font-size: 14px
}

#coupon-lists li {
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
    display: table-row;
    padding: 0
}

#coupon-lists li.disabled-value .bet-coef,
#coupon-lists li.disabled-value .title-match,
#coupon-lists li.disabled-value:before {
    opacity: .3
}

#coupon-lists li a {
    display: table;
    width: 100%
}

#coupon-lists li a:hover {
    text-decoration: none
}

#coupon-lists li a:hover .match-name {
    text-decoration: underline
}

#coupon-lists li:before {
    content: counter(a) "";
    counter-increment: a;
    display: table-cell;
    width: 10%;
    border-right: 1px solid #e2e2e2;
    vertical-align: middle;
    font-size: 14px;
    text-align: center
}

#coupon-lists li.error-same-odds:before {
    background: #f2b5b2
}

#coupon-lists .title-match {
    display: table-cell;
    border-right: 1px solid #e2e2e2;
    width: 74%;
    box-sizing: border-box;
    padding: 5px;
    vertical-align: middle;
    font-size: 12px;
    line-height: 1
}

#coupon-lists .title-match .match-name {
    font-weight: 700
}

#coupon-lists .title-match .type-bet {
    display: block;
    margin-top: 10px;
    font-size: 11px;
    font-weight: 400
}

#coupon-lists .bet-coef {
    font-size: 14px;
    display: table-cell;
    width: 16%;
    vertical-align: middle;
    text-align: center
}

#coupon-lists .visible-table-cell {
    display: table-cell!important
}

#coupon-lists .checkbox-container,
#coupon-lists .delete-container,
.coupon-table .checkbox-container {
    display: none;
    width: 10%;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    position: relative;
    border-left: 1px solid #e2e2e2
}

.warning-ico-small {
    background: url(../../../images/message_warning.png) 50% no-repeat;
    width: 10%;
    height: 25px;
    background-size: 100%;
    float: left
}

.multiple-select-error {
    text-align: left;
    display: inline-block;
    max-width: 85%;
    font-size: 13px;
    margin-left: 5%
}

.saved-coupod-total-odd {
    background: #fff;
    font-size: 14px;
    text-align: right;
    width: 100%;
    box-sizing: border-box;
    padding: 0 6px;
    line-height: 31px;
    border-bottom: 1px solid #e2e2e2;
    font-weight: 700
}

.saved-coupod-total-odd span {
    font-weight: 400
}

.copy-coupon {
    display: block;
    text-align: right;
    box-sizing: border-box;
    padding: 0 10px;
    line-height: 26px;
    color: #000;
    text-decoration: none;
    background: #fff
}

.copy-coupon:hover {
    color: #000;
    text-decoration: underline
}

.copy-coupon .next-arrow {
    margin-bottom: -1px
}

.copy-coupon .next-arrow:after,
.copy-coupon .next-arrow:before {
    border-width: 1px
}

#coupon-lists .checkbox-container input,
.coupon-table .checkbox-container input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0
}

#coupon-lists .checkbox-container input:checked+.pretty-checkbox:after,
.coupon-table .checkbox-container input:checked+.pretty-checkbox:after {
    opacity: 1
}

#stake-wrapper {
    width: 100%;
    box-sizing: border-box;
    padding: 15px
}

#stake-wrapper table {
    margin: 0
}

#stake-wrapper td,
#stake-wrapper tr {
    border: none;
    font-size: 14px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .8)
}

#stake-wrapper td {
    width: 50%;
    max-width: 50%;
    padding: 0 0 10px;
    vertical-align: middle
}

#stake-wrapper tr td:last-child {
    text-align: right
}

.total-odds {
    font-size: 16px
}

#stake-wrapper .input-stake {
    width: 60%;
    margin: 0;
    height: 24px;
    border: 1px solid #00507c;
    font-size: 16px;
    text-align: right;
    padding: 0 5px;
    float: right;
    color: #333
}

.coins-ico {
    float: right;
    margin-top: 4px;
    margin-right: 7px;
    display: inline-block;
    width: 19px;
    height: 16px
}

.pot-winning-wrapper .coins-ico,
.pot-winning-wrapper .total-winnings {
    float: left
}

.pot-winning-wrapper {
    position: relative
}

.pot-winning-wrapper:hover .visible-pot {
    visibility: hidden
}

.pot-winning-wrapper:hover {
    cursor: pointer
}

.pot-winning-wrapper:hover .hover-pot {
    display: block
}

.visible-pot .total-winnings {
    max-width: 100px
}

.hover-pot .total-winnings {
    max-width: 200px
}

.total-winnings {
    float: right;
    font-size: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.hover-pot {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 170px
}

.priceOfBookie {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 60px;
    display: inline-block
}

.onhover-priceOfBookie {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    width: 100%;
    max-width: 100%;
    padding-right: 4px;
    padding-left: 4px;
    box-sizing: border-box;
    text-align: center
}

.operator-betslip-money {
    position: relative
}

.operator-betslip-money:hover .onhover-priceOfBookie {
    display: block
}

.operator-betslip-money:hover {
    cursor: pointer
}

.place-bet-min {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #385e2b;
    border-radius: 2px;
    color: #4d823b;
    text-transform: uppercase;
    font-size: 8px;
    font-weight: 700;
    padding: 3px;
    line-height: .8
}

.big-text {
    font-size: 1.7em;
    display: block;
    text-align: center
}

#comparing-bookmakers {
    box-shadow: 0 0 7px #002c45;
    border-top: 1px solid #002c45;
    border-bottom: 1px solid #002c45
}

.comparing-title {
    font-size: 15px;
    text-align: center;
    padding: 10px 12px;
    border: 1px solid #ddd;
    box-sizing: border-box
}

.comparing-title strong {
    display: block;
    font-size: 16px
}

.operator-betslip {
    display: table;
    border-bottom: 1px solid #ddd;
    width: 100%
}

.coeficents-betslip-wrapper,
.operator-betslip-logo,
.place-bet-button-wrapper {
    display: table-cell;
    border-right: 1px solid #ddd;
    padding: 0;
    vertical-align: middle
}

.coeficents-betslip-wrapper,
.operator-betslip-logo {
    width: 35%
}

.place-bet-button-wrapper {
    width: 30%
}

.operator-betslip-logo img {
    max-wdith: 100%
}

.coeficent {
    border-bottom: 1px solid #ddd
}

.coeficent,
.operator-betslip-money {
    text-align: center;
    height: 24px;
    line-height: 24px
}

.place-bet-button,
.place-bet-button:active,
.place-bet-button:focus {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #385e2b;
    border-radius: 2px;
    color: #4d823b;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    padding: 3px;
    line-height: .8;
    margin-left: 10px;
    transition: all .3s ease-in-out
}

.place-bet-button:focus,
.place-bet-button:hover {
    text-decoration: none;
    color: #fff;
    background: #4d823b
}

.coins-betslip-ico {
    display: inline-block;
    width: 15px;
    height: 13px;
    margin-right: 4px;
    margin-bottom: 5px;
    margin-left: 4px
}

.link-all-bookmakers {
    text-align: center;
    background: #f2f2f2;
    font-size: 14px;
    transition: opacity .3s ease-in-out
}

.facebook-share-coupon:hover,
.gplus-share-coupon:hover,
.twitter-share-coupon:hover {
    opacity: .85
}

.link-all-bookmakers a {
    position: relative;
    color: #000;
    height: 36px;
    line-height: 36px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: block
}

.blue-arrows-right {
    display: inline-block;
    width: 11px;
    height: 11px;
    position: absolute;
    top: calc(50% - 5px);
    right: 28px
}

.link-all-bookmakers:hover .blue-arrows-right {
    right: 26px
}

.register-box {
    text-align: center;
    color: #fff;
    font-size: 14px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .8)
}

.register-box p {
    margin-top: 20px;
    font-size: 16px;
    padding: 0 26px;
    text-align: center
}

.register-box li {
    list-style: none;
    font-size: 14px
}

.register-box ul {
    padding: 0;
    margin: 0
}

#new-register-button a {
    font-size: 14px!important
}

.login-coupon-buttons {
    margin-top: 7px
}

.login-coupon-buttons a {
    display: block;
    position: relative;
    text-align: center;
    font-size: 15px;
    color: #fff;
    width: 95%;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    border-radius: 3px;
    margin: 2px 2.5%;
    border: 1px solid #00567a;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .8)
}

.login-coupon-buttons a:focus,
.login-coupon-buttons a:hover {
    text-decoration: none
}

.login-coupon-buttons a:before {
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #007aae;
    transition: opacity .3s ease-in-out;
    z-index: -1
}

.login-coupon-buttons a:hover:before {
    opacity: .3
}

.social-part-coupon {
    margin-top: 20px;
    color: #fff
}

.social-part-coupon p {
    text-align: center;
    font-size: 15px;
    padding: 0 40px;
    margin-bottom: 20px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .8)
}

.share-button-container {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0
}

.facebook-share-coupon,
.gplus-share-coupon,
.twitter-share-coupon {
    display: table-cell;
    width: 33.3%;
    height: 35px;
    line-height: 35px;
    text-transform: uppercase;
    position: relative;
    box-sizing: border-box;
    padding-left: 28px;
    float: left
}

.social-part-coupon .gplus-icon,
.social-part-coupon .tw-icon {
    left: 2px;
    top: 0;
    border: none
}

.social-part-coupon .fb-icon {
    left: 5px;
    top: 0;
    border: none
}

.facebook-share-coupon,
.gplus-share-coupon,
.twitter-share-coupon {
    font-size: 18px;
    color: #fff
}

.facebook-share-coupon:hover {
    color: #4267b2
}

.twitter-share-coupon:hover {
    color: #5ccbfd
}

.gplus-share-coupon:hover {
    color: #dd4b39
}

.facebook-share-coupon,
.gplus-share-coupon,
.twitter-share-coupon {
    border: none;
    transition: opacity .3s ease-in-out
}

#new-register-button {
    margin: 20px auto 0;
    float: none
}

.register_coupon_view {
    position: relative;
    float: right;
    text-align: center;
    color: #fff;
    animation-fill-mode: both;
    animation-duration: .7s
}

#new-register-button a {
    font-size: 14px
}

.register_coupon_view a {
    text-shadow: 0 1px 0 hsla(0, 0%, 100%, .25);
    font-size: 14px;
    border-radius: 1px;
    background-size: 1px 70px;
    width: 162px;
    position: relative;
    bottom: 11px;
    display: block;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
    height: 35px;
    line-height: 35px
}

.register_coupon_view a:focus,
.register_coupon_view a:hover {
    color: #000;
    background-position: 35px;
    text-decoration: none
}

#empty-coupon,
#stake-wrapper {
    width: 100%;
    box-sizing: border-box;
    padding: 15px
}

#empty-coupon p {
    color: #fff;
    text-align: center;
    font-size: 15px;
    line-height: 1.3;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .8)
}

#empty-coupon p.smaller-font {
    font-size: 13px
}

.coupon-plus-holder {
    background: #40a001;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    color: #fff
}

#popularBets ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
    display: table;
    width: 100%;
    border-collapse: collapse
}

#popularBets ul li {
    display: table-row;
    width: 100%;
    min-height: 38px;
    box-sizing: border-box;
    border-bottom: 1px solid #e2e2e2
}

#popularBets a {
    color: inherit
}

#popularBets li>a {
    display: table-cell;
    width: 80%;
    border-right: 1px solid #e2e2e2
}

#popularBets a:focus,
#popularBets a:hover {
    text-decoration: none
}

#popularBets .match-type {
    display: table-cell;
    width: 12%;
    vertical-align: middle;
    border-right: 1px solid #e2e2e2
}

#popularBets .match-type [class*=icon-] {
    width: 26px;
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 14px
}

#popularBets .match-name {
    display: table-cell;
    vertical-align: middle;
    padding: 8px;
    font-size: 12px;
    line-height: 1
}

#popularBets .link-popular {
    color: #08c;
    font-weight: 700;
    display: block
}

#popularBets a:hover .link-popular {
    text-decoration: underline
}

#popularBets .full-match-name {
    color: #626262;
    width: 100%;
    display: block;
    overflow: hidden!important;
    text-overflow: ellipsis
}

#popularBets .best-odd {
    display: table-cell;
    width: 20%;
    vertical-align: middle;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    background: #f6f6f6
}

#bettingTools ul {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0
}

#bettingTools ul li {
    width: 100%;
    list-style: none;
    background: #fff;
    border-bottom: 1px solid #dadada;
    position: relative
}

#bettingTools ul li a {
    color: #333;
    padding-left: 5px;
    text-transform: uppercase;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    display: block;
    transition: all .3s ease
}

@media (min-width:1024px) {
    #bettingTools ul li a {
        height: 30px;
        line-height: 30px
    }
}

#bettingTools ul li a:focus,
#bettingTools ul li a:hover {
    background: #d6e2f0;
    text-decoration: none
}

#oddspedia-in-numbers table {
    width: 100%
}

#oddspedia-in-numbers tr {
    background: #fff;
    border-bottom: 1px solid #ccc
}

#oddspedia-in-numbers td {
    height: 40px;
    padding: 3px 10px 4px;
    font-size: 14px
}

#oddspedia-in-numbers tr td:nth-child(2) {
    font-weight: 700
}

#widget-country-leagues ul,
#widget-leagues-chedule ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table;
    width: 100%;
    border-collapse: collapse
}

#widget-country-leagues ul li,
#widget-leagues-chedule li {
    display: table-row;
    position: relative;
    border-top: 1px inset #ddd;
    border-bottom: 1px inset #ddd;
    height: 30px;
    line-height: 30px;
    border-collapse: collapse;
    transition: all .3s ease
}

#widget-country-leagues ul li:hover,
#widget-leagues-chedule ul li:hover {
    border-color: #007aae;
    background: #d6e2f0;
    border-top: 1px solid #007aae
}

#widget-country-leagues ul li a {
    padding-left: 6px;
    padding-right: 6px
}

#widget-country-leagues ul li a:after {
    content: " ";
    display: block;
    clear: both
}

#widget-country-leagues ul li a,
#widget-leagues-chedule ul li a {
    display: block;
    text-decoration: none;
    color: #000;
    font-size: 12px
}

#widget-country-leagues .locIcn {
    opacity: 1
}

#widget-country-leagues .widget-country-league-name {
    white-space: nowrap;
    overflow: hidden!important;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    max-width: 182px
}

#widget-country-leagues .count {
    margin: 6px 4px 0 0;
    float: right;
    height: 16px;
    width: 25px;
    background: #fff;
    border-radius: 3px;
    color: #838383;
    text-align: center;
    line-height: 16px;
    font-size: 10px;
    border: 1px solid #ddd;
    box-sizing: border-box
}

#widget-leagues-chedule .widget-league-date {
    background: #ececec;
    font-size: 13px;
    color: #545454;
    margin: 0;
    height: 22px;
    line-height: 22px;
    padding: 0 6px
}

#widget-leagues-chedule .widget-league-time {
    display: table-cell;
    height: 25px;
    line-height: 25px;
    border-right: 1px solid #ddd;
    background: #ededed;
    padding: 0 6px;
    transition: all .3s ease
}

#widget-leagues-chedule .widget-league-name {
    display: table-cell;
    padding-left: 4px
}

#widget-leagues-chedule ul li:hover .widget-league-time {
    background: #d6e2f0
}

#widget-league-next-matches,
.widget-league-next-matches {
    text-align: right;
    display: block;
    padding: 0 12px;
    line-height: 25px;
    height: 25px;
    background: #ececec;
    font-weight: 700;
    font-size: 13px;
    color: #333
}

.widget-league-next-matches:focus,
.widget-league-next-matches:hover {
    color: #333
}

.derby-image-container,
.derby-image-container img {
    width: 100%
}

.poll-wrapper {
    width: 100%;
    padding: 12px;
    box-sizing: border-box
}

.poll-highest-odd-text,
.poll-question {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px
}

.poll-question {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd
}

.poll-highest-odd-text {
    padding-top: 10px;
    border-top: 1px solid #ddd
}

.poll-not-answered .poll-answers {
    cursor: pointer
}

.poll-answers {
    font-size: 14px;
    margin-bottom: 12px
}

.poll-left {
    float: left;
    margin-right: 10px
}

.poll-circle {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 2px solid #bfbfbf;
    background: #fff;
    box-sizing: border-box;
    position: relative
}

.poll-answers:hover .poll-circle:after {
    content: " ";
    display: block;
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    margin-left: -4px;
    margin-top: -5px;
    background: #007db2
}

.poll-result {
    font-weight: 700;
    color: #333
}

.poll-highest-odds #page-mainTable {
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd
}

.compare-all-odds-link {
    float: right;
    margin: 10px;
    color: #333;
    font-size: 14px
}

.compare-all-odds-link:hover {
    text-decoration: underline;
    color: #333
}

.poll-highest-odds:after {
    content: " ";
    display: block;
    clear: both
}

#derby-poll .poll-highest-odds td,
#derby-poll .poll-highest-odds th {
    border: 1px solid #ddd
}

@media (min-width:1024px) {
    #popularBets .full-match-name {
        white-space: nowrap;
        width: 160px
    }
    #oddspedia-in-numbers td {
        height: 30px;
        font-size: 12px
    }
}

.match_poll_section {
    background: #fff
}

.match_poll_section h2 {
    margin: 0 0 20px;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    font-size: 18px
}

.match_poll_section .who_will_win_wrapper {
    padding: 15px;
    background: #e5e4e6;
    text-align: center
}

.match_poll_section .who_will_win_wrapper button {
    border: none;
    background: #edbf2e;
    text-transform: uppercase;
    padding: 8px 25px;
    display: block;
    margin: 0 auto;
    font-weight: 700
}

.match_poll_section .who_will_win_wrapper label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px
}

.match_poll_section .who_will_win_wrapper label input {
    margin-right: 5px
}

.match_poll_section .who_will_win_wrapper ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 0
}

.match_poll_section .who_will_win_wrapper ul li img {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    display: block;
    margin-bottom: 15px
}

.match_poll_section .who_will_win_wrapper ul li select {
    width: 100px
}

.match_poll_section .winner_wrapper {
    padding: 15px
}

.match_poll_section .winner_wrapper ul {
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.match_poll_section .winner_wrapper ul li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-direction: column;
    flex-direction: column
}

.match_poll_section .winner_wrapper ul li span {
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-weight: 700
}

.match_poll_section .winner_wrapper ul li span.v_bar {
    width: 34px;
    height: 80px;
    margin-bottom: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end
}

.match_poll_section .winner_wrapper ul li span.v_bar span {
    position: relative;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.match_poll_section .winner_wrapper ul li span.v_bar span:after {
    position: absolute;
    bottom: -44px;
    left: 50%;
    transform: translate(-50%);
    content: attr(data-bar-height) "%"
}

.match_poll_section .correct_score_wrapper {
    padding: 15px;
    border-top: 1px solid #ddd
}

.match_poll_section .correct_score_wrapper ul li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
    text-transform: uppercase
}

.match_poll_section .correct_score_wrapper ul li span {
    font-weight: 700
}

.match_poll_section .correct_score_wrapper ul li span.score_info {
    width: 75px
}

.match_poll_section .correct_score_wrapper ul li span.score_info span {
    float: right
}

.match_poll_section .correct_score_wrapper ul li span.h_bar {
    display: -ms-flexbox;
    display: flex;
    width: 88px;
    height: 18px;
    margin-left: 10px
}

.match_poll_section .correct_score_wrapper ul li span.h_bar span {
    position: relative
}

.match_poll_section .correct_score_wrapper ul li span.h_bar span:after {
    content: attr(data-bar-width) "%";
    position: absolute;
    top: 2px;
    right: -33px;
    font-size: 12px
}

.match_poll_section .red {
    color: #de4617
}

.match_poll_section .gray {
    color: #999
}

.match_poll_section .blue {
    color: #910506
}

.match_poll_section .red_bg {
    background: #de4617
}

.match_poll_section .gray_bg {
    background: #999
}

.match_poll_section .blue_bg {
    background: #910506
}

.select {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 15px
}

.select select {
    display: inline-block;
    width: 100%;
    padding: 3px 20px 3px 7px;
    cursor: pointer;
    color: #7b7b7b;
    border: 1px solid #ddd;
    border-radius: 0;
    outline: 0;
    background: #fff;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.select select::-ms-expand {
    display: none
}

.select select:disabled {
    pointer-events: none;
    opacity: .5
}

.select__arrow {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    pointer-events: none;
    background: #910506;
    color: #fff;
    padding: 3px 5px;
    font-size: 11px
}

.select__arrow:before {
    margin-top: 3px
}

.select select:focus~.select__arrow,
.select select:hover~.select__arrow {
    border-top-color: #000
}

.select select:disabled~.select__arrow {
    border-top-color: #ccc
}

.oddspSlider {
    width: 100%;
    height: 176px;
    background-color: transparent;
    overflow: hidden
}

.oddspSlider .slider {
    width: 100%;
    height: 100%
}

.oddspSlider .slider .item {
    position: relative;
    top: 0;
    left: 0;
    z-index: 0!important;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.oddspSlider .slider .item img {
    position: relative;
    top: 0;
    left: 0;
    max-width: 900px;
    height: 100%;
    margin: 0 auto
}

.sliderNav {
    display: none
}

.sliderNav i {
    display: block;
    position: relative;
    float: left;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    margin: 2px;
    cursor: pointer;
    border: 2px solid #fff;
    box-sizing: content-box
}

.sliderNav i.cycle-pager-active {
    background: #fff
}

@media screen and (min-width:992px) {
    .sliderNav i:hover {
        box-shadow: 0 0 10px #fff
    }
}

.oddspSlider {
    height: 308px
}

.inner-slider-infos {
    height: 100%;
    padding: 5px;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column
}

.match-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1
}

.match-name {
    flex-grow: 1
}

.slider-odds-info {
    display: flex;
    flex-direction: column;
    justify-content: space-around
}

.slider-bg-icon {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    font-size: 14em;
    color: hsla(0, 0%, 100%, .6);
    z-index: 0
}

.slider-bg-icon.small-generic-icon {
    font-size: 11em;
    color: hsla(0, 0%, 100%, .5)
}

@media screen and (min-width:992px) {
    .inner-slider-infos a,
    .inner-slider-infos a:focus,
    .inner-slider-infos a:hover {
        text-decoration: none
    }
}

.match-icon-back {
    display: inline-block;
    font-size: 13px;
    transform: rotate(90deg);
    margin-right: 5px;
    color: #910506
}

.league-link {
    display: block;
    text-align: center;
    font-size: 14px
}

.match-wrapper .date {
    color: #a3a2a2;
    font-size: 12px;
    margin-top: -2px
}

.oddspSlider .league-name {
    margin-top: 15px;
    margin-bottom: 15px
}

.teams {
    width: calc(50% - 50px);
    font-family: bebas_neueregular;
    font-size: 22px;
    color: #fff;
    letter-spacing: 2px;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, .8);
    padding: 0;
    font-weight: 400;
    vertical-align: middle
}

.teams .add-team {
    position: absolute;
    top: -7px
}

.teams .add-team.first-team {
    right: -23px
}

.teams .add-team:not(.first-team) {
    left: -23px
}

.teams a {
    color: inherit;
    width: 100%;
    display: inline-block
}

.teams .add-team .icon-star-stroke:before {
    font-size: 19px
}

.center-name {
    position: relative;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    max-width: 100%;
    width: 100%
}

.center-name a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.team-name {
    -ms-flex-order: 1;
    order: 1;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    width: 50%;
    padding-top: 10px
}

.add-team {
    display: inline-block;
    font-size: 10px;
    cursor: pointer;
    height: 23px;
    line-height: 28px;
    padding: 0 6px;
    text-align: center;
    transition: all .1s ease;
    text-shadow: none
}

.add-team.first-team {
    margin-left: auto;
    margin-right: 0
}

.add-team.not-follow-team {
    border-color: #fff
}

.add-team.following-team {
    transform: rotate(-15deg) scale(1.3)
}

.add-team.following-team .icon-star {
    color: #fbd34a
}

@media screen and (min-width:992px) {
    .add-team.not-follow-team:hover [class*=icon-] {
        transform: rotate(-15deg) scale(1.3)
    }
}

.add-team .icon-star,
.add-team .icon-star-stroke {
    float: left;
    margin-top: -2px;
    transition: .3s
}

.time-middle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 90px;
    height: 100%;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 auto
}

.time-middle-inner {
    cursor: pointer;
    display: block;
    margin: 0 auto;
    padding-top: 3px;
    padding-bottom: 2px;
    width: 60px;
    height: 32px;
    font-size: 10px;
    line-height: 1;
    border-width: 1px;
    border-bottom: 0;
    border-style: solid;
    border-right: 0;
    box-shadow: 0 0 8px rgba(0, 0, 0, .8)
}

.time-middle-inner.inplay-status {
    border-color: #f33803!important
}

.time-middle-inner.inplay-status,
.time-middle-inner.result-status {
    width: auto;
    display: inline-block;
    min-width: 32px;
    line-height: 32px;
    padding: 0 10px;
    font-size: 14px
}

.time-middle-inner p {
    margin: 0
}

.time-middle-inner span {
    display: block;
    font-size: 12px;
    letter-spacing: 1px
}

.time-middle-inner #timeToStart,
.time-middle-inner.opened span:first-of-type {
    display: none
}

.time-middle-inner.opened p {
    margin: 0;
    transform: rotateY(180deg)
}

.time-middle-inner.opened {
    height: auto;
    transition: all .3s ease;
    transform: rotateY(180deg)
}

.time-middle-inner.opened #timeToStart {
    transform: rotateY(180deg);
    display: block
}

.odds-container:after {
    content: " ";
    display: block;
    clear: both
}

.odds-container .odd {
    float: left;
    width: 30%;
    margin-right: 5%;
    box-sizing: border-box;
    border: 1px solid #501403;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .9);
    background: #f0d358;
    background: linear-gradient(#f0d358, #eba901, #f0d358);
    transition: background .21s ease-out;
    background-size: 1px 70px;
    height: 100%
}

@media screen and (min-width:992px) {
    .odds-container .odd:hover {
        background-position: 35px
    }
}

.odds-container [class*=bk_] {
    display: block;
    float: left;
    width: 90%;
    height: 100%;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    margin: 0 5%;
    height: 20px;
    margin-top: 4px;
    margin-bottom: -4px
}

.odd-slider {
    display: block;
    text-align: center
}

.odds-container .odd .bookies {
    text-align: center;
    font-weight: 700;
    font-size: 1.1em;
    width: 100%;
    background: none;
    padding: 0;
    min-width: auto;
    color: #333;
    line-height: 31px
}

@media screen and (min-width:992px) {
    .odds-container .odd .bookies:hover {
        color: #000
    }
}

.odds-container .odd .label {
    background: #ed5b28;
    background: linear-gradient(180deg, #ed5b28 0, #cd3006 99%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ed5b28", endColorstr="#cd3006", GradientType=0);
    font-weight: 700;
    color: #fff;
    text-align: center;
    border-radius: 0
}

.odds-container .odd:last-child {
    margin-right: 0;
    height: 100%
}

.slider-cta {
    display: block;
    width: 150px;
    height: 30px;
    line-height: 28px;
    font-size: 12px;
    padding: 0 8px 0 13px;
    margin: 18px auto 0;
    border: 1px solid hsla(0, 0%, 71%, .6);
    color: #ddd;
    background: rgba(0, 0, 0, .6);
    font-weight: 700
}

@media screen and (min-width:992px) {
    .slider-cta:focus,
    .slider-cta:hover {
        color: #ddd;
        text-decoration: none
    }
}

.slider-cta .tilt-left-mobile {
    display: block
}

.slider-image {
    background-position: 50%;
    width: 100%;
    height: 100%;
    background-size: cover
}

#tennis-header {
    display: table;
    width: 100%;
    margin-top: 10px
}

#tennis-header .tcell {
    display: table-cell;
    vertical-align: middle
}

#tennis-header h1 {
    width: 40%
}

#tennis-header .teams {
    display: block;
    font-size: 22px;
    margin-top: 10px;
    width: 100%;
    line-height: 22px
}

#match-inplay-result.tennis-inplay-result {
    max-width: 210px;
    width: 165px;
    margin: -16px 20px 0
}

#match-inplay-result.tennis-inplay-result table {
    border-collapse: separate;
    border-spacing: 0 5px
}

#match-inplay-result td {
    line-height: 35px;
    text-align: center;
    font-family: bebas_neueregular;
    font-size: 25px
}

.tennis-games-result td {
    background: hsla(0, 0%, 100%, .75)
}

.tennis-sets-result td {
    background: #fff
}

#match-inplay-result th {
    line-height: 16px;
    background: rgba(0, 0, 0, .8);
    color: #fff;
    font-size: 12px;
    min-height: 20px
}

#match-inplay-result tr {
    box-shadow: 0 0 6px rgba(0, 0, 0, .6)
}

.tennis-games-result {
    width: 120px
}

.tennis-sets-result {
    width: 40px;
    margin-left: 5px
}

.tennis-inplay-result:after {
    content: "";
    display: block;
    clear: both
}

.table-inplay td {
    min-width: 8px;
    text-align: center;
    color: #999
}

.table-inplay td b {
    color: #333
}

.final-results,
.inplay-final-results {
    width: 20px!important;
    margin-right: 10px
}

.inplay-final-results td {
    color: #de4618;
    font-weight: 700
}

.final-results td {
    color: #000;
    font-weight: 700
}

.inplay-current-results {
    width: 60px!important;
    color: #333
}

.current-set {
    position: absolute;
    display: block;
    text-align: center;
    top: -5px;
    left: 50%;
    width: 80px;
    font-size: 16px;
    font-weight: 700;
    line-height: 32px;
    margin-left: -40px
}

.inplay-result {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2
}

.result-container {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .6);
    display: -ms-inline-flexbox;
    display: inline-flex
}

.result-data {
    display: inline-block;
    width: 40px;
    background: #fff;
    text-align: center;
    font-family: bebas_neueregular;
    line-height: 34px;
    font-size: 22px;
    font-weight: 100;
    height: 30px;
    color: #515151
}

.result-data:last-child {
    margin-left: 2px
}

#tennis-header #bestodds {
    float: none;
    margin: 5px 0;
    padding: 0;
    width: 80px
}

#tennis-header #bestodds .best-odd-responsive {
    margin: 5px auto 0!important;
    height: 35px;
    width: 80px
}

#match_head #tennis-header .best-odd-responsive a>div {
    line-height: 33px
}

@keyframes a {
    0% {
        margin-left: 0;
        margin-right: 5px
    }
    50% {
        margin-left: 5px;
        margin-right: 0
    }
    to {
        margin-left: 0;
        margin-right: 5px
    }
}

@media screen and (min-width:992px) {
    .league-type-name a,
    .league-type-name a:hover {
        color: #fff
    }
}

.cta-text {
    font-size: 14px;
    margin: 0
}

.odds-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    width: 90%;
    margin: 0 5%
}

@media only screen and (min-device-width:320px) and (max-device-width:768px) {
    #match_head .team-name {
        display: block;
        font-size: 16px;
        letter-spacing: 0;
        max-width: 100%
    }
    .teams .team-logo {
        font-size: 14px;
        line-height: 14px
    }
    .teams {
        text-align: center
    }
    .time-middle-inner {
        width: 90px
    }
    .mobile-flex-order {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        flex-direction: column
    }
    .mobile-flex-order .team-name {
        -ms-flex-order: 2;
        order: 2
    }
    .mobile-flex-order .team-logo {
        -ms-flex-order: 1;
        order: 1
    }
    .teams .add-team {
        top: 0
    }
    .teams .add-team:not(.first-team) {
        left: -10px
    }
    .teams .add-team.first-team {
        right: -10px
    }
    #match_head .match-name {
        margin-top: 6px
    }
}

@media (max-width:768px) {

    .sliderNav {
        transform: translateX(-50%);
        left: 50%;
        right: auto
    }
    .top-link {
        padding-top: 10px
    }
    .team-name {
        width: 100%
    }
}

@media (min-width:768px) {
    .sliderNav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        bottom: 10px;
        right: 10px;
        background: transparent;
        height: 16px;
        border-radius: 5px;
        width: auto;
        z-index: 1000;
        max-height: 16px;
        overflow: hidden
    }
    .inner-slider-infos {
        padding: 10px
    }
    .odds-container {
        width: 80%;
        margin: 0 10%
    }
    .odds-container .odd .bookie-odd {
        float: left;
        width: 85%
    }
    .odd-slider {
        float: right;
        width: 30%;
        text-align: left
    }
    .odds-container .odd .bookies [class*=bk_] {
        width: 70%;
        margin: 0;
        height: 30px
    }
    .cta-text {
        font-family: bebas_neueregular;
        font-weight: 400;
        font-size: 22px;
        letter-spacing: 1px;
        margin: 0;
        text-align: center;
        color: #fff;
        text-shadow: 2px 2px 1px rgba(0, 0, 0, .8)
    }
    .odds-container .odd .label {
        border-right: 1px solid #501403;
        float: left;
        width: 15%;
        height: 30px;
        line-height: 30px;
        font-size: 16px
    }
}

@media screen and (min-width:768px) and (min-width:992px) {
    .match-wrapper a:hover .match-icon-back,
    .slider-cta:hover .goto-arrows {
        animation: a .7s infinite;
        -webkit-animation: a .7s infinite
    }
}

@media (min-width:768px) {
    .slider-cta {
        width: 173px;
        height: 30px;
        margin-top: 20px;
        line-height: 28px;
        font-size: 14px
    }
    .teams {
        width: calc(50% - 65px);
        font-size: 28px
    }
    .time-middle-inner {
        width: 90px
    }
    .add-team {
        font-size: 18px
    }
    .inplay-result .time-middle-inner {
        width: 50px;
        display: block;
        margin: -2px auto;
        line-height: 25px;
        height: 25px;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.hotmatch .current-set {
    top: -6px
}

.hotmatch #tennis-header {
    display: table;
    width: 100%;
    padding-top: 15px
}

.hotmatch .league-name,
.hotmatch .oddspSlider .league-name {
    margin-top: 0;
    margin-bottom: 0
}

.hotmatch .slider-cta {
    margin: 8px auto 0
}

.hotmatch .tennis-inplay-result {
    color: #515151
}

@media screen and (max-width:768px) {
    .responsive-hide {
        display: none!important
    }
}

@media (min-width:992px) {
    .current-set {
        top: -17px
    }
    .oddspSlider {
        margin-bottom: 8px;
        height: 295px
    }
    .center-name a {
        display: block
    }
    .team-name {
        font-size: 22px;
        margin-right: 10px
    }
    .team-logo+.team-name {
        margin-left: 10px;
        margin-right: 0
    }
    .hotmatch .oddspSlider .league-name {
        margin-top: 15px
    }
    #tennis-header .teams {
        line-height: 29px
    }
}

#additionalPageInfo,
.additionalPageInfo {
    width: 100%;
    padding: 0;
    position: relative;
    margin-bottom: 8px
}

.additionalPageInfo:first-of-type {
    margin-top: 8px
}

.additionalPageInfo:before {
    content: "";
    display: table
}

.additionalPageInfo:after {
    content: "";
    display: block;
    clear: both
}

.no-events {
    background: #fff;
    padding: 20px;
    text-align: center;
    font-size: 16px;
    color: #777
}

.no-events-title {
    font-weight: 700;
    font-size: 19px;
    margin-bottom: 0;
    color: #333
}

.calendar-no-events {
    background: url(../images/no-events3.png) 50% no-repeat;
    width: 236px;
    height: 158px;
    margin: 0 auto 30px
}

.left-double-arrows,
.right-double-arrows {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    position: relative
}

.left-double-arrows:after,
.left-double-arrows:before,
.right-double-arrows:after,
.right-double-arrows:before {
    content: " ";
    position: absolute;
    display: block;
    top: 1px;
    width: 6px;
    height: 6px;
    transform: rotate(45deg)
}

.right-double-arrows:after,
.right-double-arrows:before {
    border-top: 2px solid #555;
    border-right: 2px solid #555
}

.left-double-arrows:after,
.left-double-arrows:before {
    border-bottom: 2px solid #555;
    border-left: 2px solid #555
}

.left-double-arrows:before,
.right-double-arrows:before {
    left: 0
}

.left-double-arrows:after,
.right-double-arrows:after {
    right: 0
}

.rtitle,
.val_1,
.val_2,
.val_3,
.val_4,
.val_5,
.val_6 {
    vertical-align: middle
}

.flex .rtitle,
.flex .val_1,
.flex .val_2,
.flex .val_3,
.flex .val_4,
.flex .val_5,
.flex .val_6,
.movement-wrapper .rtitle,
.movement-wrapper .val_1,
.movement-wrapper .val_2,
.movement-wrapper .val_3,
.movement-wrapper .val_4,
.movement-wrapper .val_5,
.movement-wrapper .val_6 {
    vertical-align: middle;
    -ms-flex-preferred-size: 17%;
    flex-basis: 17%
}

.flex .val_1.blocked-odds-size_1 {
    -ms-flex-preferred-size: 17%;
    flex-basis: 17%
}

.flex .val_1.blocked-odds-size_2 {
    -ms-flex-preferred-size: 34%;
    flex-basis: 34%
}

.flex .val_1.blocked-odds-size_3 {
    -ms-flex-preferred-size: 51%;
    flex-basis: 51%
}

.flex .match-surebet-size_1 {
    -ms-flex-preferred-size: 17%;
    flex-basis: 17%
}

.flex .match-surebet-size_2 {
    -ms-flex-preferred-size: 34%;
    flex-basis: 34%
}

.flex .match-surebet-size_3 {
    -ms-flex-preferred-size: 51%;
    flex-basis: 51%
}

.match-surebet-size_1 .flex>*,
.match-surebet-size_2 .flex>*,
.match-surebet-size_3 .flex>* {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.filter-letters a {
    display: block;
    padding: 0 4px;
    text-align: center;
    text-transform: capitalize;
    font-weight: 700;
    line-height: 24px;
    font-size: 13px;
    color: inherit
}

.filter-letters a:focus,
.filter-letters a:hover {
    text-decoration: none!important;
    color: inherit!important
}

.league-popup {
    width: 100%;
    padding-right: 20px;
    padding-left: 4px;
    line-height: 20px
}

.popup-headline {
    line-height: 20px;
    border-bottom: 1px solid #ddd;
    font-weight: 700;
    font-size: 14px
}

.popup-headline .locIcn {
    margin-top: -3px;
    margin-right: 6px;
    margin-left: 1px
}

.league-popup .count {
    right: 2px
}

.table-responsive {
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.oddspedia-table {
    width: 100%;
    background: #fff;
}
.div-margin-bottom {
    margin-bottom: 50px;
}
.div-margin-bottom-small {
    margin-bottom: 20px;
}

.page-subTable {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.headline {
    height: 27px;
    line-height: 27px;
    border-top: 1px solid #ddd
}

.headline-desktop {
    display: none
}

.match-data {
    line-height: 1.2;
    border-top: 1px solid #dedede
}

.match-data div.relative,
.odd-hover .odd_value {
    color: #222;
    text-shadow: 0 0 0 #222
}

.odd-hover .odd_value {
    padding-top: 6px
}

.oddspedia-table th {
    background: #e9e9e9;
    font-weight: 700;
    border-right: 1px solid #ddd
}

.oddspedia-table th:last-child {
    border-right: none
}

.matchodds th {
    border: 1px solid #ddd
}

.oddspedia-table .rtitle {
    text-align: left;
    padding: 0 0 0 10px;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.oddspedia-table th:first-child {
    text-align: left;
    padding: 0 10px
}

.oddspedia-table th a {
    color: #333;
    font-size: 13px;
    font-weight: 700
}

.oddspedia-table th a:hover {
    text-decoration: underline
}

.oddspedia-table th .icon-star,
.oddspedia-table th .icon-star-stroke {
    float: right;
    display: block
}

.oddspedia-table th .icon-star-stroke:before,
.oddspedia-table th .icon-star:before {
    font-size: 18px
}

.oddspedia-table td {
    background-clip: padding-box;
    border-bottom: 0
}

.matchodds td {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.show-moves-mobile {
    width: 10px;
    max-width: 10px;
    text-align: center;
    font-size: 18px
}

.oddspedia-table td.winner:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    top: 1px;
    left: 1px;
    background: rgba(91, 181, 31, .3);
    z-index: 0
}

.oddspedia-table .add-league {
    margin-left: 3px;
    color: #026199
}

.match-link .rtitle {
    line-height: 1.3;
    padding: 10px 5px 25px 10px
}

.val_1,
.val_2,
.val_3,
.val_4,
.val_5,
.val_6 {
    display: table-cell;
    text-align: center;
    width: 15%;
    font-weight: 400
}

.match-link .rtitle .match-name {
    display: block;

    font-size: 1.1em;

}

.rtitle-second-row .val_1,
.rtitle-second-row .val_2,
.rtitle-second-row .val_3 {
    border-bottom: 0
}

.empty-val {
    border-left: 2px solid transparent;
    border-right: 0
}

.matchListing .labels {
    min-height: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    vertical-align: middle;
    background: #e9e9e9;
    border-bottom: 1px solid #ddd
}

.match-link {
    width: 100%;
    display: table;
    vertical-align: middle;
    position: relative;
    padding-left: 10px;
    padding-bottom: 14px
}

.archive-link:hover,
.match-link:focus,
.match-link:hover {
    text-decoration: none
}

.table-predictions .match-link {
    height: 56px
}

.match-link .rtitle {
    display: table-cell;
    padding-right: 10px
}

.odd-hover {
    background: #f6f6f6;
    color: #222;
    transition: all .1s ease;
    position: relative;
    line-height: 32px
}

.odd-hover a {
    color: inherit
}

.valueButton {
    cursor: pointer
}

.odd-hover.notooltip:hover:before,
.odd-hover.odd_active:before,
.odd-hover:hover .show_tooltip:before,
.odd-hover:hover .valueButton:before,
.odd-hover:hover:before,
.odd-hover:hover a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: all .1s ease;
    box-shadow: inset 0 0 0 1px #006298
}

.valueButton.odd-hover:focus {
    background: #006298;
    color: #fff
}

.addToCouponListing.active,
.odd-hover.active,
.odd-hover .active {
    background: #d6e2f0
}

.odd-hover span {
    color: #333;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    -ms-flex-pack: center;
    justify-content: center
}

.coupon-table .rtitle-second-row .time {
    width: 55%
}

.inner-table {
    display: table;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px
}

.match-link .matchTime {
    width: 100%;
    display: block;
    position: absolute;
    text-align: left;
    padding: 0;
    bottom: 8px;
    left: 10px;
    font-size: 13px;
    border: 0;
    color: #6e6e6e
}

.matchTime.time-inplay {
    color: #de4618;
    font-weight: 700
}

.matchTime .min_time {
    height: 100%;
    flex-direction: row;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    line-height: 1
}

.matchTime .min_time span {
    margin-right: 5px
}

.comunity_list .valueButton {
    display: table;
    width: 100%;
    text-align: center;
    min-height: 30px;
    height: 30px;
    line-height: 30px
}

.comunity_list .valueButton span {
    display: table-cell;
    vertical-align: middle;
    border-bottom: 1px solid #ddd
}

.comunity_list .inner-table {
    height: 100%
}

.showpercents {
    display: table;
    height: 25px;
    line-height: 1.2;
    width: 100%;
    position: relative;
    cursor: pointer
}

.showpercents .voted,
.showpercents b,
.showpercents i {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    width: 100%;
    text-align: center;
    z-index: 2;
    padding-left: 2px;
    padding-top: 2px;
    color: #333
}

.showpercents span {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #d6e2f0;
    display: block;
    z-index: 1
}

.table-predictions .showpercents {
    height: 26px;
    border-top: 1px solid #ddd
}

.row_predictions .showpercents {
    height: 100%
}

.row_predictions .showpercents span {
    top: -1px;
    max-height: 34px;
    height: 34px
}

.row_predictions .picked_prediction .showpercents:before,
.row_predictions .showpercents:hover:before {
    content: "PICK";
    font-weight: 700;
    line-height: 33px;
    text-align: center;
    position: absolute;
    color: #006298;
    top: -1px;
    left: -1px;
    z-index: 10;
    width: 100%;
    height: 100%;
    display: table-cell;
    border: 1px solid #007aae;
    background: #d6e2f0;
    cursor: pointer
}

#next-matches .match-link {
    padding-bottom: 0
}

#league-table {
    margin-top: 8px
}

#league-table .match-link .matchTime {
    bottom: 8px
}

.ich_matches,
.view_coupon {
    line-height: 50px;
    min-height: 50px;
    text-align: center
}

#next-matches-header h1 {
    display: none
}

.page-header h1 {
    font-size: 14px;
    margin: 0;
    line-height: 34px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    text-rendering: optimizeLegibility
}

.page-header h1 [class*=icon-] {
    display: inline-block;
    margin-right: 10px;
    font-size: 16px
}

.ich_next_matches h1,
.prematchHead h1 {
    font-size: 14px;
    text-align: center;
    line-height: 40px
}

.next-date,
.prev-date {
    position: absolute;
    top: 0;
    height: 40px;
    width: 40px
}

.next-date {
    right: 0
}

.next-date:before,
.prev-date:before {
    content: " ";
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    top: 32%;
    left: 24%
}

.next-date:before {
    transform: rotate(-135deg)
}

.prev-date {
    left: 0
}

.prev-date:before {
    transform: rotate(45deg)
}

#next-matches-menu {
    right: 6px;
    padding: 0;
    position: relative
}

#next-matches-menu li {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    margin-bottom: -1px;
    width: 33.33%;
    text-align: center;
    float: none
}

#next-matches-menu li:last-child {
    margin-right: -10px;
    width: 45px
}

#next-matches-menu .border-nav {
    height: 50%;
    top: 25%
}

#next-matches-menu li a {
    font-size: 13px;
    padding: 0 10px;
    font-weight: 400
}

#next-matches-menu li.active a {
    font-weight: 700
}

#next-matches-menu .calendarNextMatches {
    display: block;
    cursor: pointer;
    font-size: 14px;
    margin-top: -2px
}

#next-matches-menu .calendarNextMatches .input-group {
    padding: 10px 10px 10px 15px
}

#sharebarLine {
    width: 100%;
    padding: 3px 0;
    height: 30px;
    position: relative;
    float: left;
    margin-top: 8px
}

.addToMyLeagues {
    color: #fff;
    font-weight: 700;
    height: 25px;
    line-height: 25px;
    display: block;
    cursor: pointer;
    float: right;
    border: 1px solid #fff;
    padding: 0 10px;
    background: #000
}

.addToMyLeagues span {
    height: 30px;
    width: 30px;
    margin-right: 5px;
    margin-top: 0;
    margin-left: -5px
}

.addToMyLeagues a,
.addToMyLeagues a:focus,
.addToMyLeagues a:hover {
    color: #fff;
    text-decoration: none
}

.removeFromMyLeagues {
    color: #fff;
    font-weight: 700;
    height: 25px;
    line-height: 25px;
    display: block;
    text-shadow: 0 1px 0 #000;
    cursor: pointer;
    float: right;
    border: 1px solid #fff;
    padding: 0 10px;
    background: #000
}

.removeFromMyLeagues span {
    height: 30px;
    width: 30px;
    margin-right: 5px;
    margin-top: 0;
    margin-left: -5px
}

#sports-buttons {
    height: 32px
}

#sports-buttons div {
    padding: 0 5px;
    width: 20%;
    min-width: 135px
}

#sports-buttons.four-buttons div {
    width: 25%
}

#sports-buttons .live-odds-counter {
    margin-right: 0;
    margin-top: -2px
}

#sports-mobile .dropdown-menu {
    min-width: 100%;
    font-size: 12px;
    border-radius: 0;
    margin-top: -1px
}

#mobile_sports_dropdown {
    border: 1px solid #ddd
}

.dropdown-menu .dopdown-sub {
    overflow-y: auto;
    overflow-x: hidden
}

.mobile-match-dropdown {
    outline: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: #fff;
    padding: 0;
    text-align: left;
    border: none
}

.mobile-match-dropdown .icon-down-arrow {
    position: absolute;
    right: 0;
    height: 32px;
    line-height: 32px;
    width: 32px;
    text-align: center;
    font-size: 16px;
    top: -1px;
    right: -1px;
    bottom: -1px
}

.mobile-match-dropdown .triangle-left:after {
    border-width: 0 0 32px 10px
}

#sports-tabs {
    display: flex;
    padding: 10px;
    background: #fff
}

#sports-tabs:after {
    content: " ";
    display: block;
    clear: both
}

#sports-tabs .sport-col {
    width: 110px;
    margin-right: 10px;
    min-height: 28px;
    transition: all .1s ease
}

#sports-mobile {
    margin: 0;
    padding: 10px 10px 0;
    background: #fff
}

#sports-mobile .sport-col {
    min-height: 28px;
    line-height: 26px
}

#sports-mobile .col-xs-6 {
    padding-left: 10px;
    padding-right: 10px
}

#sports-tabs .sport-col:last-child {
    margin-right: 0;
    position: relative
}

#sports-mobile .sport-button-wrap,
#sports-tabs .sport-button-wrap,
.sport-col button {
    display: table;
    color: #333;
    border: 1px solid #ddd;
    font-weight: 700;
    width: 100%;
    height: 28px;
    transition: all .1s ease;
    cursor: pointer
}

.active-odd-mobile {
    font-weight: 700;
    height: 30px;
    color: #333;
    line-height: 30px;
    font-size: 12px
}

.hover-button-ovveride {
    position: absolute;
    z-index: 500;
    width: 100%;
    height: 100%;
    cursor: pointer
}

#sports-mobile .sport-button-wrap.active,
#sports-tabs .sport-button-wrap.active,
#sports-tabs .sport-button-wrap:hover,
#sports-tabs a:focus {
    text-decoration: none;
    background: #910506;
    color: #fff;
    border-color: #006298
}

#sports-mobile .sport-button-wrap.active .sport-tab-icon,
#sports-tabs .sport-button-wrap.active .sport-tab-icon,
#sports-tabs .sport-button-wrap:hover .sport-tab-icon {
    background: #910506;
    border-color: #006298
}

.sport-tab-icon,
.sport-tab-name {
    display: table-cell
}

.arrow-dropdown,
.sport-tab-icon {
    vertical-align: middle
}

.sport-tab-icon {
    width: 25px;
    border-right: 1px solid #ddd
}

.arrow-dropdown {
    width: 28px
}

.sport-tab-icon {
    background: #efefef
}

.sport-tab-icon [class*=icon-] {
    text-align: center;
    font-size: 16px;
    display: block;
    line-height: 1
}

.sportfilter_inplay {
    width: 134px
}

.arrow-dropdown {
    display: block;
    position: absolute;
    right: -1px;
    top: 0;
    height: 100%;
    z-index: 2
}

.arrow-dropdown .icon-down-arrow {
    display: block;
    text-align: center;
    line-height: 32px
}

.sport-tab-name {
    padding-left: 6px;
    padding-right: 6px;
    vertical-align: middle
}

#sports-tabs .sport-tab-name {
    text-align: center;
    line-height: 1
}

#sports-mobile .sport-tab-name {
    text-align: left
}

.sport-col button {
    background: #fff;
    min-height: 32px;
    padding-right: 20px
}

#bookmakers-chooser:hover,
.sport-col.open button {
    border-color: #006298
}

.sport-dropdown-col {
    margin-top: -1px
}

.dropdown .sport-dropdown-col a {
    display: table;
    color: #333;
    border: 1px solid #ddd;
    font-weight: 700;
    width: 100%;
    min-height: 28px;
    transition: all .1s ease
}

#sports-tabs .sportfilter_inplay {
    width: 134px
}

.page-header.ich_dropping p,
.page-header.ich_new_header p,
.page-header.ich_value p {
    font-size: 12px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .8);
    margin: 0;
    padding-bottom: 6px;
    text-align: center
}

.text-footer-widget {
    border: 1px solid #ddd;
    font-size: 12px;
    color: #777;
    width: auto;
    padding: 10px 8px;
    line-height: 1.2
}

.text-footer-widget p {
    margin: 0
}

.page_archived_results #general_tabs {
    float: left;
    width: 100%
}

.page_archived_results .grouplabel,
.pagination-headline {
    width: 100%;
    list-style: none;
    background: #ececec;
    border-top: 1px solid #d4d4d4
}

.page_archived_results .grouplabel.list_country {
    border-bottom: 1px inset #d4d4d4;
    padding: 0 10px;
    display: table;
    line-height: 32px
}

.page_archived_results .grouplabel .ltitle {
    display: inline-block
}

#page-mainTable.counties {
    padding: 0;
    list-style: none
}

#page-mainTable .leftColumn {
    padding-left: 10px;
    border-bottom: 1px solid #f0f0f0;
    line-height: 32px
}

.ich_hot_matches {
    background: url(../images/bt_headers/hot-matches.jpg) top;
    margin-bottom: 8px
}

.ich_hot_matches .atom {
    background: none;
    width: 0
}

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

.ich_value .atom {
    background-position: -102px -354px
}

.breadchump-hr {
    float: left;
    width: 100%;
    border-bottom: none;
    border-top: 1px solid hsla(0, 0%, 78%, .2);
    margin-bottom: 0
}

.breadchump-text {
    padding: 14px;
    float: left;
    color: #eee;
    font-size: 12px
}

.breadchump-text .league-name {
    padding-bottom: 14px
}

.breadchump-text .league-type-name {
    padding-left: 0;
    text-shadow: none
}

.breadchump-text .hr-container:before {
    opacity: .35;
    box-shadow: none
}

.with-border-bottom {
    border-bottom: 1px solid hsla(0, 0%, 100%, .35);
    padding-bottom: 24px
}

.breadchump-slider-wrapper {
    position: relative;
    float: left;
    width: 100%;
    padding: 14px 0 30px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .35)
}

.breadchump-slider-wrapper .sliderNav {
    top: auto;
    bottom: 0
}

.league-name {
    display: table;
    width: 100%
}

.hr-container,
.league-type-name {
    display: table-cell
}

.hr-container {
    position: relative;
    height: 100%
}

.hr-container:before {
    content: " ";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .8);
    top: 49%;
    display: block
}

.league-type-name {
    width: 1px;
    display: table-cell;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, .8);
    white-space: nowrap;
    padding: 0 15px
}

#searchbox_home {
    width: 238px;
    margin-right: 10px
}

#searchbox_home input {
    border: 1px solid #ddd
}

#almanac_date_from input,
#almanac_date_to input {
    padding-left: 10px
}

#almanac-sport-filter .mobile-match-dropdown button {
    text-align: left;
    padding-left: 10px
}

#period-dropdown button {
    padding-left: 10px
}

#widget-filter .almanac_row {
    margin: 10px
}

.upcomingEvents {
    background: #fff;
    text-align: center;
    display: block;
    padding: 37px;
    font-size: 16px;
    line-height: 16px;
    color: #333
}

.almanac_calendar_icon {
    position: absolute;
    right: 0;
    height: 32px;
    line-height: 32px;
    width: 32px;
    text-align: center;
    font-size: 16px;
    top: 0;
    right: -1px;
    bottom: -1px
}

.almanac_radio_lable {
    font-weight: 700
}

#almanac-sport-filter .sport-col,
.fixed-col {
    width: 134px!important
}

#widget-filter .flex .dropdown-menu {
    background: #fff;
    min-width: 100%;
    height: 220px
}

.almanac_calendar_icon.triangle-left:after {
    right: 100%;
    border-width: 0 0 32px 10px
}

@media (max-width:1023px) {
    .dropdown-menu {
        position: fixed;
        background: rgba(0, 0, 0, .6);
        top: 0;
        bottom: 0!important;
        width: 100%;
        height: 100%;
        padding: 130px 0 42px;
        overflow-y: scroll
    }
    .dropdown-menu .dopdown-sub {
        position: absolute;
        width: 100%;
        bottom: 66px;
        max-height: calc(100% - 170px);
        overflow-y: auto
    }
    .dropdown-value {
        height: 50px!important;
        font-size: 20px!important;
        padding: 10px!important;
        text-align: center!important
    }
}

@media (max-width:768px) {
    #next-matches-menu li.active,
    #next-matches-menu li:focus,
    #next-matches-menu li:hover {
        background: #910506;
        border-bottom: 3px solid #ffdd48
    }
    #next-matches-menu li a {
        display: block
    }
    .dropdown-menu .dopdown-sub {
        bottom: 46px
    }
    #almanac-sport-filter .dopdown-sub {
        background: #fff;
        margin: 0 10px;
        width: 95%
    }
    #widget-filter .almanac_row {
        display: block
    }
    #widget-filter .almanac_row .sport-col {
        display: inline-block;
        width: 30%;
        float: none;
        margin: 1%
    }
    #period-dropdown {
        width: 66%!important;
        margin: 0
    }
    #widget-filter .almanac_row #almanac_date_from,
    #widget-filter .almanac_row #almanac_date_to {
        width: 32%
    }
    #widget-filter .almanac_row #ha-dropdown,
    #widget-filter .almanac_row #outcome-dropdown {
        width: 48%!important
    }
    #searchbox_home {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px
    }
    #sports-mobile .dropdown-menu {
        position: absolute;
        top: 32px;
        height: 400px
    }
    #sports-mobile .dropdown-menu .dopdown-sub {
        width: 100%;
        margin: 0;
        max-height: 100%;
        bottom: 0
    }
}

@media (min-width:425px) {
    .match-link .rtitle .match-name {
        font-size: 1.2em
    }
    .clearMenu_date a:first-child {
        margin-left: 10%
    }
    .clearMenu_date a:nth-child(-n+5) {
        display: block
    }
}

@media (min-width:768px) {
    #next-matches-header {
        overflow: hidden
    }
    #next-matches-header h1 {
        display: block
    }
    #next-matches-menu {
        position: absolute
    }
    #sports-buttons {
        background: #fff
    }
    #league-table {
        margin-top: 0
    }
    .match-link {
        border-bottom: none
    }
    #next-matches-menu li {
        width: auto;
        float: left
    }
    .clearMenu_date a {
        display: none!important
    }
    .clearMenu_date a:first-child {
        margin-left: 0
    }
    .clearMenu_date a:nth-child(-n+3) {
        display: block!important
    }
    .page-header h1 {
        margin-left: 15px;
        text-align: left;
        float: left;
        margin-top: -1px
    }
    .ich_matches,
    .ich_next_matches,
    .view_coupon {
        height: auto;
        min-height: 70px
    }
    .ich_next_matches h1,
    .view_coupon h1 {
        font-size: 24px;
        text-align: left;
        line-height: 50px
    }
    .ich_matches {
        text-align: left
    }
    .ich_new_header {
        padding: 10px 12px 0
    }
    .page-header.ich_new_header h1 {
        max-width: 40%
    }
    .page-header.ich_dropping h1,
    .page-header.ich_new_header h1,
    .page-header.ich_value h1 {
        position: relative;
        margin: 0;
        line-height: 50px;
        float: left;
        padding-right: 18px;
        border-right: 1px solid #006298
    }
    .page-header.ich_dropping h1:after,
    .page-header.ich_new_header h1:after,
    .page-header.ich_value h1:after {
        content: " ";
        display: block;
        height: 100%;
        width: 1px;
        background: #289dda;
        position: absolute;
        right: -2px;
        top: 0
    }
    .page-header.ich_dropping p,
    .page-header.ich_new_header p {
        width: 60%
    }
    .page-header.ich_dropping p,
    .page-header.ich_new_header p,
    .page-header.ich_value p {
        float: left;
        box-sizing: border-box;
        padding: 11px;
        font-size: 12px;
        color: #fff;
        line-height: 1.3;
        text-align: left;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .8);
        margin: 0
    }
    .page-header.ich_value p {
        width: 70%
    }
    .noval1 {
        width: 15%;
        max-width: 15%
    }
    .labels .noval1 {
        width: 50%;
        min-width: 50%
    }
    #page-mainTable .leftColumn:after {
        content: " ";
        display: block;
        clear: both
    }
    #page-mainTable .leftColumn {
        width: 50%;
        float: left
    }
    #widget-filter .flex .dropdown-menu {
        height: auto
    }
}

@media (min-width:1024px) {
    .mobile-match-dropdown {
        border: none
    }
    .dropdown-menu {

        min-width: auto
    }
    .dropdown-menu .dopdown-sub {
        max-height: 400px
    }
    .clearMenu_date a:first-child {
        margin-left: 15%!important
    }
    .clearMenu_date a {
        display: block!important
    }
    .done-coupon-link,
    .edit-coupon-link,
    .header-click-buton {
        font-size: 1em
    }
    .flex .rtitle,
    .flex .val_1,
    .flex .val_2,
    .flex .val_3,
    .flex .val_4,
    .flex .val_5,
    .flex .val_6 {
        vertical-align: middle;
        -ms-flex-preferred-size: 13%;
        flex-basis: 13%
    }
    .flex .val_1.outrights-value {
        -ms-flex-preferred-size: 13%;
        flex-basis: 13%
    }
    .movement-wrapper .rtitle,
    .movement-wrapper .val_1,
    .movement-wrapper .val_2,
    .movement-wrapper .val_3,
    .movement-wrapper .val_4,
    .movement-wrapper .val_5,
    .movement-wrapper .val_6 {
        vertical-align: middle;
        -ms-flex-preferred-size: 13%;
        flex-basis: 13%
    }
    .flex .val_1.blocked-odds-size_1,
    .movement-wrapper .val_1.outrights-value {
        -ms-flex-preferred-size: 13%;
        flex-basis: 13%
    }
    .flex .val_1.blocked-odds-size_2 {
        -ms-flex-preferred-size: 26%;
        flex-basis: 26%
    }
    .flex .val_1.blocked-odds-size_3 {
        -ms-flex-preferred-size: 39%;
        flex-basis: 39%
    }
    .flex .match-surebet-size_1 {
        -ms-flex-preferred-size: 13%;
        flex-basis: 13%
    }
    .flex .match-surebet-size_2 {
        -ms-flex-preferred-size: 26%;
        flex-basis: 26%
    }
    .flex .match-surebet-size_3 {
        -ms-flex-preferred-size: 39%;
        flex-basis: 39%
    }
    .match-surebet-size_1 .flex>*,
    .match-surebet-size_2 .flex>*,
    .match-surebet-size_3 .flex>* {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
    #page-mainTable .leftColumn {
        width: 33.3%;
        width: 33.33333%
    }
    .matchTime .min_time {
        flex-direction: column
    }
    .matchTime .min_time span {
        margin-right: 0
    }
}

@media (min-width:1200px) {
    .headline {
        height: 25px;
        line-height: 25px
    }
    .headline-mobile {
        display: none
    }
    .headline-desktop {
        display: table-row
    }
    .oddspedia-table th .icon-star,
    .oddspedia-table th .icon-star-stroke {
        float: none;
        display: inline-block
    }
    .oddspedia-table th .icon-star-stroke:before,
    .oddspedia-table th .icon-star:before {
        font-size: 14px
    }
    .match-link .rtitle {
        padding: 12px 0
    }
    .match-link .rtitle .match-name {
        font-size: 14px
    }
    .matchListing li:after {
        content: " ";
        display: block;
        clear: both
    }
    .rtitle-second-row .time {
        display: none
    }
    .rtitle-second-row {
        display: table;
        width: 100%
    }
    .inner-table {
        min-height: 32px;
        padding: 0
    }
    .val_1,
    .val_2,
    .val_3,
    .val_4,
    .val_5,
    .val_6 {
        font-size: 14px;
        width: 80px;
        min-width: 10%
    }
    .match-link {
        padding-bottom: 0
    }
    .labels .rtitle {
        width: 70%;
        border: none;
        display: table-cell;
        background: transparent
    }
    .rtitle {
        padding-left: 10px
    }
    .sportIcon {
        margin-left: 0
    }
    .match-link .matchTime {
        position: relative;
        display: table-cell;
        padding-left: 5px;
        padding-right: 5px;
        vertical-align: middle;
        height: 100%;
        width: 80px;
        left: 0;
        text-align: center;
        bottom: 0!important;
        background-clip: padding-box
    }
    .matchTime.time-inplay {
        padding-bottom: 1px
    }
    .matchTime .min_time {
        line-height: 1.3
    }
    .match-link .matchTime.matchTime-big {
        padding-left: 15px;
        padding-right: 15px
    }
    #next-matches .min_time {
        display: block
    }
    .done-coupon-link,
    .edit-coupon-link,
    .header-click-buton {
        font-size: .8em
    }
}

#shown-leagues .locIcn {
    opacity: 1
}

.filter-heading:after,
.leagues-toshown:after {
    content: "";
    display: block;
    clear: both
}

#nextmatches_filter {
    padding: 0 10px 10px
}

#next-matches .pretty-checkbox,
#nextmatches-filter-leagues .pretty-checkbox {
    vertical-align: middle;
    background: #fff;
    width: 13px;
    height: 13px;
    border: 1px solid #b2b2b2
}

#next-matches .pretty-checkbox:after,
#nextmatches-filter-leagues .pretty-checkbox:after {
    width: 9px;
    height: 5px;
    top: 2px;
    left: 1px
}

#next-matches .active .pretty-checkbox:after,
#nextmatches-filter-leagues .active .pretty-checkbox:after {
    opacity: 1
}

.ckeckbox-wrapper,
.sidebar-list li.leagues-toshown {
    cursor: pointer
}

.sidebar-list li.leagues-toshown {
    line-height: 30px
}

#nextmatches_filter .sidebar-list.submenu a {
    padding-left: 0;
    float: left;
    width: calc(100% - 34px)
}

#nextmatches_filter .ckeckbox-wrapper {
    display: block;
    float: left;
    height: 32px;
    padding: 10px;
    vertical-align: middle
}

#nextmatches_filter .pretty-checkbox {
    margin: 0;
    display: block
}

#filter-matches-list-popular .left-menu-leaguename {
    max-width: calc(100% - 80px);
    overflow: hidden;
    white-space: nowrap
}

.close {
    margin-top: 4px;
    width: 40px;
    height: 40px;
    font-size: 42px;
    position: relative
}

.close:after,
.close:before {
    content: "";
    position: absolute;
    height: 3px;
    width: 65%;
    top: 50%;
    left: 0;
    margin-top: -2px;
    background: #000;
    margin-left: 3px
}

.close:before {
    transform: rotate(45deg)
}

.close:after {
    transform: rotate(-45deg)
}

.grey-row {
    width: 100%;
    height: 1px;
    background: #ddd;
    float: left;
    display: none
}

@media (min-width:1024px) {
    .close {
        margin-top: 2px;
        font-size: 21px;
        width: 20px;
        height: 20px
    }
    .grey-row {
        display: block
    }
    .sub-leagues .col-md-4 {
        border-bottom: none
    }
}

[data-bookie="1xbet"] {
    background: #d6e2f0!important
}

#match_head .match-wrapper .date {
    margin-top: 0
}

#match_head .best-odd-responsive a>div {
    float: none;
    display: table-cell;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    text-align: center
}

#match_head .odd .label {
    padding: 0 3px
}

.odd .label .inner-label {
    line-height: 1;
    display: inline-block;
    vertical-align: middle
}

#match_head .bookies {
    height: 25px;
    line-height: inherit
}

#match_head .match-name {
    line-height: 100px;
    height: 100px;
    margin: 0
}

#bestodds {
    color: #fff;
    max-width: 320px;
    margin: 4px auto;
    padding-bottom: 4px
}

#bestodds.odds-container .odd {
    margin-left: 4%!important;
    margin-right: 4%;
    width: 26%;
    margin-left: 3%!important;
    max-width: 84px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .7)
}

#bestodds.odds-container .odd a {
    float: left;
    width: 100%;
    display: block;
    overflow: hidden
}

#bestodds.odds-container .odd .label {
    min-width: 20px;
    font-size: 14px;
    text-shadow: 0 -1px 0 #333;
    overflow: hidden
}

#bestodds.odds-container .odd .bookie-odd {
    width: 100%;
    padding: 0
}

#bestodds.odds-container .odd .bookies {
    font-size: 12px
}

#match_head .best-odd-responsive a {
    display: table
}

#match_head .odd .bookie-odd {
    min-width: 65%
}

.page-content {
    background: #fff
}

.page-content.transparent {
    background-color: transparent
}

.page-content .slider-generic {
    position: absolute
}

.page-content .overlay,
.page-content .slider-generic {
    top: 0;
    width: 100%;
    height: 286px;
    text-align: center
}

.page-content .slider-bg-icon {
    height: 286px;
    background: hsla(0, 0%, 100%, .92);
    color: rgba(1, 98, 153, .09)
}

.page-content .overlay {
    z-index: 2
}

.page-content .overlay p {
    font-size: 18px
}

.page-content .overlay .find-odds {
    padding-top: 54px;
    text-transform: uppercase;
    font-weight: 700
}

.page-content .overlay .countdown {
    font-family: bebas_neueregular;
    font-size: 52px;
    padding: 10px 0 20px;
    color: #de4618;
    margin: 0
}

.page-content .overlay .bookmakers-have-inplay {
    color: #777;
    font-size: 16px;
    font-weight: 700
}

.page-content .overlay .inplay-active-books {
    padding: 0 35px
}

.page-content .overlay .coming-soon-statistics {
    padding-top: 80px;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase
}

#general_tabs {
    margin: 0;
    list-style: none;
    padding: 0
}

#general_tabs:after {
    content: " ";
    display: block;
    clear: both
}

#general_tabs ul {
    position: relative;
    padding: 10px;
    display: block
}

#general_tabs li {
    position: relative;
    float: left
}

@media screen and (min-width:992px) {
    #general_tabs .active a,
    #general_tabs li a:hover {
        border-color: #004267;
        background: #006298;
        color: #fff;
        text-shadow: none
    }
}

#general_tabs li a {
    position: relative;
    float: left;
    line-height: 18px;
    background: #fff;
    color: #000;
    padding: 3px;
    margin-right: 5px;
    border: 1px solid #006298;
    border-radius: 0;
    text-decoration: none;
    font-size: 12px;
    text-shadow: 0 1px 0 #fff
}

#general_tabs .sportsMenu li a {
    padding-right: 8px
}

#general_tabs li a .arrow_down {
    margin-left: 5px
}

#general_tabs li .sub {
    width: calc(100% - 8px);
    display: none;
    z-index: 5;
    list-style: none;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
    position: absolute;
    top: 100%;
    background: #fff;
    border: 1px solid #006298;
    box-sizing: border-box
}

#general_tabs .hide-desktop li .sub {
    left: auto;
    right: 5px
}

#general_tabs li:hover .sub {
    display: block;
    margin: 0;
    padding: 0
}

#general_tabs li .sub li {
    width: 100%;
    margin-bottom: 0
}

#general_tabs li .sub li a {
    background: none;
    border: none;
    box-shadow: none;
    width: 100%;
    text-align: left;
    white-space: nowrap
}

@media screen and (min-width:992px) {
    #general_tabs li .sub li:hover {
        background: #006298;
        color: #fff
    }
}

@media screen and (min-width:992px) {
    #general_tabs li .sub li a:hover {
        color: #fff;
        text-decoration: none
    }
}

#general_tabs .arrow-dropdown {
    right: 3px
}

#general_tabs li:hover .sub {
    width: calc(100% - 8px)
}

#general_tabs li {
    padding: 0 4px
}

#general_tabs li .odd-types,
#general_tabs li a,
.dropdown-value {
    display: block;
    position: relative;
    line-height: 32px;
    height: 32px;
    background: #fff;
    color: #333;
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 0;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    transition: all .04s ease;
    margin: 0;
    cursor: pointer
}

#general_tabs li .sub,
.dropdown-sub {
    top: calc(100% - 1px);
    border-color: #ddd
}

#general_tabs li .sub .odd-types,
.dropdown-value {
    border: 0;
    border-bottom: 1px solid #ddd;
    text-align: left;
    padding-left: 10px;
    font-weight: 400;
    cursor: pointer
}

#general_tabs li .sub .odd-types.active {
    border-color: #ddd;
    background: #d6e2f0;
    color: #000
}

@media screen and (min-width:992px) {
    #general_tabs li .sub .odd-types.active,
    #general_tabs li .sub .odd-types:hover,
    .dropdown-value:hover {
        border-color: #ddd;
        background: #d6e2f0;
        color: #000
    }
}

#general_tabs li .sub .odd-types.active,
.dropdown-value.active {
    background: #fff!important;
    font-weight: 700
}

#general_tabs li .sub .odd-types.active:after,
.dropdown-value.active:after {
    content: " ";
    position: absolute;
    width: 11px;
    height: 7px;
    background: transparent;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto 0;
    border: 3px solid #007db2;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg)
}

@media (max-width:992px) {
    .dopdown-sub .dropdown-value.active:after {
        width: 16px;
        height: 10px;
        top: 0;
        bottom: 0;
        right: 17px
    }
}

#general_tabs li a {
    float: none
}

#general_tabs li #more_bets {
    text-align: left;
    padding-left: 10px
}

#more_bets .arrow-dropdown .icon-down-arrow {
    line-height: 26px
}

#general_tabs li .sub li {
    padding: 0
}

.oddStypeTitle {
    margin: 0;
    clear: both;
    display: none
}

#sub-offers {
    width: 100%;
    border-top: 1px solid #ddd;
    background: #f3f3f3
}

#sub-offers .oddspedia-table th {
    min-width: auto;
    text-align: center;
    line-height: 26px;
    height: 26px;
    background: #f3f3f3;
    border-top: 0;
    border-bottom: 0;
    transition: all .1s ease;
    padding: 0
}

#sub-offers .oddspedia-table th:last-child {
    border-right: 1px solid #ddd
}

#sub-offers .oddspedia-table th a {
    font-weight: 400
}

@media screen and (min-width:992px) {
    #sub-offers .oddspedia-table th a.active,
    #sub-offers .oddspedia-table th a:hover {
        background: #e9e9e9
    }
}

#sub-offers .oddspedia-table th a.active {
    font-weight: 700
}

#sub-offers .oddspedia-table th:first-child {
    padding-left: 0
}

.oddspedia-table table {
    width: 100%
}

.oddspedia-table td:first-child {
    border-left: 0
}

.oddspedia-table td:last-child,
.oddspedia-table th:last-child {
    border-right: 0
}

#sub-offers .secondline_tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background: #f3f3f3
}

#sub-offers .oddspedia-table th {
    width: 100%;
    max-width: 100px
}

.secondline_tabs a {
    display: block;
    padding: 0 10px
}

.blue_button a {
    color: #fff!important
}

.page-mainTable {
    display: table;
    width: 100%;
    margin: 0;
    position: relative;
    padding: 0;
    list-style: none
}

.page-mainTable .headline {
    font-weight: 700;
    background: #f3f3f3
}

.page-mainTable .headline * {
    width: 100%
}

.page-mainTable .headline .sortarr_down {
    -ms-flex-negative: 2;
    flex-shrink: 2;
    width: 100%;
    text-align: center
}

.page-mainTable .rtitle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.row_header {
    background: #e9e9e9;
    display: table;
    width: 100%;
    list-style: none;
    border-bottom: 1px inset #d4d4d4;
    border-collapse: collapse;
    transition: all .5s ease;
    box-sizing: border-box
}

.row_header .rtitle {
    font-weight: 700;
    line-height: 20px;
    padding-left: 10px
}

.sortarr_down,
.sortarr_up {
    display: block;
    cursor: pointer
}

.sortarr_down:after,
.sortarr_up:after {
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px
}

.sortarr_down:after {
    background: url(../images/sort_down.png) 100% no-repeat
}

.sortarr_up:after {
    background: url(../images/sort_up.png) 100% no-repeat
}

.bestodds_row .payout,
.bestodds_row .rtitle,
.bestodds_row .val_1,
.bestodds_row .val_2,
.bestodds_row .val_3,
.bestodds_row .val_4 {
    border-color: #910506
}

.bestodds_row>td {
    height: 66px
}

.bestodds_row .rtitle {
    width: 100%;
    border-left: 0;
    order: -2
}

.bestodds_row .val_4.payout.sure-bets.ajax-calculator {
    display: flex;
    order: -1;
    align-items: center;
    font-size: 12px;
    justify-content: flex-end
}

.bestodds_row .rtitle .label {
    display: flex;
    align-items: center;
    min-height: 50px;
    background: none;
    color: #fff;
    font-size: 18px;
    text-shadow: none
}

.bestodds_row .rtitle .label .icon-best-stats {
    display: inline-flex;
    width: 35px;
    text-align: center;
    font-size: 24px
}

.tooltip-inner .bestodds_row {
    -ms-flex-pack: center;
    justify-content: center
}

.tooltip-inner .bestodds_row span[class*=bk_] {
    margin: 0
}

.bookieBox {
    border-bottom: 1px solid #006298
}

.bookieBox.val_1,
.bookieBox.val_2 {
    border-right: 1px solid #006298
}

.bookieBox .bookies {
    padding: 0;
    display: block;
    max-width: 50px;
    margin: 0 auto;
    width: 100%
}

.best-bookie-table a {
    display: block;
    max-height: 52px;
    line-height: 52px;
    width: 100%
}

.best-bookie-table .bookies {
    height: 36px;
    max-height: 36px
}

.best-odd-match .yellow-odd {
    height: 52px;
    line-height: 52px;
    background: #fbd34a;
    border: 1px solid #fef350;
    transition: box-shadow .2s;
    box-sizing: border-box;
    display: block;
    color: #000;
    font-weight: 700
}

.surebet_row {
    align-items: center;
    height: 68px;
    background-color: #5bb51f;
    color: #fff;
    padding: 12px
}

.surebet_row .icon-sure-bets {
    font-size: 2em
}

.surebet_row .surebet-info {
    margin-left: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.surebet_row .surebet-info h3,
.surebet_row .surebet-info p {
    margin: 0;
    font-weight: 600;
    text-transform: uppercase
}

.surebet_row .sure-bets {
    margin-left: auto;
    text-transform: uppercase;
    font-weight: 500;
    height: 100%
}

.bestodds_row>td.match-surebet,
.match-surebet {
    border-color: #006298;
    border-width: 1px;
    border-top: none!important
}

.bestodds_row>td.match-surebet,
.match-surebet {
    display: block;
    background: #5bb51f;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 9px;
    letter-spacing: 1px;
    height: 17px;
    line-height: 17px
}

.match-surebet {
    width: 100%;
    border-right: 1px solid #5bb51f
}

.match-surebet .icon-sure-bets {
    display: inline-block;
    margin: -1px 3px 0 0;
    vertical-align: top
}

.average-odd {
    font-size: 14px;
    font-weight: 700
}

.average-odd .calculator-ico {
    margin: 8px 0;
    border: 1px solid #fff;
    font-weight: 500
}

.best-bookie-table a:focus,
.best-bookie-table a:hover,
.movement-wrapper .odd-hover a:focus,
.movement-wrapper .odd-hover a:hover,
.odd-link-wrapper:focus,
.odd-link-wrapper:hover {
    text-decoration: none
}

@media screen and (min-width:992px) {
    .best-odd-match .yellow-odd:focus,
    .best-odd-match .yellow-odd:hover {
        text-decoration: none;
        background: #fbd34a!important;
        box-shadow: inset 0 0 8px 1px #fef350
    }
}

.bestodds_row .button_avg_payout b {
    color: #fff;
    font-size: 14px
}

.movement-wrapper {
    transition: all .1s ease;
    position: relative;
    border-bottom: 1px solid #e4e4e4;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:992px) {
    .movement-wrapper:hover {
        background: #d6e2f0
    }
}

.movement-wrapper.ignore {
    -ms-flex-order: 4;
    order: 4;
    display: none
}

.movement-wrapper .de-bookie {
    width: 27px;
    border-radius: 100%;
    position: relative
}

.movement-wrapper .de-bookie label {
    opacity: .5;
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    transition: all .5s ease;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    background: #910506;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #910506
}

.movement-wrapper .de-bookie input[type=checkbox] {
    display: none
}

.movement-wrapper .de-bookie input[type=checkbox]:checked+label {
    opacity: 1;
    background: #fff;
    border: 1px solid #910506;
    box-shadow: none
}

.movement-wrapper .rtitle a {
    height: 50px;
    line-height: 50px;
    color: #000;
    font-size: 0;
    width: 70%
}

.show_mobile_graph {
    font-size: 18px;
    text-align: center;
    width: 30%;
    line-height: 46px;
    cursor: pointer
}

.movement-wrapper .rtitle a .bookies {
    display: block;
    height: 100%
}

.movement-wrapper .odd-hover a,
.odd-link-wrapper {
    color: #000;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.movement-wrapper .valueodd,
.movement-wrapper .valueodd .odd-hover {
    background: rgba(1, 122, 175, .2)
}

.movement-wrapper .dropval,
.movement-wrapper .dropval .odd-hover {
    background: #fcd2d3
}

.movement-wrapper .highlighted,
.movement-wrapper .highlighted .odd-hover {
    background: #fcedc4;
    font-weight: 700
}

.show-bookies {
    padding: 0 10px;
    background-color: #e9e9e9;
    cursor: pointer;
    height: 50px;
    z-index: 4;
    order: 2;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #006298;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.143
}

.show-bookies p {
    margin: 0
}

.show-bookies p strong {
    margin: 0 5px
}

.show-bookies span {
    margin-left: 5px
}

.show-bookies.open span {
    transform: rotate(180deg)
}

.login-more {
    background: url(../images/login-more-bg.png) no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    order: 3;
    padding: 16px 0;
    border-bottom: 1px solid #e9e9e9
}

.login-more .flex {
    width: 100%;
    justify-content: center
}

.login-more .flex .btn {
    width: 130px;
    margin: 0 5px
}

.login-more p:first-of-type {
    margin: 0
}

.login-more p:first-of-type,
.login-more p:last-of-type {
    font-size: 14px;
    color: #000;
    font-weight: 700;
    text-align: center
}

.login-more p:last-of-type {
    text-transform: uppercase;
    margin: 0 0 15px
}

.login-more.ignore {
    display: none;
    order: 1
}

.hiiden-odds_1,
.hiiden-odds_2,
.hiiden-odds_3 {
    display: flex;
    flex-basis: 52%;
    text-align: center;
    align-items: center;
    justify-content: center;
    background-color: #e9e9e9
}

.hiiden-odds_1 {
    flex-basis: 17%
}

.hiiden-odds_2 {
    flex-basis: 34%
}

.hiiden-odds_3 {
    flex-basis: 52%
}

[class^=hiiden-odds] a {
    font-size: 14px;
    color: #006298;
    font-weight: 700;
    line-height: 1.143
}

.odd-link-wrapper .valueButton {
    display: table;
    min-height: 50px;
    text-align: center;
    width: 100%
}

.odd-link-wrapper .valueButton span {
    display: table-cell;
    vertical-align: middle
}

.odd-hover [class*=icon-]:not(.icon-triangle-arrow):not(.icon-triangle-arrow-down) {
    font-size: 10px;
    position: absolute
}

.odd-hover .icon-value-bets {
    color: #017bae
}

.odd-hover .icon-dropping-odds {
    color: #fd4135
}

.page-mainTable .payout,
.page-mainTable .payout.sure-bets.ajax-calculator {
    display: none
}

.incrNumber.icon-triangle-arrow:before {
    color: #5bb51f
}

.incrNumber.icon-triangle-arrow:before,
.unchanged:before {
    font-size: 9px;
    margin-right: 5px;
    margin-top: auto;
    margin-bottom: auto;
    display: table-cell;
    vertical-align: middle;
    transition: .5s;
    font-family: Oddspedia Sport\ 8;
    font-weight: 400
}

.unchanged:before {
    content: "\e846";
    color: transparent
}

.decrNumber {
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#ff4332')";
    filter: progid: DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color="#ff4332")
}

.decrNumber.icon-triangle-arrow-down:before {
    color: #ff4332;
    font-family: Oddspedia Sport\ 8;
    font-size: 9px;
    margin-right: 5px;
    margin-top: auto;
    margin-bottom: auto;
    display: table-cell;
    vertical-align: middle;
    transition: .5s;
    font-weight: 400
}

.up-animate.icon-triangle-arrow:before {
    animation: b .9s;
    transition-timing-function: linear;
    animation-iteration-count: 3;
    font-family: Oddspedia Sport\ 8
}

@keyframes b {
    0% {
        transform: translateZ(0)
    }
    50% {
        transform: translate3d(0, -5px, 0)
    }
    to {
        transform: translateZ(0)
    }
}

.down-animate.icon-triangle-arrow-down:before {
    animation: c .9s;
    transition-timing-function: linear;
    animation-iteration-count: 3;
    font-family: Oddspedia Sport\ 8
}

@keyframes c {
    0% {
        transform: translateZ(0)
    }
    50% {
        transform: translate3d(0, 5px, 0)
    }
    to {
        transform: translateZ(0)
    }
}

.blocked-bookie .percent,
.blocked-bookie .valueButton {
    opacity: .3!important
}

.blocked-bookie {
    order: 1
}

.blocked-text {
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    background: rgba(0, 0, 0, .8);
    text-transform: uppercase;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.movement.decrNumber {
    border-left: 3px solid #ff4332
}

.movement.decrNumber:before {
    border-color: transparent #ff4332 transparent transparent
}

.movement.incrNumber {
    border-left: 3px solid #5bb51f
}

.movement {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    width: 216px;
    padding: 10px;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    box-sizing: border-box;
    border-radius: 1px;
    border: 0 solid #fff;
    background: #fff;
    color: #333;
    left: 0;
    top: 0;
    box-shadow: 1px 1px 10px #333;
    margin-bottom: 8px;
    transition: opacity .25s linear;
    z-index: 1000
}

.movement.show-moves {
    visibility: visible;
    opacity: 1
}

.mobile_slider_pager {
    line-height: 20px;
    text-align: center
}

.mobile_slider_pager i {
    width: 10px;
    height: 10px;
    background: #ddd;
    border-radius: 50%;
    display: inline-block;
    margin: 4px
}

.mobile_slider_pager i.cycle-pager-active {
    background: #4da3d8
}

.movement_slider .item {
    width: 100%;
    height: 160px;
    max-height: 160px;
    overflow: auto;
    padding: 10px 40px
}

.movement_slider .item.graph {
    overflow: hidden
}

.tooltipster-content hr {
    margin-top: 8px;
    margin-bottom: 8px
}

.movement_popup .btn-warning {
    line-height: 40px;
    text-transform: uppercase;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff
}

.movement_popup .current_odds {
    border: 2px solid #fff
}

.movement_popup .current_odds a {
    font-weight: 700
}

.movement_popup .odd-hover.odd_active:before {
    background: rgba(0, 98, 152, .1)
}

.mobile_moves_wrapper {
    font-size: 16px;
    line-height: 1.3
}

.mobile_moves_wrapper .odds-moovement {
    font-size: 16px
}

.mobile_moves_wrapper hr {
    margin: 0;
    border-color: #ddd
}

.mobile_moves_times {
    background: #eee;
    padding: 20px
}

.movement.incrNumber:before {
    border-color: transparent #5bb51f transparent transparent
}

.odds-moovement {
    font-size: 14px;
    font-weight: 700
}

.chart_container {
    margin-bottom: -30px;
    margin-top: -10px
}

.moves_table {
    width: 100%;
    border: none
}

.movement table td {
    border: none
}

.movestable tr {
    display: none
}

.movestable tr:nth-last-child(-n+10) {
    display: table-row
}

.odd-movement {
    color: #efcf00
}

.movement:before {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    top: 8px;
    left: 0;
    margin-left: -8px;
    margin-top: 1px
}

.movement.reverse:before {
    top: auto!important;
    bottom: 8px!important
}

.tooltipster-content ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.tooltipster-content li {
    list-style: none;
    display: block;
    margin: 0;
    width: 100%
}

.tooltipster-content li>* {
    display: inline-block;
    margin-right: 5px
}

.tooltipster-content ul b {
    color: #f0cf00
}

.tipMid .green_up,
.tooltipster-content .green_up {
    color: #5bb51f
}

.tipMid .red_down,
.tooltipster-content .red_down {
    color: #ff4332
}

.tooltipster-content li.highest {
    margin-top: 8px;
    margin-bottom: -3px
}

.tooltipster-content li.first-odd {
    border-top: 1px solid #ccc;
    margin: 5px 0
}

.percent {
    color: #999
}

.row-separator,
.row-separator-small {
    width: 100%;
    border-top: 1px solid #006298;
    border-bottom: 1px solid #006298;
    -ms-flex-order: 5;
    order: 5
}

.row-separator {
    height: 18px
}

.row-separator-small {
    height: 1px
}

.refreshrate,
.refreshrateoff,
.refreshratestrike {
    width: 7px;
    min-height: 31px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.refreshrate {
    background: #5bb51f
}

.refreshratestrike {
    background: #000
}

.refreshrateoff {
    background: red
}

.row_add_to_coupon {
    height: 33px;
    line-height: 1;
    -ms-flex-order: 2;
    order: 2
}

.row_add_to_coupon,
.row_add_to_coupon [class*=val_],
.row_predictions .showpercents,
.row_predictions [class*=rtitle],
.row_predictions [class*=val_] {
    height: 100%;
    line-height: 32px;
    height: 32px
}

.row_predictions,
.row_predictions .showpercents [class*=rtitle],
.row_predictions [class*=val_] {
    line-height: 32px;
    -ms-flex-order: 2;
    order: 2
}

.row_add_to_coupon .rtitle,
.row_predictions .rtitle {
    text-align: right;
    width: 100%
}

.rtitle .addtnlRowInfo {
    float: right
}

.row_add_to_coupon .rtitle .addtnlRowInfo,
.row_predictions .rtitle .addtnlRowInfo {
    padding-top: 3px;
    padding-right: 10px;
    font-size: 14px;
    color: #006298;
    font-weight: 700;
    margin: 0;
    vertical-align: middle;
    width: 100%;
    display: inline-block;
    font-size: 12px
}

.row_predictions .showpercents {
    margin: 0;
    width: 100%;
    bottom: 0
}

.yellow-odd {
    height: 30px;
    line-height: 30px;
    background: #fbd34a;
    border: 1px solid #fef350;
    transition: box-shadow .2s;
    box-sizing: border-box;
    display: block
}

.grouplabel .rtitle {
    width: 100%;
    height: auto;
    line-height: 54px;
    position: relative;
    cursor: pointer;
    text-transform: capitalize
}

.grouplabel .rtitle .arrow-dropdown {
    right: auto;
    left: 0;
    border: none;
    width: 32px;
    transition: all .1s ease
}

.grouplabel .rtitle .arrow-dropdown .icon-down-arrow {
    line-height: 32px;
    transition: transform .15s;
    margin-top: 7px
}

.bookie-count {
    text-transform: uppercase;
    border: 1px solid #007aad;
    color: #007aad;
    font-size: 10px;
    font-weight: 700;
    position: absolute;
    right: 10px;
    height: 16px;
    line-height: 14px;
    top: calc(50% - 8px);
    padding-right: 4px
}

.bookie-count span {
    float: left;
    display: block;
    min-width: 15px;
    border-right: 1px solid #007aad;
    margin-right: 4px;
    text-align: center
}

@media screen and (min-width:992px) {
    .grouplabel .rtitle:hover .arrow-dropdown {
        background: #910506
    }
}

@media screen and (min-width:992px) {
    .best-odd-match:hover .yellow-odd,
    .yellow-odd:active,
    .yellow-odd:focus {
        background: #fbd34a!important;
        box-shadow: inset 0 0 8px 1px #fef350
    }
}

.comunity-notlogged-message {
    width: 30%;
    display: table-cell;
    border: 1px solid #ddd;
    border-right: 0;
    border-top: 0;
    background: #eee;
    text-align: center;
    padding: 4px;
    box-sizing: border-box
}

.comunity-notlogged-message p {
    margin: 0 0 3px;
    padding: 0;
    line-height: 1.3
}

#register-buttons-wrapper .match-login-button,
#register-buttons-wrapper .match-register-button {
    display: inline-block;
    width: 90px;
    box-sizing: border-box;
    text-align: center;
    height: 22px;
    line-height: 22px;
    border-radius: 1px;
    padding: 0;
    margin: 0;
    vertical-align: top;
    float: none;
    font-size: 12px;
    font-weight: 700;
    transition: background .2s ease-out
}

#register-buttons-wrapper .match-login-button {
    border: 1px solid #024369;
    box-shadow: 0 0 5px rgba(0, 0, 0, .75)
}

#register-buttons-wrapper .match-register-button {
    background-size: 1px 44px;
    color: #000
}

@media screen and (min-width:992px) {
    #register-buttons-wrapper .match-register-button:hover {
        background-position: 22px
    }
}

.register-or-text {
    display: inline-block;
    margin: 0 2px;
    line-height: 1.5
}

.butAddtoCoupon {
    height: 24px;
    width: 24px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    cursor: pointer;
    position: relative;
    background: #40a001;
    border-radius: 50%
}

.butAddtoCoupon:after,
.butAddtoCoupon:before {
    content: " ";
    display: block;
    position: absolute;
    background: #fff
}

.butAddtoCoupon:before {
    width: 4px;
    height: 14px;
    left: calc(50% - 2px);
    top: calc(50% - 7px)
}

.butAddtoCoupon:after {
    width: 14px;
    height: 4px;
    left: calc(50% - 7px);
    top: calc(50% - 2px)
}

@media screen and (min-width:992px) {
    .butAddtoCoupon.active,
    .val_1:hover .butAddtoCoupon,
    .val_2:hover .butAddtoCoupon,
    .val_3:hover .butAddtoCoupon {
        width: 100%;
        height: 99%;
        border-radius: 0;
        display: block
    }
    .grouplabel {
        font-weight: 700
    }
    .grouplabel .odd-hover a {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        color: #333;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    .arrow-dropdown.open-odds-animation,
    .grouplabel .odd-hover a .bookies {
        height: 100%
    }
    .open-odds-animation .icon-down-arrow {
        transform: rotate(-180deg);
        margin-left: -2px
    }
    .addtnlRowInfo .icon-down {
        width: 13px;
        height: 13px;
        position: relative;
        background: url(../images/arrow_down_circle.png) 50% no-repeat;
        display: inline-block;
        margin-right: 4px;
        transition: transform .35s;
        vertical-align: middle
    }
    .addtnlRowInfo .icon-down.open-odds-animation {
        transform: rotate(-180deg)
    }
    .val_4.opened {
        display: block;
        -ms-flex-order: -1;
        order: -1
    }
    .val_4.opened .show_tooltip {
        width: 100%
    }
    .val_4.opened .percent {
        color: #fff;
        position: absolute;
        z-index: 1;
        font-weight: 700;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        transition: all .4s ease;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    .rtitle+.val_1:last-child {
        -ms-flex-negative: 5;
        flex-shrink: 5
    }
    .final-time {
        font-size: 14px
    }
}

@media (max-width:992px) {
    .ajaxLoadOddsData {
        overflow: hidden
    }
    .odd-link-wrapper .valueButton {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
    .odd-link-wrapper .valueButton span {
        font-size: 13px;
        line-height: 1.385;
        text-align: center
    }
    .decrNumber.icon-triangle-arrow-down:before,
    .incrNumber.icon-triangle-arrow:before {
        left: 9px
    }
}

@media (min-width:992px) {
    #general_tabs .active.mobile-dropdown-link,
    #general_tabs .active.odd-types,
    #general_tabs .active>.odd-types,
    #general_tabs li .odd-types:hover {
        border-color: #006298;
        background: #006298;
        color: #fff;
        text-shadow: none
    }
    .movement-wrapper .rtitle a {
        height: 32px;
        line-height: 32px;
        width: 100%
    }
    .odd-hover [class*=icon-]:not(.icon-triangle-arrow):not(.icon-triangle-arrow-down) {
        font-size: 14px
    }
    .odd-hover .valueButton {
        min-height: 36px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
    .prematchHead {
        min-height: 130px
    }
    .prematchHead h1 {
        display: table;
        margin: 0 auto;
        width: 100%;
        line-height: 1.2;
        text-align: left;
        padding: 2px 5px;
        min-height: 52px;
        z-index: 5
    }
    .prematchHead h1 .matchname {
        font-weight: 100;
        font-size: 21px;
        line-height: 1;
        text-transform: none;
        padding: 1px 5px 1px 10px;
        display: table-cell;
        vertical-align: middle
    }
    .prematchHead .underlineh1 .matchtime {
        text-align: left;
        color: hsla(0, 0%, 100%, .6);
        margin-left: 5px
    }
    .movement {
        display: block
    }
    .row_add_to_coupon .rtitle .addtnlRowInfo,
    .row_predictions .rtitle .addtnlRowInfo {
        padding: 0 20px 0 0
    }
    .row_add_to_coupon,
    .row_add_to_coupon * {
        line-height: 32px
    }
    .matchname_smalll {
        font-size: 20px
    }
    .prematchHead h1 .rightheadicons {
        display: table-cell;
        vertical-align: middle;
        width: 130px;
        margin: 0
    }
    .bestodds_row .val_4.payout.sure-bets.ajax-calculator {
        order: 0;
        font-size: 14px;
        justify-content: center
    }
    .show-bookies p {
        font-size: 16px;
        margin: 0
    }
    .hiiden-odds_1 {
        flex-basis: 26%
    }
    .hiiden-odds_2 {
        flex-basis: 39%
    }
    .best-bookie-table a {
        display: block;
        max-height: 30px;
        line-height: 30px;
        width: 100%
    }
    .best-odd-match .yellow-odd {
        height: 30px;
        line-height: 30px
    }
}

@media (min-width:1024px) {
    .page-mainTable .rtitle {
        width: 100%
    }
    .movement-wrapper .rtitle a .bookies {
        margin-right: 10px;
        display: inline-block
    }
    .atommini {
        background: url(../images/mini-atom-icon.png) 50% no-repeat;
        height: 50px;
        width: 50px;
        position: relative;
        display: table-cell;
        margin-right: 5px
    }
    .prematchHead h1 {
        line-height: 40px;
        padding: 0
    }
    .prematchHead h1 .matchname {
        font-size: 24px;
        line-height: 1
    }
    .prematchHead h1 .matchname.matchname_smalll {
        font-size: 20px
    }
    .prematchHead .underlineh1 .matchtime {
        margin-left: 55px
    }
    .countDownTimer {
        display: block;
        background: url(../images/countdownbg.png) 0 no-repeat;
        color: #fff;
        padding-left: 31px;
        position: relative;
        float: left;
        margin: 13px 0 13px 13px;
        height: 32px;
        line-height: 32px;
        padding-right: 5px
    }
    .countDownTimer:after {
        content: " ";
        display: block;
        width: 50%;
        height: 22px;
        background: #007aae;
        position: absolute;
        right: 0;
        top: 5px;
        z-index: 0
    }
    .countDownTimer .timer-text {
        position: relative;
        z-index: 1
    }
    #bestodds.odds-container .odd {
        margin-left: 3%!important;
        border: 0
    }
    #bestodds.odds-container .odd .bookies,
    #bestodds.odds-container .odd .label {
        height: 25px;
        line-height: 27px
    }
    .secondline_tabs li {
        height: 35px;
        line-height: 35px;
        font-size: 12px
    }
    .movement-wrapper .rtitle a {
        font-size: 12px
    }
    .page-mainTable .payout {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

#mobile-sports-calendar {
    position: relative;
    top: 46px;
    z-index: 5;
    background-color: #fff
}

@media (min-width:768px) {
    #mobile-sports-calendar {
        top: 66px
    }
}

.top-calendar {
    padding: 3px 8px;
    border-bottom: 1px solid #ddd
}


.input-group.date .input-group-addon {
    cursor: pointer
}

.input-daterange {
    width: 100%
}

.input-daterange input {
    text-align: center
}

.input-daterange .input-group-addon {
    width: auto;
    min-width: 16px;
    padding: 4px 5px;
    line-height: 1.42857143;
    text-shadow: 0 1px 0 #fff;
    border-width: 1px 0;
    margin-left: -5px;
    margin-right: -5px
}


footer {
    padding-bottom: 46px;
    background: #050e16;
    position: relative
}

footer .copy {
    color: #555;
    font-size: 10px;
    text-align: center
}

footer .copy p {
    margin: 0;
    padding-bottom: 10px
}

#footer-wrapper .footer-title {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    color: #910506
}

#footer-wrapper a {
    color: #929292;
    margin: 0;
    padding: 0;
    display: block;
    font-size: 18px;
    padding-bottom: 12px
}

#footer-wrapper .footer-text {
    color: #929292;
    margin: 0;
    padding: 0
}

#footer-wrapper p {
    padding-top: 10px
}

#footer-wrapper .footer-social {
    display: flex
}

#footer-wrapper .footer-social a {
    margin-right: 5px
}

#footer-wrapper .footer-social a:last-of-type {
    margin-right: 0
}

.footer-nav {
    column-count: 2;
    column-gap: 20px
}

.footer-new-row {
    display: inline-block
}

.footer-logos {
    background: url(../images/footer-logos-mobile.png) 50% no-repeat;
    height: 67px;
    margin: 10px auto;
    background-size: contain;
    opacity: .5
}

.c-menu-wrapper {
    height: 100vh;
    overflow: scroll
}

.c-menu--push-left.is-active,
.c-menu--slide-left.is-active {
    transform: translateX(0)
}

.c-menu--push-left,
.c-menu--slide-left {
    top: 0;
    left: 0;
    transform: translateX(-300px);
    width: 300px;
    height: 100%
}

.c-menu--push-right,
.c-menu--slide-right {
    width: 300px;
    height: 100%
}

.c-menu {
    z-index: 200;
    transition: transform .3s
}

#carbonads,
.c-mask,
.c-menu {
    position: fixed
}

.c-mask {
    z-index: 100;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background-color: #000;
    opacity: 0;
    transition: opacity .3s, width 0s .3s, height 0s .3s;
    overflow: hidden;
    height: 100vh
}

.o-wrapper.has-push-left {
    transform: translateX(300px);
    height: 100vh
}

.c-mask.is-active {
    width: 100%;
    height: 100%;
    opacity: .7;
    transition: opacity .3s
}

body.has-active-menu {
    overflow: hidden;
    position: fixed;
    height: 100vh
}

.mobile-collapse-heading {
    display: block;
    line-height: 35px;
    font-size: 16px;
    padding: 0 10px;
    text-transform: uppercase;
    color: #fff!important
}

#c-menu--push-left .sidebar-list li.bg_color2,
.mobile-collapse-heading {
    border-bottom: 1px solid #910506
}

#c-menu--push-left .sidebar-list li.bg_color2:first-child {
    border-top: 1px solid #910506
}

#c-menu--push-left .left_menu_arrow {
    color: #fff!important
}

#c-menu--push-left .link {
    font-size: 20px;
    display: block;
    padding: 0 10px;
    line-height: 38px;
    border-bottom: 1px solid #910506;
    font-size: 18px
}

#c-menu--push-left .link [class^=icon-] {
    font-size: 18px
}

#c-menu--push-left .sidebar-list.submenu a {
    line-height: 38px;
    border-bottom: 1px solid #910506;
    font-size: 18px
}

#c-menu--push-left .submenu [class^=icon-] {
    font-size: 18px
}

#c-menu--push-left .show-all-sports-mobile .icon-down-arrow {
    margin-left: 4px;
    font-size: 10px
}

#c-menu--push-left .mobile-match-dropdown {
    margin: 10px;
    width: 80%;
    border: 0
}

#collapse_mobile_sports.hide-some {
    height: 200px!important;
    overflow: hidden
}

.show-all-sports-mobile {
    top: 162px;
    position: absolute!important;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 1px 1px 10px #666;
    cursor: pointer;
    height: 40px;
    line-height: 34px;
    background: linear-gradient(180deg, rgba(1, 98, 153, .76) 0, #910506)
}

#dopdowns-inside-breadcrumbs p {
    margin: 10px 10px -6px
}

.mobile-menu-logo {
    border-bottom: 1px solid #910506;
    border-top: 1px solid #910506;
    padding: 10px 0;
    text-align: center;
    font-size: 40px;
    margin-bottom: 12px
}

@media (max-width:1100px) {
    #footer-wrapper .container .row:first-child {
        display: none
    }
    #footer-wrapper .container .flex.row div {
        width: 100%
    }
}

@media (min-width:768px) {
    #footer-wrapper .border-top {
        border-top: 1px solid #343434;
        margin-top: 40px
    }
    #footer-wrapper .container {
        padding: 0 40px
    }
    #footer-wrapper a {
        padding: 0;
        font-size: 13px
    }
    .footer-new-row {
        display: block
    }
    footer {
        padding-bottom: 66px
    }
    footer .copy {
        font-size: 14px;
        text-align: center
    }
    .footer-logos {
        background: url(../images/footer-logos.png) 50% no-repeat;
        height: 32px;
        margin: 20px auto 0;
        background-size: contain
    }
}

@media (min-width:1024px) {
    footer {
        width: 100%;
        padding: 0;
        background: #000 url(../images/new_footer_bg.png) center right -46px no-repeat
    }
    footer:before {
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        display: block;
        top: -100%;
        background: linear-gradient(180deg, transparent 0, #000);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#000000", GradientType=0);
        z-index: -1
    }
}

@media (min-width:1025px) {
    footer {
        background-position: top -2px center
    }
    .footer-nav {
        column-count: 4
    }
}

@media (max-width:1024px) {
    .footer_navigation {
        display: none
    }
    .c-menu {
        -webkit-transition: -webkit-transform .3s
    }
    .o-wrapper {
        overflow-x: hidden;
        transition: transform .3s
    }
}

#pop-up-wrapper {
    position: absolute;
    position: fixed;
    z-index: 9998;
    display: none;
    overflow: auto
}

#pop-up-background,
#pop-up-wrapper {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

#pop-up-background {
    position: absolute;
    background: rgba(0, 0, 0, .4);
    z-index: 0
}

#pop-up-container {
    min-width: 354px;
    font-family: Lato, Arial, sans-serif;
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    transition: height .5s;
    background: #fff;
    line-height: 1
}

#pop-up-container a {
    text-decoration: none
}

#close-popup {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #4ca3d9;
    color: #fff;
    position: absolute;
    margin-left: 0;
    left: 100%;
    top: -1px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    box-shadow: 8px 0 40px -1px #000;
    z-index: -1;
    border: 1px solid #213256;
    text-align: center
}

#pop-up-wrapper .popup-title {
    box-sizing: border-box;
    padding: 0 26px
}

#pop-up-wrapper .popup-title h2 {
    font-family: Arial, sans-serif;
    height: 70px;
    line-height: 70px;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    margin: 0;
    color: #fff;
    font-weight: 400
}

#pop-up-wrapper .popup-heading-text {
    color: #333;
    font-weight: 700;
    font-size: 17px;
    margin: 26px;
    text-align: center;
    width: 302px
}

#pop-up-wrapper .popup-heading-text.terms-cond {
    font-size: 14px;
    font-weight: 400;
    color: #777
}

#pop-up-wrapper .forgot-email p.bolder {
    font-weight: 700
}

#pop-up-wrapper input.error_input {
    background: #fff2f2;
    border: 1px solid #ff5a5e
}

#pop-up-wrapper .error-message {
    font-size: 15px
}

#pop-up-wrapper .gray-border {
    margin: 26px;
    height: 1px;
    background: #ddd
}

#pop-up-wrapper .pop-up-submit-button {
    display: block;
    height: 42px;
    font-size: 18px;
    margin: 0 26px;
    width: 302px;
    width: calc(100% - 52px);
    background-size: 1px 84px!important
}

#pop-up-wrapper .pop-up-submit-button,
.green-button {
    color: #fff;
    border: 1px solid #3b7713;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    background: #6ac931;
    background: linear-gradient(180deg, #6ac931 0, #5cae2a 50%, #5cae2a);
    transition: background .21s ease-out;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .7)
}

#pop-up-wrapper .pop-up-submit-button:hover {
    background-position: 42px
}

#pop-up-container .pop-up-footer-text {
    margin: 5px 26px;
    text-align: center;
    color: #777;
    font-size: 14px
}

#pop-up-container .checkbox-password-link-wrapper {
    display: table;
    margin: 15px 26px;
    width: 302px;
    width: calc(100% - 52px)
}

#pop-up-container .pop-up-footer-text a {
    display: inline-block;
    margin-left: 3px
}

#pop-up-wrapper .show-password-wrapper {
    display: table;
    height: 100%;
    margin: 14px 26px;
    cursor: pointer;
    color: #777
}

#pop-up-wrapper .remember-me-wrapper {
    display: table-cell;
    height: 100%;
    margin: 14px 26px;
    cursor: pointer;
    color: #777;
    width: 50%
}

#pop-up-wrapper .remember-me-wrapper>span {
    font-size: 16px;
    vertical-align: middle;
    display: table-cell
}

#pop-up-wrapper .remember-me-wrapper {
    margin-right: 0
}

#pop-up-wrapper .show-password-wrapper-cell,
#pop-up-wrapper .show-password-wrapper>span {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px
}

#pop-up-wrapper .show-password-box {
    margin: 0 12px 2px 0;
    border: none;
    font-size: 1px;
    height: 28px;
    width: 28px;
    overflow: visible;
    outline: 0;
    vertical-align: text-bottom;
    position: relative;
    display: -moz-inline-box;
    display: inline-block
}

#pop-up-wrapper .inner-remember-login-box,
#pop-up-wrapper .inner-show-password-box {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    border: 2px solid #b2b2b2;
    border-radius: 2px;
    background-color: #fff;
    border: 2px solid #c1c1c1;
    font-size: 1px;
    height: 24px;
    position: absolute;
    width: 24px
}

#pop-up-wrapper .inner-remember-login-box:after,
#pop-up-wrapper .inner-show-password-box:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: " ";
    position: absolute;
    width: 12px;
    height: 5px;
    background: transparent;
    top: 7px;
    left: 5px;
    border: 3px solid #999;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg)
}

#pop-up-wrapper .inner-remember-login-box.checked:after,
#pop-up-wrapper .inner-show-password-box.checked:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
}

#recaptcha_checkbox {
    margin: 0 26px
}

#pop-up-wrapper .text-with-inner-border {
    margin: 15px 26px;
    position: relative
}

#pop-up-wrapper .text-with-inner-border div {
    display: block;
    width: 30px;
    text-align: center;
    background: #fff;
    margin: 0 auto;
    z-index: 5;
    color: #999;
    font-weight: 300;
    font-style: italic;
    font-size: 17px
}

#pop-up-wrapper .text-with-inner-border:after {
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    top: 10px;
    left: 0;
    background: #ddd;
    z-index: -1
}

#pop-up-wrapper .forgot-password-link {
    display: table-cell;
    width: 50%;
    font-size: 16px;
    vertical-align: middle;
    text-align: right
}

#pop-up-wrapper .less-than-text {
    font-size: 15px;
    display: block;
    margin: 15px 26px;
    color: #555;
    font-style: italic;
    text-align: center
}

#sign-up-green-button {
    position: relative;
    box-sizing: border-box;
    padding-left: 60px
}

#sign-up-green-button a {
    display: block;
    color: #fff;
    text-align: center;
    line-height: 37px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .7)
}

#pop-up-content .thank-you {
    border-bottom: 7px solid #027bb0
}

#pop-up-wrapper .thank-you .popup-title {
    min-height: 70px
}

#pop-up-wrapper .thank-you .popup-title h2 {
    line-height: 59px
}

#pop-up-wrapper .thank-you .popup-title p {
    margin: -32px 0 0;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
    font-size: 14px
}

#pop-up-wrapper .pop-up-row {
    display: block;
    max-width: 402px;
    width: calc(100% - 52px);
    box-sizing: border-box;
    margin: 14px 26px
}

#pop-up-wrapper .thank-you .popup-heading-text {
    width: 402px
}

#pop-up-wrapper .pop-up-row .input-gender,
#pop-up-wrapper .pop-up-row .input-username,
#pop-up-wrapper label.pop-up-row span {
    margin: 0 6% 0 0
}

#pop-up-wrapper .pop-up-row .input-birthday,
#pop-up-wrapper .pop-up-row .input-country,
#pop-up-wrapper .pop-up-row .input-gender,
#pop-up-wrapper .pop-up-row .input-username {
    width: 46%;
    display: inline-block;
    vertical-align: top;
    height: 45px;
    overflow: hidden;
    position: relative
}

#pop-up-wrapper .pop-up-row .selector {
    position: relative;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    height: 45px;
    width: 100%;
    padding-left: 10px;
    font-size: 16px;
    padding-right: 40px;
    color: #777;
    background-color: #f9f9f9;
    box-sizing: border-box
}

#pop-up-wrapper .pop-up-row .selector p {
    margin: 0;
    padding: 0;
    width: 100%;
    line-height: 41px;
    font-size: 16px;
    color: #777
}

#pop-up-wrapper .pop-up-row select {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 888;
    font-size: 14px
}

#pop-up-wrapper .input-country:before {
    background-position: -98px -461px
}

#pop-up-wrapper .input-gender:before {
    background-position: -101px -434px
}

#pop-up-wrapper .input-birthday:before {
    background-position: -98px -491px
}

#pop-up-wrapper label.pop-up-row .selector,
#pop-up-wrapper label.pop-up-row span {
    width: 46%;
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    color: #777
}

#pop-up-wrapper label.pop-up-row .selector,
#pop-up-wrapper label.pop-up-row .selector p {
    height: 23px;
    line-height: 23px;
    font-size: 15px
}

#pop-up-wrapper label.pop-up-row .selector:before {
    position: absolute;
    content: " ";
    display: block;
    right: 5px;
    top: 8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 6px 0;
    border-color: #bebebe transparent transparent
}

#pop-up-wrapper label.pop-up-row .selector {
    padding-right: 10px;
    margin-top: -2px
}

#pop-up-wrapper .remember-me-wrapper.thank-you-popup {
    display: block;
    width: 100%;
    margin: 0
}

#pop-up-wrapper .thank-you-popup .show-password-wrapper-cell,
#pop-up-wrapper .thank-you-popup .show-password-wrapper>span {
    display: block
}

#pop-up-wrapper .remember-me-wrapper.thank-you-popup .show-password-wrapper-cell {
    float: right;
    margin-top: -4px;
    margin-right: 0
}

#pop-up-wrapper .remember-me-wrapper.thank-you-popup .inner-remember-login-box:after {
    border-color: #027bb0
}

#pop-up-wrapper .optional-text {
    color: #777;
    font-size: 12px;
    font-style: italic;
    margin-top: -8px
}

#pop-up-wrapper input {
    box-sizing: border-box
}

#pop-up-container #send-message {
    width: 100%;
    padding: 10px;
    background: #eee
}

#pop-up-container #send-message textarea {
    display: block;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 1px;
    width: 100%;
    font-size: 14px;
    padding: 10px;
    min-height: 180px;
    background: #fff;
    outline: 0
}

#pop-up-container #send-message .btn {
    display: block;
    width: 100%;
    background: #0072a6;
    height: 35px;
    line-height: 33px;
    border: 1px solid #004165;
    border-radius: 1px;
    padding: 0;
    font-weight: 700
}

@media screen and (max-width:420px) {
    #pop-up-container {
        top: 0;
        width: 100%;
        min-width: 100%
    }
    #close-popup {
        right: 30px;
        top: 20px;
        z-index: 10;
        box-shadow: none;
        border: none;
        left: auto
    }
    #recaptcha_checkbox {
        margin: 0 auto
    }
    #pop-up-wrapper .remember-me-wrapper>span {
        font-size: .6em
    }
    .popup-buttons {
        width: 45%!important
    }
}

#alertMessagesMP {
    position: fixed;
    max-width: 60vw;
    z-index: 9999;
    height: 58px;
    padding: 10px;
    background: #fff;
    box-shadow: 0 0 14px rgba(0, 0, 0, .4);
    padding-left: 32px;
    color: #000;
    max-width: 330px;
    font-size: 18px;
    bottom: 50px;
    right: 0;
    border-bottom: 7px solid #007aae;
    box-sizing: content-box
}

#alertMessagesMP:after {
    content: " ";
    display: block;
    background: #fff;
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: -17px;
    left: 0
}

#alertMessagesMP.warning {
    padding-left: 56px
}

#alertMessagesMP.warning .messageType {
    width: 126px;
    height: 124px;
    background: url(../images/message_warning.png) 50% no-repeat;
    position: absolute;
    left: -74px;
    top: -16px;
    z-index: 10
}

#alertMessagesMP.error .messageType {
    width: 126px;
    height: 124px;
    background: url(../images/message_error.png) 50% no-repeat;
    position: absolute;
    left: -98px;
    top: -16px;
    z-index: 10
}

#alertMessagesMP.success .messageType {
    width: 126px;
    height: 124px;
    background: url(../images/message_success.png) 50% no-repeat;
    position: absolute;
    left: -92px;
    top: -16px;
    z-index: 10
}

#alertMessagesMP h3 {
    font-size: 22px;
    margin: 6px 0 0;
    padding: 0
}

#alertMessagesMP .alertClose {
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    height: 24px;
    cursor: pointer
}

#form-help-us-improve {
    position: absolute;
    top: 130px;
    left: 0;
    z-index: 9000
}

#help-us-button {
    position: absolute;
    top: 0;
    right: -42px;
    width: 42px;
    height: 200px;
    cursor: pointer;
    transition: all .1s ease-in
}

#help-us-button:hover {
    -webkit-filter: brightness(1.2);
    -moz-filter: brightness(1.2);
    filter: brightness(1.2)
}

.help-us-form {
    background: #fff;
    box-sizing: border-box;
    border: 1px solid #000;
    transition: width .4s ease-in-out;
    overflow: hidden;
    width: 0
}

#pop-up-container.welcome-tour {
    height: 100%;
    width: 100%;
    top: 0;
    overflow: hidden;
    background: none
}

#pop-up-container.welcome-tour #close-popup {
    z-index: 1;
    top: 15px;
    left: 98%
}

#pop-up-container.welcome-tour iframe {
    height: 100%;
    width: 100%;
    border: none;
    transform-origin: 0 0
}

.help-us-form.visible {
    width: 348px
}

.help-us-form .blue-radios input,
.help-us-form .emotions input {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.help-us-form .emotions input:active+.emotions-icons {
    opacity: .9
}

.help-us-form .emotions input:checked+.emotions-icons {
    -webkit-filter: none;
    -moz-filter: none;
    filter: none
}

.help-us-form .emotions-icons {
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 35px;
    height: 35px;
    transition: all .1s ease-in;
    -webkit-filter: brightness(.8) opacity(.5);
    -moz-filter: brightness(.8) opacity(.5);
    filter: brightness(.8) opacity(.5)
}

.help-us-form .emotions-icons:hover {
    -webkit-filter: brightness(1.2) opacity(.9);
    -moz-filter: brightness(1.2) opacity(.9);
    filter: brightness(1.2) opacity(.9)
}

.help-us-form .bad-face-ico {
    background-position: -147px -733px;
    margin-left: 46px
}

.help-us-form .sad-face-ico {
    background-position: -147px -785px
}

.help-us-form .neutral-face-ico {
    background-position: -147px -835px
}

.help-us-form .smile-face-ico {
    background-position: -147px -885px
}

.help-us-form .love-face-ico {
    background-position: -147px -934px
}

.help-us-form .help-us-form-block {
    box-sizing: border-box;
    width: 346px;
    padding: 10px 25px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.help-us-form .help-us-form-block:first-child {
    border-top: none
}

.help-us-form .help-us-form-block:last-child {
    border-bottom: none
}

.help-us-form .help-us-title {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    font-size: 15px;
    color: #333;
    border-bottom: 1px solid #007aae;
    padding: 10px 0
}

.help-us-form .selector,
.help-us-form input[type=email],
.help-us-form input[type=text],
.help-us-form textarea {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 6px
}

.help-us-form .selector,
.help-us-form textarea {
    padding: 10px 14px
}

.help-us-form .selector:after {
    content: " ";
    position: absolute;
    display: block;
    top: 40%;
    right: 10px;
    width: 15px;
    height: 8px
}

.help-us-form .selector p {
    margin: 0;
    padding: 0;
    font-size: 14px
}

.help-us-form .selector select {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 888;
    font-size: 14px
}

.help-us-form textarea {
    height: 100px;
    max-height: 100px;
    resize: none
}

.help-us-form input[type=email],
.help-us-form input[type=text] {
    height: 35px;
    color: #333;
    padding: 0 14px
}

.help-us-form .radios-wrapper {
    display: table
}

.help-us-form .blue-radios {
    display: table-cell;
    width: 33%;
    margin: 0;
    padding: 0;
    text-align: center
}

.help-us-form .blue-radios input::active+.radio-dot {
    opacity: .9
}

.help-us-form .blue-radios input:checked+.radio-dot {
    background: #007db2
}

.radio-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    box-sizing: border-box;
    border: 1px solid #dfdfdf;
    background: #eee;
    border-radius: 50%
}

.help-us-form input[type=submit] {
    width: 80%;
    height: 50px;
    margin: 0 10%;
    color: #fff;
    border: 1px solid #002032;
    background: #0099da;
    background: linear-gradient(180deg, #0099da 0, #007aae);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0099da", endColorstr="#007aae", GradientType=0);
    border-radius: 3px;
    transition: opacity .3s ease-in-out
}

#form-help-us-improve .help-us-form input[type=submit] {
    margin-top: 15px
}

.help-us-form input[type=submit]:hover {
    opacity: .6
}

#pop-up-container {
    overflow: visible
}

#pop-up-container.help-us-form {
    top: 30%;
    padding: 0
}

.margin-top-15 {
    margin-top: 15px!important
}

#pop-up-container.movement_popup {
    top: 15%;
    padding: 0;
    min-width: 80%;
    width: 80%
}

#pop-up-container.movement_popup #close-popup {
    right: auto;
    left: 100%;
    top: 0
}

#report-problem {
    float: right;
    padding-right: 10px;
    padding-left: 30px;
    position: relative
}

#report-problem:hover {
    cursor: pointer
}

#report-problem:before {
    content: " ";
    position: absolute;
    display: block;
    left: 14px;
    top: 9px;
    width: 17px;
    height: 15px
}

.popup-message-title {
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    margin: 26px 0
}

.popup-message-text {
    text-align: center;
    font-size: 14px;
    margin: 26px;
    max-width: 290px
}

.popup-buttons-wrapper {
    margin: 15px
}

.popup-buttons {
    width: 155px;
    border: 1px solid #910506;
    border-radius: 1px;
    text-align: center;
    color: #910506;
    height: 33px;
    line-height: 33px;
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    transition: all .3s ease-in-out
}

.popup-buttons:hover {
    background: #910506;
    color: #fff
}

.popup-buttons.popup-close {
    float: right
}

.no-bookers-coupon {
    text-align: center;
    background: #fff;
    width: 100%;
    padding: 24px 0 27px;
    font-size: 18px;
    font-weight: 700;
    float: left
}

@media (min-width:768px) {
    #alertMessagesMP {
        right: 80px;
        width: 100%
    }
    #alertMessagesMP .alertClose {
        right: -24px
    }
}

h2.page-header {
    background-color: #0b6397;
    color: #fff;
    padding: 0 10px;
    margin: 0;
    line-height: 31px;
    font-size: 15px;
    font-weight: 700
}

h2.page-header span {
    margin-right: 15px
}

.coupon-table .flex {
    background-color: #fff;
    height: 86px
}

.coupon-table .flex>.bookies {
    background-size: 46px
}

.coupon-table .flex>* {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.coupon-table .flex .min_time {
    -ms-flex-preferred-size: 13%;
    flex-basis: 13%;
    text-align: center;
    padding: 0 14px
}

.coupon-table .flex .rtitle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-direction: column;
    flex-direction: column
}

.coupon-table .flex .rtitle a {
    font-size: 14px;
    color: #0b6397;
    line-height: 1.286;
    text-align: left
}

.coupon-table .flex .rtitle p {
    color: #222;
    font-size: 14px;
    margin: 0
}

.coupon-table .flex .val_1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f6f6f6
}

.coupon-table .flex.title {
    height: 26px
}

.coupon-table .flex.title .val_1,
.coupon-table .flex.title>* {
    background-color: #e9e9e9;
    font-weight: 700
}

.coupon-table .flex.title .rtitle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center
}

.coupon-table .flex.title .rtitle .triangle-step {
    margin: 0 6px
}

#bookies-coupon-table {
    background-color: #fff
}

#bookies-coupon-table .row-users {
    border-bottom: 1px solid #f6f6f6
}

#bookies-coupon-table .row-users>* {
    display: flex;
    -ms-flex-preferred-size: 26%;
    flex-basis: 26%;
    display: -ms-flexbox;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

#bookies-coupon-table .row-users>* .bet_now_livestream {
    display: flex;
    border: none;
    color: #fff;
    background: #5fb52d;
    text-shadow: none;
    text-transform: capitalize;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center
}

#bookies-coupon-table .row-users>* .bet_now_livestream:not(a) {
    display: table-cell
}

#bookies-coupon-table .row-users>* .bet_now_livestream:hover {
    background-color: #f19601;
    color: #000
}

#bookies-coupon-table .row-users .val_3 a:hover .icon-right-arrow {
    animation: a .7s infinite;
    -webkit-animation: a .7s infinite
}

#bookies-coupon-table .row-users .val_2 {
    -ms-flex-preferred-size: 15%;
    flex-basis: 15%;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex
}

#bookies-coupon-table .row-users .val_1 {
    -ms-flex-preferred-size: 26%;
    flex-basis: 26%;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 14px
}

#bookies-coupon-table .row-users .val_1>span {
    margin-left: 20px
}

#bookies-coupon-table .row-users.title {
    height: 26px
}

#bookies-coupon-table .row-users.title>* {
    background-color: #e9e9e9;
    font-weight: 700
}

#bookies-coupon-table .row-users.title .coupon-bookmaker {
    -ms-flex-preferred-size: 27%;
    flex-basis: 27%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex
}

.go-link-bookie {
    width: 100%
}

@media (min-width:1024px) {
    h2.page-header {
        font-size: 22px;
        padding: 23px 15px 27px
    }
    #bookies-coupon-table {
        background-color: #fff
    }
    #bookies-coupon-table .row-users {
        border-bottom: 1px solid #f6f6f6
    }
    #bookies-coupon-table .row-users>* {
        -ms-flex-preferred-size: 13%;
        flex-basis: 13%
    }
    .coupon-table .flex>.bookies {
        background-size: 100%
    }
}

.profile-image-wrapper {
    top: 160px;
    max-height: 1200px;
    height: 100%
}

.profile-image,
.profile-image-wrapper {
    position: absolute;
    width: 100%;
    z-index: -1
}

.profile-image {
    top: 0;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    height: 102.5%
}

#blue-menu {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    position: relative;
    height: 35px
}

#blue-menu+#blue-menu {
    margin-top: 10px
}

#blue-menu .blue-menu-btn {
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    display: inline-block;
    float: none;
    border-bottom: 3px solid transparent
}

#blue-menu.match-options .blue-menu-btn {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    border-right: 1px solid #910506
}

#blue-menu.match-options .blue-menu-btn:last-child {
    border-right: 0
}

#blue-menu .blue-menu-btn.active,
#blue-menu .blue-menu-btn:hover {
    border-bottom-color: #ffdd48;
    color: #fff
}

#blue-menu .blue-menu-btn.active {
    font-weight: 700
}

@media (min-width:768px) {
    #blue-menu {
        top: 0;
        margin-bottom: 8px
    }
    #blue-menu.match-options .blue-menu-btn {
        margin: 0
    }
    #blue-menu .blue-menu-btn {
        float: left
    }
    .profile-bg-controls {
        position: absolute;
        top: 170px;
        left: 10px;
        display: block!important
    }
}

#top5-comunity.coupon-table .match-link {
    width: 55%
}

#top5-comunity.coupon-table .match-link .matchTime {
    display: block;
    left: 10px
}

.coupon-table .match-link .rtitle {
    padding: 10px 10px 20px
}

.val_add1 {
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #ddd;
    line-height: 30px;
    border-top: 0;
    border-right: 0;
    text-align: center;
    font-weight: 700;
    height: 30px
}

.val_add1.labels {
    height: 20px
}

.user-table-name.val_add1 {
    text-align: left;
    padding-left: 6px;
    width: 40%
}

#user-stats .row_average,
.oddspedia-table .row_average {
    font-weight: 700
}

.value-bets-filter {
    margin: 0
}

.value-bets-filter>ul {
    list-style: none;
    float: left;
    width: 100%;
    line-height: 38px;
    border: 1px solid #ccc;
    background: #fff;
    background: linear-gradient(180deg, #fff 0, #e9e9e9);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e9e9e9", GradientType=0);
    padding: 0;
    box-sizing: border-box
}

.navbar .value-bets-filter .nav {
    margin: 0
}

.value-bets-filter>ul>li {
    float: left;
    padding: 0 15px;
    height: 38px;
    line-height: 38px;
    border-right: 1px solid #ccc
}

.value-bets-filter>ul>li:first-child {
    font-weight: 700
}

.value-bets-filter>ul>li>* {
    float: left
}

.value-bets-filter>ul>li>span {
    margin-right: 10px
}

.value-bets-filter .bootstrap-select {
    margin: 0!important
}

.value-bets-filter .bootstrap-select .selectpicker {
    border-radius: 0!important;
    background: #fff!important
}

.value-bets-filter .dropdown-menu {
    padding: 0;
    margin-top: -6px;
    border-radius: 0;
    left: 0;
    font-size: 12px
}

#pagesfilter .nav .dropdown .period-dropdown .dropdown-toggle {
    width: 120px
}

#pagesfilter .nav .dropdown .drop-dropdown .dropdown-toggle {
    width: 160px
}

#pagesfilter .nav .dropdown .predictions-dropdown .dropdown-toggle {
    width: 174px
}

#pagesfilter .nav .dropdown .roi-dropdown .dropdown-toggle {
    width: 88px
}

#pagesfilter .nav .dropdown .sports-dropdown .dropdown-toggle {
    width: 120px
}

#pagesfilter .nav .dropdown .sports-dropdown .bootstrap-select .text {
    text-transform: capitalize
}

#pagesfilter .nav .dropdown .dropdown-menu>li>a {
    padding: 3px 6px
}

#top5-comunity.coupon-table li [class*=val_],
.prediction-feed-wrapper .coupon-table li [class*=val_] {
    min-width: 10%
}

.prediction-feed-wrapper {
    margin: 0 0 8px;
    padding: 0;
    border-bottom: 1px solid #ddd
}

.prediction-feed-wrapper .matchListing {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd
}

.feed-left {
    width: 100%
}

.feed-left img {
    max-width: 100%;
    display: block
}

.feed-average-won {
    text-align: center;
    width: 100%;
    font-size: 12px;
    box-sizing: border-box;
    border: 1px solid #c6c6c6;
    line-height: 23px;
    font-weight: 700
}

.prediction-feed-wrapper h3 {
    margin: 0;
    padding: 0 0 0 10px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 700
}

.pick-result {
    background: #007aae;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px
}

.nopick,
.pick-result {
    border-bottom: 1px solid #ddd;
    height: 15px;
    line-height: 16px
}

.nopick {
    background: #fff;
    width: 98%;
    width: calc(100% - 2px);
    border-top: 1px solid #ddd
}

.prediction-feed-wrapper .coupon-table .labels .rtitle {
    border-left: 0
}

#profile-wrapper>div {
    margin-top: 10px;
    border-top: 1px solid #ddd
}

#profile-wrapper #user-stats {
    margin-top: 0;
    padding-top: 20px
}

#profile-wrapper #userDetails {
    border-top: 0;
    margin: 0
}

#profile-wrapper #userDetails.additionalPageInfo {
    margin: 20px 0
}

#userAccountPage {
    position: relative;
    display: table;
    width: 100%;
    background: #fff;
    padding: 45px 10px 10px
}

.userPhotoFrame {
    width: 35%;
    position: relative;
    display: table-cell;
    min-height: 210px;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    box-sizing: border-box
}

.photo-ico {
    position: absolute;
    display: block;
    width: 36px;
    height: 32px;
    border: 1px solid #000
}

.userPhotoFrame .changeprfpic {
    position: absolute;
    right: 8px;
    bottom: 6px;
    margin: 0;
    opacity: 0;
    text-align: left;
    overflow: hidden;
    transition: opacity .3s ease
}

.userPhotoFrame:hover .changeprfpic {
    opacity: 1
}

#gybo .fileinput-button {
    position: absolute;
    float: none;
    overflow: hidden
}

.userProfileDetails {
    position: relative;
    display: table-cell;
    padding-left: 10px
}

.userProfileDetails h1 {
    font-size: 16px;
    margin: 0 0 10px;
    width: 100%;
    line-height: 20px;
    font-weight: 700
}

.right-profil-controls {
    float: right
}

#profil-buttons-mobile {
    margin-top: 10px;
    width: 100%
}

#profil-buttons-mobile .right-profil-controls {
    float: left;
    width: 100%
}

.green-button-profil,
.square-button {
    width: 37px;
    height: 34px;
    line-height: 34px;
    border-radius: 1px;
    display: inline-block;
    background: #fefefc;
    vertical-align: middle;
    text-align: center;
    transition: all .2s ease-out;
    cursor: pointer;
    text-decoration: none!important
}

#profil-buttons-mobile .square-button.settings-button {
    width: 100%;
    font-weight: 700;
    font-size: 14px;
    line-height: 32px
}

.green-button-profil {
    border: 1px solid #048d00;
    color: #078b01
}

#profil-buttons-mobile .green-button-profil.following {
    width: calc(100% - 45px)
}

.green-button-profil a {
    text-decoration: none;
    color: inherit!important
}

.square-button {
    border: 1px solid #016297;
    float: right
}

.square-button.active,
.square-button:active,
.square-button:hover {
    background: #0079ae;
    color: #fff
}

.square-button.active svg,
.square-button:hover svg {
    fill: #fff
}

.green-button-profil:hover {
    background: #07a200;
    color: #fff
}

.green-button-profil:hover .plus:after,
.green-button-profil:hover .plus:before {
    background: #fff;
    transform: rotate(180deg)
}

.plus {
    display: inline-block;
    position: relative;
    width: 13px;
    height: 13px;
    margin-bottom: -1px
}

.plus:after,
.plus:before {
    background: #078b01;
    content: " ";
    display: block;
    position: absolute;
    transition: all .2s ease-out
}

.plus:before {
    width: 13px;
    height: 3px;
    top: 45%;
    top: calc(50% - 1.5px)
}

.plus:after {
    width: 3px;
    height: 13px;
    left: 45%;
    left: calc(50% - 1.5px)
}

.green-button-profil.following {
    color: #fff;
    background: #07a200;
    font-weight: 700
}

.green-button-profil.following:hover {
    color: #07a200;
    background: #fff
}

.green-button-profil.following .plus:after {
    display: none
}

.green-button-profil.following .plus:before {
    content: " ";
    position: absolute;
    width: 11px;
    height: 7px;
    background: transparent;
    top: 2px;
    left: 1px;
    border: 3px solid #fff;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg)
}

.green-button-profil.following:hover .plus:before {
    background: #07a200;
    border: none;
    width: 13px;
    height: 3px;
    top: 45%;
    top: calc(50% - 1.5px);
    left: 0;
    transform: rotate(45deg)
}

.green-button-profil.following:hover .plus:after {
    display: block;
    background: #07a200;
    transform: rotate(45deg)
}

.unfollow-text {
    display: none;
    padding: 0 2px 0 1px
}

.green-button-profil.following:hover .unfollow-text {
    display: inline-block
}

.green-button-profil.following:hover .follow-text {
    display: none
}

.profil-settings-ico {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    fill: #007aad;
    transition: all .2s ease-out
}

img.profil-settings-ico {
    opacity: 0
}

.profil-message-ico {
    width: 20px;
    height: 19px;
    display: inline-block;
    vertical-align: middle
}

.followUsr {
    position: relative;
    width: auto;
    text-align: center;
    float: right;
    height: 34px;
    line-height: 32px;
    margin-left: 8px;
    background-size: 1px 68px;
    box-sizing: border-box;
    padding: 0 15px;
    font-weight: 700;
    font-size: 14px
}

.userProfileDetails .profil-statistics-container {
    display: table;
    width: 100%;
    min-height: 100px;
    box-sizing: border-box
}

.profil-top-container {
    display: table;
    width: 100%
}

.userProfileDetails .profil-share-container,
.userProfileDetails .usrdetsContent {
    width: 100%;
    position: relative;
    display: table-row
}

.userProfileDetails h3 {
    font-size: 12px;
    margin: 0;
    line-height: 16px;
    color: #333;
    font-weight: 700;
    padding-left: 0
}

.userProfileDetails h3 span {
    margin-left: 5px;
    font-weight: 400
}

.profil-bottom-container {
    background: #fff;
    display: table;
    width: 100%;
    border-top: 1px solid #d6e2f0;
    border-bottom: 1px solid #d6e2f0
}

.profil-bottom-container div {
    display: table-cell;
    width: 20%;
    box-sizing: border-box;
    border-right: 1px solid #d6e2f0;
    vertical-align: middle;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    height: 44px;
    line-height: 1.2
}

.profil-predictions-all p,
.profil-predictions-lost p,
.profil-predictions-won p {
    font-size: 18px;
    margin: 0
}

.profil-predictions-all p {
    color: #006495
}

.positive-roi,
.profil-predictions-won p {
    color: #079800
}

.negative-roi,
.profil-predictions-lost p {
    color: #dd4037
}

.roi-profil-icon {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 27px
}

.profil-bottom-container .profil-predictions-roi .roi-profil-icon {
    margin-right: 10px
}

.profil-bottom-container .profil-predictions-roi {
    border-right: none;
    width: 40%;
    font-size: 12px;
    padding: 8px 0 4px
}

#matchComments {
    min-height: 30px;
    background: #fff;
    width: 100%;
    position: relative;
    margin-top: 8px;
    margin-bottom: 8px
}

.noItemsShown {
    width: 96%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
    border: 1px dotted #ccc;
    margin: 2%;
    display: block;
    padding: 10px
}

.noComments {
    background: #fff
}

#userDetails .users-table-country,
.users-table-number {
    width: 4%
}

#userDetails .user-table-name {
    width: 40%;
    text-align: left;
    line-height: 60px;
    font-weight: 700;
    min-width: 140px
}

#userDetails .user-table-name .photo {
    float: left;
    margin-right: 10px;
    height: 60px
}

#userDetails .users-table-roi {
    font-weight: 700
}

#userDetails .oddspedia-table .labels {
    font-size: 12px;
    font-weight: 700
}

@media (min-width:768px) {
    #top5-comunity.coupon-table .match-link,
    .prediction-feed-wrapper .match-link {
        width: 70%
    }
    #top5-comunity.coupon-table .match-link .matchTime {
        display: table-cell;
        left: 0
    }
    .coupon-table .match-link .rtitle {
        padding: 10px
    }
    .prediction-feed-wrapper h3 {
        padding-left: 0
    }
    .prediction-feed-wrapper {
        padding: 12px 0;
        margin-bottom: 0
    }
    #userAccountPage {
        margin-bottom: 10px;
        padding: 0
    }
    #profile-wrapper #userDetails {
        margin: 0
    }
    #profile-wrapper #user-stats {
        padding-top: 0
    }
    .userProfileDetails {
        padding-left: 0
    }
    .userProfileDetails .profil-share-container,
    .userProfileDetails .usrdetsContent {
        width: 50%;
        display: table-cell;
        padding: 10px 22px 14px
    }
    .userProfileDetails h1 {
        padding: 7px 20px;
        line-height: 40px;
        margin-bottom: 0
    }
    .userProfileDetails h3 {
        font-size: 14px;
        line-height: 20px
    }
    .userProfileDetails .profil-statistics-container {
        border-top: 1px solid #d6e2f0
    }
    .right-profil-controls {
        margin-top: 3px
    }
    .userPhotoFrame {
        width: 210px
    }
    .profil-bottom-container {
        border-bottom: 0
    }
    .profil-bottom-container div {
        font-size: 12px
    }
    .profil-bottom-container .profil-predictions-roi {
        font-size: 16px
    }
    #usrsMessages .col-md-2 {
        padding: 0;
        width: 10%
    }
}

@media (min-width:1024px) {
    .prediction-feed-wrapper .col-md-2 {
        width: 13%!important
    }
    .prediction-feed-wrapper .col-md-10 {
        width: 85%
    }
}

.top_10_user,
.top_user_predictions {
    background: #fff;
    margin-bottom: 10px
}

.top_10_user .homepage-headline .triangle-right,
.top_user_predictions .homepage-headline .triangle-right {
    padding-left: 15px
}

tr td.center_cell {
    display: table-cell;
    text-align: center
}

.cm_section {
    display: inline-block;
    width: 100%;
    background: #fff;
    margin-bottom: 8px
}

.cm_section .homepage-headline .triangle-right {
    padding-left: 15px
}

.cm_profile_header {
    background: #fff
}

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

.cm_profile_header .header_top {
    display: -ms-flexbox;
    display: flex
}

.cm_profile_header .header_top figure {
    width: 210px;
    min-width: 210px;
    height: 210px
}

.cm_profile_header .header_top figure img {
    height: auto;
    max-width: 100%
}

.cm_profile_header .header_top figure img#cropped_img {
    max-width: none
}

.cm_profile_header .header_top .profile_info {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.cm_profile_header .header_top .profile_info .profile_info_top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 18px;
    border-bottom: 1px solid #d6e2f0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cm_profile_header .header_top .profile_info .profile_info_top figure {
    display: none
}

.cm_profile_header .header_top .profile_info .profile_info_top li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.cm_profile_header .header_top .profile_info .profile_info_top .profile_name {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    font-size: 18px;
    font-weight: 600;
    color: #333
}

.cm_profile_header .header_top .profile_info .profile_info_top .btn {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.cm_profile_header .header_top .profile_info .profile_info_top .btn:last-child {
    margin-left: 10px
}

.cm_profile_header .header_top .profile_info .profile_info_footer {
    padding: 15px 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cm_profile_header .header_top .profile_info .profile_info_footer .profile_personal_info {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.cm_profile_header .header_top .profile_info .profile_info_footer .profile_personal_info li {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-bottom: 11px
}

.cm_profile_header .header_top .profile_info .profile_info_footer .profile_personal_info li:last-child {
    margin-bottom: 0
}

.cm_profile_header .header_top .profile_info .profile_info_footer .profile_personal_info li span {
    display: inline-block;
    font-weight: 600
}

.cm_profile_header .header_top .profile_info .profile_info_footer .profile_personal_info li span:first-child {
    color: #777;
    font-size: 15px;
    font-weight: 300;
    width: 69px
}

.cm_profile_header .header_top .profile_info .profile_info_footer .share_profile {
    display: none;
    font-size: 15px;
    font-weight: 400;
    color: #777
}

.cm_profile_header .header_top .profile_info .profile_info_footer .share_profile input {
    padding: 6px 10px;
    margin-top: 15px;
    font-size: 13px;
    border: 1px solid #d6e2f0;
    width: 100%;
    min-width: 224px
}

.cm_profile_header .header_top .profile_info .profile_info_footer .share_profile a {
    margin-left: 8px;
    font-size: 24px
}

.cm_profile_header .footer_panel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: -210px;
    background: #f5f5f5;
    border-bottom: 1px solid #d6e2f0;
    border-left: 1px solid #d6e2f0
}

.cm_profile_header .footer_panel>li {
    padding: 10px 0;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 16px;
    color: #777;
    border-right: 1px solid #d6e2f0;
    border-top: 1px solid #d6e2f0
}

.cm_profile_header .footer_panel>li span {
    display: block;
    font-size: 16px
}

.cm_profile_header .footer_panel>li:last-child span {
    display: inline-block
}

.cm_profile_header .footer_panel>li.won span {
    color: #3ea402
}

.cm_profile_header .footer_panel>li.lost span {
    color: #de4618
}

.cm_profile_header .footer_panel>li.yield .icon {
    color: #910506;
    font-size: 25px;
    margin-right: 10px
}

.cm_profile_header .footer_panel>li.yield span:last-child {
    margin-left: 4px
}

.form_dots {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.form_dots li span {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 40px;
    margin: 0 1px
}

.form_dots li span.negative {
    background: #de4618
}

.form_dots li span.positive {
    background: #5bb51f
}

.profile_nav_tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
    list-style: none;
    line-height: 46px
}

.profile_nav_tabs li {
    position: relative;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    transition: background .1s;
    text-align: center;
    padding: 0 8px;
    cursor: pointer
}

.profile_nav_tabs li:hover {
    background: #910506
}

.profile_nav_tabs li span {
    color: #f9d249;
    margin-left: 5px
}

.profile_nav_tabs li.active:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #f9d249
}

.profile_nav_tabs li a {
    padding: 13px 10px;
    color: inherit
}

.avatar,
.avatar-sm {
    width: 80px;
    margin-right: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.avatar-sm-sm img,
.avatar-sm img {
    margin-bottom: 8px;
    width: 60px;
    height: 60px
}

.avatar-sm img,
.avatar img {
    margin-bottom: 8px;
    width: 80px;
    height: 80px
}

.avatar-sm .usrname,
.avatar .usrname {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.avatar-sm .success_rate,
.avatar .success_rate {
    font-size: 14px
}

.avatar-sm .form_dots,
.avatar .form_dots {
    margin-bottom: 0
}

.avatar-sm .picks,
.avatar .picks {
    display: block;
    font-size: 12px
}

.avatar-sm .avatar_info_section,
.avatar .avatar_info_section {
    text-align: center
}

.аnswers_wrapper .аnswer_wrapper {
    margin-top: 15px;
    padding-top: 15px;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #ddd
}

.аnswers_wrapper .аnswer_wrapper:first-child {
    margin-top: 0;
    border-top: none
}

.аnswers_wrapper .answer_content_wrapper .header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px
}

.аnswers_wrapper .answer_content_wrapper .header p {
    margin: 0
}

.аnswers_wrapper .answer_content_wrapper .header p a {
    font-weight: 700
}

.аnswers_wrapper .answer_content_wrapper .header .date {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #777
}

.аnswers_wrapper .answer_content_wrapper .header .date .hour {
    margin-left: 20px
}

.аnswers_wrapper .answer_content_wrapper .header .date .icon {
    margin-right: 5px;
    font-size: 10px
}

.answer_content {
    padding: 10px 5px;
    background: #f5f5f5
}

.answer_content p {
    font-size: 14px;
    font-weight: 300;
    color: #555;
    margin: 0;
    line-height: 18px;
    word-break: break-all
}

.answer_content p .show_more {
    font-weight: 700;
    cursor: pointer
}

.write_a_comment {
    width: 100%;
    margin-top: 15px
}

.write_a_comment form {
    display: -ms-flexbox;
    display: flex
}

.write_a_comment form textarea {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 8px 20px;
    border: 1px solid #ddd
}

.write_a_comment form button {
    border: none;
    position: relative;
    padding: 12px 22px;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px
}

.write_a_comment form button.triangle-left:after {
    right: 100%;
    border-width: 0 0 38px 10px
}

.answer_options {
    margin: 15px 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.answer_options li {
    min-width: 100px;
    margin-right: 20px;
    text-transform: uppercase;
    color: #555;
    font-size: 14px;
    line-height: 100%;
    font-weight: 300;
    cursor: pointer
}

.answer_options li:last-child {
    margin-right: 0
}

.answer_options li .icon {
    margin-right: 8px;
    color: #02639a;
    font-size: 15px
}

.btn_block_user {
    background: #fff;
    color: #a1a1a1;
    border: 1px solid #ddd
}

.btn_block_user:hover {
    color: #333;
    background: #ddd
}

.btn_block_user.unblock {
    color: #fff;
    background: #de4618
}

.btn_medium {
    font-size: 16px;
    font-weight: 600
}

.btn_medium .icon {
    font-size: 12px;
    vertical-align: middle;
    margin-right: 5px
}

.btn_flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn_blue.border {
    background: #fff;
    border: 1px solid #15639b
}

.btn_blue.border.active {
    background: #15639b;
    color: #fff
}

.btn_green.border {
    color: #3ea402;
    background: #fff;
    border: 1px solid #3ea402
}

.btn_green .icon {
    color: #3ea402
}

.accordeon_table {
    margin-bottom: 0;
    background: #fff
}

.accordeon_table>li {
    position: relative;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-weight: 700;
    line-height: normal;
    border-bottom: 1px solid #e9e9e9
}

.accordeon_table>li:last-child {
    border-bottom: none
}

.accordeon_table>li.header {
    background: #e9e9e9;
    padding: 10px 0
}

.accordeon_table>li>span.open_accordeon1 {
    padding: 0;
    width: 40px;
    color: #fff;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.accordeon_table>li .accordeon_table_content_wrapper1 {
    background: #910506;
    display: none;
    color: inherit;
    text-transform: none;
    overflow: hidden;
    width: 100%
}

.accordeon_table>li .accordeon_table_content_wrapper1 .accordeon_table_content1 {
    padding: 10px
}

.accordeon_table .icon {
    width: auto
}

.settled_pred_table>li {
    text-transform: uppercase;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.settled_pred_table>li.header span {
    font-size: 12px;
    color: #555;
    padding: 0
}

.settled_pred_table>li>span {
    display: flex;
    align-items: center;
    width: 14.66666%;
    overflow: hidden;
    max-width: 50px
}

.settled_pred_table>li>span,
.settled_pred_table>li>span .icon {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    text-align: center;
    padding: 12px 0
}

.settled_pred_table>li>span:last-child {
    width: 40px
}

.settled_pred_table .accordeon_table_content_wrapper1 {
    margin-right: -15px
}

.s_statistics_tabs li .icon:before {
    font-size: 14px;
    color: #ccc
}

.statistics_table {
    width: 100%;
    border: 1px solid #ddd
}

.statistics_table .header {
    background: #e9e9e9;
    border-bottom: 1px solid #ddd
}

.statistics_table .header th {
    text-align: center;
    padding: 5px 10px;
    text-transform: uppercase
}

.statistics_table .header th span {
    display: block;
    color: #006298;
    font-size: 14px
}

.statistics_table tbody {
    color: #006298;
    font-weight: 700
}

.statistics_table tbody tr {
    border-bottom: 1px solid #ddd
}

.statistics_table tbody tr:last-child {
    border-bottom: none
}

.statistics_table tbody td {
    text-align: center;
    padding: 10px
}

.roi_table {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background: #fff
}

.roi_table .pie_chart_wrapper {
    width: 160px;
    margin: 15px
}

.roi_table .pie_chart_wrapper .amcharts-chart-div {
    left: -19px
}

.roi_table .table_wrapper {
    -ms-flex: 1;
    flex: 1;
    margin: 15px 15px 15px 0
}

.roi_table table {
    width: 100%;
    border: 1px solid #ddd
}

.roi_table thead {
    background: #e9e9e9;
    text-transform: uppercase;
    font-size: 13px;
    border-bottom: 1px solid #ddd
}

.roi_table thead tr {
    height: 30px
}

.roi_table thead tr th {
    padding: 0 10px;
    max-width: 1px;
    overflow: hidden;
    text-overflow: ellipsis
}

.roi_table tbody {
    border-bottom: 1px solid #ddd
}

.roi_table td,
.roi_table th {
    text-align: center
}

.roi_table td:first-child,
.roi_table th:first-child {
    text-align: left
}

.roi_table td {
    height: 30px;
    padding: 0 10px;
    font-weight: 700
}

.roi_table td:first-child {
    padding-left: 10px
}

.post_wrapper .post_header_info,
.post_wrapper .post_wrapper_header {
    margin: 0 15px 8px;
    padding: 5px 15px;
    background: #e9e9e9;
    font-size: 14px
}

.post_wrapper .post_header_info a,
.post_wrapper .post_wrapper_header a {
    font-size: 14px;
    font-weight: 700
}

.post_wrapper .post_wrapper_header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.post_wrapper .post_wrapper_header .vote_share {
    display: -ms-flexbox;
    display: flex
}

.post_wrapper .post_wrapper_header .share {
    font-size: 13px;
    margin-left: 10px;
    cursor: pointer;
    color: #333
}

.post_wrapper .post_wrapper_header .vote {
    border-right: 1px solid #fff
}

.post_wrapper .post_wrapper_header .vote span {
    cursor: pointer;
    margin-right: 10px
}

.post_wrapper .post_content_wrapper {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 15px 15px
}

.post_wrapper .post_content_wrapper .content_wrapper {
    width: 100%;
    padding: 0 75px 0 15px
}

.post_wrapper .post_content_wrapper .content_wrapper .post_title {
    margin: 0 0 14px
}

.post_wrapper .post_content_wrapper .content_wrapper .post_options {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 15px
}

.post_wrapper .post_content_wrapper .content_wrapper .post_options li {
    margin-right: 15px
}

.post_wrapper .post_content_wrapper .content_wrapper .post_options li:last-child {
    margin-right: 0;
    -ms-flex: 1;
    flex: 1;
    text-align: right
}

.post_wrapper .post_content_wrapper .content_wrapper .post_options li button,
.post_wrapper .post_content_wrapper .content_wrapper .post_options li div {
    height: 100%
}

.post_wrapper .post_content_wrapper .content_wrapper .post_options li button {
    background: #e9e9e9;
    border: none;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 10px;
    float: right;
    font-weight: 700;
    color: #333
}

.post_wrapper .post_content_wrapper .content_wrapper .post_options li button span {
    margin-left: 10px;
    background: #5bb51f;
    color: #fff;
    padding: 8px 10px
}

.post_wrapper .post_content_wrapper .content_wrapper .post_options figure {
    display: inline-block;
    width: 80px;
    background: #fff;
    padding: 0 10px;
    border-left: 1px solid #ddd
}

.post_wrapper .post_content_wrapper .content_wrapper .post_options figure img {
    width: 100%
}

.post_wrapper .post_content_wrapper .content_wrapper .post_options .stack {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 10px;
    font-size: 14px;
    color: #fff;
    background: #910506
}

.post_wrapper .post_content_wrapper .content_wrapper .post_options .stack .icon {
    margin-right: 5px;
    font-size: 18px
}

.post_wrapper .post_content_wrapper .content_wrapper .post_options .operator_area {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background: #f6f6f6;
    border: 1px solid #ddd;
    padding-left: 10px
}

.post_wrapper .post_content_wrapper .content_wrapper .post_options .operator_area span {
    margin-right: 10px;
    font-weight: 700
}

.post_wrapper .post_content_wrapper .content_wrapper .post_options .operator_area span.icon {
    font-size: 10px
}

.post_wrapper .post_content_wrapper .content_wrapper .post_options .operator_area span.through {
    color: #898989
}

.post_wrapper .post_content_wrapper .content_wrapper .post_content {
    padding: 15px;
    background: #fdf8ea;
    margin-bottom: 15px
}

.post_wrapper .post_content_wrapper .content_wrapper .post_content p {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #555;
    margin: 0
}

.post_wrapper .post_content_wrapper .content_wrapper .post_content p .show_more {
    font-weight: 700;
    cursor: pointer
}

.post_wrapper .post_content_wrapper .content_wrapper .replies_wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.post_wrapper .post_content_wrapper .content_wrapper .replies_wrapper .icon {
    color: #02639a;
    font-size: 18px;
    margin-right: 8px
}

.post_wrapper .post_content_wrapper .content_wrapper .replies_wrapper .replies {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase
}

.post_wrapper .post_content_wrapper .content_wrapper .commented_avatars {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 16px
}

.post_wrapper .post_content_wrapper .content_wrapper .commented_avatars .mini_avatars {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0
}

.post_wrapper .post_content_wrapper .content_wrapper .commented_avatars .mini_avatars li {
    margin-right: 2px
}

.post_wrapper .post_content_wrapper .content_wrapper .commented_avatars .mini_avatars li:last-child {
    margin-right: 0
}

.post_wrapper .post_content_wrapper .content_wrapper .commented_avatars p {
    margin: 0 0 0 8px
}

.post_wrapper .post_content_wrapper .content_wrapper .commented_avatars a {
    color: #333;
    font-weight: 700
}

.post_wrapper .post_content_wrapper .content_wrapper .show_all_replies {
    margin-top: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative
}

.post_wrapper .post_content_wrapper .content_wrapper .show_all_replies:before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 17px;
    left: 0;
    background: #ddd
}

.post_wrapper .post_content_wrapper .content_wrapper .show_all_replies .triangle-left:after,
.post_wrapper .post_content_wrapper .content_wrapper .show_all_replies .triangle-right:after {
    height: 35px
}

.post_wrapper .post_content_wrapper .content_wrapper .show_all_replies .show_all_replies_bnt {
    position: relative;
    padding: 8px 10px;
    cursor: pointer
}

.post_wrapper .post_content_wrapper .content_wrapper .show_all_replies .show_all_replies_bnt .icon {
    margin-left: 5px
}

.post_wrapper .post_content_wrapper .votes_wrapper {
    position: absolute;
    top: 15px;
    right: 32px
}

.post_wrapper .post_content_wrapper .votes_wrapper,
.post_wrapper .post_content_wrapper .votes_wrapper span.votes {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.post_wrapper .post_content_wrapper .votes_wrapper span.votes {
    font-size: 16px;
    font-weight: 700;
    margin: 3px 0
}

.post_wrapper .post_content_wrapper .votes_wrapper span.votes span {
    color: #a0a0a0;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 10px;
    font-weight: 400
}

.post_wrapper .post_content_wrapper .votes_wrapper span.icon {
    color: #ddd;
    font-size: 30px;
    cursor: pointer;
    transform: scale(1) translateZ(0);
    transition: all .2s
}

.post_wrapper .post_content_wrapper .votes_wrapper span.icon.icon-thumb-up:hover {
    color: #5bb51f;
    transform: scale(1.1) rotate(-10deg)
}

.post_wrapper .post_content_wrapper .votes_wrapper span.icon.icon-thumb-down:hover {
    color: #de4618;
    transform: scale(1.1) rotate(-10deg)
}

.content_wrapper .pick_table_wrapper {
    margin-right: -75px
}

.pick_table_wrapper .result.green {
    background: #5bb51f
}

.pick_table_wrapper .result.red {
    background: #de4618
}

.pick_table_wrapper .result.grey {
    background: #a7a7a7
}

.pick_table_wrapper .result span:nth-of-type(2) {
    flex-grow: 1;
    font-size: 22px;
    color: #fff;
    border: none;
    align-items: flex-end;
    padding: 4px 0
}

.pick_table_wrapper .result span:last-of-type {
    color: rgba(0, 0, 0, .3);
    text-transform: uppercase;
    font-size: 16px
}

.pick_table_wrapper {
    color: #333;
    background: #fff;
    border-top: 1px solid #ddd
}

.pick_table_wrapper>.header {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.pick_table_wrapper .header {
    display: -ms-flexbox;
    display: flex;
    padding: 5px 10px;
    background: #e9e9e9;
    align-items: center
}

.pick_table_wrapper .header a {
    margin-right: 12px;
    color: #333;
    font-size: 13px;
    font-weight: 700
}

.pick_table_wrapper .header>span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 6px;
    font-weight: 700
}

.pick_table_wrapper .header>span span {
    margin-right: 4px
}

.pick_table_wrapper .header .icon {
    font-size: 16px;
    margin-right: 5px
}

.pick_table_wrapper .header .icon-triangle-arrow-down {
    color: #666;
    transform: rotate(-90deg);
    font-size: 10px
}

.pick_table_wrapper .pick_table {
    display: -ms-flexbox;
    display: flex;
    margin: 0
}

.pick_table_wrapper .pick_table li {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 80px
}

.pick_table_wrapper .pick_table li:first-child {
    -ms-flex: 1 0 25%;
    flex: 1 0 25%
}

.pick_table_wrapper .pick_table li .header {
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-weight: 700
}

.pick_table_wrapper .pick_table li .header.date {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.pick_table_wrapper .pick_table li:last-child {
    border-right: 1px solid #ddd
}

.pick_table_wrapper .pick_table li>span {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pick_table_wrapper .pick_table li>span.checked {
    background: #910506;
    color: #fff;
    line-height: 100%
}

.pick_table_wrapper .pick_table li>span:not(header) {
    height: 30px;
    border-bottom: 1px solid #ddd
}

.pick_table_wrapper .pick_table li>span:not(header):last-child {
    border-bottom: none
}

.pick_table_wrapper .pick_table li .name {
    text-align: left;
    padding: 15px
}

.pick_table_wrapper .pick_table li .name a {
    display: block;
    font-size: 14px
}

.pick_table_wrapper .pick_table li .name span {
    display: block
}

.pick_table_wrapper .pick_table li .name span:last-child {
    font-weight: 700;
    color: #333
}

.stat_square {
    display: inline-block;
    margin: 0 10px 0 0;
    width: 10px;
    height: 10px
}

.stat_square.blue {
    background: #0078ac
}

.stat_square.medium_blue {
    background: #005f94
}

.stat_square.dark_blue {
    background: #003755
}

.stat_square.yellow {
    background: #fdef4f
}

.positive {
    color: #5bb51f
}

.negative {
    color: #de4618
}

.numb_bg {
    color: #02639a;
    font-weight: 700;
    background: #eaeaea;
    padding: 1px 4px
}

.show_hide_flex {
    display: -ms-flexbox!important;
    display: flex!important
}

.rotate_icon:before {
    transform: rotate(-180deg)
}

.tabs_nav {
    margin-bottom: 8px
}

.tabs_nav,
.tabs_nav .active_tab-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tabs_nav .active_tab-title {
    cursor: pointer
}

.tabs_nav .active_tab-title .hide_tabs {
    display: none
}

.tabs_nav .tab_btn {
    cursor: pointer
}

.tab_content {
    display: none
}

.tab_content.content_active-tab {
    display: block!important
}

.users_list_table {
    width: 100%;
    background: #fff;
    font-size: 14px;
    color: #333;
    font-weight: 400;
    counter-reset: rowNumber;
    border-bottom: 1px solid #ddd
}

.users_list_table td,
.users_list_table th {
    text-align: left;
    padding: 5px
}

.users_list_table td.user_avatar,
.users_list_table th.user_avatar {
    width: 60px;
    padding: 0
}

.users_list_table td.user_avatar img,
.users_list_table th.user_avatar img {
    display: inline-block;
    width: 60px;
    height: 60px
}

.users_list_table thead {
    background: #e9e9e9;
    font-size: 13px
}

.users_list_table thead tr {
    height: 30px
}

.users_list_table thead tr th {
    text-align: center;
    max-width: 50px
}

.users_list_table .hidden_row td:before {
    display: none
}

.users_list_table>tbody {
    counter-reset: rowNumber 1
}

.users_list_table>tbody>tr:not(.hidden_row) {
    border-top: 1px solid #ddd
}

.users_list_table>tbody tr {
    transition: all .1s ease
}

.users_list_table>tbody tr:not(:first-child):not(.hidden_row) {
    counter-increment: rowNumber
}

.users_list_table>tbody tr>td {
    text-align: center;
    border-right: 1px solid #ddd
}

.users_list_table>tbody tr>td:first-child {
    align-items: center
}

.users_list_table>tbody tr>td:last-child {
    border-right: none
}

.users_list_table>tbody tr>td:first-child:before {
    min-width: 1em;
    margin-right: 15px
}

.users_list_table>tbody tr>td.username {
    width: 30%;
    text-align: left
}

.users_list_table button {
    margin-left: 10px
}

.users_list_table button:first-child {
    margin-left: 0
}

.users_list_table .btn_wrapper {
    height: 100%
}

.users_list_table .active_cell {
    color: #9a9a9a
}

.users_list_table .active_cell.blue {
    color: #006298
}

.home_community_banner {
    padding: 25px 20px;
    height: 341px;
    color: #fff
}

.home_community_banner .header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.home_community_banner .header .cta_wrapper {
    text-align: center
}

.home_community_banner .header .cta_wrapper span {
    font-style: italic
}

.home_community_banner .header a {
    display: block;
    padding: 7px 16px;
    color: #000;
    font-weight: 700;
    background: #f0ce4d;
    background: linear-gradient(180deg, #f0ce4d 0, #ecb315);
    border: 1px solid #fee179;
    text-transform: uppercase;
    text-shadow: 0 2px 2px #f7d56b
}

.home_community_banner .header h2 {
    margin: 0;
    width: 100%;
    max-width: 400px;
    font-size: 17px;
    line-height: 19px;
    text-transform: uppercase
}

.home_community_banner .header h2 span {
    color: #efcc4a
}

.home_community_banner .header h3 {
    margin: 0;
    font-size: 16px
}

.home_community_banner .header ul li {
    font-size: 14px
}

.home_community_banner .header ul li:last-child {
    margin-bottom: 0
}

.home_community_banner .header ul li .icon {
    color: #00b3ff;
    font-size: 20px;
    margin-right: 10px
}

.home_community_banner .header ul li span {
    font-weight: 700;
    text-transform: uppercase;
    color: #efcc4a
}

.top_10_user_table {
    margin-bottom: 8px;
    background: #fff
}

.top_10_user_table .homepage-headline .triangle-right {
    padding-left: 15px
}

.top_10_user_table .users_list_table {
    margin: 0;
    font-size: 13px
}

.top_10_user_table .users_list_table .hidden_row {
    display: none
}

.top_10_user_table .users_list_table tr td {
    height: 30px
}

.top_10_user_table .users_list_table tr td.block {
    display: block!important
}

.top_10_user_table .users_list_table tr td .icon {
    margin-left: 10px
}

.top_10_user_table .users_list_table .username {
    width: 50%
}

.top_10_user_table .users_list_table .roi {
    background: #ececec;
    cursor: pointer
}

.top_10_user_table .users_list_table .roi.active .icon:before {
    transform: rotate(180deg)
}

.top_10_user_table .users_list_table .roi .icon:before {
    transform: rotate(0);
    transition: all .3s
}

.top_10_user_table .users_list_table .active_predictions {
    color: #fff;
    cursor: pointer
}

.top_10_user_table .users_list_table .active_predictions .icon:before {
    transform: rotate(0);
    transition: all .3s
}

.top_10_user_table .users_list_table .active_predictions.active .icon:before {
    transform: rotate(180deg)
}

.pagination_test {
    display: -ms-flexbox;
    display: flex;
    padding: 20px
}

.pagination_test li {
    margin: 0 5px
}

.pagination_test .red {
    color: red
}

#chartdiv4 .amcharts-chart-div {
    width: 100%!important
}

@media (max-width:991px) {
    .users_list_table td,
    .users_list_table th {
        padding: 5px
    }
    .cm_profile_header .header_top figure {
        display: none
    }
    .cm_profile_header .header_top .profile_info .profile_info_top {
        background: #050e16 url(../images/site_bg.jpg) top no-repeat;
        background-size: cover;
        padding: 20px 10px 13px;
        -ms-flex-order: 1;
        order: 1;
        border-bottom: none
    }
    .cm_profile_header .header_top .profile_info .profile_info_top .form_wrapper {
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 700;
        color: #777;
        margin: 0 0 10px 10px;
        text-align: center
    }
    .cm_profile_header .header_top .profile_info .profile_info_top .form_wrapper .form_dots {
        margin-left: 10px
    }
    .cm_profile_header .header_top .profile_info .profile_info_top figure {
        width: 120px;
        min-width: 120px;
        height: 120px;
        display: block;
        text-align: center
    }
    .cm_profile_header .header_top .profile_info .profile_info_top figure img {
        width: 120px;
        height: 120px;
        margin: 0 auto;
        border: 2px solid #fff
    }
    .cm_profile_header .header_top .profile_info .profile_info_top li {
        width: 100%;
        max-width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .cm_profile_header .header_top .profile_info .profile_info_top .profile_name {
        color: #fff;
        margin: 10px 0;
        max-width: 100%
    }
    .cm_profile_header .header_top .profile_info .profile_info_footer {
        -ms-flex-order: 3;
        order: 3;
        padding: 15px 10px;
        background-color: #fff
    }
    .cm_profile_header .header_top .profile_info .profile_info_footer .profile_personal_info {
        width: 100%;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .cm_profile_header .header_top .profile_info .profile_info_footer .profile_personal_info li span:first-child {
        width: auto;
        font-size: 13px;
        width: 60px
    }
    .cm_profile_header .header_top .profile_info .profile_info_footer .profile_personal_info li {
        -ms-flex: 0 0 48%;
        flex: 0 0 48%;
        margin-bottom: 5px;
        font-size: 13px;
        text-align: left
    }
    .cm_profile_header .header_top .profile_info .profile_info_footer .share_profile {
        width: 100%;
        font-size: 13px
    }
    .cm_profile_header .header_top .profile_info .profile_info_footer .share_profile li {
        width: 100%
    }
    .cm_profile_header .header_top .profile_info .profile_info_footer .share_profile li:first-child {
        display: none
    }
    .cm_profile_header .header_top .profile_info .profile_info_footer .share_profile input {
        width: 100%;
        min-width: 100%;
        margin-top: 0
    }
    .cm_profile_header .footer_panel {
        margin-left: 0;
        -ms-flex-order: 2;
        order: 2;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .cm_profile_header .footer_panel>li {
        padding: 10px 30px
    }
    .cm_profile_header .footer_panel>li.form,
    .cm_profile_header .footer_panel>li.yield .icon {
        display: none
    }
    .cm_profile_header .footer_panel>li.yield span {
        display: block;
        margin-left: 0
    }
    .profile_nav_tabs {
        overflow-y: scroll
    }
    .answer_content p .show_more {
        margin-top: 10px;
        display: block
    }
    .avatar-sm img,
    .avatar img {
        margin-bottom: 0;
        width: 40px;
        height: 40px
    }
    .avatar,
    .avatar-sm {
        width: auto;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .avatar-sm .avatar_info_section,
    .avatar .avatar_info_section {
        width: 80px;
        margin-left: 10px
    }
    .answer_options {
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .answer_options li {
        min-width: auto;
        margin-right: 0
    }
    .statistics_table .header th {
        width: 14%;
        max-width: 40px;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .btn_medium {
        font-size: 13px;
        font-weight: 600
    }
    .btn_medium .icon {
        font-size: 12px;
        margin-right: 0
    }
    .roi_table td {
        overflow: hidden;
        width: 14%;
        padding: 0;
        text-overflow: ellipsis
    }
    .roi_table {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .roi_table .pie_chart_wrapper {
        margin: 0 auto
    }
    .roi_table .table_wrapper {
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        overflow-y: scroll
    }
    .post_wrapper .post_content_wrapper .votes_wrapper {
        top: -3px;
        right: 20px
    }
    .post_wrapper .post_content_wrapper .votes_wrapper span.icon {
        font-size: 20px
    }
    .post_wrapper .post_content_wrapper .votes_wrapper span.votes {
        margin: 0;
        font-size: 14px
    }
    .post_wrapper .post_content_wrapper {
        -ms-flex-direction: column;
        flex-direction: column
    }
    .post_wrapper .post_content_wrapper .content_wrapper {
        margin-top: 10px;
        padding: 0
    }
    .post_wrapper .post_content_wrapper .content_wrapper .post_options {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .post_wrapper .post_content_wrapper .content_wrapper .post_options li {
        margin-right: 0
    }
    .post_wrapper .post_content_wrapper .content_wrapper .post_options li:last-child {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        margin-top: 8px
    }
    .post_wrapper .post_content_wrapper .content_wrapper .post_options li button {
        width: 100%;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .post_wrapper .post_content_wrapper .content_wrapper .commented_avatars {
        display: none
    }
    .post_wrapper .post_content_wrapper .аnswer_wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .pick_table_wrapper {
        margin-right: 0;
        margin-bottom: 8px
    }
    .pick_table_wrapper:last-child {
        margin-bottom: 0
    }
    .pick_table_wrapper .pick_table {
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .pick_table_wrapper .pick_table li {
        width: auto
    }
    .pick_table_wrapper .header {
        -ms-flex-align: center;
        align-items: center
    }
    .pick_table_wrapper .header a:first-child span:last-child {
        display: none
    }
    .pick_table_wrapper .pick_table {
        position: relative
    }
    .pick_table_wrapper .result span {
        display: block;
        font-size: 13px
    }
    .content_wrapper .pick_table_wrapper {
        margin-right: 0
    }
    .pick_table_wrapper .result span:last-child {
        font-size: 14px
    }
    .pick_table_wrapper .pick_table li {
        width: 15%
    }
    .users_list_table td.user_avatar img,
    .users_list_table th.user_avatar img {
        display: inline-block;
        width: 40px;
        height: 40px
    }
    .users_list_table td,
    .users_list_table th {
        overflow: hidden;
        text-overflow: ellipsis
    }
    .users_list_table .btn_wrapper {
        padding-right: 5px
    }
    .users_list_table {
        font-size: 13px
    }
    .users_list_table>tbody tr td,
    .users_list_table>tbody tr th {
        padding: 0 5px;
        text-align: center
    }
    .users_list_table>tbody tr td.username,
    .users_list_table>tbody tr th.username {
        padding-left: 10px;
        width: 15%;
        text-align: left
    }
    .home_community_banner {
        height: auto
    }
    .home_community_banner h2 {
        text-align: center
    }
    .home_community_banner .header {
        -ms-flex-pack: center;
        justify-content: center
    }
    .home_community_banner .header .cta_wrapper {
        margin: 15px 0
    }
}

@media (max-width:768px) {
    .top_10_user_table .users_list_table tr td .icon {
        margin-left: 5px
    }
    .mobile_scroll_horizontal {
        overflow-y: scroll
    }
    .users_list_table>tbody tr>td:first-child:before {
        content: "";
        margin: 0;
        min-width: auto
    }
    .loadMoreReplay {
        font-size: 14px
    }
}

@media (max-width:478px) {
    .pick_table_wrapper .name a span {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 100%
    }
}

.loadMoreReplay {
    border: none;
    background-color: transparent;
    font-weight: 400;
    font-size: 18px;
    color: #910506;
    display: flex;
    padding-top: 10px;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    position: relative;
    cursor: pointer
}

.loadMoreReplay .icon-down-arrow {
    position: absolute;
    top: 25px
}

.loadMoreReplay:hover .icon-down-arrow {
    animation: r 1s linear infinite
}

a[title="JavaScript charts"] {
    visibility: hidden
}

#predictions-table {
    padding: 0;
    list-style: none
}

#predictions-table .row-header {
    background: #007aae;
    color: #fff;
    border-bottom: 1px solid #ddd
}

.val_picks {
    color: #006298;
    font-weight: 700;
    cursor: pointer
}

#predictions-table .row-header div {
    border: none
}

#predictions-table .row-header,
#predictions-table .row-predictions {
    display: table;
    width: 100%;
    line-height: 25px
}

.show-predictions {
    padding: 20px 0;
    border-bottom: 1px solid #ddd
}

.show-predictions:after {
    content: " ";
    display: block;
    clear: both
}

#results.coupon-table .match-link,
#results .labels .rtitle {
    width: 55%
}

.prediction_status_lose {
    background: #f2b5b2
}

.prediction_status_won {
    background: #aadca7
}

#predictions-table .inner-table {
    padding-top: 0;
    padding-bottom: 0
}

#predictions-table>li>.val_1,
#predictions-table>li>.val_2,
#predictions-table>li>.val_3,
#predictions-table>li>.val_6 {
    width: 20%
}

#predictions-table li .val_picks {
    width: 40%
}

@media (min-width:768px) {
    .mini-odd-box {
        background: inherit!important
    }
    #predictions-table>li>.val_1,
    #predictions-table>li>.val_2,
    #predictions-table>li>.val_3,
    #predictions-table>li>.val_4,
    #predictions-table>li>.val_5,
    #predictions-table>li>.val_6,
    #predictions-table>li>.val_picks {
        width: 8%;
        font-size: 12px
    }
}

.league-headline {
    border-width: 0;
    border-bottom-width: 1px;
    border-style: solid;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 34px;
    padding: 0 10px;
    font-weight: 700;
    text-rendering: optimizeLegibility
}

.league-headline .headline-icon {
    width: 26px;
    height: 26px;
    display: block;
    margin: 0 auto
}

.league-headline .headline-icon-wraper {
    margin-right: 10px;
    display: inline-block;
    vertical-align: bottom;
    background: #fff;
    padding: 4px;
    margin-left: -10px;
    width: 40px;
    text-align: center;
    height: 34px
}

.headline-icon-wraper .locIcn {
    width: 22px;
    height: 18px;
    display: inline-block
}

.add-league {
    cursor: pointer
}

.league-headline .add-league {
    font-size: 20px;
    padding: 0 10px;
    margin-right: -10px
}

.league-headline .add-league [class*=icon-] {
    display: inline-block;
    line-height: 28px;
    vertical-align: top
}

.league-headline a,
.sidebar-list.submenu .league-headline a {
    color: inherit;
    line-height: 34px;
    padding: 0
}

h2.league-headline {
    margin-top: 8px;
    height: 34px
}

@media (min-width:1024px) {
    .league-headline {
        border: 0
    }
}

.leagues-filter {
    color: #910506;
    transition: all .1s ease
}

.bg_color1.leagues-filter {
    color: #fff
}

.leagues-filter:hover {
    background: #910506;
    color: #fff
}

#widget-header {
    height: auto;
    min-height: 70px;
    line-height: 46px;
    padding: 10px
}

#widget-header h1 {
    margin: 0;
    font-size: 22px;
    text-align: center;
    padding-left: 0;
    padding-right: 0
}

.widget-header-text {
    display: inline-block;
    line-height: 1.2;
    margin: 0;
    vertical-align: middle
}

.learn-more {
    color: #f9c841;
    cursor: pointer
}

.next-icon {
    position: relative;
    margin-left: 4px;
    display: inline-block;
    vertical-align: middle
}

.next-icon:after,
.next-icon:before {
    content: " ";
    position: absolute;
    display: block;
    top: -5px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #f9c841;
    border-right: 2px solid #f9c841;
    transform: rotate(45deg)
}

.next-icon:before {
    left: -2px
}

.next-icon:after {
    right: 0
}

#learn-more-widgets strong {
    color: #f9c841
}

#widget-header a {
    color: inherit;
    text-decoration: underline
}

#widget-collapse {
    padding-top: 10px
}

#widget-collapse p {
    line-height: 1.3
}

.close-popup {
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    height: 24px;
    cursor: pointer;
    z-index: 10
}

.widgets-squares {
    margin-left: 5px;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    display: block;
    float: left
}

.widgets-color-yellow {
    background: #f9c841
}

.widgets-color-green {
    background: #68af4f
}

.widgets-border-green {
    border: 1px solid #68af4f!important
}

.widgets-color-red {
    background: #f85918
}

.calculator-ico {
    background: url(../images/widgets/calculator.png) 50% no-repeat;
    width: 19px;
    height: 26px;
    margin: 0 auto
}

.inside-widget-ico {
    display: block;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 5px
}

.widget-image {
    height: 100px;
    background: transparent 50% no-repeat;
    background-size: contain
}

.sure-bet-image {
    background-image: url(../images/widgets/sure-bets.png)
}

.value-bet-image {
    background-image: url(../images/widgets/value-bets.png)
}

.blocked-odds-image {
    background-image: url(../images/widgets/blocked-odds.png)
}

.dropping-odds-image {
    background-image: url(../images/widgets/dropping-odds.png)
}

.blocked-matches-image {
    background-image: url(../images/widgets/blocked-matches.png)
}

@media (max-width:1024px) {
    .sport-col.col-xs-6 {
        width: calc(50% - 5px);
        padding: 0;
        border: 0
    }
    .col-xs-6.first {
        margin-right: 9px
    }
}

#bookmakers-chooser,
#widget-filter .sport-col,
.fixed-col {
    height: 32px
}

#sports-tabs .sport-button-wrap {
    height: 31px
}

#widget-filter .sport-dropdown-col {
    margin-top: -1px;
    width: 100%;
    font-size: 16px;
    float: left;
    background: #fff
}

#widget-filter .special-filter {
    padding: 0 10px 15px;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

#bookmakers-chooser .close {
    position: absolute;
    right: 31px;
    top: 2px
}

.dropdown-bookies {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    display: none;
    font-weight: 700;
    border: 1px solid #ddd;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    z-index: 111
}

#bookmakers-chooser:focus .dropdown-bookies,
#bookmakers-chooser:hover .dropdown-bookies {
    display: block
}

.widgets-bookie-chooser {
    float: left;
    width: 50%;
    border-bottom: 1px solid #ddd;
    padding-left: 10px;
    padding-right: 10px;
    height: 26px;
    line-height: 26px;
    font-weight: 400;
    cursor: pointer
}

#bookmakers-chooser .arrow-dropdown {
    height: 28px;
    top: -1px
}

#bookmakers-chooser .chosen-bookmakers {
    width: 100%;
    height: 100%;
    border: 1px solid #ddd;
    display: inline-block;
    font-weight: 700;
    line-height: 26px;
    white-space: nowrap;
    overflow: hidden!important;
    text-overflow: ellipsis
}

#widget-container {
    background: #fff;
    min-height: 100px
}

#widget-container .payout,
.sure-bets.ajax-calculator {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

#widget-container .payout {
    line-height: 15px
}

#widget-container .offer-info {
    color: #333
}

.widgeet_mobile_extra {
    height: 35px;
    color: #fff;
    background: #5bb51f;
    text-transform: uppercase
}

.widgeet_mobile_extra.dropping-odds,
.widgeet_mobile_extra.value-bet {
    background: #910506
}

.widgeet_mobile_extra.blocked-matches {
    background-color: #333
}

.widgeet_mobile_extra td {
    position: relative;
    padding: 0 10px;
    text-align: justify
}

.widgeet_mobile_extra .btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto 17px auto 0;
    max-height: 25px;
    line-height: 23px;
    padding: 0 6px;
    text-align: center;
    text-transform: capitalize;
    font-weight: 700
}

.widgeet_mobile_extra.dropping-odds .btn,
.widgeet_mobile_extra.value-bet .btn {
    background: #f9d249;
    color: #333
}

.widgeet_mobile_extra.blocked-matches .btn {
    background-color: #910506;
    color: #fff
}

.widgeet_mobile_extra .btn:focus,
.widgeet_mobile_extra .btn:hover {
    color: #fff
}

#widget-container .blocked-text-bg {
    background: rgba(222, 70, 24, .3)
}

#widget-container .active-text-bg {
    background: rgba(91, 181, 31, .3)
}

#widget-container .blocked-matches-box {
    width: 25%
}

#widget-container .blocked-text-bg .icon-blocked-odds {
    position: relative;
    color: #f33803;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 1px 0
}

.light-text {
    opacity: .4
}

#widget-container .bookies {
    height: 30px
}

.sure-bets-calculator {
    background-color: #fff
}

.sure-bets-calculator-container {
    width: 100%;
    box-sizing: border-box;
    margin: 20px 0 0;
    padding: 0 25px 25px;
    font-family: Arial, sans-serif
}

.match-title {
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    font-family: Lato, Arial, sans-serif!important
}

.countdoun-timer-calculator {
    text-align: center;
    font-size: 12px;
    margin-bottom: 20px
}

.type-calculator-bet {
    font-size: 14px;
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    font-weight: 700;
    text-transform: uppercase
}

.best-odd-container {
    margin-top: 22px
}

.head-row,
.values-row {
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.values-row {
    border: 1px solid #ddd
}

.bookmaker-cell,
.odd-cell,
.stakes-cell,
.winnings-cell {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
    padding: 0 10px
}

.head-row .bookmaker-cell,
.head-row .odd-cell,
.head-row .stakes-cell,
.head-row .winnings-cell {
    background-color: #e9e9e9;
    font-size: 13px;
    color: #333;
    font-weight: 700
}

.bookmaker-cell,
.winnings-cell {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.winnings-cell {
    background-color: #5bb51f;
    color: #fff;
    font-weight: 700
}

.title-odd {
    font-size: 16px;
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center
}

.sure-bets-calculations {
    margin-top: 25px;
    width: 100%
}

.calculations-wrapper {
    margin-bottom: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.calculations-wrapper .separator {
    font-size: 24px;
    color: #ddd;
    font-weight: 700;
    margin: 0 10px
}

.money-to-bet-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 136px;
    border: 1px solid #e5e5e5;
    padding: 0 22px 0 12px
}

.money-to-bet-wrapper span {
    color: #ddd
}

.money-to-bet-wrapper input {
    width: 100%;
    height: 38px;
    color: #910506;
    text-align: right;
    font-size: 16px;
    font-weight: 700;
    border: none
}

.calculation-value-wapper {
    width: 136px;
    height: 38px;
    padding: 0 32px 0 12px;
    display: -ms-inline-flexbox;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    background-color: #5bb51f
}

.calculation-value-wapper span:first-child {
    color: hsla(0, 0%, 91%, .4)
}

.win-text {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin: 10px 0
}

.surebet-profit {
    font-size: 13px;
    font-style: italic;
    text-align: center
}

.calculation-value {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right
}

#c-menu--push-left .mobile-match-dropdown .icon-down-arrow,
#inplay-content .mobile-match-dropdown .icon-down-arrow,
#widget-filter .mobile-match-dropdown .icon-down-arrow,
.better-dropdown>.icon-down-arrow {
    position: absolute;
    right: 0;
    top: 0
}

#widget-filter .mobile-match-dropdown {
    height: 32px;
    margin: 0 0 10px;
    flex-grow: 1
}

#widget-filter .sport-col button {
    height: 32px;
    text-align: left;
    font-size: .9em
}

#blocked-odds-table .flex .blocked-odds-values,
#blocked-odds-table .flex .rtitle {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    height: 70px;
    -ms-flex-positive: 0;
    flex-grow: 0
}

#blocked-odds-table .flex .blocked-odds-values * {
    width: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

#blocked-odds-table .headline {
    box-sizing: content-box;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    padding: 3px 0 3px 8px;
    background-color: #e5e5e5
}

#blocked-odds-table .headline a {
    color: #333;
    font-size: 13px;
    font-weight: 700
}

#blocked-odds-table .headline a:hover {
    text-decoration: underline
}

#blocked-odds-table .headline .offer-info {
    font-weight: 700
}

#blocked-odds-table .match-data {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#blocked-odds-table .headline.match-data {
    -ms-flex-pack: justify;
    justify-content: space-between
}

#blocked-odds-table .headline.match-data .blocked-odds-values {
    height: auto;
    font-weight: 700
}

#blocked-odds-table .headline.match-data .blocked-odds-values div {
    font-weight: 700
}

#blocked-odds-table .headline.match-data .blocked-counter {
    display: none;
    -ms-flex-positive: unset;
    flex-grow: unset;
    height: auto;
    font-weight: 700
}

#widget-header h1 span {
    margin-right: 10px
}

.flex .blocked-counter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.flex .blocked-counter .odd-hover {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    height: 100%;
    color: #de4618;
    font-weight: 700;
    padding: 13px 24px;
    line-height: 18px;
    border: 1px solid transparent
}

.flex .blocked-counter .active-text-bg {
    background-color: rgba(91, 181, 31, .3);
    color: #5bb51f
}

.flex .blocked-counter .odd-hover b {
    font-size: 15px;
    color: #333;
    font-weight: 700;
    line-height: 1.2
}

.widget-table .match-link {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding: 0
}

.widget-table .match-link span {
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #910506;
    line-height: 1.286;
    text-align: left
}

.widget-table .match-link .min_time {
    -ms-flex-order: 1;
    order: 1;
    color: #555
}

.valueButton {
    height: 100%;
    font-size: 13px;
    color: #5bb51f;
    line-height: 1.385;
    text-align: center
}

.blocked-values.valueButton {
    color: rgba(222, 70, 24, .6);
    text-decoration: line-through
}

#sort-dropdown {
    margin-top: 10px
}

@media (min-width:768px) {
    #widget-header h1 {
        text-align: left
    }
    #widget-header [class*=icon-] {
        float: left
    }
    .widget-header-text {
        line-height: 1.3
    }
}

@media (min-width:1024px) {
    #widget-container .oddspedia-table .movement-wrapper {
        padding: 10px 0
    }
    #widget-container .blocked-text-bg {
        background: rgba(222, 70, 24, .3)
    }
    #widget-container .active-text-bg {
        background: rgba(91, 181, 31, .3)
    }
    #widget-container .blocked-matches-box {
        width: 15%
    }
    #widget-filter .dropdown-menu {
        background: transparent;
        min-width: 100%;
        font-size: 12px;
        border-radius: 0
    }
    #widget-filter .sport-dropdown-col {
        width: 50%;
        font-size: 12px
    }
    #widget-filter .dropdown-menu {
        min-width: 200%
    }
    #blocked-odds-table .match-data {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    #blocked-odds-table .headline.match-data {
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    #blocked-odds-table .headline.match-data .blocked-counter {
        display: -ms-flexbox;
        display: flex;
        text-align: center
    }
    #blocked-odds-table .flex .blocked-odds-values {
        -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
        -ms-flex-positive: unset;
        flex-grow: unset
    }
    .flex .blocked-counter {
        -ms-flex-preferred-size: 15%;
        flex-basis: 15%
    }
    .widget-table .match-link {
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center
    }
    .widget-table .match-link span {
        max-width: none;
        white-space: normal;
        overflow: unset;
        text-overflow: unset
    }
    .widget-table .match-link .min_time {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-order: unset;
        order: unset;
        width: 50px;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 15px;
        box-sizing: content-box;
        font-size: 12px;
        color: #555;
        line-height: 1.5
    }
    .flex .blocked-counter {
        -ms-flex-direction: column;
        flex-direction: column
    }
    .flex .blocked-counter .odd-hover {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-align: center;
        align-items: center;
        padding: 0
    }
    .flex .blocked-counter .odd-hover b {
        font-weight: 400;
        font-size: 14px
    }
    #blocked-odds-table .valueButton {
        border: 1px solid transparent;
        line-height: 32px
    }
}

@media (min-width:1025px) {
    #widget-filter .special-filter {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start
    }
    #widget-filter .sport-col,
    .fixed-col {
        width: 134px!important
    }
    #bookmakers-chooser,
    #widget-filter .sport-col,
    .fixed-col {
        padding: 0;
        margin: 0 10px 0 0
    }
    #bookmakers-chooser {
        flex-grow: 1
    }
}

button:focus,
input:focus {
    outline: 0
}

#pop-up-container.user-forms {
    background-color: transparent;
    border: none;
    box-shadow: none
}

#pop-up-content.sign-up {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    z-index: 1
}

#pop-up-content.sign-up .sign-up {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    width: 472px;
    height: 100%;
    background-color: #fff;
    padding: 35px 0 25px;
    margin: 0
}

#pop-up-content.sign-up .sign-up * {
    max-width: 275px
}

#pop-up-content.sign-up .sign-up h2 {
    font-size: 1.5em;
    color: #910506;
    text-transform: uppercase;
    margin: 0 0 20px
}

#pop-up-content.sign-up .sign-up>p {
    font-size: 1em;
    color: #333;
    font-weight: 700;
    margin: 0 0 27px
}

#pop-up-content.sign-up .sign-up .hr-or {
    position: relative;
    width: 100%;
    height: 1px;
    max-width: none;
    margin: 33px 0 27px;
    background-color: hsla(0, 0%, 87%, .3)
}

#pop-up-content.sign-up .sign-up .hr-or:after {
    position: absolute;
    content: "or";
    display: block;
    width: 22px;
    height: 22px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: hsla(0, 0%, 87%, .3);
    border-radius: 50%;
    line-height: 22px;
    text-align: center
}

#pop-up-content.sign-up .sign-up form {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

#pop-up-content.sign-up .sign-up form .input-field {
    margin-bottom: 16px;
    position: relative;
    height: 34px;
    border: none;
    border-bottom: 1px solid #ddd
}

#pop-up-content.sign-up .sign-up form .input-field p {
    display: none;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 14px;
    color: #555
}

#pop-up-content.sign-up .sign-up form .input-field input {
    width: 100%;
    height: 100%;
    border: none
}

#pop-up-content.sign-up .sign-up form .input-field input:focus+p,
#pop-up-content.sign-up .sign-up form .input-field input:valid+p {
    display: none
}

#pop-up-content.sign-up .sign-up form label[for=show_pswrd] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

#pop-up-content.sign-up .sign-up form label[for=show_pswrd] input[type=checkbox] {
    margin: 0 5px 0 0
}

#pop-up-content.sign-up .sign-up form .submit {
    width: 100%;
    height: 43px;
    background-color: #5bb51f;
    color: #fff;
    line-height: 43px;
    text-align: center;
    font-size: 18px;
    border: none;
    margin: 0 0 23px
}

#pop-up-content.sign-up .sign-up form p {
    line-height: 1.2;
    white-space: pre-line;
    text-align: center
}

#pop-up-content.sign-up .sign-up form p.terms {
    margin-bottom: 23px
}

#pop-up-content.sign-up .sign-up form .pop-up-footer-text {
    font-size: 16px
}

#pop-up-content.sign-up .slider-tour {
    display: none;
    width: 520px;
    height: 660px;
    background-color: #910506;
    position: relative
}

#pop-up-content.sign-up .slider-tour p {
    margin: 0
}

#pop-up-content.sign-up .slider-tour .slide-wrap {
    width: 100%;
    height: auto
}

#pop-up-content.sign-up .slider-tour .slide {
    width: 100%;
    height: 100%;
    padding: 50px 35px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

#pop-up-content.sign-up .slider-tour .slide img {
    margin-bottom: 60px
}

#pop-up-content.sign-up .slider-tour .slide h2 {
    font-family: chunkfiveroman;
    font-size: 30px;
    color: #f8d248;
    position: relative;
    font-weight: 400;
    line-height: 37px;
    margin: 0;
    z-index: 1;
    text-align: center;
    margin: 0 0 30px
}

#pop-up-content.sign-up .slider-tour .slide h2:after {
    width: 100%;
    font-size: 30px;
    position: absolute;
    top: 4px;
    left: 0;
    color: #f94b16;
    z-index: -1;
    text-align: center;
    white-space: pre-line
}

#pop-up-content.sign-up .slider-tour .slide p {
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 22px
}

#pop-up-content.sign-up .slider-tour .slide.slide-1 h2:after {
    content: "It's So Much Fun \A When You Have an Account!"
}

#pop-up-content.sign-up .slider-tour .slide.slide-2 h2:after {
    content: "Find The Best Odds"
}

#pop-up-content.sign-up .slider-tour .slide.slide-3 h2:after {
    content: "Create Coupon"
}

#pop-up-content.sign-up .slider-tour .slide.slide-4 h2:after {
    content: "Use Our Betting Tools"
}

#pop-up-content.sign-up .slider-tour .slide.slide-5 h2:after {
    content: "World Community"
}

#pop-up-content.sign-up .slider-tour .slide.slide-6 {
    padding: 91px 0 0 34px
}

#pop-up-content.sign-up .slider-tour .slide.slide-6 img {
    width: 100%
}

#pop-up-content.sign-up .slider-sign-up {
    width: 875px;
    height: 520px;
    background-color: #910506
}

#pop-up-content.sign-up .slider-sign-up .slider-nav {
    background-color: #910506
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap {
    height: 100%;
    width: 100%
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-first {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-first .content {
    height: 100%;
    text-align: center
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-first .content .hr-logo {
    position: relative;
    height: 1px;
    background-color: #910506;
    margin: 67px 0 60px
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-first .content .hr-logo:after {
    content: "";
    display: block;
    position: absolute;
    height: 60px;
    width: 60px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-image: url(../images/sign-up/odds-logo.png);
    background-repeat: no-repeat;
    background-position: 50%
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-first .content .hr-logo:before {
    content: "";
    display: block;
    position: absolute;
    height: 60px;
    width: 60px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: #910506;
    border-radius: 50%
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-first .content h2 {
    font-family: chunkfiveroman;
    font-size: 48px;
    color: #f9d249;
    position: relative;
    font-weight: 400;
    line-height: 40px;
    margin: 0;
    z-index: 1;
    text-align: center;
    margin: 0 0 30px
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-first .content h2:after {
    width: 100%;
    font-size: 48px;
    position: absolute;
    top: 4px;
    left: 0;
    color: #f94b16;
    z-index: -1;
    text-align: center;
    white-space: pre-line
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-first .content h2.slide-1:after {
    content: "Welcome to Oddspedia!"
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-first .content p {
    color: #fff;
    display: inline-block;
    line-height: 30px
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-first .content p:first-child {
    font-size: 18px
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-first .content p:last-child {
    font-size: 20px;
    font-weight: 500;
    width: 625px
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-first .footer {
    height: 75px;
    width: 100%;
    position: relative
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-first .footer img {
    position: absolute;
    top: -81px
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-default {
    height: 100%
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-default .content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-default .content h2 {
    font-size: 24px;
    line-height: 30px;
    color: #f9d249;
    text-align: center
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-default .content p {
    font-size: 15px;
    line-height: 30px;
    color: #fff;
    text-align: center
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-default .content label[for=ajax_search] {
    position: relative;
    width: 100%;
    height: 35px;
    background-color: #910506
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-default .content label[for=ajax_search]::-webkit-input-placeholder {
    font-size: 16px;
    color: hsla(0, 0%, 100%, .6)
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-default .content label[for=ajax_search]::-moz-placeholder {
    font-size: 16px;
    color: hsla(0, 0%, 100%, .6)
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-default .content label[for=ajax_search]:-ms-input-placeholder {
    font-size: 16px;
    color: hsla(0, 0%, 100%, .6)
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-default .content label[for=ajax_search]:-moz-placeholder {
    font-size: 16px;
    color: hsla(0, 0%, 100%, .6)
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-default .content label[for=ajax_search]:before {
    font-family: Oddspedia Sport\ 8;
    content: "\31";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    margin: auto;
    color: #fff;
    font-size: 20px;
    height: 20px;
    line-height: 100%
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-default .content label[for=ajax_search] input {
    background: transparent;
    border: none;
    width: 100%;
    height: 100%;
    padding-left: 60px;
    color: #fff
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-default .content .content-wrap {
    width: 100%;
    height: 100%;
    max-height: 330px;
    overflow-y: auto;
    padding: 20px 0 0;
    border-top: 1px solid #910506;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-default .content .content-wrap input[type=checkbox] {
    display: none
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-default .content .content-wrap input[type=checkbox]:checked+label {
    transition: all .2s ease;
    background-color: #910506
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-default .content .content-wrap label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: center;
    align-items: center;
    width: 100px;
    height: 100px;
    border: 1px solid #910506;
    margin-left: 20px;
    margin-bottom: 20px;
    text-align: center
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-default .content .content-wrap label span {
    font-size: 40px;
    color: hsla(0, 0%, 100%, .8);
    width: 40px;
    height: 40px
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-default .content .content-wrap label p {
    font-size: 14px;
    text-align: center;
    color: hsla(0, 0%, 100%, .8);
    line-height: 16px;
    margin: 0
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final {
    height: 100%
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content h2 {
    font-size: 24px;
    line-height: 30px;
    color: #f9d249;
    text-align: center
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap {
    width: 100%;
    height: 100%;
    max-height: 330px;
    padding: 20px;
    border-top: 1px solid #910506;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: space-around
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap>div.flex {
    width: 100%;
    margin: 20px 0 0
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap>label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    width: 245px;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    color: #fff;
    font-size: 16px
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap>label p {
    position: relative;
    margin: 0
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap>label p:after {
    font-family: Oddspedia Sport\ 8;
    content: "";
    display: block;
    position: absolute;
    height: 18px;
    width: 18px;
    font-size: 18px;
    top: 0;
    right: 0;
    opacity: .5
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap>label .dropdown-wrap {
    margin-top: 10px;
    color: #000;
    width: 100%;
    height: 35px;
    border: none;
    position: relative
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap>label .dropdown-wrap select {
    margin: 0;
    height: 100%;
    width: calc(100% - 1px);
    border: none
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap>label .dropdown-wrap:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 35px;
    background: url(../images/sign-up/select-arrow.png) no-repeat 100%
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap>label input {
    margin-top: 10px;
    color: #000;
    width: 100%;
    height: 35px;
    border: none
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap .toogle-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    width: 245px;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    color: #fff;
    font-size: 16px;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-positive: 2;
    flex-grow: 2
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap .toogle-wrapper p {
    position: relative;
    margin: 0
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap .toogle-wrapper p:after {
    font-family: Oddspedia Sport\ 8;
    content: "";
    display: block;
    position: absolute;
    height: 18px;
    width: 18px;
    font-size: 18px;
    top: 0;
    right: 0;
    opacity: .5
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap .toogle-wrapper .dropdown-wrap {
    margin-top: 10px;
    color: #000;
    width: 100%;
    height: 35px;
    border: none;
    position: relative
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap .toogle-wrapper .dropdown-wrap select {
    margin: 0;
    height: 100%;
    width: calc(100% - 1px);
    border: none
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap .toogle-wrapper .dropdown-wrap:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 35px;
    background: url(../images/sign-up/select-arrow.png) no-repeat 100%
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap .toogle-wrapper input {
    margin-top: 10px;
    color: #000;
    width: 100%;
    height: 35px;
    border: none
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap .toogle-wrapper .switch {
    margin-left: 15px;
    position: relative;
    display: inline-block;
    width: 44px;
    height: 26px
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap .toogle-wrapper .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    border: 1px solid hsla(0, 0%, 100%, .3);
    transition: .4s
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap .toogle-wrapper .switch .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 19px;
    left: 3px;
    bottom: 3px;
    background-color: hsla(0, 0%, 100%, .3);
    transition: .4s
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap .toogle-wrapper .switch input {
    display: none
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap .toogle-wrapper .switch input:checked+.slider {
    border: 1px solid #f9d249
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap .toogle-wrapper .switch input:checked+.slider:before {
    background-color: #f9d249;
    transform: translateX(17px)
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap .toogle-wrapper.user-username p:after,
#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap>label.user-username p:after {
    content: "\75"
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap .toogle-wrapper.user-country p:after,
#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap>label.user-country p:after {
    content: "\e84e"
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap>label.user-picture {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap>label.user-picture img {
    max-height: 60px;
    max-width: 60px;
    margin-right: 15px
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap>label.user-picture .wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 12px;
    height: 60px
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap>label.user-picture .wrapper input {
    margin: 0;
    height: auto;
    margin-bottom: 5px
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap>label.user-picture .wrapper p:first-of-type {
    font-size: 16px;
    margin-bottom: 10px
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap>label.user-picture .wrapper p:last-of-type {
    font-family: Myriad Pro;
    font-size: 11px;
    color: hsla(0, 0%, 100%, .5)
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap .toogle-wrapper.user-picture {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap .toogle-wrapper.user-picture img {
    max-height: 60px;
    max-width: 60px;
    margin-right: 15px
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap .toogle-wrapper.user-picture .wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 12px;
    height: 60px
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap .toogle-wrapper.user-picture .wrapper input {
    margin: 0;
    height: auto;
    margin-bottom: 5px
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap .toogle-wrapper.user-picture .wrapper p:first-of-type {
    font-size: 16px;
    margin-bottom: 10px
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap .toogle-wrapper.user-picture .wrapper p:last-of-type {
    font-family: Myriad Pro;
    font-size: 11px;
    color: hsla(0, 0%, 100%, .5)
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap .toogle-wrapper.user-market p:after,
#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap .toogle-wrapper.user-odds-format p:after,
#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap>label.user-market p:after,
#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide.slide-final .content .content-wrap>label.user-odds-format p:after {
    content: "\35"
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slider-nav {
    height: 75px;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slider-nav .pager {
    height: 33px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    overflow: hidden
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slider-nav .pager>* {
    cursor: pointer
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slider-nav .pager i {
    width: 10px;
    height: 10px;
    margin-left: 10px;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: transparent;
    display: inline-block;
    cursor: pointer;
    transition: all .1s ease
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slider-nav .pager i.cycle-pager-active {
    background-color: #fff;
    box-shadow: 0 0 0 3px #fff
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slider-nav .prevControl {
    width: 69px;
    height: 33px;
    background-color: transparent;
    border: 1px solid hsla(0, 0%, 100%, .2);
    color: hsla(0, 0%, 100%, .5)
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slider-nav .form-submit,
#pop-up-content.sign-up .slider-sign-up .slide-wrap .slider-nav .nextControl {
    width: 69px;
    height: 33px;
    background-color: #f9d249;
    border: 1px solid transparent;
    color: #000
}

#pop-up-content.sign-up .slider-sign-up .slide-wrap .slide-first+.slider-nav .pager {
    margin-left: 60px
}

#pop-up-content.sign-up .slider-nav {
    height: 75px;
    position: absolute;
    bottom: 0;
    z-index: 1000;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px
}

#pop-up-content.sign-up .slider-nav,
#pop-up-content.sign-up .slider-nav .pager {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

#pop-up-content.sign-up .slider-nav .pager {
    height: 33px;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

#pop-up-content.sign-up .slider-nav .pager>* {
    cursor: pointer
}

#pop-up-content.sign-up .slider-nav .pager i {
    width: 10px;
    height: 10px;
    margin-left: 10px;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: transparent;
    display: inline-block;
    cursor: pointer;
    transition: all .01s ease
}

#pop-up-content.sign-up .slider-nav .pager i.cycle-pager-active {
    background-color: #fff;
    box-shadow: 0 0 0 3px #fff
}

#pop-up-content.sign-up .slider-nav .nextControl,
#pop-up-content.sign-up .slider-nav .prevControl {
    width: 69px;
    height: 33px;
    background-color: transparent;
    border: 1px solid hsla(0, 0%, 100%, .2);
    color: hsla(0, 0%, 100%, .5)
}

.login {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    background-color: #fff;
    padding: 50px 0;
    z-index: 1;
    margin: 0;
    height: 100%;
    max-height: 1700px
}

.login * {
    max-width: 340px
}

.login h2 {
    font-size: 1.5em;
    color: #910506;
    text-transform: uppercase;
    margin: 0 0 20px
}

.login .hr-or {
    position: relative;
    width: 100%;
    height: 1px;
    max-width: none;
    margin: 32px 0 28px;
    background-color: hsla(0, 0%, 87%, .3)
}

.login .hr-or:after {
    position: absolute;
    content: "or";
    display: block;
    width: 22px;
    height: 22px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: hsla(0, 0%, 87%, .3);
    border-radius: 50%;
    line-height: 22px;
    text-align: center
}

.login form {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.login form .input-username {
    margin-bottom: 23px;
    position: relative;
    height: 34px;
    border: none;
    border-bottom: 1px solid #ddd
}

.login form .input-username p {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 14px;
    color: #555
}

.login form .input-username input {
    width: 100%;
    height: 100%;
    border: none
}

.login form .input-username input:focus+p,
.login form .input-username input:valid+p {
    display: none
}

.login form .input-password {
    margin-bottom: 14px;
    position: relative;
    height: 34px;
    border: none;
    border-bottom: 1px solid #ddd
}

.login form .input-password p {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 14px;
    color: #555
}

.login form .input-password input {
    width: 100%;
    height: 100%;
    border: none
}

.login form .input-password input:focus+p,
.login form .input-password input:valid+p {
    transition: all .6s ease;
    display: none
}

.login form label[for=remember_login] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.login form label[for=remember_login] input[type=checkbox] {
    margin: 0 5px 0 0
}

.login form .submit {
    width: 100%;
    height: 43px;
    background-color: #5bb51f;
    color: #fff;
    line-height: 43px;
    text-align: center;
    font-size: 18px;
    border: none;
    margin: 0 0 23px
}

#pop-up-content.login .icon-logo {
    display: block;
    font-size: 4em;
    padding: 0 0 .3em;
    color: #910506;
    text-align: center
}

#pop-up-content.recovery {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    width: 472px;
    background-color: #fff;
    padding: 50px 0;
    z-index: 1;
    margin: 0;
    height: 100%;
    max-height: 700px
}

#pop-up-content.recovery * {
    max-width: 340px
}

#pop-up-content.recovery h2 {
    font-size: 24px;
    color: #910506;
    text-transform: uppercase;
    margin: 0 0 20px
}

#pop-up-content.recovery .hr-or {
    position: relative;
    width: 100%;
    height: 1px;
    max-width: none;
    margin: 32px 0 28px;
    background-color: hsla(0, 0%, 87%, .3)
}

#pop-up-content.recovery .hr-or:after {
    position: absolute;
    content: "or";
    display: block;
    width: 22px;
    height: 22px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: hsla(0, 0%, 87%, .3);
    border-radius: 50%;
    line-height: 22px;
    text-align: center
}

#pop-up-content.recovery form {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

#pop-up-content.recovery form .input-username {
    margin-bottom: 23px;
    position: relative;
    height: 34px;
    border: none;
    border-bottom: 1px solid #ddd
}

#pop-up-content.recovery form .input-username p {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 14px;
    color: #555
}

#pop-up-content.recovery form .input-username input {
    width: 100%;
    height: 100%;
    border: none
}

#pop-up-content.recovery form .input-username input:focus+p,
#pop-up-content.recovery form .input-username input:valid+p {
    display: none
}

#pop-up-content.recovery form .input-password {
    margin-bottom: 14px;
    position: relative;
    height: 34px;
    border: none;
    border-bottom: 1px solid #ddd
}

#pop-up-content.recovery form .input-password p {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 14px;
    color: #555
}

#pop-up-content.recovery form .input-password input {
    width: 100%;
    height: 100%;
    border: none
}

#pop-up-content.recovery form .input-password input:focus+p,
#pop-up-content.recovery form .input-password input:valid+p {
    transition: all .6s ease;
    display: none
}

#pop-up-content.recovery form label[for=remember_login] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

#pop-up-content.recovery form label[for=remember_login] input[type=checkbox] {
    margin: 0 5px 0 0
}

#pop-up-content.recovery form .submit {
    background-color: #5bb51f;
    line-height: 43px;
    font-size: 18px;
    margin: 0 0 23px
}

#pop-up-content.recovery form .submit,
.social-btn {
    width: 100%;
    height: 43px;
    color: #fff;
    text-align: center;
    border: none
}

.social-btn {
    display: block;
    position: relative;
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 700
}

.social-btn span {
    display: inline-block;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%
}

.social-btn span:first-child {
    font-size: 24px;
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%)
}

.social-btn:last-of-type {
    margin: 0
}

.social-btn.fcb {
    background-color: #016199
}

.social-btn.gplus {
    background-color: #de4617
}

.social-btn.twi {
    background-color: #018eca
}

.remember-password-wrapper {
    width: 25px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: auto;
    margin: 0 0 42px 25px;
    line-height: 16px
}

.remember-password-wrapper label {
    cursor: pointer;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    left: -25px;
    background: #eee;
    border: 1px solid #ddd
}

.remember-password-wrapper label:after {
    opacity: 0;
    content: "";
    position: absolute;
    width: 9px;
    height: 5px;
    background: transparent;
    top: 3px;
    left: 2px;
    border: 2px solid #333;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg)
}

.remember-password-wrapper label:hover:after {
    opacity: 0
}

.remember-password-wrapper input[type=checkbox] {
    display: none
}

.remember-password-wrapper input[type=checkbox]:checked+label:after {
    opacity: 1
}

.show-password-wrapper {
    width: 25px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: auto;
    margin: 0 0 42px 25px;
    line-height: 16px
}

.show-password-wrapper label {
    cursor: pointer;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    left: -25px;
    background: #eee;
    border: 1px solid #ddd
}

.show-password-wrapper label:after {
    opacity: 0;
    content: "";
    position: absolute;
    width: 9px;
    height: 5px;
    background: transparent;
    top: 3px;
    left: 2px;
    border: 2px solid #333;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg)
}

.show-password-wrapper label:hover:after {
    opacity: 0
}

.show-password-wrapper input[type=checkbox] {
    display: none
}

.show-password-wrapper input[type=checkbox]:checked+label:after {
    opacity: 1
}

@media screen and (min-width:1024px) {
    #pop-up-content.login {
        width: 472px
    }
    #pop-up-content.login * {
        max-width: 340px
    }
    #pop-up-content.sign-up .sign-up {
        max-height: 700px
    }
    #pop-up-content.sign-up .sign-up * {
        max-width: 340px
    }
    #pop-up-content.sign-up .sign-up form p {
        white-space: nowrap
    }
    #pop-up-content.sign-up .sign-up form .input-field p {
        display: flex
    }
    #pop-up-content.sign-up .slider-tour {
        display: block
    }
}

.page-content.ich_message {
    width: 100%
}

.page-content.ich_message::-webkit-scrollbar-track {
    background-color: transparent;
    width: 7px
}

.page-content.ich_message::-webkit-scrollbar {
    width: 7px;
    background-color: #fff
}

.page-content.ich_message::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .4);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .4);
    border-radius: 3px
}

.page-content.ich_message #usrsMessages {
    overflow-y: scroll;
    max-height: calc(100vh - 308px)
}

.page-content.ich_message .page-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 70px;
    color: #fff;
    background-color: #0b6397;
    padding: 0 10px
}

.page-content.ich_message .page-header h1 {
    position: relative;
    font-size: 14px;
    margin-left: 5px;
    text-transform: capitalize;
    line-height: 16px;
    width: 50%;
    text-align: left
}

.page-content.ich_message .page-header h1 span {
    font-size: 20px
}

.page-content.ich_message .page-header .back-link {
    position: relative;
    font-size: 14px;
    line-height: 14px;
    text-align: end
}

.page-content.ich_message .page-header .back-link>span {
    margin-right: 8px
}

.page-content.ich_message .page-header .back-link>a.msg-counter {
    height: 20px;
    width: 20px;
    line-height: 20px;
    margin: 0 7px;
    color: #fff;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: 1px solid #fff;
    -ms-flex-pack: center;
    justify-content: center
}

.page-content.ich_message .page-header .back-link>a {
    color: #fff;
    position: relative
}

@media screen and (min-width:1024px) {
    .page-content.ich_message .page-header h1 {
        font-size: 22px;
        line-height: 34px;
        margin-left: 15px
    }
    .page-content.ich_message .page-header h1:before {
        left: -30px
    }
    .page-content.ich_message .page-header span {
        font-size: 14px
    }
}

.page-content.ich_message .message {
    display: -ms-flexbox;
    display: flex;
    padding: 7px;
    border-bottom: 1px solid #ddd
}

.page-content.ich_message .message a {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    color: #333
}

.page-content.ich_message .message.newMessage {
    background-color: #fefcf2;
    animation-name: d
}

.page-content.ich_message .message .profile-img {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 54px;
    width: 54px;
    border: 1px solid #fff;
    background-color: #ccc;
    margin-right: 6px
}

.page-content.ich_message .message .profile-img img {
    max-width: 50px;
    max-height: 50px;
    margin: auto
}

.page-content.ich_message .message .message-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.page-content.ich_message .message .message-wrapper .message-info span {
    font-weight: 700;
    color: #007aae
}

.page-content.ich_message .message .message-wrapper .message-info div {
    font-size: 12px;
    line-height: 18px;
    color: rgba(51, 51, 51, .5)
}

.page-content.ich_message .message .user-msg-control {
    position: relative;
    width: 15px;
    height: 15px
}

.page-content.ich_message .message .user-msg-control .pointer {
    position: relative;
    color: #0b6397;
    font-size: 14px
}

.page-content.ich_message .message .user-msg-control .dropdown-menu {
    left: 0;
    height: auto;
    border-radius: 0;
    width: 100%;
    background-color: hsla(0, 0%, 100%, .9)
}

.page-content.ich_message .message .user-msg-control .dropdown-menu .msg-actions,
.page-content.ich_message .message .user-msg-control .dropdown-menu .usr-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: center;
    align-items: center
}

.page-content.ich_message .message .user-msg-control .dropdown-menu .msg-actions>*,
.page-content.ich_message .message .user-msg-control .dropdown-menu .usr-actions>* {
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-decoration: none;
    text-align: center
}

.page-content.ich_message .message .user-msg-control .dropdown-menu .msg-actions>:last-child,
.page-content.ich_message .message .user-msg-control .dropdown-menu .usr-actions>:last-child {
    height: 45px;
    line-height: 45px
}

.page-content.ich_message .message .user-msg-control .dropdown-menu .msg-actions a,
.page-content.ich_message .message .user-msg-control .dropdown-menu .usr-actions a {
    display: block;
    width: 100%;
    height: 100%;
    color: #333
}

.page-content.ich_message .message .user-msg-control .dropdown-menu .msg-actions a:hover,
.page-content.ich_message .message .user-msg-control .dropdown-menu .usr-actions a:hover {
    transition: all .2s ease;
    background-color: #ddd
}

.page-content.ich_message .message .user-msg-control .dropdown-menu .divider {
    display: none;
    background-color: #ddd;
    height: 1px;
    width: 100%;
    margin: 0 auto
}

@media screen and (min-width:1024px) {
    .page-content.ich_message .message {
        padding: 15px
    }
    .page-content.ich_message .message .profile-img {
        height: 68px;
        width: 68px;
        margin-right: 12px;
        border: 2px solid #fff
    }
    .page-content.ich_message .message .profile-img img {
        max-width: 62px;
        max-height: 62px
    }
    .page-content.ich_message .message .user-msg-control .dropdown-menu {
        left: -184px;
        width: 184px
    }
    .page-content.ich_message .message .user-msg-control .divider {
        display: block
    }
}

.page-content.ich_message .message:hover {
    transition: all .2s ease;
    background-color: #ddd;
    pointer: cursor
}

.page-content.ich_message .message .message-content p {
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 200px;
    white-space: nowrap
}

@media screen and (min-width:1024px) {
    .page-content.ich_message .message .message-content {
        max-width: 600px
    }
}

.page-content.ich_message .message-conv:hover {
    background-color: #fff
}

.page-content.ich_message .message-conv .message-content p {
    margin: 0;
    overflow: hidden;
    white-space: normal;
    word-break: break-word;
    max-width: none
}

.page-content.ich_message .no-messages {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    height: 65px
}

.page-content.ich_message #form-messages {
    padding: 7px
}

.page-content.ich_message #form-messages .send-msg-wrapper {
    display: -ms-flexbox;
    display: flex
}

.page-content.ich_message #form-messages .send-msg-wrapper .msg-box {
    overflow: auto;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, .3);
    background-color: transparent;
    resize: none;
    outline: none;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 6px;
    height: 36px;
    margin-right: 12px;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .1)
}

.page-content.ich_message #form-messages .send-msg-wrapper .msg-btn {
    border: none;
    background-color: #910506;
    color: #fff;
    font-size: 14px;
    border-radius: 50%;
    padding: 11px
}

.page-content.ich_message #form-messages .send-msg-wrapper .msg-btn span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.page-content.ich_message #form-messages .send-msg-wrapper .msg-btn span:before {
    transform: scaleX(-1)
}

.page-content.ich_message #form-messages .send-msg-wrapper .msg-box:valid+.msg-btn span:before {
    transition: all .3s ease;
    content: "\e833";
    transform: scaleY(-1)
}

@media screen and (min-width:1024px) {
    .page-content.ich_message #form-messages {
        padding: 14px
    }
    .page-content.ich_message #form-messages .send-msg-wrapper .msg-box {
        padding: 12px;
        height: auto;
        margin-right: 12px;
        border-radius: 0
    }
    .page-content.ich_message #form-messages .send-msg-wrapper .msg-btn {
        font-size: 22px;
        -ms-flex-preferred-size: 15%;
        flex-basis: 15%;
        border-radius: 0
    }
}

@keyframes d {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.page-content.ich_message.inbox-msg #usrsMessages {
    overflow-y: inherit
}

.croppie-container {
    width: 100%;
    height: 100%
}

.croppie-container .cr-image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    max-height: none;
    max-width: none
}

.croppie-container .cr-boundary {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    height: 100%
}

.croppie-container .cr-resizer,
.croppie-container .cr-viewport {
    position: absolute;
    border: 2px solid #fff;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, .5);
    z-index: 0
}

.croppie-container .cr-resizer {
    z-index: 2;
    box-shadow: none;
    pointer-events: none
}

.croppie-container .cr-resizer-horisontal,
.croppie-container .cr-resizer-vertical {
    position: absolute;
    pointer-events: all
}

.croppie-container .cr-resizer-horisontal:after,
.croppie-container .cr-resizer-vertical:after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    border: 1px solid #000;
    background: #fff;
    width: 10px;
    height: 10px;
    content: ""
}

.croppie-container .cr-resizer-vertical {
    bottom: -5px;
    cursor: row-resize;
    width: 100%;
    height: 10px
}

.croppie-container .cr-resizer-vertical:after {
    left: 50%;
    margin-left: -5px
}

.croppie-container .cr-resizer-horisontal {
    right: -5px;
    cursor: col-resize;
    width: 10px;
    height: 100%
}

.croppie-container .cr-resizer-horisontal:after {
    top: 50%;
    margin-top: -5px
}

.croppie-container .cr-original-image {
    display: none
}

.croppie-container .cr-vp-circle {
    border-radius: 50%
}

.croppie-container .cr-overlay {
    z-index: 1;
    position: absolute;
    cursor: move;
    touch-action: none
}

.croppie-container .cr-slider-wrap {
    width: 75%;
    margin: 15px auto;
    text-align: center
}

.croppie-result {
    position: relative;
    overflow: hidden
}

.croppie-result img {
    position: absolute
}

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
    transform: translateZ(0)
}

.cr-slider {
    -webkit-appearance: none;
    width: 300px;
    max-width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: transparent
}

.cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, .5);
    border: 0;
    border-radius: 3px
}

.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px
}

.cr-slider:focus {
    outline: none
}

.cr-slider::-moz-range-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, .5);
    border: 0;
    border-radius: 3px
}

.cr-slider::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px
}

.cr-slider:-moz-focusring {
    outline: 1px solid #fff;
    outline-offset: -1px
}

.cr-slider::-ms-track {
    width: 100%;
    height: 5px;
    background: transparent;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent
}

.cr-slider::-ms-fill-lower,
.cr-slider::-ms-fill-upper {
    background: rgba(0, 0, 0, .5);
    border-radius: 10px
}

.cr-slider::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: 1px
}

.cr-slider:focus::-ms-fill-lower,
.cr-slider:focus::-ms-fill-upper {
    background: rgba(0, 0, 0, .5)
}

.cr-rotate-controls {
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 1
}

.cr-rotate-controls button {
    border: 0;
    background: none
}

.cr-rotate-controls i:before {
    display: inline-block;
    font-style: normal;
    font-weight: 900;
    font-size: 22px
}

.cr-rotate-l i:before {
    content: "↺"
}

.cr-rotate-r i:before {
    content: "↻"
}

#modal {
    -ms-flex-align: center;
    align-items: center;
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .6);
    display: none
}

.upload-btn {
    position: absolute;
    background-color: transparent;
    width: 38px;
    height: 34px;
    border: 1px solid #000;
    bottom: 6px;
    right: 8px;
    background-image: url(../images/cropper/UploadLight.png);
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer
}

.upload-btn:hover {
    background-color: rgba(0, 0, 0, .6)
}

.upload-msg {
    background-color: #910506;
    color: #fff;
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    height: 50px;
    line-height: 50px
}

#cancel_upload,
#upload_result {
    width: 100px;
    height: 35px;
    border: none;
    font-size: 16px;
    margin-right: 50px
}

#upload_result {
    margin: 0
}

.upload-btn input {
    width: 0;
    height: 0;
    overflow: hidden
}

.upload-wrapper {
    box-sizing: content-box;
    background-color: #fff;
    width: 600px;
    height: auto;
    margin: 0 auto
}

.control-wrapper,
.upload-wrapper {
    -ms-flex-pack: center;
    justify-content: center
}

.control-wrapper {
    padding: 30px 20px
}

.upload-demo.ready .upload-msg,
.upload-demo .upload-demo-wrap,
.upload-demo .upload-result {
    display: none
}

.upload-demo.ready .upload-demo-wrap {
    display: block
}

.upload-demo.ready .upload-result {
    display: inline-block
}

.upload-demo-wrap {
    width: 600px;
    height: 400px;
    margin: 0 auto;
    margin-bottom: 30px
}

.upload-msg {
    width: 100%;
    text-align: center
}

.jvectormap-container {
    width: 100%;
    height: 100%;
    background: #fff;
    position: relative;
    touch-action: none
}

.jvectormap-tip {
    position: absolute;
    display: none;
    border: 1px solid #910506;
    border-radius: 3px;
    background: #fff;
    color: #333;
    font-size: 13px;
    padding: 3px;
    z-index: 50
}

.jvectormap-goback,
.jvectormap-zoomin,
.jvectormap-zoomout {
    position: absolute;
    left: 15px;
    border-radius: 1px;
    background: #b8b8b8;
    line-height: 15px;
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    line-height: 20px;
    text-align: center
}

.jvectormap-zoomin,
.jvectormap-zoomout {
    width: 20px;
    height: 20px
}

.jvectormap-zoomin {
    top: 40%
}

.jvectormap-zoomout {
    top: 47%
}

.jvectormap-goback {
    bottom: 10px;
    z-index: 1000;
    padding: 6px
}

.jvectormap-spinner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: 50% no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==)
}

.jvectormap-legend-title {
    font-weight: 700;
    font-size: 14px;
    text-align: center
}

.jvectormap-legend-cnt {
    position: absolute
}

.jvectormap-legend-cnt-h {
    bottom: 0;
    right: 0
}

.jvectormap-legend-cnt-v {
    top: 0;
    right: 0
}

.jvectormap-legend {
    background: #000;
    color: #fff;
    border-radius: 3px
}

.jvectormap-legend-cnt-h .jvectormap-legend {
    float: left;
    margin: 0 10px 10px 0;
    padding: 3px 3px 1px
}

.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
    float: left
}

.jvectormap-legend-cnt-v .jvectormap-legend {
    margin: 10px 10px 0 0;
    padding: 3px
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick {
    width: 40px
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
    height: 15px
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle
}

.jvectormap-legend-tick-text {
    font-size: 12px
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
    text-align: center
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    padding-left: 3px
}

#popupMobile {
    background: url(/themes/oddspedia/assets/images/exit-popup/1xbet_mobile.jpg) top no-repeat;
    background-size: 100% 310px;
    float: left;
    width: 100%;
    height: 310px;
    position: fixed;
    bottom: 46px;
    z-index: 8000;
    box-shadow: 0 -5px 30px rgba(0, 0, 0, .72);
    display: none
}

#popupMobile .close {
    color: #2b3e4f;
    background: #fff;
    opacity: 1;
    width: 35px;
    height: 35px;
    position: relative;
    top: -23px;
    right: -5px;
    border-radius: 30px;
    font-size: 1.8em;
    cursor: pointer
}

#popupMobile .close:after,
#popupMobile .close:before {
    left: 3px
}

.button-holder {
    position: relative;
    bottom: 5px;
    height: 100%;
    width: 250px;
    margin: 0 auto
}

#popupMobile a {
    display: block;
    width: 200px;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 5px;
    position: absolute;
    text-transform: uppercase;
    color: #333;
    background: #edba25;
    text-align: center;
    font-weight: 700;
    padding: 10px 20px;
    font-size: 18px
}

#popupMobile img {
    display: block;
    float: none;
    margin: 0 auto;
    max-width: 150px
}

#popupMobileDescription {
    background: rgba(0, 0, 0, .57);
    margin-bottom: 15px;
    padding: 10px;
    color: #fff;
    font-weight: 600;
    font-size: 1.1em
}

button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: none
}

input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none
}

#accountSettings {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    z-index: 1;
    background-color: #fff
}

#accountSettings form {
    width: 100%
}

#accountSettings .content {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

#accountSettings .content .content-wrap {
    box-sizing: border-box;
    padding: 15px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

#accountSettings .content .content-wrap>div.flex {
    width: 100%;
    margin: 20px 0 0
}

#accountSettings .content .content-wrap>label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-preferred-size: 32%;
    flex-basis: 32%;
    color: #fff;
    font-size: 16px;
    margin: 0 0 15px
}

#accountSettings .content .content-wrap>label p {
    display: none
}

#accountSettings .content .content-wrap>label p:after {
    font-family: Oddspedia Sport\ 8;
    content: "";
    display: block;
    position: absolute;
    height: 18px;
    width: 18px;
    font-size: 18px;
    top: 0;
    right: 0;
    opacity: .5
}

#accountSettings .content .content-wrap>label input,
#accountSettings .content .content-wrap>label select {
    font-size: 14px;
    padding: 0 10px;
    color: #000;
    width: 100%;
    height: 35px;
    border: none;
    border: 1px solid #ddd
}

#accountSettings .content .content-wrap>label .dropdown-wrap {
    position: relative
}

#accountSettings .content .content-wrap>label .dropdown-wrap:after {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    width: 35px;
    background: url(../images/sign-up/select-arrow.png) no-repeat 100%
}

#accountSettings .content .content-wrap .switches {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
}

#accountSettings .content .content-wrap .switches .toogle-wrapper {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: none;
    margin-bottom: 5px
}

#accountSettings .content .content-wrap .switches .toogle-wrapper p {
    margin: 0
}

#accountSettings .content .content-wrap .switches .toogle-wrapper .switch {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 26px
}

#accountSettings .content .content-wrap .switches .toogle-wrapper .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    border: 1px solid #c6c6c6;
    transition: .4s
}

#accountSettings .content .content-wrap .switches .toogle-wrapper .switch .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 19px;
    left: 3px;
    bottom: 3px;
    background-color: #c6c6c6;
    transition: .4s
}

#accountSettings .content .content-wrap .switches .toogle-wrapper .switch input[type=checkbox] {
    display: none
}

#accountSettings .content .content-wrap .switches .toogle-wrapper .switch input[type=checkbox]:checked+.slider {
    border: 1px solid #910506
}

#accountSettings .content .content-wrap .switches .toogle-wrapper .switch input[type=checkbox]:checked+.slider:before {
    background-color: #910506;
    transform: translateX(17px)
}

#accountSettings .content .content-wrap .buttons {
    box-shadow: none
}

#accountSettings .content.my-leagues {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

#accountSettings .content.my-leagues h2 {
    font-size: 24px;
    line-height: 30px;
    color: #f9d249;
    text-align: center
}

#accountSettings .content.my-leagues p {
    font-size: 15px;
    line-height: 30px;
    color: #fff;
    text-align: center
}

#accountSettings .content.my-leagues label[for=ajax_search] {
    position: relative;
    width: 100%;
    height: 35px;
    background-color: #910506
}

#accountSettings .content.my-leagues label[for=ajax_search]::-webkit-input-placeholder {
    font-size: 16px;
    color: hsla(0, 0%, 100%, .6)
}

#accountSettings .content.my-leagues label[for=ajax_search]::-moz-placeholder {
    font-size: 16px;
    color: hsla(0, 0%, 100%, .6)
}

#accountSettings .content.my-leagues label[for=ajax_search]:-ms-input-placeholder {
    font-size: 16px;
    color: hsla(0, 0%, 100%, .6)
}

#accountSettings .content.my-leagues label[for=ajax_search]:-moz-placeholder {
    font-size: 16px;
    color: hsla(0, 0%, 100%, .6)
}

#accountSettings .content.my-leagues label[for=ajax_search] input {
    background: transparent;
    border: none;
    width: 100%;
    height: 100%;
    padding-left: 60px;
    color: #fff
}

#accountSettings .content.my-leagues .content-wrap {
    width: 100%;
    height: 100%;
    max-height: 330px;
    overflow-y: auto;
    padding: 20px 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    padding: 0 15px
}

#accountSettings .content.my-leagues .content-wrap .sport-wrap:last-of-type {
    -ms-flex-positive: 1;
    flex-grow: 1
}

#accountSettings .content.my-leagues .content-wrap input[type=checkbox] {
    display: none
}

#accountSettings .content.my-leagues .content-wrap input[type=checkbox]:checked+label {
    transition: all .2s ease;
    background-color: #910506
}

#accountSettings .content.my-leagues .content-wrap input[type=checkbox]:checked+label p {
    color: #fff
}

#accountSettings .content.my-leagues .content-wrap label {
    color: #000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: center;
    align-items: center;
    width: 75px;
    height: 75px;
    border: 1px solid #910506;
    margin-bottom: 10px;
    margin-left: 10px;
    text-align: center;
    padding: 10px;
    cursor: pointer
}

#accountSettings .content.my-leagues .content-wrap label .bookies {
    width: 55px
}

#accountSettings .content.my-leagues .content-wrap label p {
    display: none
}

.buttons {
    width: 100%;
    padding: 25px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 0 5px 30px #000
}

.buttons button {
    max-width: 260px;
    width: 100%
}

.buttons button+button {
    margin-left: 20px
}

@media (min-width:1024px) {
    #accountSettings form .content .content-wrap {
        width: 100%;
        height: 100%;
        padding: 20px;
        -ms-flex-direction: row;
        flex-direction: row;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: space-between
    }
    #accountSettings form .content .content-wrap>label {
        max-width: 260px
    }
    #accountSettings form .content .content-wrap>label p {
        display: block;
        position: relative;
        margin: 0;
        color: #000;
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 10px
    }
    #accountSettings form .content .content-wrap>.switches {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    #accountSettings form .content .content-wrap>.switches .toogle-wrapper {
        -ms-flex-preferred-size: 32%;
        flex-basis: 32%
    }
    #accountSettings form .content .content-wrap>.switches .toogle-wrapper p {
        color: #000;
        font-size: 14px;
        font-weight: 600
    }
    #accountSettings form .content.my-leagues .content-wrap {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 20px 0 0
    }
    #accountSettings form .content.my-leagues .content-wrap .sport-wrap:last-of-type {
        -ms-flex-positive: 0;
        flex-grow: 0
    }
    #accountSettings form .content.my-leagues .content-wrap label {
        width: 100px;
        height: 100px;
        margin-bottom: 20px;
        margin-left: 15px
    }
    #accountSettings form .content.my-leagues .content-wrap label p {
        display: block;
        line-height: 12px;
        color: #000;
        margin: 0
    }
}

.comments-wrapper {
    padding: 15px
}

.comments-controls {
    width: 100%;
    margin-bottom: 15px
}

.comments-controls button {
    width: 100px;
    height: 32px;
    padding: 3px 6px;
    font-size: 12px;
    background-color: #910506
}

.comment,
.match-comment form {
    width: 100%
}

.comment img {
    width: 40px;
    height: 40px;
    margin-right: 15px
}

.comment textarea {
    width: 100%;
    padding: 10px 5px;
    background-color: #f5f5f5;
    border: none;
    outline: none;
    resize: none
}

.avarat-image {
    width: 60px;
    background-size: 100%!important;
    height: 60px
}

.comments_controls {
    margin-top: 5px;
    height: 0;
    overflow: hidden;
    transition: height .4s ease-in-out
}

.comments_controls .btn {
    width: 75px;
    height: 35px;
    line-height: 35px;
    padding: 0;
    font-weight: 700;
    border-radius: 1px
}

.comments_controls .btn-default {
    background: #f4f4f4;
    margin-right: 10px
}

.comments_controls .btn-primary {
    border: 1px solid #006298
}

.answer_content_wrapper {
    width: 100%;
    flex-grow: 1
}

.main_comment {
    margin: 20px 0
}

.tableComments {
    margin-left: 30px;
    padding-left: 10px
}

#input_post_comment:active~.comments_controls,
#input_post_comment:focus~.comments_controls {
    height: 35px
}

.thumbROI {
    font-size: 10px;
    color: #333
}

.comment-wrapper {
    padding: 0 10px;
    width: 100%
}

.comment-wrapper:after {
    content: "";
    display: block;
    clear: both
}

#posts .match-comment:nth-child(odd) .comment-wrapper {
    background: #f5f8fb
}

#posts .match-comment:nth-child(2n) .comment-wrapper {
    background: #fcfcfc
}

.time {
    display: inline-block;
    color: #777;
    font-size: 11px
}

.posttext {
    margin: 1em 0
}

.subcomments .match-comment {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0
}

.subcomments .likes .like:before {
    content: " ";
    margin: 0
}

.dislikes-number,
.likes-number {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    margin-left: 4px;
    font-weight: 700
}

.dislikes-number.grey,
.likes-number.grey {
    color: #c6c6c6
}

.likes-number.green {
    color: #59af1c
}

.dislikes-number.red {
    color: #ff4332
}

.likes .like:hover,
.likes .unlike:hover,
.replytoUsr:hover {
    text-decoration: underline
}

.noComments {
    color: #777;
    border: none
}

.msg_content_wrapper {
    width: 100%
}

@media (min-width:1024px) {
    .comment textarea {
        padding: 16px
    }
    .comment img {
        width: 80px;
        height: 80px;
        margin-right: 15px
    }
    .comments-controls button {
        width: 160px;
        height: 32px
    }
    .tableComments {
        margin-left: 95px;
        padding-left: 10px
    }
    .main_comment {
        margin: 10px 0
    }
}

#sr_side_widgets {
    background-color: rgba(0, 0, 0, .4)
}

#sr_side_widgets .lmt-side-wrapper #loadingRings {
    height: 160px;
    width: 160px
}

#sr_side_widgets .lmt-side-wrapper #loadingRings .loading-center span {
    font-size: 50px
}

#sr_side_widgets .lmt-side-wrapper .matchstats-side-container {
    width: 100%
}

#remove_sidebar_widget {
    margin: 0;
    cursor: pointer
}

.sr-widget-leagues {
    background-color: transparent
}

.set-widget-wrapper {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.set-widget-wrapper .set-witdget {
    display: none;
    width: 150px;
    font-size: 16px;
    margin: 0;
    position: relative;
    color: #fff;
    z-index: 1;
    cursor: pointer;
    padding: 0 10px;
    border: none;
    background-color: transparent
}

.set-widget-wrapper .set-witdget span {
    margin-left: 5px
}

.set-widget-wrapper .set-witdget:hover span:before {
    content: "\e86a";
    transition: all .3s;
    transform: rotate(-45deg);
    color: #f1d156
}

.set-widget-wrapper #add_widget {
    display: none
}

.set-widget-wrapper #add_widget:checked+.set-witdget span:before {
    content: "\e86a";
    transition: all .3s;
    transform: rotate(-45deg);
    color: #f1d156
}

.darken-background {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, .7)
}

.lmt-match-wrapper {
    position: relative;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-height: 268px;
    height: auto;
    margin: -15px 0 0
}

.lmt-match-wrapper,
.lmt-match-wrapper .loading-mask {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.lmt-match-wrapper .loading-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.lmt-match-wrapper .countdown-splash {
    display: none;
    position: absolute;
    font-family: bebas_neueregular;
    font-size: 46px;
    color: #fff;
    text-shadow: 3px 3px #000;
    margin: 0;
    top: 60px;
    z-index: 6
}

.lmt-match-wrapper .countdown-splash.visible {
    display: block
}

.lmt-match-container {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.sr-widget {
    z-index: 3;
    height: auto
}

.sr-widget .sr-lmts .sr-widgets-matchinfo,
.sr-widgets-matchstats .sr-stats-wrap:empty {
    display: none
}

.sr-widgets-lmts .sr-lmts-collapse-bar {
    height: 20px
}

.sr-widgets-lmts .sr-lmts-collapse-container {
    background-color: transparent
}

.sr-widgets-lmts .sr-lmts-momentum-holder {
    background-color: rgba(0, 0, 0, .6)
}

.sr-available {
    font-size: 24px;
    color: #e9e9e9;
    float: right;
    margin-right: 10px
}

.sr-available:hover {
    transition: all .2s linear;
    color: #7d7d7d
}

.inplay-final-results+.sr-available {
    margin-right: 0
}

#statistics-content {
    background: rgba(0, 0, 0, .45)
}

.momentum2-container {
    background-color: rgba(0, 0, 0, .7)
}

.sr-widgets-lmts-matchpitch .sr-replay-controls {
    bottom: 30px
}

@media only screen and (min-width:1024px) {
    .set-widget-wrapper .set-witdget {
        display: block
    }
    .set-widget-wrapper .set-witdget .icon-pin-outline {
        font-size: 24px
    }
    .lmt-match-wrapper {
        height: 451px
    }
    .lmt-match-wrapper .countdown-splash {
        top: auto
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) {
    .sr-widgets-lmts-matchpitch .sr-replay-controls {
        bottom: 14px
    }
}

#standings-dropdown .dropdown-menu {
    border: none;
    box-shadow: 0 3px 13px 0 rgba(0, 0, 0, .2)
}

#standings-dropdown {
    margin-left: 10px;
    margin-top: 6px
}

#standings-dropdown a {
    color: #999;
    text-align: center;
    padding: 0 7px;
    cursor: pointer;
    font-size: 13px!important;
    border-bottom: 1px solid #ddd;
    text-align: left
}

#standings-dropdown .dropdown-text {
    height: 20px;
    line-height: 16px;
    text-align: left;
    background: #107bad;
    color: #fff;
    font-size: 14px;
    font-family: robotoregular, Arial, sans-serif;
    padding-right: 8px;
    font-weight: 400;
    border: none
}

#standings-dropdown .icon-down-arrow {
    background: #107bad;
    color: #fff;
    width: 22px;
    height: 20px;
    line-height: 20px
}

#standings-dropdown .icon-down-arrow:before {
    font-size: 8px
}

#standings-dropdown .dropdown-value.active {
    color: #333;
    font-weight: 700
}

#word-line {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #f3f3f3;
    line-height: .1em;
    margin: 0;
    font-size: 18px
}

#word-line span {
    background: #fff;
    padding: 0 22px;
    color: #0c6297;
    text-transform: uppercase;
    font-family: robotobold, Arial;
    font-size: 20px
}

#next-line {
    background: #fff;
    padding: 30px
}

#standings-tables {
    background: #fff;
    padding-top: 80px;
    border-top: 1px solid #f3f3f3
}

#standings-tables h4 {
    text-align: center;
    font-size: 16px;
    color: #333;
    margin-bottom: 0;
    margin-top: 35px;
    font-family: robotobold, Arial, sans-serif
}

#standings-tables .tabs_nav {
    display: block;
    background: #fff;
    margin: 0;
    margin-top: 30px;
    text-align: center
}

#standings-tables .tabs_nav li {
    display: inline-block;
    font-size: 14px;
    color: #999;
    font-family: robotobold, Arial;
    line-height: 12px;
    margin-left: 19px
}

#standings-tables .tabs_nav li:first-of-type {
    margin-left: 0
}

#standings-tables .tabs_nav li.active {
    background: transparent;
    color: #0c6297
}

#standings-tables .tabs_nav li:not(:last-child):after {
    content: "|";
    color: #f3f3f3;
    margin-left: 19px
}

#standings-tables .tabs_content {
    margin: 0;
    margin-top: 7px
}

#standings-tables .tabs_content li table {
    width: 100%
}

#standings-tables .tabs_content li .thead th {
    color: #333;
    font-size: 10px;
    font-family: robotobold, Arial;
    text-transform: uppercase;
    padding: 7px 0 6px;
    line-height: 0
}

#standings-tables .tabs_content li tr:not(.w-d-l) {
    background: #f6f6f6;
    border-bottom: 1px solid #ddd;
    line-height: 13px
}

#standings-tables .tabs_content li tr.thead {
    background: #e9e9e9
}

#standings-tables .tabs_content li tr td {
    padding: 7px 0 9px
}

#standings-tables .tabs_content li tr td:first-of-type {
    padding-left: 10px;
    padding-right: 5px
}

#standings-tables .outcame-color {
    width: 20px;
    height: 20px;
    display: in;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px
}

#standings-tables table .icon-triangle-arrow:before {
    color: #5bb51f
}

#standings-tables table .icon-triangle-arrow-down:before,
#standings-tables table .icon-triangle-arrow:before {
    font-size: 9px;
    margin-right: 5px;
    margin-top: auto;
    margin-bottom: auto;
    display: table-cell;
    vertical-align: middle;
    transition: .5s;
    font-family: Oddspedia Sport\ 8;
    font-weight: 400
}

#standings-tables table .icon-triangle-arrow-down:before {
    color: #ff4332
}

.show-hidden-items.icon-down-arrow-after:after {
    color: #7c7c7c;
    color: #333;
    margin-left: 5px;
    font-size: 10px
}

.show-hidden-items.rotate.icon-down-arrow-after:after {
    transform: rotate(180deg)
}

#standings-tables tr td {
    font-size: 14px;
    color: #333;
    font-weight: 500
}

#standings-tables .hidden-item {
    display: none
}

.show-hidden-items {
    display: block;
    width: 100%;
    background: #e9e9e9;
    border: none;
    color: #333;
    font-family: robotoregular, Arial, sans-serif;
    padding: 8px;
    line-height: 10px
}

#standings-tables .tabs_content li tr.w-d-l td:first-of-type {
    padding-left: 0
}

#standings-tables .tabs_content li tr.w-d-l td:last-of-type {
    padding-right: 30px
}

#standings-tables .tabs_content li tr.w-d-l td {
    padding-top: 0;
    padding-bottom: 0
}

#standings-tables .tabs_content li tr.w-d-l td.fill-part {
    padding-top: 4px;
    line-height: 4px
}

#standings-tables .green {
    color: #5fb52d
}

#standings-tables .silver {
    color: #999
}

#standings-tables .red {
    color: #fd3f3a
}

#standings-tables .points {
    color: #107bad
}

#standings-tables .green-fill {
    background: linear-gradient(90deg, #5fb52d 50%, #fff 0)
}

#standings-tables .silver-fill {
    background: linear-gradient(90deg, #c6c6c6 50%, #fff 0)
}

.red-fill {
    background: linear-gradient(90deg, #fd3f3a 50%, #fff 0)
}

.fill-start-end div {
    border-radius: 50px;
    background: linear-gradient(90deg, #f0d05f 50%, #f3f3f3 0);
    height: 10px;
    background-size: 200% 100%;
    background-position: 100% 100%;
    animation: e 3s;
    animation-fill-mode: forwards
}

#standings-tables .animation {
    display: inline-block;
    height: 10px;
    background-size: 200% 100%;
    background-position: 100% 100%;
    margin-right: 1%;
    animation: e 2s;
    animation-fill-mode: forwards
}

#standings-tables .tabs_content .fill-part .animation:last-of-type {
    margin-right: 0
}

@keyframes e {
    to {
        background-position: 0 100%
    }
}

.last-five-item {
    color: #fff;
    font-size: 11px;
    display: inline-block;
    vertical-align: middle;
    height: 18px;
    width: 18px;
    margin-right: 3px;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
    font-family: robotobold, Arial, sans-serif
}

.last-five-item:last-of-type {
    margin-right: 0
}

.last-W {
    background: #5fb52d
}

.last-L {
    background: #fd3f3a
}

.last-D {
    background: #c6c6c6
}

#star-end-tournament {
    padding: 25px 10px 45px;
    background: #fff
}

#star-end-tournament span {
    font-size: 14px;
    color: #0c6297;
    font-family: robotobold, Arial, sans-serif;
    line-height: 14px;
    margin-top: 10px
}

#star-end-tournament .float-left {
    float: left
}

#star-end-tournament .float-right {
    float: right
}

.fill-start-end {
    border-radius: 50px;
    background: #f3f3f3;
    overflow: hidden
}

h3.next-line-title {
    position: relative;
    overflow: hidden;
    text-align: center;
    background: #fff;
    margin: 0;
    padding: 20px
}

h3.next-line-title span {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    position: relative;
    padding: 0 20px;
    color: #0c6297;
    font-size: 18px;
    text-transform: uppercase
}

h3.next-line-title span:after,
h3.next-line-title span:before {
    content: "";
    display: block;
    width: 1000px;
    position: absolute;
    top: .73em;
    border-top: 1px solid #f3f3f3
}

h3.next-line-title span:before {
    right: 100%
}

h3.next-line-title span:after {
    left: 100%
}

#sports-buttons .no-active {
    pointer-events: none;
    opacity: .4
}

@media only screen and (max-width:767px) {
    .hidden-on-mobile {
        display: none
    }
    #standings-tables .tabs_nav li {
        text-align: center;
        padding-left: 0;
        padding-right: 0
    }
    #standings-dropdown a {
        margin: 0;
        color: #333;
        text-align: center;
        padding: 0;
        height: 10px;
        cursor: pointer;
        font-size: 20px!important;
        border-bottom: 1px solid #ddd
    }
    #word-line {
        margin-bottom: 25px
    }
    .table-team-name {
        width: 13.63%!important
    }
    #standings-tables .tabs_content li tr td:first-of-type {
        text-align: center;
        padding-right: 0
    }
    #standings-tables .tabs_content li tr.thead {
        height: 30px
    }
    .td-text-center {
        text-align: center
    }
    .last-five-item {
        width: 10px;
        height: 10px;
        font-size: 0
    }
    #standings-dropdown .load-season-standings-js {
        margin: 0
    }
    #standings-dopdown-sub {
        bottom: 46px
    }
}

.banner-box {
    display: none;
    height: 100px;
    width: 100%
}

.banner-box .banner {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%
}

@media only screen and (min-width:1024px) {
    .banner-box {
        display: block
    }
}

#top_bookmaker .bonus {
    padding: 15px 15px 15px 25px
}

#top_bookmaker .bonus p {
    position: relative;
    padding: 0 0 0 10px;
    font-size: 14px;
    color: #333;
    line-height: 1.571;
    text-align: left
}

#top_bookmaker .bonus p:before {
    content: "";
    width: 7px;
    height: 13px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: -10px;
    border-right: 3px solid #107bad;
    border-bottom: 3px solid #107bad;
    transform: rotate(45deg)
}

#top_bookmaker .get-bonus {
    padding: 15px;
    background-color: #0c6297
}

#top_bookmaker .get-bonus h3 {
    margin: 0 0 20px;
    position: relative;
    font-size: 12px;
    color: hsla(0, 0%, 100%, .6);
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.5;
    text-align: center
}

#top_bookmaker .get-bonus h3:after,
#top_bookmaker .get-bonus h3:before {
    position: absolute;
    content: "";
    width: 25%;
    height: 1px;
    background-color: hsla(0, 0%, 100%, .4);
    top: 0;
    bottom: 0;
    margin: auto 0
}

#top_bookmaker .get-bonus h3:before {
    left: 0
}

#top_bookmaker .get-bonus h3:after {
    right: 0
}

#top_bookmaker .get-bonus p.primary {
    font-size: 32px;
    font-family: bebas_neueregular;
    color: #f9c841;
    text-transform: uppercase;
    line-height: .563;
    text-align: center;
    text-shadow: 0 0 7px rgba(9, 65, 92, .4);
    margin: 0 0 10px
}

#top_bookmaker .get-bonus p.primary span {
    font-size: 22px
}

#top_bookmaker .get-bonus p.secondary {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 0 0 7px rgba(9, 65, 92, .4);
    margin: 0 0 15px
}

#top_bookmaker .get-bonus .button {
    position: relative;
    display: block;
    background-color: #f9c841;
    width: 210px;
    height: 40px;
    font-size: 14px;
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 40px;
    text-align: center;
    margin: 0 auto
}

#top_bookmaker .get-bonus .button:after,
#top_bookmaker .get-bonus .button:before {
    content: "";
    background-color: #f9c841;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 10px;
    transform: skewX(-10deg)
}

#top_bookmaker .get-bonus .button:before {
    left: -5px
}

#top_bookmaker .get-bonus .button:after {
    right: -5px
}

@font-face {
    font-family: robotobold;
    src: url(../fonts/roboto-bold-webfont.woff2) format("woff2"), url(../fonts/roboto-bold-webfont.woff) format("woff"), url(../fonts/roboto-bold-webfont.svg#robotobold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: robotoregular;
    src: url(../fonts/roboto-regular-webfont.woff2) format("woff2"), url(../fonts/roboto-regular-webfont.woff) format("woff"), url(../fonts/roboto-regular-webfont.svg#robotoregular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: bebas_neueregular;
    src: url(../fonts/bebasneue.eot);
    src: url(../fonts/bebasneue.eot?#iefix) format("embedded-opentype"), url(../fonts/bebasneue.woff2) format("woff2"), url(../fonts/bebasneue.woff) format("woff"), url(../fonts/bebasneue.ttf) format("truetype"), url(../fonts/bebasneue.svg#bebas_neueregular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: chunkfiveroman;
    src: url(../fonts/chunkfive-webfont.eot);
    src: url(../fonts/chunkfive-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/chunkfive-webfont.woff2) format("woff2"), url(../fonts/chunkfive-webfont.woff) format("woff"), url(../fonts/chunkfive-webfont.ttf) format("truetype"), url(../fonts/chunkfive-webfont.svg#chunkfiveroman) format("svg");
    font-weight: 400;
    font-style: normal
}

::-webkit-scrollbar-track:not(.odspedia-btns) {
    background-color: transparent;
    width: 7px
}

::-webkit-scrollbar:not(.odspedia-btns) {
    width: 7px;
    background-color: hsla(0, 0%, 100%, .4)
}

::-webkit-scrollbar-thumb:not(.odspedia-btns) {
    background-color: #910506;
    box-shadow: 0 0 1px 1px #910506;
    border-radius: 3px
}

.bg_color3:focus,
.bg_color3:hover,
.bg_def.active,
.bg_def:hover {
    background: #eee;
    color: #333;
    transition: all .1s ease
}

.bg_color3.active,
.bg_color3.active:focus,
.bg_color3.active:hover {
    background: #910506;
    border-color: #910506;
    transition: all .1s ease
}

.bg_color1,
.bg_color1:focus,
.bg_color1_nohover,
.bg_color2 .hover:focus,
.bg_color2 .hover:hover,
.bg_color2.active,
.bg_color2.hover:focus,
.bg_color2.hover:hover,
.bg_color2:focus .hover,
.bg_color2:hover .hover {
    background: #910506;
    border-color: #910506;
    transition: background-color .1s ease
}

.bg_color1 .active,
.bg_color1 .cd-nav-click,
.bg_color1 .hover:focus,
.bg_color1 .hover:hover,
.bg_color1.active,
.bg_color1.cd-nav-click,
.bg_color1.hover:focus,
.bg_color1.hover:hover,
.bg_color2,
.bg_color2_nohover {
    background: #510506;
    border-color: #910506;
    transition: all .1s ease
}

.bg_color3 {
    background: #f3f3f3;
    color: #555;
    transition: all .1s ease
}

.bg_color5 {
    background: #009ada
}

.bg_color1,
.bg_color2,
.bg_color3.active {
    color: #fff
}

.bg_def,
.bg_def-no-hover,
.bg_def_mobile {
    background: #fff;
    color: #333;
    transition: all .2s ease
}

.transparent {
    background-color: transparent!important
}

@media (max-width:1023px) {
    .bg_color1.small-bg-invert {
        background: #510506;
        border-color: #910506;
        background-color: #510506;
    }
    .bg_color1.small-bg-invert.active,
    .bg_color1.small-bg-invert:focus,
    .bg_color1.small-bg-invert:hover {
        background: #910506;
        border-color: #510506;
        transition: all .1s ease
    }
}

.bg_color_red {
    background: #f33803;
    color: #fff
}

.bg_color_yellow {
    background: #f9c841;
    color: #333
}

.bg_color_light-grey {
    background: #f6f6f6
}

.yellow-color,
.yellow-color:focus,
.yellow-color:hover {
    color: #f9c841
}

.white-color,
.white-color:focus,
.white-color:hover,
.yellow-color .icon-star-stroke {
    color: #fff
}

.blue-color {
    color: #910506
}

.red-color {
    color: #de4618
}

.yellow-color .icon-star {
    color: #f9c841
}

.triangle-left:after,
.triangle-right:after {
    content: " ";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid
}

.triangle-left:after {
    right: 100%;
    border-width: 0 0 34px 10px
}

#searchbox .triangle-left:after {
    right: 100%;
    border-width: 0 0 45px 20px
}

@media (min-width:992px) {
    #searchbox .triangle-left:after {
        border-width: 0 0 33px 10px
    }
}

.triangle-right:after {
    left: 100%;
    border-width: 2.4em .8em 0 0
}

.triangle-left.color1:after {
    border-color: transparent transparent #910506
}

.triangle-left.color2:after {
    border-color: transparent transparent #910506
}

.triangle-right.color1:after {
    border-color: #910506 transparent transparent
}

.triangle-right.color2:after {
    border-color: #910506 transparent transparent
}

.tilt-right-mobile {
    transform: skew(-20deg);
    -o-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -webkit-transform: skew(-20deg)
}

.tilt-left-mobile {
    transform: skew(20deg);
    -o-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -webkit-transform: skew(20deg)
}

.scroller-horisontal .horisontal-cell {
    float: left
}

.placeholder-icon {
    width: 15px;
    margin-bottom: -3px;
    border-radius: 50%
}

.placeholder,
.placeholder-icon {
    display: inline-block;
    height: 15px;
    background: #e5e5e5
}

.placeholder {
    min-width: 30px;
    width: 20%;
    margin-bottom: -3px;
    margin: 0 auto
}

.headline .placeholder,
.headline .placeholder-icon {
    background: #ccc
}

@media (max-width:1032px) {
    .scroller-horisontal {
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        padding: 0;
        width: 100vw;
        max-width: 100%
    }
    .scroller-horisontal .horisontal-cell {
        float: none;
        display: inline-block;
        margin-right: -3px
    }
}

.no-border {
    border: 0!important
}

.no-float {
    float: none!important
}

.noscroll {
    
}

#social-container {
    display: none
}

.relative {
    position: relative
}

.block {
    display: block
}

.row.no-margin {
    margin-left: 0;
    margin-right: 0
}

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

.odspedia-btns {
    padding: 10px 5px
}

.odspedia-btns .col-md-3 {
    padding: 0 5px
}

.odspedia-btns a {
    display: block;
    border: 1px solid #ddd;
    font-weight: 700;
    text-align: center;
    padding: 6px 12px;
    font-size: 13px
}

.odspedia-btns a:focus,
.odspedia-btns a:hover {
    text-decoration: none
}

#home-tabs-menu a {
    text-transform: uppercase;
    font-weight: 700
}

.small-dropdown {
    width: 35%
}

.big-dropdown {
    width: calc(65% - 10px)
}

.big-dropdown-reverse {
    margin-left: 0;
    margin-right: 10px
}

@media (max-width:992px) {
    .mobile-full-width {
        width: 100%!important
    }
}

@media (min-width:992px) {
    .big-dropdown {
        width: calc(40% - 6.5px)
    }
    .small-dropdown {
        width: calc(20% - 5px)
    }
    .small-dropdown-reverse {
        margin-left: 0
    }
    .big-dropdown-reverse {
        margin-left: 20%
    }
    .big-dropdown.centered {
        margin: 0 auto!important;
        padding: 0!important;
        float: none!important
    }
}

#loadingRings {
    position: relative;
    height: 200px;
    width: 200px;
    margin: 0 auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    box-sizing: content-box
}

#rings {
    animation-name: g;
    animation-duration: 7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-play-state: running
}

#rings,
.tilt {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.tilt {
    margin: 0;
    position: absolute;
    transform-style: preserve-3d;
    transition: all .9s cubic-bezier(.22, 1.09, .545, 1.265);
    opacity: .8;
    z-index: 27
}

.tilt.one {
    transform: rotate(0deg);
    transition-delay: .31s;
    width: 90%;
    height: 90%;
    left: 5%;
    top: 5%
}

.tilt.two {
    transform: rotate(45deg) scale(1);
    transition-delay: .47s;
    width: 80%;
    height: 80%;
    left: 10%;
    top: 10%
}

.tilt.three {
    transform: rotate(90deg) scale(1);
    transition-delay: .63s
}

.ring {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform: translateZ(0);
    transform-style: preserve-3d;
    animation-name: i;
    animation-duration: 2.2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 1364ms;
    -webkit-animation-delay: .66s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-play-state: running
}

.ring.one {
    animation-name: i;
    animation-delay: -1.5s
}

.ring.two {
    animation-name: i;
    animation-duration: 2.75s;
    animation-delay: -2s
}

.ring.three {
    animation-name: i;
    animation-duration: 2.42s;
    animation-delay: -2.5s
}

.ring .texture {
    border-radius: 50%;
    border: 4px solid #910506;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform-style: preserve-3d
}

.ring .texture .planet-circle {
    width: 100%;
    height: 100%;
    position: relative;
    display: block
}

.ring .texture .planet-circle .planet {
    position: absolute;
    top: -10px;
    left: calc(50% - 8px);
    width: 16px;
    height: 16px;
    background: #910506;
    border-radius: 50%
}

.ring.two .planet {
    animation-duration: 2.75s
}

.ring.three .planet {
    animation-duration: 2.42s
}

.loading-center {
    width: 50%;
    height: 50%;
    position: absolute;
    top: 25%;
    left: 25%;
    background: #910506;
    visibility: visible!important;
    border-radius: 50%;
    z-index: -1;
    animation-name: h;
    animation-duration: 7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-play-state: running
}

.loading-center .icon-sure-bets {
    color: #fff;
    text-align: center;
    font-size: 64px;
    height: 0;
    padding-bottom: 100%;
    line-height: 1;
    position: absolute;
    width: 50%;
    left: 20%;
    top: 16%
}

.loading-text {
    text-align: center;
    font-size: 16px;
    padding-bottom: 1em
}

.loading-text .title-loading {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    color: #910506
}

.blink_me {
    animation: f 2s linear infinite
}

@keyframes f {
    50% {
        opacity: 0
    }
}

@keyframes g {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes h {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(-1turn)
    }
}

@keyframes i {
    0% {
        transform: rotateY(10) scaleX(.9)
    }
    50% {
        transform: rotateY(180deg) scaleX(.9)
    }
    to {
        transform: rotateY(10) scaleX(.9)
    }
}

@keyframes j {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.rotating {
    animation: j 2s linear infinite
}

.slider-football {
    background-image: url(../images/slider/football.jpg)
}

.slider-championsleague {
    background-image: url(../images/slider/championsleague.jpg)
}

.slider-worldcup {
    background-image: url(../images/slider/worldcup.jpg)
}

.slider-olympics {
    background-image: url(../images/slider/olympics.jpg)
}

.slider-tennis,
.slider-tennis_blue {
    background-image: url(../images/slider/tennis_blue.jpg)
}

.slider-ice-hockey {
    background-image: url(../images/slider/ice-hockey.jpg)
}

.slider-basketball {
    background-image: url(../images/slider/basketball.jpg)
}

.slider-baseball {
    background-image: url(../images/slider/baseball.jpg)
}

.slider-esports {
    background-image: url(../images/slider/esports.jpg)
}

.slider-nfl {
    background-image: url(../images/slider/nfl.jpg)
}

.slider-generic {
    background-image: url(../images/slider/generic.jpg)
}

.z-index-5 {
    z-index: 5
}
.bg_football {
        background: url(../images/bsbsportwalpepper.jpeg) top;
        background-size: 1024px;
        background-attachment: fixed;
        
}

@media (min-width:1024px) {
    #home-mobile-tabs .tab-pane {
        display: block
    }
    .bg_def_mobile {
        background: inherit;
        border-color: inherit
    }
    .bg_color1 {
        background: #910506;
        border-color: #510506;
        color: #fff
    }
    .bg_color1.reverse_color {
        background: #910506;
        border-color: #510506
    }
    body {
        background: #050e16 url(../images/site_bg.jpg) top no-repeat;
        background-attachment: fixed;
        background-size: cover
    }
    body[class*=" bg_"],
    body[class^=bg_] {
        background-position: top;
        background-repeat: no-repeat;
        background-size: 1920px
    }
    .opacity_0_5 {
        opacity: .5
    }
    .bg_1xbet {
        background-image: url(../images/site_bg_1xbet.jpg)
    }
    .bg_football {
        background-image: url(../images/bsbsportwalpepper.jpeg)
        background-attachment: fixed;
    }
    .bg_worldcup {
        background-image: url(../images/bg_worldcup.jpg)
    }
    .bg_basketball {
        background-image: url(../images/bg_basketball.jpg)
    }
    .bg_tennis {
        background-image: url(../images/bg_tennis.jpg)
    }
    .bg_ice-hockey {
        background-image: url(../images/bg_hockey.jpg)
    }
    .bg_rugby-league,
    .bg_rugby-union {
        background-image: url(../images/bg_rugby_union.jpg)
    }
    .bg_american-football {
        background-image: url(../images/bg_american_football.jpg)
    }
    .bg_bandy {
        background-image: url(../images/bg_bandy.jpg)
    }
    .bg_cricket {
        background-image: url(../images/bg_cricket.jpg)
    }
    .bg_volleyball {
        background-image: url(../images/bg_volleyball.jpg)
    }
    .bg_handball {
        background-image: url(../images/bg_handball.jpg)
    }
    .bg_snooker {
        background-image: url(../images/bg_snooker.jpg)
    }
    .bg_darts {
        background-image: url(../images/bg_darts.jpg)
    }
    .bg_boxing {
        background-image: url(../images/bg_boxing.jpg)
    }
    .bg_mixed-martial-arts {
        background-image: url(../images/bg_mma.jpg)
    }
    .bg_curling {
        background-image: url(../images/bg_curling.jpg)
    }
    .bg_futsal {
        background-image: url(../images/bg_futsal.jpg)
    }
    .bg_floorball {
        background-image: url(../images/bg_floorball.jpg)
    }
    .bg_table-tennis {
        background-image: url(../images/bg_table_tennis.jpg)
    }
    .bg_beach-soccer {
        background-image: url(../images/bg_beach_soccer.jpg)
    }
    .bg_bowls {
        background-image: url(../images/bg_bowls.jpg)
    }
    .site_content {
        background: rgba(0, 0, 0, .7);
        overflow: auto;
        
    }
    .tilt-right {
        transform: skew(-20deg);
        -o-transform: skew(-20deg);
        -moz-transform: skew(-20deg);
        -webkit-transform: skew(-20deg)
    }
    .tilt-left {
        transform: skew(20deg);
        -o-transform: skew(20deg);
        -moz-transform: skew(20deg);
        -webkit-transform: skew(20deg)
    }
}

.shadow {
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .4));
    -moz-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .4));
    -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .4));
    -ms-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .4));
    -o-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .4))
}

#ds-cont {
    padding-top: 46px
}

section {
    margin-bottom: 8px;

}

.site_content {
    width: 100%
}

.page-header h1 a {
    color: #fff
}

.hide-mobile,
.hide-mobile-flex,
.hide-mobile-inline,
.hide-mobile-inline-block,
.hide-mobile-table,
.hide-mobile-table-cell,
.profile-bg-controls {
    display: none!important
}

.hide-desktop-table {
    display: table
}

.hide-desktop-table-cell {
    display: table-cell
}

.next-arrow:after,
.next-arrow:before,
.prev-arrow:after,
.prev-arrow:before {
    width: 8px;
    height: 8px
}

.ajax-preloader-oddspedia {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 5px;
    text-align: center;
    color: #fff;
    overflow: hidden;
    z-index: 9999;
    background: #006298;
    box-shadow: 0 0 10px 10px rgba(32, 196, 255, .3)
}

@keyframes k {
    0% {
        left: 0
    }
    to {
        left: 100%
    }
}

.ajax-preloader-oddspedia div {
    position: relative;
    background: #35aadb;
    width: 10%;
    height: 100%;
    animation: k 2s linear infinite;
    -moz-animation: k 2s linear infinite;
    -webkit-animation: k 2s linear infinite;
    box-shadow: 0 0 15px hsla(0, 0%, 100%, .6), 0 0 10px rgba(32, 196, 255, .6)
}

.highlighted {
    background: #d6e2f0;
    font-weight: 700
}

.pagination ul {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05)
}

.pagination ul>li>a,
.pagination ul>li>span {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-left-width: 0
}

.pagination ul>li {
    display: inline
}

#pagination-users {
    display: block;
    position: relative;
    float: left;
    left: 50%;
    transform: translateX(-50%)
}

#userDetails:after {
    content: " ";
    display: block;
    clear: both
}

#pagination-users a {
    border: 1px solid transparent;
    color: #333;
    margin-left: 5px;
    font-weight: 700
}

#pagination-users .selected a,
#pagination-users a:focus,
#pagination-users a:hover {
    background: #fff;
    border: 1px solid #ddd
}

#pagination-users ul {
    box-shadow: none;
    padding: 0
}

#pagination-users .first,
#pagination-users .last {
    display: none
}

.next-arrow,
.prev-arrow {
    display: inline-block;
    position: relative;
    width: 9px;
    height: 9px
}

.next-arrow:after,
.next-arrow:before,
.prev-arrow:after,
.prev-arrow:before {
    content: " ";
    display: block;
    width: 5px;
    height: 5px;
    position: absolute;
    top: 50%;
    margin-top: -3.5px
}

.next-arrow:after,
.next-arrow:before {
    transform: rotate(45deg);
    border-right: 2px solid #333;
    border-top: 2px solid #333
}

.next-arrow:after,
.prev-arrow:after {
    left: 0
}

.next-arrow:before,
.prev-arrow:before {
    left: 5px
}

.prev-arrow:after,
.prev-arrow:before {
    transform: rotate(45deg);
    border-left: 2px solid #333;
    border-bottom: 2px solid #333
}

.pretty-checkbox {
    display: inline-block;
    width: 15px;
    height: 15px;
    box-sizing: border-box;
    border: 1px solid #dfdfdf;
    vertical-align: middle;
    border-radius: 2px;
    position: relative;
    margin: 0 5px;
    transition: opacity .4s ease-in-out
}

.pretty-checkbox:after {
    content: " ";
    opacity: 0;
    position: absolute;
    width: 11px;
    height: 7px;
    background: transparent;
    top: 2px;
    left: 1px;
    border: 3px solid #007db2;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg)
}

.pretty-checkbox-wraper.active .pretty-checkbox:after {
    opacity: 1
}

.pretty-checkbox-wraper:hover .pretty-checkbox:after {
    opacity: .3
}

.delete-icon {
    display: inline-block;
    width: 17px;
    height: 17px;
    box-sizing: border-box;
    background: #c52127;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    margin: 0 4px;
    vertical-align: middle
}

.delete-icon:after,
.delete-icon:before {
    content: "";
    position: absolute;
    height: 3px;
    width: 65%;
    top: 50%;
    left: 0;
    margin-top: -2px;
    background: #fff;
    margin-left: 3px
}

.delete-icon:before {
    transform: rotate(45deg)
}

.delete-icon:after {
    transform: rotate(-45deg)
}

.global-yellow-button {
    color: #000;
    font-weight: 700;
    border: 1px solid #fee179;
    background: #f0d358;
    background: linear-gradient(#f0d358, #eba901, #f0d358);
    transition: background .21s ease-out;
    box-shadow: 0 0 5px rgba(0, 0, 0, .75)
}

.green-button {
    color: #fff;
    border: 1px solid #3b7713;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    background: #6ac931;
    background: linear-gradient(180deg, #6ac931 0, #5cae2a 50%, #5cae2a);
    transition: background .21s ease-out;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .7)
}

.green-button:hover {
    background-position: 36px;
    text-decoration: none
}

.bet_now_livestream,
.watch_now_livestream {
    margin: 0 auto;
    height: 26px;
    line-height: 24px;
    border-radius: 1px;
    font-size: 12px;
    font-weight: 700;
    min-width: 73px
}

.bet_now_livestream a,
.watch_now_livestream a {
    display: block
}

.bet_now_livestream a {
    color: #fff
}

.bet_now_livestream {
    color: #fff;
    background: #488633;
    text-shadow: 0 1px 2px #248a00
}

.bet_now_livestream:focus,
.bet_now_livestream:hover {
    text-decoration: none;
    background-color: #549c3b
}

.watch_now_livestream:focus,
.watch_now_livestream:hover,
.watch_now_livestream a {
    color: #000
}

.tooltip-inner span {
    color: #fff!important;
    font-size: 11px
}

.tooltip-inner strong {
    white-space: nowrap
}

.blue-bg {
    background: #e8eff7
}

.lost-color {
    background: #f2b5b2
}

.won-color {
    background: #aadca7
}

@media (min-width:768px) {
    #ds-cont {
        padding-top: 66px
    }
}

@media (min-width:1024px) {
    #ds-cont {
        padding-top: 152px;
        padding-bottom: 0;
        height: auto;
        position: relative
    }
    .site_content {
        margin: 0 auto;
        padding: 8px 8px 30px
    }
    .hide-mobile-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }
    .hide-mobile-table {
        display: table!important
    }
    .hide-mobile-table-cell {
        display: table-cell!important
    }
    .hide-mobile-inline {
        display: inline-block!important
    }
    .hide-mobile {
        display: block!important
    }
    .hide-desktop,
    .hide-desktop-table,
    .hide-desktop-table-cell {
        display: none!important
    }
    .hide-mobile-inline-block {
        display: inline-block!important
    }
}

.homepage-headline {
    margin: 0;
    margin-top: 20px;
    padding: 0;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    text-transform: uppercase
}

.homepage-headline.pagination-headline .triangle-left,
.homepage-headline.pagination-headline .triangle-right {
    width: 35px;
    margin-top: -1px
}

.headline_right_side {
    float: right;
    padding-right: 15px;
    color: #910506
}

#project-tabs .homepage-headline {
    height: 29px;
    line-height: 29px;
    font-size: 14px;
    text-transform: capitalize
}

#project-tabs .homepage-headline .triangle-left:after {
    border-width: 0 0 29px 12px
}

#project-tabs .homepage-headline [class*=icon-]:before {
    margin: 0 9px auto 8px
}

.homepage-headline .triangle-left {
    margin-left: 15px
}

.homepage-headline .triangle-right {
    margin-right: 15px
}

.pages-container {
    margin: 0 auto;
    text-align: center
}

.pages-homepage {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 16px;
    color: #910506;
    cursor: pointer
}

.pages-homepage.active {
    border: 2px solid #510506
}

.disable {
    opacity: .4;
    pointer-events: none
}

.homepage-headline a.pull-left {
    padding-right: 15px
}

.homepage-headline a.pull-right {
    padding-left: 15px
}

.inner-headline {
    min-width: 25%;
    padding-right: 30px
}

.homepage-headline [class*=icon-]:before {
    margin: -4px 9px auto 8px;
    font-size: 18px
}

.homepage-headline .triangle-right:after {
    left: 100%;
    border-width: 34px 12px 0 0
}

.homepage-headline .triangle-left:after {
    border-width: 0 0 34px 12px
}

.homepage-headline a.animated:hover [class*=icon-]:before {
    animation: l .7s infinite;
    -webkit-animation: l .7s infinite
}

@keyframes l {
    0% {
        margin-left: 6px;
        margin-right: 11px
    }
    50% {
        margin-left: 11px;
        margin-right: 6px
    }
    to {
        margin-left: 6px;
        margin-right: 11px
    }
}

.triangle-step {
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6.9px;
    border-color: transparent transparent transparent #666
}

.arrow-top-wrapper {
    display: block;
    width: 100%;
    height: 50px;
    color: #fff;
    text-align: center
}

.arrow-top-line:before {
    content: "";
    position: absolute;
    top: -12%;
    left: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 14px 14px;
    border-color: transparent transparent #fff
}

.arrow-top-line {
    position: relative;
    display: block;
    width: 12px;
    height: 100%;
    background: #fff;
    margin: 20% auto 0;
    opacity: .6
}

.arrow-top-icon {
    position: absolute;
    z-index: 36;
    width: 100%;
    font-size: 58px;
    left: 0;
    bottom: -10px;
    display: block;
    border-radius: 50%;
    text-shadow: 0 0 10px #000;
    font-size: 42px;
    width: 40px;
    height: 40px;
    line-height: 36px
}

.arrow-top-text {
    display: none
}

.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 65px;
    right: 10px;
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s 0s, visibility 0s .3s;
    z-index: 44;
    -webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, .6));
    filter: drop-shadow(0 0 4px rgba(0, 0, 0, .6))
}

.cd-top.cd-fade-out,
.cd-top.cd-is-visible,
.cd-top:hover {
    transition: opacity .3s 0s, visibility 0s 0s
}

.cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1
}

.cd-top.cd-fade-out {
    opacity: .5
}

.cd-top:focus,
.cd-top:hover {
    opacity: 1;
    text-decoration: none
}

.better-dropdown {
    position: relative;
    padding-right: 20px
}

.better-dropdown+.better-dropdown {
    margin-left: 10px
}

.goto-arrows {
    display: -moz-inline-;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px
}

.none {
    display: none!important
}

.flex {
    -ms-box-orient: horizontal;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex_end {
    justify-content: flex-end
}

.flex--column {
    -ms-flex-direction: column;
    flex-direction: column
}

.flex_center {
    -ms-flex-pack: center;
    justify-content: center
}

.flex_v_center {
    align-items: center
}

.flex_space-between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex_space-around {
    justify-content: space-around
}

.flex.nav {
    padding: 10px;
    -ms-flex-pack: distribute;
    justify-content: space-between
}

.flex.nav .firstline_tabs,
.flex.nav .secondline_tabs {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.flex.nav .firstline_tabs {
    margin-right: 10px
}

.flex.nav .secondline_tabs {
    -ms-flex-negative: 1.5;
    flex-shrink: 1.5
}

@media (min-width:768px) {
    .cd-top {
        right: 20px;
        bottom: 100px
    }
}

@media (min-width:992px) {
    .cd-top {
        right: 20px;
        bottom: 20px
    }
}

@media (min-width:1024px) {
    .arrow-top-text {
        text-transform: uppercase;
        color: #fff;
        display: block;
        font-size: 11px;
        margin-top: -10px
    }
    .arrow-top-icon {
        font-size: 48px;
        left: 5px;
        line-height: 40px;
        width: 50px;
        height: 48px
    }
    .cd-top {
        height: 60px;
        width: 60px;
        right: 20px;
        bottom: 40px
    }
}

.animated {
    animation-duration: .8s;
    animation-fill-mode: both
}

.animated-slow {
    animation-duration: 2s;
    animation-fill-mode: both
}

@keyframes m {
    20% {
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 10px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    animation-name: m
}

@keyframes n {
    0% {
        background: #ffff9b
    }
    to {
        background: inherit
    }
}

@keyframes o {
    0% {
        box-shadow: 0 0 0 0 rgba(91, 181, 31, .6)
    }
    50% {
        box-shadow: 0 0 0 2px rgba(91, 181, 31, .6)
    }
}

@keyframes p {
    0% {
        bottom: -34px
    }
    to {
        bottom: 0
    }
}

@keyframes q {
    0% {
        box-shadow: 0 0 0 0 rgba(204, 169, 44, .4)
    }
    70% {
        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0)
    }
    to {
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0)
    }
}

@keyframes r {
    0% {
        top: 25px
    }
    70% {
        top: 30px
    }
    to {
        top: 25px
    }
}

.highlight {
    animation-name: n
}

.highlight-indicator {
    animation: o 2s linear;
    z-index: 1
}

.addToCouponListing {
    cursor: pointer
}

.oddspedia-radio[type=radio]:checked,
.oddspedia-radio[type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

.oddspedia-radio[type=radio]:checked+label,
.oddspedia-radio[type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #000
}

.oddspedia-radio[type=radio]:checked+label:before,
.oddspedia-radio[type=radio]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #910506;
    border-radius: 100%;
    background: #fff
}

.oddspedia-radio[type=radio]:checked+label:after,
.oddspedia-radio[type=radio]:not(:checked)+label:after {
    content: "";
    width: 12px;
    height: 12px;
    background: #910506;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    transition: all .2s ease
}

.oddspedia-radio[type=radio]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0)
}

.oddspedia-radio[type=radio]:checked+label:after {
    opacity: 1;
    transform: scale(1)
}