@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: normal;
    font-style: normal;
}

body {
    font-family: 'Montserrat', sans-serif;
    background-image: url(../img/bg-trazan.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: auto;
}

section {
/*    padding-top: 1vh;
    padding-bottom: 1vh;*/
    width: 100%;
    display: block;
    overflow: hidden;
        min-height: 35vh;
}
section h1{
    font-size:2rem;
}
section.more-demo-game,
section.play-the-real-thing{
        min-height: inherit;
}
a {
    color: inherit;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: all .28s ease;
    transition: all .28s ease;
    text-decoration: none;
}
img{
        height: auto;
    border:0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    line-height: 1.1;
}


/* utilities */

h1 {
    font-size: 4.2rem;
    line-height: 110%;
}

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

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

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

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

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

p {
    font-size: 16px;
    font-weight: 400;
        line-height: normal;
}

em {
    font-style: italic;
}

strong {
    font-weight: 700;
}

footer {
    background-color: rgba(176, 190, 197, 1);
    padding: 2em 0;

}

* {
    margin: 0;
    padding: 0;
    position: relative;
    box-sizing: border-box;
}
/* ==========================================================================
layout
========================================================================== */
.isMobile{
display:none;
}


.floatL {
    float: left;
}

.floatR {
    float: right;
}

.hidden {
    display: none;
}

.show {
    display: block;
}

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

.clearfx:before,
.clearfx:after {
    content: " ";
    display: table;
}

.clearfx:after {
    clear: both;
}


/* IE6/7 support */

.clearfx {
    *zoom: 1;
    width: 100%;
    height: 1px;
    clear: both;
}

.full-width {
    width: 100%;
}

.isflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.isflex.full-width {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

ul.top.menu {
    width: 60%;
}

.wrapper {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
    position: relative;
    background-color: rgba(0, 0, 0, 0.0);
}

.content {
    width: 100%;
    border: 0px solid red;
}

.video {
    width: 100%;
}

#site-title {
    width: 300px;
    height: 59px;
    font-size: 5em;
    display: inline-block;
}

#site-title h1 {
    font-size: inherit;
    margin: 0;
    line-height: inherit;
    display: block;
    text-indent: -9999em;
}
#site-title a{
    display: inline-block;
    width: 95%;    
}
#site-title h1 a img{
    width:100%;
}
@-moz-document url-prefix() { 
  #site-title h1 a img{ 
     height:56px;
  }
}
#site-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    color: #FFBF00;
    width: 40%;
}

#site-contact > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 0px solid red;
    margin-left: auto;
    width: 90%;
    justify-content: space-between;
}

#site-contact > div img {
    float: left;
    margin: 10px 10px 0 0;
}

#site-contact > div img:last-child {
    margin-right: 0;
}

#site-contact > div p {
    font-size: 1.0rem;
    font-weight: 400;
    line-height: 1;
        width: 244px;
}

#site-contact > div p span {
    font-size: 1.5rem;
    font-weight: 700;
    display: inline-block;
}

#site-contact > div p span:before {
    display: block;
    content: '';
}

#site-contact > div a {
    display: inline-block;
    float: left;
    margin: 10px 0 0 0;
    flex-basis: 55%;
}

#site-contact > div a:last-child {
    display: inline-block;
    float: left;
    margin: 10px 0 0 0;
    flex-basis: 44%;
}

#site-contact > marquee {
    flex-basis: 100%;
}

.isflex.topnav {
    border: 0px solid red;
    background-color: #C81414;
}

.isflex.topnav .wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.isflex.topnav .wrapper ul.menu > li {
    margin: 0 0% 0 0%;
}

.isflex.topnav .wrapper ul.menu > li > a {
    font-size: 0.75rem;
}

.isflex.main-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
            margin-top: 1rem;
}

.isflex.promo {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 0px solid red;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.20);
}

.progressive-jackpot-slot {
    font-weight: 700;
    background-color: rgba(0, 0, 0, 1.00);
    color: #fff;
    padding: 2em 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 50%;
    -ms-flex-item-align: stretch;
        align-self: stretch;
}

.progressive-jackpot-slot > div {
    display: inline-block;
    width: 100%;
}

.progressive-jackpot-slot img {
    float: left;
    margin: 0em 5% 5% 8%;
}

.progressive-jackpot-slot p.top {
    font-size: 1.75em;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 0.5em;
}

.progressive-jackpot-slot p.h3 {
    font-size: 3em;
    color: #FFBF00;
    display: inline-block;
    float: left;
}

.progressive-jackpot-slot p.h3 span:before {
    content: '';
    display: block;
}

.progressive-jackpot-slot p.h3 span {
    font-size: 1.5rem;
    display: block;
    margin: -11px 0 0 5px;
}

.progressive-jackpot-slot p.h4 {
    font-size: 1em;
    font-weight: 400;
    display: inline-block;
    float: left;
}

.progressive-jackpot-slot p.h4 span:before {
    content: '';
    display: block;
}

.progressive-jackpot-slot p.h4 span {}

.progressive-jackpot-slot ul {
    width: 100%;
    background-color: #fff;
    color: #C81414;
    display: inline-block;
    margin-top: 3px;
}

.progressive-jackpot-slot ul li {
    display: inline-block;
    float: left;
    width: 33.3%
}

.progressive-jackpot-slot ul li:nth-of-type(2) {
    background-color: rgba(230, 230, 233, 1)
}

.progressive-jackpot-slot ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1em 0;
}

