@charset "utf-8";html, body, .onCanvas {
    width: 100%;
    background-color: #080808;
    font-family: 'Sora', sans-serif !important;
}

p, h1, h2, h3, h4, h5, h6, ul {
    margin: 0px;
    padding: 0px;
}

a:focus {
    outline: none;
    outline-offset: -2px;
}

a:hover, a:focus {
    text-decoration: none;
    color: #fff;
}

#content, #footer {
    display: block;
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.content_center {
    max-width: 768px;
    margin: 0 auto;
    float: none;
    padding: 0px;
}

.container {
    padding: 0px;
}

/*********************************** Header ***************************************/
#header {
    display: block;
    float: left;
    width: 100%;
    background: #151515;
}

a.logo {
    width: calc(100% - 24%);
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
}

a.logo img {
    display: block;
    margin: 0px auto;
}

.laggue {
    width: 12%;
    padding: 20px 15px 0px 0px;
    color: #fff;
    font-size: 16px;
    text-align: right;
}

.headerTitle {
    color: #fcc143;
    width: 245px;
    margin: 0 auto;
    font-size: 22px;
    text-align: center
}

.langPosition {
    position: absolute;
    right: -70px;
    top: 15px;
}

.langIcon {
    width: 30%;
    right: 0px;
}

/*********************************** Menu****************************************/
.onCanvas {
    width: 100%;
    position: relative;
    height: 100%;
    float: left;
    z-index: 2;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.overflow_hidden,.overflow_hidden body,.overflow_hidden .onCanvas {
    overflow: hidden !important;
    height: 100%;
}

html.offCanvas_open body .onCanvas {
    -webkit-transform: translateX(-260px);
    -moz-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    -o-transform: translateX(-260px);
    transform: translateX(-260px);
}

html.offCanvas_open body .onCanvas.onCanvas_left {
    -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -o-transform: translateX(260px);
    transform: translateX(260px);
}

@media screen and (min-width: 365px) {
    html.offCanvas_open body .onCanvas {
        -webkit-transform:translateX(-300px);
        -moz-transform: translateX(-300px);
        -ms-transform: translateX(-300px);
        -o-transform: translateX(-300px);
        transform: translateX(-300px);
    }

    html.offCanvas_open body .onCanvas.onCanvas_left {
        -webkit-transform: translateX(300px);
        -moz-transform: translateX(300px);
        -ms-transform: translateX(300px);
        -o-transform: translateX(300px);
        transform: translateX(300px);
    }
}

a.offCanvas_trigger {
    display: block;
    float: right;
    padding: 21px 10px 0px 10px;
    outline: none;
    width: 12%;
    height: 38px;
}

.offCanvas_trigger.offCanvas_trigger_open .offCanvas_trigger_item {
    background: #fff;
}

.offCanvas_trigger.offCanvas_trigger_open .offCanvas_trigger_item:first-child {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -moz-transform-origin: 6px 50%;
    -ms-transform-origin: 6px 50%;
    -webkit-transform-origin: 6px 50%;
    transform-origin: 6px 50%;
}

.offCanvas_trigger.offCanvas_trigger_open .offCanvas_trigger_item:nth-child(2) {
    opacity: 0;


}

.offCanvas_trigger.offCanvas_trigger_open .offCanvas_trigger_item:nth-child(3) {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -moz-transform-origin: 1px 50%;
    -ms-transform-origin: 1px 50%;
    -webkit-transform-origin: 1px 50%;
    transform-origin: 1px 50%;
}

.offCanvas_trigger_item {
    -moz-transition: all linear 0.4s;
    -o-transition: all linear 0.4s;
    -webkit-transition: all linear 0.4s;
    transition: all linear 0.4s;
    display: block;
    width: 30px;
    height: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    margin: 0 0 5px;
    background: #fbbd2e;
}

@media screen and (max-width: 767px) {
    a.offCanvas_trigger {
        display:block;
    }
}

.offCanvas {
    height: 100%;
    overflow-y: hidden;
    visibility: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1;
    width: 260px;
    background-color: #0e0e0e;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
    -moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
    transition: transform .4s 0s, visibility 0s .4s;
    -webkit-transform: translateX(80px);
    -moz-transform: translateX(80px);
    -ms-transform: translateX(80px);
    -o-transform: translateX(80px);
    transform: translateX(80px);
    -webkit-overflow-scrolling: touch;
    box-shadow: -5px 0px 8px #14141a inset;
}

.offCanvas.offCanvas_left {
    left: 0;
    -webkit-transform: translateX(-80px);
    -moz-transform: translateX(-80px);
    -ms-transform: translateX(-80px);
    -o-transform: translateX(-80px);
    transform: translateX(-80px);
}

@media screen and (min-width: 365px) {
    .offCanvas {
        width:300px;
    }
}

html.offCanvas_open .offCanvas.offCanvas_menu_open {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
    -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
    -moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
    transition: transform .4s 0s, visibility 0s 0s;
    overflow-y: scroll;
}

ul.offCanvas_menu {
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0;
    display: block;
}

ul.offCanvas_menu, ul.offCanvas_menu ul {
    -webkit-transform: translateZ(0);
    list-style: none;
    float: left;
    width: 100%;
    display: block;
    margin: 0 0 20px;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

ul.offCanvas_menu ul {
    padding: 0px;
    margin: 0;
    display: none;
}

ul.offCanvas_menu li {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    cursor: pointer;
    position: relative;
    border-right-width: 0;
    border-left-width: 0;
    border-bottom-width: 1px;
    border-top-width: 0;
    border-style: solid;
    border-image: -webkit-linear-gradient(0deg,rgba(0,0,0,0),#37373e,rgba(0,0,0,0)) 20 stretch;
    padding: 5px;
}

ul.offCanvas_menu li .icon {
    width: 20px;
    float: left
}

ul.offCanvas_menu li div {
    margin-top: 3px;
    float: left;
    padding-left: 8px;
}

ul.offCanvas_menu li a {
    display: block;
    float: left;
    width: 93%;
    padding: 8px 8px;
    font-size: 16px;
    color: #ddd;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

ul.offCanvas_menu > li > a {
    text-transform: uppercase;
    font-size: 12px;
}

ul.offCanvas_menu li a:hover {
    color: #fff;
}

ul.offCanvas_menu li .offCanvas_menu_has_children_indicator {
    display: block;
    float: left;
    width: 100%;
    height: 20px;
    position: absolute;
    right: 14px;
    top: 20px;
    text-align: center;
}

ul.offCanvas_menu li > .offCanvas_menu_has_children_indicator i {
    color: #fff;
    width: 11px;
    height: 11px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform ease 0.2s;
    -moz-transition: -moz-transform ease 0.2s;
    -ms-transition: -ms-transform ease 0.2s;
    -o-transition: -o-transform ease 0.2s;
    transition: transform ease 0.2s;
    float: right;
}

ul.offCanvas_menu li.offCanvas_menu_sub_open > .offCanvas_menu_has_children_indicator i {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

ul.offCanvas_menu_social,ul.offCanvas_menu_social li {
    list-style: none;
    text-align: center;
    margin: 0;
    padding: 0;
}

ul.offCanvas_menu_social {
    width: 90%;
    float: left;
    margin-bottom: 80px;
}

ul.offCanvas_menu_social li {
    display: inline-block;
    padding: 0 8px;
}

ul.offCanvas_menu_social li a {
    color: #777;
    font-size: 28px;
}

ul.offCanvas_menu_social li a:hover {
    color: #999;
}

.languageOption img {
    width: 60%;
    padding-right: 10px;
}

ul.menu-wallet li a {
    font-size: 13px;
}

/*****EDIT******/
.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 3;
    height: 55px !important;
}

.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 3;
    height: 75px !important;
    border-bottom: 1px solid #000000;
}

.content-in {
    margin-top: 66px;
    background: #080808;
    margin-bottom: 65px;
}

ul.menu-img li {
    width: 33%;
    border: none;
    margin: 0px;
    padding: 0px;
    color: #006ca2 !important;
}

ul.menu-img li img {
    border: 1px solid #fbbd2e;
    border-radius: 5px;
}

ul.menu-img li p {
    font-size: 10px;
    color: #fbbd2e !important;
    text-align: center;
}

li.offCanvas_menu_has_children.offCanvas_menu_sub_open {
    color: #31b1f8 !important;
    background-color: #222222;
}

li.offCanvas_menu_has_children.offCanvas_menu_sub_open a {
    color: #ffbc23 !important;
}

li.offCanvas_menu_has_children.offCanvas_menu_sub_open i {
    color: #b98a21 !important;
}

/*********************************** Slide ***************************************/
.wrap-banner {
    max-width: 768px;
    margin: 0 auto;
}

.carousel-indicators {
    position: absolute;
    bottom: -10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgb(255, 255, 255);
    border: none;
    border-radius: 10px;
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fbbd2e;
}

/******************************************* Modal CSS *******************************************/
.modal-dialog {
    position: relative;
    width: auto;
    margin: 0px;
    height: 100%;
}

.modal-content {
    background-color: #252525;
    height: 100%;
}

.modal-header {
    border-bottom: 1px solid #1f212a;
    padding: 0px;
}

.modal-body {
    border: none;
    min-width: 300px;
    display: block;
    margin: 0px auto;
}

.modal-footer {
    border-top: 1px solid #214d6a;
}

.close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
    filter: alpha(opacity=90);
    opacity: .9;
}

.close:hover,.close:focus {
    color: #fff;
    filter: alpha(opacity=50);
    opacity: .5;
    outline: none;
}

.modal-body .input-group {
    margin-bottom: 5px;
}

.modal-body .input-group-addon {
    background: #01151c;
    border: 2px solid #d2ac3c;
    border-right: none;
    border-radius: 6px 0 0 6px;
    color: #FFFFFF;
    padding: 8px 12px;
    font-size: 15px;
}

.modal-body .form-control {
    background: #01151c;
    border: 2px solid #d2ac3c;
    border-radius: 6px;
    color: #FFFFFF;
    height: 40px;
    font-size: 16px;
}

.modal-body .errormsg {
    color: #ff6464;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    font-size: 13px;
    margin-top: -5px;
    padding-bottom: 5px;
    padding-left: 45px;
}

.language-item {
    width: 50%;
    float: left;
    padding: 14px;
    margin-bottom: 30px;
}

.modal-header .logoin img {
    height: 58px;
    display: block;
    margin: 0px auto;
}

.logoin {
    border-bottom: 1px solid #fbbd2e;
}

.lang-t {
    color: #fff;
    margin-bottom: 28px;
    display: block;
}

.boxContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.box {
    position: absolute;
    bottom: 30px;
}

.btn-bottom {
    color: #fff;
    border: none;
}

/******************************************* TAB CSS *******************************************/
.tab-home ul {
    margin: 0px;
    padding: 0px;
}

.tab-home ul li a {
    background: #1c1c1c;
    color: #d3d3d4;
    border-radius: 0px;
    padding: 10px 0px;
    text-align: center;
    font-size: 12px;
}

.tab-home ul li {
    margin: 0px;
    width: 25%;
    border-left: 1px solid #13131d;
    border-bottom: 1px solid #13131d;
}

.tab-home ul li:first-child {
}

.tab-home ul li.active a {
    color: #fbbd2e !important;
    background-color: #1c1c1c;
}

.tab-home .nav-pills > li.active > a, .nav-pills > li.active > a:hover {
    background: #1c1c1c
}

.tab-home .tab-content {
    background: #000000;
    padding: 10px;
    color: #006ca2;
}

.tabin-game ul li p {
    color: #1ef2f5;
    margin-top: 5px;
}

.tabin-game ul li {
    list-style: none;
    float: left;
    padding: 10px;
    width: 33%;
    border: none;
}

.tabin-game ul li img {
    border-radius: 5px;
}

/******************************************* Form CSS *******************************************/
.form-login {
    background: #151515;
    margin-top: 0px;
}

.form-login form {
    padding-top: 10px;
}

.login-form ,.login-formH {
    position: relative;
    padding: 0px 0px 0px 0px;
}

.login-form .ico-style , .login-formH .ico-style {
    -webkit-transition: color .2s;
    transition: color .2s;
    position: absolute;
    width: 5rem;
    font-size: 22px;
    color: #fff;
    text-align: center;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 2px 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #ffffff;
    background-color: #fff0;
    background-image: none;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    border-right-width: 0;
    border-left-width: 0;
    border-bottom-width: 1px;
    border-top-width: 0;
    border-style: solid;
    border-image: -webkit-linear-gradient(0deg,rgba(0,0,0,0),#37373e,rgba(0,0,0,0)) 20 stretch;
}

.login-form .ico-style~label , .login-formH .ico-style~label {
    margin-left: 3rem;
}

.login-form .ico-style~input, .login-form .ico-style~textarea , .login-formH .ico-style~input, .login-formH .ico-style~textarea {
    margin-left: 5rem;
    width: 92%;
    width: -webkit-calc(100% - 3rem);
    width: calc(100% - 5rem);
    box-shadow: none;
}

.login-form label , .login-formH label {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    color: #f6df7f;
    position: absolute;
    top: 1px;
    font-size: 1.2rem;
    cursor: text;
    left: 20px;
    font-weight: bold;
}

.login-form a , .login-formH a {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    color: #f6df7f;
    position: absolute;
    top: 20px;
    font-size: 1rem;
    cursor: text;
    right: 20px;
}

.btn-join {
    float: left;
    width: 50%;
    border-radius: 0px;
    border: none;
    background: #fbbd2e;
    color: #000;
    border-right: 1px solid #1f1f27;
    height: 40px;
    font-size: 15px;
    font-weight: bold;
}

.btn-login {
    width: 50%;
    border-radius: 0px;
    border: none;
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(66,58,22,1) 50%, rgba(0,0,0,1) 100%);
    color: #f4c831;
    font-size: 15px;
    border: 1px solid #fbbd2e;
    font-size: 14px;
    height: 40px;
}

.login-bottom {
    margin-top: 20px;
}

/******************************************* Footer CSS ******************************************/
#footer {
    background: #040404;
}

#footer p {
    margin-top: 10px;
    color: #ababab;
}

