@import 'https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap'; body {
    font-family: muli,sans-serif;
    font-size: 14px;
    background-image: url(https://csn-holigan-s3-eu-central.com/Online/tutkubet/bg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
    background-attachment: fixed;
    color: #fff
}

.owl-carousel {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.ios {
    cursor: pointer
}

img {
    max-width: 100%
}

.FavCasino {
    text-align: center;
    display: inline-block;
    width: 100%;
    color: #ff4f45
}

::placeholder {
    color: #ff4f45;
    opacity: 1
}

.bankoff {
    background: #afafaf
}

.bankon {
    background: #000
}

.RText {
    color: red !important
}

.Gtext {
    color: #28a745 !important
}

input[type=checkbox], input[type=radio] {
    display: inline-block;
    height: 13px;
    width: 13px;
    border: 1px solid #aaa;
    overflow: hidden;
    margin-top: -4px;
    vertical-align: middle;
    -webkit-appearance: none;
    outline: 0;
    background: #fff
}

input[type=checkbox]:checked:before, input[type=radio]:checked:before {
    content: "\f00c";
    font-family: "font awesome 5 free";
    font-size: 9px;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    line-height: 11px;
    color: #4caf50;
    font-weight: 700;
    background-color: #000000;
}

input[type=checkbox]:checked:before, input[type=radio]:checked:before {
    display: block;
    -webkit-appearance: listbox;
}

.detailmobileUpDown {
    display: block;
    color: #000;
    border-bottom: 1px solid #ddd;
    padding: 11px;
    font-size: 15px;
    position: relative;
    text-decoration: none !important
}

.detailmobileUpDown a {
    display: block;
    color: #000;
    border-bottom: 1px solid #ddd;
    padding: 11px;
    font-size: 15px;
    position: relative;
    text-decoration: none !important
}

a {
    cursor: pointer
}

.clr {
    clear: both
}

.container {
    width: 100%;
    max-width: 1431px;
    padding: 0
}

@media(min-width: 1200px) {
}

.table td, .table th {
    vertical-align: middle
}

.row {
    margin-right: -8px;
    margin-left: -8px;
}

.row > div {
    padding-right: 8px;
    padding-left: 8px
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.row.no-gutters > div {
    padding-right: 0;
    padding-left: 0;
}

.btn-danger {
    border-color: #ff4f45;
        background: #000000 !important;
}

.hRow {
    box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
    margin: 20px 0 10px 0px;
    display: flex;
    background: rgb(24 24 25 / 50%) !important;
}

.siteLogo {
    max-width: 180px;
    width: 100%;
    /* background: rgb(0 5 36 / 50%)!important; */
}

.siteLogo a {
    display: block;
    text-align: center;
    padding: 2px;
    height: 44px
}

.siteLogo a img {
    width: 178px;
    opacity: 1 !important
}

#weekly-winners .navMenu {
    background: url(../../img/redesign/winners.png) repeat-y right 0
}

.navMenu > ul {
    margin-bottom: 0
}

.navMenu > ul > li {
    list-style: none;
    display: inline-block
}

.navMenu > ul > li > a {
    display: block;
    padding: 0 10px;
    color: #333;
    height: 42px;
    line-height: 42px
}

.navMenu > ul > li > a:hover {
    background: #fafafa00;
    text-decoration: none
}

.navMenu > ul > li > a:focus {
    background: #eee
}

.siteHeader .navMenu > ul > li > a {
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    color: #fff;
    padding: 0 15px
}

.siteHeader .navMenu > ul > li > a:hover {
    color: #ff4f45;
    background: 0 0
}

.dropdown-menu {
    border-radius: 0;
    border-radius: 0;
    box-shadow: 0 0 5px #777;
    font-size: 13px
}

.dropdown-menu .bble {
    position: absolute;
    width: 0;
    height: 0;
    left: calc(50% - 5px);
    border-bottom: 10px solid #999;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    top: -9px
}

.dropdown-menu .bble:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    border-bottom: 9px solid #ff4f45;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    top: 1px;
    transform: translateX(-50%);
    z-index: 1
}

.dropdown-item {
    padding: 3px 10px
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #ff4f45
}

.tooltip {
    font-size: 11px
}

.dropleft .dropdown-menu {
    top: auto !important;
    bottom: 0;
    left: -7px !important;
    box-shadow: 1px 2px 2px 0 rgb(0 0 0/20%);
    border: 1px solid #999;
    padding: 10px;
    border-radius: 3px
}

.dropleft .dropdown-menu:before {
    content: '';
    position: absolute;
    left: 100%;
    bottom: 11px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 8px solid #999;
    border-bottom: 8px solid transparent
}

.dropleft .dropdown-menu:after {
    content: '';
    position: absolute;
    left: 100%;
    bottom: 12px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 7px solid #fff;
    border-bottom: 7px solid transparent
}

.dropleft .dropdown-menu .dropdown-item {
    height: 30px;
    line-height: 30px;
    padding: 0 4px
}

.dropleft .dropdown-menu .dropdown-item:hover, .dropleft .dropdown-menu .dropdown-item.active {
    color: #333;
    background: #ebebeb
}

.dropleft .dropdown-menu .dropdown-item.active {
    font-weight: 700
}

.userRightMenu {
}

.userRightMenu > .register-btn, .userRightMenu > .login-btn > a {
    display: flex;
    align-items: center;
    height: 44px;
    color: #fff;
    padding: 8px 15px
}

.userRightMenu > .register-btn:hover, .userRightMenu > .login-btn > a:hover {
    color: #fff;
    text-decoration: none
}

.userRightMenu > .register-btn {
        background: #000000 !important;
}

.userRightMenu > .register-btn > img {
    max-width: 22px;
    max-height: 22px
}

.userRightMenu > .login-btn {
    position: relative;
    float: right
}

.userRightMenu > .login-btn > a {
    background: #2e2e2f;
}

.userRightMenu > .login-btn > a > img {
    max-width: 22px;
    max-height: 22px
}

.login-btn #login_box {
    max-height: 0;
    overflow-x: hidden;
    position: absolute;
    z-index: 1001;
    top: 42px;
    left: -50%
}

.login-btn:hover #login_box {
    padding-top: 10px;
    max-height: initial;
    overflow: visible
}

.login-btn #login_box > div {
    position: relative;
    width: 180px;
    padding: 5px;
    background: #fff;
    color: #2e303b;
    border-color: #2e303b;
    -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0/30%);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 5px 0 rgb(0 0 0/30%)
}

.login-btn #login-error {
    top: 0;
    right: 100%;
    z-index: 1002
}

.login-btn #login-error:not(.d-none) {
    display: flex
}

.login-btn #login-error #error-container {
    width: 250px;
    border: 1px solid #c3c3c3;
    background-color: #ffe9e9
}

.login-btn #login-error #error-container .error-content .error-title {
    font-size: 12px;
    color: #c3c3c3;
    margin: initial;
    line-height: 16px;
    font-weight: 700
}

.login-btn #login-error #error-container .error-content .error-text p {
    font-size: 11px;
    color: #000;
    margin: initial;
    line-height: 16px;
    margin-bottom: 0;
    padding-bottom: 0
}

.login-btn #login-error #error-container .error-content .error-text p a {
    color: #000;
    text-decoration: none
}

.login-btn #login-error #error-container #close-error {
    cursor: pointer
}

.login-btn #login-error > span > img {
    margin-top: 12px
}

.b_top:before {
    left: 48%;
    left: calc(50% - 5px);
    border-bottom: 9px solid #999;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    top: -9px
}

.b_top:after {
    left: 48%;
    left: calc(50% - 5px);
    border-bottom: 9px solid #fff;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    top: -8px
}

.bubble:before, .bubble:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0
}

.login-btn #login_input {
    margin-bottom: 5px;
    position: relative
}

.login-btn #login_input:before, .login-btn #password-login:before {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ececec;
    height: 30px;
    line-height: 30px;
    padding-left: 30px;
    font-size: 13px;
    color: #666;
    pointer-events: none
}

.login-btn #login_input:before, .login-btn #password-login:before {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: 28px;
    height: 28px;
    background: url(../img/login-user-name.jpg) no-repeat center;
    background-size: 16px 16px
}

.login-btn #login_box input:not([type=checkbox]):not(#show-password) {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ececec;
    height: 30px;
    line-height: 30px;
    padding-left: 30px;
    font-size: 13px
}

.login-btn #password-login {
    position: relative;
    margin-bottom: 5px
}

.login-btn #password-login:before {
    background: url(../img/login-password.jpg) no-repeat center;
    background-size: 16px 16px
}

.show-password {
    position: absolute;
    top: 50%;
    right: 5px;
    width: 16px;
    height: 12px;
    background: url(../img/login-show-password.png) no-repeat;
    background-size: 14px;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 99
}

.show-password:not(.show) {
    background-position: 0 bottom
}

.login-btn #login_box input:not([type=checkbox]):not(#show-password) {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ececec;
    height: 30px;
    line-height: 30px;
    padding-left: 30px;
    font-size: 13px
}

.login-btn .autologincheck {
    font-size: 11px;
    margin: 10px 0 5px;
    text-align: center;
    color: #2e303b;
    display: flex;
    justify-content: center
}

.login-btn #autologin {
    margin-right: 5px;
    margin-top: 0;
    -webkit-appearance: checkbox
}

.login-btn #autologin:before {
    display: none
}

.login-btn .autologincheck > div {
    position: relative;
    color: #a09f9f;
    padding-left: 1px;
    display: inline
}

.login-btn .on .autologincheck > div {
    position: relative
}

.login-btn .on .autologincheck label {
    margin-bottom: 0
}

.tooltip_2 {
    z-index: 999;
    position: absolute;
    display: none;
    height: 300px;
    width: 220px;
    color: #fff
}

.tooltip_2_inner {
    position: absolute;
    left: 6px;
    background: #333;
    border: 1px solid #d6d6d6;
    border-left: 0;
    padding: 6px
}

.login-btn .autologincheck > div:hover .tooltip_2 {
    top: 20px;
    left: -90px;
    height: auto;
    z-index: 1002;
    display: block;
    font-size: 11px
}

.login-btn #login_box #login_message, .login-btn #login_box #login_message a {
    color: #a09f9f;
    font-size: 10px;
    text-align: center;
    margin-bottom: 5px
}

.login-btn #login_box #login_message a:hover {
    color: #c3c3c3;
    text-decoration: none
}

.login-btn #login_box .wrap {
    background-image: url(../img/buttonArrow_white-020C5C5BC3756C5B808D25B886767241.png);
    background-size: 14px auto;
    background-position: calc(100% + 2px) center;
    border: 2px solid #c3c3c3;
    background-color: #c3c3c3;
    border-radius: 4px;
    color: #c3c3c3
}

.login-btn #login_box #loginButton:not(#show-password) {
    width: 100%;
        background: #000000 !important;
    color: #fff;
    overflow: hidden;
    text-align: center;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    border: none;
    padding: 0
}

.popup-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0/60%);
    z-index: 7
}

.popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 1px;
    /* background-color: #ff4f45; */
    text-align: center;
    border-radius: 20px
}

.close {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 30px;
    cursor: pointer;
    color: #fff;
    text-shadow: 1px 1px 10px #6d01eb;
    opacity: 10
}

.mobRight > a.header-deposit-button small {
    width: 78px;
    height: 43px;
    line-height: 10px;
    font-size: 8px;
    text-transform: uppercase;
    padding-top: 26px;
    background: url(../../img/redesign/deposit-icon.png) no-repeat center 19%;
    background-size: 26px 26px
}

.userRightMenu > a.header-bet-button small {
    background: url(../../img/redesign/bet-icon.png) no-repeat center top 5px;
    background-size: 16px 16px
}

.userRightMenu > a.header-bet-button u {
        background: #000000 !important;
    border-radius: 5px;
    bottom: 25px;
    color: #fff;
    float: right;
    font-size: 9px;
    height: 13px;
    left: 50%;
    line-height: 10px;
    margin-left: 6px;
    min-width: 12px;
    padding: 2px 2px 1px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    z-index: 1;
    white-space: nowrap
}

.userBox > a.header-member-button small {
    background: url(../../img/redesign/member-icon.png) no-repeat center top 5px;
    background-size: 16px 16px
}

.userBox .dropdown-menu {
    width: 190px;
    left: 50% !important;
    font-size: 12px;
    padding: 0;
    transform: none !important;
    top: 52px !important;
    transform: translateX(-50%) !important;
    box-shadow: 0 0 5px 0 rgb(0 0 0/30%);
    border: 0;
    border-bottom: 3px solid #2e303b
}

.userBox .dropdown-toggle::after {
    display: none
}

.userBox > a i {
    display: block
}

.userRightMenu > a > small, .userBox.userLogged > a > small {
    display: block;
}

.userBox {
    float: right;
    position: relative
}

.userRightMenu > a.sccs {
        background: #000000 !important;
    color: #fff !important
}

.userRightMenu > a.accs {
    background: #000000;
    color: #fff !important
}

.userRightMenu > a {
    float: right;
    padding-top: 3px;
    text-decoration: none;
    color: #fff
}

.userRightMenu > a, .userBox > a i {
    display: block
}

.userRightMenu > a, .userBox > a {
    text-align: center;
    padding: 8px 11px;
    display: block;
    color: #fff;
    font-size: 13px;
    height: 44px;
    color: #fff
}

.userRightMenu > a {
    float: right;
    padding-top: 3px;
    text-decoration: none;
    color: #fff
}

.loggedMenu a img {
    margin-right: 11px;
    width: 18px;
}

.loggedMenu a {
    display: block;
    color: #fff;
    padding: 5px 10px;
    border-bottom: 1px solid #e5e5e5
}

.userRightMenu > a {
    position: relative;
    float: right;
    text-decoration: none
}

.userRightMenu > a:hover {
    color: #ff4f45
}

.userRightMenu > a.sccs img {
    /* filter: brightness(0) invert(1); */
}

.userRightMenu > a.accs img {
    filter: brightness(0) invert(1)
}

.loginForm {
    padding: 5px 6px
}

.loginForm .form-control {
    border-radius: 0;
    height: 30px;
    font-size: 12px;
    padding-left: 20px
}

.loginForm .btn {
    width: 100%
}

.loginForm #login_message {
    font-size: 10px
}

.loginForm #login_message a {
    color: #777
}

.loginForm #login_message a:hover {
    color: #ff4f45;
    text-decoration: none
}

.userDets {
    padding: 5px 5px 0 45px;
    box-shadow: inset 0 0 2px #fff;
    background-color: #ff4f45;
    border-bottom: 1px solid #ff4f45;
    border-top: none;
    color: #fff;
    position: relative;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis
}

.userDets:before {
    background: url(../../img/redesign/member-white.png) no-repeat center;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: 40px;
    height: 34px;
    background-size: 20px
}

.userDets > i {
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 18px
}

.userDets > div {
    line-height: 16px;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis
}

.userDets > span {
    display: block;
    font-size: 10px;
    line-height: 14px
}

.userDets > span:last-of-type {
    margin-bottom: 4px
}

.loggedMenu {
}

.loggedMenu a {
    display: block;
    color: #333;
    padding-left: 12px;
    font-size: 12px;
    border-bottom: 1px solid #eee;
    position: relative
}

.loggedMenu a:hover {
    text-decoration: none;
    color: #ff4f45
}

.loggedMenu a span {
    position: absolute;
    top: 0;
    left: 5px;
    width: 40px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center
}

.loggedMenu > span {
    padding: 6px 5px 7px;
    display: block;
    font-size: 10px;
    text-align: center;
    color: #000
}

.form_row {
    position: relative;
    margin-bottom: 5px
}

.form_row ._fr_icn {
    position: absolute;
    left: 6px;
    top: 8px
}

.searchBox {
    position: absolute;
    left: 0px;
    top: 7px;
    height: 30px;
    transition: width .2s ease
}

.searchBox:not(.pssv) {
    width: 303px;
    border: 1px solid #ff4f45;
    border-radius: 5px;
}

.searchBox.pssv {
    width: 41px;
    border-color: transparent;
    z-index: 3;
    display: block;
    background: url(../../img/redesign/search-icon.png) no-repeat 12px center;
    cursor: pointer;
    color: transparent;
    /* border: 1px solid #000000; */
}

.searchBox.pssv i {
    display: none
}

.formElems {
    position: relative
}

.searchBox input {
    height: 28px;
    box-shadow: none !important;
    border: none;
    padding-left: 47px;
    font-size: 11px;
    color: #666;
    font-weight: 600;
    border-radius: 5px;
}

.searchBox .btn {
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: none !important;
    height: 28px;
    width: 41px;
    padding: 0;
    border: none;
    background: #003387 url(../../img/redesign/search-icon.png) no-repeat 11px center;
    color: #fff;
}

.searchBox .btn i {
    display: none
}

.searchBox span {
    position: absolute;
    right: 3px;
    top: 5px;
    background: 0 0 !important;
    width: 20px;
    height: 20px;
    line-height: 19px !important;
    text-align: center;
    border-radius: 50%;
    font-size: 13px !important;
    color: #000000;
}

.searchBox span {
    position: absolute;
    right: 3px;
    top: 5px;
    background: #f1f1f1;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    font-size: 9px
}

.searchBox.pssv input {
    visibility: hidden
}

.searchBox.pssv span {
    display: none
}

.navMenu {
    position: relative;
    margin: 0;
    padding: 0;
    flex-grow: 1
}

.navMenu li {
    list-style: none
}

.navMenu > li > a {
    display: block;
    padding: 7px;
    text-decoration: none !important
}

.siteHeader .navMenu {
    padding-left: 11px;
    /* background-color: #000000; */
    /* background: rgb(0 5 36 / 50%)!important; */
}

.siteHeader .navMenu ul {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center
}

.panelBox {
    color: #0d0d0e;
    margin-bottom: 15px;
    border-radius: 10px 10px 10px 10px;
    background: rgb(24 24 25 / 50%) !important;
}

.panelTitle {
        background: #000000 !important;
    color: #fff;
    text-align: center;
    padding: 4px;
    font-size: 16px;
    line-height: 22px;
    min-height: 30px;
    border-radius: 10px 10px 0 0
}

.panelBox .navMenu ul {
    padding: 0;
    margin: 0
}

.panelBox .navMenu li {
    position: relative;
    display: flex;
    height: 27px;
    line-height: 28px
}

.content-left .panelBox .navMenu > li, .content-left .panelBox .navMenu > li.li_more > ul > li {
    flex-direction: column
}

.panelBox .navMenu li .spnB {
    text-align: center
}

.panelBox .navMenu li.spnnr {
    text-align: center;
    color: #1f1e1e;
    padding: 10px;
    font-size: 20px;
    display: block
}

.panelBox .navMenu.sportsMenu li.spnnr {
    color: #fff
}

.panelBox .navMenu.sportsMenu ._ulke .spnnr {
    color: #1f1e1e
}

.content-left .panelBox .navMenu > li, .content-left .panelBox .navMenu > li.li_more > ul > li {
    height: 30px;
    line-height: 29px
}

.content-left .panelBox .navMenu > li.opend, .content-left .panelBox .navMenu > li.li_more > ul > li.opend {
    height: auto;
    overflow: hidden
}

.content-left .panelBox .navMenu > li.li_more {
    min-height: 30px;
    height: auto;
    flex-direction: column
}

.panelBox .navMenu .subUl > li > a, .panelBox .navMenu > li > a {
    color: #fff;
    font-size: 12px;
    border-bottom: 1px solid #000000;
    position: relative;
    display: block;
    width: 100%;
    padding: 0 0 0 44px;
    background-blend-mode: exclusion
}

.panelBox#weekly-winners .navMenu .subUl > li, .panelBox#weekly-winners .navMenu > li {
    height: 28px;
    line-height: 29px
}

.panelBox#weekly-winners .navMenu .subUl > li > a, .panelBox#weekly-winners .navMenu > li > a {
    padding: 0 5px 0 30px;
    background: url(../../img/redesign/winner-user.png) #fff 0 center no-repeat
}

.panelBox#weekly-winners .navMenu .subUl > li:first-child > a, .panelBox#weekly-winners .navMenu > li:first-child > a {
    background: url(../../img/redesign/winner-user-orange.png) #fff 0 center no-repeat;
    background-blend-mode: unset
}

.content-right .panelBox .navMenu > li > a#casino, .content-right .panelBox .navMenu > li > a#tv {
    background: url(../../img/redesign/casino.png) #fff 12px center no-repeat;
    background-size: auto 20px !important
}

.content-right .panelBox .navMenu > li > a#live-casino {
    background: url(../../img/redesign/live-casino.png) #fff 12px center no-repeat;
    background-size: auto 20px !important
}

.content-right .panelBox .navMenu > li > a#virtual-sports {
    background: url(../../img/redesign/virtual-sport.png) #fff 9px center no-repeat;
    background-size: auto 18px !important
}

.content-right .panelBox .navMenu > li > a#promotion {
    background: url(../../img/redesign/promotion.png) #fff 10px center no-repeat;
    background-size: auto 15px !important
}

.content-left .panelBox .navMenu > li > a, .content-left .panelBox .navMenu .subUl > li > a {
    padding: 0 9px;
    display: flex;
    justify-content: space-between
}

.panelBox .navMenu > li a:hover {
    color: #ffffff;
    text-decoration: none
}

.panelBox .navMenu .subUl > li > a img, .panelBox .navMenu > li > a img {
    position: absolute;
    top: 50%;
    left: 22px;
    margin: 0;
    transform: translate(-50%,-50%)
}

.content-left .panelBox .navMenu > li > a img, .content-left .panelBox .navMenu .subUl > li > a img {
    position: static;
    transform: none;
    margin-top: 6px;
    margin-right: 5px
}

.content-left .panelBox .navMenu#support-menu > li > a {
    line-height: 17px;
    padding: 5px 0 5px 25px;
    background: url(../../img/redesign/arrow-right-white.png) #f70b2c00 12px center no-repeat;
    background-blend-mode: exclusion
}

.content-left .panelBox .navMenu > li > a > .sport-name, .content-left .panelBox .navMenu .subUl > li > a .sport-name {
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#support-menu {
    background: url(../../img/redesign/support-texture.png) no-repeat right bottom
}

.panelBox .navMenu li a .nvicn {
    min-width: 19px;
    margin-right: 3px
}

.panelBox .navMenu li a .nvicn img, .panelBox .navMenu > li > a img {
    filter: brightness(0);
    vertical-align: -3px;
    width: 16px;
    margin-right: 3px;
    filter: invert(1)
}

.panelBox .navMenu.nm2 > li > a img {
    filter: none;
    vertical-align: -5px;
    width: 19px;
    margin-right: 5px
}

.panelBox .navMenu.nm3 > li > a {
    text-align: left
}

.panelBox .navMenu.nm3 > li > a b {
    float: right;
    font-weight: 400
}

.panelBox .navMenu li .cnt {
    position: absolute;
    right: 0;
    top: 5px;
    background: #fff;
    color: #333;
    padding: 0 3px;
    margin: 3px 4px;
    font-size: 11px;
    z-index: 4
}

.content-left .panelBox .navMenu li .cnt {
    position: static;
    color: #333;
    padding: 0 3px;
    margin: 6px 0 0;
    float: right;
    width: 41px;
    min-width: 41px;
    text-align: right;
    height: 18px;
    margin-top: 6px;
    line-height: 18px;
    border-radius: 5px;
    text-align: center;
}

.content-left .panelBox .navMenu li .cnt:hover {
    position: static;
    color: #fff;
    padding: 0 3px;
    margin: 6px 0 0;
    float: right;
    width: 41px;
    min-width: 41px;
    text-align: right;
    height: 18px;
    margin-top: 6px;
    line-height: 18px;
    border-radius: 5px;
    text-align: center;
        background: #000000 !important;
}

.content-left .panelBox .navMenu li.opend > a > .cnt {
    color: #fff;
    background: 0 0
}

.panelBox .navMenu > li > a .fas {
    vertical-align: 1px
}

.panelBox .navMenu > li.hasChild.opend > a, .content-left .panelBox .navMenu > li.li_more > ul > li.opend > a {
        background: #000000 !important;
    color: #fff !important
}

.panelBox .navMenu li.hasChild ul {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #000000;
    display: none
}

.panelBox .navMenu li.hasChild ul.showd {
    display: block
}

.panelBox .navMenu li.hasChild ul li .flag-icon {
    width: 18px
}

.panelBox .navMenu li.hasChild ul li .cnt {
    padding-right: 10px;
    background: 0 0
}

.panelBox .navMenu li.hasChild ul li:not(.li_more) {
    flex-direction: row-reverse;
    justify-content: space-between;
    border-left: 1px solid #ff4f45;
    border-right: 1px solid #ff4f45;
    padding-right: 3px;
    flex-wrap: wrap;
    height: auto
}

.panelBox .navMenu li.hasChild ul li.li_more {
    flex-wrap: wrap;
    height: auto
}

.panelBox .navMenu li.hasChild ul li.li_more > span {
    border-left: 1px solid #000000;
    border-right: 1px solid #000000
}

.panelBox .navMenu li.hasChild ul li:not(.li_more) {
    background: url(../../img/redesign/nav_2_bg.png) #ebebeb no-repeat;
    background-position: -178px 0
}

.panelBox .navMenu li.hasChild ul li._ulke.opend {
    background-position: -178px -28px
}

.panelBox .navMenu li.hasChild ul li a, .panelBox .navMenu li.hasChild ul li ul li label {
    display: flex;
    align-items: center;
    font-size: 11px !important;
    color: #666;
    padding-left: 25px !important;
    background-position: -178px 0
}

.panelBox .navMenu li.hasChild ul li a:hover {
    color: #ff4f45
}

.panelBox .navMenu li.hasChild ul li a span:not(.country-name), .panelBox .navMenu li.hasChild ul li label span {
    height: 18px;
    min-width: 18px;
    width: 18px;
    margin-right: 5px !important;
    margin-top: 0;
    float: left;
    display: flex;
    align-items: center
}

.panelBox .navMenu li.hasChild ul li a span.country-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #ff4f45
}

.panelBox .navMenu li.hasChild ul li ul li a, .panelBox .navMenu li.hasChild ul li ul li label {
    font-size: 10px;
    font-weight: 500
}

.panelBox .navMenu li.hasChild ul li ul li label, .panelBox .navMenu li.hasChild ul li ul li a {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 0 0 10px !important;
    margin: 0
}

.panelBox .navMenu li.hasChild ul.liChild li small + a {
    max-width: calc(100% - 41px) !important
}

.panelBox .navMenu li.hasChild ul li ul li a {
    justify-content: normal !important;
    padding-right: 0 !important;
    padding-left: 25px !important;
    border-bottom: 0 !important
}

.panelBox .navMenu li.hasChild ul li ul li a img {
    margin-top: 0 !important;
    margin-right: 0 !important
}

.panelBox .navMenu li.hasChild ul li ul li input {
    margin-right: 5px;
    margin-right: 5px;
    background: 0 0;
    border: 0;
    width: 10px;
    height: 10px;
    margin-top: -2px
}

.panelBox .navMenu li.hasChild._ulke ul {
    width: 100%
}

.panelBox .navMenu li.hasChild._ulke ul li {
    flex-direction: row;
    border: 0;
    background: url(../../img/redesign/nav_3_bg.png) no-repeat;
    background-position: -178px 0;
    flex-wrap: nowrap
}

.panelBox .rangeBox {
    padding: 40px 17px 10px;
    font-size: 9px;
    border-bottom: 1px solid #000000
}

.panelBox .rangeBox .slider.slider-horizontal {
    width: 100%
}

.content-left .panelBox .rangeBox {
    width: 180px;
    padding: 0 20px 10px;
    margin-top: 10px
}

.content-left .panelBox .rangeBox .slider.slider-horizontal {
    display: flex;
    flex-direction: column-reverse;
    height: auto !important;
    margin-bottom: 0 !important
}

.content-left .slider.slider-horizontal .slider-tick-label-container {
    width: 180px;
    height: 16px;
    margin-top: 8px;
    margin-right: -20px !important;
    margin-left: -20px !important
}

.content-left .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    float: left;
    width: 36px !important;
    line-height: 14px;
    font-size: 8px;
    text-align: center;
    color: #fff
}

.content-left .slider.slider-horizontal .slider-track {
    position: relative;
    width: 140px;
    height: 14px;
    padding-top: 6px;
    background: url(../../img/redesign/range-slider.png) no-repeat bottom center;
    margin-top: 0;
    margin-bottom: 6px;
    filter: brightness(10)
}

.content-left .slider.slider-horizontal .slider-track::after {
    content: '';
    width: 100%;
    height: 8px;
    border: 1px solid #c5c5c5;
    background: #fff;
    display: flex
}

.content-left .slider.slider-horizontal .slider-tick-container {
    display: none !important
}

.content-left .slider.slider-horizontal .slider-selection {
    height: 8px;
    top: auto;
    background: 0 0 !important
}

.content-left .slider-handle {
    width: 13px;
    height: 13px;
    cursor: pointer;
        background: #000000 !important;
    border: 1px solid #9a9997;
    overflow: hidden;
    color: transparent;
    bottom: 3px;
    margin-left: -.5em;
    top: auto;
    border-radius: 3px
}

.li_more {
}

.li_more > span {
    font-size: 11px;
    text-align: right;
    display: block;
    padding: 6px;
    cursor: pointer
}

.content-left .li_more > span {
    font-size: 12px;
    padding: 0 9px 0 0;
    line-height: 30px;
    width: 100%
}

.liChild .li_more > span {
    color: #fff
}

._hdn {
    display: none
}

.sidebar-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.make-me-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 4px
}

@media(min-width: 577px) {
    .owl-carousel.listCaro .owl-stage-outer {
        width: calc(100% - 60px);
        margin-left: 30px
    }
}

.owl-nav {
    margin: 0
}

.owl-nav > [class*=owl-] {
    top: 0;
    position: absolute;
    left: 0;
    border: 0
}

.owl-nav > .owl-next {
    left: auto;
    right: 0
}

.owl-nav > .owl-prev {
    left: 0;
    right: auto
}

.owl-nav [class*=owl-] {
    background: 0 0;
    border: none;
    padding: 0;
    width: 20px;
    height: 30px;
    line-height: 30px;
    color: #000;
    margin: 0;
    font-size: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.owl-carousel.listCaro .owl-nav [class*=owl-] img {
    width: 7px
}

.owl-carousel.rowCaro .owl-nav [class*=owl-] {
    width: 40px;
    height: 100%;
    transition: all .5s;
    filter: drop-shadow(2px 4px 6px black)
}

.owl-carousel.rowCaro:hover .owl-nav [class*=owl-] {
    opacity: 1
}

.owl-carousel.rowCaro .owl-nav [class*=owl-] img {
    width: auto
}

.owl-dots {
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%
}

.owl-dots .owl-dot {
    outline: none;
    background: 0 0;
    border: 0
}

.owl-dots .owl-dot span {
    margin: 0 3px;
    background: #f1f1f1;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: block;
    transition: .3s ease-out
}

.owl-dots .owl-dot:hover span, .owl-dots .owl-dot.active span {
    background: #ff4f45
}

.owl-dots .owl-dot.active span {
}

.bannerLine {
    padding: 25px 0
}

.tabBox {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    border-radius: 0 0 0 0;
    color: #fff;
    margin-top: 15px;
    background: rgb(24 24 25 / 50%) !important;
}

.tabBox .tabHeader {
    float: left;
    height: 29px;
    line-height: 29px;
    padding: 0;
    font-size: 16px;
    display: flex;
    align-items: center;
    padding: 0 8px
}

.tabBox .tabHeader.large {
    padding: 5px 0 5px 10px;
    min-height: 39px;
    position: relative
}

.tabBox .divclose {
    width: 20px;
    height: 20px;
    top: 3px;
    right: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.tabBox .divclose img {
    width: 10.5px;
    height: 11px
}

.tabBox .divclose:hover img {
    opacity: .8
}

.tabBox#Highlights .tabHeader, .tabBox#FootballSoon .tabHeader {
    font-size: 15px
}

.tabBox .tabHeader img {
    margin-right: 9px;
    margin-left: 2px
}

#_sport-esportgolf.tabBox .tabHeader, #_sport-boxing.tabBox .tabHeader {
    justify-content: space-between
}

.tabBox .nav-tabs {
    float: right;
    border: none
}

.tabBox .nav-tabs li {
}

.tabBox .nav-tabs li a {
    font-size: 11px;
    display: block;
    padding: 0 12px 2px;
    color: #fff;
    height: 29px;
    line-height: 27px;
    border-left: 1px solid #000000;
    text-decoration: none !important
}

.tabBox .nav-tabs li a.active {
    color: #fff;
    background: #000000 !important;
}

.tabBox .tab-content {
    clear: both
}

.tabBox .table {
    border: none;
    font-size: 10px;
    margin: 0
}

.tabBox .table th {
    height: 24px;
    font-size: 11px;
    font-weight: 400;
    border-top: none;
    color: #fff;
    background: rgb(24 24 25 / 50%) !important;
}

.tabBox .table th.point-column-prev {
    padding-right: 10px
}

.tabBox .table th.point-column {
    min-width: 34px;
    max-width: 34px
}

.tabBox .table th.ulkeTh {
    min-width: 211px
}

.tabBox .table th.w-40, .tabBox .table td.w-40 {
    min-width: 40px;
    max-width: 40px
}

.tabBox .table th.w-34, .tabBox .table td.w-34 {
    min-width: 34px;
    max-width: 34px
}

.tabBox .table th.w-280, .tabBox .table td.w-280 {
    max-width: 280px
}

.tabBox .table th, .tabBox .table td {
    padding: 0;
    color: #fff
}

#_sport-esportfootball.tabBox .table td, #_sport-boxing.tabBox .table td {
    min-width: 40px
}

.tabBox .table > tbody > tr:not(first-child) + tr {
    border-top: 1px solid #ff4f45
}

.table td, .table th {
    border-top: 0 !important
}

.tabBox .table td.tdMin {
        background: #000000 !important;
    color: #fff;
    text-align: center;
    width: 40px;
    height: 40px;
    font-size: 11px
}

.tabBox .table td.tdMin.finished {
    background: 0 0
}

.tabBox .table td.tdMin._will {
    background: 0 0;
    color: #fff;
    padding-left: 7px;
    width: 70px
}

.table td.tdBet span, .table td.tdBet b {
    border: 1px solid #ff4f45;
    display: block;
    background: #ffffff;
    margin: auto;
    margin: 0 1px;
    font-size: 11px;
    cursor: pointer;
    max-width: 37px;
    height: 18px
}

.table td.tdBet:hover span, .table td.tdBet b:hover {
    border: 1px solid #ff4f45;
    display: block;
    background: #000000;
    margin: auto;
    margin: 0 1px;
    font-size: 11px;
    cursor: pointer;
    max-width: 37px;
    height: 18px;
    color: #fff;
}

.table td.tdBet span.actv, .table td.tdBet span b.actv, .table td.aBetName span.actv, .insBetItems div.actv, .betRow span.actv {
    background: #ff4f45 !important;
    color: #fff !important;
    border: 0 !important
}

.table td.tdBet span.bet_up, .table td.tdBet span b.bet_up, .table td.aBetName span.bet_up, .insBetItems .bet_up, .betRow span.bet_up {
    outline: 1px solid #25c025 !important
}

.table td.tdBet span.bet_down, .table td.tdBet span b.bet_down, .table td.aBetName span.bet_down, .insBetItems .bet_down, .betRow span.bet_down {
    outline: 1px solid red !important
}

.table td.tdBet b > small {
    font-size: 100%
}

.table td.td_rBet {
    text-align: center;
    font-size: 11px
}

#HomeLivefootball.table td.td_rBet {
    width: 41px
}

.tabBox .tabfilter {
    cursor: pointer
}

.tabBox .tabfilter._on {
        background: #000000 !important;
    color: #fff
}

.macRow .tdBet {
    padding: 0 !important;
    border-left-color: #ff4f45 !important;
}

.macRow .tdBet._1, .macRow .tdBet._2, .macRow .tdBet._x, .macRow .tdBet._r1, .macRow .tdBet._r2 {
}

.macRow .tdBet._r2 {
    width: 43px;
    min-width: 43px;
    max-width: 43px;
    padding-right: 3px !important
}

.macRow .tdBet._1 span, .macRow .tdBet._2 span, .macRow .tdBet._x span, .macRow .tdBet._r1 span, .macRow .tdBet._r2 span {
    width: 100% !important;
    border-radius: 3px;
    color: #000000;
}

.macRow .tdMac {
    font-size: 11px
}

.macRow .tdMac span {
    display: inline-block;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.macRow .tdMac span .img + span {
    flex-grow: 1
}

#_sport-basketball .macRow .tdMac span {
    width: calc(50% - 30px)
}

#_sport-esport .macRow .tdMac span, #_sport-dota .macRow .tdMac span, #_sport-esportruby .macRow .tdMac span, #_sport-190 .macRow .tdMac span {
    width: calc(50% - 20px)
}

.macRow .tdMac b {
    width: 30px;
    display: inline-block
}

#_sport-basketball .macRow .tdMac b {
    width: 60px
}

#_sport-esport .macRow .tdMac b, #_sport-dota .macRow .tdMac b, #_sport-esportruby .macRow .tdMac b, #_sport-190 .macRow .tdMac b {
    width: 40px
}

.td_iButs {
    min-width: 91px;
    max-width: 91px
}

.ibutRef, .td_iButs .ibutRef {
    background: #000000;
    cursor: pointer;
    border-radius: 3px;
    min-width: 20px;
    float: left;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400 !important;
    margin-left: 6px;
}

.ibutRef:last-child, .td_iButs .ibutRef:last-child {
    width: 31px;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    color: #ffffff;
}

.tgNext {
    cursor: pointer
}

.tabBox .table .tglRow td {
    padding: 0
}

.tabBox .table .actvrow td {
    background: #ff4f45 !important;
    font-weight: 700
}

.tabBox .table .actvrow .tdBet span {
    font-weight: 400
}

.acrTitle {
    padding: 5px;
    font-weight: 700;
    background: #e3e8eb;
    cursor: pointer
}

.acrdion:not(:last-child) > .acrTitle:not(.actv) {
    border-bottom: 1px solid #000000
}

.acrTitle.actv {
    border-bottom-color: transparent
}

.acrTitle i {
    float: right;
    font-size: 18px;
    margin-right: 7px;
    margin-top: 7px;
}

.acrTitle.actv .fa-caret-down:before {
    content: "\f0d8"
}

.betListToggle {
    background: #e3e8eb
}

.tabBox .acrdBox {
    padding: 5px;
    display: none
}

.tabBox .acrdBox .table {
    background: #fff
}

.tabBox .acrdion .table td {
    padding: 5px
}

.tabBox .acrdion .table td.aBetName {
    width: 50%
}

.tabBox .acrdion .table.has3col td.aBetName {
    width: 33.33%;
    display: block;
    float: left
}

.tabBox .acrdion .table.has2col td.aBetName {
    width: 50%;
    display: block;
    float: left
}

.tabBox .acrdion .table.has1col td.aBetName {
    width: 100%;
    display: block;
    float: left
}

.tabBox .acrdion .table td.tdBet {
    text-align: center
}

.tabBox .acrdion .table td.tdBet b {
    margin-right: 5px;
    font-weight: 400;
    width: 14px;
    display: inline-block
}

.tabBox .acrdion .table td.tdBet span {
    width: 38px;
    display: inline-block
}

.tabBox .acrdion .table td.aBetName {
    border: 1px solid #ddd;
    background: #fff;
    position: relative
}

.tabBox .acrdion .table td.aBetName.oddBtnDisabled, .oddBtnDisabled {
    cursor: not-allowed !important;
    opacity: .5
}

@media(min-width: 992px) {
    .tabBox .acrdion .table td.aBetName.oddBtnDisabled:before, .oddBtnDisabled:before {
        opacity: 1
    }
}

.tabBox .acrdion .table td.aBetName span {
    background: #e0e0e0;
    float: right;
    padding: 4px 2px;
    margin: -4px;
    width: 30px;
    text-align: center
}

.acrTitle {
    line-height: 35px;
    font-size: 12px;
    color: #fff;
    padding: 0 5px;
    background: #ff4f45
}

.acrTitle i {
    color: #ffffff;
}

.tabBox .acrdBox {
    float: left;
    width: 100%;
    padding: 0 5px 5px;
    border-bottom: 1px solid #000000;
    background-color: #000000;
}

.insBets {
    border-top: 1px solid #ff4f45;
    font-size: 10px
}

.insBets .acrTitle {
    clear: both
}

.insBets .tab-title-buttons {
    background: #eee;
    border-top: 1px solid #000;
    border-left: 1px solid #000
}

.tab-title-buttons > div {
    width: 20%
}

.insBets .tab-title-buttons .acrTitle {
    border-right: 1px solid #000 !important;
    border-bottom: 1px solid #000 !important
}

.insBets .tab-title-buttons .acrTitle.actv {
    color: #fff;
    background: #ff4f45
}

.insBets .insBetCol .acrdBox {
    display: none
}

.insBetItems {
    border: 1px solid #000000
}

.ins-bet-item:not(:last-child) {
    border-bottom: 1px solid #000000
}

.ins-bet-item:nth-child(odd) {
    background: #000000;
}

.ins-bet-item:nth-child(even) {
    background: #ff4f45
}

.ins-bet-item {
    line-height: 28px;
    font-size: 11px;
    color: #fff
}

.ins-bet-item.hidden {
    display: none !important
}

.ins-bet-item .title {
    padding: 0 5px;
    flex-grow: 1
}

.ins-bet-item .content {
    max-width: 345px
}

.ins-bet-item .value-box {
    width: 90px;
    text-align: center;
    border-left: 1px solid #ccc
}

@media(min-width: 768px) {
    .ins-bet-item .value-box.hidden {
        display: none
    }
}

.ins-bet-item .value-name {
    width: 30px;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 5px
}

.ins-bet-item .value-rate {
    position: relative;
    float: left;
    width: 37px;
    height: 18px;
    color: #000000;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    background: #ffffff;
    cursor: pointer;
    margin: 1px;
    border: 1px solid #ff4f45;
    box-sizing: border-box;
    border-radius: 5px;
}

.ins-bet-item .value-rate:hover {
    position: relative;
    float: left;
    width: 37px;
    height: 18px;
    color: #ffffff;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    background: #000000;
    cursor: pointer;
    margin: 1px;
    border: 1px solid #ff4f45;
    box-sizing: border-box;
    border-radius: 5px;
}

.insBetItems > span {
    display: block;
    float: left;
    position: relative;
    background: #fff;
    border: 1px solid #ddd;
    border-top: none;
    padding: 3px;
    padding-right: 36px;
    font-size: 10px;
    line-height: 1;
    height: 26px
}

.insBetItems > span b {
    position: absolute;
    right: 1px;
    top: 1px;
    bottom: 1px;
    background: #e0e0e0;
    padding: 4px 2px;
    font-weight: 400;
    font-size: 10px;
    width: 32px;
    text-align: center;
    display: table;
    height: calc(100% - 1px);
    vertical-align: middle
}

.insBetItems > span b small {
    font-size: 100%;
    display: table-cell;
    vertical-align: middle
}

.insBetItems > span u {
    text-decoration: none;
    display: table-cell;
    vertical-align: middle;
    height: 20px
}

._has2col > span {
    width: 50%;
    cursor: pointer
}

._has3col > span {
    width: 33.33%;
    cursor: pointer
}

.homeText {
    position: relative
}

.homeText .infoText {
    font-size: 12px;
    height: 50px;
    overflow: hidden
}

.homeText.on .infoText {
    height: auto
}

.homeText .readMore {
    text-align: center;
    background-image: linear-gradient( rgba(247,247,247,0) 0%,rgba(247,247,247,1) 85% );
    position: absolute;
    width: 100%;
    height: 60px;
    bottom: 0;
    cursor: pointer
}

.homeText .readMore span {
    position: absolute;
    bottom: 0
}

.homeText.on .readMore {
    display: none
}

.homeText.on .fa-angle-double-right:before {
    content: "\f103"
}

#sliderPromos .owl-nav [class*=owl-] {
    margin-top: -70px
}

#sliderPromos .owl-dots {
    display: none !important
}

#sliderPromos .item {
}

#sliderPromos .item a {
    color: #fff;
    text-decoration: none !important
}

#sliderPromos .item span {
    text-align: center;
    line-height: 1.4;
    display: block;
    font-size: 13px;
    padding: 10px
}

.betBox {
    font-size: 11px;
    padding: 9px 9px 8px
}

.betTabs {
    text-align: center;
    display: flex;
    justify-content: space-between
}

.betTabs a {
    display: inline-block;
    background: #fff;
    color: #2e303b;
    width: 60px;
    height: 18px;
    border: 1px solid #aaa;
    cursor: pointer;
    border-radius: 3px
}

.betTabs a:hover {
    color: #ff4f45
}

.betTabs a.actv {
    color: #fff;
        background: #000000 !important;
    border: 1px solid #000000
}

#CouponEvent {
    margin: 8px 0 5px !important
}

#CouponEvent p {
    line-height: 14px;
    font-size: 11px;
    margin-bottom: 0
}

.betContent .text-center {
    display: flex;
    justify-content: center
}

.betItem {
    background: #fff;
    color: #000;
    margin-bottom: 10px;
    overflow: hidden
}

.betRow span {
    float: right
}

.betRow ._Rate {
    text-align: center;
    width: 35px
}

.betRow {
    position: relative;
    border-bottom: 1px solid #ccc;
    padding: 4px;
    overflow: hidden
}

.betRow.betTitle {
    border-color: #000
}

.betTitle span.itmClose {
    position: absolute;
    right: 3px;
    top: 6px;
    background: #333;
    color: #fff;
    display: block;
    padding: 0 3px;
    font-size: 9px;
    cursor: pointer
}

.betItem input[type=checkbox] {
    vertical-align: -2px
}

.betItem input[type=checkbox]:checked:before {
    color: #fff;
        background: #000000 !important;
    border-color: #ff4f45
}

.betContent .btn {
    color: #fff;
    font-size: 11px;
    background: 0 0;
    border-radius: 0;
    line-height: 14px;
    padding: 0;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.betContent .btn:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 11px;
    border-left: 6px solid #fff;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    margin-left: 3px
}

#bestBets {
    padding: 10px 0 0
}

.betTable {
}

.btRts {
    margin-bottom: 10px;
    text-align: center
}

.btRts input {
    width: 44px;
    text-align: center;
    cursor: pointer;
    border: none
}

.btRts input.actv {
        background: #000000 !important;
    color: #fff
}

.betTable .table {
    border: none
}

.betTable td {
    border: none;
    padding: 3px 2px;
    background: #ff4f45
}

.betTable table:not(#SystemCouponSelector) td {
    color: #fff
}

.betTable td input {
    width: 60px;
    color: #333;
    text-align: center;
    border: none
}

.betTable .totalbahis td {
    border-top: 3px solid #2e303b
}

.goBahis {
    display: block;
    border: 2px solid #ff4f45;
        background: #000000 !important;
    color: #ff4f45;
    text-align: center;
    position: relative;
    padding: 2px 5px;
    font-size: 14px;
    border-radius: 5px
}

.goBahis:hover {
    text-decoration: none;
    background: #000000;
    color: #fff !important
}

.goBahis i {
    font-size: 30px;
    position: absolute;
    right: -3px;
    top: -2px
}

.bttn {
    display: inline-block;
    border: 2px solid #263045;
    background: #263045;
    color: #ffffff;
    text-align: center;
    position: relative;
    padding: 4px 5px;
    font-size: 14px;
    border-radius: 5px
}

.bttn:hover {
    text-decoration: none;
    background: #eee;
    color: #ff4f45
}

.bttn img {
    right: -1px;
    top: 6px;
    width: 14px
}

.bttn.bttn-green {
    border-color: #60b704;
    color: #60b704
}

.bttn-large {
    padding: 8px 25px
}

.bttn-xl {
    padding: 10px 30px;
    margin: 5px
}

.bttn-large img {
    top: 8px
}

.panelBox .bttn {
    display: block
}

.btnBox {
    padding: 10px
}

#support-menu li {
    height: 28px;
    line-height: 27px
}

#support-menu + .btnBox {
    padding: 0 0 5px
}

#support-menu + .btnBox .bttn {
    margin: 10px 7px 0 !important
}

#statistics-menu li {
    height: 25px
}

#statistics-menu li a {
    line-height: 21px;
    padding: 3px 21px 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.smForm {
    max-width: 300px;
    margin: auto;
    display: block
}

.sgsBets {
    max-height: 220px;
    overflow: hidden
}

.sgsBets .macRow .tdBet {
    padding: 4px 2px !important
}

.sgsBetitem {
    background: #fff
}

.sgsBetitem .table {
    margin: 0
}

.sgsBets td {
    padding: 4px 2px;
    border: none;
    position: relative
}

.sgsBets td.td_iButs b {
    font-weight: 400;
    display: block
}

.sgsBets .macRow > td {
    padding: 0
}

.sgsBets td.betTitle {
    border-bottom: 1px solid #2e303b
}

.sgsBets td.betTitle span.itmClose {
    right: 1px;
    top: 1px;
    width: auto
}

.pageContent {
    padding: 10px;
    background: rgba(255, 255, 255, .05);
}

.pageContent ._title {
    padding: 12px 0 4px 9px;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
    color: #ff4f45;
    border-bottom: 3px solid #ff4f45
}

.ancList {
    overflow: hidden
}

.ancList > li {
    width: 50%;
    float: left
}

.ancList._fullLi > li {
    width: 100%;
    clear: both
}

.ancList > li > a {
    color: #ff4f45;
    display: inline-block;
    padding: 4px
}

.ancItem .totop:hover, .ancList > li > a:hover {
    color: #ff4f45;
    text-decoration: none
}

.ancBox {
}

.ancItem {
    position: relative;
    /* padding: 5px 20px; */
}

.ancItem > span {
    font-weight: 700
}

.ancItem .totop {
    color: #222
}

._contactForm, .mdForm {
    max-width: 560px;
    margin: 17px auto
}

.mdForm .col-form-label, mdform .col-form-label {
    text-align: right
}

.userDetsPage {
    font-size: 12px
}

.userDetsPage .table td:first-child {
    text-align: right;
    width: 170px
}

.userDetsPage .table td label {
    margin-bottom: 0
}

.calcBox {
}

.calcBox .modal-body {
    padding: 0
}

.calcBox input, .calcBox select {
    padding: 7px;
    min-width: 60px
}

.calcBox .table td, .calcBox .table th {
    padding: 4px
}

.calcBox .modal-header {
    border: none
}

.calcBox ._header {
    width: 100%
}

._header ._logo {
    background: #2e303b;
    display: inline-block;
    padding: 10px;
    margin-bottom: 10px
}

.calcSec {
    background: #fafafa;
    padding: 10px;
    margin-bottom: 10px
}

.tableSty1 {
    font-size: 11px
}

.tableSty1 ._contRow > span, .tableSty1 ._head > span, .shtHeader > span {
    display: inline-block;
    padding: 5px;
    width: 120px;
    float: left;
    position: relative
}

._contRow {
    border-bottom: 1px solid #ff4f45;
    float: left;
    width: 100%
}

.shtHeader {
    height: 33px;
    background: #000000;
    line-height: 34px;
    border: 1px solid #000000;
    border-bottom: 3px solid #000000
}

.tableSty1 ._head {
    border-bottom: 2px solid #ff4f45
}

.tableSty1 ._head, .shtBody, .shtHeader {
    float: left;
    clear: both;
    width: 100%
}

._contRow, .shtBody {
    clear: both
}

.tableSty1 ._sh1 {
    width: 93px !important;
    padding: 0 0 0 17px
}

.tableSty1 ._sh2 {
    width: 109px !important;
    padding: 0 0 0 12px
}

.tableSty1 ._sh3 {
    width: 268px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0
}

.tableSty1 ._sh4 {
    width: 142px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 0 0 5px
}

.tableSty1 ._sh5 {
    width: 40px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 0 0 5px;
    text-align: right
}

.tableSty1 ._sh6 {
    width: 75px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 0 0 5px;
    text-align: right
}

._head ._sh2 {
    border-left: 3px solid #ddd
}

._head._kazandi_ ._sh2 {
    border-left-color: #60b704
}

.tableSty1 ._head ._sh1 {
    padding: 0
}

._contRow .rslt {
    position: absolute;
        background: #000000 !important;
    width: 100%;
    left: 0;
    padding: 5px
}

.tableSty1 ._spnBox {
    border: 1px solid #333;
    display: flex;
    padding: 5px 8px;
    margin-bottom: -1px;
        background: #000000 !important;
    cursor: pointer;
    align-items: center
}

.tableSty1 ._spnBox i:first-child {
    margin-right: 5px
}

.tableSty1 ._spnBox i:last-child {
    margin-left: 10px !important
}

.tableSty1 ._contRow ._sh2 {
    border-left: 3px solid #ddd
}

.tableSty1 ._contRow._sts1 ._sh2 {
    border-left-color: #00a9ef
}

.tableSty1 ._contRow._sts2 ._sh2 {
    border-left-color: #40986e
}

.tableSty1 ._contRow._sts3 ._sh2 {
    border-left-color: #e4463d
}

.tableSty1 ._contRow._sts4 ._sh2 {
    border-left-color: #00c
}

.tableSty1 ._contRow._sts0 ._sh2 {
    border-left-color: #000
}

._contRow .contTogle {
    float: right;
    border-left: 1px solid #ccc;
    display: inline-block;
    padding: 0 5px
}

._contRow .collapse .clp_inner {
    padding-top: 60px
}

._contRow .collapse .table {
}

._contRow .collapse .table th {
    background: url(../img/ptr1.png);
    font-size: 17px;
    color: #fff;
    font-weight: 400;
    text-align: center
}

._contRow .collapse .table th:first-child {
    width: 210px;
    text-align: left
}

._contRow .collapse .table td {
    text-align: center;
    padding: 8px;
    border: 1px solid #676767;
    background: #eee
}

._contRow .collapse .table td:first-child {
    text-align: left
}

._contRow .collapse .table {
    width: 540px;
    border: 1px solid #222
}

._contRowBox {
    overflow: hidden;
    clear: both
}

.table.tblrs {
    float: right;
    border: 1px solid #ff4f45;
    margin-top: 10px
}

.table.tblrs td {
    padding: 4px
}

.table.tblrs ._foot td {
    background: #ddd
}

.modalTab {
    position: relative
}

.modalTab .divclose {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    background: 0 0;
    font-size: 22px;
    outline: none !important
}

.iTips {
    text-align: center
}

.iTips small {
    display: block
}

.iTips span {
    width: 30%;
    display: inline-block
}

.iTips span u {
}

.iTips span b {
}

.prow {
        background: linear-gradient(111deg, #ff4f45 0%, #ff4f45 48%, #ff4f45 100%) !important;
        margin-bottom: 10px;
        border: 1px solid #000000;
        padding: 5px 0;
        border-radius: 4px;
}

.prow > .row {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.prow > .row > .col {
    padding-right: 10px !important;
    padding-left: 9px !important;
    font-size: 12px;
    line-height: 14px
}

.prow > .row.double-line > .col {
    line-height: 24px;
    min-width: 100%
}

.prow > .row.double-line > .col:not(.text-right) {
    font-size: 11px;
    padding-bottom: 5px;
    padding-left: 211px !important
}

.prow > .row > .col.text-right {
    padding-right: 9px !important;
    font-size: 12px;
    line-height: 14px
}

.prow > .row.double-line > .col.text-right {
    padding-top: 5px
}

.tabStyle1 {
}

.tabStyle1.tabBox .nav-tabs li a {
    padding: 0 28px;
    font-size: 16px;
    background: #ff4f45;
}

.tabStyle1 .tab-content {
    min-height: 31px;
    padding: 4px 0 0 10px;
    margin-bottom: 0 !important
}

.accountPage .tabStyle1 .tab-content {
    min-height: 33px;
    border: 1px solid #ff4f45;
}

accountpage .tabStyle1 .tab-content#second-content {
    border-top: 0
}

.boxTab.tabBox {
    background: 0 0;
    margin-top: 0;
}

.boxTab.tabBox .tab-content {
    background: #000000
}

.tabStyle1.tabBox .nav-tabs li a.active {
        border-color: #ff4f45;
        background: #000000 !important;
}

.tabBox.boxTab .table {
    font-size: 11px
}

.tabBox.boxTab .table th, .tabBox.boxTab .table td {
        background: #000000 !important;
    color: #fff;
    padding: 8px;
    border-bottom: 1px solid #000000
}

.tabBox.boxTab .table th {
    border-bottom: 3px solid #ff4f45
}

.table-striped tbody tr.macRow:nth-child(2n), .table-striped tbody tr.macRow:nth-child(2n) tr {
    background-color: #ff4f45;
        background: #000000 !important;
}

.table-striped tbody tr.macRow:nth-child(2n+1), .table-striped tbody tr.macRow:nth-child(2n+1) tr {
    background-color: #000000;
}

.table-striped tbody tr.macRow:nth-child(2n) tr.actvrow, .table-striped tbody tr.macRow:nth-child(2n+1) tr.actvrow {
    background-color: #e3e8eb !important
}

.legendBox {
    background: #000000;
    padding: 0 14px
}

.legendBox > .col-12 {
    padding-right: 8px;
    padding-left: 8px;
    padding-top: 0;
    padding-bottom: 10px
}

.legendBox .btn-sm {
    width: 100px;
    padding: 0;
    font-size: 11px;
    border-radius: 0;
    height: 16px;
    line-height: 16px;
    margin: 11px 0 !important
}

.legendBox .h5 {
    font-size: 13px;
    font-weight: 700;
    width: 100px;
    color: #ff4f45;
    padding: 0;
    line-height: 24px;
    margin-top: 12px;
    margin-bottom: 0
}

.legendBox ul {
    margin: 0;
    padding: 0
}

.legendBox ul li {
    list-style: none;
    display: inline-block;
    margin-left: 14px;
    margin-top: 12px;
    min-width: 51px
}

.legendBox ul li span {
    display: block;
    border-left: 4px solid #ddd;
    padding: 0 2px;
    line-height: 24px;
    font-weight: 700;
    font-size: 13px
}

.legendBox ul li span.sts0 {
    border-color: #000
}

.legendBox ul li span.sts1 {
    border-color: #00a9ef
}

.legendBox ul li span.sts2 {
    border-color: #40986e
}

.legendBox ul li span.sts3 {
    border-color: #e4463d
}

.legendBox ul li span.sts4 {
    border-color: #00c
}

.legendBox ul li span.sts4 {
}

select.ddowntype {
    width: 194px;
    color: #fff;
    text-align: center;
    border: 1px solid #ff4f45;
    font-size: 12px;
    padding-right: 12px;
    height: 24px;
    appearance: none;
    background: #000000 url(../../img/redesign/arrow-down.png) calc(100% - 12px) center no-repeat;
}

.pageContentUP {
}

.pageContentUP ._title {
        background: #000000 !important;
    display: inline-block;
    color: #fff;
    padding: 7px 15px;
    font-size: 17px
}

.tabBox.betListAll .tabHeader b {
    display: inline-block;
    width: 258px;
    font-size: 16px
}

.tabBox.betListAll .tabHeader span {
    font-size: 12px;
    text-align: center;
    width: 130px;
    display: inline-block;
    font-weight: 700
}

.tabBox.betListAll .ulkeTh {
    width: 218px;
    font-size: 13px
}

#_sport-dota.tabBox.betListAll .ulkeTh, #_sport-esportfootball.tabBox.betListAll .ulkeTh {
    width: 510px
}

#_sport-esportgolf.tabBox.betListAll .ulkeTh, #_sport-boxing.tabBox.betListAll .ulkeTh {
    width: 640px
}

#_sport-190.tabBox.betListAll .ulkeTh {
    width: 490px
}

.tabBox.betListAll .ulkeFlag .flag-icon {
    width: 28px;
    height: 20px
}

.tabBox.betListAll .table td.tdMin {
    width: 40px;
    text-align: center;
    background: #ff4f45 !important;
    font-size: 11px;
    position: relative
}

.tabBox.betListAll .table td.tdMin:before {
    content: '';
    width: 2px;
    height: 100%;
    background: #212529;
    position: absolute;
    top: 0;
    left: 0
}

.tabBox.betListAll .table td.tdMin .fa-caret-right {
    font-size: 18px
}

.tabBox.betListAll .table td.tdBet span {
    border-width: 1px;
    border-color: #939191;
    font-size: 11px;
    line-height: 15px;
    width: 32px !important
}

.tabBox.betListAll .mdxrow th {
}

.tabBox.betListAll .mdxrow th > i {
    font-size: 15px
}

.tabBox.betListAll .mdxrow th > i.fa-caret-down {
    font-size: 8px;
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -3px
}

#_sport-basketball.tabBox.betListAll .macRow .tdBet._Tdg1 + ._Tdg3, #_sport-esport.tabBox.betListAll .macRow .tdBet._Tdg1 + ._Tdg3 {
    padding-left: 10px !important
}

#_sport-basketball.tabBox .table th.pl-2 {
    padding-left: 10px !important
}

#_sport-basketball.tabBox .table th.pl-2 + th {
    width: 42px
}

.tabBox.betListAll .macRow .tdBet._Tdg1 + ._Tdg2 {
    padding-left: 10px !important;
    width: 60px
}

#_sport-tennis.tabBox .table th.pl-2, #_sport-5.tabBox .table th.pl-2, #_sport-6.tabBox .table th.pl-2, #_sport-10.tabBox .table th.pl-2 {
    min-width: 92px;
    width: 92px;
    max-width: 92px;
    padding: 0 0 0 50px !important
}

#_sport-5.tabBox .table th.pl-2 + th {
    min-width: 50px;
    width: 50px;
    max-width: 50px
}

#_sport-5.tabBox .table th.pl-2 + th + th {
    min-width: 42px;
    width: 42px;
    max-width: 42px
}

#_sport-tennis.tabBox.betListAll .macRow .tdBet._Tdg1 + ._Tdg2, #_sport-5.tabBox.betListAll .macRow .tdBet._Tdg1 + ._Tdg3, #_sport-6.tabBox.betListAll .macRow .tdBet._Tdg1 + ._Tdg3, #_sport-10.tabBox.betListAll .macRow .tdBet._Tdg1 + ._Tdg2 {
    padding-left: 50px !important;
    width: 100px
}

.tabBox.betListAll#_sport-1 .tabHeader span, .tabBox.betListAll#_sport-football .tabHeader span, .tabBox.betListAll#_sport-basketball .tabHeader span, .tabBox.betListAll#_sport-tennis .tabHeader span, .tabBox.betListAll#_sport-5 .tabHeader span, .tabBox.betListAll#_sport-6 .tabHeader span, .tabBox.betListAll#_sport-10 .tabHeader span, .tabBox.betListAll#_sport-lottery .tabHeader span, .tabBox.betListAll#_sport-esport .tabHeader span, .tabBox.betListAll#_sport-dota .tabHeader span, .tabBox.betListAll#_sport-esportgolf .tabHeader span, .tabBox.betListAll#_sport-boxing .tabHeader span, .tabBox.betListAll#_sport-esportfootball .tabHeader span, .tabBox.betListAll#_sport-190 .tabHeader span, .tabBox.betListAll#_sport-esportgolf .tabHeader span, .tabBox.betListAll#_sport-boxing .tabHeader span {
    width: 109px
}

.tabBox.betListAll#_sport-1 .tabHeader b + span, .tabBox.betListAll#_sport-tennis .tabHeader b + span, .tabBox.betListAll#_sport-5 .tabHeader b + span, .tabBox.betListAll#_sport-6 .tabHeader b + span, .tabBox.betListAll#_sport-10 .tabHeader b + span, .tabBox.betListAll#_sport-lottery .tabHeader b + span, .tabBox.betListAll#_sport-esportruby .tabHeader b + span {
    margin-right: 10px
}

.tabBox.betListAll#_sport-basketball .tabHeader b + span, .tabBox.betListAll#_sport-football .tabHeader b + span {
    width: 155px
}

.tabBox.betListAll#_sport-dota .tabHeader b + span, .tabBox.betListAll#_sport-190 .tabHeader b + span {
    margin-right: 5px
}

.tabBox.betListAll#_sport-tennis .tabHeader b + span, .tabBox.betListAll#_sport-5 .tabHeader b + span, .tabBox.betListAll#_sport-6 .tabHeader b + span, .tabBox.betListAll#_sport-10 .tabHeader b + span {
    width: 105px
}

.tabBox.betListAll#_sport-tennis .tabHeader b + span + span, .tabBox.betListAll#_sport-5 .tabHeader b + span + span, .tabBox.betListAll#_sport-6 .tabHeader b + span + span, .tabBox.betListAll#_sport-10 .tabHeader b + span + span {
    width: 168px;
    padding-left: 44px
}

.tabBox.betListAll#_sport-basketball .tabHeader b + span + span, .tabBox.betListAll#_sport-football .tabHeader b + span + span {
    padding-left: 16px
}

.tabBox.betListAll#_sport-esport .tabHeader span {
    width: 150px
}

.tabBox.betListAll#_sport-esportruby .tabHeader span {
    width: 152px
}

.tabBox.betListAll#_sport-esport .tabHeader b + span + span {
    padding-left: 10px
}

.tabBox.betListAll#_sport-1 .tabHeader span:last-of-type, .tabBox.betListAll#_sport-football .tabHeader span:last-of-type, .tabBox.betListAll#_sport-basketball .tabHeader span:last-of-type, .tabBox.betListAll#_sport-tennis .tabHeader span:last-of-type, .tabBox.betListAll#_sport-5 .tabHeader span:last-of-type, .tabBox.betListAll#_sport-6 .tabHeader span:last-of-type, .tabBox.betListAll#_sport-10 .tabHeader span:last-of-type, .tabBox.betListAll#_sport-lottery .tabHeader span:last-of-type, .tabBox.betListAll#_sport-esport .tabHeader span:last-of-type, .tabBox.betListAll#_sport-dota .tabHeader span:last-of-type, .tabBox.betListAll#_sport-esportruby .tabHeader span:last-of-type, .tabBox.betListAll#_sport-esportgolf .tabHeader span:last-of-type, .tabBox.betListAll#_sport-esportfootball .tabHeader span:last-of-type, .tabBox.betListAll#_sport-190 .tabHeader span:last-of-type, .tabBox.betListAll#_sport-esportgolf .tabHeader span:last-of-type {
    width: 160px;
    padding-left: 20px
}

.tabBox.betListAll#_sport-esportruby .tabHeader span:last-of-type {
    width: 140px
}

.tabBox.betListAll#_sport-boxing .tabHeader span:last-of-type {
    width: 270px
}

.tabBox.betListAll#_sport-tennis .tabHeader span:last-of-type, .tabBox.betListAll#_sport-5 .tabHeader span:last-of-type, .tabBox.betListAll#_sport-6 .tabHeader span:last-of-type, .tabBox.betListAll#_sport-10 .tabHeader span:last-of-type {
    width: 180px;
    padding-left: 10px
}

.tabBox.betListAll#_sport-esport .tabHeader span:last-of-type {
    width: 160px;
    padding-left: 10px
}

.tabBox.betListAll#_sport-esportgolf .tabHeader span:last-of-type .tabBox.betListAll#_sport-boxing .tabHeader span:last-of-type {
    width: 235px
}

.tabBox.betListAll#_sport-dota .tabHeader span:last-of-type, .tabBox.betListAll#_sport-190 .tabHeader span:last-of-type {
    padding-left: 0
}

.tabBox.betListAll#_sport-esportfootball .tabHeader span:last-of-type {
    padding-left: 40px
}

.tabBox.betListAll#_sport-1 .tabHeader b, .tabBox.betListAll#_sport-football .tabHeader b, .tabBox.betListAll#_sport-basketball .tabHeader b, .tabBox.betListAll#_sport-tennis .tabHeader b, .tabBox.betListAll#_sport-5 .tabHeader b, .tabBox.betListAll#_sport-6 .tabHeader b, .tabBox.betListAll#_sport-10 .tabHeader b, .tabBox.betListAll#_sport-lottery .tabHeader b, .tabBox.betListAll#_sport-esport .tabHeader b, .tabBox.betListAll#_sport-dota .tabHeader b, .tabBox.betListAll#_sport-esportruby .tabHeader b, .tabBox.betListAll#_sport-esportgolf .tabHeader b, .tabBox.betListAll#_sport-boxing .tabHeader b, .tabBox.betListAll#_sport-esportfootball .tabHeader b, .tabBox.betListAll#_sport-190 .tabHeader b, .tabBox.betListAll#_sport-esportgolf .tabHeader b, .tabBox.betListAll#_sport-boxing .tabHeader b {
    width: 380px;
    padding: 0 10px
}

.tabBox.betListAll#_sport-190 .tabHeader b {
    width: 530px
}

.tabBox.betListAll#_sport-dota .tabHeader b {
    width: 550px
}

.tabBox.betListAll#_sport-esportfootball .tabHeader b {
    width: 495px
}

.tabBox.betListAll#_sport-esportgolf .tabHeader b, .tabBox.betListAll#_sport-boxing .tabHeader b {
    width: 650px
}

.tabBox.betListAll#_sport-1 .tdMac, .tabBox.betListAll#_sport-football .tdMac, .tabBox.betListAll#_sport-basketball .tdMac, .tabBox.betListAll#_sport-tennis .tdMac, .tabBox.betListAll#_sport-5 .tdMac, .tabBox.betListAll#_sport-6 .tdMac, .tabBox.betListAll#_sport-10 .tdMac, .tabBox.betListAll#_sport-lottery .tdMac, .tabBox.betListAll#_sport-esport .tdMac, .tabBox.betListAll#_sport-dota .tdMac, .tabBox.betListAll#_sport-esportruby .tdMac, .tabBox.betListAll#_sport-esportgolf .tdMac, .tabBox.betListAll#_sport-boxing .tdMac, .tabBox.betListAll#_sport-esportfootball .tdMac, .tabBox.betListAll#_sport-190 .tdMac, .tabBox.betListAll#_sport-esportgolf .tdMac, .tabBox.betListAll#_sport-boxing .tdMac {
    width: 333px;
    max-width: 333px
}

.tabBox.betListAll#_sport-1 .tdMac a, .tabBox.betListAll#_sport-football .tdMac a, .tabBox.betListAll#_sport-basketball .tdMac a, .tabBox.betListAll#_sport-tennis .tdMac a, .tabBox.betListAll#_sport-5 .tdMac a, .tabBox.betListAll#_sport-6 .tdMac a, .tabBox.betListAll#_sport-10 .tdMac a, .tabBox.betListAll#_sport-lottery .tdMac a, .tabBox.betListAll#_sport-esport .tdMac a, .tabBox.betListAll#_sport-dota .tdMac a, .tabBox.betListAll#_sport-esportruby .tdMac a, .tabBox.betListAll#_sport-esportgolf .tdMac a, .tabBox.betListAll#_sport-boxing .tdMac a, .tabBox.betListAll#_sport-esportfootball .tdMac a, .tabBox.betListAll#_sport-190 .tdMac a, .tabBox.betListAll#_sport-esportgolf .tdMac a, .tabBox.betListAll#_sport-boxing .tdMac a, .tabBox .macRow .tdMac {
    width: 100%;
    display: flex;
    align-items: center
}

.tabBox .HomeFeatured .macRow .tdMac, .tabBox .macRow#_adn_fbc .tdMac {
    min-width: 220px;
    max-width: 290px
}

.tabBox .table .macRow .tdMac > span:not(.featured), .tabBox .table .macRow .tdMac > a {
    display: flex
}

.tabBox .table .macRow .tdMac > a, .tabBox .table .macRow .tdMac > div {
    padding-left: 6px;
    color: #2e303b;
    font-size: 11px;
    line-height: 20px
}

.tabBox .table .macRow .tdMac > a:hover {
    text-decoration: none
}

.tabBox .table .macRow .tdMac > a .img, .tabBox .table .macRow .tdMac > div .img {
    width: 14px;
    height: 14px;
    margin: 1px 5px 0 0
}

.tabBox .table .macRow .tdMac > a .img img, .tabBox .table .macRow .tdMac > div .img img {
    float: left;
    max-width: 14px;
    max-height: 14px
}

.tabBox .table .macRow .tdMac > a .score {
    width: 30px;
    text-align: center
}

.tabBox .table .macRow .tdMac.static-template {
    min-width: 211px !important;
    max-width: 211px !important
}

.tabBox .table .macRow .tdMac:not(.single) > span {
    width: calc(50% - 15px);
    justify-content: flex-end
}

.tabBox .table .macRow .tdMac.single > span {
    width: 100%
}

.tabBox .table#HomeLiveBasketball .macRow .tdMac b {
    width: 50px
}

.tabBox .table#HomeLiveBasketball .macRow .tdMac > span {
    width: calc(50% - 25px)
}

.tabBox .table .macRow .tdMac:not(.single) > b + span {
    justify-content: flex-start
}

.tabBox .table .macRow .tdMac > span > a {
    text-align: right
}

.tabBox .table .macRow .tdMac > a > span {
    flex-grow: 1;
    padding-left: 0
}

.tabBox.betListAll#_sport-7 .tabHeader span {
    width: 152px
}

.tabBox.betListAll#_sport-7 .tabHeader b {
    width: 360px
}

.tabBox.betListAll#_sport-7 .tdMac {
    width: 343px
}

.tabBox.betListAll#_sport-8 .tabHeader span {
    width: 152px
}

.tabBox.betListAll#_sport-8 .tabHeader b {
    width: 340px
}

.tabBox.betListAll#_sport-8 .tdMac {
    width: 323px
}

.tabBox.betListAll#_sport-9 .tabHeader span {
    width: 152px
}

.tabBox.betListAll#_sport-9 .tabHeader b {
    width: 340px
}

.tabBox.betListAll#_sport-9 .tdMac {
    width: 323px
}

.tabBox.betListAll#_sport-11 .tabHeader span {
    width: 152px
}

.tabBox.betListAll#_sport-11 .tabHeader b {
    width: 340px
}

.tabBox.betListAll#_sport-11 .tdMac {
    width: 323px
}

.tabBox.betListAll#_sport-12 .tabHeader span {
    width: 152px
}

.tabBox.betListAll#_sport-12 .tabHeader b {
    width: 340px
}

.tabBox.betListAll#_sport-12 .tdMac {
    width: 323px
}

.tabBox.betListAll#_sport-13 .tabHeader span {
    width: 152px
}

.tabBox.betListAll#_sport-13 .tabHeader b {
    width: 340px
}

.tabBox.betListAll#_sport-13 .tdMac {
    width: 323px
}

.tabBox.betListAll#_sport-14 .tabHeader span {
    width: 152px
}

.tabBox.betListAll#_sport-14 .tabHeader b {
    width: 340px
}

.tabBox.betListAll#_sport-14 .tdMac {
    width: 323px
}

.tabBox.betListAll#_sport-football9 .tabHeader span {
    width: 152px
}

.tabBox.betListAll#_sport-football9 .tabHeader b {
    width: 340px
}

.tabBox.betListAll#_sport-football9 .tdMac {
    width: 323px
}

.tabBox.betListAll#_sport-basketball0 .tabHeader span {
    width: 152px
}

.tabBox.betListAll#_sport-basketball0 .tabHeader b {
    width: 340px
}

.tabBox.betListAll#_sport-basketball0 .tdMac {
    width: 323px
}

.tabBox.betListAll#_sport-tennis0 .tabHeader span {
    width: 152px
}

.tabBox.betListAll#_sport-tennis0 .tabHeader b {
    width: 340px
}

.tabBox.betListAll#_sport-tennis0 .tdMac {
    width: 323px
}

.tabBox.betListAll#_sport-66 .tabHeader span {
    width: 152px
}

.tabBox.betListAll#_sport-66 .tabHeader b {
    width: 340px
}

.tabBox.betListAll#_sport-66 .tdMac {
    width: 323px
}

.tabBox.betListAll#_sport-85 .tabHeader span {
    width: 152px
}

.tabBox.betListAll#_sport-85 .tabHeader b {
    width: 340px
}

.tabBox.betListAll#_sport-85 .tdMac {
    width: 323px
}

.bet_onBoard {
    background: url(../img/football.jpg);
    background-size: cover;
    color: #fff
}

.bet_onBoard ._inner {
    background: rgb(17 31 44/65%);
    padding: 15px
}

.sportLoc {
    font-size: 10px;
    margin-bottom: 15px
}

.skorBoard {
    height: 100%;
    background: rgb(106 161 221/24%);
    padding: 10px
}

.sbordL {
    margin: 10px 0;
    font-weight: 700;
    font-size: 14px
}

.sbordL span {
    float: right
}

._skortime {
}

._skortime b {
    display: block
}

.pilbuttons td {
    text-align: center;
    border: none
}

.pilbuttons .piltoggle {
    background: #0e3261;
    border-radius: 3px;
    overflow: hidden
}

.pilbuttons .piltoggle a {
    color: #fff;
    width: 50%;
    display: inline-block;
    float: left
}

.pilbuttons .piltoggle a.active {
    background: #0d5282
}

.pilTable td {
    text-align: center;
    color: #fff;
    border: none;
    font-size: 9px;
    padding: 0 !important;
    text-transform: uppercase
}

.pilTable td b {
    font-size: 12px;
    vertical-align: -15px
}

.pilTable * {
    transition: all .1s ease
}

.bet_onBoard .progress {
    background-color: #8bca26;
    border-radius: 15px;
    height: 6px
}

.bet_onBoard #pil2 .progress {
    display: none
}

.pilTable#pil2 td {
    text-transform: none;
    padding: 4px !important;
    font-size: 11px
}

.pilTable#pil2 td b {
    vertical-align: middle
}

.boardFooter {
    background: rgb(48 60 81/67%);
    padding: 5px
}

.boardFooter .dropdown-toggle {
    font-size: 11px;
    padding: 5px;
    border-radius: 0;
    border: none;
    background: 0 0 !important;
    color: #fff !important
}

.boardFooter .dropdown-item {
    background: #0a2a42
}

.boardFooter .dropdown-menu {
    font-size: 11px;
    background: #202839;
    color: #fff;
    width: 400px
}

.fstitle {
    padding: 0 15px
}

.strpcol > span {
    display: block;
    padding: 1px 5px
}

.strpcol > span:nth-child(2n+1) {
    background: #272f40
}

.weatherStatus {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 7px
}

.weatherStatus ul {
    padding: 0;
    margin-top: 5px
}

.weatherStatus li {
    display: inline-block;
    margin-right: 10px
}

.caroBox .h6 {
    font-weight: 400;
    line-height: 16px;
    font-size: 17px;
    color: #fff;
    margin-bottom: 15px
}

.caroBox .h6 a {
    float: right;
    font-size: 12px;
    color: #ffffff;
    margin-top: 5px
}

.caroBox .h6 a span {
    color: #ff4f45
}

.caroBox .item a {
    display: block
}

.caroBox .item a:hover {
    border-color: #e81818
}

.listCaro a {
    color: #333;
    font-size: 12px;
    border-bottom: 1px solid transparent
}

.listCaro#CasinoName a {
    height: 42px;
    line-height: 42px;
    display: inline-block;
    white-space: nowrap
}

@media(max-width: 576px) {
    .listCaro#CasinoName a {
        height: 39px;
        line-height: 33px;
        padding-top: 3px;
        padding-right: 4px;
        padding-left: 4px;
        margin-right: 4px;
        margin-left: 4px
    }
}

.listCaro#CasinoName .owl-stage {
    display: flex
}

.listCaro a:hover {
    color: #e81818;
    text-decoration: none
}

.listCaro a.active {
    border-bottom-color: #e81818
}

.csnGameList .item {
    margin-bottom: 15px
}

.rowCaro .item, .caroBox .item {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 155%
}

.rowCaro .item a, .caroBox .item a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.rowCaro .item a img, .caroBox .item a img {
    object-fit: cover;
    border-radius: 10px 10px 10px 10px
}

.gameDetHeader .h6 {
    margin: 10px 0 0
}

.gameChecks {
    float: right
}

.gameChecks > label {
    float: right;
        background: #000000 !important;
    color: #fff;
    padding: 8px 6px;
    font-size: 12px;
    border: 1px solid #222;
    margin-left: 2px;
    cursor: pointer
}

.gameChecks input[type=checkbox] {
    margin-top: -2px
}

.sportsBar {
    background: #777676;
    margin-bottom: 20px
}

.sportsBar {
}

.sportsBar .item a {
    display: block;
    border-bottom: 2px solid transparent;
    transition: opacity .2s ease;
    padding: 6px;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    border-left: 1px solid #ff4f45;
    height: 35px
}

.sportsBar .item a:hover {
    text-decoration: none;
    border-bottom-color: #ff4f45
}

.sportsBar .item svg {
    width: 18px;
    height: 18px;
    margin-right: 3px;
    filter: brightness(0) invert(1)
}

.footerBox {
    background: #fff;
    font-size: 12px;
    color: #fff;
    width: 100%
}

.footerBox .container {
    background: #fff
}

.footerBox .container > .row {
    margin-right: 0;
    margin-left: 0
}

.footerBox .container > .row > .col-md-6 {
    padding-left: 12px;
    padding-bottom: 10px;
    margin-top: 22px
}

.fTitle {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 14px;
    color: #898989
}

.fMenu {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 35px
}

.fMenu li {
}

.fMenu li a {
    line-height: 14px;
    font-size: 13px;
    color: #898989;
    font-weight: 100
}

.fMenu li a:hover {
    color: #ff4f45;
    text-decoration: none
}

.fPays {
}

.fPays img {
    filter: brightness(0) invert(1);
    opacity: .6
}

.fPays a:hover img {
    filter: none;
    opacity: 1
}

.footerText {
    text-align: center;
    padding-bottom: 53px;
    font-weight: 100;
    line-height: 14px;
    font-size: 12px;
    color: #d3d3d3
}

@media(max-width: 576px) {
    .footerText {
        font-size: 11px;
        color: #2e303b;
        padding-right: 19px;
        padding-bottom: 45px;
        padding-left: 19px
    }
}

#paymentList {
    list-style: none;
    padding: 0;
    margin: 0
}

#paymentList li {
    display: block;
    float: left;
    height: 34px;
    overflow: hidden
}

#paymentList li a {
    display: block;
    float: left;
    height: 24px;
    margin-right: 20px;
    margin-bottom: 10px;
    overflow: hidden;
    color: transparent;
    background-repeat: no-repeat
}

#paymentList li a.mpay_papara {
    width: 42px;
    background-image: url(/img/redesign/payments/mpay_papara.png);
    margin-top: -1px
}

#paymentList li a.litecoin {
    width: 24px;
    background-image: url(/img/redesign/payments/litecoin.png);
    margin-top: -2px
}

#paymentList li a.payfix {
    width: 74px;
    background-image: url(/img/redesign/payments/payfix.png);
    margin-top: -1px
}

#paymentList li a.jeton_wallet_tr {
    width: 74px;
    background-image: url(/img/redesign/payments/jeton_wallet.png);
    margin-top: -2px
}

#paymentList li a.tether {
    width: 74px;
    background-image: url(/img/redesign/payments/tether.png);
    margin-top: -1px
}

#paymentList li a.community_bank_tr {
    width: 60px;
    background-image: url(/img/redesign/payments/community_bank.png);
    margin-top: -2px
}

#paymentList li a.cepbank {
    width: 75px;
    background-image: url(/img/redesign/payments/cepbank.png)
}

#paymentList li a.ethereum {
    width: 95px;
    background-image: url(/img/redesign/payments/ethereum.png);
    margin-top: -2px
}

#paymentList li a.bankatransferi {
    width: 68px;
    background-image: url(/img/redesign/payments/bankatransferi.png);
    margin-top: -2px
}

#paymentList li a.aninda_havale {
    width: 76px;
    background-image: url(/img/redesign/payments/aninda_havale.png)
}

#paymentList li a.ripple {
    width: 80px;
    background-image: url(/img/redesign/payments/ripple.png);
    margin-top: -2px
}

#paymentList li a.mefete {
    width: 42px;
    background-image: url(/img/redesign/payments/mefete.png);
    margin-top: -1px
}

#paymentList li a.qr_code {
    width: 60px;
    background-image: url(/img/redesign/payments/qr_code.png)
}

#paymentList li a.papara {
    width: 68px;
    background-image: url(/img/redesign/payments/papara.png);
    margin-top: -1px
}

#paymentList li a.bitcoin {
    width: 69px;
    background-image: url(/img/redesign/payments/bitcoin.png);
    margin-top: -2px
}

#paymentList li a.astropaycard {
    width: 68px;
    background-image: url(/img/redesign/payments/astropay.png);
    margin-top: -2px
}

#paymentList li a:hover {
    background-position: bottom;
    -webkit-filter: drop-shadow(1px 1px 0 rgba(155,155,155,0.5)) drop-shadow(-1px -1px 0 rgba(155,155,155,0.5)) drop-shadow(1px -1px 0 rgba(155,155,155,0.5)) drop-shadow(-1px 1px 0 rgba(155,155,155,0.5));
    filter: drop-shadow(1px 1px 0 rgba(155,155,155,0.5)) drop-shadow(-1px -1px 0 rgba(155,155,155,0.5)) drop-shadow(1px -1px 0 rgba(155,155,155,0.5)) drop-shadow(-1px 1px 0 rgba(155,155,155,0.5))
}

.footerMidText {
    text-align: center;
    margin: 10px 0 0;
    font-weight: 100;
    width: 100%
}

@media(min-width: 576px) {
    .footerMidText {
        padding: 20px 0 30px;
        border-top: 1px dashed grey
    }
}

.footerMidText > div:not(.footer-socials) {
    max-width: 280px;
    width: 100%;
    margin: 0 auto;
    line-height: 14px;
    font-size: 11px;
    color: #2e303b;
    position: relative
}

@media(min-width: 576px) {
    .footerMidText > div:not(.footer-socials) {
        max-width: 330px;
        font-size: 12px;
        color: #d3d3d3
    }
}

.footerMidText > div:not(.footer-socials):before {
    content: '';
    position: absolute;
    width: 6px;
    height: 30px;
    bottom: 40px;
    right: -7px
}

.footerMidText > div:not(.footer-socials):after {
    content: '';
    position: absolute;
    width: 6px;
    height: 30px;
    bottom: 40px;
    left: -7px
}

.footer-socials {
    max-width: 180px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto
}

.footer-socials a {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    margin: 10px;
    text-decoration: none
}

@media(max-width: 576px) {
    .footer-socials a {
        border-radius: 50%;
        filter: invert(1) contrast(2);
        opacity: .8
    }
}

.footer-socials a#clickIconTelegram {
    background-image: url(/img/redesign/telegram.svg)
}

.footer-socials a#clickIconInstagram {
    background-image: url(/img/redesign/insta.svg)
}

.footer-socials a#clickIconTwitter {
    background-image: url(/img/redesign/twitter.svg)
}

.mobWrapper .container {
    width: 100%;
}

.mobBody {
    background: #000000;
    color: #fff;
    background-image: url(https://csn-holigan-s3-eu-central.com/Online/tutkubet/bg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
    background-attachment: fixed;
}

.mobWrapper {
    padding-top: 0;
    padding-bottom: 47px;
}

.mobHeader {
    width: 100%;
    position: fixed;
    height: 43px;
    z-index: 7;
    background: #000000;
    border-bottom: 1px solid rgb(255 255 255 / 5%);
}

.mobRight {
    height: 43px;
    float: right;
    right: 0;
    top: 0
}

.mobRight a {
    color: #fff;
    display: block;
    text-align: center
}

.mobRight a small {
    display: block
}

.mobLogo {
}

.mobLogo a {
    display: inline-block;
    padding: 5px 0 0;
}

.mobLogo img {
    opacity: 1 !important
}

.mobWrapper .sliderWrap {
    padding: 0
}

@media(min-width: 600px) {
    .mobWrapper .sliderWrap {
    }
}

.mobFilterPanel {
    border-top: 2px solid #ff4f45;
    position: relative;
    padding-left: 47px;
    height: 61px;
    display: flex;
    align-items: center;
    background-color: #2b3b4b;
    z-index: 1
}

.mobSearch {
    position: absolute;
    left: 0
}

.mobSearch button, .mobMenuWrap a {
    padding: 0;
    min-height: 0;
    width: 47px;
    height: 49px;
    border: 0;
    background: 0 0;
    padding-left: 7px;
    line-height: 1;
    font-size: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: -5px;
}

.mobSearch .btn {
    width: 40px;
    line-height: 35px;
    height: 34px;
    font-size: 18px;
    padding: 0;
    border-radius: 5px;
    margin-bottom: 3px;
    color: #ffffff;
}

.mobSearch span {
    line-height: 10px;
    color: #fff
}

#mobile-search {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 9px;
    background: #000000;
    display: flex;
    align-items: center
}

@media(min-width: 992px) {
    #mobile-search {
        top: 40px;
        z-index: 999
    }
}

#mobile-search:not(.show), #search-suggestion:not(.show) {
    display: none
}

#search-suggestion.show {
    display: flex
}

#mobile-search input {
    border: 1px solid #dcdbdb;
    box-sizing: border-box;
    float: none;
    font-size: 13px;
    height: 31px;
    padding-left: 25px;
    width: 100%;
    margin-bottom: 3px;
    font-weight: 600;
}

#mobile-search .search-button {
    position: absolute;
    top: 50%;
    left: 17px;
    width: 14px;
    line-height: 12px;
    height: 14px;
    font-size: 7px;
    padding: 0;
    border-radius: 50%;
    transform: translateY(calc(-50% - 1.5px));
        background: #000000 !important;
}

#mobile-search .close-button {
    display: none;
    position: absolute;
    top: 13px;
    right: 13px;
    width: 19px;
    line-height: 17px;
    height: 19px;
    font-size: 9px;
    padding: 0;
    border-radius: 50%
}

.mobSearch .btn span {
    display: block
}

.mobMenuWrap > div {
    display: inline-block
}

.mobMenuWrap .menulist, .mobMenuWrap .sportlist {
    display: flex
}

.mobMenuWrap {
    padding-top: 3px;
    padding-bottom: 0;
    padding-left: 2px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    overflow: auto
}

.mobMenuWrap::-webkit-scrollbar, .mobMenuWrap::-webkit-scrollbar-track, .mobMenuWrap::-webkit-scrollbar-thumb {
    display: none
}

.mobMenuWrap a {
    display: flex;
    text-align: center;
    font-size: 9px;
    margin-bottom: 3px;
    color: #333;
    margin-left: -4px;
    padding-left: 0;
    width: 68px;
}

.mobMenuWrap a .img-wrapper {
    width: 45px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
        background: #000000 !important;
    border-radius: 5px;
    margin-bottom: 3px;
}

.mobMenuWrap a svg {
    height: 24px;
    fill: dimgray
}

.mobMenuWrap a.ActvMS svg {
    fill: #000
}

.mobMenuWrap a b {
    font-weight: 400;
    display: block;
    line-height: 10px;
    font-size: 9px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    color: #fff;
}

.homeMenu {
}

.homeMenu ._title, #search-suggestion .title {
    line-height: 20px;
    padding: 7px 14px;
    border-top: 1px solid #ff4f45;
    font-size: 16px;
    position: relative;
    background: rgb(18 19 21 / 50%) !important;
    text-align: center;
    margin-bottom: 5px;
}

.homeMenu ._title .sprt {
    margin-right: 14px;
    filter: invert(1)
}

.homeMenu ._title b {
    color: #ffffff;
    font-family: Muli,sans-serif;
    padding-top: 2px;
    padding-left: 2px;
    font-size: 16px
}

.homeMenu ._title b i {
    font-size: 25px
}

.homeMenu ._title .crsArrws {
    top: 0;
    display: flex;
    padding-right: 0 !important
}

.homeMenu ._title .crsArrws b {
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important
}

.homeMenu ._title .crsArrws small {
    width: 50px;
    font-size: 11px;
    color: #fff;
    font-weight: 100;
    text-align: center;
    padding-top: 2px
}

.homeMenu._sports ._title {
    border: none
}

.homeMenu .row > div:nth-child(2n) a {
    border-left: 1px solid #000000
}

.homeMenu a, #suggestions a {
    display: block;
    color: #fff;
    height: 45px;
    line-height: 45px;
    border-top: 1px solid #ff4f45;
    padding: 0 26px;
    font-size: 15px;
    position: relative;
    text-decoration: none !important
}

.homeMenu a:focus, .homeMenu a:active {
    background-color: #ff4f45
}

.homeMenu a .sprt {
    margin-right: 14px;
    filter: invert(1)
}

.homeMenu a .balance {
    font-size: 14px
}

.searchItem {
    position: relative
}

.homeMenu a:after, .searchItem:after {
    font-family: linearicons-free;
    content: "\e876";
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 700
}

.mobListMenu a svg {
    width: 18px;
    height: 16px;
    margin-right: 11px
}

.mobListMenu a b {
    font-weight: 400
}

.mobListMenu a u {
    text-decoration: none;
    background-color: #afafaf;
    color: #f3f4f5;
    padding: 0 3px;
    position: absolute;
    right: 40px;
    top: 11px;
    line-height: 1.3
}

._countries ._img {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: middle;
    /* border: 1px solid #ff4f45; */
    margin-right: 8px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

._countries ._img2 {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: middle;
    /* border: 1px solid #ff4f45; */
    margin-right: 8px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.Blink {
    animation: blinker 1.5s cubic-bezier(.5,0,1,1) infinite alternate
}

@keyframes blinker {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.sprt {
    background: url(../img/sprt.png) left center no-repeat;
    height: 20px;
    width: 20px;
    background-size: 940px 20px;
    display: inline-block;
    vertical-align: -4px;
    margin-right: 10px
}

.sprt.ikn1 {
    background-position: -540px 0
}

.sprt.ikn2 {
    background-position: -780px 0
}

.sprt.ikn3 {
    background-position: -380px 0
}

.sprt.ikn4 {
    background-position: -260px 0
}

.sprt.ikn5 {
    background-position: -180px 0
}

.sprt.ikn6 {
    background-position: -700px 0
}

.sprt.ikn7 {
    background-position: -360px 0
}

.sprt.ikn8 {
    background-position: -500px 0
}

.sprt.ikn9 {
    background-position: -80px 0
}

.sprt.ikn10 {
    background-position: -900px 0
}

.sprt.ikn11 {
    background-position: -340px 0
}

.sprt.ikn12 {
    background-position: -440px 0
}

.sprt.ikn13 {
    background-position: -640px 0
}

.sprt.ikn14 {
    background-position: -300px 0
}

.sprt.ikn15 {
    background-position: -40px 0
}

.sprt.ikn16 {
    background-position: -140px 0
}

.sprt.ikn17 {
    background-position: -220px 0
}

.sprt.ikn18 {
    background-position: -840px 0
}

.sprt.ikn19 {
    background-position: -800px 0
}

.sprt.ikn20 {
    background-position: -820px 0
}

.sprt.ikn21 {
    background-position: -280px 0
}

.sprt.ikn22 {
    background-position: -680px 0
}

.sprt.ikn23 {
    background-position: 0 0
}

.sprt.ikn24 {
    background-position: -580px 0
}

.sprt.ikn25 {
    background-position: -620px 0
}

.sprt.ikn26 {
    background-position: -480px 0
}

.sprt.ikn27 {
    background-position: -740px 0
}

.sprt.ikn28 {
    background-position: -240px 0
}

.sprt.ikn29 {
    background-position: -100px 0
}

.sprt.ikn30 {
    background-position: -500px 0
}

.sprt.ikn31 {
    background-position: -600px 0
}

.sprt.ikn32 {
    background-position: -660px 0
}

.sprt.ikn33 {
    background-position: -460px 0
}

.sprt.ikn34 {
    background-position: -760px 0
}

.sprt.ikn35 {
    background-position: -720px 0
}

.homeMidBanner {
}

.spcontent {
    position: relative
}

.fxtitle {
    width: 100%;
    font-size: 13px;
    height: 28px;
    display: flex;
    align-items: center;
    border-top: 1px solid #ff4f45;
    background: linear-gradient(180deg, #0f203e 0%, #0f213e 67.59%) !important;
}

.fxtitle .owl-carousel .owl-item {
    width: 130px
}

.fxtitle.fxd {
}

.fxtitle svg {
    width: 10.5px;
    height: 10.5px;
    margin: 8.75px 18.75px
}

.fxtitle u {
    width: calc( 100% - 178px );
    display: inline-block;
    position: relative;
    text-decoration: none;
    height: auto;
    line-height: 12px;
    max-height: 25px;
    max-width: none;
    overflow: hidden;
    padding-left: 5px;
    text-overflow: ellipsis;
    font-size: 12px
}

.fxtitle u span {
    display: block;
    width: calc( 100% - 200px );
    line-height: 1;
    color: #fff
}

.fxtitle img {
    margin-right: 15px;
    width: 12px;
    vertical-align: -1px
}

.fxtitle .mobileFlag {
    margin-right: 6px;
    width: 17px;
    vertical-align: 0
}

.fxtitle svg, .fxtitle .mobileFlag {
    float: left
}

.spmain {
    padding: 1px 0;
    background: rgb(3 0 33) !important;
}

.evntItem, .bet-item {
    clear: both;
    height: 48px;
    display: flex;
    align-items: center
}

.evntItem > div, .bet-item > span {
    display: inline-block;
    font-weight: 600;
    vertical-align: middle
}

.evntItem .date {
    width: 75px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 2px;
    padding-left: 8.5px
}

.evntItem .date u {
    display: block;
    text-decoration: none
}

.evntItem .date._will {
    font-size: 11px
}

.evntItem .teams, .bet-item .teams {
    width: calc(100% - 180px);
    padding-right: 10px
}

.evntItem .teamrow, .bet-item .teamrow {
    width: 100%
}

.evntItem .teamrow > span, .bet-item .teamrow > span {
    flex-grow: 1;
    overflow: hidden;
    display: flex;
    align-items: center
}

.evntItem .teamrow span.team-name, .bet-item .teamrow span.team-name {
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    font-weight: 700
}

.evntItem .teamrow img, .bet-item .teamrow img {
    width: 14px;
    margin-top: 1px;
    margin-right: 5px;
    background: url(/img/redesign/team-badge.png) no-repeat center;
    background-size: contain
}

.evntItem .teamrow img:not(.red-card), .bet-item .teamrow img:not(.red-card) {
    min-width: 14px;
    max-width: 14px
}

.evntItem .teamrow img.red-card, .bet-item .teamrow img.red-card {
    width: 10px;
    margin-top: 0
}

.evntItem .teamrow b, .bet-item .teamrow b {
    float: right;
    font-size: 13px
}

.evntItem .teamrow b {
    min-width: 21px;
    text-align: right
}

.evntItem .teamrow b.large-text {
    min-width: 30px
}

.evntItem .teamrow b:not(:first-of-type) {
    padding-left: 5px
}

.evntItem .teamrow b:not(:last-child) {
    font-weight: 400
}

.evntItem .__BetsCaro {
    width: 111px;
    display: inline-block
}

.clone-bet {
    z-index: 99
}

.evntItem .evntBets span, .clone-bet {
    text-align: center;
    line-height: 1;
    padding: 6px 2px;
    float: left;
    display: block;
    min-width: 37px;
    width: 37px;
    max-width: 37px;
    height: 43px;
    position: relative;
    margin: 1px 0;
    overflow: hidden
}

.evntItem .evntBets .period-win {
    font-weight: 400;
    font-size: 80%
}

.evntItem .evntBets:not(.quadro) .period-win {
    width: 37px
}

.evntItem .evntBets.quadro span {
    width: 30px;
    min-width: 30px;
    max-width: 30px
}

.evntItem .evntBets.quadro .period-win {
    width: 21px;
    min-width: 21px;
    max-width: 21px
}

.evntItem .evntBets span:not(.clean), .clone-bet:not(#bCountBottom) {
    border: 1px solid #ff4f45;
    color: #fff
}

.evntItem .evntBets > div:not(:last-child) span, .evntItem .evntBets span:not(:last-child) {
    border-right: 0
}

@media(max-width: 1024px),(max-width:1366px) and (orientation:landscape) {
    .evntItem .evntBets > div:not(:last-child):not(.clean):not(.noBoxEmpty) span, .evntItem .evntBets span:not(:last-child):not(.clean):not(.noBoxEmpty) {
        border-right: 1px solid #ff4f45
    }

    .evntItem .evntBets > div:not(:first-child) span, .evntItem .evntBets span:not(.clean):not(.noBoxEmpty) + span {
        border-left: 0
    }
}

.evntItem .evntBets span.actv, .clone-bet {
    background: #133252;
    color: #fff
}

.evntItem .evntBets span.actv:before, .clone-bet:not(#bCountBottom):before, .value-box.actv:before {
    position: absolute;
    content: "";
    top: 4px;
    right: 4px;
    z-index: 2;
    height: 20px;
    width: 20px;
    background: url(../img/ckd.png) no-repeat;
    background-size: 20px;
    display: block;
    left: auto
}

.evntItem .evntBets span.actv:before {
    top: 0;
    right: 0
}

.evntItem .evntBets span.noBoxEmpty {
    border: none
}

.evntItem .evntBets span._listRate {
    border: none;
    padding: 14px 0
}

.evntItem .evntBets span b {
    display: block
}

@media(max-width: 992px) {
    .evntItem .evntBets span, .clone-bet {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center
    }

    .evntItem .evntBets span b, .clone-bet b {
        font-size: 80%;
        padding-bottom: 2px
    }
}

.evntItem .evntBets span small {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.carouselWrap {
    padding: 15px 0
}

.eventHeader .fas-fa-star {
    display: inline-block;
    width: 17px;
    height: 17px;
    background-size: 17px;
    background-image: url(../../img/redesign/favorite-filled.png);
    background-repeat: no-repeat;
    vertical-align: top;
    margin-right: 10px
}

.eventHeader.active {
    opacity: .5
}

.eventHeader.active .fa-caret-up {
    transform: rotate(180deg)
}

.eventHeader {
        background: #000000 !important;
    color: #fff;
    padding: 4px 15px;
    position: relative;
    font-size: 13px
}

.spcontent:not(.fav-list) + .eventHeader, #_BeforeLive + .eventHeader.fav-header, #fav-list-container .eventHeader:not(.fav-header), script + .eventHeader:not([data-page=True]), .eventHeader + script + .eventHeader, ._EventLine script + .eventHeader, .eventHeader.live-header:not(:first-of-type) {
    display: none
}

.eventHeader .crsArrws {
    position: absolute;
    right: 0;
    top: 0;
    width: 130px;
    height: 30px;
    display: flex;
    align-items: center
}

.eventHeader .crsArrws b {
    margin: 0;
    font-size: 21px;
    vertical-align: middle;
    display: inline-block;
    width: 40px;
    height: 30px;
    text-align: center
}

.eventHeader .crsArrws small {
    font-weight: 600;
    font-size: 12px;
    display: inline-block;
    width: 50px;
    text-align: center
}

.fxtitle .__BetsCaro {
    position: absolute;
    right: 0;
    top: 0
}

.fxtitle .__BetsCaro, .evntItem .evntBets {
    width: 115px
}

.bTitleItem {
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    line-height: 1;
    color: #fff
}

.bTitleItem b {
    position: absolute;
    left: 0
}

.cBetTabs {
    white-space: nowrap;
    overflow: auto;
    background: #0f324f;
    border-bottom: 2px solid #4d8ab9
}

.cBetTabs > div {
    display: inline-block;
    padding: 10px 0 0
}

.cBetTabs > div label {
    display: block;
    text-align: center;
    padding: .6rem 1rem;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-decoration: none;
    font-size: 16px;
    white-space: nowrap;
    color: #c1d5e3;
    margin: 0
}

.cBetTabs > div input:checked + label {
    background-image: linear-gradient(0deg,#749e2c,#91c835);
    color: #fff
}

.cBetTabs > div input {
    position: absolute;
    left: 0;
    z-index: -99;
    opacity: 0
}

.crctab-label {
    background: url(/assets/img/arrow_blk_down.png) no-repeat 97.5% #f6f6f6;
    background-size: 11.5px 6px;
    border-bottom: 1px solid #e8eaec;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    padding-left: 25px;
    margin-bottom: 5px
}

.crctab-label.active {
    background-image: url(/assets/img/arrow_grey_up.png)
}

.crctab input {
    position: absolute;
    z-index: -99;
    opacity: 0
}

input:checked + .crctab-label {
    background: #f3f4f5
}

.crctab-label ._icarw {
    transition: all .35s;
    float: right;
    font-size: 18px;
    margin-top: 5px
}

input:checked + .crctab-label ._icarw {
    transform: rotate(180deg)
}

.crctab-label:not(.active) .crctab-content {
    display: none !important
}

input:checked ~ .crctab-content {
    height: auto
}

.cArcDets span {
    display: block;
    font-size: 16px;
    transition: all .35s;
    font-size: 13px;
    font-weight: 700
}

input:checked ~ .crctab-content .cArcDets span {
    padding: 13px 4px 5px;
    float: left
}

.cArcDets span {
    padding: 10px 0 5px;
    float: left;
    width: calc( 100% - 51px)
}

.cArcDets b {
    display: inline-block;
    padding: 6px 2px;
    margin: 5px auto;
    font-size: 14px;
    font-weight: 400;
    float: right;
    border: 1px solid #eee;
    width: 51px;
    text-align: center
}

.evntBets span {
    position: relative
}

.evntBets span:before, .cArcDets .col b {
    position: relative
}

.evntItem .evntBets span:before, .cArcDets .col b:before, .insBets .insBetItems .ins-bet-item .value-box:not(.actv):before {
    content: "";
    height: 3px;
    width: 100%;
    position: absolute;
    left: 0;
    opacity: 1;
    pointer-events: none
}

.evntItem .evntBets span.DOWN:not(.actv):before, .evntBets span.DOWN:not(.actv):before, .cArcDets .DOWN:not(.actv) b:before {
    bottom: 0;
    animation-name: down;
    animation-duration: 7s;
    animation-direction: reverse;
    animation-iteration-count: 1
}

@keyframes down {
    0%,99% {
        background-color: #dc3545
    }

    100% {
        background-color: transparent
    }
}

@-webkit-keyframes down {
    0%,99% {
        background-color: #dc3545
    }

    100% {
        background-color: transparent
    }
}

.insBets .insBetItems .ins-bet-item .value-box.DOWN:before {
    bottom: 2px;
    left: -2px;
    width: 16px;
    height: 0;
    border-bottom: 8px solid transparent;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    transform: rotate(-135deg);
    animation-name: downDesktopBefore;
    animation-duration: 7s;
    animation-direction: reverse;
    animation-iteration-count: 1
}

.evntBets span.UP:not(.actv):before, .evntItem .evntBets span.UP:not(.actv):before, .cArcDets .UP:not(.actv) b:before {
    top: 0;
    animation-name: up;
    animation-duration: 7s;
    animation-direction: reverse;
    animation-iteration-count: 1
}

@keyframes up {
    0%,99% {
        background-color: #28a745
    }

    100% {
        background-color: transparent
    }
}

@-webkit-keyframes up {
    0%,99% {
        background-color: #28a745
    }

    100% {
        background-color: transparent
    }
}

.insBets .insBetItems .ins-bet-item .value-box.UP:before {
    top: 2px;
    right: -2px;
    left: auto;
    width: 16px;
    height: 0;
    border-bottom: 8px solid transparent;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    transform: rotate(45deg);
    animation-name: upDesktopBefore;
    animation-duration: 7s;
    animation-direction: reverse;
    animation-iteration-count: 1
}

.evntBets span.actv:before, .cArcDets .actv b:before {
}

.iFrameZone {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 80%
}

.iFrameZone iframe {
    position: absolute;
    border: none;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.iFrame {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 80%
}

.iFrame iframe {
    position: absolute;
    border: none;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.iFrame2 {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 80%
}

.iFrame2 iframe {
    position: absolute;
    border: none;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.mobBody .pageContent ._title {
    font-size: 24px;
    border: none
}

.mobBody .pageContent ._title {
    font-size: 20px;
}

.mobBody .ancList._fullLi > li {
    border-top: 1px solid #dcdbdb;
    position: relative
}

.mobBody .ancList._fullLi.dictnList > li {
    border: none;
    position: relative
}

.mobBody .ancList._fullLi > li > a {
    padding: 5px;
    font-size: 16px;
    display: block
}

.mobBody .ancList._fullLi > li > a .fas {
    position: absolute;
    right: 0;
    top: 8px;
    font-size: 19px;
    color: #888
}

.mobBody .ancItem > span {
    font-size: 22px;
    line-height: 1;
    margin: 45px 0 10px;
    display: block
}

@media(min-width: 300px) {
    .iFrame {
        padding-top: 95%
    }

    .iFrameZone {
        padding-top: 57%
    }
}

@media(min-width: 400px) {
    .evntItem .teams {
        width: calc(100% - 235px)
    }

    .fxtitle .__BetsCaro, .evntItem .__BetsCaro {
        width: 235px;
        margin: auto;
        display: block;
        float: right
    }

    .evntItem .evntBets {
        width: 235px
    }

    .iFrameZone {
        padding-top: 58%
    }

    .iFrame {
        padding-top: 100%
    }
}

@media(min-width: 700px) {
    .iFrame {
        padding-top: 70%
    }

    .iFrameZone {
        padding-top: 58%
    }
}

@media(min-width: 768px) {
    .evntItem .teams {
        width: calc(100% - 540px)
    }

    .fxtitle .__BetsCaro, .evntItem .__BetsCaro {
        width: 465px;
        margin: auto;
        display: block;
        float: right
    }

    .evntItem .evntBets {
        width: 465px
    }

    .evntItem .evntBets span {
        width: 47px
    }
}

.fxtitle u b {
    font-weight: 400;
    display: block
}

@media(max-width: 768px) {
    .fxtitle u b {
        width: 200px;
        line-height: 1
    }
}

@media(max-width: 480px) {
    .evntItem .teams {
        width: calc( 100% - 186.5px );
        max-width: calc( 100% - 196.5px );
        padding-right: 6.5px
    }

    .evntItem .evntBets {
        max-width: 100%;
        width: 130px;
        padding: 0 10px
    }

    .evntItem .evntBets > strong {
        line-height: 45px;
        font-size: 13px
    }

    .evntItem .__BetsCaro {
        width: 125px
    }

    .evntItem .evntBets {
        display: flex;
        justify-content: start;
        color: #ff4f45
    }

    .evntItem .evntBets span.noBoxEmpty {
        display: none
    }

    .fxtitle {
        position: relative
    }

    .fxtitle .__BetsCaro {
        position: static;
        width: 130px;
        font-size: 12px;
        margin-right: 0;
        transform: translateY(0);
        height: 100%;
        line-height: 28px
    }

    .fxtitle u span {
        width: unset
    }
}

@media(max-width: 400px) {
    .fxtitle u span {
        width: unset;
        text-wrap: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #fff
    }
}

.roww1 {
}

.kuponWindow {
    background: #000000;
    position: fixed;
    z-index: 5;
    left: 0;
    width: 100%;
    bottom: 0;
    top: 0;
    padding: 0px 0 47px;
    display: none;
    overflow: auto
}

.kuponWindow.opened {
    display: block
}

.blankText {
    padding: 15px;
    color: #fff
}

.blankText img {
    width: 30px
}

.barTitle {
        background: #000000 !important;
    border-top: 1px solid #ff4f45;
    text-transform: uppercase;
    padding: 5px 15px;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
}

.kuponWindow .spmain {
    padding: 4px 0
}

.evntItem .rowBETS.teams {
    width: calc(100% - 150px)
}

.evntItem .rowBETS.teams .cArcDets .col {
    border: 1px solid #c1d5e3
}

.evntItem .rowBETS.teams .cArcDets b {
    margin: 0 auto;
    border: none;
    width: auto
}

.evntItem .rowBETS.teams .cArcDets span {
    padding: 7px 0;
    float: left;
    font-weight: 600;
    width: auto
}

.roww1.evntItem .teams {
    width: calc(100% - 200px)
}

.roww1.evntItem .date {
    width: 102px;
    font-size: 14px
}

.roww1.evntItem .teamrow span {
    font-size: 16px;
    font-weight: 700
}

.roww1 {
    position: relative
}

.roww1:after {
    font-family: linearicons-free;
    content: "\e876";
    position: absolute;
    right: 5px;
    top: 12px;
    font-weight: 700
}

.roww1:hover, .roww1:focus {
        background: #000000 !important;
    color: #fff
}

.roww2.evntItem .date {
    width: 110px;
    font-size: 14px
}

.evnRow {
    position: relative;
    padding: 8px 55px 8px 15px
}

.evnRow p {
    margin: 0
}

.evnRow p > b, .evnRow p > a > b {
    font-size: 17px;
    color: #fff
}

.evnRow p > span {
    float: right
}

.evnRow p > u {
    float: right;
    text-decoration: none;
    color: #fff;
    padding: 2px;
    border-width: thin;
    line-height: 1;
    font-size: 12px;
    margin-top: 5px
}

.removeBet {
    position: absolute;
    right: 10px;
    top: 20px;
    font-size: 14px;
    font-weight: 700;
    padding: 5px
}

.kuponWindow .barTitle {
    position: relative;
    border-bottom: 1px solid #000000
}

.kuponWindow .barTitle small {
    float: right;
    margin: 0;
    text-transform: none;
    font-size: 16px
}

.kuponWindow .barTitle small i {
    margin-left: 10px;
    font-weight: 700;
    font-size: 13px
}

.barTitle .removeAll {
    position: absolute;
    right: 0;
    top: 0;
    width: 130px;
    border-left: 1px solid #000000;
    padding: 9px 15px 9px 7px;
    font-size: 11px;
    color: #fff
}

.barTitle .removeAll img {
    width: 10px;
    float: right;
    filter: brightness(9)
}

.sbetButtons {
}

.kuponWindow .goBahis {
    padding: 6px;
    text-transform: uppercase;
    font-weight: 700;
    color: #ff4f45;
    font-size: 17px
}

.kuponWindow .goBahis i {
    top: 2px
}

.sbetButtons .btn {
    border: 1px solid #ddd;
    width: 100%;
    color: #fff;
    position: relative
}

.sbetButtons .btn.active {
        background: #000000 !important;
    border-color: #ff4f45;
    color: #fff
}

.sbetButtons .btn.active:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    z-index: 2;
    height: 22px;
    width: 22px;
    background: url(../img/ckd.png) 50% no-repeat;
    background-size: 22px 22px
}

.systemBox ._inner {
    padding: 5px
}

.sumrows {
    padding: 15px 0
}

.sumrows > p {
    text-align: right;
    margin: 0;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    padding: 8px 0 8px 10px
}

.sumrows > p:last-child {
    border: none
}

.sumrows > p b {
    float: left
}

.sumrows > p span {
    position: relative;
    padding-right: 35px
}

.sumrows > p span:after {
    font-family: linearicons-free;
    content: "\e876";
    position: absolute;
    right: 5px;
    top: -1px;
    font-weight: 700
}

.acptDiff {
    font-size: 18px;
    padding: 15px 8px;
    color: #fff
}

.acptDiff label {
    display: block;
    margin: 0
}

.acptDiff label input {
    width: 20px;
    height: 20px
}

.acptDiff label input:checked {
    border-color: #ff4f45
}

.acptDiff label input:checked:before {
        background: #000000 !important;
    color: #fff;
    font-size: 13px;
    height: 20px;
    width: 19px;
    line-height: 18px;
    position: absolute
}

.acptDiff label span {
    float: right;
    border-left: 1px solid #ddd;
    padding: 4px 5px 7px 40px;
    display: block
}

.calcNumbers {
    max-width: 360px;
    margin: auto
}

.calcNumbers .btn {
    width: 100%;
    display: block;
    border: 1px solid #ff4f45;
    text-align: center;
    color: #fff
}

.calcNumbers .btn:hover {
        background: #000000 !important;
    color: #fff
}

#calcModal .modal-content {
    border-radius: 0;
    display: block
}

#calcModal .modal-footer {
    background: #000000;
    display: block
}

#calcModal .modal-footer .bttn {
    display: block;
    clear: both;
    margin: 8px auto;
    padding: 11px 45px;
    width: 260px;
    font-size: 16px;
    font-weight: 600
}

#calcModal .modal-footer .bttn-large img {
    top: 15px
}

#AmountOutModal .modal-content {
    border-radius: 0;
    display: block
}

#AmountOutModal .modal-footer {
    background: #000000;
    display: block
}

#AmountOutModal .modal-footer .bttn {
    display: block;
    clear: both;
    margin: 8px auto;
    padding: 11px 45px;
    width: 260px;
    font-size: 16px;
    font-weight: 600
}

#AmountOutModal .modal-footer .bttn-large img {
    top: 15px
}

.socials {
}

.socials a {
    margin: 0 3px
}

.bottomMenu {
    background: #000000;
    color: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 6;
    text-align: center
}

@media(max-width: 576px) {
    .bottomMenu {
        box-shadow: 0px 0px 5px 0px rgb(0 126 167);
        background-color: #000000;
    }
}

.bottomMenu a {
    text-transform: uppercase;
    color: #fff;
    font-size: 8px;
    display: block;
    padding: 10px 0;
    position: relative
}

@media(max-width: 576px) {
    .bottomMenu a {
        padding: 5px 0
    }
}

.bottomMenu a u, #bCountBottom {
        background: #000000 !important;
    border-radius: 5px;
    bottom: 28px;
    color: #fff;
    float: right;
    font-size: 9px;
    height: 13px;
    left: 50%;
    line-height: 10px;
    margin-left: 6px;
    min-width: 12px;
    padding: 2px 2px 1px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    z-index: 1;
    white-space: nowrap
}

.bottomMenu a.active {
    z-index: 1;
    background: #000000 !important;
}

.bottomMenu a.active u, #bCountBottom {
}

.bottomMenu a img {
    display: inline-block;
    margin-bottom: 4px;
    width: 24px;
    filter: invert(0%)
}

@media(max-width: 576px) {
    .bottomMenu a img {
        width: auto;
        height: 24px;
        margin-top: 2px
    }

    .bottomMenu a.active img {
        filter: grayscale(0) contrast(0) brightness(10)
    }
}

.bottomMenu a b {
    display: block;
    font-weight: 700;
    white-space: nowrap;
    color: #ffffff;
}

.bottomMenu a.active b {
    color: #fff
}

._Home .bottomMenu .bm2 {
    display: none
}

#back-to-top {
    display: none;
    right: 20px;
    bottom: 70px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(255 79 69 / 40%);
    border-radius: 20px;
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    transition: all .35s
}

#back-to-top.show {
    visibility: visible;
    opacity: 1
}

#back-to-top i {
    font-size: 25px;
    color: #fff
}

@media(max-width: 1024px), (max-width: 1920px) and (orientation: landscape) {
    .caroList {
        position: relative;
        z-index: 9;
        margin-bottom: 0 !important
    }

    #CasinoName, #CasinoName * {
        height: 39px;
        line-height: 40px
    }

    #CasinoName a {
        float: left
    }

    #sliderHome {
        padding-left: 0;
        padding-right: 0;
        width: auto
    }

    .casinoBox .mobFilterPanel, .casinoGameDetail .mobFilterPanel {
        border-top: 0;
        border-bottom: 0;
        width: 100%;
        height: auto;
        padding-right: 10px;
        padding-left: 48px;
        border-bottom: 1px solid #f7f7f8;
            background: #000000 !important;
    }

    .casinoBox #mobile-search, .casinoGameDetail #mobile-search {
        position: sticky;
        order: 2;
        margin-left: -48px;
        width: calc(100% + 58px);
        margin-right: -10px;
        margin-top: 0;
        margin-bottom: 0;
        height: 40px;
        padding: 0;
        z-index: 99
    }

    .casinoBox #mobile-search input, .casinoGameDetail #mobile-search input {
        border: 1px solid #ff4f45;
        background: #2b3b4b;
        height: 40px;
        font-size: 13px;
        color: #ff4f45;
        margin-bottom: 0;
        padding-left: 40px
    }

    .casinoBox .mobSearch button span, .casinoGameDetail .mobSearch button span {
        display: none
    }

    .casinoBox .mobSearch, .casinoGameDetail .mobSearch {
        top: 0;
        left: 0;
    }

    .casinoBox .mobSearch button, .casinoGameDetail .mobSearch button {
        outline: none !important;
        height: 40px;
        width: 38px;
        padding-left: 0;
        align-items: start
    }

    .casinoBox .mobSearch button i, .casinoGameDetail .mobSearch button i {
        background: 0 0 !important;
        font-size: 14px;
        border: 0;
        margin-bottom: 0;
        margin-left: 7px;
        width: auto;
        height: 40px;
        line-height: 40px
    }

    .casinoBox .mobSearch button i:before, .casinoGameDetail .mobSearch button i:before {
        color: #ffffff;
    }

    .casinoBox #mobile-search button, .casinoGameDetail #mobile-search button {
        top: 50%;
        left: 13.5px;
        background: 0 0;
        font-size: 14px;
        border: 0;
        transform: translateY(-50%);
        color: #ff4f45
    }

    .casinoBox #mobile-search button i:before, .casinoGameDetail #mobile-search button i:before {
        content: "\f00d";
        font-size: 14px;
        color: #777
    }

    .cArcDets.row {
        margin-right: 0;
        margin-left: 0;
        align-items: center
    }

    .cArcDets.row > .col {
        max-width: 50%;
        display: flex;
        align-items: center
    }

    input:checked ~ .crctab-content .cArcDets span {
        padding: 5px 4px
    }

    #terms {
        margin-left: 2.5%;
        width: 95%
    }

    #terms h2 {
        color: #3e3e3e;
        font-size: 24px;
        margin: 20px 0;
        font-weight: 700
    }

    #terms ul {
        border-top: 1px solid #ff000000;
        list-style: none;
        padding-top: 0;
        padding-left: 0;
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-bottom: 0
    }

    #terms li {
        width: 100%;
        background: #fff;
        background-size: 20px 20px;
        list-style: none;
        padding-top: 0;
        padding-left: 7px;
        display: flex;
        align-items: center
    }

    #terms a {
        position: relative;
        text-decoration: none;
        color: #2e303b;
        display: block;
        padding: 5px 0;
        padding-right: 7%;
        width: 100%;
        font-size: 16px
    }

    #terms a:after {
        content: '';
        position: absolute;
        right: 0;
        height: 8px;
        width: 0;
        border-left: 10px solid #666;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent
    }

    .terms-container {
        padding-top: 10px
    }

    .terms-container h3 {
        background: #eee;
        font-size: 16px;
        line-height: 36px;
        margin-top: 0;
        margin-bottom: 0;
        padding: 0 7px;
        font-weight: 700
    }

    .terms-container .terms-details {
        padding: 20px 7px 0;
        font-size: 16px;
        line-height: 22px
    }

    #kunye {
        padding: 5px 10px;
        line-height: 20px;
        font-size: 16px
    }

    #contact-form {
        padding: 0 8px
    }

    #contact-form .form-group {
        flex-wrap: nowrap;
        align-items: center;
        border-bottom: 1px solid #ff4f45;
        margin-bottom: 0;
    }

    #contact-form .form-group:last-child {
        padding: 10px 0
    }

    #contact-form .form-group:last-child .text-right {
        text-align: center !important
    }

    #contact-form label {
        max-width: 125px;
        height: 44px;
        font-size: 16px;
        color: #fff;
        display: flex;
        align-items: center
    }

    #contact-form label + .col-sm-10 {
        min-height: 44px;
        padding: 10px;
        border-left: 1px solid #dcdbdb;
        color: #ff4f45
    }

    #contact-form label + .col-sm-10 input, #contact-form label + .col-sm-10 select, #contact-form label + .col-sm-10 textarea {
        min-height: 44px;
        border: 0
    }

    #contact-form label + .col-sm-10 textarea {
        min-height: 100px
    }

    .responsibility {
        line-height: 22px;
        font-size: 16px;
        padding: 20px 15px
    }

    .cArcDets .actv b {
            background: #000000 !important;
        color: #fff
    }

    .cArcDets .actv b:before {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        height: 20px;
        width: 20px;
        background: url(../img/ckd.png) no-repeat;
        background-size: 20px;
        display: block;
        left: auto
    }

    .evntItem .teamrow, .bet-item .teamrow {
        display: flex;
        align-items: center;
        height: 18px;
        color: #fff
    }

    .evntItem .teamrow span, .bet-item .teamrow span {
        padding: 0;
        font-size: 13px;
        color: #fff;
        line-height: 16px
    }

    .evntItem .teamrow span.team-name, .bet-item .teamrow span.team-name {
        -webkit-line-clamp: 1;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        -webkit-box-orient: vertical;
        display: -webkit-box !important;
        text-overflow: ellipsis;
        white-space: unset !important
    }

    .evntItem .teamrow strong.red-card, .bet-item .teamrow strong.red-card {
        float: left;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 12px;
        max-width: 12px;
        height: 16px;
        font-size: 8px;
        color: #fff;
        font-family: sans-serif;
        background: #d70000;
        background: linear-gradient(180deg,rgba(215,0,0,1) 0%,rgba(140,0,0,1) 100%);
        box-shadow: 0 0 3px 0 rgb(0 0 0/50%)
    }

    .evntItem .date {
        position: relative;
        line-height: 1;
        height: 100%;
        display: inline-flex;
        align-items: center;
        padding-left: 0
    }

    .evntItem .date i {
        width: 17px;
        height: 17px;
        margin-left: 7px;
        background-size: 17px
    }

    .evntItem .date .far-fa-star {
        background-image: url(../../img/redesign/favorite-empty.png);
        background-repeat: no-repeat;
        filter: invert(1)
    }

    .evntItem .date .fas-fa-star {
        background-image: url(../../img/redesign/favorite-filled.png);
        background-repeat: no-repeat
    }

    .evntItem .date span {
        position: relative;
        width: 45px;
        font-size: 15px;
        color: #fff;
        padding: 0 2px;
        text-align: center;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .evntItem .date.flex-column span {
        width: 100%;
        line-height: 12px;
        font-size: 10px
    }

    .evntItem .date em {
        position: absolute;
        bottom: 5px;
        left: 24px;
        width: 45px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .evntItem .date em img {
        width: 20px
    }

    .myBetsPage .boxTab .nav-tabs {
        width: 100%;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #ff4f45;
        flex-wrap: nowrap
    }

    .myBetsPage .boxTab .nav-tabs li {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .myBetsPage .boxTab .nav-tabs li:not(:last-child) {
        border-right: 1px solid #000000
    }

    .myBetsPage .boxTab .nav-tabs li a {
        position: relative;
        width: 100%;
        /* height: 58px; */
        line-height: 1;
        font-size: 12px;
        color: #ffffff;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        border-right: 0;
        border-left: 0
    }

    .myBetsPage .boxTab .nav-tabs li a.active {
            background: #000000 !important;
        color: #ffffff;
    }

    .myBetsPage .boxTab .nav-tabs li a.active:before {
        content: "";
        position: absolute;
        z-index: 2;
        bottom: 0;
        left: 48%;
        left: calc(50% - 4px);
        width: 0;
        height: 0;
        border-color: transparent transparent #ff4f45;
        border-style: solid;
        border-width: 0 4px 5px
    }

    .myBetsPage .boxTab .nav-tabs li a .count {
        top: 0;
        right: 0;
        font-size: 10px;
        color: #fff;
        padding: 3px;
            background: #000000 !important;
    }

    .myBetsPage .boxTab .clr {
        padding: 0;
        border: 0;
        border-bottom: 1px solid #ff4f45;
        margin-bottom: 0 !important
    }

    .myBetsPage .boxTab .clr select {
        width: 100%;
        height: 35px;
        padding: 0;
        border: 0;
        background: 0 0;
        background-color: #000000
    }

    .myBetsPage .boxTab .tableSty1 .modal-body {
        padding: 0 !important
    }

    .myBetsPage .boxTab .tableSty1 ._head {
        line-height: 18px;
        font-size: 14px;
        font-family: Roboto Condensed,helvetica,sans-serif;
        color: #3e3e3e;
        border-bottom: 0
    }

    .myBetsPage .boxTab .tableSty1 .shtBody:not(:first-child) ._head {
        border-top: 1px solid #ff4f45
    }

    .myBetsPage .boxTab .tableSty1 .shtBody:last-child ._head {
        border-bottom: 1px solid #ff4f45
    }

    .myBetsPage .boxTab .tableSty1 ._head .rslt i {
        font-size: 11px
    }

    .myBetsPage .boxTab .tableSty1 ._contRow ._head .rslt, .myBetsPage .boxTab .tableSty1 ._contRow > span, .myBetsPage .boxTab .tableSty1 ._head > span, .myBetsPage .boxTab .shtHeader > span {
        width: auto
    }

    .myBetsPage .boxTab .tableSty1 ._contRow {
        font-size: 12px;
        font-family: Roboto Condensed,helvetica,sans-serif
    }

    .myBetsPage:not(.account) .boxTab .tableSty1 ._contRow {
        border-bottom: 0 !important
    }

    .myBetsPage .boxTab .tableSty1 ._contRow ._head .rslt {
        padding: 5px 10px
    }

    .myBetsPage .boxTab .tableSty1 ._contRow ._head .rslt {
        padding: 5px 10px;
        background-color: #000000
    }

    .myBetsPage .boxTab .tableSty1 ._contRow ._head .rslt .btn.progress-bar-animated {
        width: 160px !important
    }

    .myBetsPage .boxTab .tableSty1 ._contRow ._head .rslt .btn.btn--shimmer {
        width: 160px !important
    }

    .myBetsPage .boxTab .tableSty1 ._contRow ._head ._spnBox {
        border: 0;
        background: no-repeat;
        font-size: 20px;
        padding: 0 10px 10px;
        display: flex;
        align-items: center
    }

    .myBetsPage .boxTab .tableSty1 ._contRow ._head ._spnBox[aria-expanded=true] i:before {
        transform: rotate( 180deg );
        top: 7px;
        position: relative
    }

    .myBetsPage .boxTab .tableSty1 ._contRowBox ._contRow {
        font-family: Roboto Condensed,helvetica,sans-serif;
        color: #3e3e3e
    }

    .homeMenu .myBetsPage .boxTab .tableSty1 ._contRowBox ._contRow {
        padding-right: calc(2.5% - 5px);
        padding-left: calc(2.5% - 5px);
        padding-top: 3px;
        padding-bottom: 3px
    }

    .homeMenu .myBetsPage .boxTab .tableSty1 ._contRowBox ._contRow:not(:last-child) {
        border-bottom: 1px solid #dcdbdb !important
    }

    .myBetsPage .boxTab .tableSty1 ._contRowBox ._contRow .date {
        font-size: 12px;
        line-height: 14px;
        padding: 8px 5px
    }

    .myBetsPage .boxTab .tableSty1 ._contRowBox ._contRow .details {
        line-height: 18px;
        font-size: 15px;
        letter-spacing: -.5px
    }

    .myBetsPage .boxTab .tableSty1 ._contRowBox ._contRow .rate {
        white-space: nowrap
    }

    .bet-detail-button {
        font-size: 20px;
        color: #3e3e3e
    }

    .bet-info-line {
        width: 100%;
        background-color: #000000;
        padding-left: 2.5%;
        padding-right: 2.5%;
        border-bottom: 1px solid #ff4f45;
        font-family: Roboto Condensed,helvetica,sans-serif;
        font-size: 15px
    }

    .bet-info-line .title {
        line-height: 44px;
        color: #fff
    }

    .bet-info-line .info {
        color: #ff4f45
    }

    .login-approval, .login-approval > a {
        font-size: 15px;
        color: #3e3e3e
    }

    .approval-line, .login-approval > a {
        min-height: 40px;
        padding: 5px 2.5%;
        border-bottom: 1px solid #dcdbdb;
        font-family: Roboto Condensed,helvetica,sans-serif
    }

    .approval-line.buttons, .login-approval > a {
        border-bottom: 0
    }

    .login-approval button {
        border: 0;
        background: #7c7c7c;
        height: 45px;
        color: #fff;
        font-weight: 700;
        font-family: Roboto Condensed,helvetica,sans-serif;
        min-width: 70px
    }

    .login-approval > button {
        margin: 0 auto
    }

    ._contRow.bet-info-line {
        display: flex
    }

    .goimg {
        width: 4%;
        margin: auto;
        margin-bottom: 1%
    }

    .goBahis i {
        display: none
    }

    #SystemTable #SystemModalBody {
        max-width: unset;
        width: 100%;
        padding: 0
    }

    #SystemTable #SystemModalBody .row .col {
        width: 100%;
        padding: 0 30px 0 20px;
        display: flex;
        align-items: center
    }

    #SystemTable #SystemModalBody .row:not(:last-child) .col {
        border-bottom: 1px solid #dcdbdb
    }

    #SystemTable #SystemModalBody .row .col .SystemModalImg {
        width: 35px;
        display: flex;
        align-items: center
    }

    #SystemTable #SystemModalBody .row .col .SystemModalText {
        flex-grow: 1;
        line-height: 45px
    }

    #SystemTable #SystemModalBody .row .col .SystemModalCount {
        background: #2e303b;
        color: #fff;
        padding: 0 2px
    }

    #SystemTable .modal-footer {
        justify-content: center;
        background: #e3e3e3
    }

    .kuponWindow .barTitle {
        display: flex
    }

    .kuponWindow .barTitle small {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-left: 10px
    }

    .evnRow p > b, .evnRow p > a > b {
        max-width: 80%;
        display: inline-block
    }

    .collapse.show {
        display: flex
    }

    .collapse.show:focus {
        background: #ff4f45
    }

    .collapse.show:focus .text-danger {
        color: #fff !important
    }

    #casinoCaroHome.owl-carousel .owl-stage {
        display: flex;
        min-width: 100%
    }

    #casinoCaroHome.owl-carousel .owl-item, #casinoCaroHome.owl-carousel .owl-item .item, #casinoCaroHome.owl-carousel .owl-item .item img {
        float: left;
        max-width: 200px;
        width: 100%
    }
}

@media(min-width: 992px) {
    .cBetTabs.nav {
        border-top: 1px solid #0f324f;
        border-left: 1px solid #0f324f;
        border-bottom: 0 !important
    }

    .cBetTabs.nav .cBTabitem {
        padding: 0
    }

    .cBetTabs.nav .cBTabitem button {
        border: 0;
        border-radius: 0;
        border-right: 1px solid #0f324f;
        border-bottom: 1px solid #0f324f;
        outline: none !important
    }

    .cBetTabs.nav .cBTabitem button.active {
        background: #8bca26
    }
}

.navMenu .dp-Content {
    display: none;
    position: absolute;
    background-color: #fff;
    z-index: 5;
    box-shadow: 0 8px 16px 0 rgb(0,0,0,7);
    width: 20%
}

.navMenu .dropwown:hover .dp-Content {
    display: block
}

.navMenu .dp-Content ul {
    padding: 0;
    margin: 0;
    display: inline-block;
    line-height: 2
}

.navMenu .dp-Content ul li {
    color: #333;
    list-style-type: none
}

.navMenu .dp-Content ul li a {
    color: #333;
    font-weight: 600;
    padding: 4px 10px;
    display: block;
    text-decoration: none
}

.navMenu .dp-Content ul li a img {
    max-width: 14%
}

.navMenu .dp-Content ul li:hover {
    background-color: #f7f7f7
}

.navMenu .dp-Content ul li a:focus {
    background-color: #eee
}

.desktop-filter {
    padding-left: 50px
}

@media(max-width: 991px) {
    .mobile-categories {
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background: #000000;
        z-index: 999;
        transform: translateX(100%);
        transition: all .35s
    }

    .mobile-categories.active {
        transform: translateX(0)
    }

    .open-mobile-categories {
        text-align: center;
        font-weight: 600;
        color: #fff;
        letter-spacing: 1px;
    }

    .open-mobile-categories + a {
        float: left;
        display: block;
        box-sizing: border-box;
        padding: .5em;
        width: calc(50% - 7.5px);
        margin: 0;
        border-bottom: 1px solid #c3c3c3;
        outline: none;
        font-size: 1.25em;
        text-align: center;
        font-weight: 600;
        color: #fff;
        letter-spacing: 1px;
        margin-bottom: 15px;
        box-shadow: 0 0 5px 0 rgb(229 229 229);
        border-radius: 0 10px 0 10px;
        background-image: -webkit-linear-gradient(1deg,#f70b2c 0,rgb(0 52 89) 100%)
    }

    .open-mobile-categories + a i {
        margin-right: 5px
    }

    .close-mobile-categories {
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: 33;
        width: 40px;
        height: 40px
    }
}

.category-title {
    display: block;
    box-sizing: border-box;
    padding: .75em;
    min-height: 55px;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #00000036;
    background-color: #2b3b4b;
    outline: none;
    font-size: 1.25em;
    color: #fff;
    border-bottom: 1px solid #fff
}

.category-title a {
    font-size: .675em;
    color: #828282;
    transition: all .35s
}

.category-title a:hover {
    color: #ffc107 !important;
    text-decoration: none
}

.category-title a i {
    padding-right: 5px
}

.category-search {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: none;
    border-bottom: 1px solid #fff
}

.category-search input {
    padding: 1.25em;
    width: 100%;
    height: 44px;
        background: #000000 !important;
    border: 0;
    outline: none !important;
    color: #fff
}

.category-search input::-webkit-input-placeholder {
    color: #000;
    opacity: .5
}

.category-search input:-ms-input-placeholder {
    color: #000;
    opacity: .5
}

.category-search input::placeholder {
    color: #000;
    opacity: .5
}

@media(min-width: 992px) {
    .category-list-container {
        max-height: calc(100% - 100px);
        overflow-y: auto;
        overflow-x: hidden
    }

    .category-list-container::-webkit-scrollbar {
        width: 4px;
        background: #2e303b
    }

    .category-list-container::-webkit-scrollbar-track {
        display: none
    }

    .category-list-container::-webkit-scrollbar-thumb {
        background-color: #616471;
        outline: none
    }
}

.category-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .25em;
    background: #000000;
}

.category-item {
    opacity: .85;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(33.33% - 0.5em);
    height: 4.625em;
    margin: .25em;
    border-bottom: .1875em solid rgb(247 11 44 / 39%);
    background: linear-gradient(to bottom, rgb(200 17 47 / 0%) 0%, rgb(0 126 167 / 16%) 100%);
    transition: border .2s ease-in-out,opacity .2s ease-in-out,-webkit-filter .2s ease-in-out;
    transition: filter .2s ease-in-out,border .2s ease-in-out,opacity .2s ease-in-out;
    transition: filter .2s ease-in-out,border .2s ease-in-out,opacity .2s ease-in-out,-webkit-filter .2s ease-in-out
}

.category-item:hover {
    opacity: 1;
    border-bottom: .1875em solid #ff4f45;
    -webkit-filter: none;
    filter: none
}

.ico-slots {
    overflow: hidden;
    width: 98px;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center
}

.ico-slots img {
}

.HeaderLiveStream {
    background-color: #525252
}

.matchLi {
    padding: 4px;
    margin-right: 10px;
    margin-left: 10px;
    text-decoration: underline;
    color: #fff
}

.matchLi svg {
    fill: #fff
}

.content-left {
    width: 788px;
    padding-top: 10px;
    padding-right: 0 !important
}

.content-left .left-column {
    float: left;
    width: 204px;
    padding-right: 12px;
    padding-left: 12px
}

.content-left .single-column {
    float: left;
    width: 100%;
    padding-right: 12px;
    padding-left: 12px
}

.content-left .right-column {
    float: right;
    width: 576px;
    padding-right: 12px
}

.content-right {
    position: relative;
    width: 404px;
    padding-top: 10px;
    padding-right: 0 !important;
    padding-left: 0 !important
}

.content-right .left-column {
    float: left;
    width: 175px;
}

.content-right .right-column {
    position: sticky;
    top: 6px;
    float: right;
    width: 216px
}

#language-button {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    height: 35px;
    line-height: 35px;
    padding: 0 10px !important;
    border: 0 !important;
    border-radius: 3 !important
}

#language-button:hover {
    background: #2e303b
}

#language-button small {
    font-size: 11px
}

#language-button:before {
    display: none
}

#language-button b {
    padding-left: 2px;
    padding-right: 12px;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 700;
    background: url(../../img/redesign/arrow-down.png) center right no-repeat
}

.tab-bottom-link {
        background: #000000 !important;
    background: rgb(24 24 25 / 50%) !important;
}

.tab-bottom-link a {
    line-height: 30px;
    font-size: 12px;
    color: #fff;
    padding: 0 6px 0 10px;
    background: url(../../img/redesign/arrow_black.gif) 0 center no-repeat
}

.tab-bottom-link a:hover {
    color: #ff4f45;
    text-decoration: none
}

.tabBox.betListAll#_sport-football .tabHeader b {
    width: 240px;
    padding: 0
}

.tabBox.betListAll#_sport-football .tabHeader b img {
    filter: invert(1)
}

.tabBox.betListAll#_sport-football .tabHeader b + span, .tabBox.betListAll#_sport-football .tabHeader span:last-of-type {
    width: 114px;
    font-size: 11px;
    color: #fff
}

.tabBox.betListAll#_sport-football .tabHeader b + span + span, .tabBox.betListAll#_sport-football .tabHeader span + span {
    font-size: 11px;
    color: #fff;
    width: 114px;
    padding-left: 0
}

.tabBox.betListAll#_sport-football .tabHeader span:last-of-type {
    padding-left: 0
}

.pageContentUP ._title {
    font-size: 16px;
    line-height: 32px;
    padding: 0 10px;
    white-space: nowrap;
    display: block;
    margin-bottom: 0;
    border-radius: 10px 0;
}

.pageContentUP .options {
    display: flex
}

.pageContentUP .options .option {
    height: 32px;
    line-height: 32px;
    font-size: 11px;
    color: #666;
    background: #eee;
    padding: 0 9px;
    position: relative;
    cursor: pointer;
    margin-bottom: 0
}

.pageContentUP .options .option + .option {
    border-left: 1px solid #ccc
}

.pageContentUP .options .option input {
    position: absolute;
    opacity: 0;
    visibility: hidden
}

.pageContentUP .options .option span {
    display: block;
    height: 32px;
    line-height: 34px
}

.pageContentUP .options .option[for=scoreboard] span {
    padding-left: 33px;
    background: url(../../img/redesign/scoreboard-empty.png) no-repeat 0 center
}

.pageContentUP .options .option[for=scoreboard] input:checked + span {
    background: url(../../img/redesign/scoreboard.png) no-repeat 0 center
}

.pageContentUP .options .option[for=statistics] span {
    padding-left: 33px;
    background: url(../../img/redesign/statistics-empty.png) no-repeat 0 center
}

.pageContentUP .options .option[for=statistics] input:checked + span {
    background: url(../../img/redesign/statistics.png) no-repeat 0 center
}

.pageContentUP .news {
    height: 0;
    padding-bottom: 18px
}

.pageContentUP .news-item {
    flex: 1;
    height: 30px;
    background: #fff
}

.pageContentUP .news-item + .news-item {
    border-left: 1px solid #333
}

.pageContentUP .news-icon {
    width: 38px;
    height: 30px
}

.pageContentUP .news-text {
    font-size: 11px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pl-7 {
    padding-left: 7px !important
}

.casino-container {
    width: calc(100% - 12px);
    margin-left: 12px
}

#sliderHome {
    margin-bottom: -3px !important;
    width: 100%;
    filter: brightness(90%) contrast(120%);
}

.listCaro .item {
    height: 40px
}

.listCaro a {
    font-size: 12.9px;
    padding-bottom: 16px;
    vertical-align: sub
}

#account-first-table, #account-second-table {
    height: 33px;
    background: #fff;
    line-height: 34px;
    border: 1px solid #ccc;
    margin-top: 0;
    margin-bottom: 0
}

#account-first-table tr:first-child, #account-second-table tr:first-child {
    border-bottom: 3px solid #ff4f45
}

#account-first-table th, #account-second-table th {
    line-height: 26px;
    max-height: 30px;
    height: 30px;
    font-size: 11px;
    color: #2e303b;
    font-weight: 400;
    padding: 4px 10px 0 0 !important
}

#account-second-table th:first-child {
    padding-left: 10px !important
}

.els {
    line-height: 14px;
    font-size: 11px !important;
    color: #666;
    padding: 4px !important
}

.table-bordered, .table-bordered td, .table-bordered th {
    border: 0 !important
}

.table-bordered {
    border-bottom: 1px solid #ff4f45 !important
}

.table-striped tbody tr th, .table-striped tbody tr td {
    font-size: 11px
}

#account-footer-buttons {
    padding: 10px
}

#account-footer-buttons a {
    width: 180px;
    height: 24px;
    cursor: pointer;
    background: #3c3c3c;
    padding-bottom: 2px;
    border: 1px solid #323232;
    line-height: 22px;
    font-size: 14px;
    text-decoration: none;
    display: block;
    color: #fff;
    text-align: center;
    border: 0
}

#account-footer-buttons a + a {
    margin-left: 10px
}

.pageContent#top {
    margin-bottom: 10px;
    padding: 10px;
}

.pageContent#top ._title, .pageContent#top2 ._title {
    font-weight: 700;
    text-align: center;
}

.pageContent#top .form-container, .pageContent#top2 .form-container {
    padding-right: 12px;
    padding-left: 12px;
    margin-bottom: 3px !important
}

.pageContent#top .form-container p, .pageContent#top2 .form-container p {
    line-height: 16px;
    font-size: 12px;
    color: #2e303b;
    margin-bottom: 0;
    padding-top: 1px
}

.pageContent#top .form-container .mdForm {
    max-width: unset;
    margin: 0
}

.pageContent#top .form-container .mdForm .form-group {
    margin-bottom: 0
}

.pageContent#top .form-container .mdForm label {
    width: 190px;
    height: 24px;
    line-height: 24px;
    font-size: 11px;
    color: #666;
    text-align: right;
    padding-top: 0;
    padding-right: 20px;
    padding-bottom: 0
}

.pageContent#top .form-container .mdForm .col-form-input {
    padding-right: 0;
    padding-left: 0
}

.pageContent#top .form-container .mdForm .form-control {
    display: block;
    width: 274px;
    height: 18px;
    line-height: 16px;
    padding: 0;
    font-weight: 400;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-radius: 0;
    font-size: 11px;
    color: #666 !important;
    padding-left: 2px;
    margin-top: 3px
}

.pageContent#top #message {
    left: 470px;
    top: 0;
    height: 100%;
    display: grid;
    align-items: center;
    font-size: 11px
}

.account-buttons button {
    line-height: 14px;
    margin: 10px 0 0 47px
}

.account-buttons button img {
    top: 4px
}

.account-buttons button.reverse img {
    right: auto;
    left: -2px;
    transform: rotate(180deg)
}

.pageFooter {
    border-top: 1px solid #ddd
}

@media(max-width: 576px) {
    .caroBox {
        padding-right: 7px;
        padding-left: 7px;
        margin-bottom: 0 !important;
        margin-top: 6px
    }

    .caroBox .h6 {
        line-height: 30px;
        font-size: 14px;
        font-weight: 700;
        margin: 0
    }

    .rowCaro .item a, .caroBox .item a {
        border: 0
    }

    .rowCaro .owl-carousel .owl-stage-outer {
        overflow: visible
    }
}

#homeMenu.mobListMenu a, #suggestions a {
    font-size: 16px;
    display: flex;
    align-items: center;
    padding-left: 2.5%;
    padding-right: 20px
}

#homeMenu.mobListMenu a .sprt, #homeMenu.mobListMenu a > img {
    height: 21px;
    width: 21px;
    margin-right: 10px;
    margin-left: 7px;
    filter: invert(1)
}

#homeMenu.mobListMenu a .sprt:not(img) {
    background-image: url(/assets/img/sports.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 1152px 21px;
    filter: invert(1)
}

#homeMenu.mobListMenu a .sprt.ikn3 {
    background-position: -672px 0
}

#homeMenu.mobListMenu a .sprt.ikn18 {
    background-position: -966px 0
}

#homeMenu.mobListMenu a .sprt.ikn7 {
    background-position: -651px 0
}

#homeMenu.mobListMenu a .sprt.ikn6046 {
    background-position: -882px 0
}

#homeMenu.mobListMenu a .sprt.ikn48242 {
    background-position: -126px 0
}

#homeMenu.mobListMenu a .sprt.ikn54094 {
    background-position: -945px 0
}

#homeMenu.mobListMenu a span._img {
    height: 21px;
    width: 21px;
    margin-right: 10px;
    margin-left: 7px
}

#homeMenu.mobListMenu a span._img2 {
    height: 25px;
    width: 25px;
    margin-right: 10px;
    margin-left: 7px
}

#homeMenu.mobListMenu a u {
    top: calc(50% - 9px);
    right: calc(5% + 20px);
    background-color: #ff4f45;
    box-sizing: border-box;
    color: #000000;
    display: inline-block;
    font-size: 14px;
    height: 18px;
    line-height: 18px;
    margin-right: 0;
    min-width: 18px;
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    border-radius: 5px
}

#homeMenu.mobListMenu a:after {
    right: 0;
    top: 50%;
    width: 24px;
    display: flex;
    justify-content: start;
    color: #ff4f45
}

.homeMenu .balance-row span {
    min-height: 44px;
    line-height: 16px;
    font-size: 16px;
    padding: 0 2.5%
}

.homeMenu .balance-row {
    border-top: 1px solid #dcdbdb
}

.homeMenu .balance-row.dashed {
    border-top: 1px dashed #dcdbdb
}

.homeMenu .balance-row span span {
    line-height: 44px
}

.homeMenu .balance-row.info span {
    font-size: 12px
}

.bonus-wrapper {
    padding: 12px 7px 7px
}

.bonus-content {
    box-shadow: 0 1px 2px 2px rgb(0 0 0/5%);
    min-height: 70px;
    padding: 10px;
    border-radius: 5px
}

.empty-message {
    min-height: 63px;
    line-height: 21px;
    font-size: 16px;
    color: #ffffff;
    padding: 9px calc(2.5% + 12px);
    /* background: #fff; */
    display: flex
}

.empty-message img {
    width: 28px;
    height: 28px;
    margin-right: 12px
}

.modal#Language {
    top: 43px;
    bottom: 47px;
    height: auto
}

.modal#Language .modal-dialog {
    display: flex;
    min-height: unset;
    height: 100%;
    margin: 0
}

.modal#Language .modal-dialog .modal-content {
    width: 100% !important;
    height: 100% !important;
    flex-grow: 1
}

#security-form .form-group {
    margin-bottom: 10px
}

#security-form .form-group input {
    border: 1px solid #cecece;
    height: 34px;
    max-width: none;
    padding: 0 10px;
    width: 100%;
    border-radius: 0
}

#security-form a {
    font-size: 16px;
    color: #2e303b
}

#security-form a:hover {
    text-decoration: none
}

#security-form .bttn {
    height: 34px;
    font-size: 16px;
    font-weight: 700;
    padding-left: 16px;
    padding-right: 20px;
    border-radius: 4px
}

#security-form .bttn.reverse {
    padding-right: 16px;
    padding-left: 20px
}

#security-form .bttn img {
    top: 7px
}

#approvial-form .mdForm {
    width: 100%;
    max-width: unset
}

#approvial-form .balance-row:not(.account-buttons) {
    border-bottom: 1px solid #dcdbdb
}

#approvial-form .balance-row span {
    line-height: 26px;
    margin: 5px 0
}

#approvial-form .bttn {
    display: inline-block;
    min-height: 44px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 4px
}

#approvial-form .buttons .bttn {
    margin-bottom: 3%;
    width: 94%
}

#approvial-form .account-buttons .bttn {
    width: 100%;
    max-width: 91px;
    padding-left: 20px;
    padding-right: 16px;
    margin-left: 0
}

#approvial-form .bttn img {
    top: 11px
}

#approvial-form .buttons + span {
    display: inline-block;
    line-height: 26px;
    font-size: 16px;
    color: red;
    padding-top: 10px
}

.bet-item {
    height: auto
}

.spmain .bet-item {
    padding: 0 14px
}

.bet-item a {
    height: 40px;
    border-top: 0;
    margin-bottom: 4px
}

.bet-item a .date-time {
    width: 46px;
    height: 100%;
    line-height: 13px;
    font-size: 10px;
    color: #2e303b;
    font-weight: 700;
    word-spacing: 400px
}

.bet-item a .teams {
    width: 100%;
    padding-left: 5px
}

.bet-item a .teams .teamrow {
    height: 20px
}

.bet-item a .teams .teamrow span {
    line-height: 20px;
    font-size: 16px
}

.bet-ratios {
    padding-bottom: 5px
}

.bet-ratios .title {
    font-size: 13px;
    color: #2e303b;
    font-weight: 700;
    padding-right: 5px;
    padding-left: 5px
}

.bet-ratios .ratio-container {
    border-left: 1px solid #d7dce0
}

.bet-ratios .ratio {
    width: 100%;
    height: 40px;
    padding-right: 14px;
    padding-left: 10px;
    background: #e8e9ec;
    border: 2px solid #fff;
    border-radius: 5px;
    box-shadow: inset 0 0 0 1px #c8ccd3
}

.bet-ratios .ratio.actv {
    background: #ff4f45 !important;
    color: #fff !important;
    border: 0 !important
}

.bet-ratios .ratio.actv:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    height: 20px;
    width: 20px;
    background: url(../img/ckd.png) no-repeat;
    background-size: 20px;
    display: block;
    left: auto
}

.bet-ratios .ratio.bet_up {
    border-top: 2px solid #25c025
}

.bet-ratios .ratio.bet_down {
    border-top: 1px solid red
}

.bet-ratios .ratio span:first-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.HeaderLiveStream {
    background: #fff
}

.matchLi {
    flex: 1;
    height: 32px;
    line-height: 30px;
    padding: 0;
    border-bottom: 2px solid transparent;
    margin: 0
}

.matchLi.active {
    border-color: #000
}

.matchLi svg {
    fill: #000
}

.live-game-table {
}

.live-game-table .w-34 {
    min-width: 34px;
    width: 34px;
    max-width: 34px
}

.live-game-table .w-38 {
    min-width: 38px;
    width: 38px;
    max-width: 38px
}

.live-game-table .w-40 {
    min-width: 40px;
    width: 40px;
    max-width: 40px
}

.live-game-table .w-114 {
    min-width: 114px;
    width: 114px;
    max-width: 114px
}

.live-game-table .w-120 {
    min-width: 120px;
    width: 120px;
    max-width: 120px
}

.live-game-table .w-210 {
    min-width: 210px;
    width: 210px;
    max-width: 210px
}

.live-row {
    flex-basis: 0
}

.live-row.bet {
    border-top: 1px solid #000000
}

.live-row.bet:nth-child(odd) {
        background: #000000 !important;
}

.live-row.bet.actvrow {
    background: #ff4f45
}

.live-row.bet .bet-time {
    font-size: 11px;
    color: #fff;
    text-align: center;
    background: #ff4f45;
}

.live-row.bet .bet-time:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: #212529
}

.live-row.bet.actvrow .bet-time {
    font-weight: 700
}

.live-row.bet .bet-game-all:hover {
    background: rgba(18,111,142,.05)
}

.live-row.bet .bet-game-all .bet-game, .live-row.bet .bet-game-half .bet-game {
    font-size: 11px
}

.live-row.bet .bet-game-all .bet-game span {
    display: inline-block;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.live-row.bet .bet-game-all .bet-game span .img + span {
    flex-grow: 1;
    max-width: 155px
}

.live-row.bet .bet-game-all .bet-game > span:not(.featured), .live-row.bet .bet-game-all .bet-game > a {
    display: flex
}

.live-row.bet .bet-game-all .bet-game > a, .live-row.bet .bet-game-all .bet-game > div {
    padding-left: 6px;
    color: #2e303b;
    font-size: 11px;
    line-height: 20px
}

.live-row.bet .bet-game-all .bet-game > a:hover {
    text-decoration: none
}

.live-row.bet .bet-game-all .bet-game > a .img, .live-row.bet .bet-game-all .bet-game > div .img, .macRow .tdMac span.img {
    min-width: 14px;
    height: 20px;
    margin: 0 5px 0 0;
    display: inline-flex;
    align-items: center
}

.live-row.bet .bet-game-all .bet-game > a .img:after, .live-row.bet .bet-game-all .bet-game > div .img:after, .macRow .tdMac span.img:after {
    content: '';
    flex-grow: 1;
    height: 100%;
    background: url(/img/redesign/team-badge.png) no-repeat center;
    background-size: contain
}

.live-row.bet .bet-game-all .bet-game > a .img strong, .live-row.bet .bet-game-all .bet-game > div .img strong {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12px;
    height: 18px;
    color: #fff;
    font-family: sans-serif;
    background: #d70000;
    background: linear-gradient(180deg,rgba(215,0,0,1) 0%,rgba(140,0,0,1) 100%);
    box-shadow: 0 0 3px 0 rgb(0 0 0/50%)
}

.live-row.bet .bet-game-all .bet-game > a .img img, .live-row.bet .bet-game-all .bet-game > div .img img {
    float: left;
    max-width: 14px;
    max-height: 14px
}

.live-row.bet .bet-game-all .bet-game > a .score {
    width: 30px;
    text-align: center
}

.live-row.bet.actvrow .bet-game-all .bet-game {
    font-weight: 700
}

.live-row.bet .bet-game-half {
    height: 40px
}

.live-row.bet .bet-ratios {
    padding-bottom: 0
}

.live-row.bet .bet-ratios .bet-ratio span {
    width: 32px;
    line-height: 14px;
    font-size: 11px
}

.live-row.bet .bet-ratios .bet-ratio span:not(.clean) {
    background: #ffffff;
    border: 1px solid #ff4f45;
    cursor: pointer;
    color: #000000;
    border-radius: 5px;
}

.live-row.bet .bet-ratios .bet-ratio span:not(.clean):hover {
    color: #ffffff;
    background: #000000;
}

.live-row.bet .bet-ratios .bet-ratio span.actv {
    color: #fff;
        background: #000000 !important;
    border-color: #ff4f45
}

.live-row.bet .bet-ratios .bet-ratio span.actv:hover {
    color: #000
}

.live-row.bet .bet-ratios .bet-ratio span.UP, .live-row.bet .bet-ratios .bet-ratio span.DOWN {
    position: relative
}

@keyframes upDesktop {
    0%,99% {
        border: 2px solid #28a745
    }

    100% {
        border: 1px solid #939191
    }
}

@-webkit-keyframes upDesktop {
    0%,99% {
        border: 2px solid #28a745
    }

    100% {
        border: 1px solid #939191
    }
}

.live-row.bet .bet-ratios .bet-ratio span.UP, .ins-bet-item .value-rate.UP {
    border: 1px solid #4caf50;
    animation-name: upDesktop;
    animation-duration: 7s;
    animation-direction: reverse;
    animation-iteration-count: 1
}

.live-row.bet .bet-ratios .bet-ratio span.UP:before, .live-row.bet .bet-ratios .bet-ratio span.DOWN:before, .ins-bet-item .value-rate.UP:before, .ins-bet-item .value-rate.DOWN:before {
    content: '';
    position: absolute;
    left: 50%;
    width: 7px;
    height: 0;
    border-right: 3.5px solid transparent;
    border-left: 3.5px solid transparent;
    transform: translateX(-50%)
}

@keyframes upDesktopBefore {
    0%,99% {
        border-bottom-color: #28a745
    }

    100% {
        border-bottom-color: transparent
    }
}

@-webkit-keyframes upDesktopBefore {
    0%,99% {
        border-bottom-color: #28a745
    }

    100% {
        border-bottom-color: transparent
    }
}

.live-row.bet .bet-ratios .bet-ratio span.UP:before, .ins-bet-item .value-rate.UP:before {
    top: -5px;
    border-bottom: 3px solid transparent;
    animation-name: upDesktopBefore;
    animation-duration: 7s;
    animation-direction: reverse;
    animation-iteration-count: 1
}

@keyframes downDesktop {
    0%,99% {
        border: 2px solid #dc3545
    }

    100% {
        border: 1px solid #939191
    }
}

@-webkit-keyframes downDesktop {
    0%,99% {
        border: 2px solid #dc3545
    }

    100% {
        border: 1px solid #939191
    }
}

.live-row.bet .bet-ratios .bet-ratio span.DOWN, .ins-bet-item .value-rate.DOWN {
    border: 1px solid #ff4f45;
    animation-name: downDesktop;
    animation-duration: 7s;
    animation-direction: reverse;
    animation-iteration-count: 1
}

@keyframes downDesktopBefore {
    0%,99% {
        border-bottom-color: #dc3545
    }

    100% {
        border-bottom-color: transparent
    }
}

@-webkit-keyframes downDesktopBefore {
    0%,99% {
        border-bottom-color: #dc3545
    }

    100% {
        border-bottom-color: transparent
    }
}

.live-row.bet .bet-ratios .bet-ratio span.DOWN:before, .ins-bet-item .value-rate.DOWN:before {
    bottom: -5px;
    border-bottom: 3px solid transparent;
    animation-name: downDesktopBefore;
    animation-duration: 7s;
    animation-direction: reverse;
    animation-iteration-count: 1
}

.live-row.bet .bet-ratios .bet-ratio strong {
    line-height: 14px;
    font-size: 11px
}

.ins-bet-item .value-rate.UP, .ins-bet-item .value-rate.DOWN {
    line-height: 16px
}

.live-row.bet .bet-further {
    width: 43px;
    border-left: 1px solid #000000
}

.live-row.bet .bet-further a {
    font-size: 11px;
    color: #fff
}

.live-row.bet.actvrow .bet-further a {
    font-weight: 700
}

.live-row.bet .live-row-detail {
    display: none
}

.live-row.country {
    height: 25px;
    line-height: 24px;
    font-size: 11px;
    color: #fff;
    background: #000000
}

.live-row.country .country-flag {
    width: 38px
}

.live-row.country .country-flag img {
    max-width: 19px;
    margin-top: 2px
}

.live-row.country .country-league {
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap
}

.live-row.country .bet-types {
    padding-right: 43px
}

#iframe-resizer {
    height: 0;
    padding-bottom: 270px;
    background: #2b3b4b
}

#sportPageTable #iframe-resizer, #FootballSoon #iframe-resizer, #footballSoon #iframe-resizer, #Highlights #iframe-resizer {
}

#iframe-resizer iframe {
    top: 0;
    left: 0;
    background-color: #000000
}

@media(max-width: 1024px),(max-width:1920px) and (orientation:landscape) {
    #iframe-resizer {
        padding-bottom: calc(110px + 66%);
        overflow: hidden
    }
}

@media(max-width: 576px) {
    #iframe-resizer {
        padding-bottom: calc(139px + 60%);
        overflow: hidden
    }
}

@media(max-width: 1024px),(max-width:1366px) and (orientation:landscape) {
    #mobile-sport-detail .acrdBox {
        display: none
    }

    .insBets .acrTitle {
        background-color: #ff4f45;
        background-size: 11.5px 6px;
        border-bottom: 1px solid #320d53 !important;
        font-size: 16px;
        font-weight: 700;
        height: 40px;
        line-height: 40px;
        padding-left: 25px
    }

    .insBets .acrTitle i {
        line-height: 20px;
        color: #fff
    }

    .insBets .insBetItems {
        border: 0 !important
    }

    .insBets .insBetItems .ins-bet-item {
        padding: 0 10px 5px;
        background: 0 0 !important;
        border: 0 !important
    }

    .insBets .insBetItems .ins-bet-item.bet-block {
        padding-top: 5px;
        border-top: 1px solid #ff4f45 !important;
        border-bottom: 1px solid #ff4f45 !important;
        margin-bottom: 5px
    }

    .insBets .insBetItems .ins-bet-item .title {
        line-height: 16px;
        font-size: 13px;
        color: #fff;
        font-weight: 700;
        display: flex;
        justify-content: center;
        text-align: center;
        padding-right: 2% !important
    }

    .insBets .insBetItems .ins-bet-item.bet-block .title {
        padding-bottom: 5px
    }

    .insBets .insBetItems .ins-bet-item {
        padding-top: 5px
    }

    .insBets .insBetItems .ins-bet-item:not(:last-child) {
        padding-bottom: 5px
    }

    .insBets .insBetItems .ins-bet-item .value-box {
        height: 40px;
        padding-right: 10px;
        padding-left: 10px;
        border: 1px solid #ff4f45;
        border-radius: 5;
        color: #fff
    }

    .insBets .insBetItems .ins-bet-item .value-box .value-name {
        width: auto;
        font-size: 13px;
        font-weight: 700;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-right: 5px
    }

    .insBets .insBetItems .ins-bet-item .value-box .value-rate {
        width: auto;
        font-size: 14px;
        color: inherit;
        background: 0 0;
        border: 0;
        margin: 0
    }

    .insBets .insBetItems .ins-bet-item .value-box .value-rate.oddBtnDisabled {
        position: relative;
        padding-left: 15px
    }

    .insBets .insBetItems .ins-bet-item .value-box .value-rate.oddBtnDisabled:before {
        font-family: "font awesome 5 free";
        font-weight: 900;
        content: "\f023";
        position: absolute;
        left: 0;
        top: 50%;
        opacity: .5;
        transform: translateY(-50%);
        font-size: 12px
    }

    @keyframes mobileUp {
        0%,99% {
            color: #28a745
        }

        100% {
            color: #2e303b
        }
    }

    @-webkit-keyframes mobileUp {
        0%,99% {
            color: #28a745
        }

        100% {
            color: #2e303b
        }
    }

    .insBets .insBetItems .ins-bet-item .value-box.UP .value-name, .insBets .insBetItems .ins-bet-item .value-box.UP .value-rate {
        color: #fff;
        animation-name: mobileUp;
        animation-duration: 7s;
        animation-direction: reverse;
        animation-iteration-count: 1
    }

    @keyframes mobileDown {
        0%,99% {
            color: #dc3545
        }

        100% {
            color: #2e303b
        }
    }

    @-webkit-keyframes mobileDown {
        0%,99% {
            color: #dc3545
        }

        100% {
            color: #2e303b
        }
    }

    .insBets .insBetItems .ins-bet-item .value-box.DOWN .value-name, .insBets .insBetItems .ins-bet-item .value-box.DOWN .value-rate {
        color: #fff;
        animation-name: mobileDown;
        animation-duration: 7s;
        animation-direction: reverse;
        animation-iteration-count: 1
    }

    .insBets .insBetItems .ins-bet-item .value-box.actv .value-name, .insBets .insBetItems .ins-bet-item .value-box.actv .value-rate {
        color: #fff
    }
}

.collapseEvent {
    line-height: 12px
}

.collapseEvent i {
    font-size: 18px;
    color: #ff4f45;
}

.collapseEvent span {
    font-size: 10px;
    font-weight: 400;
    text-transform: capitalize;
    color: #ffffff;
}

body.transparent {
    opacity: 0
}

@media(max-width: 576px) {
    .bonus-title {
        font-size: 16px
    }

    .bonus-text {
        font-size: 13px
    }

    .bonus-content .bttn {
        font-size: 12px
    }

    #register h1 {
        line-height: 24px;
        font-size: 20px
    }

    #register form {
        padding: 10px;
        background: 0 0
    }

    #register form .radioWrap {
        min-width: unset
    }

    #register form .radioWrap input {
        visibility: hidden;
        opacity: 0;
        pointer-events: none
    }

    #register form .radioWrap label {
        background: #eee !important;
        background-color: #e5e5e5 !important;
        border: 1px solid #c3c3c3;
        cursor: pointer;
        float: left;
        margin: 0 5px 0 0;
        min-width: 139px;
        padding: 2px 58px;
        border-radius: 5px
    }

    #register form .radioWrap :checked + label {
        background: #e5e5e5 !important;
        background-color: #ff4f45 !important;
        -webkit-box-shadow: inset 1px 1px 1px 0 rgb(0 0 0/30%);
        -moz-box-shadow: inset 1px 1px 1px 0 rgba(0,0,0,.3);
        box-shadow: inset 1px 1px 1px 0 rgb(0 0 0/30%);
        color: #fff;
        height: auto;
        max-width: none
    }

    .goBahis, .bttn {
        font-weight: 700;
        padding: 8px 10px
    }

    .goBahis.large {
        font-size: 26px;
        padding: 4px 5px
    }

    .bottom-text p {
        font-size: 16px;
        line-height: 20px
    }

    .payment-methods {
        border-top: 1px dashed #666
    }

    .payment-methods a {
        padding-right: 10px;
        margin-bottom: 15px
    }

    .form-error {
        min-height: 54px;
        color: #000;
        padding: 5px 15px;
        font-weight: 700;
        border-bottom: 1px solid #ddd
    }

    .form-error:not(.d-none) {
        display: flex
    }

    .form-error > span {
        padding-left: 7px
    }

    #RememberMe {
        float: right;
        width: auto;
        height: auto;
        appearance: auto;
        margin-top: 3px;
        margin-right: 10px
    }

    #contact-form label + .col-sm-10 > label {
        display: none !important
    }

    ._title-payment {
        font-size: 1.5em;
        color: #06f;
        font-weight: 700
    }

    .mobile-payment-method {
        position: relative;
        font-size: 16px
    }

    .mobile-payment-method li {
        list-style: circle
    }

    .mobile-payment-method .bttn {
        line-height: 38px;
        font-size: 16px;
        padding: 4px 43px
    }

    .mobile-payment-method .bttn img {
        top: 14px
    }

    .mobile-payment-method:not(:last-child):after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 5%;
        width: 90%;
        height: 1px;
        background: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0))
    }

    #bakiye-inputs {
        border-bottom: 1px solid #ff4f45
    }

    #bakiye-inputs label {
        position: relative;
        margin: 5px
    }

    #bakiye-inputs label input {
        position: absolute;
        top: 0;
        left: 0;
        visibility: hidden;
        opacity: 0;
        pointer-events: none
    }

    #bakiye-inputs label input + span {
        width: 110px;
        height: 34px;
        font-size: 16px;
        color: #fff;
        background-color: #ff4f45;
        border: 1px solid #ff4f45
    }

    #bakiye-inputs label input:checked + span {
        color: #fff;
        background-color: #000000;
        border: 1px solid #ff4f45
    }

    #bakiye-payment-methods label {
        position: relative;
        border: 1px solid #ff4f45;
        /* background-color: #381258; */
        padding: 10px;
        border-radius: 10px;
        width: 100%;
        max-width: 32%;
        margin: 2.4px;
    }

    #bakiye-payment-methods label input {
        position: absolute;
        top: 0;
        left: 0;
        visibility: hidden;
        opacity: 0;
        pointer-events: none
    }

    #bakiye-payment-methods label input:checked + span {
        background-color: #013b55
    }

    #payment-confirm i {
        font-size: 60px;
        color: #60b704
    }

    #payment-confirm-button {
        padding: 4px 5px
    }
}

#loader {
    top: 0;
    left: 0;
    display: flex;
    background: #000000;
    z-index: 999999999
}

.loader-dots {
    width: 90px;
    height: 14px;
    margin: 0 auto;
    text-align: center;
    line-height: 0
}

.loader-dots span {
    position: absolute;
    width: 14px;
    height: 14px;
    background: #ff4f45
}

.loader-dots span:nth-child(1) {
    left: 10px;
    animation: loader-dots1 .6s infinite
}

.loader-dots span:nth-child(2) {
    left: 10px;
    animation: loader-dots2 .6s infinite
}

.loader-dots span:nth-child(3) {
    left: 30px;
    animation: loader-dots2 .6s infinite
}

.loader-dots span:nth-child(4) {
    left: 50px;
    animation: loader-dots2 .6s infinite
}

.loader-dots span:nth-child(5) {
    left: 70px;
    animation: loader-dots3 .6s infinite
}

@keyframes loader-dots1 {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes loader-dots3 {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0)
    }
}

@keyframes loader-dots2 {
    0% {
        transform: translate(0,0)
    }

    100% {
        transform: translate(20px,0)
    }
}

@media(max-width: 1024px) {
    .back-button {
        top: 0;
        left: 0;
        width: 43px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        color: #fff
    }

    .header-right-buttons {
        top: 0;
        right: 0;
        height: 100%
    }

    .live-button {
        width: 43px
    }

    .live-button img {
        filter: brightness(25);
        width: 23px
    }

    .account-button, .account-button u, .account-button:hover, .account-button:hover u {
        color: #fff;
        text-decoration: none
    }

    .account-button {
        font-size: 10px;
        padding-right: 10px
    }

    .account-button img {
        width: 16px;
        height: 16px
    }
}

#statistics {
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    background: #000000
}

#statistics img {
    width: auto;
    height: 16px
}

#statistic-preview {
    height: 30px
}

#statistic-preview > span + span {
    padding-left: 10px
}

#statistic-preview > span img {
    margin-left: 3px
}

#statistic-list:not(.d-none) {
    display: flex
}

.statistic {
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px
}

.statistic .min {
    width: 30px
}

.statistic .team-owner {
    width: calc(50% - 60px);
    padding-right: 10px;
    padding-left: 10px
}

.statistic .general-info {
    width: 50px;
    min-height: 25px;
    padding: 2px 4px;
    background: #232323
}

.statistic .team-visitor {
    width: calc(50% - 30px);
    padding-right: 40px;
    padding-left: 10px
}

#statistic-toggle i {
    font-size: 14px
}

#statistic-list:not(.d-none) + #statistic-toggle i {
    transform: rotate(180deg)
}

.coupon-created-message {
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    z-index: 999
}

.coupon-created-message .message-inner {
    width: 200px;
    font-size: 16px;
    font-weight: 600;
    padding: 20px;
    background: #fff
}

.casino-container .owl-dots .owl-dot {
    outline: none;
    background: 0 0;
    border: 0
}

.casino-container .owl-dots .owl-dot:hover span, .casino-container .owl-dots .owl-dot.active span {
    background: #ff4f45
}

.casino-categories {
    display: flex;
    align-items: center;
    background: #f7f7f7;
    box-shadow: 0 0 5px 0 rgb(0 0 0/30%);
    overflow: auto
}

.casino-categories::-webkit-scrollbar {
    width: 3px;
    height: 3px
}

.casino-categories::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0,0,0,.1)
}

.casino-categories::-webkit-scrollbar-thumb {
    background-color: darkgrey
}

.casino-categories a {
    display: inline-block;
    fill: #2b3b4b;
    -webkit-tap-highlight-color: transparent;
    padding: 0 25px;
    font-size: 14px;
    line-height: 40px;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    color: #4e4e4e;
    fill: #2b3b4b;
    border: 3px solid transparent;
    transition: all .35s;
    white-space: nowrap
}

.casino-categories a:hover {
    background: #fff;
    border-bottom-color: #26292e;
    color: #26292e;
    fill: #26292e
}

@media(min-width: 768px) {
    .caroBox .h6 {
    padding-top: 10px;
    }

    .caroBox .h6 img {
        max-height: 40px;
        filter: drop-shadow(1px 1px 1px black)
    }
}

@media(max-width: 767px) {
    .caroBox .h6 {
        font-size: 16px;
        color: #fff;
        font-weight: 500;
        margin-bottom: 5px
    }

    .caroBox .h6 img {
        max-height: 30px;
        filter: drop-shadow(1px 1px 1px black)
    }

    .caroBox .h6 a {
        margin-right: 10px
    }
}

.casino-items:not(.owl-carousel) {
    display: flex;
    flex-wrap: wrap;
}

.casino-items:not(.owl-carousel) .casino-item {
    width: 100%;
    /* max-width: 20%; */
    /* padding-right: 2%; */
    /* padding-left: 2%; */
}

@media screen and (min-width: 900px) {
    .casino-item {
        margin-bottom: 15px
    }
}

@media screen and (max-width: 1167px) {
    .casino-item {
        margin-bottom: 15px
    }
}

.casino-item {
    margin-bottom: 15px;
}

.casino-item a {
    text-decoration: none;
    background: #fff0;
    box-shadow: inset 0 0 0 1px transparent;
    transition: all .35s;
}

.casino-item a:hover {
    box-shadow: inset 0 0 0 1px #f70b2c00
}

.casino-item a .provider-name {
    padding: .2rem .4rem;
    top: .6rem;
    left: .6rem;
    background: #f0f0f0;
    color: #4e4e4e;
    font-size: .8rem;
    line-height: 1.5rem;
    opacity: 1;
    font-weight: 600;
    transition: opacity .3s ease-in;
    border-radius: 10px;
    z-index: 3
}

.casino-item a .img-container {
    height: 0
}

@media(min-width: 768px) {
    .casino-item a .img-container {
        padding-bottom: 70%;
    }

    .casino-item a .game-name {
        padding: .2rem .4rem;
        background: #000000;
        color: #fff;
        font-size: 1.1rem;
        line-height: 1.9rem;
        opacity: 1;
        font-weight: 600;
        text-transform: capitalize;
        transition: all .35s;
        border-radius: 0 0 10px 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .casino-item a:hover .game-name {
        background: #ff4f45
    }
}

@media(max-width: 767px) {
    .casino-item a .img-container {
        padding-bottom: 70%;
        border-radius: 10px;
        box-shadow: 0 0 10px #2c394fcc;
        overflow: hidden;
    }

    .casino-item a .game-name {
        font-weight: 400;
        font-style: normal;
        color: #fff;
        text-align: center;
        margin-top: 15px;
        font-size: 14px;
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.casinoBox .caroBox {
    overflow: hidden
}

.casinoBox .casino-items.owl-carousel {
    width: 100%
}

@media(max-width: 768px) {
    .casino-items:not(.owl-carousel) {
        display: flex;
        flex-wrap: wrap
    }

    .casino-items:not(.owl-carousel) .casino-item {
        width: 100%;
        max-width: 50%;
        padding-right: 2%;
        padding-left: 2%;
    }
}

.betButtons {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 10px;
    padding-top: 10px
}

.betButtons .bttn {
    width: 250px;
    font-weight: 600
}

.betButtons .bttn.reuse {
    color: #ff4f45;
    border-color: #ff4f45
}

.betButtons .bttn.question {
    color: #000;
    border-color: #000
}

.betButtons .bttn.question img {
    filter: grayscale(1) brightness(0)
}

.sport-icon {
    background-image: url(/assets/img/sports.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 1150px 21px;
    transform: scale(.5);
    width: 21px;
    height: 21px;
    display: flex;
    margin: 5px
}

.sport-icon.athletics {
    background-position: 0 0
}

.sport-icon.aussie-rules {
    background-position: -21px 0
}

.sport-icon.australian-football {
    background-position: -42px 0
}

.sport-icon.badminton {
    background-position: -63px 0
}

.sport-icon.bandy {
    background-position: -84px 0
}

.sport-icon.baseball {
    background-position: -105px 0
}

.sport-icon.basketball {
    background-position: -126px 0
}

.sport-icon.beach-soccer {
    background-position: -147px 0
}

.sport-icon.beach-volleyball {
    background-position: -168px 0
}

.sport-icon.blank {
    background-position: -189px 0
}

.sport-icon.boxing {
    background-position: -210px 0
}

.sport-icon.checkmark {
    background-position: -231px 0
}

.sport-icon.competition {
    background-position: -252px 0
}

.sport-icon.competition-soccer {
    background-position: -273px 0
}

.sport-icon.cricket {
    background-position: -294px 0
}

.sport-icon.curling {
    background-position: -315px 0
}

.sport-icon.cycling {
    background-position: -336px 0
}

.sport-icon.darts {
    background-position: -357px 0
}

.sport-icon.darts-bdo {
    background-position: -378px 0
}

.sport-icon.esports {
    background-position: -399px 0
}

.sport-icon.favorites {
    background-position: -420px 0
}

.sport-icon.field-hockey {
    background-position: -441px 0
}

.sport-icon.floorball {
    background-position: -462px 0
}

.sport-icon.football {
    background-position: -483px 0
}

.sport-icon.futsal {
    background-position: -504px 0
}

.sport-icon.golf {
    background-position: -525px 0
}

.sport-icon.group-soccer {
    background-position: -546px 0
}

.sport-icon.handball {
    background-position: -567px 0
}

.sport-icon.highlights {
    background-position: -588px 0
}

.sport-icon.ice-hockey {
    background-position: -609px 0
}

.sport-icon.indoor-soccer {
    background-position: -630px 0
}

.sport-icon.lastminute {
    background-position: -651px 0
}

.sport-icon.live {
    background-position: -672px 0
}

.sport-icon.long-term-bets {
    background-position: -693px 0
}

.sport-icon.motor-sports {
    background-position: -714px 0
}

.sport-icon.olympia {
    background-position: -735px 0
}

.sport-icon.other {
    background-position: -756px 0
}

.sport-icon.pesaepallo {
    background-position: -777px 0
}

.sport-icon.pesapallo {
    background-position: -798px 0
}

.sport-icon.rugby {
    background-position: -819px 0
}

.sport-icon.selected {
    background-position: -840px 0
}

.sport-icon.snooker {
    background-position: -861px 0
}

.sport-icon.soccer {
    background-position: -882px 0
}

.sport-icon.sumo {
    background-position: -903px 0
}

.sport-icon.table-tennis {
    background-position: -924px 0
}

.sport-icon.tennis {
    background-position: -945px 0
}

.sport-icon.today {
    background-position: -966px 0
}

.sport-icon.tv-show {
    background-position: -987px 0
}

.sport-icon.upcoming {
    background-position: -1008px 0
}

.sport-icon.virtualsports {
    background-position: -1029px 0;
    height: 20px;
    width: 20px
}

.sport-icon.volleyball {
    background-position: -1049px 0
}

.sport-icon.waterball {
    background-position: -1070px 0
}

.sport-icon.winter-sports {
    background-position: -1091px 0
}

#search-suggestion {
    top: 100%;
    left: 0;
    background: #fff;
    border-bottom: 1px solid #ff4f45;
    box-shadow: 0 5px 5px 0 rgba(0,0,0,.2);
    z-index: 9
}

#suggestions {
    border-bottom: 1px solid #ddd
}

.fav-aviator__box {
    height: auto;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px
}

.fav-aviator__box--two {
    display: flex;
    justify-content: space-around;
    z-index: 1
}

.fav-aviator__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
    padding: 15px 81px 0 111px;
    height: 100%;
    box-sizing: border-box
}

.fav-aviator__wrapper {
    flex-direction: column;
    align-items: center;
    padding: 13px 9px 10px;
    background-color: #fff
}

.fav-aviator__wrapper img {
    max-width: 100%;
    height: auto
}

.fav-aviator__intro {
    order: 2;
    margin-top: -1px
}

.fav-aviator__logo {
    width: 145px;
    margin: auto
}

.fav-aviator__logo img {
    max-width: 100%;
    height: auto
}

.fav-aviator__subtitle {
    color: #000;
    font-size: 14px;
    margin-top: 5px;
    text-align: center
}

.fav-aviator__center {
    position: relative;
    z-index: 8;
    height: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    order: 3;
    margin-left: 0;
    margin-top: 24px
}

.fav-aviator__btn {
    background-color: #ff4f45 !important;
    text-transform: uppercase !important;
    color: #fff !important;
    font-size: 18px !important;
    text-decoration: none !important;
    border-radius: 2px !important;
    padding: 15px 56px 14px !important;
    display: inline-block !important;
    margin-top: -15px !important;
    font-size: 14px !important;
    padding: 12px 60px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    z-index: 0
}

.fav-aviator__plane {
    order: 1;
    margin: 0;
    width: 118px
}

.fav-aviator__plane img {
    width: 100%
}

.flyClouds {
    -webkit-animation-name: fly;
    animation-name: fly;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: .7
}

.fav-aviator__cloudFirst {
    top: 0;
    left: -10%;
    width: 345px
}

@-webkit-keyframes fly {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(-150px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes fly {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(-150px)
    }

    100% {
        transform: translateX(0)
    }
}

.fav-aviator__cloudSecond {
    width: 140px;
    top: 0;
    left: 25%
}

.fav-aviator__cloudThird {
    top: 0;
    width: 345px;
    right: 100px
}

.fav-aviator__cloudForth {
    width: 135px;
    right: 0;
    bottom: 37%
}

.absolutePos {
    position: absolute
}

body.twocol {
    overflow: hidden
}

body.twocol #vsmLandscapeMode {
    display: none !important
}

.homeCasinox ._title {
    color: #fff;
    font-family: Muli,sans-serif;
    padding-top: 2px;
    padding-left: 2px;
    padding: 5px 15px;
    background: #f3f4f5;
    border-bottom: 1px solid #ff4f45;
    font-size: 16px
}

.homeCasinox a {
    display: block;
    color: #97383800;
    /* padding: 7px; */
    font-size: 15px;
    position: relative;
    text-decoration: none !important
}

.mobProvider {
    position: absolute;
    left: 0;
    background: #000000 !important;
}

.mobProvider button {
    padding: 0;
    min-height: 0;
    width: 34px;
    height: 30px;
    border: 0;
    background: 0 0;
    margin: 6px;
    line-height: 1;
    font-size: 9px
}

.mobProvider .btn {
    width: 24px;
    line-height: 30px;
    height: 24px;
    font-size: 11px;
    padding: 0;
    border-radius: 50%
}

.mobProvider .btn span {
    display: block
}

.casinoBox .mobProvider button span, .casinoGameDetail .mobProvider button span {
    display: none
}

.casinoBox .mobProvider button, .casinoGameDetail .mobProvider button {
    outline: none !important
}

.casinoBox .mobProvider button i, .casinoGameDetail .mobProvider button i {
    background: 0 0;
    font-size: 20px;
    border: 0
}

.casinoBox .mobProvider button i:before, .casinoGameDetail .mobProvider button i:before {
    color: #fff
}

@media(max-width: 768px) .casinoBox .mobFilterPanel,.casinoGameDetail .mobFilterPanel {
    border-top: 0;
    border-bottom: 0; width: auto; margin-left: -15px; margin-right: -15px; }

.mobFilterPanel {
    position: relative;
    padding-left: 50px;
    border-bottom: 2px solid #ff4f45 !important;
    z-index: 4;
    background: #000000;
}

.overflow-hidden {
    overflow: hidden !important;
}

@media (min-width: 992px) .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%; max-width: 16.666667%; }

span.position-absolute.w-100.h-100.d-flex.align-items-center.justify-content-center.overflow-hidden.img-flexer {
    border-radius: 10px 10px 0 0;
}

#horizontalCategories .category-item {
    height: 32px !important;
    border-bottom: 0;
}

form#mobile-search {
    z-index: 9;
}

#pageNotFound .warning_1 {
    background-color: #000000;
    border: 1px solid #ff4f45;
    margin-left: 2.5%;
    margin-top: 10px;
    padding-top: 10px;
    width: 95%;
    margin-bottom: 10px;
}

#pageNotFound .wrap {
    position: relative;
}

#pageNotFound .wrap .oops {
    background: url(/img/404-oops-209D69EF44C5179D75D88FC43FD91B8P.png) 0 100% no-repeat;
    background-size: 94px;
    bottom: 0;
    height: 144px;
    left: 2%;
    position: absolute;
    width: 99px;
}

#pageNotFound .macro {
    color: #ff4f45;
    margin-left: 80px;
    padding: 11px 30px;
}

#pageNotFound h1 {
    font-size: 16px;
    font-weight: bold;
}

.bar, .barbottom, .barmiddle, .bartitle, .bartop {
    display: table;
}

.bartitle {
    background-color: #000000 !important;
    border-top: 1px solid #ff4f45;
}

.bar, .barbottom, .barbottomleft, .barbottomright, .barfinish, .barmiddle, .barmiddleleft, .barmiddleright, .bartitle, .bartop, .edtitle, .navdown, .navitem, .navup {
    background-color: #000000;
    box-sizing: border-box;
    overflow: hidden;
    padding-left: 2.5%;
    padding-right: 2.5%;
    width: 100%;
}

.bartitle .text {
    padding-top: 2px;
}

.bartitle .text, .bartitle .value {
    height: 32px;
    padding-left: 2px;
}

.bartitle .text {
    font-weight: 700;
    text-transform: uppercase;
}

.bar .cell, .barbottom .text, .barbottomleft .text, .barbottomright .text, .barmiddle .text, .barmiddleleft .text, .barmiddleright .text, .bartitle .text, .bartop .text {
    background-image: none;
    font-weight: 500;
    after,.barmiddle.arrow: after,.iconbar.arrow:after,.navitem.arrow:after {
        background: url(../img/arrow-slim-DF9B9228C0545CCC89207F310429B05A.png) 0 no-repeat transparent;
        background-size: 8.5px 15px;
        content: "";
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 20px
    }

    ; }

.cell, .icon, .label, .text, .value {
    display: table-cell;
    vertical-align: middle;
}

.cell, .label, .text, .value {
    height: 44px;
}

.accountEntry, .barbottom.arrow, .barmiddle.arrow, .iconbar, .imagebar, .navitem.arrow {
    background-image: none;
    padding-right: 20px;
    position: relative;
}

.barbottom, .barbottom .event.selected {
    border-top: 1px solid #ff4f45;
}

.bar, .barbottom, .barmiddle, .bartitle, .bartop {
    display: table;
}

.barbottom.arrow:after, .barmiddle.arrow:after, .iconbar.arrow:after, .navitem.arrow:after {
    background: url(/img/arrow-slim-DF9B9228C0545CCC89207F310429B05P.png) 0 no-repeat transparent;
    background-size: 8.5px 15px;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}

#pageNotFound .barmiddle .text {
    padding-top: 5px;
}

.fullscreen-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background-color: rgba(0,0,0,0.7);
}

.modal-content {
    width: 100%;
    height: calc(100% - 0px);
}

span#pageName {
    color: #fff;
}

#fullscreenModal div {
    display: flex;
    justify-content: space-between;
    align-items: center;
        background: #000000 !important;
    height: 30px;
}

#fullscreenModal span {
    color: white;
    padding-left: 10px;
}

#fullscreenModal button {
    top: 0;
    left: 0;
    width: 43px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #ffffff;
    background-color: #ff4f45;
    border: 0;
}

@media (max-width: 991px) .banner-text .button-store .custom-btn {
    padding: 10px;
    min-width: 150px; }

.button-store .custom-btn.auto-width {
    min-width: auto;
}

.button-store .custom-btn {
    padding: 10px 25px;
    border: 2px solid #2b3b4b;
    font-weight: 500;
    border-radius: 3px;
    text-decoration: none;
}

.button-store .custom-btn {
    min-width: 180px;
}

.custom-btn, .price-table.plan-popular, .service-single.service-style-2:hover, .testimonial-carousel .carousel-images .slick-center img, .clients-slider .owl-dots .owl-dot span, .screenshot-slider .owl-dots .owl-dot span, .progress-heading .progress-value > span:before {
    border-color: #46cad7;
}

.button-store .custom-btn i {
    font-size: 27px;
    margin-right: 10px;
    color: #2b3b4b;
    transition: all 0.3s;
}

.fab, .far {
    font-weight: 400;
}

.fa, .fab, .fad, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.button-store .custom-btn p {
    font-size: 12px;
    margin: 0;
    line-height: 1.4;
    color: #2b3b4b;
    font-weight: 500;
    transition: all 0.3s;
    text-decoration: none;
}

.button-store .custom-btn p span {
    display: block;
    font-size: 13px;
    color: #2b3b4b;
    font-weight: 700;
    transition: all 0.3s;
    text-decoration: none;
    text-wrap: nowrap;
}

a, h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover, .custom-btn, .play-btn:hover > i, .button-store .custom-btn:hover i, .button-store .custom-btn:hover p, .button-store .custom-btn:hover p span, .feature-box .box-icon .icon, .feature-box:hover .box-text > h4, .service-single:hover .icon, .service-single.service-style-2 .icon, .service-single.service-style-2:hover .icon, .service-single.service-style-2:hover h5, .overview-box:hover .icon, .overview-list .fa-li, .pricing-item .pricing-head .price, .pricing-item .pricing-head .price .dollar-sign, .fixed-menu .nav-menu li a.active, .nav-menu li.dropdown .submenu li a.active-submenu, .op-mobile-menu .nav-menu li a:hover, .page-header .page-header-content .breadcrumb li a:hover, .testimonial-carousel .carousel-text .single-box i, #accordion .accordion-header a:not(.collapsed), #accordion .accordion-header a:hover, .blog-home .blog-col:hover .blog-text h4 > a, .price-table .icon, .price-table:hover .plan-type, .contact-info .icon, .contact-form-result > h4, footer a:hover, .footer-social a:hover > i, .blog-post .image-slider .arrows .arrow:hover, .post-counters li > a:hover, .share-btn:hover > p, .share-btn li:hover > a, .nav-links a:hover, .sidebar .search-form button:hover, .sidebar .search-form button:focus, .sidebar ul.menu li a:hover, .sidebar ul.menu li a:focus, .sidebar ul.links li a:hover, .sidebar ul.links li a:focus, .author-social a:hover, .icon.colored i {
    color: #ff4f45;
    text-decoration: none;
}

.m-2 {
    margin: 0.5rem !important;
}

.align-items-center {
    align-items: center !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

.button-store.wow.fadeInUp {
    display: flex;
    justify-content: space-around;
}

.banner-text {
    text-align: center;
}

*, *::before, *::after {
    box-sizing: border-box;
}

@media only screen and (max-width: 767px) .banner-text h1 {
    font-size: 36px;
}

.banner-text h1 {
    font-size: 27px;
    color: #2b3b4b;
    margin-bottom: 30px;
    font-weight: 700;
    line-height: 1.2;
}

.banner-text p {
    font-size: 18px;
    color: #2b3b4b;
    margin-bottom: 15px;
}

p {
    color: #ffffff;
    padding-bottom: 9px;
}

.banner_section .banner_text h1 span {
    color: #3f67f3;
    color: var(--primery);
}

@media (max-width: 991px) .banner-image-center {
    max-width: 100%;
}

.banner-image-center {
    position: relative;
    z-index: 1;
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
}

.highlighted {
    color: #ff4f45;
}

#main.right #error.p404 .marginal {
    margin-left: 0;
}

#main.right #error .marginal {
    width: 565px;
    margin: 0 auto 10px;
}

#main.right .marginal {
    width: 563px;
}

#error .warning_1 {
    min-height: 100px;
    background: url(/img/404-oops-209D69EF44C5179D75D88FC43FD91B8B.png) #000000 50px 10px no-repeat;
}

#error .warning_1 {
    border: 1px solid #ff4f45;
}

.warning_1 {
    min-height: 98px;
    border: 1px solid #ff4f45;
    margin-bottom: 10px;
}

#error .macro {
    padding-left: 40px;
    padding-top: 37px;
    margin-left: 134px;
}

.marginal .macro {
    color: #ff4f45;
    font-weight: bold;
}

.warning_1 .macro, .warning_2 .macro, .warning_3 .macro {
    padding-top: 35px;
    padding-bottom: 11px;
    margin-left: 78px;
}

.macro {
    font-size: 12px;
    line-height: 16px;
    padding-left: 12px;
    padding-right: 12px;
}

.marginal .macro h1 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 5px;
}

#main.right #error.p404 table, #main.right #error.p404 #_teaser_teaser {
    margin-left: 0;
}

#main.right #error table {
    width: 565px;
    margin: 0 5px;
}

table {
    font-size: 11px;
    line-height: 14px;
    border: 0;
    text-align: left;
    border-collapse: collapse;
}

tr, td, th {
    border: 0;
}

html, body, p, a, span, h1, h2, h3, ul, li, img, form, input, button, hr, table, tr, td, th, #container, dl, dt {
    padding: 0;
    margin: 0;
}

#error td.top {
    width: 180px;
    font-size: 12px;
    border-bottom: 0;
    background: #FFFFFF;
    border: 1px solid #999999;
    padding: 0;
    vertical-align: top;
}

#error td.top h2 {
    margin: 10px 0 0 0;
    padding-left: 8px;
    padding-bottom: 6px;
    color: #ff4f45;
    font-weight: bold;
    border-bottom: 3px solid #ff4f45;
}

.fs_16 {
    font-size: 15px;
}

#error td.top .hr {
    display: none;
}

#main.right .hr {
    display: none;
}

#error td.top div {
    padding: 10px 11px 0 12px;
    min-height: 105px;
    background: #F2F2F2;
    border-top: none;
}

.line_grey {
    background: white;
}

.h_17 {
    height: 17px;
    background-position: center;
}

#error td.top div {
    padding: 10px 11px 0 12px;
    min-height: 105px;
    background: #000000;
    border-top: none;
}

#error a {
    text-decoration: underline;
    color: #ff4f45;
}

#error td.top + td {
    width: 18px !important;
}

#error td.top {
    width: 180px;
    font-size: 12px;
    border-bottom: 0;
    background: #000000;
    border: 1px solid #ff4f45;
    padding: 0;
    vertical-align: top;
}

#error td.bot {
    border-top: 0;
    padding: 12px;
    background: #000000;
    border: 1px solid #ff4f45;
    border-top: none;
}

#error .button_155 {
    width: auto;
        background: #000000 !important;
    border: 1px solid #ff4f45;
}

.button_155 {
    width: 155px;
    height: 24px;
    cursor: pointer;
    background: url(/img/button_155-B2A5ACEBD513F83384367629DE2D66AC.gif) no-repeat;
    padding-bottom: 2px;
}

#error .button_155 a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

.button_190 img, .button_180 img, .button_155 img {
    display: none;
}

.button a, .button_on div, .drop_down a, .button_180, .button_190 a, .button_155 a, .button_160 a {
    font-size: 14px;
    line-height: 23px;
    text-decoration: none;
    display: block;
    color: white;
    text-align: center;
}

.button_190 img, .button_180 img, .button_155 img {
    display: none;
}

table.main_space {
    margin-bottom: 10px;
}

.BhgApp h1 {
    font-weight: bold;
    color: #2e303b;
    font-size: 22px;
    font-family: 'Muli Black',arial,sans-serif;
    margin: 10px;
}

.BhgApp p {
    color: #2e303b;
    font-size: 16px;
    font-family: 'Muli',arial,sans-serif;
    margin: 0;
}

.BhgApp h2 {
    font-weight: bold;
    color: #2e303b;
    font-size: 22px;
    font-family: 'Muli Black',arial,sans-serif;
    margin: 10px;
}

.BhgApp .qrcode img {
    margin: 15px auto 0;
    text-align: center;
    width: 130px;
    height: 130px;
    object-fit: contain;
    border: 10px solid #2b3b4b;
    border-radius: 10px;
}

.BhgApp img.hero-img {
    width: 100% !important;
    max-height: 500px;
    height: 100%;
    object-fit: cover;
    margin: 0 auto;
}

#live-streams {
    height: 30px;
    background-color: #ff4f45
}

@media (max-width: 991px) .mobile-categories.active {
    transform: translateX(0);
}

@media (max-width: 991px) .mobile-categories {
    top: 0;
    right: 0; width: 100%; height: 100%; overflow: auto; z-index: 999; transform: translateX(100%); transition: all .35s; background-image: -webkit-linear-gradient(1deg,#000000 0,rgb(0 0 0) 100%); }

.category-title {
    display: block;
    box-sizing: border-box;
    padding: 0.75em;
    min-height: 55px;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #ff4f45;
    outline: none;
    font-size: 1.3em;
    font-weight: 600;
    color: #fff;
    letter-spacing: 1px;
    background-image: -webkit-linear-gradient(178deg, #000000 0, #000000 100%);
}

.category-search {
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    margin: 0;
    border-bottom: 1px solid #ff4f45;
    background-color: #000000;
    outline: none;
}

.category-search input {
    padding: 1.25em;
    width: 100%;
    background: 0 0;
    height: 44px;
    font-size: 13px;
    font-weight: 300;
    color: #fff;
    border: 0;
    outline: none !important;
    letter-spacing: 1px;
}

section {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.category-list2 {
    display: -webkit-flex !important;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap;
    background: #000000;
    padding: 0.25em;
    flex-wrap: wrap;
}

.category-item2 {
    color: rgb(255 255 255);
    background: #1a1a1a;
    border-radius: 4px;
    margin-bottom: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-inline-start: 10px; padding-inline-end: 100px; text-transform: uppercase;
    position: relative;
    font-size: 14px;
    width: 100%;
}

.casino-providers-list-item {
    color: rgb(255 255 255);
    border-radius: 4px;
    margin-bottom: 5px !important;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-inline-start: 10px;
    text-transform: uppercase;
    position: relative;
    font-size: 14px;
    width: calc(48.2% - 0.0em);
    margin: 3px;
    text-align-last: center;
    background-size: cover;
    background-position: center;
    background: #ff4f45;
}

@media(min-width: 992px) {
    .category-list-container {
        max-height: calc(100% - 100px);
        overflow-y: auto;
        overflow-x: hidden
    }

    .category-list-container::-webkit-scrollbar {
        width: 4px;
        background: #2e303b
    }

    .category-list-container::-webkit-scrollbar-track {
        display: none
    }

    .category-list-container::-webkit-scrollbar-thumb {
        background-color: #616471;
        outline: none
    }
}

#category-search::placeholder {
    color: #fff
}

img#player_logo_image {
    width: 350px
}

.casino-providers-list-item::before {
    content: "";
    background: rgb(0 0 0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    color: #fff;
    border: 1px solid #ff4f45;
    border-radius: 4px
}

.provider-name {
    position: relative;
    z-index: 2;
    left: 50%;
    right: 50%;
}

.btn--shimmer {
    animation: shimmer 1.6s linear infinite;
    background-image: linear-gradient(-70deg,rgba(255,255,255,0) 46%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.8) 52%,rgba(255,255,255,0) 56% );
    background-size: 400% 100%
}

@keyframes shimmer {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

.hdr-main-content-bc {
    height: 100%;
    padding-inline-start: 7px; padding-inline-end: 15px; background: var(--header);
    border-bottom: 1px solid rgba(var(--header-sc-rgb),.05)
}

.hdr-main-content-bc {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2
}

.hm-row-bc:not(:first-child) {
    /* margin-top: 10px; */
}

.hm-row-bc {
    display: grid;
    grid-gap: 10px;
    gap: 10px
}

@media screen and (max-width: 1366px) .casino-info-block {
    min-width: 248px;
}

.casino-info-block {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: rgb(206 206 206 / 40%);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border: 1px solid rgb(206 206 206);
    border-radius: 4px;
}

.casino-info-block .main-tabs-bc {
    height: 44px;
    background: none;
    box-shadow: inset 0 -1px 0 0 rgb(206 206 206);
}

.main-tabs-bc {
    height: 36px;
    background: rgb(0 0 0);
}

.main-tabs-bc, .second-tabs-bc {
    display: flex;
    width: 100%;
    flex-shrink: 0;
}

.casino-info-block .main-tabs-bc .tab-bc:not(.active) {
    color: rgb(19 171 78);
}

.casino-info-block .main-tabs-bc .tab-bc {
    text-transform: uppercase;
    transition: color .24s,background .24s;
}

.main-tabs-bc .tab-bc {
    font-size: 14px;
}

.tab-bc {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0 5px;
    color: rgb(255 255 255);
    text-align: center;
    cursor: pointer;
    transition: all .24s;
}

.selected-underline {
    position: relative;
}

.casino-info-content {
    padding: 15px;
    max-height: 410px;
    will-change: scroll-position;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

ol, ul {
    list-style: none;
}

.product-banner-container-bc.col-4 {
    grid-template-columns: repeat(4,1fr) !important;
}

.product-banner-container-bc {
    display: grid;
    grid-gap: 10px;
}

.product-banner-container-bc {
    padding: 10px 5px;
    /* background: rgb(12 12 31 / 50%) !important; */
}

.mainPageTabs .mpItem {
    text-align: center;
    padding: 5px !important;
}

.mainPageTabs2 .mpItem2 a.smTabs2 {
    border-radius: 6px;
    font-size: 10px;
    display: block;
    -webkit-box-shadow: inset 0 -3px 0 0 #e5e5e5;
    box-shadow: inset 0 -3px 0 0 #ff4f45;
    padding: 10px 3px;
    background-image: -webkit-linear-gradient(90deg,#f70b2c 0,rgb(52 12 84) 100%);
}

.mainPageTabs2 .mpItem2 a.smTabs2 img {
    width: 30px;
}

.mainPageTabs2 .mpItem2 a.smTabs2 span.mp1 {
    margin-top: 5px;
    font-weight: bold;
}

.mainPageTabs2 .mpItem2 a.smTabs2 span {
    line-height: 1.6;
    display: block;
    color: #fff;
}

.mainPageTabs2 .mpItem2 {
    text-align: center;
    padding: 5px !important;
}

.text.footerHeadline {
    box-sizing: border-box;
    color: #2b3b4b;
    display: inline-block;
    height: 40px;
    padding-left: 7px;
    padding-top: 15px;
    text-decoration: underline;
    width: 49%;
}

.text.footerText {
    box-sizing: border-box;
    color: #2b3b4b;
    display: inline-block;
    height: 40px;
    padding-left: 7px;
    padding-top: 8px;
    width: 49%;
    text-align-last: left;
}

.barmiddle {
    border-top: 1px solid #ff4f45;
}

.contentbottom {
    position: relative;
    background-image: -webkit-linear-gradient(90deg,#e5e5e5 0,rgb(229 229 229) 100%);
}

.contentbottom .text {
    font-weight: 700;
    padding: 10px 5px 1px 20px;
    font-size: small;
}

.lastLogin {
    text-align-last: center;
}

#BHGstyleFooter .licenseLogo {
    display: none !important;
}

#BHGstyleFooter .align-center {
    text-align: center;
}

#BHGstyleFooter .md-size {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
}

#BHGstyleFooter .font, #BHGstyleFooter p {
    font-family: 'Muli',arial,sans-serif !important;
    font-size: 12px;
    color: #8e8e8e !important;
    text-align: center;
}

#BHGstyleFooter .border-dashed {
    padding: 20px 0 3px;
    border-top: 1px dashed grey;
}

#BHGstyleFooter .border-dashed .footerContent {
    max-width: 330px;
    width: 100%;
    margin: 0 auto;
    padding: 20px 15px 10px;
    position: relative;
}

#BHGstyleFooter .footer-socials {
    max-width: 180px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}

#BHGstyleFooter .footer-socials a {
    text-decoration: none !important;
}

#BHGstyleFooter .footer-socials a img {
    width: 30px;
    height: 30px;
}

#BHGstyleFooter .footer-socials a#clickIconTelegram {
    background: url(/img/social/telegram.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    margin: 10px;
    text-decoration: none;
}

#BHGstyleFooter .footer-socials a#clickIconTwitter {
    background: url(/img/social/twitter.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    margin: 10px;
    text-decoration: none;
}

#BHGstyleFooter .footer-socials a#clickIconInstagram {
    background: url(/img/social/instagram.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    margin: 10px;
    text-decoration: none;
}

@media all and (max-width: 500px) {
    #BHGstyleFooter .border-dashed .footerContent {
        max-width: 250px;
        width: 100%;
        margin: 0 auto;
        padding: 5px;
        position: relative
    }

    #BHGstyleFooter .border-dashed .footerContent::after {
        bottom: 46px
    }

    #BHGstyleFooter .border-dashed .footerContent::before {
        bottom: 46px
    }
}

.block {
    position: relative;
    margin: 0 auto;
    width: auto;
    height: auto;
    background: linear-gradient(0deg,#000,#272727)
}

.block:before, .block:after {
    content: '';
    position: absolute;
    left: -2px;
    top: -2px;
    background: linear-gradient(45deg,#e5e5e5,#e5e5e5,#2af598,#009d34,#e5e5e5,#e5e5e5,#e5e5e5,#e5e5e5,#043010,#e5e5e5);
    background-size: 400%;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    z-index: -1;
    animation: steam 20s linear infinite;
    border-radius: 10px 10px 10px 10px
}

@keyframes steam {
    0% {
        background-position: 0 0
    }

    50% {
        background-position: 400% 0
    }

    100% {
        background-position: 0 0
    }
}

.block:after {
    filter: blur(50px)
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
}

.d-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important
}

.footer-logos {
    padding: 10px 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.d-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important
}

.HeaderContainer .OperatorHeaderContainer {
    min-width: 10rem
}

@media(min-width: 1100px) {
    .HeaderContainer .OperatorHeaderContainer {
        min-width: 0
    }
}

.OperatorHeaderContainer {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    vertical-align: middle;
    flex-basis: 100%;
    margin-right: 10px
}

.IsLoggedIn .OperatorHeaderContainer {
    margin-right: .5rem
}

@media(min-width: 375px) {
    .IsLoggedIn .OperatorHeaderContainer {
        margin-right: 1rem
    }
}

@media(min-width: 1100px) {
    .OperatorHeaderContainer {
        flex-basis: auto;
        justify-content: normal;
        vertical-align: baseline;
        margin-right: 2
    }

    .IsLoggedIn .OperatorHeaderContainer {
        margin-right: 2rem
    }
}

.OperatorHeaderContainer .OperatorMainMenu {
    display: none
}

@media(min-width: 1100px) {
    .OperatorHeaderContainer .OperatorMainMenu {
        display: flex
    }
}

.OperatorHeaderContainer .OperatorTopLanguage {
    display: none
}

@media(min-width: 1100px) {
    .OperatorHeaderContainer .OperatorTopLanguage {
        display: block
    }
}

.OperatorAccountContainer {
    display: flex;
    justify-content: flex-end;
    vertical-align: middle;
    align-items: center;
    border: 0 solid #fff;
    height: 50%;
    padding: .4rem 0 .6rem
}

@media(min-width: 1100px) {
    .OperatorAccountContainer {
        flex-direction: row;
        padding: .4rem 0 .6rem;
        border-bottom: .1rem solid hsla(0,0%,100%,.15)
    }
}

.OperatorAccountContainer .TotalBalanceWrapper {
    display: block;
    order: -1;
    font-size: 1.1rem
}

@media(min-width: 480px) {
    .OperatorAccountContainer .TotalBalanceWrapper {
        font-size: 1.4rem
    }
}

@media(min-width: 1100px) {
    .OperatorAccountContainer .TotalBalanceWrapper {
        order: 0;
        margin-right: 1.6rem;
        font-size: 1.4rem
    }
}

.OperatorAccountContainer .InstanceToggleMenu {
    display: block;
    float: none;
    margin: 0 0 0 .6rem;
    background: hsla(0,0%,100%,.1);
    box-sizing: border-box;
    color: #fff;
    border: .1rem solid hsla(0,0%,100%,.1)
}

@media(min-width: 1100px) {
    .OperatorAccountContainer .InstanceToggleMenu:hover {
        background: hsla(0,0%,100%,.3)
    }
}

.OperatorAccountContainer .InstanceToggleMenu.IsActive {
    background: hsla(0,0%,100%,.3)
}

.OperatorAccountContainer .InstanceToggleMenu.IsActive .DropDownBackground {
    background: 0 0
}

@media(min-width: 375px) {
    .OperatorAccountContainer .InstanceToggleMenu {
        margin: 0 0 0 1rem
    }
}

@media(min-width: 1100px) {
    .OperatorAccountContainer .InstanceToggleMenu {
        margin: 0 2rem 0 0
    }
}

.OperatorAccountContainer .Button.ToggleUserMenu {
    min-width: 0;
    padding: .7rem .7rem .2rem
}

.OperatorAccountContainer .Button.ToggleUserMenu:hover {
    background: 0 0
}

.OperatorAccountContainer .Button.ToggleUserMenu svg {
    width: 2rem
}

@media(min-width: 1100px) {
    .OperatorAccountContainer .Button.ToggleUserMenu svg {
        width: 2.4rem
    }
}

@media(min-width: 400px) {
    .OperatorAccountContainer .Button.ToggleUserMenu {
        padding: .7rem .7rem .2rem
    }
}

@media(min-width: 1100px) {
    .OperatorAccountContainer .Button.ToggleUserMenu {
        padding: .7rem 1rem .2rem
    }
}

.OperatorAccountContainer .Button {
    display: inline-block;
    min-width: auto;
    padding: 1.2rem 0;
    border: none;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.5rem;
    font-weight: 600;
    text-transform: uppercase
}

@media(min-width: 1100px) {
    .OperatorAccountContainer .Button {
        padding: 1.2rem 1.9rem;
        min-width: 7.8rem;
        font-size: 1.6rem;
        line-height: 2rem
    }
}

.OperatorAccountContainer .ButtonRegister {
        background: #000000 !important;
    color: #fff;
    padding: 1.6rem 1rem;
    white-space: nowrap;
    order: 1
}

@media(min-width: 1100px) {
    .OperatorAccountContainer .ButtonRegister {
        padding: 1.2rem 1.9rem;
        margin-left: 0;
        order: 0
    }
}

.OperatorAccountContainer .LoginCallout {
    border: hsla(0,0%,100%,.1);
    margin-right: 0
}

.EmptyContent {
    display: none
}

.OperatorAccountContainer .Button:hover {
    background: #af841b;
    color: #fff
}

.OperatorAccountContainer .ButtonLogin:hover {
    background: 0 0;
    color: #f0f0f0
}

.OperatorAccountContainer .Button:active {
    opacity: .9
}

.OperatorAccountContainer .OperatorHeaderDeposit {
    position: static;
    padding: 1rem .4rem .9rem;
    margin: 0 0 0 .5rem;
    order: 0;
    color: #171c2c
}

@media(min-width: 400px) {
    .OperatorAccountContainer .OperatorHeaderDeposit {
        padding: 1rem .9rem .9rem
    }
}

@media(min-width: 480px) {
    .OperatorAccountContainer .OperatorHeaderDeposit {
        margin: 0 0 0 1rem
    }
}

@media(min-width: 1100px) {
    .OperatorAccountContainer .OperatorHeaderDeposit {
        position: relative;
        margin: 1.6rem;
        padding: 1.2rem 1.9rem
    }
}

.Page-LiveSource .ButtonRegister {
        background: #000000 !important;
    border: none
}

@media(max-width: 300px) {
    .Page-LiveSource .ButtonRegister {
        display: none
    }
}

.Page-LiveSource .ButtonRegister:hover {
    background: #af841b;
    color: #fff
}

.Page-LiveSource .ButtonLogin, .Page-LiveSource .ButtonRegister {
    padding: .6rem 1.5rem
}

.OperatorAccountContainer .ShowOnDesktop, .Page-Casino .OperatorAccountContainer .ShowOnDesktop, .Page-LiveCasino .OperatorAccountContainer .ShowOnDesktop, .Page-Promotions .OperatorAccountContainer .ShowOnDesktop {
    display: none
}

@media(min-width: 1100px) {
    .OperatorAccountContainer .ShowOnDesktop, .Page-Casino .OperatorAccountContainer .ShowOnDesktop, .Page-LiveCasino .OperatorAccountContainer .ShowOnDesktop, .Page-Promotions .OperatorAccountContainer .ShowOnDesktop {
        display: inline-block
    }
}

.OperatorAccountContainer .ButtonRegister:hover {
    background: #af841b;
    color: #fff
}

.OperatorAccountContainer .ButtonRegister:active {
    opacity: .9
}

.ContentTriggerWrapper .ToggleUserMenu:hover, .OperatorAccountContainer .ToggleUserMenu:hover {
    color: #fff;
    fill: #fff
}

@media(min-width: 1100px) {
    .ContentTriggerWrapper .ToggleUserMenu:hover, .OperatorAccountContainer .ToggleUserMenu:hover {
        background: #212121
    }
}

.ContentTriggerWrapper .ToggleUserMenu:active, .OperatorAccountContainer .ToggleUserMenu:active {
    color: #fff;
    fill: #fff
}

@media(min-width: 1100px) {
    .ContentTriggerWrapper .ToggleUserMenu:active, .OperatorAccountContainer .ToggleUserMenu:active {
        background: #212121
    }
}

.iOSDevice .OperatorAccountContainer .ButtonLogin {
    padding-right: env(safe-area-inset-right)
}

.OperatorAccountContainer {
    padding: .6rem 0
}

@media(min-width: 1100px) {
    .OperatorAccountContainer {
        padding: .4rem 0 .6rem
    }
}

.OperatorAccountContainer .ButtonRegister, .OperatorAccountContainer .CallIconWrapper, .OperatorAccountContainer .InstanceToggleMenu, .OperatorAccountContainer .LanguageSelectorContainer .CustomSelectTrigger, .OperatorAccountContainer .LogOutButtonContainer .Button, .OperatorAccountContainer .OperatorHeaderDeposit, .OperatorAccountContainer .WhatsappIconWrapper {
    border-radius: .8rem
}

.OperatorAccountContainer .CallIconWrapper, .OperatorAccountContainer .InstanceToggleMenu, .OperatorAccountContainer .OperatorHeaderDeposit, .OperatorAccountContainer .WhatsappIconWrapper {
    display: flex;
    align-items: center;
    height: 2.8rem;
    box-sizing: border-box
}

@media(min-width: 1100px) {
    .OperatorAccountContainer .CallIconWrapper, .OperatorAccountContainer .InstanceToggleMenu, .OperatorAccountContainer .OperatorHeaderDeposit, .OperatorAccountContainer .WhatsappIconWrapper {
        height: 3.8rem
    }
}

.OperatorAccountContainer .CallIconWrapper, .OperatorAccountContainer .InstanceToggleMenu, .OperatorAccountContainer .WhatsappIconWrapper {
    background: 0 0;
    border: .2rem solid #ff4f45
}

.OperatorAccountContainer .CallIconWrapper svg, .OperatorAccountContainer .InstanceToggleMenu svg, .OperatorAccountContainer .WhatsappIconWrapper svg {
    fill: #ff4f45
}

@media(min-width: 1100px) {
    .OperatorAccountContainer .CallIconWrapper:hover, .OperatorAccountContainer .InstanceToggleMenu:hover, .OperatorAccountContainer .WhatsappIconWrapper:hover {
        background: hsla(0,0%,100%,.3)
    }
}

.OperatorAccountContainer .ButtonRegister {
    margin-left: 1rem;
    margin-right: .8rem;
    padding: .7rem
}

@media(min-width: 1100px) {
    .OperatorAccountContainer .ButtonRegister {
        margin-right: 0;
        margin-left: 2rem;
        padding: .8rem 1rem
    }
}

@media(min-width: 1100px) {
    .OperatorAccountContainer .ButtonLogin {
        margin-left: 0
    }
}

.OperatorAccountContainer .ButtonLogin:focus {
    outline: none
}

.OperatorAccountContainer .WhatsappIconWrapper {
    padding: .3rem .4rem;
    order: -3;
    width: 2.8rem;
    height: 2.8rem;
    margin-right: 1rem
}

@media(min-width: 1100px) {
    .OperatorAccountContainer .WhatsappIconWrapper {
        width: 3.8rem;
        height: 3.8rem;
        padding: .5rem;
        border-width: .3rem
    }
}

.OperatorAccountContainer .WhatsappIconWrapper .CallIcon {
    display: flex
}

.OperatorAccountContainer .WhatsappIconWrapper svg {
    width: 1.7rem;
    height: 1.7rem
}

@media(min-width: 1100px) {
    .OperatorAccountContainer .WhatsappIconWrapper svg {
        width: 2.4rem;
        height: 2.4rem
    }
}

.OperatorAccountContainer .CallIconWrapper {
    padding: .5rem .4rem;
    order: -2;
    height: 2.8rem;
    width: 2.8rem
}

@media(min-width: 1100px) {
    .OperatorAccountContainer .CallIconWrapper {
        border-width: 3px;
        padding: .5rem;
        width: 3.8rem;
        height: 3.8rem
    }
}

.OperatorAccountContainer .CallIconWrapper .CallIcon {
    display: flex
}

.OperatorAccountContainer .CallIconWrapper svg {
    width: 1.7rem;
    height: 1.7rem
}

@media(min-width: 1100px) {
    .OperatorAccountContainer .CallIconWrapper svg {
        width: 2.4rem;
        height: 2.4rem
    }
}

.OperatorAccountContainer .CallUsIcon {
    padding: 0
}

@media(min-width: 1100px) {
    .OperatorAccountContainer .CallUsIcon {
        margin: 0;
        padding: .1rem
    }
}

.OperatorAccountContainer .CallUsIcon .Button.ToggleUserMenu {
    width: 100%;
    height: 100%
}

.OperatorAccountContainer .CallUsIcon .CallUsIconImg {
    height: 2.3rem;
    width: 2.3rem
}

@media(min-width: 1100px) {
    .OperatorAccountContainer .CallUsIcon .CallUsIconImg {
        height: 2.7rem;
        width: 2.7rem
    }
}

.OperatorAccountContainer .CallUsIcon .CallUsFallbackIcon {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

@media(min-width: 768px) {
    .OperatorAccountContainer .CallUsIcon .ContentTriggerContentWrapper {
        width: 51rem;
        top: 4.5rem
    }
}

@media(min-width: 1100px) {
    .OperatorAccountContainer .CallUsIcon .ContentTriggerContentWrapper {
        width: 60rem;
        top: 5.2rem
    }
}

@media(min-width: 768px) {
    .OperatorAccountContainer .CallIconWrapper .ContentTriggerContentWrapper {
        height: calc(100vh - 6rem)
    }
}

@media(min-width: 1100px) {
    .OperatorAccountContainer .CallIconWrapper .ContentTriggerContentWrapper {
        height: calc(100vh - 7rem)
    }
}

@media(min-width: 480px) {
    .OperatorAccountContainer .Button.OperatorHeaderDeposit {
        margin: 0 1.6rem
    }
}

@media(min-width: 1100px) {
    .OperatorAccountContainer .Button.OperatorHeaderDeposit {
        padding: 1rem
    }
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit:hover {
    background: #ff4f45
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit .TotalBalanceWrapper {
    line-height: 1.4
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit .Currency {
    color: #171c2c
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit .PlusIcon {
    display: flex
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit .PlusIcon svg {
    width: 1.2rem;
    margin-left: .4rem;
    fill: #171c2c
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit.Disabled {
    background: #f0f0f0
}

.OperatorAccountContainer .ButtonIconStart, .OperatorAccountContainer .ButtonIconStart .SvgIcon, .OperatorAccountContainer .InstanceToggleMenu, .OperatorAccountContainer .ToggleUserMenu {
    display: flex
}

@media(max-width: 1100px) {
    .OperatorAccountContainer .InstanceToggleMenu {
        margin: 0
    }
}

.OperatorAccountContainer .Button.ToggleUserMenu {
    padding: .2rem
}

@media(min-width: 1100px) {
    .OperatorAccountContainer .Button.ToggleUserMenu {
        padding: .5rem
    }
}

.OperatorAccountContainer .Button.ToggleUserMenu:focus {
    outline: none
}

.OperatorAccountContainer .MyAccountMenuSpinnerContainer {
    position: relative;
    width: 100%;
    height: 5rem
}

.OperatorAccountContainer .MyAccountMenuSpinnerContainer .Spinner {
    top: 50%;
    left: 50%
}

.OperatorAccountContainer .ContentTriggerContentWrapper {
    display: none;
    position: fixed;
    overflow-y: auto;
    top: 5.4rem;
    left: 0;
    width: 100%;
    height: calc(var(--windowHeight) - 5.4rem);
    -webkit-overflow-scrolling: touch;
    z-index: 2
}

@media(min-width: 768px) {
    .OperatorAccountContainer .ContentTriggerContentWrapper {
        position: absolute;
        top: 5.2rem;
        left: auto;
        right: 0;
        width: 35rem
    }
}

@media(min-width: 1100px) {
    .OperatorAccountContainer .ContentTriggerContentWrapper {
        height: calc(100vh - 11rem)
    }
}

.NotificationActive .OperatorAccountContainer .ContentTriggerContentWrapper {
    height: calc(var(--windowHeight) - 10.8rem)
}

@media(min-width: 1100px) {
    .NotificationActive .OperatorAccountContainer .ContentTriggerContentWrapper {
        height: calc(100vh - 16.4rem)
    }
}

.iOSDevice.NotificationActive .OperatorAccountContainer .ContentTriggerContentWrapper {
    height: calc(var(--windowHeight) - 10.8rem)
}

.NotificationActive .OperatorAccountContainer .CallIconWrapper .ContentTriggerContentWrapper {
    height: calc(var(--windowHeight) - 11.4rem)
}

@media(min-width: 768px) {
    .NotificationActive .OperatorAccountContainer .CallIconWrapper .ContentTriggerContentWrapper {
        height: calc(100vh - 12.4rem);
        top: 4.4rem
    }
}

@media(min-width: 1100px) {
    .NotificationActive .OperatorAccountContainer .CallIconWrapper .ContentTriggerContentWrapper {
        height: calc(100vh - 13.4rem);
        top: 5.2rem
    }
}

.iOSDevice.NotificationActive .OperatorAccountContainer .CallIconWrapper .ContentTriggerContentWrapper {
    height: calc(var(--windowHeight) - 11.9rem)
}

@media(min-width: 1100px) {
    .iOSDevice.NotificationActive .OperatorAccountContainer .CallIconWrapper .ContentTriggerContentWrapper {
        height: calc(100vh - 12.6rem)
    }
}

.OperatorAccountContainer .ContentTriggerWrapper.IsActive .ContentTriggerContentWrapper {
    display: block
}

.OperatorAccountContainer .ContentTriggerContainer {
    background: #fff;
    color: #171c2c
}

.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenuWrapper {
    display: flex;
    flex-direction: column
}

@media(min-width: 768px) {
    .OperatorAccountContainer .ContentTriggerContainer .MyAccountMenuWrapper {
        box-shadow: 0 3px 14px 0 rgba(33,33,33,.05)
    }
}

.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 1.4rem 2rem
}

.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.FooterContainer, .OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.LastLoginDateContainer, .OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.LinksContainer {
    align-items: flex-start;
    justify-content: center
}

.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.BalanceContainer {
    background-color: #171c2c;
    padding: 0;
    justify-content: flex-start
}

.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.BalanceContainer .BalanceContainerItem {
    flex: 1 0 33.3333%;
    width: 33.3333%;
    text-align: center
}

.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.BalanceContainer .BalanceWrapper, .OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.BalanceContainer .TotalBalanceWrapper, .OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.BalanceContainer .TotalBonusesWrapper {
    padding: 1.4rem .5rem;
    margin: 0
}

.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.LastLoginDateContainer {
    background-color: #171c2c;
    color: #fff
}

.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenuUsername {
    font-size: 2.2rem
}

.OperatorAccountContainer .ContentTriggerContainer .BalanceContainerItem .ComponentText {
    display: block;
    font-weight: 700;
    color: #fff;
    margin-bottom: .5rem
}

.OperatorAccountContainer .ContentTriggerContainer .BalanceContainerItem .Currency {
    font-size: 1.8rem;
    color: #fff
}

.OperatorAccountContainer .ContentTriggerContainer .MenuItem.ListItem {
    width: 25%;
    margin: 1rem 0
}

.OperatorAccountContainer .ContentTriggerContainer .MenuItem.ListItem .MenuItemImg {
    width: 3.5rem;
    height: 3.5rem;
    padding: .7rem
}

.OperatorAccountContainer .ContentTriggerContainer .MenuItem.ListItem .MyAccountMenuLink {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.4;
    color: #171c2c
}

.OperatorAccountContainer .ContentTriggerContainer .LogOutButtonContainer .Button {
    font-size: 1.6rem;
    color: #171c2c;
    padding: 1.2rem 1.9rem;
    border: .2rem solid #171c2c;
    transition: background .2s ease-in-out;
    z-index: 4
}

.OperatorAccountContainer .ContentTriggerContainer .LogOutButtonContainer .Button:active, .OperatorAccountContainer .ContentTriggerContainer .LogOutButtonContainer .Button:hover {
    background-color: hsla(0,0%,100%,.3)
}

.iOSDevice .OperatorAccountContainer .ContentTriggerContainer .MyAccountMenuWrapper {
    padding-bottom: env(safe-area-inset-bottom)
}

.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.SmsSecurityContainer {
    padding: 0 2rem 1rem;
    margin-top: -1rem
}

.NotificationActive .IgReelsContainer ~ .SectionHeader .OperatorAccountContainer .ContentTriggerContentWrapper {
    height: calc(var(--windowHeight) - 19.4rem)
}

@media(min-width: 1100px) {
    .NotificationActive .IgReelsContainer ~ .SectionHeader .OperatorAccountContainer .ContentTriggerContentWrapper {
        height: calc(100vh - 17rem)
    }
}

.NotificationActive .OperatorAccountContainer .CallIconWrapper .ContentTriggerContentWrapper {
    height: calc(100vh - 11.4rem)
}

@media(min-width: 768px) {
    .NotificationActive .OperatorAccountContainer .CallIconWrapper .ContentTriggerContentWrapper {
        height: calc(100vh - 12rem)
    }
}

@media(min-width: 1100px) {
    .NotificationActive .OperatorAccountContainer .CallIconWrapper .ContentTriggerContentWrapper {
        height: calc(100vh - 13rem)
    }
}

.OperatorAccountContainer .CallIconWrapper .ContentTriggerContentWrapper {
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.OperatorAccountContainer .CallIconWrapper .ContentTriggerContentWrapper::-webkit-scrollbar {
    display: none
}

@media(min-width: 768px) {
    .OperatorAccountContainer .CallIconWrapper .ContentTriggerContentWrapper {
        top: 4.4rem
    }
}

@media(min-width: 1100px) {
    .OperatorAccountContainer .CallIconWrapper .ContentTriggerContentWrapper {
        top: 5.2rem
    }
}

.IgReelsContainer ~ .SectionHeader {
    top: 8rem;
    border-top: .4rem solid #ff4f45
}

.IgReelsContainer ~ .SectionHeader .OperatorAccountContainer .ContentTriggerContentWrapper {
    height: calc(var(--windowHeight) - 13.4rem);
    top: 5rem
}

@media(min-width: 768px) {
    .IgReelsContainer ~ .SectionHeader .OperatorAccountContainer .ContentTriggerContentWrapper {
        position: absolute;
        top: 5.2rem;
        left: auto;
        right: 0;
        width: 35rem
    }
}

@media(min-width: 1100px) {
    .IgReelsContainer ~ .SectionHeader .OperatorAccountContainer .ContentTriggerContentWrapper {
        height: calc(100vh - 11rem)
    }
}

@media(min-width: 768px) {
    .IgReelsContainer ~ .SectionHeader .OperatorAccountContainer .CallUsIcon .ContentTriggerContentWrapper {
        height: calc(100vh - 19.9rem);
        width: 51rem;
        top: 4.2rem
    }
}

@media(min-width: 1100px) {
    .IgReelsContainer ~ .SectionHeader .OperatorAccountContainer .CallUsIcon .ContentTriggerContentWrapper {
        height: calc(100vh - 20.4rem);
        width: 60rem;
        top: 4.7rem
    }
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit {
    color: #171c2c
}

.HamburgerContainer .HamburgerSubMenu .HamburgerSubMenuItem.ComponentAnchor, .HamburgerContainer .HamburgerSubMenu .HamburgerSubMenuItem .ComponentAnchor {
    display: flex;
    align-items: center
}

.HamburgerContainer .HamburgerSubMenu .ComponentAnchor {
    display: flex;
    align-items: center
}

.CTASecondary, .GameFrameWrapper .InstancePlayForFun, .GameFrameWrapper .InstancePlayToWin, .OperatorSlider .Button.PromoButton, .OperatorSlider .SliderItem .Button, .TransHistoryList .SubmitButton, .UpdateProfileSubmitButton {
    padding: 1.3rem 1rem 1.5rem;
    font-size: 1.6rem;
    line-height: 2rem;
    border: none;
        background: #000000 !important;
    color: #fff
}

@media(hover: hover) {
    .CoolOffSubmitButton:hover, .CTASecondary:hover, .ExistingLimit .LimitTypeRemove:hover, .FrequentPlayerPointsButton:hover, .GameFrameWrapper .InstancePlayForFun:hover, .SelfExclusionSubmitButton:hover, .SetLimitButton:hover, .TransFilterButton:hover, .TransHistoryList .SubmitButton:hover, .UpdateProfileSubmitButton:hover {
        border: none;
        background: #171c2c;
        color: #fff
    }
}

.CoolOffSubmitButton:active, .CTASecondary:active, .ExistingLimit .LimitTypeRemove:active, .FrequentPlayerPointsButton:active, .GameFrameWrapper .InstancePlayForFun:active, .SelfExclusionSubmitButton:active, .TransFilterButton:active, .TransHistoryList .SubmitButton:active, .UpdateProfileSubmitButton:active {
    border: none;
    background: #171c2c;
    color: #fff;
    box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.24)
}

.AccountInformationContainer .Button.CTASecondary {
    max-width: 100%;
    width: 100%;
    align-self: flex-end;
    position: relative;
    bottom: 0;
    left: 0;
    padding: .7rem 2rem;
    margin: 2rem 0;
    transform: none;
    color: #fff;
    grid-column: 1/3;
    grid-row: 4
}

.AccountInformationContainer .Button.CTASecondary:hover {
    color: #fff
}

.OperatorDepositReminder .TotalBalanceWrapper {
    display: flex;
    align-items: center;
    justify-content: center
}

.OperatorDepositReminder .TotalBalanceWrapper .Text {
    display: flex;
    margin-bottom: 0;
    margin-right: 1rem
}

.OperatorDepositReminder .TotalBalanceWrapper .Text:after {
    content: ":"
}

@media(min-width: 1100px) {
    .OperatorAccountContainer .Button.OperatorHeaderDeposit {
        padding: 1rem
    }
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit:hover {
        background: #000000 !important;
    text-decoration: none;
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit .TotalBalanceWrapper {
    line-height: 1.4
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit .Currency {
    color: #171c2c
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit .PlusIcon {
    display: flex
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit .PlusIcon svg {
    width: 1.2rem;
    margin-left: .4rem;
    fill: #fff
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit.Disabled {
    background: #f0f0f0
}

.OperatorAccountContainer .ButtonIconStart, .OperatorAccountContainer .ButtonIconStart .SvgIcon, .OperatorAccountContainer .InstanceToggleMenu, .OperatorAccountContainer .ToggleUserMenu {
    display: flex
}

@media(max-width: 1100px) {
    .OperatorAccountContainer .InstanceToggleMenu {
        margin: 0
    }
}

.OperatorAccountContainer .Button.ToggleUserMenu {
    padding: .2rem
}

@media(min-width: 1100px) {
    .OperatorAccountContainer .Button.ToggleUserMenu {
        padding: .5rem
    }
}

.OperatorAccountContainer .Button.ToggleUserMenu:focus {
    outline: none
}

.OperatorAccountContainer .MyAccountMenuSpinnerContainer {
    position: relative;
    width: 100%;
    height: 5rem
}

.OperatorAccountContainer .MyAccountMenuSpinnerContainer .Spinner {
    top: 50%;
    left: 50%
}

.OperatorAccountContainer .ContentTriggerContentWrapper {
    display: none;
    position: fixed;
    overflow-y: auto;
    top: 5.4rem;
    left: 0;
    width: 100%;
    height: calc(var(--windowHeight) - 5.4rem);
    -webkit-overflow-scrolling: touch;
    z-index: 2
}

@media(min-width: 768px) {
    .OperatorAccountContainer .ContentTriggerContentWrapper {
        position: absolute;
        top: 5.2rem;
        left: auto;
        right: 0;
        width: 35rem
    }
}

@media(min-width: 1100px) {
    .OperatorAccountContainer .ContentTriggerContentWrapper {
        height: calc(100vh - 11rem)
    }
}

.NotificationActive .OperatorAccountContainer .ContentTriggerContentWrapper {
    height: calc(var(--windowHeight) - 10.8rem)
}

@media(min-width: 1100px) {
    .NotificationActive .OperatorAccountContainer .ContentTriggerContentWrapper {
        height: calc(100vh - 16.4rem)
    }
}

.iOSDevice.NotificationActive .OperatorAccountContainer .ContentTriggerContentWrapper {
    height: calc(var(--windowHeight) - 10.8rem)
}

.NotificationActive .OperatorAccountContainer .CallIconWrapper .ContentTriggerContentWrapper {
    height: calc(var(--windowHeight) - 11.4rem)
}

@media(min-width: 768px) {
    .NotificationActive .OperatorAccountContainer .CallIconWrapper .ContentTriggerContentWrapper {
        height: calc(100vh - 12.4rem);
        top: 4.4rem
    }
}

.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.BalanceContainer .BalanceWrapper, .OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.BalanceContainer .TotalBalanceWrapper, .OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.BalanceContainer .TotalBonusesWrapper {
    padding: 1.4rem .5rem;
    margin: 0
}

.OperatorDepositReminder .TotalBalanceWrapper {
    display: flex;
    align-items: center;
    justify-content: center
}

.OperatorDepositReminder .TotalBalanceWrapper .Text {
    display: flex;
    margin-bottom: 0;
    margin-right: 1rem
}

.OperatorDepositReminder .TotalBalanceWrapper .Text:after {
    content: ":"
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit .TotalBalanceWrapper {
    line-height: 1.4
}

.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.BalanceContainer .BalanceWrapper, .OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.BalanceContainer .TotalBalanceWrapper, .OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu.BalanceContainer .TotalBonusesWrapper {
    padding: 1.4rem .5rem;
    margin: 0
}

.OperatorAccountContainer {
    padding: .6rem 0
}

.OperatorAccountContainer {
    display: flex;
    justify-content: flex-end;
    vertical-align: middle;
    align-items: center;
    border: 0 solid #fff;
    height: 50%;
    padding: .4rem 0 .6rem
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit {
    color: #171c2c
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 1rem;
    padding: .8rem;
    background: linear-gradient(111deg, #ff4f45 0%, #ff4f45 48%, #ff4f45 100%);
    border: .1rem solid #ff4f45;
    line-height: 1.2
}

.OperatorAccountContainer .CallIconWrapper, .OperatorAccountContainer .InstanceToggleMenu, .OperatorAccountContainer .OperatorHeaderDeposit, .OperatorAccountContainer .WhatsappIconWrapper {
    display: flex;
    align-items: center;
    height: 2.8rem;
    box-sizing: border-box
}

.OperatorAccountContainer .ButtonRegister, .OperatorAccountContainer .CallIconWrapper, .OperatorAccountContainer .InstanceToggleMenu, .OperatorAccountContainer .LanguageSelectorContainer .CustomSelectTrigger, .OperatorAccountContainer .LogOutButtonContainer .Button, .OperatorAccountContainer .OperatorHeaderDeposit, .OperatorAccountContainer .WhatsappIconWrapper {
    border-radius: .8rem
}

.OperatorAccountContainer .OperatorHeaderDeposit {
    position: static;
    padding: 1rem .4rem .9rem;
    margin: 0 0 0 .5rem;
    order: 0;
    color: #171c2c
}

.OperatorAccountContainer .Button {
    display: inline-block;
    min-width: auto;
    padding: 1.2rem 0;
    border: none;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.5rem;
    font-weight: 600;
    text-transform: uppercase
}

.OperatorHeaderDeposit {
    display: block;
    position: relative;
    min-width: 88%;
    margin: 1.6rem;
    padding: .9rem .8rem 1.1rem;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 400
}

.CTASecondary, .GameFrameWrapper .InstancePlayForFun, .GameFrameWrapper .InstancePlayToWin, .OperatorSlider .Button.PromoButton, .OperatorSlider .SliderItem .Button, .TransHistoryList .SubmitButton, .UpdateProfileSubmitButton {
    padding: 1.3rem 1rem 1.5rem;
    font-size: 1.6rem;
    line-height: 2rem;
    border: none;
        background: #000000 !important;
    color: #fff
}

.Button, button {
    display: inline-block;
    border: 1px solid #ff4f45;
    background: 0 0;
    color: #4e4e4e;
    font-family: Source Sans Pro,Helvetica,Arial,Nimbus Sans L,Liberation Sans,FreeSans,clean,sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit .TotalBalanceWrapper {
    line-height: 1.4;
}

.OperatorAccountContainer .TotalBalanceWrapper {
    display: block;
    order: -1;
    font-size: 1.1rem
}

.TotalBalanceWrapper .Text {
    display: none
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit .Currency {
    color: #fff
}

.OperatorAccountContainer .Button.OperatorHeaderDeposit .PlusIcon {
    display: flex
}

html {
    font-size: 7.5pt
}

.h6, h6 {
    font-size: 1.2em
}

.footer {
    flex: 1 1 auto;
    padding: 30px 10px;
    position: relative;
    overflow-x: hidden;
    transition: all .8s ease;
    background-image: -webkit-linear-gradient(90deg,#e5e5e5 0,rgb(229 229 229) 100%)
}

@media(max-width: 1919px) .footer,.winners {
    padding-right: 230px!important;
}

@media (max-width: 1919px) .site__menu nav {
    display: flex;
    justify-content: space-between; }

.site__menu nav {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.fl__content app-footer {
    flex: inherit;
}

app-preload, app-shop-warning-popup, app-reset-password, app-banking-page, app-game, app-popup-qr, app-payments, app-popup-new-password, app-level-up-popup, app-main, app-footer, app-page404, app-games-page {
    display: block;
    filter: none !important;
}

.footer .wrapper {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 5px;
    position: relative;
    transition: all .8s ease;
}

.site__menu {
    padding: 0;
}

section {
    display: block;
    width: 100%;
    margin: 0 auto;
}

@media (max-width: 1919px) .site__menu nav {
    display: flex;
    justify-content: space-between; }

.section {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.epay {
    display: flex;
    height: 80px;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    border-radius: 12px;
    background-color: #282b39b5;
    overflow-x: auto;
    margin: 25px auto;
}

.game__line__flex, .promos__flex, .epay, .bonus__flex {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.open {
    max-height: none !important;
    transition-timing-function: cubic-bezier(.5,0,1,0);
    transition-delay: 0s;
}

.about {
    position: relative;
    transition: transform 1s;
    overflow: hidden;
    height: auto;
    max-height: none;
    transition: .3s;
}

.about .gradient {
    background: none;
    transition: all .8s ease;
}

.about .about_gradient {
    height: 0;
}

.about .logos__flex {
    display: flex;
    margin-bottom: 5px;
}

.about p {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #000000;
    transition: transform 1s;
}

.about .logos__flex .logos {
    display: flex;
    flex: 0 0 231px;
    justify-content: space-around;
    padding-right: 10px;
}

.epay .epay__items .item__box {
    display: flex;
    height: 100%;
    align-items: center;
    padding: 0 10px;
}

.epay .epay__items {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex: auto;
    overflow: hidden;
    flex-wrap: wrap;
    height: 45px;
}

.site__menu nav {
    display: flex;
    justify-content: space-evenly;
}

.footer, .winners {
    padding-right: 230px !important;
    padding-left: 230px !important;
}

.fl__content app-footer {
    flex: inherit;
}

app-preload, app-shop-warning-popup, app-reset-password, app-banking-page, app-game, app-popup-qr, app-payments, app-popup-new-password, app-level-up-popup, app-main, app-footer, app-page404, app-games-page {
    display: block;
    filter: none !important;
}

.about .logos__flex {
    display: flex;
    margin-bottom: 5px;
}

.site__menu nav a {
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: #000;
    margin-right: 30px;
    flex: 0 0 auto;
}

.fl__content app-footer {
    flex: inherit;
}

app-preload, app-shop-warning-popup, app-reset-password, app-banking-page, app-game, app-popup-qr, app-payments, app-popup-new-password, app-level-up-popup, app-main, app-footer, app-page404, app-games-page {
    display: block;
    filter: none !important;
}

.about .logos__flex {
    display: flex;
    margin-bottom: 5px;
}

.site__menu nav a {
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: #000;
    margin-right: 30px;
    flex: 0 0 auto;
}

.about .logos__flex .logos .teen {
    width: 66px;
    height: 66px;
}

.header-info {
    padding: 15px 0 2px;
    background-color: #000000;
}

.content .c {
    background: #000000;
    padding: 20px 6% 30px;
    font-size: 16px;
    line-height: 1.6em;
    color: #fff;
}

.cbw, .cmbw {
    border: none;
    padding: 10px 0 20px;
}

.button-wrapper a.button:last-child {
    margin-right: 0;
}

.cbw a.button, .cmbw a.button {
    text-decoration: none;
}

.button-wrapper a.button {
    font-size: 15px;
    color: #ffffff;
        background: #000000 !important;
    margin-right: 5px;
}

.button-wrapper .button {
    margin: 5px auto 0;
}

.c a, .c a span {
    text-decoration: underline;
}

.btn--shimmer {
    animation: shimmer 1.6s linear infinite;
    background-image: linear-gradient(-70deg,rgba(255,255,255,0) 46%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.8) 52%,rgba(255,255,255,0) 56% );
    background-size: 400% 100%;
}

@keyframes shimmer {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

.main-footer-content_4f3c0 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px 16px 0
}

.icons_74d60 {
    display: flex
}

.logo-link_96542 {
    flex: 1;
    display: flex;
    margin: 0 auto;
    max-width: calc(100% - 7px)
}

.logo-link_96542 iframe.img_3b2f0 {
    height: 60px
}

.logo-link_96542 .img_3b2f0 {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-height: 50px;
    overflow: hidden
}

.logo-link_96542 {
    flex: 1;
    display: flex;
    margin: 0 auto;
    max-width: calc(100% - 7px)
}

.logo-link_96542 .img_3b2f0 {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-height: 100px;
    overflow: hidden
}

.copyright-title_8b496 {
    margin-top: 16px;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-align: center
}

.copyright-domain_e8de3, .copyright-text_02e6b {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    text-align: center
}

.copyright-text_02e6b {
    margin-top: 4px;
    color: #fff
}

.copyright-domain_e8de3 {
    margin-top: 8px;
    color: #fff
}

.copyright-domain_e8de3, .copyright-text_02e6b {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    text-align: center
}

.social_60bdd {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    column-gap: 16px
}

.social_60bdd .social-item_01b95 {
    display: flex;
    align-items: center;
    justify-content: center
}

.social_60bdd img {
    height: 30px;
    filter: invert(1)
}

.social_60bdd .social-item_01b95 {
    display: flex;
    align-items: center;
    justify-content: center;
    /* filter: invert(1); */
}

.buttons-wrapper_a2197 {
    display: flex;
    margin-top: 20px;
    column-gap: 8px
}

.buttons-wrapper_a2197 .btn_7d461.black_a46de {
    background: #000000;
}

.buttons-wrapper_a2197 .btn_7d461 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(50% - 6px);
    padding: 10px;
    column-gap: 12px;
        background: #000000 !important;
    border-radius: 5px
}

.buttons-wrapper_a2197 .btn_7d461 svg {
    display: flex;
    flex-shrink: 0
}

.buttons-wrapper_a2197 .btn_7d461 span {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    word-break: break-all
}

.age-warning_6bd0d {
    display: flex;
    align-items: center;
    margin: 16px 0 18px;
    padding: 11px 16px;
    column-gap: 12px;
        background: #000000 !important;
}

.age-warning_6bd0d span {
    color: #fff;
    font-weight: 400;
    font-size: 11px;
    line-height: 18px
}

.Navbottom {
    padding-top: 25px;
    margin-top: 60px;
    width: 100%;
    position: relative;
    background-color: #000000b5;
    z-index: 1
}

navbottom-in {
    display: flex
}

.H_showcase-in, .Navbottom-in {
    justify-content: space-between
}

.Navbottom-center {
    width: 100%;
    text-align-last: center;
}

.Navbottom-center {
    width: 100%;
    text-align-last: center;
}

.Navbottom-payment {
    width: 100%;
    border-top: 2px solid #ff4f45;
    padding: 30px 0;
    /* background-color: #0033796e; */
}

.Navbottom-payment-in {
    display: flex
}

.Navbottom-payment img {
    width: 100%
}

.Navbottom-payment-item {
    max-width: 890px;
    margin: 0 auto
}

header-info {
    padding: 15px 0 2px;
    background-color: #e5e5e5
}

section {
    display: block;
    width: 100%;
    margin: 0 auto
}

sec-heading.style1 {
    text-align: center
}

.mt-80 {
    margin-top: 24px
}

.sec-heading {
    margin-bottom: 30px
}

.sec-heading h2 {
    font-size: 33px;
    line-height: 1.4em;
    position: relative;
    padding-bottom: 0;
    margin-bottom: 0
}

.button-wrapper {
    padding: 3px 0 23px;
    margin: 12px 0 0;
    text-align-last: center
}

.button-wrapper a.button:last-child {
    margin-right: 0
}

.button-wrapper a.button {
    font-size: 15px;
    color: #fff;
        background: #000000 !important;
    margin-right: 5px
}

.cbw a.button, .cmbw a.button {
    text-decoration: none
}

.button > span, .lnk > span, .button > i, .lnk > i {
    transform: skew(21deg);
    display: inline-block
}

.feature-box {
    text-align: center;
    padding: 19px 35px;
    color: #fff
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.sec-heading.style1 {
    text-align: center;
    color: #fff
}

.button, .lnk {
    text-align: center;
    background: #242424;
    border-radius: 8px;
    color: #ffc328;
    display: inline-block;
    margin: 35px auto;
    line-height: 20px;
    min-height: 40px;
    padding: 10px 20px;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    transform: skew(-21deg);
    font-style: italic
}

.d-block {
    display: block !important
}

.img-full {
    width: 100%;
    height: auto
}

.hdr-navigation-scrollable-bc, .hdr-navigation-scrollable-bc-holder {
    position: relative;
    transition: transform .24s ease
}

.hdr-navigation-scrollable-bc {
    flex-shrink: 0;
    display: flex;
    width: 100%;
    height: var(--mobile-header-navigation-height);
    white-space: nowrap;
    background: #2b3b4b;
    z-index: 1
}

.hdr-navigation-scrollable-bc, .hdr-navigation-scrollable-bc-holder {
    position: relative;
    transition: transform .24s ease
}

.hdr-navigation-scrollable-content {
    flex: auto;
    display: flex;
    will-change: scroll-position;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch
}

.hdr-navigation-link-bc {
    width: 100%;
    text-align: center;
    padding: 0 10px;
    font-weight: 600;
    color: #fffc;
    /* background: #2b3b4b; */
    position: relative;
    text-transform: uppercase;
    letter-spacing: .1em;
    box-shadow: inset 0 -2px 0 0 #fff0;
    font-size: 10px;
    line-height: 45px
}

.btn-primary {
    color: #fff;
    background-color: #129247;
    border-color: #007bff00
}

.hdr-user-bc {
    display: flex;
    align-items: center;
    margin-top: 7px;
    height: 33px;
    padding-right: 8px !important
}

.hdr-user-bc .btn.register {
    margin-inline-start: 12px }

.btn.register {
    padding: 0 8px;
    color: #fff;
    transition: .24s;
        background: #000000 !important;
}

.btn.s-small {
    width: auto;
    height: 28px;
    padding: 0 15px
}

.btn {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 36px;
    padding: 0 20px;
    border: none;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 12px;
    cursor: pointer;
    transition: color .24s,background .24s,border-color .24s;
    transition: .24s
}

.hdr-main-content-bc {
    height: 100%;
    padding-inline-start: 7px; padding-inline-end: 15px; background: var(--header);
    border-bottom: 1px solid rgba(var(--header-sc-rgb),.05)
}

.hdr-main-content-bc {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2
}

.hm-row-bc:not(:first-child) {
    /* margin-top: 25px; */
}

.hm-row-bc {
    display: grid;
    grid-gap: 10px;
    gap: 10px
}

.main_content {
    width: 100%;
    padding-bottom: 16vw
}

.auth-background {
    background: url(https://m.317betturka.com/login-background.bf366bd8921feb84.png);
    width: 100%;
    height: 53.2066666667vw;
    display: inline-block;
    vertical-align: middle;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center
}

.rounded-header {
    font-size: 4.6266666667vw;
    width: calc(100% - 11.104vw);
    margin: .254667vw 5.552vw 0;
    height: 17.3962666667vw;
    background: linear-gradient(to top,#2fba72 0%,#1c744d 100%);
    border-radius: 18.5066666667vw;
    display: flex;
    align-items: center;
    padding: 0 6.4773333333vw;
    justify-content: space-between;
    position: relative
}

.rounded-header a {
    font-size: 6.0146666667vw;
    color: #fff
}

.rounded-header i {
    float: left
}

.cd-icon {
    font-family: cd_icons !important;
    speak: none;
    vertical-align: middle;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.rounded-header span {
    font-size: 14.3426666667vw;
    color: #fff;
    position: relative
}

.rounded-header a {
    font-size: 6.0146666667vw;
    color: #fff
}

.rounded-header .auth-header-middle {
    margin-top: -4px
}

.auth-form {
    padding: 0 13.2322666667vw;
    text-align: center;
    margin-bottom: 7.4026666667vw
}

.auth-form h4 {
    color: #ff4f45;
    font-size: 3.7013333333vw;
    text-transform: uppercase;
    font-weight: 600;
    line-height: normal;
    padding: 3.7013333333vw 0
}

.auth-form {
    padding: 0 13.2322666667vw;
    text-align: center;
    margin-bottom: 7.4026666667vw
}

.has-error input:not(.no-validation,.p-treeselect-filter), input.has-error:not(.no-validation,.p-treeselect-filter), .has-error select:not(.no-validation), select.has-error:not(.no-validation), .has-error textarea:not(.no-validation), textarea.has-error:not(.no-validation), .has-error .p-multiselect, .has-error .p-treeselect, .has-error .p-dropdown {
    border: .2666666667vw solid red !important;
    box-sizing: border-box
}

.auth-form input, .auth-form select, .auth-form textarea {
    height: 14.8053333333vw;
    background: #2e3044;
    width: 100%;
    border: none;
    font-size: 3.7013333333vw;
    margin-bottom: 2.1282666667vw;
    border-radius: 1.388vw;
    color: #666;
    padding: 0 4vw;
    box-sizing: border-box
}

input, textarea, select, button {
    font-family: Poppins;
    font-weight: 300;
    transition: box-shadow ease .3s;
    box-shadow: 0
}

.auth-form input, .auth-form select, .auth-form textarea {
    height: 14.8053333333vw;
    background: #2e3044;
    width: 100%;
    border: none;
    font-size: 3.7013333333vw;
    margin-bottom: 2.1282666667vw;
    border-radius: 1.388vw;
    color: #b0b2c9;
    padding: 0 4vw;
    box-sizing: border-box
}

input, textarea, select, button {
    font-family: Poppins;
    font-weight: 300;
    transition: box-shadow ease .3s;
    box-shadow: 0
}

[hidden] {
    display: none !important
}

.auth-form input, .auth-form select, .auth-form textarea {
    height: 14.8053333333vw;
    background: #2e3044;
    width: 100%;
    border: none;
    font-size: 3.7013333333vw;
    margin-bottom: 2.1282666667vw;
    border-radius: 1.388vw;
    color: #666;
    padding: 0 4vw;
    box-sizing: border-box
}

.checkbox input {
    display: none
}

input, textarea, select, button {
    font-family: Poppins;
    font-weight: 300;
    transition: box-shadow ease .3s;
    box-shadow: 0
}

.auth-form .checkbox label {
    padding-left: 5.552vw;
    color: #666;
    line-height: 4.6266666667vw;
    font-size: 3.7013333333vw
}

.checkbox label {
    padding-left: 6.4773333333vw;
    position: relative;
    line-height: 4.6266666667vw;
    display: inline-block;
    cursor: pointer;
    font-size: 3vw
}

.auth-form .forgot-pass {
    color: #666;
    font-size: 3.2386666667vw;
    text-align: center;
    display: inline-block;
    margin-bottom: 6.4773333333vw;
    margin-top: 2.776vw
}

.auth-form .forgot-pass a {
    color: #ff4f45;
    border-bottom: .2666666667vw solid;
}

.rounded-btn.primary {
        background: #000000 !important;
}

.rounded-btn {
    line-height: 12.0293333333vw;
    font-size: 3.5162666667vw;
    color: #fff;
    width: calc(100% - 14.8053333333vw);
    margin: 0 7.4026666667vw 3.7013333333vw;
    display: inline-block;
    background: #5bb247;
    border-radius: 18.5066666667vw;
    border: none
}

input, textarea, select, button {
    font-family: Poppins;
    font-weight: 300;
    transition: box-shadow ease .3s;
    box-shadow: 0
}

.rounded-btn.secondary {
    background: #cecece;
    color: #ff4f45
}

.rounded-btn {
    line-height: 12.0293333333vw;
    font-size: 3.5162666667vw;
    color: #fff;
    width: calc(100% - 14.8053333333vw);
    margin: 0 7.4026666667vw 3.7013333333vw;
    display: inline-block;
    background: #5bb247;
    border-radius: 18.5066666667vw;
    border: none
}

.authentication-wrapper {
    box-sizing: border-box;
    display: flex;
    place-content: center;
    align-items: center;
    min-height: 66.667vw;
    flex-direction: column;
    padding: 0 4vw
}

.authentication-wrapper .authentication_barcode {
    display: inline-flex;
    align-items: center;
    margin: auto;
    max-width: 213.333vw;
    line-height: 4.533vw;
    border-radius: 2.667vw;
    padding: 4vw 0;
    flex-direction: column;
    width: 100%
}

.authentication-wrapper .authentication_barcode {
    padding: 2.667vw;
    box-shadow: none
}

.authentication-wrapper .authentication_barcode .AuthenticationText {
    font-size: 3.467vw;
    color: var(--theme-text-color);
    width: 100%
}

.authentication-wrapper .authentication-textbox {
    display: flex;
    margin: 5.333vw 0
}

.authentication-wrapper .authentication-textbox input {
    border-radius: 2.667vw;
    text-align: center;
    height: 11vw;
    width: 100%;
    padding: 0;
    margin-left: 2px;
    margin-right: 2px
}

.auth-form input, .auth-form select, .auth-form textarea {
    height: 14.8053333333vw;
    background: #cecece;
    width: 100%;
    border: none;
    font-size: 3.7013333333vw;
    margin-bottom: 2.1282666667vw;
    border-radius: 1.388vw;
    color: #666;
    padding: 0 4vw;
    box-sizing: border-box
}

.regIconWrap {
    height: 70px
}

.rectangleWrap, .regIconWrap {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 3.7013333333vw
}

.loginHeaderIocn {
    background: url(/img/loginIcon-8AD41D23229DA9B7A978B3433C82830F.png);
    background-size: 45px 45px;
    height: 45px;
    width: 45px
}

.auth-form .register-check .checkbox label a {
    color: var(--theme-primary-color);
    text-decoration: underline;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize
}

.auth-form .register-check .checkbox label a:hover {
    color: #666
}

.auth-form {
    padding: 0 13.2322666667vw;
    text-align: center;
    margin-bottom: 7.4026666667vw
}

.auth-form h4 {
    color: #fff;
    font-size: 3.7013333333vw;
    text-transform: uppercase;
    font-weight: 600;
    line-height: normal;
    padding: 3.7013333333vw 0
}

.auth-form input, .auth-form select, .auth-form textarea {
    height: 14.8053333333vw;
    background: #cecece;
    width: 100%;
    border: none;
    font-size: 3.7013333333vw;
    margin-bottom: 2.1282666667vw;
    border-radius: 1.388vw;
    color: #666;
    padding: 0 4vw;
    box-sizing: border-box
}

.auth-form textarea {
    text-align: left;
    padding-top: 2.6666666667vw;
    height: 18.5066666667vw
}

.auth-form select {
    -webkit-appearance: none;
    appearance: none;
	background-size: 2.776vw;
    background-position: center right 2.776vw;
    background-repeat: no-repeat
}

.auth-form ::-webkit-input-placeholder {
    color: #666
}

.auth-form :-moz-placeholder {
    color: #666
}

.auth-form ::-moz-placeholder {
    color: #666
}

.auth-form :-ms-input-placeholder {
    color: #666
}

.auth-form .forgot-pass {
    color: #666;
    font-size: 3.2386666667vw;
    text-align: center;
    display: inline-block;
    margin-bottom: 6.4773333333vw;
    margin-top: 2.776vw
}

.auth-form .forgot-pass a {
    color: #ff4f45;
    border-bottom: .2666666667vw solid;
}

.auth-form .forgot-pass a:active {
    color: #fff
}

.auth-form .reg-steps {
    margin-bottom: 4.6266666667vw
}

.auth-form .reg-steps a {
    font-size: 3.7013333333vw;
    width: 5.552vw;
    height: 5.552vw;
    background: #2e3044;
    border-radius: 9.2533333333vw;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 1.8506666667vw;
    color: #666;
    font-weight: 600;
    position: relative
}

.auth-form .reg-steps a:not(:last-child):after {
    content: "";
    width: 3.7013333333vw;
    height: .5333333333vw;
    top: 0;
    bottom: 0;
    left: 100%;
    position: absolute;
    margin: auto;
    background: #2e3044
}

.auth-form .reg-steps a.active {
    background: var(--theme-primary-color) !important;
    color: #fff !important
}

.auth-form .checkbox label {
    padding-left: 5.552vw;
    color: #fff;
    line-height: 4.6266666667vw;
    font-size: 3.7013333333vw
}

.auth-form .checkbox label:after {
    color: #fff;
    font-size: 2.8506666667vw;
    width: 4.6266666667vw;
    height: 4.6266666667vw;
    border-radius: .9253333333vw;
    background: #cecece;
    border: 1px solid transparent !important
}

.auth-form.sms-auth-model .authentication-wrapper .authentication-textbox input {
    width: 100%
}

.auth-form.sms-auth-model .authentication-wrapper .authentication_barcode .AuthenticationText .smscode-btn {
    display: flex
}

.auth-form.sms-auth-model .authentication-wrapper .authentication_barcode .AuthenticationText .btn {
    padding: 0 3.55vw;
    margin: 5px 0;
    white-space: nowrap
}

.auth-form.sms-auth-model .authentication-wrapper .authentication_barcode .AuthenticationText .btn .timer {
    display: inline-block
}

.direction-right .auth-form select {
    background-position: center left 9px
}

.direction-right .auth-form .checkbox label {
    padding-right: 20.82px
}

.direction-right .auth-form .reg-steps a:not(:last-child):after {
    right: 100%;
    left: auto
}

.white-theme .auth-form .reg-steps a:not(:last-child):after {
    background: #e8e8e8
}

.white-theme .auth-form .reg-steps a {
    color: #8c8c8c;
    background: #e8e8e8
}

.white-theme .auth-form input, .white-theme .auth-form select, .white-theme .auth-form textarea {
    background-color: #ecedf1;
    color: #2e3045
}

.white-theme .auth-form .checkbox label:after {
    background: #666
}

.p-checkbox {
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: bottom;
    position: relative
}

.p-checkbox-disabled {
    cursor: default !important;
    pointer-events: none
}

.p-checkbox-box {
    display: flex;
    justify-content: center;
    align-items: center
}

p-checkbox {
    display: inline-flex;
    vertical-align: bottom;
    align-items: center
}

.p-checkbox-label {
    line-height: 1
}

.auth-form .register-check .checkbox label a {
    color: var(--theme-primary-color);
    text-decoration: underline;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize
}

.auth-form .register-check .checkbox label a:hover {
    color: var(--theme-text-color)
}

.p-checkbox {
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: bottom;
    position: relative
}

.p-checkbox .p-checkbox-box {
    font-size: 12px;
    border: 1px solid #444649;
    background: 0 0;
    width: 1.4em;
    height: 1.4em;
    color: #495057;
    border-radius: 2px;
    text-align: center;
    transition: background-color .2s,color .2s,border-color .2s,box-shadow .2s
}

.p-checkbox .p-checkbox-box .p-checkbox-icon {
    transition-duration: .2s;
    color: #fff;
    font-size: 14px;
    font-weight: 400
}

.p-checkbox .p-checkbox-box.p-highlight {
    border-color: var(--theme-primary-color);
    background: var(--theme-primary-color)
}

.p-dropdown-panel .p-multiselect-items .p-multiselect-item .p-checkbox-box, .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox-box {
    margin-right: 10px
}

.p-dropdown-panel .p-multiselect-items .p-multiselect-item .p-checkbox-box .p-checkbox-icon, .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox-box .p-checkbox-icon {
    font-size: 10px
}

.checkbox + .checkbox {
    margin-left: 3.7013333333vw
}

.checkbox input {
    display: none
}

.checkbox label {
    padding-left: 6.4773333333vw;
    position: relative;
    line-height: 4.6266666667vw;
    display: inline-block;
    cursor: pointer;
    font-size: 3vw
}

.checkbox label:after {
    content: "";
    width: 4.6266666667vw;
    height: 4.6266666667vw;
    border: .2666666667vw solid #1e202e;
    border-radius: .9253333333vw;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    font-family: "font awesome 5 free";
    font-weight: 900;
    text-align: center;
    font-size: 2.0357333333vw;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.checkbox input:checked + label:after {
    content: "\f00c";
    background: #2fb56f !important
}

.register-check .checkbox {
    margin: 0;
    margin-bottom: 1.388vw;
    clear: both;
    display: inline-block;
    width: 100%
}

.tabs .checkbox {
    height: 8.7906666667vw;
    align-items: center;
    display: flex;
    margin-left: 2.667vw
}

.tabs .checkbox label {
    font-size: 2.54vw;
    position: relative;
    display: inline-block;
    cursor: pointer;
    max-width: 30vw;
    line-height: 2.667vw;
    text-align: left;
    color: #666
}

.tabs .checkbox label:after {
    line-height: 4.267vw;
    border-color: #666
}

.page-betslip .slip-checkbox {
    padding: 0 .9253333333vw;
    margin-top: 4vw
}

.page-betslip .slip-checkbox .checkbox {
    margin: 0;
    color: #666
}

.page-betslip .slip-checkbox .checkbox label {
    margin-bottom: 1.388vw;
    font-size: 3.2386666667vw;
    width: 100%
}

.page-betslip .slip-checkbox .checkbox label:after {
    background: #2a374c
}

.form-row .checkbox label:after {
    border-color: #35384e
}

.user-detail .checkbox {
    font-size: 2.6vw;
    clear: both;
    display: inline-block;
    margin: 1.3vw .8vw;
    opacity: .7;
    width: calc(100% - 1.6VW);
    color: #666
}

.user-detail .checkbox label:after {
    border-color: #666;
    opacity: .5
}

.direction-right .checkbox + .checkbox {
    margin-left: 0
}

.direction-right .auth-form .checkbox label {
    padding-right: 20.82px
}

.direction-right .page-betslip .slip-checkbox .checkbox {
    margin-right: 0
}

.direction-right .page-betslip .slip-checkbox .checkbox label {
    padding-left: 0;
    padding-right: 15.615px
}

.direction-right .checkbox label:after {
    left: auto;
    right: 0
}

.direction-right .checkbox label {
    padding-right: 24.29px;
    padding-left: 0
}

.white-theme .page-betslip .slip-checkbox .checkbox label:after {
    background: #e8e8e8;
    border: .2666666667vw solid #e8e8e8
}

.white-theme .page-betslip .cashout .slip-checkbox .checkbox label:after {
    background: #fff;
    border: .2666666667vw solid #b5b5b5
}

.content-with-blue-head .page-content .phone-number-with-country .country-code {
    opacity: .5
}

.phone-number-with-country-code {
    position: relative;
    clear: both
}

.phone-number-with-country-code.has-error .p-dropdown {
    border: none !important
}

.phone-number-with-country-code .country-code {
    padding: 0;
    width: 100px;
    font-size: 14px;
    height: 14.8053333333vw;
    display: flex;
    align-items: center;
    justify-content: center
}

.phone-number-with-country-code .country-code .p-dropdown {
    width: 100%;
    min-width: 0;
    height: 100%;
    line-height: 100%;
    padding-left: 6px;
    border: none
}

.phone-number-with-country-code .country-code .p-dropdown .p-dropdown-panel {
    line-height: 18px
}

.phone-number-with-country-code .country-code {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    line-height: 21px;
    border-right: 1px solid rgba(255,255,255,.2);
    padding-right: 0
}

.phone-number-with-country-code .country-code + p-inputmask > input {
    padding-left: 105px !important
}

.phone-number-with-country-code .country-code select {
    border: none !important;
    padding: 0 15px;
    margin: 0
}

.phone-number-with-country-code .phone-input {
    padding-left: 110px
}

.phone-number-with-country {
    position: relative;
    clear: both
}

.phone-number-with-country .country-code {
    position: absolute;
    left: 4.267vw;
    top: 4.8vw;
    color: #666;
    line-height: 4.6vw;
    border-right: .267vw solid rgb(102 102 119/51%);
    padding-right: 2.667vw;
    font-size: 3.2vw
}

.phone-number-with-country .country-code span {
    margin-right: 1.333vw
}

.phone-number-with-country input {
    padding-left: 26.667vw !important
}

.white-theme .phone-number-with-country-code .country-code {
    border-color: #666
}

/*!* Generated with CSS Flag Sprite generator (https://www.flag-sprites.com/)*/
.flag {
    width: 4.8vw;
    height: 4.8vw;
    background: url(flags.ba8f8cfdd277088b.png) no-repeat;
    display: inline-block;
    background-size: 100%;
    vertical-align: middle;
    margin-right: 1.6vw
}

.flag-asean {
    background-position: 0 0
}

.flag-afghanistan, .flag-af {
    background-position: 0 .346021%
}

.flag-africa, .flag-afr {
    background-position: 0 .692042%
}

.flag-aland {
    background-position: 0 1.038062%
}

.flag-albania, .flag-al {
    background-position: 0 1.384083%
}

.flag-alderney {
    background-position: 0 1.730104%
}

.flag-algeria, .flag-dz {
    background-position: 0 2.076125%
}

.flag-all {
    background-position: 0 2.422145%
}

.flag-americansamoa, .flag-as {
    background-position: 0 2.768166%
}

.flag-ad, .flag-andorra {
    background-position: 0 3.114187%
}

.flag-angola, .flag-ao {
    background-position: 0 3.460208%
}

.flag-anguilla, .flag-ai {
    background-position: 0 3.806228%
}

.flag-antiguaandbarbuda, .flag-ag {
    background-position: 0 4.152249%
}

.flag-arableague {
    background-position: 0 4.49827%
}

.flag-argentina, .flag-ar {
    background-position: 0 4.844291%
}

.flag-armenia, .flag-am {
    background-position: 0 5.190311%
}

.flag-aruba, .flag-aw {
    background-position: 0 5.536332%
}

.flag-asia, .flag-asia {
    background-position: 0 5.882353%
}

.flag-australia, .flag-au {
    background-position: 0 6.228374%
}

.flag-austria, .flag-at {
    background-position: 0 6.574394%
}

.flag-azerbaijan, .flag-az {
    background-position: 0 6.920415%
}

.flag-bahamas, .flag-bs {
    background-position: 0 7.266436%
}

.flag-bahrain, .flag-bh {
    background-position: 0 7.612457%
}

.flag-bangladesh, .flag-bd {
    background-position: 0 7.958478%
}

.flag-barbados, .flag-bb {
    background-position: 0 8.304498%
}

.flag-basquecountry {
    background-position: 0 8.650519%
}

.flag-belarus, .flag-by {
    background-position: 0 8.99654%
}

.flag-belgium, .flag-be {
    background-position: 0 9.342561%
}

.flag-belize, .flag-bz {
    background-position: 0 9.688581%
}

.flag-benin, .flag-bj {
    background-position: 0 10.034602%
}

.flag-bermuda, .flag-bm {
    background-position: 0 10.380623%
}

.flag-bhutan, .flag-bt {
    background-position: 0 10.726644%
}

.flag-bolivia, .flag-bo {
    background-position: 0 11.072664%
}

.flag-bonairesinteustatiusandsaba {
    background-position: 0 11.418685%
}

.flag-bosniaherzegovina, .flag-ba, .flag-boah {
    background-position: 0 11.764706%
}

.flag-botswana, .flag-bw {
    background-position: 0 12.110727%
}

.flag-bouvet, .flag-bv {
    background-position: 0 12.456747%
}

.flag-, .flag-br {
    background-position: 0 12.802768%
}

.flag-britishindianoceanterritory, .flag-io {
    background-position: 0 13.148789%
}

.flag-brunei, .flag-bn {
    background-position: 0 13.49481%
}

.flag-bulgaria, .flag-bg {
    background-position: 0 13.84083%
}

.flag-burkinafaso, .flag-bf {
    background-position: 0 14.186851%
}

.flag-burundi, .flag-bi {
    background-position: 0 14.532872%
}

.flag-caricom {
    background-position: 0 14.878893%
}

.flag-cis {
    background-position: 0 15.224913%
}

.flag-cambodja, .flag-kh {
    background-position: 0 15.570934%
}

.flag-cameroon, .flag-cm {
    background-position: 0 15.916955%
}

.flag-canada, .flag-ca {
    background-position: 0 16.262976%
}

.flag-capeverde, .flag-cv {
    background-position: 0 16.608997%
}

.flag-catalonia {
    background-position: 0 16.955017%
}

.flag-caymanislands, .flag-ky {
    background-position: 0 17.301038%
}

.flag-centralafricanrepublic, .flag-cf {
    background-position: 0 17.647059%
}

.flag-chad, .flag-td {
    background-position: 0 17.99308%
}

.flag-chile, .flag-cl {
    background-position: 0 18.3391%
}

.flag-china, .flag-cn {
    background-position: 0 18.685121%
}

.flag-chinesetaipei {
    background-position: 0 19.031142%
}

.flag-christmas, .flag-cx {
    background-position: 0 19.377163%
}

.flag-cocoskeeling, .flag-cc {
    background-position: 0 19.723183%
}

.flag-colombia, .flag-co {
    background-position: 0 20.069204%
}

.flag-commonwealth {
    background-position: 0 20.415225%
}

.flag-comoros, .flag-km {
    background-position: 0 20.761246%
}

.flag-congobrazzaville, .flag-cg {
    background-position: 0 21.107266%
}

.flag-congokinshasa, .flag-cd {
    background-position: 0 21.453287%
}

.flag-cookislands, .flag-ck {
    background-position: 0 21.799308%
}

.flag-costarica, .flag-cr {
    background-position: 0 22.145329%
}

.flag-cotedivoire, .flag-ci {
    background-position: 0 22.491349%
}

.flag-croatia, .flag-hr {
    background-position: 0 22.83737%
}

.flag-cuba, .flag-cu {
    background-position: 0 23.183391%
}

.flag-curacao, .flag-cw {
    background-position: 0 23.529412%
}

.flag-cyprus, .flag-cy {
    background-position: 0 23.875433%
}

.flag-czechrepublic, .flag-cz {
    background-position: 0 24.221453%
}

.flag-denmark, .flag-dk {
    background-position: 0 24.567474%
}

.flag-djibouti, .flag-dj {
    background-position: 0 24.913495%
}

.flag-dominica, .flag-dm {
    background-position: 0 25.259516%
}

.flag-dominicanrepublic, .flag-do {
    background-position: 0 25.605536%
}

.flag-ecuador, .flag-ec {
    background-position: 0 25.951557%
}

.flag-egypt, .flag-eg {
    background-position: 0 26.297578%
}

.flag-elsalvador, .flag-sv {
    background-position: 0 26.643599%
}

.flag-england, .flag-el {
    background-position: 0 26.989619%
}

.flag-equatorialguinea, .flag-gq {
    background-position: 0 27.33564%
}

.flag-eritrea, .flag-er {
    background-position: 0 27.681661%
}

.flag-estonia, .flag-ee {
    background-position: 0 28.027682%
}

.flag-ethiopia, .flag-et {
    background-position: 0 28.373702%
}

.flag-europe, .flag-eu {
    background-position: 0 28.719723%
}

.flag-fao {
    background-position: 0 29.065744%
}

.flag-falkland, .flag-fk {
    background-position: 0 29.411765%
}

.flag-faroes, .flag-fo {
    background-position: 0 29.757785%
}

.flag-fiji, .flag-fj {
    background-position: 0 30.103806%
}

.flag-finland, .flag-fi {
    background-position: 0 30.449827%
}

.flag-france, .flag-fr {
    background-position: 0 30.795848%
}

.flag-french-guiana, .flag-gf {
    background-position: 0 31.141869%
}

.flag-frenchsouthernandantarcticlands, .flag-tf {
    background-position: 0 31.487889%
}

.flag-gabon, .flag-ga {
    background-position: 0 31.83391%
}

.flag-galicia {
    background-position: 0 32.179931%
}

.flag-gambia, .flag-gm {
    background-position: 0 32.525952%
}

.flag-georgia, .flag-ge {
    background-position: 0 32.871972%
}

.flag-germany, .flag-de {
    background-position: 0 33.217993%
}

.flag-ghana, .flag-gh {
    background-position: 0 33.564014%
}

.flag-gibraltar, .flag-gi {
    background-position: 0 33.910035%
}

.flag-greatbritain {
    background-position: 0 34.256055%
}

.flag-greece, .flag-gr {
    background-position: 0 34.602076%
}

.flag-greenland, .flag-gl {
    background-position: 0 34.948097%
}

.flag-grenada, .flag-gd {
    background-position: 0 35.294118%
}

.flag-guadeloupe, .flag-gp {
    background-position: 0 35.640138%
}

.flag-guam, .flag-gu {
    background-position: 0 35.986159%
}

.flag-guatemala, .flag-gt {
    background-position: 0 36.33218%
}

.flag-guernsey, .flag-gg {
    background-position: 0 36.678201%
}

.flag-guinea, .flag-gn {
    background-position: 0 37.024221%
}

.flag-guineabissau, .flag-gw {
    background-position: 0 37.370242%
}

.flag-guyana, .flag-gy {
    background-position: 0 37.716263%
}

.flag-haiti, .flag-ht {
    background-position: 0 38.062284%
}

.flag-heardislandandmcdonald, .flag-hm {
    background-position: 0 38.408304%
}

.flag-honduras, .flag-hn {
    background-position: 0 38.754325%
}

.flag-hongkong, .flag-hk {
    background-position: 0 39.100346%
}

.flag-hungary, .flag-hu {
    background-position: 0 39.446367%
}

.flag-iaea {
    background-position: 0 39.792388%
}

.flag-iho {
    background-position: 0 40.138408%
}

.flag-iceland, .flag-is {
    background-position: 0 40.484429%
}

.flag-india, .flag-in {
    background-position: 0 40.83045%
}

.flag-indonesia, .flag-id {
    background-position: 0 41.176471%
}

.flag-international {
    background-position: 0 41.522491%
}

.flag-iran, .flag-ir {
    background-position: 0 41.868512%
}

.flag-iraq, .flag-iq {
    background-position: 0 42.214533%
}

.flag-ireland, .flag-ie {
    background-position: 0 42.560554%
}

.flag-islamicconference {
    background-position: 0 42.906574%
}

.flag-isleofman, .flag-im {
    background-position: 0 43.252595%
}

.flag-israel, .flag-il {
    background-position: 0 43.598616%
}

.flag-italy, .flag-it {
    background-position: 0 43.944637%
}

.flag-jamaica, .flag-jm {
    background-position: 0 44.290657%
}

.flag-japan, .flag-jp {
    background-position: 0 44.636678%
}

.flag-jersey, .flag-je {
    background-position: 0 44.982699%
}

.flag-jordan, .flag-jo {
    background-position: 0 45.32872%
}

.flag-kazakhstan, .flag-kz {
    background-position: 0 45.67474%
}

.flag-kenya, .flag-ke {
    background-position: 0 46.020761%
}

.flag-kiribati, .flag-ki {
    background-position: 0 46.366782%
}

.flag-kosovo, .flag-xk {
    background-position: 0 46.712803%
}

.flag-kurdish {
    background-position: 0 47.058824%
}

.flag-kuwait, .flag-kw {
    background-position: 0 47.404844%
}

.flag-kyrgyzstan, .flag-kg {
    background-position: 0 47.750865%
}

.flag-laos, .flag-la {
    background-position: 0 48.096886%
}

.flag-latvia, .flag-lv {
    background-position: 0 48.442907%
}

.flag-lebanon, .flag-lb {
    background-position: 0 48.788927%
}

.flag-lesotho, .flag-ls {
    background-position: 0 49.134948%
}

.flag-liberia, .flag-lr {
    background-position: 0 49.480969%
}

.flag-libya, .flag-ly {
    background-position: 0 49.82699%
}

.flag-liechtenshein, .flag-li {
    background-position: 0 50.17301%
}

.flag-lithuania, .flag-lt {
    background-position: 0 50.519031%
}

.flag-luxembourg, .flag-lu {
    background-position: 0 50.865052%
}

.flag-macao, .flag-mo {
    background-position: 0 51.211073%
}

.flag-macedonia, .flag-northmacedonia, .flag-mk, .flag-rom {
    background-position: 0 51.557093%
}

.flag-madagascar, .flag-mg {
    background-position: 0 51.903114%
}

.flag-malawi, .flag-mw {
    background-position: 0 52.249135%
}

.flag-malaysia, .flag-my {
    background-position: 0 52.595156%
}

.flag-maldives, .flag-mv {
    background-position: 0 52.941176%
}

.flag-mali, .flag-ml {
    background-position: 0 53.287197%
}

.flag-malta, .flag-mt {
    background-position: 0 53.633218%
}

.flag-marshallislands, .flag-mh {
    background-position: 0 53.979239%
}

.flag-martinique, .flag-mq {
    background-position: 0 54.32526%
}

.flag-mauritania, .flag-mr {
    background-position: 0 54.67128%
}

.flag-mauritius, .flag-mu {
    background-position: 0 55.017301%
}

.flag-mayotte, .flag-yt {
    background-position: 0 55.363322%
}

.flag-mexico, .flag-mx {
    background-position: 0 55.709343%
}

.flag-micronesia, .flag-fm {
    background-position: 0 56.055363%
}

.flag-moldova, .flag-md {
    background-position: 0 56.401384%
}

.flag-monaco, .flag-mc {
    background-position: 0 56.747405%
}

.flag-mongolia, .flag-mn {
    background-position: 0 57.093426%
}

.flag-montenegro, .flag-me {
    background-position: 0 57.439446%
}

.flag-montserrat, .flag-ms {
    background-position: 0 57.785467%
}

.flag-morocco, .flag-ma {
    background-position: 0 58.131488%
}

.flag-mozambique, .flag-mz {
    background-position: 0 58.477509%
}

.flag-myanmar, .flag-mm {
    background-position: 0 58.823529%
}

.flag-nato {
    background-position: 0 59.16955%
}

.flag-namibia, .flag-na {
    background-position: 0 59.515571%
}

.flag-nauru, .flag-nr {
    background-position: 0 59.861592%
}

.flag-nepal, .flag-np {
    background-position: 0 60.207612%
}

.flag-netherlands, .flag-nl {
    background-position: 0 60.553633%
}

.flag-netherlandsantilles, .flag-an {
    background-position: 0 60.899654%
}

.flag-newcaledonia, .flag-nc {
    background-position: 0 61.245675%
}

.flag-newzealand, .flag-nz {
    background-position: 0 61.591696%
}

.flag-nicaragua, .flag-ni {
    background-position: 0 61.937716%
}

.flag-niger, .flag-ne {
    background-position: 0 62.283737%
}

.flag-nigeria, .flag-ng {
    background-position: 0 62.629758%
}

.flag-niue, .flag-nu {
    background-position: 0 62.975779%
}

.flag-norfolk, .flag-nf {
    background-position: 0 63.321799%
}

.flag-northamerica, .flag-nca {
    background-position: 0 63.66782%
}

.flag-northkorea, .flag-kp {
    background-position: 0 64.013841%
}

.flag-northerncyprus {
    background-position: 0 64.359862%
}

.flag-northernireland, .flag-en {
    background-position: 0 64.705882%
}

.flag-northernmariana, .flag-mp {
    background-position: 0 65.051903%
}

.flag-norway, .flag-no {
    background-position: 0 65.397924%
}

.flag-oas {
    background-position: 0 65.743945%
}

.flag-opec {
    background-position: 0 66.089965%
}

.flag-oceania {
    background-position: 0 66.435986%
}

.flag-olimpics {
    background-position: 0 66.782007%
}

.flag-oman, .flag-om {
    background-position: 0 67.128028%
}

.flag-pakistan, .flag-pk {
    background-position: 0 67.474048%
}

.flag-palau, .flag-pw {
    background-position: 0 67.820069%
}

.flag-palestine, .flag-ps {
    background-position: 0 68.16609%
}

.flag-panama, .flag-pa {
    background-position: 0 68.512111%
}

.flag-papuanewguinea, .flag-pg {
    background-position: 0 68.858131%
}

.flag-paraguay, .flag-py {
    background-position: 0 69.204152%
}

.flag-peru, .flag-pe {
    background-position: 0 69.550173%
}

.flag-philippines, .flag-ph {
    background-position: 0 69.896194%
}

.flag-pitcairn, .flag-pn {
    background-position: 0 70.242215%
}

.flag-poland, .flag-pl {
    background-position: 0 70.588235%
}

.flag-portugal, .flag-pt {
    background-position: 0 70.934256%
}

.flag-puertorico, .flag-pr {
    background-position: 0 71.280277%
}

.flag-qatar, .flag-qa {
    background-position: 0 71.626298%
}

.flag-quebec {
    background-position: 0 71.972318%
}

.flag-redcross {
    background-position: 0 72.318339%
}

.flag-reunion, .flag-re {
    background-position: 0 72.66436%
}

.flag-romania, .flag-ro {
    background-position: 0 73.010381%
}

.flag-russia, .flag-ru {
    background-position: 0 73.356401%
}

.flag-rwanda, .flag-rw {
    background-position: 0 73.702422%
}

.flag-saintbarthelemy, .flag-bl {
    background-position: 0 74.048443%
}

.flag-sainthelena, .flag-sh {
    background-position: 0 74.394464%
}

.flag-saintlucia, .flag-lc {
    background-position: 0 74.740484%
}

.flag-saintmartin, .flag-mf {
    background-position: 0 75.086505%
}

.flag-saintpierreandmiquelon, .flag-pm {
    background-position: 0 75.432526%
}

.flag-samoa, .flag-ws {
    background-position: 0 75.778547%
}

.flag-sanmarino, .flag-sm {
    background-position: 0 76.124567%
}

.flag-saotomeandprincipe, .flag-st {
    background-position: 0 76.470588%
}

.flag-saudiarabia, .flag-sa {
    background-position: 0 76.816609%
}

.flag-scotland, .flag-sq {
    background-position: 0 77.16263%
}

.flag-senegal, .flag-sn {
    background-position: 0 77.508651%
}

.flag-serbia, .flag-rs {
    background-position: 0 77.854671%
}

.flag-seychelles, .flag-sc {
    background-position: 0 78.200692%
}

.flag-sierraleone, .flag-sl {
    background-position: 0 78.546713%
}

.flag-singapore, .flag-sg {
    background-position: 0 78.892734%
}

.flag-sintmaarten, .flag-sx {
    background-position: 0 79.238754%
}

.flag-slovakia, .flag-sk {
    background-position: 0 79.584775%
}

.flag-slovenia, .flag-si {
    background-position: 0 79.930796%
}

.flag-solomonislands, .flag-sb {
    background-position: 0 80.276817%
}

.flag-somalia, .flag-so {
    background-position: 0 80.622837%
}

.flag-somaliland {
    background-position: 0 80.968858%
}

.flag-southafrica, .flag-za {
    background-position: 0 81.314879%
}

.flag-southamerica, .flag-sam {
    background-position: 0 81.6609%
}

.flag-southgeorgiaandsouthsandwich, .flag-gs {
    background-position: 0 82.00692%
}

.flag-southkorea, .flag-kr {
    background-position: 0 82.352941%
}

.flag-southsudan, .flag-ss {
    background-position: 0 82.698962%
}

.flag-spain, .flag-es {
    background-position: 0 83.044983%
}

.flag-srilanka, .flag-lk {
    background-position: 0 83.391003%
}

.flag-stkittsandnevis, .flag-kn {
    background-position: 0 83.737024%
}

.flag-stvincentandthegrenadines, .flag-vc {
    background-position: 0 84.083045%
}

.flag-sudan, .flag-sd {
    background-position: 0 84.429066%
}

.flag-suriname, .flag-sr {
    background-position: 0 84.775087%
}

.flag-svalbardandjanmayen {
    background-position: 0 85.121107%
}

.flag-swaziland, .flag-sz {
    background-position: 0 85.467128%
}

.flag-sweden, .flag-se {
    background-position: 0 85.813149%
}

.flag-switzerland, .flag-ch {
    background-position: 0 86.15917%
}

.flag-syria, .flag-sy {
    background-position: 0 86.50519%
}

.flag-tahiti {
    background-position: 0 86.851211%
}

.flag-taiwan, .flag-tw {
    background-position: 0 87.197232%
}

.flag-tajikistan, .flag-tj {
    background-position: 0 87.543253%
}

.flag-United.Republic.of.Tanzania, .flag-tanzania, .flag-tz {
    background-position: 0 87.889273%
}

.flag-thailand, .flag-th {
    background-position: 0 88.235294%
}

.flag-timorleste, .flag-tl {
    background-position: 0 88.581315%
}

.flag-togo, .flag-tg {
    background-position: 0 88.927336%
}

.flag-tokelau, .flag-tk {
    background-position: 0 89.273356%
}

.flag-tonga, .flag-to {
    background-position: 0 89.619377%
}

.flag-trinidadtobago, .flag-tt {
    background-position: 0 89.965398%
}

.flag-tristandacunha, .flag-tm {
    background-position: 0 90.311419%
}

.flag-tunisia, .flag-tn {
    background-position: 0 90.657439%
}

.flag-turkey, .flag-tr {
    background-position: 0 91.00346%
}

.flag-turkmenistan, .flag-tm {
    background-position: 0 91.349481%
}

.flag-turksandcaicosislands, .flag-tc {
    background-position: 0 91.695502%
}

.flag-tuvalu, .flag-tv {
    background-position: 0 92.041522%
}

.flag-unitedstates, .flag-us {
    background-position: 0 92.387543%
}

.flag-uganda, .flag-ug {
    background-position: 0 92.733564%
}

.flag-ukraine, .flag-ua {
    background-position: 0 93.079585%
}

.flag-unitedarabemirates, .flag-ae {
    background-position: 0 93.425606%
}

.flag-unitedkingdom, .flag-gb {
    background-position: 0 93.771626%
}

.flag-uruguay, .flag-uy {
    background-position: 0 94.117647%
}

.flag-uzbekistan, .flag-uz {
    background-position: 0 94.463668%
}

.flag-vanutau, .flag-vu {
    background-position: 0 94.809689%
}

.flag-vaticancity, .flag-va {
    background-position: 0 95.155709%
}

.flag-venezuela, .flag-ve {
    background-position: 0 95.50173%
}

.flag-vietnam, .flag-vn {
    background-position: 0 95.847751%
}

.flag-virginislandsbritish, .flag-vg {
    background-position: 0 96.193772%
}

.flag-virginislandsus, .flag-vi {
    background-position: 0 96.539792%
}

.flag-wales, .flag-wls {
    background-position: 0 96.885813%
}

.flag-wallisandfutuna, .flag-wf {
    background-position: 0 97.231834%
}

.flag-westernsahara, .flag-eh {
    background-position: 0 97.577855%
}

.flag-world, .flag-wd {
    background-position: 0 97.923875%
}

.flag-yemen, .flag-ye {
    background-position: 0 98.269896%
}

.flag-zambia, .flag-zm {
    background-position: 0 98.615917%
}

.flag-zimbabwe, .flag-zw {
    background-position: 0 98.961938%
}

.flag-allupcoming {
    background-position: 0 99.307958%
}

.flag-america {
    background-position: 0 99.653979%
}

.flag-withvideo {
    background-position: 0 100%
}

.flag {
    width: 4.8vw;
    height: 4.8vw;
    background: url(/img/flags.ba8f8cfdd277088b.png) no-repeat;
    display: inline-block;
    background-size: 100%;
    vertical-align: middle;
    margin-right: 1.6vw;
    background-position: 0 91.00346%
}

.phone-number-with-country .country-code span {
    margin-right: 1.333vw
}

span {
    /* vertical-align: top; */
    color: #fff;
    font-weight: 600;
}

.has-error input:not(.no-validation,.p-treeselect-filter), input.has-error:not(.no-validation,.p-treeselect-filter), .has-error select:not(.no-validation), select.has-error:not(.no-validation), .has-error textarea:not(.no-validation), textarea.has-error:not(.no-validation), .has-error .p-multiselect, .has-error .p-treeselect, .has-error .p-dropdown {
    border: .2666666667vw solid red !important;
    box-sizing: border-box
}

#register h1 {
    line-height: 26.4px;
    font-size: 24px;
    color: #c3c3c3;
    font-weight: 700;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px
}

#register h1 span {
    color: #000
}

#register form {
    padding: 20px;
    background-color: #181819c7;
    color: #fff;
    border-radius: 10px
}

#register form .radioWrap {
    min-width: 90px;
    float: left;
    position: relative
}

#register form input[type=radio] {
    -webkit-appearance: inner-spin-button;
}

#register form input[type=checkbox] {
    -webkit-appearance: checkbox
}

#register form .formGroup {
    position: relative;
    margin-bottom: 15px
}

#register form input[type=text], #register form input[type=password] {
    width: 100%;
    height: 45px;
    border: 1px solid #ff4f45;
    padding: 0 10px;
    margin: 0;
    outline: none !important;
    border-radius: 5px;
    background-color: #ff4f45;
    color: #fff;
}

input::placeholder {
    color: white;
}

#register form .formSelect {
    position: relative
}

#register form .formSelect:after {
    content: "";
    display: block;
    position: absolute;
    width: 44px;
    height: 34px;
    border-left: 1px solid #ccc;
    top: 0;
    right: 0;
    background: url(../img/form-select-icon.png) no-repeat;
    z-index: 1;
    transition: all 240ms ease-out;
    -webkit-transition: all 240ms ease-out;
    -moz-transition: all 240ms ease-out;
    -ms-transition: all 240ms ease-out;
    -o-transition: all 240ms ease-out;
    pointer-events: none
}

#register form .formSelect.gray:after, #register form .formSelect.success:after, #register form .formSelect.error:after, #register form .formSelect.focus:after {
    background-position: 0 bottom;
    color: #fff
}

#register form .formSelect.gray {
    background-color: #eee;
    border-radius: 5px
}

#register form .formSelect.gray.focus:after {
    background-color: #2e303b
}

#register form select {
    width: 100%;
    height: 34px;
    border: 1px solid #ff4f45;
    padding: 0 10px;
    border-radius: 5px;
    margin: 0;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    text-align: center;
    line-height: 34px;
    padding-right: 44px;
    transition: all 240ms ease-out;
    -webkit-transition: all 240ms ease-out;
    -moz-transition: all 240ms ease-out;
    -ms-transition: all 240ms ease-out;
    -o-transition: all 240ms ease-out;
    -webkit-appearance: none;
    outline: none !important;
    background: #ff4f45;
    color: #fff;
}

#register form select:focus {
    background: #c3c3c3
}

#register form .formSelect.focus select {
    color: #fff
}

#register form .formSelect.gray select:focus {
    background: #2e303b;
    color: #fff
}

#register form .formSelect.gray select {
    background-color: #ff4f45;
}

#register form input[type=text].valid, #register form input[type=password].valid, #register form select.valid {
    border-color: #4caf50;
    background-image: url(../img/input-success.png);
    background-repeat: no-repeat;
    background-position: right top
}

#register form input[type=text].error, #register form input[type=password].error, #register form select.error, #register form input[type=text].taken, #register form input[type=password].taken, #register form select.taken {
    border-color: #c3c3c3;
    background-image: url(../img/input-error.png);
    background-repeat: no-repeat;
    background-position: right top
}

.goBahis.large {
    position: relative;
    font-size: 25px;
    padding: 10px 5px;
    font-weight: 700
}

.goBahis.large i {
    font-size: 40px
}

.goBahis.large img {
    top: 10px
}

.payment-methods a {
    height: 25px;
    display: flex;
    padding-right: 25px;
    margin-bottom: 20px;
    overflow: hidden
}

.payment-methods a img {
    height: 50px;
    margin-bottom: -25px
}

.payment-methods a:hover img {
    margin-top: -25px;
    margin-bottom: 0
}

.bottom-text p {
    font-size: 13px;
    line-height: 15px;
    margin-top: 0
}

.bottom-sub-text {
    font-size: 12px;
    color: #666
}

#register label.error {
    position: absolute;
    top: 100%;
    right: 8px;
    left: 8px;
    color: #fff;
    padding: 3px 10px;
        background: #000000 !important;
    z-index: 2
}

.pageContent ._title.form-title {
    line-height: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #fff
}

.form-step {
    color: #000000;
    background: url(../img/step.png) no-repeat
}

.form-step.current {
    color: #c3c3c3;
    background: url(../img/step-active.png) no-repeat
}

.form-step span {
    font-size: 30px;
    font-weight: 700;
    padding-right: 10px
}

.form-fields label {
    font-size: 11px;
    color: #fff;
    margin-bottom: 0
}

.form-fields input[type=text], .form-fields input[type=password], .form-fields select {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    box-shadow: none;
    box-sizing: border-box;
    border-radius: 8px;
    background: inherit;
    background-color: #000000;
    border: 1px solid #39424e;
    color: #fff;
    height: 48px;
    /* margin-top: 8px; */
    padding: 12px 20px 13px 15px;
}

.form-fields input[type=text].error, .form-fields input[type=password].error, .form-fields select.error {
    border: 1px solid #c3c3c3
}

.form-fields input[type=text].valid, .form-fields input[type=password].valid, .form-fields select.valid {
    border: 1px solid #60b704
}

.form-fields #messageType {
    min-width: 176px
}

.form-fields #userName, .form-fields #balance {
    min-width: 274px
}

#payout-step-one #balance {
    min-width: unset;
    width: 60px
}

.form-fields #day, .form-fields #month, .form-fields #year {
    min-width: 88px
}

.form-fields label.error {
    position: absolute;
    top: 100%;
    left: 8px;
    color: #fff;
    padding: 3px 10px;
    background: #2e303b;
    z-index: 2
}

.form-bottom-text {
    font-size: 10px;
    color: #fff;
    padding-top: 10px
}

.form-fields .bttn {
    min-width: 90px;
    padding: 4px 35px 4px 15px;
    outline: none
}

.form-fields .bttn.reverse {
    padding: 4px 15px 4px 35px
}

.form-fields .bttn.reverse img {
    left: -2px;
    transform: rotate(180deg)
}

.reset-password-error, .payment-error {
    border: 1px solid #c3c3c3
}

.reset-password-error:before, .payment-error:before {
    content: 'x';
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 50px;
    color: #fff;
    font-weight: 700;
    padding-bottom: 10px;
    background: #c3c3c3;
    border-radius: 50%;
    margin-right: 15px
}

.payment-method {
    font-size: 11px;
    color: #2e303b
}

.payment-method:not(:last-child) {
    border-bottom: 1px solid #ccc
}

.payment-main-title {
    font-size: 14px
}

.toggle-details-button {
    display: flex;
    cursor: pointer
}

.payment-method-detail {
    display: none;
    border-top: 1px solid #ccc
}

.payment-method-detail-inner {
    border-left: 1px solid #ccc
}

.payment-detail-title {
    font-size: 14px
}

.payment-method-detail-inner ul {
    font-size: 12px
}

.bonus-content {
    min-height: 90px
}

.bonus-title {
    font-size: 20px;
    color: #ff4f45;
    font-weight: 700
}

.bonus-content .bttn {
    height: 48px;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
        background: #000000 !important;
    border: 2px solid #000000;
    border-radius: 0
}

.bonus-content .bttn:hover {
    color: #e5e5e5;
    background: #4b5866
}

.bonus-content .bttn img {
    top: 11px;
    filter: grayscale(1) brightness(5)
}

.bonus-content .bttn:hover img {
    filter: invert(1) saturate(.5) hue-rotate(-65deg)
}

.bonus-toggle-button {
    border-top: 1px solid #ff4f45;
    cursor: pointer
}

.bonus-details {
    display: none;
    color: #fff
}

.bonus-details h4 {
    font-size: 13px;
    color: #2e303c;
    font-weight: 700;
    padding-bottom: 20px
}

.bonus-details p {
    font-size: 13px;
    color: #ffffff;
    padding-bottom: 30px
}

#payout-step-one .payout-text a {
    color: #c3c3c3
}

#payout-step-one .amount {
    width: 100px
}

#payout-step-one .total .amount {
    border-top: 1px solid #ff4f45
}

.amount-method label input[type=radio] {
    visibility: hidden;
    opacity: 0;
    pointer-events: none
}

.amount-method label input + span {
    height: 65px;
    border: 1px solid #ff4f45;
    cursor: pointer;
    border-radius: 10px;
    color: #000
}

.amount-method label input:checked + span {
        background: #000000 !important;
    border-radius: 10px
}

.amount-method label:hover input + span {
        background: #ff4f45;
}

.amount-method label input + span strong {
    font-size: 16px
}

#aOther-trigger {
    width: 95%;
    border-color: #ccc;
    border-radius: 10px
}

.amount-method > span {
    font-size: 11px
}

.tooltip-trigger {
    cursor: pointer
}

.payout-tooltip {
    top: 100%;
    left: 0;
    min-width: 250px;
    background: #e5e5e5;
    border: 1px solid #c3c3c3;
    z-index: 99
}

.tooltip-title {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.tooltip-close {
    width: 16px;
    height: 16px;
    color: #fff;
    background: #c3c3c3;
    cursor: pointer
}

.tooltip-content {
    font-size: 11px
}

#loginModal .modal-dialog {
    max-width: 680px
}

.login-modal-title {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: bolder;
    color: #c3c3c3;
    text-align: center;
    margin-top: 0;
    margin-bottom: 27px;
    line-height: 1.1em
}

.login-modal-content > .row > .col-12 {
    padding: 0 30px
}

.login-modal-content > .row > .col-12:first-child {
    border-right: 1px solid #cecece
}

.login-modal-sub-title {
    line-height: 18px;
    font-size: 14px;
    color: #2e303b;
    font-weight: 700;
    text-align: left;
    margin-bottom: 7px
}

.login-modal-form .form-group {
    margin-bottom: 6px
}

.login-modal-form .form-group input {
    width: 100%;
    height: 34px;
    border: 1px solid #cecece;
    padding: 8px 10px;
    border-radius: 0;
    outline: none;
    color: #666;
    outline: none
}

.form-links img + span {
    width: calc(100% - 55px)
}

.form-links .link-title {
    font-size: 13px;
    color: #2e303b;
    font-weight: 700
}

.form-links a {
    font-size: 12px;
    color: #2e303b;
    text-decoration: underline
}

.login-modal-bonus-text {
    line-height: 41px;
    font-size: 38px;
    color: #2e303b;
    font-weight: 700;
    margin: 6px 0
}

.login-modal-bonus-text span + span {
    line-height: 30px;
    font-size: 31px;
    color: #c3c3c3
}

#loginModal .bttn {
    width: 100%;
    height: 56px;
    font-size: 18px;
    font-weight: 700;
    outline: none
}

#loginModal .bttn img {
    top: 18px
}

@media(max-width: 576px) {
    .bonus-title {
        font-size: 16px
    }

    .bonus-text {
        font-size: 13px
    }

    .bonus-content .bttn {
        font-size: 12px
    }

    #register h1 {
        line-height: 24px;
        font-size: 20px
    }

    #register form {
        padding: 10px;
        background: 0 0
    }

    #register form .radioWrap {
        min-width: unset
    }

    #register form .radioWrap input {
        visibility: hidden;
        opacity: 0;
        pointer-events: none
    }

    #register form .radioWrap label {
        background: #eee !important;
        background-color: #e5e5e5 !important;
        border: 1px solid #c3c3c3;
        cursor: pointer;
        float: left;
        margin: 0 5px 0 0;
        min-width: 139px;
        padding: 2px 58px;
        border-radius: 5px
    }

    #register form .radioWrap :checked + label {
        background: #e5e5e5 !important;
        background-color: #ff4f45 !important;
        -webkit-box-shadow: inset 1px 1px 1px 0 rgb(0 0 0/30%);
        -moz-box-shadow: inset 1px 1px 1px 0 rgba(0,0,0,.3);
        box-shadow: inset 1px 1px 1px 0 rgb(0 0 0/30%);
        color: #fff;
        height: auto;
        max-width: none
    }

    .goBahis, .bttn {
        font-weight: 700;
        padding: 8px 10px
    }

    .goBahis.large {
        font-size: 26px;
        padding: 4px 5px
    }

    .bottom-text p {
        font-size: 16px;
        line-height: 20px
    }

    .payment-methods {
        border-top: 1px dashed #666
    }

    .payment-methods a {
        padding-right: 10px;
        margin-bottom: 15px
    }

    .form-error {
        min-height: 54px;
        color: #000;
        padding: 5px 15px;
        font-weight: 700;
        border-bottom: 1px solid #ddd
    }

    .form-error:not(.d-none) {
        display: flex
    }

    .form-error > span {
        padding-left: 7px
    }

    #RememberMe {
        float: right;
        width: auto;
        height: auto;
        appearance: auto;
        margin-top: 3px;
        margin-right: 10px
    }

    #contact-form label + .col-sm-10 > label {
        display: none !important
    }

    ._title-payment {
        font-size: 1.5em;
        color: #06f;
        font-weight: 700
    }

    a.social-link_c2218 {
        /* filter: invert(1); */
    }
}

h1.entry-title {
    color: #fff;
    text-align: center
}

.w-100.flex-grow-1.bonus-text {
    color: #fff
}

strong {
    color: #fff
}

span#BTNmae_ {
    color: #ff4f45
}

.payout-text {
    color: #ff4f45
}

body {
    margin: 0
}

.snowfall {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
    pointer-events: none;
    z-index: 9
}

@keyframes fall {
    to {
        transform: translateY(100vh)
    }
}

.snowflake {
    position: absolute;
    width: 3px;
    height: 3px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(255,255,255,.8);
    z-index: 9
}

.cms_richtext {
    color: #ffffff;
}

.promotion-details-info p {
    padding: 10px 0;
    color: #ff4f45;
    line-height: 1.3
}

.spoiler-content p {
    color: #ff4f45
}

.promotion-details-info p {
    padding-left: 15px
}

.overlay-header {
    display: flex;
    align-items: center;
    height: 49px;
    line-height: 49px;
    padding: 0 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

.col-12.d-flex.flex-wrap.pt-5.payment-methods {
    display: flex;
    justify-content: center
}

label.reducedQuotes {
    color: #fff
}

button.btn.btn-primary.btn-sm {
    max-width: 75px;
    background: #ff4f45
}

.form-control {
    display: block;
    width: 100%;
    height: calc(2.5em + 0.75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #263045;
    background-clip: padding-box;
    border: 1px solid #263045;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-radius: 10px;
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #000000;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #fff
}

.bg-colors {
    background-color: #ff4f45 !important
}

table.table.mb-2 {
    border: 1px solid #ff4f45
}

.new_b {
    padding: 2px 0 10px 0;
    background: #000000 !important;
    width: auto
}

.header.cf {
    border: 1px solid #ff4f45 !important;
    font-size: 12px;
    color: #fff !important;
    background: #000000 !important
}

@media screen and (max-width: 1366px) .casino-info-block {
    min-width: 248px;
}

.casino-info-block {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: rgb(255 255 255 / 10%) !important;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border: 1px solid #4b7077;
    border-radius: 4px;
}

.casino-tournament-header {
    display: flex;
    align-items: center;
    overflow: hidden;
    height: 44px;
    padding: 0 16px;
    color: #fff;
    border-bottom: 1px solid #4b7077;
}

.casino-tournament-header-icon {
    flex-shrink: 0;
    margin-inline-end: 10px; font-size: 22px;
    font-style: normal;
}

.casino-tournament-header-title {
    flex: auto;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
}

.casino-tournament-all {
    align-self: flex-end;
    margin-top: 10px;
    padding: 0 15px;
    color: #fbca04;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
}

.casino-info-content {
    padding: 15px;
    max-height: 410px;
    will-change: scroll-position;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.casino-info-content > li {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 10px;
    background: rgb(255 255 255 / 15%) !important;
    border-radius: 4px;
    transition: .24s;
}

.casino-info-img {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    object-fit: cover;
    margin-inline-end: 10px; border-radius: 4px;
    overflow: hidden;
}

.casino-tournament-info {
    flex: auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    font-size: 14px;
}

.casino-tournament-name {
    max-width: 100%;
    color: #fbca04;
}

.casino-tournament-amount {
    color: var(--b-sc);
}


.bc-i-400037034::before, .bc-i-Betting-bet::before, .bc-i-populargames::before, .bc-i-tournament::before, .bc-i-VirtualFootballLeague::before {
    color: #FBCA04 !important;
}

[type='checkbox']:focus, [type='radio']:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --un-ring-inset: var(--un-empty, /*!*/ /*!*/ );
    --un-ring-offset-width: 2px;
    --un-ring-offset-color: #fff;
    --un-ring-color: #2563eb;
    --un-ring-offset-shadow: var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);
    --un-ring-shadow: var(--un-ring-inset) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color);
    box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
}

.form-checkbox:focus, .form-radio:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --un-ring-inset: var(--un-empty, /*!*/ /*!*/ );
    --un-ring-offset-width: 2px;
    --un-ring-offset-color: #fff;
    --un-ring-color: #2563eb;
    --un-ring-offset-shadow: var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);
    --un-ring-shadow: var(--un-ring-inset) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color);
    box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
}

[type='checkbox']:checked, [type='radio']:checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.form-checkbox:checked, .form-radio:checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

[type='checkbox']:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

.form-checkbox:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

[type='radio']:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}

.form-radio:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}

[type='checkbox']:checked:hover, [type='checkbox']:checked:focus, [type='radio']:checked:hover, [type='radio']:checked:focus {
    border-color: transparent;
    background-color: currentColor;
}

.form-checkbox:checked:hover, .form-checkbox:checked:focus, .form-radio:checked:hover, .form-radio:checked:focus {
    border-color: transparent;
    background-color: currentColor;
}

[type='checkbox']:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.form-checkbox:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

[type='checkbox']:indeterminate:hover, [type='checkbox']:indeterminate:focus {
    border-color: transparent;
    background-color: currentColor;
}

.form-checkbox:indeterminate:hover, .form-checkbox:indeterminate:focus {
    border-color: transparent;
    background-color: currentColor;
}

[type='file'] {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit;
}

[type='file']:focus {
    outline: 1px solid ButtonText;
}

.fill\:i-tabler-star {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 17.75l-6.172 3.245l1.179-6.873l-5-4.867l6.9-1l3.086-6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'/%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-circle-flags-az {
    background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 512 512' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3CclipPath id='svgIDa'%3E%3Ccircle cx='256' cy='256' r='256'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23svgIDa)'%3E%3Cpath fill='%23d80027' d='m0 166.9l253-31.8l259 31.8v178l-257.5 37.4L0 345z'/%3E%3Cpath fill='%23338af3' d='M0 0h512v166.9H0z'/%3E%3Cpath fill='%236da544' d='M0 344.9h512V512H0z'/%3E%3Cg fill='%23eee'%3E%3Cpath d='M261.6 328.2a72.3 72.3 0 1 1 34.4-136a89 89 0 1 0 0 127.3a72 72 0 0 1-34.4 8.7z'/%3E%3Cpath d='m317.2 206l9.6 26.8l25.8-12.3l-12.2 25.8l26.9 9.6l-27 9.6l12.3 25.8l-25.8-12.3l-9.6 27l-9.6-27l-25.8 12.3l12.3-25.8l-27-9.6l27-9.6l-12.3-25.8l25.8 12.3z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
    width: 1em;
    height: 1em;
}

.i-circle-flags-de {
    background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 512 512' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3CclipPath id='svgIDa'%3E%3Ccircle cx='256' cy='256' r='256'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23svgIDa)'%3E%3Cpath fill='%23ffda44' d='m0 345l256.7-25.5L512 345v167H0z'/%3E%3Cpath fill='%23d80027' d='m0 167l255-23l257 23v178H0z'/%3E%3Cpath fill='%23333' d='M0 0h512v167H0z'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
    width: 1em;
    height: 1em;
}

.i-circle-flags-en {
    background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 512 512' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3CclipPath id='svgIDa'%3E%3Ccircle cx='256' cy='256' r='256'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23svgIDa)'%3E%3Cpath fill='%23eee' d='m0 0l8 16l-8 15v16l32 65l-32 64v32l32 48l-32 48v32l32 64l-32 65v47l16-8l15 8h16l65-32l64 32h32l48-32l48 32h32l64-32l65 32h47l-8-15l8-16v-16l-32-65l32-64v-32l-32-48l32-48v-32l-32-64l32-65V0l-15 8l-16-8h-16l-65 32l-64-32h-32l-48 32l-48-32h-32l-64 32L47 0H0z'/%3E%3Cpath fill='%230052b4' d='m47 0l129 129V0Zm289 0v129L465 0ZM0 47v129h129Zm512 0L383 176h129ZM0 336v129l129-129Zm383 0l129 129V336Zm-47 47v129h129zm-160 0L47 512h129Z'/%3E%3Cpath fill='%23d80027' d='M208 0v208H0v96h208v208h96V304h208v-96H304V0h-96z'/%3E%3Cpath fill='%23d80027' d='m336 336l176 176v-31L367 336Zm0-160L512 0h-31L336 145Zm-160 0L0 0v31l145 145zm0 160L0 512h31l145-145Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
    width: 1em;
    height: 1em;
}

.i-circle-flags-es {
    background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 512 512' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3CclipPath id='svgIDa'%3E%3Ccircle cx='256' cy='256' r='256'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23svgIDa)'%3E%3Cpath fill='%23ffda44' d='m0 128l256-32l256 32v256l-256 32L0 384Z'/%3E%3Cpath fill='%23d80027' d='M0 0h512v128H0zm0 384h512v128H0z'/%3E%3Cg fill='%23eee'%3E%3Cpath d='M144 304h-16v-80h16zm128 0h16v-80h-16z'/%3E%3Cellipse cx='208' cy='296' rx='48' ry='32'/%3E%3C/g%3E%3Cg fill='%23d80027'%3E%3Crect width='16' height='24' x='128' y='192' rx='8'/%3E%3Crect width='16' height='24' x='272' y='192' rx='8'/%3E%3Cpath d='M208 272v24a24 24 0 0 0 24 24a24 24 0 0 0 24-24v-24h-24z'/%3E%3C/g%3E%3Crect width='32' height='16' x='120' y='208' fill='%23ff9811' ry='8'/%3E%3Crect width='32' height='16' x='264' y='208' fill='%23ff9811' ry='8'/%3E%3Crect width='32' height='16' x='120' y='304' fill='%23ff9811' rx='8'/%3E%3Crect width='32' height='16' x='264' y='304' fill='%23ff9811' rx='8'/%3E%3Cpath fill='%23ff9811' d='M160 272v24c0 8 4 14 9 19l5-6l5 10a21 21 0 0 0 10 0l5-10l5 6c6-5 9-11 9-19v-24h-9l-5 8l-5-8h-10l-5 8l-5-8z'/%3E%3Cpath fill='%23d80027' d='M122 248a4 4 0 0 0-4 4a4 4 0 0 0 4 4h172a4 4 0 0 0 4-4a4 4 0 0 0-4-4zm0 24a4 4 0 0 0-4 4a4 4 0 0 0 4 4h28a4 4 0 0 0 4-4a4 4 0 0 0-4-4zm144 0a4 4 0 0 0-4 4a4 4 0 0 0 4 4h28a4 4 0 0 0 4-4a4 4 0 0 0-4-4z'/%3E%3Cpath fill='%23eee' d='M196 168c-7 0-13 5-15 11l-5-1c-9 0-16 7-16 16s7 16 16 16c7 0 13-4 15-11a16 16 0 0 0 17-4a16 16 0 0 0 17 4a16 16 0 1 0 10-20a16 16 0 0 0-27-5c-3-4-7-6-12-6zm0 8c5 0 8 4 8 8c0 5-3 8-8 8c-4 0-8-3-8-8c0-4 4-8 8-8zm24 0c5 0 8 4 8 8c0 5-3 8-8 8c-4 0-8-3-8-8c0-4 4-8 8-8zm-44 10l4 1l4 8c0 4-4 7-8 7s-8-3-8-8c0-4 4-8 8-8zm64 0c5 0 8 4 8 8c0 5-3 8-8 8c-4 0-8-3-8-7l4-8z'/%3E%3Cpath fill='none' d='M220 284v12c0 7 5 12 12 12s12-5 12-12v-12z'/%3E%3Cpath fill='%23ff9811' d='M200 160h16v32h-16z'/%3E%3Cpath fill='%23eee' d='M208 224h48v48h-48z'/%3E%3Cpath fill='%23d80027' d='m248 208l-8 8h-64l-8-8c0-13 18-24 40-24s40 11 40 24zm-88 16h48v48h-48z'/%3E%3Crect width='20' height='32' x='222' y='232' fill='%23d80027' rx='10' ry='10'/%3E%3Cpath fill='%23ff9811' d='M168 232v8h8v16h-8v8h32v-8h-8v-16h8v-8zm8-16h64v8h-64z'/%3E%3Cg fill='%23ffda44'%3E%3Ccircle cx='186' cy='202' r='6'/%3E%3Ccircle cx='208' cy='202' r='6'/%3E%3Ccircle cx='230' cy='202' r='6'/%3E%3C/g%3E%3Cpath fill='%23d80027' d='M169 272v43a24 24 0 0 0 10 4v-47h-10zm20 0v47a24 24 0 0 0 10-4v-43h-10z'/%3E%3Cg fill='%23338af3'%3E%3Ccircle cx='208' cy='272' r='16'/%3E%3Crect width='32' height='16' x='264' y='320' ry='8'/%3E%3Crect width='32' height='16' x='120' y='320' ry='8'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
    width: 1em;
    height: 1em;
}

.i-circle-flags-fa {
    background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 512 512' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3CclipPath id='svgIDa'%3E%3Ccircle cx='256' cy='256' r='256'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23svgIDa)'%3E%3Cpath fill='%23eee' d='M0 144.7L258.8 39.6L512 144.7v222.6L257 493L0 367.3z'/%3E%3Cpath fill='%236da544' d='M0 0v144.7h105.6v-22.2h33.6v22.2h33.3v-22.2h33.6v22.2h33.3v-22.2H273v22.2h33v-22.2h33.6v22.2h33.2v-22.2h33.6v22.2H512V0z'/%3E%3Cpath fill='%23d80027' d='M0 367.3V512h512V367.3H406.4v22.4h-33.6v-22.4h-33.2v22.4H306v-22.4h-33v22.4h-33.6v-22.4h-33.3v22.4h-33.6v-22.4h-33.3v22.4h-33.6v-22.4zm339.1-178h-33.4c.2 3.7.4 7.4.4 11.1c0 24.8-6.2 48.8-17 66c-3.3 5.2-9 12.6-16.4 17.6v-94.7h-33.4v94.8c-7.5-5-13-12.4-16.4-17.7c-10.8-17-17-41-17-65.9c0-3.7.2-7.4.4-11H173a190 190 0 0 0-.4 11c0 68.7 36.7 122.5 83.5 122.5s83.5-53.8 83.5-122.5c0-3.7-.1-7.4-.4-11z'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
    width: 1em;
    height: 1em;
}

.i-circle-flags-fr {
    background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 512 512' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3CclipPath id='svgIDa'%3E%3Ccircle cx='256' cy='256' r='256'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23svgIDa)'%3E%3Cpath fill='%23eee' d='M167 0h178l25.9 252.3L345 512H167l-29.8-253.4z'/%3E%3Cpath fill='%230052b4' d='M0 0h167v512H0z'/%3E%3Cpath fill='%23d80027' d='M345 0h167v512H345z'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
    width: 1em;
    height: 1em;
}

.i-circle-flags-it {
    background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 512 512' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3CclipPath id='svgIDa'%3E%3Ccircle cx='256' cy='256' r='256'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23svgIDa)'%3E%3Cpath fill='%23eee' d='M167 0h178l25.9 252.3L345 512H167l-29.8-253.4z'/%3E%3Cpath fill='%236da544' d='M0 0h167v512H0z'/%3E%3Cpath fill='%23d80027' d='M345 0h167v512H345z'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
    width: 1em;
    height: 1em;
}

.i-circle-flags-ku {
    background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 512 512' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3CclipPath id='svgIDa'%3E%3Ccircle cx='256' cy='256' r='256'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23svgIDa)'%3E%3Cpath fill='%23eee' d='m0 144.7l257-22.4l255 22.4v222.6l-254.9 31L0 367.3z'/%3E%3Cpath fill='%23d80027' d='M0 0h512v144.7H0z'/%3E%3Cpath fill='%236da544' d='M0 367.3h512V512H0z'/%3E%3Cpath fill='%23ffda44' d='m256 95.9l19.4 83.6l56.1-65l-21.6 83l79.8-31.4l-57.7 63.5l85.3 9.2l-80.7 29.3L408 316l-85-11.5l40.8 75.5l-70-49.7L295 416l-39-76.4l-38.9 76.4l1.2-85.8l-70 49.7l40.8-75.5l-85 11.5l71.3-47.9l-80.7-29.3l85.3-9.3l-57.7-63.4l79.8 31.5l-21.6-83.1l56 65z'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
    width: 1em;
    height: 1em;
}

.i-circle-flags-pt {
    background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 512 512' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3CclipPath id='svgIDa'%3E%3Ccircle cx='256' cy='256' r='256'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23svgIDa)'%3E%3Cpath fill='%236da544' d='M0 512h167l37.9-260.3L167 0H0z'/%3E%3Cpath fill='%23d80027' d='M512 0H167v512h345z'/%3E%3Ccircle cx='167' cy='256' r='89' fill='%23ffda44'/%3E%3Cpath fill='%23d80027' d='M116.9 211.5V267a50 50 0 1 0 100.1 0v-55.6H117z'/%3E%3Cpath fill='%23eee' d='M167 283.8c-9.2 0-16.7-7.5-16.7-16.7V245h33.4v22c0 9.2-7.5 16.7-16.7 16.7z'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
    width: 1em;
    height: 1em;
}

.i-circle-flags-ru {
    background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 512 512' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3CclipPath id='svgIDa'%3E%3Ccircle cx='256' cy='256' r='256'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23svgIDa)'%3E%3Cpath fill='%230052b4' d='m0 167l253.8-19.3L512 167v178l-254.9 32.3L0 345z'/%3E%3Cpath fill='%23eee' d='M0 0h512v167H0z'/%3E%3Cpath fill='%23d80027' d='M0 345h512v167H0z'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
    width: 1em;
    height: 1em;
}

.i-circle-flags-tr {
    background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 512 512' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3CclipPath id='svgIDa'%3E%3Ccircle cx='256' cy='256' r='256'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23svgIDa)'%3E%3Cpath fill='%23d80027' d='M0 0h512v512H0z'/%3E%3Cg fill='%23eee'%3E%3Cpath d='m245.5 209.2l21 29l34-11.1l-21 29l21 28.9l-34-11.1l-21 29V267l-34-11.1l34-11z'/%3E%3Cpath d='M188.2 328.3a72.3 72.3 0 1 1 34.4-136a89 89 0 1 0 0 127.3a72 72 0 0 1-34.4 8.7z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
    width: 1em;
    height: 1em;
}

.i-tabler-adjustments-horizontal {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='14' cy='6' r='2'/%3E%3Cpath d='M4 6h8m4 0h4'/%3E%3Ccircle cx='8' cy='12' r='2'/%3E%3Cpath d='M4 12h2m4 0h10'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3Cpath d='M4 18h11m4 0h1'/%3E%3C/g%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-alert-octagon {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8.7 3h6.6c.3 0 .5.1.7.3L20.7 8c.2.2.3.4.3.7v6.6c0 .3-.1.5-.3.7L16 20.7c-.2.2-.4.3-.7.3H8.7c-.3 0-.5-.1-.7-.3L3.3 16c-.2-.2-.3-.4-.3-.7V8.7c0-.3.1-.5.3-.7L8 3.3c.2-.2.4-.3.7-.3zM12 8v4m0 4h.01'/%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-alert-triangle {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 9v2m0 4v.01M5 19h14a2 2 0 0 0 1.84-2.75L13.74 4a2 2 0 0 0-3.5 0l-7.1 12.25A2 2 0 0 0 4.89 19'/%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-arrow-down-left {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 7L7 17m9 0H7V8'/%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-arrow-up-right {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 7L7 17M8 7h9v9'/%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-award {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='9' r='6'/%3E%3Cpath d='m12.002 15.003l3.4 5.89L17 17.66l3.598.232l-3.4-5.889m-10.396 0l-3.4 5.89L7 17.66l1.598 3.232l3.4-5.889'/%3E%3C/g%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-ball-football {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m12 7l4.76 3.45L15 16H9l-1.76-5.55zm0 0V3m3 13l2.5 3m-.74-8.55L20.5 9M9.06 16.05L6.5 19m.74-8.55L3.5 9'/%3E%3C/g%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-brand-skype {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 3a9 9 0 0 1 8.603 11.65a4.5 4.5 0 0 1-5.953 5.953A9 9 0 0 1 3.397 9.35A4.5 4.5 0 0 1 9.35 3.396A8.987 8.987 0 0 1 12 3z'/%3E%3Cpath d='M8 14.5c.5 2 2.358 2.5 4 2.5c2.905 0 4-1.187 4-2.5c0-1.503-1.927-2.5-4-2.5s-4-.997-4-2.5C8 8.187 9.095 7 12 7c1.642 0 3.5.5 4 2.5'/%3E%3C/g%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-brand-whatsapp {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m3 21l1.65-3.8a9 9 0 1 1 3.4 2.9L3 21'/%3E%3Cpath d='M9 10a.5.5 0 0 0 1 0V9a.5.5 0 0 0-1 0v1a5 5 0 0 0 5 5h1a.5.5 0 0 0 0-1h-1a.5.5 0 0 0 0 1'/%3E%3C/g%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-check {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 12l5 5L20 7'/%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-chevron-down {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-chevron-left {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 6l-6 6l6 6'/%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-chevron-right {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 6l6 6l-6 6'/%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-chevron-up {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 15l6-6l6 6'/%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-chevrons-down {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 7l5 5l5-5M7 13l5 5l5-5'/%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-dots-circle-horizontal {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12v.01m4-.01v.01m4-.01v.01'/%3E%3C/g%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-exclamation-mark {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 19v.01M12 15V5'/%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-eye {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Cpath d='M22 12c-2.667 4.667-6 7-10 7s-7.333-2.333-10-7c2.667-4.667 6-7 10-7s7.333 2.333 10 7'/%3E%3C/g%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-eye-off {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m3 3l18 18M10.584 10.587a2 2 0 0 0 2.828 2.83'/%3E%3Cpath d='M9.363 5.365A9.466 9.466 0 0 1 12 5c4 0 7.333 2.333 10 7c-.778 1.361-1.612 2.524-2.503 3.488m-2.14 1.861C15.726 18.449 13.942 19 12 19c-4 0-7.333-2.333-10-7c1.369-2.395 2.913-4.175 4.632-5.341'/%3E%3C/g%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-file-analytics {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2zm-8-4v-5m3 5v-1m3 1v-3'/%3E%3C/g%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-file-upload {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2zm-5-10v6'/%3E%3Cpath d='M9.5 13.5L12 11l2.5 2.5'/%3E%3C/g%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-files {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M18 17h-7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4l5 5v7a2 2 0 0 1-2 2z'/%3E%3Cpath d='M16 17v2a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h2'/%3E%3C/g%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-history {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 8v4l2 2'/%3E%3Cpath d='M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5'/%3E%3C/g%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-info-circle {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8h.01M11 12h1v4h1'/%3E%3C/g%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-loader-2 {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3a9 9 0 1 0 9 9'/%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-lock {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='14' height='10' x='5' y='11' rx='2'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/g%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-message-circle {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m3 20l1.3-3.9A9 8 0 1 1 7.7 19L3 20m9-8v.01M8 12v.01m8-.01v.01'/%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-minus {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14'/%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-plus {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m-7-7h14'/%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-printer {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M17 17h2a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2m10-8V5a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v4'/%3E%3Crect width='10' height='8' x='7' y='13' rx='2'/%3E%3C/g%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-receipt {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 21V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16l-3-2l-2 2l-2-2l-2 2l-2-2l-3 2M9 7h6m-6 4h6m-2 4h2'/%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-refresh {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 11A8.1 8.1 0 0 0 4.5 9M4 5v4h4m-4 4a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4'/%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-search {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='10' cy='10' r='7'/%3E%3Cpath d='m21 21l-6-6'/%3E%3C/g%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-star {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 17.75l-6.172 3.245l1.179-6.873l-5-4.867l6.9-1l3.086-6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'/%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-window-maximize {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='5' height='5' x='3' y='16' rx='1'/%3E%3Cpath d='M4 12V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-6'/%3E%3Cpath d='M12 8h4v4m0-4l-5 5'/%3E%3C/g%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.i-tabler-x {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    width: 1em;
    height: 1em;
}

.visible {
    visibility: visible;
}

.absolute {
    position: absolute;
}

.fixed {
    position: fixed;
}

.relative {
    position: relative;
}

.sticky {
    position: sticky;
}

.inset-y-0 {
    top: 0rem;
    bottom: 0rem;
}

.bottom-\[2\.25px\] {
    bottom: 2.25px;
}

.bottom-0 {
    bottom: 0rem;
}

.bottom-20 {
    bottom: 5rem;
}

.left-0 {
    left: 0rem;
}

.left-4 {
    left: 1rem;
}

.right--2 {
    right: -0.5rem;
}

.right-\[2\.25px\] {
    right: 2.25px;
}

.right-0 {
    right: 0rem;
}

.right-1 {
    right: 0.25rem;
}

.right-3 {
    right: 0.75rem;
}

.right-3\/10 {
    right: 30%;
}

.top-\[2\.25px\] {
    top: 2.25px;
}

.top-0 {
    top: 0rem;
}

.top-1 {
    top: 0.25rem;
}

.top-10\! {
    top: 2.5rem !important;
}

.top-115px {
    top: 115px;
}

.top-12 {
    top: 3rem;
}

.top-158px {
    top: 158px;
}

.top-160px {
    top: 160px;
}

.top-204px {
    top: 204px;
}

.top-206px {
    top: 206px;
}

.top-28 {
    top: 7rem;
}

.top-48px {
    top: 48px;
}

.top-77px {
    top: 77px;
}

.top-96px {
    top: 96px;
}

.focus\:z-10:focus, .z-10 {
    z-index: 10;
}

.z-100 {
    z-index: 100;
}

.z-100\! {
    z-index: 100 !important;
}

.z-20 {
    z-index: 20;
}

.z-200 {
    z-index: 200;
}

.z-30 {
    z-index: 30;
}

.z-50 {
    z-index: 50;
}

.z-80 {
    z-index: 80;
}

.z-89 {
    z-index: 89;
}

.z-90 {
    z-index: 90;
}

.z-91 {
    z-index: 91;
}

.grid {
    display: grid;
}

.col-span-2 {
    grid-column: span 2/span 2;
}

.col-span-3 {
    grid-column: span 3/span 3;
}

.row-span-2 {
    grid-row: span 2/span 2;
}

.col-start-2 {
    grid-column-start: 2;
}

.grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr));
}

.grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr));
}

.grid-cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr));
}

.grid-cols-4 {
    grid-template-columns: repeat(4,minmax(0,1fr));
}

.grid-rows-2 {
    grid-template-rows: repeat(2,minmax(0,1fr));
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.m-0 {
    margin: 0rem;
}

.m-0\.75 {
    margin: 0.1875rem;
}

.m-1 {
    margin: 0.25rem;
}

.m-10 {
    margin: 2.5rem;
}

.m-2 {
    margin: 0.5rem;
}

.m-4 {
    margin: 1rem;
}

.m-5 {
    margin: 1.25rem;
}

.m-auto {
    margin: auto;
}

.mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.mx-1\.5 {
    margin-left: 0.375rem;
    margin-right: 0.375rem;
}

.mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.mx-2\.5 {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
}

.mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
}

.mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

.my-1\.5 {
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
}

.my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.-mb-2 {
    margin-bottom: -0.5rem;
}

.-mr-2 {
    margin-right: -0.5rem;
}

.file\:mr-4::file-selector-button, .mr-4 {
    margin-right: 1rem;
}

.mb-0 {
    margin-bottom: 0rem;
}

.mb-1 {
    margin-bottom: 0.25rem;
}

.mb-1\.25 {
    margin-bottom: 0.3125rem;
}

.mb-12 {
    margin-bottom: 3rem;
}

.mb-16 {
    margin-bottom: 4rem;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.mb-3 {
    margin-bottom: 0.75rem;
}

.mb-3\.5 {
    margin-bottom: 0.875rem;
}

.mb-4 {
    margin-bottom: 1rem;
}

.ml-0\.5 {
    margin-left: 0.125rem;
}

.ml-1 {
    margin-left: 0.25rem;
}

.ml-1\.5 {
    margin-left: 0.375rem;
}

.ml-2 {
    margin-left: 0.5rem;
}

.ml-2\.5 {
    margin-left: 0.625rem;
}

.ml-3 {
    margin-left: 0.75rem;
}

.ml-4 {
    margin-left: 1rem;
}

.mr-0 {
    margin-right: 0rem;
}

.mr-1 {
    margin-right: 0.25rem;
}

.mr-2 {
    margin-right: 0.5rem;
}

.mr-2\.5 {
    margin-right: 0.625rem;
}

.mr-3 {
    margin-right: 0.75rem;
}

.mr-3\.75 {
    margin-right: 0.9375rem;
}

.mr-5 {
    margin-right: 1.25rem;
}

.mt-0\.5 {
    margin-top: 0.125rem;
}

.mt-1 {
    margin-top: 0.25rem;
}

.mt-1\.5 {
    margin-top: 0.375rem;
}

.mt-10 {
    margin-top: 2.5rem;
}

.mt-12 {
    margin-top: 3rem;
}

.mt-15 {
    margin-top: 3.75rem;
}

.mt-2 {
    margin-top: 0.5rem;
}

.mt-3 {
    margin-top: 0.75rem;
}

.mt-4 {
    margin-top: 1rem;
}

.mt-5 {
    margin-top: 1.25rem;
}

.mt-6 {
    margin-top: 1.5rem;
}

.mt-7 {
    margin-top: 1.75rem;
}

.mt-8 {
    margin-top: 2rem;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.hidden {
    display: none;
}

.h-\[7px\] {
    height: 7px;
}

.h-1 {
    height: 0.25rem;
}

.h-10 {
    height: 2.5rem;
}

.h-11 {
    height: 2.75rem;
}

.h-12 {
    height: 3rem;
}

.h-14 {
    height: 3.5rem;
}

.h-18 {
    height: 4.5rem;
}

.h-20 {
    height: 5rem;
}

.h-24 {
    height: 6rem;
}

.h-28px {
    height: 28px;
}

.h-31 {
    height: 7.75rem;
}

.h-32 {
    height: 8rem;
}

.h-38 {
    height: 9.5rem;
}

.h-4 {
    height: 1rem;
}

.h-40 {
    height: 10rem;
}

.h-5, .h5 {
    height: 1.25rem;
}

.h-5\.5 {
    height: 1.375rem;
}

.h-6 {
    height: 1.5rem;
}

.h-6\.5 {
    height: 1.625rem;
}

.h-64 {
    height: 16rem;
}

.h-7 {
    height: 1.75rem;
}

.h-8 {
    height: 2rem;
}

.h-9 {
    height: 2.25rem;
}

.h-auto {
    height: auto;
}

.h-auto\! {
    height: auto !important;
}

.h-full {
    height: 100%;
}

.h-min {
    height: min-content;
}

.h-px {
    height: 1px;
}

.h-screen {
    height: 100vh;
}

.h2 {
    height: 0.5rem;
}

.max-h-12 {
    max-height: 3rem;
}

.max-h-32 {
    max-height: 8rem;
}

.max-h-5 {
    max-height: 1.25rem;
}

.max-h-6 {
    max-height: 1.5rem;
}

.max-h-60 {
    max-height: 15rem;
}

.max-h-64 {
    max-height: 16rem;
}

.max-w-\[calc\(100\%-50px\)\] {
    max-width: calc(100% - 50px);
}

.max-w-\[calc\(100\%-60px\)\] {
    max-width: calc(100% - 60px);
}

.max-w-14 {
    max-width: 3.5rem;
}

.max-w-2xl {
    max-width: 42rem;
}

.max-w-5 {
    max-width: 1.25rem;
}

.max-w-8 {
    max-width: 2rem;
}

.max-w-md {
    max-width: 28rem;
}

.max-w-xs {
    max-width: 20rem;
}

.min-h-\[66px\] {
    min-height: 66px;
}

.min-h-\[calc\(100vh-144px\)\] {
    min-height: calc(100vh - 144px);
}

.min-h-\[calc\(100vh-96px\)\] {
    min-height: calc(100vh - 96px);
}

.min-h-\[calc\(70vh\)\] {
    min-height: calc(70vh);
}

.min-h-0 {
    min-height: 0rem;
}

.min-h-10 {
    min-height: 2.5rem;
}

.min-h-12 {
    min-height: 3rem;
}

.min-h-6 {
    min-height: 1.5rem;
}

.min-h-full {
    min-height: 100%;
}

.min-h-max {
    min-height: max-content;
}

.min-h-screen {
    min-height: 100vh;
}

.min-w-\[71px\] {
    min-width: 71px;
}

.min-w-\[calc\(100\%-60px\)\] {
    min-width: calc(100% - 60px);
}

.min-w-14 {
    min-width: 3.5rem;
}

.min-w-16 {
    min-width: 4rem;
}

.min-w-16\! {
    min-width: 4rem !important;
}

.min-w-2\/12 {
    min-width: 16.6666666667%;
}

.min-w-22 {
    min-width: 5.5rem;
}

.min-w-28px {
    min-width: 28px;
}

.min-w-8 {
    min-width: 2rem;
}

.min-w-full {
    min-width: 100%;
}

.w-\[7px\] {
    width: 7px;
}

.w-\[calc\(100\%\/2-0px\)\] {
    width: calc(100% / 2 - 0px);
}

.w-\[calc\(100\%\/2-10px\)\] {
    width: calc(100% / 2 - 10px);
}

.w-\[calc\(100\%\/2-5px\)\] {
    width: calc(100% / 2 - 5px);
}

.w-\[calc\(100\%\/3-5px\)\] {
    width: calc(100% / 3 - 5px);
}

.w-1\/12 {
    width: 8.3333333333%;
}

.w-1\/2, .w-5\/10, .w-6\/12 {
    width: 50%;
}

.w-1\/3, .w-2\/6, .w-4\/12, .w1\/3 {
    width: 33.3333333333%;
}

.w-1\/4, .w-3\/12 {
    width: 25%;
}

.w-1\/5, .w-2\/10 {
    width: 20%;
}

.w-10 {
    width: 2.5rem;
}

.w-10\/12 {
    width: 83.3333333333%;
}

.w-11 {
    width: 2.75rem;
}

.w-12 {
    width: 3rem;
}

.w-14 {
    width: 3.5rem;
}

.w-14\/16 {
    width: 87.5%;
}

.w-15 {
    width: 3.75rem;
}

.w-18 {
    width: 4.5rem;
}

.w-2\/12 {
    width: 16.6666666667%;
}

.w-2\/16 {
    width: 12.5%;
}

.w-2\/3, .w-4\/6 {
    width: 66.6666666667%;
}

.w-2\/5 {
    width: 40%;
}

.w-20, .w-logo {
    width: 5rem;
}

.w-24 {
    width: 6rem;
}

.w-28px {
    width: 28px;
}

.w-3\.75 {
    width: 0.9375rem;
}

.w-3\/10 {
    width: 30%;
}

.w-3\/4 {
    width: 75%;
}

.w-3\/5, .w-6\/10 {
    width: 60%;
}

.w-32 {
    width: 8rem;
}

.w-36 {
    width: 9rem;
}

.w-4 {
    width: 1rem;
}

.w-4\.5 {
    width: 1.125rem;
}

.w-40 {
    width: 10rem;
}

.w-5 {
    width: 1.25rem;
}

.w-5\.5 {
    width: 1.375rem;
}

.w-5\/12 {
    width: 41.6666666667%;
}

.w-50 {
    width: 12.5rem;
}

.w-6 {
    width: 1.5rem;
}

.w-6\.5 {
    width: 1.625rem;
}

.w-60 {
    width: 15rem;
}

.w-64 {
    width: 16rem;
}

.w-7 {
    width: 1.75rem;
}

.w-7\/10 {
    width: 70%;
}

.w-8 {
    width: 2rem;
}

.w-80 {
    width: 20rem;
}

.w-9 {
    width: 2.25rem;
}

.w-full {
    width: 100%;
}

.w-screen {
    width: 100vw;
}

.flex {
    display: flex;
}

.inline-flex {
    display: inline-flex;
}

.flex-1 {
    flex: 1 1 0%;
}

.flex-none {
    flex: none;
}

.flex-shrink-0 {
    flex-shrink: 0;
}

.shrink-to-fit {
    flex-shrink: 1;
}

.grow {
    flex-grow: 1;
}

.flex-row {
    flex-direction: row;
}

.flex-col {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

.transform {
    transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));
}

@keyframes bounce-in {
    from,20%,40%,60%,80%,to {
        animation-timing-function: ease-in-out
    }

    0% {
        opacity: 0;
        transform: scale3d(0.3,0.3,0.3)
    }

    20% {
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        transform: scale3d(0.9,0.9,0.9)
    }

    60% {
        transform: scale3d(1.03,1.03,1.03);
        opacity: 1
    }

    80% {
        transform: scale3d(0.97,0.97,0.97)
    }

    to {
        opacity: 1;
        transform: scale3d(1,1,1)
    }
}

@keyframes pulse {
    0%, 100% {
        opacity: 1
    }

    50% {
        opacity: .5
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.animate-bounce-in {
    animation: bounce-in 0.75s linear 1;
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4,0,.6,1) infinite;
}

.animate-spin {
    animation: spin 1s linear infinite;
}

.cursor-pointer {
    cursor: pointer;
}

.touch-pan-x {
    --un-pan-x: pan-x;
    touch-action: var(--un-pan-x) var(--un-pan-y) var(--un-pinch-zoom);
}

.touch-pan-y {
    --un-pan-y: pan-y;
    touch-action: var(--un-pan-x) var(--un-pan-y) var(--un-pinch-zoom);
}

.select-none {
    user-select: none;
}

.snap-x {
    scroll-snap-type: x var(--un-scroll-snap-strictness);
}

.snap-start {
    scroll-snap-align: start;
}

.appearance-none {
    appearance: none;
    -webkit-appearance: none;
}

.columns-3 {
    columns: 3;
}

.content-center {
    align-content: center;
}

.items-start {
    align-items: flex-start;
}

.items-center {
    align-items: center;
}

.items-stretch {
    align-items: stretch;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

.justify-evenly {
    justify-content: space-evenly;
}

.justify-items-start {
    justify-items: start;
}

.justify-items-center {
    justify-items: center;
}

.gap-0\.1 {
    grid-gap: 0.025rem;
    gap: 0.025rem;
}

.gap-1 {
    grid-gap: 0.25rem;
    gap: 0.25rem;
}

.gap-2 {
    grid-gap: 0.5rem;
    gap: 0.5rem;
}

.gap-4 {
    grid-gap: 1rem;
    gap: 1rem;
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --un-space-x-reverse: 0;
    margin-left: calc(1rem * calc(1 - var(--un-space-x-reverse)));
    margin-right: calc(1rem * var(--un-space-x-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --un-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--un-space-y-reverse)));
    margin-bottom: calc(1rem * var(--un-space-y-reverse));
}

.space-y-8 > :not([hidden]) ~ :not([hidden]) {
    --un-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--un-space-y-reverse)));
    margin-bottom: calc(2rem * var(--un-space-y-reverse));
}

.divide-x > :not([hidden]) ~ :not([hidden]) {
    --un-divide-x-reverse: 0;
    border-left-width: calc(1px * calc(1 - var(--un-divide-x-reverse)));
    border-right-width: calc(1px * var(--un-divide-x-reverse));
    border-left-style: solid;
    border-right-style: solid;
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
    --un-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--un-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--un-divide-y-reverse));
    border-top-style: solid;
    border-bottom-style: solid;
}

.dark .dark\:divide-darkOne > :not([hidden]) ~ :not([hidden]) {
    --un-divide-opacity: 1;
    border-color: rgba(29,26,33,var(--un-divide-opacity));
}

.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
    --un-divide-opacity: 1;
    border-color: rgba(229,231,235,var(--un-divide-opacity));
}

.divide-lightOne > :not([hidden]) ~ :not([hidden]) {
    --un-divide-opacity: 1;
    border-color: rgba(229,229,229,var(--un-divide-opacity));
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-x-auto {
    overflow-x: auto;
}

.overflow-x-scroll {
    overflow-x: scroll;
}

.overflow-y-hidden {
    overflow-y: hidden;
}

.overflow-y-scroll {
    overflow-y: scroll;
}

.scroll-smooth {
    scroll-behavior: smooth;
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-ellipsis {
    text-overflow: ellipsis;
}

.whitespace-nowrap {
    white-space: nowrap;
}

.break-normal {
    overflow-wrap: normal;
    word-break: normal;
}

.break-words {
    overflow-wrap: break-word;
}

.b, .border, .border-1 {
    border-width: 1px;
    border-style: solid;
}

.border-0, .file\:border-0::file-selector-button {
    border-width: 0px;
    border-style: solid;
}

.border-1\! {
    border-width: 1px !important;
    border-style: solid !important;
}

.border-2 {
    border-width: 2px;
    border-style: solid;
}

.border-x {
    border-left-width: 1px;
    border-right-width: 1px;
    border-left-style: solid;
    border-right-style: solid;
}

.border-y {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
}

.border-b, .border-b-1 {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.border-b-2 {
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.border-b-3 {
    border-bottom-width: 3px;
    border-bottom-style: solid;
}

.border-b-4 {
    border-bottom-width: 4px;
    border-bottom-style: solid;
}

.border-l-0 {
    border-left-width: 0px;
    border-left-style: solid;
}

.border-l-5 {
    border-left-width: 5px;
    border-left-style: solid;
}

.border-r {
    border-right-width: 1px;
    border-right-style: solid;
}

.border-r-0 {
    border-right-width: 0px;
    border-right-style: solid;
}

.border-t {
    border-top-width: 1px;
    border-top-style: solid;
}

.border-t-2\.25 {
    border-top-width: 2.25px;
    border-top-style: solid;
}

.border-t-3 {
    border-top-width: 3px;
    border-top-style: solid;
}

.border-t-5 {
    border-top-width: 5px;
    border-top-style: solid;
}

.\!border-darkFour, .\!border-lightFour {
    --un-border-opacity: 1 !important;
    border-color: rgba(200,16,46,var(--un-border-opacity)) !important;
}

.border-\[\#c9d1d4\] {
    --un-border-opacity: 1;
    border-color: rgba(201,209,212,var(--un-border-opacity));
}

.border-\[\#dedede\], .dark .dark\:border-\[\#dedede\] {
    --un-border-opacity: 1;
    border-color: rgba(222,222,222,var(--un-border-opacity));
}

.border-darkFour, .border-lightFour, .dark .dark\:border-darkFour {
    --un-border-opacity: 1;
    border-color: rgba(200,16,46,var(--un-border-opacity));
}

.border-darkOne, .dark .dark\:border-darkOne {
    --un-border-opacity: 1;
    border-color: rgba(29,26,33,var(--un-border-opacity));
}

.border-gray-200, .border-lightEighteen, .border-lightFive, .dark .dark\:border-darkEighteen {
    --un-border-opacity: 1;
    border-color: rgba(229,231,235,var(--un-border-opacity));
}

.border-gray-300 {
    --un-border-opacity: 1;
    border-color: rgba(209,213,219,var(--un-border-opacity));
}

.border-gray-400 {
    --un-border-opacity: 1;
    border-color: rgba(156,163,175,var(--un-border-opacity));
}

.border-gray-400\! {
    --un-border-opacity: 1 !important;
    border-color: rgba(156,163,175,var(--un-border-opacity)) !important;
}

.border-gray-600 {
    --un-border-opacity: 1;
    border-color: rgba(75,85,99,var(--un-border-opacity));
}

.border-green-300 {
    --un-border-opacity: 1;
    border-color: rgba(134,239,172,var(--un-border-opacity));
}

.border-green-600, .hover\:border-green-600:hover {
    --un-border-opacity: 1;
    border-color: rgba(22,163,74,var(--un-border-opacity));
}

.border-lightBg, .border-lightOne {
    --un-border-opacity: 1;
    border-color: #ff4f45;
}

.border-lightFourteen, .dark .dark\:border-darkFourteen {
    --un-border-opacity: 1;
    border-color: rgba(57,105,122,var(--un-border-opacity));
}

.border-lightSix {
    --un-border-opacity: 1;
    border-color: rgba(247,247,247,var(--un-border-opacity));
}

.border-lightThree {
    --un-border-opacity: 1;
    border-color: rgba(33,33,33,var(--un-border-opacity));
}

.border-lightTwo, .border-white {
    --un-border-opacity: 1;
    border-color: rgba(255,255,255,var(--un-border-opacity));
}

.border-neutral-300 {
    --un-border-opacity: 1;
    border-color: rgba(212,212,212,var(--un-border-opacity));
}

.border-red-300 {
    --un-border-opacity: 1;
    border-color: rgba(252,165,165,var(--un-border-opacity));
}

.border-slate-300 {
    --un-border-opacity: 1;
    border-color: rgba(203,213,225,var(--un-border-opacity));
}

.border-stone-200 {
    --un-border-opacity: 1;
    border-color: rgba(231,229,228,var(--un-border-opacity));
}

.border-transparent {
    border-color: transparent;
}

.dark .dark\:border-darkFive {
    --un-border-opacity: 1;
    border-color: rgba(31,31,31,var(--un-border-opacity));
}

.dark .dark\:border-darkTwo {
    --un-border-opacity: 1;
    border-color: rgba(18,18,18,var(--un-border-opacity));
}

.dark .dark\:border-gray-700 {
    --un-border-opacity: 1;
    border-color: rgba(55,65,81,var(--un-border-opacity));
}

.dark .dark\:border-gray-900 {
    --un-border-opacity: 1;
    border-color: rgba(17,24,39,var(--un-border-opacity));
}

.dark .dark\:border-neutral-600 {
    --un-border-opacity: 1;
    border-color: rgba(82,82,82,var(--un-border-opacity));
}

.focus\:border-blue-500:focus {
    --un-border-opacity: 1;
    border-color: rgba(59,130,246,var(--un-border-opacity));
}

.focus\:border-indigo-500:focus {
    --un-border-opacity: 1;
    border-color: rgba(99,102,241,var(--un-border-opacity));
}

.\!rounded {
    border-radius: 0.25rem !important;
}

.file\:rounded-2::file-selector-button, .rounded-2, .rounded-lg {
    border-radius: 0.5rem;
}

.rounded, .rounded-1 {
    border-radius: 0.25rem;
}

.rounded-1\.5 {
    border-radius: 0.375rem;
}

.rounded-2xl {
    border-radius: 1rem;
}

.rounded-3xl {
    border-radius: 1.5rem;
}

.rounded-999 {
    border-radius: 249.75rem;
}

.rounded-full {
    border-radius: 9999px;
}

.rounded-none {
    border-radius: 0rem;
}

.rounded-xl {
    border-radius: 0.75rem;
}

.dark .dark\:rounded-t-md, .rounded-t-md {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}

.rounded-b-lg {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.rounded-b-xl {
    border-bottom-left-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
}

.rounded-t-xl {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
}

.border-dashed {
    border-style: dashed;
}

.border-none, .focus\:border-none:focus {
    border-style: none;
}

.border-solid {
    border-style: solid;
}

.\!bg-gray-500 {
    --un-bg-opacity: 1 !important;
    background-color: rgba(107,114,128,var(--un-bg-opacity)) !important;
}

.\!bg-lightBottomBgActive {
    --un-bg-opacity: 1 !important;
    background-color: rgba(247,247,247,var(--un-bg-opacity)) !important;
}

.\!bg-lightTwelve {
    --un-bg-opacity: 1 !important;
    background-color: rgba(78,78,78,var(--un-bg-opacity)) !important;
}

.bg-\[\#28a95b\] {
    --un-bg-opacity: 1;
    background-color: #ff4f45;
}

.bg-\[\#e7eaec\] {
    --un-bg-opacity: 1;
    background-color: rgba(231,234,236,var(--un-bg-opacity));
}

.bg-\[\#ebebeb\] {
    --un-bg-opacity: 1;
    background-color: rgba(235,235,235,var(--un-bg-opacity));
}

.bg-\[\#f7f7f7\], .bg-darkBottomBgActive, .bg-lightBottomBg, .bg-lightBottomBgActive, .bg-lightSix, .bg-lightTopMenuBgTwo, .dark .dark\:bg-darkBottomBg {
    --un-bg-opacity: 1;
    background-color: rgba(247,247,247,var(--un-bg-opacity));
}

.bg-black {
    --un-bg-opacity: 1;
    background-color: rgba(0,0,0,var(--un-bg-opacity));
}

.bg-black\/50 {
    background-color: rgba(0,0,0,0.5);
}

.bg-blue-100 {
    --un-bg-opacity: 1;
    background-color: rgba(219,234,254,var(--un-bg-opacity));
}

.bg-blue-500 {
    --un-bg-opacity: 1;
    background-color: rgba(59,130,246,var(--un-bg-opacity));
}

.bg-cyan-600 {
    --un-bg-opacity: 1;
    background-color: rgba(8,145,178,var(--un-bg-opacity));
}

.bg-darkFour, .bg-lightFour, .bg-lightTopBg, .dark .dark\:bg-darkFour {
    --un-bg-opacity: 1;
    background-color: rgba(200,16,46,var(--un-bg-opacity));
}

.bg-gray-100 {
    --un-bg-opacity: 1;
    background-color: rgba(243,244,246,var(--un-bg-opacity));
}

.bg-gray-200 {
    --un-bg-opacity: 1;
    background-color: rgba(229,231,235,var(--un-bg-opacity));
}

.bg-gray-300 {
    --un-bg-opacity: 1;
    background-color: rgba(209,213,219,var(--un-bg-opacity));
}

.bg-gray-400 {
    --un-bg-opacity: 1;
    background-color: rgba(156,163,175,var(--un-bg-opacity));
}

.bg-gray-50 {
    --un-bg-opacity: 1;
    background-color: rgba(249,250,251,var(--un-bg-opacity));
}

.bg-gray-500, .disabled\:bg-gray-500:disabled {
    --un-bg-opacity: 1;
    background-color: rgba(107,114,128,var(--un-bg-opacity));
}

.bg-gray-900 {
    --un-bg-opacity: 1;
    background-color: rgba(17,24,39,var(--un-bg-opacity));
}

.bg-green-100 {
    --un-bg-opacity: 1;
    background-color: rgba(220,252,231,var(--un-bg-opacity));
}

.bg-green-500 {
    --un-bg-opacity: 1;
    background-color: rgba(34,197,94,var(--un-bg-opacity));
}

.bg-green-700 {
    --un-bg-opacity: 1;
    background-color: rgba(21,128,61,var(--un-bg-opacity));
}

.bg-inherit {
    background-color: inherit;
}

.bg-light-blue-500 {
    --un-bg-opacity: 1;
    background-color: rgba(14,165,233,var(--un-bg-opacity));
}

.bg-lightBg, .bg-lightOne {
    --un-bg-opacity: 1;
    background-color: rgba(229,229,229,var(--un-bg-opacity));
}

.bg-lightFour\!, .dark .dark\:bg-darkFour\! {
    --un-bg-opacity: 1 !important;
    background-color: rgba(200,16,46,var(--un-bg-opacity)) !important;
}

.bg-lightFourteen, .dark .dark\:bg-darkFourteen {
    --un-bg-opacity: 1;
    background-color: rgba(57,105,122,var(--un-bg-opacity));
}

.bg-lightNine, .dark .dark\:bg-darkNine {
    --un-bg-opacity: 1;
    background-color: rgba(113,113,113,var(--un-bg-opacity));
}

.bg-lightTwo, .bg-white, .focus\:bg-white:focus {
    --un-bg-opacity: 1;
    background-color: #fff0;
}

.bg-white {
    /* background-color: #000000 !important; */
}

.bg-neutral-100 {
    --un-bg-opacity: 1;
    background-color: rgba(245,245,245,var(--un-bg-opacity));
}

.bg-orange-100 {
    --un-bg-opacity: 1;
    background-color: rgba(255,237,213,var(--un-bg-opacity));
}

.bg-orange-500 {
    --un-bg-opacity: 1;
    background-color: rgba(249,115,22,var(--un-bg-opacity));
}

.bg-red-200 {
    --un-bg-opacity: 1;
    background-color: rgba(254,202,202,var(--un-bg-opacity));
}

.bg-red-400 {
    --un-bg-opacity: 1;
    background-color: rgba(248,113,113,var(--un-bg-opacity));
}

.bg-red-500 {
    --un-bg-opacity: 1;
    background-color: rgba(239,68,68,var(--un-bg-opacity));
}

.bg-stone-700 {
    --un-bg-opacity: 1;
    background-color: rgba(68,64,60,var(--un-bg-opacity));
}

.bg-white\/15 {
    background-color: rgba(255,255,255,0.15);
}

.bg-yellow-100 {
    --un-bg-opacity: 1;
    background-color: rgba(254,249,195,var(--un-bg-opacity));
}

.bg-yellow-500 {
    --un-bg-opacity: 1;
    background-color: rgba(234,179,8,var(--un-bg-opacity));
}

.bg-zinc-800 {
    --un-bg-opacity: 1;
    background-color: rgba(39,39,42,var(--un-bg-opacity));
}

.dark .dark\:bg-darkBg, .dark .dark\:bg-darkOne {
    --un-bg-opacity: 1;
    background-color: rgba(29,26,33,var(--un-bg-opacity));
}

.dark .dark\:bg-darkTopBg {
    --un-bg-opacity: 1;
    background-color: rgba(2,2,2,var(--un-bg-opacity));
}

.dark .dark\:bg-darkTopMenuBgOne, .dark .dark\:bg-darkTwo {
    --un-bg-opacity: 1;
    background-color: rgba(18,18,18,var(--un-bg-opacity));
}

.dark .dark\:bg-darkTopMenuBgTwo {
    --un-bg-opacity: 1;
    background-color: rgba(10,10,10,var(--un-bg-opacity));
}

.dark .dark\:bg-neutral-900 {
    --un-bg-opacity: 1;
    background-color: rgba(23,23,23,var(--un-bg-opacity));
}

.focus\:bg-neutral-50:focus {
    --un-bg-opacity: 1;
    background-color: rgba(250,250,250,var(--un-bg-opacity));
}

.hover\:file\:bg-green-300:hover::file-selector-button {
    --un-bg-opacity: 1;
    background-color: rgba(134,239,172,var(--un-bg-opacity));
}

.bg-opacity-60 {
    --un-bg-opacity: 0.6;
}

.from-gray-200 {
    --un-gradient-from: rgba(229,231,235,var(--un-from-opacity, 1));
    --un-gradient-to: rgba(229,231,235,0);
    --un-gradient-stops: var(--un-gradient-from), var(--un-gradient-to);
}

.from-gray-300 {
    --un-gradient-from: rgba(209,213,219,var(--un-from-opacity, 1));
    --un-gradient-to: rgba(209,213,219,0);
    --un-gradient-stops: var(--un-gradient-from), var(--un-gradient-to);
}

.from-gray-400 {
    --un-gradient-from: rgba(156,163,175,var(--un-from-opacity, 1));
    --un-gradient-to: rgba(156,163,175,0);
    --un-gradient-stops: var(--un-gradient-from), var(--un-gradient-to);
}

.from-transparent {
    --un-gradient-from: transparent;
    --un-gradient-to: rgba(255,255,255,0);
    --un-gradient-stops: var(--un-gradient-from), var(--un-gradient-to);
}

.via-gray-50 {
    --un-gradient-to: rgba(249,250,251,0);
    --un-gradient-stops: var(--un-gradient-from), rgba(249,250,251,var(--un-via-opacity, 1)), var(--un-gradient-to);
}

.via-neutral-800 {
    --un-gradient-to: rgba(38,38,38,0);
    --un-gradient-stops: var(--un-gradient-from), rgba(38,38,38,var(--un-via-opacity, 1)), var(--un-gradient-to);
}

.to-gray-100 {
    --un-gradient-to: rgba(243,244,246,var(--un-to-opacity, 1));
}

.to-gray-200 {
    --un-gradient-to: rgba(229,231,235,var(--un-to-opacity, 1));
}

.to-gray-300 {
    --un-gradient-to: rgba(209,213,219,var(--un-to-opacity, 1));
}

.to-gray-400 {
    --un-gradient-to: rgba(156,163,175,var(--un-to-opacity, 1));
}

.to-transparent {
    --un-gradient-to: transparent;
}

.bg-gradient-to-r {
    --un-gradient-shape: to right;
    --un-gradient: var(--un-gradient-shape), var(--un-gradient-stops);
    background-image: linear-gradient(var(--un-gradient));
}

.bg-gradient-to-tl {
    --un-gradient-shape: to top left;
    --un-gradient: var(--un-gradient-shape), var(--un-gradient-stops);
    background-image: linear-gradient(var(--un-gradient));
}

.bg-center {
    background-position: center;
}

.\!fill-darkBottomTextActive, .\!fill-lightBottomTextActive, .hover\:\!fill-lightBottomTextActive:hover {
    --un-fill-opacity: 1 !important;
    fill: rgba(33,33,33,var(--un-fill-opacity)) !important;
}

.dark .dark\:fill-darkBottomText, .dark .dark\:fill-lightBottomText, .fill-lightBottomText {
    --un-fill-opacity: 1;
    fill: rgba(157,157,157,var(--un-fill-opacity));
}

.fill-red-6 {
    --un-fill-opacity: 1;
    fill: rgba(220,38,38,var(--un-fill-opacity));
}

.fill-yellow {
    --un-fill-opacity: 1;
    fill: rgba(250,204,21,var(--un-fill-opacity));
}

.fill-yellow-3 {
    --un-fill-opacity: 1;
    fill: rgba(253,224,71,var(--un-fill-opacity));
}

.stroke-white {
    --un-stroke-opacity: 1;
    stroke: rgba(255,255,255,var(--un-stroke-opacity));
}

.stroke-none {
    stroke: none;
}

.object-cover {
    object-fit: cover;
}

.object-contain {
    object-fit: contain;
}

.p-0 {
    padding: 0rem;
}

.p-1 {
    padding: 0.25rem;
}

.p-1\.5 {
    padding: 0.375rem;
}

.p-2 {
    padding: 0.5rem;
}

.p-2\.5 {
    padding: 0.625rem;
}

.p-3 {
    padding: 0.75rem;
}

.p-4 {
    padding: 1rem;
}

.p-5 {
    padding: 1.25rem;
}

.file\:px-4::file-selector-button, .px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.px-0 {
    padding-left: 0rem;
    padding-right: 0rem;
}

.px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}

.px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
}

.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.px-3\.5 {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
}

.px-4\.5 {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.px-5\.5 {
    padding-left: 1.375rem;
    padding-right: 1.375rem;
}

.py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
}

.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.py-1\.25 {
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
}

.py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

.py-1\.75 {
    padding-top: 0.4375rem;
    padding-bottom: 0.4375rem;
}

.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.py-2\.25 {
    padding-top: 0.5625rem;
    padding-bottom: 0.5625rem;
}

.py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

.py-2\.75 {
    padding-top: 0.6875rem;
    padding-bottom: 0.6875rem;
}

.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.py-3\.5 {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.pb-0 {
    padding-bottom: 0rem;
}

.pb-0\.5 {
    padding-bottom: 0.125rem;
}

.pb-1\.5 {
    padding-bottom: 0.375rem;
}

.pb-12 {
    padding-bottom: 3rem;
}

.pb-16 {
    padding-bottom: 4rem;
}

.pb-2 {
    padding-bottom: 0.5rem;
}

.pb-2\.5 {
    padding-bottom: 0.625rem;
}

.pb-3 {
    padding-bottom: 0.75rem;
}

.pb-4 {
    padding-bottom: 1rem;
}

.pb-6 {
    padding-bottom: 1.5rem;
}

.pl-0 {
    padding-left: 0rem;
}

.pl-1 {
    padding-left: 0.25rem;
}

.pl-1\.5 {
    padding-left: 0.375rem;
}

.pl-2 {
    padding-left: 0.5rem;
    padding-bottom: 4px !important;
}

.pl-3 {
    padding-left: 0.75rem;
}

.pl-3\.5 {
    padding-left: 0.875rem;
}

.pl-4 {
    padding-left: 1rem;
}

.font-sans {
    font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.file\:text-md::file-selector-button, .text-md {
    font-size: 13px;
    line-height: 19px;
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}

.text-3\.75 {
    font-size: 0.9375rem;
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
}

.text-base {
    font-size: 1.3rem;
    line-height: 1.5rem;
}

.text-lg {
    font-size: 15px;
    line-height: 20px;
}

.text-sm {
    font-size: 11px;
    line-height: 14px;
}

.text-xl {
    font-size: 17px;
    line-height: 17px;
}

.text-xs {
    font-size: 10px;
    line-height: 10px;
}

.text-xxl {
    font-size: 19px;
    line-height: 19px;
}

.\!font-bold {
    font-weight: 700 !important;
}

.\!font-semibold {
    font-weight: 600 !important;
}

.file\:font-semibold::file-selector-button, .font-600, .font-semibold {
    font-weight: 600;
    height: 30px;
}

.font-400, .font-normal {
    font-weight: 400;
}

.font-bold {
    font-weight: 700;
}

.font-light {
    font-weight: 300;
}

.font-medium {
    font-weight: 500;
}

.font-thin {
    font-weight: 100;
}

.file\:leading-8::file-selector-button {
    line-height: 2rem;
}

.leading-3 {
    line-height: 0.75rem;
}

.leading-3\.5 {
    line-height: 0.875rem;
}

.leading-4 {
    line-height: 1rem;
}

.leading-4\.5 {
    line-height: 1.125rem;
}

.leading-5 {
    line-height: 1.25rem;
}

.leading-6 {
    line-height: 1.5rem;
}

.tracking-tight {
    letter-spacing: -0.025em;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.italic {
    font-style: italic;
}

.color-blue-400 {
    --un-text-opacity: 1;
    color: rgba(96,165,250,var(--un-text-opacity));
}

.\!text-darkBottomTextActive, .\!text-lightBottomTextActive, .hover\:\!text-lightBottomTextActive:hover {
    --un-text-opacity: 1 !important;
    color: rgba(33,33,33,var(--un-text-opacity)) !important;
}

.\!text-white {
    --un-text-opacity: 1 !important;
    color: rgba(255,255,255,var(--un-text-opacity)) !important;
}

.dark .dark\:text-darkBottomText, .text-lightBottomText, .text-lightEight {
    --un-text-opacity: 1;
    color: rgba(157,157,157,var(--un-text-opacity));
}

.dark .dark\:text-darkEleven, .text-lightEleven {
    --un-text-opacity: 1;
    color: rgba(77,144,167,var(--un-text-opacity));
}

.dark .dark\:text-darkFifteen, .dark .dark\:text-darkSixteen {
    --un-text-opacity: 1;
    color: rgba(18,94,81,var(--un-text-opacity));
}

.dark .dark\:text-darkFour, .text-darkFour, .text-lightFour, .text-lightSixteen {
    --un-text-opacity: 1;
    color: rgba(200,16,46,var(--un-text-opacity));
}

.dark .dark\:text-darkSeventeen, .dark .dark\:text-darkThree, .dark .dark\:text-white, .file\:text-white::file-selector-button, .hover\:text-white:hover, .text-darkThree, .text-lightFifteen, .text-white, .active\:text-white:active {
    --un-text-opacity: 1;
    color: rgba(255,255,255,var(--un-text-opacity));
}

.dark .dark\:text-gray-300 {
    --un-text-opacity: 1;
    color: rgba(209,213,219,var(--un-text-opacity));
}

.dark .dark\:text-gray-400, .text-gray-400 {
    --un-text-opacity: 1;
    color: rgba(156,163,175,var(--un-text-opacity));
}

.dark .dark\:text-neutral-400 {
    --un-text-opacity: 1;
    color: rgba(163,163,163,var(--un-text-opacity));
}

.text-green-500 {
    --un-text-opacity: 1;
    color: rgba(34,197,94,var(--un-text-opacity));
}

.text-green-600 {
    --un-text-opacity: 1;
    color: rgba(22,163,74,var(--un-text-opacity));
    padding-bottom: 5px;
}

.text-green-700 {
    --un-text-opacity: 1;
    color: rgba(21,128,61,var(--un-text-opacity));
}

.text-green-900 {
    --un-text-opacity: 1;
    color: rgba(20,83,45,var(--un-text-opacity));
}

.text-red-700 {
    --un-text-opacity: 1;
    color: rgba(255,0,0,var(--un-text-opacity));
}

*, :before, :after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: currentColor;
}

.anticon {
    display: inline-block;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.anticon > * {
    line-height: 1
}

.anticon svg {
    display: inline-block
}

.anticon:before {
    display: none
}

.anticon .anticon-icon {
    display: block
}

.anticon > .anticon {
    line-height: 0;
    vertical-align: 0
}

.anticon[tabindex] {
    cursor: pointer
}

.anticon-spin:before {
    display: inline-block;
    -webkit-animation: loadingCircle 1s infinite linear;
    animation: loadingCircle 1s infinite linear
}

.anticon-spin {
    display: inline-block;
    -webkit-animation: loadingCircle 1s infinite linear;
    animation: loadingCircle 1s infinite linear
}

.ant-fade-enter, .ant-fade-appear, .ant-fade-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-fade-enter.ant-fade-enter-active, .ant-fade-appear.ant-fade-appear-active {
    -webkit-animation-name: antFadeIn;
    animation-name: antFadeIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-fade-leave.ant-fade-leave-active {
    -webkit-animation-name: antFadeOut;
    animation-name: antFadeOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ant-fade-enter, .ant-fade-appear {
    opacity: 0;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.ant-fade-leave {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.ant-move-up-enter, .ant-move-up-appear, .ant-move-up-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-move-up-enter.ant-move-up-enter-active, .ant-move-up-appear.ant-move-up-appear-active {
    -webkit-animation-name: antMoveUpIn;
    animation-name: antMoveUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-move-up-leave.ant-move-up-leave-active {
    -webkit-animation-name: antMoveUpOut;
    animation-name: antMoveUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ant-move-up-enter, .ant-move-up-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ant-move-up-leave {
    -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34);
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.ant-move-down-enter, .ant-move-down-appear, .ant-move-down-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-move-down-enter.ant-move-down-enter-active, .ant-move-down-appear.ant-move-down-appear-active {
    -webkit-animation-name: antMoveDownIn;
    animation-name: antMoveDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-move-down-leave.ant-move-down-leave-active {
    -webkit-animation-name: antMoveDownOut;
    animation-name: antMoveDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ant-move-down-enter, .ant-move-down-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ant-move-down-leave {
    -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34);
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-down-enter, .move-down-appear, .move-down-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-down-enter.move-down-enter-active, .move-down-appear.move-down-appear-active {
    -webkit-animation-name: antMoveDownIn;
    animation-name: antMoveDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-down-leave.move-down-leave-active {
    -webkit-animation-name: antMoveDownOut;
    animation-name: antMoveDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.move-down-enter, .move-down-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.move-down-leave {
    -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34);
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.ant-move-left-enter, .ant-move-left-appear, .ant-move-left-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-move-left-enter.ant-move-left-enter-active, .ant-move-left-appear.ant-move-left-appear-active {
    -webkit-animation-name: antMoveLeftIn;
    animation-name: antMoveLeftIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-move-left-leave.ant-move-left-leave-active {
    -webkit-animation-name: antMoveLeftOut;
    animation-name: antMoveLeftOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ant-move-left-enter, .ant-move-left-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ant-move-left-leave {
    -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34);
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.ant-move-right-enter, .ant-move-right-appear, .ant-move-right-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-move-right-enter.ant-move-right-enter-active, .ant-move-right-appear.ant-move-right-appear-active {
    -webkit-animation-name: antMoveRightIn;
    animation-name: antMoveRightIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-move-right-leave.ant-move-right-leave-active {
    -webkit-animation-name: antMoveRightOut;
    animation-name: antMoveRightOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ant-move-right-enter, .ant-move-right-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ant-move-right-leave {
    -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34);
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.ant-slide-up-enter, .ant-slide-up-appear, .ant-slide-up-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-slide-up-enter.ant-slide-up-enter-active, .ant-slide-up-appear.ant-slide-up-appear-active {
    -webkit-animation-name: antSlideUpIn;
    animation-name: antSlideUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-slide-up-leave.ant-slide-up-leave-active {
    -webkit-animation-name: antSlideUpOut;
    animation-name: antSlideUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ant-slide-up-enter, .ant-slide-up-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-timing-function: cubic-bezier(.23,1,.32,1)
}

.ant-slide-up-leave {
    -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

.ant-slide-down-enter, .ant-slide-down-appear, .ant-slide-down-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-slide-down-enter.ant-slide-down-enter-active, .ant-slide-down-appear.ant-slide-down-appear-active {
    -webkit-animation-name: antSlideDownIn;
    animation-name: antSlideDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-slide-down-leave.ant-slide-down-leave-active {
    -webkit-animation-name: antSlideDownOut;
    animation-name: antSlideDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ant-slide-down-enter, .ant-slide-down-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-timing-function: cubic-bezier(.23,1,.32,1)
}

.ant-slide-down-leave {
    -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

.ant-slide-left-enter, .ant-slide-left-appear, .ant-slide-left-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-slide-left-enter.ant-slide-left-enter-active, .ant-slide-left-appear.ant-slide-left-appear-active {
    -webkit-animation-name: antSlideLeftIn;
    animation-name: antSlideLeftIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-slide-left-leave.ant-slide-left-leave-active {
    -webkit-animation-name: antSlideLeftOut;
    animation-name: antSlideLeftOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ant-slide-left-enter, .ant-slide-left-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-timing-function: cubic-bezier(.23,1,.32,1)
}

.ant-slide-left-leave {
    -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

.ant-slide-right-enter, .ant-slide-right-appear, .ant-slide-right-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-slide-right-enter.ant-slide-right-enter-active, .ant-slide-right-appear.ant-slide-right-appear-active {
    -webkit-animation-name: antSlideRightIn;
    animation-name: antSlideRightIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-slide-right-leave.ant-slide-right-leave-active {
    -webkit-animation-name: antSlideRightOut;
    animation-name: antSlideRightOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ant-slide-right-enter, .ant-slide-right-appear {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-timing-function: cubic-bezier(.23,1,.32,1)
}

.ant-slide-right-leave {
    -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

.ant-zoom-enter, .ant-zoom-appear, .ant-zoom-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-zoom-enter.ant-zoom-enter-active, .ant-zoom-appear.ant-zoom-appear-active {
    -webkit-animation-name: antZoomIn;
    animation-name: antZoomIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-zoom-leave.ant-zoom-leave-active {
    -webkit-animation-name: antZoomOut;
    animation-name: antZoomOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-enter, .ant-zoom-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ant-zoom-enter-prepare, .ant-zoom-appear-prepare {
    transform: none
}

.ant-zoom-leave {
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.zoom-enter, .zoom-appear, .zoom-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-enter.zoom-enter-active, .zoom-appear.zoom-appear-active {
    -webkit-animation-name: antZoomIn;
    animation-name: antZoomIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-leave.zoom-leave-active {
    -webkit-animation-name: antZoomOut;
    animation-name: antZoomOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-enter, .zoom-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.zoom-enter-prepare, .zoom-appear-prepare {
    transform: none
}

.zoom-leave {
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.ant-zoom-big-enter, .ant-zoom-big-appear, .ant-zoom-big-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-zoom-big-enter.ant-zoom-big-enter-active, .ant-zoom-big-appear.ant-zoom-big-appear-active {
    -webkit-animation-name: antZoomBigIn;
    animation-name: antZoomBigIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-zoom-big-leave.ant-zoom-big-leave-active {
    -webkit-animation-name: antZoomBigOut;
    animation-name: antZoomBigOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-big-enter, .ant-zoom-big-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ant-zoom-big-enter-prepare, .ant-zoom-big-appear-prepare {
    transform: none
}

.ant-zoom-big-leave {
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.zoom-big-enter, .zoom-big-appear, .zoom-big-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-big-enter.zoom-big-enter-active, .zoom-big-appear.zoom-big-appear-active {
    -webkit-animation-name: antZoomBigIn;
    animation-name: antZoomBigIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-big-leave.zoom-big-leave-active {
    -webkit-animation-name: antZoomBigOut;
    animation-name: antZoomBigOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-big-enter, .zoom-big-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.zoom-big-enter-prepare, .zoom-big-appear-prepare {
    transform: none
}

.zoom-big-leave {
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.ant-zoom-big-fast-enter, .ant-zoom-big-fast-appear, .ant-zoom-big-fast-leave {
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active, .ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active {
    -webkit-animation-name: antZoomBigIn;
    animation-name: antZoomBigIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active {
    -webkit-animation-name: antZoomBigOut;
    animation-name: antZoomBigOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-big-fast-enter, .ant-zoom-big-fast-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ant-zoom-big-fast-enter-prepare, .ant-zoom-big-fast-appear-prepare {
    transform: none
}

.ant-zoom-big-fast-leave {
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.zoom-big-fast-enter, .zoom-big-fast-appear, .zoom-big-fast-leave {
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-big-fast-enter.zoom-big-fast-enter-active, .zoom-big-fast-appear.zoom-big-fast-appear-active {
    -webkit-animation-name: antZoomBigIn;
    animation-name: antZoomBigIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-big-fast-leave.zoom-big-fast-leave-active {
    -webkit-animation-name: antZoomBigOut;
    animation-name: antZoomBigOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-big-fast-enter, .zoom-big-fast-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.zoom-big-fast-enter-prepare, .zoom-big-fast-appear-prepare {
    transform: none
}

.zoom-big-fast-leave {
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.ant-zoom-up-enter, .ant-zoom-up-appear, .ant-zoom-up-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-zoom-up-enter.ant-zoom-up-enter-active, .ant-zoom-up-appear.ant-zoom-up-appear-active {
    -webkit-animation-name: antZoomUpIn;
    animation-name: antZoomUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-zoom-up-leave.ant-zoom-up-leave-active {
    -webkit-animation-name: antZoomUpOut;
    animation-name: antZoomUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-up-enter, .ant-zoom-up-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ant-zoom-up-enter-prepare, .ant-zoom-up-appear-prepare {
    transform: none
}

.ant-zoom-up-leave {
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.zoom-up-enter, .zoom-up-appear, .zoom-up-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-up-enter.zoom-up-enter-active, .zoom-up-appear.zoom-up-appear-active {
    -webkit-animation-name: antZoomUpIn;
    animation-name: antZoomUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-up-leave.zoom-up-leave-active {
    -webkit-animation-name: antZoomUpOut;
    animation-name: antZoomUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-up-enter, .zoom-up-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.zoom-up-enter-prepare, .zoom-up-appear-prepare {
    transform: none
}

.zoom-up-leave {
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.ant-zoom-down-enter, .ant-zoom-down-appear, .ant-zoom-down-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-zoom-down-enter.ant-zoom-down-enter-active, .ant-zoom-down-appear.ant-zoom-down-appear-active {
    -webkit-animation-name: antZoomDownIn;
    animation-name: antZoomDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-zoom-down-leave.ant-zoom-down-leave-active {
    -webkit-animation-name: antZoomDownOut;
    animation-name: antZoomDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-down-enter, .ant-zoom-down-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ant-zoom-down-enter-prepare, .ant-zoom-down-appear-prepare {
    transform: none
}

.ant-zoom-down-leave {
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.zoom-down-enter, .zoom-down-appear, .zoom-down-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-down-enter.zoom-down-enter-active, .zoom-down-appear.zoom-down-appear-active {
    -webkit-animation-name: antZoomDownIn;
    animation-name: antZoomDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-down-leave.zoom-down-leave-active {
    -webkit-animation-name: antZoomDownOut;
    animation-name: antZoomDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-down-enter, .zoom-down-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.zoom-down-enter-prepare, .zoom-down-appear-prepare {
    transform: none
}

.zoom-down-leave {
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.ant-zoom-left-enter, .ant-zoom-left-appear, .ant-zoom-left-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-zoom-left-enter.ant-zoom-left-enter-active, .ant-zoom-left-appear.ant-zoom-left-appear-active {
    -webkit-animation-name: antZoomLeftIn;
    animation-name: antZoomLeftIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-zoom-left-leave.ant-zoom-left-leave-active {
    -webkit-animation-name: antZoomLeftOut;
    animation-name: antZoomLeftOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-left-enter, .ant-zoom-left-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ant-zoom-left-enter-prepare, .ant-zoom-left-appear-prepare {
    transform: none
}

.ant-zoom-left-leave {
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.zoom-left-enter, .zoom-left-appear, .zoom-left-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-left-enter.zoom-left-enter-active, .zoom-left-appear.zoom-left-appear-active {
    -webkit-animation-name: antZoomLeftIn;
    animation-name: antZoomLeftIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-left-leave.zoom-left-leave-active {
    -webkit-animation-name: antZoomLeftOut;
    animation-name: antZoomLeftOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-left-enter, .zoom-left-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.zoom-left-enter-prepare, .zoom-left-appear-prepare {
    transform: none
}

.zoom-left-leave {
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.ant-zoom-right-enter, .ant-zoom-right-appear, .ant-zoom-right-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-zoom-right-enter.ant-zoom-right-enter-active, .ant-zoom-right-appear.ant-zoom-right-appear-active {
    -webkit-animation-name: antZoomRightIn;
    animation-name: antZoomRightIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-zoom-right-leave.ant-zoom-right-leave-active {
    -webkit-animation-name: antZoomRightOut;
    animation-name: antZoomRightOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-right-enter, .ant-zoom-right-appear {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ant-zoom-right-enter-prepare, .ant-zoom-right-appear-prepare {
    transform: none
}

.ant-zoom-right-leave {
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.ant-motion-collapse-legacy {
    overflow: hidden
}

.ant-motion-collapse-legacy-active {
    transition: height .2s cubic-bezier(.645,.045,.355,1),opacity .2s cubic-bezier(.645,.045,.355,1) !important
}

.ant-motion-collapse {
    overflow: hidden;
    transition: height .2s cubic-bezier(.645,.045,.355,1),opacity .2s cubic-bezier(.645,.045,.355,1) !important
}

/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/affix/style/index.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.ant-affix {
    position: fixed;
    z-index: 10
}

/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/alert/style/index.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.ant-alert {
    box-sizing: border-box;
    margin: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: flex;
    align-items: center;
    padding: 8px 15px;
    word-wrap: break-word;
    border-radius: 2px
}

.ant-alert-content {
    flex: 1;
    min-width: 0
}

.ant-alert-icon {
    margin-right: 8px
}

.ant-alert-description {
    display: none;
    font-size: 14px;
    line-height: 22px
}

.ant-alert-success {
    background-color: #f6ffed;
    border: 1px solid #b7eb8f
}

.ant-alert-success .ant-alert-icon {
    color: #52c41a
}

.ant-alert-info {
    background-color: #e6f7ff;
    border: 1px solid #91d5ff
}

.ant-alert-info .ant-alert-icon {
    color: #1890ff
}

.ant-alert-warning {
    background-color: #fffbe6;
    border: 1px solid #ffe58f
}

.ant-alert-warning .ant-alert-icon {
    color: #faad14
}

.ant-alert-error {
    background-color: #fff2f0;
    border: 1px solid #ffccc7
}

.ant-alert-error .ant-alert-icon {
    color: #ff4d4f
}

.ant-alert-error .ant-alert-description > pre {
    margin: 0;
    padding: 0
}

.ant-alert-action {
    margin-left: 8px
}

.ant-alert-close-icon {
    margin-left: 8px;
    padding: 0;
    overflow: hidden;
    font-size: 12px;
    line-height: 12px;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer
}

.ant-alert-close-icon .anticon-close {
    color: #00000073;
    transition: color .3s
}

.ant-alert-close-icon .anticon-close:hover {
    color: #000000bf
}

.ant-alert-close-text {
    color: #00000073;
    transition: color .3s
}

.ant-alert-close-text:hover {
    color: #000000bf
}

.ant-alert-with-description {
    align-items: flex-start;
    padding: 15px 15px 15px 24px
}

.ant-alert-with-description.ant-alert-no-icon {
    padding: 15px
}

.ant-alert-with-description .ant-alert-icon {
    margin-right: 15px;
    font-size: 24px
}

.ant-alert-with-description .ant-alert-message {
    display: block;
    margin-bottom: 4px;
    color: #000000d9;
    font-size: 16px
}

.ant-alert-message {
    color: #000000d9
}

.ant-alert-with-description .ant-alert-description {
    display: block
}

.ant-alert.ant-alert-motion-leave {
    overflow: hidden;
    opacity: 1;
    transition: max-height .3s cubic-bezier(.78,.14,.15,.86),opacity .3s cubic-bezier(.78,.14,.15,.86),padding-top .3s cubic-bezier(.78,.14,.15,.86),padding-bottom .3s cubic-bezier(.78,.14,.15,.86),margin-bottom .3s cubic-bezier(.78,.14,.15,.86)
}

.ant-alert.ant-alert-motion-leave-active {
    max-height: 0;
    margin-bottom: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0
}

.ant-alert-banner {
    margin-bottom: 0;
    border: 0;
    border-radius: 0
}

.ant-alert.ant-alert-rtl {
    direction: rtl
}

.ant-alert-rtl .ant-alert-icon {
    margin-right: auto;
    margin-left: 8px
}

.ant-alert-rtl .ant-alert-action, .ant-alert-rtl .ant-alert-close-icon {
    margin-right: 8px;
    margin-left: auto
}

.ant-alert-rtl.ant-alert-with-description {
    padding-right: 24px;
    padding-left: 15px
}

.ant-alert-rtl.ant-alert-with-description .ant-alert-icon {
    margin-right: auto;
    margin-left: 15px
}

/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/anchor/style/index.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
.ant-anchor {
    box-sizing: border-box;
    margin: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    padding: 0 0 0 2px
}

.ant-anchor-wrapper {
    margin-left: -4px;
    padding-left: 4px;
    overflow: auto;
    background-color: transparent
}

.ant-anchor-ink {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.ant-anchor-ink:before {
    position: relative;
    display: block;
    width: 2px;
    height: 100%;
    margin: 0 auto;
    background-color: #f0f0f0;
    content: " "
}

.ant-anchor-ink-ball {
    position: absolute;
    left: 50%;
    display: none;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border: 2px solid #1890ff;
    border-radius: 8px;
    transform: translate(-50%);
    transition: top .3s ease-in-out
}

.ant-anchor-ink-ball.visible {
    display: inline-block
}

.ant-anchor-fixed .ant-anchor-ink .ant-anchor-ink-ball {
    display: none
}

.ant-anchor-link {
    padding: 7px 0 7px 16px;
    line-height: 1.143
}

.ant-anchor-link-title {
    position: relative;
    display: block;
    margin-bottom: 6px;
    overflow: hidden;
    color: #000000d9;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all .3s
}

.ant-anchor-link-title:only-child {
    margin-bottom: 0
}

.ant-anchor-link-active > .ant-anchor-link-title {
    color: #1890ff
}

.ant-anchor-link .ant-anchor-link {
    padding-top: 5px;
    padding-bottom: 5px
}

.ant-anchor-rtl {
    direction: rtl
}

.ant-anchor-rtl.ant-anchor-wrapper {
    margin-right: -4px;
    margin-left: 0;
    padding-right: 4px;
    padding-left: 0
}

.ant-anchor-rtl .ant-anchor-ink {
    right: 0;
    left: auto
}

.ant-anchor-rtl .ant-anchor-ink-ball {
    right: 50%;
    left: 0;
    transform: translate(50%)
}

.ant-anchor-rtl .ant-anchor-link {
    padding: 7px 16px 7px 0
}

/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/auto-complete/style/index.less ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.ant-select-auto-complete {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum"
}

.ant-select-auto-complete .ant-select-clear {
    right: 13px
}

/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./components/select/style/index.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
.ant-select-single .ant-select-selector {
    display: flex
}

.ant-select-single .ant-select-selector .ant-select-selection-search {
    position: absolute;
    top: 0;
    right: 11px;
    bottom: 0;
    left: 11px
}

.ant-select-single .ant-select-selector .ant-select-selection-search-input {
    width: 100%
}

.ant-select-single .ant-select-selector .ant-select-selection-item, .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
    padding: 0;
    line-height: 30px;
    transition: all .3s
}

@supports (-moz-appearance: meterbar) {
    .ant-select-single .ant-select-selector .ant-select-selection-item, .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
        line-height: 30px
    }
}

.ant-select-single .ant-select-selector .ant-select-selection-item {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
    transition: none;
    pointer-events: none
}

.ant-select-single .ant-select-selector:after, .ant-select-single .ant-select-selector .ant-select-selection-item:after, .ant-select-single .ant-select-selector .ant-select-selection-placeholder:after {
    display: inline-block;
    width: 0;
    visibility: hidden;
    content: "\a0"
}

.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
    right: 25px
}

.ant-select-single.ant-select-show-arrow .ant-select-selection-item, .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
    padding-right: 18px
}

.ant-select-single.ant-select-open .ant-select-selection-item {
    color: #bfbfbf
}

.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    width: 100%;
    height: 32px;
    padding: 0 11px
}

.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
    height: 30px
}

.ant-select-single:not(.ant-select-customize-input) .ant-select-selector:after {
    line-height: 30px
}

.ant-select-single.ant-select-customize-input .ant-select-selector:after {
    display: none
}

.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
    position: static;
    width: 100%
}

.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
    position: absolute;
    right: 0;
    left: 0;
    padding: 0 11px
}

.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder:after {
    display: none
}

.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
    height: 40px
}

.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector:after, .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item, .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
    line-height: 38px
}

.ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
    height: 38px
}

.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
    height: 24px
}

.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector:after, .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item, .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
    line-height: 22px
}

.ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
    height: 22px
}

.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search {
    right: 7px;
    left: 7px
}

.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
    padding: 0 7px
}

.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
    right: 28px
}

.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item, .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
    padding-right: 21px
}

.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
    padding: 0 11px
}

.ant-select-selection-overflow {
    position: relative;
    display: flex;
    flex: auto;
    flex-wrap: wrap;
    max-width: 100%
}

.ant-select-selection-overflow-item {
    flex: none;
    align-self: center;
    max-width: 100%
}

.ant-select-multiple .ant-select-selector {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 1px 4px
}

.ant-select-show-search.ant-select-multiple .ant-select-selector {
    cursor: text
}

.ant-select-disabled.ant-select-multiple .ant-select-selector {
    background: #f5f5f5;
    cursor: not-allowed
}

.ant-select-multiple .ant-select-selector:after {
    display: inline-block;
    width: 0;
    margin: 2px 0;
    line-height: 24px;
    content: "\a0"
}

.ant-select-multiple.ant-select-show-arrow .ant-select-selector, .ant-select-multiple.ant-select-allow-clear .ant-select-selector {
    padding-right: 24px
}

.ant-select-multiple .ant-select-selection-item {
    position: relative;
    display: flex;
    flex: none;
    box-sizing: border-box;
    max-width: 100%;
    height: 24px;
    margin-top: 2px;
    margin-bottom: 2px;
    line-height: 22px;
    background: #f5f5f5;
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    cursor: default;
    transition: font-size .3s,line-height .3s,height .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-margin-end: 4px;
    margin-inline-end: 4px; -webkit-padding-start: 8px;
    padding-inline-start: 8px; -webkit-padding-end: 4px;
    padding-inline-end: 4px }

.ant-select-disabled.ant-select-multiple .ant-select-selection-item {
    color: #bfbfbf;
    border-color: #d9d9d9;
    cursor: not-allowed
}

.ant-select-multiple .ant-select-selection-item-content {
    display: inline-block;
    margin-right: 4px;
    overflow: hidden;
    white-space: pre;
    text-overflow: ellipsis
}

.ant-select-multiple .ant-select-selection-item-remove {
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    color: #00000073;
    font-weight: 700;
    font-size: 10px;
    line-height: inherit;
    cursor: pointer
}

.ant-select-multiple .ant-select-selection-item-remove > * {
    line-height: 1
}

.ant-select-multiple .ant-select-selection-item-remove svg {
    display: inline-block
}

.ant-select-multiple .ant-select-selection-item-remove:before {
    display: none
}

.ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon {
    display: block
}

.ant-select-multiple .ant-select-selection-item-remove > .anticon {
    vertical-align: -.2em
}

.ant-select-multiple .ant-select-selection-item-remove:hover {
    color: #000000bf
}

.ant-select-multiple .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search {
    -webkit-margin-start: 0;
    margin-inline-start: 0 }

.ant-select-multiple .ant-select-selection-search {
    position: relative;
    max-width: 100%;
    -webkit-margin-start: 7px;
    margin-inline-start: 7px }

.ant-select-multiple .ant-select-selection-search-input, .ant-select-multiple .ant-select-selection-search-mirror {
    height: 24px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    line-height: 24px;
    transition: all .3s
}

.ant-select-multiple .ant-select-selection-search-input {
    width: 100%;
    min-width: 4.1px
}

.ant-select-multiple .ant-select-selection-search-mirror {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    white-space: pre;
    visibility: hidden
}

.ant-select-multiple .ant-select-selection-placeholder {
    position: absolute;
    top: 50%;
    right: 11px;
    left: 11px;
    transform: translateY(-50%);
    transition: all .3s
}

.ant-select-multiple.ant-select-lg .ant-select-selector:after {
    line-height: 32px
}

.ant-select-multiple.ant-select-lg .ant-select-selection-item {
    height: 32px;
    line-height: 30px
}

.ant-select-multiple.ant-select-lg .ant-select-selection-search {
    height: 32px;
    line-height: 32px
}

.ant-select-multiple.ant-select-lg .ant-select-selection-search-input, .ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
    height: 32px;
    line-height: 30px
}

.ant-select-multiple.ant-select-sm .ant-select-selector:after {
    line-height: 16px
}

.ant-select-multiple.ant-select-sm .ant-select-selection-item {
    height: 16px;
    line-height: 14px
}

.ant-select-multiple.ant-select-sm .ant-select-selection-search {
    height: 16px;
    line-height: 16px
}

.ant-select-multiple.ant-select-sm .ant-select-selection-search-input, .ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
    height: 16px;
    line-height: 14px
}

.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
    left: 7px
}

.ant-select-multiple.ant-select-sm .ant-select-selection-search {
    -webkit-margin-start: 3px;
    margin-inline-start: 3px }

.ant-select-multiple.ant-select-lg .ant-select-selection-item {
    height: 32px;
    line-height: 32px
}

.ant-select-disabled .ant-select-selection-item-remove {
    display: none
}

.ant-select {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    cursor: pointer
}

.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    position: relative;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    transition: all .3s cubic-bezier(.645,.045,.355,1)
}

.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
    cursor: pointer
}

.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    cursor: text
}

.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
    cursor: auto
}

.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
    border-color: #40a9ff;
    box-shadow: 0 0 0 2px #1890ff33;
    border-right-width: 1px !important;
    outline: 0
}

.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    color: #00000040;
    background: #f5f5f5;
    cursor: not-allowed
}

.ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    background: #f5f5f5
}

.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
    cursor: not-allowed
}

.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button {
    display: none;
    -webkit-appearance: none
}

.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
    border-color: #40a9ff;
    border-right-width: 1px !important
}

.ant-select-selection-item {
    flex: 1;
    overflow: hidden;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media all and (-ms-high-contrast: none) {
    .ant-select-selection-item *::-ms-backdrop, .ant-select-selection-item {
        flex: auto
    }
}

.ant-select-selection-placeholder {
    flex: 1;
    overflow: hidden;
    color: #bfbfbf;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none
}

@media all and (-ms-high-contrast: none) {
    .ant-select-selection-placeholder *::-ms-backdrop, .ant-select-selection-placeholder {
        flex: auto
    }
}

.ant-select-arrow {
    display: inline-block;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    right: 11px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    color: #00000040;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    pointer-events: none
}

.ant-select-arrow > * {
    line-height: 1
}

.ant-select-arrow svg {
    display: inline-block
}

.ant-select-arrow:before {
    display: none
}

.ant-select-arrow .ant-select-arrow-icon {
    display: block
}

.ant-select-arrow .anticon {
    vertical-align: top;
    transition: transform .3s
}

.ant-select-arrow .anticon > svg {
    vertical-align: top
}

.ant-select-arrow .anticon:not(.ant-select-suffix) {
    pointer-events: auto
}

.ant-select-disabled .ant-select-arrow {
    cursor: not-allowed
}

.ant-select-clear {
    position: absolute;
    top: 50%;
    right: 11px;
    z-index: 1;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    color: #00000040;
    font-size: 12px;
    font-style: normal;
    line-height: 1;
    text-align: center;
    text-transform: none;
    background: #fff;
    cursor: pointer;
    opacity: 0;
    transition: color .3s ease,opacity .15s ease;
    text-rendering: auto
}

.ant-select-clear:before {
    display: block
}

.ant-select-clear:hover {
    color: #00000073
}

.ant-select:hover .ant-select-clear {
    opacity: 1
}

.ant-select-dropdown {
    margin: 0;
    color: #000000d9;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 1050;
    box-sizing: border-box;
    padding: 4px 0;
    overflow: hidden;
    font-size: 14px;
    font-variant: initial;
    background-color: #fff;
    border-radius: 2px;
    outline: none;
    box-shadow: 0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d
}

.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft, .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
    -webkit-animation-name: antSlideUpIn;
    animation-name: antSlideUpIn
}

.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft, .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft {
    -webkit-animation-name: antSlideDownIn;
    animation-name: antSlideDownIn
}

.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
    -webkit-animation-name: antSlideUpOut;
    animation-name: antSlideUpOut
}

.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft {
    -webkit-animation-name: antSlideDownOut;
    animation-name: antSlideDownOut
}

.ant-select-dropdown-hidden {
    display: none
}

.ant-select-dropdown-empty {
    color: #00000040
}

.ant-select-item-empty {
    position: relative;
    display: block;
    min-height: 32px;
    padding: 5px 12px;
    color: #000000d9;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #00000040
}

.ant-select-item {
    position: relative;
    display: block;
    min-height: 32px;
    padding: 5px 12px;
    color: #000000d9;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
    transition: background .3s ease
}

.ant-select-item-group {
    color: #00000073;
    font-size: 12px;
    cursor: default
}

.ant-select-item-option {
    display: flex
}

.ant-select-item-option-content {
    flex: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ant-select-item-option-state {
    flex: none
}

.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
    background-color: #f5f5f5
}

.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
    color: #000000d9;
    font-weight: 600;
    background-color: #e6f7ff
}

.ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
    color: #1890ff
}

.ant-select-item-option-disabled {
    color: #00000040;
    cursor: not-allowed
}

.ant-select-item-option-disabled.ant-select-item-option-selected {
    background-color: #f5f5f5
}

.ant-select-item-option-grouped {
    padding-left: 24px
}

.ant-select-lg {
    font-size: 16px
}

.ant-select-borderless .ant-select-selector {
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important
}

.ant-select-rtl {
    direction: rtl
}

.ant-select-rtl .ant-select-arrow, .ant-select-rtl .ant-select-clear {
    right: initial;
    left: 11px
}

.ant-select-dropdown-rtl {
    direction: rtl
}

.ant-select-dropdown-rtl .ant-select-item-option-grouped {
    padding-right: 24px;
    padding-left: 12px
}

.ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector, .ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
    padding-right: 4px;
    padding-left: 24px
}

.ant-select-rtl.ant-select-multiple .ant-select-selection-item {
    text-align: right
}

.ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
    margin-right: 0;
    margin-left: 4px;
    text-align: right
}

.ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
    right: 0;
    left: auto
}

.ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
    right: 11px;
    left: auto
}

.ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
    right: 7px
}

.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item, .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
    right: 0;
    left: 9px;
    text-align: right
}

.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
    right: 11px;
    left: 25px
}

.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item, .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
    padding-right: 0;
    padding-left: 18px
}

.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
    right: 6px
}

.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item, .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
    padding-right: 0;
    padding-left: 21px
}

.ant-spin-container {
    padding-top: 48px;
}

.ant-switch {
    margin: 2px 0 4px
}

.ant-switch {
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 44px;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    background-color: #00000040;
    border: 0;
    border-radius: 100px;
    cursor: pointer;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ant-switch:focus {
    outline: 0;
    box-shadow: 0 0 0 2px #0000001a
}

.ant-switch-checked:focus {
    box-shadow: 0 0 0 2px #e6f7ff
}

.ant-switch:focus:hover {
    box-shadow: none
}

.ant-switch-checked {
    background-color: #1890ff
}

.ant-switch-loading, .ant-switch-disabled {
    cursor: not-allowed;
    opacity: .4
}

.ant-switch-loading *, .ant-switch-disabled * {
    box-shadow: none;
    cursor: not-allowed
}

.ant-switch-inner {
    display: block;
    margin: 0 7px 0 25px;
    color: #fff;
    font-size: 12px;
    transition: margin .2s
}

.ant-switch-checked .ant-switch-inner {
    margin: 0 25px 0 7px
}

.ant-switch-handle {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 18px;
    height: 18px;
    transition: all .2s ease-in-out
}

.ant-switch-handle:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    border-radius: 9px;
    box-shadow: 0 2px 4px #00230b33;
    transition: all .2s ease-in-out;
    content: ""
}

.ant-switch-checked .ant-switch-handle {
    left: calc(100% - 20px)
}

.ant-switch:not(.ant-switch-disabled):active .ant-switch-handle:before {
    right: -30%;
    left: 0
}

.ant-switch:not(.ant-switch-disabled):active.ant-switch-checked .ant-switch-handle:before {
    right: 0;
    left: -30%
}

.ant-switch-loading-icon.anticon {
    position: relative;
    top: 2px;
    color: #000000a6;
    vertical-align: top
}

.ant-switch-checked .ant-switch-loading-icon {
    color: #1890ff
}

.ant-switch-small {
    min-width: 28px;
    height: 16px;
    line-height: 16px
}

.ant-switch-small .ant-switch-inner {
    margin: 0 5px 0 18px;
    font-size: 12px
}

.ant-switch-small .ant-switch-handle {
    width: 12px;
    height: 12px
}

.ant-switch-small .ant-switch-loading-icon {
    top: 1.5px;
    font-size: 9px
}

.ant-switch-small.ant-switch-checked .ant-switch-inner {
    margin: 0 18px 0 5px
}

.ant-switch-small.ant-switch-checked .ant-switch-handle {
    left: calc(100% - 14px)
}

.ant-switch-rtl {
    direction: rtl
}

.ant-switch-rtl .ant-switch-inner {
    margin: 0 25px 0 7px
}

.ant-switch-rtl .ant-switch-handle {
    right: 2px;
    left: auto
}

.ant-switch-rtl:not(.ant-switch-rtl-disabled):active .ant-switch-handle:before {
    right: 0;
    left: -30%
}

.ant-switch-rtl:not(.ant-switch-rtl-disabled):active.ant-switch-checked .ant-switch-handle:before {
    right: -30%;
    left: 0
}

.ant-switch-rtl.ant-switch-checked .ant-switch-inner {
    margin: 0 7px 0 25px
}

.ant-switch-rtl.ant-switch-checked .ant-switch-handle {
    right: calc(100% - 20px)
}

.ant-switch-rtl.ant-switch-small.ant-switch-checked .ant-switch-handle {
    right: calc(100% - 14px)
}

.ant-dropdown-menu-item.ant-dropdown-menu-item-danger {
    color: #ff4d4f
}

.ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover {
    color: #fff;
    background-color: #ff4d4f
}

.ant-dropdown {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 1050;
    display: block
}

.ant-dropdown:before {
    position: absolute;
    top: -4px;
    right: 0;
    bottom: -4px;
    left: -7px;
    z-index: -9999;
    opacity: .0001;
    content: " "
}

.ant-dropdown-wrap {
    position: relative
}

.ant-dropdown-wrap .ant-btn > .anticon-down {
    font-size: 10px
}

.ant-dropdown-wrap .anticon-down:before {
    transition: transform .2s
}

.ant-dropdown-wrap-open .anticon-down:before {
    transform: rotate(180deg)
}

.ant-dropdown-hidden, .ant-dropdown-menu-hidden, .ant-dropdown-menu-submenu-hidden {
    display: none
}

.ant-dropdown-show-arrow.ant-dropdown-placement-topCenter, .ant-dropdown-show-arrow.ant-dropdown-placement-topLeft, .ant-dropdown-show-arrow.ant-dropdown-placement-topRight {
    padding-bottom: 10px
}

.ant-dropdown-show-arrow.ant-dropdown-placement-bottomCenter, .ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft, .ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight {
    padding-top: 10px
}

.ant-dropdown-arrow {
    position: absolute;
    z-index: 1;
    display: block;
    width: 8.48528137px;
    height: 8.48528137px;
    background: transparent;
    border-style: solid;
    border-width: 4.24264069px;
    transform: rotate(45deg)
}

.ant-dropdown-placement-topCenter > .ant-dropdown-arrow, .ant-dropdown-placement-topLeft > .ant-dropdown-arrow, .ant-dropdown-placement-topRight > .ant-dropdown-arrow {
    bottom: 6.2px;
    border-color: transparent #fff #fff transparent;
    box-shadow: 3px 3px 7px #00000012
}

.ant-dropdown-placement-topCenter > .ant-dropdown-arrow {
    left: 50%;
    transform: translate(-50%) rotate(45deg)
}

.ant-dropdown-placement-topLeft > .ant-dropdown-arrow {
    left: 16px
}

.ant-dropdown-placement-topRight > .ant-dropdown-arrow {
    right: 16px
}

.ant-dropdown-placement-bottomCenter > .ant-dropdown-arrow, .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow, .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
    top: 6px;
    border-color: #fff transparent transparent #fff;
    box-shadow: -2px -2px 5px #0000000f
}

.ant-dropdown-placement-bottomCenter > .ant-dropdown-arrow {
    left: 50%;
    transform: translate(-50%) rotate(45deg)
}

.ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow {
    left: 16px
}

.ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
    right: 16px
}

.ant-dropdown-menu {
    position: relative;
    margin: 0;
    padding: 4px 0;
    text-align: left;
    list-style-type: none;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 2px;
    outline: none;
    box-shadow: 0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d
}

.ant-dropdown-menu-item-group-title {
    padding: 5px 12px;
    color: #00000073;
    transition: all .3s
}

.ant-dropdown-menu-submenu-popup {
    position: absolute;
    z-index: 1050;
    background: transparent;
    box-shadow: none;
    transform-origin: 0 0
}

.ant-dropdown-menu-submenu-popup ul, .ant-dropdown-menu-submenu-popup li {
    list-style: none
}

.ant-dropdown-menu-submenu-popup ul {
    margin-right: .3em;
    margin-left: .3em
}

.ant-dropdown-menu-item {
    position: relative;
    display: flex;
    align-items: center
}

.ant-dropdown-menu-item-icon {
    min-width: 12px;
    margin-right: 8px;
    font-size: 12px
}

.ant-dropdown-menu-title-content {
    flex: auto
}

.ant-dropdown-menu-title-content > a {
    color: inherit;
    transition: all .3s
}

.ant-dropdown-menu-title-content > a:hover {
    color: inherit
}

.ant-dropdown-menu-title-content > a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ""
}

.ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title {
    clear: both;
    margin: 0;
    padding: 5px 12px;
    color: #000000d9;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
    transition: all .3s
}

.ant-dropdown-menu-item-selected, .ant-dropdown-menu-submenu-title-selected {
    color: #1890ff;
    background-color: #e6f7ff
}

.ant-dropdown-menu-item:hover, .ant-dropdown-menu-submenu-title:hover {
    background-color: #f5f5f5
}

.ant-dropdown-menu-item-disabled, .ant-dropdown-menu-submenu-title-disabled {
    color: #00000040;
    cursor: not-allowed
}

.ant-dropdown-menu-item-disabled:hover, .ant-dropdown-menu-submenu-title-disabled:hover {
    color: #00000040;
    background-color: #fff;
    cursor: not-allowed
}

.ant-dropdown-menu-item-disabled a, .ant-dropdown-menu-submenu-title-disabled a {
    pointer-events: none
}

.ant-dropdown-menu-item-divider, .ant-dropdown-menu-submenu-title-divider {
    height: 1px;
    margin: 4px 0;
    overflow: hidden;
    line-height: 0;
    background-color: #f0f0f0
}

.ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon, .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon {
    position: absolute;
    right: 8px
}

.ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon, .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon {
    margin-right: 0 !important;
    color: #00000073;
    font-size: 10px;
    font-style: normal
}

.ant-dropdown-menu-item-group-list {
    margin: 0 8px;
    padding: 0;
    list-style: none
}

.ant-dropdown-menu-submenu-title {
    padding-right: 24px
}

.ant-dropdown-menu-submenu-vertical {
    position: relative
}

.ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 100%;
    margin-left: 4px;
    transform-origin: 0 0
}

.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title, .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
    color: #00000040;
    background-color: #fff;
    cursor: not-allowed
}

.ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title {
    color: #1890ff
}

.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomCenter, .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomCenter, .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomRight, .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomRight {
    -webkit-animation-name: antSlideUpIn;
    animation-name: antSlideUpIn
}

.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topLeft, .ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topLeft, .ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topCenter, .ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topCenter, .ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topRight, .ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topRight {
    -webkit-animation-name: antSlideDownIn;
    animation-name: antSlideDownIn
}

.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomCenter, .ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomRight {
    -webkit-animation-name: antSlideUpOut;
    animation-name: antSlideUpOut
}

.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topLeft, .ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topCenter, .ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topRight {
    -webkit-animation-name: antSlideDownOut;
    animation-name: antSlideDownOut
}

.ant-dropdown-trigger > .anticon.anticon-down, .ant-dropdown-link > .anticon.anticon-down, .ant-dropdown-button > .anticon.anticon-down {
    font-size: 10px;
    vertical-align: baseline
}

.ant-dropdown-button {
    white-space: nowrap
}

.ant-dropdown-button.ant-btn-group > .ant-btn-loading, .ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn {
    cursor: default;
    pointer-events: none
}

.ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn:before {
    display: block
}

.ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child):not(.ant-btn-icon-only) {
    padding-right: 8px;
    padding-left: 8px
}

.ant-dropdown-menu-dark, .ant-dropdown-menu-dark .ant-dropdown-menu {
    background: #001529
}

.ant-dropdown-menu-dark .ant-dropdown-menu-item, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title, .ant-dropdown-menu-dark .ant-dropdown-menu-item > a, .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a {
    color: #ffffffa6
}

.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow:after, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow:after, .ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow:after, .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a .ant-dropdown-menu-submenu-arrow:after {
    color: #ffffffa6
}

.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a:hover {
    color: #fff;
    background: transparent
}

.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected, .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
    color: #fff;
    background: #1890ff
}

.ant-dropdown-rtl {
    direction: rtl
}

.ant-dropdown-rtl.ant-dropdown:before {
    right: -7px;
    left: 0
}

.ant-dropdown-menu.ant-dropdown-menu-rtl, .ant-dropdown-rtl .ant-dropdown-menu-item-group-title, .ant-dropdown-menu-submenu-rtl .ant-dropdown-menu-item-group-title {
    direction: rtl;
    text-align: right
}

.ant-dropdown-menu-submenu-popup.ant-dropdown-menu-submenu-rtl {
    transform-origin: 100% 0
}

.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup ul, .ant-dropdown-rtl .ant-dropdown-menu-submenu-popup li, .ant-dropdown-rtl .ant-dropdown-menu-item, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
    text-align: right
}

.ant-dropdown-rtl .ant-dropdown-menu-item > .anticon:first-child, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title > .anticon:first-child, .ant-dropdown-rtl .ant-dropdown-menu-item > span > .anticon:first-child, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title > span > .anticon:first-child {
    margin-right: 0;
    margin-left: 8px
}

.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon {
    right: auto;
    left: 8px
}

.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon {
    margin-left: 0 !important;
    transform: scaleX(-1)
}

.ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
    padding-right: 12px;
    padding-left: 24px
}

.ant-dropdown-rtl .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
    right: 100%;
    left: 0;
    margin-right: 4px;
    margin-left: 0
}

.ant-dropdown-trigger) {
    margin-bottom: 0;
    margin-left: 8px
}

.ant-dropdown-menu {
    max-height: 264px;
    overflow-x: hidden;
    border: 0;
    box-shadow: none
}

.ant-dropdown-menu:empty:after {
    display: block;
    padding: 8px 0;
    color: #00000040;
    font-size: 12px;
    text-align: center;
    content: "Not Found"
}

.ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper + span, .ant-dropdown-rtl .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span, .ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown .ant-checkbox-wrapper + span, .ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
    padding-right: 8px;
    padding-left: 0
}

.blankText.h5._blankCoupon {
    height: 4.25rem;
    font-size: 1rem;
    text-align-last: center;
}

.homeMenu.mobListMenu.betList {
    margin-top: 48px;
}

.flex.flex-row.items-center.text-lg.font-semibold.text-center.text-lightThree.dark\:text-darkThree {
    margin-left: -40px;
}

.flex.items-center.px-4.py-2.border-b.bg-white.border-lightOne.dark\:bg-darkTwo.dark\:border-darkOne {
    background-color: #fff0 !important;
}

span.inline-block.w-3\/10.py-1.font-medium.text-base {
    color: #000;
}

html {
    font-size: 8pt;
}

img#BetBody {
    width: 50px;
}

.section-with-links--kkI4c {
    display: flex;
    flex-wrap: nowrap;
    position: relative
}

.section-title--_slkV {
    color: #d5d5d7;
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
    max-width: 150px;
    text-transform: capitalize
}

.ellipsis--EjZIN {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: background-color 0.3s ease;
    text-decoration: none;
}

.ellipsis--EjZIN:hover {
    color: #fff;
    text-decoration: none;
}

.media-link--vaaOu {
    color: var(--text);
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    max-width: 150px;
    text-transform: capitalize
}

.links-block--yQPvL {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 24px;
    padding: 0 26px;
    text-align: left
}

.separator--LmKeu {
    background-color: #ff4f45;
    height: 1px;
    margin: 24px 16px;
    opacity: .3;
    width: calc(100% - 32px)
}

.header-icon {
    width: 40px;
    height: 30px;
    font-size: 12px;
    margin-inline-start: 4px; }

.header-icon {
    flex-shrink: 0;
}

.modal-box {
    font-family: 'Poppins', sans-serif;
}

.show-modal {
    color: #fff;
    background: linear-gradient(to right, #33a3ff, #0675cf, #49a6fd);
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px 15px;
    margin: 200px auto 0;
    border: none;
    outline: none;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    display: block;
    transition: all 0.3s ease 0s;
}

.show-modal:hover, .show-modal:focus {
    color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    outline: none;
}

.modal-dialog {
    width: 400px;
    margin: 70px auto 0;
}

.modal-dialog {
    transform: scale(0.5);
}

.modal-dialog {
    transform: scale(1);
}

.modal-dialog .modal-content {
    text-align: center;
    border: none;
}

.modal-content .close {
    color: #fff;
    font-size: 25px;
    font-weight: 400;
    text-shadow: none;
    line-height: 12px;
    padding: 5px;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    overflow: hidden;
    opacity: 1;
    position: absolute;
    left: auto;
    right: 8px;
    top: 8px;
    z-index: 1;
    transition: all 0.3s;
        background: #000000 !important;
}

.modal-content .close:hover {
    color: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.close:focus {
    outline: none;
}

.modal-body {
    /* padding: 60px 40px 40px !important; */
    background: #000000;
}

.modal-body .title {
    color: #ff4f45;
    font-size: 33px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0 0 10px;
}

.modal-body .description {
    color: #ffffff;
    font-size: 16px;
    margin: 0 0 20px;
}

.modal-body .form-group {
    text-align: left;
    margin-bottom: 20px;
    position: relative;
}

.modal-body .input-icon {
    color: #777;
    font-size: 18px;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 20px;
}

.modal-body .form-control {
    font-size: 15px;
    height: 45px;
    width: 100%;
    padding: 6px 0 6px 50px;
    margin: 0 auto;
    border: 2px solid #eee;
    border-radius: 5px;
    box-shadow: none;
    outline: none;
    font-family: 'Muli', Helvetica, Arial, sans-serif;
}

.form-control::placeholder {
    color: #AEAFB1;
}

.form-group.checkbox {
    width: 130px;
    margin-top: 0;
    display: inline-block;
}

.form-group.checkbox label {
    color: #9A9EA9;
    font-weight: normal;
}

.form-group.checkbox input[type=checkbox] {
    margin-left: 0;
}

.modal-body .forgot-pass {
    color: #7F7FD5;
    font-size: 13px;
    text-align: right;
    width: calc(100% - 15px);
    margin: -10px 0;
    display: inline-block;
    vertical-align: top;
    transition: all 0.3s ease 0s;
}

.forgot-pass:hover {
    color: #9A9EA9;
    text-decoration: underline;
}

.modal-content .modal-body .btn {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 38px;
    width: 100%;
    height: 40px;
    padding: 0;
    border: none;
    border-radius: 5px;
    border: none;
    display: inline-block;
    transition: all 0.6s ease 0s;
        background: #000000 !important;
}

.modal-content .modal-body .btn:hover {
    color: #fff;
    letter-spacing: 2px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.modal-content .modal-body .btn:focus {
    outline: none;
}

@media only screen and (max-width: 480px) {
    .modal-dialog {
        width: 95% !important;
    }

    .modal-content .modal-body {
        padding: 60px 20px 40px !important;
    }
}

.has-header-info .layout-content-holder-bc {
    padding-top: calc(var(--mobile-header-navigation-height) + var(--dynamic-header) + 40px);
}

.layout-content-holder-bc {
    padding-top: calc(var(--mobile-header-navigation-height) + var(--dynamic-header));
}

.layout-content-holder-bc {
    grid-area: content;
    width: 100%;
}

.casino-home-container, .layout-content-holder-bc {
    position: relative;
}

.promotionsList-bc {
    grid-template-columns: repeat(auto-fill, minmax(306px, 1fr));
    padding: 0 var(--padding-page-aside);
}

.promotionsList-bc {
    display: grid;
    grid-gap: 10px;
}

.promotionsListEl-bc {
    border-radius: 0px;
    overflow: hidden;
    position: relative;
}

.promotionsArticleThumbnail-bc {
    display: flex;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.promotions-article-title {
    height: 34px;
    margin-top: 1px;
    padding: 0 10px;
    color: #fff;
        background: #000000 !important;
    font-size: 12px;
    line-height: 34px;
    font-weight: 600;
}

h2#bonusModalTitle {
    font-weight: 600;
    text-align: center;
    height: 34px;
    margin-top: 1px;
    padding: 0 10px;
    color: #fff;
        background: #000000 !important;
    font-size: 15px;
    line-height: 34px;
}

p#bonusModalDescription {
    padding: 10px;
    overflow: auto;
}

.provider-name img {
    width: 100px;
    max-width: 100px;
}

.desktopSearchForm {
    position: sticky;
    order: 2;
    margin-left: 10px !important;
    width: calc(100% + 58px) !important;
    margin-right: 10px !important;
    margin-top: 0 !important;
    margin-bottom: 0;
    height: 40px;
    padding: 0;
    z-index: 99;
}

.promotionsListEl-bc:hover {
    background: url(/img/media_18750202_0ffc6b0c94a4f8c6453defa6a7d362e2.gif) !important;
    background-size: cover !important;
    border-radius: 10px 0px 0px 0px;
}

.promotionsArticleThumbnail-bc:hover {
    opacity: 0.8 !important;
}

.promotionsListEl-bc:hover .promotionsArticleThumbnail-bc {
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
}

.product-banner-img-bc {
    background-size: cover !important;
    border-radius: 5px;
}

.product-banner-img-bc {
    /* opacity: 0.9 !important; */
}

.product-banner-img-bc .product-banner-img-bc {
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
    filter: brightness(90%) contrast(120%);
}

.searchDeskBtn {
    overflow: auto hidden;
    flex-wrap: nowrap;
        background: #000000 !important;
    width: -webkit-fill-available;
    border-radius: 4px;
}

.searchDeskLiveBtn {
    overflow: auto hidden;
    flex-wrap: nowrap;
        background: #000000 !important;
    width: 10%;
    border-radius: 4px;
}

::-webkit-scrollbar {
    width: 7px;
    background-color: #000000;
    border-left: 1px solid #000000;
}

::-webkit-scrollbar-thumb {
    background-color: #ff4f45;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #0f2f56;
}

.mobileSearchForm {
    position: sticky !important;
    order: 2 !important;
    margin-left: 0px !important;
    width: calc(100% + 58px) !important;
    margin-right: 0px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: 40px !important;
    padding: 0 !important;
    z-index: 99 !important;
}

.row2 {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0px !important;
    padding: 0px !important;
}

img.w-100.lazyCasino {
    /* aspect-ratio: 10 / 9; */
    border-radius: 10px;
}

img.w-100 {
    aspect-ratio: 10 / 7;
    border-radius: 10px;
}

@media only screen and (min-width: 576px) {
    section.replays[data-v-50b00585] {
        margin-bottom: 10px;
    }
}

section.replays[data-v-50b00585] {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}

.swiper-wrapper.swiper[data-v-f783048c] {
    padding-top: 20px;
}

.swiper-wrapper[data-v-f783048c] {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding: 0 0 0 6px;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    transform: translateZ(0);
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translateZ(0);
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

section.replays .item-2[data-v-f783048c] {
    width: 100%;
    float: left;
    position: relative;
    padding-bottom: 20px;
    display: flex;
    justify-content: center;
}

section.replays .item-2 a[data-v-f783048c] {
    width: 100%;
    height: 100%;
    display: grid;
    cursor: pointer;
    text-align: center;
    justify-content: center;
}

a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none;
}

[role=button], a, area, button, input, label, select, summary, textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

section.replays .item-2 .circle[data-v-f783048c] {
    width: 68px;
    height: 68px;
    display: inline-block;
    position: relative;
    top: 4px;
    overflow: hidden;
    border-radius: 100%;
    transition: all .3s;
    z-index: 500;
    background: rgba(0, 0, 0, .05);
}

@media only screen and (min-width: 400px) {
    section.replays .item-2 .circle {
        width: 64px;
        height: 64px;
        /* left: 6px; */
        top: 6px;
    }
}

section.replays .item-2 .circle img[data-v-f783048c] {
    width: 100%;
    height: 100%;
    display: inline-block;
    float: left;
    background-size: 100%;
    background-repeat: no-repeat;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .8s;
    transform: scale(1.02);
    overflow: hidden;
    border-radius: 100%;
}

section.replays .item-2 .multiplier[data-v-f783048c] {
    z-index: 500;
    border-radius: 5px;
    background: #2e2e2f;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: -.2px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    padding: 0 4px 0 2px;
    height: 15px;
    line-height: 15px;
    color: #fff;
    text-align: center;
    display: inline-block;
    visibility: visible;
}

section.replays .item-2.active[data-v-f783048c]:after {
    content: "";
    border: 2px solid transparent;
    background: linear-gradient(45deg, #ff4f45, #ff8e02) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

section.replays .item-2[data-v-f783048c]:after {
    content: "";
    width: 76px;
    height: 76px;
    background: inherit;
    border: 2px solid rgba(90, 87, 98, .23921568627450981);
    display: block;
    position: absolute;
    margin: 0 auto;
    top: 0;
    z-index: 1;
    border-radius: 100%;
}

@media only screen and (min-width: 1200px) {
    section.live-casino.landing {
        margin-top: 20px;
    }
}

section.live-casino.landing {
    margin-top: 0;
}

section.live-casino.margin {
    margin-top: 30px;
}

section.live-casino {
    width: 100%;
    position: relative;
    float: left;
    margin: 2px 0 0 0;
}

article, aside, details, figcaption, figure, footer, header, legend, main, menu, nav, section {
    display: block;
}

@media only screen and (min-width: 1280px) {
    .container {
    }
}

@media only screen and (min-width: 1200px) {
    section.casino .all-games .heading, section.live-casino .heading {
        margin: 0 0 20px 0;
    }
}

section.live-casino .heading {
    width: 100%;
    float: left;
    margin: 0 0 15px 0;
}

.back-to-top::before, .casino-filter .expand-boxes:hover, .casino-filter .expand-boxes:hover::after, header .navigation .functions a.button.primary, section.casino .all-games .heading .icon, section.dashboard .payment-methods .item.active .content .function button, section.dashboard .side-menu .buttons span.toggle a.active, section.live-casino .heading .icon, section.poker .poker-user-functions .right a:hover, section.poker .poker-user-functions .right a:hover i {
    color: #fff !important;
}

<style> .back-to-top::before, .casino-filter .expand-boxes:hover, .casino-filter .expand-boxes:hover::after, header .navigation .functions a.button.primary, section.casino .all-games .heading .icon, section.dashboard .payment-methods .item.active .content .function button, section.dashboard .side-menu .buttons span.toggle a.active, section.live-casino .heading .icon, section.poker .poker-user-functions .right a:hover, section.poker .poker-user-functions .right a:hover i {
    color: #fff !important;
}

@media only screen and (min-width: 1200px) {
    section.casino .all-games .heading .icon, section.live-casino .heading .icon {
        width: 48px;
        height: 48px;
        line-height: 48px;
        margin: 0 15px 0 0;
        font-size: 28px;
    }
}

section.live-casino .heading .icon {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    margin: 0 10px 0 0;
    display: inline-block;
    float: left;
        background: #000000 !important;
    text-align: center;
    border-radius: 4px;
}

icon-card-roulette:before {
    content: '\e829';
}

[class^=icon-]:before, [class*=" icon-"]:before {
    font-family: porto_icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
}

section.live-casino .heading .right {
    width: calc(100% - 63px);
    float: left;
}

@media only screen and (min-width: 1200px) {
    section.casino .all-games .heading .right h3, section.live-casino .heading .right h3 {
        font-size: 20px;
        margin: 2px 0 0 0;
        line-height: 24px;
        text-transform: none;
    }
}

section.live-casino .heading .right h3 {
    font-size: 14px;
    margin: 0 0 0 0;
    line-height: 30px;
    color: var(--white-color);
    font-weight: 700;
    letter-spacing: -0.5px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.18);
    padding: 0;
    text-transform: uppercase;
}

@media only screen and (min-width: 1200px) {
    section.casino .all-games .heading .right span, section.live-casino .heading .right span {
        display: inline-block;
        visibility: visible;
    }
}

section.live-casino .games {
    width: 100%;
    float: left;
    position: relative;
    z-index: 20;
    padding: 30px 0 0 0;
    padding: 0 7.5px;
    z-index: 999;
}

@media only screen and (min-width: 992px) {
    section.cards .row, section.casino.landing .row, section.live-casino.landing .row {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        overflow-x: inherit !important;
        white-space: inherit !important;
    }
}

section.live-casino.landing .row {
    overflow-x: auto;
    white-space: nowrap;
    display: block;
}

@media only screen and (min-width: 992px) {
    section.casino.landing .row .col-4, section.live-casino.landing .row .col-4 {
        display: inline-block;
    }
}

@media only screen and (min-width: 1200px) {
    section.live-casino .games .item {
        margin-bottom: 30px;
    }
}

section.live-casino .games .item {
    width: 100%;
    float: left;
    position: relative;
    margin: 0 0 15px 0;
    aspect-ratio: 10 / 7;
}

[role=button], a, area, button, input, label, select, summary, textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

@media only screen and (min-width: 1200px) {
    section.live-casino .games .item:hover .play-hover::before, section.live-casino .games .item .thumbnail {
        height: 155px;
    }
}

@media only screen and (min-width: 992px) {
    section.live-casino .games .item .thumbnail {
        height: 9.5vw;
    }
}

@media only screen and (min-width: 768px) {
    section.live-casino .games .item .thumbnail {
        height: 9.5vw;
    }
}

section.live-casino .games .item .thumbnail {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    float: left;
    overflow: hidden;
    position: relative;
    transition: .3s all;
}

section.live-casino .games .item .thumbnail::before, section.live-casino .games .item .thumbnail::after {
    content: '';
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border-left: .1875em solid var(--theme-color);
    border-top: .1875em solid transparent;
    border-bottom: .1875em solid transparent;
    border-right: .1875em solid var(--theme-color);
    opacity: 0;
    z-index: 9999;
}

section.live-casino .games .item .thumbnail img {
    width: 100%;
    height: 100%;
    display: inline-block;
    float: left;
    background-size: 100%;
    background-repeat: no-repeat;
    transition: .8s all;
}

section.live-casino .games .item .thumbnail img {
    width: 100%;
    height: 100%;
    display: inline-block;
    float: left;
    background-size: 100%;
    background-repeat: no-repeat;
    transition: .8s all;
}

section.live-casino .games .item .info {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
}

section.live-casino .games .item .info .left {
    width: 100%;
    float: left;
}

section.live-casino .games .item .info .left span.title {
    font-size: 13px;
    letter-spacing: -0.3px;
    line-height: 17px;
    font-weight: 500;
    float: left;
    color: #ff4f45;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}

section.live-casino .games .item .info .left span.provider {
    width: 100%;
    float: left;
    font-size: 12px;
    color: rgba(245, 244, 243, 0.27);
    letter-spacing: -0.4px;
    font-weight: 400;
    margin: 3px 0 0 0;
}

section.live-casino .games .item .info .right {
    display: none;
    visibility: hidden;
}

section.live-casino .games .item .info .right button {
    width: 90px;
    height: 35px;
    line-height: 34px;
    text-align: center;
    display: inline-block;
    float: right;
    border-radius: 6px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: -0.4px;
    font-size: 12px;
    background: #26292E;
    color: #fff;
    box-shadow: inset 0 1px 0 0 #34373a;
    text-shadow: 0 1px 0 rgb(0 0 0 / 12%);
    transition: .3s all;
    border: none;
    outline: none;
    cursor: pointer;
}

section.live-casino.margin.landing {
    z-index: 1;
}

@media only screen and (min-width: 1200px) {
    section.casino .all-games .heading .icon, section.live-casino .heading .icon {
        width: 48px;
        height: 48px;
        line-height: 48px;
        margin: 0 15px 0 0;
        font-size: 28px;
    }
}

.links-block--yQPvS {
    display: flex;
    margin-bottom: 24px;
    padding: 0 26px;
    text-align: left;
    justify-content: space-evenly;
}

.ellipsis--EjZIS {
    max-width: 100%;
    /* overflow: hidden; */
    white-space: nowrap;
    transition: background-color 0.3s ease;
    text-decoration: none;
}

.top-jackpots-section {
    z-index: 9999;
}

.l0--wrapper {
    margin: 0 auto;
    max-width: 1568px;
    padding: 0 24px;
    position: relative;
    z-index: 999;
}

@media screen and (min-width: 1024px) {
    .top--jackpots-container {
        margin: 38px -8px 24px;
    }
}

.top--jackpots-container {
    position: relative;
    z-index: 99999;
}

.top--jackpots-row {
    display: flex;
}

@media only screen and (max-width: 1366px) {
    .top--jackpots-cols {
        padding: 0 8px;
    }
}

@media screen and (min-width: 1024px) {
    .top--jackpots-cols {
        flex: 1 1;
    }
}

.top--jackpots-cols {
    padding: 0 8px;
}

.tb--rel {
    position: relative;
}

.top--jackpots-anim_0.start-anim {
    animation-delay: 4s;
}

.top--jackpots-block.start-anim {
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-name: glow;
}

.top--jackpots-block {
    background-color: #0b0b0b;
	background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    border-bottom: 1px solid var(--brand-color-2);
    border-radius: 24px;
    box-shadow: 0 -3px 6px #0000001f;
    cursor: default;
    padding: 13px 24px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.top--jackpots-anim {
    border-radius: 10px;
    box-shadow: 0 4px 10px 0 #0000004d;
    position: relative;
    width: 100%;
    z-index: 0;
}

.tb--justify-center {
    justify-content: center;
}

.f-row, .tb--flex {
    display: flex;
}

.top--jackpots-block:before {
    border-radius: 24px;
    box-shadow: inset 240px 0 240px -20px var(--background-color-1);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.tb--jackpot-position {
    position: relative;
}

.f-w-100 {
    width: 100%;
}

.top--jackpot-title {
    color: #ff4f45;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .04em;
    line-height: 13px;
    opacity: .5;
    text-transform: uppercase;
}

.top--jackpot-content {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

.tb--mv-4 {
    margin-bottom: 4px;
    margin-top: 4px;
}

.tb--mv-4 {
    margin-bottom: 4px;
    margin-top: 4px;
}

.top--jackpot-icon_clubs {
    background-position: 0 -96px;
}

.top--jackpot-icon {
	background-repeat: no-repeat;
    background-size: 32px;
    display: block;
    flex-shrink: 0;
    height: 32px;
    width: 32px;
}

@media screen and (max-width: 1366px) and (min-width: 1023.9px) {
    .top--jackpots-value {
        font-size: 20px;
    }
}

.top--jackpots-value {
    color: var(--text-color-1);
    flex-shrink: 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 31px;
    margin: 0 8px;
    text-align: center;
}

.tb--ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hover-bottom .top--jackpots-hover_wrapper {
    bottom: auto;
    top: calc(100% + 10px);
}

.top--jackpots-hover_wrapper {
    bottom: calc(100% + 10px);
    display: none;
    left: 0;
    position: absolute;
    top: auto;
    width: 100%;
}

.hover-bottom .top--jackpots-hover_wrapper {
    bottom: auto;
    top: calc(100% + 10px);
}

.top--jackpots-hover_block {
    border-radius: 24px;
    filter: drop-shadow(0 2px 24px rgba(0, 0, 0, .16));
    overflow: hidden;
    padding: 12px;
    position: relative;
    width: 100%;
}

.top--jackpots-hover_winners {
    color: #fff;
    font-size: 14px;
    font-weight: 5700;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.top--jackpot-icon_diamonds {
    background-position: 0 0;
}



.top--jackpot-icon_hearts {
    background-position: 0 -32px;
}



.top--jackpot-icon_spades {
    background-position: 0 -64px;
}



.top--jackpots-block:before {
    border-radius: 24px;
    box-shadow: inset 240px 0 240px -20px #3b340c;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.top--jackpots-anim_2.start-anim {
    animation-delay: 4.2s;
}

.top--jackpots-block.start-anim {
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-name: glow;
}

.top--jackpots-block {
    background-color: #0b0b0b;
	background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    border-bottom: 1px solid #ff4f45;
    border-radius: 24px;
    box-shadow: 0 -3px 6px #0000001f;
    cursor: default;
    padding: 13px 24px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.top--jackpot-logo:before {
    left: 100%;
}

.top--jackpot-logo:after, .top--jackpot-logo:before {
    background-color: #fff;
    content: "";
    height: .5px;
    opacity: .5;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
}

.top--jackpot-logo {
    display: inline-block;
    position: relative;
}

.top--jackpot-logo:after {
    right: 100%;
}

.top--jackpot-logo svg {
    margin: 0 8px;
}

svg:not(:root) {
    overflow: hidden;
}

.jackpot[data-v-64a033a2] {
    position: relative;
    z-index: 5;
    padding: 1rem;
    margin: 0 auto;
    max-width: 1280px;
}

.jackpot h2[data-v-64a033a2] {
    color: #fff;
    text-align: center;
    margin-bottom: .5rem;
}

.jackpot h2 span[data-v-64a033a2] {
    display: block;
    font-size: 20px;
}

.jackpot__root[data-v-64a033a2] {
    display: grid;
    grid-gap: .5rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.shared-jackpot-box {
    position: relative;
    display: grid;
    grid-gap: 1px;
    width: 100%;
    border-radius: 10px;
}

.shared-jackpot-box header {
    display: grid;
    padding: .5rem;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 1rem;
    border-radius: 10px;
    grid-template-columns: 4rem 4rem 1fr;
    background: 50% / cover no-repeat url(https://d3ejb2l5e3bvmc.cloudfront.net/meritking/assets/images/flames.gif) #040400;
    cursor: pointer;
}

.shared-jackpot-box img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.shared-jackpot-box h2 {
    font-size: 1.2rem;
    text-transform: uppercase;
}

.shared-jackpot-box .odometer {
    justify-self: right;
    font-size: 25px;
    font-weight: 800;
}

.odometer[data-v-c98b77d0] {
    position: relative;
    font-weight: 700;
    font-size: 1.75rem;
}

.odometer__root[data-v-c98b77d0] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.odometer__group[data-v-c98b77d0] {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
}

.shared-jackpot-box .odometer .odometer__col-wrapper {
    margin: 0;
    background-color: unset;
}

.odometer__col-wrapper[data-v-c98b77d0] {
    height: 100%;
    overflow: hidden;
    margin: 0 .125rem;
    border-radius: 5px;
}

.shared-jackpot-box .odometer .odometer__digit {
    padding: 0;
}

.jackpot[data-v-64a033a2] {
    position: relative;
    z-index: 5;
    padding: 1rem;
    margin: 0 auto;
    max-width: 1280px;
}

.jackpot h2[data-v-64a033a2] {
    color: #fff;
    text-align: center;
    margin-bottom: .5rem;
}

.jackpot h2 span[data-v-64a033a2] {
    display: block;
    font-size: 20px;
}

.jackpot__root[data-v-64a033a2] {
    display: grid;
    grid-gap: .5rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.shared-jackpot-box {
    position: relative;
    display: grid;
    grid-gap: 1px;
    width: 100%;
    border-radius: 10px;
}

.shared-jackpot-box header {
    display: grid;
    padding: .5rem;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 1rem;
    border-radius: 10px;
    grid-template-columns: 4rem 4rem 1fr;
    cursor: pointer;
    background: linear-gradient(37deg, rgb(240 210 60) 0%, rgb(10 31 68) 65%, rgb(3 0 33) 100%);
    background: 50% / cover no-repeat url(/img/flames2.gif) #040400;
}

.shared-jackpot-box img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.shared-jackpot-box h2 {
    font-size: 1.2rem;
    text-transform: uppercase;
}

.shared-jackpot-box .odometer {
    justify-self: right;
    font-size: 25px;
    font-weight: 800;
}

.odometer[data-v-c98b77d0] {
    position: relative;
    font-weight: 700;
    font-size: 1.75rem;
}

.odometer__root[data-v-c98b77d0] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.odometer__group[data-v-c98b77d0] {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
}

.shared-jackpot-box .odometer .odometer__col-wrapper {
    margin: 0;
    background-color: unset;
}

.odometer__col-wrapper[data-v-c98b77d0] {
    height: 100%;
    overflow: hidden;
    margin: 0 .125rem;
    border-radius: 5px;
}

.shared-jackpot-box .odometer .odometer__digit {
    padding: 0;
}

.jackbiotic {
    height: 43.2px;
    line-height: 43.2px;
    font-weight: 800;
}

.layout-header-holder-bc {
    margin-bottom: var(--desktop-header-margin-bottom);
    position: sticky;
    top: 0;
    z-index: 952;
    box-shadow: 0 var(--desktop-header-margin-bottom) 0 0 rgb(0 85 255);
	    max-width: 1470px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.layout-header-holder-bc {
    grid-area: header;
    width: 100%;
    padding-bottom: 10px;
}

.hdr-dynamic-content:empty {
    display: none;
}

.hdr-dynamic-content {
    padding-inline-start: 5px; padding-inline-end: 5px; }

.hdr-dynamic-content {
    padding-bottom: 5px;
}

.header-bc {
    padding: 0 10px;
    box-sizing: border-box;
}

.header-bc {
    width: 100%;
    background: #000000;
}

.hdr-main-content-bc, .logo {
    height: var(--desktop-header-height);
}

.hdr-main-content-bc {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
}

.logo-container {
    display: flex;
    align-items: center;
    flex: auto;
    margin-inline-end: 5px; }

@media screen and (max-width: 1366px) {
    .logo {
        font-size: 10px;
        max-width: 180px;
        height: 36px;
    }
}

.hdr-main-content-bc, .logo {
    height: var(--desktop-header-height);
}

.logo {
    display: flex;
    flex-shrink: 0;
    align-items: center;
}

.hdr-logo-bc {
    max-width: 200px;
    padding: 4px 0;
}

.hdr-logo-bc {
    display: flex;
    height: 100%;
    object-fit: contain;
}

.hdr-logo-bc {
    height: 70px !important;
}

.logo-container .header-icon {
    width: 85px !important;
}

@media screen and (max-width: 1366px) {
    .header-icon {
        width: 22px;
        height: 22px;
        margin-inline-start: 10px; }
}

.header-icon {
    width: 38px;
    height: 38px;
    font-size: 14px;
    margin-inline-start: 2px; }

.header-icon {
    flex-shrink: 0;
}

.header-icon>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 4px;
}

.header-custom-buttons, .hdr-user-bc {
    display: flex;
}

.hdr-user-bc {
    align-items: center;
}

.header-custom-buttons, .hdr-user-bc {
    display: flex;
}

.header-icon-text[class*=bc-i] {
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
}

.btn.a-color {
    color: rgba(var(--oc-1-sc), 1);
    background: rgb(12 146 29);
    transition: background var(--default-transition-duration);
}

.btn.a-color {
    color: #fff !important;
}

.btn.a-color {
    color: #222 !important;
}

.btn.a-color {
    color: rgba(var(--oc-1-sc), 1);
}

.btn.a-color {
    color: transparent !important;
}

.header-icon-text, .hdr-main-content-bc .bc-loader, .hdr-crypto-btn, .connect-wallet, .hdr-time-bc, .smartPanel-bc, .hdr-user-bc .sign-in {
    margin-inline-start: 20px; }

.hdr-main-content-bc .bc-loader, .hdr-user-bc .sign-in, .header-icon-text {
    position: relative;
}

.header-icon-text {
    align-items: center;
}

.header-icon-text {
    font-size: 14px;
    padding: 0 10px;
    height: 28px;
}

.btn {
    max-width: 370px;
}

.btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 36px;
    padding: 0 20px;
    color: rgba(var(--b-sc), .9);
    background: rgba(var(--b-sc), .15);
    border: none;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: color var(--default-transition-duration), background var(--default-transition-duration), border-color var(--default-transition-duration);
}



.header-icon-text[class*=bc-i]>span:not(:empty) {
    line-height: normal;
    margin-inline-start: 5px; }



.btn.a-color.header-icon-text.bc-i-wallet {
    background: #70a52e !important;
    color: #ffffff !important;
    font-weight: bold !important;
    font-size: 13px;
}

.btn.a-color.header-icon-text.bc-i-bonus {
    background: #ff4f45 !important;
    color: #ffffff !important;
    font-weight: bold !important;
    font-size: 13px;
}

.header-icon-text[class*=bc-i] {
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
}

.hdr-user-bc .bc-i-deposit, .hdr-user-bc .bc-i-wallet, .hdr-user-bc .bc-i-community, .hdr-user-bc .deposit-btn {
    background: #109121;
}

.btn.a-color {
    color: rgb(255 255 255);
    background: rgb(12 146 29);
    transition: background var(--default-transition-duration);
}

.btn.a-color {
    color: #fff !important;
}

.btn.a-color {
    color: #222 !important;
}

.btn.a-color {
    color: rgba(var(--oc-1-sc), 1);
}

.btn.a-color {
    color: transparent !important;
}

.header-icon-text, .hdr-main-content-bc .bc-loader, .hdr-crypto-btn, .connect-wallet, .hdr-time-bc, .smartPanel-bc, .hdr-user-bc .sign-in {
    margin-inline-start: 20px; }

.hdr-main-content-bc .bc-loader, .hdr-user-bc .sign-in, .header-icon-text {
    position: relative;
}

.header-icon-text {
    align-items: center;
}

.header-icon-text {
    font-size: 14px;
    padding: 0 10px;
    height: 28px;
}

.header-icon-text:after, [dir=ltr] .hdr-main-content-bc .bc-loader:after, [dir=ltr] .hdr-crypto-btn:after, [dir=ltr] .connect-wallet:after, [dir=ltr] .hdr-time-bc:after, [dir=ltr] .smartPanel-bc:after, [dir=ltr] .hdr-user-bc .sign-in:after {
    left: -10px;
}

.header-icon-text:after, .compact-mode:after, .hdr-crypto-btn:after, .connect-wallet:after, .nav-menu-other:after, .smartPanel-bc:after, .hdr-main-content-bc .bc-loader:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 30px;
    bottom: 0;
    top: 0;
    margin: auto;
    z-index: -1;
    background: rgb(255 255 255 / 10%);
}

.btn.a-color.header-icon-text.bc-i-call {
}

.btn.header-icon-text.bc-i-call {
    background: #fdd234 !important;
}

.btn.header-icon-text.bc-i-call {
    background: #fdd234 !important;
}

.header-icon-text[class*=bc-i] {
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
}

.btn.a-color {
    color: rgb(255 255 255);
    transition: background var(--default-transition-duration);
        background: #000000 !important;
}



.header-icon-text[class*=bc-i] {
    font-family: muli, sans-serif;
}



.header-icon-text[class*=bc-i] {
    font-family: muli, sans-serif !important;
}

.header-icon-text, .hdr-main-content-bc .bc-loader, .hdr-crypto-btn, .connect-wallet, .hdr-time-bc, .smartPanel-bc, .hdr-user-bc .sign-in {
    margin-inline-start: 20px; }

.hdr-main-content-bc .bc-loader, .hdr-user-bc .sign-in, .header-icon-text {
    position: relative;
}

.btn.sign-in {
    padding: 0;
    color: rgba(var(--header-sc), 1);
    background: none;
    text-decoration: underline;
    transition: color var(--default-transition-duration);
}

.btn.s-small {
    width: auto;
    height: 28px;
    padding: 0 15px;
}

.btn.sign-in {
    padding: 0;
    padding-right: 0px;
    padding-left: 0px;
    color: black !important;
    background: none;
    text-decoration: underline;
    transition: .24s;
    /* background: #ff4f45 !important; */
    padding-left: 10px !important;
    padding-right: 10px !important;
    text-decoration: none !important;
}

.btn>span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hdr-user-bc .btn.register {
    max-width: 112px;
}

.hdr-user-bc .btn.register {
    margin-inline-start: 10px; margin-inline-end: 10px; }

.btn.register, .btn.btn-color {
    padding: 0 8px;
    color: rgb(0 0 0);
    transition: background .24s;
    background: #ff4f45 !important;
}

@media screen and (max-width: 1366px) {
    .hdr-time-bc {
        font-size: 10px;
        padding: 0 5px;
    }
}

.hdr-time-bc {
    position: relative;
    flex-shrink: 0;
    height: 28px;
    color: rgb(255 255 255);
    padding: 0 10px;
    background: rgb(255 255 255 / 10%);
    border-radius: 5px;
    line-height: 28px;
}

.header-icon-text, .hdr-main-content-bc .bc-loader, .hdr-crypto-btn, .connect-wallet, .hdr-time-bc, .smartPanel-bc, .hdr-user-bc .sign-in {
    margin-inline-start: 20px; }

.nav-content-bc {
    display: flex;
    flex-direction: column;
    position: relative;
    background: rgb(0 0 0);
    border-radius: 5px;
}

.nav-menu-container.header-navigation:first-child {
    position: relative;
    border-radius: 5px;
    z-index: 1;
    background: rgb(255 255 255 / 15%);
}

.nav-content-menu .nav-menu-container.header-navigation {
    border: 1px solid #ff4f45 !important;
}

.nav-menu-container {
    display: flex;
    flex: auto;
}

.nav-menu-container.header-navigation:first-child .nav-menu {
    border-start-start-radius: 5px;
    border-end-start-radius: 5px;
}

.nav-menu-container .nav-menu {
    width: 100%;
    flex-wrap: wrap;
}

.nav-menu-container .nav-menu, .nav-menu-container .nav-menu-other {
    display: flex;
}

.nav-menu-container .nav-menu {
    height: 35px;
}

ol, ul {
    list-style: none;
}

.nav-menu-container .nav-menu>li {
    display: flex;
    height: 100%;
}

.nav-menu-container li {
    position: relative;
}

.nav-menu-container.header-navigation:first-child .nav-menu>li:first-child>.nav-menu-item {
    padding-inline-start: 10px; border-start-start-radius: 5px;
    border-end-start-radius: 5px;
}

.nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item {
    padding: 0 20px;
    color: rgb(255 255 255);
    letter-spacing: .1px;
    transition: all var(--default-transition-duration);
}

.nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item {
    padding: 0 15px !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item {
    padding: 0 8px !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item {
    padding: 0 10px !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item {
    padding: 0 4px !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item {
    padding: 0 10px !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item {
    padding: 0 11px !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item {
    padding: 0 12px !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item {
    padding: 0 3px !important;
}

.nav-menu-container .nav-menu>li>.nav-menu-item, .nav-menu-container .nav-menu-other>.nav-menu-item {
    display: flex;
    align-items: center;
    white-space: nowrap;
    cursor: pointer;
}

.nav-menu-container .nav-menu .nav-menu-item, .nav-menu-container .nav-menu-other .nav-menu-item {
    font-size: 16px;
}

.nav-menu-container .nav-menu .nav-menu-item, .nav-menu-container .nav-menu-other .nav-menu-item {
    font-size: 14px !important;
}

.m-nav-sab-container-r-row-bc>a, .nav-menu-item {
    position: relative;
}

.nav-menu-item {
    text-transform: uppercase;
}

.nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item>i, .nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item>i {
    font-size: 16px;
}

.nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item>i, .nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item>i {
    font-size: 14px !important;
}

.nav-menu-container .nav-menu>li>.nav-menu-item>i, .nav-menu-container .nav-menu-other>.nav-menu-item>i {
    margin-inline-end: 10px; }

.nav-menu-item i {
    color: #ff4f45 !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu-item:after {
    right: 0;
}

.nav-menu-item:after {
    right: 0;
}

.m-nav-sab-container-r-row-bc>a:after, .nav-menu-item:after {
    content: attr(data-badge);
    position: absolute;
    top: 3px;
    height: 12px;
    max-width: 99%;
    padding: 0 4px;
    box-sizing: border-box;
    border-radius: var(--border-radius);
    text-transform: uppercase;
    font-size: 8px;
    line-height: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.nav-menu-container.header-navigation:first-child .nav-menu-other:hover>.nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu>li:hover>.nav-menu-item {
    box-shadow: none !important;
    text-decoration: none;
    color: #ff4f45 !important;
    background: rgba(255, 255, 255, .05) !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item {
    padding: 0 15px !important;
}

@media (hover: hover) {
    .btn.register:hover, .btn.btn-color:hover {
        background: linear-gradient(111deg, #003366cf 0%, #0033abd1 48%, #003366c9 100%);
        cursor: pointer;
    }
}

.header-user-nav {
    align-items: center;
    margin-inline-start: 10px; }

.nav-menu-container {
    display: flex;
    flex: auto;
}

.header-user-nav>.nav-menu-other {
    position: relative;
}

.nav-menu-container .nav-menu, .nav-menu-container .nav-menu-other {
    display: flex;
}

.nav-menu-other {
    height: 36px;
}

ol, ul {
    list-style: none;
}

.nav-menu-container li {
    position: relative;
}

.header-user-nav>.nav-menu-other>li:before {
    content: "";
    position: fixed;
    max-width: calc(100% - 20px);
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 0;
    background: rgba(0, 0, 0, .2);
    pointer-events: none;
    z-index: -1;
    margin: 0 auto;
}

.nav-menu-container .nav-menu .nav-menu-item, .nav-menu-container .nav-menu-other .nav-menu-item {
    font-size: 16px;
}

.nav-menu-container .nav-menu .nav-menu-item, .nav-menu-container .nav-menu-other .nav-menu-item {
    font-size: 14px !important;
}

.header-user-nav>.nav-menu-other>li>a {
    height: 100%;
    display: flex;
    padding: 0 10px;
    align-items: center;
    justify-content: center;
    border-top: 2px solid transparent;
}

.m-nav-sab-container-r-row-bc>a, .nav-menu-item {
    position: relative;
}

.nav-menu-item {
    text-transform: uppercase;
}

a {
    text-decoration: none;
}

.hdr-user-info-content-bc {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    overflow: hidden;
}

.header-user-nav .hdr-user-info-content-bc>span {
    line-height: normal;
}

.hdr-user-info-texts-bc.ext-1 {
    color: rgb(255 255 255);
    font-size: 12px;
}

@media screen and (max-width: 1366px) {
    .crypto-info-link, .trusted-widget-text, .hdr-user-info-texts-bc {
        font-size: 10px;
    }
}

.hdr-user-info-texts-bc {
    max-width: 100%;
    font-weight: 500;
}


.nav-menu-item:after {
    right: 0;
}

.m-nav-sab-container-r-row-bc>a:after, .nav-menu-item:after {
    content: attr(data-badge);
    position: absolute;
    top: 3px;
    height: 12px;
    max-width: 99%;
    padding: 0 4px;
    box-sizing: border-box;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 8px;
    line-height: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.nav-menu-container .nav-menu-other>li>.nav-menu-sub {
    right: 0;
    transform-origin: right top;
}

.nav-menu-container .nav-menu>li>.nav-menu-sub, .nav-menu-container .nav-menu-other>li>.nav-menu-sub {
    top: 100%;
}

.header-user-nav .nav-menu-sub {
    background: rgb(0 10 31);
}

.nav-menu-container .nav-menu-sub {
    position: absolute;
    min-width: 235px;
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(4px);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    transition: all var(--default-transition-duration) var(--default-transition-delay);
}

.nav-menu-container li {
    position: relative;
}

.header-user-nav .nav-menu-sub .nav-menu-item {
    color: rgb(255 255 255 / 70%);
    background: linear-gradient(to right, rgb(1 126 168 / 15%) 0%, rgb(255 255 255 / 5%) 100%);
}

.nav-menu-container .nav-menu-sub .nav-menu-item {
    display: flex;
    align-items: center;
    height: 34px;
    padding: 0 10px;
    border-radius: 5px;
    overflow: hidden;
}

.nav-menu-container .nav-menu .nav-menu-item, .nav-menu-container .nav-menu-other .nav-menu-item {
    font-size: 16px;
}

.nav-menu-container .nav-menu .nav-menu-item, .nav-menu-container .nav-menu-other .nav-menu-item {
    font-size: 14px !important;
}

.m-nav-sab-container-r-row-bc>a, .nav-menu-item {
    position: relative;
}

.nav-menu-item {
    text-transform: uppercase;
}

[dir=ltr] .nav-menu-container .nav-menu-sub .nav-menu-item:before {
    left: 0;
}

.nav-menu-container .nav-menu-sub .nav-menu-item:before {
    width: 2px;
}

.nav-menu-container .nav-menu-sub .nav-menu-item:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    background: rgb(255 255 255 / 0%);
    transition: background var(--default-transition-duration);
}

.nav-menu-container .nav-menu-sub .nav-menu-item>i:first-child {
    margin-inline-end: 10px; }

.nav-menu-container .nav-menu-sub .nav-menu-item>i {
    flex-shrink: 0;
}

.nav-menu-container .nav-menu-sub .nav-menu-item>* {
    position: relative;
    letter-spacing: .1px;
    z-index: 1;
    transition: color var(--default-transition-duration);
}

.nav-menu-container .nav-menu-sub .nav-menu-item>* {
    position: relative;
    letter-spacing: .1px;
    z-index: 1;
    transition: color var(--default-transition-duration);
    font-weight: 500;
}

.header-user-nav .checkbox-control-text-bc {
    color: rgb(255 255 255 / 70%);
}

.nav-menu-container .nav-menu-sub>li+li {
    margin-top: 2px;
}

.header-user-nav>.nav-menu-other>li:hover>a {
    background: rgb(1 13 39);
    border-radius: 5px;
    border-color: rgb(255 79 69);
    text-decoration: none;
}

.nav-menu-container .nav-menu .nav-menu-item, .nav-menu-container .nav-menu-other .nav-menu-item {
    font-size: 16px;
}

.nav-menu-container .nav-menu .nav-menu-item, .nav-menu-container .nav-menu-other .nav-menu-item {
    font-size: 14px !important;
    text-decoration: none;
}

.header-user-nav>.nav-menu-other>li>a {
    height: 100%;
    display: flex;
    padding: 0 10px;
    align-items: center;
    justify-content: center;
    border-top: 2px solid transparent;
    font-size: 23px;
}

.m-nav-sab-container-r-row-bc>a, .nav-menu-item {
    position: relative;
}

.nav-menu-item {
    text-transform: uppercase;
}

.nav-menu-container:not(.hide-hover-effect) .nav-menu>li:hover>.nav-menu-sub, .nav-menu-container:not(.hide-hover-effect) .nav-menu-other>li:hover>.nav-menu-sub, .nav-menu-container:not(.hide-hover-effect) .nav-menu-sub>li:hover>.nav-menu-sub {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

[dir=ltr] .nav-menu-container .nav-menu-other>li>.nav-menu-sub {
    right: 0;
    transform-origin: right top;
}

.nav-menu-container .nav-menu>li>.nav-menu-sub, .nav-menu-container .nav-menu-other>li>.nav-menu-sub {
    top: 100%;
}

.header-user-nav .nav-menu-sub {
    background: rgb(0 10 31);
}

.nav-menu-container .nav-menu-sub {
    position: absolute;
    min-width: 235px;
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(4px);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    transition: all var(--default-transition-duration) var(--default-transition-delay);
}

.nav-menu-container .nav-menu-sub .nav-menu-item:hover:before {
    background: rgb(255 79 69);
}

.nav-menu-container .nav-menu-sub .nav-menu-item:before {
    left: 0;
}

.nav-menu-container .nav-menu-sub .nav-menu-item:before {
    width: 2px;
}

.nav-menu-container .nav-menu-sub .nav-menu-item:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    background: rgb(255 255 255 / 0%);
    transition: background var(--default-transition-duration);
}

.logout-profile button {
    background: rgb(255 255 255 / 15%);
    color: rgb(255 255 255 / 70%);
    font-size: 12px;
    height: 26px;
    margin-top: 8px;
}

.logout-profile button:hover {
    background: rgb(255 255 255 / 35%);
}

@media (hover: hover) {
    .btn:hover {
        /* background: rgb(255 255 255 / 0%); */ cursor: pointer;
    }
}

.logout-profile button {
    background: rgb(255 255 255 / 15%);
    color: rgb(255 255 255 / 70%);
    font-size: 12px;
    height: 26px;
    margin-top: 8px;
}

.header-user-nav .nav-menu-sub .nav-menu-item:hover, .header-user-nav .nav-menu-sub .nav-menu-item:hover .checkbox-control-text-bc {
    color: rgb(255 255 255);
}

.sidebar-image img {
    width: 200px !important;
    height: 50px !important;
}

#comm100-float-button-b6e5d12c-7812-4146-be02-da47a56bac3e-2 img {
    width: 190px !important;
}

.footerLinkCols {
    justify-content: normal !important;
}

.footerContainer {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

[class*="is-web"] .footerLinkCol:not(:last-child) {
    margin-right: 20px !important;
}

[class*="is-web"] .horizontalSliderRow .footerSliderImage img {
    width: 160px !important;
    height: 100px !important;
    filter: none !important;
    opacity: 2 !important;
    transition: opacity .24s;
    padding: 10px !important;
}

.horizontalSliderRow .footerSliderImage {
    background-color: transparent !important;
}

.footerLinkColTitle {
    color: #fdcd01 !important;
}

.footerLinkColEl a {
    color: white !important;
}

[class*="is-web"] .horizontalSliderRow .footerSliderImage img {
    padding-right: 17px !important;
}

.ftr-copy-rights-bc a {
    color: #fdcd01 !important;
}

.ftr-copy-rights-bc {
    color: white !important;
}

[class*="is-web"] .horizontalSliderRow .footerSliderImage {
    min-width: 130px !important;
}

.nav-menu-container.header-navigation:nth-child(2) {
    background: #263045 !important;
}

.nav-menu-container.header-navigation:nth-child(2) .nav-menu-item {
    color: white !important;
}

.hdr-logo-bc {
    height: 70px !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item {
    padding: 0 10px !important;
}

.promotion-page .promotionsList-bc {
    grid-template-columns: repeat(auto-fill,minmax(370px,1fr)) !important;
}

.sdr-item-bc::before {
    background: linear-gradient(to bottom,rgba(0,0,0,0) 62%,rgba(0, 0, 0, 0)) !important;
}

.footerSocialLink {
    background: transparent !important;
    border: 1px solid #ffcc024f !important;
}


.footerSocialLink .bc-i-instagram::before {
    opacity: 0 !important;
}

.footerSocialLink .bc-i-telegram::before {
    opacity: 0 !important;
}

.footerSocialLink .bc-i-twitter::before {
    opacity: 0 !important;
}

.footerSocialLink .bc-i-youtube::before {
    opacity: 0 !important;
}

.btn.a-color.header-icon-text.bc-i-telegram {
    background: url(https://csn-holigan-s3-eu-central.com/social/telegram.png) !important;
    background-size: auto;
    background-size: auto;
    background-size: auto;
    background-size: auto;
    background-size: cover !important;
    color: transparent !important;
    padding: 16px;
}
.btn.a-color.header-icon-text.bc-i-instagram {
    background: url(https://csn-holigan-s3-eu-central.com/social/instagram.png) !important;
    background-size: auto;
    background-size: auto;
    background-size: auto;
    background-size: auto;
    background-size: cover !important;
    color: transparent !important;
    padding: 16px;
}
.btn.a-color.header-icon-text.bc-i-x{
    background: url(https://csn-holigan-s3-eu-central.com/social/x.png) !important;
    background-size: auto;
    background-size: auto;
    background-size: auto;
    background-size: auto;
    background-size: cover !important;
    color: transparent !important;
    padding: 16px;
}

.btn.a-color.header-icon-text.bc-i-whatsapp {
    background: url(https://csn-holigan-s3-eu-central.com/social/whatsapp.png) !important;
    background-size: auto;
    background-size: auto;
    background-size: auto;
    background-size: cover !important;
    color: transparent !important;
    padding: 16px;
}

.btn.a-color.header-icon-text.bc-i-call {
}

color: #000c24 !important; }

.btn.a-color.header-icon-text.bc-i-promotions-3 {
}

color: #000c24 !important; }

.hdr-main-content-bc, .logo {
    height: 54px !important;
}

#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li:nth-child(11) a {
    color: transparent !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item {
    padding: 0 8px !important;
}


[class*="is-web"] .footerSocialLink i {
    width: 37px !important;
    height: 37px !important;
}

.footerSocialLink {
    border: 1px solid #ffcc0200 !important;
}

.logo-container .header-icon {
    width: 85px !important;
}

.sign-in .sg-n-text-row-1-bc {
    display: none;
}

.sign-in .sg-n-text-row-2-bc {
    color: transparent !important;
    padding-bottom: 300px !important;
}

.sign-in .e-p-header-bc {
    display: none !important;
}



.sign-in .live-chat-adviser-bc {
    padding: 15px 15px !important;
}

.header-icon-text[class*=bc-i]:before {
    font-family: BetConstruct-Icons !important;
}



.hm-row-bc:not(:first-child:empty)+.hm-row-bc {
    margin-top: 20px !important ;
}

.hm-row-bc {
    display: grid;
    gap: 10px !important;
}

.product-banner-container-bc {
    grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)) !important;
}

.product-banner-container-bc {
    display: grid !important;
    grid-gap: 10px !important;
}

.product-banner-container-bc.product-banner-without-titles .product-banner-info-bc {
    height: 100% !important;
}

.product-banner-info-bc {
    position: relative;
    transition: transform var(--slow-transition-duration) !important;
}

.product-banner-info-bc {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

.product-banner-bc {
    border-radius: 4px !important;
}

.hm-row-bc:not(:first-child:empty)+.hm-row-bc {
    margin-top: 20px;
}

.is-home-page .hm-row-bc.has-game {
    grid-template-areas: "slider games";
}

.hm-row-bc {
    display: grid;
    gap: 10px;
}

.has-game.has-slider .slider-bc:not(.has-title) {
    padding-top: 26px;
}

.is-home-page .hm-row-bc.has-game .slider-bc {
    grid-area: slider;
}

.slider-bc {
    min-width: 0;
    position: relative;
}

.carousel {
    position: relative;
}

.carousel-viewport {
    overflow: hidden;
}

.carousel-container {
    display: flex;
}

.carousel-slide {
    flex-shrink: 0;
    position: relative;
}

.sdr-item-holder-bc {
    cursor: pointer;
}

.sdr-item-holder-bc {
    position: relative;
    height: 100%;
}

.sdr-item-bc:only-child {
    border-radius: 5px;
}

.sdr-item-bc {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.sdr-image-bc {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: max-height var(--default-transition-duration) linear;
}

.is-home-page .hm-row-bc.has-game .games-horiz, .is-home-page .hm-row-bc.has-game .games-content {
    grid-area: games;
}

.games-content {
    overflow: hidden;
}

.is-home-page .hm-row-bc.has-game .page-view-more {
    grid-area: viewMore;
}

.page-view-more {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.view-title-more {
    color: rgb(255 255 255);
    font-size: 16px;
    letter-spacing: 1px;
}

.view-title-more {
    flex: auto;
    text-transform: uppercase;
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.view-see-more {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    color: rgb(255 255 255);
    margin-inline-start: 10px;
    margin-inline-end: 4px;
    font-size: 12px;
    line-height: 14px;
}

a {
    text-decoration: none;
}

.view-arrow-more {
    margin-inline-start: 6px; }

.is-home-page .hm-row-bc.has-game .games-horiz, .is-home-page .hm-row-bc.has-game .games-content {
    grid-area: games;
}

.games-horiz {
    overflow: hidden;
}

.games-horiz-scroll {
    grid-template-columns: repeat(5, 1fr);
}

.games-horiz-scroll {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 10px;
}

.casino-game-item {
    width: 100%;
    height: 100%;
    aspect-ratio: 10 / 7;
    background: rgb(255 255 255 / 10%) no-repeat center / contain;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.casino-game-item-image-bc {
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    transition: filter var(--default-transition-duration);
}

.casino-game-item-fav-bc {
    left: 10px;
}

.casino-game-item-fav-bc {
    top: 10px;
}

.casino-game-item-fav-bc {
    position: absolute;
    color: #fffc;
    font-size: 16px;
    opacity: 0;
    transition: var(--default-transition-duration);
    cursor: pointer;
    z-index: 2;
}

a:hover {
    /* color: #0056b3; */
    /* text-decoration: underline; */
}

h3.view-title-more.ellipsis {
    font-weight: 600;
}

.hdr-navigation-scrollable-bc-holder, .hdr-navigation-scrollable-bc {
    position: relative;
    transition: transform var(--default-transition-duration) ease;
}

.hdr-navigation-scrollable-bc {
    flex-shrink: 0;
    display: flex;
    width: 100%;
    height: var(--mobile-header-navigation-height);
    white-space: nowrap;
    background: rgb(0 5 36);
    z-index: 1;
    top: 0px !important;
    background: linear-gradient(91deg, #000000 0%, #012951 26%, rgb(0 51 169) 44%, #012951 64%, #000000 100%) !important;
}

.hdr-navigation-scrollable-bc-holder, .hdr-navigation-scrollable-bc {
    position: relative;
    transition: transform var(--default-transition-duration) ease;
}

.hdr-navigation-scrollable-content {
    flex: auto;
    display: flex;
    will-change: scroll-position;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    height: 40px;
}

.hdr-navigation-link-bc {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
    padding: 0 10px;
    font-weight: 400;
    color: rgb(255 255 255 / 80%);
    /* background: rgb(0 5 36); */
    position: relative;
    text-transform: uppercase;
    letter-spacing: .065em;
    box-shadow: inset 0 -2px 0 0 rgb(255 255 255 / 5%);
    line-height: var(--mobile-header-navigation-height);
}

.hdr-navigation-link-bc {
    color: #fff !important;
}

.hdr-navigation-link-bc {
    position: relative;
    text-transform: uppercase;
    letter-spacing: .065em;
    margin-right: 4px !important;
    border-radius: 6px !important;
    line-height: 28px !important;
    margin-top: 5px !important;
    box-shadow: none !important;
    color: #d3d3d3 !important;
    margin-bottom: 4px;
    /* background: #1b69ff !important; */
}

.hdr-navigation-link-bc {
    /* box-shadow: inset 0 -2px 0 0 transparent !important; */
}

.games-horiz {
    margin: 10px 0;
    padding: 5px;
}

.games-horiz {
    overflow: hidden;
}

.page-view-more {
    padding: 5px;
}

.page-view-more {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.view-title-more {
    color: rgb(255 79 69);
    font-size: 13px;
}

.view-title-more {
    flex: auto;
    text-transform: uppercase;
}

.games-horiz-scroll .casino-game-item {
    min-width: 150px;
    scroll-snap-align: start;
}

.casino-game-item {
    width: 100%;
    height: 100%;
    aspect-ratio: 10 / 7;
    background: rgb(255 255 255 / 10%) no-repeat center / contain;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.games-horiz {
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
}

.casino-game-item-content {
    /* display: inline-block; */
    margin-right: 10px;
}

.hdr-additional-info {
    display: flex;
    align-items: center;
    height: 40px;
    background: rgb(0 5 36);
    padding: 1px px 1px;
    border-bottom: 1px solid rgb(255 255 255 / 10%);
}

.hdr-user-bc {
    margin-inline-start: 2px; }

.header-custom-buttons, .hdr-user-bc {
    display: flex;
}

.hdr-user-bc {
    align-items: center;
}

.m-nav-info-w-container-bc .m-nav-icon-bc.bc-i-tv, .user-nav-icon.bc-i-tv {
    background: #640303;
}

.m-nav-info-w-container-bc .m-nav-icon-bc, .user-nav-icon {
    background: #ff4f45;
}

.user-nav-icon:before {
    position: relative;
    z-index: 1;
}

.user-nav-icon+.user-nav-icon {
    margin-inline-start: 8px; }


.user-nav-icon.bc-i-whatsapp {
    color: #62b70d !important;
}

.casino-select-provider-button-block-bc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 44px;
    padding-inline-start: 7px;
    padding-inline-end: 7px + 45px);
    position: relative;
}
.btn.a-outline {
    background: none;
    border: solid 1px rgb(255 255 255 / 60%);
    transition: var(--default-transition-duration);
}
.btn.s-small {
    width: auto;
    height: 28px;
    padding: 0 15px;
}
.btn>span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.sport-search-bc {
    right: 0;
}
.casino-select-provider-button-block-bc .sport-search-bc {
    top: 4px;
}
.sport-search-bc {
    padding-inline-end: calc(var(--padding-page-aside) + 37px);
}
.sport-search-bc {
    position: absolute;
    top: 0;
    width: 100%;
    height: 36px;
    max-width: 36px;
    cursor: pointer;
    transition: max-width var(--default-transition-duration);
}

.ss-icon-holder-bc {
    right: 7px;
}
.ss-icon-holder-bc {
    display: inline-block;
    vertical-align: top;
    width: 37px;
    height: 28px;
    background: rgb(255 255 255 / 10%);
    position: absolute;
    top: 0;
    border-radius: 5px;
    margin-top: 3px;
}

.ss-icon-bc {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    font-size: 16px;
    color: rgb(255 255 255 / 80%);
}

.ss-input-bc {
    will-change: max-width;
    display: block;
    width: 100%;
    height: 100%;
    outline: none;
    box-sizing: border-box;
    padding: 0 8px;
    color: rgb(255 255 255);
    background: rgb(0 0 0);
    font-size: 12px;
    font-weight: 400;
    border: 1px solid rgb(255 255 255 / 10%);
    border-inline-end: 0;
    border-start-start-radius: 5px;
    border-end-start-radius: 5px;
}

.casino-select-provider-button-block-bc .sport-search-bc {
    top: 4px;
}
.sport-search-bc {
    padding-inline-end: calc(var(--padding-page-aside) + 37px);
}
.sport-search-bc {
    position: absolute;
    top: 0;
    width: 100%;
    height: 36px;
    max-width: 36px;
    cursor: pointer;
    transition: max-width var(--default-transition-duration);
}

.sport-search-bc.active {
    max-width: 100%;
    padding-inline-start: 5px;
}

.sport-search-bc {
    right: 0;
}

.ss-icon-bc {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    font-size: 16px;
    color: rgb(255 255 255 / 80%);
}

.hm-row-bc:not(:first-child:empty)+.hm-row-bc {
    margin-top: 20px;
}
.hm-row-bc {
    display: grid;
    gap: 10px;
}

.justice-games {
    margin-top: 15px;
}

.justice-games>div {
    padding: 78px 20px 20px;
}
.justice-games>div {
    background: linear-gradient(111deg, rgb(255 79 69 / 25%) 1%, rgb(255 79 69 / 70%) 53%, rgb(255 79 69 / 25%) 99%);
    border-radius: 4px;
    position: relative;
}

.justice-games>div:before {
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
}
.justice-games>div:before {
    content: "";
    position: absolute;
    background: rgb(0 0 0);
    border-radius: 4px;
}
.justice-games p {
    top: -28px;
    padding: 0 20px 10px;
    font-size: 50px;
}
.justice-games p {
    position: absolute;
    left: 50%;
    color: #ff4f45;
    background: rgb(38 38 38);
    border-radius: 4px;
    text-transform: uppercase;
    transform: translate(-50%);
    white-space: nowrap;
    font-weight: 700;
    z-index: 1;
}
.justice-games p:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    opacity: .5;
    background: linear-gradient(to right, rgb(255 79 69 / 10%), #ff4f45 50%, rgb(255 79 69 / 10%) 100%);
}
.carousel {
    position: relative;
}
.justice-games .carousel-viewport {
    position: relative;
}
.carousel-viewport {
    overflow: hidden;
}
[dir=ltr] .justice-games .carousel-viewport:before {
    left: 0;
    background: linear-gradient(to right, rgb(0 10 31), rgb(0 12 34 / 0%));
}

.justice-games .carousel-viewport:before, .justice-games .carousel-viewport:after {
    content: "";
    position: absolute;
    top: 0;
    width: 60px;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

.justice-games .carousel-container {
    margin-inline-start: -10px;
}
.carousel-container {
    display: flex;
}

.carousel-slide {
    flex-shrink: 0;
    position: relative;
}
.casino-game-item {
    width: 100%;
    height: 100%;
    aspect-ratio: 10 / 7;
    background: rgb(255 255 255 / 10%) no-repeat center / contain;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}
.casino-game-item-image-bc {
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    transition: .24s;
}
.casino-game-item-fav-bc {
    left: 10px;
}
.casino-game-item-fav-bc {
    top: 10px;
}
.casino-game-item-fav-bc {
    position: absolute;
    color: #fffc;
    font-size: 16px;
    opacity: 0;
    transition: .24s;
    cursor: pointer;
    z-index: 2;
}
.casino-game-item:after {
    content: attr(data-badge);
    position: absolute;
    top: -32px;
    right: -42px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100px;
    height: 80px;
    padding-bottom: 2px;
    box-sizing: border-box;
    font-size: 9px;
    line-height: 11px;
    font-weight: 500;
    letter-spacing: .33px;
    text-transform: uppercase;
    transform: rotate(45deg);
}
.casino-game-item-fav-bc {
    position: absolute;
    color: #fffc;
    font-size: 16px;
    opacity: 0;
    transition: .24s;
    cursor: pointer;
    z-index: 2;
}

.casino-category-select .casino-category-types {
    grid-template-columns: 1fr;
}
.casino-category-types:not(.casino-category-types-full) {
    /* grid-template-columns: repeat(auto-fill, minmax(450px, 1fr)); */
}
.casino-category-types {
    margin: 10px 0 20px;
    grid-template-rows: max-content;
}
.casino-category-types {
    display: grid;
    grid-gap: 20px;
}

.casino-category-content {
    border-radius: 4px;
}
.casino-category-content {
    background: linear-gradient(to bottom, rgba(255, 255, 255, .05) 1%, rgba(30, 38, 57, .05) 46%, transparent);
    overflow: hidden;
    padding: 5px 7px;
}

.casino-category-content .casino-category-head {
    border-bottom: 1px solid rgb(255 255 255 / 15%);
    padding-bottom: 10px;
}
.casino-category-head:first-child {
    margin-top: 10px;
}
.casino-category-head, .casino-providers-more {
    display: flex;
    align-items: center;
}

.casino-category-title {
    flex: auto;
    color: rgb(255 79 69);
    height: 20px;
    font-size: 16px;
    line-height: 20px;
}
.s-more-c-bc {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-inline-start: 10px;
    color: #ff4f45 !important;!i;!;
}
.casino-category-select .casino-category-games {
    grid-template-columns: repeat(6, 1fr);
}
.casino-category-content .casino-category-games {
    padding: 0;
}
.casino-category-games {
    grid-template-columns: 1fr 1fr;
}
.casino-game-item {
    width: 100%;
    height: 100%;
    aspect-ratio: 10 / 7;
    background: rgb(255 255 255 / 10%) no-repeat center / contain;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}
.casino-game-item-image-bc {
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    transition: .24s;
}
.casino-game-item-fav-bc {
    left: 10px;
}
.casino-game-item-fav-bc {
    top: 10px;
}
.casino-game-item-fav-bc {
    position: absolute;
    color: #fffc;
    font-size: 16px;
    opacity: 0;
    transition: .24s;
    cursor: pointer;
    z-index: 2;
}
.casino-category-select .casino-category-games {
    grid-template-columns: repeat(6, 1fr);
}
.casino-category-content .casino-category-games {
    padding: 0;
}
.casino-category-games {
    display: grid;
    grid-gap: 10px;
    margin-top: 10px;
}
section.casino .casino-filter {
    margin-top: 30px;
}
.filter-casino {
    width: 100%;
    float: left;
    z-index: 50 !important;
    position: relative;
    margin: 0;
}
@media only screen and (min-width: 768px) {
    .casino-filter {
        margin: 0;
    }
}
.casino-filter {
    width: 100%;
    float: left;
    z-index: 500;
    position: relative;
    margin: 0;
}
section.casino .top {
    width: 100%;
    float: left;
    position: relative;
}
.casino-filter .top {
    width: 100%;
    float: left;
    position: relative;
    padding-top: 15px;
}
.casino-filter .head {
    float: left;
    border-left: 6px solid #ff4f45;
    padding-left: 13px;
    line-height: 32px;
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -.5px;
    margin: 0;
}
.casino-filter .expand-boxes {
    float: right;
    text-align: right;
    line-height: 32px;
    font-size: 13px;
    color: #fff;
    letter-spacing: -.4px;
    position: relative;
    cursor: pointer;
    position: relative;
    height: 32px;
    padding: 0 15px;
    border-radius: 6px;
    background: #26292e;
    box-shadow: inset 0 1px 0 0 #34373a;
    text-shadow: 0 1px 0 rgb(0 0 0 / 12%);
    transition: .3s all;
}

@media only screen and (min-width: 768px) {
    .casino-filter .search {
        float: right;
        position: relative;
        width: auto;
        margin: 0 15px 0 0;
    }
}
@media only screen and (min-width: 768px) {
    .casino-filter .search {
        margin: 0 0 15px;
    }
}
.casino-filter .search {
    float: right;
    position: relative;
    width: 100%;
    margin: 15px 0 0;
}
.casino-filter .search::before {
    position: absolute;
    left: 12px;
    top: 9px;
    font-size: 14px;
    color: rgb(255 79 69);
    z-index: 90;
}
.casino-filter .search input {
    float: right;
    text-align: left;
    line-height: 32px;
    font-size: 13px;
    color: #fff;
    letter-spacing: -.4px;
    position: relative;
    position: relative;
    width: 100%;
    height: 32px;
    outline: none;
    border: none;
    padding: 0 15px 0 35px;
    border-radius: 6px;
    background: #000000;
    box-shadow: inset 0 1px 0 0 #26292e;
    text-shadow: 0 1px 0 rgb(0 0 0 / 12%);
    transition: .3s all;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}
input:placeholder-shown {
    font-weight: 400;
    text-overflow: ellipsis;
}
.casino-filter .wrap {
    width: 100%;
    white-space: nowrap !important;
    overflow-x: auto !important;
    display: inline-block !important;
}
@media only screen and (min-width: 992px) {
    .providers-list {
        opacity: 1;
        visibility: visible;
    }
}


@media only screen and (min-width: 992px) {
    .providers-list h2 {
        display: none;
        visibility: hidden;
    }
}
@media only screen and (min-width: 992px) {
    .providers-list .search input {
        width: 100%;
        height: 32px;
        border-radius: 4px;
        background: rgba(255, 255, 255, .1);
        outline: none;
        border: none;
        padding: 0 10px;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: -.2px;
        transition: .3s all;
        color: rgba(255, 255, 255, .7);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        box-shadow: none;
        text-shadow: none;
    }
}


@media only screen and (min-width: 992px) {
    .providers-list ul li input[type=checkbox] {
        position: absolute;
        opacity: 0;
        z-index: -1;
    }
}

@media only screen and (min-width: 992px) {
    .providers-list ul li label::before, .providers-list ul li label::after {
        -webkit-transition: .25s all ease;
        -o-transition: .25s all ease;
        transition: .25s all ease;
    }
}
@media only screen and (min-width: 992px) {
    .providers-list ul li label::before {
        /* content: ''; */
        /* border: 2px solid #bdc3c7; */
        /* border-radius: 3px; */
    }
}
@media only screen and (min-width: 992px) {
    .providers-list ul li label::before, .providers-list ul li label::after {
        position: absolute;
        top: 7px;
        left: 0;
        display: block;
        width: 18px;
        height: 18px;
    }
}

.casino-filter .wrap {
    width: 100%;
    white-space: nowrap !important;
    overflow-x: auto !important;
    display: inline-block !important;
}
@media only screen and (min-width: 992px) {
    .providers-list {
        opacity: 1;
        visibility: visible;
    }
}
@media only screen and (min-width: 992px) {
    .providers-list {
        width: 100%;
        float: left;
        position: absolute;
        right: -16px;
        top: 45px;
        border-radius: 8px;
        box-shadow: inset 0 1px 0 0 #34373a;
        background: rgb(39 41 46 / 94%);
        backdrop-filter: blur(24px) saturate(110%);
        -webkit-backdrop-filter: blur(24px) saturate(110%);
        /* visibility: hidden; */
        /* opacity: 0; */
        transition: .3s all;
        z-index: 8000;
        margin-top: 10px;
    }
}
@media only screen and (min-width: 992px) {
    .providers-list::before {
        /* content: '\e818'; */
        font-family: porto_icons;
        position: absolute;
        top: -11px;
        color: #35373a;
        line-height: 16px;
        left: calc(50% - 5px);
        font-size: 16px;
    }
}
@media only screen and (min-width: 992px) {
    .providers-list h2 {
        display: none;
        visibility: hidden;
    }
}
@media only screen and (min-width: 992px) {
    .providers-list ul {
        width: 100%;
        float: left;
        position: relative;
        padding: 0;
        margin: 0;
        max-height: 370px;
        overflow-y: scroll;
    }
}
@media only screen and (min-width: 992px) {
    .providers-list ul li {
        width: 90px;
        /* height: 60px; */
        float: left;
        margin: 0;
        padding: 0 10px 0 12px;
    }
}
@media only screen and (min-width: 992px) {
    .providers-list ul li input[type=checkbox] {
        position: absolute;
        opacity: 0;
        z-index: -1;
    }
}
@media only screen and (min-width: 992px) {
    .providers-list ul li label {
        position: relative;
        display: inline-block;
        padding: 0 0 0 0px;
        cursor: pointer;
        color: #ffffff;
        font-size: 13px;
        line-height: 33px;
        font-weight: 500;
        letter-spacing: -.5px;
        width: 100%;
    }
}
media only screen and (min-width: 992px) {
    .providers-list ul li label span.name {
        float: left;
        width: calc(100% - 32px);
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}
@media only screen and (min-width: 992px) {
    .providers-list ul li label span.count {
        float: right;
        font-size: 13px;
        color: var(--white-opacity-color);
        text-align: right;
        line-height: 32px;
        letter-spacing: -.3px;
    }
}
@media only screen and (min-width: 992px) {
    .providers-list ul li label span.name {
        float: left;
        width: calc(100% - 32px);
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}
@media only screen and (min-width: 992px) {
    .providers-list ul li:hover {
        background: rgba(255, 255, 255, .05);
    }
}
.back-to-top::before, .casino-filter .expand-boxes:hover, .casino-filter .expand-boxes:hover::after, header .navigation .functions a.button.primary, section.casino .all-games .heading .icon, section.casino .all-games .heading .right span, section.dashboard .payment-methods .item.active .content .function button, section.dashboard .side-menu .buttons span.toggle a.active, section.live-casino .heading .icon, section.live-casino .heading .right span, section.poker .poker-user-functions .right a:hover, section.poker .poker-user-functions .right a:hover i {
    color: #fff !important;
}
.casino-filter .expand-boxes:hover {
    background: #ff4f45;
    box-shadow: inset 0 1px 0 0 rgb(255 255 255 / 14%);
}

.hdr-navigation-link-bc:hover {
    text-decoration: none; /* Hover durumunda alt çizgi kaldırılır */
    background: rgba(255, 255, 255, .05) !important;
}

.registration_05e35 {
    padding: 32px 32px 32px 0;
    display: flex;
    background: #000000;
    border-radius: 12px;
    max-width: 1132px;
    margin: 30px auto;
    position: relative;
}

.registration_05e35 .center_4ced3 {
    display: flex;
    gap: 32px;
}
.registration_05e35 .center_4ced3 .purple-square_19cfc {
    right: -80px;
    top: 100px;
}
.registration_05e35 .center_4ced3 .green-square_3a678, .registration_05e35 .center_4ced3 .purple-square_19cfc, .registration_05e35 .center_4ced3 .yellow-square_eaabb {
    position: absolute;
}
.registration_05e35 .center_4ced3 .yellow-square_eaabb {
    width: 160px;
    height: 160px;
    bottom: 130px;
    left: -80px;
    z-index: 2;
}
.registration_05e35 .center_4ced3 .green-square_3a678, .registration_05e35 .center_4ced3 .purple-square_19cfc, .registration_05e35 .center_4ced3 .yellow-square_eaabb {
    position: absolute;
}
.registration_05e35 .center_4ced3 .green-square_3a678 {
    bottom: 120px;
    right: -60px;
}
.registration_05e35 .center_4ced3 .green-square_3a678, .registration_05e35 .center_4ced3 .purple-square_19cfc, .registration_05e35 .center_4ced3 .yellow-square_eaabb {
    position: absolute;
}
.registration_05e35 .center_4ced3 .registration-bg-left-side-wrapper_54af6 {
    width: 360px;
    height: 100%;
    border-radius: 0 36px 36px 0;
    background: #ff4f45;
    position: relative;
}
.registration_05e35 .center_4ced3 .registration-bg-left-side-wrapper_54af6 .image-wrapper_b5ebc {
    position: relative;
    height: 528px;
}
.registration_05e35 .center_4ced3 .registration-bg-left-side-wrapper_54af6 .image-wrapper_b5ebc img {
    position: absolute;
    left: -120px;
    min-width: 480px;
}
.registration_05e35 .center_4ced3 .registration-bg-left-side-wrapper_54af6 .left-menu-wrapper_33a97 {
    margin-top: 32px;
    padding: 0 32px;
}
.registration_05e35 .center_4ced3 .registration-bg-left-side-wrapper_54af6 .left-menu-wrapper_33a97 .left-menu-title_b49fa {
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 500;
    color: #c8cdd5;
}
.registration_05e35 .center_4ced3 .registration-bg-left-side-wrapper_54af6 .left-menu-wrapper_33a97 .menu-item_51517 {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    cursor: pointer;
}
.registration_05e35 .center_4ced3 .registration-bg-left-side-wrapper_54af6 .left-menu-wrapper_33a97 .menu-item_51517 .menu-item-title_96df4 {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}
.menu-item-wrapper_78ddf:after {
    display: block;
    content: "";
    height: 1px;
    width: 50%;
    background: linear-gradient(90deg, #373f4a 0, #23282f);
}
.form-container_146b4 {
    background: transparent;
    display: flex;
    border-radius: 12px;
    flex-direction: column;
    max-width: 708px;
}
.registration_05e35 .page-title-wrapper_5a5b4 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 20px;
}
.registration_05e35 .page-title-wrapper_5a5b4 .page-title_ef1d8 {
    font-size: 28px;
    line-height: 36px;
    color: #fff;
    font-weight: 700;
}
.registration_05e35 .page-title-wrapper_5a5b4 .page-title-desc_cd324 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #cdd1d9;
}
.form-container_146b4 .form-center_52a1b {
    padding-top: 10px;
}
.root .mt32 {
    margin-top: 2rem;
}
.form-row_72f9a .title_1b414 {
    border-bottom: 1px solid #39424e;
    color: #fff;
    line-height: 24px;
    font-weight: 500;
    font-size: 20px;
    padding-bottom: 12px;
    margin-top: 1rem;
}
.form-row_72f9a .content_b9259 {
    display: grid;
    margin-top: 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 12px;
    row-gap: 20px;
}
.input-container_e5c7d {
    position: relative;
}
.root .ml24 {
    margin-left: 1.5rem;
}
.input-container_e5c7d .placeholder_e231f {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #cdd1d8;
}

.input-container_e5c7d .placeholder_e231f {
    line-height: 17px;
    font-weight: 500;
    color: #96a0af;
}
.control_c6def {
    position: relative;
}
.input_0ee39, .select_f9040 {
    position: relative;
}
.input_0ee39 .login-icon_7285c, .select_f9040 .login-icon_7285c {
    position: absolute;
    top: calc(50% - 4px);
    transform: translate(0);
    margin-right: 12px;
    left: 20px;
    z-index: 2;
    width: 16px;
    height: 16px;
}
.input_0ee39 input, .input_0ee39>button, .select_f9040 input, .select_f9040>button {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    box-shadow: none;
    box-sizing: border-box;
    border-radius: 8px;
    background: inherit;
    background-color: #000000;
    border: 1px solid #39424e;
    color: #fff;
    height: 48px;
    margin-top: 8px;
    padding: 12px 20px 13px 65px;
}
.input_0ee39 input {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    box-shadow: none;
    box-sizing: border-box;
    border-radius: 8px;
    background: inherit;
    background-color: #000000;
    border: 1px solid #39424e;
    color: #fff;
    height: 48px;
    margin-top: 8px;
    padding: 12px 20px 13px 15px;
}
.control-input_2dcfe {
    width: 100%;
    box-sizing: border-box;
    height: 45px;
    text-indent: 5px;
    font-size: 14px;
    color: #7b868b;
    border: 1px solid #9aaeb7;
    border-radius: 3px;
    box-shadow: inset 0 5px 18px -17px #000;
    background-color: #fff;
    font-weight: 700;
    padding: 6px 12px;
    font-family: var(--font-montserrat);
}
button, input {
    padding: 0;
    margin: 0;
    border: none;
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
    transition: all .2s;
    appearance: none;
}
.input-container_e5c7d {
    position: relative;
}
.root .ml24 {
    margin-left: 1.5rem;
}
.input-container_e5c7d .placeholder_e231f {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #cdd1d8;
}
.input-container_e5c7d .placeholder_e231f {
    line-height: 17px;
    font-weight: 500;
    color: #96a0af;
}
.root .ml24 {
    margin-left: 1.5rem;
}
.root .mb8 {
    margin-bottom: .5rem;
}
.input-container_e5c7d .placeholder_e231f {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #cdd1d8;
}
.input-container_e5c7d .placeholder_e231f {
    line-height: 17px;
    font-weight: 500;
    color: #96a0af;
    margin-bottom: 1rem;
}
.control_65d21 {
    position: relative;
}
.row_8716b {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    color: #dfdfdf;
    height: 48px;
    align-items: center;
    gap: 12px;
}
.row_8716b .birth-date-select_49d57 {
    height: 100%;
    border: 1px solid #39424e;
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding: 0 5px;
    background: #000000;
}
.select-container_c91d0 {
    position: relative;
}
.row_8716b .birth-date-select_49d57>button {
    padding: 0;
}
.row_8716b button {
    border: none;
    color: #e1dede;
    border-radius: 0;
    background: transparent;
}
.select_cde4f {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1px 0 var(--input-padding-left, 18px);
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 20px;
    background: #000000;
    /* border: 1px solid #142e3f; */
    border-radius: 9px;
    font-weight: 500;
    color: #969fae;
}
.row_8716b .birth-date-select_49d57>button span {
    font-weight: 500;
    color: #969fae;
    font-size: 16px;
    line-height: 24px;
}
.placeholder_aac8b {
    font-weight: 300;
}
.arrow-icon_8d2af {
    margin-top: 1px;
    width: 10px;
    height: 6px;
    color: #6b6b6b;
    transition: all .2s;
}
.row_8716b .birth-date-select_49d57>button {
    padding: 0;
}
.root .ml24 {
    margin-left: 1.5rem !important;
}
.root .mb8 {
    margin-bottom: .5rem !important;
}
.input-container_e5c7d {
    position: relative;
}
.control_36d73 {
    position: relative;
}
.select-country_d181f {
    position: absolute;
    display: flex;
    align-items: center;
    z-index: 2;
    top: calc(50% - 11px);
    left: 20px;
    margin-top: 5px;
}
.root .mr12 {
    margin-right: .75rem;
}
.root .pr {
    position: relative;
}
.root .dib {
    display: inline-block;
}
.flag_fdf50 {
    margin-right: 8px;
}
.flag_b4452.flag_GEORGIA_c05a0 {
    background-position: -2688px 0;
}
.flag_b4452 {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(https://g2i1-cdn2-client.cdn-in-flare.com/static/build/stylesSrc/img/country_flags_sprite@2x.webp) no-repeat 28px 0;
    background-position-x: -7056px;
    background-size: auto 28px;
    transform-origin: left top;
    vertical-align: top;
}
.selected-value_ee753 {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    margin-right: 8px;
}
.control_e08e2 {
    position: relative;
}
.control_36d73.reg-page_a758a input {
    background: #000000;
    margin-top: 8px;
}
.input_d1b0c input {
    padding: 16px 20px 16px 15px;
    height: 48px;
}
.control-input_46742 {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    box-shadow: none;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 16px 20px;
    background: inherit;
    background-color: transparent;
    border: 1px solid #39424e;
    color: #939dac;
    height: 54px;
    width: 100%;
}
.submit-btn_639f7 {
    background: #ff4f45;
    border-radius: 8px;
    padding: 18px 40px;
    display: flex;
    justify-content: center;
    gap: 12px;
    align-items: center;
    font-size: 17px;
    line-height: 20px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    width: 100%;
    height: 52px;
    margin-top: 2rem;
}
.select-list-container_f1cde {
    position: absolute;
    top: 104%;
    right: -1px;
    left: -1px;
    z-index: 3;
    overflow: hidden;
    margin-top: 5px;
    padding: 0;
    border: 1px solid #333a3f;
    border-radius: 4px;
    background: #000000;
    box-shadow: 0 -1px 6px 0 rgba(0, 0, 0, .11);
}
.container_3993f {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: auto;
}
.select-list_2b2c3 {
    max-height: 200px;
}
ol, ul {
    list-style: none;
}
.select-item_f57c4 {
    flex-shrink: 0;
    border-bottom: 1px solid #32383e;
}
.select-button_e667e {
    display: flex;
    align-items: center;
    padding: 0 15px;
    min-height: 50px;
    width: 100%;
    text-align: left;
    text-transform: capitalize;
    font-weight: 300;
    transition: background-color .2s;
    border: none !important;
    color: #fff;
}
select-item_f57c4:last-child {
    border-bottom: none;
}
.select-item_f57c4 {
    flex-shrink: 0;
    border-bottom: 1px solid #39424e;
}
.select-button_e667e:hover {
    background-color: #4f5a68;
    font-weight: 400;
}
select.select_cde4f:hover {
    border: 1px solid #60606000;
}
.registration-wrapper_a799e {
    background: #000000;
    margin-top: 0;
}
.registration-wrapper_a799e .images-wrapper_29cf4 {
    display: flex;
    justify-content: center;
    position: relative;
}
.registration-wrapper_a799e .images-wrapper_29cf4 .yellow_square_fb391 img {
    top: 84px;
    left: -42px;
}
.registration-wrapper_a799e .images-wrapper_29cf4 .purple_square_799fd img, .registration-wrapper_a799e .images-wrapper_29cf4 .yellow_square_fb391 img {
    position: absolute;
}
img {
    max-width: 100%;
}
img, svg {
    /* display: block; */
}
.registration-wrapper_a799e .images-wrapper_29cf4 .purple_square_799fd img {
    top: 12px;
    right: 0;
}
.registration-wrapper_a799e .images-wrapper_29cf4 .purple_square_799fd img, .registration-wrapper_a799e .images-wrapper_29cf4 .yellow_square_fb391 img {
    position: absolute;
}
.registration-wrapper_a799e .content-wrapper_a1a35 {
    position: relative;
    top: -60px;
    border-radius: 12px;
    background: #000000;
}
.registration-wrapper_a799e .reg-title-wrapper_7f84b {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 16px 16px 0;
}
.registration-wrapper_a799e .reg-title-wrapper_7f84b .reg-title_fdfb6 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
}
.registration-wrapper_a799e .reg-title-wrapper_7f84b .reg-desc_d7da1 {
    font-size: 12px;
    font-weight: 400;
    color: #cbd0d7;
    text-transform: capitalize;
}
.form-part_5e625 {
    margin-top: 16px;
}
.form-part_5e625 .form-title_328db {
    padding: 16px;
}
.form-part_5e625>div {
    padding: 0 16px;
    margin-top: 16px;
}
.form-title_328db {
    display: flex;
    font-size: 17px;
    line-height: 21px;
    font-weight: 500;
    text-transform: capitalize;
    color: #fff;
    border-bottom: 1px solid hsl(0deg 0% 100% / 15%);
    position: relative;
}
.form-title_328db:before {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    left: 0;
    height: 1px;
    background: #39424d;
    margin-bottom: 16px;
    top: 0;
}
.form-part_5e625>div {
    padding: 0 16px;
    margin-top: 16px;
}
.inputs-wrapper_7e56f {
    display: flex;
    align-items: center;
    gap: 8px;
}
.inputs-wrapper_7e56f>div {
    flex: 1;
    max-width: 50%;
    min-width: calc(50% - 8px);
}
.input-container_9116b .label_2edc2 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: 20px;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 400;
    color: #cbd0d7;
}
.control_4c432, .input-container_745a7 {
    position: relative;
}
.icon_ce05f {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
}
.separator-new_441c2 {
    height: 16px;
    left: 48px;
    top: calc(50% - 8px);
}
.separator_e4c4e {
    position: absolute;
    width: 1px;
    height: 20px;
    background: hsl(0deg 0% 100% / 15%);
    top: calc(50% - 10px);
    left: 58px;
    z-index: 1;
}

.pl60_59b86 {
    padding-left: 78px;
}
.custom-padding_3d943 {
    padding-left: 61px !important;
}
.inputs-wrapper_7e56f>div {
    flex: 1;
    max-width: 50%;
    min-width: calc(50% - 8px);
}
.input-container_9116b .label_2edc2 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: 20px;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 400;
    color: #cbd0d7;
}
.form-part_5e625>div {
    padding: 0 16px;
    margin-top: 16px;
}
.input-container_9116b .label_2edc2 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: 20px;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 400;
    color: #cbd0d7;
}
.control_fdaad {
    position: relative;
}
.row_2e981 {
    display: flex;
    color: #dfdfdf;
    height: 48px;
    gap: 12px;
    align-items: center;
    flex: 1;
}
.row_2e981 .select_600d3 {
    display: flex;
    flex: 1;
    color: #97a1b0;
    border-radius: 8px;
    background: #20252d;
    border: 1px solid #38404b;
    height: 48px;
}

.select-container_22faf {
    position: relative;
}
.row_2e981 .select_600d3>button:first-child {
    border: none;
}
.row_2e981 .select_600d3 button {
    background: #000000;
    color: #949ead;
}
.row_2e981 button {
    padding-right: 20px;
}
.select_d94dc {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px 0 var(--input-padding-left, 18px);
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 20px;
    background: #20252d;
    border: 1px solid #142e3f;
    border-radius: 9px;
    font-weight: 500;
    color: #142e3f;
}
.row_2e981 .select_600d3 span {
    font-weight: 400;
    font-size: 14px;
}
.placeholder_60352 {
    font-weight: 300;
}
.arrow-icon_b87e0 {
    margin-top: 1px;
    width: 10px;
    height: 6px;
    color: #6b6b6b;
    transition: all .2s;
}
.row_2e981 .select_600d3 {
    display: flex;
    flex: 1;
    color: #97a1b0;
    border-radius: 8px;
    background: #20252d;
    border: 1px solid #38404b;
    height: 48px;
}

.select-container_22faf {
    position: relative;
}
.form-part_5e625>div {
    padding: 0 16px;
    margin-top: 16px;
}
.input-container_9116b .label_2edc2 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: 20px;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 400;
    color: #cbd0d7;
}
.select-container_22faf {
    position: relative;
}
.icon_efffc {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    z-index: 2;
}
.separator_42bc0 {
    position: absolute;
    width: 1px;
    background: hsl(0deg 0% 100% / 15%);
    height: 16px;
    left: 48px;
    top: calc(50% - 8px);
    z-index: 2;
}
.gender-select_e582e button {
    border: 1px solid #2d3239;
    padding-right: 20px;
    background: transparent;
    color: #ced4dc;
    font-weight: 400;
    height: 48px;
    padding-left: 61px;
}
.select_d94dc {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px 0 var(--input-padding-left, 18px);
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 20px;
    background: #fff;
    border: 1px solid #142e3f;
    border-radius: 9px;
    font-weight: 500;
    color: #142e3f;
}
.arrow-icon_b87e0 {
    margin-top: 1px;
    width: 10px;
    height: 6px;
    color: #6b6b6b;
    transition: all .2s;
}
.colored-icon_9468b {
    position: absolute;
    left: 20px;
    top: calc(50% - 8px);
}
.separator-new_441c2 {
    height: 16px;
    left: 48px;
    top: calc(50% - 8px);
}

.separator_e4c4e {
    position: absolute;
    width: 1px;
    height: 20px;
    background: hsl(0deg 0% 100% / 15%);
    top: calc(50% - 10px);
    left: 58px;
    z-index: 1;
}
.pl60_59b86 {
    padding-left: 78px;
}
.custom-padding_3d943 {
    padding-left: 61px !important;
}
.input-container_9116b .label_2edc2 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: 20px;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 400;
    color: #96a0af;
}
.control_4c432, .input-container_745a7 {
    position: relative;
}
.colored-icon_9468b {
    position: absolute;
    left: 20px;
    top: calc(50% - 8px);
}
.form-part_5e625 {
    margin-top: 16px;
}
.separator-new_441c2 {
    height: 16px;
    left: 48px;
    top: calc(50% - 8px);
}
.separator_e4c4e {
    position: absolute;
    width: 1px;
    height: 20px;
    background: hsl(0deg 0% 100% / 15%);
    top: calc(50% - 10px);
    left: 58px;
    z-index: 1;
}

.pl60_59b86 {
    padding-left: 18px !important;
}
.input-container_9116b.mobile-phone_87a52>div:last-child>div:first-child {
    display: none;
}

.title_02286 {
    text-transform: capitalize;
    line-height: 17px;
    font-weight: 500;
    font-size: 11px;
    color: #e2e2e2;
    margin-left: 20px;
    margin-bottom: 8px;
}
.control_a08a6 {
    position: relative;
}
.reg-page_a2915 .select-country_ae4c9 {
    width: unset;
}
.select-country_ae4c9 {
    position: absolute;
    display: flex;
    align-items: center;
    z-index: 2;
    top: calc(50% - 11px);
    left: 14px;
    width: 100px;
}
.root .mr12 {
    margin-right: .75rem;
}
.reg-page_a2915 .select-country_ae4c9 .separator_46961 {
    height: 16px;
    width: 1px;
    background: #38404b;
    z-index: 2;
    margin-right: 12px;
}
.reg-page_a2915 .select-country_ae4c9 .flag_056c9 {
    margin-right: 8px;
}
.root .pr {
    position: relative;
}
.root .dib {
    display: inline-block;
}

.flag_056c9 {
    margin-right: 4px;
}
.flag_b4452.flag_GEORGIA_c05a0 {
    background-position: -5544px 0;
}
.flag_b4452 {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(https://g2i1-cdn2-client.cdn-in-flare.com/static/build/stylesSrc/img/country_flags_sprite@2x.webp) no-repeat 28px 0;
    background-position-x: -7056px;
    background-size: auto 28px;
    transform-origin: left top;
    vertical-align: top;
}
.reg-page_a2915 .select-country_ae4c9 .selected-value_26b52 {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin-right: 8px;
}
.selected-value_26b52 {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #9ca3af;
}
.reg-page_a2915 .select-country_ae4c9 .arrow_ebca0 {
    margin-left: 0;
}
.arrow_ebca0 {
    margin-left: 8px;
}
.control_4c432, .input-container_745a7 {
    position: relative;
}
.reg-page_a2915 .input_d6624 input {
    padding-left: 142px;
}
.input_d6624 input {
    padding: 16px 20px 16px 125px;
}
.input-container_9116b input {
    height: 48px;
    border: 1px solid #39414d;
    background: #000000;
    font-size: 14px;
    font-weight: 400;
    /* padding-left: 50px !important; */
}
.control-input_8ca57 {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    box-shadow: none;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 16px 20px;
    background: inherit;
    background-color: #20252d;
    border: 1px solid #343940;
    color: #dfdfdf;
    height: 54px;
    width: 100%;
}
.submit-container_34e83 {
    padding: 16px;
}
.root .mt16 {
    margin-top: 1rem;
}
.submit-container_34e83 .submit-button_cb8f7 {
    height: 48px;
    justify-content: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 500;
}
.submit-button_452b0 {
    width: 100%;
    padding: 17px 30px;
    background-color: #ff4f45;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    color: #fff;
}
.colored-icon_9468b path {
    fill: #00afa5;
}
.login-bg_967dc {
    padding: 32px 32px 32px 0;
    display: flex;
    background: #000000;
    border-radius: 12px;
    max-width: 844px;
    margin: 30px auto;
    position: relative;
}
.login-bg_967dc .purple-square_16ba9 {
    right: -80px;
    top: 80px;
}
.login-bg_967dc .green-square_cf699, .login-bg_967dc .purple-square_16ba9 {
    position: absolute;
}
.login-bg_967dc .green-square_cf699 {
    bottom: 120px;
    right: -60px;
}
.login-bg_967dc .green-square_cf699, .login-bg_967dc .purple-square_16ba9 {
    position: absolute;
}
.login-bg_967dc .login-bg-left-side-wrapper_ba648 {
    width: 360px;
    height: 541px;
    border-radius: 0 36px 36px 0;
    background: #ff4f45;
    position: relative;
    margin-right: 32px;
}
.login-bg_967dc .login-bg-left-side-wrapper_ba648 img {
    position: absolute;
    min-width: 480px;
    height: 528px;
    right: 0;
}
.form-container_8bfb7 {
    background: inherit;
    display: block;
    max-width: 420px;
    width: 100%;
}
.login-title_cc2a9 {
    display: flex;
    color: inherit;
    line-height: 24px;
    font-weight: 700;
    font-size: 20px;
    flex-direction: column;
}
.login-title_cc2a9 .login-title-text_22c38 {
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 4px;
    line-height: 36px;
}
.login-title_cc2a9 .login-title-desc_135c7 {
    font-size: 16px;
    font-weight: 400;
    color: #cbd0d7;
    line-height: 24px;
}
.login-title_cc2a9 .login-title-desc_135c7:after {
    display: block;
    content: "";
    height: 1px;
    background: #363e49;
    margin-top: 32px;
    width: 484px;
    margin-left: -32px;
}
.login-inputs-wrapper_78c16 {
    margin-top: 32px;
}
.inputs-container_44889 {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.inputs-container_44889 .input-container_dad43 label {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #cdd2db;
}
.inputs-container_44889 .input-container_dad43 .required-icon_8e70b {
    position: relative;
}
.inputs-container_44889 .input-container_dad43 svg {
    position: absolute;
    top: calc(50% - 4px);
    transform: translate(0);
    margin-right: 12px;
}
.control_c6def {
    position: relative;
}
.inputs-container_44889 .input-container_dad43 .login-icon_9c906 {
    color: #00afa5;
    left: 20px;
}
.inputs-container_44889 .input-container_dad43 svg {
    position: absolute;
    top: calc(50% - 4px);
    transform: translate(0);
    margin-right: 12px;
}
.input_19913 input {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    box-shadow: none;
    box-sizing: border-box;
    border-radius: 8px;
    background: inherit;
    background-color: transparent;
    border: 1px solid #363e49;
    color: #fff;
    height: 48px;
    margin-top: 8px;
    padding: 12px 20px 13px 15px;
}
.inputs-container_44889 .input-container_dad43 label {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #cdd2db;
}
.inputs-container_44889 .input-container_dad43 svg {
    position: absolute;
    top: calc(50% - 4px);
    transform: translate(0);
    margin-right: 12px;
}
.icon_0db62 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
}
.root .mb32 {
    margin-bottom: 2rem;
}
.root .mt32 {
    margin-top: 2rem;
}
.checkbox-remember-me_e0b22 {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    font-family: inherit;
}
.checkbox-remember-me_e0b22 label {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    cursor: pointer;
}
.checkbox-remember-me_e0b22 input {
    display: none;
}
.fake-checkbox_f27b2 {
    border-radius: 8px;
    width: 28px;
    height: 28px;
    padding: 9px 8px;
    margin-right: 12px;
    border: 1px solid #363e49;
    cursor: pointer;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.fake-checkbox_f27b2 svg {
    width: 10px;
    height: 8px;
}
.forgot-password_32d28, .login-button_c0275 {
    padding: 17px 30px;
    background: #ff4f45;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    display: flex;
    justify-content: center;
    width: 100%;
    border-radius: 8px;
    align-items: center;
    height: 48px;
}
.login-button_c0275 {
    height: 48px;
    gap: 8px;
}
.root .mt8 {
    margin-top: .5rem;
}
.forgot-password_32d28 {
    height: 48px;
    gap: 12px;
    color: #fff;
    background: none;
    border: 1px solid #363e49;
    margin-top: 10px !important;
}
.forgot-password_32d28, .login-button_c0275 {
    padding: 17px 30px;
    /* background: #00afa5; */
    /* color: #fff; */
    font-weight: 500;
    font-size: 18px;
    display: flex;
    justify-content: center;
    width: 100%;
    border-radius: 8px;
    align-items: center;
    /* height: 48px; */
    margin-top: 10px;
}
.forgot-password_32d28 .forgot-icon_bf31e {
    color: #dddbdb;
}
.form-bottom_ef31f {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 16px;
    background: transparent;
    border-radius: 12px;
}
.form-bottom_ef31f p {
    color: #fff;
    line-height: 20px;
    font-size: 14px;
    margin-left: 12px;
    font-weight: 400;
}
.form-bottom_ef31f p a {
    color: #ff4f45;
}
.error_9aa07 {
    display: none;
    border-radius: .5625rem;
    background: rgba(213, 41, 65, .1);
    color: #d52941;
    text-align: center;
    font-family: var(--font-montserrat);
    font-weight: 500;
    font-size: 14px;
    line-height: 1rem;
    height: 48px;
}
.forgot-password_32d28:hover {
  text-decoration: none;
  color: #ff4f45 ;
}
.w-100.align-items-center.form-error {
    border-radius: .5625rem;
    background: rgba(213, 41, 65, .1);
    color: #d52941;
    text-align: center;
    font-family: var(--font-montserrat);
    font-weight: 500;
    font-size: 14px;
    line-height: 1rem;
    height: 48px;
    padding-top: 10px;
}
.form-bottom_41b16 {
    display: flex;
    align-items: center;
    margin-top: 16px;
    justify-content: center;
}
.form-bottom_41b16 p {
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    font-weight: 500;
}
.form-bottom_41b16 p a {
    color: #ff4f45;
}
.forgot-password_89199 {
    width: 100%;
    padding: 16px 0;
    border-radius: 8px;
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    background: transparent;
    border: 1px solid #363e49;
    color: #fff;
    height: 48px;
    line-height: 20px;
}
.u-i-profile-page-bc {
    padding: 10px 7px;
}
.u-i-p-amount-holder-bc {
    margin-bottom: 10px;
}
.u-i-p-amount-holder-bc {
    display: flex;
    margin: 0 0 10px;
}
.u-i-p-amount-holder-bc>div {
    width: 100%;
}
.u-i-p-p-u-i-edit-button-bc {
    margin-bottom: 15px;
}
.u-i-p-p-u-i-edit-button-bc {
    display: flex;
    align-items: center;
    color: rgb(255 255 255 / 81%);
    padding-inline-end: 10px;
}
.u-i-p-p-u-i-avatar-holder-bc {
    width: 32px;
    height: 32px;
    font-size: 12px;
    line-height: 32px;
    flex-shrink: 0;
    text-align: center;
    text-transform: uppercase;
    border-radius: 50%;
    color: rgb(0 12 36);
    background: #ff4f45;
}
.u-i-p-p-u-i-identifiers-bc {
    flex: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-inline-start: 10px;
    overflow: hidden;
}
.u-i-p-p-u-i-d-username-bc {
    font-size: 12px;
}
.u-i-p-p-u-i-d-username-bc {
    color: rgb(255 255 255 / 90%);
}
.u-i-p-p-u-i-d-user-id-bc {
    display: flex;
    align-items: center;
    margin-top: 4px;
    font-size: 11px;
    color: rgb(255 255 255 / 50%);
}
.u-i-p-p-u-i-d-user-id-copy-bc {
    margin-inline-start: 6px;
}
.u-i-p-l-h-icon-bc {
    flex-shrink: 0;
    color: rgb(255 255 255 / 50%);
    font-size: 12px;
}
.u-i-p-links-lists-holder-bc {
    width: 100%;
    border-radius: 4px;
    margin-bottom: 15px;
}
.u-i-p-l-head-bc {
    display: flex;
    align-items: center;
    height: 42px;
    padding-inline-start: 10px;
    padding-inline-end: 15px;
    background: rgb(255 255 255 / 15%);
}
.user-profile-nav-header, .u-i-p-l-head-bc {
    position: relative;
    border-radius: 4px;
}

.user-nav-icon {
    position: relative;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
    line-height: 24px;
}

.u-i-p-l-h-title-bc {
    flex: auto;
    font-size: 15px;
    margin: 0 10px;
    color: rgb(255 255 255 / 89%);
}
.bc-i-small-arrow-right:before {
    /* content: ""; */
}
.u-i-p-l-head-bc+.u-i-p-l-head-bc {
    margin-top: 1px;
}
.user-logout-bc .btn {
    color: rgb(255 255 255 / 70%);
    background: rgb(255 255 255 / 5%);
}
.user-logout-bc {
    display: flex;
    justify-content: center;
    align-items: center;
}

.user-bonus-bc {
    display: flex;
    justify-content: center;
    align-items: center;
}

.user-bonus-bc .btn {
    color: rgb(255 255 255 / 70%);
    background: #ff4f45;
}
.light-theme .jackPotPopup,
.jackPotPopup {
  color: var(--color-text);
}

.light-theme .jackPotPopup h3,
.jackPotPopup h3,
.jackPotPopup .h3 {
  font-family: "Bold LED Board-7";
  font-size: 1.375rem;
  line-height: 1.37;
  text-align: center;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}

.light-theme .jackPotPopup .jackpots_amount p,
.jackPotPopup .jackpots_amount p {
  font-family: "Bold LED Board-7";
  font-size: 1.875rem;
  line-height: 1.37;
  text-align: center;
  margin-bottom: 20px;
  padding: 18px 0;
  line-height: 1;
  margin: 0;
}

.light-theme .jackPotPopup .modal-dialog,
.light-theme .jackPotPopup .popupWrap,
.jackPotPopup .modal-dialog,
.jackPotPopup .popupWrap {
  max-width: 740px;
}

.light-theme .jackPotPopup .modal-content,
.jackPotPopup .modal-content {
  background-image: url("/assets/images/star-bg.png");
  background-color: var(--color-bg-2);
}

.light-theme .jackPotPopup .jackpot_tab_wrapper,
.jackPotPopup .jackpot_tab_wrapper {
  padding: 20px 0 0;
  background-color: #191919;
}

.jackpotList {
  border: 1px solid var(--color-text);
  border-radius: 6px;
  padding: 11px;
  /* max-width: calc(100% - 40px); */
  height: 410px;
  margin: 0 auto;
}

.jackpotHead .jackpotCol {
  font-weight: 700;
  font-size: 0.875rem;
  padding: 11px 0;
  line-height: 1.51;
}

.jackpotHead .jackpotCol svg,
.jackpotHead .jackpotCol img {
  max-width: 24px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
}

.jackpotrow .jackpotCol {
  line-height: 1;
  font-size: 0.75rem;
}

.jackpotCol {
  flex-grow: 1;
  flex-basis: 0;
  padding: 12px 0;
}

.jackpotrow .jackpotCol:last-child {
  display: none;
}

.prizeCol {
  text-align: center;
}

.wonCol {
  text-align: right;
  color: var(--color-active);
}

.earn-win {
  /* max-width: calc(100% - 40px); */
  margin: 0 auto;
  grid-gap: 12px;
  gap: 12px;
  margin-top: 12px;
}

.earn-win .t_earn {
  border: 1px solid var(--color-text);
  padding: 11px;
  flex-grow: 1;
  flex-basis: 0;
  border-radius: 6px;
}

.earn-win .t_earn p {
  margin: 0;
  font-weight: 700;
  font-size: 0.875rem;
}

.earn-win .t_earn p:last-child {
  color: var(--color-active);
}

.jackpotTabs {
  padding-left: 0;
  grid-gap: 2px;
  gap: 2px;
  padding-bottom: 10px;
}

.jackpotTabs li {
  height: 74px;
  flex-grow: 1;
  flex-basis: 0;
  border: 1px solid #ff4f45;
  border-radius: 6px;
  transition: all 0.3s;
  background-color: #000000;
  padding-top: 5px;
}

.jackpotTabs li .linkOver {
  z-index: 3;
}

.jackpotTabs li p {
  margin: 0;
}

.jackpotTabs li .tabTxt {
  text-align: center;
}

.jackpotTabs li .tabTxt h3,
.jackpotTabs li .tabTxt .h3 {
  font-size: 20px !important;
  line-height: 1;
  padding-bottom: 2px;
  font-weight: 300;
  font-family: sans-serif;
}

.jackpotTabs li .tabTxt h3 svg,
.jackpotTabs li .tabTxt .h3 svg,
.jackpotTabs li .tabTxt h3 img,
.jackpotTabs li .tabTxt .h3 img {
  margin-right: 10px;
  display: inline-block;
  vertical-align: top;
}

.jackpotTabs li .tabTxt p {
  font-size: 16px;
  line-height: 1.66;
  word-spacing: -8px;
  font-family: sans-serif;
}

.jackpotTabs li.active {
  background-color: var(--color-active);
  border-color: var(--color-active);
  color: var(--color-active-text);
  padding-top: 0;
}

.jackpotTabs li.active p {
  display: none;
}

.light-theme .jackPotPopup.modal .btn-close {
  background-image: url(../icon/close.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.jackpot_tab_content {
  display: none;
}

.jackpot_tab_content.tabActive {
  display: block;
}

@media (max-width: 720px) {
  .jackPotPopup {
    z-index: 1119;
  }
}

#jackpotHelpPopup,
#spinHelpPopup {
  z-index: 1120;
}

#jackpotHelpPopup .modal-body,
#spinHelpPopup .modal-body {
  margin: 10px 20px;
}

@media (max-width: 991.98px) {

  footer .mobile-footer-tab a span.count {
    position: relative;
    margin-left: calc(50% + 10px);
    margin-top: -45px;
  }
}

@media (max-width: 720px) {
  .jackpotTabs li .tabTxt p {
    /* font-size: 0.75rem; */
  }

  .jackpotTabs li .tabTxt h3,
  .jackpotTabs li .tabTxt .h3 {
    /* font-size: 1.125rem; */
  }

  .earn-win,
  .jackpotList {
    max-width: 100%;
  }


}

@media (max-width: 639px) {
  .jackpotTabs li .tabTxt p {
    /* font-size: 0.625rem; */
  }

  .jackpotTabs li .tabTxt h3,
  .jackpotTabs li .tabTxt .h3 {
    /* font-size: 1rem; */
  }

  .earn-win,
  .jackpotList {
    max-width: 100%;
  }

  .earn-win .t_earn p {
    font-size: 0.75rem;
  }

  .jackPotPopup .jackpots_amount p {
    font-size: 1.125rem;
  }
}

@media (min-width: 576px) {
  .jackpotTabsMob {
    display: none;
  }
}

@media (max-width: 575px) {
  .jackpotTabs:not(.jackpotTabsMob) li:first-child {
    width: 100%;
    max-width: 100%;
  }

  .jackpotTabs:not(.jackpotTabsMob) li:not(:first-child) {
    display: none !important;
  }

  .jackpotList {
    border: 0;
    padding: 0;
    max-height: calc(100vh - 550px);
    max-height: calc(100svh - 535px);
    overflow-y: scroll;
  }

  .earn-win .t_earn {
    border: 0;
  }

  .jackpotHead:not(.jackpotrow) {
    background-color: var(--color-bg-1);
    padding: 11px 10px;
  }

  /* .jackpotHead:not(.jackpotrow) .jackpotCol.wonCol {
    display: none;
  } */

  .jackpotCol:first-child {
    display: none;
  }

  .jackpotrow .jackpotCol:last-child {
    display: inline-block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .jackpotHead .jackpotCol {
    width: 33%;
    max-width: 33%;
    flex-grow: inherit;
    flex-basis: inherit;
    line-height: 1.55;
    padding: 0;
  }

  .winnersCol {
    width: 100%;
    max-width: 100%;
  }

  .jackpotHead .jackpotCol.prizeCol {
    font-size: 0.875rem;
  }

  /* .jackpotHead .jackpotCol.wonCol {
    width: 100%;
    max-width: 100%;
    text-align: left;
    color: var(--color-active);
    padding-top: 5px;
  } */

  .jackpotHead .jackpotCol:nth-child(2) {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .jackpotHead.jackpotrow {
    padding: 13px 10px 10px;
    border-bottom: 1px solid var(--color-bg-2);
  }

  .jackpotTabs li .tabTxt h3,
  .jackpotTabs li .tabTxt .h3 {
    /* font-size: 1.25rem; */
  }

  .jackpotTabs li .tabTxt p {
    /* font-size: 0.813rem; */
    line-height: 1.66;
  }

  .jackPotPopup .jackpots_amount p {
    padding: 20px 0;
    font-size: 25px;
  }

  .jackpot_tab_content {
    border: 1px solid var(--color-text);
    margin: 10px 0 20px;
    border-radius: 6px;
    background-color: var(--color-bg-2);
  }

  .earn-win {
    margin-top: 0;
    padding: 14px 10px;
  }

  .earn-win .t_earn {
    width: 100%;
    max-width: 100%;
    border: 1px solid var(--color-text);
    flex-grow: inherit;
    flex-basis: inherit;
    padding: 10px;
  }

  .earn-win .t_earn p {
    font-size: 0.875rem;
  }

  .jackPotPopup .jackpot_tab_wrapper {
    background-color: transparent;
  }

  .jackPotPopup .modal-body .jackpot_tab_wrapper {
    /* padding-bottom: 75px; */
  }

  .jackpotTabsMob {
    display: flex;
    justify-content: space-between;
    /* padding-bottom: 10px; */
    flex-grow: inherit;
    flex-basis: inherit;
  }

  .jackpotTabsMob li {
    max-width: calc(33% - 6px);
    width: calc(33% - 6px);
    overflow: hidden;
    padding: 5px 10px 0;
    background-color: #000000;
  }

  .jackpotTabsMob li .tabTxt {
    overflow: hidden;
    width: 100%;
  }

  .jackpotTabsMob li .tabTxt h3,
  .jackpotTabsMob li .tabTxt .h3 {
    font-size: 1.125rem;
  }

  .jackpotTabsMob li .tabTxt h3 img,
  .jackpotTabsMob li .tabTxt .h3 img {
    margin-right: 8px;
  }

  .jackpotTabsMob li .tabTxt p {
    font-size: 16px;
  }

  .jackPotPopup .modal-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 359px) {
  .jackPotPopup .jackpots_amount p {
    font-size: 21px;
  }

  .jackpotTabsMob {
    padding-bottom: 35px;
  }

  .jackpotTabsMob li {
    max-width: calc(33% - 5px);
    width: calc(33% - 5px);
    padding: 0 7px;
  }

  .jackpotTabsMob li .tabTxt h3,
  .jackpotTabsMob li .tabTxt .h3 {
    font-size: 0.938rem;
  }

  .jackpotTabsMob li .tabTxt h3 img,
  .jackpotTabsMob li .tabTxt .h3 img {
    margin-right: 5px;
  }

  .jackpotTabsMob li .tabTxt p {
    font-size: 0.688rem;
  }
}
.jackpot_tab_wrapper {
    padding: 10px;
}


.number-wrapper {
    display: inline-block;
    overflow: hidden;
    height: 40px; 
}

.number {
    width: 100%;
    top: 0;
    transition: top 0.8s ease-in-out;
}

.number.new {
    top: 100%; 
}


span#message {
    display: flex;
    justify-content: space-around;
    padding-top: 10px;
}
.layout-bc:not(.page-full-size) .layout-content-holder-bc, .layout-bc:not(.page-full-size) .layout-footer-holder-bc {
    margin: 0 auto;
    padding: 0 30px;
    max-width: 1670px;
}
.layout-bc:not(.page-full-size) .layout-content-holder-bc, .layout-bc:not(.page-full-size) .layout-footer-holder-bc {
    padding: 0 0px !important;
}
.layout-content-holder-bc {
    grid-area: content;
    width: 100%;
}
.error-page {
    display: flex;
    height: 100%;
    padding: 40px 20px;
}
.error-page-content {
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.error-page-icon {
    height: 220px;
}
.error-page-info {
    margin: 10px 0 25px;
    color: rgb(255 255 255 / 34%);
    text-align: center;
    font-size: 14px;
    line-height: 20px;
}
.error-page-content>.btn {
    width: auto;
}
.copyrights {
    color: #ff4f45;
    font-weight: 700;
    padding: 10px;
}
footer {
    display: block !important;
    margin-top: 30px;
    background: #151d2f;
    height: auto;
    font-family: inherit;
    font-size: inherit;
    font-weight: 400;
}
footer {
    height: 90px;
    height: 14.064vw;
    margin-top: -14.064vw;
    line-height: 14.064vw;
    background: #374250;
    color: #FFF;
    font-weight: 500;
    font-size: 3.5vw;
    text-align: center;
}
footer {
    width: 100%;
    height: 219px;
    margin-top: auto;
    position: relative;
}
.footer-menu-wrapper {
    height: 48px;
    border-bottom: 1px solid #242c3c;
    position: initial;
    border-left: 1px solid #242c3c;
    background: #262626;
}
.overflow-y-auto {
    overflow-y: auto;
}
.footer-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    overflow-x: scroll;
    height: 100%;
    width: fit-content;
}
footer .footer-menu-item.active-link {
    background: #ff4f45;
    color: #ffffff;
    border-top: none;
    border-left: none;
    border-color: #242c3c;
    border-bottom: 1px solid #242c3c;
}
footer .footer-menu-item {
    font-family: Axiforma, sans-serif;
    font-size: 11px;
    line-height: auto;
    font-weight: 500;
    color: #cdd1de;
    padding: 12px 16px 10px 16px;
    white-space: nowrap;
    line-height: 26px;
    border-right: 1px solid #242c3c;
}
.footer-menu li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
footer .footer-menu-item.active-link i {
    display: inline-block;
    color: #12BC8C;
    transition: all 0.3s;
    transform: rotate(-180deg);
}
footer .footer-menu-item i {
    margin-left: 8px;
    font-size: 12px;
    color: #788195;
    transition: all 0.3s;
    font-weight: 900;
    display: inline-block;
}
.fa6pros, .fa6pro-solid {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}
.fa6pro, .fa6pros, .fa6pro-solid, .fa6pror, .fa6pro-regular, .fa6prol, .fa6pro-light, .fa6prot, .fa6pro-thin, .fa6prod, .fa6pro-duotone, .fa6prob, .fa6pro-brands {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa6pro-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}
footer .footer-menu-item {
    font-family: Axiforma, sans-serif;
    font-size: 11px;
    line-height: auto;
    font-weight: 500;
    color: #cdd1de;
    padding: 12px 16px 10px 16px;
    white-space: nowrap;
    line-height: 26px;
    border-right: 1px solid #242c3c;
}
.footer-menu li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
footer .footer-menu-item i {
    margin-left: 8px;
    font-size: 12px;
    color: #788195;
    transition: all 0.3s;
    font-weight: 900;
    display: inline-block;
}
.footer-center {
    padding: 32px 24px;
    text-align: left;
    background: #000000;
    border-bottom: 1px solid #242c3c;
    line-height: 0;
}
.footer-logo {
    width: 116px;
    height: 18px;
    margin-bottom: 20px;
    display: block;
}
footer a {
    color: #fff;
    font-size: 20px !important;
}
footer a {
    color: #afacac;
    font-size: 11px;
    text-decoration: none;
}
.d-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
}
.footer-center .social .social-links {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
}
.footer-center .social .social-links p {
    font-family: Axiforma, sans-serif;
    font-size: 11px;
    line-height: 22px;
    font-weight: 500;
    color: #ff4f45;
    text-align: left;
    margin-bottom: 8px;
}
.footer-center .social .social-links .footer-social {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    z-index: 2;
}
.footer-center .social .social-links .footer-social li {
    margin-left: 0;
    margin-right: 12px;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    color: #cdd1de;
    transition: all 0.3s ease-in-out;
}
.footer-center .copyright {
    font-size: 11px;
    line-height: 22px;
    font-weight: 400;
    color: #ff4f45;
    text-align: left;
    z-index: 2;
    margin-top: 10px;
}
#providers-block, #investment-block {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 12px;
}
#providers-block p, #investment-block p {
    font-family: Axiforma, sans-serif;
    font-size: 11px;
    line-height: 18px;
    font-weight: 500;
    color: #CDD1DE;
    text-align: center;
    letter-spacing: 0.4em;
    margin-top: 28px;
    margin-bottom: 18px;
}
#investment-block .overflow {
    padding-bottom: 0;
    margin-bottom: 28px;
    border-bottom: 1px solid #242C3C;
}
#providers-block .overflow, #investment-block .overflow {
    overflow-x: auto;
    display: grid;
}
#investment-block .investment {
    display: grid;
    gap: 10px;
    width: 1000px;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: repeat(11, 1fr);
    margin: 0 auto;
}
#investment-block .investment img {
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    margin-bottom: 14px;
}
#providers-block, #investment-block {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 12px;
}
#providers-block p, #investment-block p {
    font-family: Axiforma, sans-serif;
    font-size: 11px;
    line-height: 18px;
    font-weight: 500;
    color: #ff4f45;
    text-align: center;
    letter-spacing: 0.4em;
    margin-top: 28px;
    margin-bottom: 18px;
}
#providers-block .overflow, #investment-block .overflow {
    overflow-x: auto;
    display: grid;
}
#providers-block .providers {
    flex-wrap: nowrap;
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin: 0 auto;
}
#providers-block .providers .logo-wrapper {
    background: #242C3C;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin-bottom: 10px;
}
#providers-block .providers .logo-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    right: 30px;
    width: 22px;
    height: 50px;
    background: linear-gradient(180deg, #333D52 0%, #242C3C 100%);
    opacity: 0.5;
    transform: skew(-38deg);
}
#providers-block .providers .logo-wrapper img {
    z-index: 2;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: contain;
    object-fit: contain;
}
#providers-block .providers .logo-wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 50px;
    background: linear-gradient(180deg, #333D52 0%, #242C3C 100%);
    transform: skew(-38deg);
}
#providers-block .providers .logo-wrapper {
    background: #242C3C;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin-bottom: 10px;
}
#providers-block .providers .logo-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    right: 30px;
    width: 22px;
    height: 50px;
    background: linear-gradient(180deg, #333D52 0%, #242C3C 100%);
    opacity: 0.5;
    transform: skew(-38deg);
}
#providers-block .providers .logo-wrapper img {
    z-index: 2;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: contain;
    object-fit: contain;
}
#providers-block .providers .logo-wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 50px;
    background: linear-gradient(180deg, #333D52 0%, #242C3C 100%);
    transform: skew(-38deg);
}
footer:after {
    clear: both;
    display: block;
    height: 0;
}

footer {
    display: block !important;
    background: #000000;
    height: auto;
    font-family: inherit;
    font-size: inherit;
    font-weight: 400;
    margin-bottom: 10px;
}
footer .top_footer {
    background-color: #262626;
    height: 65px;
}
footer .top_footer .main_wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    color: #d3d7e3;
    font-size: 13px;
    font-weight: 500;
    height: 65px;
}
footer .main_wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
@media only screen and (max-width: 1400px) {
    #player_info_content .main_wrapper, .container, .main_wrapper, .page-top-banner-frame .container {
        width: 100%;
        /* padding: 0 30px; */
    }
}
footer .top_footer .main_wrapper .line_wrapper {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    height: 100%;
}
footer .top_footer .main_wrapper .line_wrapper li:first-child {
    border-left: 1px solid #242C3C;
}
.footer-menu-item:hover, footer .top_footer .main_wrapper .line_wrapper .active-link {
    cursor: pointer;
    background: #ff4f45;
    color: #FFF;
    border-top: none;
    border-left: none;
    border-color: #242C3C #242C3C #151D2F;
}
footer .top_footer .main_wrapper .line_wrapper li {
    height: 100%;
    border-right: 1px solid #242C3C;
    border-top: none;
    border-left: none;
    border-radius: 0;
    padding: 21px 24px 17px;
    font-family: Axiforma, sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    text-decoration: none;
    display: block;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
footer .top_footer .main_wrapper .line_wrapper .active-link i {
    display: inline-block;
    color: #12BC8C;
    transition: all .3s;
    transform: rotate(-180deg);
}
.footer-menu-item i {
    margin-left: 8px;
    font-size: 12px;
    color: #788195;
    transition: all .3s;
    font-family: FontAwesome;
    font-weight: 900;
    display: inline-block;
}
.fa-caret-down:before {
    content: "\f0d7";
}
footer .top_footer .main_wrapper .line_wrapper li {
    height: 100%;
    border-right: 1px solid #242C3C;
    border-top: none;
    border-left: none;
    border-radius: 0;
    padding: 21px 24px 17px;
    font-family: Axiforma, sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    text-decoration: none;
    display: block;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
footer .centeral_footer {
    width: 100%;
    height: auto;
    background: linear-gradient(to right, #151d2f 0, #151d2f 69%, #111828 69%, #111828 100%);
    border-bottom: 1px solid #242c3c;
}
footer .bottom_footer {
    background-color: #000000;
    padding: 15px 0;
}
footer .bottom_footer .main_wrapper .footer-payments, footer .bottom_footer .main_wrapper .footer-providers {
    width: 100%;
    padding: 0 12px;
}
footer .bottom_footer .main_wrapper .footer-payments p, footer .bottom_footer .main_wrapper .footer-providers p {
    font-size: 11px;
    line-height: 18px;
    font-weight: 500;
    color: #ff4f45;
    text-align: center;
    letter-spacing: .1em;
    /* margin-top: 28px; */
    margin-bottom: 18px;
}
footer .bottom_footer .main_wrapper .footer-payments .payment-deposit {
    padding-bottom: 32px;
    margin-bottom: 28px;
    border-bottom: 1px solid #242C3C;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
footer .bottom_footer .main_wrapper .footer-payments .payment-deposit img {
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    margin-bottom: 14px;
    display: block;
}
footer .bottom_footer .main_wrapper .footer-payments, footer .bottom_footer .main_wrapper .footer-providers {
    width: 100%;
    padding: 0 12px;
}
footer .bottom_footer .main_wrapper .footer-providers .providers {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
footer .bottom_footer .main_wrapper .footer-providers .providers .logo-wrapper {
    background: #242C3C;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
footer .bottom_footer .main_wrapper .footer-providers .providers .logo-wrapper::before {
    right: 30px;
    opacity: .5;
}
footer .bottom_footer .main_wrapper .footer-providers .providers .logo-wrapper::after, footer .bottom_footer .main_wrapper .footer-providers .providers .logo-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    width: 22px;
    height: 50px;
    transform: skew(-38deg);
    box-sizing: border-box;
    background: linear-gradient(180deg, #333D52 0, #242C3C 100%);
}
footer .bottom_footer .main_wrapper .footer-providers .providers .logo-wrapper img {
    z-index: 2;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: contain;
    object-fit: contain;
}
footer .bottom_footer .main_wrapper .footer-providers .providers .logo-wrapper::after {
    right: 0;
}
footer .bottom_footer .main_wrapper .footer-providers .providers .logo-wrapper::after, footer .bottom_footer .main_wrapper .footer-providers .providers .logo-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    width: 22px;
    height: 50px;
    transform: skew(-38deg);
    box-sizing: border-box;
    background: linear-gradient(180deg, #333D52 0, #242C3C 100%);
}
footer .main_wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
@media only screen and (max-width: 1400px) {
    #player_info_content .main_wrapper, .container, .main_wrapper, .page-top-banner-frame .container {
        /* width: 100%; */
        /* padding: 0 30px; */
    }
}
.main_wrapper {
    width: 1340px;
    height: auto;
    margin: 0 auto;
    position: relative;
}
.Bottom {
    position: fixed;
    left: 0;
    right: 0;
    bottom: -1px;
    z-index: 999;
    background-color: #000000;
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}
.Bottom-in {
    display: flex;
    justify-content: space-between;
    height: 58px;
}
.ft-bottom-border {
    border-right-width: 1px;
    -o-border-image: linear-gradient(to bottom, #46516a, rgba(0, 0, 0, 0)) 1 100%;
    border-image: -webkit-gradient(linear, left top, left bottom, from(#46516a), to(rgba(0, 0, 0, 0))) 1 100%;
    border-image: linear-gradient(to bottom, #ff4f45, rgba(0, 0, 0, 0)) 1 100%;
    border-right-style: solid;
}
.Bottom-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 500;
    text-align: center;
    color: white;
    position: relative;
}
.Bottom-item i {
    font-size: 20px;
    color: #cacedb;
    padding-bottom: 4px;
}
.Bottom-item:nth-of-type(3):before {
    width: 69px;
    height: 69px;
    position: absolute;
    bottom: 2px;
    content: "";
    display: inline-block;
    transition: 500ms;
    border-radius: 100px;
    border: solid 4px #000000;
    z-index: -1;
    /* background: #000000 !important; */
    background: #ff4f45;
}
.Bottom-item:nth-of-type(3) i {
    /* -webkit-transform: translateY(-9px); */
    /* transform: translateY(-9px); */
    font-size: 27px;
}
.Bottom-item:hover {
    color: #ffffff;
    text-decoration: none; 
}
.header-content_50bf6 {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid hsl(0deg 0% 100% / 15%);
}
.header-left_2fc04, .header_76fe0 {
    display: flex;
    justify-content: space-between;
}
.header_76fe0 {
    height: 60px;
    background-color: #000000;
    opacity: 1;
}
.header-left_2fc04 {
    width: 100%;
    padding: 0 8px;
}
.header-left_2fc04, .header_76fe0 {
    display: flex;
    justify-content: space-between;
}
.logo-link_b184f {
    display: flex;
    align-items: center;
}
.header-help_c95d3 {
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.support-button_06202 {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    background-color: rgba(0, 175, 165, .12);
    border-radius: 37px;
    color: #00afa5;
}
.support-button_06202 svg {
    width: 20px;
    height: 20px;
}
.header-button_2bd3c {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    color: #fff;
    border-left: 1px solid hsl(0deg 0% 100% / 15%);
}
.header-button_2bd3c svg {
    display: flex;
}
.main-menu_6d39f {
    display: flex;
    align-items: center;
    overflow-x: scroll;
    overflow-y: hidden;
    padding: 12px 17px;
    background-color: #262626;
    border-top: 1px solid hsl(0deg 0% 100% / 15%);
}
.main-menu-item_8a083 {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    margin-right: 28px;
}
.main-menu-text_56b3c {
    font-family: HelveticaNeue, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    text-transform: capitalize;
    display: flex;
    color: #dfdfdf;
}
.main-menu-text_56b3c svg {
    margin-right: 8px;
}
.deposit-btn_8f649 {
    box-shadow: 0 6px 20px rgba(0, 0, 0, .03);
    border-radius: 8px;
    padding: 9px 7px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    background: rgba(255, 255, 255, .05) !important;
    font-weight: 800;
}
.l2--bottom-space .stories-wrapper--standard {
    margin-top: 0;
}
.l2--bottom-space .stories-wrapper {
    margin-bottom: 24px;
}
.stories-wrapper--standard {
    margin: 24px 0;
}
.stories-wrapper .page_stories.mobile-stories {
    -ms-overflow-style: none;
    overflow: auto;
    padding: 0;
    scrollbar-width: none;
    text-align: center;
}
.stories-wrapper .page_stories {
    padding: 0 50px;
}
.stories-wrapper .page_stories.mobile-stories .mobile-stories_block {
    display: inline-block;
    margin: 0 -12px;
    white-space: nowrap;
    width: 100%;
}
.stories-wrapper .page_stories.mobile-stories .mobile-stories_block .page_stories_block:first-child {
    margin-left: 16px;
}
@media screen and (max-width: 768px) {
    .stories-wrapper .page_stories.mobile-stories .mobile-stories_block .page_stories_block {
        margin-right: 8px;
    }
}
.stories-wrapper .page_stories.mobile-stories .mobile-stories_block .page_stories_block {
    cursor: pointer;
    display: inline-block;
    margin-right: 8px;
    width: 80px !important;
}

.stories-wrapper .page_stories--large .page_stories_block {
    width: 122px !important;
}
@media screen and (max-width: 768px) {
    .stories-wrapper .page_stories.mobile-stories .mobile-stories_block .page_stories_block.active .story-image {
        padding: 2px;
    }
}
.stories-wrapper .page_stories.mobile-stories .mobile-stories_block .page_stories_block.active .story-image {
    border: 2px solid #ff4f45;
}
@media screen and (max-width: 768px) {
    .stories-wrapper .page_stories.mobile-stories .mobile-stories_block .page_stories_block .story-image {
        padding: 3px;
    }
}
.stories-wrapper .page_stories.mobile-stories .mobile-stories_block .page_stories_block .story-image {
    border: 1px solid #7d7d7d80;
    border-radius: 34px;
    height: 70px;
    padding: 2px;
    position: relative;
    width: 85px;
}
.stories-wrapper .page_stories.mobile-stories .mobile-stories_block .page_stories_block .story-image img {
    border-radius: 32px;
    height: 100%;
    width: 100%;
}
.stories-wrapper .page_stories.mobile-stories .mobile-stories_block .page_stories_block.active .story-image i {
    color: #ff4f45;
}
.stories-wrapper .page_stories.mobile-stories .mobile-stories_block .page_stories_block .story-image i {
    align-items: center;
    background-color: #1a1d26;
    border-radius: 24px;
    color: #7d7d7d80;
    display: flex;
    height: 24px;
    justify-content: center;
    position: absolute;
    right: -2px;
    top: -2px;
    width: 24px;
}
.stories-wrapper .page_stories.mobile-stories .mobile-stories_block .page_stories_block .story-image i:before {
    font-size: 12px;
    margin-right: 0;
}
.category_icon-tournament:before {
    content: "\ea40";
}
.stories-wrapper .page_stories.mobile-stories .mobile-stories_block .page_stories_block .story-name {
    color: #d9d9d9;
    display: block;
    font-size: 14px;
    margin-top: 8px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.stories-wrapper .page_stories--large .story-name {
    font-size: 12px !important;
}
.stories-wrapper .page_stories {
    padding: 0 50px;
}
.l2--bottom-space .stories-wrapper--standard {
    margin-top: 0;
}
.l2--bottom-space .stories-wrapper {
    margin-bottom: 24px;
}
.stories-wrapper--standard {
    margin: 24px 0;
}
.support-button_06202:hover {
text-decoration: none;
}
.main-menu-text_56b3c:hover{
text-decoration: none;
color: #ff4f45;
}
.gifscreen{
padding-bottom: 20px;
}
.filter-menu--_inEd {
    padding: 20px 0;
}
.scroll-container--_O2Mw {
    height: 44px;
    position: relative;
}
.scroll--N81zQ {
    height: 100%;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    touch-action: pan-x;
    -webkit-tap-highlight-color: transparent;
}
.scroll-inner--Deylz {
    overflow: auto hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: auto;
    overscroll-behavior-x: contain;
    scroll-behavior: auto;
}
.scroll-inner--Deylz {
    overflow: auto hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: auto;
    overscroll-behavior-x: contain;
    scroll-behavior: auto;
}
.label--rIJZ_, .labels--pMH0d {
    border-radius: 36px;
    display: flex;
}
.labels--pMH0d {
    border: 1px dashed #ff4f45;
    gap: 6px;
    height: 44px;
    margin: 0 16px;
    padding: 3px;
}
.scroll-inner--Deylz a {
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    user-select: none;
}
.label--rIJZ_ {
    align-items: center;
    color: #7b889f;
    font-size: 12px;
    font-weight: 700;
    gap: 8px;
    padding: 6px 12px;
    text-transform: uppercase;
    transition: opacity .3s linear 2s;
}

.label--rIJZ_, .labels--pMH0d {
    border-radius: 36px;
    display: flex;
}
.icon--hFwKF {
    height: 24px;
    justify-content: center;
    margin-right: 8px;
    min-width: 24px;
    width: 24px;
}
.icon--hFwKF, .scroll--z8g2J {
    align-items: center;
    display: flex;
}
.icon--hFwKF img {
    display: block;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}
.label-name--UjeRH {
    /* max-width: 150px !important; */
}
.ellipsis--EjZIN {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #ffffff;
}
.track--yXji4 {
    align-items: center;
    display: flex;
    min-width: 100%;
}
.header-content_50bf6 {
    position: relative; 
}

.header_76fe0 {
    position: fixed; 
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;

}

.main-menu_6d39f {
    margin-top: 60px;
}
.deposit-btn_8f649:hover {
    text-decoration: none; 
    color: #ff4f45; 
}
.view-see-more:hover {
    text-decoration: none; 
    color: #ff4f45; 
}
.ellipsis--EjZIN:hover {
    color: #ff4f45; 
    cursor: pointer; 
    text-decoration: none;
}