.main_casino_banner_area{
    position: relative;
    background-color: #2e2e37;
    overflow: hidden;   
    width: 100%;
    max-width: 2000px;
    margin-top: -20px;       
}       

.main_casino_banner_area .banner_item {
    position: relative;
    height: 0;
    padding-bottom: 25%;
    background-repeat: no-repeat;
    background-size: cover; 
    background-position: center top;
    bottom:0;
    right:0;
}

.main_casino_banner_area .casino_banner_id_311 .banner_item,
.main_casino_banner_area .casino_banner_id_312 .banner_item {
    padding-bottom: 20%;
}

.main_casino_banner_area .mh_banner_pager {
    display:block;
    text-align: center;
    width: 220px;     
    z-index: 150;
    position: absolute;
    bottom: -1px;
    overflow: hidden;   
    background-color: #2e2e37;      
    padding:10px;
    left: 50%;
    margin-left:-120px;    
    -webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);  
}
.main_casino_banner_area .mh_banner_pager span {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    width: 15px;
    height: 15px;
    background-color: #386f6a;
    display: inline-block;
    overflow: hidden;
    text-indent: -999px;
    margin: 3px;
    cursor: pointer;
}

.main_casino_banner_area .mh_banner_pager span.cycle-pager-active {background-color: #42af9c;}


/***************************Casino Sections Menu******************************************/

.main_casino_sections_area{position:relative; width: 100%;  background-color: #2e2e37;}  
.main_casino_sections_container{padding:3px; overflow: hidden;}   
.main_casino_sections_area .section_container{
    float: left;
    background-color: #15181f; 
    color: #fff;
    width: auto;
    text-align: center;
    padding: 10px;
    margin: 3px;
    font-size: 15px;
    min-width: 171px;   
    text-transform: uppercase;
    text-decoration: none;
}
.main_casino_sections_area .section_container:hover,
.main_casino_sections_area .section_container.selected{cursor: pointer; background-color: #07c18f; color: #fff;}


/**********************************Casino Main Sections*****************************************/
.games_holder{
	/* padding:5px; */position: relative;font-size: 0;
}

.games_holder .casino_game{   
    display: inline-block;
    text-decoration: none;    
}

.games_holder .casino_game{width: 49%;/* height: 249px; */position: relative;margin: 0.3%;font-size: 11px;}   
.games_holder a.casino_game:hover:after { 
    content: "\f04b";
    position: absolute;
    font-size: 75px;
    top: 49%;
    transform: translateY(-30%);
    font-family: "FontAwesome";
    color: #07c18f;
    left: 0px;
    right: 0px;
    text-align: center;
    display: block;
    height: 75px;
	font-size: 9px;
}
 
.games_holder .casino_game img{width: 100%;height: 100%;line-height: 249px; max-height: 175px; min-height: 175px;}
.games_holder .casino_game .game_name{
    background-color: rgba(0,0,0,0.65);
    color:#dedede;
    position: absolute;
    width: 100%;
    height: 40px;
    bottom:0px;
	font-size: 12px;
	font-weight: bold;
}

.games_holder .casino_game .game_name span{padding:5px; line-height: 40px; color:#fff;}

.games_holder .casino_game .provider_name{
    background-color: rgba(0,0,0,0.65);
    color:#dedede;
    position: absolute;
    width: 50%;
    height: 25px;
    top:0px;
	font-size: 9px;
}

.games_holder .casino_game .provider_name span{padding:5px; line-height: 25px; color:#fff;}

.games_holder .casino_game .game_time{
	float: right;
    background-color: rgba(0,0,0,0.65);
	text-align: center;
    color:#dedede;
    position: absolute;
    width: 25%;
    height: 20px;
    top:0px;
	right:0px;
	font-size: 8px;
}

.games_holder .casino_game .game_time span{padding:5px; line-height: 20px; color:#8bee71;}

.games_holder .casino_game .game_min_max{
	float: right;
    background-color: rgba(225,225,65,0.65);
	text-align: center;
	font-weight: bold;
    color:#dedede;
    position: absolute;
    width: 35%;
    height: 20px;
    top:20px;
	right:0px;
	font-size: 8px;
}

.games_holder .casino_game .game_min_max span{padding:5px; line-height: 20px; color:#000;}

.games_holder .casino_game .game_open{
	float: right;
    background-color: rgba(223,6,6,0.65);
	text-align: center;
	font-weight: bold;
    color:#dedede;
    position: absolute;
    width: 35%;
    height: 20px;
    top:60px;
	right:0px;
	font-size: 8px;
}

.games_holder .casino_game .game_open span{padding:5px; line-height: 20px; color:#fff;}

.games_holder .casino_game .play_icon{
    position:absolute; 
    bottom:0px;
    right:0px;
    width:40px;
    height:40px;   
    background-color: rgba(38,38,38,0.85);
    border-left:1px solid #383838;          
    
} 

.games_holder .casino_game .play_icon span:after{
    font-family: "FontAwesome";    
    content: "\f04b";   
    font-size: 15px;    
    color:#dedede;
    line-height: 40px;
    margin-left: 15px; 
}        

.games_holder .casino_game .game_name span{padding:5px; line-height: 40px; color:#fff;}

.games_holder .casino_game:hover .game_name,
.games_holder .casino_game:hover .play_icon{
    background-color: rgba(66,175,156, 0.75);
    
}


/**************************************Casino Filters Sections*****************************************/

.casino_filters_menu {
    padding: 10px;
    margin: 0px 0px;
    background-color: #fff;
}

.casino_filters_menu .search_wrapper{
    float: right;
    width:220px; 
    height:auto;                    
    color: #fff;
    font-size: 0;
}

.casino_filters_menu .search_wrapper .sec_title{          
    width: 220px;
    height: 26px;    
}

.casino_filters_menu .search_wrapper .sec_title span{line-height: 26px; text-transform: uppercase; margin-left: 10px; font-size: 12px;}

.casino_filters_menu .search_wrapper .search_area { 
    font-size: 15px;
    background: none;
    border: none;
}

#casino_search_form .search_icon,
#casino_search_form .search_input,
#casino_search_form .search_btn{
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 11px;
    vertical-align: middle;             
}
#casino_search_form .search_btn{
    display: none;
}                                                                          
#fe_main input.casino_input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="file"]) {
    width: 190px; 
    height: 36px;
    background-color: #15181f;    
    border: 1px solid #15181f;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 15px;
}
#fe_main input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="file"]):focus{
    outline-color: #07c18f;   
}
#casino_search_form .search_icon:before{    
    font-family: "FontAwesome";
    content: "\f002";
    font-size: 17px;
    color: #606062;
    padding-right: 5px;
}

#casino_search_form .search_btn button {
    padding: 0;
    margin: 0;
    margin-left: 5px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    background-color: transparent;
    border: 0;
    outline: 0;
    color: #000000;
    font-size: 10px;
    text-transform: uppercase;
    cursor: pointer;
}

#casino_search_form .search_btn button:before{
    font-family: "FontAwesome";
    font-size: 14px;
    content: "\f054";
    color: #FFF;
    line-height: 21px;
}

.main_casino_sections_area, .main_casino_banner_area .mh_banner_pager {
    background-color: #000000;
}

.main_casino_sections_area .section_container {
    background-color: #2d2d2d;
    color: #ffffff;
}

.main_casino_sections_area .section_container:hover, .main_casino_sections_area .section_container.selected {
    background-color: #d09f04;
    color: #2a2a2a;
}

.main_casino_banner_area .mh_banner_pager span.cycle-pager-active {
    background-color: #edb405;
}

.casino_filters_menu {
    background-color: #000000;
}

ul.t2_sort_menu li a.selected {
    background-color: #edb405;
    color: #161616;
}

ul.t2_sort_menu li a {
    background-color: #2d2d2d;
}

.providers_filter {
    background-color: #2d2d2d;
}

#fe_main input.casino_input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="file"]) {
    background-color: #2d2d2d;
    border: 1px solid #2d2d2d;
}

.providers_filter:hover ul.providers_nav {
    background-color: #252525;
}

ul.providers_nav li a:hover {
    background-color: #edb405;
}

.providers_nav li a:hover span {
    color: #161616;
}

.games_holder a.casino_game:hover:after {
    color: #edb405;
}

.games_holder .casino_game:hover .game_name, .games_holder .casino_game:hover .play_icon {
    background-color: rgba(237, 180, 5, 0.52);
}

#fe_main input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="file"]):focus {
    outline-color: #edb405;
}

