@font-face {
    font-family: 'fontello';
    src: url(../font/fontello.eot?3225416);
    src: url(../font/fontello.eot?3225416#iefix) format("embedded-opentype"), url(../font/fontello.woff?3225416) format("woff"), url(../font/fontello.ttf?3225416) format("truetype"), url(../font/fontello.svg?3225416#fontello) format("svg");
    font-weight: 400;
    font-style: normal
}
html, body {

}
body {
    font-family: "Open Sans", sans-serif, Arial, Helvetica;
    color: #fff;
    background-color: #000;
    font-family: Barrio, cursive;
    font-family: 'Alfa Slab One', cursive;
    font-family: 'Open Sans', sans-serif;
    font-family: Montserrat, sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
    background-image: url(../img/bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%
}
* {
    box-sizing: border-box;
    position: relative;
    margin: 0;
    padding: 0
}
img {
    border: 0;
    height: auto;
    width: auto
}
a {
    color: inherit;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: all .28s ease;
    transition: all .28s ease;
    text-decoration: none
}
a:hover {
    opacity: .9;
    -webkit-transition: all .28s ease;
    transition: all .28s ease;
    text-decoration: none
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
	    margin: 0 0 1em 0;
}
p {
    font-weight: 400;
    text-align: left;
    color: rgba(255,255,255,0.5);
    font-size: 14px
}
ul, ol {
    list-style-position: inside;
    margin: 10px 0
}
ol li {
    text-indent: -.7em;
    padding: 10px 0
}
ul li {
    font-weight: 400;
    text-align: left;
    color: rgba(255,255,255,0.75);
    font-size: 14px
}
h1 {
    font-size: 1.75rem;
    line-height: 110%;

}

h2 {
    font-size: 1.5rem;
    line-height: 110%;

}

h3 {
    font-size: 1rem;
    line-height: 110%;

}

h4 {
    font-size: 1rem;
    line-height: 110%;

}

h5 {
    font-size: 1rem;
    line-height: 110%;

}

h6 {
    font-size: 1rem;
    line-height: 110%;

}
em {
    font-style: italic
}
strong {
    font-weight: 700
}
section {
    width: 100%
}
.floatL {
    float: left
}
.floatR {
    float: right
}
.hide {
    display: none
}
.show {
    display: block
}
*, :before, :after {
    box-sizing: border-box
}
.clearfx:before, .clearfx:after {
    content: " ";
    display: table
}
.clearfx:after {
    clear: both
}
.clearfx {
*zoom:1;
    width: 100%;
    height: 1px;
    clear: both
}
header.default {
    display: flex;
    width: 99%;
    width: calc(100% - 0rem);
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    align-items: flex-start;
    border: 0 solid red
}
footer {
    background-color: rgba(176,190,197,0);
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: center
}
.isflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
article{
font-size: 0.8em;
    text-align: left;
    line-height: 1.55;
    color:rgba(255,255,255,0.9);
	padding: 0 1vh;
}
#site-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
#site-title img{
    max-width:300px;
}
figure.hotline{
display: flex;
    flex-flow: row wrap;
    border: 0px solid red;
    justify-content: flex-start;
	    align-items: baseline;
    max-width: 214px;
    text-align: left;
    padding: 0 0 0 0.5em;
}
figure.hotline span.hotline-tag{

    font-size: 0.5em;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #ffcc00;
    font-weight: 600;
}
.site-contact .line-contact{
    min-width:125px;
}
#site-title h1 {
    padding: 5px;
    display: inline-block
}
.site-contact {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border: 0 solid red;
    align-items: flex-end;
        align-items: center;
    /*width: 100%*/
}
.desktop .site-contact ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    width: 90%
}
.desktop .site-contact ul li {
    margin: 0 1em 0 0
}
.desktop .site-contact ul li:last-child {
    margin: 0
}
.desktop .site-contact ul li a {
    font-size: 12px;
    color: #fc0
}
.site-contact div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}
.site-contact h6 {
    font-size: 1em;
    font-weight: 400;
    padding: 5px 0
}
.site-contact span {
    font-size: 1em;
    font-weight: 400;
    padding: 5px 0
}
.site-contact div .line-contact {
    width: 155px;
    margin: 3px 10px
}
.site-contact div a {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    border: 0 solid red
}
.site-contact h5 {
    color: #fc0;
    font-size: .68rem;
    font-weight: 500;
    text-align: left;
    padding: 0 10px
}
.site-contact h5 span:before {
    content: '';
    display: block
}
.site-contact h5 span {
    color: #fff;
    font-size: 1.0em;
    font-weight: 300;
    letter-spacing: 2px
}
.site-contact span.phone-number {
    color: #fff;
    font-size: 0.7em;
    font-weight: 300;
    letter-spacing: 2px;
}
.mm-line-icon{
 margin:0 auto;
}
.hotline.contact-link a{
    padding:0.5em 1em;
}
.header-contact{
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
}
.entry-title {
    color: rgba(255,255,255,1);
    font-weight: 300;
    display: inline-block;
    width: 100%;
    padding: 1em 0;
    font-size: 1.5em;
    letter-spacing: 1px;
    text-align: left
}
.isflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.wrapper {
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
    position: relative;
    padding: 10px; 20px 20px 20px;
}
.isflex.wrapper {
    flex-direction: row;
    flex-wrap: wrap;
    background-color: rgba(0,0,0,0.99);
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.31);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.31);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.31)
}
main {
    width: 70%
}
article p {
    margin: 0 0 1em 0;
}
.flex-center {
    display: flex;
    flex-direction: row;
    align-items: center
}
.header-yellow {
    background-color: #fc0;
    padding: 10px 5px;
    font-size: 15px;
    text-align: left;
    color: #000;
    font-weight:bold;
}
.isflex.col-2 {
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    width: 100%
}
aside {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: .8em 0;
    width: calc(30% - 20px);
    margin: 0 0 0 20px
}
aside .sidebar-banner {
    width: 100%
}
aside .sidebar-news {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: .8em 0;
    text-align: left;
    padding: 0 0 1em 0
}
aside .sidebar-news article {
    width: 100%
}
aside h3 {
    font-size: 16px;
    font-size: 16px;
    font-size: .85rem;
    font-weight: 700;
    padding: 10px 0;
    color: #fc0
}
aside div.sitable {

    margin: 10px 0;
    font-family: 'Montserrat', sans-serif
}
aside div.sitable table thead th {
    color: #fc0;
    background-color: #000
}
aside div.sitable table tr.odd, aside div.sifixtures table tr.odd, aside div.siresults table tr.odd {
    background-color: #1b1a1c
}
aside div.sitable table tbody td {
    color: #ccc;
    text-align: left;
    font-size: 0.8em;
    padding: 0.35em 0;
}
div.sitable table thead, div.sitable table thead th {
    border-bottom: 2px solid #fc0;
    padding-bottom: 10px
}
.sidebar-news p.sidebar-news-title {
    text-align: left;
    font-size: .85rem;
    font-weight: 700;
    padding: 10px 0;
    color: #fc0;
}
.isflex.main-content {
    align-items: flex-start;
    flex-direction: column
}
.homepage {
    width: 100%
}
.homepage .slide {
    margin: 20px 0;
    overflow:hidden;
}
.homepage .slide img {
    width: 100%
}
.homepage h1 {
    color: #fc0;
    font-size: 21px;
    padding: 10px 0
}
.homepage p {
    font-weight: 400;
    text-align: left;
    color: rgba(255,255,255,0.75)
}
.homepage article {
    background-color: #171717;
    padding: 10px 1.25em
}
.homepage ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    width: 100%;
    padding: 1em 20px
}
.homepage ul li {
    width: 18%;
    background-color: #fc0;
    padding: 10px 1em
}
.homepage ul li a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    color: #000;
    font-weight: 700
}
.sbobet-website-news article {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap
}
.sbobet-website-news article .sbobet-website-news-01 {
    width: auto;
    margin: 0 2em 0 0
}
.heading {
    color: #fff;
    font-size: 16px;
    text-align: left;
    background: #7d7e7d;
    background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
    background: -webkit-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
    background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0);
    padding: 10px;
    text-align: left;
    margin: 10px 0;
    font-weight: 400;
    display: flex;
    width: 100%
}
.game-preview {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 1em 0;
    align-content: center
}
.game-preview-article {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 1em 0;
    align-content: center
}
.game-preview-article article {
    width: calc(100%/2);
    padding: 0 1em
}
.game-preview-article article .entry {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-end
}
.game-preview-article article h3 {
    font-size: 15px;
    text-align: left;
    color: rgba(255,255,255,0.5);
        margin: 1em 0 0 0;
}
.game-preview-article article .img-crop img {
    -webkit-transform: translateX();
    transform: translateX();
    top: -0;
    left: -0;
    width: 100%;
    position: absolute
}
.news-homepage {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 1em 0;
    align-content: center
}
.news-homepage h3 {
    font-size: 15px;
    color: #fc0;
    text-align: left
}
.news-homepage .big-news {
    width: 70%
}
.news-homepage .big-news .img-crop {
    padding-bottom: 80%
}
.news-homepage .big-news .img-crop img {
    -webkit-transform: translateX();
    transform: translateX();
    top: -10%;
    left: -35%;
    width: 150%;
    position: absolute
}
.news-homepage h3 {
/*    font-weight: 500;
    font-size: 15px;
    background-color: red;
    color: #fff;
    text-align: left;
    margin: 5px 0;
    padding: 2px*/
}
.news-homepage h3 {
    font-size: 15px;
    color: #fc0;
    text-align: left;
    margin:0;
}
span.cat-name{
    font-weight: 500;
    font-size: 15px;
    background-color: red;
    color: #fff;
    text-align: left;
    margin: 5px 0;
    padding: 2px;
}
.news-homepage .entry {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: baseline
}
.news-homepage .small-news {
    width: calc(30% - 20px);
    margin: 0 0 0 20px;
    font-size: 14px
}
.news-homepage .readmore {
    display: flex;
    align-items: center;
    color: #fc0
}
.full-width{
    width:100%;
}
.sbobet-website-news-04, .sbobet-website-news-01, .sbobet-website-news-02 {
    width: 100%
}
.index-page article {
    width: calc(100%/4);
    width: 33.33%;
    border: 0 solid rgba(0,0,0,.75);
    overflow: hidden;
    margin: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    cursor: pointer;
    padding: 1em;
    flex-grow: 2
}
.readmore {
    color: #fc0
}
article a:hover .img-crop img {
    transition: .25s ease-in-out;
    transform: scale(1.015);
    border: 0 solid red;
    left: -1%
}
article a. img-crop img {
transition:.35s ease-in-out
}
.register-sbobet {
    padding: 1em 2em;
    background-color: #fc0;
    margin: 1em auto;
    color: #000;
    border-radius: 3px;
    text-align: center;
    width: 25%;
    min-width:180px;
    display: flex;
    justify-content: center;
    font-weight: 700
}
.category-page {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    border: 0 solid lime
}
.category-page h1.entry-title {
    width: 100%;
    padding: 0;
    text-align: left
}
.category-page h2.entry-title{
    font-size: 1em;
    text-align: left;
    color: rgba(255,255,255,0.5);
    margin: 0.5rem 0 0 1rem;
}
.category-page article h1 {
    font-size: 1em
}
.category-page .content {
    flex-direction: row;
    flex-wrap: wrap
}
.category-page article {
    width: 16.6666%;
    width: 20%;
    width: calc(100%/3);
    width: 100%;
    border: 1px solid rgba(0,0,0,.25);
    overflow: hidden;
    margin: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    cursor: pointer;
    padding: 1em;
    text-align: left
}
.entry-title.category-name {
    margin: 1rem 0 0 1rem
}
h2.entry-title.category-name {
    margin: 0.5rem 0 0 1rem;
    text-align: left;
    font-size:1rem;
    padding:0;
}
.pagination {
    clear: both;
    padding: 20px 0;
    position: relative;
    font-size: 11px;
    line-height: 13px;
    display: flex;
    flex-direction: row;
    padding: 2em;
    list-style: none;
    justify-content: center
}
.pagination li {
    margin: 2px 2px 2px 0;
    padding: 6px 9px 5px;
    display: inline-block;
    background-color: rgba(255,255,255,0.25);
    color: #fff
}
.pagination li.active {
    padding: 6px 1em;
    background-color: rgba(255,255,255,0.05)
}
.pagination a:hover {
    color: #fff;
    background: #3279BB
}
.pagination .active {
    color: rgba(255,255,255,0.25)
}
.pagination .current {
    color: #fff
}
.single-page {
    width: 70%;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: 10px;
    align-content: flex-start;
    border: 0 solid red;
    display: flex;
    flex-direction: row
}
.single-page article {
    width: 100%;
    margin: 1px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction:column;
    flex-wrap: wrap;
    align-items: center;
    align-items: flex-start;
    text-align: left
}
.single-page article img {
    width: 100%
}
.single-page article iframe {
    min-width: 300px;
    width: 100%;
    height: 70vh;
    overflow: hidden;
    margin: 0 auto
}
.single-page article .block-iframe {
    margin: 0 auto;
    width: 100%;
    padding: 1em
}
.related-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%
}
.related-post article {
    width: calc(100%/3);
    border: 0 solid rgba(0,0,0,.005);
    overflow: hidden;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    cursor: pointer;
    text-align: left;
    padding: 0 1em 0 0
}
.related-post h1 {
    font-size: 1em;
    padding: 5px;
    display: inline-block;
    width: 100%;
    font-weight: 300;
    z-index: 3;
    color: #000;
    background-color: #fc0;
    font-size: 12.8px;
    font-size: 12.8px;
    font-size: 1.5rem
}
.related-post h2 {
    font-size: 1em;
    color: #fc0
}
article .entry {
    width: 100%;
    border: 0 solid red
}
.img-crop {
    overflow: hidden;
    height: 1px;
    padding-bottom: 60%;
    width: 100%;
    border: 0 solid blue;
    margin: 10px 0;
        min-height: 190px;
}
.img-crop img {
    -webkit-transform: translateX();
    transform: translateX();
    top: -0;
    left: -0;
    width: 105%;
    position: absolute
}
article:hover .play {
    visibility: visible
}
footer {
    width: 100%;
    background-color: #1a1a1a
}
footer .call-now {
    width: 25px;
    margin: 0 10px 0 0
}
footer .icon-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%
}
footer .icon-row img {
    margin: 0 5px
}
footer .icon-row img.footer-icon.spacer {
    /*margin-left: 5em*/
}
footer .title-footer{
    font-size:0.95em;
    font-weight:700;
    color:#fff;
}
ul.social {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-self: center;
    margin: 0 0 0 10px;
    list-style: none
}
ul.social li p {
    font-size: 11px
}
ul.social li {
    text-align: center;
    margin: 0 1px;
    display: flex
}
ul.social li i {
    line-height: 2.2;
    background-color: gray;
    padding: .55rem
}
ul.social li img {
    width: 50px;
    margin: 8px 0 0
}
ul.social li:nth-of-type(1) {
    font-size: 10px;
    width: 100%;
    padding: 5px 0
}
ul.social li:nth-child(2) {
    margin: 0 1px 0 10%;
    border: 0 solid red
}
ul.social li a.icon-line img {
    width: inherit;
    margin: 0;
    width: 35px
}
footer .content-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    width: 100%
}
footer .content-row div {
    padding: 1em
}
footer .content-row div.entry {
    padding: 0
}
footer .content-row .operator {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap
}
footer .content-row .operator h6 {
    font-weight: 100;
    font-size: .85rem;
    color: rgba(255,255,255,0.5);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin: 1em 0 0;
    display: flex;
    align-items: center
}
footer .content-row .operator h6 span {
    color: #fc0;
    color: #fff;
    color: #fff;
    font-size: 1.25em;
    font-weight: 300;
    letter-spacing: 2px
}
span.tel{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin: 0.5em auto;
    font-size:0.7rem;
}
footer .content-row div.footer-link {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}
footer .content-row div.footer-link ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0 1em;
    text-align: left
}
footer .content-row div.footer-link ul li:nth-of-type(1) a {
    color: #fc0
}
footer .content-row div.footer-link ul a {
    font-size: 11px;
    color: rgba(255,255,255,0.5)
}
footer .content-row div.welcome {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 40%
}
footer .content-row div.welcome h6 {
    color: #fc0;
    margin: 0;
    font-size: 18px;
    text-align: left;
    font-weight: 500
}
footer .content-row div.welcome p {
    margin: 1em 0;
    font-size: .85rem;
    text-align: left
}
footer .copyright {
    font-size: .8rem;
    color: rgba(255,255,255,0.35);
    text-align: center
}
footer .content-row div.welcome {
    width: 45%
}
footer .content-row .operator {
    width: 30%
}
footer .content-row div.footer-link {
    width: 35%
}
footer .content-row .operator>img.footer-icon {
    width: 100%
}
footer .content-row .operator .call-now {
    width: auto
}
div.search-box {
    display: inline-block;
    float: right;
    border: 0 solid red;
    position: relative;
    margin: 0 10px 0 0
}
form.search-form {
    border: 0 solid red;
    float: left;
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}
label.search:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}
label.search {
    display: inline-block;
    float: right
}
#search-input {
    padding: 5px;
    border-width: 0;
    background: none;
    color: #fff;
    margin: 0 10px 0 0;
    width: 90%;
    font-size: 18px;
    vertical-align: center;
    outline: none;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    border: 0 solid red;
    background-color: rgba(255,255,255,0.7);
    color: #000;
    border-radius: 3px;
    box-shadow: inset 0 0 15px 0 rgba(0,0,0,0.57)
}
#search-input:focus {
    background-color: rgba(255,255,255,0.997)
}
.search-icon {
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: -5px;
    color: rgba(245,245,245,1);
    font-size: 24px;
    font-size: 24px;
    font-size: 1.5rem
}
input[type=text], input[type=tel], input[type=password], input[type=number], input[type=email] {
    padding: 1em;
    min-width: 100px;
    border: 0;
    background-color: rgba(236,239,241,1);
    font-size: 1em
}
input[type=number] {
    padding: 1.35em
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
background-color:transparent!important
}
nav {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    width: 100%
}
ul.menu>li.current-menu-item {
    background-color: #fc0;
    color: #000
}
ul.menu>li.current-menu-item a {
    color: #000
}
ul.menu {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
        justify-content: space-between;
    border: 0 solid red;
    position: relative;
    width: auto;
    z-index: 9;
    margin: 0;
    margin: 1em 0 0 0;
    width: 100%;
    border-bottom: 5px solid #fc0
}
ul.menu>li {
    display: inline-block;
    float: left;
    position: relative;
    text-align: left;
    border: 0 solid blue;
    margin: 0 0 0 0%
}
ul.menu>li>a {
    color: #fff;
    float: left;
font-size: .85em;
        padding: 5px 1.225rem;
    font-weight: 500;
    letter-spacing: -.25px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer
}
ul.menu>li>a .fa {
    margin-top: -10px;
    color: #5BBDE8
}
ul.menu>li>a:hover {
    color: #fc0
}
ul.menu>li:first-child {
    margin: 0
}
ul.menu>li:first-child a {
    margin: 0;
    font-weight: 500
}
ul.menu>li>ul.sub-menu {
    position: absolute;
    left: -2em;
    margin: 0;
    background: #000;
    border-radius: 2px;
    width: 150px;
    top: 1.5em;
        left: -5em;
    z-index: 7;
    height: 50px;
    opacity: 0;
    visibility: hidden;
    transition: all .35s ease-in-out;
    box-shadow: 0 3rem 5rem -2rem rgba(0,0,0,0.82);
    box-shadow: 0 12px 15px 0 rgba(0,0,0,0.24), 0 17px 50px 0rgba(0,0,0,0.19);
    box-shadow: 0 0 5px rgba(0,0,0,0.15)
}
ul.menu>li>ul.sub-menu>li {
    clear: both;
    list-style: none;
    display: block;
    padding: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    margin: 0;
    width: 100%
}
ul.menu>li>ul.sub-menu>li>a {
    color: #fff;
    font-size: .85em;
    padding: 5px
}
ul.menu>li>ul.sub-menu>li>a i {
    margin: 0 5px 0 0
}
ul.menu>li:hover ul.sub-menu {
    display: block;
    animation: fadeInRight .3s ease;
    -webkit-animation: fadeInRight .3s ease;
    opacity: 1;
    visibility: visible;
    width: 300px;
    height: auto;
    animation: fadeInLi .52s 1 alternate ease-out forwards .1s
}
ul.menu>li>ul.sub-menu>li ul.sub-menu {
    position: absolute;
    left: -2em;
    margin: 0;
    background: #fff;
    border-radius: 2px;
    width: 200px;
    top: 2em;
    left: 100%;
    z-index: 9;
    height: 50px;
    box-shadow: 0 0 5px rgba(0,0,0,0.15);
    opacity: 0;
    visibility: hidden;
    transition: all .35s ease-in-out;
    box-shadow: 0 3rem 5rem -2rem rgba(0,0,0,0.82);
    box-shadow: 0 12px 15px 0 rgba(0,0,0,0.24), 0 17px 50px 0rgba(0,0,0,0.19)
}
ul.menu>li>ul.sub-menu li:hover ul.sub-menu {
    display: block;
    animation: fadeInRight .3s ease;
    -webkit-animation: fadeInRight .3s ease;
    opacity: 1;
    visibility: visible;
    width: 300px;
    height: auto;
    animation: fadeInLi .52s 1 alternate ease-out forwards .1s
}
ul.menu>li>ul.sub-menu>li ul.sub-menu li {
    clear: both;
    list-style: none;
    display: block;
    padding: 10px;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    margin: 0;
    width: 100%
}
ul.menu>li>ul.sub-menu>li ul.sub-menu li a {
    color: #4f4f4f;
    font-size: .85em;
    padding: 5px
}
ul.menu .menu-item-1304:after, ul.menu .menu-item-1333:after, ul.menu .menu-item-1267:after {
    position: absolute;
    right: 5px;
    top: 10px;
    content: '\e806';
    font-family: "fontello";
    font-style: normal;
    font-weight: 400;
    font-size: 10px
}
.menu-item-1355:before {
    -webkit-animation-name: blinkme;
    -moz-animation-name: blinkme;
    -o-animation-name: blinkme;
    -ms-animation-name: blinkme;
    animation-name: blinkme;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    -ms-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    content: url(../img/hot.png);
    position: absolute;
    top: -7px;
    right: 0;
}

