@charset "UTF-8";

body {
	font-size: var(--webFONTSIZE);
	font-style: normal;
	font-family: poppins, sans-serif;
	line-height: normal;
	background: var(--webBG);
    color:  var(--webTXT)
}

p {
	font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 15px
}

.row img {
	border-radius: 0
}

a {
	-webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    color: var(--mob1_A_TXT);
}

input:focus,
select:focus,
button:focus {
	text-decoration: none;
	outline: none;
	box-shadow: var(--mob1_INPUT_SELECT_BUTTON_FOCUS_BOX_SHADOW);
}

.row {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0
}

.main-wrap {
	/* padding: 60px 0 2rem */
}

.body-content-area {
    padding: 2rem 0 0
}

/* ANIMATION */
@keyframes btn_creditClaim {
	0% {
		filter: var(--mob1_KEYFRAME_BTN_CREDIT_CLAIM_FILTER_ZERO);
	} 50% {
		filter: var(--mob1_KEYFRAME_BTN_CREDIT_CLAIM_FILTER_HALF);
	} 100% {
		filter: var(--mob1_KEYFRAME_BTN_CREDIT_CLAIM_FILTER_FULL);
	}
}

@keyframes maintenance {
	0% {
		text-shadow: var(--mob1_KEYFRAME_MAINTENANCE_ZERO_TEXT_SHADOW);
		box-shadow: var(--mob1_KEYFRAME_MAINTENANCE_ZERO_BOX_SHADOW);
	} 50% {
		text-shadow: var(--mob1_KEYFRAME_MAINTENANCE_HALF_TEXT_SHADOW);
		box-shadow: var(--mob1_KEYFRAME_MAINTENANCE_HALF_BOX_SHADOW);
	} 100% {
		text-shadow: var(--mob1_KEYFRAME_MAINTENANCE_FULL_TEXT_SHADOW);
		box-shadow: var(--mob1_KEYFRAME_MAINTENANCE_FULL_BOX_SHADOW);
	}
}

/* PRELOADER */
#preloader {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 1;
	margin-top: 0px;
	top: 0px;
	z-index: 99999;
	background-color: var(--mob1_PRE_LOAD_BG)
}

#loading-center {
	width: 100%;
	height: 100%;
	position: relative
}

#loading-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#loading-center-absolute img {
    width: 100%
}

/* SCROLLBAR */
::-webkit-scrollbar {
    width: 5px
}

::-webkit-scrollbar-thumb {
    background: var(--mob1_WEBKIT_SCROLLBAR_THUMB_BG);
    color: var(--mob1_WEBKIT_SCROLLBAR_THUMB_TXT);
    border-radius: 5px
}

::-webkit-scrollbar-track {
    background: var(--mob1_WEBKIT_SCROLLBAR_TRACK_BG);
    color: var(--mob1_WEBKIT_SCROLLBAR_TRACK_TXT);
    border-radius: 5px
}

::-ms-scrollbar {
	width: 5px
}

::-ms-scrollbar-thumb {
	background: var(--mob1_MS_SCROLLBAR_THUMB_BG);
    color: var(--mob1_MS_SCROLLBAR_THUMB_TXT);
    border-radius: 5px
}

::-ms-scrollbar-track-piece {
	background: var(--mob1_MS_SCROLLBAR_TRACK_PIECE_BG);
    color: var(--mob1_MS_SCROLLBAR_TRACK_PIECE_TXT);
    border-radius: 5px
}

/* FILTER */
.mix {
	display: none
}

.filter-wrap {
	display: flex;
    margin: 0 0 2rem;
    overflow-x: scroll
}

.filter-wrap button {
    margin: 3px;
    padding: 5px 15px;
    border-radius: 5px;
    text-transform: uppercase;
    transition: .3s ease-in-out;
    color: var(--mob1_FILTER_WRAP_BUTTON_TXT);
    background-color: var(--mob1_FILTER_WRAP_BUTTON_BG);
    border: var(--mob1_FILTER_WRAP_BUTTON_BORDER);
}

.filter-wrap button.active {
    background-color: var(--mob1_FILTER_WRAP_BUTTON_ACTIVE_BG);
}

/* TABLIST */
.tab-list-1 .nav-tabs {
	position: relative;
	flex-wrap: nowrap;
    gap: 3px;
    overflow-x: auto;
    overflow-y: hidden;
	margin-bottom: 1rem;
	border-bottom: var(--mob1_TAB_LIST_1_TABS_BORDER_BOTTOM);
}

