@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
html, body {
	height: auto;
}
body {
	font: normal normal 14px 'Open Sans', Tahoma, Arial, Helvetica, "Microsoft Yahei","微软雅黑", sans-serif;
	letter-spacing: 0.03em;
	line-height: auto;
	background:#270a32;
	color:#000;
}
div, p, li, img, a, button, span {
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
}
p {
	margin: 15px 0;
}
.hr {
    color: #782d8e;
    border-bottom: 2px solid #782d8e;
}

a {
	color: #326295;
}
a:hover, a:focus {
	color: #d1ad57;
	text-decoration: none;
}
img {
	max-width: 100%;
}
.form-control {
	background: none;
	border-radius: 0;
	border-bottom: 1px solid #ccc;
	height: 45px;
    color: #f7f7f8;
}
/* HELPER */
.m-top-5 {
	margin-top: 5px;
}
.m-top-20 {
	margin-top: 20px;
}
.m-bottom-20 {
	margin-bottom: 20px;
}
.m-bottom-40 {
	margin-bottom: 40px;
}
.error {
	color: #e74c3c;
}
.error p {
	margin: 0;
}
.display_none {
	display: none !important;
}
/* NAV */
.navbar-default {
    background-color: #270a32;
    padding-right: 0;
    color: #000;
    min-height: 70px;
}

.topheader {
    background-color: #270a32;
    color: #000;
    min-height: 70px;
}
@media screen and (max-width: 991px) {
    .navbar-default {
        min-height: 50px;
    }

    .topheader {
        min-height: 50px;
        border-bottom: 4px solid #782d8e;
    }
}

@media screen and (max-width: 767px) {
    .navbar-default {
        border-bottom: 4px solid #782d8e;
    }
}
@media screen and (max-width: 600px) {
.topheader{
    padding: 10px 0 !important; 
}
}
.home img {
	width: 21px;
	height: 22px;
}
nav[role="select"] {
	width: auto;
	display: inline-block;
	position: relative;
	color: #fff;
}
nav[role="select"] > select {
	display: none;
}
nav[role="select"] ul {
	width: 100%;
	list-style: none;
	-webkit-margin-after: 0 !important;
}
nav[role="select"] ul > li {
	float: left;
	padding: 5px 5px;
	font-size: 0.9em;
	text-align: center;
	cursor: pointer;
}
nav[role="select"] ul > li.last {
    padding: 5px;
}
/* nav[role="select"] ul > li:hover {
    background-color: #3EA5D8;
    color: #FFF;
} */
nav[role="select"] ul > li > a {
	color: inherit;
	text-decoration: none;
	transition: inherit;
}
nav[role="select"] ul > li.dropdown {
	margin-top: 7px;
    color: #000;
}
nav.small-screen-menu {
	display: none;
}
.mobile-language.dropdown-menu{
    right: 0;
    left: auto;
    margin-top: 10px;
    background-color: #101a37;
    color: #f7f7f8;
    border: 2px solid #782d8e;
    border-radius: 0px;
}
.mobile-language.dropdown-menu li{
    padding: 5px;
    float: none;
    text-align: left;
}
.mobile-language.dropdown-menu li:hover {
    background-color: #782d8e;
}
.mobile-language.dropdown-menu li a{
    padding: 0;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #782d8e;
}

input[type="text"], input[type="password"], input[type="number"] {
	padding: 8px;
	color: #cccccc;
	height: 36px;
	font-size: 13px;
	/*width: 120px;*/
    border: 1px solid #cccccc;
    
}

.form-control:focus {
    color: #f7f7f8;
    background-color: #270a32;
}

.btn.login {
    background-color: #101a37;
    color: #f7f7f8;
    padding: 8px;
    font-size: 13px;
    vertical-align: middle;
    border: 2px solid #782d8e;
}

.btn.login:hover {
    background-color: #782d8e;
}

.btn.login a {
    color: #FFF;
}

.btn.login a:hover {
    color: #FFF;
    text-decoration: none;
}

.btn.login:disabled {
    background: #A6A6A6;
    color: #2A2A2A;
    padding: 8px;
    font-size: 13px;
    vertical-align: middle;
    /* border-radius: 5px; */
}
.btn.forgot {
    background: #3EA5D8;
    width: 36px;
    height: 36px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    line-height: 1.1;
    vertical-align: middle;
    /* border-radius: 50%; */
}
.btn.forgot:hover {
	background: #2A2A2A;
}
.btn.register {
	background: transparent;
	color: #f7f7f8;
	vertical-align: middle;
    font-size: 13px;
    padding: 8px;
    border: 2px solid #782d8e;
}
.btn.register:hover {
    background: #782d8e;
    color: #f7f7f8;
}
.btn.login.small {
	background: #c9c9c9;
	color: #000;
	font-weight: bold;
    padding: 10px !important;
    border-radius: 0;
    font-size: 11px;
    vertical-align: middle;
}

/* small screens */
@media screen and (max-width: 767px) {
	body {
		/*padding-top:52px;*/
	}
	nav[role="select"] {
		display: none;
	}
	nav.small-screen-menu {
		display: block;
	}
	nav.small-screen-menu .login {
		font-size: 11px;
	    font-weight: bold;
		padding: 10px !important;
	}
	nav.small-screen-menu .register {
		font-size: 11px;
	    font-weight: bold;
		padding: 10px !important;
	}
	nav.small-screen-menu span.mobile-language {
		margin:0px;
		padding:0px;
        color: #000;
	}
    nav.small-screen-menu span.mobile-language .dropdown-menu{
        right: 0;
        left: auto;
        margin-top: 10px;
    }
    nav.small-screen-menu span.mobile-language a{
        color: #000;
    }
	nav.small-screen-menu span.mobile-language .dropdown-toggle {
		padding:5px 3px !important;
	}
	nav.small-screen-menu span.mobile-language .dropdown-toggle::after {
		margin-left:0px;
	}
	nav.small-screen-menu span.mobile-language .dropdown-toggle .icon-flag {
		margin:0px;
	}
	nav.small-screen-menu span.mobile-language .dropdown-menu{

	}
}
@media (max-width: 992px) {
.navbar {
	padding: 0;
}
}
.navbar-game {
	background: transparent url('/themes/bigwin99v3/images/home-icon.png') top center no-repeat;
	background-size:contain;
	position: fixed;
}
.navbar-game a {
	color: #000;
	font-size: 24px;
}
.navbar-game a:hover, .navbar-game a:focus {
	color: #a48334;
}
.navbar-game a img {
	opacity: 0;
}
.navbar .navbar-form, .navbar .navbar-btn {
	margin-top: 15px;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	color: #fff;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #dbb748;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #d1ad57;
}
.navbar-default .navbar-toggle {
	background-color: #d1ad57;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	color: #d1ad57;
}
.navbar-brand {
	padding: 0;
	display: inline-block;
	max-width: 220px;
	margin-right:0 !important;
}
.navbar-brand>img {
	max-width: 214px;
	max-height: 45px;
}
.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
    background: #101a37;
    border-top: 2px solid #782d8e;
}
.nav ul#nav-list {
    width: 100%;
    min-width: 100%;
    display: block;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
    text-align: center;
}
.nav ul li.nav-tab {
    padding: 12px 20px;
    text-align: center;
    vertical-align: top;
    list-style-type: none;
    display: inline-block;
}
.navbar-form .form-control {
    height: auto;
    border-radius: 0;
    border: none;
    background: #333;
    color: #fff;
    padding: 7.5px 12px;
}

@media screen and (max-width: 991px) {
.navbar-brand>img {
    width: 120px;
    padding-left: 15px;
}
}
.navbar-fixed-bottom {
	bottom: 0;
	margin-bottom: 0;
	border-width: 1px 0 0;
	background: #101a37;
    border-top: 2px solid #782d8e;
}

.navbar-fixed-bottom a{
    color: #fff;
}
.nav ul#nav-list {
	width: 100%;
	min-width: 100%;
	display: block;
	white-space: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
	text-align: center;
}
.nav ul li.nav-tab {
	padding: 10px !important;
    width: 100px;
}
.navbar-form .form-control {
	height: auto;
	/* border-radius: 10px;
	-webkit-border-radius: 10px; */
	border: none;
	background: #efefef;
	color: #666666;
	padding: 3px 5px;
	margin-right: 5px;
}
.navbar-nav li {
	margin: 5px;
	padding: 5px;
}

.navbar-nav li.last {
    padding: 3px 5px 5px 5px;
}

.navbar-nav li.last.nav-item .dropdown-menu{
    right: 0;
}

