.games-wrap.item.game_item{ 
	background-image: url(../images/ajax-loader-white.svg);  
	background-repeat:no-repeat;
	background-position:center center; 
	max-height:200px
}

/*

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

*/ 

#game-categories{  
	width:100%;
	padding-top:160px; 
	display:block;
	color:#fff;
	min-height: 85vh;
	
} 

h4.nothing-found{
	display:block;
	text-align:center;
	width:100%;
	font-size:2em
}
 

#games-category-lobby{  
	width:100%;
	min-height:200px; 
	margin-right: 0;
	margin-left: 0;
} 
 
@media only screen and (max-width: 1200px){
	
	#games-category-lobby .games-wrap.item.game_item{
		overflow:hidden
	}
 
	#games-category-lobby .games-wrap.item.game_item img {
		width: 100%;
		height: auto
	}
}

#games_page_top{
	display:block;
	width:100%; 
}

#games_page_top .category__title{
	text-transform:uppercase;
	display:block;
	width:100%;
	clear:both;
	text-align:center;
	margin-bottom:30px;
	
	font-size: 32px;
	font-weight: 900;
	color: #fff;
	text-transform: uppercase;
}


/* ----------------- LIST PROVIDERS CONTAINER ---------------------------------- */

.list_providers_container{ 
	position:relative;
	z-index:1;
	display:block;
	max-width:1100px
}

.list_providers_container .ex{
	position:absolute;
	top:0;
	
	background: rgba(24, 19, 43, .9) /* var( --dark ) */ /* #1d1c30 */;
	box-shadow:0 0 12px rgba(0,0,0,.7);
	/*
	display:block;
	opacity:0;
	visibility:hidden;
	*/
	display:none;
	padding:10px
}

.list_providers_container.open .ex{
	display:block   
	/*animation: list_providers_open 0.3s cubic-bezier(.8, 0, 1, 1) forwards;
	transform-origin: top center; */
}
/*
@keyframes list_providers_open {
	from { 
		opacity:0;
		visibility:hidden;
		transform: scale(.9,.9) 
	}
	to { 
		opacity:1;
		visibility:visible;
		transform: scale(1,1)
	}
}*/

.list_providers_container.close .ex{
	display:none 
	/*animation: list_providers_close 0.3s cubic-bezier(.8, 0, 1, 1) forwards;
	transform-origin: top center; */
}
/*
@keyframes list_providers_close {
	from {
		opacity:1;
		visibility:visible;
		transform:scale(1,1) 
	}
	to { 
		opacity:0;
		visibility:hidden;
		transform:scale(.97,.97)
	}
}
*/
.list_providers_container .__closse{
	display:none !important;
	float: right;
	position:absolute;
	top: -6px;
	right:3px;
	display:block;
	margin:0;
	width:40px;
	height:40px;
	margin:10px 0 0 10px;
	color:#fff; font-size:30px; cursor:pointer;
	transform:scale(.9,.9)
	
}

.list_providers_container .__closse:hover{
	transform:scale(1,1)
}

.list_providers_container ul.list_providers{ 
	display:block;
	margin-bottom:0; 
	padding:10px;
}

ul.list_providers li.hover-animated::after{
	display:none !important
}

ul.list_providers,
ul.list_providers li{
	list-style:none;
	float:left
}

ul.list_providers li{
	float:left;
	padding:2px 15px; 
}
ul.list_providers li a{ 
	display:block;
	opacity:.5;
	position:relative;
	text-transform:capitalize;
	color:#fff;
}

ul.list_providers li a:hover{ 
	opacity:1;
}

#list_providers_container_combo .ex ul{
	width:100% 
}

#list_providers_container_combo .ex button{ 
 	position:absolute;
	bottom:20px;
	right:20px
}