@-webkit-keyframes blinkme {
0%   { opacity: 1; }
49% { opacity: 1; }
50% { opacity: 0; }
99% { opacity: 0; }
100% {opacity: 1; }
}

@-moz-keyframes blinkme {
0%   { opacity: 1; }
49% { opacity: 1; }
50% { opacity: 0; }
99% { opacity: 0; }
100% {opacity: 1; }
}

@keyframes blinkme {
0%   { opacity: 1; }
49% { opacity: 1; }
50% { opacity: 0; }
99% { opacity: 0; }
100% {opacity: 1; }
}

.category-page .entry h3.entry-title {
    position: relative;
    display: inline-block;
    width: inherit;
        font-size: 1.05em;
        padding: 1em 0;
}
.category-page .entry h1.entry-title .new:after {
    content: 'NEW';
    display: inline-block;
    position: absolute;
    color: #ff0;
    background-color: red;
    font-size: 9px;
    font-weight: 700;
    right: -40px;
    padding: 5px;
    letter-spacing: 1px
}
.category-page .entry h3.entry-title .new {
    -webkit-animation-name: blinker;
    animation-name: blinker;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-duration: .5s;
    position: relative
}
.category-page .entry h3.entry-title .hot:after {
    content: 'HOT';
    display: inline-block;
    position: absolute;
    color: #ff0;
    font-size: 9px;
    font-weight: 700;
    background-color: red;
    padding: 5px;
    letter-spacing: 1px
}
.category-page .entry h3.entry-title .hot {
    -webkit-animation-name: blinker;
    animation-name: blinker;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-duration: 1s
}
.category-page .entry h3.entry-title .expired:after {
    content: 'EXPIRED';
    display: inline-block;
    position: absolute;
    color: red;
    font-size: 9px;
    font-weight: 700;
    right: -60px;
    background-color: #ff0;
    padding: 5px;
    letter-spacing: 1px
}
.category-page .entry h3.entry-title .expired {
    -webkit-animation-name: blinker-;
    animation-name: blinker-;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-duration: 4s
}
.blinker {
    -webkit-animation-name: blinker;
    animation-name: blinker;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}
