@charset "UTF-8";
/*ROOT

	--prov9_HOMEPROV_TAB_1_BORDER: none;
	--prov9_HOMEPROV_TAB_1_BG: #1b1b1b;
	
	--prov9_HOMEPROV_TAB_1_LIST_LI_TXT: var(--color2);
	--prov9_HOMERROV_TAB_1_LIST_LI_BORDER: none;
	--prov9_HOMEPROV_TAB_1_LIST_LI_BG: #00000000;
	
	--prov9_HOMEPROV_TAB_1_LIST_LI_I_TXT: #1b1b1b00;
	--prov9_HOMEPROV_TAB_1_LIST_LI_IMG_BEFORE_BG: var(--color10);
	--prov9_HOMEPROV_TAB_1_LIST_LI_IMG_AFTER_BG: #d20000;
	--prov9_HOMEPROV_TAB_1_LIST_LI_ACTIVE_BG: var(--colorop2);
	--prov9_HOMEPROV_TAB_1_LIST_LI_ACTIVE_TXT:  #1b1b1b;
	
	--prov9_HOMEPROV_TAB_1_TAB_PANE_H3_TXT: var(--color2);	
	--prov9_HOMEPROV_TAB_1_TAB_PANE_H3_BEFORE_BG: var(--color4);	
	--prov9_HOMEPROV_TAB_1_TAB_PANE_PROV_LIST_BG: var(--color10);
	--prov9_HOMEPROV_TAB_1_TAB_PANE_LIST_IMG_TXT: var(--color2); 
	--prov9_HOMEPROV_TAB_1_TAB_PANE_LIST_PROV_BLOCK_BG: #000000c9;
	--prov9_HOMEPROV_TAB_1_TAB_PANE_LIST_PROV_BLOCK_WRAP_TXT: var(--color2);
	--prov9_HOMEPROV_TAB_1_TAB_PANE_LIST_PROV_MAINTENANCE_I_TXT: #f1ac0c;
	
	--prov9_PROV_GAME_LIST_1_BG:  #222;
	--prov9_PROV_GAME_LIST_1_TOP_LBL_BG: transparent;
	--prov9_PROV_GAME_LIST_1_TOP_1B1_TXT:  var(--color2);
	
	--prov9_PROV_GAME_LIST_1_BTN_PROV_BACK_BG: transparent;
	--prov9_PROV_GAME_LIST_1_BTN_PROV_BACK_BORDER: none;
	--prov9_PROV_GAME_LIST_1_BTN_PROV_BACK_TXT: var(--color2);
	--prov9_PROV_GAME_LIST_1_BTN_PROV_BACK_TEXT_SHADOW: 2px 2px 2px var(--color1);
	--prov9_PROV_GAME_LIST_1_BTN_PROV_BACK_WEBKIT_TEXT_SHADOW: 2px 2px 2px var(--color1);
	
	--prov9_PROV_GAME_LIST_1_PROV_BACK_TOP_TXT: #222;
	--prov9_PROV_GAME_LIST_1_PROV_BACK_TOP_BG: var(--color6);
	--prov9_PROV_GAME_LIST_1_PROV_BACK_TOP_BORDER: none;
	
	--prov9_PROV_GAME_LIST_1_PROV_FILTER_BG: #444;
	--prov9_PROV_GAME_LIST_1_PROV_FILTER_BUTTON_TXT:  var(--color2);
	--prov9_PROV_GAME_LIST_1_PROV_FILTER_BUTTON_BORDER: 1px solid var(--color6);
	--prov9_PROV_GAME_LIST_1_PROV_FILTER_BUTTON_BG: var(--color10);
	--prov9_PROV_GAME_LIST_1_PROV_FILTER_BUTTON_ACTIVE_TXT:  #222;
	--prov9_PROV_GAME_LIST_1_PROV_FILTER_BUTTON_ACTIVE_BG: var(--color6);
	
	--prov9_PROV_GAME_LIST_1_PROVIDER_ITEM_ROW_BG: var(--color10);
	--prov9_PROV_GAME_LIST_1_PROVIDER_ITEM_ROW_ITEM_IMG_BORDER_RADIUS: 5px 5px 0 0;
	--prov9_PROV_GAME_LIST_1_PROVIDER_ITEM_ROW_PROV_ITEM_NAME_TXT: var(--color2);
	
	--prov9_PROV_GAME_LIST_1_PROV_USRPSWD_MAIN_IMG_FILTER:  brightness(.3) blur(1px);
	--prov9_PROV_GAME_LIST_1_PROV_USRPSWD_MAIN_IMG_WEBKIT_FILTER: brightness(.3) blur(1px);
	
	--prov9_PROV_GAME_LIST_1_PROV_USRPSWD_MSG_TXT: var(--color2);
	
	--prov9_PROV_GAME_LIST_1_PROV_USRPSWD_DOWNLOAD_DOWN_ITEM_LAST_CHILD_AFTER_BG: transparent;
	--prov9_PROV_GAME_LIST_1_PROV_USRPSWD_DOWNLOAD_DOWN_ITEM_1B1_TXT: var(--color2);
	
	--prov9_HOME_PROV_AREA_WALLET_BOX_COLOR: var(--color2);
	--prov9_HOME_PROV_AREA_WALLET_BOX_BG: var(--color4);
	
	--prov9_PROV_GAME_LIST_BTM_GAME_LIST_MAIN_PROV_MAIN_MENU_LI_BG: #262626;
	--prov9_PROV_GAME_LIST_BTM_GAME_LIST_MAIN_PROV_MAIN_MENU_LI_BORDER: #262626 .2666666667vw solid;
	
	--prov9_PROV_GAME_LIST_BTM_GAME_LIST_MAIN_PROV_MAIN_MENU_LI_ACTIVE_BG: linear-gradient(to top, #14805e4d, #2a2a2a00), #262626;
	--prov9_PROV_GAME_LIST_BTM_GAME_LIST_MAIN_PROV_MAIN_MENU_LI_ACTIVE_BORDER: #14805e .2666666667vw solid;
	
	--prov9_PROV_GAME_LIST_BTM_GAME_LIST_MAIN_PROV_MAIN_MENU_BLOCK_BG: #00000094;
	
	--prov9_PROV_GAME_LIST_BTM_GAME_LIST_MAIN_PROV_MAIN_MENU_BLOCK_WRAP: #16b777;
	
	--prov9_PROV_GAME_LIST_BTM_GAME_LIST_MAIN_MENU_WRAP_OTHER_FILTER_WRAP_BG: var(--color4);
	
	--prov9_OTHER_FILTER_LIST_1_BG_COLOR: var(--color1);
	
	--prov9_FILTER_TOP_INFO_BACK_BORDER_RIGHT: 0.2666666667vw solid rgba(153,153,153,.3);
	
	--prov9_FILTER_TOP_INFO_ICON_SEARCH_BG: var(--color2);
	
	--prov9_FILTER_TOP_INFO_INPUT_BORDER_BTM: 0.2666666667vw solid rgba(153,153,153,.3);
	--prov9_FILTER_TOP_INFO_INPUT_BG_COLOR: transparent;
	
	--prov9_OTHER_FILTER_LIST_FILTER_GROUP_H2_COLOR: #d9d9d9;
	
	--prov9_OTHER_FILTER_LIST_FILTER_GROUP_PROV_FIL_LIST_LI_LABEL_BG: #333;
	--prov9_OTHER_FILTER_LIST_FILTER_GROUP_PROV_FIL_LIST_LI_LABEL_COLOR: var(--color2);
	
	--prov9_OTHER_FILTER_LIST_FILTER_GROUP_PROV_FIL_LIST_LI_BLOCK_BG: #0d3324;
	--prov9_OTHER_FILTER_LIST_FILTER_GROUP_PROV_FIL_LIST_LI_BLOCK_COLOR: var(--color2);
	
	--prov9_OTHER_FILTER_LIST_FILTER_GROUP_PROV_FIL_LIST_LI_BLOCK_BLOCK_WRAP_BG: #0d3324;
	
	--prov9_OTHER_FILTER_LIST_FILTER_GROUP_PROV_FIL_LIST_LI_BLOCK_BLOCK_WRAP_SPAN_I_COLOR: #f1ac0c;
	
	--prov9_FILTER_GROUP_INPUT_CHECKED_LABEL_BG: #14805e;
	--prov9_FILTER_GROUP_INPUT_CHECKED_LABEL_COLOR: var(--color2);
	
	--prov9_SEARCH_GAME_BAR_BG: var(--color1);
	
	--prov9_SEARCH_GAME_BAR_BTN_BG: var(--color4);
	--prov9_SEARCH_GAME_BAR_BTN_COLOR: var(--color2);
	
	--prov9_NO_GAME_CONTAINER_BG: #444444cc;
	
	--prov9_PROV_GAME_LIST_PROV_ITEM_ROW_PROV_ITEM_BLOCK_BG: rgb(15, 15, 15);
	
	--prov9_PROV_GAME_LIST_PROV_ITEM_ROW_PROV_ITEM_BLOCK_BLOCK_WRAO_I_COLOR: #f1ac0c;

*/