.tab-list-1 .nav-tabs:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: -1px;
	left: 0;
	background: var(--mob1_TAB_LIST_1_TABS_AFTER_BG);
}

.tab-list-1 .nav-tabs .nav-link {
	padding: 12px 1rem;
	text-align: center;
	color: var(--mob1_TAB_LIST_1_TABS_LINK_TXT);
    background: var(--mob1_TAB_LIST_1_TABS_LINK_BG);
    border: var(--mob1_TAB_LIST_1_TABS_LINK_BORDER);
}

.tab-list-1 .nav-tabs .nav-link.active,
.tab-list-1 .nav-tabs .nav-link:hover,
.tab-list-1 .nav-tabs .nav-link:focus {
	color: var(--mob1_TAB_LIST_1_TABS_LINK_ACTIVE_HOVER_TXT);
    background: var(--mob1_TAB_LIST_1_TABS_LINK_ACTIVE_HOVER_BG);
}

/* INPUT */
.form-group.input-row {
	position: relative;
	padding: 5px 1rem;
	align-items: center;
	background: var(--mob1_FORM_GROUP_INPUT_ROW_BG);
}

.form-group.input-row:after {
	content: "";
	position: absolute;
	width: 98%;
	height: 1px;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	background: var(--mob1_FORM_GROUP_INPUT_ROW_AFTER_BG);
}

.form-group.input-row.last-in:after {
	width: 0;
	height: 0;
	background: var(--mob1_FORM_GROUP_INPUT_ROW_LAST_IN_AFTER_BG);
}

.form-group .col-form-label {
	padding: 0;
	font-size: 14px;
    font-weight: 500;
    text-transform: uppercase
}

.form-group.input-row .col-form-label {
	color: var(--mob1_FORM_GROUP_INPUT_ROW_FORM_LABEL_TXT);
}

.form-group .input- {
	position: relative;
    display: flex;
    flex-direction: column
}

.form-group input,
.form-group select {
	width: 100%;
	height: 100%;
	min-height: 35px;
	padding: 10px 1rem;
    border-radius: 3px;
    transition: .3s ease-in-out;
    border: var(--mob1_FORM_GROUP_INPUT_SELECT_BORDER);
}

.form-group input:focus,
.form-group input:hover,
.form-group select:focus,
.form-group select:hover {
	border-color: var(--mob1_FORM_GROUP_INPUT_SELECT_HOVER_BORDER);
}

.form-group input:disabled,
.form-group input.disabled {
    font-weight: 500;
    color: var(--mob1_FORM_GROUP_INPUT_DISABLED_TXT);
    border: var(--mob1_FORM_GROUP_INPUT_DISABLED_BORDER);
    background-color: var(--mob1_FORM_GROUP_INPUT_DISABLED_BG);
    box-shadow: var(--mob1_FORM_GROUP_INPUT_DISABLED_BOX_SHADOW);
	-webkit-box-shadow: var(--mob1_FORM_GROUP_INPUT_DISABLED_WEBKIT_BOX_SHADOW);
}

.form-group input[type='checkbox'],
.form-group input[type='checkbox']:hover,
.form-group input[type='checkbox']:focus {
	 box-shadow: var(--mob1_FORM_GROUP_INPUT_HOVER_BOX_SHADOW);
	-webkit-box-shadow: var(--mob1_FORM_GROUP_INPUT_HOVER_WEBKIT_BOX_SHADOW);
}

.form-group.input-row input,
.form-group.input-row select,
.form-group.input-row input:focus,
.form-group.input-row input:hover,
.form-group.input-row select:focus,
.form-group.input-row select:hover {
	padding: 0;
	color: var(--mob1_FORM_GROUP_INPUT_SELECT_HOVER_TXT);
	background: var(--mob1_FORM_GROUP_INPUT_SELECT_HOVER_BG);
	border: var(--mob1_FORM_GROUP_INPUT_SELECT_HOVER_BORDER);
	box-shadow: var(--mob1_FORM_GROUP_INPUT_SELECT_HOVER_BOX_SHADOW);
	-webkit-box-shadow: var(--mob1_FORM_GROUP_INPUT_SELECT_HOVER_WEBKIT_BOX_SHADOW);
}

.form-group .input-.pswd input {
	padding: 10px 45px 10px 1rem
}

.form-group.input-row .input-.pswd input {
	padding: 0
}

