h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%
}

html,
body,
div,
span,
applet,
object,
iframe {
    font: inherit;
    vertical-align: baseline
}

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

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

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

* {
    outline: none;
    padding: 0;
    margin: 0
}

body {
    margin: 0 auto;
    background-image: url(/images/backgrounds/bg3.jpg);
    background-attachment: fixed;
    background-position: center top;
    background-size: cover;
    background-repeat: repeat;
    color: #121212;
    line-height: 24px;
    font-family: "Noto Sans", Helvetica, Tahoma, Arial;
    font-weight: 400;
    font-size: 14px
}

::selection {
    color: #2B2B2B;
    background: #ffbd00
}

::-moz-selection {
    color: #2B2B2B;
    background: #ffbd00
}

img {
    border: none;
    max-width: 100%
}

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

a:hover {
    color: #dfac00
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #484747;
    padding: 0;
    margin: 0 0 10px;
    font-family: "Noto Sans", Helvetica, Tahoma, Arial;
    font-weight: 700;
    line-height: 28px
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 26px
}

h3 {
    font-size: 20px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

p {
    margin-bottom: 30px
}

p:last-child {
    margin-bottom: 0
}

strong {
    font-weight: 700
}

em {
    font-style: italic
}

ol {
    padding: 0;
    margin: 0
}

ol li {
    list-style: decimal;
    padding: 0 0 10px;
    margin: 0 0 0 20px;
    line-height: 24px
}

ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

cite {
    float: right;
    padding: 0 0 5px
}

hr {
    background: #e6e6e6;
    border: 0;
    clear: both;
    width: 100%;
    height: 1px;
    padding: 0;
    margin: 20px 0;
    position: relative
}

iframe {
    max-width: 100%
}

mark {
    padding: 3px 5px
}

textarea {
    white-space: pre
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
    display: inline;
    float: left;
    position: relative;
    margin-left: 1%;
    margin-right: 1%
}

.alpha {
    margin-left: 0 !important
}

.omega {
    margin-right: 0 !important
}

.grid_1 {
    width: 6.333%
}

.grid_2 {
    width: 14.667%
}

.grid_3 {
    width: 23%
}

.grid_4 {
    width: 31.333%
}

.grid_5 {
    width: 39.667%
}

.grid_6 {
    width: 48%
}

.grid_7 {
    width: 56.333%
}

.grid_8 {
    width: 64.667%
}

.grid_9 {
    width: 73%
}

.grid_10 {
    width: 81.333%
}

.grid_11 {
    width: 89.667%
}

.grid_12 {
    width: 98%
}

.grid_12:after {
    content: "";
    clear: both
}

.grid_full {
    width: 100%
}

.grid_1_5 {
    width: 18%
}

.grid_2_5 {
    width: 38%
}

.grid_3_5 {
    width: 58%
}

.grid_4_5 {
    width: 78%
}

.grid_1.alpha,
.grid_1.omega {
    width: 7.333%
}

.grid_2.alpha,
.grid_2.omega {
    width: 15.667%;
    margin-top: 20px;
}

.grid_3.alpha,
.grid_3.omega {
    width: 22%;
    margin-top: 6px;
}

.grid_4.alpha,
.grid_4.omega {
    width: 32.333%
}

.grid_5.alpha,
.grid_5.omega {
    width: 40.667%
}

.grid_6.alpha,
.grid_6.omega {
    width: 49%
}

.grid_7.alpha,
.grid_7.omega {
    width: 57.333%
}

.grid_8.alpha,
.grid_8.omega {
    width: 65.667%
}

.grid_9.alpha,
.grid_9.omega {
    width: 76%;
    margin-top: 20px;
}

.grid_10.alpha,
.grid_10.omega {
    width: 82.333%
}

.grid_11.alpha,
.grid_11.omega {
    width: 90.667%
}

.grid_12.alpha,
.grid_12.omega {
    width: 99%
}

.grid_1_5.alpha,
.grid_1_5.omega {
    width: 19%
}

.grid_2_5.alpha,
.grid_2_5.omega {
    width: 39%
}

.grid_3_5.alpha,
.grid_3_5.omega {
    width: 59%
}

.grid_4_5.alpha,
.grid_4_5.omega {
    width: 79%
}

.row {
    width: 1210px;
    margin: 0 auto;
    position: relative
}

#layout {
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s
}

.boxed {
    margin: 0 auto;
    width: 1230px;
    position: relative;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1)
}

.boxed-margin {
    margin: 0 auto;
    width: 1230px;
    position: relative;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px
}

.full {
    width: 100%;
    margin: 0 auto;
    background: #fff
}

.left_sidebar .posts {
    float: right
}

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

.clearfix:before,
.clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

.tac img {
    margin: auto
}

.pt0 {
    padding-top: 0 !important
}

.pt10 {
    padding-top: 10px !important
}

.pt20 {
    padding-top: 20px !important
}

.pt30 {
    padding-top: 30px !important
}

.pt40 {
    padding-top: 40px !important
}

.pt60 {
    padding-top: 60px !important
}

.pt80 {
    padding-top: 80px !important
}

.pt100 {
    padding-top: 100px !important
}

.pb0 {
    padding-bottom: 0 !important
}

.pb10 {
    padding-bottom: 10px !important
}

.pb20 {
    padding-bottom: 20px !important
}

.pb30 {
    padding-bottom: 30px !important
}

.pb40 {
    padding-bottom: 40px !important
}

.pb60 {
    padding-bottom: 60px !important
}

.pb80 {
    padding-bottom: 80px !important
}

.pb100 {
    padding-bottom: 100px !important
}

.pr10 {
    padding-right: 10px !important
}

.pr20 {
    padding-right: 20px !important
}

.pr30 {
    padding-right: 30px !important
}

.pr40 {
    padding-right: 40px !important
}

.pr50 {
    padding-right: 50px !important
}

.pl10 {
    padding-left: 10px !important
}

.pl20 {
    padding-left: 20px !important
}

.pl30 {
    padding-left: 30px !important
}