.navbar-nav li a {
	color: #f7f7f8;
}
.navbar-nav li li a {
	color: #f7f7f8;
}
.navbar-nav li li a:hover {
    background-color: #782d8e;
}
.nav-item .dropdown-menu {
	left: auto !important;
	padding: 0 10px;
	font-size: 13px;
    background-color: #101a37;
    border: 2px solid #782d8e;
    border-radius: 0px;
}
.dropdown-menu li {
	margin: 5px 0;
	padding: 0;
}
.dropdown-menu li a {
	padding: 5px;
	display: block;
}
.dropdown-menu li label {
	display: inline-block;
	width: 160px;
}
.dropdown-menu li .pull-right {
	display: inline-block;
}

.dropdown:hover > .dropdown-menu {
    display: block;
}

.topnav {
    background-color: #101a37;
    text-align: center;
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
    z-index: 100;
    padding: 0;
    margin: 0;
    min-height: 40px;
    border: 2px solid #4d1b63;
    border-left: 0px;
    border-right: 0px;
}

.topnav a{
    /*float: left;*/
}

.topnav .navbar-nav li{
    padding: 0;
    margin: 0 16px 0 0;
    height: 50px;
}

.topnav .navbar-nav li a.nav-link{
    color: #f7f7f8;
    padding-top: 4px;
    height: 50px;
}

.topnav .navbar-nav li a.nav-link:hover{
    background-color: #782d8e;
}

.topnav .navbar-nav li:hover{
    background-color: #2A2A2A;
}

.topnav .navbar-nav li.active{
    background: #782d8e;
}

.topnav .navbar-nav li.active a{
    color: #f7f7f8;
}
.slot-dropdown{
    width: 750px !important;
}
.topnav .dropdown-menu{
    width: 700px;
    padding: 10px 0 0 10px;
    background-color: #101a37;
}
.topnav .navbar-nav li .game-provider{
    width: 160px;
    height: 160px;
    position: relative;
    display: block;
    float: left;
    clear: none;
    margin-right: 10px;
    margin-bottom: 10px;
}

.topnav .navbar-nav li .game-provider:hover {
    background-color: #782d8e;
}

.topnav .navbar-nav li .game-provider img{
    display: block;
    width: 100%;
    height: auto;
    margin: auto;
    padding-bottom: 0px;
}
.topnav .navbar-nav .dropdown-item {
    padding: 0px !important;
}

.topnav .navbar-nav li .game-provider span{
    font-weight: bold;
    display: block;
    text-align: center;
}
/* .topnav .navbar-nav li .game-provider:hover span{
    background: #2A2A2A;
} */
.topnav .navbar-nav li .game-provider span.more{
    background: none;
    color: #ccc;
    font-size: 1.2em;
    max-width: 100%;
    padding: 0;
    padding-top: 43%;
    margin-top: -10px;
    text-align: center;
}
.topnav .navbar-nav li .game-provider:hover span.more{
    color: #2A2A2A;
}
@media screen and (max-width: 991px) {
    .topnav {
        top: 50px;
        left: 0;
        background-color: transparent;
        border: 0px;
    }
}
@media screen and (max-width: 767px) {
    .topnav {
        background-color: transparent;
        border: 0px;
    }
}

#mobile {
    margin-top: 50px;
    font-size: 100%;
    vertical-align: baseline;
}

#mobile a, #mobile button, #mobile input {
    outline: none;
}

#mobile .header {
    width: 100%;
    height: 50px;
    position: fixed;
    background-color: #270a32;
    top: 0;
    z-index: 10;
    border-bottom: 4px solid #782d8e;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#mobile .header .navbar-brand{
    float: left;
}

#mobile .header .navbar-brand>img {
    height: 45px;
    width: auto;
    padding-left: 10px;
    padding-top: 4px;
}

#mobile .header .menu-toggle {
    margin-top: 8px;
}

#mobile .header .sidebar-trigger{
    display: block;
    width: 40px;
    height: 45px;
    float: left;
    margin-left: 10px;
    padding: 10px 5px;
}

#mobile .header .sidebar-trigger .icon-bar{
    width: 24px; 
    height: 4px;
    background-color: #782d8e;
    display: block;
    transition: all 0.2s;
    margin-top: 4px
}

#mobile .menu-box {
    width: 280px;
    height: 100vh;
    position: fixed;
    top: 0;
    bottom: 0;
    left: -280px;
    z-index: 1050;
    font-size: 1em;
    overflow-x: hidden;
    background-color: #270a32;
    transition: all 0.3s;
    color: #666;
    padding-bottom: 100px;
}

#mobile .menu-box.active {
    left: 0;
}

#mobile .overlay {
    /* full screen */
    width: 100vw;
    height: 100vh;
    /* transparent black */
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    /* middle layer, i.e. appears below the sidebar */
    z-index: 1049;
}

#mobile .sign-in {
    padding: 1rem;
    color: #f7f7f8;
    font-size: 1.0em;
    text-align: center;
}

#mobile .navbar-nav.lang-menu{
    padding: 0;
    margin-bottom: 0;
}

#mobile .sign-in a {
    color: #00ffff;
    display: block;
    margin-bottom: 1rem;
    font-size: 0.9em;
}

#mobile .sign-in .input-field {
    margin-bottom: 15px;
    border-bottom: 1px solid #f7f7f8;
}

#mobile .sign-in .input-field input[type="text"], #mobile .sign-in .input-field input[type="password"]{
    font-size: 0.9em;
    width: 190px;
}

#mobile .sign-in input {
    padding: 5px 0;
    margin-left: 5px;
    color: #f7f7f8;
    background: transparent;
    border: 0 none;
}

#mobile .sign-in .menu-button {
    width: 96%;
    background: #782d8e;
    color: #f7f7f8;
    margin: .6rem auto 0;
    padding: .7rem;
    display: block;
    border: none;
    font-size: 0.9em;
}

#mobile .member-nav, #mobile .menu-nav {
    margin-bottom: 0;
    border-top: 1px solid #dee2e6;
}

#mobile .menu-nav li, #mobile .member-nav li {
    text-align: center;
    font-size: 0.9em;
}

#mobile .menu-nav > li a {
    width: 100%;
    display: block;
    color: #f7f7f8;
    position: relative;
    text-align: left;
    padding: 12px;
}

#mobile .menu-nav-toggle:after {
    font-family: "FontAwesome";
    content: "\f077";
    position: absolute;
    right: 1.5rem;
    margin-top: 2px;
}

#mobile .menu-nav-toggle.collapsed:after {
    content: "\f078";
}

#mobile .menu-sub-nav > li a {
    background: #270a32;
    border-bottom: 1px solid #782d8e;
}

#mobile .member-nav > li a {
    width: 100%;
    color: #83C1FE;
    display: block;
    border-top: 1px solid #427eba;
    line-height: 4rem;
}

#mobile .page-wrapper {
    min-height: 110vh;
    /* padding-bottom: 120px; */
    color: #f7f7f8;
}

.userprofile::after {
	display: none;
}
@media screen and (max-width: 600px) {
.topnav{
    min-height: 40px;
}
.topnav .row{
    position: relative;
}
.topnav a{
	display: none;
}
.topnav a.icon {
    top: 0;
    right: 0;
    display: block;
    position: absolute;
    font-size: 15px;
}
.topnav.responsive {
	
}
.topnav.responsive .container{
    max-height: 250px;
    overflow-y: scroll;
}
.topnav.responsive .icon {
	position: absolute;
	right: 0;
	top: 0;
}
.topnav.responsive a {
	float: none;
	display: block;
	text-align: left;
}
.navbar .container, .navbar .container-fluid, .navbar .container .navbar-header, .navbar .container-fluid .navbar-header {padding: 0 0 !important;}
}
@media (max-width: 1199px){
    #navbarNavDropdown .nav-item{
        font-size: 12px;
    }
}

@media screen and (max-width: 992px) {

    .navbar-toggler {
        margin-right: 15px;
        color: 000 !important;
        font-size: 16px;
        font-weight: normal;
    }
    .navbar-light .navbar-toggler {
        border-color: #782d8e !important;
        color: #f7f7f8;
        font-weight: bold;
        border-radius: 0px;
    }
    .userprofile::after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
    }

    #navbarNavDropdown{
        max-height: 300px;
        overflow-y: scroll;
    }
    
    #navbarNavDropdown .navbar-nav{
        margin-top: 0;
    }
    
    #navbarNavDropdown .nav-item{
        font-size: 14px;
    }
}
.btn {
	border-radius: 0;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.05em;
}
.icon-flag {
	width: 24px;
	height: 20px;
	margin: 0 5px 0 0;
	padding: 4px 0;
	vertical-align: top;
	display: inline-block;
	background: url(../images/lang-icons.png) no-repeat;
}
con-lang {width: 24px; height: 22px; margin: 0 5px 0 0; padding: 4px 0; vertical-align: middle; display: inline-block; background: url("../images/lang-icons.png") no-repeat;}