@-webkit-keyframes blinker {
from {
opacity:1
}
to {
opacity:0
}
}
.slick-prev {
    left: 1px;
    z-index: 9
}
.slick-next {
    right: 1px;
    z-index: 3
}
.slick-next:before {
    content: '\e803';
    font-family: "fontello"
}
.slick-prev:before {
    content: '\e804';
    font-family: "fontello"
}

 .marquee{
    display: flex;
    flex-flow: column wrap;
    align-items: stretch;
     display:inline-block;
     overflow: hidden;
    width: 100%;
     font-size: 0.8em;
    padding: 0.5em;
    border: 0px solid red;
    max-width: 900px;
    margin:0  auto;
     color:rgba(255,255,255,0.5);
         color: #fc0;
}
.marquee a{
    margin:0 5em 0 0;
}
/*.js-marquee-wrapper{
    margin-left:1000px!important;
}*/
@-webkit-keyframes marquee {

        0% {
            -webkit-transform: translateX(100%);
        }
        100% {
            -webkit-transform: translateX(-100%);
        }
    }
.wrapper{
        overflow: hidden;
}

ul.live{

}
ul.live li{

}
ul.live li:hover{
    border:1px solid #1e87f0;
    background-color: transparent;
    transition: all 0.3s ease-in-out;
}
.btn.channel{
    border:0;
    color:#fff;
    cursor: pointer;
    background-color: transparent;
}

ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
    margin: 1em 0 0em 1.2em;
        display: flex;
    flex-flow: row wrap;
    justify-content: center;
    list-style: none;
    padding: 2em;
    margin: 0 auto;
    text-align: center;
}