/* HOME PROV */
.homeprov-tab-1 {
	border: var(--prov9_HOMEPROV_TAB_1_BORDER);
    background: var(--prov9_HOMEPROV_TAB_1_BG);
}

.homeprov-tab-1 .tab-list {
	display: flex;
    flex-wrap: nowrap;r
    overflow-x: auto;
    overflow-y: hidden
}

.homeprov-tab-1 .tab-list li {
    position: relative;
	display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    width: fit-content;
    gap: 2.5vw 0;
	padding: 4vw 1.4vw;
	font-size: 3.3vw;
	font-weight: 700;
	color: var(--prov9_HOMEPROV_TAB_1_LIST_LI_TXT);
    border: var(--prov9_HOMERROV_TAB_1_LIST_LI_BORDER);
    background: var(--prov9_HOMEPROV_TAB_1_LIST_LI_BG);
}

.homeprov-tab-1 .tab-list li i {
	position: absolute;
    width: fit-content;
    height: fit-content;
    bottom: -13px;
    font-size: 30px;
    color: var(--prov9_HOMEPROV_TAB_1_LIST_LI_I_TXT);
}

.homeprov-tab-1 .tab-list li .img {
	position: relative;
	margin: 0 3vw;
	z-index: 1
}

.homeprov-tab-1 .tab-list li .img:before {
	content: "";
	position: absolute;
    width: 12vw;
    height: 12vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    background: var(--prov9_HOMEPROV_TAB_1_LIST_LI_IMG_BEFORE_BG);
    z-index: -2
}