.language-aa {background-position: 0 0;}
.language-ab {background-position: -24px 0;}
.language-ae {background-position: -48px 0;}
.language-af {background-position: -72px 0;}
.language-ak {background-position: -96px 0;}
.language-am {background-position: -120px 0;}
.language-an {background-position: -144px 0;}
.language-ar {background-position: -168px 0;}
.language-as {background-position: -192px 0;}
.language-av {background-position: -216px 0;}
.language-ay {background-position: -240px 0;}
.language-az {background-position: -264px 0;}
.language-ba {background-position: -288px 0;}
.language-be {background-position: -312px 0;}
.language-bg {background-position: -336px 0;}
.language-bh {background-position: -360px 0;}
.language-bi {background-position: -384px 0;}
.language-bm {background-position: -408px 0;}
.language-bn {background-position: -432px 0;}
.language-bo {background-position: -456px 0;}
.language-br {background-position: -480px 0;}
.language-bs {background-position: -504px 0;}
.language-ca {background-position: -528px 0;}
.language-ce {background-position: -552px 0;}
.language-ch {background-position: -576px 0;}
.language-cn {background-position: -456px 0;}
.language-co {background-position: 0 -24px;}
.language-cr {background-position: -24px -24px;}
.language-cs {background-position: -48px -24px;}
.language-cu {background-position: -72px -24px;}
.language-cv {background-position: -96px -24px;}
.language-cy {background-position: -120px -24px;}
.language-da {background-position: -144px -24px;}
.language-de {background-position: -168px -24px;}
.language-dv {background-position: -192px -24px;}
.language-dz {background-position: -216px -24px;}
.language-ee {background-position: -240px -24px;}
.language-el {background-position: -264px -24px;}
.language-en {background-position: -288px -24px;}
.language-eo {background-position: -312px -24px;}
.language-es {background-position: -336px -24px;}
.language-et {background-position: -360px -24px;}
.language-eu {background-position: -384px -24px;}
.language-fa {background-position: -408px -24px;}
.language-ff {background-position: -432px -24px;}
.language-fi {background-position: -456px -24px;}
.language-fj {background-position: -480px -24px;}
.language-fo {background-position: -504px -24px;}
.language-fr {background-position: -528px -24px;}
.language-fy {background-position: -552px -24px;}
.language-ga {background-position: -576px -24px;}

.language-gd {background-position: 0 -48px;}
.language-gl {background-position: -24px -48px;}
.language-gn {background-position: -48px -48px;}
.language-gu {background-position: -72px -48px;}
.language-gv {background-position: -96px -48px;}
.language-ha {background-position: -120px -48px;}
.language-he {background-position: -144px -48px;}
.language-hi {background-position: -168px -48px;}
.language-ho {background-position: -192px -48px;}
.language-hr {background-position: -216px -48px;}
.language-ht {background-position: -240px -48px;}
.language-hu {background-position: -264px -48px;}
.language-hy {background-position: -288px -48px;}
.language-hz {background-position: -312px -48px;}
.language-ia {background-position: -336px -48px;}
.language-id {background-position: -360px -48px;}
.language-ie {background-position: -384px -48px;}
.language-ig {background-position: -408px -48px;}
.language-ii {background-position: -432px -48px;}
.language-ik {background-position: -456px -48px;}
.language-io {background-position: -480px -48px;}
.language-is {background-position: -504px -48px;}
.language-it {background-position: -528px -48px;}
.language-iu {background-position: -552px -48px;}
.language-ja {background-position: -576px -48px;}

.language-jv {background-position: 0 -72px;}
.language-ka {background-position: -24px -72px;}
.language-kg {background-position: -48px -72px;}
.language-ki {background-position: -72px -72px;}
.language-kj {background-position: -96px -72px;}
.language-kk {background-position: -120px -72px;}
.language-kl {background-position: -144px -72px;}
.language-km {background-position: -168px -72px;}
.language-kn {background-position: -192px -72px;}
.language-ko {background-position: -216px -72px;}
.language-kr {background-position: -240px -72px;}
.language-ks {background-position: -264px -72px;}
.language-ku {background-position: -288px -72px;}
.language-kv {background-position: -312px -72px;}
.language-kw {background-position: -336px -72px;}
.language-ky {background-position: -360px -72px;}
.language-la {background-position: -384px -72px;}
.language-lb {background-position: -408px -72px;}
.language-lg {background-position: -432px -72px;}
.language-li {background-position: -456px -72px;}
.language-ln {background-position: -480px -72px;}
.language-lo {background-position: -504px -72px;}
.language-lt {background-position: -528px -72px;}
.language-lu {background-position: -552px -72px;}
.language-lv {background-position: -576px -72px;}

.language-mg {background-position: 0 -96px;}
.language-mh {background-position: -24px -96px;}
.language-mi {background-position: -48px -96px;}
.language-mk {background-position: -72px -96px;}
.language-ml {background-position: -96px -96px;}
.language-mn {background-position: -120px -96px;}
.language-mr {background-position: -144px -96px;}
.language-ms {background-position: -168px -96px;}
.language-mt {background-position: -192px -96px;}
.language-mm {background-position: -216px -96px;}
.language-na {background-position: -240px -96px;}
.language-nb {background-position: -264px -96px;}
.language-nd {background-position: -288px -96px;}
.language-ne {background-position: -312px -96px;}
.language-ng {background-position: -336px -96px;}
.language-nl {background-position: -360px -96px;}
.language-nn {background-position: -384px -96px;}
.language-no {background-position: -408px -96px;}
.language-nr {background-position: -432px -96px;}
.language-nv {background-position: -456px -96px;}
.language-ny {background-position: -480px -96px;}
.language-oc {background-position: -504px -96px;}
.language-oj {background-position: -528px -96px;}
.language-om {background-position: -552px -96px;}
.language-or {background-position: -576px -96px;}

.language-os {background-position: 0 -120px;}
.language-pa {background-position: -24px -120px;}
.language-pi {background-position: -48px -120px;}
.language-pl {background-position: -72px -120px;}
.language-ps {background-position: -96px -120px;}
.language-pt {background-position: -120px -120px;}
.language-qu {background-position: -144px -120px;}
.language-rm {background-position: -168px -120px;}
.language-rn {background-position: -192px -120px;}
.language-ro {background-position: -216px -120px;}
.language-ru {background-position: -240px -120px;}
.language-rw {background-position: -264px -120px;}
.language-sa {background-position: -288px -120px;}
.language-sc {background-position: -312px -120px;}
.language-sd {background-position: -336px -120px;}
.language-se {background-position: -360px -120px;}
.language-sg {background-position: -384px -120px;}
.language-si {background-position: -408px -120px;}
.language-sk {background-position: -432px -120px;}
.language-sl {background-position: -456px -120px;}
.language-sm {background-position: -480px -120px;}
.language-sn {background-position: -504px -120px;}
.language-so {background-position: -528px -120px;}
.language-sq {background-position: -552px -120px;}
.language-sr {background-position: -576px -120px;}

.language-ss {background-position: 0 -144px;}
.language-st {background-position: -24px -144px;}
.language-su {background-position: -48px -144px;}
.language-sv {background-position: -72px -144px;}
.language-sw {background-position: -96px -144px;}
.language-ta {background-position: -120px -144px;}
.language-te {background-position: -144px -144px;}
.language-tg {background-position: -168px -144px;}
.language-th {background-position: -192px -144px;}
.language-ti {background-position: -216px -144px;}
.language-tk {background-position: -240px -144px;}
.language-tl {background-position: -264px -144px;}
.language-tn {background-position: -288px -144px;}
.language-to {background-position: -312px -144px;}
.language-tr {background-position: -336px -144px;}
.language-ts {background-position: -360px -144px;}
.language-tt {background-position: -384px -144px;}
.language-tw {background-position: -408px -144px;}
.language-ty {background-position: -432px -144px;}
.language-ug {background-position: -456px -144px;}
.language-uk {background-position: -480px -144px;}
.language-ur {background-position: -504px -144px;}
.language-uz {background-position: -528px -144px;}
.language-ve {background-position: -552px -144px;}
.language-vi {background-position: -576px -144px;}