#footer a {
    text-align: center;
    display: block;
    margin: 5px 0px;
    color: #31b1f8;
}

ul.prov-logo li {
    list-style: none;
    margin: 5px;
    text-align: center;
    float: left;
}

ul.prov-logo {
    display: flow-root;
    justify-content: center;
}

/************************************ After login home CSS **************************************/
.myaccount-content {
    background: #1f1f27;
    padding: 6px;
}

.myaccount-ico {
    background: #1f1f27;
    padding: 10px;
    border: 1px solid #006ca2;
    display: inline-block;
    border-radius: 5px;
    width: 100%;
}

ul.ico-account li {
    list-style: none;
    float: left;
    width: 33.3333333%;
    text-align: center;
    margin: 10px 0px;
}

ul.ico-account li a {
    color: #d3d3d4;
}

ul.ico-account li a img {
    display: block;
    margin: 0px auto;
    border-radius: 4px;
    border: 1px solid #696969;
    width: 80px;
}

/********toto*****/
.fourD_main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    margin: 20px 0px;
}

.fourD_header {
    color: #ffffff;
    background-color: #3a96ff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 10px 20px;
}

.fourD_body {
    background-color: #3a96ff;
    padding: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.fourD_body_content {
    background-color: #ffffff;
    padding: 5px;
}

.fourD_body_content table {
    border: 1px solid #252525;
}

.fourD_body_content table thead {
    background-color: #252525;
    color: #ffffff;
}

.fourD_body_content table.fourD_body_content_secrow tbody tr td {
    border: 1px solid #252525;
}

.toto_btn {
    background-image: linear-gradient(to bottom , #ffffff, #ffc000);
    border: 1px solid #ffffff;
    border-radius: 5px;
    min-width: 200px;
    min-height: 50px;
}

.toto_btn:hover {
    background-image: linear-gradient(to bottom , #ffc000, #ffffff);
}

.fourD_payout {
    display: grid;
    grid-template-columns: 60% 40%;
}

.fourD_payout_info_bg {
    background-color: #060b11;
    color: #ffffff;
}

.fourD_payout_info table tbody tr:first-child {
    border-bottom: 1px solid #e2e2e233;
}

.fourD_payout_info table tbody tr td:first-child,.fourD_payout_info table tbody tr td:nth-child(2) {
    border-right: 1px solid #e2e2e233;
}

.fourD_payout_info02 table tbody tr td:first-child {
    border-right: 1px solid #e2e2e233;
}

.fourD_payout_info02 table tbody tr td {
    width: 50%;
}

.fourD_payout_info_bg ul {
    list-style-type: none;
    padding: 20px;
    line-height: 2;
}

.fourD_payout_info {
    margin-right: 20px;
}

.vip_page {
    color: #ffffff;
    text-align: center;
}

.vip_page .fa-star {
    font-size: 6px;
    color: #b7b7b7;
}

.vip_page .fa-star.checked {
    color: #ffcc59;
}

table.vip_page tbody tr:nth-child(2) {
    line-height: 1;
}

table.vip_page tbody tr:nth-child(1n) {
    background-color: #080a0d;
}

table.vip_page tbody tr:nth-child(2n) {
    background-color: #382b13;
}

table.vip_page tbody tr td {
    padding: 10px;
    font-size: 12px;
    border: 1px solid #ffb500;
    min-width: 100px;
    max-width: 130px;
    word-break: break-all;
}

table.vip_page tbody tr td:first-child {
    text-align: left;
    min-width: 130px;
}

.vip_table_title {
    color: #ffc200;
}

table.vip_page.bonus {
    margin-top: 30px;
    margin-bottom: 10px;
}

.vipTnc {
    color: #ffffff;
}

.vipTnc ul {
    list-style-type: decimal;
    padding-left: 30px;
    font-size: 11px;
}

/********************************** Promotions CSS **********************************/
#promo {
    background: #270504;
}

.promo-section {
    margin-top: -12px;
}

.promo-item {
    display: block;
    margin: 0px auto;
    margin-bottom: 10px;
}

.promo-item .hide {
    display: none;
}

.promo-text {
    padding: 10px;
    background: #0e0e0f;
    color: #fff;
    border: 1px solid #333;
    border-top: none;
}

.promo-text > ul, .promo-text > ol {
    padding-left: 20px;
}

.promo-butt {
    cursor: pointer;
    border: 1px solid #e8b736;
}

.promo-table {
    border: 1px solid #FDFDFC;
    border-collapse: collapse;
    background-color: #141414;
}

.promo-table tr > th {
    background-color: #141414;
    padding: 3px 5px;
    border: 1px solid #FDFDFC;
}

.promo-table tr > td {
    padding: 2px 5px;
    border: 1px solid #FDFDFC;
}

.promo-subTitle {
    color: #FDFDFC;
    font-size: 14px;
    font-weight: bold;
}

.promo-item ul {
    margin-left: 15px !important;
}

.promo-item ul li {
    margin: 0px;
    line-height: 20px;
    list-style: circle;
    display: block;
    content: "";
    display: list-item;
}

.well {
    border: none;
}

.language-box div {
    width: 50%;
    float: left;
    padding: 20px;
}

/************************************ Forgot *************************************/
.forgot-tittle {
    display: inline-block;
    margin-bottom: 10px;
    background: #151515;
    width: 100%;
    padding: 14px 10px;
    color: #e3e3e3;
    border-bottom: 1px solid #fbbd2e;
}

.forgot-tittle a {
    color: #fff;
    font-size: 18px;
}

.forgot-tittle a i {
    margin-right: 14px;
}

.forgot-form {
    padding: 13px;
}

.forgot-form label {
    color: #fff;
    font-size: 14px;
}

.forgot-form .form-control {
    height: 42px;
}

.forgot-form .btn-join2 {
    background: #fbbd2e;
    border: none;
    width: 100%;
    color: #000;
    padding: 14px;
    font-weight: bold
}

/************************************ Game *************************************/
.game-table tr th {
    background: #006cbf;
    border: none !important;
    color: #fff;
    text-align: center;
}

.game-table tr td {
    background: #423f3e;
    border: 1px solid rgb(0, 108, 191);
    border-top: none !important;
    color: #fff;
}

.mobileBox {
    padding: 10px;
}

.mobileBox img {
    display: block;
    margin: 0px auto;
    margin-bottom: 14px;
}

.game-table .form-control {
    border-radius: 5px;
    background: #f8f4f4;
    padding: 17px;
    color: #000;
}

.CommonBtt {
    background: #006bbf;
}

/************************************ Location *************************************/
.content_center .location {
    color: #fff;
    margin: 10px 10px;
    border-bottom: 1px solid #006bbf;
}

.content_center .location a {
    color: #fff;
}

.pt-game {
    margin-top: 10px;
    display: inline-block;
}

.game-item {
    border: 3px solid rgba(255, 255, 255, 0);
    margin-bottom: 5px;
    width: 33%;
    float: left;
}

a.btn-fun {
    text-align: center;
    background: #2a465c;
    color: #ffffff;
    width: 100%;
    display: block;
    padding: 6px;
}

a.btn-play {
    text-align: center;
    background: #0b58b5;
    color: #fff;
    width: 100%;
    display: block;
    padding: 6px;
    border-radius: 0px 0px 8px 8px;
}

.game-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    color: #ffffff;
    padding: 8px 0px;
    background: #1e7ff5;
    border-radius: 8px 8px 0px 0px;
}

.thumbnail {
    padding: 0px;
    background: none;
    border-radius: 0px;
}

.thumbnail img {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-width: 100%;
    height: auto;
}

ul.tab-slot {
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

ul.tab-slot li {
    list-style: none;
    float: left;
    margin: 0px 3px;
    margin-bottom: 10px;
    display: inline-flex;
}

ul.tab-slot li a {
    padding: 5px 10px;
    border: 1px solid #1e7ff5;
    border-radius: 5px;
    color: #fff;
}

ul.tab-slot li.active {
    background: #28adec;
    border-radius: 5px;
    color: #000;
}

ul.tab-slot li a:hover {
    background: #28adec !important;
}

@media only screen and (max-width: 320px) {
    .game-title {
        font-size:12px;
    }
}

@media (min-width: 992px) {
    .game-item {
        width:16.66666667%;
    }
}

@media (min-width: 768px) {
    .game-item {
        width:25%;
        border: 3px solid rgba(255, 255, 255, 0);
    }
}

.game-table tr th {
    background: #006cbf;
    border: none !important;
    color: #fff;
    text-align: center;
}

.game-table tr td {
    background: #2d2b2b;
    border: 1px solid rgb(0, 108, 191);
    border-top: none !important;
}

/************************************ Promo *************************************/
.promo-butt h4 {
    color: #fff;
    font-size: 14px;
    margin: 8px 0px;
}

.info-bg {
    margin: 0px 10px;
}

.table-promo tr td {
    border: 1px solid #fff;
    font-size: 12px;
    padding: 2px;
}

.table-promo tr th {
    border: 1px solid #fff;
    background: #31b1f8;
    font-size: 12px;
    padding: 2px;
}

/************************************ function *************************************/
.login-formH .form-control {
    height: 60px;
    padding-top: 25px;
    margin-bottom: 10px;
}

.login-form .form-control {
    height: 40px;
    padding-top: 5px;
    margin-bottom: 10px;
    border: 1px solid #303030;
    background-color: #181818;
}

.select-arrow {
    position: relative;
}

.select-arrow>i {
    position: absolute;
    right: 3px;
    top: 14px;
    color: #7f7f7f;
    font-size: 20px;
}

.transfer-td.select-arrow>i {
    position: absolute;
    right: 3px;
    top: 16px;
    color: #7f7f7f;
    font-size: 20px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background: none;
}

.select-arrow2 {
    position: relative;
}

.select-arrow2>i {
    position: absolute;
    top: 31px;
    right: 3px;
    color: #7f7f7e;
    font-size: 20px;
}

.select-arrow3 {
    position: relative;
}

.select-arrow3>i {
    position: absolute;
    top: -3px;
    right: 10px;
    color: #7f7f7e;
    font-size: 20px;
}

.transfer-td select.input-sm {
    height: 40px;
    line-height: 30px;
}

/****************************************Fixed Bottom Bar*****************************************/
.footer-col {
    width: 25%;
    float: left;
}

.footer-col-x {
    width: 16.6%;
    float: left;
}

.nav-top {
    margin-top: 50px !important;
}

.nav-item {
    height: 58px;
    overflow: visible;
    display: inline;
}

.nav-item a {
    height: 58px;
    line-height: 59px;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    color: #fff;
    font-size: 14px;
    padding-left: 60px;
    border-bottom: 1px solid #b8383e;
}

.nav-item a.active, .nav-item a:focus {
    background: none !important;
}

.nav-item-submenu a {
    background-repeat: no-repeat;
    background-size: 10px 10px;
    margin-bottom: 0px;
    margin-top: 0px;
    height: 50px!important;
    line-height: 50px!important;
    background-position: 25px 20px;
    padding-left: 60px;
    margin-left: 0px;
    font-size: 12px;
    font-weight: 400;
    color: #7d7d7e;
    border-bottom: solid 1px rgba(255,255,255,0.03);
}

.nav-item-submenu a:last-child {
    border-bottom: none!important;
}

.sidebar-updates {
    margin-top: 20px;
    margin-bottom: 20px;
}

.navbar .fa {
    display: block !important;
    font-size: 20px !important;
    padding-top: 8px;
}

.navbar {
    background: #070707 !important;
    -webkit-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
}

.barFixed {
    border-top: 2px solid #fbbd2e;
    position: fixed;
    border-bottom: none !important;
}

.footer-xs {
    color: white;
    text-align: center;
    border-right: 0px solid white;
    padding-bottom: 5px;
}

.footer-xs a {
    color: #ffffff;
}

.btn-top {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.42857143;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    margin: auto;
    padding: 0;
    margin: 0;
    float: none;
    border: none;
}

.btn-top img {
    margin: 4px auto 0 auto;
    width: 25px;
    display: block;
}

.btn-bottom {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.42857143;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    margin: auto;
    padding: 0;
    margin: 0;
    float: none;
    border: none;
}

.btn-bottom img {
    margin: 10px auto 0 auto;
    display: block;
    height: 35px;
}

.nav .col-xs-3 {
    padding-left: 0px;
    padding-right: 0px;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: rgba(51, 51, 51, 0);
    outline: none;
}

.circle {
    background: red;
    border-radius: 200px;
    color: white;
    height: 20px;
    font-weight: bold;
    width: 20px;
    display: table;
}

.circle p {
    vertical-align: middle;
    display: table-cell;
}

.block {
    position: absolute;
    top: 0px;
    right: 0px;
    margin-top: 5px;
}

.navbar-inverse .navbar-toggle {
    border-color: #333;
    width: 100%;
}

#tab_change li.active div {
    background: #222 !important;
}

#tab_change li.active button {
    color: #ffffff;
}