.android-download {
    background-color: #808080;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: stretch;
        align-self: stretch;
}

.android-download p.h3 {
    color: #fff;
    text-align: center;
    font-size: 2rem;
    padding: 0.5em 0;
}

.android-download p.h3 span {
    display: block;
    content: '';
}
.android-download img:first-child{

}
.android-download img:last-child {
    width: 100%;
    position: absolute;
    bottom: 0;
    left:0;
}

.call-center {
    background-color: #282828;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 25%;
    -ms-flex-item-align: stretch;
        align-self: stretch;
}

.call-center h2 {
    color: #fff;
    text-align: center;
    font-size: 2rem;
    padding: 7px 0;
    width: 100%;
}

.call-center h2 span:before {
    display: block;
    content: '';
}

.call-center h2 span {
    font-size: 1.25rem;
    display: block;
    margin: -11px 0 0 5px;
    font-weight: 400;
}

.call-center img {
    width: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left:0;
}

.play-the-real-thing {
    color: #fff;
    background-image: url(../img/header-play-the-real-thing.jpg);
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    text-align: center;
}

.play-the-real-thing h2 {
    font-size: 1.5em;
    margin: 5% auto;
    margin-bottom: 10px;
}

.full-width.games {
    background-color: rgba(0, 0, 0, 0.10);
    padding: 2em 0;
}

.promo div:nth-of-type(2) {
    width: 25%;
}

.promo div:nth-of-type(3) {
    width: 25%;
}

.promo div:nth-of-type(4) {
    width: 50%;
}

.promo div:nth-of-type(5) {
    width: 50%;
}

.isflex.play-the-games {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    margin: 1em auto;
}

.isflex.play-the-games img {
    width: 100%;
}