ul.tabs li {
    background: none;
    color: #fff;
    display: inline-block;
    padding: 10px 1em;
    cursor: pointer;
    background-color: #1F4164;
    background: #23367b;
        list-style: none;
    width:calc(100% / 4 - 15px);
    margin: 5px;
    border: none;
    overflow: visible;
    text-transform: none;
    display: inline-block;
    box-sizing: border-box;
    padding: 0.5em 1em;;

    font-size: .9rem;

    text-align: center;
    text-decoration: none;
    background: #1e87f0;
    color: #fff;
    border: 1px solid transparent;
    transition: all 0.3s ease-in-out;
    border-radius: 2px;
}

ul.tabs li.current {
    color: #fff;
    display: inline-block;
    padding: 10px 1em;
    cursor: pointer;
    background-color: #1F4164;
    background: #23367b;
}

.tab-content {
    display: none;
    /*background-color: #0B1C2E;*/
    padding: 0 1em;
    border: 0px solid red;
    margin: 0 0 1em 0;
}

.tab-content.current {
    display: inherit;
    padding: 0 1em;
}

.tab-content .index-title {
    display: flex;
    flex-direction: row;
    width: 100%;
    background: #1F4164;
}

.index-title.text-center {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.tab-content .row {
    background-color: #1F4164;
    padding: 1em!important;
    background-image: url(img/sbobettm-bg.jpg);
    background-repeat: repeat-x;
    background-color: #fbfbff;
}

.index-col-text-service {
    padding: 1em;
    color: white;
}
.tab-content .welcome{
    border:0;
}
.tab-content .title{
    display: none;
}
header.sticky-header{
position: fixed;
    height: 125px;
    top: 0;
    z-index: 99;
    max-width: 1000px;
    background-color: rgba(0,0,0,1);
    left: 0;
    margin: auto;
    right: 0;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.31);
	padding:10px;
}
/* ==========================================================================
games
========================================================================== */

