@import url(../../fonts/feather/style.min.css);
@import url(../../fonts/line-awesome/css/line-awesome.min.css);
body{
	image-rendering:pixelated;
	background-color:#fff!important; /* dbdbdb */
	font-family:Quicksand,Georgia,'Times New Roman',Times,serif!important
}
.jumbotron__header{

	height:210px; /* 150px */
	position:relative;

	background:
		/* url('https://i.imgur.com/BrWcHF6.png') left -300px, */  /* header.png */
		url('../../images/newstyle/subtle.png');
		

	background-repeat: no-repeat;

	/*background-position: left -160px top; */
	background-size:cover;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
.jumbotron__header:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0
}

#h43 {
	/*position: absolute;*/
	width: 21px;
	height: 26px;
	right: 19px;
	top: 13px;
	background: url('../../images/newstyle/pagetemplate.png?4g4g') -47px -137px;
}

.navbar .navbar-nav li{
	line-height:1.8;
	border-bottom:2px solid transparent
}
.navbar .navbar-nav .active{
	border-bottom:2px solid #0a72e8
}
.navbar .navbar-nav .active>.nav-link{
	background-color:transparent;
	color:#0a72e8!important
}
.navbar .dropdown .la-angle-down{
	transition:transform .3s
}
.navbar .dropdown.show .la-angle-down{
	transform:rotate(180deg)
}
.navbar .dropdown .dropdown-item.active{
	border-bottom:0;
	background-color:#0a72e8
}
.navbar .dropdown .dropdown-item.active{
	color:#fff!important
}
.new__body{
	width:100%;
	min-height:220px;
	max-height:220px;
	height:100%
}
.banner__heading{
	background-color:#fff;
	padding:15px;
	text-align:center;
	min-height:55px;
	position:relative;
	transition:padding .4s ease 0s
}
.banner__heading:before{
	background-color:#fff;
	filter:drop-shadow(0 2px 0 rgba(0, 0, 0, .1));
	border-bottom-left-radius:50%;
	border-bottom-right-radius:50%;
	width:100%;
	height:12px;
	display:block;
	content:"";
	position:absolute;
	left:0;
	bottom:-12px
}
.new__body:hover .banner__heading{
	padding:20px
}
.banner__heading h2{
	font-weight:500;
	font-size:16px
}
.display__mobile{
	display:flex!important
}
@media (min-width:768px){
	.display__mobile{
		display:none!important
	}
}
@media (max-width:768px){
	.nav-item .la-angle-down{
		display:none!important
	}
}
.staff-container{
	box-shadow:0 0 10px rgba(0,0,0,.1) inset;
	background:url('../../images/newstyle/figure-staff.png') center;
	min-height:150px;
	max-height:150px;
	height:100%
}
.figure__user-staff{
	min-height:128px;
	max-height:128px;
	height:100%;
	width:100%;
	background-position:center top 30%;
	background-repeat:no-repeat
}
.figure__user{
	min-height:190px;
	max-height:190px;
	height:100%;
	width:100%;
	-webkit-filter:drop-shadow(2px 0 0 #fff) drop-shadow(-2px 2px 0 #fff) drop-shadow(0 -2px 0 #fff);
	background-position:center top 30%;
	background-repeat:no-repeat
}
.staff-card{
	box-shadow:0 0 5px rgba(0,0,0,.1) inset;
	word-wrap:break-word;
	background-color:#eaeaea;
	min-height:150px;
	max-height:150px;
	overflow:hidden;
	height:100%
}
.staff-card .card-title{
	position:absolute;
	color:#fff
}
.staff-card .card-body{
	padding-top:75px;
	position:absolute;
	color:#fff
}
.card__player{
	border-top-left-radius:25%;
	background-image:url('../../images/newstyle/1549301592.png');
	background-size:cover
}
@media (max-width:768px){
	.card__player{
		border-top-right-radius:25%
	}
	.card__player .card__bottom{
		position:relative!important
	}
	.card__player .card.rounded-right{
		border-radius:0!important
	}
}
.card__player .card__bottom{
	background-color:#fff;
	width:100%;
	min-height:75px;
	max-height:75px;
	height:100%;
	position:absolute;
	bottom:0
}
i.icon__credits{
	width:16px;
	height:16px;
	display:inline-block;
	margin-right:5px;
	background:url('../../images/newstyle/icons/credits.png')
}
i.icon__diamonds{
	width:16px;
	height:16px;
	display:inline-block;
	margin-right:5px;
	background:url('../../images/newstyle/icons/diamonds.png')
}
i.icon__duckets{
	width:16px;
	height:16px;
	display:inline-block;
	margin-right:5px;
	background:url('../../images/newstyle/icons/duckets.png')
}
i.icon__winwin{
	width:17px;
	height:16px;
	display:inline-block;
	margin-right:5px;
	background:url('../../images/newstyle/icons/winwin.png')
}
i.icon__club{
	width:16px;
	height:16px;
	display:inline-block;
	margin-right:5px;
	background:url('../../images/newstyle/icons/club.png')
}
i.icon__vip{
	width:16px;
	height:16px;
	display:inline-block;
	margin-right:5px;
	background:url('../../images/newstyle/icons/vip.png')
}
i.icon__last-login{
	width:19px;
	height:16px;
	display:inline-block;
	margin-right:5px;
	background:url('../../images/newstyle/icons/last_login.png')
}
.card-news:hover{
	animation-name:pulse;
	animation-duration:1s;
	animation-fill-mode:both
}
.card__footer-news{
	min-height:40px;
	max-height:40px;
	padding:10px;
	height:100%;
	width:100%;
	background-color:rgba(0,0,0,.65);
	color:#fff;
	position:absolute;
	left:0
}
.client{
	overflow:hidden
}
.client .client-container{
	position:absolute;
	overflow:hidden;
	width:100%;
	height:100%;
	left:0;
	top:0
}
.client .client-buttons{
	position:absolute;
	width:auto;
	z-index:999999;
	padding:15px;
	left:0;
	top:0
}
.client .client-pages{
	position:absolute;
	z-index:999999
}
#state{
	position:absolute;
	width:10px;
	height:10px;
	top:5px;
	right:5px;
	border-radius:50%;
	padding:0!important;
	display:block!important
}
.bg-gold{
	background-color:#d4af37
}
.bg-silver{
	background-color:#a8a9ad
}
.bg-bronze{
	background-color:#aa7042
}
.bg-light-gray{
	background-color:#f2f2f2
}
.figure__user-ranking{
	background-repeat:no-repeat;
	background-position:center;
	background-color:#eaeaea
}
a.ranking:nth-of-type(1) .figure__user-ranking{
	background-repeat:no-repeat;
	background-position:center;
	background-color:#d4af37
}
a.ranking:nth-of-type(2) .figure__user-ranking{
	background-repeat:no-repeat;
	background-position:center;
	background-color:#a8a9ad
}
a.ranking:nth-of-type(3) .figure__user-ranking{
	background-repeat:no-repeat;
	background-position:center;
	background-color:#aa7042
}
.custom-overflow::-webkit-scrollbar {
	width: 10px
}
.custom-overflow::-webkit-scrollbar-track {
	background: #f1f1f1
}
.custom-overflow::-webkit-scrollbar-thumb {
	background: #888
}
.custom-overflow::-webkit-scrollbar-thumb:hover {
	background: #555
}
#loader-wrapper {
	position: fixed;
	z-index:999998;
	top:0;
	left:0;
	width:100%;
	height:100%
}
#loader {
	background:url('../images/newstyle/logo_box.png') top no-repeat;
	height:104px;
	width:400px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	padding-top:124px;
	image-rendering:pixelated;
	z-index:999999
}
.loading_bar {
	padding:2px;
	height:30px;
	z-index:1001
}
#loader_bar.percent {
	display:block;
	height:100%;
	-webkit-transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	width:2%
}
#loader-wrapper .loader-section {
	position: fixed;
	width: 100%;
	height: 50%;
	z-index: 1000;
	background:#fdcb6e
}
#loader-wrapper .loader-section.section-top {
	top:0;
	left:0;
	right:0
}
#loader-wrapper .loader-section.section-bottom {
	bottom:0;
	left:0;
	right:0
}
.loaded #loader-wrapper .loader-section.section-top {
	-webkit-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	transform:translateY(-100%);
	-webkit-transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1.000)
}
.loaded #loader-wrapper .loader-section.section-bottom {
	-webkit-transform:translateY(100%);
	-ms-transform:translateY(100%);
	transform:translateY(100%);
	-webkit-transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1.000)
}
.loaded #loader {
	opacity:0;
	-webkit-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out
}
.loaded #loader-wrapper {
	visibility:hidden;
	-webkit-transform:translateX(-100%);
	transform:translateX(-100%);
	-webkit-transition:all 0.3s 1s ease-out;
	transition:all 0.3s 1s ease-out
}