/*Extra casino code for rectangular thumbs*/
.games_holder{
	background-color:#000;
	
}

.main_casino_sections_container{
    margin:auto; 
}


/**************************************Casino Filters Sections*****************************************/

.casino_filters_menu .search_wrapper{
    float: right;
    width:180px; 
    height:auto;                    
    color: #fff;
    font-size: 0;
}

.casino_filters_menu .search_wrapper .sec_title{          
    width: 220px;
    height: 26px;    
}

.casino_filters_menu .search_wrapper .sec_title span{line-height: 26px; text-transform: uppercase; margin-left: 10px; font-size: 12px;}

.casino_filters_menu .search_wrapper .search_area { 
    font-size: 15px;
    background: none;
    border: none;
}

#casino_search_form .search_icon,
#casino_search_form .search_input,
#casino_search_form .search_btn{
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 11px;
    vertical-align: middle;             
}
#casino_search_form .search_btn{
    display: none;
}                                                                          
#fe_main input.casino_input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="file"]) {
    width: 190px; 
    height: 36px;
    background-color: #15181f;    
    border: 1px solid #15181f;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 15px;
}
#fe_main input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="file"]):focus{
    outline-color: #07c18f;   
}
#casino_search_form .search_icon:before{    
    font-family: "FontAwesome";
    content: "\f002";
    font-size: 17px;
    color: #606062;
    padding-right: 5px;
}