.__btn.color{
	background: linear-gradient(180deg, #25CF69 0%, #0B7E51 100%);
	filter: drop-shadow(0px 0px 20px rgba(33, 195, 101, 0.6));
 	
	display:inline-block;
	height:30px;
	line-height:30px;
	padding:0 18px;
	margin:0;
 	
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	text-align:center;
	
	border-radius: 5px; 
	
	-webkit-transition: all 0.3s cubic-bezier(0,1.01,.78,1.03);
	   -moz-transition: all 0.3s cubic-bezier(0,1.01,.78,1.03);
	    -ms-transition: all 0.3s cubic-bezier(0,1.01,.78,1.03);
	     -o-transition: all 0.3s cubic-bezier(0,1.01,.78,1.03);
	        transition: all 0.3s cubic-bezier(0,1.01,.78,1.03);
}

.__btn.color:hover{ 
	padding-left:26px;
	padding-right:26px;
	transform:translateX(9px);
	border-radius: 15px; 
}

#list_providers_container_combo li{
	padding:0 0 2px 5px;
	width:200px
}

#list_providers_container_combo .list_providers{ 
	padding-top:15px; 
	margin-bottom:25px 
}

 
/*
*************************************************************************************************************
*************************************************************************************************************
************************************************************************************************************* ajax-search-cnt
*************************************************************************************************************
*************************************************************************************************************
*/
 
.games_page_search_form > form#searchform{
	display:block;
	 
	background-color: #2a2440;
	border-radius: 100px;
	border: 1px solid #4b3e63;

	display:block;
	height:40px;
	width:100%;
	max-width:360px;
	padding:0;
	margin:0 auto 30px auto;
	float:right;
	position:relative;
	overflow:hidden;  
}

 
.games_page_search_form form#searchform #searchsubmit{
 
	color:#edc244  !important;
	background:none !important;
	border:none !important;
	padding:0;
	margin:0;
	display:block;
	height:100%;
	width:60px;
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
	
	font-size:25px
}
/* 
.games_page_search_form form#searchform #searchsubmit:hover{
	opacity:1 
}*/
/*
.col__ {
	border:solid 1px red
}

 */
.games_page_search_form form#searchform .input-search{
	width:100%;
	max-width:calc( 100% - 40px );
	height:40px;
	line-height:40px;
	padding:0 0 0 15px;
	margin:0;
	position:absolute;
	left:0;
	top:0;
	background:none !important;
	border:none !important;
	color:#fff !important;
	box-shadow:none !important;
	font-size: 15px;
}


#ajax-search-cnt{ 
	position:relative
}

#livesearch {
	display:none;
	position: absolute;
	z-index:2;
	/*z-index: 999999;*/
	min-height: 40px;
	max-height:90vh;
	width: 100%;
 
	overflow: auto;
	padding:60px 10px 8px 10px;
	margin: 0;
 
	top:calc(100% - 30px);
	right: 0;
	width: 100%;
	max-width:360px;
	
	background-color: rgba(24, 19, 43, 1);
	border-radius: 15px;
	border: 1px solid #4b3e63;
}

#livesearch.show,
#livesearch .res {
	display: block
}

#livesearch.loading .res{
	display:none
}

#livesearch a.pop_close{
	z-index:99998; 
	position:absolute; 
	top:10px; right:10px; 
	color:#fff; 
	font-size:30px; 
	cursor:pointer;
	opacity:.5 
}

#livesearch a.pop_close:hover{
	opacity:1
}

#livesearch .ajax_search_result div{
	display:block;
	background-color:rgba(0,0,0,.25)
}

#livesearch .ajax_search_result a.aj-res{ 
	display:block;
	margin:0 0 8px 0;
	padding:2px
}

#livesearch .ajax_search_result a.aj-res .aj-coll{
	float:left;
	margin:0;
	padding:0;
	display: flex;
	align-items: center;
	justify-content: center;
	height:67px 
}

#livesearch .ajax_search_result a.aj-res figure.aj-coll{
	display:block;
	width:100px;
	height:auto;
	position:relative
}

#livesearch .ajax_search_result a.aj-res figure.aj-coll > img{
	display:block;
	max-width:100%;
	height:auto;
	position:relative
}

#livesearch .ajax_search_result a.aj-res:hover figure.aj-coll > img{
	transform:scale(1.1,1.1)
}

#livesearch .ajax_search_result a.aj-res p.aj-coll{
	width:calc( 100% - 100px )
}

#livesearch .ajax_search_result a.aj-res p.aj-coll span{
	display:block;
	width:100%;
	text-align:left;
	padding-left:10px
	
}
 