.homeprov-tab-1 .tab-list li .img:after {
	content: "";
	position: absolute;
    width: 3vw;
    height: 3vw;
    right: 5px;
    top: 1rem;
    border-radius: 100%;
    background: var(--prov9_HOMEPROV_TAB_1_LIST_LI_IMG_AFTER_BG);
    z-index: -1
}

.homeprov-tab-1 .tab-list li .img img {
	width: 9vw
}

.homeprov-tab-1 .tab-list li.active {
	background: var(--prov9_HOMEPROV_TAB_1_LIST_LI_ACTIVE_BG);
}

.homeprov-tab-1 .tab-list li.active i {
	color: var(--prov9_HOMEPROV_TAB_1_LIST_LI_ACTIVE_TXT);
}

.homeprov-tab-1 .tab-content {
	width: 100%;
    overflow: hidden
}

.homeprov-tab-1 .tab-content .track {
	display: inline-flex;
	width: 100%;
    transition: .3s ease-in-out
}

.homeprov-tab-1 .tab-content .tab-pane {
	display: block;
	width: 100%;
	height: fit-content;
	flex-shrink: 0;
	padding: 1rem 15px
}

.homeprov-tab-1 .tab-pane .wrap {
	padding: 1rem 15px
}

.homeprov-tab-1 .tab-pane h3 {
	position: relative;
	padding: 0 1rem;
    font-size: 20px;
    font-weight: 600;
    color: var(--prov9_HOMEPROV_TAB_1_TAB_PANE_H3_TXT);
}

.homeprov-tab-1 .tab-pane h3:before {
	content: "";
	position: absolute;
	width: 5px;
    height: 100%;
    left: 0;
    top: 0;
    background: var(--prov9_HOMEPROV_TAB_1_TAB_PANE_H3_BEFORE_BG)
}

