h1,
h2,
h3,
h4,
h5,
h6,
ul {
    padding: 0;
    margin: 0
}

.btn-default,
.btn-send-msg,
.form-group label {
    text-transform: uppercase
}

.intro-idnsports .txt,
.setup {
    -webkit-text-fill-color: transparent
}

@font-face {
    font-family: Lato;
    src: url(fonts/Lato-Regular.eot);
    src: url(fonts/Lato-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/Lato-Regular.woff2) format('woff2'), url(fonts/Lato-Regular.woff) format('woff'), url(fonts/Lato-Regular.ttf) format('truetype');
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: formation;
    src: url(fonts/Formation_Sans_Regular.eot?) format("eot"), url(fonts/Formation_Sans_Regular.woff) format("woff"), url(fonts/Formation_Sans_Regular.ttf) format("truetype"), url(fonts/Formation_Sans_Regular.svg#FormationSansRegular-Regular) format("svg");
    font-weight: 400;
    font-style: normal
}

body {
    color: #000000;
    font-family: Lato, sans-serif!important;
    background: #171d22;
    position: relative
}

ul {
    list-style: none
}

ul li {
    display: inline-table
}

a {
    color: #ffffff;
    transition: color .5s ease 0s!important
}

a:focus,
a:hover {
    color: #975ec8;
    text-decoration: none
}
.no-padding{
    padding: 0;
}
span.txt-purple {
    color: #9442d9
}

span.txt-black {
    color: #333333
}

span.txt-white {
    color: #fff
}

span.txt-blue {
    color: #01bfd3
}

span.txt-red {
    color: #b02b30;
}
.txt-gray{
    color:#696969;
}
.txt-purp {
    color: #a83dd0
}
.txt-red{
    color:#831f21;
}
.txt-yellow {
    color: #FFFF00
}
.txt-white{
    color: #b5b4b4;
}

.btn-default {
    background: 0 0;
    color: #fff;
    border: none;
    letter-spacing: .5px
}
.btn-start:focus {
    color: #ffffff !important; 
    background: none !important; 
    border-color: #8c8c8c !important; 
}

.line-top {
    width: 100%;
    height: 5px;
    background: #7c0c0f;
    left: 0
}

.header-top .icon-lang::before,
.header-top .icon-mail::before {
    display: inline-block;
    vertical-align: middle;
}

.header-top {
    background: #171717;
    font-size: 12px;
    vertical-align: middle;
    min-height: 74px;
    padding: 0;
}

.header-top ul.navbar-mail {
    float: left;
    padding: 24.6px 0px;

}

.header-top ul.navbar-mail li a {
    color: #ffffff;
}

.header-top ul.navbar-mail li:first-child a {
    color: #fff;
    font-weight: 700
}

.header-top ul.navbar-mail .glyphicon-chevron-down {
    background: #ab3733;
    padding: 3px;
    font-size: 9px;
    margin-left: 10px;
    border: 1px solid #ce4d49;
    color: #a1b1bc
}

.header-top .icon-lang::before {
    content: url(../img/new/global-ico.png);
    margin-right: 5px
}

.header-top .icon-mail::before {
    content: url(../img/new/envelope-ico.png);
    vertical-align: sub;
}

.mask,
.mask .info,
.top-title {
    position: absolute
}

.header-top ul.dropdown-menu {
    border: none;
    border-top: 3px solid #000000;
    border-radius: 1px;
    background: #171717;
    padding: 0
}

.header-top ul.dropdown-menu li {
    border-left: none;
    border-bottom: 1px solid #3a404f;
    display: block;
    padding: 0
}

.header-top ul.dropdown-menu li:last-child {
    border-bottom: none
}

.header-top ul.dropdown-menu li img {
    margin-right: 5px;
    vertical-align: bottom
}

.brands-tab .brand-img img,
.partnership li {
    vertical-align: middle
}

.header-top ul.dropdown-menu li a {
    color: #a1b1bc!important;
    padding: 10px 25px;
    font-weight: 400!important;
    font-size: 13px!important
}

.header-top ul.dropdown-menu li a:hover {
    background: #262c3c
}

ul.navbar-sosmed li {
    border-left: none;
    display: inline-block;
}

.home-certified-by img:hover,
.home-gameicon img:hover,
.intro-idnlive img:hover,
ul.navbar-sosmed li a:hover img {
    opacity: .7;
    transition: all .4s
}

.navbar-idnplay {
    border-radius: 0;
    border: none;
    width: 100%;
    background: #171717;
    min-height: 74px;
    margin-bottom: 0;
    transition: all .5s!important
}

.navbar-brand>img {
    margin-top: -1px !important;
    transition: all .5s .1s!important
}

.navbar-idnplay .navbar-nav>li>a {
    padding: 27px 15px;
    font-size: 15px;
    color: #a1b1bc
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-idnplay .navbar-nav>li>a:focus,
.navbar-idnplay .navbar-nav>li>a:hover {
    color: #eeb443;
    background-color: transparent;
    border-bottom: 3px solid #eeb443
}

.navbar-idnplay .dropdown-menu {
    margin: 0;
    background: #222533;
    min-width: auto;
    border: none;
    border-radius: 1px;
    padding: 0
}

.navbar-idnplay .dropdown-menu li {
    border-bottom: 1px solid #3a404f;
    display: block;
    padding: 0
}

.navbar-idnplay .dropdown-menu li:last-child {
    border-bottom: none
}

.navbar-idnplay ul.dropdown-menu li a {
    color: #a1b1bc!important;
    padding: 10px 25px;
    font-weight: 400!important;
    font-size: 13px!important
}

#carousel-idnplay .carousel-caption .txt,
#carousel-idnplay .carousel-caption h2.title {
    color: #ffffff;
    font-size: 37px;
    font-weight: 700;
}

.navbar-idnplay .dropdown-menu>li.active a,
.navbar-idnplay .dropdown-menu>li>a:focus,
.navbar-idnplay .dropdown-menu>li>a:hover {
    background: #171717;
}

#carousel-idnplay .carousel-indicators {
    text-align: left
}

#carousel-idnplay .fill {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

#carousel-idnplay .carousel-caption {
    top: 14%;
    color: #b7b7b7;
    text-align: center;
}

#carousel-idnplay .carousel-caption .txt {
    color: #fff
}

/*#carousel-idnplay .line-slide {
    background: url(img/line-slide.png) left top no-repeat;
    width: 100%;
    height: 6px;
    margin: 30px -45px 50px
    margin: -5px -45px 50px;
}*/

#carousel-idnplay .carousel-caption .txt-idnplay {
    color: #e3e3e3
}

#carousel-idnplay .carousel-caption .btn {
    padding: 0
}

#carousel-idnplay .carousel-caption .join-btn {
    background-image: url(../img/idnpartners-join-btn.png);
    height: 62px;
    width: 300px;
    background-size: 300px;
    text-align: center
}

#carousel-idnplay .carousel-caption .join-span {
    font-size: 25px;
    color: #000000;
}

#carousel-idnplay .carousel-caption .btn-default:hover{
    background: url(../img/idnpartners-join-btn.png);
    height: 62px;
    width: 300px;
    background-size: 300px;
    color: #9442d9!important
}

.form-control {
    background: #f1e8e1;
    border: 1px solid #d1c6b9;
    color: #333333!important
}

.form-control:focus {
    border-color: #d1c6b9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(89, 35, 113, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(167, 146, 177, 0.6);
}
/* 
.about-tab,
.brands-tab,
.concept-tab,
.news-tab,
.steps-tab,
.terms-tab {
    border-top: #000000 2px solid;
    border-bottom: #000000 2px solid;
    line-height: 25px
} */

.form-group label {
    font-size: 13px;
    color: #ffffff;
    font-weight: normal;
}

.header-title {
    text-align: center;
    padding-bottom: 25px;
    font-size: 35px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 3px
}

.header-sub {
    text-align: center;
    margin: 0!important;
    font-size: 15px;
    color: #ffffff;
    line-height: 26px;
}

.concept-tab {
  background: #131313 url('../img/new/concept-bg.jpg'); 
  background-repeat: no-repeat; 
  background-size: cover;
  background-position: center center;
}

.concept-tab li {
    margin: 30px 0px;
    text-align: center
}

.concept-tab .title {
    color: #ffffff;
    font-family: Open Sans;
    font-size: 13px;
    line-height: 24px;
    margin-top: 1rem !important;
}

.concept-tab .txt {
    color: #a1b1bc
}

.concept-tab .readmore {
    color: #975ec8
}

.concept-tab .readmore:hover {
    color: #fff
}

/* .commission-tab {
    padding: 0;
    background: url(img/idnpartners-commission-bg.jpg) center top no-repeat;
    background-size: cover;
    color: #fff;
    text-align: center;
    min-height: 600px
} */

.commission-tab h2.title {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 2px
}

.commission-tab .txt {
    padding: 10px 0 40px;
    letter-spacing: .5px
}

.commission-tab .cash-bag img {
    width: 118%
}

.commission-tab .com-text img {
    width: 100%;
    margin: 100px 0 0 -40px
}

.steps-tab {
  background: #131313 url('../img/new/howtojoin-bg.jpg'); 
  background-repeat: no-repeat; 
  background-size: cover;
  background-position: center center;
}

.commission-tab {
    background: #131313 url('../img/new/commission-bg.jpg'); 
    background-repeat: no-repeat; 
    background-size: cover;
    background-position: center center;
}

.steps-tab li {
    padding: 30px 0px;
    text-align: center
}

.step2 li {
    padding: 0;
    text-align: center
}

.steps-tab img {
    width: 170px
}

.steps-tab .title {
    color: #fdbd00;
    font-family: Open Sans;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 1px;
}

.steps-tab .step-title {
    color: #fdbd00;
    font-family: Open Sans;
    font-size: 18px;
    margin-top: 25px;
}

.steps-tab .txt {
    color: #ffffff;
    font-family: Open Sans;
    font-size: 14px;
    line-height: 21px;
}

.steps-tab .readmore {
    color: #975ec8
}

.steps-tab .readmore:hover {
    color: #fff
}

.about-tab li {
    padding: 50px 20px;
    text-align: center
}

.about-tab {
    background: #131313 url('../img/new/aboutus-bg.jpg'); 
    background-repeat: no-repeat; 
    background-size: cover;
    background-position: center center;
}

.about-tab img {
    padding: 0 0 25px;
    width: 100%
}

.about-tab .title {
    color: #fff;
    font-size: 17px
}

.about-tab .txt {
    color: #a1b1bc
}

.about-tab .readmore {
    color: #975ec8
}

.about-tab .readmore:hover {
    color: #fff
}

.brands-tab {
    background: #131313 url('../img/new/mobile-brands-bg.jpg'); 
    background-repeat: no-repeat; 
    background-size: cover;
    background-position: center center;
}

.brands-tab li {
    padding: 20px;
    text-align: center
}

.brands-tab .than-poker {
    margin-top: 0
}

.brands-tab .brands-title {
    color: #fff;
    font-size: 20px;
    margin-top: 15px
}

.brands-tab .txt {
    color: #a1b1bc;
    font-size: 16px
}

.brands-tab .brand-img {
    height: 100px;
    width: auto
}

.provider-tab {
    background: #1c1c1c;
    min-height: 180px
}

.provider-title{
    font-size: 20px;
    margin: 35px 0px 0px 13px;
    text-align: center;
}

.provider-line{
    border: 1px solid #8e1316;
    margin-top: 10px;
}

.provider-logo{
    background-image: url('img/shen/sprite.png');
}

.provider-logo2{
    background-image: url('img/shen/sprite2.png');
}
.provider-margin{
    margin-top: 20px;
}

.provider-playson{
    height: 60px;
    width: 250px;
    background-position: -1732px 0px;
    margin: 0 auto;
}

.provider-playson:hover{
    height: 60px;
    width: 250px;
    background-position: -1732px 4px;
}

.provider-spadegaming{
    height: 60px;
    width: 250px;
    background-position: -3630px -9px;
    margin: 0 auto;
}

.provider-spadegaming:hover{
    height: 60px;
    width: 250px;
    background-position: -3630px -5px;
}

.provider-playstar{
    height: 62px;
    width: 214px;
    background-position: -9148px -84px;
    background-size: 3303px 154px;
    margin: 0 auto;
}

.provider-pragmatic{
    height: 68px;
    width: 223px;
    background-position: -18020px -8px;
    background-size: 4700px 163px;
    margin: 0 auto;
}
.provider-pragmatic:hover{
    height: 68px;
    width: 223px;
    background-position: -18020px -7px;
    background-size: 4700px 163px;
}

.provider-opus{
    height: 65px;
    width: 169px;
    background-position: -1712px -5px;
    background-size: 3000px 143px;
    margin: 0 auto;
}
.provider-opus:hover{
    height: 65px;
    width: 169px;
    background-position: -1712px -147px;
    background-size: 3000px 143px;
}
.provider-oriental{
    height: 65px;
    width: 174px;
    background-position: -2383px -4px;
    background-size: 3800px 143px;
    margin: 0 auto;
}
.provider-oriental:hover{
    height: 65px;
    width: 174px;
    background-position: -2383px -147px;
    background-size: 3800px 143px;
}
.provider-ag{
    height: 65px;
    width: 165px;
    background-position: -214px -2px;
    background-size: 3500px 143px;
    margin: 0 auto;
}
.provider-ag:hover{
    height: 65px;
    width: 165px;
    background-position: -214px -147px;
    background-size: 3500px 143px;
}
.provider-ebet{
    height: 65px;
    width: 215px;
    background-position: -267px 1px;
    background-size: 2500px 120px;
    margin: 0 auto;
}
.provider-ebet:hover{
    height: 65px;
    width: 215px;
    background-position: -267px -120px;
    background-size: 2500px 120px;
}
.provider-a2live{
    height: 65px;
    width: 162px;
    background-position: 0px -2px;
    background-size: 2500px 130px;
    margin: 0 auto;
}
.provider-a2live:hover{
    height: 65px;
    width: 162px;
    background-position: 0px -131.5px;
    background-size: 2500px 130px;
}
.provider-vivo{
    height: 65px;
    width: 165px;
    background-position: -3344px 0px;
    background-size: 3500px 143px;
    margin: 0 auto;
}
.provider-vivo:hover{
    height: 65px;
    width: 165px;
    background-position: -3344px -147px;
    background-size: 3500px 143px;
}
.provider-ezugi{
    height: 65px;
    width: 169px;
    background-position: -570px -7px;
    background-size: 3000px 143px;
    margin: 0 auto;
}
.provider-ezugi:hover{
    height: 65px;
    width: 169px;
    background-position: -570px -147px;
    background-size: 3000px 143px;
}
.provider-ioncasino{
    height: 65px;
    width: 173px;
    background-position: -1266px -5px;
    background-size: 3000px 143px;
    margin: 0 auto;
}
.provider-ioncasino:hover{
    height: 65px;
    width: 173px;
    background-position: -1266px -147px;
    background-size: 3000px 143px;
}
.provider-luckystrike{
    height: 52px;
    width: 210px;
    background-position: -1206px 3px;
    background-size: 2500px 90px;
    margin: 0 auto;
}
.provider-luckystrike:hover{
    height: 52px;
    width: 210px;
    background-position: -1206px -87px;
    background-size: 2500px 90px;
}
.provider-deluxe{
    height: 65px;
    width: 148px;
    background-position: -741px 0px;
    background-size: 3000px 143px;
    margin: 0 auto;
}
.provider-deluxe:hover{
    height: 65px;
    width: 148px;
    background-position: -741px -147px;
    background-size: 3000px 143px;
}
.provider-idnplay{
    height: 42px;
    width: 214px;
    background-position: -503px -5px;
    background-size: 1700px 90px;
    margin: 0 auto;
}
.provider-idnplay:hover{
    height: 42px;
    width: 214px;
    background-position: -503px -96px;
    background-size: 1700px 90px;
}

.footer-nav{
    margin-left: 76px;
    margin-bottom: 5px;
    color: #696969;
}
.footer-nav a{
    color: #696969;
}
.footer-navs{
    float: left;
    margin-top: -8px;
}
.footer-navs-cn{
    margin-left: 45px;
    float: left;
    margin-top: -8px;
}
.footer-navs-th{
    margin-left: 15px;
    float: left;
    margin-top: -8px;
}
.footer-navs a:hover{
    color: #c3c3c3 !important;
}
.footer-navs-cn a:hover{
    color: #c3c3c3 !important;
}

.news-tab li {
    padding: 0;
    text-align: center
}

.news-tab,
.terms-tab {
    background: #131313 url(../img/new/concept-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.news {
    height: 270px
}

.mask {
    background: rgba(0, 0, 0, .8);
    height: inherit;
    width: 93%;
    margin: 0 10px;
    display: none
}