.isflex.play-the-games .icon {
    width: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: rgba(0,0,0,1);
        -webkit-filter: brightness(105%);
                filter: brightness(105%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.isflex.play-the-games .icon:hover{
    -webkit-filter: saturate(360%);
            filter: saturate(360%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.isflex.play-the-games .icon:before {
    width: 450px;
    height:450px;
    content:'';
    display: block;
    position:absolute;
    top:-100px;
    left:-100px;
    z-index: 3;
    background-color: rgba(0,0,0,0);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
}
.isflex.play-the-games .icon:hover:before{
    left:400px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: rgba(0,0,0,1);
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
}
.icon:after {
    content: "";
    position: absolute;
    top: -120%;
    left: -210%;
    width: 250%;
    height: 250%;
    opacity: 0;

    -webkit-transform: rotate(30deg);

            transform: rotate(30deg);
    background: rgba(255, 255, 255, 0.53);
    background: -webkit-linear-gradient( left, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100%);
    background: linear-gradient( to right, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100%);
}


/* Hover state - trigger effect */

.icon:hover:after {
    opacity: 1;
    top: -30%;
    left: -30%;
    -webkit-transition-property: left, top, opacity;
    transition-property: left, top, opacity;
    -webkit-transition-duration: 0.7s, 0.7s, 0.15s;
            transition-duration: 0.7s, 0.7s, 0.15s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
}


/* Active state */

.icon:active:after {
    opacity: 0;
}

.games-500 img {
    float: left;
    margin: 1em 5% 3em 0;
}

.games-500 h2 {
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 2;
}

.isflex.demo-games {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: rgba(0,0,0,0.995);
    padding: 1em 0;
}
.isflex.demo-games .stripe{
    background-color: transparent;
}
.isflex.demo-games.header article h2 {
    margin: 1rem 0;
}
.isflex.demo-games .stripe span{
    background-color: transparent;
}
h2.stripe {
    font-weight: 700;
    width: 100%;
    text-align: left;
    font-size: 1.75rem;
    margin: 10px 0 0px 0;
    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;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: #fff;
    color: #C81414;
}
h2.stripe span {
    font-size: 0.75rem;
    text-align: right;
    text-transform: inherit;
    font-weight: 400;
    background-color: #C81414;
    padding: 1px 3%;
    width: 80%;
    height: 32px;
    display: inline-block;
    position: relative;
    color: #fff;
    letter-spacing: 2px;
    margin-right: 22px;
}

h2.stripe span:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 0 16px 20px;
    border-color: transparent transparent transparent #c81414;
}

h2.stripe u {
    font-style: normal;
    text-decoration: none;
    width: 40%
}
.demo-games.thumb figure{
    float:left;
    background-color: rgba(0,0,0,1);
}
.demo-games.thumb {
    border: 0px solid red;
    display: inline-block;
    margin: 0em 0;
    width:100%;
}
.demo-games.thumb div a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
}
.demo-games.thumb div a:before{
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:50%;
    z-index: 3;
    background-color: rgba(0,0,0,0.25);
    width:900px;;
    height:900px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}
.demo-games.thumb div a:after{
    content:'';
    display:block;
    position:absolute;
    top:0;
    right:50%;
    z-index: 3;
    background-color: rgba(0,0,0,0.25);
    width:900px;;
    height:900px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}
.demo-games.thumb div a:hover:before{
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    left:100%;

}
.demo-games.thumb div a:hover:after{
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    right:100%;

}
.demo-games.thumb div a:hover img{
    opacity:1;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: scale(1);
            transform: scale(1);
        -webkit-filter: brightness(100%);
                filter: brightness(100%);
}
.demo-games.thumb div:first-child figure:first-child span.play-now{
    top:40%
}
.demo-games.thumb div figure img {
    width: 100%;
    opacity:1;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: scale(1.01);
            transform: scale(1.01);
        -webkit-filter: brightness(125%);
                filter: brightness(125%);
}
.demo-games.thumb div figure span.play-now{
    position: absolute;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    z-index: 7;
    background-color: #C81414;
    padding: 0.75em 1em;
    font-weight: 700;
    font-size: 0.85rem;
    /* display: inline-block; */
    color: rgba(255, 255, 255, 1.00);
    display: inline-block;
    text-align: center;
    width: 120px;
    margin: auto;
    top: 30%;
    left: 100%;
    right: 0;
    box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.595);
    opacity: 0;

}
.demo-games.thumb div a:hover img{
    opacity:0.9;
}
.demo-games.thumb div a:hover span.play-now{
    opacity: 1;
    left:0;
}
.demo-games.thumb div:first-child {
    width: 40%;
    display: inline-block;
    float: left;
}

.demo-games.thumb div:first-child figure:first-child {
    width: 100%
}
.demo-games.thumb div:first-child figure{
    width:50%;
        float: left;
}

.demo-games.thumb div:last-child {
    width: 60%;
    display: inline-block;
    float: left;
}
.demo-games.thumb div:last-child figure {
    width: 33.33%;
    display: inline-block;
    float:left;
}

.demo-games.thumb div:last-child img {
    width: 100%;
}

.demo-games.thumb img:first-child {
    width: 40%;
    float: left;
}

.demo-games.thumb img {
    border: 0px solid red;
    float: left;
}

section.play-the-real-thing-full {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
        padding: 1em 0;
    min-height:inherit;
}

section.play-the-real-thing-full figure h2 {
    color: #C81414;
    text-align: center;
}

section.play-the-real-thing-full figure div {
    border: 0px solid red;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

section.play-the-real-thing-full figure div img {
    float: left;
    margin: 0 0 0 2em;
}

section.play-the-real-thing-full figure {
    background-color: rgba(0, 0, 0, 0.00);
    padding: 0em 2em;
    color: #fff;
    margin: 0em 0;
    width: 100%;
    text-align: center;
}

section.play-the-real-thing-full figure p {
    font-size: 1em;
    color: rgba(128, 128, 128, 1.00);
    text-align: left;
    margin-left: 1em;
    line-height: 1;
}

section.play-the-real-thing-full figure p {}

section.play-the-real-thing-full figure p span {
    font-size: 2em;
}

section.play-the-real-thing-full figure p span:before {
    content: '';
    display: block;
}

.register-to-play {
    width: 50%;
    background-color: #000;
    color: #fff;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
}

.register-to-play img {
    float: left;
    margin: 5% 1em 3em 15%;
}

.register-to-play .h5 {
    float: left;
    display: block;
    font-weight: 400;
    width: 60%;
    margin: 5% 0 0 0;
}

.register-to-play .h3 {
    float: left;
    display: block;
    font-size: 2em;
    font-weight: 400;
}

section.play-the-real-thing {
    width: 50%;
    color: #fff;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
}
.more-demo-games{
     background-color: rgba(153, 153, 153, 0.750);
    width: 100%;
    border-radius: 40px;
    text-align: center;
    color: #fff;
    padding: 1em 0;
    margin: 10px 0em 0 0;
}

.more-demo-games a {
    font-size:1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.more-demo-games img {
    margin: 0 1em;
}

.cat-games {
    display: block;
}

.cat-games figure {
    display: inline-block;
    float: left;
    text-align: center;
    background-color:#000;
    border:0px solid red;
}

.cat-games figure a {
    display: inline-block;
    float: left;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    overflow: hidden;

}
.cat-games figure > a > img {
    width: 100%;
    -webkit-transform: scale(1.0, 1.0);
            transform: scale(1.0, 1.0);
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
    opacity:0.5;
    -webkit-filter: contrast(200%);
            filter: contrast(200%);
}
.cat-games figure > a:hover > img{
    opacity:1;
    -webkit-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05);
    -webkit-filter: contrast(100%);
            filter: contrast(100%);
}
.cat-games figure a span.cat-icon  {
    position: absolute;
    z-index: 3;
    top: 25%;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 1;
}
.cat-games figure a span.cat-icon img{
    opacity:1;
}


.cat-games figure a span.cat-name {
    position: absolute;
    z-index: 3;
    top: 120%;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 1.25rem;
    text-transform: uppercase;
    font-weight: 700;
    opacity: 1;
    color: #fff;
}
.cat-games figure a:before{
content: '';
    display: block;
    position: absolute;
    top: -500px;
    left: -100px;
    width: 1000px;
    height: 1000px;
    /* border-radius: 50%; */
    z-index: 3;
    background-color: #000;
    -webkit-transform: rotate(-0deg);
            transform: rotate(-0deg);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0.5;
}
.cat-games figure a:hover:before{
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top:990px;
    left:990px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0.1;
}
.cat-games figure a:hover span.cat-icon img {
    -webkit-animation-name: spinnerRotate;
            animation-name: spinnerRotate;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
}
.cat-games figure.lg-thumb {
    float: left;
    margin: 10px 1% 0px 0;
    width: 49.5%;
}
.cat-games figure.lg-thumb.margin-right-0{
    margin-right:0;
}
.cat-games figure.lg-thumb.margin-top-0{
    margin-top:0;
}
.cat-games figure.sm-thumb {
    float: left;
    width: 32.66%;
    max-width: 393px;
    margin: 10px 1% 0px 0;
    box-shadow: inset 5px 5px 30px 0px rgba(0,0,0,0.95);
}

.cat-games figure.sm-thumb.margin-right-0 {
    margin-right: 0;
}
.cat-games figure a span img {
    width: auto;
}
.cat-games figure h3 {
    width: 100%;
    position: absolute;
    top: 20%;
    left: 0;
    z-index: 3;
}
@-webkit-keyframes spinnerRotate
{
    from{-webkit-transform:rotate(0deg);}
    to{-webkit-transform:rotate(360deg);}
}


.isflex.home-blog {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: space-between;
}

.isflex.home-blog h2 span {
    width: 100%
}

.isflex.home-blog h2 u {
    width: 30%;
}

.btn {
    background-color: #C81414;
    padding: 0.5em 1em;
    font-weight: 700;
    color: rgba(255, 255, 255, 1.00);
    display: inline-block;
    width: 120px;
    text-align: center;
}

.home-blog article {
    width: 49%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.isflex.home-blog > article > h2 {
    font-size: 1.25em;
    color: #C81414;
}

.home-blog article p {
    margin: 1rem 0;
}

.home-blog article:nth-of-type(1) {
    /*margin-right: 2%;*/
}

.isflex.illus {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin: 1em 0;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.isflex.illus img {
    width: 33%;
}

.full-width.more-fun {
    background-color: rgba(0, 0, 0, 0.10);
    padding: 2em 0;
        margin: 1rem 0 0 0;
}

.more-fun h2 {
    display: inline-block;
    float: left;
        font-size: 2em;
    display: inline-block;
    float: left;
    font-size: 2em;
    width: 55%;
}

.more-fun p {
    display: block;
    float: left;
    width: 60%;
    margin: 5px 0;
    display: inline-block;
    float: left;
    width: 55%;
}

.register {
    display: inline-block;
    float: left;
    width: 40%;
    margin: 0 2% 0 0;
        min-width: 420px;
}

.register img {
    width: 100%;
}

.register a {
    position: absolute;
    top: 70%;
    left: 5%;
    z-index: 3;
    display: block;
}

a.register-link {
    position: absolute;
    top: 45%;
    left: 5%;
    z-index: 5;
    color: #fff;
    width: 100%;
}

a.register-link p:nth-of-type(1){
    font-size: 1rem;
}

a.register-link p:nth-of-type(2){
    font-size: 1.64rem;
}

.register a.register-link img {
    margin: 0 3% 2em 0;
    float: left;
    width: auto;
}

.register h6 {
    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;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 400;
}

.register h6 span:before {
    content: '';
    display: block;
}

.more-fun .btn {
    margin: 10px 1% 0 0%;
    float: left;
}

.more-choice-thumb {
display: inline-block;
    float: left;
    border: 0px solid red;
    width: 50%;
    margin: 10px 2%;
}

.more-choice-thumb i {
    color: #fff;
}

.icon-left-open {
    background: rgba(153, 153, 153, 1);
    float: left;
    position: absolute;
    top: 50%;
    left: -1.5rem;
    display: inline-block;
    z-index: 60;
    width: 20px;
    height: 121px;
    line-height: 7;
    text-align: center;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 1;
    z-index: 9991;
}

.icon-right-open {
    background: rgba(153, 153, 153, 1);
    float: right;
    position: absolute;
    top: 50%;
    right: -25px;
    display: inline-block;
    z-index: 60;
    width: 20px;
    height: 121px;
    line-height: 7;
    text-align: center;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 1;
    z-index: 9991;
}

.slick-prev,
.slick-next {
    position: relative;
    left: auto;
    right: auto;
    display: inline-block;
}


/* the slides */

.slick-slide {
    margin-left: 5px;
}


/* the parent */

.slick-list {
    margin-left: -5px;
}


/* ==========================================================================
footer
========================================================================== */

footer {
    background-color: #282828;
    color: #a8a8a8;
}


/* ==========================================================================
effect
========================================================================== */

.youtube-player {
    position: relative;
    padding-bottom: 42.23%;
    /* Use 75% for 4:3 videos */
    height: 0;
    overflow: hidden;
    width: 100%;
    background: #000;
    margin: 0px;
}

.youtube-player a {
    /* added for broken/no JS */
    display: block;
    margin: 10% auto 0 auto;
    text-align: center;
    color: #fff;
}

.youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent;
}

.youtube-player img {
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: .4s all;
    transition: .4s all;
}

.youtube-player img:hover {
    -webkit-filter: brightness(75%);
}

.youtube-player .play {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 300px;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAA8FBMVEUAAAAAAADq6ur6+voAAAAuLi4GBgYAAABfX18AAAD19fUAAACenp7z8/Pw8PBOTk4REREAAAAAAAAAAADc3Nyvr69mZmZHR0cAAAAAAAAAAAAWFhYMDAwAAACjo6Nvb29sbGz8/Pzs7Ozp6emxsbFAQEAmJibQ0NDNzc3CwsK8vLyZmZkpKSkAAAAAAAAAAAAAAAAAAAAAAAAAAACgoKA7OzvHx8fFxcWAgIDm5uZYWFhUVFRLS0snJycODg4AAAAAAADl5eXY2NjExMSWlpaVlZUAAAAAAAAAAAAAAACoqKgAAACDg4MyMjIAAAD///9SmF7MAAAAT3RSTlOzAPf9Br20lMqn+7Dc+vnFt6yjgfHhy8NoR0G4tizezs3++Pbiwrvt7Ofm2rxYUU4lGxML3MDq6dP1x8fEvLZ8MfXw6NnZmolgPN+g0757xSwr/gAAA8RJREFUeAGtmGdT21oXhVdUJKsIW+7YuBcKpmBsTIeXlwtJSLL+/7+5xxLMBaxyRPx8Y0bzDPvI2mfvhW8JHG9+/2O++ID/Yv75vnmc9GysaHp0Z+ET1t3RNJtIazwjGqfU0KRFpwdFBOgdd7es2KStlHfdjo6A4sGplEg7DEu6rCj8hFK5DEs81NJFrScIxu6AkQzcMQRPrRSRVg9KqqhcYp/td2vjAlAY17r7ZzaXqJWgxLqWJDoxARRmvaCO9rWBDxjX7QEFvVkBgHkSL7q3AFQVCrZzBiIwctsUKFUA1n2cqOEAWz8p2MkjlvwOBT+3AKcRLdoEMHkg2e8gkU6f5MMEwGaU6IcDjPok95pIoblHsj8CnB+ropYD1DxS/QUJfqmkVwOc1mfRiQXMbdK+ghR5j7TngHXyUaSZwFghN0aQZLRBKmPA1D6I6sBtmbRHkGZkk+VboP5e1AJQIdUrZOBKJYcAWu9EJlAleY5MnJOsAuZ/okOgoJB7yMgeqRSAwzfRqQXMSKWJjDQVcgZYp6+iA0DvkVVkpkr2dOAgFGnF4KR38AV2gvMuaoGoAdyoZB5fIE+qN0AjEJUAl9zGl9gmXaC0FE0dGBtkDqv8X0caOXLDgDMVoqO3v1ah+s8WEgn+h0vgSIhKwVG3EQHJ/+WQTJusACUh8oFBzFFzSUp9eXIA+BqOAZ20jVhRSn2GTeoQmk2gQ54hXpRS3xnZgdDUAZfcTxCl1LdPuhCaErBLdlNECfV1yV3gDibwQNZSRAn11cgyYKIYvLRxiiihvjHZB4rwAY8spIgS6iuQNuBDoJJIESXVRxICJ5PoYlVkvIqsLKU9RpTWfC3tRf6wFzoimISHLf/6L1Jev+wP8jH5B1lCHZilfyKL1E9E6qO9kPloJdrIY2Ib8V7biOYDSlJjW6Q2NgXwtbRWeyHbalOa/6NM88+FzX+K2OtoIXsdYSpE356B2V9ekM9vV/ZkLVe2VgSG6xgi/nKs+Q0cvBu02l8dtNqAdbqu0W/9w2gwHg+zjsf5t/E4YmD35pBm7kUM7MEKMdnIskLMl09PAFNbXWpGWZeaUbDUxK1ZUid+HrtmhYvfXJFf/JR5sPjFraJlkv0uEun2SZZjV1HZ5fh6h4LhLeA0pNZ1RCK1rr8FCO0eBYPZaoDghgFCOwwQJCKNocol3kJEGnrTMJq6iDQWHpeow99hpCEVsty4CiNR3BsInu7XHvvIB1F9mz3vQjqIyh6NyYd1JR+f8EtZw7oQTcSHd2bRB/yieSfiQy3h4X8BIjMI7XNyKGoAAAAASUVORK5CYII=) no-repeat;
    cursor: pointer;
}


/* ==========================================================================
menu
========================================================================== */

nav {
    border: 0px solid red;
    border-bottom: 0px solid rgba(66, 165, 245, 1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: transparent;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.0), 0 2px 10px 0 rgba(0, 0, 0, 0.0);
    padding: 1em 0 0 0;
    width: 100%;
}

nav ul a:hover {
    background-color: rgba(0, 0, 0, 0.0);
    color: rgba(136, 14, 79, 1);
}

nav .brand-logo {
    display: block;
    float: left;
    width: 20%;
    background-color: rgba(144, 202, 249, 0);
    padding: 0em;
    color: rgba(255, 145, 0, 1);
    position: inherit;
}
nav ul.menu > li {
    padding: 0 2% 0 2%;
}
nav ul.menu > li:after{
    position: absolute;
    content: '';
    display: block;
    width: 1px;
    height: 15px;
    top: 30%;
    right: 0;
    background-color: #fff;
}
nav ul.menu > li:last-child:after{
    display: none;
}
.menu-main-container {
    display: block;
    float: left;
    width: 50%;
    background-color: rgba(187, 222, 251, 0);
}

ul.menu {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 0px solid red;
    position: relative;
    width: auto;
    z-index: 9;
    float: right;
    text-align: right;
    margin: 0;
    background-color: rgba( 0, 0, 0, 0.0);
    width: 100%;
}
ul.top-menu.menu{
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;;

}
ul.menu > li {
    display: inline-block;
    float: left;
    position: relative;
    text-align: left;
    border: 0px solid blue;
    padding: 0 2% 0 2%;
}

ul.menu > li > a {
    color: #fff;
    float: left;
    font-size: 15px;
    padding: 10px;
    font-weight: 400;
    letter-spacing: -0.25px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    white-space: nowrap;
}

ul.menu > li > a .fa {
    margin-top: -10px;
    color: #5BBDE8;
}

ul.menu > li > a:hover {
    /*background-color: #289835;*/
    color: #289835;
    color: gold;
}

ul.menu > li:first-child a {
    color: #fff;
    margin: 0;
    font-weight: 400;
}

ul.menu > li > ul.sub-menu {
    position: absolute;
    left: -2em;
    margin: 0;
    background-color: rgba(144, 164, 174, 1);
    border-radius: 2px;
    width: 200px;
    top: 2.0em;
    left: 0;
    z-index: 7;
    height: 50px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.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:after {
    bottom: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: rgba(144, 164, 174, 1);
    border-width: 10px;
    margin-left: -10px;
}

ul.menu > li > ul.sub-menu > li {
    clear: both;
    list-style: none;
    display: block;
    padding: 1em 1em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    margin: 0;
    width: 100%;
}

ul.menu > li > ul.sub-menu > li > a {
    color: #fff;
    font-size: 0.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;
    /* left:0;
top:2em;*/
    height: auto;
    -webkit-animation: fadeInLi .52s 1 alternate ease-out forwards .1s;
            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;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.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;
    /* left:0;
top:2em;*/
    height: auto;
    -webkit-animation: fadeInLi .52s 1 alternate ease-out forwards .1s;
            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: 0.85em;
    padding: 5px;
}

ul.social {
    width: 35%;
    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;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

ul.social li {
    border-left: 0px solid #fff;
    /*    padding:5px 10px;*/
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background-color: #fff;
    margin: 5px 3% 5px 0;
}

ul.social a {
    color: #C81414;
    margin: 5px 0 0 2px;
    display: inline-block;
}

ul.social a i {
    font-size: 1.0rem;
}


/* ==========================================================================
form
========================================================================== */

.contactus.isflex {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: center;
        align-content: center;
    width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

input[type=text],
input[type=tel],
input[type=password],
input[type=number],
input[type=email] {
    padding: 1em;
    min-width: 100px;
    width: 50%;
    border: 0;
    background-color: rgba(236, 239, 241, 1);
    font-size: 1rem;
    margin: 1px 0;
}

input[type=number] {
    padding: 1.35em;
}

textarea {
    padding: 1em;
    min-width: 100px;
    border: 0;
    width: 50%;
    background-color: rgba(236, 239, 241, 1);
    font-size: 18px;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background-color: transparent!important;
}


/* ==========================================================================
animate
========================================================================== */

.icon:nth-child(5):after {
    -webkit-animation: shine 5s ease-in-out infinite;
            animation: shine 5s ease-in-out infinite;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}

.icon:nth-child(8):after {
    -webkit-animation: shine 8s ease-in-out infinite;
            animation: shine 8s ease-in-out infinite;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}

.icon:nth-child(1):after {
    -webkit-animation: shine 3s ease-in-out infinite;
            animation: shine 3s ease-in-out infinite;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}

.icon:nth-child(12):after {
    -webkit-animation: shine 10s ease-in-out infinite;
            animation: shine 10s ease-in-out infinite;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}

.icon:nth-child(15):after {
    -webkit-animation: shine 15s ease-in-out infinite;
            animation: shine 15s ease-in-out infinite;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}

@-webkit-keyframes shine {
    10% {
        opacity: 1;
        top: -30%;
        left: -30%;
        -webkit-transition-property: left, top, opacity;
        transition-property: left, top, opacity;
        -webkit-transition-duration: 0.7s, 0.7s, 0.15s;
                transition-duration: 0.7s, 0.7s, 0.15s;
        -webkit-transition-timing-function: ease;
                transition-timing-function: ease;
    }
    100% {
        opacity: 0;
        top: -30%;
        left: -30%;
        -webkit-transition-property: left, top, opacity;
        transition-property: left, top, opacity;
    }
}

@keyframes shine {
    10% {
        opacity: 1;
        top: -30%;
        left: -30%;
        -webkit-transition-property: left, top, opacity;
        transition-property: left, top, opacity;
        -webkit-transition-duration: 0.7s, 0.7s, 0.15s;
                transition-duration: 0.7s, 0.7s, 0.15s;
        -webkit-transition-timing-function: ease;
                transition-timing-function: ease;
    }
    100% {
        opacity: 0;
        top: -30%;
        left: -30%;
        -webkit-transition-property: left, top, opacity;
        transition-property: left, top, opacity;
    }
}
@-webkit-keyframes spinani {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spinani {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes spinanirev {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes spinanirev {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
/* ==========================================================================
design hack
========================================================================== */
.stripe {
    font-weight: 700;
    text-align: left;
    font-size: 1.75rem;
    margin: 10px 0 10px 0;
    padding:10px;
    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;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: #fff;
     background-color: #C81414;
    color: #fff;
    width: 100%;
}
.stripe span {
    font-size: 0.75rem;
    text-align: right;
    text-transform: inherit;
    font-weight: 400;
    background-color: #C81414;
    padding: 1px 3%;
    height: 32px;
    display: inline-block;
    position: relative;
    color: #fff;
    letter-spacing: 2px;
    margin-right: 22px;
}
.stripe u{
    text-decoration: none;
}
/*
h2.stripe span:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 0 16px 20px;
    border-color: transparent transparent transparent #c81414;
    display:none;
}

h2.stripe u {
    font-style: normal;
    text-decoration: none;
    width: 40%
}
h2.stripe:before,
h2.stripe:after {
content: " ";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  bottom: -10px;
  left: 0;
  z-index: -1;
  position: absolute;
  border-top: 10px solid maroon;
  border-left: 10px solid transparent;
  background: transparent;
}

h2.stripe:after {
  right: 0;
  left: auto;
  border-top: 10px solid maroon;
  border-right: 10px solid transparent;
}*/

/* ==========================================================================
wordpress
========================================================================== */
.hentry.category-blog h2{
    font-size:1.75em;
}
.body.single{
    padding:0;
}
.single {
    width: 100%;
    border: 0px solid red;
    background-color: #fff;
    padding: 5px;
}
.single:before{
    position:absolute;
    top:-1%;
    left:-1%;
    z-index:-1;
    content: '';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width:102%;
    height:800px;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    border:0px solid red;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+29,000000+100&0.65+0,0+100 */ /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.46) 29%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.46) 29%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.content{
    padding:0px;
    /*background-color: #fff;*/
    /* min-height:100vh; */
        overflow: hidden;
}
.featured-img-single{
    width:100%;
        margin: 1em 0;
}
.content:before{
    position:absolute;
    top:-1%;
    left:-1%;
    z-index:-1;
    content: '';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width:102%;
    height:500px;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    border:0px solid red;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+29,000000+100&0.65+0,0+100 */ /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.46) 29%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.765) 0%,rgba(0,0,0,0.6) 29%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.765) 0%,rgba(0,0,0,0.6) 29%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}
.isflex.home-blog h3{
    font-size: 1.1rem;
    display: inline-block;
    text-transform: uppercase;
    margin: 1em 0;
    color:#C81414;
}
.isflex.home-blog h3{
    margin:1em 0 1em 0;
}

.isflex.home-blog article .thumb-blog{
    width: 522px;
    height: 200px;
    overflow: hidden;
}

.isflex.home-blog article img{
    width:100%;
    max-height: 300px;
    min-height: 200px;
}

.page-header{
    width: 100%;
}
.page-content {
    font-weight: 400;
    background-color: rgba(0, 0, 0, 0.00);
    color: rgba(0, 0, 0, 1.00);
    padding: 2em;
    width: 100%;
display: block;
    text-align: left;
    overflow: hidden;
}
.page-content:nth-of-type(1){
    background-color: rgba(0, 0, 0, 1);
    color: rgba(255, 255, 255, 1.0);
    padding: 5em;
        min-height: 422px;
}
.page-content:nth-of-type(1) h1{
    font-weight:400;
    font-size:3rem;
}
.page-content:nth-of-type(1) p{
    color:#fff;
    font-size: 1.25rem;
    text-align: left;
}
.page-content:nth-of-type(1) p.text-align-center{
    text-align: center;
}
h1.header{
    font-size:2.05rem;

    display:inline-block;
    text-indent:-9999px;
    background-position: top;
    background-repeat: no-repeat;
    border:0px solid red;
    width: 100%;
    padding-bottom: 31%;
}
h1.header.promotion{
    background-image:url(../img/page-header-promotion.jpg);
}
h1.header.golden-web{
    background-image:url(../img/page-header-golden-web.jpg);
}
h1.header.golden-mobile{
    background-image:url(../img/page-header-golden-mobile..jpg)
}
h1.header.banking{
    background-image:url(../img/page-header-banking.jpg)
}
h1.header.contact{
    background-image:url(../img/page-header-contactus.jpg)
}
h1.header.register{
    background-image:url(../img/page-header-register.jpg)
}
h1.header.others{
    background-image:url(../img/page-header-blog.jpg)
}
h1.header.slot-online{
    background-image:url(../img/page-header-slot-online.jpg)
}
h1.header.hilo{
    background-image:url(../img/page-header-hilo.jpg)
}
h1.header.pokdeng{
    background-image:url(../img/page-header-pokdeng.jpg)
}
h1.header.livescore{
    background-image:url(../img/page-header-livescore.jpg)
}
h1.header.genting-crown{
    background-image:url(../img/page-header-genting-crown.jpg)
}
h1.header.genting-club{
    background-image:url(../img/page-header-genting-club.jpg)
}
h1.header.gclub-mobile{
    background-image:url(../img/page-header-gclub-mobile.jpg)
}
h1.header.gclub-download{
    background-image:url(../img/page-header-gclub-download.jpg);
}
h1.header.baccarat-casino{
    background-image:url(../img/page-header-baccarrat-casino.jpg);
}
article{
    padding:2rem;
        display: inline-block;
        width: 100%;
}
.page-content h1{
    font-size:1.75rem;
        margin-bottom: 1rem;
}
.page-content h2{
    font-size:1.75rem;
        margin-bottom: 1rem;
}
.page-content h3{
    font-size:1.75rem;
        margin-bottom: 1rem;
}
.page-content h4{
    font-size:1.5rem;
        margin-bottom: 1rem;
}
.page-content h5{
    font-size:1.25rem;
        margin-bottom: 1rem;
}
.page-content h6{
    font-size:1.1rem;
        margin-bottom: 1rem;
}
.page-content ul{
        list-style: disc;
    line-height: 1.5;
    margin: 0 0 2em 2em;

}
.page-content ol{
    list-style-type:decimal;
    line-height: 1.5;
    margin: 0 0 2em 2em;

}
.page-content ol li{
    margin:1em 0;
}
.page-content p{
    line-height: 1.4;
        margin-bottom: 1rem;

}
.page-col-50{
    width:50%;
    display: inline-block;
        float: left;
}
.page-col-50-left{
    width:50%;
    display: inline-block;
    padding:0 2em 0 0;
        float: left;
}

.width-100{
    width:100%;
}
.padding-1{
    padding:1em;
}
.padding-2{
    padding:0em 2em 2em 0;
}
.last{
    text-align: center;
}
.last h3{
    font-size: 1.55rem;
    color: #fff;
    background-color:#C81414;;
    color: gold;
    padding: 1em;
    display: inline-block;
    width: 100%;
}
.img-row img{
    width:33.3%;
}
/* .entrance a{
    display:inline-block;
    width:24%;
    margin:0 1% 0 0;
    background-color:#000;
    color:#fff;
    padding:10px;
    text-align: center;
} */
a.entrance{
    padding: 1em;
    display: inline-block;
    font-weight: 700;
    background-color: rgba(255,255,0 ,1);
    color: rgba(221,44,0 ,1);
    margin: 0 2%;
        font-size: 0.85rem;
        border-radius: 2px;
        overflow: hidden;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
}
a.entrance:hover{
    color: rgba(255,255,0 ,1);
    color: #FFBF00;
    background-color: rgba(221,44,0 ,1);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}
a.entrance:before {
    content: '';
    background: rgba(221,44,0 ,1);
    width: 0px;
    height: 0px;
    border-radius: 50%;
    left: 50%;
    bottom: 50%;
    top: 50%;
    right: 50%;
    margin: auto;
    text-align: center;
    opacity: 1;
    -webkit-transform: translateY(-0%) rotateZ(0deg);
            transform: translateY(-0%) rotateZ(0deg);
    -webkit-transform-origin: left;
            transform-origin: left;
    position: absolute;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a.entrance:hover:before {
content: '';
    background: rgba(221,44,0 ,1);
    width: 200px;
    height: 200px;
    left: 50%;
    bottom: 50%;
    top: 50%;
    right: 50%;
    margin: auto;
    border-radius: 50%;
    text-align: center;
    opacity: 0;
    -webkit-transform: translateX(-50%) rotateZ(0deg);
            transform: translateX(-50%) rotateZ(0deg);
    -webkit-transform-origin: left;
            transform-origin: left;
    position: absolute;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.text-align-center{
    text-align: center;
}
ul.col-2{
    width:100%;
    display:inline-block;
}
ul.col-2 li{
    width:50%;
    float: left;

}
ul.col-3{
    width:100%;
    display:inline-block;
}
ul.col-3 li{
    width:33.333%;
    float: left;

}
.dark{
    background-color: rgba(0, 0, 0, 1.00);
    background-color: #282828;
}
.black{
    background-color: rgba(0, 0, 0, 1.00);
}
.gold{
    color:#FFBF00;
}
.white{
    color:#fff;
}
.page-col-3{
    width:33.3333%;
    padding:0 5% 0 0;
    display: inline-block;
    float:left;
}
.page-col-3 img{
    width: 100%;
}
.blog-page article {
    border: 1px solid rgba(0,0,0,0.2);
    margin-bottom: 20px;
}
/* ==========================================================================
footer
========================================================================== */
footer{
    border:0px solid blue;
}
footer .wrapper{
    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;

}
footer .wrapper div.col-left{
    width:37.25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
footer .wrapper div.col-left > img{
    width:85%;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
footer .wrapper div.col-left div{
    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-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 3em 0 0 0;
}
footer .wrapper div.col-left div p {
    font-size:11px;
    font-weight: 400;
    margin:0 15px;
}
footer .wrapper div.col-left div p span{
    font-size:18px;
    font-weight: 700;
    line-height: 1;
}
footer .wrapper div.col-left div p span:before{
    content: '';
    display: block;
}
footer .wrapper div.col-right{
    width:62.75%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
footer .wrapper div.col-right div ul{
    width:100%;
    margin:0 0 1em 0;
    border:0px solid red;
    overflow:hidden;
    display:inline-block;
}
footer .wrapper div.col-right div ul li{
    width:33%;
    float:left;
    padding:5px 0;
    font-size:14px;
    font-weight: 400;
}
footer .wrapper div.col-right .icon-set{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 1em 0 0 0;
}
footer .wrapper div.col-right .icon-set a{
    display:inline-block;
    border:0px solid red;
}
footer .wrapper div.col-right .icon-set a img{
    width:100%;
}
footer .wrapper .space{
    margin:0 3px;
}
footer a.icon-social{
    border-left: 0px solid #fff;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background-color: #fff;
    margin: 5px 2px 5px 2px;
}
footer a.icon-social i{
    line-height: 1.5;
        margin: 0 0 0 2px;
}
footer .copyright{
    font-size:14px;
    font-weight:400;
    width:95%;
    margin: 2em auto;
    max-width: 1100px;
}
footer .copyright p:last-child{
    text-align: center;
}


















.demo-page{
    background-color: #fff;
    overflow:hidden;
}
.demo-grid figure{
    display: inline-block;
    float: left;
    background-color: #fff;
    border: 1px solid #333;
    width: 25%;
    overflow: hidden;
    /* height: 500px; */
}
.demo-grid figure a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #333;
    width:100%;
}
.demo-grid figure a span{
position: absolute;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    z-index: 7;
    background-color: #C81414;
    padding: 0.75em 1em;
    font-weight: 700;
    color: rgba(255, 255, 255, 1.00);
    display: inline-block;
    width: 120px;
    margin: auto;
    top: 30%;
    left: 100%;
    right: 0;
    box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.595);
    opacity: 0;
}
.demo-grid figure a img{
    width:100%;

}
.demo-grid h1.stripe{
    margin:0 auto;
}
.img-col-3 img{
    width:32%;
}
.btn-red{
    display: inline-block;
    float: left;
    margin: 0 1em;
    padding: 1em;
    border: 1px solid #ccc;

}