#casino_search_form .search_btn button {
    padding: 0;
    margin: 0;
    margin-left: 5px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    background-color: transparent;
    border: 0;
    outline: 0;
    color: #000000;
    font-size: 10px;
    text-transform: uppercase;
    cursor: pointer;
}

#casino_search_form .search_btn button:before{
    font-family: "FontAwesome";
    font-size: 14px;
    content: "\f054";
    color: #FFF;
    line-height: 21px;
}

.sorting_area{
    float: left;         
    position: relative;    
}
.sorting_area span{
    font-weight: bold; 
    font-size: 14px;
    text-transform: uppercase;    
    line-height: 22px;
    padding: 4px 5px;
    cursor: pointer;   
}
.sorting_area a:hover{
    color: #fff;
} 
ul.t2_sort_menu {      
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.t2_sort_menu  li{
    float: left;
}
ul.t2_sort_menu  li a {
    padding: 10px 20px;  
    font-size: 15px;
    color: #fff;
    display: block;
    text-decoration: none;  
    background-color: #15181f;                        
}

ul.t2_sort_menu  li a.selected{
    background-color: #edb405;
    color: #000;                 
}
.providers_filter {
    float:left;
    margin-left: 10px;
    background-color: #15181f;  
    padding: 10px 20px;  
    font-size: 12px;
    color: #fff;
    min-width: 70px;
}
.providers_filter span {   
    cursor: pointer;
    color: #fff;
}
ul.providers_nav {
    display: none;
    margin: 0;
    padding: 0;
    list-style-type: none;    
}
.providers_filter:hover ul.providers_nav
{
    display: block;
    position: absolute;
    z-index:100;
    width:150px;
    padding: 0;
    margin: 0 0 0 -1px;
    border:1px solid black;
    background: #000;
}
.providers_filter a {
    text-decoration: none;
}
.providers_filter #dropdown_title:after {
    content: "\f107";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit; 
    font-size:14px;
    color: #fff;
    position: relative;
    left: 10px;
    top: 1px;   
}
.providers_filter:hover #dropdown_title:after{
    content: "\f106";
}
.all_providers_option {
    display: none;
}

.providers_filter .providers_menu{margin-left: -20px; }