button.btn.btn-default.btn-bottom {
    color: #000;
    background: #fbbd2e;
    border: none;
    padding: 7px 10px;
    font-size: 16px;
}

.downloadTitle {
    color: #FFFFFF;
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}

.btn-download {
    background: #fbbd2e;
    border: none;
    width: 100%;
    margin: 0 auto 15px auto;
    color: #000;
    padding: 14px;
    font-weight: bold;
}

.passwordReminder {
    background-color: #323232;
    color: #FFFFFF;
    padding: 8px;
    font-size: 12px;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
}

/**************************************************Copy From Here***************************************************************************/
/************************************BACK END CSS ************************************/
h1, h2, h3, h4, h5, p, div, ul {
    margin: 0;
    padding: 0;
}

.colorWhite {
    color: #FFFFFF
}

.divider {
    height: 9px;
    border-bottom: 1px solid #2a2a2a;
    clear: both
}

.divider2 {
    height: 30px;
    clear: both
}

.divider3 {
    height: 12px;
    clear: both
}

.form-group {
    margin-bottom: 15px;
    color: #fff;
}

.mainBalanceWrapper {
    text-align: center;
    padding-top: 15px;
}

.mainBalanceP {
    color: #f2cf5a;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
}

.mainBalance {
    font-size: 28px;
    color: #FFFFFF;
    padding: 10px 0px;
}

.transactionType {
    margin: 8px auto;
    max-width: 375px;
}

.transactionButton {
    border: 1px solid #FFFFFF;
    text-align: center;
    padding: 8px 0px;
    background: #060606;
    float: left;
    width: 68px;
    margin: 0 3px;
    color: #FFFFFF;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    font-size: 11px;
}

.transactionButton:hover , .transactionButtonActive {
    background: #fbbd2e;
    color: #000000;
    border: 1px solid #fbbd2e;
}

.transactionType img {
    width: 50%;
}

.backend-form {
    padding: 13px;
}

.backend-form label {
    color: #fff;
    font-size: 14px;
}

.backend-form .form-control {
    height: 42px;
}

.type1 {
    background: #181818;
    border: 1px solid #2a2a2a
}

.hint {
    padding: 3px 0px;
    font-size: 12px;
    color: #676767
}

.hint2 {
    padding: 3px 0px;
    font-size: 11px;
    color: #ff0000;
    font-style: italic;
}

.reminder {
    background-color: #323232;
    color: #FFFFFF;
    margin: 8px 15px;
    padding: 8px;
    font-size: 11px;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
}

.reminder .title {
    color: #fbbd2e
}

.reminder .waring {
    color: #FF0000;
    font-style: italic;
}

.btn-submit {
    background: #fbbd2e;
    border: none;
    width: 94%;
    margin: 0 auto 15px auto;
    color: #000;
    padding: 14px;
    font-weight: bold
}

.HistoryButt {
    background: #040404;
    padding: 8px 15px;
    border: 1px solid #636363;
    color: #FFFFFF;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
}

.HistoryButt.active, .HistoryButt:hover {
    background: #040404;
    border: 1px solid #585141;
    padding: 8px 15px;
    color: #d9a655;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
}

/********deposit only ********/
.depositH2 {
    color: #FFFFFF;
    padding: 15px
}

.PMtext {
    text-align: center;
    font-size: 15px !important;
    font-weight: bold
}

.paymentMethod {
    width: 100%;
    padding: 10px;
    color: #FFFFFF
}

.paymentMethod div {
    float: left;
    width: 100%;
    font-size: 11px;
    text-align: justify;
}

.paymentMethod img {
    width: 95%;
    border: 1px solid #adadad;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
}

.paymentMethod .active {
    border: 1px solid #fbbd2e;
}

.paymentMethod a {
    color: #fff;
    width: 20%;
    display: block;
    float: left;
    text-align: center;
}

.paymentMethod a div {
    text-align: center;
}

.socialapp {
    border: 1px solid #8f7b32;
    width: 95%;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    margin: 0 auto;
    padding: 5px;
    width: 95%;
    margin: 0 2.5%;
    float: left
}

.socialapp img {
    width: 40px;
}

.socialapp div {
    text-align: center;
    font-size: 11px;
    text-align: center;
    float: left;
    width: 25%
}

.socialapp a {
    color: #fff
}

.socialapp a p {
    padding-top: 5px;
}

.bankinfo {
    border: 1px solid #8f7b32;
    width: 95%;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    margin: 0 auto;
    padding: 5px 10px;
    width: 95%;
    margin: 10px 2.5% 0 2.5%;
    float: left;
}

.bankinfo div {
    float: left;
    width: 50%;
    color: #fff
}

.bankinfo div p {
    line-height: 28px;

    font-size: 12px;
}

.bDiv2 {
    border-left: 1px solid #666666;
    padding-left: 10px;
}

.amountButton {
    background: #232323;
    padding: 5px 11px;
    border: none;
    color: #FFFFFF
}

.fileattach {
    width: 95%;
    padding: 5px;
    width: 100%;
    margin: 0 0%;
    float: left
}

.fileattach div {
    float: left;
    width: 50%;
    text-align: center
}

/******** end deposit only ********/
/******************History Table *********************/
.table-responsive {
    border: none;
    margin-bottom: 0px;
}