.language-vo {background-position: 0 -168px;}
.language-wa {background-position: -24px -168px;}
.language-wo {background-position: -48px -168px;}
.language-xh {background-position: -72px -168px;}
.language-yi {background-position: -96px -168px;}
.language-yo {background-position: -120px -168px;}
.language-za {background-position: -144px -168px;}
.language-zh {background-position: -168px -168px;}
.language-zu {background-position: -192px -168px;}

/* MENU */
.header_divider {
	border-bottom: 2px solid #333;
}
#menu .list-inline>li {
	padding: 3px 0;
}
#menu ul {
	margin: 0;
}
#menu li a {
	width: 120px;
	padding: 10px;
}
.btn-menu {
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #080808;
 *background-color: #080808;
	background-image: -moz-linear-gradient(top, #545454, #080808);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#545454), to(#080808));
	background-image: -webkit-linear-gradient(top, #545454, #080808);
	background-image: -o-linear-gradient(top, #545454, #080808);
	background-image: linear-gradient(to bottom, #545454, #080808);
	background-repeat: repeat-x;
	border-color: #080808;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#545454', endColorstr='#080808', GradientType=0);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-menu:hover, .btn-menu:focus, .btn-menu:active, .btn-menu.active, .btn-menu.disabled, .btn-menu[disabled] {
	color: #d1ad57;
	text-decoration: none;
	background: #080808;
 *background: #003bb3;
}
.btn-payment {
	background-color: #fff;
	border: none;
	padding: 0;
}
.ico {
	height: 48px;
	width: 48px;
	display: block;
	margin: 0 auto 10px auto;
}
.ico-home {
	background: url(../images/icon-home.png) no-repeat;
}
.ico-games {
	background: url(../images/icon-games.png) no-repeat;
}
.ico-promo {
	background: url(../images/icon-promo.png) no-repeat;
}
.ico-pull-credits {
	background: url(../images/icon-pull-credits.png) no-repeat;
}
.ico-deposit {
	background: url(../images/icon-deposit.png) no-repeat;
}
.ico-withdraw {
	background: url(../images/icon-withdraw.png) no-repeat;
}
.ico-wallet {
	background: url(../images/icon-wallet.png) no-repeat;
}
.ico-report {
	background: url(../images/icon-report.png) no-repeat;
}
.ico-live-chat {
	background: url(../images/icon-live-chat.png) no-repeat;
}
.ico-whatsapp-chat {
	background: url(../images/icon-whatsapp-chat.png) no-repeat;
}
.ico-wechat-chat {
	background: url(../images/icon-wechat-chat.png) no-repeat;
}
.ico-transaction {
	background: url(../images/icon-transaction.png) no-repeat;
}
.ico-invite-friends {
	background: url(../images/icon-invite-friends.png) no-repeat;
}
.ico-my-friends {
	background: url(../images/icon-my-friends.png) no-repeat;
}
.btn-chat {
	color: #0000FF;
	text-decoration: underline;
	cursor: pointer;
	position: fixed;
	bottom: 0px;
	right: 5px;
	z-index: 1000;
}

@media screen and (max-width: 767px) {
	#livechat-compact-container {
		display: none !important;
	}
}

/* CS HOVER BUTTON */
#btn-whatsapp-cs {
	display: visible; /* Hidden by default */
	position: fixed; /* Fixed/sticky position */
	bottom: 10px; /* Place the button at the bottom of the page */
	right: 280px; /* Place the button 30px from the right */
	z-index: 9999; /* Make sure it does not overlap */
	border: none; /* Remove borders */
	outline: none; /* Remove outline */
	background-color: transparent; /* Set a background color */
	cursor: pointer; /* Add a mouse pointer on hover */
	padding: 0px; /* Some padding */
	opacity: 0.9;
}
#btn-whatsapp-cs img {
	width: 64px;
	height: 64px;
}
#btn-whatsapp-cs:hover {
	opacity: 1;
}

#btn-wechat-cs {
	display: visible; /* Hidden by default */
	position: fixed; /* Fixed/sticky position */
	bottom: 10px; /* Place the button at the bottom of the page */
	right: 350px; /* Place the button 30px from the right */
	z-index: 9999; /* Make sure it does not overlap */
	border: none; /* Remove borders */
	outline: none; /* Remove outline */
	background-color: transparent; /* Set a background color */
	cursor: pointer; /* Add a mouse pointer on hover */
	padding: 0px; /* Some padding */
	opacity: 0.9;
}
#btn-wechat-cs img {
	width: 64px;
	height: 64px;
}
#btn-wechat-cs:hover {
	opacity: 1;
}
@media screen and (max-width: 768px) {
	#btn-wechat-cs { display:none; }
	#btn-whatsapp-cs { display:none; }
}
/* BANNER */


.home-slider {
    margin-top: 110px;
	/*max-height: 600px;*/
}
@media screen and (max-width: 767px){
    .home-slider {
        margin-top: 50px;
	}
}
#banner {
	position: relative;
	text-align: center;
}
#banner .carousel, #banner .carousel-inner, #banner .item {
	/* max-height: 600px; */
    height: auto;
}
#banner .carousel-control {
	width: 100px;
}
#banner .carousel-indicators {
	bottom: 25px;
}
.banner img {
	/*
    background-size: auto 400px;
    background-position: center center;*/
	overflow: hidden;
}

#carousel-main-banner {
	overflow: hidden;
}
.banner .mobile {
	display: none;
}
.carousel-inner > .item {
	width: 100%;
	overflow: hidden;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	position: relative;
	/*left: 50%;*/
	/*height: 430px;*/
	width: 100%;
	/*max-width: 1920px;*/
	/*
    transform: translateX(-50%);
	margin-left: -960px;*/
}
/* ACCORDIAN */
.game-list {
	padding: 0;
}
.accordian {
	position: relative
}
.accordian ul {
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	border: 4px solid #000;
	border-left: none;
	border-right: none;
}
.accordian li {
	position: relative;
	display: block;
	width: 16.66%;
	height: 330px;
	float: left;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
.accordian ul:hover li {
	width: 14%;
}
.accordian ul li:hover {
	width: 30%;
}
.accordian ul li .details {
	display: none;
	position: absolute;
	top: -55px;
	left: 55%;
	text-align: center;
	width: auto;
}
.accordian ul:last-child {
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0 );
}
.accordian ul:last-child li {
	height: 360px;
}
.accordian ul:last-child li .details {
	top: -60px;
}
.accordian ul li:hover .details {
	display: block;
}
.accordian ul li .eff_swf3 {
	position: absolute;
	top: 50px;
	left: 15px;
	z-index: 9;
}
.accordian ul li .details span {
	position: relative;
	top: -20px;
}
.accordian ul li a {
	background: url(../images/games/play_btn.png) center center no-repeat;
	background-size: cover;
	width: 150px;
	height: 40px;
	padding: 10px 0;
	color: #fff;
	text-align: center;
	display: inline-block;
	position: relative;
	z-index: 999;
}
.accordian ul li a:hover {
	filter: brightness(1.5);
	-webkit-filter: brightness(1.5);
}
/* Acordian Bg */
#carousel-acordian-bg {
	position: absolute;
	width: 100%;
	top: 0;
	z-index: -1;
}
#carousel-acordian-bg.carousel, #carousel-acordian-bg .carousel-inner, #carousel-acordian-bg .item {
	height: 100%;
}
#carousel-acordian-bg.carousel-fade .item {
	-webkit-transition: opacity 0.05s ease;
	-moz-transition: opacity 0.05s ease;
	-ms-transition: opacity 0.05s ease;
	-o-transition: opacity 0.05s ease;
	transition: opacity 0.05s ease;
	opacity: 0.5;
}
#carousel-acordian-bg.carousel-fade .active.item {
	opacity: 1;
}
.carousel-indicators li {
	height: 5px;
	cursor: pointer;
}
#banner .carousel-indicators {
	bottom: 10px !important;
}
/* CAROUSEL */

#carousel {
	text-align: center;
}
.block-jackpot {
	display: block;
	position: relative;
	/*margin: -50px auto 0 auto;*/
	text-align: center;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    max-width: 830px;
    min-height: 165px;
}

.block-jackpot img{
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
}

.block-jackpot .blink{
    position: absolute;
    width: 60px;
    height: 60px;
    background: url(../images/blink.png) 0 0 no-repeat;
    background-size: 60px 60px;
    
    animation: twinkle 1s linear infinite;
    -webkit-animation: twinkle 1s linear infinite;
    -moz-animation: twinkle 1s linear infinite;
}