.form-group.input-row .inputmsg {
	font-size: 14px
}

.tooltip-inner {
	border: var(--mob1_TOOL_TIP_INNER_BORDER);
}

.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
.tooltip.bs-tooltip-bottom .arrow:before {
	border-width: 0 .4rem .4rem;
	border-bottom-color: var(--mob1_TOOL_TIP_AUTO_ARROW_BEFORE_BORDER_BOTTOM);
}

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before,
.tooltip.bs-tooltip-top .arrow:before {
	border-width: .4rem .4rem 0;
	border-top-color: var(--mob1_TOOL_TIP_AUTO_ARROW_BEFORE_BORDER_TOP)
}

.tooltip.bs-tooltip-auto[x-placement^=left] .arrow:before,
.tooltip.bs-tooltip-left .arrow:before {
	border-width: .4rem 0 .4rem .4rem;
	border-left-color: var(--mob1_TOOL_TIP_AUTO_ARROW_BEFORE_BORDER_LEFT)
}

.tooltip.bs-tooltip-auto[x-placement^=right] .arrow:before,
.tooltip.bs-tooltip-right .arrow:before {
	border-width: .4rem .4rem .4rem 0;
	border-right-color: var(--mob1_TOOL_TIP_AUTO_ARROW_BEFORE_BEFORE_RIGHT)
}

.inputIcon {
	position: absolute;
    width: fit-content;
    height: fit-content;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-size: 20px;
    cursor: pointer
}

.form-group.input-row .inputIcon {
	right: 0
}

.error {
	color: var(--mob1_ERROR_TXT);
}

.btn-g {
	position: relative;
	border-radius: 5px;
	min-width: unset;
    max-width: unset;
    padding: 10px 1rem;
    letter-spacing: 0;
    color: var(--mob1_BTN_G_TXT);
    border: var(--mob1_BTN_G_BORDER);
    background-image: var(--btn-general-BG);
    background-size: 200%;
    background-position: 0 0;
    transition: all .3s ease-in-out
}

.btn-g:hover {
	background-position: 100% 0
}

.btn-g.shover:hover {
	filter: var(--mob1_BTN_G_HOVER_FILTER);
	-webkit-filter: var(--mob1_BTN_G_HOVER_WEBKIT_FILTER);
}

.btn-g.btn-1 {
	color: var(--mob1_BTN_G_1_TXT);
	background: var(--mob1_BTN_G_1_BG)
}

.btn-g.btn-2 {
	background: var(--mob1_BTN_G_2_BG)
}

.btn-g.btn-3 {
	background: var(--mob1_BTN_G_3_BG);
    border: var(--mob1_BTN_G_3_BORDER);
}

.btn-g.btn-3:hover {
	border-color: var(--mob1_BTN_G_3_HOVER_BORDER);
}

.btn-g.btn-4 {
	background: var(--mob1_BTN_G_4_BG);
	padding: 5px 1rem
}

.btn-g.btn-4:hover {
	color: var(--mob1_BTN_G_4_HOVER_TXT)
}

.btn-g.btn-5 {
	color: var(--mob1_BTN_G_5_TXT);
	background: var(--mob1_BTN_G_5_BG);
}

.btn-g.disabled,
.btn-g:disabled,
.btn-g:disabled:hover {
	cursor: default;
	color: var(	--mob1_BTN_G_DISABLED_TXT);
    background-image: var(--mob1_BTN_G_DISABLED_BG);
    background-size: 100%;
    background-position: 0 0
}

.btn.large {
	width: 50%
}

.btn-modalClose {
    position: absolute;
	width: 60px;
    height: 100%;
    right: 0;
    top: 0;
    padding: 0;
    font-size: 20px;
    text-align: center;
    border-radius: var(--mob1_BTN_MODAL_CLOSE_BORDER_RADIUS);
    transition: .3s ease-in-out;
    border: var(--mob1_BTN_MODAL_CLOSE_BORDER);
    color: var(--mob1_BTN_MODAL_CLOSE_TXT);
    background-color: var(--mob1_BTN_MODAL_CLOSE_BG);
}

.btn-otp {
    padding: 10px 5px
}

.btn-form {
    min-width: 200px;
    font-size: 14px
}

.btn-modalDownload,
.btn-modalDownload:hover {
	padding: 10px 15px;
    font-size: 10px;
    background: var(--mob1_BTN_MODAL_DOWNLOAD_HOVER_BG);
}