.history-table tr:nth-child(odd) {
    background: #232323;
}

.history-table tr:nth-child(even) {
    background: #494949;
}

.history-table tr th {
    border: 1px solid #000;
    padding: 4px;
    background: #fbbd2e;
    text-align: center;
    color: #000;
}

.history-table tr td {
    border: 1px solid #1d1e25;
    padding: 10px 4px;
    text-align: center;
    color: #fff;
}

.history-table {
    background: #fff;
    font-size: 12px;
    margin-top: 8px;
    border: 1px solid #fff;
}

.dataTables_length label select {
    color: #333;
}

<!-- end history table --->/******************profile *********************/.profileTable {
    color: #FFFFFF;
}

.profileTable td {
    line-height: 65px;
    color: #FFFFFF;
}

.profileTable div {
    line-height: 40px;
}

.pBorder {
    border-bottom: 1px solid #1b1c1e
}

/***************************************************************** Mobile css ***************************************************************************************************/
@media (max-width: 480px) {
    .footer-col-x {
        width: 16.6%;
        float: left;
    }

    .navbar-fixed-bottom {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 3;
        height: 59px !important;
    }

    .btn-bottom img {
        margin: 10px auto 0 auto;
        display: block;
        height: 26px;
    }
}

@media only screen and (max-width: 768px) {
    .container {
        width:100%;
    }

    .mmb-img {
        width: 100%;
        padding: 10px 0px;
        text-align: center;
        min-height: 100px;
    }

    .mmb-img2 {
        width: 100%;
        margin: 0px;
        display: none;
    }

    .mobile-balance {
        background: #0b58b5;
        display: inline-block;
        margin: 0px auto;
        width: 100%;
        color: #fff;
    }

    .dropdown.dropdown-balance button {
        display: block;
        margin: 0px auto;
        cursor: pointer;
    }

    .btn_balance {
        padding: 6px 20px;
        background: none;
        border: none;
        width: 100%;
    }

    .suite {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        padding-right: 10px;
        color: #fff;
    }

    .remaining {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: 50%;
        color: #fff;
    }

    .dropdown-menu li {
        text-align: center;
        display: table;
        width: 100%;
    }

    .dropdown-menu {
        position: absolute;
        z-index: 1000;
        float: none;
        padding: 5px 0;
        margin: 0px;
        font-size: 14px;
        list-style: none;
        background-color: #3b3b3b;
        width: 100%;
        border: 1px solid #006ca2;
    }

    .dp-list {
        display: inline-table;
    }

    .btn-acount {
        display: block;
    }

    .push {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .btn {
    }

    .btn:hover,.btn:active {
        background-color: #88898a;
        color: #fff;
    }

    .backBtn {
        background-color: #0b58b5;
        font-size: 16px;
        text-align: right;
    }

    .backBtn:hover {
        color: #000;
    }

    .menu-right .backBtn {
        text-align: left;
    }

    .menu-top .backBtn, .menu-bottom .backBtn {
        text-align: left;
    }

    .menu {
        border-right: 1px dotted #88898a;
        background-color: #0b58b5;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: absolute;
        top: 0px;
        z-index: 10;
        width: 178px;
    }

    .menu a {
        display: block;
        color: #ffffff;
        padding: 14px;
        border-top: 1px dotted #ffffff;
        text-decoration: none;
        position: relative;
        z-index: 11;
    }

    .menu a:last-child {
        border-bottom: 1px dotted #88898a;
    }

    .menu a:hover, .menu a:active {
        background-color: #3a3839;
        color: #ffffff;
    }

    .menu-left {
        left: -700px;
    }

    .menu-left.left-open {
        left: 0;
    }

    .push-left {
        left: -280px;
    }

    .push-left.pushleft-open {
        left: 0;
    }

    .r-img {
        display: none;
    }

    .menu-l {
        display: block;
        float: left;
        margin-right: 10px;
        margin-left: 10px;
    }

    .menu-list {
        display: block;
        width: 100%;
        margin: 0px 0px 10px 0px;
        position: relative;
        background: none;
        height: 35px;
    }

    .title-p {
        display: block;
        line-height: 44px;
        color: #fff;
    }

    .title-p a {
        color: #fff;
    }

    a.backBtn.btn-acount {
        position: absolute;
        right: -34px;
        padding: 12px;
        color: #fff;
        display: block;
    }

    .l-info {
        width: 100%;
    }

    ul.bank-list-2 li {
        width: 49%;
    }

    div.text-container {
        margin: 0 auto;
    }

    .hideContent {
        overflow: hidden;
        line-height: 1em;
        height: 3em;
    }

    .showContent {
        line-height: 1em;
        height: auto;
    }

    .showContent {
        height: auto;
        display: inline-block;
    }

    .show-more {
        text-align: center;
        display: block;
        position: relative;
        top: 0px;
    }

    .form-horizontal .form-group {
        margin: 0px;
        margin-bottom: 15px;
    }

    .af-tab ul li a {
        width: 100%;
    }

    .af-tab ul li {
        width: 48%;
    }

    .af-tab ul li:nth-child(5n+1) {
        margin-left: 5px;
    }

    .af_box ul li a {
        padding: 10px 10px;
        width: auto;
        background: #1f1a1c;
        color: #fff;
    }

    .mobile-only label {
        width: 100%;
        text-align: left !important;
        margin: 0px;
        padding: 0px;
    }

    .mobile-only div {
        width: 100%;
        padding: 0px;
        padding-top: 7px;
    }

    .mobile-only input {
        margin-bottom: 10px;
    }

    .dep-bottom {
        margin-bottom: 10px;
    }

    .col1, .col3 {
        width: 100%;
        display: block;
        text-align: left;
    }

    .CommonBtt2 {
        padding: 7px 20px;
        font-size: 1.2em;
        border-radius: 5px;
        margin-bottom: 5px;
        background: #0b58b5;
        color: #fff;
    }

    .title-p .location {
        margin: 0px;
        padding: 0px;
        border: none;
    }

    ul.bank-list li {
        width: 48%;
    }

    .down-tab {
        display: block;
    }

    #exTab2 {
        display: inline;
    }

    a.bck-btn {
        border: none;
        background: #0b58b5;
        color: #ffffff;
        padding: 10px 10px;
        margin: 0px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        width: 100%;
        background-size: 100% 153%;
    }

    .select-arrow, .select-arrow2 {
        display: block;
    }

    .select-arrow3 {
        display: initial;
    }

    .back-end-all {
        display: block;
    }

    a.offCanvas_trigger {

        display: block;
        float: right;
        padding: 21px 10px 0px 10px;
        outline: none;
        width: 22%;
        height: 38px;
    }

    a.logo {
        width: calc(100% - 44%);
        display: block;
        float: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #fff;
        padding: 10px;
    }

    .laggue {
        width: 22%;
        padding: 20px 10px 0px 0px;
        color: #fff;
        font-size: 16px;
        text-align: right;
    }
}

@media only screen and (max-width: 320px) {
    ul.bank-list-2 li {
        background:#dadada;
        float: left;
        margin: 1px;
        list-style: none;
    }

    .checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
        width: 20px;
        height: 20px;
        padding: 0px;
        margin-right: 10px;
        font-size: 13px;
    }

    .checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
        font-size: 11px;
    }

    ul.bank-list li {
        list-style: none;
        float: left;
        width: 45%;
        padding: 6px;
        font-size: 15px;
        display: inline-block;
    }
}

@media (min-width: 1200px) {
    #deposit-bg .container {
        width:1170px;
    }
}

@media (min-width: 992px) {
    #deposit-bg .container {
        width:970px;
    }
}

@media (min-width: 768px) {
    #deposit-bg .container {
        width:750px;
        padding: 0px;
    }
}

@media only screen and (max-width: 768px) {
    #deposit-bg .container {
        width:100%;
        margin: 0px !important;
        padding: 0px !important;
    }
}

@media (min-width: 768px) {
    ul.prov-logo {
        display:flow-root;
        justify-content: center;
        width: 768px;
        margin: 0px auto;
    }

    .wrap {
        float: left;
        width: 50%;
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) {
    .navbar-toggle {
        display:block;
    }
}

@media only screen and (device-width: 768px) {
    a.offCanvas_trigger {
        display:block;
        float: right;
        padding: 21px 10px 0px 10px;
        outline: none;
        width: 22%;
        height: 38px;
    }

    a.logo {
        width: calc(100% - 44%);
        display: block;
        float: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #fff;
    }

    .laggue {
        width: 22%;
        padding: 20px 10px 0px 0px;
        color: #fff;
        font-size: 16px;
        text-align: right;
    }
}

@media only screen and (min-device-width: 481px) and (max-device-width:1024px) and (orientation:landscape) {
    a.offCanvas_trigger {
        display:block;
        float: right;
        padding: 21px 10px 0px 10px;
        outline: none;
        width: 12%;
        height: 38px;
    }

    a.logo {
        width: calc(100% - 24%);
        display: block;
        float: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #fff;
    }

    .laggue {
        width: 12%;
        padding: 20px 10px 0px 0px;
        color: #fff;
        font-size: 16px;
        text-align: right;
    }
}

.banner {
    background-position: center bottom;
    background-size: cover;
    height: 260px;
}

ul.tab-slot li.active a {
    background: #0b58b5 !important;
}

.dld-wrap {
    position: relative;
}

.download-wrap {
    padding-top: 15px;
    text-align: center;
}

a.devide-btn {
    background: #331d11;
    color: #ffd154;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 17px;
    letter-spacing: 0px;
    display: inline-block;
    width: 120px;
    padding: 5px 2px;
    margin: 0 5px;
    border-radius: 5px;
}

a.devide-btn {
    background: #fbbd2e;
    color: #000000;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0px;
    display: inline-block;
    width: 100px;
    padding: 5px 2px;
    margin: 0 5px;
    border-radius: 30px;
}

.access-info-wrapper {
    display: block;
    max-width: 500px;
    margin: 5px auto 0;
}

table.access-table tr td {
    background: #000000;
    border: 1px solid #fbbd2e;
    color: #fff;
    padding: 5px;
    font-size: 13px;
    line-height: 1.3;
}

.modal-download .close-modal {
    position: absolute;
    right: 3px;
    top: 3px;
    z-index: 10;
    border: 1px solid #fbbd2e;
    background: #000;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    width: 30px;
    height: 30px;
}

.dl-body {
    padding: 10px;
}

.modal-download {
    background: #000 !important;
}

.dld-wrap img {
    display: block;
    margin: 0px auto;
}

.modal-open .modal {
    padding: 0px !important;
}

.wrap-promo {
    display: flex;
    align-content: center;
    align-items: center;
    padding: 5px 10px;
    background: #000000cf;
    flex-direction: column;
    z-index: 1;
    bottom: 8px;
    width: 100%;
    color: #fff;
}

.btn-pm {
    display: flex;
    justify-content: flex-end;
    margin-top: 5px;
}

.btn-claim {
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(66,58,22,1) 50%, rgba(0,0,0,1) 100%);
    color: #fff;
    border: 1px solid #b08b2a;
}