.block-jackpot .blink1{
    left: 205px;
    top: 50px;
}

.block-jackpot .blink2{
    left: 305px;
    top: 13px;
    -moz-animation-delay: .7s;
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
}

.block-jackpot .blink3{
    left: 441px;
    top: 49px;
    -moz-animation-delay: .3s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}

.block-jackpot .blink4{
    left: 561px;
    top: 26px;
}

@keyframes twinkle {    
    50%{ 
        transform: scale(0.5);
        opacity: 0.5;
    }
}
@-webkit-keyframes twinkle {    
    50%{ 
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }
}
@-moz-keyframes twinkle {    
    50%{ 
        -moz-transform: scale(0.5);
        opacity: 0.5;
    }
}

.progressive_jackpot {
	font-size: 45px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 3px;
    width: 100%;
    height: 50px;
    z-index: 50;
    position: absolute;
    bottom: 25px;
}

.landing-home {
	background: #270a32;
    /*
	background-size: cover;*/
	padding-bottom:50px;
}

.landing-home .container{
    
}

.products {
	margin: 50px auto 0 auto;
	max-width: 860px;
	min-height: 660px;
}
.products div {
	text-align: center;
	float: left;
	margin: 13px 9px;
}
.products div img {
	width: 100%;
}
 @media screen and (max-width:900px) {
     .block-jackpot {
         min-height: 155px;
     }
.progressive_jackpot {
	font-size: 30px;
    bottom: 5px;
}
.products {
	margin: 20px auto;
}
}
 @media screen and (max-width:840px) {
    .block-jackpot {
         min-height: 150px;
    }
    .block-jackpot .blink4{
        display: none;
    }
     .progressive_jackpot {
        font-size: 24px;
    }
.products div {
	float: none;
}
.products div img {
	max-width: 100%;
}
}

 @media screen and (max-width:767px) {
     .block-jackpot{
         display: none;
     }
 }
/** Footer **/

.footer {
	display: block;
	background: #2a2a2a;
	padding: 20px 0;
	clear: both;
	font-size: 12px;
	color: #fff;
}
/* @media screen and (max-width: 800px) {
.footer {
	display: none;
}
} */
.footer .row {
	/*max-width: 1024px;*/
	margin: 0 auto;
}
.row.copyright {
	margin-right: 0;
}
.footer .col div {
	padding: 0 10px;
}
.footer ul {
	list-style: none;
	padding-left: 0;
}
.footer ul li {
	margin: 10px 0;
	height: 40px;
	display: block;
}
.footer ul li img, .footer ul li span {
	display: inline-block;
	margin: 5px;
	vertical-align: middle;
}
.footer img {
	max-width: 100%;
}
.f_title {
	font-size: 16px;
	text-transform: uppercase;
	display: block;
	width: 90%;
	border-bottom: 1px solid #ddd;
}
.f_header {
	font-weight: bold;
}
.row.copyright {
	background: #2a2a2a;
	text-align: center;
	color: #fff;
	font-size: 10px;
	display: block;
	padding: 15px 0;
}

@media screen and (max-width: 767px) {
    .row.copyright{
        display: none;
    }
}
.row.copyright p {
	margin: 0;
}
/* Content Page */		
.list-cat {
	clear: both;
	margin-top: 0px;
	max-width:1600px;
}
.list-casino {
	text-align: center;
	margin: 0px;
}
.list-casino a {
	display: block;
	/* border-radius: 10px;
	-webkit-border-radius: 10px; */
	overflow: hidden;
	width: 400px;
	margin: 5px auto;
	box-shadow: 8px 8px 8px rgba(0,0,0,.5);
	max-width: 100%;
}
.list-casino img {
	opacity: 0.9;
	max-width: 100%;
}
.list-casino img:hover {
	opacity: 1;
}
 @media screen and (max-width: 768px) {
.list-cat {
	margin-top: 20px;
}
}
/* Coming Soon*/
.comingsoon {
	display: block;
	width: 400px;
	height: 180px;
	background-color: #dddddd;
	color: #666666;
	margin: 10px auto;
	/* border-radius: 10px;
	-webkit-border-radius: 10px; */
	vertical-align: middle;
	font-size: 2em;
	line-height: 180px;
	max-width: 100%;
}

.btn-comingsoon {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
/* Promotion */
.list-promotion {
	max-width: 830px;
	margin-top: 40px;
}
.list-promotion img {
	max-width: 100%;
}
.card ol li {
	margin-top: 10px;
	color: #666;
}
/* Register */
#form-signup {
    /*width: 35%;*/
    margin: 12px auto;
}

#form-signup .control-label {
    /*text-align: left;*/
}

#form-signup .form-group div {
    display: block;
}

#form-signup .form-group .form-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 764px) {
    #form-signup {
        width: 90%;
        margin: 12px auto;
    }
}

.checkusername-not {
    display: none;
    color: #ff3030;
}

.checkusername {
    display: none;
    color: #3ade3a;
}

.container.content {
	margin-top: 50px;
}
.container.content h3 {
    margin-top:10px;
	text-align: center;
	color: #326295;
	width: 100%;
	padding-bottom: 10px;
}

.form-horizontal, .form-group {
	width: 100%;
}
.form-group div {
	display: inline-block;
}
.form-group {
	margin: 20px 0;
}
.control-label {
	width: 100%;
	text-align: right;
	padding-top: 14px;
	color: #f7f7f8;
    font-weight: 600;
}
.form-container select, .form-container input[type="text"], .form-container input[type="number"], .form-container input[type="password"] {
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	min-width:100%;
	background-color: #ddd !important;
	border: 0 !important;
	font-size: 13px;
	padding: 5px 8px;
	height: 45px;
	color:#000;
}
/*.form-group div.error {
	display: none;
}*/
.btn.submit {
	background-color: #00a379;
	color: #fff;
}
/* Transaction */
.block_trans {
	display: block;
	width: 100%;
	margin: 40px auto 20px auto;
}
.tab-content, .form_report {
	margin-bottom: 20px;
	width: 100%;
}
.dropdown-menu {
	font-size: 13px;
}
.table-responsive {
	color: #f7f7f8;
}
/* invite preview box */
.invite-preview {
	border: 1px solid #efefef;
	margin: 0 0 25px 0;
	padding: 25px;
	color: #666;
}
.top-buffer {
	margin-top: 25px;
}
@media screen and (max-width: 767px) {
.navbar-nav {
	padding: 10px;
}
.navbar-nav li {
	margin: 5px 0;
	padding: 5px 0;
}
.nav-item .dropdown-menu{
	padding: 10px 15px;
	margin-top:10px;
}
.navbar-toggler {
	font-size:14px;
}
.carousel-item {
	height:170px;
}
.carousel-item img {
	object-fit:cover;
	object-position:center;
	height:100%;
}
select.form_txt, input[type="text"].form_txt, input[type="number"].form_txt, input[type="password"].form_txt {
	min-width:inherit !important;
	width:100%;
}
.form-horizontal .col-6 {
	max-width:60%;
}
.control-label {
	text-align:left;
}
.tab-content {
	padding-left:15px;
	padding-right:15px;
    color: #f7f7f8;
}
.nav-tabs {
	display:block;
	margin:0 15px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	border-top-left-radius: 0;
    border-top-right-radius: 0;
}
}

/* CUSTOM */
.modal-content {
    background-color: #101a37;
}
.modal-header {
    border-bottom: 2px solid #782d8e;
    color: #f7f7f8;
}

.modal-header button.close {
    color: #f7f7f8;
}

.modal-header button:hover {
    color: #f7f7f8;
}

.modal-body {
    color: #f7f7f8;
}

.modal-body a {
    color: #00ffff;
}

.modal-footer {
    border-top: 2px solid #782d8e;
}

.modal-footer .btn.login {
    background-color: #782d8e;
}

.modal-backdrop {
	background-color:rgba(0,0,0,0.8) !important;
}

.modal-username {
    color: #f7f7f8;
}

.card-body {
    color: #666;
    margin-bottom: 20px;
}

.form-control-static {
    padding-top: 11px;
    padding-bottom: 11px;
    margin-bottom: 0;
    min-height: 36px;
}

.form-main h4 {
    color: #f7f7f8;
}

.alert-danger {
    background-color: #e74c3c;
    border-color: #e74c3c;
    color: #ffffff;
}

.alert>p, .alert>ul {
    margin-bottom: 0;
}

.btn-default {
    color: #f7f7f8;
    background-color: #270a32;
    border: 2px solid #782d8e;
}