.btn-rewardRefresh,
.btn-rewardRefresh:hover {
	width: 100%;
    padding: 8px 15px;
    background: var(--mob1_BTN_REWARD_REFRESH_HOVER_BG);
}

.btn-delete,
.btn-delete:hover {
	font-size: 16px;
	background-color: var(--mob1_BTN_DELETE_HOVER_BG);
}

.btn-add {
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
    transition: .3s ease-out;
    color: var(--mob1_BTN_ADD_TXT);
    border: var(--mob1_BTN_ADD_BORDER);
    background-color: var(--mob1_BTN_ADD_BG);
}

.btn-add:hover {
    color: var(--mob1_BTN_ADD_HOVER_TXT);
    border: var(--mob1_BTN_ADD_HOVER_BORDER);
    background-color: var(--mob1_BTN_ADD_HOVER_BG);
}

.btn-refShare {
    width: 70px;
    padding: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: var(--mob1_BTN_REF_SHARE_BORDER);
    background-color: var(--mob1_BTN_REF_SHARE_BG);
}

.btn-play {
    width: 98%;
    padding: 8px 5px 
}

.btn-allin,
.btn-allin:hover { 
	width: calc(100%/2.1);
	height: fit-content;
	padding: 8px 5px;
	background: var(--mob1_BTN_ALLIN_HOVER_BG);
}

.btn-restore,
.btn-restore:hover {
	width: calc(100%/2.1);
	height: fit-content;
	padding: 8px 5px;
	background: var(--mob1_BTN_RESTORE_HOVER_BG);
}

.btn-voucherClaim,
.btn-voucherClaim:hover {
    background-color: var(--mob1_BTN_VOUCHER_CLAIM_HOVER_BG);
}

.btn-creditClaim {
	border: var(--mob1_BTN_CREDIT_CLAIM_BORDER);
	background: var(--mob1_BTN_CREDIT_CLAIM_BG);
	animation: btn_creditClaim 2s ease-in-out infinite;
	-webkit-animation: btn_creditClaim 2s ease-in-out infinite
}

.btn-creditClaim:hover {
	background: var(--mob1_BTN_CREDIT_CLAIM_HOVER_BG);
}

.btn-generate,
.btn-generate:hover {
	background: var(--mob1_BTN_GENERARE_HOVER_BG);
}

.btn-back,
.btn-back:hover {
    padding: 5px 0;
    background-color: var(--mob1_BTN_BACK_HOVER_BG);
}

.isMaintenance {
    width: 98%;
    float: right;
    padding: 10px 5px;
    border-radius: 5px;
    text-align: center;
    text-transform: uppercase;
    color: var(--mob1_ISMAINTENANCE_TXT);
    background-color: var(--mob1_ISMAINTENANCE_BG);
}

.toggle-btn {
	position: relative;
    display: flex;
    align-items: center
}

.toggle-btn label {
	margin: 0 10px 0 0;
	color: var(--mob1_TOGGLE_BTN_LABEL_TXT);
}

.toggle-btn input[type=checkbox] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    cursor: pointer;
    opacity: 0;
    z-index: 1
}

.toggle-btn .toggle-slider {
	position: relative;
    width: 80px;
    border-radius: 20px;
    padding: 5px 0;
    text-transform: uppercase;
    transition: .3s linear;
    color: var(--mob1_TOGGLE_BTN_SLIDER_TXT);
    border: var(--mob1_TOGGLE_BTN_SLIDER_BORDER);
	background-color: var(--mob1_TOGGLE_BTN_SLIDER_BG);
}

.toggle-btn input[type=checkbox]:checked + .toggle-slider {
	background-color: var(--mob1_TOGGLE_BTN_CHECKED_SLIDER_BG);
    border-color: var(--mob1_TOGGLE_BTN_CHECKED_SLIDER_BORDER)
}

.toggle-btn .toggle-slider:before {
	content: "";
	position: absolute;
	border-radius: 100%;
	width: 15px;
	height: 15px;
	top: 50%;
    transform: translate(5px, -50%);
	transition: .3s linear;
	background-color: var(--mob1_TOGGLE_BTN_SLIDER_BEFORE_BG);
}

.toggle-btn input[type=checkbox]:checked + .toggle-slider:before {
	transform: translate(60px, -50%)
}

.toggle-btn .toggle-slider .off {
    width: fit-content;
    margin: auto;
    display: block
}