.providers_filter:hover ul.providers_nav{       
    min-width:140px;
    padding: 0;
    margin: 0;
    margin-top: 10px;       
    background-color: #15181f;
    list-style: none;
    border: 0px;
    z-index:9999;
}
ul.providers_nav li a{
    line-height: 10px;
    font-size: 12px;
    padding: 5px 5px;
    color: #fff;
    display: block;
    text-decoration: none;
    font-weight: bolder;
    border-bottom: 1px solid #2e2e38;
    border-top: 1px solid rgba(255,255,255,0.05);
}
ul.providers_nav li a:hover{background-color: #07c18f;}
.providers_nav li a span{
    color: #fff;    
    padding: 10px;  
    line-height: 30px; 
}               

/**************************************Game Overlay**********************************************/
#overlay {
    background: rgba(51, 51, 51, 0.7); 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    top:0; 
    left:0; 
    display:none;
}

#container-popup { 
    position: fixed; 
    /*top:110px !important;
    bottom: 210px; */
    left: 0;
    right: 0;  
    background-color: #111; 
    border: 1px solid #333; 
    box-shadow: 2px 2px 30px #222;
    z-index: 999999;
    padding: 5px;
    overflow: auto;
    margin: auto;   
    display:none;
	height: 85%;
	width: 100%;	
}

.game-wrap{
    width: auto;
    height: 100%;
    margin: auto;
    position: relative;
}
.play {
    float: right;
    cursor: pointer;
    background: none;
    border: 1px solid #666;
    display: block;
    padding: 3px 10px;
    text-transform: uppercase;
    border-radius: 5px;
    color: #777; 
    font-size: 1em;
    margin-right: 4px;
}
.play:hover {
    border-color: #898989;
    color: #999;
} 

#popupclose {
    width: 24px;
    height: 24px;
    float: right;
    cursor: pointer;
    display: block;
    color: #666;
    margin-left: 8px;
	margin-top: -8px;
}

#fullscreen {
    width: 100px;
    height: 24px;
    float: left;
    cursor: pointer;
    display: inline-flex;;
    color: #666;
    margin-left: 8px;
	margin-top: -8px;
}

#popupclose:before, #fullscreen:before {
    font-family: "FontAwesome";
    font-size: 21px;
    width: 24px;
    height: 24px;
    display: block;
    content: "\f00d";
    margin-top: 3px;
}

#popupclose:hover, #fullscreen:hover { color: #999; }
#fullscreen:before { content: "\f08e";margin-top: 5px; }

.popupcontrols {
    width:100%;
    float: right;
    margin-right: 5px;
    position: absolute;
}
.play_text {
    color: #CCC;
    font-size: 12px;
    text-align: left;
    line-height: 24px;
    padding-left: 10px;
    display: inline-block;
}
.play_text div > span { font-weight: bold; }
.popupcontent {
    padding: 10px;
    max-width: 98%;    
    margin: 0 auto;
    margin-top: 20px;
    float: right;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.popupcontrols .game_overlay_links {
    line-height: 24px;
    margin-right: 10px;
    float: right;
}
.popupcontrols .game_overlay_links a,
.popupcontrols .game_overlay_links a:hover,
.popupcontrols .game_overlay_links a:visited {
    color: #FFF;
}

#casinogame{
    width:100%;
    height: 100%;
    margin: 0 auto;
    border: 1px solid #333;
}

#mh_banner{
  z-index: 98;  
} 


.preloader{display: block; width: 100px; margin:auto;}             
.fa.fa-3x {font-size: 75px;color:#666;text-align: center; margin: auto;}   

.casino_err_mess_wrapper{background-color: rgb(103, 0, 0.5); border: 1px solid red; margin:20px; text-align: center; line-height: 20px;}  
.casino_err_mess_wrapper span{font-size:18px;}  


.main_casino_sections_container{
    margin:auto; 
}


.casino_nogames .casino_main_banner {
    text-align: center;
    padding-top:20px;
}

@media only screen and (max-width: 1400px) {
 .games_holder .casino_game img{display:block; max-height: 175px; min-height: 175px;}
}