.homeprov-tab-1 .tab-pane .prov-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 3px;
	margin: 1rem 0 0
}

@media (max-width: 350px) {
	.homeprov-tab-1 .tab-pane .prov-list {
		grid-template-columns: repeat(3, 1fr)
	}
}

.homeprov-tab-1 .tab-pane .prov-list .prov- {
	position: relative;
    padding: 10px;
	background: var(--prov9_HOMEPROV_TAB_1_TAB_PANE_PROV_LIST_BG);
}

.homeprov-tab-1 .tab-pane .prov-list .prov- .prov-img {
	display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    height: 100%;
    font-size: 3vw;
    font-weight: 700;
    text-align: center;
    word-break: break-word;
    color: var(--prov9_HOMEPROV_TAB_1_TAB_PANE_LIST_IMG_TXT)
}

.homeprov-tab-1 .tab-pane .prov-list .prov- .label_game_list,
.homeprov-tab-1 .tab-pane .prov-list .prov- .label_lobby {
	position: absolute;
    top: 4px;
    right: 2px;
    font-size: 12px;
    font-weight: 500;
    min-width: 60px;
    text-align: center;
    width: max-content;
    padding: 2px 0.25rem;
    background-color: var(--color4);
    color: var(--color2);
    border-radius: 2px;
    text-transform: uppercase;
}

.homeprov-tab-1 .tab-pane .prov-list .prov- .prov-img img {
	width: 60%;
    margin: 0 auto 5px
}

.homeprov-tab-1 .tab-pane .prov-list .prov- .block- {
	position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: var(--prov9_HOMEPROV_TAB_1_TAB_PANE_LIST_PROV_BLOCK_BG)
}

.homeprov-tab-1 .tab-pane .prov-list .prov- .block-.hide {
	z-index: -1;
	opacity: 0
}

.homeprov-tab-1 .tab-pane .prov-list .prov- .block- .block-wrap {
	position: relative;
    width: 98%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 1rem;
    text-align: center;
    color: var(--prov9_HOMEPROV_TAB_1_TAB_PANE_LIST_PROV_BLOCK_WRAP_TXT);
}

.homeprov-tab-1 .tab-pane .prov-list .prov- .block- .block-wrap i {
	font-size: 25px
}

.homeprov-tab-1 .tab-pane .prov-list .prov- .maintenance i {
	color: var(--prov9_HOMEPROV_TAB_1_TAB_PANE_LIST_PROV_MAINTENANCE_I_TXT);
}

.provgamelist-1 {
	position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 100%;
    transform: scaleX(0);
    z-index: -1;
    opacity: 0;
    transition: all .2s ease-in-out, opacity 1s ease-in-out;
    background: #000;
}

.provgamelist-1.active {
	left: 0%;
	transform: scaleX(1);
	z-index: 3;
	opacity: 1;
	transition: all .2s ease-in-out, opacity .2s ease-in-out
}

.provgamelist-1 .top-lbl- {
	display: flex;
	padding: 1rem 0;
	align-items: center;
	background: var(--prov9_PROV_GAME_LIST_1_TOP_LBL_BG)
}

.provgamelist-1 .top-lbl- .provname {
	font-size: 25px;
    font-weight: 600;
    font-style: italic;
    letter-spacing: 1px;
    color: var(--prov9_PROV_GAME_LIST_1_TOP_1B1_TXT);
}

.provgamelist-1 .btn-provback {
	font-size: 30px;
    background: var(--prov9_PROV_GAME_LIST_1_BTN_PROV_BACK_BG);
    border: var(--prov9_PROV_GAME_LIST_1_BTN_PROV_BACK_BORDER);
    color: var(--prov9_PROV_GAME_LIST_1_BTN_PROV_BACK_TXT);
    text-shadow: var(--prov9_PROV_GAME_LIST_1_BTN_PROV_BACK_TEXT_SHADOW);
    -webkit-text-shadow: var(--prov9_PROV_GAME_LIST_1_BTN_PROV_BACK_WEBKIT_TEXT_SHADOW);
}