.btn-default:hover {
    color: #f7f7f8;
    background-color: #782d8e;
    border-color: #782d8e;
}

.btn-danger {
    background-color: #101a37;
    color: #f7f7f8;
    padding: 8px;
    font-size: 13px;
    vertical-align: middle;
    border: 2px solid #782d8e;
}

.btn-danger:hover {
    background-color: #782d8e;
    border-color: #782d8e;
    color: #f7f7f8;
}

.form-top h4 {
    color: #f7f7f8;
}

.form-text {
    color: #f7f7f8;
}

.form-container {
    margin-top: 140px;
    margin-left: auto;
    margin-right: auto;
}


.form-container h3 {
    margin-top: 10px;
    color: #2a2a2a;
    width: 100%;
    padding-bottom: 10px;
}

.announcement {
    overflow: hidden;
    height: 30px;
    color: #f7f7f8;
    background: #782d8e;
    padding: 5px;
}

#mobile .announcement {
    overflow: hidden;
    height: 28px;
    color: #FFF;
    background: #782d8e;
    padding: 5px;
    font-size: 12px;
    margin-top: -4px;
}

.game {
    position: relative;
}

.game .game-logo {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

.game .game-logo.coming-soon {
    top: 50%;
    margin-top: -10px;
}

.game-item {
	margin-bottom:20px;
}
.game-item span {
    margin-top: 4px;
    margin-left: 12px;
    color: #f7f7f8;
}

.game-item img {
	width:100%;
	/* border-radius:10px;
	box-shadow: 1px 2px 10px rgba(0,0,0,0.4); */
}

.game-item.pragmatic img {
	border-radius:5px !important;
}

.game-item.platipus img {
	border-radius:5px !important;
}

.game-item.cq9 img {
	border-radius:0px !important;
	box-shadow: none !important;
}

.game-item.sa36slots img {
	border-radius:0px !important;
	box-shadow: none !important;
}

.game-lobby {
    margin-top: 140px;
}

@media (max-width: 991px) {
    #banner {
        margin-top: 90px;
    }
}

@media (max-width: 767px) {
    .navbar-toggle {
        margin-top: 23px;
    }
    .navbar .navbar-form, .navbar .navbar-btn {
        margin-top: 10px;
        padding: 0;
    }
    #banner {
        margin-top: 50px;
    }
    #language {
        padding: 5px 10px;
        display: inline-block;
    }
    .navbar-nav {
        margin: 10px 0;
    }
    .navbar-fixed-bottom .ico {
        height: 24px;
        width: 24px;
        margin: auto;
        background-size: cover !important;
        display: block;
    }
	.navbar-fixed-bottom a {
		font-size:0.65em;
	}
	.navbar-fixed-bottom .nav-tab {
		padding: 10px 10px !important;
	}
    .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 10px;
    }
    .navbar-nav>li>a {
        padding: 10px;
        color: #f7f7f8;
    }
    .form-container {
        padding: 0px 0 100px 0;
		margin-top: 135px;
    }
    .form-container .container {
        
    }
    .contact-footer {
        margin-bottom: 80px;
    }
    footer {
        margin-bottom: 20px;
    }
    .game-lobby {
        /*margin-top: -80px;*/
        max-width: 95%;
        margin-top: 80px;
    }
    .form-container {
	margin-top: 75px;
    }
}

.top_banner {
    position: relative;
    margin-top: 110px;
    text-align: center;
}
.banner_title {
    position: absolute;
    bottom: 0;
    padding: 20px 50px;
    font-size: 32px;
    color: #fff;
    font-weight: bold;
    background-color: rgba(0,0,0, 0.5);
    width: 100%;
    text-align: center;
    left: 0;
}
@media (max-width: 991px) {
    .top_banner{
        margin-top: 90px;
    }
    .banner_title {
        font-size: 24px;
    }
}
@media screen and (max-width: 768px) {
    .top_banner {
	display: none;
    }
}

.banner_title_mobile {
    padding: 20px;
    background-color: #782d8e;
    color: #fff;
}

.rounded {
    border-radius: .25rem
}

.category {
    position: relative;
    border: 2px solid #782d8e;
}

.mobile-game-list{
    display: none;
}
@media (max-width: 1200px) {
    .mobile-game-list{
        display: block;
		margin: 0;
    }
    .mobile-game-list .clear{
        clear: both;
    }
    .mobile-category{
        position: relative;
        padding-bottom: 25px;
    }
    .mobile-category.hide{
        display: none;
    }
    .mobile-category h2{
        position: relative;
        height: 40px;
        color: #fff;
        text-align: center;
        padding: 10px;
        font-size: 1em;
        font-weight: bold;
    }
    .mobile-category ul{
        list-style: none;
        margin: 0 5px;
        padding: 0;
        display: block;
    }
    .mobile-category ul li{
        float: left;
        width: 33%;
        display: block;
    }
    .mobile-category ul li a{
        display: block;
        padding: 0;
        margin: 7px;
        text-shadow: 0px -1px 1px rgba(0,0,0,0.2);
        text-decoration: none;
		overflow: hidden;
        /* border: 2px solid #782d8e; */
    }
    .mobile-category ul li a img{
        /*width: 100px;*/
        width: 90%;
        max-width: 240px;
        height: auto;
        margin: auto;
        display: block;
    }
    .mobile-category ul li a span{
        color: #f7f7f8;
        text-align: center;
        display: block;
        font-size: 1.0em;
        padding: 5px 0;
    }
    .mobile-category .btn-mobile-category-back{
        color: #fff;
        display: block;
        float: left;
        position: absolute;
        z-index: 10;
        font-size: 1.0em;
        padding: 8px 10px;
    }
}
.cat-title {
    position: absolute;
    overflow: hidden;
    bottom: 0;
    padding: 0.25rem;
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    box-sizing: border-box;
    background: rgba(40,169,224,.8);
    margin: 0 15px;
    left: 0;
    right: 0;
    text-align: center;
}


.category a:hover .cat-title{
    background: #2A2A2A;
}

@media (max-width: 767px) {
    .game-list{
        display: none;
    }
}

.list-provider {
    display: block;
    border: 6px solid #270a32;
    /*padding-top: 5px;
    padding-bottom: 5px;*/
    background: #270a32;
}

.game-start {
    padding: 10px;
    background-color: #3EA5D8;
    max-width: 120px;
    margin: 0 auto 10px auto;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
}

.list-provider:hover{
    border-color: #782d8e;
    background-color: #782d8e;
}

.list-provider:hover .game-start{
    background: #2A2A2A;
    color: #fff;
}

.header-game {
    background: #270a32;
    text-align: center;
    padding: 5px 0;
    height: 50px;
    -webkit-box-shadow: 0 8px 6px -6px #999999;
    -moz-box-shadow: 0 8px 6px -6px #999999;
    box-shadow: 0 8px 6px -6px #999999;
}

.header-game > .game-home {
    position: absolute;
    left: 0;
    margin: 0px 0 0 10px;
}

#game {
    background-color: #000;
}

#game object, #game embed, #game iframe {
    height: calc(100vh - 20px);
    padding-top: 60px;
}

#m-game {
    padding-top: 0px;
}

#m-game object, #m-game embed, #m-game iframe {
    height: 100vh;
    padding-top: 0px;
}

#withdraw-pin-form .control-label {
    text-align: left;
}

/* bootstrap navs */
.nav-tabs {
    margin-bottom: 20px;
}
.nav-tabs .link {
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
.nav-tabs .link {
    display: block;
    padding: .5rem 1rem;
}
.nav-tabs .active .link {
    background-color: #3EA5D8;
    color: #fff;
}
.nav-tabs .link:focus, .nav-tabs .link:hover {
    color: #3EA5D8;
}


/** CUSTOM STYLE **/
/** NAVBAR **/
.navbar-cat-img {
    height: 44px;
}

#mobile .downloadapp {
    color: #f7f7f8;
}

/** GENERAL CSS **/
.form-btn-back {
    width: 120px;
    padding: 8px;
    margin-right: 8px;
}

.form-btn-submit {
    width: 120px
}

.section-title {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 8px;
    color: #f7f7f8;
}

/** REGISTRATION **/
#country {
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 8px;
	color: #666666;
	height: 36px;
	font-size: 13px;
}

/** LOGIN **/
.login-content {
    width: 45%;
    margin: auto;
}

.site-desc {
    background-color: #270a32;
    border: 2px solid #782d8e;
    padding: 20px;
    -webkit-box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.8); 
    box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.8);
    margin-bottom: 20px;
}