.btn-claim:hover {
    text-decoration: none;
    background: #000;
    color: #fff;
}

.btn-mr {
    border: 1px solid #b08b2a;
    margin-left: 20px;
    color: #b08b2a;
}

.btn-mr:hover {
    text-decoration: none;
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(66,58,22,1) 50%, rgba(0,0,0,1) 100%);
}

span.pm-time {
    color: #f1f874;
}

.btn-pm a {
    display: block;
    width: 145px;
    text-align: center;
    float: none;
    padding: 6px 11px;
    font-size: 14px;
    line-height: 26px;
    border-radius: 30px;
    font-weight: 500;
}

.btn-claim {
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(66,58,22,1) 50%, rgba(0,0,0,1) 100%);
    color: #fff;
    border: 1px solid #b08b2a;
}

/*************MSG*****************/
.mail-box {
    position: relative;
    margin-right: -14px;
}

.msg-nmb {
    position: absolute;
    top: -5px;
    background: #f00;
    color: #fff;
    border-radius: 50%;
    padding: 1px;
    width: 20px;
    height: 20px;
    text-align: center;
    right: 18px;
    font-size: 11px;
}

.mail-box img {
    width: 70%;
    border: 1px solid #f1d59b;
    padding: 5px 10px;
}

.mail-box2 {
    position: relative;
}

.msg-nmb2 {
    position: absolute;
    top: 5px;
    background: #f00;
    color: #fff;
    border-radius: 50%;
    padding: 0px;
    width: 20px;
    height: 20px;
    text-align: center;
    right: 7px;
    font-size: 13px;
    font-weight: bold;
}

.mail-box2 img {
    width: 100%;
    border: 1px solid #f1d59b;
    padding: 10px 10px;
    display: block;
    margin: 0px auto;
}

.in-box {
    display: flex;
}

.msg-content {
    display: block;
    width: 100%;
    border: 1px solid #fbbd2e;
    margin-top: 15px;
    padding: 15px;
    border-radius: 10px;
}

.bg-ttl {
    text-align: center;
    color: #ffe795;
    font-size: 22px;
    text-transform: uppercase;
}

.btn-ttl {
    color: #fff;
    padding: 8px 25px;
    border-radius: 25px;
    text-align: left;
    display: inline-block;
}

.msg-tr {
    display: table;
    width: 100%;
    cursor: pointer;
}

.msg-td {
    display: table-cell;
}

.cl-1 {
    width: 18%;
    text-align: left;
}

.cl-2 {
    width: 30%;
}

.cl-3 {
    width: 40%;
}

.cl-4 {
    width: 10%;
    text-align: right;
}

.msg-tr a {
    width: 100%;
    display: table;
}

.msg-tr a {
    width: 100%;
    display: table;
    color: #ffffff;
    padding: 10px 0px;
    background: rgba(0, 0, 0, 0.6);
}

.mesg-bg {
    background: #190804 url(../images/common/msg-bg.jpg) top center no-repeat;

    padding: 0px 0px 40px 0px;
}

.msg-bg {
    border-radius: 10px;
}

.msg-ttl {
    position: relative;
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(66,58,22,1) 50%, rgba(0,0,0,1) 100%);
    border-bottom: 1px solid #fbbd2e;
}

.pt-txt {
    padding-left: 25px;
}

.trsh-ico i {
    font-size: 20px;
    color: #ffffff;
    padding-right: 20px;
}

.msg-list .msg-tr {
}

.msg-list .msg-tr:hover {
}

.msg-tr a:hover {
    background: #e4e4e447;
    text-decoration: none;
}

.txt-l {
    flex: 1 0 auto;
    color: #c7c7c7;
    padding: 30px 0px;
}

.txt-info {
    display: flex;
    width: 100%;
    margin-top: 5%;
}

.page-box {
    flex: 0 1 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    color: #c7c7c7;
    width: 100%;
}

.pg-input input {
    width: 40px;
    height: 30px;
    border-radius: 8px;
    border: none;
    text-align: center;
}

.pg-1 {
    padding: 0px 10px;
}

.btn-left {
    height: 30px;
    padding: 0px 10px;
    border-radius: 8px 0px 0px 8px;
}

.pg-n {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}

.btn-right {
    height: 30px;
    padding: 0px 10px;
    border-radius: 0px 8px 8px 0px;
}

.pg-n button {
    background: #eaf2f5;
    color: #45547b;
    font-size: 14px;
}

.msg-pp {
    max-width: 580px;
    margin: auto;
    width: 95%;
    display: block;
    height: auto;
}

.msg-pp .modal-content {
    border: none;
    background: #000;
    border-radius: 9px;
    border: 1px solid #f1f874;
    display: inline-block;
}

.msg-pp button.close {
    color: #ffffff;
    opacity: 1;
    font-size: 18px;
    position: absolute;
    right: 10px;
    top: 10px;
    font-weight: 100;
    border-radius: 8px;
}

.msg-p-ttl {
    text-align: left;
    font-size: 18px;
    padding: 10px;
    color: #f1f874;
    padding: 12px 15px 0px 15px;
}

.msg-pp .modal-body {
    padding: 0px;
    position: relative;
    width: auto;
}

.msg-content-pop {
    padding: 10px 15px;
    color: #ffffff;
    display: block;
}

table.table-msg tr th {
    background: #080c38;
    text-align: left;
    padding: 10px 20px;
    border-bottom: 1px solid #01c6ff;
    color: #01c6ff;
}

table.table-msg tr td {
    background: #000;
    padding: 10px 20px;
}

span.time-l {
    padding-left: 11px;
}

.msg-in p {
    margin-bottom: 18px;
}

a.msg-saw:focus {
    text-decoration: none;
}

.msg-in .fa {
    color: #ffd040;
    font-size: 19px;
}

.msg-in {
    float: left;
    margin-right: 10px;
}

.clr-box {
    border-radius: 50px;
    border: 1px solid #fff;
    width: auto;
    height: 18px;
    display: block;
    font-size: 10px;
    text-align: center;
    position: relative;
    top: 1px;
    margin-left: 5px;
    font-weight: bold;
    padding: 0 2px;
    min-width: 18px;
}

.msg-in .fa:hover {
    color: #ffffff;
}

.msg-in a {
    display: flex;
    color: #fff;
}

.msg-in a:hover .fa {
    color: #fff;
}

.msg-in a:hover {
    text-decoration: none;
}

/**************PROMO***************/
.promo-item {
    display: grid;
    position: relative;
}

.promo-pic {
    position: relative;
    cursor: pointer;
}

.prom-bg {
    position: relative;
    display: none;
}

.promo-title {
    width: 700px;
    left: 70px;
    position: absolute;
    top: 21px;
    color: #FFFFFF;
    font-size: 15px;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);
}

.promo-inContent ul li {
    display: list-item;
}

.promo-content {
    padding: 25px;
    width: 925px;
    display: block;
    margin: 0px auto;
    background: #00000070;
    color: #fff;
    margin-left: 38px;
}

.promo-inContent {
    background: #f6921e;
    padding: 10px;
    border-radius: 5px;
}

.promo-butt {
    position: relative;
}

.promo-in2 {
    padding: 20px;
}

.promo-wrap {
    padding: 20px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}

.promo-img img {
    cursor: pointer;
}

.promo-info {
    color: #f6921e;
}

.promo-info h4 {
    font-size: 25px;
    padding-left: 20px;
    padding-top: 8px;
    text-align: left;
    display: inline-block;
}

.btn-more {
    position: absolute;
    bottom: 5px;
    right: 0px;
    padding: 5px 20px;
    border: 1px solid #f6921e;
    border-radius: 5px;
    cursor: pointer;
}

.promo-text {
    background: #000000a6;
    border-radius: 20px;
    color: #fff;
}

.promo-img figure {
    margin: 0px;
}

.promo-t {
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
}

.promo-c {
    font-weight: bold;
    text-align: center;
    padding: 10px 20px;
    margin: 0px auto;
    background: #ae5e02;
    border: 1px solid #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 170px;
    display: inline-block;
}

.promo-table tr td {
    padding: 10px;
    border: 1px solid #f6921e;
    background: #bd6e14;
    text-align: center;
    color: #fff;
}

.promo-table tr th {
    background: #ae5e02;
    padding: 10px;
    border: 1px solid #f6921e;
    text-align: center;
}

.promo-table {
    margin: 10px 0px;
}

.promo-b {
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 15px;
}

.promo-b span {
    background: #fff;
    color: #056e8b;
    padding: 5px;
    display: inline-block;
    border-radius: 5px;
    width: 410px;
    text-align: center;
    margin-bottom: 10px;
}

.promo-inContent ul {
    margin-top: 0px !important;
}

.promo-content ul li {
    display: list-item;
}

.promo-content ul {
    margin-left: 26px;
}

.promo-box {
    float: right;
    width: 1005px;
    padding: 0px 10px 10px 10px;
}

.wrap-promo a:hover {
    text-decoration: none;
}

.btn-pm a {
    display: block;
    width: 145px;
    text-align: center;
    float: none;
    padding: 6px 11px;
    font-size: 14px;
    line-height: 26px;
    border-radius: 30px;
    font-weight: 500;
}

.btn-pm a:hover {
    color: #b08b2a;
}

.pomo-f button.active {
    background: #47abdb;
}

.pomo-f button {
    display: block;
    width: 100%;
    border-radius: 0px;
    padding: 14px;
    background: #0000004f;
}

.ls-box ul li:last-child {
    border: none;
}

.pomo-f {
    float: left;
    display: block;
    margin-top: 20px;
}

.pomo-wrap {
    display: inline-block;
    margin: 0px;
    float: left;
    width: 985px;
}

.pomo-wrap ul li {
    display: block;
    list-style: none;
    margin-left: 30px;
}

.cd-header {
    position: relative;
    height: 150px;
    background-color: #331d35;
}

.cd-header h1 {
    color: #ffffff;
    line-height: 150px;
    text-align: center;
    font-size: 2.4rem;
    font-weight: 300;
}

@media only screen and (min-width: 1170px) {
    .cd-header {
        height:180px;
    }

    .cd-header h1 {
        line-height: 180px;
    }
}

.cd-main-content {
    position: relative;
    padding-top: 10px;
}

.cd-main-content:after {
    content: "";
    display: table;
    clear: both;
}

.cd-main-content.is-fixed .cd-tab-filter-wrapper {
}

.cd-main-content.is-fixed .cd-gallery {
}

