a, a:hover, a:active, a:visited {color:inherit}
.wallet-buttons-container {display:none}
.btn {display: inline-block;margin-bottom: 0;font-weight: normal;text-align: center;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;border-radius: 4px;}
.wallet-buttons-container button {height: 40px;width: calc(50% - 5px);font-weight: 600;}
.btn-wallet-signup, .btn-wallet-signup:hover, .btn-wallet-signup:focus {background: #000;border: 1px solid #404040;color: #fff;}
.btn-wallet-login, .btn-wallet-login:hover, .btn-wallet-login:focus {background: linear-gradient(to bottom, #e4cd87 0%, #ac8633 100%);;border: 1px solid #dac179;color: #000;}
.main-page {margin-bottom: 20px;}
.main-page.live-bg{background: #0c0c0c;}
.main-page.slot-bg{background: #0c0c0c;}
.main-page.sports-bg{background: #0c0c0c;}
.main-page.arcade-bg{background: #0c0c0c;}
.main-page.slot-view-bg{background: #0c0c0c;padding-bottom: 0;}
.main-page .main-container:not(.slotSelector):first-child{padding: 10px 0;}
.main-container .game-nav {display: flex;align-items:center;justify-content: space-between;flex-wrap: wrap;padding: 20px;background: #181818;border: 1px solid #1d1d1d;}
.game-nav .links {width:49%;/*height: 205px;*/display: inline-block;cursor: pointer;transition: all .5s;position: relative;overflow: hidden;text-align: center;border: 2px solid #000100;}
.game-nav .links img {width:100%;}
.title-container {position: absolute;width: 96%;bottom: 0;display: flex;justify-content: space-between;padding: 10px;font-size: 14px;margin:0 2% 4px 2%;background: rgba(0, 0, 0, 0.6);}
.title-container h3{font-weight: 700;color: #ffffff;margin: 0 0 0 10px;line-height: 40px;font-size: 14px;}
.title-container button{background: #e1ca84;background: -moz-linear-gradient(top, #e1ca84 0%, #ad8734 100%);background: -webkit-linear-gradient(top, #e1ca84 0%,#ad8734 100%);background: linear-gradient(to bottom, #e1ca84 0%,#ad8734 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ca84', endColorstr='#ad8734',GradientType=0 );border: 1px solid #e1ca84;width: 105px;height: 40px;color: #000000;}
.game-nav .links:hover .title-container h3, .game-nav .links.active .title-container h3{color: #dac179;}
.game-nav .links:hover .title-container button, .game-nav .links.active .title-container button{background: #100b01;border-color: #443209;color: #ffffff;}
.main-container .gamebutton-container {background: #181818;padding: 20px 20px 10px;display: flex;/*justify-content: space-between;*/gap:18px;flex-wrap: wrap;border: 1px solid #1d1d1d;}
.sports-container {background: #181818;border: 1px solid #1d1d1d;padding: 20px;}
.gamebutton-container.sports {justify-content: unset;gap: 5px;padding: 20px 0;border: 0;}
.gamebutton-container.sports > div {margin-bottom: 0 !important;}
.sports-container > span {color: #dac179;font-size: 20px;font-weight: 700;}
.gamebutton-container.long-img {justify-content: unset;gap: 5px;padding: 20px 0 0;border: 0;}
.gamebutton-container.long-img > div {padding-bottom: 0 !important;margin-bottom: 0 !important;}
.gamebutton-container .game-button {width: 188px;min-height:70px;/*height: 221px;*/cursor: pointer;transition: all .8s;position: relative;}
.gamebutton-container .game-button>img {width:100%}
.game-button .button-container{width: 50%;height: 70px;position: absolute;right: 0;bottom: 20px;text-align: center;font-size: 18px;color: #ffffff;}
.button-container .btn.btn-play{background: linear-gradient(to bottom,#00cdfe,#00aef3);border: none;width: 140px;height: 40px;color: #ffffff;position: relative;border-radius: 0;transition: all .5s;bottom: -5px;}
.button-container .button-container_grp .btn.btn-play{width: auto;padding: 0px 8px;}
.button-container .btn.btn-play:hover{background: #6b778c;}
.button-container .btn.btn-play-pinnacle{background: #f5aa18;border: 1px solid #f5aa18;width: 140px;height: 40px;color: #ffffff;position: relative;border-radius: 0;transition: all .5s;bottom: -5px;}
.button-container .button-container_grp .btn.btn-play-pinnacle{width: 140px;padding: 0px 8px;}
.button-container .btn.btn-play-pinnacle:hover{background: #0f0f0f;border: 1px solid #f5aa18;}
.gamebutton-container .game-button:not(:nth-of-type(n+37)){margin-bottom: 10px;}
.gamebutton-container .game-button-title {color: #ffffff;font-weight: 700;width: 100%;text-align: center;position: absolute;bottom: 0;padding: 20px;font-size: 14px;}
.gamebutton-container .game-button:hover .game-button-title {color: #dac179;}
/*Coming Soon*/
.coming-soon{background: url("/common/images/main/coming-soon/button-coming-soon.jpg") no-repeat;}
/*Game nav overlay*/
.game-nav .links:hover .overlay, .game-nav .links.active .overlay{opacity: 1;}
.game-nav .links .overlay {width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: all 1s;opacity: 0;background: rgb(0 0 0 / 25%);border: 2px solid #dac179;}
/*Game button overlay*/
.game-button:hover .overlay {opacity: 1;}
.game-button .overlay{width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: all 1s;opacity: 0;background: rgb(0 0 0 / 60%);border: 2px solid #dac179;}
.game-button .overlay .tbl {display: table;width: 100%;height: 100%;}
.game-button .overlay .tbl .center {display: table-cell;text-align: center;vertical-align: middle;width: auto;height: auto;font-size: 14px;}
.game-button .overlay .tbl .center .title {min-width: 105px;height: 40px;margin: 0 auto;display: table;line-height: 35px;padding: 0 10px;background: #e1ca84;background: -moz-linear-gradient(top, #e1ca84 0%, #ad8734 100%);background: -webkit-linear-gradient(top, #e1ca84 0%,#ad8734 100%);background: linear-gradient(to bottom, #e1ca84 0%,#ad8734 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ca84', endColorstr='#ad8734',GradientType=0 );border: 1px solid #e1ca84;color: #000000;border-radius: 0;}
.game-button .overlay .tbl .center .title:hover {background: #100b01;border: 1px solid #443209;color: #ffffff;}
.game-nav_bg {background: rgb(0 0 0 / 50%);height: 100%;width: 100%;position: absolute;z-index: 1;}
.links.active .game-nav_bg, .links:hover .game-nav_bg {opacity: 0;}
.game-nav .links:hover:after {opacity: 1;top: 100%;left: 100%;transition-property: left, top, opacity;transition-duration: 1s, 1s, 0.2s;transition-timing-function: ease;}
.game-nav .links:after {content: "";position: absolute;top: -400%;left: -200%;width: 100%;height: 500%;opacity: 0;transform: rotate(30deg);background: rgba(255, 255, 255, 0.13);background: linear-gradient( to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100% );}
.game-nav .links:hover, .game-nav .links.active {border: 2px solid #dac179 !important;}

.p-sidebar {position:fixed;transition:transform 0.3s;display:flex;flex-direction:column;z-index:999999;top:0;left:0;width:100%;background:#000;color:#fff;height:100%;font-size:16px}
.p-sidebar a.menu-close {display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image: url(/common/images/Gray-X-Circle-Mini-Icon.svg);}
.p-sidebar-header {display:flex;align-items:center;justify-content:flex-end;padding:10px 15px;}
.p-sidebar-header .p-sidebar-header-content {display:flex;justify-content:space-between;width:100%;align-items:center;}
.p-sidebar-content {position:relative;overflow-y:auto;padding:0;}
.p-sidebar .p-sidebar-content .welcome-container {padding:10px;}
.p-sidebar .p-sidebar-content .welcome-container .welcome-text {font-size:20px;text-align:center;margin-bottom:20px;margin-top:20px;}
.p-sidebar .p-sidebar-content .welcome-container .auth-box {display:flex;justify-content:center;gap:15px;margin-bottom:20px;}
.p-sidebar .btn {display:flex;justify-content:center;align-items:center;width:80px;height:32px;cursor:pointer;border-radius:4px;background-color:#887c62;color:#fff;font-weight: 500;}
.p-sidebar .btn.join	{background-color:#f8fafc;border: 1px solid #887c62;color: #887c62;}
.p-sidebar .btn.logout {width:100%;height:40px}
.p-sidebar .btn.menu_close {width:90%;margin:10px auto;height:40px;background-color:#f8fafc;border: 1px solid #887c62;color: #887c62;}
.p-sidebar .p-sidebar-content .welcome-container .nickname-box {margin-bottom:15px;display:flex;align-items:center;gap:5px;}
.p-sidebar .p-sidebar-content .welcome-container .nickname-box .nickname-text {color:#887c62;font-weight:bold}
.p-sidebar .p-sidebar-content .welcome-container .balance-container {margin-bottom:20px;display:grid;grid-template-columns:repeat(2, 1fr);gap:10px;}
.p-sidebar .p-sidebar-content .welcome-container .balance-container>div {background:#222;padding:10px;border-radius:4px}
.p-sidebar .p-sidebar-content .welcome-container .balance-container .balance-box {font-size:24px;margin-bottom:3px;display:flex;align-items:center;}
.p-sidebar .p-sidebar-content .welcome-container .balance-container .balance-text {font-size:14px;color:#999;display:flex;justify-content:space-between;align-items:center;}
.p-sidebar .p-sidebar-content .menu-list {padding:0px 10px;background-color:#000;display: flex;flex-flow: column;}
.p-sidebar .p-sidebar-content .menu-list .item {display: flex;gap: 6px;align-items:center;padding: 12px 0;border-bottom:1px solid #444;}

.popup-container {position:fixed;top:0;left:0;right:0;bottom:0;width:100%;background:rgba(0, 0, 0, .5);z-index:9999;}
.popup-wrap {width:1440px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px}
.popup-container .popup-wrap .popup-box {display:inline-block;margin-top:68px;width:calc(25% - 10px);margin-right:10px;overflow:hidden;background:#fff;border:1px solid #e1ca84;animation:opacityIn .3s;transition:opacity .3s;}
.popup-container .popup-wrap .popup-box .popup-contents-box {min-height:400px;padding:0;color:#000}
.popup-container .popup-wrap .popup-box .popup-contents-box img {display:block;width:100%;max-height:calc(100vh - 150px);}
.popup-container .popup-wrap .popup-box .popup-footer {background:linear-gradient(to bottom, #e1ca84 0%, #ac8633 100%);color:#000;display:flex;justify-content:space-between;align-items:center;padding:6px 10px;}
.popup-container .popup-wrap .popup-box .popup-footer a {display:inline-block;font-weight:700;color:inherit;margin-left:20px}
.popup-container .popup-wrap .popup-box .popup-footer input[type=checkbox] {margin-right:4px}

/* Banner Carousel */
.text-orange {color: #f86a33 !important;}
.text-yellow {color: #fec150 !important;}
.banner-text {position: absolute;width:700px;top:100px;right:0px;}
.banner-carousel {margin: 0 0 20px;position: relative;z-index: 20;}
.banner-carousel .carousel-item {padding: 0 0 20px;}
.banner-carousel h1, .banner-carousel h2  {color:#fff;margin: 0 0 1%;text-shadow: 0 2px 5px rgba(0, 0, 0, 1.0);}
.banner-carousel h1 {font-size: 46px;}
.banner-carousel h2 {font-size: 40px;}
.banner-carousel .m-b-1 {margin: 0 0 2% !important;}
.banner-carousel .carousel-item * {animation: carouselAnim 1s ease 1 backwards;}
@keyframes carouselAnim {
    0% {opacity: 0;transform: translateY(50%);}
    100% {opacity: 1.0;transform: translateY(0);}
}
.banner-carousel .carousel-item *:nth-child(2) {animation-delay: 0.2s;}
.banner-carousel .carousel-item *:nth-child(3) {animation-delay: 0.4s;}
.banner-carousel .indicator-panel {width: 100%;}
.carousel-indicators {margin: 0 auto;bottom: 0;padding: 0;left:0;position: relative;/*background-color: rgba(0, 0, 0, 0.5);*/padding: 4px 5px;border-radius:12px;}
.carousel-indicators li {width:10px;height:10px;border-radius: 50%;margin: 0 6px;background-color: #ffffff;border:none;opacity: 1;transition: 0.3s;}
.carousel-indicators li:hover {background-color: rgba(255, 255, 255, 1);}
.carousel-indicators li.active {background-color: #fdc62d;background-image: linear-gradient(#fdc62d, #fdc62d, #a74c0a);}

/* Site Button */
.btn-yellow, .btn-gray, .btn-brown {
    color: #ffffff;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: solid 1px #c07010;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}
.btn-yellow {
    background-color: #fec72e;
    background-image: linear-gradient(to right, #a64b0a, #fec72e);
    box-shadow: 0 2px 0 #721500;
}
.btn-gray {
    background-color: #666666;
    background-image: linear-gradient(to right, #333333, #666666);
    border-color: #4f4f4f;
    box-shadow: 0 2px 0 #2a2a2a;
}
.btn-brown {
    background-color: #7f4737;
    background-image: linear-gradient(#7f4737, #411e14);
    border-color: #6b3c2e;
    color: #ffe993;
}
.btn-yellow span,
.btn-brown span,
.btn-gray span {
    transition: 0s;
}

.btn-yellow:before,
.btn-brown:before,
.btn-gray:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: 0.3s;
    z-index: -1;
    border-radius: 2px;
    opacity: 0;
}


.btn-yellow:before {
    background-image: linear-gradient(to right, #ff6b00, #c53105);
}

.btn-gray:before {
    background-image: linear-gradient(to right, #b1b1b1, #777777);
}

.btn-brown:before {
    background-image: linear-gradient(#a56733, #6d3a10);
}

@media(min-width:1201px){ 

    .btn-yellow:hover:before,
    .btn-brown:hover:before,
    .btn-gray:hover:before {
        opacity: 1;
    }

    .btn-yellow:hover {
        border-color: #ff7939;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5), 0 0 10px rgba(255, 41, 0, 0.75);
    }

    .btn-gray:hover {
        border-color: #b1b1b1;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5), 0 0 10px rgba(255, 255, 255, 0.25);
    }

    .btn-brown:hover {
        color: #ffe993;
        border-color: #a56733;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5), 0 0 10px rgba(122, 28, 0, 0.5);
    }

}
/*=========================================================== M O D A L ===============================================================*/
.modal-dialog-centered {
    display: flex;
align-items: center;}
.dflex-ac-jc {
    display: flex !important;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
}
.min-h-auto {
    min-height: auto !important;
}
.modal-close-btn:before, .modal-close-btn:after {
    width: 2px;
    height: 60%;
    background-color: #676767;
    left: 0;
    right: 5px;
    top: -2px;
    bottom: 0;
    margin: auto;
    transform: rotate(45deg);
    transition: 0.5s;
		content: '';
    position: absolute;
    pointer-events: none;
    z-index: -1;
}
.modal-panel {
    width: calc(100% - 300px);
    margin-left: auto;
    border-radius: 10px;
}
.w-100 {
    width: 100% !important;
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important;
}
.modal-backdrop {
    background-color: #000000;
}

.modal-backdrop.show {
    opacity: 0.5;
}

.modal {
    padding: 0 !important;
    overflow-y: auto;
    background-color: #292525;
    background-color: #0f0f0f;
    background-image: url(/common/images/board-bg.png);
    background-position: bottom 1px center;
    background-repeat: no-repeat;
}


.modal-dialog {
    max-width: 1300px;
    padding: 0 !important;
}

#login-modal .modal-dialog {
    max-width:400px;
}

.modal-content {
    min-height: 787px;
    flex-wrap: nowrap;
    align-content: stretch;
    align-items: stretch;
    flex-direction: row;
    overflow: visible;
    background-color: transparent;
    border-radius: 0;
    border: none;
}


/* Modal Close Btn */

.modal-close-btn {
    width: 50px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0);
    border: none;
    z-index: 9;
    position: absolute;
    border-radius: 50%;
    right: 0;
    top: 0;
}

.modal-close-btn:before,
.modal-close-btn:after{
    width:2px;
    height:60%;
    background-color: #676767;
    left:0;
    right:5px;
    top:-2px;
    bottom:0;
    margin:auto;
    transform:rotate(45deg);
    transition:0.5s;
}

.modal-close-btn:after{
    transform:rotate(-45deg);
}

.modal-close-btn:hover:before{
    transform:rotate(135deg);
    background-color: var(--yellow);
}

.modal-close-btn:hover:after{
    transform:rotate(-135deg);
    background-color: var(--yellow);
}

.modal .mob-menu-btn {
    position: absolute;
    left: 10px;
    top: 6px;
    display: none;
}


/* Modal Panel */

.modal-panel {
    width: calc(100% - 300px);
    margin-left: auto;
    border-radius: 10px;
		box-shadow: 2px 2px 10px 2px #aaa
}

.no-sidebar .modal-panel {
    border-radius: 10px;

}


/* Modal Title */

.modal-title {
    width: 100%;
    padding: 15px 0;
    overflow: hidden;
		line-height:1.5
}

.modal-title:before {
    height: 1px;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
}

.modal-title:after {
    width: 50%;
    height: 100%;
    border-radius: 50%;
    left: 0;
    right: 0;
    top: -100%;
    margin: 0 auto;
    box-shadow: 0 0 50px rgba(255, 255, 255, 0.25);
}

.modal-title .icon {
    margin-right: 12px;
}

.modal-title i {
    font-size: 30px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    top: -2px;
    position: relative;
}

.modal-title .title{
    background:transparent;
		color:#ffffff;
    font-size: 24px;
    white-space: nowrap;
    margin: 0;
		height:auto;
		font-weight:bold
}


/* Modal Body */

.modal-body {
    padding: 10px 30px 40px;
}

.modal-banner .logo {
    width: 50%;
    margin: 0 auto;
		display:block;
}
.modal-banner .logo img {width:100%}


#login-modal .modal-dialog {
    max-width:400px;
}

.modal-content {
    min-height: 787px;
    flex-wrap: nowrap;
    align-content: stretch;
    align-items: stretch;
    flex-direction: row;
    overflow: visible;
    background-color: transparent;
    border-radius: 0;
    border: none;
}
.form-container {
    width: 100%;
    max-width: 700px;
    display: inline-block;
    position: relative;
    z-index: 2;
}
/* Form Container */

.form-container {
    width: 100%;
    max-width: 700px;
    display: inline-block;
    position: relative;
    z-index: 2;
}

.form-container .form-group {
    width: 100%;
    display: inline-block;
    margin: 0 0 15px;
}

.form-container .form-group:last-child {
    margin: 0 0;
}

.form-container .labels {
    width: 100%;
    text-align: left;
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 14px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 1.0);
    position: relative;
    display: flex;
    align-items: center;
    padding:0 0 0 5px;
}

.form-container .infos {
    width: 100%;
    display: flex;
    align-items: center;
}

.form-container .form-group .input-container {
    width: 100%;
    float: left;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.form-container .w-btn .input-container {
    width: calc(100% - 125px);
}

.form-container .form-group input {
    width: 100%;
    height: 45px;
    float: left;
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
    border: solid 1px rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    transition: 0.3s;
    padding: 0 15px;
}

.customerModal .form-container .form-group input {
    height: 70px;
    font-size: 18px;
}

.form-container .w-icon input {
    padding: 0 0 0 50px;
}

.form-container .form-group input:read-only {
    color: #ffea6b;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 1.0);
}

.form-container .form-group input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.form-container .form-group .input-container .icon-panel{
    width: 50px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    color: rgba(255, 255, 255, 0.5);
}

.form-container .form-group .select-input {
    width: 100%;
    height: 45px;
    float: left;
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
    border: solid 1px rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    transition: 0.3s;
    display: flex;
    align-items: center;
    position: relative;
}

.form-container .cdb-form .select-input {
    margin: 0 2px;
}

.form-container .cdb-form .select-input:first-child {
    margin-left: 0;
}

.form-container .cdb-form .select-input:last-child {
    margin-right: 0;
}

.form-container .cdb-form .select-input.year {
    max-width: 145px;
}

.form-container .cdb-form .select-input.date-month {
    max-width: 95px;
}

.form-container .form-group .select-input select {
    width: 100%;
    height: 100%;
    border: none;
    color: rgba(255, 255, 255, 0.5);
    background-color: transparent;
    -webkit-appearance: none;
    padding: 0 15px;
    cursor: pointer;
}

.form-container .form-group select option {
    background-color: #1f0a0a;
    color: #fff;
}

.form-container .form-group .select-input i {
    font-size: 18px;
    position: absolute;
    right: 15px;
}

.form-container .form-group .checkbox-input {
    white-space: nowrap;
    flex-wrap: nowrap;
    margin-left: 10px;
}

.form-container .form-group .checkbox-input input {
    width: 13px;
    height: 13px;
}

.form-container .form-group .checkbox-input input {
    margin-right: 5px;
    cursor: pointer;
}

.form-container .form-group textarea {
    width: 100%;
    height: 200px;
    float: left;
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.05);
    border: solid 1px rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    transition: 0.3s;
    padding: 20px 18px;
    resize: none;
}

.form-container .form-group textarea::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.form-container .form-group .form-btn {
    width: 120px;
    height: 44px;
    border: none;
    float: right;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: 0.3s;
    margin: 0 0 0 5px;
    border-radius: 8px;
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 1.0);
}


/* Form Btn Group */

.form-container .form-group .infos .btn-grp {
    width: 100%;
    float: left;
}

.form-container .form-group .infos .btn-grp button {
    width: 16.66%;
    width: calc(16.66% - 4px);
    height: 38px;
    float: left;
    margin: 0 2px;
    background-color: #666666;
    border: none;
    border-radius: 5px;
    color: #ffffff;
    font-size: 12px;
    transition: 0.3s;
    padding: 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

.form-container .form-group .infos .btn-grp button:hover {
    background-color: #888888;
}

.form-container .form-group .infos .btn-grp button:first-child {
    margin-left: 0;
    width: calc(16.66% - 2px);
}

.form-container .form-group .infos .btn-grp button:last-child {
    width: calc(16.66% - 2px);
    margin-right: 0;
    background-color: #cf2e0a;
}

.form-container .form-group .infos .btn-grp button:last-child:hover {
    background-color: #ff2f00;
}


/* Form Footer */

.form-footer {
    width: 100%;
    margin: 50px 0 0;
    flex-wrap: nowrap;
}

.form-footer button {
    width: 160px;
    height: 48px;
    margin: 0 5px;
}

.form-footer .btn-transparent {
    box-shadow: none;
}

.join-content {width:800px;margin:20px auto;padding: 1rem;border: 1px solid #c5ae6e;}
.join-content .logo {display:block;width:200px;margin:0 auto;}
.join-content .logo img {width:100%}
.ngdialog-signup__fields {padding: 2rem;}

.board-container {width:100%;padding:20px;min-height:400px;background:rgba(0,0,0,0.4)}
.board-container .list-table {width:100%;border-collapse:collapse;}
.board-container .list-table thead th {font-weight:500;background:#b6954f;height:36px;line-height:36px;text-align:center}
.board-container .list-table tbody td {padding:10px;border-bottom:1px solid #222;text-align:left;background:#000}

.board-container .view-table {width:100%;border-collapse:collapse;}
.board-container .view-table tbody td {padding:0 10px;border:1px solid #222;text-align:left;background:#000}
.board-container .view-table tbody td.tit {height:50px;line-height:50px}
.board-container .view-table tbody td.cont {padding:10px;}

.board-container .btn-wrap {width:100%;padding:20px 0;display:flex}
.board-container .page-wrap {width:100%;padding:20px 0;display:flex;justify-content:center;align-items:center;gap:6px;font-size:14px}
.board-container .page-wrap a {display:inline-block;padding:6px;border:1px solid #222}
.board-container .page-wrap a.active {color:#b6954f}

.board-container>.item {width:100%;margin-bottom:20px;padding:10px;border:1px solid #333;border-radius:6px;text-align:left;background:#000}
.board-container>.item .item-title {width:100%;font-size:18px;padding:6px 0;border-bottom:2px solid #333;}
.board-container>.item .item-content {width:100%;font-size:16px;padding:6px 0;font-weight:400;}
.board-container>.item input {border-radius: 8px;border: 1px solid #e2e8f0;background-color: #fff;font-size: 14px;width: 100%;padding: 6px;}

.btnwrap {width:100%;margin-top:10px;display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:4px;}
.btnwrap button {width:calc(10% - 2px);cursor:pointer;padding:8px 12px;font-size:14px;font-weight:500;color:#fff;border:1px solid #111;background:linear-gradient(to bottom, rgba(80, 80, 80, 1) 1%, rgba(33, 33, 33, 1) 100%);}

.btn-mid {display:inline-block;text-align:center;color:#fff;cursor:pointer;padding:8px 30px;font-size:14px;border-radius:0}
.btn-gray {border:1px solid #111;background:linear-gradient(to bottom, rgba(80, 80, 80, 1) 1%, rgba(33, 33, 33, 1) 100%);}
.btn-gold {border:1px solid #956628;background:linear-gradient(180deg, #fffaa5 0, #956628);}

.search-wrap {position: relative;display:flex;padding:10px}
.search-wrap input[type=text] {border: 1px solid #e2e8f0;background-color:#fff;color:#000;font-size:14px;width:100%;padding:8px}
.search-wrap .icon-search {display: block;width: 20px;height: 20px;position: absolute;left: 12px;top: 50%;transform: translateY(-50%);}

.warning {padding:10px 20px;font-size:1.2em;font-weight:bold;color:#fffaa5}

@media only screen and (max-width:768px) {
	.wrapper {width:100%;min-width:100%;}
	.navigation-page .header-top {width:100%;min-width:100%;height:60px;display:flex;align-items:center;justify-content:flex-end}
	.navigation-page .header-top .logo-container img {height:60px}
	.navigation-page .header-top .nav-container {display:none}
	.navigation-page .header-bottom {display:none}
	.navigation-page .header-top .menu-open {display:block;padding-right:8px;}
		
	.main-container {width:100%}
	
	.banner {height:240px;background-repeat:no-repeat;background-image: url("/common/images/banner/main-banner-bg.jpg");background-size:1280px;background-position-x:-140px}
	.banner-text {width:100%;top:100px}
	.banner-carousel {margin: 0 0 10px;position: relative;z-index: 20;}
	.banner-carousel .carousel-item {padding: 0 0 10px;text-align:center}
	.banner-carousel h1 {font-size: 24px;}
	.banner-carousel h2 {font-size: 18px;}
	
	.wallet-buttons-container {display: flex;justify-content: space-between;padding: 10px;background: #181818;}

	.main-container .game-nav {padding:10px;row-gap:10px}
	.game-nav .links {width:100%}
	
	.main-container .gamebutton-container {padding:10px;justify-content:space-between;gap:0}
	.gamebutton-container .game-button {width:49%;}
	
	.transaction-page {background:#000;height:auto}
	.transaction-page .transaction-container {width:100%;}
	
	
	.footer-page p {font-size:12px}
		
	.popup-wrap {width:100%;flex-wrap:wrap;justify-content:center}
	.popup-container .popup-wrap .popup-box {margin-top:40px;width:calc(90% - 10px);}
	
	.join-content {width:100%;margin:10px auto;}
	.join-content .logo {width:120px;}
	.ngdialog-signup__fields fieldset {padding:0px 0 1.5rem 0 !important;}
	
	.board-container {padding:4px}
	.board-container .list-table {font-size:14px;}
	.board-container .list-table thead th {height:30px;line-height:30px;}
	.board-container .list-table tbody td {padding:10px 6px;}
	.board-container .view-table {font-size:14px;}
	
	.btnwrap button {width: calc(20% - 2px);padding:8px 8px;font-size:12px}
		
	.btn-mid {padding:4px 10px;font-size:12px}
}