/*
*************************************************************************************************************
*************************************************************************************************************
************************************************************************************************************* ajax-search-cnt
*************************************************************************************************************
*************************************************************************************************************
*/






















/*

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

*/

 



/*----------------------------------------------------------------------------------------------------------------------------------- from file */
.forms.list_providers label {
	padding-left: 8px !important;
	text-transform: capitalize
}

/* ---------------------------------------------------------------------------- /hack forms */

.forms.list_providers [type="radio"]:not(:checked) + label::after,
.forms.list_providers [type="checkbox"]:not(:checked) + label::after {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

.forms.list_providers [type="radio"]:checked + label::after,
.forms.list_providers [type="radio"]:not(:checked) + label::after,
.forms.list_providers [type="checkbox"]:checked + label::after,
.forms.list_providers [type="checkbox"]:not(:checked) + label::after {
	display: none;
}

.forms.list_providers [type="radio"]:checked + label::before,
.forms.list_providers [type="radio"]:not(:checked) + label::before,
.forms.list_providers [type="checkbox"]:checked + label::before,
.forms.list_providers [type="checkbox"]:not(:checked) + label::before {
	display: none;
}

.forms.list_providers [type="radio"]:checked + label:last-child,
.forms.list_providers [type="radio"]:not(:checked) + label:last-child,
.forms.list_providers [type="checkbox"]:checked + label:last-child,
.forms.list_providers [type="checkbox"]:not(:checked) + label:last-child {
	margin-bottom: 0;
}

.forms.list_providers [type="radio"]:checked + label,
.forms.list_providers [type="radio"]:not(:checked) + label,
.forms.list_providers [type="checkbox"]:checked + label,
.forms.list_providers [type="checkbox"]:not(:checked) + label {
	position: static !important;
	padding-left: inherit;
	cursor: pointer; 
	display: inline-block;
	color: #fff;
	margin-bottom: 0;
}
/* ---------------------------------------------------------------------------- /hack forms */

.list_providers_container .ex ul li.current-menu-item a {
	opacity: 1 !important
}

.list_providers_container .ex ul li.current-menu-item a:after {
	transform: scaleX(1) !important;
	opacity: 1 !important
}

.list_providers_container .ex ul li a.active,
.list_providers_container .ex ul li a.active:after {
	opacity: 1 !important;
	transform: scaleX(1) !important
}

#list_providers_container_combo .ex {
	/*background-color: #2A264D*/
}

#game_lendth_info {
	position: fixed;
	left: 50%;
	bottom: 60px;
	transform: translateX(-50%);
	display: none;
	float: left;
	padding: 5px 15px;
	margin: 0;
	background: red;
	color: #fff;
	z-index: 999999
}

.games-category__container .item {
	animation: res_srch 0.6s ease-in-out forwards;
}
 
#games_page_top .button-group.no-gaps .button{
	margin:0 15px 15px 0;
	-webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

#games_page_top .button-group.no-gaps .clear.button{
	background:none;
	width:auto;
	min-width:inherit
}

/*

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

*/ 

#_game_pagination{
	position:fixed;
	left:0;
	bottom:0;
	display:block;
	text-align:center;
	width:100%;
	padding:0 20px 10px 20px;
	background:rgba(0,0,0,.7);
	transform:scaleY(0);
	opacity:0;
	transform-origin: bottom 
}

@media only screen and ( min-width: 768px ) {
	#_game_pagination.vis{
		transform:scaleY(1);
		opacity:1
	}
}


#_game_pagination ul{
	display:inline-block;
	margin:0 auto 5px;
	padding:0; 
}

#_game_pagination ul li{
	display:block;
	float:left;
	padding:0;
	margin: 0 0 5px 0;
	padding:0 16px;
	line-height: 1;
	position:relative 
}

#_game_pagination li::before{
	content:'';
	position:absolute;
	right:0;
	top:0;
	display:block;
	width:1px;
	height:100%;
	background:#fff;
	opacity:.7
}

#_game_pagination li:last-child::before{
	display:none
}

#_game_pagination a{
	color:#fff;
	font-size:.85rem;
	line-height: 1;
	opacity:.7;
	/*position:0;*/
	padding:0;
	margin:0
}

#_game_pagination a:hover,
#_game_pagination a.active{
	opacity:1
}