.sbobet-games{
    border:0px solid red;
    width: calc(100%-350px);
    width:100%;
    /*width:1140px;*/
    min-height: 700px;

}
.sbobet-games article{
    /*width:calc(100% / 4 );    */
    class="readmore" target="_blank"
    text-transform: uppercase;
/*    flex-flow: column wrap;
    justify-content: center;
    align-items: center;*/
    border:0;
    background: #fefefe;
    border: 2px solid #fcfcfc;
    box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
    margin: 2px;
    padding: 1px;
    transition: opacity .4s ease-in-out;
    border-radius: 2px;
    width:24.05%;

}
.sbobet-games article img{
    width:100%;
}
.sbobet-games article h3{
    margin: 1px 0;
    padding: 0.5em;
    background-color: rgba(40,59,120,1);
    color: #fff;
    font-weight: 100;
    width:100%;
    display: flex;
    flex-flow: row wrap;
	    justify-content: space-between;
	    font-size: 11px;
	align-items: center;
}
.sbobet-games article a{
    font-weight: 100;
    padding:0.5em 1em;
    border-radius: 0px;
    background-color: rgba(63,90,158,0.8);
    color: rgba(255,255,255,0.7);
    letter-spacing: 1px;
    transition: all 0.3s ease-in-out;
display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
.sbobet-games article a b:after{
    content: 'ทดลองเล่น';
    font-size:1em;
}
.sbobet-games article a:hover{
    color: rgba(255,255,255,1.00);
    background-color: rgba(63,90,158,1);
    transition: all 0.3s ease-in-out;
}
.nav-games{
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
           margin: 0 0 1em 0;
}
.nav-games .btn-filter{
    text-decoration: none;
    color: rgba(255,255,255,0.70);
    background-color: #26a69a;
    background-color: rgba(40,64,119,1.00);
    text-align: center;
    letter-spacing: .5px;
    font-size: 16px;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    cursor: pointer;
    margin: 1px;
    padding: 8px 12px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}
.nav-games .btn-filter.selected{
    background-color: rgba(63,90,158,1.00);
    color: rgba(255,255,255,1);
    box-shadow: inherit;
}
.how-to-play{
    visibility: hidden;
    opacity:0;
    top:00%;left:00%;right:0;bottom:0;margin:auto;
    position: fixed;
    transform: scaleX(0.01) scaleY(0.01) rotateY( 180deg ) translateZ(1000);
    transition: all 0.2s linear;
    width:0;
    height:0;
    backface-visibility: hidden;

}
.how-to-play.on{
    display:flex;
    flex-flow: column;
    transform:  scaleX(1) scaleY(1) rotateY( 0deg ) translateZ(0);
    visibility: visible;
    opacity: 1;
    width:100%;
    height:100%;
    position: fixed;
    top:0;left:0;right:0;bottom:0;margin:auto;
    z-index: 99;
    padding:2em;
    color:rgba(255,255,255,0.78);
    background-color:rgba(7,5,7,0.90);
    /*background-color: rgba(1,21,39,0.9);*/
    transition: all 0.35s linear;
}
.sbobet-games-content{
    width:100%;
    max-width:750px;
    padding:2em;
    top:0;left:0;right:0;bottom:0;margin:auto;
    /*transform:  scaleX(0.1) scaleY(0.1) rotateY( 0deg ) translateY(100);*/
    border:0px solid red;
    position: relative;
    box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.3);
    background-color:rgba(0,0,0,0.956);
    transition: all 0.2s ease-in-out;
}
/*.how-to-play.on .sbobet-games-content{
        width:100%;
    max-width:750px;
    transform:  scaleX(1) scaleY(1) rotateY( 0deg ) translateY(0);
    transition: all 0.3s ease-in-out;
}*/
.sbobet-games article .entry .sbobet-games-content h3{
    background-color: transparent;
}
.sbobet-games article .entry .sbobet-games-content h2,
.sbobet-games article .entry .sbobet-games-content h3,
.sbobet-games article .entry .sbobet-games-content h4,
.sbobet-games article .entry .sbobet-games-content h5,
.sbobet-games article .entry .sbobet-games-content h6{
    color:#fff;
    font-size:1.25em;
    margin:0;
    padding:0;
    font-weight:100;
    class="readmore" target="_blank"
}
.sbobet-games article .entry .sbobet-games-content h2{
	background-color: transparent;
	font-weight:700;
}
.sbobet-games article .entry .sbobet-games-content h3{
	font-weight:700;
	margin:0.5em 0;
}
.sbobet-games article .entry .sbobet-games-content p,
.sbobet-games article .entry .sbobet-games-content ul,
.sbobet-games article .entry .sbobet-games-content ul li{
    font-size:0.85rem;
    font-family: inherit;
    list-style: none;
}
.sbobet-games article .entry .sbobet-games-content ul li{
    padding: 0 0 0 1rem;
    text-indent: -0.8rem;
}