.provgamelist-1 #provBackTop {
	position: relative;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    font-size: 25px;
    opacity: 1;
    transition: opacity .2s ease-in-out;
    color: var(--prov9_PROV_GAME_LIST_1_PROV_BACK_TOP_TXT);
    background: var(--prov9_PROV_GAME_LIST_1_PROV_BACK_TOP_BG);
    border: var(--prov9_PROV_GAME_LIST_1_PROV_BACK_TOP_BORDER);
}

.provgamelist-1 #provBackTop:before {
	content: "➤";
	position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(-40%, -50%) rotateZ(-90deg)
}

.provgamelist-1 #provBackTop.hide {
	opacity: 0
}

.provgamelist-1 .bottom-gamelist- {
	display: block;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

.provgamelist-1 .gamelist- {
	padding: 0 0 6rem;
	height: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.provgamelist-1 .gamelist-.hide {
	display: none;
	opacity: 0
}

.provgamelist-1 .prov-filter {
	margin-bottom: 1rem;
	padding: 15px;
    display: flex;
    gap: 0 10px;
    overflow-x: auto;
    overflow-y: hidden;
    background: var(--prov9_PROV_GAME_LIST_1_PROV_FILTER_BG);
}

.provgamelist-1 .prov-filter button {
	padding: 10px 1rem;
    min-width: fit-content;
    font-size: 1rem;
    border-radius: 3px;
    color: var(--prov9_PROV_GAME_LIST_1_PROV_FILTER_BUTTON_TXT);
    border: var(--prov9_PROV_GAME_LIST_1_PROV_FILTER_BUTTON_BORDER);
    background: var(--prov9_PROV_GAME_LIST_1_PROV_FILTER_BUTTON_BG);
}

.provgamelist-1 .search-bar{
	display: flex;
    margin: 15px;
    padding: 2px 1rem;
    border-radius: 3px;
    color: var(--prov9_PROV_GAME_LIST_1_PROV_FILTER_BUTTON_TXT);
    border: var(--prov9_PROV_GAME_LIST_1_PROV_FILTER_BUTTON_BORDER);
    background: var(--prov9_PROV_GAME_LIST_1_PROV_FILTER_BUTTON_BG);
}

.provgamelist-1 .search-bar i{
    margin: auto;
}

.provgamelist-1 .search-bar input{
    background: var(--prov9_PROV_GAME_LIST_1_PROV_FILTER_BUTTON_BG);
    border: none;
    outline: none;
    color: var(--color2);
    font-size: 1rem;
}

.provgamelist-1 .prov-filter button.active {
	color: var(--prov9_PROV_GAME_LIST_1_PROV_FILTER_BUTTON_ACTIVE_TXT);
    background: var(--prov9_PROV_GAME_LIST_1_PROV_FILTER_BUTTON_ACTIVE_BG);
}

.provgamelist-1 .provider-item-row {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    padding: 0 10px;
    margin-bottom: 20%;
}

.provgamelist-1 .provider-item-row .provItem {
    border-radius: 5px;
    max-width: 205px;
    margin: 0 auto;
    background: var(--prov9_PROV_GAME_LIST_1_PROVIDER_ITEM_ROW_BG);
}

.provgamelist-1 .provider-item-row .provItem .provImg img {
	border-radius: var(--prov9_PROV_GAME_LIST_1_PROVIDER_ITEM_ROW_ITEM_IMG_BORDER_RADIUS);
	width: 205px;
	height: 150px;
}

.provgamelist-1 .provider-item-row .provItem .provName {
	padding: 10px;
    font-size: 1rem;
    word-break: break-word;
    text-size-adjust: auto;
    color: var(--prov9_PROV_GAME_LIST_1_PROVIDER_ITEM_ROW_PROV_ITEM_NAME_TXT);
}

.provgamelist-1 .provider-item-row .provItem .locked {
	position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    z-index: 2;
    color: var(--color2);
    background: #000000c9
}

.provgamelist-1 .prov-usrpswd- .main- {
	position: relative
}

.provgamelist-1 .prov-usrpswd- .main- img {
	filter: var(--prov9_PROV_GAME_LIST_1_PROV_USRPSWD_MAIN_IMG_FILTER);
	-webkit-filter: var(--prov9_PROV_GAME_LIST_1_PROV_USRPSWD_MAIN_IMG_WEBKIT_FILTER);
}

.provgamelist-1 .prov-usrpswd- .main- .fixed {
	position: absolute;
    width: 95%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    gap: 5px
}

.mobileapp-icon {
	right: -32px;
}

.provgamelist-1 .prov-usrpswd- .msg- {
	font-size: 1rem;
    word-break: break-word;
    line-height: 25px;
    color: var(--prov9_PROV_GAME_LIST_1_PROV_USRPSWD_MSG_TXT);
}

.provgamelist-1 .prov-usrpswd- .msg- button {
	width: fit-content;
	padding: 10px 1rem
}

.provgamelist-1 .prov-usrpswd- .download- {
	width: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
    margin: 3rem 0 0
}

.provgamelist-1 .prov-usrpswd- .download- .down-item {
	position: relative;
	padding: 0
}

.provgamelist-1 .prov-usrpswd- .download- .down-item:after {
	content: "";
    position: absolute;
    width: 1px;
    height: 90%;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: #fff;
}

.provgamelist-1 .prov-usrpswd- .download- .down-item:last-child:after {
	width: 0;
    height: 0;
    background: var(--prov9_PROV_GAME_LIST_1_PROV_USRPSWD_DOWNLOAD_DOWN_ITEM_LAST_CHILD_AFTER_BG);
}

.provgamelist-1 .prov-usrpswd- .download- .down-item .lbl {
	margin: 0 0 1rem;
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    color: var(--prov9_PROV_GAME_LIST_1_PROV_USRPSWD_DOWNLOAD_DOWN_ITEM_1B1_TXT);
}

.provgamelist-1 .prov-usrpswd- .download- .down-item .img {
	width: 90%;
    margin: 0 auto;
    background: var(--color2);
    padding: 5px;
}

/* after login wallet box */
.homeprov-area .wallet-box-.wallet-box-2- {
	color: var(--prov9_HOME_PROV_AREA_WALLET_BOX_COLOR);
	background: var(--prov9_HOME_PROV_AREA_WALLET_BOX_BG)
}

.homeprov-area .wallet-box-2- .box-row- .item-:first-child {
	width: 65%;
	justify-content: space-between
}

.homeprov-area .wallet-box-2- .box-row- .item-:last-child {
	width: 35%;
	justify-content: flex-end
}

.provgamelist .bottom-gamelist- .main-menu-wrap{
	display: flex;
    flex-direction: row;
    position: relative;
    width: 100%;
    align-items: center;
    height: 13.3333333333vw;
    border: 0;
    padding: 0 2.6666666667vw 0 0;
    background: transparent;
    margin-bottom: 4.2666666667vw;
}

.prov-main-menu::-webkit-scrollbar {
    height:2px;
}

.prov-main-menu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

.prov-main-menu::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

.provgamelist .bottom-gamelist- .main-menu-wrap .prov-main-menu{
	width: 100%;
    height: 100%;
    padding: 0 0 0 2.6666666667vw;
    overflow-x: auto;
    overflow-y: hidden;
    line-height: 13.3333333333vw;
    white-space: nowrap;
    -ms-overflow-style: -ms-autohiding-scrollbar; /* For Internet Explorer and Edge */
    scrollbar-width: thin; /* For Firefox */
}

.provgamelist .bottom-gamelist- .main-menu-wrap .prov-main-menu li{
	position: relative;
	display: inline-flex;
    justify-items: center;
    align-items: center;
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    margin-right: 1.3333333333vw;
    text-align: center;
    border-radius: .8vw;
    line-height: 0;
	background: var(--prov9_PROV_GAME_LIST_BTM_GAME_LIST_MAIN_PROV_MAIN_MENU_LI_BG);
    border: var(--prov9_PROV_GAME_LIST_BTM_GAME_LIST_MAIN_PROV_MAIN_MENU_LI_BORDER);
}

.provgamelist .bottom-gamelist- .main-menu-wrap .prov-main-menu li.active{
	background: var(--prov9_PROV_GAME_LIST_BTM_GAME_LIST_MAIN_PROV_MAIN_MENU_LI_ACTIVE_BG);
	border: var(--prov9_PROV_GAME_LIST_BTM_GAME_LIST_MAIN_PROV_MAIN_MENU_LI_ACTIVE_BORDER);
}

.provgamelist .bottom-gamelist- .main-menu-wrap .prov-main-menu li label{
	margin: 0 auto;
}

.provgamelist .bottom-gamelist- .main-menu-wrap .prov-main-menu li .block-{
	position: absolute;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: flex-end;
    justify-content: space-around;
    z-index: 50; 
    pointer-events: none;
	background:var(--prov9_PROV_GAME_LIST_BTM_GAME_LIST_MAIN_PROV_MAIN_MENU_BLOCK_BG);
}

.provgamelist .bottom-gamelist- .main-menu-wrap .prov-main-menu li .block- .block-wrap{
	width: 100%;
    padding: 5px;
    background: var(--prov9_PROV_GAME_LIST_BTM_GAME_LIST_MAIN_PROV_MAIN_MENU_BLOCK_WRAP);
}

.provgamelist .bottom-gamelist- .main-menu-wrap .prov-main-menu li .block- .block-wrap i{
	font-size: 10px;
}

.provgamelist .bottom-gamelist- .main-menu-wrap .prov-main-menu li img{
	display: inline-block;
    width: 8vw;
    height: 8vw;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
}

.provgamelist .bottom-gamelist- .main-menu-wrap .other-filter-wrap{
    padding: 18px; 
    border-radius: 0 5px 5px 0;
	background: var(--prov9_PROV_GAME_LIST_BTM_GAME_LIST_MAIN_MENU_WRAP_OTHER_FILTER_WRAP_BG);
}

.provgamelist .bottom-gamelist- .main-menu-wrap .other-filter-wrap i{
	font-size: 26px;
}

.otherfilterlist-1{
	position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    padding-bottom: 10.6666666667vw;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all .3s;   
    -webkit-overflow-scrolling: touch;
    z-index: 100;
	background-color: var(--prov9_OTHER_FILTER_LIST_1_BG_COLOR);
}

.otherfilterlist-1.active{
	right: 0;
    opacity: 1;
    transition: right .3s, opacity 0s 0s;
}

.filter-top-info .back{
	position: absolute;
    top: 0;
    left: 0;
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    border-right: var(--prov9_FILTER_TOP_INFO_BACK_BORDER_RIGHT);
    z-index: 1;
}

.filter-top-info .back i{
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto 0;
	font-size: 30px;
}

.filter-top-info .icon-search{
	position: absolute;
    right: 0;
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: auto 40%;
    mask-size: auto 40%;
    background: var(--prov9_FILTER_TOP_INFO_ICON_SEARCH_BG);
}

.filter-top-info input{
	width: 100%;
    height: 13.3333333333vw;
    padding: 0;
    border: 0;
    color: var(--color2);
    font-size: 3.4666666667vw;
    text-indent: 18.6666666667vw;
    border-bottom: var(--prov9_FILTER_TOP_INFO_INPUT_BORDER_BTM);
    outline:  none;
    background-color: var(--prov9_FILTER_TOP_INFO_INPUT_BG_COLOR);
}

.otherfilterlist-1 .filter-group{
	position: relative;
    padding: 2.6666666667vw;
}

.otherfilterlist-1 .filter-group h2{
	margin-bottom: 2.6666666667vw;
    color: var(--prov9_OTHER_FILTER_LIST_FILTER_GROUP_H2_COLOR);
    font-size: 3.2vw;
}

.otherfilterlist-1 .filter-group .prov-fil-list,
.otherfilterlist-1 .filter-group .other-fil-list{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
    justify-content: flex-start;
    margin-bottom: 5.3333333333vw;
    overflow: hidden;
    gap: 0px 10px;
}

.otherfilterlist-1 .filter-group .prov-fil-list li,
.otherfilterlist-1 .filter-group .other-fil-list li{
	position: relative;
	display: inline-flex;
    width: 100%;
/*     margin-bottom: 2.1333333333vw; */
    margin-right: 2%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.otherfilterlist-1 .filter-group .prov-fil-list li label,
.otherfilterlist-1 .filter-group .other-fil-list li label{
	display: inline-block;
    min-width: 100%;
    height: 9.3333333333vw;
    padding: 0 2.6666666667vw;
    border-radius: .8vw;
    font-size: 3.4666666667vw;
    line-height: 9.3333333333vw;
    text-align: center;
	background: var(--prov9_OTHER_FILTER_LIST_FILTER_GROUP_PROV_FIL_LIST_LI_LABEL_BG);
    color: var(--prov9_OTHER_FILTER_LIST_FILTER_GROUP_PROV_FIL_LIST_LI_LABEL_COLOR);
}

.otherfilterlist-1 .filter-group .prov-fil-list li label p,
.otherfilterlist-1 .filter-group .other-fil-list li label p{
	line-height: unset;
	margin: unset
}

.otherfilterlist-1 .filter-group .prov-fil-list li .block-{
    position: absolute;
    width: 100%;
    justify-content: space-around;
    z-index: 50;  
    pointer-events: none;
    height: 9.3333333333vw;
    border-radius: .8vw;  
    font-size: 3.4666666667vw;
    text-align: center;
	background: var(--prov9_OTHER_FILTER_LIST_FILTER_GROUP_PROV_FIL_LIST_LI_BLOCK_BG);
	color: var(--prov9_OTHER_FILTER_LIST_FILTER_GROUP_PROV_FIL_LIST_LI_BLOCK_COLOR);
}

.otherfilterlist-1 .filter-group .prov-fil-list li .block- .block-wrap{
    display: flex;
    width: 100%;  
    font-size: 12px;
    align-items: center;
    flex-direction: column;
	background:var(--prov9_OTHER_FILTER_LIST_FILTER_GROUP_PROV_FIL_LIST_LI_BLOCK_BLOCK_WRAP_BG);
}

.otherfilterlist-1 .filter-group .prov-fil-list li .block- .block-wrap p{
	margin-bottom: unset;
}

.otherfilterlist-1 .filter-group .prov-fil-list li .block- .block-wrap span i{
	color: var(--prov9_OTHER_FILTER_LIST_FILTER_GROUP_PROV_FIL_LIST_LI_BLOCK_BLOCK_WRAP_SPAN_I_COLOR);
}

.filter-group input[type=checkbox],
.prov-main-menu input[type=checkbox]{
	display: none;
}

.filter-group input[type=checkbox]:checked+label,
.filter-group input[type=radio]:checked+label{
	background: var(--prov9_FILTER_GROUP_INPUT_CHECKED_LABEL_BG);
    color: var(--prov9_FILTER_GROUP_INPUT_CHECKED_LABEL_COLOR);
}

.searchgame-bar{
	position: fixed;
    z-index: 101;
    right: -50%;
    bottom: 0;
    width: 100%;
    padding: 2.6666666667vw;
    transform: translate(50%);
    transition: all .3s;
    background-color: var(--proV9_SEARCH_GAME_BAR_BG);
}

.searchgame-bar.active {
    right: 50%;
}

.searchgame-bar .button{
	height: 13.3333333333vw;
    border: 0;
    outline: none;
    font-size: 4.2666666667vw;
    line-height: 13.3333333333vw;
    position: relative;
    width: 100%;
    border-radius: 0.8vw;
    text-align: center;
	background-color: var(--prov9_SEARCH_GAME_BAR_BTN_BG);
    color: var(--prov9_SEARCH_GAME_BAR_BTN_COLOR);
}

/*NO GAME TAB*/
.no-game-container{
	position: relative;
    z-index: 2;
    width: 100%;
    margin-top: 20px;
    background: var(--prov9_NO_GAME_CONTAINER_BG);
    text-align: center;
}

.no-game-container{
	padding: 20px;
	font-size: 14px;
}

/*Game list maintenance*/
.provgamelist-1 .provider-item-row .provItem .block- {
	position: absolute;
    height: 100%;
    width: 100%;
    background: var(--prov9_PROV_GAME_LIST_PROV_ITEM_ROW_PROV_ITEM_BLOCK_BG);
    z-index: 50;
}

.provgamelist-1 .provider-item-row .provItem .block- .block-wrap{
	height: 100%;
    width: 100%;
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.provgamelist-1 .provider-item-row .provItem .block- .block-wrap i{
	color: var(--prov9_PROV_GAME_LIST_PROV_ITEM_ROW_PROV_ITEM_BLOCK_BLOCK_WRAO_I_COLOR);
}