.toggle-btn .toggle-slider .on {
	width: fit-content;
	margin: auto;
	display: none
}

.toggle-btn input[type=checkbox]:checked + .toggle-slider .on {
	display: block
}

.toggle-btn input[type=checkbox]:checked + .toggle-slider .off {
	display: none
}

/* DATATABLES */
.datatable-cus .dataTables_wrapper .dataTables_filter label {
	color: var(--mob1_DATATABLE_WRAPPER_FILTER_LABEl_TXT);
}

.datatable-cus .dataTables_wrapper .dataTables_filter input {
    padding: 10px 15px;
    font-size: 12px;
    transition: .3s linear;
    color: var(--mob1_DATATABLE_WRAPPER_FILTER_INPUT_TXT);
    border: var(--mob1_DATATABLE_WRAPPER_FILTER_INPUT_BORDER);
    background-color: var(--mob1_DATATABLE_WRAPPER_FILTER_INPUT_BG);
}

.datatable-cus .dataTables_wrapper .dataTables_filter input:hover,
.datatable-cus .dataTables_wrapper .dataTables_filter input:focus {
    text-decoration: none;
    outline: none;
    box-shadow: var(--mob1_DATATABLE_WRAPPER_FILTER_INPUT_HOVER_BOX_SHADOW);
    border: var(--mob1_DATATABLE_WRAPPER_FILTER_INPUT_HOVER_BORDER);
}

.datatable-cus .dataTables_wrapper .dataTable {
    border: var(--mob1_DATATABLE_WRAPPER_DATATABLE_BORDER);
}

.datatable-cus .dataTables_wrapper .dataTable thead tr td {
    text-transform: uppercase;
    font-weight: 500;
    border: var(--mob1_DATATABLE_WRAPPER_THEAD_TR_TD_BORDER);
    color: var(--mob1_DATATABLE_WRAPPER_THEAD_TR_TD_TXT);
    background-color: var(--mob1_DATATABLE_WRAPPER_THEAD_TR_TD_BG);
}

.datatable-cus .dataTables_wrapper .dataTable tbody tr td {
    color: var(--mob1_DATATABLE_WRAPPER_TBODY_TR_TD_TXT);
    border-bottom: var(--mob1_DATATABLE_WRAPPER_TBODY_TR_TD_BORDER_BOTTOM);
    background-color: var(--mob1_DATATABLE_WRAPPER_TBODY_TR_TD_BG);
}

.datatable-cus .dataTables_wrapper .dataTable tbody tr:last-child td {
    border-bottom: var(--mob1_DATATABLE_WRAPPER_TBODY_TR_LAST_CHILD_TD_BORDER_BOTTOM);
}

.datatable-cus .dataTables_wrapper .dataTables_paginate .paginate_button {
	color: var(--mob1_DATATABLE_WRAPPER_PAGINATE_BUTTON_TXT);
	border: var(--mob1_DATATABLE_WRAPPER_PAGINATE_BUTTON_BORDER);
	background: var(--mob1_DATATABLE_WRAPPER_PAGINATE_BUTTON_BG);
    box-shadow: var(--mob1_DATATABLE_WRAPPER_PAGINATE_BUTTON_BOX_SHADOW);
}

.datatable-cus .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.datatable-cus .dataTables_wrapper .dataTables_paginate .paginate_button:active,
.datatable-cus .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	color: var(--mob1_DATATABLE_WRAPPER_PAGINATE_BUTTON_HOVER_CURRENT_TXT);
	background: var(--mob1_DATATABLE_WRAPPER_PAGINATE_BUTTON_HOVER_CURRENT_BG);
    box-shadow: var(--mob1_DATATABLE_WRAPPER_PAGINATE_BUTTON_HOVER_CURRENT_BOX_SHADOW);
}

.datatable-cus .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.datatable-cus .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.datatable-cus .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: var(--mob1_DATATABLE_WRAPPER_PAGINATE_BUTTON_DISABLED_HOVER_ACTIVE_TXT);
	background: var(--mob1_DATATABLE_WRAPPER_PAGINATE_BUTTON_DISABLED_HOVER_ACTIVE_BG);
    border: var(--mob1_DATATABLE_WRAPPER_PAGINATE_BUTTON_DISABLED_HOVER_ACTIVE_BORDER);
}

/* MODAL */
.modal {
    background-color: var(--mob1_MODAL_BG);
}