.cd-main-content.is-fixed .cd-filter {
    position: fixed;
    height: 100vh;
    overflow: hidden;
}

.cd-main-content.is-fixed .cd-filter form {
    height: 100vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.cd-main-content.is-fixed .cd-filter-trigger {
    position: fixed;
}

@media only screen and (min-width: 768px) {
    .cd-main-content.is-fixed .cd-gallery {
    }
}

@media only screen and (min-width: 1170px) {
    .cd-main-content.is-fixed .cd-gallery {
    }
}

.cd-tab-filter-wrapper {
    z-index: 1;
}

.cd-tab-filter-wrapper:after {
    content: "";
    display: table;
    clear: both;
}

.cd-tab-filter {
    position: relative;
    margin: 0 auto;
    z-index: 1;
}

.cd-tab-filter::after {
    content: '';
    position: absolute;
    right: 14px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../img/cd-icon-arrow.svg") no-repeat center center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    pointer-events: none;
}

.cd-tab-filter ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}

.cd-tab-filter li {
}

.cd-tab-filter li:first-child {
    display: block;
}

.cd-tab-filter a {
    display: block;
}

.cd-tab-filter a.selected {
    color: #ffffff;
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(66,58,22,1) 50%, rgba(0,0,0,1) 100%);
}

.cd-tab-filter a:hover {
    color: #fff8f8;
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(66,58,22,1) 50%, rgba(0,0,0,1) 100%);
}

.cd-tab-filter.is-open::after {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}

.cd-tab-filter.is-open ul {
    box-shadow: inset 0 -2px 0 #41307c, 0 2px 10px rgba(0, 0, 0, 0.2);
}

.cd-tab-filter.is-open ul li {
    display: block;
}

.cd-tab-filter.is-open .placeholder a {
    opacity: .4;
}

.cd-tab-filter::after {
    display: none;
}

.cd-tab-filter ul {
}

.cd-tab-filter li {
    display: inline-block;
}

.cd-tab-filter li.placeholder {
    display: none !important;
}

.cd-tab-filter a {
    display: inline-block;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
    background: #000000a3;
    text-align: left;
    padding: 8px 20px;
    margin: 0px 1px;
    border: 1px solid #e8b736;
}

.no-touch .cd-tab-filter a:hover {
    color: #725D22;
    text-decoration: none;
}

.no-touch .cd-tab-filter a:focus {
    color: #725D22;
    text-decoration: none;
}

.cd-tab-filter a.selected {
    color: #ffffff;
}

.cd-tab-filter.is-open ul li {
    display: inline-block;
}

@media only screen and (min-width: 1170px) {
    .cd-tab-filter {
        margin:0;
        -webkit-transition: width 0.3s;
        -moz-transition: width 0.3s;
        transition: width 0.3s;
    }

    .cd-tab-filter.filter-is-visible {
        width: 80%;
    }
}

.cd-gallery {
}

.cd-gallery li {
    display: none;
    padding: 5px !important;
    width: 100%;
}

.cd-gallery li.gap {
    opacity: 0;
    height: 0;
    display: inline-block;
}

.cd-gallery img {
    display: block;
    width: 100%;
}

.cd-gallery .cd-fail-message {
    display: none;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    .cd-gallery {
    }

    .cd-gallery ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        align-content: stretch;
    }

    .cd-gallery ul:after {
        content: "";
        display: table;
        clear: both;
    }

    .cd-gallery li {
        margin-bottom: 0px;
        width: 50%;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-gallery {
        padding:0px;
        -webkit-transition: width 0.3s;
        -moz-transition: width 0.3s;
        transition: width 0.3s;
        margin: 0px;
        padding: 0px;
        margin-top: 8px;
    }

    .cd-gallery li {
        width: 50%;
        padding: 5px !important;
        padding-bottom: 0px !important;
    }

    .cd-gallery.filter-is-visible {
        width: 80%;
    }
}

.cd-filter {
    position: absolute;
    top: 0;
    left: 0;
    width: 280px;
    height: 100%;
    background: #ffffff;
    box-shadow: 4px 4px 20px transparent;
    z-index: 2;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s;
    -moz-transition: -moz-transform 0.3s, box-shadow 0.3s;
    transition: transform 0.3s, box-shadow 0.3s;
}

.cd-filter::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 100%;
    background-color: #41307c;
    z-index: 2;
}

.cd-filter form {
    padding: 70px 20px;
}

.cd-filter .cd-close {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    line-height: 50px;
    width: 60px;
    color: #ffffff;
    font-size: 1.3rem;
    text-align: center;
    background: #37296a;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
    z-index: 3;
}

.no-touch .cd-filter .cd-close:hover {
    background: #32255f;
}

.cd-filter.filter-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
}

.cd-filter.filter-is-visible .cd-close {
    opacity: 1;
}

@media only screen and (min-width: 1170px) {
    .cd-filter {
        width:20%;
    }

    .cd-filter form {
        padding: 70px 10%;
    }
}

.cd-filter-trigger {
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    line-height: 50px;
    width: 60px;
    overflow: hidden;
    text-indent: 100%;
    color: transparent;
    white-space: nowrap;
    background: transparent url("../img/cd-icon-filter.svg") no-repeat center center;
    z-index: 3;
}

.cd-filter-trigger.filter-is-visible {
    pointer-events: none;
}

@media only screen and (min-width: 1170px) {
    .cd-filter-trigger {
        width:auto;
        left: 2%;
        text-indent: 0;
        color: #9a9a9a;
        text-transform: uppercase;
        font-size: 1.3rem;
        font-weight: 700;
        padding-left: 24px;
        background-position: left center;
        -webkit-transition: color 0.3s;
        -moz-transition: color 0.3s;
        transition: color 0.3s;
    }

    .no-touch .cd-filter-trigger:hover {
        color: #41307c;
    }

    .cd-filter-trigger.filter-is-visible, .cd-filter-trigger.filter-is-visible:hover {
        color: #ffffff;
    }
}

.cd-filter-block {
    margin-bottom: 1.6em;
}

.cd-filter-block h4 {
    position: relative;
    margin-bottom: .2em;
    padding: 10px 0 10px 20px;
    color: #9a9a9a;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.3rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.no-touch .cd-filter-block h4:hover {
    color: #41307c;
}

.cd-filter-block h4::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 16px;
    height: 16px;
    background: url("../img/cd-icon-arrow.svg") no-repeat center center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

.cd-filter-block h4.closed::before {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}

.cd-filter-block input, .cd-filter-block select, .cd-filter-block .radio-label::before, .cd-filter-block .checkbox-label::before {
    font-family: "Open Sans", sans-serif;
    border-radius: 0;
    background-color: #ffffff;
    border: 2px solid #e6e6e6;
}

.cd-filter-block input[type='search'], .cd-filter-block input[type='text'], .cd-filter-block select {
    width: 100%;
    padding: .8em;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    box-shadow: none;
}

.cd-filter-block input[type='search']:focus, .cd-filter-block input[type='text']:focus, .cd-filter-block select:focus {
    outline: none;
    background-color: #ffffff;
    border-color: #41307c;
}

.cd-filter-block input[type='search'] {
    border-color: transparent;
    background-color: #e6e6e6;
    font-size: 1.6rem !important;
}

.cd-filter-block input[type='search']::-webkit-search-cancel-button {
    display: none;
}

.cd-filter-block .cd-select {
    position: relative;
}

.cd-filter-block .cd-select::after {
    content: '';
    position: absolute;
    z-index: 1;
    right: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 16px;
    height: 16px;
    background: url("../img/cd-icon-arrow.svg") no-repeat center center;
    pointer-events: none;
}

.cd-filter-block select {
    cursor: pointer;
    font-size: 1.4rem;
}

.cd-filter-block select::-ms-expand {
    display: none;
}

.cd-filter-block .list li {
    position: relative;
    margin-bottom: .8em;
}

.cd-filter-block .list li:last-of-type {
    margin-bottom: 0;
}

.cd-filter-block input[type=radio], .cd-filter-block input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 2;
}