.how-to-play.on .sbobet-games-content:after{
content: "\E806";
     font-family: 'fontello';
    position: absolute;
    top: 10px;
    right: 10px;
    z-index:19;
    color: #fff;
    font-size: 1.5em;
    line-height: 1.1;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: block;
    border: 0px solid red;
}
/* ==========================================================================
This is a Section Comment
========================================================================== */
aside div.sitable table {
    border: none;
    border-spacing: 0px !important;
    width: 100%;
    border-color: transparent !important;
}
.sbobet-entrance{
	border: 1px solid rgba(255,255,255,0.25);
    color: #fc0;
    padding: .5em 1em;
    margin: 0 5px 0 0;
    display: inline-block;	
}



/* ==========================================================================
Casino Landing Tab
========================================================================== */

/*---------- tab casino
========================================================================== */
main.page-casino-tabs{
	width:100%;
}
#casino-tabs *{
box-sizing: border-box;
}
#casino-tabs{
    border:0px solid red;
    position: relative;
    /*height:300px;*/
    
}
#casino-tabs img.image-bg{
        padding: 1em;
    opacity:0;
    transform: scale(2);
}
#casino-tabs .casino-text{
/*position: absolute;
    top: 10%;
    left: 5%;
    width: 50%;*/
    padding:1em 2em;
    color: #fff;
    
    display: flex;
    flex-flow: column;
}