.modal .modal-dialog {
	margin: 2rem .5rem .5rem
}

.modal .modal-content {
    background-color: var(--mob1_MODAL_CONTENT_BG)
}

.modal .modal-content .modal-header {
	position: relative;
    border-bottom: none;
    gap: 5px;
    min-height: 50px;
    color: var(--mob1_MODAL_CONTENT_HEADER_TXT);
    background: var(--mob1_MODAL_CONTENT_HEADER_BG);
    width: auto;
    height: auto;
    z-index: 0
}

.modal .modal-content .modal-header .title {
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase
}

.modal .modal-content .modal-body {
    border-radius: var(--mob1_MODAL_CONTENT_BODY_BORDER_RADIUS);
    background-color: var(--mob1_MODAL_CONTENT_BODY_BG);
}

/* BORDER */
.box-border {
	position: relative;
	margin: 1rem 0;
	padding: 10px 15px;
	border: var(--mob1_BOX_BORDER);
	background-color: var(--mob1_BOX_BORDER_BG);
}

.box-border.labeled {
	
}

.box-border h3 {
    position: relative;
    padding: 0 1rem;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--mob1_BOX_BORDER_H3_TXT);
}

.box-border h3:before {
	content: "";
    position: absolute;
    width: 5px;
    height: 100%;
    left: 0;
    top: 0;
    background: var(--mob1_BOX_BORDER_H3_BEFORE_BG);
}

/* SLICK */
.slick- {
	height: fit-content
}

.slick-prev,
.slick-next {
	width: 35px;
    height: 85%;
    top: 50%;
    transform: translateY(-50%);
	font-size: 20px;
	z-index: 2;
	color: var(--mob1_SLICK_PREV_NEXT_TXT);
	background: var(--mob1_SLICK_PREV_NEXT_BG);
	transition: .3s ease-in-out
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	color: var(--mob1_SLICK_PREV_NEXT_HOVER_TXT);
	background: var(--mob1_SLICK_PREV_NEXT_HOVER_BG);
}

.slick-prev {
	left: 0
}

.slick-next {
	right: 0
}

.slick-prev:before,
.slick-next:before {
	content: ""
}

.slick-layer.gap {
	margin: 1rem 10px
}

.slick-dots {
	bottom: -10px
}

.slick-dots li {
	width: 40px;
	height: 3px	
}

.slick-dots li button {
	width: 100%;
    height: 100%;
    padding: 0;
    opacity: .5;
    transition: .3s ease-in-out;
    background: var(--mob1_SLICK_DOTS_LI_BUTTON_BG);
}

.slick-dots li button:hover,
.slick-dots li button:focus,
.slick-dots li.slick-active button,
.slick-dots li.slick-active button:focus {
    opacity: 1
}

.slick-dots li button:before,
.slick-dots li button:focus:before,
.slick-dots li.slick-active button:before,
.slick-dots li.slick-active button:focus:before {
	width: 0;
	height: 0;
	color: var(--mob1_SLICK_DOTS_LI_ACTIVE_BUTTON_BEFORE_TXT);
	background: var(--mob1_SLICK_DOTS_LI_ACTIVE_BUTTON_BEFORE_BG);
}


/* FREE CREIDT FLOATING*/
.freecredit-wrap {
    position: fixed;
    width: 140px;
    height: 140px;
    bottom: 13%;
    left: 0;
    z-index: 99;
}

.minigame-wrap {
	position: fixed;
    width: 140px;
    height: 140px;
    bottom: 30%;
    left: 0;
    z-index: 99;
}

.freecreditCloseBtn,
.miniGameCloseBtn {
	margin-left: 110px;
}

.freecredit-wrap .freecreditCloseBtn #btn-freecredit-close,
.minigame-wrap .miniGameCloseBtn #btn-minigame-close {
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    opacity: 1;
	border: var(--mob1_FREECREDIT_WRAP_CLOSE_BTN_BORDER);
    color: var(--mob1_FREECREDIT_WRAP_CLOSE_BTN_TXT);
    background-color: var(--mob1_FREECREDIT_WRAP_CLOSE_BTN_BG);
}

.freecredit-wrap a img,
.minigame-wrap a img  {
    animation: popping 2s ease-in-out infinite;
}

@-webkit-keyframes popping {
    0% {
        width: 100%
    } 50% {
        width: 115%
    } 100% {
        width: 100%
    }
}
/* FREE CREIDT FLOATING*/