.cd-filter-block .checkbox-label, .cd-filter-block .radio-label {
    padding-left: 24px;
    font-size: 1.4rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cd-filter-block .checkbox-label::before, .cd-filter-block .checkbox-label::after, .cd-filter-block .radio-label::before, .cd-filter-block .radio-label::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cd-filter-block .checkbox-label::before, .cd-filter-block .radio-label::before {
    width: 16px;
    height: 16px;
    left: 0;
}

.cd-filter-block .checkbox-label::after, .cd-filter-block .radio-label::after {
    display: none;
}

.cd-filter-block .checkbox-label::after {
    width: 16px;
    height: 16px;
    background: url("../img/cd-icon-check.svg") no-repeat center center;
}

.cd-filter-block .radio-label::before, .cd-filter-block .radio-label::after {
    border-radius: 50%;
}

.cd-filter-block .radio-label::after {
    width: 6px;
    height: 6px;
    background-color: #ffffff;
    left: 5px;
}

.cd-filter-block input[type=radio]:checked + label::before, .cd-filter-block input[type=checkbox]:checked + label::before {
    border-color: #41307c;
    background-color: #41307c;
}

.cd-filter-block input[type=radio]:checked + label::after, .cd-filter-block input[type=checkbox]:checked + label::after {
    display: block;
}

@-moz-document url-prefix() {
    .cd-filter-block .cd-select::after {
        display: none;
    }
}

.pro-tab ul li a {
    text-align: center;
    background: #151515;
    width: 100%;
    display: block;
    color: #000;
    padding: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.pro-tab ul li {
    list-style: none;
}

.pro-tab ul {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1px;
}

.pro-tab ul li a.active {
    background: #fcbc2e;
    color: #000;
}

.input-form input {
    background: #181818;
    border: 1px solid #2a2a2a;
}

.input-form select option {
    background: #000;
}

.af-ttl {
    color: #fff;
    padding: 5px 0px;
}

.lg-box {
    margin-bottom: 10px;
}

.pro-tab {
    margin-bottom: 15px;
}

.main-wallet {
    padding: 0px;
}

.main-wallet {
    text-align: center;
    color: #000;
    background: #000;
}

.main-wallet:hover {
    background: #000;
    color: #ffe895;
}

.prov-name {
    margin-left: 0px;
    font-size: 13px;
    float: left;
    padding-top: 3px;
    font-weight: bold;
    width: 50%;
    text-align: left;
    background: #232323;
    padding: 5px;
    border-right: 1px solid #424141;
}

.am-prov {
    float: right;
    display: flex;
    position: relative;
    width: 50%;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.btn-in {
    padding: 5px 0px;
    font-size: 12px;
    color: #5ed087;
    margin-left: 8px;
    border: none;
    background: none;
}

.prov-out {
    margin-left: 8px;
}

.btn-out {
    padding: 5px 0px;
    font-size: 12px;
    color: #ec4e4e;
    border: none;
    background: none;
}

.am-prov .prov-in {
    width: auto;
    color: #fff;
}

.prov-am {
    padding-top: 0px;
    font-size: 13px;
    line-height: normal;
    width: 50%;
}

.main-wallet ul li:hover {
    background: #ffffff29;
}

.main-wallet ul li:first-child {
    color: #fff;
}

.main-wallet ul li {
    display: flex;
    list-style: none;
    width: 100%;
    cursor: pointer;
    border: 1px solid #424141;
    border-bottom: none;
}

.main-wallet ul {
    margin: 0px;
    padding: 0px;
    color: #fff;
}

.modal-bln .modal-body {
    padding: 0px;
}

.close-X {
    text-align: center;
    display: block;
    width: 100%;
    color: #ffffff;
    opacity: 1;
    text-shadow: none;
}

.btn-vefy {
    background: #3f4579;
    padding: 14px;
    color: #fff;
    font-size: 10px;
}

.modal-bln {
    margin: 0px;
}

.blc-content button.close-modal {
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #fbbd2e;
    border: 0px;
    border-radius: 50px;
    font-size: 25px;
    width: 45px;
    height: 45px;
}

/********Contact********/
.cont-ttl {
    display: flex;
    align-items: center;
    color: #0a809d;
    text-transform: uppercase;
    text-align: center;
    justify-content: center;
    font-weight: bold;
    margin-top: 15px;
}

.cont-ttl span {
    padding-right: 10px;
    color: #fff;
}

.cont-cont {
    margin: 5px 0px;
    background: #fbbd2e;
    text-align: center;
    padding: 5px;
    border-radius: 8px;
    width: 100%;
    color: #000;
}

.cont-cont a {
    color: #000;
    font-weight: bold;
    font-size: 16px;
}

.contact-info ul {
    padding: 15px;
}

.contact-info ul li {
    list-style: none;
}

.suppt {
    display: flex;
    justify-content: center;
    font-size: 30px;
    color: #fff;
    font-weight: bolder;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}

span.cnt-b {
    display: flex;
}

span.cnt-s {
    display: flex;
    width: 100%;
    justify-content: center;
}

.ico-tele {
    height: 20px;
}

.cont-ttl i {
    font-size: 22px;
}

/*******Download*************/
.slot-img img {
    width: auto;
    display: block;
    margin: 0px auto;
}

.slot-butt a {
    width: 100% !important;
}

.slot-img .wrap-promo {
    background: none;
}

.ef-btn-fish {
    display: flex;
    flex-direction: column;
}

.rd img {
    height: 33px;
}

.ef-btn-fish a {
    background: none !important;
}

.payoutTable {
    border-collapse: collapse;
    border: 1px solid #e3d08c;
    margin-top: 20px;
}

.payoutTable > tbody > tr > th {
    border: 1px solid #000000;
    padding: 5px 5px;
    font-weight: bold;
    text-align: center;
    color: #000;
    background: #fbbd2e;
}

.payoutTable > tbody > tr > td {
    border: 1px solid #000000;
    padding: 3px 5px;
    text-align: center;
    width: 25%;
    color: #fff;
    background: #464646;
}

#modal-4d-payout .modal-header {
    border: none;
    background: #ffc220;
}

#modal-4d-payout .modal-title {
    color: #000;
    padding: 10px;
}

#modal-4d-payout .close {
    color: #000;
    font-size: 37px;
    opacity: 1;
    position: absolute;
    margin: 0px;
    right: 12px;
    top: 0;
}

#modal-4d-payout .modal-body {
    background: #131313e8;
}

#modal-4d-payout .modal-footer {
    background: #131313;
}

#modal-4d-payout .modal-content {
    background: none;
}

/*29022024*/
.inboxTable tr td {
    color: #fff;
    padding: 10px 5px;
    border-bottom: 1px solid #fbbd2e91;
}

button.btn-delete {
    background: none;
    border: none;
    text-align: center;
}
button.close-inbox {
    background: none;
    border: none;
    color: #fff;
    font-size: 40px;
    text-align: right;
    position: absolute;
    right: 0px;
}

.inbox-body {
    color: #fff;
    /* margin-top: 36px; */
    padding: 20px;
}

.chatMsg ul {
    list-style: none;
}

.pm-title-wrapper {
    font-weight: bold;
    font-size: 20px;
}
.ttl-txt {
    color: #fcc143 !important;
    font-weight: bold;
}

.box-inbox {
    align-self: flex-end;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    background-color: #F44336;
    height: 20px;
    margin: 0 auto 0 auto;
    transform-origin: bottom;
    width: 20px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0px !important;
    margin-left: 10px;
    font-weight: bold;
}

.bounce-6 {
    animation-name: bounce-6;
    animation-timing-function: ease;
}

@keyframes bounce-6 {
    0% {
        transform: scale(1,1) translateY(0);
    }

    10% {
        transform: scale(1.1,.9) translateY(0);
    }

    30% {
        transform: scale(.9,1.1) translateY(-10px);
    }

    50% {
        transform: scale(1.05,.95) translateY(0);
    }

    57% {
        transform: scale(1,1) translateY(-2px);
    }

    64% {
        transform: scale(1,1) translateY(0);
    }

    100% {
        transform: scale(1,1) translateY(0);
    }
}