.pl40 {
    padding-left: 40px !important
}

.pl50 {
    padding-left: 50px !important
}

.ml10 {
    margin-left: 10px !important
}

.ml20 {
    margin-left: 20px !important
}

.ml30 {
    margin-left: 30px !important
}

.ml40 {
    margin-left: 40px !important
}

.ml50 {
    margin-left: 50px !important
}

.mt0 {
    margin-top: 0 !important
}

.mt10 {
    margin-top: 10px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt30 {
    margin-top: 30px !important
}

.mt40 {
    margin-top: 40px !important
}

.mt60 {
    margin-top: 60px !important
}

.mt80 {
    margin-top: 80px !important
}

.mt100 {
    margin-top: 100px !important
}

.mt120 {
    margin-top: 120px !important
}

.mb0 {
    margin-bottom: 0 !important
}

.mb10 {
    margin-bottom: 10px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.mb40 {
    margin-bottom: 40px !important
}

.mb60 {
    margin-bottom: 60px !important
}

.mb80 {
    margin-bottom: 80px !important
}

.p10 {
    padding: 10px
}

.p20 {
    padding: 20px
}

.p30 {
    padding: 30px
}

.p40 {
    padding: 40px
}

.p60 {
    padding: 60px
}

.p80 {
    padding: 80px
}

.m10 {
    margin: 10px
}

.m20 {
    margin: 20px
}

.m30 {
    margin: 30px
}

.m40 {
    margin: 40px
}

.m60 {
    margin: 60px
}

.m80 {
    margin: 80px
}

.div {
    width: 100%;
    height: auto;
    float: left;
    display: block
}

.ma {
    margin: auto
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.row.no-gutters>[class^="col-"],
.row.no-gutters>[class*=" col-"] {
    padding-right: 0;
    padding-left: 0
}

#header {
    position: relative
}

.a_head {
    background: #2c3337
}

.c_head {
    background: #2c3337
}

.logo {
    float: left
}

.center_logo {
    float: none;
    margin: 0 auto;
    display: table;
    width: 100%;
    height: 240px;
    background: url(/images/backgrounds/bg_hero9.png) no-repeat;
    background-size: contain;
    background-position-x: 50%
}

.subpage .center_logo {
    height: 160px;
    background-position-x: 50%
}

.logobox {
    padding-top: 5%
}

.logobox h1 {
    color: #fff;
    font-weight: 700;
    font-size: 4em;
    font-size: 3.4rem;
    text-transform: uppercase
}

.logobox h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: .75rem
}

.ads {
    float: right
}

.right_icons {
    margin: 0;
    position: absolute;
    right: 0;
    z-index: 99999999999
}

.right_icons:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.right_icons a {
    float: right;
    font-size: 16px;
    color: #FFF;
    text-align: center;
    padding: 16px 20px;
    border-left: 1px solid #2B2B2B;
    display: inline-block;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.right_icons a:hover,
.search_icon i:hover,
.search_icon i.activeated_search {
    background: #ffbd00;
    color: #fff
}

#header .search {
    position: relative;
    margin: 0;
    float: right;
    z-index: 99
}

.search_icon {
    position: relative;
    cursor: pointer
}

.search_icon i {
    font-size: 16px;
    color: #FFF;
    text-align: center;
    padding: 20px;
    border-left: 1px solid #2B2B2B;
    display: inline-block;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.s_form {
    position: absolute;
    display: none;
    top: 62px;
    right: 0;
    padding: 8px 10px;
    background: #FFF;
    border-radius: 3px;
    border-top: 2px solid #ffbd00;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.28)
}

.s_form:after {
    content: no-close-quote;
    position: absolute;
    width: 0;
    height: 0;
    top: -8px;
    right: 22px;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-bottom: 6px solid #ffbd00
}

#header .search form {
    position: relative
}

#header .search input {
    margin: 0;
    padding: 0 10px;
    display: block;
    line-height: 30px;
    height: 30px;
    border: 1px solid #eee;
    border-radius: 3px;
    font-size: 11px;
    color: gray;
    width: 200px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

#header .search button {
    position: absolute;
    top: 7px;
    right: 12px;
    background: none;
    border: 0;
    font-size: 11px;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

#header .search button:hover {
    color: #ffbd00
}

.right_bar .lang {
    float: right;
    padding: 0;
    margin: 0;
    border-left: 1px solid #2B2B2B;
    position: relative
}

.right_bar .lang img {
    width: 16px
}

.right_bar .lang a {
    padding: 12px;
    display: block
}

.right_bar .lang span {
    padding: 12px;
    display: block
}

.more_lang {
    display: none;
    position: absolute;
    top: 35px;
    right: 0;
    z-index: 99;
    background: #2c3337;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.more_lang a {
    display: block;
    opacity: .5;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.more_lang a:hover {
    opacity: 1
}

.lang:hover .more_lang {
    -webkit-animation: fadeInDown .5s;
    animation: fadeInDown .5s;
    display: block
}

#date_time {
    color: #CCC;
    margin: 0;
    padding: 5px 20px;
    display: inline-block;
    float: right;
    font-size: 12px;
    z-index: 99;
    position: relative;
    border-left: 1px solid #2B2B2B
}

.typ_block.ad {
    text-align: center
}

.Form span {
    margin: 11px 10px;
    display: inline-block;
    color: red
}

.Form span strong {
    color: red
}

.Form i {
    color: #fff;
    margin: 0 10px 0 0
}

.Form#registerForm input {
    margin-top: 12px
}

#track_input,
.Form input {
    display: block;
    width: 100%;
    border: 1px solid #EAEAEA;
    padding: 0 10px;
    line-height: 24px;
    height: 38px;
    background: #FDFDFD;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s
}

#track_input,
.Form select {
    display: block;
    width: 100%;
    border: 1px solid #EAEAEA;
    padding: 0 10px;
    line-height: 24px;
    height: 38px;
    background: #FDFDFD;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s
}

.Form textarea {
    display: block;
    width: 100%;
    border: 1px solid #EAEAEA;
    padding: 16px 10px;
    background: #FDFDFD;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s
}