.mask .info {
    width: 71px;
    height: 75px;
    background: url(img/mask-hover.png) no-repeat;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.li-center li:hover .mask {
    display: block
}

.li-center li a i {
    color: #a1b1bc!important
}

.top-title {
    z-index: 100
}

.new-top-title {
    margin: 0 -3px;
    text-align: center;
    width: auto
}

.news-tab .new-top-title p {
    color: #fff;
    font-size: 15px;
    margin: 0
}

.purple-bg {
    background: #a947d0
}

.blue-bg {
    background: #01bfd3
}

.news-tab img {
    padding: 0
}

.news-social-icons {
    font-size: 18px!important;
    margin: 6px 14px 0 0
}

.news-social-img {
    width: 18px;
    margin: -8px 9px 0 0
}

.news-tab .news-text {
    background: #222533;
    text-align: left;
    margin: 0 11px;
    border: 1px solid #353845
}

.about-intro,
.about-product li,
.copyright,
.home-gameicon,
.read-more-btn {
    text-align: center
}

.news-tab .news-head {
    border-bottom: 1px solid #353845;
    padding: 10px 10px 0
}

.news-tab .news-body {
    padding: 10px 10px 0
}

.news-tab .title {
    color: #fff;
    font-size: 17px;
    margin: 0
}

.news-tab .txt {
    color: #a1b1bc
}

.news-tab .readmore {
    color: #975ec8
}

.news-tab .readmore:hover,
.read-span {
    color: #fff
}

.read-more-btn {
    margin: 40px 0px 0px 0px;
}

.read-more {
    color: #ffffff;
    font-size: 14px;
    font-family: Open Sans;
    letter-spacing: 1px;
    padding: 15px 70px;
    border-radius: 5px;
    border: none;
    background: #232323 url(../img/new/home-btn.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 40px;
}

.read-span {
    font-size: 16px;
    margin-left: -10px
}

.read-more:hover .read-span {
    color: #975ec8;
    text-decoration: none;
    transition: color .5s ease 0s!important
}

.terms-link,
.terms-link:hover {
    text-decoration: underline
}

.btn-send-msg {
    color: #ffffff;
    font-size: 18px;
    text-transform: none;
    font-family: Open Sans;
    letter-spacing: 1px;
    padding: 13px 24px;
    border-radius: 5px;
    align-items: center;
    display: flex;
    margin: 0px;
    border: none;
    background: #710202 url(../img/new/contact-btn.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}

.send-icon {
    background-image: url(../img/new/icon-send.png);
    height: 30px;
    width: 30px;
    margin-left: 1.5rem!important;
}

.home-video {
    background: url(img/bg-home-video.png) center bottom no-repeat;
    height: 446px;
    width: 100%
}

.home-video iframe {
    margin-top: 40px
}

.home-gameicon {
    padding: 20px 0;
    background: #14161f
}

.home-gameicon ul li {
    padding: 0 17px;
    margin-bottom: 5px
}

.home-mainfooter {
    padding: 50px 0 70px;
    background: #222533;
    position: relative
}

.home-mainfooter ul li {
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #343b48
}

.home-mainfooter ul li:last-child {
    border-bottom: none
}

.about-product,
.services-api,
.services-wl {
    border-bottom: #2b2b2b 2px solid
}

.home-mainfooter h4.title {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 5px;
    font-weight: 700
}

.home-mainfooter .line::after {
    content: "";
    height: 3px;
    width: 70px;
    background: #7627a8;
    position: absolute
}

.home-mainfooter .line {
    margin-bottom: 35px
}

.home-mainfooter li a {
    color: #31c4d4
}

.home-mainfooter li a:hover {
    color: #975ec8
}

.home-mainfooter ul li .title {
    font-size: 15px;
    font-weight: 400;
    color: #ecf0f1
}

.about-intro h1.title,
.home-about-idnplay a,
.title-contact h1.title {
    font-weight: 700;
    text-transform: uppercase
}

.home-about-idnplay .txt {
    padding-top: 10px
}

.home-footer {
    padding: 20px 0px 15px 0px;
    background: #131313;
    font-size: 13px
}

.copyright {
    margin-top: 18px !important;
}

.poweredby {
    padding: 19px 0
}

.poweredby {
    float: left
}

.home-footer .copyright a {
    color: #ad2d31;
}

.home-footer .idnplay-logo {
    width: 140px;
    margin: -5px 40px 0 10px
}

.home-footer .copyright a:hover {
    color: #975ec8
}

.triangle {
    background: #222533
}

.triangle-arrow-down::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 30px solid #14161f;
    margin: 0 auto;
    display: block;
    position: relative
}

.menu-sticky {
    top: 0;
    position: fixed;
    display: block;
    z-index: 999;
    opacity: .95;
    min-height: 70px;
    transition: all .5s
}

.menu-sticky .navbar-brand>img {
    width: 95%;
    margin-top: 10px;
    transition: all .5s
}

.about-intro {
    background: url(img/bg-about-parallax.jpg) center top no-repeat;
    background-size: cover;
    height: 444px
}

.about-intro h1.title {
    color: #fff;
    letter-spacing: 1px;
    font-size: 40px;
    padding: 80px 0 20px
}

.about-intro .txt {
    width: 80%;
    color: #9b9a9d;
    margin: 0 auto;
    line-height: 25px;
    font-size: 16px
}

.about-intro2 {
    background: #14161f;
    border-top: #2b2b2b 1px solid;
    position: relative;
    height: 250px
}

.image-intro {
    position: absolute;
    background: url(img/about-us-intro.png) center center no-repeat;
    height: 422px;
    width: 100%;
    margin-top: -198px;
    left: 0
}

.about-product {
    background: #0b0c11;
    border-top: #2b2b2b 2px solid
}

.about-product li {
    padding: 50px 20px;
    border-right: #242836 solid 1px
}

.about-product li:last-child {
    border-right: none
}

.about-product li:hover {
    background: #191b27;
    transition: all .5s
}

.setup {
    font-family: formation;
    font-size: 19px;
    background: -webkit-linear-gradient(#fcfcfc, #d1d2d5, #fcfcfc, #9c9ea5, #d1d2d5);
    -webkit-background-clip: text
}

.line-services {
    background: url(img/line-services.png) center top no-repeat;
    width: 100%;
    height: 4px;
    margin: 15px 0
}

.services-api {
    background: url(img/bg-services-parallax1.jpg) center top no-repeat;
    background-size: cover;
    height: 444px
}

.image-services-api img {
    width: 115%;
    position: absolute
}

.services-api h1.title,
.services-mobile h1.title,
.services-wl h1.title {
    color: #fff;
    font-size: 43px;
    font-weight: 700;
    text-transform: uppercase
}

.services-api .txt1 {
    color: #1ab9ca;
    font-size: 18px
}

.services-api .txtimg {
    margin-top: 13%;
    line-height: 25px;
    overflow: hidden
}

.services-wl {
    background: #14161f;
    height: 400px
}

.form-contact,
.partner-clients {
    border-bottom: 2px solid #343434
}

.services-wl .image-phone {
    display: none
}

.services-wl .txtimg {
    margin-top: 10%;
    line-height: 25px;
    overflow: hidden
}

.services-wl .txt {
    color: #b7b7b7;
    width: 88%
}

.services-wl .txt1 {
    color: #1ab9ca;
    font-size: 16px
}

.image-services-wl img {
    width: 134%;
    margin-left: -30%;
    margin-top: 5%
}

.services-mobile {
    background: url(img/bg-services-parallax2.jpg) center top no-repeat;
    height: 90px
}

.image-services-mobile {
    margin-top: -3%
}

.image-services-mobile img {
    width: 115%;
    position: absolute
}

.partnership li,
ul.galleryimg li {
    position: relative;
    text-align: center
}

.services-mobile .txtimg {
    float: right;
    margin-top: 6%;
    line-height: 25px;
    overflow: hidden
}

.services-mobile .txt1 {
    color: #1ab9ca;
    font-size: 18px
}

.services-mobile .txt {
    color: #d0d0d0
}

.title-contact {
    background: url(img/shen/home-bg.jpg) center top no-repeat;
    background-size: cover;
    height: 230px;
    text-align: center
}

.title-contact h1.title {
    color: #fff;
    letter-spacing: 1px;
    font-size: 40px;
    padding: 80px 0 20px
}

.title-contact .txt {
    color: #333333;
    line-height: 25px;
    font-size: 16px
}

.contact-tab {
    background: #131313 url(../img/new/contactus-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.contactform {
    padding-right: 40px
}

.contactinfo {
    line-height: 20px;
    border-left: 1px #222533 solid;
    padding: 0 0 0 15px
}

.contactinfo .navbar-sosmed {
    float: none
}

.contactinfo .navbar-sosmed li:first-child {
    padding-left: 0
}

.contactinfo h3 {
    color: #fdbd00;
    font-size: 24px;
    margin-bottom: 10px;
}

.contactinfo .txt {
    padding-bottom: 20px;
    color: #ffffff;
    font-family: Open Sans;
    font-size: 13px;
    line-height: 21px;
}

.contactinfo .titlecontact {
    color: #01bfd3;
    text-transform: uppercase;
    font-size: 20px
}

.contactinfo .txtcontact {
    font-size: 17px;
    color: #ffffff;
}

.terms-link {
    text-align: center;
    font-size: 14px;
    padding-top: 17px
}

.title-clients h1.title,
.title-media h1.title {
    padding: 80px 0 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700
}

.title-clients {
    background: url(img/bg-clients.jpg) center top no-repeat;
    background-size: cover;
    height: 565px;
    text-align: center
}

.title-clients h1.title {
    color: #fff;
    font-size: 40px
}

.title-clients .txt {
    width: 73%;
    margin: 0 auto;
    color: #9b9a9d;
    line-height: 25px;
    font-size: 16px
}

.partner-clients {
    background: #14161f;
    border-top: 2px solid #2b2b2b
}

.partnership {
    margin-top: -26%
}

.partnership ul {
    margin-bottom: 70px
}

.partnership li {
    width: 290px;
    height: 200px;
    margin-left: -1px;
    -webkit-transition: all .2s ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all .2s ease-in;
    -ms-transform: scale(1);
    -moz-transition: all .2s ease-in;
    -moz-transform: scale(1);
    transition: all .2s ease-in;
    transform: scale(1)
}

.partnership li.bg1 {
    background: #2b3041
}

.partnership li.bg2 {
    background: #222533
}

.partnership li:hover {
    background: #181a21;
    border: 2px solid #3a2b52;
    z-index: 2;
    -webkit-transition: all .2s ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all .2s ease-in;
    -ms-transform: scale(1.1);
    -moz-transition: all .2s ease-in;
    -moz-transform: scale(1.1);
    transition: all .2s ease-in;
    transform: scale(1.1)
}

.partnership li:hover .titleclientlogo {
    display: block!important;
    color: #c266e5;
    font-weight: 700;
    margin-top: -30px
}

.title-media {
    background: url(img/bg-media.jpg) center top no-repeat;
    background-size: cover;
    height: 235px;
    text-align: center
}

.title-media h1.title {
    color: #fff;
    font-size: 40px
}

.title-media .txt {
    color: #9b9a9d;
    line-height: 25px;
    font-size: 16px
}

.content-media {
    background: #14161f;
    border-top: 2px solid #33252c;
    border-bottom: 2px solid #343434;
    padding-bottom: 30px
}

ul.tab-media {
    margin-bottom: 30px;
    text-align: center;
    margin-top: -123px
}

ul.tab-media li {
    margin-right: 5px;
    margin-bottom: 10px
}

ul.tab-media li:last-child {
    margin-right: none
}

ul.tab-media li a.media-list-img figure {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -khtml-border-radius: 50%;
    background: #222533
}

ul.tab-media li a .media-list-img img {
    opacity: .65;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -khtml-border-radius: 50%;
    border: 4px solid #14161f
}

.slide-idnlive .carousel-control,
ul.tab-media li a:hover img,
ul.tab-media li.active a img {
    opacity: 1
}

ul.tab-media li a .media-list-img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -khtml-border-radius: 50%;
    background: 0 0;
    padding: 3px
}

ul.tab-media li a:hover .media-list-img,
ul.tab-media li.active a .media-list-img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -khtml-border-radius: 50%;
    background: linear-gradient(to right, #8c06b8 0, #0198c9 100%);
    padding: 3px
}

.panel-media,
ul.tab-media li a:hover figure,
ul.tab-media li.active a figure {
    background: 0 0
}

ul.tab-media li a .media-list-title {
    text-transform: uppercase;
    color: #c2c2c2;
    font-weight: 700;
    text-align: center;
    padding: 10px;
    font-size: 16px
}

ul.tab-media li a:hover .media-list-title,
ul.tab-media li.active a .media-list-title {
    color: #b84ce1;
    font-weight: 700
}

.tab-media-content .tab-pane.active {
    border-top: 2px solid #343434;
    margin-bottom: 30px;
    padding-top: 50px
}

.panel-media {
    border: none;
    border-radius: 0;
    box-shadow: none
}

.panel-media .panel-heading {
    color: #fff;
    background-color: #252b3f;
    border-radius: 5px;
    padding-top: 9px;
    padding-bottom: 8px
}

.panel-media .activepanel,
.panel-media a:hover .panel-heading {
    padding-top: 9px;
    padding-bottom: 8px;
    background-color: #2da0c6
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: none
}

.panel-media .indicator {
    margin: -10px 10px -10px -15px;
    padding: 10px;
    background: #2f364f;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    color: #21c2f8
}

.panel-media .activeindicator,
.panel-media a:hover .indicator {
    background: #8433a4
}

.panel-media .panel-title a {
    text-transform: uppercase
}

.panel-media .panel-title a:focus,
.panel-media .panel-title a:hover {
    color: #fff
}

.panel-media .date {
    padding-top: 2px;
    font-size: 13px
}

.panel-media ul.title {
    color: #a947d0;
    font-size: 16px;
    margin-bottom: 15px
}

.panel-media .panel-body {
    color: #bbb
}

ul.galleryimg li {
    height: 161px;
    width: 263px;
    margin-right: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    background: #000
}

ul.galleryimg li img {
    display: block;
    width: 100%;
    overflow: hidden;
    position: absolute;
    clip: rect(0, 263px, 161px, 0)
}

ul.galleryimg li:last-child {
    margin-right: 0
}

ul.galleryimg li .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 777
}

ul.galleryimg li:hover .mask .info {
    width: 71px;
    height: 75px;
    background: url(img/mask-hover.png) no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

ul.galleryimg li:hover .mask {
    background: rgba(0, 0, 0, .8)
}

ul.listevents li {
    width: 270px;
    margin-right: 12px;
    margin-bottom: 30px
}

.events-box {
    background: #222533;
    border: 1px solid #353845;
    padding: 10px;
    width: 270px
}

.featured-idnpoker,
.intro-idnlive,
.intro-idnpoker,
.intro-idnsports,
.moregames-idnpoker {
    border-bottom: 2px solid #2b2b2b
}

.events-box .left {
    float: left
}

.events-box .right {
    float: right
}

.events-box .title {
    margin-bottom: 10px
}

.events-box .title .ttl {
    color: #fff;
    font-size: 18px
}

.events-image {
    position: relative
}

.events-image .events-name {
    position: absolute;
    background: #01bfd3;
    padding: 3px 10px;
    color: #fff;
    top: 0;
    left: 0;
    z-index: 888
}

.events-image .events-name.active {
    background: #a947d0
}

.events-image .mask {
    width: 270px;
    height: 270px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 777
}

.events-image:hover .mask .info {
    width: 71px;
    height: 75px;
    background: url(img/mask-hover.png) no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.events-image:hover .mask {
    background: rgba(0, 0, 0, .8)
}

.events-box .content {
    padding-top: 10px;
    border-top: 1px solid #353845
}

.home-idnlive,
.home-idnpoker,
.home-idnsports {
    border-top: 2px solid #343434;
    border-bottom: 2px solid #2b2b2b
}

.events-more-left {
    float: left;
    width: 300px;
    border-right: 1px solid #353845
}

.events-more-right {
    float: right;
    width: 810px
}

.events-content h2.ttl {
    color: #fff;
    text-transform: uppercase
}

.events-content .dateplace {
    color: #a947d0;
    font-size: 16px
}

.events-content .txt {
    padding-top: 20px;
    padding-bottom: 20px;
    color: #bbb
}

.events-content .gallery {
    margin-top: 40px
}

.events-content .gallery .title {
    color: #18b9cf;
    font-weight: 700
}

.events-content .gallery ul li a {
    color: #fff;
    font-size: 30px
}

.events-content .gallery ul li a:hover {
    color: #975ec8
}

.events-content .gallery img {
    display: block;
    width: 100%;
    overflow: hidden;
    position: absolute;
    clip: rect(0, 230px, 141px, 0)
}

#corousel-idnlive-phone.hidden-nophone,
.featured-image-mobile,
.list-featured.left.mobile,
.live-idnpoker .imagelive-phone,
.slide-idnlive .carousel-indicators {
    display: none
}

.events-content .gallery ul li {
    margin-right: 10px;
    height: 141px;
    width: 230px;
    overflow: hidden;
    position: relative;
    text-align: center;
    background: #000
}

.events-content .gallery ul li:last-child {
    height: 30px;
    width: 30px;
    text-align: center;
    background: 0 0
}

.events-content .gallery ul li:last-child a {
    position: absolute
}

.events-content .gallery li .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 777
}

.events-content .gallery li:hover .mask .info {
    width: 71px;
    height: 75px;
    background: url(img/mask-hover.png) no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.events-content .gallery li:hover .mask {
    background: rgba(0, 0, 0, .8)
}

.title-idnsports {
    background: url(img/bg-idnsports.jpg) center top no-repeat;
    background-size: cover;
    height: 494px;
    text-align: center
}

.title-idnsports h1.title {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 40px;
    padding: 80px 0 20px
}

.title-idnsports .txt {
    width: 50%;
    margin: 0 auto;
    color: #9b9a9d;
    line-height: 25px;
    font-size: 16px
}

.home-idnsports {
    background: #11131b;
    position: relative;
    height: 157px
}

.bg-home-idnsports {
    background: url(img/bg-products-idnsports.png) center bottom no-repeat;
    height: 434px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0
}

.intro-idnsports {
    background: #0b0c11;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 20px;
    font-weight: 700
}

.intro-idnsports .txt {
    background: -webkit-linear-gradient(#ecedee, #ecedee, #868687, #e0e0e0);
    -webkit-background-clip: text
}

.title-idnlive {
    background: url(img/bg-idnlive.jpg) center top no-repeat;
    background-size: cover;
    height: 494px;
    text-align: center
}

.title-idnlive h1.title {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 40px;
    padding: 80px 0 20px
}

.title-idnlive .txt {
    width: 60%;
    margin: 0 auto;
    color: #9b9a9d;
    line-height: 25px;
    font-size: 16px
}

.home-idnlive {
    background: #11131b;
    position: relative;
    height: 157px
}

.bg-home-idnlive {
    background: url(img/bg-products-idnlive.png) center bottom no-repeat;
    height: 434px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0
}

.intro-idnlive {
    background: #0b0c11;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 16px
}

.intro-idnlive li {
    padding: 0 44px
}

.slide-idnlive {
    background: #14161f;
    padding-top: 50px;
    padding-bottom: 50px
}

.slide-idnlive .carousel .img {
    width: auto
}

.slide-idnlive .carousel {
    margin-bottom: 0;
    padding: 0 60px
}

#toTop,
.slide-idnlive .carousel-control:hover {
    opacity: .5
}

.slide-idnlive .carousel-control.left {
    background: 0 0;
    left: 20px;
    width: 25px
}

.slide-idnlive .carousel-control.right {
    background: 0 0;
    right: 20px;
    width: 25px
}

.slide-idnlive .gamename {
    text-align: center;
    font-size: 18px;
    padding-top: 20px;
    letter-spacing: .5
}

.slide-idnlive .image-slide {
    position: relative
}

.slide-idnlive .image-slide .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 777
}

.slide-idnlive .image-slide:hover .mask {
    background: rgba(0, 0, 0, .8)
}

.slide-idnlive .image-slide:hover .info {
    width: 71px;
    height: 75px;
    background: url(img/mask-hover.png) no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.title-idnpoker {
    background: url(img/bg-idnpoker.jpg) center top no-repeat;
    background-size: cover;
    height: 407px;
    text-align: center
}

.title-idnpoker h1.title {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 40px;
    padding: 80px 0 20px
}

.title-idnpoker .txt {
    width: 73%;
    margin: 0 auto;
    color: #9b9a9d;
    line-height: 25px;
    font-size: 16px
}

.home-idnpoker {
    background: #11131b;
    position: relative;
    height: 250px
}

.bg-home-idnpoker {
    background: url(img/bg-products-idnpoker.png) center bottom no-repeat;
    height: 389px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 40px
}

.intro-idnpoker {
    background: #0b0c11;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    font-size: 11px
}

.intro-idnpoker li img {
    vertical-align: middle;
    float: left
}

.intro-idnpoker li {
    padding: 0 20px;
    text-align: left
}

.featured-idnpoker {
    background: #14161f;
    padding-top: 50px;
    padding-bottom: 50px;
    overflow: hidden
}

.featured-idnpoker ul li {
    margin-right: 30px
}

.featured-idnpoker ul li:last-child {
    margin-right: 0
}

.list-featured-image {
    width: 44%;
    text-align: center
}

.list-featured {
    width: 25%;
    vertical-align: top
}

.list-featured.left {
    text-align: right
}

.list-featured .featured {
    padding: 50px 0
}

.list-featured .featured .title {
    color: #01e9ff;
    font-size: 16px;
    padding-bottom: 5px
}

.live-idnpoker {
    background: url(img/bg-idnpoker2.jpg) center top no-repeat;
    background-size: cover;
    height: 414px
}

.live-idnpoker .txtimg {
    margin-top: 104px
}

.live-idnpoker .title {
    color: #fff;
    font-weight: 700;
    letter-spacing: 1
}

.live-idnpoker .title img {
    margin-bottom: 10px
}

.live-idnpoker .txt1 {
    color: #1ab9ca;
    font-size: 16px;
    padding-bottom: 20px
}

.live-idnpoker .line {
    background: url(img/line-slide.png) left top no-repeat;
    width: 700px;
    height: 6px;
    margin: 5px 0 15px -40px
}

.moregames-idnpoker {
    background: #14161f;
    padding-top: 50px;
    padding-bottom: 50px
}

.carousel-select {
    float: left
}

.list-moregame li {
    display: block;
    position: relative;
    margin-bottom: 15px;
    padding: 0
}

#toTop,
.imagemobile-mobile {
    display: none
}

.list-moregame img {
    width: 85px
}

ul.list-moregame li .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 888;
    cursor: pointer;
    background: rgba(34, 36, 50, .75)
}

ul.list-moregame li a.selected .mask,
ul.list-moregame li a:hover .mask {
    background: 0 0
}

#corousel-idnpoker .gamename {
    color: #1ab9ca;
    font-size: 16px;
    margin-top: 30px;
    text-transform: uppercase
}

#corousel-idnpoker .title {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase
}

#corousel-idnpoker .line {
    background: url(img/line-slide.png) left top no-repeat;
    width: 700px;
    height: 6px;
    margin: 5px 0 15px -40px
}

.mobile-idnpoker {
    background: url(img/bg-idnpoker-mobile.jpg) center top no-repeat #000;
    height: 600px
}

.mobile-idnpoker .txtimg {
    margin-top: 160px
}

.mobile-idnpoker .title {
    color: #fff;
    font-weight: 700;
    letter-spacing: 1
}

.mobile-idnpoker .imagemobile-apk {
    margin-left: -180px
}

.mobile-idnpoker .txt1 {
    color: #1ab9ca;
    font-size: 16px;
    padding-bottom: 20px
}

#toTop {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 99999;
    cursor: pointer;
    color: #fff;
    font-size: 35px
}

#toTop:hover {
    opacity: .7
}

.head-btn {
    width: 150px;
    height: 30px;
    font-size: 15px;
    font-family: Lato;
    font-weight: 400;
    border-radius: 2px;
    border: none;
    color: #fff
}