.site-desc .section-title {
    color: #f7f7f8;
    font-size: 20px;
}

.site-desc .section-text {
    color: #f7f7f8;
    line-height: 2;
}

.site-desc-wrapper .site-desc-tile {
    margin-bottom: 20px;
    -webkit-box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.8); 
    box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.8);
}


.site-desc-wrapper .site-desc-tile .site-desc-header {
    background-color: #270a32;
    border: 2px solid #782d8e;
    width: 100%;
    padding: 16px;
    color: #f7f7f8;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
	align-items: center;
}

.site-desc-wrapper .site-desc-tile .site-desc-header .lang-img {
    width: 30px;
    height: 30px;
    margin-right: 12px;
    margin-bottom: 0px;
}

.site-desc-wrapper .site-desc-tile .site-desc-body {
    color: #f7f7f8;
    border: 2px solid #782d8e;
    border-top: 0px;
    padding: 16px;
}

@media (max-width: 767px) {
    .login-content {
        width: 90%;
    }
}

.login-content input[type="text"], .login-content input[type="password"] {
    width: 80% !important;
    margin: auto;
}

.cat-nav-bar {
    color: #f7f7f8;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
    border-bottom: 2px solid #782d8e;
}

.cat-nav-bar .nav-link {
    background-color: transparent;
    border: 0;
    color: #f7f7f8;
    padding: 8px 4px !important;
    border-left: 2px solid #270a32;
    border-right: 2px solid #270a32;
}

.cat-nav-bar .nav-link.active {
    background-color: transaparent; 
    border-left: 2px solid #782d8e;
    border-right: 2px solid #782d8e;
}

.cat-nav-bar .nav-link img {
    width: 50px;
    height: 50px;
}

@media (max-width: 1200px) {
    .cat-nav-bar .nav-link img {
        width: 75%;
        height: auto;
    }
}

@media (max-width: 764px) {
    .cat-nav-bar .nav-link img {
        width: 60%;
        height: auto;
    }
}

#mobile .carousel-item img {
	object-fit: contain;
	object-position: center;
    height: auto;
}

.recommended-container {    
    width: 90%;
    margin: 24px auto;  
    margin-bottom: 48px;  
}

.recommended-list {
    background-color: #101a37;
    color: #2A2A2A;
    padding: 12px 24px;    
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
    border: 2px solid #782d8e;
}

.recommended-title {
    font-size: 14px;
    font-weight: 600;
    color: #f7f7f8;
}

.recommended-games img {
    width: 100px;
    height: auto;
    margin-right: 12px;
}

.download-container {
    background: url("../images/download-bg.png") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border: 2px solid #782d8e;
}

.download-content {
    padding: 36px;
    width: 90%;
    margin: auto;
}

.download-media {
    text-align: center;
}

.download-media img {
    width: 25vw;
}

.download-title {
    text-transform: uppercase;
    color: #FFF;
    font-weight: 600;
    font-size: 56px;
    margin-bottom: 60px;
}

.download-title .logo-title {
    color:#9999ff;
    font-size: 24px;
    margin-bottom: 8px;
}

.download-title img {
    width: 15vw;
}

.download-type a {
    font-size: 14px;
    color: #FFF;
    font-weight: 600;
    text-decoration: none;
}

.download-type .title {
    color: #FFF;
    font-size: 16px;
}

.download-icon {
    width: 50px;
    height: 50px;
}

.download-qrcode {
    width: 160px;
    height: 160px;
    margin: 12px;
}

#mobile .download-content {
    padding: 24px;
    width: 90%;
    margin: auto;
}

#mobile .download-title {
    font-size: 24px;
    margin-bottom: 16px;
}

#mobile .download-title img{
    width: 50vw;
    margin-bottom: 12px;
}

#mobile .download-icon {
    width: 40px;
    height: 40px;
}

#mobile .download-qrcode {
    width: 120px;
    height: 120px;
    margin: 8px;
}

#mobile .download-type a {
    font-size: 10px;
    color: #f7f7f8;
    font-weight: 600;
    text-decoration: none;
}

.lang-video {
    position: absolute;
    z-index: -999;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.lang-video video {
    min-width: 100%;
    min-height: 100%;
}

.lang-content {
    background-color: rgba(120, 149, 168, 0.85);
    padding: 40px;
}

#language {
    color: #cccccc;
}

.language-options {
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
    width: 60%;
    margin: auto;
    margin-bottom: 40px;
}

.language-wrapper {
    text-align: center;
}

.lang-img {
    width: 50px;
    height: 50px;
    margin-bottom: 8px;
    
}

.language-title {
    font-size: 14px;
    font-weight: 600;
    color: #252525;
}

.lang-content-text .tabcontent{
    color: #FFF; 
    font-size: 14px; 
    display: none; 
    line-height: 16px;
    width: 80%;
    margin: auto;
}

.lang-content .tabcontent .section-text {
    font-size: 12px;
    color: #EAEAEA;
}

.lang-content .tabcontent .section-title {
    color: #FFF;
}

#mobile .lang-content {
    padding: 20px;
}

#mobile .language-options {
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: space-around;
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
}

#mobile .language-wrapper {
    margin: 12px;
}

#mobile .lang-img {
    width: 40px;
    height: 40px;
    margin-bottom: 6px; 
}

/** LOGIN PAGE **/
.page-banner {
    border-top: 2px solid #782d8e;
    border-bottom: 2px solid #782d8e;
    margin-bottom: 32px;
}

#mobile .shorcut-pop-up {
    position: fixed;
    bottom: 20px;
    left: 50%;
    width: 100%;
    display: none;
}

#mobile .pop-up-box {
    position: relative;
    left: -50%;
    background-color: #FFF;
    padding: 12px 16px;
    border-radius: 5px;
    width: 90%;
    margin: auto;
    font-size: 14px;
    box-shadow: -1px 4px 10px 0px rgba(163, 163, 163, 0.7);

}

#mobile .pop-up-box:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-color: #fff transparent;
    border-width: 12px 12px 0;
    bottom: -12px;
    left: 50%;
    margin-left: -12px;
}

#mobile .shortcut-popup-btn {
    background-color: transparent;
    border: none;
    font-size: 20px;
    padding: 0px;
    line-height: 1;
    color: #606060;
}

#mobile .pop-up-box span {
    color: #007aff;
}

#mobile .pop-up-box span img {
    width: auto;
    height: 20px;
}


/** DASHBOARD **/
#totalGameBalance {
    color: #00ffff;
    font-weight: 600;
}

.game-tab {
    width: 100%;
    margin-top: 12px;
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.game-tab button {
    background-color: transparent;
    cursor: pointer;
    padding: 12px;
    transition: 0.3s;
    font-size: 17px;
    border: 2px solid #782d8e;
    width: 12%;
    color: #f7f7f8;
    margin: 12px;
    outline: none;
    min-width: 120px;
}

.game-tab button:hover {
    background-color: #782d8e;
    color: #f7f7f8;
}
  
.game-tab button.active {
    background-color: #782d8e;
    color: #f7f7f8;
}
  
.game-tabcontent {
    margin-top: 12px;
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.game-cat-img {
    width: 220px;
    height: 220px;
    margin: 12px;
    border: 6px solid #270a32;
}

.game-cat-img2 {
    border: 6px solid #782d8e;
}

.game-cat-img:hover {
    border: 6px solid #782d8e;
    background-color: #782d8e;
}

.game-cat-img .more {
    background: none;
    color: #ccc;
    font-size: 1.5em;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
    height: 220px;
    text-align: center;
    font-weight: 600;
}

.incentive-amt {
    color:#00ffff;
    font-size: 18px;
}

.credit-img {
    width: 28px;
    height: 28px;
}

.credit-text {
    color: #00ffff !important;
    font-weight: 600;
}

.form-main {
    padding-top: 3vh;
    color: #f7f7f8;
    min-height: 70vh;
}

/** DEPOSIT **/
#promotion_id, #bank_name_desc {
	padding: 8px;
	color: #cccccc;
	height: 36px;
	font-size: 13px;
}

.min-text {
    color: #ff0000;
}

.deposit-category-wrapper {
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
    margin-bottom: 20px;    
}

.deposit-category {
    border: 2px solid #782d8e;
    padding: 10px;
    margin: 12px;
    min-width: 132px;
    background-color: transparent;
    color: #f7f7f8;
    font-weight: 600;
}

.deposit-category.active{
    border: 1px solid #782d8e;
    padding: 10px;
    margin: 12px;
    width: 132px;
    background-color: #782d8e;
    color: #f7f7f8;
}

.withdraw-category {
    border: 2px solid #782d8e;
    width: 140px;
    background-color: transparent;
    padding: 10px;
    margin: 12px;
    color: #f7f7f8;
    font-weight: 600;
}

.withdraw-category.active{
    border: 2px solid #782d8e;
    padding: 10px;
    margin: 12px;
    width: 140px;
    background-color: #782d8e;
    color: #f7f7f8;
}

.crypto-disclaimer-wrapper {
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    padding: 20px;
    width: 70%;
    margin: auto;
    font-size: 12px;
}

#mobile .crypto-disclaimer-wrapper {
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    padding: 16px;
    width: 90%;
    margin: auto;
    font-size: 12px;
}