#track_input:focus,
.Form input:focus,
.Form textarea:focus {
    background: #fff;
    border: 1px solid #ffbd00
}

#track_order label {
    font-weight: 600;
    margin-bottom: 14px
}

.Form input[type=submit] {
    float: right
}

.Form .flr {
    margin: 0 0 10px !important
}

.Form .fll {
    margin: 0 0 10px !important
}

.fieldtrue {
    border: 1px solid #1ABC5B !important
}

.fielderror {
    border-color: red !important
}

.Form input[type=submit] {
    width: auto;
    margin-top: 20px;
    float: right;
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding: 0 16px;
    background: none;
    color: #fff;
    border: 0;
    background: #E84A4A;
    display: inline-block;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    text-decoration: none !important
}

.Form input[type=submit]:hover {
    background: #2c3337
}

.Form textarea {
    width: 98%
}

.home_class i {
    font-size: 16px
}

.sf-menu,
.sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 999999999
}

.sf-menu {
    float: left;
    padding: 0;
    position: relative;
    margin: 0;
    width: 100%
}

.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 172px
}

.sf-menu ul li {
    width: 100%;
    margin: 0;
    padding: 10px 0;
    background: #2c3337
}

.sf-menu li:hover {
    visibility: inherit
}

.sf-menu li {
    float: left;
    border-right: 1px solid #2B2B2B;
    margin: 0;
    padding: 0
}

.sf-menu li li {
    border-bottom: 1px solid #2B2B2B;
    border-right: 0;
    margin: 0;
    padding: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.sf-menu li li:last-child {
    border-bottom: 0
}

.sf-menu li li:first-child {
    border-top: 0
}

.sf-menu li li a {
    padding: 12px 14px;
    line-height: 20px;
    color: #fff;
    text-transform: none;
    letter-spacing: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.sf-menu a {
    display: block;
    position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 16px 20px;
    margin: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.sf-menu li li a {
    margin: 0;
    border: 0
}

.sf-menu>li:hover>a,
.sf-menu>li>a:hover {
    color: #2c3337
}

.sf-menu li.current>a {
    color: #2c3337
}

.sf-menu li li:hover>a,
.sf-menu li li>a:hover,
.sf-menu li li.current>a {
    border: 0;
    color: #232325
}

.sf-menu li li a {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0
}

.sf-menu li li i {
    margin-right: 8px
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    z-index: 999;
    top: 56px;
    padding: 0;
    -webkit-animation: fadeInDown .5s;
    animation: fadeInDown .5s
}

.sf-menu li:hover ul li ul,
.sf-menu li.sfHover ul li ul,
.sf-menu li:hover ul li ul li ul,
.sf-menu li.sfHover ul li ul li ul {
    left: 172px;
    z-index: 999;
    top: 0 !important
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top: -999em
}

ul.sf-menu li li {
    position: relative !important
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left: 172px;
    top: 0 !important;
    padding: 0
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top: -999em
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left: 172px;
    top: 0
}

.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
    outline: 0
}

.sf-sub-indicator {
    position: absolute;
    display: block;
    overflow: hidden
}

.sf-menu>li>a .sf-sub-indicator {
    display: none
}

a>.sf-sub-indicator {
    position: absolute;
    font-size: 8px
}

li li a .sf-sub-indicator {
    top: 13px;
    right: 5%
}

.mega {
    padding: 0 !important;
    background: #2c3337
}

.col4.mega {
    left: 0
}

.col1,
.col2,
.col3 {
    float: left
}

.col1 {
    width: 25% !important
}

.col2 {
    width: 50% !important
}

.col3 {
    width: 75% !important
}

.col4 {
    width: 100% !important
}

.mega h4,
.mega h5 {
    color: #fff;
    margin-top: 10px
}

.mega li:hover h4 {
    color: #232325
}

.col4.mega .col1 img {
    max-width: 100%;
    max-height: 100%;
    width: 100%
}

.second_menu * {
    z-index: 1.0E+22 !important
}

.second_menu .sf-menu a {
    font-size: 12px;
    font-weight: 400;
    padding: 6px 16px 5px
}

.second_menu .sf-menu li:hover ul,
.second_menu .sf-menu li.sfHover ul {
    top: 32px
}

.second_menu li li a .sf-sub-indicator {
    top: 6px
}

.ticker-wrapper.has-js {
    padding: 2px 0;
    width: 620px;
    height: 29px;
    display: block;
    float: left;
    font-size: 12px
}

.ticker {
    width: 710px;
    height: 23px;
    display: block;
    position: relative;
    overflow: hidden
}

.ticker-title {
    display: none !important;
    padding-top: 2px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase
}

.ticker-content {
    left: 0 !important;
    margin: 0;
    padding-top: 8px;
    position: absolute;
    color: #fff;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    line-height: 1.2em
}

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

.ticker-swipe {
    padding-top: 9px;
    position: absolute;
    top: 0;
    background-color: #2c3337;
    display: block;
    width: 800px;
    height: 23px
}

.ticker-swipe span {
    margin-left: 1px;
    border-bottom: 1px solid #fff;
    height: 12px;
    width: 7px;
    display: block
}

.ticker-controls {
    padding: 8px 0 0;
    list-style-type: none;
    float: left
}

.ticker-controls li {
    padding: 0;
    margin-left: 5px;
    float: left;
    cursor: pointer;
    height: 16px;
    width: 16px;
    display: block
}

.ticker-controls li.jnt-play-pause {
    background-image: url(../images/controls.png);
    background-position: 32px 16px
}

.ticker-controls li.jnt-play-pause.over {
    background-position: 32px 32px
}

.ticker-controls li.jnt-play-pause.down {
    background-position: 32px 0
}

.ticker-controls li.jnt-play-pause.paused {
    background-image: url(../images/controls.png);
    background-position: 48px 16px
}

.ticker-controls li.jnt-play-pause.paused.over {
    background-position: 48px 32px
}

.ticker-controls li.jnt-play-pause.paused.down {
    background-position: 48px 0
}

.ticker-controls li.jnt-prev {
    background-image: url(../images/controls.png);
    background-position: 0 16px
}

.ticker-controls li.jnt-prev.over {
    background-position: 0 32px
}

.ticker-controls li.jnt-prev.down {
    background-position: 0 0
}

.ticker-controls li.jnt-next {
    background-image: url(../images/controls.png);
    background-position: 16px 16px
}

.ticker-controls li.jnt-next.over {
    background-position: 16px 32px
}

.ticker-controls li.jnt-next.down {
    background-position: 16px 0
}

.js-hidden {
    display: none
}

.no-js-news {
    padding: 10px 0 0 45px;
    color: #F8F0DB
}

.left .ticker-controls,
.left .ticker-content,
.left .ticker-title,
.left .ticker {
    float: left
}

.left .ticker-controls {
    padding-left: 6px
}

.right .ticker-controls,
.right .ticker-content,
.right .ticker-title,
.right .ticker {
    float: right
}

.right .ticker-controls {
    padding-right: 6px
}

.freq_out {
    float: left;
    margin: 12px;
    direction: ltr
}

.freq {
    position: relative;
    width: 10px;
    height: 10px;
    top: 1px
}

.inner_f {
    content: no-close-quote;
    background-color: #ffbd00;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    position: absolute;
    top: 3px;
    left: 3px
}

#layerBall {
    box-shadow: 0 0 1px #ffbd00;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    -webkit-animation-name: pulsee;
    -webkit-animation-duration: 2.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    animation-duration: 2.5s
}

#layerBall:after {
    background-color: #ffbd00;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    content: no-close-quote;
    position: absolute;
    z-index: 99
}