#casino-tabs .casino-text h2{
    font-size:2.1em;
    letter-spacing: 1px;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.86);
}
#casino-tabs .casino-text p{
    font-size:1.0em;
	color:rgba(255,255,255,1.00);
}
#casino-tabs .readmore{
    padding:0.5em 1em;
    font-size: 1em;
    color: #ff931e;
    background-color: #043f77;
/*    position: absolute;
    right: 10px;
    bottom: 10px;*/
    animation: bounceInLeft  2.5s ease 2s 1 normal ;
    transition: all 0.3s ease-in-out;
    align-self: flex-end;
}
#casino-tabs .casino-content{
    height:400px;
        width:100%;
    display: flex!important;
    flex-flow: row nowrap;
        justify-content: space-between;
    align-items: center;
    border: 0px solid red;
}
#casino-tabs .casino-content:nth-of-type(1){
    background-color: red;
    background-image: url(../img/casino-tab-casino-online.jpg);
    background-size:100%;
}
#casino-tabs .casino-content:nth-of-type(2){
    background-color: red;
    background-image: url(../img/casino-tab-baccarat-bg.jpg);
    background-size:100%;
}
#casino-tabs .casino-content:nth-of-type(3){
    background-color: red;
    background-image: url(../img/casino-tab-slot-bg.jpg);
    background-size:100%;
}
#casino-tabs .casino-content:nth-of-type(4){
    background-color: red;
    background-image: url(../img/casino-tab-routtlet-bg.jpg);
    background-size:100%;
}
#casino-tabs .casino-content:nth-of-type(5){
    background-color: red;
    background-image: url(../img/casino-tab-hilo-bg.jpg);
    background-size:100%;
}

.slick-track{
    display: flex!important;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
/*    background-color: #043f77;
    border-color: #032e57;
    background-image: -webkit-gradient(linear, left 0, left 100%, from(#0659a8), to(#043f77));
    background-image: -webkit-linear-gradient(top, #0659a8, 0, #043f77, 100%);
    background-image: -moz-linear-gradient(top, #0659a8 0, #043f77 100%);
    background-image: linear-gradient(to bottom, #0659a8 0, #043f77 100%);
    background-repeat: repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0659a8', endColorstr='#ff043f77', GradientType=0);*/
    border-radius:0 0 10px 10px;
}
 li.slick-slide.slick-active:before{
    height: 0px;
    content: '';
    width: 100%;
    position: absolute;
    z-index: 3;
    background-color: #536fae;
    left: 0;
    top: 0px;

}
 li.slick-slide.slick-current.slick-active{
    background-color:#536fae;
    position: relative;
    z-index: 1;
}
.slick-slide.slick-current.slick-active:before{
    height: 10px;
    content: '';
    width: 100%;
    position: absolute;
    z-index: 3;
    background-color: #536fae;
    left: 0;
    top: -10px;

    transition: all 0.1s ease-in-out;
}
#casino-tabs .casino-content.slick-slide.slick-current.slick-active .image-bg{
    animation: bounceIn 1.5s ease 0s 1 normal ;
    opacity: 1;
    transform: scale(1);
}
#casino-tabs .casino-content.slick-slide.slick-current.slick-active .casino-text{
    animation: bounceInLeft  1.5s ease 0s 1 normal ;
}
.casino-content.slick-slide.slick-current.slick-active{

    animation: jello 1s ease 0s 1 normal ;
}
.casino-content.slick-slide.slick-active{

}
ul.slider-nav{
    width:100%;
    display: flex!important;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    list-style: none;
     cursor: pointer;
         min-width: 855px;
         padding: 0;
    margin:-1em 0 0 0;
}
 ul.slider-nav li{
    padding:1em 0;
    text-align: center;
     border:0px solid red;
     color:#fff;
     border-right:1px solid #fff;
     font-size:15px;
     font-weight: 300;
         
}
ul.slider-nav li:last-child{
    border:0;
}
ul.slider-nav .slick-list {
    width:100%;
    overflow:inherit;
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  20% {
    transform: scale3d(1.21, 1.21, 1.21);
  }

  40% {
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(1.01, 1.01, 1.01);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  animation-name: bounceIn;
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }

  75% {
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    transform: translate3d(5px, 0, 0);
  }

  to {
    transform: none;
  }
}

