@font-face {
	font-family: prompt-regular;
	src: url('../font/prompt-regular.ttf');
}

@font-face {
   font-family: prompt-light;
   src: url('../font/prompt-light.ttf');
}

@font-face {
   font-family: prompt-medium;
   src: url('../font/prompt-medium.ttf');
}

.img-responsive {
	/* width:100%; */
}

.font-weight-lighter {
   font-family: prompt-light !important;
   font-weight: normal !important
}

.font-weight-normal {
   font-family: prompt-regular !important;
   font-weight: normal !important;
}

.font-weight-bold {
   font-family: prompt-medium !important;
   font-weight: normal !important;
}

.font-bold {
   font-weight: bold !important;
}

.btn-danger {
   background: #d9534e;
   font-size: 1.1em;
   font-weight: bold;
   padding:3px 3px;
}

.btn-success {
   background: #3ed78d;
   font-size: 1.1em;
   font-weight: bolder;
   padding:3px 3px;
}

.btn-secondary {
	background: #18202D;
}

.text-gold {
	color:#ffea77;
}

.text-gray {
	color:#B5B5B5;
}

body {
	background: #141414;
   background-attachment: fixed;
   font-size: 1.2em;
}

header .sidebar-right img {
	max-width: 33px;
}

body > div.sidebar-right {
	background: #ff1011;
	background: -moz-linear-gradient(-45deg, #ff1011 0%, #501212 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, #ff1011), color-stop(100%, #501212));
	background: -webkit-linear-gradient(-45deg, #ff1011 0%, #501212 100%);
	background: -o-linear-gradient(-45deg, #ff1011 0%, #501212 100%);
	background: -ms-linear-gradient(-45deg, #ff1011 0%, #501212 100%);
	background: linear-gradient(135deg, #ff1011 0%, #501212 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1011', endColorstr='#501212', GradientType=1 );

	box-shadow: 0px 0px 12px 10px rgba(0,0,0,0.4);
	padding-top:0px !important;
	z-index:999;
}

body > div.sidebar-right ul li {
	display:flex;
}

body > div.sidebar-right ul li div {
	display:flex;
	justify-content: flex-start;
	align-content: center;
}

body > div.sidebar-right ul li img {
	max-width: 25px;
}

body > div.sidebar-right ul li div label {
	font-size:1em;
	padding:2px 0px;
}

body > div.sidebar-right ul li div.sidebar-icon-home {
	background: url('../img/sidebar_home_gray.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li a:hover > div > div.sidebar-icon-home ,
body > div.sidebar-right ul li a:active > div > div.sidebar-icon-home ,
body > div.sidebar-right ul li a:focus > div > div.sidebar-icon-home {
	background: url('../img/sidebar_home_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}
body > div.sidebar-right ul li a.active > div > div.sidebar-icon-home {
	background: url('../img/sidebar_home_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li a:hover ,
body > div.sidebar-right ul li a:hover ,
body > div.sidebar-right ul li a:hover {
	background: #272626;
}

body > div.sidebar-right ul li a {
   padding: 0.2em 0px;
}

body > div.sidebar-right ul li a.active {
	background: #272626;
}

body > div.sidebar-right ul li a.active > div > label {
	color: #ff1011;
}

body > div.sidebar-right ul li a:hover > div > label ,
body > div.sidebar-right ul li a:active > div > label ,
body > div.sidebar-right ul li a:focus > div > label  {
	background: #272626;
	color: #ff1011;
}

body > div.sidebar-right ul li div.sidebar-icon-deposit {
	background: url('../img/sidebar_deposit_gray.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li a:hover > div > div.sidebar-icon-deposit ,
body > div.sidebar-right ul li a:active > div > div.sidebar-icon-deposit ,
body > div.sidebar-right ul li a:focus > div > div.sidebar-icon-deposit {
	background: url('../img/sidebar_deposit_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}
body > div.sidebar-right ul li a.active > div > div.sidebar-icon-deposit {
	background: url('../img/sidebar_deposit_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}


body > div.sidebar-right ul li div.sidebar-icon-withdraw {
	background: url('../img/sidebar_withdraw_gray.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li a:hover > div > div.sidebar-icon-withdraw ,
body > div.sidebar-right ul li a:active > div > div.sidebar-icon-withdraw ,
body > div.sidebar-right ul li a:focus > div > div.sidebar-icon-withdraw {
	background: url('../img/sidebar_withdraw_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}
body > div.sidebar-right ul li a.active > div > div.sidebar-icon-withdraw {
	background: url('../img/sidebar_withdraw_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li div.sidebar-icon-history {
	background: url('../img/sidebar_history_gray.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li a:hover > div > div.sidebar-icon-history ,
body > div.sidebar-right ul li a:active > div > div.sidebar-icon-history ,
body > div.sidebar-right ul li a:focus > div > div.sidebar-icon-history {
	background: url('../img/sidebar_history_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}
body > div.sidebar-right ul li a.active > div > div.sidebar-icon-history {
	background: url('../img/sidebar_history_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li div.sidebar-icon-treasure-link {
	background: url('../img/sidebar_treasure_link_gray.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li a:hover > div > div.sidebar-icon-treasure-link ,
body > div.sidebar-right ul li a:active > div > div.sidebar-icon-treasure-link ,
body > div.sidebar-right ul li a:focus > div > div.sidebar-icon-treasure-link {
	background: url('../img/sidebar_treasure_link_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}
body > div.sidebar-right ul li a.active > div > div.sidebar-icon-treasure-link {
	background: url('../img/sidebar_treasure_link_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li div.sidebar-icon-sport {
	background: url('../img/sidebar_sport_gray.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li a:hover > div > div.sidebar-icon-sport ,
body > div.sidebar-right ul li a:active > div > div.sidebar-icon-sport ,
body > div.sidebar-right ul li a:focus > div > div.sidebar-icon-sport {
	background: url('../img/sidebar_sport_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}
body > div.sidebar-right ul li a.active > div > div.sidebar-icon-sport {
	background: url('../img/sidebar_sport_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li div.sidebar-icon-casino {
	background: url('../img/sidebar_casino_gray.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li a:hover > div > div.sidebar-icon-casino ,
body > div.sidebar-right ul li a:active > div > div.sidebar-icon-casino ,
body > div.sidebar-right ul li a:focus > div > div.sidebar-icon-casino {
	background: url('../img/sidebar_casino_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}
body > div.sidebar-right ul li a.active > div > div.sidebar-icon-casino {
	background: url('../img/sidebar_casino_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li div.sidebar-icon-slot {
	background: url('../img/sidebar_slot_gray.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li a:hover > div > div.sidebar-icon-slot ,
body > div.sidebar-right ul li a:active > div > div.sidebar-icon-slot ,
body > div.sidebar-right ul li a:focus > div > div.sidebar-icon-slot {
	background: url('../img/sidebar_slot_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}
body > div.sidebar-right ul li a.active > div > div.sidebar-icon-slot {
	background: url('../img/sidebar_slot_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li div.sidebar-icon-cards {
	background: url('../img/sidebar_cards_gray.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li a:hover > div > div.sidebar-icon-cards ,
body > div.sidebar-right ul li a:active > div > div.sidebar-icon-cards ,
body > div.sidebar-right ul li a:focus > div > div.sidebar-icon-cards {
	background: url('../img/sidebar_cards_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}
body > div.sidebar-right ul li a.active > div > div.sidebar-icon-cards {
	background: url('../img/sidebar_cards_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li div.sidebar-icon-lotte {
	background: url('../img/sidebar_lotte_gray.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li a:hover > div > div.sidebar-icon-lotte ,
body > div.sidebar-right ul li a:active > div > div.sidebar-icon-lotte ,
body > div.sidebar-right ul li a:focus > div > div.sidebar-icon-lotte {
	background: url('../img/sidebar_lotte_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}
body > div.sidebar-right ul li a.active > div > div.sidebar-icon-lotte {
	background: url('../img/sidebar_lotte_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li div.sidebar-icon-account {
	background: url('../img/sidebar_account_gray.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li a:hover > div > div.sidebar-icon-account ,
body > div.sidebar-right ul li a:active > div > div.sidebar-icon-account ,
body > div.sidebar-right ul li a:focus > div > div.sidebar-icon-account {
	background: url('../img/sidebar_account_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}
body > div.sidebar-right ul li a.active > div > div.sidebar-icon-account {
	background: url('../img/sidebar_account_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li div.sidebar-icon-chgpass {
	background: url('../img/sidebar_chgpass_gray.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li a:hover > div > div.sidebar-icon-chgpass ,
body > div.sidebar-right ul li a:active > div > div.sidebar-icon-chgpass ,
body > div.sidebar-right ul li a:focus > div > div.sidebar-icon-chgpass {
	background: url('../img/sidebar_chgpass_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}
body > div.sidebar-right ul li a.active > div > div.sidebar-icon-chgpass {
	background: url('../img/sidebar_chgpass_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li div.sidebar-icon-logout {
	background: url('../img/sidebar_logout_gray.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li a:hover > div > div.sidebar-icon-logout ,
body > div.sidebar-right ul li a:active > div > div.sidebar-icon-logout ,
body > div.sidebar-right ul li a:focus > div > div.sidebar-icon-logout {
	background: url('../img/sidebar_logout_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}
body > div.sidebar-right ul li a.active > div > div.sidebar-icon-logout {
	background: url('../img/sidebar_logout_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

.header-nav-logo {
	max-width:160px;
}

.header-nav-icon {
	max-width:30px;
}

.header-nav-icon img {
	max-width:23px;
}

.header-nav-icon label {
	font-size: 0.7em;
   line-height: 1.1em;
   font-weight: bold;
}

footer.navbar-fixed {
	position: fixed;
	bottom:0;
	left:0;
   z-index: 9;
}

footer > .nav-footer {
	/* background: linear-gradient(to top,#131926 0%,#1C2743 100%);;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px; */
}

footer ul.nav-bottom-bar li a {
	display:flex;
	flex-direction: column;
   justify-content: space-around;
	/*justify-content: flex-end;*/
	align-items: center;
	height: 100%;
   padding: 0.3em 0.3em !important;
}

footer ul.nav-bottom-bar li a img {
	max-width: 31px;
   height: 31px;
}

footer ul.nav-bottom-bar li:nth-child(3) a:first-child {

	/*background: rgba(86,100,135,1);*/
	/*background: -moz-linear-gradient(-45deg, rgba(86,100,135,1) 0%, rgba(43,40,67,1) 100%);*/
	/*background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(86,100,135,1)), color-stop(100%, rgba(43,40,67,1)));*/
	/*background: -webkit-linear-gradient(-45deg, rgba(86,100,135,1) 0%, rgba(43,40,67,1) 100%);*/
	/*background: -o-linear-gradient(-45deg, rgba(86,100,135,1) 0%, rgba(43,40,67,1) 100%);*/
	/*background: -ms-linear-gradient(-45deg, rgba(86,100,135,1) 0%, rgba(43,40,67,1) 100%);*/
	/*background: linear-gradient(135deg, rgba(86,100,135,1) 0%, rgba(43,40,67,1) 100%);*/
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#566487', endColorstr='#2b2843', GradientType=1 );*/

	/*border-radius: 50%;*/
    width: 70px;
    height: 70px;
	position: relative;
	top:-15px;
	padding: 15px 0px !important;
	max-width:77px;
	margin:0 auto;
	/*box-shadow: 0px 2px 9px 1px rgba(0,0,0,0.4);*/
	/*border:3px solid #999da9;*/
}

footer ul.nav-bottom-bar li:nth-child(3) a.logo-modifiled:first-child {
	background:transparent;
	box-shadow: unset;
}

footer ul.nav-bottom-bar li:nth-child(3) a:first-child img {
   max-width: 40px;
   width: 40px;
   height: auto;
}

footer ul.nav-bottom-bar li:nth-child(3) a.logo-modifiled:first-child img {
	max-width: 80px;
   	width: 80px;
}

footer ul.nav-bottom-bar li:nth-child(3) a:second-child img {
   opacity: 0;
}

footer ul.nav-bottom-bar li a label {
	font-size: 0.93em;
	color:white;
	margin-bottom: 0px;
   white-space: nowrap;
   font-weight: 900;
}

.text-black {
   color:black !important;
}

.full-width {
   width:100%;
}

.full-height {
   height:100%;
}

.box-shadow-unset {
   box-shadow: unset;
}

.font-2-0 {
   font-size: 2.0em !important;
}

.font-1-9 {
   font-size: 1.9em !important;
}

.font-1-8 {
   font-size: 1.8em !important;
}

.font-1-7 {
   font-size: 1.7em !important;
}

.font-1-6 {
   font-size: 1.6em !important;
}

.font-1-5 {
   font-size: 1.5em !important;
}

.font-1-4 {
   font-size: 1.4em !important;
}

.font-1-3 {
   font-size: 1.3em !important;
}

.font-1-2 {
   font-size: 1.2em !important;
}

.font-1-1 {
   font-size: 1.1em !important;
}

.font-1-0 {
   font-size: 1em !important;
}

.font-0-9 {
   font-size: 0.9em !important;
}

.font-0-8 {
   font-size: 0.8em !important;
}

.font-0-7 {
   font-size: 0.7em !important;
}

.font-0-6 {
   font-size: 0.6em !important;
}

.font-0-5 {
   font-size: 0.5em !important;
}

.line-height-1-5 {
   line-height: 1.5em !important;
}

.line-height-1-4 {
   line-height: 1.4em !important;
}

.line-height-1-3 {
   line-height: 1.3em !important;
}

.line-height-1-2 {
   line-height: 1.2em !important;
}

.line-height-1-1 {
   line-height: 1.1em !important;
}

.line-height-1-0 {
   line-height: 1.0em !important;
}

.line-height-0-9 {
   line-height: 0.9em !important;
}

.line-height-0-8 {
   line-height: 0.8em !important;
}

.line-height-0-7 {
   line-height: 0.7em !important;
}

.line-height-0-6 {
   line-height: 0.6em !important;
}

.line-height-0-5 {
   line-height: 0.5em !important;
}

.font-inherit {
   font-family: inherit;
}

.text-shadow {
   text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
}

.text-golden {
  color: #ff1011 !important;
}

@media ( min-width: 321px ) {
	.header-nav-logo {
		max-width: 200px;
	}
}