/*Mission*/
.mission-bg{background: #000 url("../images/common/mission/mission-bg.jpg") center top no-repeat;}
.tour-wrap img {
    display: block;
    margin: 0px auto;
    max-width: 100%;
}
.prize-credit img {
    /* width: 65%; */
}
.tour-wrap {
    padding-top: 20px;
}

.token {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

button.btn-token {
    border-radius: 8px;
    padding: 9px 0px;
    width: 302px;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    border: none;
    background: url("../images/common/mission/button.png");
    text-shadow: 0px 0px 7px #fff100;
}

.wrap-btn {
    /* background: linear-gradient(to bottom, rgba(217,161,57,1) 0%, rgba(246,219,113,1) 53%, rgba(215,160,59,1) 100%); */
    border-radius: 10px;
    padding: 4px;
}

.check-in {
    background: url("../images/common/tournament/line.png")no-repeat center top;
}

.check-iteam ul {
    display: flex;
    justify-content: center;
    position: relative;
    gap: 10px;
    flex-wrap: wrap;
    list-style: none;
}

.check-iteam ul li a {
    display: flex;
    flex-direction: column;
    background: linear-gradient(357deg, rgba(38, 29, 8, 1) 0%, rgba(21, 17, 5, 1) 10%, rgba(3, 4, 2, 1) 100%);
    border-radius: 8px;
}

.check-iteam ul img {
    height: 90px;
    /* background: linear-gradient(3deg, rgba(38, 29, 8, 1) 0%, rgba(3, 4, 2, 1) 100%); */
    padding: 15px;
    border-radius: 10px 10px 0px 0px;
    /* background: linear-gradient(357deg, rgba(38, 29, 8, 1) 0%, rgba(21, 17, 5, 1) 10%, rgba(3, 4, 2, 1) 100%); */
}

.check-iteam {
    position: relative;
    margin-bottom: 40px;
}

.check-iteam ul li a p {
    /* color: #585555; */
    /* font-weight: bold; */
    /* text-align: center; */
    padding: 10px;
    /* background: #090908; */
    /* color: #f9e481; */
    /* border-radius: 10px 10px; */
    /* border: 1px solid #fcd55d; */
    background: -webkit-linear-gradient(#f8e37f, #d79f3a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tour-logo img {
    /* height: 310px; */
    margin: 0px auto;
    display: block;
    max-width: 100%;
}
.pop-tour {
    position: relative;
}
.btn-reward {
    display: flex;
    justify-content: center;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0px;
}

.reward-btn {
    padding: 3px;
    border-radius: 8px;
    /* background: linear-gradient(to bottom, rgba(250,175,63,1) 0%, rgba(255,253,123,1) 100%); */
}

button.btn-wrad {
    text-transform: uppercase;
    border-radius: 8px;
    padding: 9px 0px;
    width: 302px;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    border: none;
    background: url(../images/common/mission/button.png);
    text-shadow: 0px 0px 7px #fff100;
}

.check-iteam ul li.active a p {
    color: #fcd55d;
}
.check-iteam ul li.active a img {
    background: linear-gradient(180deg, rgba(38,29,8,1) 0%, rgba(3,4,2,1) 100%);
}
.modal-dialog.tour-pop {
    max-width: 470px;
}

.tour-btn {
    display: flex;
    margin: 0 10px;
    justify-content: center;
    align-items: center;
    gap: 15px;
    padding-bottom: 67px;
    flex-direction: column;
}

button.btn-how {
    color: #fff;
    background: #eb1c24;
    border-style: solid;
    /* border-image: radial-gradient(rgb(221 167 65), rgb(246 220 115)) 1; */
    /* width: 230px; */
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    font-weight: bold;
    border-radius: 10px;
    font-size: 18px;
    border: none;
}

.modal-dialog.tnc-pop {
    padding: 2px;
    border-radius: 10px;
    max-width: 685px;
    background: linear-gradient(to bottom, rgba(250,175,63,1) 0%, rgba(255,253,123,1) 100%);
}

.tnc-pop .modal-body {
    background: #260e0f;
    color: #fff;
    border-radius: 10px;
    padding: 25px 50px;
}

.tnc-tour {
}

.tnc-ttl {
    text-align: center;
    font-size: 26px;
    color: #000;
    font-weight: bold;
}

.tnc-content {
    margin-top: 20px;
    color: #000;
    font-weight: 600;
}

.tnc-tour button.close {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #000;
}

.tnc-pop .modal-content {
     background: url("../images/tournament/bg.jpg") no-repeat center top;
     color: #fff;
     padding: 25px;
     border-radius: 10px;
     background-size: cover;
}

.tour-pop .modal-content {
    background: none;
    border: none;
}
.check-iteam ul li {
    /* background: linear-gradient(180deg, rgba(232,183,54,1) 0%, rgba(37,29,9,1) 100%); */
    padding: 1px;
    border-radius: 10px;
}
.check-iteam ul li.active a {
    background: linear-gradient(180deg, rgba(38, 29, 8, 1) 0%, rgba(3, 4, 2, 1) 100%);
}
.tour-pop .close {
    opacity: 1;
    color: #fff;
    position: relative;
    right: 15px;
    top: 15px;
}
.day-wrap {
    color: #585555;
    font-weight: bold;
    text-align: center;
    /* padding: 10px; */
    background: #090908;
    color: #f9e481;
    border-radius: 10px 10px;
    border: 1px solid #fcd55d;
}

.check-iteam ul li.active {
    background: linear-gradient(180deg, rgba(232, 183, 54, 1) 0%, rgba(37, 29, 9, 1) 100%);
}
button.btn-how {
    color: #000;
    border-style: solid;
    width: 100%;
    /* display: flex; */
    justify-content: center;
    align-items: center;
    height: 60px;
    font-weight: bold;
    border-radius: 10px;
    font-size: 18px;
    border: none;
    background: linear-gradient(180deg, rgba(215, 163, 65, 1) 0%, rgba(215, 152, 42, 1) 35%, rgba(249, 228, 129, 1) 100%);
}
.bd-out {
    width: 100%;
}
.modal-backdrop.in {
    opacity: .8;
}











/*23052024*/
.modal-dialog.mission-pop {
    max-width: 800px;
}

.mission-pop .modal-content {
    background: #000000b8;
    border: 1px solid #fbbd2e;
    box-shadow: 0px 0px 1px #fff, 0px 0px 5px #fbbd2e;
    color: #fff;
    line-height: 30px;
}

.mission-pop h5 {
    margin-bottom: 15px;
    margin-top: 30px;


}

.mission-pop p {
    margin-bottom: 15px;
}

.mission-pop h4 {
    margin-bottom: 15px;
    display: inline-flex;
    border-bottom: 1px solid #fff;
}

.mission-pop ul li {
    list-style: disc;
}

.mission-pop ul {
    padding-left: 15px;
}

.mission-pop ol li {
    list-style: auto;
}

.mission-pop ol {
    padding-left: 15px;
    margin-bottom: 30px;
}

table.table-blog tr td {
    padding: 10px;
}

table.table-blog tr th {
    padding: 10px;
}
.mission-pop button.close {
    font-size: 45px;
    position: absolute;
    right: 15px;
    top: 6px;
    color: #fff;
    opacity: 1;
}

.redm-bg{background: url( "../images/common/mission/mission-mobile-bg.jpg") no-repeat top center;background-size: cover;}
.pred-btn-point {
    display: flex;
    position: relative;
    align-items: center;
    font-weight: bold;
}
.subtitle-wrap {
    position: relative;
}
.sub-box.redemp {
    position: relative;
    top: 2px;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
    /* font-weight: bold; */
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 100;
    justify-content: center;
    margin-bottom: 20px;
}
.top-btn {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
}
.red-txt {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
}
.pred-btn {
    background: none;
    border: none;
    position: relative;
    display: flex;
    align-items: center;
    color: #fff;
    font-weight: bold;
}
span.red-pnt {
    color: #edc983;
}
.pt-btn {
    font-size: 20px;
}
.red-txt-gd {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    background: #F5E489;
    background: linear-gradient(to bottom, #F5E489 0%, #D88127 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    font-size: 20px;
    filter: drop-shadow(2px 2px 0px black);
}
.submit-btn {
    background: none;
    border: none;
    display: block;
    margin: 0px auto;
    position: relative;
    cursor: pointer;
}
.redemp-title {
    padding-bottom: 15px;
}
.redemption-wrapper {
    text-align: center;
    /* max-width: 1000px; */
    margin: 0 auto;
    /* margin-bottom: 100px; */
    margin-top: 70px;
    display: flex;
    /* height: 285px; */
    flex-direction: column;
}
.redemp-box {
    position: relative;
    margin: 15px 2px 35px;
    display: inline-block;
    text-transform: uppercase;
}
.redemp-box {
    background-size: 100%;
    margin: 0 auto;
    position: relative;
    margin-bottom: 30px;
    max-width: 300px;
    border: 5px solid #fec623;
    border-radius: 10px;
    background: #000;
}
.redemp-inner {
    position: relative;
    top: -13px;
}
.prize-credit {
    /* padding-bottom: 15px; */
}
.point-text {
    /* line-height: 8px; */
    font-size: 24px;
    font-weight: bold;
    background: linear-gradient(to bottom, #F5E489 0%, #D88127 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.require-text {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}
.claim-btn-wrap {
    margin-top: -10px;
    position: relative;
    z-index: 10;
}
.point-text.top {
    margin-top: -15px;
}
.prize-item {
    margin-top: -40px;
}
.prize-sub {
    font-size: 11px;
    font-weight: 600;
}
.require-text.top {
    min-height: 78px;
}
.red-txt-gd {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    background: #F5E489;
    background: linear-gradient(to bottom, #F5E489 0%, #D88127 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    font-size: 20px;
    filter: drop-shadow(2px 2px 0px black);
}
.btn-wrap {
    display: flex;
    justify-content: center;
}

.btn-clm {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
    text-align: center;
    top: 20px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}
.pred-btn {
    background: none;
    border: none;
    position: relative;
    display: flex;
    align-items: center;
    color: #fff;
    font-weight: bold;
}
.pt-btn {
    font-size: 20px;
}
.red-txt {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
}
.daily-wrap-in {
    box-shadow: none;
    border: none;
    background: url( "../images/common/mission/bg-reward.png") no-repeat center top;
    background-size: contain;
    min-width: 312px;
}
.redemption-wrap .modal-content {
    background: none;
    border: none;
}

.image-wrap img {
    margin: auto;
    display: block;
}

.modal-congrat h5 {
    text-align: center;
    color: #fff;
}

.redemption-wrap .claim-btn-wrap {
    position: relative;
    top: 20px;
}

.redemption-wrap .close {
    color: #fff;
    opacity: 1;
    font-size: 36px;
    position: absolute;
    right: 5%;
    top: -25%;
}

.modal-congrat {
    margin-top: -60px;
}
.redemption-wrap {
    /* max-width: 340px; */
    margin-top: 30%;
}
.ms-wrap {
    position: absolute;
    top: 0px;
    padding: 15px;
    text-align: center;
    width: 100%;
    font-weight: bold;
}
.ms-ttl {
    text-transform: uppercase;
    color: #Fff;
    font-weight: bold;
}
.ms-amt {
    font-weight: bold;
    text-transform: uppercase;
    background: -webkit-linear-gradient(#f8e37f, #d79f3a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 22px;
}
.daily-bg ul {
    /* margin-top: 25px; */
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    list-style: none;
    padding: 15px;
}
.daily-bg ul img {
    max-width: 100%;
}
.daily-bg ul li a.active {
    opacity: 1;
}
.daily-bg ul li a {
    display: block;
    position: relative;
    opacity: 0.5;
    max-width: 290px;
}
.mission-bg2{ }


.reward-wrap ul li a {
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(66,58,22,1) 50%, rgba(0,0,0,1) 100%);
    text-align: left;
    margin: 0px 1px;
    border: 1px solid #e8b736;
    display: flex;
    justify-content: space-evenly;
    text-align: center;
    color: #fff;
    line-height: 14px;
    padding: 10px 0px;
    font-weight: bold;
    width: 100%;
    align-items: center;
    font-size: 10px;
    border-radius: 5px;
    flex-direction: column;
}

.reward-wrap ul {
    display: grid;
    list-style: none;
    text-align: center;
    grid-template-columns: repeat(3,1fr);
}
.reward-wrap ul li {
    display: flex;
}
.ms-btn {
    position: absolute;
    bottom: 0px;
}

.rew-img img {
    filter: brightness(0) invert(1);
    height: 40px;
}



.otp .form_label {
    width: auto !important;
    gap: 10px;
    justify-content: flex-start !important;
}
.otp-wrap {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    position: relative;
}
.inp-box {
    display: flex;
    gap: 10px;
}

.inp-box select {
    width: 110px !important;
}
.jms-link-otp {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(66, 58, 22, 1) 50%, rgba(0, 0, 0, 1) 100%);
    color: #b6bb57;
    border: 1px solid #b5ba57;
    padding: 8px 14px;
    border-radius: 5px;
    font-weight: bold;
    /* position: absolute; */
    /* right: -100px; */
    font-size: 12px;
    bottom: 1px;
}
.reg-c {
    /* display: flex; */
    /* flex-direction: column; */
    /* align-items: center; */
    /* justify-content: center; */
    /* margin: 0px auto; */
}

.otp-wrap input.form-control {
    width: 50px !important;
    text-align: center;
    margin: 0px;
}

.congrazt-title {
    font-size: 24px;
    font-weight: 800;
    color: #fff;
}

.congrazt-title-2 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #fbbd2e;
}

.tick-success {
    font-size: 130px;
    line-height: 1;
    color: #fbbd2e;
    padding: 10px 0;
}


/*01112024*/
.transaction_container {
    position: relative;
    margin-top: 20px;
    background-color: #23262B;
    padding: 10px;
    border-radius: 10px;
    background: url("../images/common/live/live-bg.jpg")center top no-repeat;
    margin-bottom: 160px;
    background-size: cover;
    border: 2px solid #f0ce61;
    margin: 20px;
}
.transaction_in {/* background: url( "../images/common/live/live-transaction.png") bottom right no-repeat; */}
.transaction_title_box {
    display: grid;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    /* padding: 10px; */
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}
.transaction_title {
    display: flex;
    align-items: center;
}
.transaction_title img {
    width: 25px;
    margin-right: 10px;
}
.transaction_title .text {
    font-weight: 900;
    font-style: italic;
    font-size: 20px;
    line-height: 20px;
    color: #A6A9B2;
}
.transaction_time {
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
    color: #ffffff;
    padding: 10px;
    text-shadow: 0px 3px #000000;
}
.transaction_box {
    display: grid;
    flex-wrap: wrap;
    /* margin-left: -10px; */
    /* margin-right: -10px; */
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
}
.transaction_content {
    width: calc(100% - 20px);
    /* margin: 10px; */
    /* background-color: #1D2025; */
    /* border-bottom-left-radius: 10px; */
    /* border-bottom-right-radius: 10px; */
    /* padding: 15px; */
    /* overflow: hidden; */
    position: relative;
}
.transaction_content_box_title {
    display: flex;
    align-items: center;
}
.transaction_content_box {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.transaction_content_1_title {
    font-weight: 700;
    font-size: 14px;
    color: #f0b62e;
    width: 50%;
}
.transaction_content_2_title {
    font-weight: 700;
    font-size: 14px;
    color: #f0b62e;
    width: 50%;
}
.transaction_content_1 {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    color: #f0b62d;
    width: 50%;
}
.transaction_content_1 img {
    width: 30px;
    margin-right: 10px;
}
.transaction_content_2 {
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    width: 50%;
}
.text-trs {
    color: #f0b62e;
    font-size: 20px;
    line-height: 21px;
    font-weight: bold;
}
.fnt-wh {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}
.transc-l {
    display: flex;
    align-items: center;
    font-weight: bold;
    color: #859cbf;
    text-align: center;
    justify-content: center;
    position: relative;
}
.btn-live {
    display: flex;
    align-items: center;
}
.wrap-live {
    background: rgb(242 242 0 / 8%);
    padding: 17px;
    border-radius: 15px;
}