.sign-up {
    text-shadow: 1px 1px 0px #7d5800;
    color: #ffffff;
    border: none;
    height: 65px;
    font-size: 17px;
    width: 150px;
    border-radius: 5px;
    background: #7d5800;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#b58000) to(#3d2b00));
    background: -webkit-linear-gradient(#b58000, #3d2b00);
    background: -moz-linear-gradient(#b58000, #3d2b00);
    background: -ms-linear-gradient(#b58000, #3d2b00);
    background: -o-linear-gradient(#b58000, #3d2b00);
    background: linear-gradient(#b58000, #3d2b00);
    -pie-background: linear-gradient(#b58000, #3d2b00);
}

.sign-in {
    text-shadow: 1px 1px 0px #242424;
    color: #ffffff;
    border: none;
    height: 65px;
    font-size: 17px;
    width: 150px;
    margin-right: 5px;
    border-radius: 5px;
    background: #242424;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#333333) to(#151515));
    background: -webkit-linear-gradient(#333333, #151515);
    background: -moz-linear-gradient(#333333, #151515);
    background: -ms-linear-gradient(#333333, #151515);
    background: -o-linear-gradient(#333333, #151515);
    background: linear-gradient(#333333, #151515);
    -pie-background: linear-gradient(#333333, #151515);
}

.mobile-clear {
    clear: none;
    height: 0
}

.email-contact {
    color: #ffffff;
    font-size: 16px;
    margin-top: 15px;
}

.margin-bottom {
    clear: both;
    height: 50px
}

.clear-line {
    clear: both;
    height: 12px
}

.brand-overflow {
    overflow: hidden
}

.sos-med {
    width: 35px;
    border-radius: 17px;
}
/*landscape iphone6+*/      
@media only screen      
and (min-device-width : 414px)      
and (max-device-width : 736px)      
and (orientation : landscape)       
and (-webkit-min-device-pixel-ratio : 3)        
{       
    .soon{      
        width: 100%;        
        height: 240px !important;       
        background-image: url(http://dev00324.idnpartners.com/assets/mobile/img/coming-soon-landscape1.jpg);        
        background-repeat: no-repeat;       
        background-size: 100% 100%;     
    }       
}       
/*landscape iphone6+*/      
/*portrait iphone6+*/       
@media only screen      
and (min-device-width : 414px)      
and (max-device-width : 736px)      
and (orientation : portrait)        
and (-webkit-min-device-pixel-ratio : 3)        
and (-webkit-device-pixel-ratio : 3)        
{       
    .soon{      
        width: 100%;        
        height: 560px !important;       
        background-image: url(http://dev00324.idnpartners.com/assets/mobile/img/coming-soon1.jpg);      
        background-repeat: no-repeat;       
        background-size: 100% 100%;     
    }       
}       
/*portrait iphone6+*/       
/*landscape iphone6*/       
@media only screen      
and (min-device-width : 375px)      
and (max-device-width : 667px)      
and (orientation : landscape)       
{       
    .soon{      
        width: 100%;        
        height: 200px !important;       
        background-image: url(http://dev00324.idnpartners.com/assets/mobile/img/coming-soon-landscape1.jpg);        
        background-repeat: no-repeat;       
        background-size: 100% 100%;     
    }       
}       
/*landscape iphone6*/       
/*portrait iphone6*/        
@media only screen      
and (min-device-width : 375px)      
and (max-device-width : 667px)      
and (orientation : portrait)        
{       
    .soon{      
        width: 100%;        
        height: 490px !important;       
        background-image: url(http://dev00324.idnpartners.com/assets/mobile/img/coming-soon1.jpg);      
        background-repeat: no-repeat;       
        background-size: 100% 100%;     
    }       
}       
/*portrait iphone6*/        
/*landscape Galaxy S5*/     
@media only screen      
and (min-device-width : 360px)      
and (max-device-width : 640px)      
and (orientation : landscape)       
{       
    .soon{      
        width: 100%;        
        height: 185px !important;       
        background-image: url(http://dev00324.idnpartners.com/assets/mobile/img/coming-soon-landscape1.jpg);        
        background-repeat: no-repeat;       
        background-size: 100% 100%;     
    }       
}       
/*landscape Galaxy S5*/     
/*portrait Galaxy S5*/      
@media only screen      
and (min-device-width : 360px)      
and (max-device-width : 640px)      
and (orientation : portrait)        
{       
    .soon{      
        width: 100%;        
        height: 465px !important;       
        background-image: url(http://dev00324.idnpartners.com/assets/mobile/img/coming-soon1.jpg);      
        background-repeat: no-repeat;       
        background-size: 100% 100%;     
    }       
}       
/*portrait Galaxy S5*/      
/*landscape iphone 5*/      
@media only screen      
and (min-device-width : 320px)      
and (max-device-width : 568px)      
and (orientation : landscape)       
{       
    .soon{      
        width: 100%;        
        height: 146px !important;       
        background-image: url(http://dev00324.idnpartners.com/assets/mobile/img/coming-soon-landscape1.jpg);        
        background-repeat: no-repeat;       
        background-size: 100% 100%;     
    }       
}       
/*landscape iphone 5*/      
/*portrait iphone 5*/       
@media only screen      
and (min-device-width : 320px)      
and (max-device-width : 568px)      
and (orientation : portrait)        
{       
    .soon{      
        width: 100%;        
        height: 390px !important;       
        background-image: url(http://dev00324.idnpartners.com/assets/mobile/img/coming-soon1.jpg);      
        background-repeat: no-repeat;       
        background-size: 100% 100%;     
    }       
}       
/*portrait iphone 5*/       
/*landscape ipad*/      
@media only screen      
and (min-device-width : 700px)      
and (max-device-width : 1024px)         
and (orientation : landscape)       
{       
    .soon{      
        width: 100%;        
        height: 623px !important;       
        margin-top: 15px;       
        background-image: url(http://dev00324.idnpartners.com/assets/mobile/img/coming-soon-landscape2.jpg);        
        background-repeat: no-repeat;       
        background-size: 100% 100%;     
    }       
}       
/*landscape ipad*/      
/*portrait ipad*/       
@media only screen      
and (min-device-width : 700px)      
and (max-device-width : 1024px)     
and (orientation : portrait)        
{       
    .soon{      
        width: 100%;        
        height: 842px !important;       
        margin-top: 15px;       
        background-image: url(http://dev00324.idnpartners.com/assets/mobile/img/coming-soon2.jpg);      
        background-repeat: no-repeat;       
        background-size: 100% 100%;     
    }       
}       
/*portrait ipad*/       
/*landscape ipad pro*/      
@media only screen      
and (min-device-width : 1024px)         
and (max-device-width : 1366px)         
and (orientation : landscape)       
{       
    .soon{      
        width: 100%;        
        height: 865px !important;       
        margin-top: 15px;       
        background-image: url(http://dev00324.idnpartners.com/assets/mobile/img/coming-soon-landscape2.jpg);        
        background-repeat: no-repeat;       
        background-size: 100% 100%;     
    }       
}       
/*landscape ipad pro*/      
/*portrait ipad pro*/       
@media only screen      
and (min-device-width : 1024px)         
and (max-device-width : 1366px)     
and (orientation : portrait)        
{       
    .soon{      
        width: 100%;        
        height: 1170px !important;      
        margin-top: 15px;       
        background-image: url(http://dev00324.idnpartners.com/assets/mobile/img/coming-soon2.jpg);      
        background-repeat: no-repeat;       
        background-size: 100% 100%;     
    }       
}       
/*portrait ipad pro*/       
/*.footer{overflow-x:hidden;left:0;bottom:-2px;width:100%;position:fixed;z-index:9999;padding-bottom:1px;font-weight:700;}      
.ui-navbar,     
.ui-navbar ul{max-width:100%}       
.ui-navbar ul{list-style:none;margin:0;padding:0;position:relative;display:block;border:0;overflow:visible;background-color:#080a0c}        
.ui-navbar ul:after,        
.ui-navbar ul:before{content:"";display:table}      
.ui-footer .ui-navbar .ui-btn{border-top-width:0;border-bottom-width:0}     
.ui-navbar li .ui-btn{display:block;margin:0;border-right-width:0}      
.ui-navbar a{color:#fff;border-left:1px solid #333}     
.ui-navbar .ui-grid-c .ui-block-a a{border:none}        
.ui-navbar .ui-block-a a:active,        
.ui-navbar .ui-block-a a:active .fa-3,      
.ui-navbar .ui-block-a a:hover,     
.ui-navbar .ui-block-a a:hover .fa-3,       
.ui-navbar .ui-block-b a:active,        
.ui-navbar .ui-block-b a:active .fa-3,      
.ui-navbar .ui-block-b a:hover,     
.ui-navbar .ui-block-b a:hover .fa-3,       
.ui-navbar .ui-block-c a:active,        
.ui-navbar .ui-block-c a:active .fa-3,      
.ui-navbar .ui-block-c a:hover,     
.ui-navbar .ui-block-c a:hover .fa-3,       
.ui-navbar .ui-block-d a:active,        
.ui-navbar .ui-block-d a:active .fa-3,      
.ui-navbar .ui-block-d a:hover,     
.ui-navbar .ui-block-d a:hover .fa-3{color:#222533;background-color: #0398af}       
.ui-navbar li .ui-btn{      
    font-size: 13px;        
    color: #0398af;     
}       
.clears,        
.ui-navbar ul:after,        
hr{clear:both}      
.ui-btn{-webkit-user-select:none;cursor:pointer}        
.ui-nodisc-icon .ui-btn:after,      
.ui-nodisc-icon.ui-btn:after{background-color:transparent}      
.ui-btn{text-overflow:initial;text-shadow:none!important;box-shadow:none!important;position:relative;text-align:center;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none!important}      
.ui-btn-icon-top{padding-top:5px}       
.ui-nodisc-icon .ui-btn:after,      
.ui-nodisc-icon.ui-btn:after{background-color:transparent}      
.ui-btn-icon-top:after{top:.5625em}     
.ui-btn-icon-bottom:after,      
.ui-btn-icon-notext:after,      
.ui-btn-icon-top:after{left:50%;margin-left:-11px}      
.ui-btn-icon-bottom:after,      
.ui-btn-icon-left:after,        
.ui-btn-icon-notext:after,      
.ui-btn-icon-right:after,       
.ui-btn-icon-top:after{content:"";position:absolute;display:block;width:22px;height:22px;background-position:center center;background-repeat:no-repeat;border-radius:1em}       
.ui-footer .ui-btn-icon-top{padding-left:.3125em;padding-right:.3125em}     
.ui-btn-icon-top{padding-top:5px}       
.ui-btn-icon-top:after{top:.5625em}     
.ui-btn-icon-top:after{left:50%;margin-left:-11px}      
.ui-btn-icon-top:after{content:"";position:absolute;display:block;width:22px;height:22px;background-position:center center;background-repeat:no-repeat;border-radius:1em}       
.sidebar-decoration{height:1px;background-color:#4e4e4e;border-bottom:solid 1px rgba(48, 48, 48, .5)}       
.navigation-item .sidebar-decoration{display:none}      
.memo-notif {       
    position: absolute;     
    margin: -30px 0 0 -15px;        
    background: red;        
    border-radius: 100%;        
    font-size: 10px;        
    width: 17px;        
    height: 17px;       
    padding-bottom: 1px;        
    display: none;      
    text-align: center;     
    color: #fff;        
    padding-top: 1px;       
}       
.ui-grid-c>.ui-block-a,     
.ui-grid-c>.ui-block-b,     
.ui-grid-c>.ui-block-c,     
.ui-grid-c>.ui-block-d,     
.ui-grid-c>.ui-block-e{width:25%}       
.ui-block-a,        
.ui-block-b,        
.ui-block-c,        
.ui-block-d,        
.ui-block-e {       
    margin: 0;      
    border: 0;      
    float: left;        
    min-height: 1px;        
    -webkit-box-sizing: border-box;     
    -moz-box-sizing: border-box;        
    box-sizing: border-box;     
}       
.ui-navbar ul {     
    list-style: none;       
    margin: 0;      
    padding: 3px 0px;       
    border: 0;      
    overflow: visible;      
    background-color: #222533;      
}       
li.ui-block-a,      
li.ui-block-b,      
li.ui-block-c,      
li.ui-block-d,      
li.ui-block-e,      
ul.ui-grid-a,       
ul.ui-grid-b,       
ul.ui-grid-c,       
ul.ui-grid-d,       
ul.ui-grid-solo {       
    margin-left: 0;     
    margin-right: 0;        
    padding: 0;     
    list-style: none;       
}       
.ui-btn .fa {       
    display: block!important;       
}       
.fa-1{font-size:1.4em!important;color:#da9e19}      
.fa-2,      
.fa-3,      
.fa-4{color:#0398af}        
.fa-2{font-size:2.2em!important}        
.fa-3{font-size:2.3em!important}        
.fa-4{font-size:20em!important}     
.deploy-sidebar {       
    padding: 15px 0 15px 15px;      
    height: 54px;       
    width: 54px;        
    z-index: 50;        
}       
.page-sidebar {     
    background: #262626;        
    width: 400px;       
    z-index: 3;     
    left: 0;        
}       
.page-content {     
    background-color: #000;     
    z-index: 10;        
    display: block;     
    height: 100%;       
}       
.side-img{height:32px;width:32px;margin:-1px -10px 0 2px}       
.side-img{display:inline-block;height:22px;width:22px;float:left;margin:6px -8px 0 1px}     
.page-sidebar-scroll,       
.page-sidebar-scroll-right{z-index:2;width:320px;overflow:scroll;overflow-x:hidden;height:100%}     
.page-sidebar-scroll,       
.page-sidebar-scroll-right{z-index:2;width:560px;overflow:scroll;overflow-x:hidden;height:100%}     
.page-sidebar-scroll,       
.page-sidebar-scroll-right{z-index:2;width:560px;overflow:scroll;overflow-x:hidden;height:100%}     
.page-sidebar,      
.page-sidebar-right{display:block;bottom:0;overflow:hidden;position:fixed;top:0}        
.nav-item{      
    display: block;     
    overflow: hidden;       
    position: relative;     
}*/          
.thumb-left em,     
.thumb-right em{font-style:normal}      
.jackpot-global,        
body{vertical-align:middle}     
.clears,        
.ui-navbar ul:after,        
hr{clear:both}      
.control-group,     
.ui-btn{-webkit-user-select:none;cursor:pointer}        
.button_bank,       
.jackpot-text,      
.pools,     
.wide-item-titles h4{text-transform:uppercase}     

@font-face{font-family:Avenir-Roman;src:url(../fonts/AvenirLTStd-Roman.eot);src:url(../fonts/AvenirLTStd-Roman.eot?#iefix) format('embedded-opentype'), url(../fonts/AvenirLTStd-Roman.woff) format('woff'), url(../fonts/AvenirLTStd-Roman.ttf) format('truetype'), url(../fonts/AvenirLTStd-Roman.svg#AvenirLTStd55RomanRegular) format('svg');font-style:normal;font-weight:500}     

@font-face{font-family:Avenir-Heavy;src:url(../fonts/AvenirLTStd-Heavy.eot);src:url(../fonts/AvenirLTStd-Heavy.eot?#iefix) format('embedded-opentype'), url(../fonts/AvenirLTStd-Heavy.woff) format('woff'), url(../fonts/AvenirLTStd-Heavy.ttf) format('truetype'), url(../fonts/AvenirLTStd-Heavy.svg#AvenirLTStd85HeavyRegular) format('svg');font-style:normal;font-weight:700}     

@font-face{font-family:Oswald, sans-serif}

@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}  

@font-face{font-family:BigNoodleTitling;src:url(../fonts/bignoodletitling.eot);src:url(../fonts/bignoodletitling.ttf)}      
.glyphicon{position:relative;top:-3px;left:3px;display:inline-block;font-family:'Glyphicons Halflings';font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; padding:-5px 0 0 3px}     
.glyphicon-user:before{content:"\e008";font-size:13px}      
body{background-color:#171717;font-family:Avenir-Roman, Arial, sans-serif;height:100%}      
.overlay{pointer-events:none;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, .6);z-index:9999}      
.page-sidebar,      
.page-sidebar-right{display:block;bottom:0;overflow:hidden;position:fixed;top:0}        
.all-elements{overflow-x:hidden}        
.wrapper{padding:0}     
.page-content{background-color:#000;z-index:10;display:block;height:100%}       
.page-sidebar{/*background:#212735;width:400px*/z-index:3;left:0}      
.page-sidebar-right{background: #211e16 url(../img/new/nav-bg.jpg);background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;width:320px;z-index:2;right:0}        
.page-sidebar-scroll,       
.page-sidebar-scroll-right{z-index:2;width:320px;overflow:scroll;overflow-x:hidden;height:100%}     
.main{background-color:#1d1d1d}     
.homepage-slider{z-index:9;margin-top:-50px}        
.content-controls{z-index:15;height:50px}       
.sidebar-shortcuts{background-color:#fff;height:44px;border-bottom:solid 1px #2a2a2a}       
.shortcut-call,     
.shortcut-facebook,     
.shortcut-search,       
.shortcut-twitter{width:58px;height:50px;border-bottom:solid 1px rgba(0, 0, 0, .2);border-right:solid 1px rgba(0, 0, 0, .2);position:absolute;background-repeat:no-repeat}      
.sidebar-shortcuts a{color:#07757c;background-color:rgba(40, 40, 40, .9)}       
.sidebar-shortcuts a:hover{color:#fff;background-color:rgba(40, 40, 40, .2)}        
.shortcut-call{background-image:url(../img/ui/shortcut_phone.png);background-position:16px 11px;background-size:25px 25px}      
.shortcut-facebook{background-image:url(../img/ui/shortcut_facebook.png);background-position:16px 11px;background-size:27px 27px;left:52px}     
.shortcut-twitter{background-image:url(../img/ui/shortcut_twitter.png);background-position:17px 11px;background-size:25px 25px;left:105px}      
.shortcut-search{background-image:url(../img/ui/shortcut_magnifier.png);background-position:16px 12px;background-size:27px 27px;left:160px}     
.shortcut-close{left:229px;top:0;width:43px;height:43px;position:absolute;border-right:solid 1px rgba(0, 0, 0, .2);padding:8px 0 0 9px}     
.sidebar-breadcrumb{background-color:#262626;color:#9a9a9a;font-size:11px;padding:5px 15px}     
.sidebar-decoration{height:1px;background-color:#4e4e4e;border-bottom:solid 1px rgba(48, 48, 48, .5)}       
.nav-submenu a:first-child{margin-top:-1px}     
.nav-submenu a:last-child{border-bottom:solid 0 #000!important}     
.nav-items,     
.nav-submenu a{border-bottom:solid 1px rgba(0, 0, 0, .1)}       
.nav-submenu a{border-top:solid 1px rgba(255, 255, 255, .05);line-height:55px;padding-left:60px;background-image:url(../img/ui/nav-submenu.png);background-repeat:no-repeat;background-size:8px 8px;background-position:30px 24px;color:rgba(255, 255, 255, .4)}        
.nav-submenu,       
.navigation-item .sidebar-decoration{display:none}      
.active-submenu{display:block}      
.nav-item{height:55px;}        
.nav-item:hover{background-color:#3c4459;color:#fff}        
.nav-items{height:55px;box-shadow:0 1px 0 0 rgba(255, 255, 255, .05)}       
.nav-submenu a:hover{background-color:rgba(255, 255, 255, .05)}     
.selected-item{position:absolute;width:10px;height:10px;border-radius:10px;background-color:#07540d;right:18px;margin-top:15px}     
.unselected-item{position:absolute;width:8px;height:8px;border-radius:8px;background-color:rgba(48, 48, 48, .9);right:19px;margin-top:14px}     
.dropdown-item,     
.link-item,     
.submenu-deploy em{background-size:14px 13px;height:14px;margin-top:23px;position:absolute;right:45px;width:14px}       
.dropdown-item{background-image:url(../img/ui/nav-dropdown.png)!important}      
.submenu-deploy em{background-image:url(../img/ui/nav-dropup.png)}      
.link-item{background-image:url(../img/ui/nav-link.png)}        
/* .nav-item{color:#fff;background:0 0;font-size:20px;font-family:Avenir-Heavy, Arial, sans-serif;padding:11px 15px 15px;line-height:40px; text-align: right;  }      */
.nav-items{background-position:20px 8px;background-size:34px 35px;background-repeat:no-repeat;color:#FFF;font-size:14px;font-family:Avenir-Roman, Arial, sans-serif;padding-left:70px;line-height:60px}     
.info-update,       
.notification-update,       
.tick-update,       
.warning-update{background-size:42px 42px;background-position:20px 0;height:50px;padding-left:80px;background-repeat:no-repeat}     
.play-icon{background-image:url(../img/ui/play.png)}        
.home-icon{background-image:url(../img/ui/home.png)}        
.register-icon{background-image:url(../img/ui/register.png)}        
.games-icon{background-image:url(../img/ui/games.png)}      
.livechat-icon{background-image:url(../img/ui/livechat.png)}        
.deposit-icon{background-image:url(../img/ui/deposit.png)}      
.withdraw-icon{background-image:url(../img/ui/withdraw.png)}        
.download-icon{background-image:url(../img/ui/download.png)}        
.user-icon{background-image:url(../img/ui/user.png)}        
.chips-icon{background-image:url(../img/ui/chips.png)}      
.history-icon{background-image:url(../img/ui/history.png)}      
.logout-icon{background-image:url(../img/ui/logout.png)}        
.info-update{background-image:url(../img/ui/notification-blue.png)}     
.notification-update{background-image:url(../img/ui/notification-yellow.png)}       
.warning-update{background-image:url(../img/ui/notification-red.png)}       
.tick-update{background-image:url(../img/ui/notification-green.png)}        
.supp-icon{width: 36px;margin-left: 8px;}       
.page-update{margin-top:15px;margin-bottom:10px}        
.page-update strong{color:rgba(255, 255, 255, .6);display:block}        
.page-update em{color:rgba(255, 255, 255, .4);display:block;font-size:10px}     
.update-icon{background-image:url(../img/ui/nav-dropdown.png);background-size:14px 14px;background-repeat:no-repeat;position:absolute;right:45px;margin-top:12px;width:14px;height:14px}        
.active-update-icon{background-image:url(../img/ui/nav-dropup.png)!important}       
.page-update-text{color:rgba(255, 255, 255, .5);font-size:12px;width:220px;margin-left:auto;margin-right:auto;display:none}     
.page-header{background:#080a0c;height:55px;width:100%;position:fixed;z-index:999999;border-bottom: 1px solid #b80039}      
.page-header-clear{height:50px}     
.header-logo{height: 55px;margin-left: 20%;margin-right: auto;margin-top: -56px;padding-bottom: 10px;}      
.header-logo2{width:220px;margin-left:auto;margin-right:auto;margin-top:20px}           
.deploy-sidebar:hover{color:#fff;}      
.deploy-sidebar:active{color:#fff;}     
.deploy-sidebar2{background-image:url(../img/ui/deploy-nav.png);background-repeat:no-repeat;background-position:7px 13px;background-size:28px 19px;height:44px;width:44px;float:right;margin-top:-51px;z-index:51}      
#deploy-login,      
.deploy-reg{font-size:17px;min-width:95px;height:38px;border-radius:1px;display:inline-block;color:#fff;font-family:Avenir-Heavy;text-align:center}     
.deploy-sidebar2:hover{background-color:rgba(255, 255, 255, .1)}        
#deploy-login{background-color:#375e97;padding:8px}     
.deploy-login-button,       
.deploy-login-button:hover{background-color:#375e97}        
.deploy-login-button{color:#fff;padding:6px 10px;line-height:2;display:inline-block;margin-right:-5px}      
.quote-item img,        
.quote-item strong{margin-left:auto;margin-right:auto}      
.deploy-login span{display:inline-block;padding-top:0}      
.deploy-reg{background-color:#b80039;padding:7px 10px}      
.deploy-logout,     
.deploy-user{background-size:36px 24px;background-position:19px 22px;height:44px;width:44px;float:right;background-repeat:no-repeat}        
.deploy-reg span{display:inline-block;padding-top:4px}      
.deploy-reg:hover{background-color:#b80039;color:#fff}      
.deploy-logout:hover,       
.deploy-user:hover{background-color:rgba(255, 255, 255, .1)}        
.deploy-logout{background-image:url(../img/ui/deploy-logout.png);margin-top:-51px;z-index:50}       
.deploy-user{background-image:url(../img/ui/deploy-user.png);margin-top:-59px}      
.login_box{display:none}        
#login_panel{background:#000;padding:10px;color:#fff;font-family:Avenir-Heavy}      
.glyp-popup{margin-bottom:5px}      
.quote-item em{text-align:center;display:block;color:#e34e47;margin-bottom:10px}        
.quote-item h4{text-align:center;margin-bottom:0}       
.quote-item strong{text-align:center;font-style:normal;font-weight:400;display:block;width:250px}       
.quote-item img{border-radius:100px;width:100px;margin-bottom:20px}     
.thumb-clear-10{height:0;display:block;width:100%}      
.thumb-clear{height:20px;display:block;width:100%}      
.thumb-left{display:block;padding-bottom:10px}      
.thumb-left a{display:block;text-align:right}       
.links-sup img{width: 80%;}     
.thumb-left span,       
.thumb-left strong{display:inline-block;padding-bottom:5px;padding-top:5px;font-family:Avenir-Roman, Arial, sans-serif}     
.thumb-left img{width:100px;height:100px;float:left;margin-right:20px}      
.thumb-left strong{color:#338aa6;font-size:20px;letter-spacing:.5px}        
.thumb-left span{color:#fff;font-size:48px;letter-spacing:1px}      
.thumb-left em{font-size:16px;color:grey;font-family:Avenir-Roman, Arial, sans-serif}       
.thumb-right{display:block;padding-bottom:10px}     
.thumb-right img{width:100px;height:100px;border-radius:100px;float:right;margin-left:20px}     
.thumb-right strong{color:#fff;display:inline-block;padding-top:5px;padding-bottom:5px;font-size:13px}      
.customer-slider div a img{width:40px;margin-left:auto;margin-right:auto}       
.facebook-box{background-image:url(../img/ui/social/facebook.png);background-size:26px 23px;background-repeat:no-repeat;background-position:10px 10px;background-color:#3b5998;height:40px;line-height:40px;color:#FFF;padding-left:60px;margin-bottom:20px}        
.google-box,        
.twitter-box{background-size:20px 17px;background-repeat:no-repeat;background-position:12px 13px;height:40px;line-height:40px;color:#FFF;padding-left:60px;margin-bottom:20px}      
.social-box em{position:absolute;height:40px;width:1px;background-color:#FFF;margin-left:-15px}     
.social-box:hover{opacity:.9}       
.twitter-box{background-image:url(../img/ui/social/twitter.png);background-color:#4099ff}       
.google-box{background-image:url(../img/ui/social/google.png);background-color:#d34836}     
.jackpot{max-height:80px;color:#d8e1c6;text-align:center}       
.jackpot-text{float:left;width:25%;background:#0e6a70;padding:5px 10px}     
.jackpot-global{float:right;width:75%;background:#182c2d;font-family:Avenir-Roman, Arial, sans-serif;font-size:29px;padding:15px 10px}      
.jt-1,      
.jt-2{font-family:Avenir-Heavy, Arial, sans-serif}      
.jt-1{font-size:15px;vertical-align:bottom}     
.jt-2{font-size:13px;vertical-align:top}        
.button-bigs,       
.wide-item-titles h4{font-family:Avenir-Roman, Arial, sans-serif}       
.footer{overflow-x:hidden;left:0;bottom:-2px;width:100%;position:fixed;z-index:9999;padding-bottom:1px;font-weight:700;}        
.button-group{position:relative;margin-top:10px}        
.button-group .menu{padding-top:10px}       
#bank>span{font-size:10px;display:block}        
#bank .bank-image{float:left;width:326px;height:24px;background:url(../img/ui/icons.png) 0 -5px no-repeat;margin-top:5px}       
#fair-play,     
.new_register{float:right}      
#fair-play{width:230px;height:36px;background:url(../img/ui/icons.png) 0 -37px no-repeat}       
hr{margin-top:-3px;margin-bottom:10px;border:0;border-top:1px solid rgba(255, 255, 255, .4)}        
.forgot_pass{text-align:center;color:#fff;font-size:13px;text-decoration:underline;font-weight:700}     
.wide-active{margin-top:20px;display:none}      
.wide-item-wrapper{background-color:#FFF;padding-bottom:1px;margin-top:3px}     
.wide-folio{margin-top:-17px;margin-bottom:20px}        
.wide-item{margin-bottom:3px}       
.wide-item .responsive-image{margin-bottom:0}       
.wide-image{max-height:100px;overflow:hidden}       
.wide-item-titles{position:relative;z-index:99999;top:30px;margin-bottom:-45px;pointer-events:none}     
.wide-item-titles h4,       
.wide-item-titles p{color:#FFF;position:relative;z-index:999999;text-align:center}      
.wide-item-titles h4{font-weight:200;font-size:16px;margin-bottom:5px}      
.wide-item-titles p{margin-bottom:0;color:rgba(255, 255, 255, .5)}      
.wide-item-content{display:none;margin-top:20px;margin-left:20px;margin-right:20px}     
.contact-call,      
.contact-text{background-size:18px 18px;display:block;color:#666;padding-left:30px;background-repeat:no-repeat}     
@media (min-width:760px){.wide-image{max-height:150px}      
.wide-item-titles{top:55px;margin-bottom:-45px}
.page-sidebar-right {
    width: 560px;
}
}       
.contact-call{padding-top:5px;background-image:url(../img/ui/contact_phone.png);background-position:0 5px;height:30px}      
.contact-text{background-image:url(../img/ui/contact_message.png);background-position:0 2px;height:20px;margin-bottom:2px}      
.contact-mail{color:#666;padding-left:30px;background-image:url(../img/ui/contact_mail.png);background-position:3px 3px;background-repeat:no-repeat;background-size:14px 14px;height:20px;display:block;margin-top:5px;margin-bottom:2px}       
.contact-facebook,      
.contact-twitter{color:#666;padding-left:30px;background-position:0 0;background-repeat:no-repeat;background-size:20px 20px;height:20px;display:block;margin-top:5px;margin-bottom:2px}     
.contact-facebook{background-image:url(../img/ui/contact_facebook.png)}     
.contact-twitter{background-image:url(../img/ui/contact_twitter.png)}       
.button-icons,      
.form-group,        
.page{margin-bottom:10px}       
.web-title{padding-top:5px;font-size:60px;color:#741868}        
.page{font-size:20px;font-weight:800;color:#338aa6;letter-spacing:.5px}     
#liscroll>li>a>strong,      
.bank-account,      
.bank-offline,      
.bank-online,       
.button-extra-big2,     
.formText,      
.pool-result,       
.title,     
.user-balance>span{font-weight:700}     
.page-title{font-size:50px;color:#fff;letter-spacing:1px}       
#news{width:100%;height:40px;background-color:#101619;margin-top:49px;position:fixed;z-index:999998}        
#news span{float:left;margin-top:10px;padding-left:14px;font-size:20px;color:#ebebeb;letter-spacing:1px}        
.scrollnews{position:absolute;width:100%;height:35px;margin-left:65px;overflow:hidden;font-size:14px;font-family:inherit}       
#liscroll>li{padding-top:7px;list-style:none}       
#liscroll>li>a{text-decoration:none;padding-top:5px;color:#a3a3a3}      
#liscroll>li>a>strong{color:#741868;margin-top:0}       
.textbox:focus,     
input:focus,        
input[type=file]:focus,     
input[type=password]:focus,     
input[type=text]:focus,     
optgroup:focus,     
option:focus,       
select:focus,       
textarea:focus{border:1px solid #059bd3}        
optgroup,       
option{padding:5px 0}       
.formLabel,     
.formLabel2{width:40%;padding-right:5px;float:left}     
.form-group{clear:both;color:#000}      
.formLabel{color:#000!important}        
.formLabel2{color:#34bcc5}      
.formLabels{float:left;width:30%;padding:10px;color:#fff}       
.formInput,     
.formInput2{float:right;width:60%;color: #fff;}     
.formText{display:inline-block;padding-top:10px;font-size:14px;color:#818285}       
.note{font-size:12px;color:#bd902f}     
.orange{color:#ffbf27}      
::-webkit-input-placeholder{color:#818285}      
:-moz-placeholder{color:#818285}        
::-moz-placeholder{color:#818285}       
:-ms-input-placeholder{color:#818285}       
.button,        
.buttons,       
.buttonss,      
input[type=submit]{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0}     
input[type=text],       
input[type=password],       
input[type=tel],        
select{border: 1px solid #d1c6b9;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;background-color:#f1e8e1;color:#000;padding-top:3px}      
.button-login{float:right;margin-top:15px}      
.button-icons{width:100%}       
.button-icons2{width:100%;border-top:1px solid #fff;border-bottom:1px solid #b2b2b2}        
.icon-chat,     
.icon-deposit,      
.icon-download,     
.icon-games,        
.icon-reg,      
.icon-withdraw{float:left;width:43px;height:37px;margin-right:10px}     
.button-bigs{text-align:center;color:#FFF;font-size:20px;padding:15px 26px 10px;display:inline-block;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px}     
.button-extra-big,      
.button-extra-big2{font-size:25px;padding:15px 20px;font-family:Avenir-Roman, Arial, sans-serif;display:inline-block}       
.button-extra-big{color:#FFF;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;box-shadow:inset 0 -4px 0 rgba(57, 119, 134, 1)}     
.button-extra-big2{color:#1e9fbe;border-left:10px solid #1e9fbe}        
.button-grey{background-color:#e0e0e0}      
.button-grey:active{background-color:#696969}       
.button-yellow,     
.button-yellow:hover{background-color:#b57c00}      
.button-yellow:active{background-color:#ca911f}     
.button-green{background-color:#007809}     
.button-green:active,       
.button-green:hover{background-color:#77A58C}       
.button-grey-pale{background-color:#ebebeb}     
.button-grey-pale:active{background-color:#d9d8d8}      
.button-blues{background-color:#da9e19}     
.button-blues:active{background-color:#f2b01c}      
.button-red{background-color:#b80039}       
.button-red:active{background-color:#b80039}        
.button-reds{background-color:#bc0402}      
.button-reds:active{background-color:#8f0100}       
.button-blue,       
.button-blue:active{background-color:#375e97}       
.button-logout{background-color:#ccc}       
.button-logout:active{color:#ccc}       
.button-purp,       
.button-purp:active,        
.button-purp:hover{background-color:#b80039}        
.icon-reg{background:url(../img/ui/register.png) 4px 0 no-repeat;background-size:31px 37px}     
.icon-download{background:url(../img/ui/download.png) 4px 0 no-repeat;background-size:37px 37px}        
.icon-deposit{background:url(../img/ui/deposit.png) no-repeat;background-size:43px 37px}        
.icon-withdraw{background:url(../img/ui/withdraw.png) no-repeat;background-size:43px 37px}      
.icon-games{background:url(../img/ui/games.png) 4px 0 no-repeat;background-size:33px 37px}      
.icon-chat{background:url(../img/ui/livechat.png) 2px -5px no-repeat;background-size:40px 45px}     
.bca,       
.bni,       
.bri,       
.mandiri{height:26px;margin-top:5px;float:left}     
.bank-account{padding-left:40px;font-size:14px;font-family:Avenir-Roman, Arial, sans-serif}     
.color-blue,        
.inner-wrap{font-family:Avenir-Roman}       
.bank-account .acc-name{padding-left:10px}      
.bank-account .notice{font-size:12px;color:#00ff4f}     
.bank-images{float:left;width:100px}        
.bca{width:63px;background:url(../img/ui/icons.png) 0 -4px no-repeat}       
.mandiri{width:69px;background:url(../img/ui/icons.png) -79px -3px no-repeat}       
.bni{width:64px;background:url(../img/ui/icons.png) -263px -6px no-repeat}      
.bri{width:95px;background:url(../img/ui/icons.png) -157px -6px no-repeat}      
.left{float:left}       
.right{float:right}     
.member{display:inline-block}       
.user-login{font-size:24px;font-weight:700;color:#174271;margin-bottom:5px}     
.user-balance{font-size:17px;color:#878787}     
.space_5{height:5px}        
.space_100{height:110px;background-color:#ededed}       
.space_10{height:50px;background-color:#ededed}     
.color-grey{color:#818285}      
.toggle-1{      
    border-bottom: none;        
}       
.color-red{color:#ff002b}       
.color-green{color:#224f42}     
.color-white{color:#fff}        
.color-blue{color:#26a714}      
.italic{font-style:italic}      
.center{text-align:center;margin-bottom:10px}       
.no-margin-bottom{margin-bottom:0}      
.inner-wrap{padding:15px;background:#080a0c;color:#fff}     
.panel,     
.panel-blue,        
.panel-grey{padding:10px}       
.button-small,      
.ui-btn{font-family:Avenir-Roman, Arial, sans-serif}        
.panel-grey{background:#717171}     
.panel-blue{background:#1e9fbe;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}       
.results{background:#c1fdff;padding:5px 10px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;margin-bottom:5px}       
.bank>div,      
.results>div{display:inline-block}      
.pool-name{color:#000;font-size:18px;width:35%}     
.pool-date{font-size:14px;color:#7f7e7e;margin-left:10%;padding-top:2px;text-align:center}      
.pool-result{font-size:18px;color:red;float:right}      
.bank-online{float:right;color:#66c93a;font-size:20px}      
.bank-offline{float:right;color:#ab0909;font-size:20px}     
.pools{font-size:20px;max-width:70%;padding:15px}       
.ui-navbar,     
.ui-navbar ul{max-width:100%}       
.title{display:block;font-size:25px;color:#1e9fbe;/*text-align:center*/}      
.game-button{width:100%;border-collapse:separate;border-spacing:2px;border:none;background:0 0;border-left:none;border-top:none;text-shadow:none}       
.game-button .game-list{padding:2px;background-color:#1e9fbe;text-align:center;width:33%}       
.game-button .game-list:active,     
.game-button .game-list:hover{background-color:#29535d}     
.game-button .game-list a{color:#fff;display:block;padding:10px 0}      
.bets{font-size:15px;color:#f5ff53;margin-bottom:5px}       
.border-none{border:none!important}     
.bankField{float:left;width:47%;margin-right:5px}       
.bankField.last{float:left;width:50%;margin-right:0}        
.table-image>img{display:inline-block}      
.fa-1{font-size:1.4em!important;color:#da9e19}      
.fa-2,      
.fa-3,      
.fa-4{color:#fff}       
.fa-2{font-size:2.2em!important}        
.fa-3{font-size:2.3em!important}        
.fa-4{font-size:20em!important}     
.ui-btn .fa{display:block!important;}        
.control-group,     
.control-group>a{display:inline-block;vertical-align:middle}        
.fa-facebook-square,        
.fa-google-plus-square,     
.fa-info-circle,        
.fa-instagram,      
.fa-twitter-square{font-size:3em!important;padding-right:5px;padding-bottom:5px}        
.fa-facebook-square.small,      
.fa-google-plus-square.small,       
.fa-info-circle.small,      
.fa-instagram.small,        
.fa-twitter-square.small,       
.fa-yahoo.small{font-size:1.3em!important;padding-right:0;padding-bottom:0}     
.fa-facebook-square{color:#3b579d}      
.fa-twitter-square{color:#28a9e2}       
.fa-instagram{color:#C82F85}        
.fa-google-plus-square{color:#DC4A38}       
.fa-info-circle{color:#fff}     
.fa-stack{width:32px!important;height:37px!important}       
.fa-stack .fa-square{font-size:35px;color:#773981}      
.fa-facebook-square.small,      
.fa-google-plus-square.small,       
.fa-info-circle.small,      
.fa-instagram.small,        
.fa-twitter-square.small,       
.fa-yahoo,      
.fa-yahoo.small{color:#fff}     
.fa-yahoo{font-size:22px;top:3px}       
.button-fb{background-color:#3b579d}        
.button-fb:active{background-color:#4363b2}     
.button-tw{background-color:#28a9e2}        
.button-tw:active{background-color:#2db9f6}     
.deploy-toggle-11>i,        
.deploy-toggle-1>i,     
.deploy-toggle-2>i{padding-right:10px}      
.mtb-2{margin-top:0}        
.mtb-5{margin:5px 0}        
.mlr-5{margin:0 5px}        
.mt-2{margin-top:2px}       
.mb-5{margin-bottom:5px!important}      
.m-5{margin:5px}        
.p-10{padding:10px}     
.plr-5{padding:0 5px}       
.plr-10{padding:0 10px}     
.w-30{width:30%!important}      
.deploy-control{float:right;margin-top:-44px;margin-right:1px;z-index:50}       
.control-group{text-align:center;white-space:nowrap}        
.join,      
.login{padding:3px 8px;line-height:2}       
.join{background-color:#FFF500;color:#242424;border-radius:2px 0 0 2px;margin-right:-2px}       
.login{background-color:#333;color:#fff;border-radius:0 2px 2px 0}      
.ui-navbar ul{list-style:none;margin:0;padding:0;position:relative;display:block;border:0;overflow:visible;background-color:#080a0c}        
.horizontal-list-wrapper,       
.ui-btn{white-space:nowrap;overflow:hidden}     
.ui-navbar ul:after,        
.ui-navbar ul:before{content:"";display:table}      
.ui-grid-c>.ui-block-a,     
.ui-grid-c>.ui-block-b,     
.ui-grid-c>.ui-block-c,     
.ui-grid-c>.ui-block-d,     
.ui-grid-c>.ui-block-e{width:25%;background: #9e2c2b;font-size: 12px;}      
li.ui-block-a,      
li.ui-block-b,      
li.ui-block-c,      
li.ui-block-d,      
li.ui-block-e,      
ul.ui-grid-a,       
ul.ui-grid-b,       
ul.ui-grid-c,       
ul.ui-grid-d,       
ul.ui-grid-solo{margin-left:0;margin-right:0;padding:0;list-style:none}     
.ui-block-a{clear:left}     
.game-list,     
.portrait-clear{clear:both}     
.ui-block-a,        
.ui-block-b,        
.ui-block-c,        
.ui-block-d,        
.ui-block-e{margin:0;border:0;float:left;min-height:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}     
.ui-footer .ui-navbar .ui-btn{border-top-width:0;border-bottom-width:0}     
.ui-navbar li .ui-btn{display:block;margin:0;border-right-width:0}      
.ui-footer-fixed .ui-btn{z-index:10}        
.ui-footer .ui-btn-icon-top{padding-left:.3125em;padding-right:.3125em}     
.ui-footer .ui-btn{vertical-align:middle}       
.home{background-image:url(../img/icon_home.png)}       
.download{background-image:url(../img/icon_download.png)}       
.chat{background-image:url(../img/icon_chat.png)}       
.register{background-image:url(../img/icon_register.png)}       
.chat,      
.download,      
.home,      
.register{background-repeat:no-repeat;background-position:top center;height:48px;background-size:38px 38px;font-weight:700!important;line-height:2!important;font-size:11px!important;color:#7f7f7f!important}      
.ui-btn{text-overflow:initial;text-shadow:none!important;box-shadow:none!important;position:relative;text-align:center;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none!important}      
.ft-link a,     
.ft-link a:hover,       
.underline{text-decoration:underline}       
.ui-btn-icon-top{padding-top:5px}       
.ui-nodisc-icon .ui-btn:after,      
.ui-nodisc-icon.ui-btn:after{background-color:transparent}      
.ui-btn-icon-top:after{top:.5625em}     
.ui-btn-icon-bottom:after,      
.ui-btn-icon-notext:after,      
.ui-btn-icon-top:after{left:50%;margin-left:-11px}      
.ui-btn-icon-bottom:after,      
.ui-btn-icon-left:after,        
.ui-btn-icon-notext:after,      
.ui-btn-icon-right:after,       
.ui-btn-icon-top:after{content:"";position:absolute;display:block;width:22px;height:22px;background-position:center center;background-repeat:no-repeat;border-radius:1em}       
.ui-navbar a{border-left:1px solid #333}        
.ui-navbar .ui-grid-c .ui-block-a a{border:none}        
.border-blue,       
.index-list>li>a{border:1px solid #b80039;}     
.ui-navbar .ui-block-a a:active,        
.ui-navbar .ui-block-a a:active .fa-3,      
.ui-navbar .ui-block-a a:hover,     
.ui-navbar .ui-block-a a:hover .fa-3,       
.ui-navbar .ui-block-b a:active,        
.ui-navbar .ui-block-b a:active .fa-3,      
.ui-navbar .ui-block-b a:hover,     
.ui-navbar .ui-block-b a:hover .fa-3,       
.ui-navbar .ui-block-c a:active,        
.ui-navbar .ui-block-c a:active .fa-3,      
.ui-navbar .ui-block-c a:hover,     
.ui-navbar .ui-block-c a:hover .fa-3,       
.ui-navbar .ui-block-d a:active,        
.ui-navbar .ui-block-d a:active .fa-3,      
.ui-navbar .ui-block-d a:hover,     
.ui-navbar .ui-block-d a:hover .fa-3{color:#ffffff;background-color: #a97f49}       
.horizontal-list-wrapper{padding:3px;width:100%;background-color:#ededed}       
.horizontal-list{padding:0;overflow-x:scroll;-webkit-overflow-scrolling:touch;margin-bottom:0}      
.horizontal-list li{display:inline-block}       
.horizontal-list li:last-child{margin-bottom:5px}       
.index-list>li>a{background:#000}       
.index-list>li>a:active,        
.index-list>li>a:hover{background:#002102;border:1px solid #07540d}     
.index-list img{width:140px;height:140px}       
.index-list-games img{width:161px;height:140px}     
.sidebar-breadcrumb a{display:inline-block!important}       
.button-small,      
.depo-warn>div,     
.formInput2>img{display:inline-block}       
.ft-img{padding:0;margin-left:6px;width:95%;height:auto}        
.ft-link a{color:#da9e19;font-size:16px;font-weight:700;padding-top:10px}       
.button-small,      
.button_bank{font-weight:bolder;vertical-align:middle;text-align:center}        
.ft-link a:hover{color:#edac1c}     
.center-text{padding-top:10px;text-align:center}        
.field-title{color:#fff;font-size:15px}     
.field-title2{color:#fff;font-size:13px}        
.one-half>a>img:hover{background:#07757c}       
.button-small{width:46%;float:left;color:#FFF;padding:6px 0;margin:0 5px;font-size:17px;height:40px;border-radius:1px}      
.button-small a{margin-top:5px}     
.dropdown-sign,     
.dropdown2-sign,        
.dropup-sign,       
.dropup2-sign{font-size:18px;right:20px;margin-top:2px;position:absolute}       
.dropdown-sign:after{content:"\f0d7";font-family:FontAwesome}       
.dropup-sign:after{content:"\f0d8";font-family:FontAwesome}     
.dropdown2-sign:after{content:"\f0d7";font-family:FontAwesome}      
.dropup2-sign:after{content:"\f0d8";font-family:FontAwesome}        
.deploy-toggle-1 em,        
.deploy-toggle-11 em,       
.deploy-toggle-2 em{font-style:normal;padding-left:10px;color:#e5e365}      
.tab-cont{background:#1d1d1d}       
.depo-warn{width:100%;color:#ffe016}        
.depo-warn .excla{padding-right:10px}       
.depo-warn .warn{max-width:85%}     
.formInput2>img{height:24px}        
.copied:after{position:absolute;top:15%;left:40%;display:block;content:"copied";font-size:16px;padding:5px 8px;color:#fff;background-color:#7b0100;border-radius:3px;opacity:0;will-change:opacity, transform;animation:showcopied 1.5s ease}       
.deploy-daftar,     
.deploy-daftar span,        
.deploy-deposit,        
.deploy-deposit span,       
.deploy-download,       
.deposit-button,        
.game-title{display:inline-block}       
@keyframes showcopied{0%,       
100%{opacity:0}     
70%{opacity:1}      
}       
.button_bank{width:140px;height:30px;background:#b80039;color:#fff;margin-top:5px;padding:12px 5px 5px;cursor:pointer;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;font-size:13px}       
.deploy-download,       
.deploy-download:hover{background-color:#9C0}       
.loading-img img,       
.responsive-image,      
.sup-icon{vertical-align:center}        
.float_button_download{position:absolute;top:10%;right:1%;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;font-family:Oswald}     
.float_button_daftar,       
.float_button_deposit{-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;position:absolute}        
.float_button_daftar{bottom:5%;right:2%;border-radius:1px}      
.float_button_deposit{bottom:1%;right:15%;border-radius:1px}        
.float_button_download_2{position:absolute;top:60%;right:16%;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px}     
.float_button_daftar_2{position:absolute;bottom:10%;right:5%;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;font-family:Oswald;min-width:70px;text-align:center;border-radius:2px}     
.deploy-daftar,     
.deposit-button,        
.toggle-design{font-family:Avenir-Heavy}        
.float_button_deposit_2{position:absolute;bottom:8%;left:10%;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px}     
.header_name{padding:0;margin:0}        
.deploy-download{color:#fff;padding:3px 6px;line-height:1}      
.deploy-download span{display:inline-block;padding-top:4px}     
.deploy-daftar{background-color:#b80039;color:#fff;padding:5px 10px;line-height:1}      
.deploy-daftar span{padding-top:4px}        
.deploy-daftar:hover{background-color:#b80039}      
.deploy-deposit,        
.deploy-deposit:hover{background-color:#DA9E19}     
.deploy-deposit{color:#fff;padding:5px 10px;line-height:1}      
.deploy-deposit span{padding-top:4px}       
.play-now,      
.toggle-design{background-color:#b80039}        
.slider-image{width:100%;height:auto}       
.game-one-half{width:33.3%;float:left}      
.game-one-whole{width:66.6%;float:left}     
.live-casino{width:33.3%;float:left}        
.last-column{margin-right:0!important}      
.game-box{border:none;-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, .5);-moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, .5);box-shadow:0 1px 2px 0 rgba(0, 0, 0, .5);margin:3px}       
.game-image{border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0}     
.game-title{margin:0;padding:8px 5px;color:#ddd;font-size:12px}     
.live-latin span{font-size:11px}        
.play-now{margin:0 auto;height:30px;width:inherit;padding-top:3px;font-size:17px;padding-right:3px}     
.sub-titles{font-size:15px;color:#fff}      
.deposit-button{background-color:#2979c0;min-width:85px;text-align:center;color:#fff;padding:7px 10px;height:38px;border-radius:1px;font-size:18px}     
.sup-content{margin:10px 10px 0}        
.sup-content .sup-links:active,     
.sup-content .sup-links:active .fa-3,       
.sup-content .sup-links:hover,      
.sup-content .sup-links:hover .fa-3{color:#da9e19}      
.sup-icon{padding:10px}     
.loading-mask{display:none;width:100%;height:100%;padding:2px;z-index:9;background-color:#000;opacity:.8;margin:0;position:absolute;top:0;left:0}       
.loading-img{position:absolute;top:45%;left:45%}        
.loading-img img{margin-left:20px;text-align:center}        
.login-loading-img img{margin:40% auto 2px;vertical-align:center;text-align:center}     
.loading-img p,     
.login-loading-img p{text-align:center}     
.text-center{padding-top:6px;font-size:13px}        
.fa-side{margin-top:-5px;font-size:21px}        
.side-img{display:inline-block;height:22px;width:22px;float:left;margin:6px -8px 0 1px}     
.highlight,     
.reg-show{display:none}     
.footer-img{width:100%;height:auto;margin-left:-4px}        
.head-daftar,       
.m-mobile{height:60px;margin-top:-20px}     
.deploy-toggle-1,       
.deploy-toggle-11,      
.deploy-toggle-2{padding:21px 10px 15px;vertical-align:middle;color:#fff;text-transform:capitalize;font-size:17px}      
.m-mobile{padding-top:25px}     
.head-daftar{padding-top:22px}      
.banner1,       
.banner2,.banner3,.banner-promo{background-repeat:no-repeat;background-size:100% auto;height:170px}     
.side-login{margin-top:-7px;padding-top:10px;color:#fff;width:100px;}       
.side-reg{padding-top:3px}      
.banner1{background-image:url(../img/banner2.jpg)}      
.banner2{background-image:url(../img/banner3.jpg)}      
.banner3{background-image:url(../img/banner.jpg)}       
.banner-promo{background-image:url(../img/banner-newgames-portrait.jpg)}        
.foot-icons,        
.highlight-foot-icons{height:23px;width:24px;margin:3px auto}       
.navigation-item .nav-item:hover .navigation-item{background-color:#224f42}     
.nav-active{color:#fff;background-color:#b80039}        
.bottom-space,      
.extend{background-color:#080a0c}       
.extend{height:250px}       
.icon-user{float:right;height:14px;width:14px;margin-right:3px}     
.rigth-margin{margin-right:10px}        
.withdraw-text{width:50%;color:#fff;float:left}     
.title-padding-left{padding-left:7px;width:240px;float:left;     
margin-top:-10px;}      
.game-two-half{width:50%;float:left}        
.game-two-whole{width:100%;float:left}      
.arrow-indicator{float:left;height:20px;margin:0 10px 0 0}      
.bottom-space{clear:both;height:50px}       
.dl-button,     
.dl-button-bottom{background-color:#26a714;border-radius:2px;padding-top:8px;line-height:1;font-size:14px;display:inline-block;color:#fff;text-align:center}        
.dl-base{height:31px;width:160px;margin:-40px 8px 5px 0;float:right}        
.dl-button{float:right;height:26px;width:100px;margin-right:10px}       
.dl-base img{height:25px;width:19px}        
.dl-bottom-base{height:31px;margin:0 auto;width:130px}      
.dl-button-bottom{height:26px;width:100px;margin-left:1px}      
.dl-bottom-base img{height:25px;width:19px;float:right;margin-left:15px}        
.lihat-side{border:1px solid #fff;color:#fff;float:right}       
.lihat-side-margin{margin-top:-43.5px}      
.lihat-base{height:40px;margin:0 auto;width:100px}      
.lihat-button{background:0 0;line-height:1;display:inline-block;height:30px;width:100px;border-radius:2px;font-size:14px;padding-top:10px;text-align:center}        
.foot-icons{display:inline-block}       
/* .highlight-foot-icons,       */
/*.ui-navbar .ui-block-a a:active .foot-icons,      
.ui-navbar .ui-block-a a:hover .foot-icons,     
.ui-navbar .ui-block-b a:active .foot-icons,        
.ui-navbar .ui-block-b a:hover .foot-icons,     
.ui-navbar .ui-block-c a:active .foot-icons,        
.ui-navbar .ui-block-c a:hover .foot-icons,     
.ui-navbar .ui-block-d a:active .foot-icons,        
.ui-navbar .ui-block-d a:hover .foot-icons{display:none}        
.ui-navbar .ui-block-a a:active .highlight-foot-icons,      
.ui-navbar .ui-block-a a:hover .highlight-foot-icons,       
.ui-navbar .ui-block-b a:active .highlight-foot-icons,      
.ui-navbar .ui-block-b a:hover .highlight-foot-icons,       
.ui-navbar .ui-block-c a:active .highlight-foot-icons,      
.ui-navbar .ui-block-c a:hover .highlight-foot-icons,       
.ui-navbar .ui-block-d a:active .highlight-foot-icons,      
.ui-navbar .ui-block-d a:hover .highlight-foot-icons{display:inline-block}      
.navigation-item .nav-item:hover .side-img{display:none}        
.navigation-item .nav-item:hover .highlight{display:inline-block}*/     
.page-mask{background-color:#18233c;opacity:.2;display:block}       
.header-name,       
.login-inputs label{color:#fff}     
.login-inputs input{color:#000;background-color:#fff}       
.game-dl-side{width:20px;height:100%;background-color:#000;position:absolute;top:0;right:1px;opacity:.5}        
.dl-white-img,      
.dl-white-img img{width:15px;height:17px}       
.dl-white-img{position:absolute;top:6px;right:3px}      
.game-hide{display:none}        
.dl-boxx{background-color:#26a714;height:30px;width:30px}       
.bc-base{height:45px;background:#fff;color:#000;padding:17px 0 0 10px}      
.bc-base p{font-size:16px}      
.rotate{float:left;margin:-3px -5px 0 10px;-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}     
.popular-icon{font-size:21px}       
.landscape-clear{clear:none}        
.star-icon{text-align:center;padding:4px 18px 0 0;font-size:20px}       
.live-casino-icon img{margin-top:5px}       
.slot-games-icon img{margin:5px 0 0 5px}        
.table-games-icon img{margin-top:5px}       
.toggle-header-content{width:260px;margin:-5px -5px 0 0}        
.toggle-icon{width:40px;float:left}     
.toggle-name{width:200px;float:left;padding-top:7px}        
.date-field{float:left;height:40px;margin:0 1px; padding: 1px 0 0 14px; font-size:14px; font-weight: bold;}     
.date-month{width: 35%;}        
.date-day{width: 25%;}      
.date-year{width: 36%;}     
.reg-hide{display: none;}       
.portrait-show{display: inline-block;}      
.landscape-show{display: none;}     
.memo-notif {       
    position: absolute;     
    margin: -30px 0 0 -15px;        
    background: red;        
    border-radius: 100%;        
    font-size: 10px;        
    width: 17px;        
    height: 17px;       
    padding-bottom: 1px;        
    display: none;      
    text-align: center;     
    color: #fff;        
    padding-top: 1px;       
}       
.breadcrumb {       
    margin-left: 2px;       
    background: none;       
    list-style-type: none;      
    float: left;        
    margin-left: 5px;       
    padding-top: 2px;       
}       
.breadcrumb li{     
    float: left;        
    list-style: none;       
}       
.breadcrumb li a{       
    color: #fff;        
    font-size: 12px;        
    float: left;        
}       
.breadcrumb > li + li::before {     
    color: #fff;        
    content: "/";       
    padding: 0px 5px;       
    float: left;        
}       
.breadcrumb li a:hover {        
    color: #d19e2e!important;       
}       
.odd{       
    background: #353535;        
}       
.evenn{     
    background: #484848;        
}       
.deposit-tab{       
        width: 49.5%;       
        float: left;        
    }       
    .margin-right{      
        margin-right: 1px;      
    }       
    .margin-left{       
        margin-left: 1px;       
    }       
    .deposit-title h2{      
        font-size: 18px;        
        line-height: 1.1;       
        margin: 0;      
    }       
    .deposit-content{       
        background: #000;       
        padding: 5px;       
    }       
    .deposit-content span{      
        text-align: justify;        
        font-weight: 100;       
        font-family: Avenir-Roman;      
        font-size: 15px;        
        padding-top: 3px;       
    }       
    .deposit-table{     
        margin-bottom: 0px;     
    }       
    .deposit-table td:first-child{      
        padding: 1px;       
        border:none;        
    }       
    .deposit-table .contactField{       
        min-width: 0;       
    }       
    .deposit-table td{      
        padding: 1px;       
        border:none;        
        font-size: 13px;        
        text-align: left!important;     
    }       
    .radio-banks{       
        -webkit-appearance: radio;      
        float: left;        
    }       
    .bank{      
        width: 100%;        
        float: left;        
        margin-bottom: 5px;     
    }       
    .bank2{     
        width: 50%;     
        float: left;        
    }       
    .bank img, .bank2 img{      
        width: 85px;        
        float: left;        
        margin-right: 3px;      
    }       
    .bank .button_bank, .bank2 .button_bank{        
        width: 130px;       
        height: 39px;       
        font-size: 14px;        
        margin-top: 1px;        
        background: #b80039     
    }       
    .bank p, .bank2 p{      
     margin: 0px;       
     font-size: 14px;       
 }      
.dep-rules td i{        
    font-size: 6px;     
    vertical-align: top;        
}       
.dep-rules td:first-child{      
    padding: 11px 10px 0 5px;       
    vertical-align: top;        
}       
.dep-rules td{      
  padding: 5px;         
  border: none;         
  text-align: left;     
}       
.deposit-tab{       
    width: 49.48%;      
    float: left;        
    background: #e3e3e3;        
}       
.deposit-title{     
    background: #375e97;        
    text-align: center;     
    width: 100%;        
}       
.deposit-h2 {       
    padding: 22.5px 0 16.5px;       
}       
.voucher88-h2 {     
    padding: 14px 0 6px;        
}       
.deposit-title span{        
    color: #fff;        
    font-family: 'hps-euro-w01-regular';        
    font-size: 25px;        
}       
.deposit-bg{        
    background: #e4e4e4;        
}       
.deposit-banks{     
    margin: 0 auto;     
}       
.deposit-banks-tab{     
    margin: 10px;       
}       
.deposit-bank{      
    width: 31%;     
    float: left;        
}       
.deposit-bank img{      
    width:75px;     
}       
.bank-btn{      
    width: 100%;        
    height: 40px;       
    background: #b80039;        
    color: #fff;        
    margin: 0 auto;     
    text-align: center;     
}       
.bank-btn:hover{       
    background: #b80039;        
}       
.deposit-bank-schedules{        
    text-align: center;     
}       
.sched{     
    width: 100%;        
    float: left;        
    padding: 0 5px;     
    margin: 5px 0;      
}       
.sched img{     
    width: 83px;        
    float: left;        
    margin-right: 15px;     
}       
.sched span{        
    text-align: center;     
    font-size: 16px;        
    width: 100%;        
}       
.sched p{       
    clear: both;        
    margin: 0;      
    text-align: left;       
}       
.btn-tutorial{      
    width: 180px!important;     
    height: 40px;       
    font-size: 26px;        
    font-family: 'hps-euro-w01-regular';        
    position: absolute;     
    margin-top: 405px;      
    right: 55px;        
}       
.info-alt{      
    float: right;       
    margin: -4px 44px 0 -75px;      
    cursor: pointer;        
}       
.info-alt[title]{       
    background-color: #000;     
}       
.info-alt:hover{        
    color: #afadad;     
}       
#bank_num{      
    float: left;        
}       
.nomor{     
    margin-left: 10px;      
    text-decoration: underline;     
    color: #ca911f;     
    text-transform: capitalize!important;       
    float: left;        
}       
.nomor:hover{       
    text-decoration: underline;     
    color: #820a00!important;       
}       
.popover-content {      
    padding: 9px 14px;      
    color: #000;        
}       
.beli-sekarang{     
  font-family: Avenir-Roman;        
  font-size: 14px;      
  width: 140px;     
  height: 36px;     
  background: #eb3e16;      
  border-radius: 2px;       
  color: #fff;      
  padding-top: 5px;     
}       
.selengkapnya{      
  font-size: 14px;      
  font-style: italic;       
  text-decoration: underline;       
  color: #fff;      
  font-weight: 100;     
}       
.selengkapnya:hover{        
  color: #ccc;      
  text-decoration: none;        
}       
.copy-message{      
  margin-left: 10px;        
}       
.dep-note{      
  font-family: 'AvenirLTStd-Light';     
  text-align: left;     
  float: left;      
  font-size: 15px;      
}       
.note-base{     
  width: 91%;       
  padding: 7px 10px 12px;       
  background: #07540d;      
  height: 30px;     
  margin-left: 10px;        
  color: #fff;      
}       
.note1{     
  width: 12%;       
}       
.note2{     
  width: 88%;       
}       
.note-icon i{       
  font-size: 36px;      
  margin-top: 9px;      
}       
.dep-tab1{      
    display: block;     
    border-top: 2px solid #080a0c;      
    width: 99.5%;       
    background-color: #fff;         
}       
.dep-tab2{      
    display: none;      
    width: 99.5%;       
    border-top: 2px solid #080a0c;      
}       
.selengkapnya-base2 {       
 position: absolute;        
 bottom: 2.5%;      
 right: 8%;     
}       
.selengkapnya-base2 .selengkapnya {     
    font-size: 12px;        
}       
.beli-base2 {       
    position: absolute;     
    right: 4%;      
    bottom: 40%;        
}       
.dotted-border{     
    border-top: 1px dotted #000;        
    height: 5px;        
    clear: both;        
}       
.sub-h1{        
    float: left;        
    font-size: 20px;        
    margin-right: 5px;      
}       
.bank-img{      
    width: 115px;       
    float: left;        
}  
.question-tab{
    background-color: #171717 !important;
    margin: 3px 0;
    padding: 9px 14px;
    font-size: 13.91px;
    border-color: #171717;
    color: #ffffff;
}
.question-tab.active{
    border: 1px solid #fdbd00;
}
.faq-nav{
    background-color: #232323 !important;
    margin: 3px 0;
    padding: 9px 14px;
    text-align: center;
    border-color: #232323;
    color: #ffffff;
    font-size: 19px;
}
#qna .answer{
    color: #ffffff;
    font-size: 17px;
    font-family: Open Sans;
    padding: 5px 25px;
}
.masuk-e-bank{      
    float: left;        
    padding: 13px 35px;     
    font-size: 16px;        
}       
.voucher-div{       
    width: 100%;        
}       
.form__choice {     
    display: inline-block;      
    box-sizing: border-box;     
    vertical-align: top;        
    font-size: 14px;        
    text-align: center;     
}       
.form__choice label {       
    border: 1px solid #b80039;      
    box-sizing: border-box;     
    display: block;     
    padding: 5px 7px 2px;       
    cursor: pointer;            
}       
.form__choice input[type="radio"] {     
    opacity: 0;     
    width: 0;       
    height: 0;      
}       
.form__choice input[type="radio"]:active ~ label {      
    opacity: 1;     
    border: 1px solid #b80039;      
    background: #b80039;        
    color: #fff;        
    text-decoration: none;      
}       
.form__choice input[type="radio"]:checked ~ label {     
    opacity: 1;     
    border: 1px solid #b80039;      
    background: #b80039;        
    color: #fff;        
    text-decoration: none;      
}       
@media screen and (min-width:600px) and (max-width:750px){      
.voucher-div{       
    width: 100%;        
}       
.deposit-table td{      
    font-size: 14px;        
}       
.dep-tab1{      
  width: 99.2%;         
}       
.dep-tab2{      
    width: 99.2%;       
}       
.deposit-h2 {       
    padding: 22px 0 16px;       
}       
.note1 {        
    width: 12%;     
    text-align: center;     
}       
.note-icon i {      
   margin-top: 0px;     
}       
.deposit-banks {        
    width: 500px;       
    margin: 0 auto;     
}       
.deposit-table {        
    width: 100%;        
    margin: 0 auto;     
}       
.dotted-border{     
    border:none;        
}       
#form_deposit{      
    width: 100%;        
    float: left;        
}       
#form_voucher{      
    width: 100%;        
    float: left;        
}       
.selengkapnya-base2 {       
    position: absolute;     
    bottom: 4%;     
    right: 8%;      
}       
.selengkapnya-base2 .selengkapnya {     
    font-size: 22px;        
}       
.beli-base2 {       
    position: absolute;     
    right: 10%;     
    bottom: 43.5%;      
}       
.beli-sekarang {        
    font-family: Avenir-Heavy;      
    font-size: 18px;        
    width: 190px;       
    height: 40px;       
    background: #eb3e16;        
    border-radius: 2px;     
    color: #fff;        
    padding-top: 4px;       
}       
.bank .button_bank, .bank2 .button_bank {       
    width: 56%;     
    height: 35px;       
    padding: 10px 5px 4px;      
    font-size: 14px;        
    margin-top: 2px;        
}       
.bank img, .bank2 img {     
    width: 33%;     
    margin-right: 0px;      
}       
.bank, .bank2 {     
    width: 50%;     
    float: left;        
    padding-right: 5px;     
}       
.voucher-bg{        
    background-image: url(../img/voucher88-landscape.jpg);      
    background-size: 100% 100%;     
    background-repeat: no-repeat;       
    width: 100%;        
    height: 202px;      
    background-position: center;        
}       
.voucher88-h2 {     
    padding: 22px 0 16px;       
}       
.banner1,       
.banner2,.banner3,.banner-promo{background-repeat:no-repeat;background-size:100% auto;height:150px}     
.portrait-show{display: none;}      
.landscape-show{display: inline-block;}     
.reg-hide{display: inline-block;}       
.date-year{width: 38%;}     
.dl-base{margin-right:10px}     
.popular-icon{font-size:21px}       
.reg-show,      
.game-hide{display:inline-block}        
.banner1{background-image:url(../img/landscape-banner2.jpg)}        
.banner2{background-image:url(../img/landscape-banner3.jpg)}        
.banner3{background-image:url(../img/landscape-banner.jpg)}     
.banner-promo{background-image:url(../img/banner-newgames-landscape.jpg)}       
.game-name{font-size:18px}      
.float_button_daftar{bottom:2%;right:1.4%}      
.game-box{margin:3px}       
.game-one-half{width:25%;float:left}        
.game-one-whole{width:50%;float:left}       
.live-casino{width:50%;float:left}      
.game-two-half{width:25%;float:right}       
.game-two-whole{width:50%;float:right}      
.mb-10{float:left}      
.landscape-clear{clear:both}        
.portrait-clear{clear:none}     
}       
@media screen and (min-width:300px) and (max-width:374px){      
.page-sidebar-scroll, .page-sidebar-scroll-right {      
    z-index: 2;     
    width: 260px;       
    overflow: scroll;       
    overflow-x: hidden;     
    height: 100%;       
}       
}       
@media screen and (min-width:760px) and (max-width:999px){      
.sub-h3{        
        font-size: 16px!important;      
    }       
    .note1 {        
        width: 10%;     
        text-align: center;     
    }       
    .note-icon i {      
        font-size: 36px;        
        margin: 0;      
    }       
    .sub-h1{        
        font-size: 30px;        
    }       
    #form_deposit{      
        width: 100%;        
        float: left;        
    }       
    #form_voucher{      
        width: 100%;        
        float: left;        
    }       
    .voucher88-bg2{     
        background-image: url(../img/voucher88-landscape.jpg);      
        background-size: 100% 100%;     
        background-repeat: no-repeat;       
        width: 99.4%;       
        float: left;        
        height: 210px;      
        background-position: center;        
        margin-top: 0px;        
    }       
    .selengkapnya-base {        
        position: absolute;     
        bottom: 3%;     
        right: 6%;      
    }       
    .selengkapnya {     
        font-size: 13px;        
    }       
    .beli-base {        
        position: absolute;     
        right: 7%;      
        bottom: 42%;        
    }       
    .bank .button_bank,.bank2 .button_bank {        
       width: 220px;        
       height: 44px;        
       padding: 15px 5px 2px;       
       font-size: 17px;     
       margin-top: 3px;     
   }        
   .bank p, .bank2 p {      
        font-size: 15px !important;     
        padding: 5px 0 !important;      
    }       
    .margin-top{        
        margin-top: 20px;       
    }       
    .bank img, .bank2 img {     
        width: 100px;       
        margin-right: 10px;         
    }       
    .bank, .bank2 {     
        width: 50%;     
        float: left;        
        padding-right: 5px;     
    }       
.voucher-bg{        
        background-image: url(../img/voucher88-landscape.jpg);      
        background-size: 100% 100%;     
        background-repeat: no-repeat;       
        width: 100%;        
        height: 269px;      
        background-position: center;        
    }       
    .voucher88-h2 {     
        padding: 22.5px 0 16.5px;       
    }       
.title-padding-left,        
.toggle-icon{padding-top:10px}      
.reg-hide{display: inline-block;}       
.portrait-show{display: inline-block;}      
.landscape-show{display: none;}     
.bc-base p,     
.star-icon{font-size:30px}      
.date-year{width: 38%;}     
.star-icon{text-align:center;padding-left:5px;margin-top:-3px}      
.live-casino-icon img{margin-top:-10px}     
.slot-games-icon img{margin:-7px 0 0 6px}       
.table-games-icon img{margin-left:-5px;margin-top:-10px}        
.toggle-header-content{width:500px;height:inherit;margin-top:-10px}     
.toggle-icon{width:70px;float:left}     
.toggle-name{width:350px;float:left;padding:10px 5px 0 0}       
.landscape-clear{clear:none}        
.portrait-clear{clear:both}     
.popular-icon{margin:-5px 15px 0 0}     
.bc-base{height:70px;background:#fff;color:#000;padding:32px 0 0 20px}      
.bc-base span{float:right;font-size:55px;margin:-20px 20px 0 0;-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}     
.game-hide{display:none}        
.foot-icons,        
.lihat-button,      
.reg-show{display:inline-block}     
.lihat-side{border:1px solid #fff;color:#fff;float:right}       
.lihat-side-margin{margin-top:-43.5px}      
.lihat-base{height:52px;width:175px;margin:0 auto}      
.lihat-button{background:0 0;line-height:1;height:52px;width:175px;border-radius:2px;font-size:25px;padding-top:18px;text-align:center}     
.bottom-space{clear:both;height:120px;background-color:#080a0c}     
.login-loading-img img{margin:20% auto 2px;vertical-align:center;text-align:center}     
.float_button_daftar{bottom:2%;right:1.4%}      
.dropdown-sign,     
.dropdown2-sign,        
.dropup-sign,       
.dropup2-sign{font-size:22px}       
.title-padding-left{width:500px;float:left;font-size:25px}      
.dl-base{height:52px;width:280px;margin:-60px 11px 5px 0;float:right}       
.dl-button{padding:19px;height:52px;width:175px;border-radius:2px;font-size:22px}       
.dl-base img{height:45px;width:auto;margin:3px}     
.dl-bottom-base{height:52px;margin:0 auto;width:280px}      
.dl-button-bottom{padding:19px;height:52px;width:175px;border-radius:5px;font-size:22px;margin-left:25px}       
.glyphicon,     
.source,        
.ui-navbar li .ui-btn{font-size:20px}       
.dl-bottom-base img{height:45px;width:auto;margin:28px 28px 0 0}        
.arrow-indicator{left:5px;height:30px;margin:-10px 20px 0 0}        
.base{margin-right:15px}        
.rigth-margin{margin-right:40px}        
.icon-user{float:right;height:20px;width:20px;margin-top:-5px}      
.foot-icons,        
.highlight-foot-icons{height:33px;width:34px;margin:6px auto}       
.highlight-foot-icons{display:none}     
.game-box{margin:5.3px}     
.horizontal-list-wrapper{padding:6px}       
.side-img{height:32px;width:32px;margin:-1px -10px 0 2px}       
.side-login{padding-top:11px;width:200px;height:inherit;text-align: center;}        
.side-reg{padding-top:14px;height:60px;margin-top:-10px}        
.banner1,       
.banner2,.banner3, .banner-promo{background-repeat:no-repeat;background-size:100% 100%;height:370px}        
.glyphicon{top:-2px;left:5px}       
.banner1{background-image:url(../img/banner2.jpg)}      
.banner2{background-image:url(../img/banner3.jpg)}      
.banner3{background-image:url(../img/banner.jpg)}       
.banner-promo{background-image:url(../img/banner-newgames-portrait.jpg)}        
.page-header{height:80px;}      
.page-header-clear{height:75px}     
.header-logo{height: 70px;margin-left: 15%;margin-top: -72px;padding-bottom: 14px;}     
.deploy-control{margin-top:-59px}       
#deploy-login,      
.deploy-reg,        
.deposit-button{min-width:160px;height:55px;font-size:25px;padding-top:15px;border-radius:2px}      
.deposit-button{padding-top:18px}       
.deploy-reg span{height:60px;padding-top:6px}       
#deploy-login{padding-top:18px;padding-left:5px}        
.deploy-sidebar{padding:20px 0 0 25px;height:75px;width:75px}       
.fa-2{font-size:3.5em!important;color:#fff}     
.fa-1{font-size:1.5em!important;margin-left:10px}       
.deploy-toggle-1,       
.deploy-toggle-11,      
.deploy-toggle-2{font-size:22px;height:70px;padding:21px 0 0 15px}      
.game-dl-side{width:40px;height:100%;background-color:#000;position:absolute;top:0;right:1px;opacity:.5}        
.dl-white-img,      
.dl-white-img img{width:30px;height:32px}       
.dl-white-img{position:absolute;top:12px;right:6px}     
.play-now{height:50px;width:inherit;font-size:30px;padding-top:14px;padding-left:5px}       
.text-center{height:50px;font-size:25px}       
.space_10{height:100px}     
.nav-item{height:79px;font-size:30px;padding-top:22px;padding-left:25px}        
.page-sidebar-scroll,       
.page-sidebar-scroll-right{z-index:2;width:560px;overflow:scroll;overflow-x:hidden;height:100%}     
.page-sidebar{width:560px}      
.button-small{width:42%;padding:15px 0;margin:0 15px;height:55px;font-size:25px;border-radius:2px}      
.footer-img{width:95%;height:auto;margin-left:10px}     
.color-blue{font-size:30px}     
.inner-wrap{padding:20px;background:#080a0c;font-family:Avenir-Heavy}       
.inner-wrap p,      
ol{font-size:18px;padding:5px 0}        
.extend{width:100%;height:500px;background-color:#080a0c}       
.promosi-sub-titles{font-size:25px}     
.deploy-control,        
.field-title{font-size:20px}        
.field-title{padding:3px 0}     
.form-group{padding-top:5px}        
.game-two-half{width:50%;float:left}        
.game-two-whole{width:100%;float:left}      
}       
@media screen and (min-width:1000px){       
.sub-h3{        
        font-size: 16px!important;      
    }       
    .deposit-content span {     
        font-size: 18px;        
    }       
     .note1 {       
        width: 10%;     
        text-align: center;     
    }       
    .note-icon i {      
        font-size: 36px;        
        margin: 0;      
    }       
    .deposit-banks{     
        margin-top: -8px;       
    }       
    .deposit-tab {      
        width: 49.9%;       
    }       
    .beli-sekarang {        
        font-size: 17px;        
        width: 170px;       
        height: 40px;       
    }       
    .beli-base2 {       
        position: absolute;     
        right: 6%;      
        bottom: 42%;        
    }       
    .selengkapnya-base2 .selengkapnya {     
        font-size: 17px;        
    }       
    .selengkapnya-base2 {       
        position: absolute;     
        bottom: 3.5%;       
        right: 8%;      
    }       
    .button_bank {      
        height: 36px;       
    }       
    .masuk-e-bank{      
       float: left;     
       padding: 16px 15px;      
       font-size: 17px;     
   }        
   .bank-btn{       
    width: 290px;       
    height: 42px;       
}       
.bank-img{      
    width: 110px;       
    float: left;        
}       
.sub-h1{        
    font-size: 30px;        
}       
.dotted-border{     
    border:none;        
    clear: none;        
}       
#form_deposit{      
    width: 50%;     
    float: left;        
}       
#form_voucher{      
    width: 50%;     
    float: left;        
    margin-top: 25px;       
}       
.voucher88-bg2{     
    background-image: url(../img/voucher88-landscape.jpg);      
    background-size: 100% 100%;     
    background-repeat: no-repeat;       
    width: 100%;        
    float: left;        
    height: 303px;      
    background-position: center;        
    margin-top: 0px;        
}       
.selengkapnya-base {        
    position: absolute;     
    bottom: 3%;     
    right: 7%;      
    width: 120px!important;     
}       
.selengkapnya {     
    font-size: 17px;        
}       
.beli-base {        
    position: absolute;     
    right: 10%;     
    bottom: 42%;        
}       
.bank .button_bank,.bank2 .button_bank {        
       width: 220px;        
       height: 44px;        
       padding: 15px 5px 2px;       
       font-size: 17px;     
       margin-top: 3px;     
   }        
   .bank p {        
        font-size: 15px !important;     
        padding: 5px 0 !important;      
    }       
    .margin-top{        
        margin-top: 20px;       
    }       
    .bank img, .bank2 img {     
        width: 100px;       
        margin-right: 10px;         
    }       
.bank, .bank2 {     
    width: 50%;     
    float: left;        
    padding-right: 5px;     
}       
.voucher-bg{        
    background-image: url(../img/voucher88-landscape.jpg);      
    background-size: 100% 100%;     
    background-repeat: no-repeat;       
    width: 100%;        
    height: 303px;      
    background-position: center;        
}       
.voucher88-h2 {     
    padding: 22px 0 16px;       
}       
.live-casino-icon img,      
.star-icon,     
.table-games-icon img{margin-top:-10px}     
.portrait-show{display: none;}      
.landscape-show{display: inline-block;}     
.reg-hide{display: inline-block;}       
.date-year{width: 38.5%;}       
.slot-games-icon img{margin:-7px 0 0 6px}       
.bc-base p,     
.star-icon{font-size:30px}      
.foot-icons,        
.lihat-button,      
.reg-show,      
.game-hide{display:inline-block}        
.title-padding-left{padding-top:10px}       
.star-icon{text-align:center;padding:0 15px 0 0}        
.slot-games-icon img{margin-left:6px}       
.table-games-icon img{margin-left:-5px}     
.toggle-header-content{width:500px;height:inherit;margin-top:-10px}     
.toggle-icon{width:70px;float:left;padding-top:10px}        
.toggle-name{width:350px;float:left;padding:10px 5px 0 0}       
.landscape-clear{clear:both}        
.portrait-clear{clear:none}     
.bc-base{height:70px;background:#fff;color:#000;padding:32px 0 0 20px}      
.bc-base span{float:right;font-size:55px;margin:-20px 20px 0 0;-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}     
.lihat-base{height:52px;width:175px;margin:0 auto}      
.lihat-button{background:0 0;line-height:1;height:52px;width:175px;border-radius:2px;font-size:25px;padding-top:18px;text-align:center}     
.dl-base img{height:25px;width:19px}        
.bottom-space{clear:both;height:120px;background-color:#080a0c}     
.login-loading-img img{margin:20% auto 2px;vertical-align:center;text-align:center}     
.float_button_daftar{bottom:2%;right:1.4%}      
.dropdown-sign,     
.dropdown2-sign,        
.dropup-sign,       
.dropup2-sign{font-size:22px}       
.title-padding-left{width:500px;float:left;font-size:25px}      
.dl-base{height:52px;width:210px;margin:-60px 11px 5px 0;float:right}       
.dl-button{padding:19px;height:52px;width:175px;border-radius:5px;font-size:22px}       
.glyphicon,     
.source,        
.ui-navbar li .ui-btn{font-size:20px}       
.arrow-indicator{left:5px;height:30px;margin:-10px 20px 0 0}        
.base{margin-right:15px}        
.rigth-margin{margin-right:45px}        
.icon-user{float:right;height:20px;width:20px;margin-top:-5px}      
.foot-icons,        
.highlight-foot-icons{height:33px;width:34px;margin:6px auto}       
.highlight-foot-icons{display:none}     
.side-img{height:32px;width:32px;margin:-1px -10px 0 2px}       
.side-login{padding-top:12px;width:200px;height:inherit;padding-left:43px}      
.side-reg{padding-top:14px;height:60px;margin-top:-10px}        
.glyphicon{top:-2px;left:5px}       
.page-header{height:80px}       
.page-header-clear{height:75px}     
.horizontal-list-wrapper{padding:6px}       
.game-box{margin:6px}       
.header-logo{height: 70px;margin-left: 15%;margin-top: -72px;padding-bottom: 14px;}     
.deploy-control{margin-top:-59px}       
#deploy-login,      
.deploy-reg,        
.deposit-button{min-width:160px;height:55px;font-size:25px;padding-top:15px;border-radius:2px}      
.deposit-button{padding-top:18px}       
.deploy-reg span{height:60px;padding-top:6px}       
#deploy-login{padding-top:18px;padding-left:5px}        
.deploy-sidebar{padding:20px 0 0 25px;height:75px;width:75px}       
.fa-2{font-size:3.5em!important;color:#fff}     
.fa-1{font-size:1.5em!important;margin-left:10px}       
.deploy-toggle-1,       
.deploy-toggle-11,      
.deploy-toggle-2{font-size:22px;height:70px;padding:21px 0 0 15px}      
.game-dl-side{width:40px;height:100%;background-color:#000;position:absolute;top:0;right:1px;opacity:.5}        
.dl-white-img,      
.dl-white-img img{width:30px;height:32px}       
.dl-white-img{position:absolute;top:12px;right:6px}     
.play-now{height:50px;width:inherit;font-size:30px;padding-top:14px;padding-left:5px}       
.text-center{margin-left:-7px;height:50px;font-size:25px}       
.space_10{height:100px}     
.nav-item{height:79px;font-size:30px;padding-top:22px;padding-left:25px}        
.page-sidebar-scroll,       
.page-sidebar-scroll-right{z-index:2;width:560px;overflow:scroll;overflow-x:hidden;height:100%}     
.page-sidebar{width:560px}      
.button-small{width:42%;padding:15px 0;margin:0 15px;height:55px;font-size:25px;border-radius:2px}      
.footer-img{width:95%;height:auto;margin-left:10px}     
.color-blue{font-size:30px}     
.inner-wrap{padding:20px;background:#080a0c;font-family:Avenir-Heavy}       
.inner-wrap p,      
ol{font-size:18px;padding:5px 0}        
.extend{width:100%;height:500px;background-color:#080a0c;}      
.banner1,       
.banner2,.banner3, .banner-promo{background-repeat:no-repeat;background-size:100% 100%;height:297px}        
.promosi-sub-titles{font-size:25px}     
.deploy-control,        
.field-title{font-size:20px}        
.field-title{padding:3px 0}     
.form-group{padding-top:5px}        
.banner1{background-image:url(../img/landscape-banner2.jpg)}        
.banner2{background-image:url(../img/landscape-banner3.jpg)}        
.banner3{background-image:url(../img/landscape-banner.jpg)}     
.banner-promo{background-image:url(../img/banner-newgames-landscape.jpg)}       
.game-one-half{width:25%;float:left}        
.game-one-whole{width:50%;float:left}       
.live-casino{width:50%;float:left}      
.game-two-half{width:25%;float:right}    
.game-two-whole{width:50%;float:right}
}

#sidebar-icon {
    color: #cf9c00;
    font-size: 45px !important;
}

.header-flags img {
    width: 19px;
    margin-left: 10px;
    margin-bottom: 2px;
} 

.text-warning {
    color: #fb3!important;
    margin: 0px 15px 0px 5px;
    font-size: 15px !important;
}

.icon-mail {
    margin-right: 5px;
}

.back-nav {
    font-size: 18px;
    color: #eea710;
    font-family: Open Sans;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 25px;
    padding-bottom: 40px;
}

.back-nav span:first-child {
    margin-right: 10px;
    vertical-align: middle;
}

.back-nav span i {
    font-size: 28px;
    vertical-align: middle;
}

.mobile-menu {
    margin-top: 20px;
}

.mobile-menu a {
    color: #ffffff;
    background: 0 0;
    font-size: 18px;
    font-family: Open Sans;
    padding: .5rem .4rem !important;
    line-height: 36px;
    text-align: right;
    display: inherit;
}

.mobile-menu a.active {
    color: #fdbd00 !important;
}

.mobile-menu a.active::after {
    display: inline-block;
    content: "";
    border-left: .1rem solid #fdbd00;
    width: 2px;
    height: 35px;
    margin-right: 20px;
    margin-left: 20px;
    vertical-align: middle;
}

.mobile-menu a::after {
    display: inline-block;
    content: "";
    border-left: .1rem solid transparent;
    width: 2px;
    height: 35px;
    margin-right: 20px;
    margin-left: 20px;
    vertical-align: middle;
}

.home-info {
    background: #131313 url(../img/new/mobile-home-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.home-info {
    padding-top: 130px;
    padding-bottom: 130px;
    text-align: center;    
}

.home-info .home-p {
    color: #ffffff;
    font-size: 33px;
    line-height: 40px;
    font-family: Open Sans;
    margin-top: 60px;
    margin-bottom: 30px;
}

.nopadding {
    padding: 0 !important;
    margin: 0 auto !important;
}

.mx-auto {
    margin: 0 auto;
}

.w-100 {
    width: 100%;
}

.home-info .home-btn button {
    color: #ffffff;
    font-size: 32px;
    font-family: Open Sans;
    letter-spacing: 1px;
    padding: 10px 45px;
    border-radius: 5px;
    border: none;
    background: #232323 url(../img/new/home-btn.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 50px;
}

.row {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.seperator-line {
    height: 1px;
    background: #fcbc00;
}

.steps-info {
    padding-top: 130px;
    padding-bottom: 130px;
}

.commission-info {
    padding-top: 130px;
    padding-bottom: 130px;
}

.brands-info {
    padding-top: 130px;
    text-align: center;
}

.concept-info {
    padding-top: 130px;
    padding-bottom: 130px;
}

.aboutus-info {
    padding-top: 130px;
    padding-bottom: 130px;
}

.faq-info {
    padding-top: 50px;
    padding-bottom: 50px;
}

.terms-info {
    padding-top: 70px;
    padding-bottom: 70px;
}

.contact-info {
    padding-top: 90px;
    padding-bottom: 15px;
}

.commission-info th {
    color: #fff;
    font-size: 18px;
    text-align: center;
    background: rgba(58, 58, 58, 0.2);
    padding: 19px 5px !important;
    height: 60px;
    width: 355px;
    border: 1px solid #856506 !important;
}

.commission-info td {
    color: #fff;
    font-size: 18px;
    text-align: center;
    background: rgba(58, 58, 58, 0);
    padding: 19px 5px !important;
    height: 60px;
    width: 355px;
    border: 1px solid #3a3836 !important;
}

.table-responsive {
    border: none;
    padding-left: 15px;
    padding-right: 15px;
}

.commission-logo {
    margin-top: 65px;    
    margin-bottom: 65px;
}

.brands-info .brand-desc {
    color: #ffffff;
    font-family: Open Sans;
    font-size: 14px;
    line-height: 23px;  
}

.brands-info .mb-custom-s {
    margin-bottom: 60px;
}

.brands-info .brands-info-logo-1 {
    margin-bottom: 15px;
}

.brands-info .brands-info-logo-2 img{
    display: block;
    margin: 0 auto;
    padding: 15px 0px;
}

.brands-info .brands-info-logo-3 img{
    display: block;
    margin: 0 auto;
}

.brands-info .brand-powered-by {
    color: #ffffff;
    font-family: Open Sans;
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 35px;
}

.px-15 {
    padding: 0px 15px;
}

.p-yellow {
    color: #fdbd00;
}

.contactform {
    margin-top: 40px !important;
}

.contactinfo {
    border-left: none;
    border-top: none;
    padding-left: 0px;
    padding-top: 50px !important;
    text-align: center;
}

.contact-info img {
    width: 40px;
    margin: 0px 10px;
}

.footer-social {
    text-align: center;
}

footer .footer-social ul li {
    margin-right: 10px;
}

footer .copyright a {
    color: #fdbd00 !important;
    margin: 0 auto;
}

.contact-info #errMessage {
    font-size: 14px;
}

.contact-info #errMessage div {
    display: inline-block;
    padding: 0 !important;
    margin-bottom: 0px !important;
    margin-right: 15px;
    color: #fdbd00 !important;
}

.faq-tab {
    background: #131313 url(../img/new/faq-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.faq-nav.active {
    color: #e0a805;
}

.sidebar-icon-style {
    float: right;
    margin-top: 15px;
}

@media (max-width: 600px) {
    .home-info .home-p {
        font-size: 28px;
        line-height: 32px;
    }

    .home-info .px-15 img {
        max-width: 410px;
    }

    .brands-info .brand-desc {
        font-size: 13px;
    }
}

@media (max-width: 500px) {
    .home-info .home-p {
        font-size: 22px;
        line-height: 27px;
    }

    .home-info .px-15 img {
        max-width: 300px;
    }

    #sidebar-icon {
        font-size: 36px !important;
    }

    .sidebar-icon-style {
        margin-top: 18px;
    }
    
}

.terms-container .content-title {
    font-size: 28px;
    color: #ffffff;
    font-family: Open Sans;
    font-weight: bold;
    letter-spacing: 2px;
}

.terms-container span.txt-blue, h1.txt-blue {
    color: #fdbd00 !important;
}

.terms-container {
    color: #ffffff;
}

.terms-container .full-screen-scroller.terms-container {
    font-size: 13px;
}