.crypto-qr-code {
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}

#mobile .crypto-qr-code {
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}

.crypto-desc {
    color: #00ffff;
    font-weight: bold;
}

/** DEPOSIT CONFIRM **/
.multiplyAmt {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0px -20px;
}

#mobile .multiplyAmt {
    display: block;
    margin: 0px;
    margin-top: 8px;
}

table .link {
    color: #00ffff;
}

table .cancellink {
    color: #f7f7f8;
}

/** TRANSACTION HISTORY **/
#transaction_type {
	padding: 8px;
	color: #f7f7f8;
	height: 36px;
	font-size: 13px;
}

#transaction_history_length, #transaction_history_filter, #transaction_history_info, #transaction_history_previous, #transaction_history_next {
    color: #f7f7f8 !important;
}

#transaction_history_filter input {
    background-color: #270a32;
    color: #f7f7f8;
    border: 1px solid #f7f7f8;
}

table.dataTable tbody tr {
    background-color: transparent !important;
}

/** BET HISTORY **/
#provider {
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 8px;
	color: #666666;
	height: 36px;
	font-size: 13px;
}

#bet_history_length, #bet_history_filter, #bet_history_info, #bet_history_previous, #bet_history_next {
    color: #f7f7f8 !important;
}

#bet_history_filter input {
    background-color: #270a32;
    color: #f7f7f8;
    border: 1px solid #f7f7f8;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #f7f7f8 !important;
}

/** NEWS **/
.news-panel {
    color: #FFF !important;
}

.panel {
    margin-bottom: 21px;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 17px;
    color: inherit;
    display: flex;
    justify-content: space-between;
    padding: 0px 12px;
}

.panel-title>a,.panel-title>small,.panel-title>.small,.panel-title>small>a,.panel-title>.small>a {
    color: inherit
}

.panel-group {
    margin-bottom: 21px
}

.panel-group .panel {
    /*margin-bottom: 0; */
    border-radius: 0px;
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.panel-body,.panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 1px solid #464545
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #464545
}

.panel-default {
    border: 2px solid #782d8e;
}

.panel-default>.panel-heading {
    color: #f7f7f8;
    background-color: #101a37;
    border-color: #782d8e
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top: 2px solid #782d8e;
}

.panel-default>.panel-heading .badge {
    color: #303030;
    background-color: #ffffff
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #464545
}

/** PROFILE **/
#form-profile {
    width: 70%;
    margin: auto;
}

@media (max-width: 767px) {
    #form-profile {
        width: 90%;
        padding-bottom: 15vh;
    }
}

#avatarlist {
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
}

.avatar-select {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 12px;
}

/** WHATSAPP WIDGET **/
.whatsapp-widget {
    position: fixed;
    bottom: 70px;
    left: 16px;
}

.whatsapp-widget img {
    width: 60px;
    height: 60px;
}

/** GAME LOBBY **/
.playngo-page .game-lobby #game-category .navbar-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    margin-right: 12px;
}

.playngo-page .game-lobby #game-category .navbar-nav .active {
    background-color: #782d8e;
    color: #FFF;
}

.playngo-page .game-lobby #game-category .navbar-nav li {
    text-align: center;
    min-width: 100px;
    padding: 6px 12px;
    margin: 0px 4px;
    cursor: pointer;
    color: #FFF;
    border: 2px solid #782d8e;
}

#game-list .game-item .img-holder {
    margin-bottom: 4px;
    min-height: 190px;
    display: flex;
}

#game-list .game-item .img-holder img {
    border-radius: 10px;
}

#game-list .game-item span {
    font-size: 13px;
    margin-left: 0px;
    margin-top: 0px;
    color: #FFF;
    font-weight: bold;
}

/** APP DOWNLOAD **/
.app-download {
    color: #FFF;
    width: 85%;
    margin: 32px auto;
}

@media (max-width: 1024px) {
    .app-download {
        width: 85%;
    }
}

.app-download .app-cat-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.app-download .app-category {
    border: 2px solid #782d8e;
    padding: 10px;
    margin: 12px;
    width: 200px;
    background-color: transparent;
    color: #f7f7f8;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.app-download .app-category img {
    width: 60px;
    height: 60px;
    margin-right: 12px;
}

@media (max-width: 1024px) {
    .app-download .app-category {
        width: 180px;
        font-size: 16px;
    }

    .app-download .app-category img {
        width: 48px;
        height: 48px;
    }
}

.app-download .app-category.active{
    border: 1px solid #782d8e;
    padding: 10px;
    margin: 12px;
    background-color: #782d8e;
    color: #f7f7f8;
}

.app-download .section-title {
    font-weight: 600;
    font-size: 28px;
    text-align: center;
    margin: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.app-download .section-title img {
    width: 50px;
    height: 50px;
}

.app-download section .download-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.app-download section .download-container .download-content {
    width: auto;
    margin: unset;
}

.app-download section .download-container .download-content .download-btn button {
    color: #FFF;
    font-weight: 600;
    padding: 16px;
    background-color: #782d8e;
    width: 200px;
    margin: 10px auto;
    text-align: center;
    cursor: pointer; 
    border: none;
}

.app-download section .download-container .download-content .download-btn button:hover {
    color: #252525;
    background-color: #FFF;
}

.app-download section .download-container .download-title {
    font-size: 24px;
    margin-bottom: 0px;
}

.app-download section .download-container .download-title img {
    width: 160px;
}

.app-download section .download-container .asset-content {
    width: 440px;
    margin: 28px 40px;
}

.app-download section {
    margin: 28px auto;
    text-align: center;
}

.app-download .app-download-logo {
    width: 200px;
    max-height: 180px;
    text-align: center;
    margin: auto;
}

.app-download section .step-title {
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 16px;
}

.app-download section .step-title img {
    width: 50px;
    height: 50px;
}

.app-download section .step-section .step-content {
    width: 80%;
    margin: 20px auto;
    color: #252525;
    background-color: #9E9E9E;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

@media (max-width: 1024px) {
    .app-download section .step-section .step-content {
        width: 100%;
    }
}

.app-download section .step-section .step-content small {
    font-style: italic;
}

.app-download section .step-section p {
    padding: 20px 32px;
    margin: 0px;
    text-align: left;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.app-download section .step-section p span {
    font-weight: 600;
}

.app-download section .step-section .step-ss {
    padding: 24px;
    padding-top: 0px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.app-download section .step-section .step-ss div small {
    font-weight: 600;
    color: #252525;
}

.app-download section .step-section .step-ss img {
    width: auto;
    max-height: 440px;
    padding: 6px;
}

@media (max-width: 1024px) {
    .app-download section .step-section .step-ss {
        padding: 8px;
    }

    .app-download section .step-section .step-ss img {
        max-height: 520px;
    }
}

.app-download section .step-section div p { 
    font-size: 16px;
}

.app-download section .download-now {
    color: #FFF;
    font-weight: 600;
    padding: 16px;
    background-color: #782d8e;
    width: 240px;
    margin: 24px auto;
    text-align: center;
    cursor: pointer;
}

.app-download section .download-now:hover {
    color: #252525;
    background-color: #FFF;
}

.app-download hr {
    width: 40%;
    margin: auto;
    border-top: 1px solid #666;
}

@media (max-width: 1024px) {
    .app-download hr {
        width: 75%;
        margin: auto;
    }
}

.app-download .ios-section {
    
}

.app-download .android-section {
    
}

/** CUSTOM LOADER **/
.lds-spinner {
    color: official;
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
  }
  .lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
  }
  .lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: #00ffff;
  }
  .lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
  }
  .lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
  }
  .lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
  }
  .lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
  }
  .lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
  }
  .lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
  }
  .lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
  }
  .lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
  }
  .lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
  }
  .lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
  }
  .lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
  }
  .lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
  }
  @keyframes lds-spinner {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }