﻿/* Darkgold - mobile */

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../../font/BebasNeueRegular.eot');
    src: url('../../font/BebasNeueRegular.eot') format('embedded-opentype'),
         url('../../font/BebasNeueRegular.woff2') format('woff2'),
         url('../../font/BebasNeueRegular.woff') format('woff'),
         url('../../font/BebasNeueRegular.ttf') format('truetype'),
         url('../../font/BebasNeueRegular.svg#BebasNeueRegular') format('svg');
}

@font-face {
    font-family: 'advanced_dot_digital7';
    src: url('../../font/advanced_dot_digital7.eot');
    src: url('../../font/advanced_dot_digital7.eot') format('embedded-opentype'),
         url('../../font/advanced_dot_digital7.woff2') format('woff2'),
         url('../../font/advanced_dot_digital7.woff') format('woff'),
         url('../../font/advanced_dot_digital7.ttf') format('truetype'),
         url('../../font/advanced_dot_digital7.svg#advanced_dot_digital7') format('svg');
}

@font-face {
    font-family: 'digital_sans_ef_medium';
    src: url('../../font/digital_sans_ef_medium.woff2') format('woff2'),
         url('../../font/digital_sans_ef_medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'arial_3';
    src: url('../../font/arial_3.eot');
    src: url('../../font/arial_3.eot') format('embedded-opentype'),
         url('../../font/arial_3.woff2') format('woff2'),
         url('../../font/arial_3.woff') format('woff'),
         url('../../font/arial_3.ttf') format('truetype'),
         url('../../font/arial_3.svg#arial_3') format('svg');
}
@font-face {
    font-family: 'arialbd_3';
    src: url('../../font/arialbd_3.eot');
    src: url('../../font/arialbd_3.eot') format('embedded-opentype'),
         url('../../font/arialbd_3.woff2') format('woff2'),
         url('../../font/arialbd_3.woff') format('woff'),
         url('../../font/arialbd_3.ttf') format('truetype'),
         url('../../font/arialbd_3.svg#arialbd_3') format('svg');
}
@font-face {
    font-family: 'CORBEL_3';
    src: url('../../font/CORBEL_3.eot');
    src: url('../../font/CORBEL_3.eot') format('embedded-opentype'),
         url('../../font/CORBEL_3.woff2') format('woff2'),
         url('../../font/CORBEL_3.woff') format('woff'),
         url('../../font/CORBEL_3.ttf') format('truetype'),
         url('../../font/CORBEL_3.svg#CORBEL_3') format('svg');
}
@font-face {
    font-family: 'KeepCalmMedium';
    src: url('../../font/KeepCalmMedium.eot');
    src: url('../../font/KeepCalmMedium.eot') format('embedded-opentype'),
         url('../../font/KeepCalmMedium.woff2') format('woff2'),
         url('../../font/KeepCalmMedium.woff') format('woff'),
         url('../../font/KeepCalmMedium.ttf') format('truetype'),
         url('../../font/KeepCalmMedium.svg#KeepCalmMedium') format('svg');
}


img{max-width:100%;height:auto;}

a{  -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease; color: #c5982d;}
h1 {font-size:42px;color:#999; margin:0px 0px 15px 0px;padding:0px;}
h2 {font-size:48px;color:#999; margin:0px 0px 10px 0px;padding:0px 0px 15px 0px;font-family: 'digital_sans_ef_medium'; }
h2 span{ color:#29166f;}

h3 {font-size:32px;color:#999; margin:0px 0px 0px 0px;padding:0px 0px 10px 0px;font-family: 'digital_sans_ef_medium';  font-weight:normal;}
h4 {font-size:26px;color:#999;margin:0px 0px 15px 0px;text-transform:capitalize; font-weight:normal;font-family: 'digital_sans_ef_medium'; }
h5 {font-size:22px;color:#999; margin:0px 0px 15px 0px;t font-weight:normal;font-family: 'digital_sans_ef_medium'; }
h6 {font-size:18px;color:#999;margin:0px 0px 15px 0px;text-transform:capitalize; font-weight:normal;font-family: 'digital_sans_ef_medium';}

.spacer1px {clear:both;line-height:0;font-size:0;overflow:hidden;height:1px; background:none; margin:0px 0px 0px 0px;width:100%; border:none;}
.spacer10px {clear:both;line-height:0;font-size:0;overflow:hidden;height:10px; background:none; margin:0px 0px 0px 0px;width:100%; border:none;}
.spacer20px {clear:both;line-height:0;font-size:0;overflow:hidden;height:20px; background:none; margin:0px 0px 0px 0px;width:100%; border:none;}
.spacer30px {clear:both;line-height:0;font-size:0;overflow:hidden;height:30px; background:none; margin:0px 0px 0px 0px;width:100%; border:none;}
a{ outline:none;}
a:hover{ text-decoration:none;}
body {
    overflow-x: hidden;
    color: #858585;
    font-size: 13px;
    line-height: 19px;
    margin: 0px;
    padding: 0px;
    outline: none;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
    font-family: 'digital_sans_ef_medium';
    background-color: #0a0a0a;
}
p{color:#858585;font-size:14px;line-height:20px; font-family: 'digital_sans_ef_medium';}
ul, ol {
    list-style: none;
    margin: 0;
    padding: 0;
}








/*====================== Header =========================*/

header {
    background: #151515;
    padding: 0px 10px;
}

.register_login{ float:left; width:100%;    font-size: 18px;}
a.register_login_left {
    float: left;
    width: 50%;
    display: block;
    text-align: center;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fca501+0,ce7400+100 */
    background: #fae58c;
    background: -moz-linear-gradient(top, #fae58c 0%, #ba8a1c 100%);
    background: -webkit-linear-gradient(top, #fae58c 0%,#ba8a1c 100%);
    background: linear-gradient(to bottom, #fae58c 0%,#ba8a1c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fae58c', endColorstr='#ba8a1c',GradientType=0 );
    line-height: 40px;
    color: #fff;
    padding: 3px 20px;
}
a.register_login_right {
    float: left;
    width: 50%;
    display: block;
    text-align: center;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1c399b+0,041744+100 */
    background: #696969;
    background: -moz-linear-gradient(top, #696969 0%, #383838 100%);
    background: -webkit-linear-gradient(top, #696969 0%,#383838 100%);
    background: linear-gradient(to bottom, #696969 0%,#383838 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696969', endColorstr='#383838',GradientType=0 );
    line-height: 40px;
    color: #fff;
    padding: 3px 20px;
}

.mobile_login{ position:absolute; right:10px; top:10px; z-index:99;}
.mobile_login img{width: 30px; margin-top: 3px;}



.register_login_afterlogin{ float:left; width:100%; text-align:center;}
.register_login_afterlogin span {
    display: block;
    min-height: 30px;    position: relative;
}
.register_login_afterlogin img {max-width: 25px;}
.register_login_afterlogin a {
    width: 32%;
    display: inline-block;
    color: #fff;
    padding: 6px 0px;
    font-size: 15px;
    text-align: center;
    margin: 0px 0.2%;
    position: relative;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5773d8+0,203177+100 */
    background: #c71606; /* Old browsers */
    background: -moz-linear-gradient(top, #c71606 0%, #4a0a0a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #c71606 0%,#4a0a0a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c71606 0%,#4a0a0a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c71606', endColorstr='#4a0a0a',GradientType=0 ); /* IE6-9 */
}
.register_login_afterlogin a:hover {
    background: #4a0a0a; /* Old browsers */
    background: -moz-linear-gradient(top, #4a0a0a 0%, #c71606 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #4a0a0a 0%,#c71606 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4a0a0a 0%,#c71606 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a0a0a', endColorstr='#c71606',GradientType=0 ); /* IE6-9 */
}
.register_login_afterlogin small {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 27px;
    font-size: 28px;
    background-color: #ff0000;
    border-radius: 50%;
    position: absolute;
    margin-left: -5px;
    margin-top: 0px;
}


/*====================== After Register =========================*/

.welcomepage_afterregister {
    background: #151515;
}

.text-primary span,
.text-primary a {
    color: #b88416;
}

.registerDoneContent {
    background: #424242;
}

/*====================== MEGA Jackpot =========================*/
.mega_jackpot {
    padding: 10px 0;
    height: 135px;
    background-color: #040404;
}

.mega_jackpot_main {
    background: url(/Resources/images/mobile/jackpot.gif) no-repeat center;
    background-size: cover;
    height: 105px;
    width: 100%;
    font-family: 'advanced_dot_digital7';
    padding-top: 58px;
    font-size: 20px;
    color: #baad6b;
    text-align: center;
}

@media only screen and (max-width: 360px) {
    .mega_jackpot {
        height: 117px;
    }

    .mega_jackpot_main {
        height: 96px;
        padding-top: 52px;
        font-size: 18px;
    }
}

@media only screen and (max-width: 320px) {
    .mega_jackpot {
        height: 110px;
    }

    .mega_jackpot_main {
        height: 90px;
        padding-top: 46px;
        font-size: 16px;
    }
}

.jackpot_currency {
    color: #baad6b;
}

/*====================== Hot Match =========================*/
.hotmatch {
    position: relative;
    background: #040404;
    color: #e0c55e;
    padding: 0px 0px 40px 0px;
    margin: 0 auto;
}
.hotmatch h3 {
    color: #efd77f;
    font-size: 16px;
    margin: 12px 0px;
}
.sbsports_btmsection2_sub1{float:left; width:100%;}
.sbsports_btmsection2_sub2{float:left; width:100%;}

.sbsports_btmsection2_sub3{float:left; width:100%; color:#FFFFFF;}
.sbsports_btmsection2_sub3 ul { margin:10px 0px 0px 0px; padding:0px; display:block; text-align:center; color:#FFFFFF;}
.sbsports_btmsection2_sub3 ul li { display:inline-block; margin:2px; color:#FFFFFF;}

.sbsports_btmsection2_content1 {
    font-size: 27px;
    color: #e0c55e;
}
a.livestreaming {
    border: 2px solid #efd77f;
    border-radius: 25px;
    color: #efd77f;
    display: inline-block;
    padding: 4px 20px;
}
a.livestreaming:hover {
    border: 2px solid #efd77f;
    color: #000;
    background-color: #efd77f;
}


#myCarousel2 .carousel-indicators {bottom: -30px;}

.sgpboard {
    margin: 1px 0px;
    padding: 10px 0px;
    font-size: 13px;
    background: #151515; /* Old browsers */
    background: -moz-linear-gradient(left, #202020 0%, #161616 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #202020 0%, #161616 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #202020 0%, #161616 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='#161616',GradientType=1 ); /* IE6-9 */
}

.sgpboard td {
    color: #f4dd83 !important;
}
.jackpot_mid4 {
    float: right;
    width: auto;
    background: #030303;
    padding: 10px 5px;
    text-align: center;
    height: 52px;
    min-width: 140px;
    border: 2px solid #f4dd82;
    border-radius: 0px;
}
.jackpot_mid4 span{ margin:0px 1px; display:inline-block;}
.jackpot_mid4 span img{ width: 18px;}

.lottery-result-number-0 { background:url(../../images/mobile/number_0-9.png) no-repeat left; background-size:auto 118%; background-position:-5px -5px; display:block; height:36px; width:27px; }
.lottery-result-number-1 { background:url(../../images/mobile/number_0-9.png) no-repeat left; background-size:auto 118%; background-position:-38px -5px; display:block; height:36px; width:27px; }
.lottery-result-number-2 { background:url(../../images/mobile/number_0-9.png) no-repeat left; background-size:auto 118%; background-position:-71px -5px; display:block; height:36px; width:27px; }
.lottery-result-number-3 { background:url(../../images/mobile/number_0-9.png) no-repeat left; background-size:auto 118%; background-position:-105px -5px; display:block; height:36px; width:27px; }
.lottery-result-number-4 { background:url(../../images/mobile/number_0-9.png) no-repeat left; background-size:auto 118%; background-position:-139px -5px; display:block; height:36px; width:27px; }
.lottery-result-number-5 { background:url(../../images/mobile/number_0-9.png) no-repeat left; background-size:auto 118%; background-position:-174px -5px; display:block; height:36px; width:27px; }
.lottery-result-number-6 { background:url(../../images/mobile/number_0-9.png) no-repeat left; background-size:auto 118%; background-position:-210px -5px; display:block; height:36px; width:27px; }
.lottery-result-number-7 { background:url(../../images/mobile/number_0-9.png) no-repeat left; background-size:auto 118%; background-position:-244px -5px; display:block; height:36px; width:27px; }
.lottery-result-number-8 { background:url(../../images/mobile/number_0-9.png) no-repeat left; background-size:auto 118%; background-position:-279px -5px; display:block; height:36px; width:27px; }
.lottery-result-number-9 { background:url(../../images/mobile/number_0-9.png) no-repeat left; background-size:auto 118%; background-position:-314px -5px; display:block; height:36px; width:27px; }


.play_tabbing {
    position: relative;
    background: #0b0b0b;
}

.play_tabbing .panel-primary>.panel-heading{ background:#0a0a0a; padding:0px;    border: none !important;}
.play_tabbing .nav>li{ width:24%; display:inline-block; text-align:center; margin-bottom:15px;}
.play_tabbing .nav>li>a{ font-size:12px; color:#FFFFFF; padding:0px;border:2px solid #0a0a0a; padding:5px 0px;}
.play_tabbing .panel-body{ padding:0px; background-color:#151515;}

.play_tabbing .nav > li > a:focus, .play_tabbing .nav > li > a:hover, .play_tabbing .nav > li.active > a {
    text-decoration: none;
    background-color: #151515;
    border: 0px solid #290150;
    border-radius: 5px;
}

.play_tabbing .nav > li > a p {
    margin: 5px 0px 0px 0px;
    color: #efd77f;
}

.play_tabbing ul{ margin:10px 0px 10px 0px;}

.play_tabbing_work{ float:left; width:100%;text-align:center;}
.play_tabbing_work ul { margin:0px; padding:0px;float:left; width:100%;}
.play_tabbing_work ul li { display:inline-block;vertical-align: top;float:left; width:32%; text-align:center;padding:6px;}
.play_tabbing_work h6{ font-size:12px; color:#FFFFFF; margin:10px 0px 0;}
.play_tabbing_work h6 span{color:#fca501;}


.play_tabbing .nav>li.navigation1 .imageshpae {
height: 28px; width:28px;display: inline-block;
background: url(../../images/mobile/iconsoccer-off.svg) no-repeat center top; background-size:100%;
}
.play_tabbing .nav>li.navigation1:hover .imageshpae{background: url(../../images/mobile/iconsoccer-on.svg) no-repeat center top; background-size:100%;}
.play_tabbing .nav>li.navigation1.active .imageshpae{background: url(../../images/mobile/iconsoccer-on.svg) no-repeat center top; background-size:100%;}

.play_tabbing .nav>li.navigation2 .imageshpae {
height: 32px; width:32px;display: inline-block;
background: url(../../images/mobile/iconcasino-off.svg) no-repeat center top; background-size:100%;
}
.play_tabbing .nav>li.navigation2:hover .imageshpae{background: url(../../images/mobile/iconcasino-on.svg) no-repeat center top; background-size:100%;}
.play_tabbing .nav>li.navigation2.active .imageshpae{background: url(../../images/mobile/iconcasino-on.svg) no-repeat center top; background-size:100%;}




.play_tabbing .nav>li.navigation3 .imageshpae {
height: 32px; width:36px;display: inline-block;
background: url(../../images/mobile/iconfish-off.svg) no-repeat center top; background-size:100%;
}
.play_tabbing .nav>li.navigation3:hover .imageshpae{background: url(../../images/mobile/iconfish-on.svg) no-repeat center top; background-size:100%;}
.play_tabbing .nav>li.navigation3.active .imageshpae{background: url(../../images/mobile/iconfish-on.svg) no-repeat center top; background-size:100%;}



.play_tabbing .nav>li.navigation4 .imageshpae {
height:32px; width:34px;display: inline-block;
background: url(../../images/mobile/iconslot-off.svg) no-repeat center -9px; background-size:150%;
}
.play_tabbing .nav>li.navigation4:hover .imageshpae{background: url(../../images/mobile/iconslot-on.svg) no-repeat center -9px; background-size:150%;}
.play_tabbing .nav>li.navigation4.active .imageshpae{background: url(../../images/mobile/iconslot-on.svg) no-repeat center -9px; background-size:150%;}


.play_tabbing .nav>li.navigation5 .imageshpae {
height: 32px; width:36px;display: inline-block;
background: url(../../images/mobile/iconpoker-off.svg) no-repeat center top; background-size:100%;
}
.play_tabbing .nav>li.navigation5:hover .imageshpae{background: url(../../images/mobile/iconpoker-on.svg) no-repeat center top; background-size:100%;}
.play_tabbing .nav>li.navigation5.active .imageshpae{background: url(../../images/mobile/iconpoker-on.svg) no-repeat center top; background-size:100%;}




.play_tabbing .nav>li.navigation6 .imageshpae {
height: 32px; width:36px;display: inline-block;
background: url(../../images/mobile/icontogel-off.svg) no-repeat center -10px; background-size:140%;
}
.play_tabbing .nav>li.navigation6:hover .imageshpae{background: url(../../images/mobile/icontogel-on.svg) no-repeat center -10px; background-size:140%;}
.play_tabbing .nav>li.navigation6.active .imageshpae{background: url(../../images/mobile/icontogel-on.svg) no-repeat center -10px; background-size:140%;}


.play_tabbing .nav>li.navigation7 .imageshpae {
height: 32px; width:34px;display: inline-block;
background: url(../../images/mobile/iconpromotion-off.svg) no-repeat center top; background-size:100%;
}
.play_tabbing .nav>li.navigation7:hover .imageshpae{background: url(../../images/mobile/iconpromotion-on.svg) no-repeat center top; background-size:100%;}
.play_tabbing .nav>li.navigation7.active .imageshpae{background: url(../../images/mobile/iconpromotion-on.svg) no-repeat center top; background-size:100%;}




.play_tabbing .nav>li.navigation8 .imageshpae {
height: 32px; width:34px;display: inline-block;
background: url(../../images/mobile/iconlive-off.svg) no-repeat center -7px; background-size:130%;
}
.play_tabbing .nav>li.navigation8:hover .imageshpae{background: url(../../images/mobile/iconlive-on.svg) no-repeat center -7px; background-size:130%;}
.play_tabbing .nav>li.navigation8.active .imageshpae{background: url(../../images/mobile/iconlive-on.svg) no-repeat center -7px; background-size:130%;}



.play_tabbing .nav>li.navigation9 .imageshpae {
height: 32px; width: 34px;display: inline-block;
background: url(../../images/mobile/iconcock-off.svg) no-repeat center -7px;background-size: 130%;
}
.play_tabbing .nav>li.navigation9:hover .imageshpae {background: url(../../images/mobile/iconcock-on.svg) no-repeat center -7px;background-size: 130%;}

.play_tabbing .nav>li.navigation9.active .imageshpae {background: url(../../images/mobile/iconcock-on.svg) no-repeat center -7px;background-size: 130%;}


.play_tabbing .nav > li.navigation10 .imageshpae {
    height: 32px;
    width: 27px;
    display: inline-block;
    background: url(../../images/mobile/iconhotgames-off.svg) no-repeat center 5px;
    background-size: 100%;
}
.play_tabbing .nav > li.navigation10:hover .imageshpae {
    background: url(../../images/mobile/iconhotgames-on.svg) no-repeat center 5px;
    background-size: 100%;
}
.play_tabbing .nav > li.navigation10.active .imageshpae {
    background: url(../../images/mobile/iconhotgames-on.svg) no-repeat center 5px;
    background-size: 100%;
}



.play_tabbing .nav > li.navigation11 .imageshpae {
    height: 32px;
    width: 27px;
    display: inline-block;
    background: url(../../images/mobile/iconother-off.svg) no-repeat center 5px;
    background-size: 100%;
}
.play_tabbing .nav > li.navigation11:hover .imageshpae {
    background: url(../../images/mobile/iconother-on.svg) no-repeat center 5px;
    background-size: 100%;
}
.play_tabbing .nav > li.navigation11.active .imageshpae {
    background: url(../../images/mobile/iconother-on.svg) no-repeat center 5px;
    background-size: 100%;
}


/*====================== Games Dropdown =========================*/

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
    padding: 0 5px;
    margin: 3px 0 !important;
    width: 33% !important;
    margin-right: 0 !important;
}

.owl-carousel .owl-stage {
    width: 100% !important;
}

/*====================== Contact =========================*/




.ui-loader.ui-corner-all.ui-body-a.ui-loader-default {display: none !important;}

.contactmain {
    position: relative;
    padding: 80px 20px 20px 20px;
    background: url(../../images/mobile/contact-bg.jpg) no-repeat center top #0b0b0b;
    background-size: 100%;
    min-height: 500px;
}

.contactmain ul {margin:0px; padding:0px; text-align:center;}
.contactmain ul li { display:block; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; position:relative; text-align:center; }
.contactmain ul li label{font-size: 16px; display:block; margin:0px 0px 10px 0px; color:#fff; font-weight:normal; text-align: left;}
.contactmain ul li .login_inputbox {
    background: #080808;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-indent: 10px;
    border: 1px solid #171717;
    color: #fff;
    text-align: left;
}
.contactmain ul li .fa-eye {
    position: absolute;
    right: 10px;
    top: 40px;
    color: #fae58c;
    font-size: 20px;
}
.contactmain ul li.forgotpassword{ font-size:13px; text-align:center; margin:0px 0px 10px 0px; color:#ff9806;}
.contactmain ul li.forgotpassword a {
    font-size: 13px;
    color: #808080;
}
.contactmain ul li textarea{ height:170px !important; line-height:20px !important; padding:10px !important;  text-indent:0px !important;}
.contactmain ul li.signup{ font-size:13px; text-align:center; margin:0px 0px 10px 0px; color:#fff;}
.contactmain ul li.signup a {
    font-size: 13px;
    color: #c79a30;
}

.contactmain h3 {
    color: #b18f35;
    font-size: 18px;
    margin: 10px 0px 20px 0px;
    padding: 0px 0px;
}

.contactmain h3 a {
    color: #b18f35;
}
.contactmain .spacer1px {
    background: #151515;
    margin-bottom: 10px;
}

.contactmain ul li .btn-style-one {
    background-color: #c79a30;
    border: none;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    padding: 15px 10px;
    border-radius: 25px;
    font-size: 16px;
    border: 1px solid #c79a30;
}
.contactmain ul li .btn-style-one:hover {
    background-color: #292929;
    border: 1px solid #c79a30;
}

.contactmain ul li .btn-style-one.orange {
    color: #0c0c0c;
    background: #fae88c;
    background: -moz-linear-gradient(top, #fae88c 0%, #b88416 100%);
    background: -webkit-linear-gradient(top, #fae88c 0%,#b88416 100%);
    background: linear-gradient(to bottom, #fae88c 0%,#b88416 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fae88c', endColorstr='#b88416',GradientType=0 );
    border: 0px solid #f0a50e;
}
.contactmain ul li .btn-style-one.orange:hover {
    background: #b88416;
    background: -moz-linear-gradient(top, #b88416 0%, #fae88c 100%);
    background: -webkit-linear-gradient(top, #b88416 0%,#fae88c 100%);
    background: linear-gradient(to bottom, #b88416 0%,#fae88c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b88416', endColorstr='#fae88c',GradientType=0 );
}
    .contactmain ul li td {
        padding: 5px 0px;
        color: #999;
    }
.contactmain ul li span.error {background: #b18f35;color: #fff;font-size: 12px;padding: 7px 5px;border-radius: 3px;position: absolute;width: 130px;right: 0px;top: -17px;font-style: italic;}

.contactmain ul li button {
    position: absolute;
    top: 38px;
    right: 6px;
    background: #aa7a14;
    border: 0;
    color: #fff;
}


/*====================== Promo =========================*/

.promotion_main{ padding:0px;}
.promotion_main_left{ float:left; width:20%; padding:10px;}
.promotion_main_left ul {margin:0px; padding:0px;}
.promotion_main_left ul li { display:block;margin:0px 0px 2px 0px; }
.promotion_main_left ul li a { font-size:14px; background-color:#030a2e; padding:12px 2px 12px 12px; display:block; color:#FFFFFF;margin:0px 0px 2px 0px; }
.promotion_main_left ul li a:hover { background-color:#ffaf00; text-decoration:none;}
.promotion_main_left ul li.active a { background-color:#ffaf00; text-decoration:none;}




.promotion_main_right{ float:right; width:100%; padding:5px;}
.promotion_main_right ul {margin:0px; padding:0px;}
.promotion_main_right ul li { margin:0px 0px 20px 0px; position:relative; text-align:center; background-color:#0f0f0f; padding:10px; }
.promotion_main_right ul li img {}



.promotion_main_right ul li .clickformore_btnmain{position: relative;margin: 0 auto;left: 0px;right: 0px;top: 0px;text-align: center;}
.promotion_main_right ul li .clickformore_btnmain .clickformore_btn {
    display: inline-block;
    background: #f2dc7d;
    background: -moz-linear-gradient(top, #f2dc7d 0%, #b88416 100%);
    background: -webkit-linear-gradient(top, #f2dc7d 0%, #b88416 100%);
    background: linear-gradient(to bottom, #f2dc7d 0%, #b88416 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2dc7d', endColorstr='#b88416', GradientType=0);
    padding: 12px 35px;
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    margin: 10px 0px;
}
.promotion_main_right ul li .clickformore_btnmain .clickformore_btn:hover {
    text-decoration: none;
    background: #b88416;
    background: -moz-linear-gradient(top, #b88416 0%, #f2dc7d 100%);
    background: -webkit-linear-gradient(top, #b88416 0%, #f2dc7d 100%);
    background: linear-gradient(to bottom, #b88416 0%, #f2dc7d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b88416', endColorstr='#f2dc7d', GradientType=0);
    color: #000;
}



.promotionmodal .modal-footer{ text-align:center; color:#555555; font-size:14px; border:none; padding:0px 0px 15px 0px;}
.promotionmodal .modal-footer a{ font-size:14px; color:#fff; background:#354567; display:inline-block; padding:7px 25px; border-radius:4px;}
.promotionmodal .modal-footer a:hover{ background-color:#ffaf00;}

.promotionmodal .modal-header{ padding:10px 10px 0px 0px; border:none;}
    .promotionmodal .modal-header .close {
        color: #efd77f;
        opacity: 1;
        font-size: 28px;
    }


.promotionmodal h4 {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    color: #f6e284;
    font-size: 21px;
    line-height: 28px;
}
.promotionmodal h5 { margin:0px 0px 20px 0px; padding:0px; color:#fff; font-size:16px;line-height:18px;}
.promotionmodal p { margin:0px 0px 0px 0px; padding:0px; color:#fff; font-size:14px;line-height:18px;}
.promotionmodal ol { margin:20px 0px 10px 0px; padding:0px;list-style-type: decimal;}
.promotionmodal ol li {color:#fff; font-size:14px; line-height:18px;margin:0px 0px 10px 10px; background:transparent; text-align: left; display:list-item;}
.promotionmodal .modal-body{ padding:0px 25px 15px 25px; text-align: justify;}
.promotionmodal .modal-body table{ color:#fff;}



/*.promo_dropown{ position:relative; padding:10px;}
.promo_dropown .demo select {-webkit-appearance: none;-moz-appearance: none;background:#030825 url(../../images/mobile/select-arrow.png) no-repeat 97% center; font-size:18px;
text-indent: 0.01px;text-overflow: "";color:#fff; border:none;}
.promo_dropown .demo select.balck {background-color: #000;}
.promo_dropown .demo select.option3 {border-radius: 10px 0;}
.promo_dropown .demo .selct{box-shadow:none !important;}
.promo_dropown .demo .selct:focus{background:#ff9905 url(../../images/mobile/select-arrow2.png) no-repeat 97% center;border:none;}
*/


.promo_dropown{ position:relative; padding:10px; color:#FFFFFF; font-size:18px;}
.promo_dropown a{color:#FFFFFF; display:block; padding:10px;}
.promo_dropown .caret{ position:absolute; right:20px; top:25px;font-size:18px;}
    .promo_dropown.open {
        background-color: #151515;
    }
.promo_dropown.open .caret{transform: rotateZ(180deg);}


.promotionmodal .expiredate{ display:inline-block; border-right:1px solid #afafaf; text-align:center;font-family: 'BebasNeueRegular'; width:25%;}
.promotionmodal .expiredate h6{ color:#a5a5a5; margin:0px;line-height: 32px; font-size:18px;font-family: 'BebasNeueRegular';}
.promotionmodal .expiredate small{ color:#fff; margin:0px; font-size:18px; line-height:10px;font-family: 'BebasNeueRegular';}

.promotionmodal .expiredate h6.active{ color:#e2c360;}
.promotionmodal .expiredate small.active{ color:#e2c360;}
.promotionmodal .expiredate {
    display: inline-block;
    border-right: 1px solid #afafaf;
    text-align: center;
}


.bonusbar_modal2 .modal-dialog{margin: 30px auto;}

.bonusbar_modal2 .modal-content{ background:#050505;border-radius: 0;}

.bonusbar_modal2 .modal-header .close {color: #fff;font-size: 30px;}

.bonusbar_modal2 h4 {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    color: #efd77f;
    font-size: 21px;
    line-height: 28px;
}
.bonusbar_modal2 h5 {
    margin: 0px 0px 20px 0px;
    padding: 0px;
    color: #9d9d9d;
    font-size: 16px;
    line-height: 18px;
}
.bonusbar_modal2 p {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    color: #9d9d9d;
    font-size: 14px;
    line-height: 18px;
}
.bonusbar_modal2 ol { margin:20px 0px 10px 0px; padding:0px;list-style-type: decimal;}
.bonusbar_modal2 ol li {
    color: #9d9d9d;
    font-size: 14px;
    line-height: 18px;
    margin: 0px 0px 10px 10px;
    background: transparent;
    text-align: left;
}
.bonusbar_modal2 .modal-header{padding-bottom:0px;}
.bonusbar_modal2 .modal-body{ padding-top:0px; padding-left:30px; padding-right:30px;}

.bonusbar_modal2 .modal-footer a {
    font-size: 14px;
    color: #fff;
    background: #f7e588;
    background: -moz-linear-gradient(top, #f7e588 0%, #b88416 100%);
    background: -webkit-linear-gradient(top, #f7e588 0%,#b88416 100%);
    background: linear-gradient(to bottom, #f7e588 0%,#b88416 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7e588', endColorstr='#b88416',GradientType=0 );
    display: inline-block;
    padding: 7px 25px;
    border-radius: 4px;
}


/*====================== Slot Page =========================*/


.slotpagebg{ position:relative; padding:15px 0px 30px 0px; background:url(../../images/mobile/slot-bg.jpg) no-repeat center top #03071b; background-size:100%;}


#filters {
    margin: 0% auto;
    padding: 0px 0px 0px;
    list-style: none;
    text-align: left;
    background-color: #1a1a1a;
}
.gallery_section {
    background: #fff !important;
}
.gallery_section .container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.bg_black {
    background: url(../../images/mobile/portfoliobg.gif) repeat rgba(0, 0, 0, 0.1);
}
#filters li {
    display: inline-block;height:45px; line-height:45px;
}

.title-slot h4 {
    color: #fff;
    margin: 10px 0;
}

.slippage {
    background: #0c1740;
    margin: 10px 0px; position:relative;
}
#filters li span {
    display: block;
    padding: 0px 12px;
    text-decoration: none;
    color: #fff;
    cursor: pointer; font-size:14px;
}
#filters li span.active {
    background: #b18f35 !important;
    color: #fff !important;
}
#filters li span {
}
#filters li span:hover {
    background: #b18f35 !important;
    color: #fff !important;
}
#portfoliolist .portfolio {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    width: 32%;
    margin: 3px 0.5%;
    display: none;
    float: left;
    overflow: hidden;
    vertical-align: top;
}
div#portfoliolist {
    text-align: center;
    margin-top: 3px;
    float: left;
    width: 100%;
    background: #050505;
}
.portfolio-wrapper {
    overflow: hidden;
    cursor: inherit;
	position:relative; background-color:#050505;
}
.portfolio-wrapper img{ width:100%; padding:4px 4px 4px 4px;}
.portfolio-wrapper h5 {
    color: #fff;
    font-size: 10px;
    padding: 6px 0px;
    margin: 0px;
    background: #c79a30; /* Old browsers */
}

.slotGameName {
    color: #fff;
    font-size: 10px;
    padding: 6px 3px;
    margin: 0px;
    background: #c79a30;
    /*height: 32px;*/
    vertical-align: middle;
    /*line-height: 11px;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portfolio img {
    max-width: 100%;
    position: relative;
    top: 0;
}
.pricetag {position: absolute;left: 30px;right: 0;bottom: 56px;color: #fff;z-index: 1;}


.portfolio .label {
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: 0px;
    transition: all 0.5s ease;
    background: rgba(0, 0, 0, 0.76);
    display: block !important;
    border-radius: 0px;
    font-weight: normal;
}
.portfolio .label-bg {
    background: rgba(0, 0, 0, 0.76);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.portfolio .label-text {
    color: #fff;
    position: relative;
    z-index: 500;
    padding: 5px 8px;
}
.text-title {
    font-family: 'PoppinsMedium';
    font-size: 18px;
    color: #fff;
    padding: 5px 0px;
}
.portfolio .text-category {
    display: block;
    font-size: 14px;
    color: #fff;
    padding: 5px 0px;
}
.portfolio:hover .label {
    height: 100%;
    display: block;
}

.bodysection_left {
    position: relative;
    width: 100%;
    float: left;

}
.dreamtechcontainer {position: relative;}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}
.middle {transition: .5s ease;opacity: 0;position: absolute;top: 55%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);text-align: center;}
.dreamtechcontainer:hover .image {opacity: 0.1;}
.dreamtechcontainer:hover .middle {  opacity: 1;}
.dreamtechcontainer:hover img {
    opacity: 0.1;
}

.slot_btn:before {
    content: "\0000a0";
    display: inline-block;
    height: 20px;
    width: 20px;
    line-height: 20px;
    margin: 0 4px 0px -4px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url(../../images/desktop/slot-arrow.png) no-repeat left center;
    background-size: 100%;
}

.text a {
    background: #fff095;
    background: -moz-linear-gradient(top, #fff095 0%, #b88416 88%);
    background: -webkit-linear-gradient(top, #fff095 0%, #b88416 88%);
    background: linear-gradient(to bottom, #fff095 0%, #b88416 88%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff095', endColorstr='#b88416', GradientType=0);
    color: #000;
    font-size: 14px;
    padding: 8px 15px;
    border: 0;
    border-radius: 25px;
    white-space: nowrap;
    margin-bottom: 10px;
    display: inline-block;
}
.text a:focus {
    background: #b88416;
    background: -moz-linear-gradient(top, #b88416 0%, #fff095 88%);
    background: -webkit-linear-gradient(top, #b88416 0%, #fff095 88%);
    background: linear-gradient(to bottom, #b88416 0%, #fff095 88%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b88416', endColorstr='#fff095', GradientType=0);
    border:0;
    text-decoration: none;
}

a.demo_btn {
    font-size: 14px;
    border-radius: 25px;
    white-space: nowrap;
    padding: 8px 15px;
    color: #fff;
    background: #6b6b6b;
    background: -moz-linear-gradient(top, #6b6b6b 0%, #404040 100%);
    background: -webkit-linear-gradient(top, #6b6b6b 0%,#404040 100%);
    background: linear-gradient(to bottom, #6b6b6b 0%,#404040 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#404040',GradientType=0 );
}

a.demo_btn:focus {
    background: #404040;
    background: -moz-linear-gradient(top, #404040 0%, #6b6b6b 100%);
    background: -webkit-linear-gradient(top, #404040 0%, #6b6b6b 100%);
    background: linear-gradient(to bottom, #404040 0%, #6b6b6b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#6b6b6b',GradientType=0 );
    text-decoration: none;
}


.iconmsg_number {
position: absolute;width: 15px;height: 15px;background: #ff0000;border-radius: 3px;color: #fff;text-align: center;font-size: 10px;border: 1px solid #ff0000;line-height: 14px;margin-left: -10px;margin-top: 3px;}

.bodysection_right_top{ position:absolute; right:10px; top:5px; min-width:225px;}
.searchbox1{ background:#02091e; height:35px; width:100%; color:#fff; text-align:left; border:none; text-indent:10px;}
.bodysection_right_top i{ color:#FFFFFF; font-size:22px;}



.slotpage_carusol{ position:relative; border-bottom:16px solid #02071c; background-color:#5078d8; float:left; width:100%; padding:3px 35px 3px 35px;}




.searchpanel{position:absolute;right:0px;top:0px;z-index:1; text-align:right;}
.searchpanel .btn {
    outline: none;
    margin-top: 5px;
    float: right;
    border: none;
    position: relative;
    right: 0;
    border-radius: 0px;
    height: auto;
    width: 26%;
    padding: 12px 0px;
    font-size: 11px;
    cursor: pointer;
    background-color: #b18f35;
    color: #FFFFFF;
    float: left;
}
.searchpanel .btn:hover {
    background-color: #fae58c;
    color: #000;
}
.searchpanel .searchField
{
	width:280px;
    position: absolute;
    right: 0px;
    height: 52px;
    margin-top: 41px;
    box-shadow: none;
    border-radius: 0;
    border-right: 0px;
    font-size: 14px;
    color: #333333;
    display: none;
	background-color:#050505;
	margin:10px 0px 0px 0px;
}
.searchbox_input{ float:left; width:70%; background-color:#FFFFFF; border:1px solid #ccc; height:39px; margin-top:5px; margin-left:5px; text-indent:10px;}

.searchpanel form{display:block;position:relative;}
.searchpanel .btn span{color: #464646;font-size: 16px;top:0px;position: relative;}
.searchpanel .btn:hover {}
.searchpanel .btn:hover  span{color:#38bed2;}
.searchpanel .btn:active{box-shadow:none;}


/*====================== Contact Page =========================*/

.contactpagemain {
    position: relative;
    padding: 80px 20px 20px 20px;
    background: url(../../images/mobile/contact-bg.jpg) no-repeat center top #0a0a0a;
    background-size: 100%;
    min-height: 500px;
}

    .contactpagemain ul li {
        display: block;
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 0px 0px;
        position: relative;
        text-align: center;
    }

        .contactpagemain ul li label {
            font-size: 16px;
            display: block;
            margin: 0px 0px 10px 0px;
            color: #fff;
            font-weight: normal;
            text-align: left;
        }

        .contactpagemain ul li .contactus_inputbox {
            background: #080808;
            width: 100%;
            height: 40px;
            line-height: 40px;
            text-indent: 10px;
            border: 1px solid #171717;
            color: #fff;
            text-align: left;
        }

        .contactpagemain ul li .contactus_textarea {
            background: #080808;
            width: 100%;
            padding: 10px;
            border: 1px solid #171717;
            color: #fff;
            text-align: left;
        }

        .contactpagemain ul li .btn-style-one {
            border: none;
            color: #000;
            text-transform: uppercase;
            width: 100%;
            padding: 15px 10px;
            border-radius: 25px;
            font-size: 16px;
            background: #fae88c;
            background: -moz-linear-gradient(top, #fae88c 0%, #b88416 100%);
            background: -webkit-linear-gradient(top, #fae88c 0%,#b88416 100%);
            background: linear-gradient(to bottom, #fae88c 0%,#b88416 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fae88c', endColorstr='#b88416',GradientType=0 );
        }

        .contactpagemain ul li .btn-style-one:hover {
            background: #b88416;
            background: -moz-linear-gradient(top, #b88416 0%, #f3dd7f 100%);
            background: -webkit-linear-gradient(top, #b88416 0%, #f3dd7f 100%);
            background: linear-gradient(to bottom, #b88416 0%, #f3dd7f 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b88416', endColorstr='#f3dd7f', GradientType=0);
        }


.contactpagemain_icon{ padding:15px;}
.contactpagemain_icon ul {margin:10px 0px 0px 0px; padding:0px; text-align:center;}
.contactpagemain_icon ul li {
    display: block;
    margin: 0px 0px 2px 0px;
    padding: 15px 0px 0px 65px;
    position: relative;
    text-align: left;
    min-height: 80px;
    background: #0c0c0c;
    border-bottom: 1px solid #090909;
}
.contactpagemain_icon ul li img{ position:absolute; left:0px; top:10px; width:55px;}
.contactpagemain_icon ul li h6 {
    color: #eed67e;
    font-size: 18px;
    margin: 0px 0px 5px 0px;
}
.contactpagemain_icon ul li p{ color:#999; font-size:16px;}


.contactpagemain_footer{ position:relative; text-align:center; margin:60px 0px 0;}
.contactpagemain_footer img{ display:inline-block; margin:0px 5px; max-width:85px;}

.mainlogo img{ max-width: 150px; margin: 10px 0px;}

/*====================== Footer =========================*/

footer {
    background: url(../../images/mobile/footer-bg.jpg) no-repeat center top #060606;
    background-size: 100%;
    text-align: center;
    color: #4d4d4d;
    padding: 20px 0px;
    font-family: 'arial_3';
}
footer p {
    color: #4d4d4d;
    font-family: 'arial_3';
}
footer span {
    color: #4d4d4d;
}

footer img{ max-width: 200px; margin-bottom: 10px;}


img.sgpicon1{ max-width: 20px;}

.upper_footer {
    padding: 15px 5px 0 5px;
    background-color: #0f0f0f;
}

.upper_footer2 {
    background: #080808;
    color: #737373;
    text-align: center;
}

.upper_footer2 .container {
    padding: 15px 15px;
}

.upper_footer2 .row {
    margin: 0;
}

.upper_footer2 h2, .upper_footer2 h1, {
    color: #595959;
    font-size: 32px;
    padding: 0;
}

.upper_footer2 h3 {
    color: #595959;
    padding: 0;
    font-size: 28px;
}

.mobile_contact ul li, .mobile_contact_right ul li {
    margin-bottom: 15px;
    /*font-size: 18px;*/
    padding: 0 2px;
}

    .mobile_contact ul li a, .mobile_contact_right ul li a {
        text-decoration: none;
        display: block;
        background: #0a0a0a;
        border-radius: 30px 30px 30px 30px;
        height: 38px;
        line-height: 38px;
        color: #fff;
        font-size: 13px;
        color: #fbeb8f;
    }

.mobile_contact ul li a i, .mobile_contact_right ul li a i {
    /*width: 36px;
    height: 36px;
    display: inline-block;
    background: #51c332;
    text-align: center;
    line-height: 36px;
    margin-right: 7px;
    font-size: 18px;
    border-radius: 50%;
    margin-bottom: 5px;*/
    float: left;
    line-height: 36px;
}

.mobile_contact .fa:before, .mobile_contact .fab:before, .mobile_contact .far:before, .mobile_contact .fas:before {
    background: #181818;
    border-radius: 50%;
    padding: 8px 10px;
    margin-right: 6px;
    font-size: 16px;
    color: #d4af48;
}

.mobile_contact .fa-headset:before {
    background: #181818;
    padding: 10px 10px;
}

.mobile_contact .fa-envelope:before {
    background: #181818;
    padding: 10px 10px;
}

.mobile_contact .fa-weixin:before {
    background: #181818;
    padding: 10px 9px;
}

.mobile_contact .fa-whatsapp:before {
    background: #181818;
}

.mobile_contact .fa-line:before {
    background: #181818;
}

.mobile_contact .fa-facebook-f:before {
    background: #181818;
}

.mobile_contact .fa-facebook-f:before {
    background: #181818;
}

.mobile_contact .fa-instagram:before {
    background: #181818;
}

.mobile_contact .fa-twitter:before {
    background: #181818;
}

.mobile_contact .fa-yahoo:before {
    background: #181818;
}

.mobile_contact .fa-skype:before {
    background: #181818;
}

.mobile_contact .fa-youtube:before {
    background: #181818;
}

.mobile_banks {
    padding-bottom: 10px;
}

.mobile_banks ul li {
    padding-bottom: 5px;
}

.mobile_banks li a img {
    margin: 0px 12px;
}

.mobile_banks li.greensidebar::after {
    position: absolute;
    content: '';
    display: inline-block;
    left: 2px;
    width: 5px;
    height: 25px;
    top: 2px;
    background-color: #00ff00;
    z-index: 11;
    border-radius: 2px;
    margin: 0 10px;
}

.mobile_banks li.redsidebar::after {
    position: absolute;
    content: '';
    display: inline-block;
    left: 2px;
    width: 5px;
    height: 25px;
    top: 2px;
    background-color: #ee0000;
    z-index: 11;
    border-radius: 2px;
    margin: 0 10px;
}

.mobile_banks .well {
    background-color: #050505;
    border: 0;
    margin: 12px 10px 0 10px;
    padding: 10px;
    text-align: center;
    color: #fbeb8f;
    position: relative;
}

#bank1 .well:after {
    width: 0px;
    height: 0px;
    position: absolute;
    top: 0%;
    left: 3%;
    content: '';
    transform: translate(0%, -100%);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #050505;
}

#bank2 .well:after {
    width: 0px;
    height: 0px;
    position: absolute;
    top: 0%;
    left: 30%;
    content: '';
    transform: translate(0%, -100%);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #050505;
}

#bank3 .well:after {
    width: 0px;
    height: 0px;
    position: absolute;
    top: 0%;
    left: 56%;
    content: '';
    transform: translate(0%, -100%);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #050505;
}

#bank4 .well:after {
    width: 0px;
    height: 0px;
    position: absolute;
    top: 0%;
    left: 83%;
    content: '';
    transform: translate(0%, -100%);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #050505;
}



/*====================== Announcement Page =========================*/

.announcementpage{ position:relative; background-color:#0f0f0f; padding:15px; color:#fff; font-size:15px;}
.announcementpage img {max-width: 30px;}
.announcementpage_footer{ position:relative; background-color:#060606; padding:15px; border-top:2px solid #000; text-align:center;}
.announcementpage_footer a{ color:#818181;}
.announcementpage_footer img {max-width: 30px;}
.announcementpage_footer span{ display:inline-block; margin:20px 20px;}
.announcementpage_body {
    margin-top: 1px;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    line-height: 1.9;
    background: #0a0a0a; /* Old browsers */
}
.announcementpage_body{ padding:15px;}

.announcementpage_bodycontent{ font-size:14px; color:#9c9c9c;}
.announcementpage_body .fullinputbox::-webkit-input-placeholder {
    color: #666;
}
.inbox_afterlogin ul { margin:10px 0px 0px 0px; padding:0px; display:block; text-align:center; color:#FFFFFF;}
.inbox_afterlogin ul li { display:block; margin:0px; color:#FFFFFF; border-bottom:2px solid #363636; padding:20px 0px;-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease; position:relative;}

.withdrawrltable{ color:#fff; font-size:16px; line-height:22px; text-align:left}
.withsrawform_afterlogin_top{ border-bottom:2px solid #151515; margin-bottom:15px; padding:15px 0px; font-size:16px; color:#858585;}

.withdrawrltable button {
    margin-left: 5px;
    background: #aa7a14;
    border: 0;
    position: relative !important;
    top: 0px !important;    
    right: 0px !important;
}
.withdrawrltable i {
    color: #ffffff;
}

img.orangereply{ max-width:30px;}

.inbox_afterlogin ul li.activedlt{ margin-left:80px;}


.inbox_afterlogin div.dltbtn {
    position: absolute;
    background: #ff9600;
    left: -80px;
    padding: 10px; display:none;
}
.inbox_afterlogin li.activedlt div.dltbtn{display:block !important;}

.formSplitterMobile { background-color: #363636;}

/*====================== Deposit Form =========================*/
.allbgmain {
    position: relative;
    padding: 30px 20px;
    background: url(../../images/mobile/pattern1.gif) no-repeat top #0c0c0c;
    background-size: 100%;
}


.allbgmain .contactmain {position: relative;padding: 0px 0px 0px 0px;background: none;min-height: inherit;}


.allbgmain .demo select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #080808 url(../../images/mobile/arrow1.png) no-repeat 97% center;
    text-overflow: "";
    color: #7c7c7c;
    border-radius: 0px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .0);
    border: none;
    font-size: 14px;
    border: 1px solid #171717;
}
.allbgmain .demo select.balck {background-color: #000;}
.allbgmain .demo select.option3 {border-radius: 10px 0;}
.allbgmain .demo .selct{box-shadow:none !important;}
.allbgmain .demo .selct:focus{background:#dfdfdf url(../../images/mobile/arrow1.png) no-repeat 94% center;border:none;}

.depositeafterlogin_link{ color:#999;}
.depositeafterlogin_link a{ color:#ea8d0e;}
.depositeafterlogin_link a:hover{ color:#fff;}

.playerBankDetailsMobile { background-color: #080808;}

/*====================== Menubar After Login =========================*/
.menubar_afterlogin_main {
    position: relative;
    padding: 10px 10px 10px 10px;
}
.menubar_afterlogin{ position:relative; text-align:center;}
.menubar_afterlogin h3{ color:#fff; font-size:22px;margin:10px 0px 0px 0px; padding:0px;}
.menubar_afterlogin h3 span {
    color: #e0c55e;
}
.menubar_afterlogin p {
    color: #929292;
    font-size: 15px;
}

.menubar_afterlogin_balance{ position:relative; text-align:center; border:10px solid #202020; background-color:#0f0f0f; border-radius:5px;float: left; width:100%; padding:10px; margin:10px 0px 0px 0px; height: 62px;}
.menubar_afterlogin_balance p{ color:#fff; display:inline-block; float: left; font-size:18px; margin:0px;}
.menubar_afterlogin_balance small{ color:#FFF; display:inline-block;float: right;font-size:18px; margin:0px; position: relative; top: -9px;}


.menubar_afterlogin_links{ position:relative; float: left; width:100%; margin:20px 0px 0px 0px; text-align:center;}
.menubar_afterlogin_links ul { margin:0px 0px 0px 0px; padding:0px; display:block; text-align:center; color:#FFFFFF;float: left; width:100%;}
.menubar_afterlogin_links ul li {
    display: inline-block;
    margin: 0px 1% 10px;
    color: #e0c55e;
    float: left;
    width: 31%;
}
.menubar_afterlogin_links ul li.boxlinks {
    background-color: #151515;
    border: 1px solid #383a3a;
    border-radius: 5px;
}
.menubar_afterlogin_links ul li.boxlinks img {
    margin-bottom: 5px;
    max-width: 42px;
    max-height: 32px;
}
.menubar_afterlogin_links ul li.boxlinks a {
    color: #e0c55e;
    padding: 20px 0px;
    text-align: center;
    font-size: 14px;
    display: inline-block;
}
.menubar_afterlogin_links ul li span {display: block;min-height:60px;}
.menubar_afterlogin_links hr.spacer1px {
    background: #0b0b0b;
    height: 1px;
    margin-bottom: 10px;
}

.menubar_afterlogin_links ul li:nth-child(6) img{ margin-top:10px;}
.menubar_afterlogin_links ul li:nth-child(7) img{ margin-top:7px;}
.menubar_afterlogin_links ul li:nth-child(9) img{ margin-top:7px;}
.menubar_afterlogin_links ul li:nth-child(10) img{ margin-top:7px;}
.menubar_afterlogin_links ul li:nth-child(11) img{ margin-top:7px;}
.menubar_afterlogin_links ul li:nth-child(12) img{ margin-top:7px;}
.menubar_afterlogin_links ul li:nth-child(13) img{ margin-top:7px;}

.menubar_afterlogin_links ul li.boxlinks:nth-child(6), .menubar_afterlogin_links ul li.boxlinks:nth-child(9), .menubar_afterlogin_links ul li.boxlinks:nth-child(12) {
    background-color: #202020 !important;
}


.menubar_transfer_credit {
    background-color: #b18f35;
    color: white;
    border-radius: 15px;
    height: 30px;
    width: 128px;
    float: right;
}

.menubar_transfer_credit i {
    padding: 9px 8px 0px 14px;
}


/*====================== Bonus bar =========================*/


.bonusbar_main{ float:left; width:100%; padding:20px;}

.bonusbar_box{ background:#151515; background-size:100%; border:0; border-radius:5px;
float:left; width:100%; padding:10px;margin-bottom:30px;
}

.bonusbar_box td{ padding:10px;}
.bonusbar_box .content1{ color:#cecece; font-size:18px;}


.claimbonus_promotionboxbtn {
    display: inline-block;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    color: #000;
    background: #a6a4a4;
    background: -moz-linear-gradient(top, #a6a4a4 0%, #716f6f 100%);
    background: -webkit-linear-gradient(top, #a6a4a4 0%,#716f6f 100%);
    background: linear-gradient(to bottom, #a6a4a4 0%,#716f6f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a4a4', endColorstr='#716f6f',GradientType=0 );
    padding: 10px 14px;
    font-style: italic;
    margin: 0px 2px;
}
.claimbonus_promotionboxbtn:hover {
    background: #716f6f;
    color: #000;
}
.claimbonus_promotionboxbtn2 {
    display: inline-block;
    border-radius: 5px;
    font-size: 14px;
    padding: 10px 14px;
    color: #000;
    background: #fae88c;
    background: -moz-linear-gradient(top, #fae88c 0%, #b88416 100%);
    background: -webkit-linear-gradient(top, #fae88c 0%,#b88416 100%);
    background: linear-gradient(to bottom, #fae88c 0%,#b88416 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fae88c', endColorstr='#b88416',GradientType=0 ) padding:10px 14px;
    font-style: italic;
    margin: 0px 2px;
}
.claimbonus_promotionboxbtn2:hover {
    background: #b88416;
    color: #000;
}

.claimbonus_promotionboxbtn3{ display:inline-block; border-radius:5px; font-size:14px; color:#fff; padding:10px 14px;
background: #ff9702; /* Old browsers */
background: -moz-linear-gradient(left,  #ff9702 0%, #fdc734 45%, #ff9702 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ff9702 0%,#fdc734 45%,#ff9702 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ff9702 0%,#fdc734 45%,#ff9702 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9702', endColorstr='#ff9702',GradientType=1 ); /* IE6-9 */}

.claimbonus_promotionboxbtn5{ display:inline-block; border-radius:5px; font-size:14px; color:#fff; background:#349e00; padding:10px 14px; font-style:italic; margin:0px 2px;}
.claimbonus_promotionboxbtn5:hover{background:#263366; color:#FFFFFF;}

.claimbonus_promotionbox_content1{font-family: 'BebasNeueRegular', sans-serif; font-size:18px; line-height:22px; color:#FFFFFF;}

.claimbonus_promotionbox{ float:left; width:100%; color:#555; }
.claimbonus_promotionbox.greybg{ background-color:#e4e2e2;}
.claimbonus_promotionbox .expiredate{ display:inline-block; border-right:1px solid #afafaf; text-align:center; padding:6px 8px 4px;font-family: 'BebasNeueRegular';}
.claimbonus_promotionbox .expiredate h6{ color:#a5a5a5; margin:0px;line-height: 32px; font-size:18px;font-family: 'BebasNeueRegular';}
.claimbonus_promotionbox .expiredate small{ color:#fff; margin:0px; font-size:18px; line-height:10px;font-family: 'BebasNeueRegular';}

.claimbonus_promotionbox .expiredate h6.active {
    color: #b18f35;
}
.claimbonus_promotionbox .expiredate small.active{ color:#fff;}
.claimbonus_promotionbox .expiredate {

    display: inline-block;
    border-right: 1px solid #afafaf;
    text-align: center;
    padding: 0px 8px 4px;
}


.progressbar_bg{
float:left; width:100%;     padding: 10px 10px 10px 10px; border-radius:25px;f
background: #d5d5d5; /* Old browsers */
background: -moz-linear-gradient(top,  #d5d5d5 0%, #f5f5f5 47%, #d5d5d5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d5d5d5 0%,#f5f5f5 47%,#d5d5d5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d5d5d5 0%,#f5f5f5 47%,#d5d5d5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */

 -moz-box-shadow: 1px 1px 1px rgba(68, 68, 68, 0.6);
  -webkit-box-shadow: 1px 1px 1px rgba(68, 68, 68, 0.6);
  box-shadow: 1px 1px 1px rgba(68, 68, 68, 0.6);
}


.progress {
  height: 15px; overflow:inherit !important;

}
.progress .skill {
    line-height: 22px;
    padding: 0;
    margin: 0 0 0 0px;
    position: relative;
    top:10px;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    display: inline-block;
    left: 0;
    width: 100%;
    text-align: center;
	
}
.progress .skill .val {
  float: none;
  font-style: normal;
  margin: 0 20px 0 0; color:#ffa100;
}

.progress-bar {
  text-align: left;
  transition-duration: 3s;overflow: inherit !important;
  border-radius: 20px;
}



.bonusbar_btn1{ display:inline-block; background:#18a600; border-radius:5px; color:#fff; font-size:18px; padding:10px 40px; margin:0px 5px;}
.bonusbar_btn1.grey{background:#454545;}
.bonusbar_btn1:hover, .bonusbar_btn1:focus{ color:#fff;}

.bonusmodal_box1 {
    background: #0c0c0c;
    border-radius: 5px;
    border-top: 2px solid #8c8c8c;
    padding: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.bonusmodal_box1 .content1 {
    color: #9d9d9d;
    font-size: 30px;
}
.bonusmodal_box1 .content2 {
    color: #9d9d9d;
    font-size: 16px;
    font-family: 'BebasNeueRegular';
    line-height: 40px;
}
.bonusmodal_box1 .content3 {
    color: #9d9d9d;
    font-size: 32px;
    font-family: 'BebasNeueRegular';
    line-height: 40px;
}

.bonusmodal_box2 {
    background: #0c0c0c;
    border-radius: 5px;
    border-top: 2px solid #8c8c8c;
    padding: 10px 10px 0px 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    margin-top: 30px;
}


.fullinputbox{ width:100%; background:none; border:none; height:50px; color:#fff;}
textarea.fullinputbox{ height:400px !important;}



.fullinputbox::-webkit-input-placeholder {color: #9babdf; opacity:1;}
.fullinputbox::-moz-placeholder {color: #9babdf; opacity:1;}
.fullinputbox:-ms-input-placeholder {color: #9babdf; opacity:1;}
.fullinputbox:-moz-placeholder {color: #9babdf; opacity:1;}


.reporting_deposit_calendar {
    position: relative;
    padding: 0px 0px 30px 0px;
    color: #fff;
    font-size: 18px;
}


.reporting_deposit_calendar .demo{ position:relative;}
.reporting_deposit_calendar .demo i {position: absolute;color: #fff;z-index: 9; left: 5px;top: 10px; font-size:12px;}
.reporting_deposit_calendar .demo select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #080808 url(../../images/mobile/downarrow.gif) no-repeat 100% center;
    text-indent: 10px;
    text-overflow: "";
    color: #fff;
    border: 1px solid #171717;
    border-radius: 3px;
    font-size: 12px;
}
.reporting_deposit_calendar .demo select.balck {background-color: #000;}
.reporting_deposit_calendar .demo select.option3 {border-radius: 10px 0;}
.reporting_deposit_calendar .demo .selct{box-shadow:none !important;}
.reporting_deposit_calendar .demo .selct:focus{background:#dfdfdf url(../../images/mobile/downarrow.gif) no-repeat 94% center;border:none;}

    .reporting_deposit_calendar .demo input {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: #080808 url(../../images/mobile/downarrow.gif) no-repeat 100% center;
        text-indent: 10px;
        text-overflow: "";
        color: #fff;
        border: 1px solid #171717;
        border-radius: 3px;
        font-size: 12px;
    }



.bonusbar_box img { max-width: 180px;}


.reporting_deposti{ position:relative; padding:40px 0px;}

.statementpage_tabletabbing{ float:left; width:100%; padding:0px 0px;}

.statementpage_tabletabbing .nav > li{ display:inline-block;float: left;width: 33.33%; text-align:center;}

.statementpage_tabletabbing .panel-primary > .panel-heading{ padding:0px; background: transparent !important;}
    .statementpage_tabletabbing .panel-heading {
        position: relative;
        border-radius: 0px !important;
        margin-bottom: 20px;
        border: 1px solid #c79a30 !important;
        border-radius: 4px !important;
    }

.statementpage_tabletabbing .nav > li > a:focus, .statementpage_tabletabbing .nav > li > a:hover {
    background-color: #3b3b3b;
    color: #c79a30;
}
.statementpage_tabletabbing .nav > li > a{border-right:0px solid #fff;padding: 10px 30px; color:#fff;}
    .statementpage_tabletabbing .nav > li.active a {
        color: #fff;
        background: #fae88c;
        background: -moz-linear-gradient(top, #fae88c 0%, #b88416 100%);
        background: -webkit-linear-gradient(top, #fae88c 0%,#b88416 100%);
        background: linear-gradient(to bottom, #fae88c 0%,#b88416 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fae88c', endColorstr='#b88416',GradientType=0 );
    }

.statementpage_tabletabbing .panel-body{ padding:0px;}

    .statementpage_tabletabbing thead tr th {
        background-color: #c2a049;
        color: #000;
        font-weight: normal;
        text-align: center;
    }
    .statementpage_tabletabbing .table-bordered {
        border: 1px solid #676767;
        background: #0e0e0e;
        color: #838383;
    }

    .statementpage_tabletabbing tbody {
        background: transparent;
    }

.table-bordered > tbody > tr > td {
    border: 1px solid #676767;
}

.statementpage_tabletabbing .panel-tabs {
    border: none;
    background: transparent !important;
}
.noborder{ border:none !important;}

.contentwhite{ color:#fff;}
.bluecolor{ color:#5a72d2 !important;padding-bottom: 0px !important;}
.bluecolor p{ color:#5a72d2 !important;}

.noentryfound{ background:#09123e; color:#fff; font-size:18px; text-align:center; padding:20px ;}


.statementtable{ overflow:auto;}
.statementtable th{ min-width:80px;}
.statementtable tfoot {
    background: #1a1a1a;
    color: #fff;
}

.mobileReportFooterText {
    background: #1a1a1a !important;
    border: none !important;
    color: #fff;
}

.mobileReportFooterTotal {
    background: #1a1a1a !important;
    border: none !important;
    color: #e2c360 !important;
}


.affiliatemain_title {
    float: left;
    width: 100%;
    background-color: #151515;
    padding: 10px 20px;
    font-size: 16px;
    color: #FFFFFF;
}
.affiliatemain {
    position: relative;
    padding: 20px 20px 20px 20px;
    background: url(../../images/mobile/affiliate-mobile.jpg) no-repeat center bottom #000412;
    background-size: 100%; font-size:18px; line-height:26px;
}
.affiliate_boxframe {
  background-color: rgba(2, 6, 24, .85); position:relative; padding:50px 40px 290px 40px;
}
.affiliate_boxframe .inputbox {
    background-color: #080808;
    height: 50px;
    line-height: 50px;
    border: 1px solid #171717;
    width: 100%;
    text-indent: 10px;
    font-size: 18px;
}
.affiliate_boxframe .btn {
    color: #0c0c0c;
    background: #fae88c;
    background: -moz-linear-gradient(top, #fae88c 0%, #b88416 100%);
    background: -webkit-linear-gradient(top, #fae88c 0%,#b88416 100%);
    background: linear-gradient(to bottom, #fae88c 0%,#b88416 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fae88c', endColorstr='#b88416',GradientType=0 );
    display: block;
    font-size: 20px;
    width: 100%;
    padding: 14px 20px;
    border-radius: 25px;
}
.affiliate_boxframe .btn:hover {
    color: #fff;
    background: #b88416;
    background: -moz-linear-gradient(top, #b88416 0%, #fae88c 100%);
    background: -webkit-linear-gradient(top, #b88416 0%,#fae88c 100%);
    background: linear-gradient(to bottom, #b88416 0%,#fae88c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b88416', endColorstr='#fae88c',GradientType=0 );
}

.affiliate_boxframe .content1{ font-size:19px; color:#fff;}
.affiliate_boxframe .content2{font-size:14px; color:#ff0000;}


/*==========================Statement 05th march==============================*/

.reporting_deposti.paddingbtmless {
    padding-bottom: 10px;
}

.transaction_statement {
    position: relative;
    background-color: #151515;
    border-bottom: 3px solid #505050;
}

.transaction_statement2 {
    padding: 10px 30px 0px 0px;
}

.transaction_statement2 span {
    color: #fff !important;
}

.transaction_statement2 #ctl00_ContentPlaceHolder1_totalWinLoss {
    color: #fbeb8f !important;
}

.transaction_statement3 {
    padding: 10px 0px;
    border-bottom: 1px dotted #2c2c2c;
    font-size: 14px;
    color: #fff;
    float: left;
    width: 100%;
    position: relative;
}

    .transaction_statement3 .left {
        float: left;
    }

    .transaction_statement3 .right {
        float: right;
    }

    .transaction_statement3 .content1 {
        color: #e36d6e;
        font-size: 16px;
    }

    .transaction_statement3 .content2 {
        color: #6a79c1;
        font-size: 16px;
        padding-right: 10px;
    }

.transaction_statement2 .spacer1px {
    background-color: #171a2a;
    width: 100%;
}

.transaction_statement3.noborder {
    border: none;
}

.transaction_statement3 .clickhere_loadgames {
    position: absolute;
    right: -30px;
    top: 25px;
}

.transaction_statement3 .clickhere_loadgames2 {
    position: absolute;
    right: -30px;
    top: -15px;
}


.transaction_statement3 .arrow3 {
}

.transaction_statementworkbox {
    position: relative;
    background: #8b92bf;
    padding: 10px;
}

    .transaction_statementworkbox small {
        font-size: 10px;
    }

.transaction_statementworkboxrepeat {
    border: 2px solid #7379a5;
}

    .transaction_statementworkboxrepeat .content1 {
        color: #979797;
        font-size: 11px;
        line-height: 1.6;
        display: block;
    }

    .transaction_statementworkboxrepeat .content2 {
        color: #4d4d4d;
        font-size: 14px;
        line-height: 1.6;
        display: block;
    }

    .transaction_statementworkboxrepeat .content3 {
        color: #4d4d4d;
        font-size: 14px;
        line-height: 1.6;
        display: block;
    }

    .transaction_statementworkboxrepeat .content4 {
        color: #4d4d4d;
        font-size: 13px;
        line-height: 1.6;
        display: block;
        font-weight: bold;
    }

    .transaction_statementworkboxrepeat .content5 {
        color: #757575;
        font-size: 12px;
        line-height: 1.6;
    }

    .transaction_statementworkboxrepeat .wonshape, .transaction_statement3 .wonshape {
        display: inline-block;
        background-color: #3285ad;
        color: #fff;
        font-size: 16px;
        display: inline-block;
        padding: 2px 20px;
        margin-bottom: 10px;
        -webkit-border-top-left-radius: 25px;
        margin-left: -20px;
        -webkit-border-bottom-left-radius: 25px;
        -moz-border-radius-topleft: 25px;
        -moz-border-radius-bottomleft: 25px;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
        position: relative;
        right: -12px;
    }
    .transaction_statementworkboxrepeat .wonshape.redbg, .transaction_statement3 .wonshape.redbg {
            background-color: #ba1f1f;
        }
        .transaction_statementworkboxrepeat .wonshape.greybg, .transaction_statement3 .wonshape.greybg {
            background-color: #9b9b9b;
        }

.transaction_statementworkboxrepeat {
    position: relative;
    margin: 10px 0px;
}




ul.show1{ display:block;}
ul.show2{ display:none;}
#morebtn{ display:block;}
#lessbtn{ display:none;}
button.clickhere_loadgames {
    padding: 0;
    border: none;
}
button.clickhere_loadgames2 {
    padding: 0;
    border: none;
}


.statement3_table{ position:relative;}


.statement3_table {
    position: relative;
    padding: 0px 0px;
    width: 100%;
}

    .statement3_table thead tr th {
        background-color: #333232;
        color: #FFFFFF;
        font-weight: normal;
        text-align: center;
    }

    .statement3_table .table-bordered {
        border: 1px solid #243b88;
    }

        .statement3_table .table-bordered > thead > tr > th {
            border: 1px solid #243b88;
            vertical-align: middle;
        }

        .statement3_table .table-bordered > tbody > tr > td {
            border: 1px solid #676767;
            vertical-align: middle;
        }

    .statement3_table .table > tbody > tr > td {
        background: #000000;
        color: #fff;
        text-align: center;
        padding: 10px;
    }

.statement3_table {
    width: 100%;
    padding-top: 10px;
    overflow: auto;
}

    .statement3_table td {
        min-width: 70px !important;
    }


.statement3_table .won{ display:inline-block; background-color:#3285ad; border-radius:25px; padding:5px 10px;width: 80px; text-align: center; color:#fff;}
.statement3_table .lose{ display:inline-block; background-color:#ba1f1f; border-radius:25px; padding:5px 10px;width: 80px; text-align: center; color:#fff;}
.statement3_table .tie{ display:inline-block; background-color:#9b9b9b; border-radius:25px; padding:5px 10px;width: 80px; text-align: center; color:#fff;}


@media only screen and (min-width: 420px) and (max-width: 2024px) {
.hotmatch {max-width: inherit;}

}

@media only screen and (min-width: 420px) and (max-width: 768px) {
    .contactpagemain_icon ul li img {
        width: 75px;
    }

    .contactpagemain_icon ul li h6 {
        font-size: 22px;
        margin: 0px 0px 0px 0px;
    }

    .contactpagemain_icon ul li p {
        font-size: 16px;
    }

    .contactpagemain_icon ul li {
        padding: 15px 0px 0px 95px;
        min-height: 100px;
    }

    .contactpagemain_footer img {
        max-width: 115px;
    }

    .portfolio-wrapper h5 {
        font-size: 13px;
        padding: 10px 0px;
    }

    #filters li span {
        padding: 0px 16px;
        font-size: 16px;
    }
}

    @media only screen and (max-width: 419px) {
		
		
		
    }

    .contentwhite {
        color: #fff;
    }


    .back-to-top {
        background: #333;
        position: fixed;
        bottom: 10px;
        text-decoration: none;
        color: #fff;
        font-size: 14px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        display: none;
        z-index: 999;
        right: 10px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

        .back-to-top:hover {
            opacity: 0.6;
            filter: alpha(opacity=60)
        }

        .back-to-top:hover,
        .back-to-top:focus {
            color: #fff !important;
        }

        .back-to-top i {
            line-height: 40px;
        }

    .wedding_inquary .form-group select {
        width: 30%;
        height: 30px;
    }


    .contenttext1 {
        color: #cccccc;
        font-size: 16px;
    }

.statementpage_tabletabbing tr th {
    background-color: #c2a049;
    color: #000;
    font-weight: normal;
    text-align: center;
}

.showbtn {
    border: none;
    background: #fae88c;
    background: -moz-linear-gradient(top, #fae88c 0%, #b88416 100%);
    background: -webkit-linear-gradient(top, #fae88c 0%,#b88416 100%);
    background: linear-gradient(to bottom, #fae88c 0%,#b88416 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fae88c', endColorstr='#b88416',GradientType=0 );
    height: 35px;
    line-height: 35px;
    display: inline-block;
    padding: 0px 20px;
    color: #000;
}

.showbtn:hover {
    background: #b88416;
    background: -moz-linear-gradient(top, #b88416 0%, #f3dd7f 100%);
    background: -webkit-linear-gradient(top, #b88416 0%, #f3dd7f 100%);
    background: linear-gradient(to bottom, #b88416 0%, #f3dd7f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b88416', endColorstr='#f3dd7f', GradientType=0);
}

/* Slot Popup */

.modal-backdrop.in {
    filter: alpha(opacity=80);
    opacity: .8;
}


.gameModal_box .modal-dialog {
    width: 100%;
    margin: 0;
    padding-top: 20vh;
    position: fixed;
    left: 0;
}

.gameModal_box .modal-content {
    background: transparent;
    border: 0;
}

.gameModal_box .modal-header {
}

.gameModal_box .modal-body {
    background: #101010;
    color: #fff;
    padding: 0;
}

.gameModal_icon {
    background: #c79a30;
    padding: 10px 20px;
}

.gameModal_icon p {
    text-align: center;
    color: #fff;
    margin: 5px 0;
}

.gameModal_btn {
    display: inline-grid;
    padding: 30px;
}

/* Main Popup Modal */

.mainModal .modal-content {
    background: #0c0c0c;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 3px solid #a8944d;
}

.mainModal .modal-header {
    border: 0
}

.mainModal .modal-header h4 {
    margin: 20px 15px 0 15px;
    font-size: 21px;
    color: #e0c55e !important;
}

.mainModal .modal-header .fa-times:before {
    align-self: center;
}

.mainModal .modal-header .fa-times {
    background: #a8944d;
    margin-bottom: 10px;
    position: absolute;
    right: -8px;
    top: -8px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: center;
}

.mainModal .modal-body {
    padding: 0px 30px 30px 30px !important;
}

.mainModal .modal-body p {
    color: #fff;
}

/* Mobile App */
.mobileApp_btnInfo {border: 1px solid #b08e35; padding:10px 20px; border-radius:5px; color:#fff;}
.mobileApp_btnInfo:hover, .mobileApp_btnInfo:focus {
    border: 1px solid #242424;
    background: #242424;
    color: #d9b752;
}
.mobileApppage_tabbing{ float:left; width:100%; padding:0px 0px; margin-top: 15px; }
.mobileApppage_tabbing select {
    background: #000;
    color: #d9b752;
    padding: 10px;
    width: 100%;
    border: 0;
    font-size: 16px;
}
.mobileApppage_tabbing .nav > li{ display:inline-block;float: left; background-color:#3b3b3b; margin:0px;}
.mobileApppage_tabbing .panel-primary > .panel-heading{ padding:0px; background-color:#111111;}
.mobileApppage_tabbing .panel-primary > .panel-heading{ border-color:#f2f2f3; position:relative;border-radius: 0px !important;}
.mobileApppage_tabbing .nav > li > a:focus, .mobileApppage_tabbing .nav > li > a:hover {background-color: #111111; color:#40b7c4;}
.mobileApppage_tabbing .nav > li.active {background-color: #111111; color:#ff9600;}

.mobileApppage_tabbing .nav > li > a{border-right:1px solid #fff;padding: 10px 6px; color:#fff;}
.mobileApppage_tabbing .nav > li.active a{color:#40b7c4;}
.mobileApppage_tabbing .panel-body{ 
    padding:0px; 
    margin-top: 5px; 
    background: #000000;
    border: 1px solid #342c20;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.mobileApppage_tabbing thead tr th { background-color:#556684; color:#FFFFFF; font-weight:normal; text-align:center;}
.mobileApppage_tabbing .table-bordered{ border:none;}
.mobileApppage_tabbing .panel-tabs{ border:none;}

.game_panel_wrapper .panel-heading { margin-top:20px; padding: 10px 15px; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.game_panel_wrapper .panel-default>.panel-heading{color:#FFF; background-color:#342c20; border:0;}
.game_panel_wrapper .game_panel { margin: 0 8px;}
.game_panel_wrapper .game_panel .panel-heading{ text-align:center;}
.game_panel_wrapper .game_panel .panel-body {
    text-align:center;background: #000000;
    border: 1px solid #342c20;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.panel-body{padding:15px;}
.game_panel_wrapper .game_panel a img{padding:3px; max-height:100px;}
.game_panel_wrapper .game_panel a{padding:10px; display:inline-block;}

.mobileApp_panel{margin-top:10px; padding:5px;}
.mobileApp_panel h3{font-size:18px; padding-top:15px; color: #ddd;}
.mobileApp_panel h4{padding-left:25px; font-size:15px; font-style:italic;}
.mobileApp_panel p{padding:5px 0px;}
.mobileApp_panel .note{color:#f00;}
.mobileApp_panel .important{color:#ff9600;}
.mobileApp_panel img, .mobileApp_panel p 
{
    padding-left:25px;
}

.mobileApp_panel span.numbers{padding-right:15px;}

@media (min-width:768px) {
    .game_panel_wrapper .game_panel a img{ max-height:150px;}
    .game_panel_wrapper .game_panel a{padding:10px 15px;}
}
.mobileApp_panel h3{font-size:18px; padding-top:15px;}
.mobileApp_panel h4{padding-left:25px; font-size:15px; font-style:italic;}
.mobileApp_panel p{padding:5px 0px;}
.mobileApp_panel .note{color:#f00;}
.mobileApp_panel .important{color:#ff9600;}
.mobileApp_panel img, .mobileApp_panel p 
{
    padding-left:25px;
}

.mobileApp_panel span.numbers{padding-right:15px;}

@media (min-width:768px) {
    .game_panel_wrapper .game_panel a img{ max-height:150px;}
    .game_panel_wrapper .game_panel a{padding:10px 15px;}
}


/* Upper_Footer3 */

.upper_footer3 {background: #1d1d1d !important;}

.footer_menu {text-align: center;}

.footer_menu ul li {
    border-right: 1px solid #ccc; margin: 8px 0;
}

/*.footer_menu ul li:last-child  {
    border-right: 0px;
}*/

.footer_menu ul li a {
    color: #b9a353;
}

/* Balance Lock */

.menubar_afterlogin_balance .balance_lock {     
    background: #606060;
    color: #f2dc7d;
    border-radius: 3px;
    padding: 0px 5px;
    font-size: 13px; 
}

.menubar_afterlogin_balance #btnRefresh { 
    position: relative;
    top: -18px; 
    float: left !important;
    margin-left: 5px !important;
}

.menubar_afterlogin_balance.no-active-bonus .balance-amount {
    top: initial;
}

.menubar_afterlogin_balance #btnRefresh{
    top: -18px;
}

.menubar_afterlogin_balance.no-active-bonus .balance_lock{
    display: none;
}



/* Mobile Landing Page */
​
.info_button {
    position: absolute;
    top: -7px;
    right: -2px;
    width: 35px;
}

.vendor_desc { padding-right: 15px; }

.vendor_game a {
    position: relative;
    
}

.vendor_game img {
    
}

.play_btn {
    position: absolute;
    top: 35%;
    left: 25%;
    background: #b88416;
    color: #fff;
    border-radius: 14px;
    padding: 5px 15px;
}

.vendor_game h6 {
    font-size: 12px;
    color: #FFFFFF;
    margin: 10px;
    text-align: center;
}

.vendor_desc p {
    color: #efd77f;
    text-align: justify;
    line-height: 18px;
}

.casino_game h4 {
    color: #efd77f;
    font-size: 16px;
    text-align: center;
    margin: 8px 0;
    font-weight: 600;
}

.casino_game p {
    color: #efd77f;
    font-size: 14px;
    text-align: justify;
    line-height: 16px;
}

.casino_game img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.casino_game p {
    color: #efd77f;
    font-size: 14px;
    text-align: justify;
    line-height: 16px;
}

#FastDepoPanel input[type=radio] {
    margin: 13px 0px 0 8px;
}

/* Referral */

.standard-form-container, .reporting-form-container {
    background-color: #0b0b0b !important;
    min-height: 500px;
    padding: 40px 15px 20px;
    background: center no-repeat;
    background-size: cover;
    font-size: 16px;
}

.standard-form-title {
    background-color: #0b0b0b;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    padding: 15px 20px;
}

.standard-form-content {
    padding: 20px;
}

.standard-form-note {
    color: #999;
    font-style: italic;
    margin-bottom: 20px;
}

.standard-button-group {
    text-align: center;
    margin-bottom: 15px;
}

#referral-qr-code img {
    max-width: 100%;
    margin-bottom: 10px;
}

.referral-code-container {
    border: 1px dashed #3d3b3e;
    padding: 5px;
    margin: 10px auto 30px auto;
    text-align: center;
    width: 50%;
    text-decoration: none;
}

.copy-input-button-field {
    position: relative;
}

.change-referral-code {
    text-align: right;
    margin-top: 5px;
}

.referral-container a {
    text-decoration: none;
}

.copy-input-button-field .copy-input-button, .copy-bank-account-button {
    background: none;
    color: #d3a516;
}

.copy-input-button-field .copy-input-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 13px 10px;
    background: none;
    border: none;
    color: #d3a516;
}

.referral-box {
    background-color: #181818;
    color: #776600;
    padding: 10px;
    text-align: center;
    min-height: 100px;
}

.referral-box h4{ font-size:18px !important; color:#fff}

.referral-code-container a {
    color: #fbeb8f;
}

.referral-box a {
    color: #fbeb8f;
}

.change-referral-code a {
    color: #fbeb8f;
}

.referral-code-container h4{
    color:#fff
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background: #080808;
    border: transparent;
    color: #838383
}