.bounceInLeft {
  animation-name: bounceInLeft;
}


@keyframes jello {
  from, 11.1%, to {
    transform: none;
  }

  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  animation-name: jello;
  transform-origin: center;
}
@keyframes fade {
    0% {
    -webkit-filter: blur(10px); transform: scale(1.1)
  }

  100% {
    transform: scale(1);-webkit-filter: blur(0px);
  }
}
.other-casino-games *{
box-sizing: border-box;
    position:relative;
}
.other-casino-games{
    display:flex;
    flex-flow: row wrap;
    color: #fff;
    margin:1em 0;
}
.other-casino-games .casino-content{
    width:calc(50% - 3px);
    border:0px solid red;
    margin:5px 1px 0 0;
        display:flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    padding:1em;
        height: 266px;    
    margin:1px;
     transition: all 0.3s ease-in-out;
    background-position: center;
}
.other-casino-games .casino-content:nth-of-type(1){
    background-color: red;
    background-image: url(../img/casino-tab-crab-bg.jpg);
    background-size:110% 110%;
	background-repeat: no-repeat;
}
.other-casino-games .casino-content:nth-of-type(2){
    background-color: red;
    background-image: url(../img/casino-tab-tiger-bg.jpg);
    background-size:110% 110%;
	background-repeat: no-repeat;
}
.other-casino-games .casino-content:nth-of-type(3){
    background-color: red;
    background-image: url(../img/casino-tab-poker-bg.jpg);
    background-size:110% 110%;
	background-repeat: no-repeat;
}
.other-casino-games .casino-content:nth-of-type(4){
    background-color: red;
    background-image: url(../img/casino-tab-nut-bg.jpg);
    background-size:110% 110%;
	background-repeat: no-repeat;

}
.other-casino-games .image-bg{
    animation: bounceIn 1.5s ease 0s 1 normal ;
    opacity: 1;
    transform: scale(1);
    width:40%;
     transition: all 0.3s ease-in-out;
}
.other-casino-games .casino-text {
    padding:0 1em;
    color: #fff;

    width:60%;
}
.other-casino-games .casino-text  h2{
    margin: 0;
    text-align: left;
    font-size: 1.25em;
    margin-bottom: 0.25em;
}
.other-casino-games .casino-text  p{
    color:rgba(255,255,255,0.80);
	font-size:0.8em;
}
.other-casino-games .readmore{
    padding:0.5em 1em;
    font-size: 1em;
    color: #ff931e;
    background-color: #043f77;
    position: absolute;
    right: 10px;
    bottom: 10px;
    transition: all 0.3s ease-in-out;
}
.other-casino-games .readmore:hover{
    color: #ff931e;
    background-color: #536fae;
}
.other-casino-games  .casino-content.hover .image-bg{
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
}
.other-casino-games  .casino-content.hover{
    background-size: 120% 120%;
    background-position: center;
     transition: all 0.3s ease-in-out;
}
/**
*modal box
*/
.wow-modal-close-1{
width: 50px;
    height: 50px;
    display: flex;
    right: -20px;
    position: absolute;
    top: -20px;
}
.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 9;
}
.wow-modal-overlay{
	height:auto;
}
.wow-modal-window {

}
#wow-modal-window-1.wow-modal-window {
    width:calc(100% - 5vw);
    max-width: 880px;
    height: 200px;
	border-radius: 0;
	box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.3);
	padding: 0px;
	top:15%;
    margin-bottom: 0px;
}
.wow-modal-overlay #close-circle-1 {
    color: #000000;
    color: #fff;
}
.wow-modal-overlay #close-times-1 {
    color: #ffffff;
    color: #000;
}
.table-post,
.table-post th, 
.table-post td{
	border: 1px solid rgba(0,0,0,0.70);
	width:100%;
}
.table-post td{
	padding:1em 0.5em;
}
div.header-contact {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  align-items: center;
  max-width: 400px;
  border: 0px solid red;
  justify-content: center;
  background-color: rgba(20, 10, 70, 0.25);
  background: linear-gradient(
    to top,
    rgba(20, 30, 48, 0.5),
    rgba(36, 59, 85, 0.94)
  );
  border-radius: 5px;
  padding: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
div.hotline {
  text-decoration: none;
}
div.hotline {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  justify-content: flex-start;
  align-items: center;
  border: 0px solid red;
  max-width: 300px;
}
div.hotline h5 {
  font-size: 1.5rem;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  /* letter-spacing: -1px; */
  color: #ffcc00;
  font-weight: 600;
  line-height: 0.8;
  text-align: right;
}
div.hotline h5:after{
content: '';
    height: 105%;
    width: 1px;
    background-color: #031f4e;
    position: absolute;
    top: 0;
    right: -5px;
}
div.hotline h5 span {
  font-size: 1.05rem;
  color: rgba(255, 204, 0, 0.751);
  text-transform: capitalize;
}
div.hotline nav {
  display: flex;
  flex-flow: column nowrap;
}
div.hotline img {
  margin-right: 5px;
}
div.hotline nav a {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 2px 8px;
  text-decoration: none;
}