@font-face {
  font-family: dollydots;
  src: url(https://petir77.xyz/rp77/dollydots.ttf);
}
.header { background:none; }
.clearfix { margin-top:30px; }
.logo-img { min-width:210px; min-height: 75px; max-width:210px; max-height: 75px;}
.logo { min-width:260px; min-height: 75px; max-height: 95px;}
.navbar-fixed { min-height: 85px; }
.newsInfo { background:linear-gradient(45deg, #000, #0f0032); height: 20px;  box-shadow:0 2px 10px #000; padding:0px 0px; color:#AAA; line-height: 20px;}
.newsInfo .icon-speaker, .newsInfo .marquee, .newsInfo i { max-height:20px; color:#AAA; font-size:12px; line-height: 20px; }
.index-body, .wrapper, .navbar-fixed, .user-view { background:URL(https://petir77.xyz/rp77/background.jpg) no-repeat top center fixed; background-size:cover; }
#gameListMenu li a i {box-shadow:0 1px 10px #000; filter: drop-shadow(2px 2px 2px #000);  border-radius: 10px; }
.nav-link i {filter: drop-shadow(2px 2px 2px #000); margin-right:0px;}
.navbar [class^="icon_"]::after {background: linear-gradient(160deg, #a54e07, #b47e11, #fef1a2, #bc881b, #a54e07); z-index: 300;}
.nav-link {box-shadow:0 1px 10px #000; font-weight: bold; border-radius: 10px; }
.item a.nav-link {max-width:75px;}
.nav_name, .nav-link>span { color: #fff; text-shadow: 2px 2px #000; }
.futuristic, .game-front-wrapper, .main-header-title, .page-header-title, .modal-header, .logo_wrap { background:URL(https://petir77.xyz/rp77/menu.jpg) center; box-shadow:0 2px 10px #000; }
.subnavbar { background: #836d08; }
.bottom-nav-bar { background:URL(https://petir77.xyz/rp77/menu.jpg) top; box-shadow:0 2px 10px #000; }
h1, h2, h3, h4 { color:#FFF; text-shadow: 2px 2px #000; }
.bottom-nav-bar ul li a i, .bottom-nav-bar ul li a {filter: drop-shadow(2px 2px 2px #000); text-shadow: 2px 2px #000;}
.bottom-nav-bar a.active { color:#f4ff53; }
.btn-account { height: 50px;}
.title { border-color:#790084;}
.active{ color:#fff; }
.game-item-tabs li a.active, .nav-item a.active {
	background: linear-gradient(45deg, #000, #d49c38, #000);
	text-align: center;
	text-shadow: 1px 1px #666;
	color:#fff;
}
.game-group-front .nav-link>i { margin: none; margin-left:-10px; scale:100%; }

.btn-secondary-primary, .bttn-login, .btn-default, .btn-grey, .btn-primary, .promotions-category a.active {
  display: inline-block;
  outline: none;
  font-family: inherit;
  font-size: 1em;
  box-sizing: border-box;
  border: none;
  border-radius: .3em;
  height: 2.75em;
  line-height: 2.5em;
  text-transform: uppercase;
  padding: 0 1em;
  box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(110,80,20,.4),
              inset 0 -2px 5px 1px rgba(139,66,8,1),
              inset 0 -1px 1px 3px rgba(250,227,133,1);
  background-image: linear-gradient(160deg, #a54e07, #b47e11, #fef1a2, #bc881b, #a54e07);
  border: 1px solid #a55d07;
  color: #432c00;
  font-weight:bold;
  text-shadow: 0 2px 2px rgba(250, 227, 133, 1);
  cursor: pointer;
  transition: all .2s ease-in-out;
  background-size: 100% 100%;
  background-position:center;
z-index:9999;
}

.btn-grey:focus,
.btn-grey:hover, 
.btn-primary:focus,
.btn-primary:hover,
.btn-secondary-primary:focus, 
.btn-secondary-primary:hover, 
.btn-default:focus,
.btn-default:hover,
.bttn-login:focus,
.bttn-login:hover {
  background-size: 150% 150%;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23),
                inset 0 -2px 5px 1px #b17d10,
                inset 0 -1px 1px 3px rgba(250,227,133,1);
  border: 1px solid rgba(165,93,7,.6);
  color: rgba(120,50,5,.8);
}
.btn-grey:active ,.btn-primary:active ,.btn-secondary-primary:active ,.btn-default:active, .bttn-login:active {
  box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(110,80,20,.4),
              inset 0 -2px 5px 1px #b17d10,
                inset 0 -1px 1px 3px rgba(250,227,133,1);
}

.bttn-register, .btn-join {
  display: inline-block;
  outline: none;
  font-family: inherit;
  font-size: 1em;
  box-sizing: border-box;
  border: none;
  border-radius: .3em;
  height: 2.75em;
  line-height: 2.5em;
  text-transform: uppercase;
  padding: 0 1em;
  box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,0.23),
              inset 0 -2px 5px 1px #8b0808,
              inset 0 -1px 1px 3px #fa7171;
  background-image: linear-gradient(160deg, #a50707, #b41111, #fea2a2, #bc1b1b, #a50707);
  border: 1px solid #a50707;
  color: #432c00;
  font-weight:bold;
  text-shadow: 0 2px 2px #ff8585;
  cursor: pointer;
  transition: all .2s ease-in-out;
  background-size: 100% 100%;
  background-position:center;
}

.bttn-register:focus,
.bttn-register:hover, 
.btn-join:focus,
.btn-join:hover {
  background-size: 150% 150%;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23),
                inset 0 -2px 5px 1px #b17d10,
                inset 0 -1px 1px 3px #fa7171;
  border: 1px solid rgba(165,93,7,.6);
  color: rgba(120,50,5,.8);
}
.bttn-register:active, .btn-join:active {
  box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(110,80,20,.4),
              inset 0 -2px 5px 1px #b17d10,
                inset 0 -1px 1px 3px #fa7171;
}

.side-nav a.btn {
   color: #432c00;	
}
.side-nav a {
   display: inline-block;
   font-size: 1em;
   padding: 0 5px;
   letter-spacing: 0;
}
.provider-group { padding:none; margin:none; margin-top:1px; }
.jpbg {
	left:0;
	position: absolute;
	width: 99%;
	max-height: 77px;
	height:76px;
	background: linear-gradient(45deg, #fef89c,orange,#fcec88);
	filter: blur(50px);
	background-size: 400%;
    border-radius: 10px;
	animation: steam 20s linear infinite;
}
.jackpot-wrapper { 
    margin: auto;
	margin-top:10px;
	padding-top: 10px;
	height:76px; max-height:77px;
background: linear-gradient(45deg, #000, #6d3d12) padding-box, linear-gradient(45deg, #fef89c,orange,#fcec88) border-box;
  border: 5px solid transparent;
  border-radius: 10px;
}
#jackpot {
	font-family: dollydots;
	color:#fffabe;
}
.jackpot-wrapper span { z-index: 7;text-shadow: 2px 2px #000; max-width: 94%; border-radius: 10px;}
.progressive-jackpot { padding:0 18px;} 
.progressive-jackpot > h2 {
  box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(110,80,20,.4),
              inset 0 -2px 5px 1px rgba(139,66,8,1),
              inset 0 -1px 1px 3px rgba(250,227,133,1);
  background-image: linear-gradient(15deg, #b47e11, #fef1a2, #bc881b);
  border: 1px solid #a55d07;
  color: #432c00;
  text-shadow: none;
  margin-top: -10px;
}

@keyframes steam {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: 400% 0;
	}
	100% {
		background-position: 0 0;
	}
}


.bank, .supported-bank>.bank {
  background: linear-gradient(45deg, #000, #6d3d12) padding-box,
    linear-gradient(45deg, #fef89c,orange,#fcec88) border-box;
  border: 3px solid transparent;
  border-radius: 10px;
  text-align: center;
  min-height: 45px;
}
.provider-item-list li {
	background: linear-gradient(45deg, #000, #d49c38);
}
.futuristic .icon-menu-wrapper{ 
	background:linear-gradient(90deg,#000 0, #d49c38 50%,rgb(255,195,80,.5) 100%);
}
.owl-item .item { max-width:1111px; max-height:554px; margin: 0 auto; }
.mini-banner { margin-top:10px; margin-bottom:10px;}
#PopupBanner { height:320px; background:#333; }
.modal-content { height:95%; }
.close-modal span { color:#AAA; }
.modal-body { padding:0px; margin-top:0px; }
#PopupBanner .modal-body { margin-top:0px; }
.conlist { color:#000; }