#layerBall:before {
    box-shadow: 0 0 4px #ffbd00;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    content: no-close-quote;
    position: absolute;
    z-index: 99;
    -webkit-animation-name: pulseee;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    animation-duration: 3s
}

@-webkit-keyframes pulsee {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }

    10% {
        -webkit-transform: scale(1);
        opacity: .8
    }

    50% {
        -webkit-transform: scale(3);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(0);
        opacity: 0
    }
}

@-webkit-keyframes pulseee {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }

    10% {
        -webkit-transform: scale(0.5);
        opacity: .8
    }

    50% {
        -webkit-transform: scale(1.5);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(0);
        opacity: 0
    }
}

@keyframes pulsee {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }

    10% {
        -webkit-transform: scale(1);
        opacity: .8
    }

    50% {
        -webkit-transform: scale(3);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(0);
        opacity: 0
    }
}

@keyframes pulseee {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }

    10% {
        -webkit-transform: scale(0.5);
        opacity: .8
    }

    50% {
        -webkit-transform: scale(1.5);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(0);
        opacity: 0
    }
}

.sticky {
    position: fixed !important;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
}

.boxed .sticky,
.boxed-margin .sticky {
    left: auto;
    width: 1170px
}

.page-content {
    background: #fff
}

@-webkit-keyframes empty {
    0% {
        opacity: 1
    }
}

@-moz-keyframes empty {
    0% {
        opacity: 1
    }
}

@keyframes empty {
    0% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px)
    }

    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%)
    }

    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%)
    }
}

@-moz-keyframes backSlideOut {
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px)
    }

    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%)
    }

    100% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%)
    }
}

@keyframes backSlideOut {
    25% {
        opacity: .5;
        transform: translateZ(-500px)
    }

    75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%)
    }

    100% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%)
    }
}

@-webkit-keyframes backSlideIn {

    0%,
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%)
    }

    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0)
    }
}

@-moz-keyframes backSlideIn {

    0%,
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(200%)
    }

    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateZ(0) translateX(0)
    }
}

@keyframes backSlideIn {

    0%,
    25% {
        opacity: .5;
        transform: translateZ(-500px) translateX(200%)
    }

    75% {
        opacity: .5;
        transform: translateZ(-500px)
    }

    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0)
    }
}

@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(.8)
    }
}

@-moz-keyframes scaleToFade {
    to {
        opacity: 0;
        -moz-transform: scale(.8)
    }
}

@keyframes scaleToFade {
    to {
        opacity: 0;
        transform: scale(.8)
    }
}

@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%)
    }
}

@-moz-keyframes goDown {
    from {
        -moz-transform: translateY(-100%)
    }
}

@keyframes goDown {
    from {
        transform: translateY(-100%)
    }
}

@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}

@-moz-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -moz-transform: scale(1.5)
    }
}

@keyframes scaleUpFrom {
    from {
        opacity: 0;
        transform: scale(1.5)
    }
}

@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}

@-moz-keyframes scaleUpTo {
    to {
        opacity: 0;
        -moz-transform: scale(1.5)
    }
}

@keyframes scaleUpTo {
    to {
        opacity: 0;
        transform: scale(1.5)
    }
}

.posts iframe {
    width: 100%
}

.posts .title {
    position: relative;
    color: #fff;
    background: #2c3337;
    padding: 6px 16px;
    margin: 0 0 20px
}

.posts .title.light {
    color: #fff;
    background: #ccc
}

.posts .title .feed {
    position: absolute;
    right: 18px;
    top: 10px;
    font-size: 16px;
    color: #FFF
}

.posts .title:after {
    content: no-close-quote;
    position: absolute;
    width: 0;
    height: 0;
    bottom: -6px;
    left: 22px;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-top: 6px solid #2c3337
}

.posts .title.light {
    color: #fff;
    background: #ffbd00
}

.posts .title.light:after {
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-top: 6px solid #ffbd00
}

.posts .title h2,
.posts .title h4 {
    color: #2c3337;
    font-size: 18px;
    font-weight: 800;
    margin: 0;
    line-height: 24px
}

.posts .title.light h4 {
    font-weight: 700;
    color: #2c3337
}

.post_day .relative .cat {
    right: 0;
    top: 15px;
    position: absolute
}

.post_day .relative .cat:after {
    content: no-close-quote;
    position: absolute;
    width: 0;
    height: 0;
    bottom: 10px;
    right: -5px;
    border-bottom: 5px solid rgba(0, 0, 0, 0);
    border-top: 5px solid rgba(0, 0, 0, 0);
    border-left: 5px solid #2c3337
}

.post_day_content {
    padding: 10px 20px
}

.post_m_content {
    padding: 10px 0
}

.post_m_content p {
    margin: 0;
    font-size: 16px;
    line-height: 26px
}

.bet_posts li,
.bet_posts .typer {
    position: relative;
    display: block;
    padding: 5px 0;
    text-transform: uppercase
}

.bet_posts.sidemenu .typer {
    font-weight: 700
}

.bet_posts.sidemenu a:hover::after {
    float: right;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 3em;
    color: #ccc;
    font-weight: 400
}

.bet_posts.sidemenu li {
    padding: 0px 0
}

.bet_posts.ranking .typer {
    padding: 0;
    text-transform: uppercase;
    font-size: 12px
}

.bet_posts .typer:hover>.tlink {
    color: #ffbd00;
    background: #2c3337
}

.bet_posts .typer span {
    padding: 0 8px
}

.bet_posts h4 {
    color: #ffbd00
}

.bet_posts.promo li,
.bet_posts li {
    border-bottom: 1px solid #ECECEC
}

.bet_posts li.clearfix:last-child {
    margin: 0;
    border-bottom: 0
}

.bet_posts h3 {
    line-height: 18px;
    margin: 0 0 5px;
    font-size: 14px
}

.bet_posts .meta {
    font-size: 12px
}

.bet_posts .cat {
    padding: 2px 8px;
    display: inline-block
}

.bet_posts .tbutton {
    float: left;
    padding-top: 20px
}

.bet_posts img.logo {
    float: left
}

.bet_posts.ranking .typer span {
    position: relative;
    background: #dedede;
    z-index: 99;
    color: #2c3337 !important;
    text-align: center;
    font-size: 12px;
    display: inline-block
}

.bet_posts.ranking .typer strong {
    padding: 0 5px;
    width: 50%;
    display: inline-block
}

ul.bet_posts.ranking:first-child>li:first-child>a>span {
    background: #ffbd00;
    color: #2c3337 !important
}

.post_rating {
    padding: 2px 8px;
    background: #fff !important;
    font-size: 16px !important;
    font-weight: 700;
    display: inline-block;
    position: absolute !important;
    bottom: 0;
    opacity: .3;
    right: 0
}

.post_rating i {
    padding: 0 4px 0 0
}

.typer .post_rating {
    position: absolute
}

.single_post h3.single_title {
    font-size: 20px
}

.share_post {
    background: #efefef
}

.share_post span {
    color: #fff;
    background: #e84a4a;
    float: left;
    padding: 4px 10px
}

.ads_block img {
    margin: 0 auto;
    text-align: center
}

.wp-polls-ul {
    margin: 0 0 20px
}

.wp-polls input.Buttons {
    border: 0;
    padding: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #FFF;
    background: #ffbd00;
    margin: 10px 10px 10px 0;
    display: inline-block;
    cursor: pointer
}

.wp-polls input.Buttons:hover {
    background: #2c3337;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.cat {
    padding: 4px 10px;
    font-size: 12px;
    display: inline-block;
    color: #FFF !important;
    background: #2c3337;
    z-index: 99
}

.title.colordefault,
.cat.colordefault,
li.colordefault:hover>a,
li.colordefault li:hover>a,
li.current.colordefault {
    background: #ffbd00
}

.title.color1,
.cat.color1,
li.color1:hover>a,
li.color1 li:hover>a,
li.current.color1 {
    background: #30DD98
}

.title.color2,
.cat.color2,
li.color2:hover>a,
li.color2 li:hover>a,
li.current.color2 {
    background: #ffbd00
}

.colordefault.title:after {
    border-top-color: #ffbd00 !important
}

.color1.title:after {
    border-top-color: #30DD98 !important
}

.color2.title:after {
    border-top-color: #ffbd00 !important
}

.colordefault.cat:after {
    border-left-color: #ffbd00 !important
}

.color1.cat:after {
    border-left-color: #30DD98 !important
}

.color2.cat:after {
    border-left-color: #ffbd00 !important
}

.widget {
    margin: 0 0 40px
}

.widget .title {
    position: relative;
    color: #fff;
    background: #2c3337;
    padding: 6px 16px;
    margin: 0 0 20px
}

.widget .title:after {
    content: no-close-quote;
    position: absolute;
    width: 0;
    height: 0;
    bottom: -6px;
    left: 22px;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-top: 6px solid #2c3337
}

.widget .title h4 {
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    margin: 0
}

.title img {
    display: inline-block;
    position: absolute;
    top: -35px
}

.typ_block .title {
    margin-top: 20px
}

.widget iframe {
    width: 100%
}

.widget .list li a {
    display: block;
    border-bottom: 1px solid #E6E6E6;
    line-height: 32px;
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.widget .list li a span {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    float: right
}

.widget .list li:hover span {
    padding-right: 10px
}

.widget .list li.current a,
.widget .list li:hover a {
    color: #5486da;
    border-bottom: 1px solid #5486da;
    background: rgba(84, 134, 218, 0.07);
    padding-left: 10px
}

.tags i {
    margin-right: 4px
}

.tags span {
    color: #868686;
    padding: 6px 12px;
    font-size: 12px;
    margin: 0 0 4px;
    display: inline-block;
    background: #F1F1F1;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    text-decoration: none !important
}

.tags span:hover {
    background: #ffbd00;
    color: #fff
}

#footer .tags span {
    background: #181717
}

#footer p {
    color: #888;
    font-size: 1em;
    padding-bottom: 10px
}

#footer .tags span:hover {
    background: #ffbd00;
    color: #fff !important;
    cursor: default
}

#footer .bet_posts li {
    padding: 10px 0
}

.r_content {
    position: absolute;
    bottom: 0;
    z-index: 99
}

.r_content .cat {
    left: 20px;
    position: relative
}

.r_content .r_title {
    color: #fff;
    width: 100%;
    display: inline-block;
    background: rgba(0, 0, 0, 0.39);
    margin: 4px 0 0
}

.r_content .r_title a {
    display: block;
    padding: 15px 20px;
    color: #fff
}

.accordion-head,
.toggle-head {
    position: relative;
    padding: 10px 0 10px 60px;
    margin: 8px 0 0;
    font-size: 14px;
    cursor: pointer;
    border-bottom: 0;
    color: #fff;
    background: #2c3337;
    transition: all .3s;
    -webkit-transition: all .3s
}

.accordion-head i,
.toggle-head i {
    padding-right: 8px
}

.toggle-head h4 {
    color: #fff;
    line-height: 24px;
    margin: 0
}

.sub-accordion:first-child .accordion-head,
.sub-toggle:first-child .toggle-head {
    margin: 0
}

.active .accordion-content,
.active .toggle-content {
    border: 0;
    -webkit-animation: fadeInDown .4s;
    animation: fadeInDown .4s
}

.active .icon-minus-sign {
    -webkit-animation: fadeInDown .4s;
    animation: fadeInDown .4s
}

.active .icon-plus-sign {
    -webkit-animation: fadeInDown .4s;
    animation: fadeInDown .4s
}

.accordion-content,
.toggle-content {
    padding: 16px;
    overflow: hidden
}

.accordion-head-sign,
.toggle-head-sign {
    margin: 0;
    background: #ffbd00;
    color: #FFF;
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px 16px
}

.accordion-head-sign i,
.toggle-head-sign i {
    padding: 0;
    margin: 0
}

.blockquote {
    font-family: 'Philosopher', serif;
    font-size: 16px;
    font-style: italic;
    text-shadow: 1px 1px 3px transparent;
    color: #888;
    line-height: 24px;
    margin: 40px 20px;
    padding: 20px;
    overflow: hidden;
    border-left: 5px solid #E6E6E6
}

.blockquote.left {
    width: 33%;
    float: left
}

div.blockquote.right {
    width: 33%;
    float: right
}

.tabs {
    display: block;
    padding: 0;
    list-style: none;
    background-color: #ffbd00;
    margin-top: 20px
}

.tabs li {
    display: block;
    width: auto;
    padding: 0;
    float: left;
    margin: 0
}

.tabs li a {
    display: block;
    padding: 10px 20px;
    margin: 0;
    font-size: 16px;
    cursor: pointer;
    color: #313131;
    font-weight: 700
}

.tabs li a i.fa {
    color: #cc9b13;
    vertical-align: middle
}

.grid_3 .tabs li a {
    padding: 8px
}

.tabs li a.active {
    background: #313131;
    color: #FFF
}

.tabs-content {
    padding: 20px 0;
    display: block;
    list-style: none
}

.tabs-content img {
    border-radius: 10px
}

.tabs-content>li {
    display: none
}

.tabs-content>li.active {
    display: block;
    overflow: hidden;
    -webkit-animation: fadeInDown .4s;
    animation: fadeInDown .4s
}

.tabs:before,
.tabs:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.tabs:after {
    clear: both
}

@keyframes prot {

    20%,
    40%,
    60%,
    80%,
    100% {
        transform-origin: top center
    }

    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

@-webkit-keyframes prot {

    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transform-origin: top center
    }

    20% {
        -webkit-transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg)
    }

    100% {
        -webkit-transform: rotate(0deg)
    }
}

.tabs li a:hover i {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-animation: prot 1s;
    animation: prot 1s;
    z-index: 11
}

.v_tab li {
    float: none;
    display: flex;
    margin: 0 0 10px
}

.v_content {
    display: block;
    padding: 10px 20px;
    margin: 0;
    border: 2px solid #DBDBDB;
    border-radius: 6px
}

.typstable {
    background: transparent !important;
    font-size: 13px;
    text-align: center;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.typstable th {
    font-size: 14px;
    font-weight: 400;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    text-align: center;
    padding: 2px 8px !important;
    color: #232325;
    background-color: #cecece;
    text-shadow: none
}

.typstable td {
    padding: 0px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    height: 32px;
    /* text-transform:uppercase */
}

.typstable td span.bold {
    font-weight: bold;
}

.typstable tr {
    border-bottom: 1px solid #fff;
    background-color: #f4f4f4;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s
}

.typstable .bgOdd {
    background: #efeef7;
}

.typstable tr:hover,
tr.topic-sticky {
    color: #2B2B2B;
    background-color: #fff7ef;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    border-color: #ffbd00
}

.typstable tr:hover a {
    color: #000
}

.typstable tfoot td {
    padding: 14px !important;
    text-align: left;
    background: #313131;
    color: #fff;
    font-size: 11px;
    text-shadow: none
}

.typstable tfoot tr:hover {
    background: #ddd
}

.notification-box {
    position: relative;
    margin-bottom: 10px;
    border-radius: 3px;
    padding: 20px 32px 20px 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    -webkit-animation: fadeInUp 1.3s;
    animation: fadeInUp 1.3s
}

a.notification-close {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 12px
}

.notification-box p {
    margin: 0
}

.notification-box p i {
    padding-right: 10px;
    border-right: 1px solid;
    margin-right: 10px
}

.notification-box-info {
    color: #65cad3;
    border: 1px solid #65cad3
}

.notification-box-success {
    color: #1abc9c;
    border: 1px solid #1abc9c
}

.notification-box-warning {
    color: #eed880;
    border: 1px solid #eed880
}

.notification-box-error {
    color: #e06f6f;
    border: 1px solid #e06f6f
}

.notification-box-info a {
    color: #65cad3
}

.notification-box-success a {
    color: #1abc9c
}

.notification-box-warning a {
    color: #eed880
}

.notification-box-error a {
    color: #e06f6f
}

.bet_posts.promo span,
.tlink {
    display: inline-block;
    cursor: pointer;
    position: relative;
    word-spacing: .2em;
    background: #2B2B2B;
    color: #fff;
    white-space: nowrap;
    padding: 0 4px;
    width: 80px;
    text-align: center;
    font-weight: 700;
    margin-left: 10px
}

.tbutton {
    border: 1px solid #dedede;
    background-color: #f4f4f4;
    color: #000;
    font-size: 14px;
    cursor: pointer;
    border-color: #e7e7e7;
    color: #000;
    display: inline-block
}

.tbutton:hover {
    background: #ffbd00;
    color: #2c3337;
    border-color: #ffbd00
}

ul.bet_posts.promo li:hover span {
    color: #ffbd00 !important
}

.tlink:hover {
    color: #fff;
    background: #2c3337
}

.tbutton.color2 {
    background: #9AD147
}

.tbutton.color2:hover {
    background: #2c3337
}

.tbutton.color9:hover {
    background: #2c3337
}

.tbutton span {
    display: block;
    overflow: hidden;
    padding: 0 10px;
    line-height: 2.6em
}

.tbutton span i.fa {
    padding-right: 5px
}

.tbutton.expand span i.fa {
    padding-right: 0
}

.tbutton.small {
    font-size: 12px
}

.tbutton.medium {
    font-size: 14px
}

.tbutton.large {
    font-size: 16px
}

.tbutton.small span {
    padding: 0 14px;
    line-height: 2.3em
}

.tbutton.medium span {
    padding: 0 16px;
    line-height: 2.6em
}

.tbutton.large span {
    padding: 0 18px;
    line-height: 2.8em
}

.errorpage h2 small {
    display: block;
    font-weight: 200;
    padding: 10px 0
}

#toTop {
    position: relative;
    float: right;
    margin: 0 10px;
    cursor: pointer;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#toTop i {
    display: block;
    font-size: 24px;
    color: #fff
}

#footer {
    background: #2c3337
}

#footer a {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    color: #fff
}

#footer a:hover {
    color: #ffbd00
}

#footer .widget {
    margin: 50px 0 20px
}

#footer .widget .title {
    background: #252729
}

#footer .widget .title:after {
    border-top: 6px solid #252729
}

#footer .bet_posts li.clearfix {
    border-bottom: 1px solid #2B2B2B
}

#footer .bet_posts li.clearfix:last-child {
    border-bottom: 0
}

#footer .social a {
    float: left;
    border-left: 0
}

.footer_last {
    border-top: 1px solid #2B2B2B;
    padding: 20px 0
}

.footer_last:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.copyright {
    font-size: 12px;
    float: left;
    color: #666
}

.tipsy {
    padding: 5px;
    font-size: 10px;
    position: absolute;
    z-index: 100000
}

.tipsy-inner {
    padding: 1px 10px 0;
    background-color: #303030;
    color: #fff;
    max-width: 300px;
    text-align: center;
    border-radius: 4px
}

.tipsy-arrow {
    position: absolute;
    width: 9px;
    height: 5px
}

.tipsy-n .tipsy-arrow {
    top: 0;
    left: 50%;
    margin-left: -4px
}

.tipsy .tipsy-arrow:before {
    content: no-close-quote;
    position: absolute;
    width: 0;
    height: 0
}

.tipsy-n .tipsy-arrow:before {
    bottom: -1px;
    left: -2px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #303030
}

.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px
}

.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -4px
}

.tipsy-s .tipsy-arrow:before {
    bottom: -1px;
    left: -2px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #303030
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px
}

.tipsy-e .tipsy-arrow {
    top: 50%;
    margin-top: -4px;
    right: 0;
    width: 5px;
    height: 9px
}

.tipsy-e .tipsy-arrow:before {
    bottom: -6px;
    right: 0;
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-top: 6px solid #303030
}

.tipsy-w .tipsy-arrow {
    top: 50%;
    margin-top: -4px;
    left: 0;
    width: 5px;
    height: 9px
}

.tipsy-w .tipsy-arrow:before {
    bottom: 6px;
    left: -1px;
    border-bottom: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid #303030
}

.tipsy-n div {
    -webkit-animation: fadeInUp .3s;
    animation: fadeInUp .3s
}

.tipsy-s div {
    -webkit-animation: fadeInDown .3s;
    animation: fadeInDown .3s
}

.tipsy-w div {
    -webkit-animation: expandOpen .3s;
    animation: expandOpen .3s
}

.tipsy-e div {
    -webkit-animation: expandOpen .3s;
    animation: expandOpen .3s
}

.mi {
    margin-right: 4px !important
}

.mid {
    margin-right: 8px !important
}

.mii {
    margin-left: 4px !important
}

.miid {
    margin-left: 8px !important
}

.mt {
    margin-top: 20px !important
}

.mtt {
    margin-top: 30px !important
}

.mtf {
    margin-top: 40px !important
}

.mtff {
    margin-top: 50px !important
}

.mts {
    margin-top: 70px !important
}

.mb {
    margin-bottom: 20px !important
}

.mbt {
    margin-bottom: 30px !important
}

.mbf {
    margin-bottom: 40px !important
}

.mbff {
    margin-bottom: 50px !important
}

.mbs {
    margin-bottom: 70px !important
}

.pt {
    padding-top: 120px
}

.fll {
    float: left;
    margin: 0 20px 10px 0 !important
}

.flr {
    float: right;
    margin: 0 0 10px 20px !important
}

.tac {
    text-align: center !important
}

.tar {
    text-align: right !important
}

.tal {
    text-align: left !important
}

.tacIMG,
.tacIMG img {
    margin: 0 auto !important;
    text-align: center
}

.two-radius {
    border-radius: 2px !important;
    -webkit-border-radius: 2px !important
}

.three-radius {
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important
}

.four-radius {
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important
}

.five-radiu {
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important
}

.six-radius {
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important
}

.ten-radius {
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important
}

.circle-radius {
    border-radius: 100% !important;
    -webkit-border-radius: 100% !important
}

.relative {
    position: relative !important
}

.righter {
    float: right !important
}

.lefter {
    float: left !important
}

.hidden {
    display: none
}

.tt {
    display: block;
    padding: 10px 0;
    border-bottom: 3px solid #DDD;
    text-align: center
}

.without_border a {
    border: 0 !important
}

.bg_light {
    background: #fff
}

#mobilepro {
    font-weight: 700;
    display: none;
    cursor: pointer;
    float: left;
    margin: 0;
    font-size: 16px;
    color: #FFF;
    text-align: center;
    padding: 16px 20px;
    border-right: 1px solid #2B2B2B;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

#mobilepro:hover,
#mobilepro.on {
    background: #ffbd00
}

.subarrow {
    top: auto !important;
    padding: 16px 20px !important;
    display: none
}

li li .subarrow {
    padding: 10px 15px !important
}

.second_menu #mobilepro {
    padding: 6px 12px 5px !important
}

.second_menu .subarrow {
    padding: 5px 20px !important
}

.posts .title.dark h4 {
    color: #ffbd00
}

table.typstable td img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.sf-menu .color2.prom {
    background-color: #ffbd00;
    color: #2c3337
}

.sf-menu .color2.prom a:hover {
    background-color: #ffdc64
}

.sf-menu .color2.prom a {
    color: #2c3337
}

.bet_posts.sidemenu img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.sidemenu i.fa {
    padding: 0 6px
}

.hover-shadow:before {
    top: 60% !important;
    -webkit-animation-delay: 0 !important;
    animation-delay: 0 !important
}

.imgmax {
    max-width: 100%;
    max-height: 100%;
    width: 100%
}

.sidr {
    display: block;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    width: 320px;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 15px;
    background: #2c3337;
    color: #fff
}

.sidr .sidr-inner {
    padding: 0 0 15px
}

.sidr .sidr-inner>p {
    margin-left: 15px;
    margin-right: 15px
}

.sidr.right {
    left: auto;
    right: -320px
}

.sidr.left {
    left: -320px;
    right: auto
}

.sidr h3 {
    color: #fff
}

#fb_side {
    position: fixed;
    left: 0;
    top: 200px;
    z-index: 999;
    background-color: #4567ad;
    padding: 10px 0
}

#sidr h3 {
    text-align: center
}

#fb_side .fa {
    padding: 14px
}

#fb_side i {
    color: #fff
}

#fb_arr {
    position: fixed;
    left: 15px;
    top: 285px;
    z-index: 999
}

@media (max-width:767px) {
    #fb_arr {
        display: none
    }

    #fb_side {
        top: 100px
    }

    #fb_side .fa {
        padding: 8px;
        font-size: 1em
    }
}

.rankingList {
    max-height: 350px;
    overflow-y: auto;
}

.rankingList10 {
    max-height: 500px;
    overflow-y: auto;
}

.typstable td._twin {
    background-color: #00973a;
    color: #fff;
    font-weight: 700;
    min-width: 72px;
}

.typstable td._tloss {
    background-color: #111;
    color: #fff;
    font-weight: 700;
    min-width: 72px;
}

.typstable td._tloss a {
    color: #fff;
}

.typstable td._tloss a:hover {
    color: #fff;
}

.typstable td._twin span {
    background-color: #fff;
    color: #00973a;
    font-weight: 700;
    padding: 1px 2px
}

.typstable td._tloss span {
    background-color: #fff;
    color: #111;
    font-weight: 700;
    padding: 1px 2px
}

.typstable td._twin a {
    color: #fff;
}

.typstable td._twin a:hover {
    color: #fff;
}

.tableBox {
    clear: both;
    margin-top: 20px;
}

.hiddeRow {
    opacity: 0.6;
    background: #bababa;
}


#datepickerStats {
    padding: 5px 8px;
    font-weight: bold;
    width: 70px;
}

.PromBukCenter {
    display: none
}

#leftMenu {
    cursor: pointer;
}

.bannerBoxDiv,
.bannerTableDiv,
.bannerPageDiv {
    display: none;
}

.tablesorter-default .header,
.tablesorter-default .tablesorter-header {
    background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
    background-position: center right;
    background-repeat: no-repeat;
    cursor: pointer;
    white-space: normal;
    padding: 4px 20px 4px 4px;
}

.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .tablesorter-headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
    border-bottom: #000 2px solid;
}

.tablesorter-default thead .headerSortUp,
.tablesorter-default thead .tablesorter-headerSortUp,
.tablesorter-default thead .tablesorter-headerAsc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
    border-bottom: #000 2px solid;
}

.promo li {
    padding-bottom: 10px;
}

.newsList {
    display: block;
    clear: both;
    padding-top: 5px;
}

.newsList .newsLi {
    clear: both;
    padding: 0px 0px 5px 0px;
}

.newsList .newsImgList {
    float: left;
    max-width: 120px;
    width: 16%;
    margin: 0px 8px 5px 0px;
    font-size: 10px;
    font-style: italic;
    line-height: 10px;
}

.newsList .newsImg {
    float: left;
    max-width: 265px;
    width: 35%;
    margin: 0px 8px 5px 0px;
    font-size: 10px;
    font-style: italic;
    line-height: 10px;
}

.newsList h3 {
    font-weight: bold;
    font-size: 18px;
}

.newsList .newsLine {
    display: block;
    border-top: 1px solid #e9e9e9;
    clear: both;
    font-size: 1px;
    line-height: 1px;
    margin: 5px 0px;
    padding: 5px 0px;
}


.localUrl,
.extUrl {
    cursor: pointer;
    /* padding-left: 8px; */
}

.banner img {
    display: inline-block;
    vertical-align: middle;
}

.bg_arrow_down {
    background-image: url(../images/arrow_down.png);
    background-size: 11px;
    background-repeat: no-repeat;
    background-position-y: top;
    background-position-x: -1px;
    padding-left: 7px;
    margin-left: -1px;

}

.bg_arrow_up {
    background-image: url(../images/arrow_up.png);
    background-size: 11px;
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: -1px;
    padding-left: 7px;
    margin-left: -1px;
}