@font-face
{
    font-family: iconFonts;
    src: url(https://www.sultanbet49.com/Content/fonts/FontIcons/icomoon.eot?x=189);
    src: url(https://www.sultanbet49.com/Content/fonts/FontIcons/icomoon.eot?) format("embedded-opentype"),url(https://www.sultanbet49.com/Content/fonts/FontIcons/icomoon.woff?x=389) format("woff"),url(https://www.sultanbet49.com/Content/fonts/FontIcons/icomoon.ttf?x=389) format("truetype"),url(https://www.sultanbet49.com/Content/fonts/FontIcons/icomoon.svg) format("svg");
    font-weight: 400;
    font-style: normal;
}
.icon, .login-wrapper .validation-summary-errors.error li:before
{
    font-family: iconFonts;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    -webkit-transform: translate(0,0);
    transform: translate(0,1px);
    font-style: normal;
}
.st
{
    font-family: iconFonts;
}
[class*=" st-icon"]::before, [class^=st-icon]::before
{
    font-family: iconFonts;
}
.icon-Success:before, .manualqr-success:before
{
    content: "";
}
.icon-Cancel:before
{
    content: "";
}
.icon-rejected:before
{
    content: "";
}
.icon-bitcoin-cash:before
{
    content: "";
    color: #fff;
}
.icon-Dodge:before
{
    content: "";
    color: #fff;
}
.icon-Litecoin:before
{
    content: "";
    color: #fff;
}
.icon-Ripple:before
{
    content: "";
    color: #fff;
}
.icon-Tether:before
{
    content: "";
    color: #fff;
}
.icon-Bitcoin:before
{
    content: "";
    color: #fff;
}
.navbar-collapse
{
    overflow-x: visible;
}
.navbar-collapse.top-menu
{
    padding: 0;
    z-index: 4;
}
@media(max-width: 1024px)
{
    .navbar-collapse.top-menu
    {
        top: 52px;
        left: 0;
        bottom: 0;
        transform: translate3d(-100%,0,0);
        transition: all .25s ease-in-out;
        background-color: #202123;
        height: calc(100dvh - 52px)!important;
    }
}
@media(max-width: 360px) and (min-width: 350px)
{
    .navbar-collapse.top-menu
    {
        width: 90%;
    }
}
@media(max-width: 349px)
{
    .navbar-collapse.top-menu
    {
        width: 100%;
    }
}
.navbar-collapse.top-menu.collapsing
{
    height: 100%!important;
}
.navbar-collapse.top-menu.show
{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.webapp ul .betgamestv, .webapp ul .nav-deposit
{
    display: none!important;
}
ul.navbar-nav .icon
{
    top: -1px;
}
@media(max-width: 1024px)
{
    ul.navbar-nav .new-live
    {
        background-color: transparent;
    }
    ul.navbar-nav .new-live:before
    {
        position: absolute;
        content: '.';
        font-size: 43px;
        line-height: 0;
        top: -3px;
        left: -9px;
    }
}
ul .sports .icon:before
{
    content: "";
}
ul .livesports .icon:before
{
    content: "";
}
ul .jackpot .icon:before
{
    content: "";
}
ul .virtualsports .icon:before
{
    content: "";
}
ul .casino .icon:before
{
    content: "";
}
ul .livecasino .icon:before
{
    content: "";
}
ul .sultanbettv .icon:before
{
    content: "";
}
ul .promotions .icon:before
{
    content: "";
}
ul .live-chat .icon:before
{
    content: "";
}
ul .nav-deposit .icon:before
{
    content: "";
}
@media(min-width: 1025px)
{
    ul .nav-deposit
    {
        display: none;
    }
}
ul .nav-help-desc .icon:before
{
    content: "";
}
ul .nav-telegram-app .icon:before
{
    content: "";
}
ul .nav-betting-rules .icon:before
{
    content: "";
}
ul .nav-betting-rules .icon:before
{
    content: "";
}
ul .nav-howtodeposit .icon:before
{
    content: "";
}
ul .betgamestv .icon:before
{
    content: "";
}
ul .tombala .icon:before
{
    content: "";
}
ul .tvbet .icon
{
    top: -4px;
}
ul .tvbet .icon:before
{
    content: "";
}
ul .esports .icon:before
{
    content: "";
}
ul .zeppelin .icon:before
{
    content: "";
}
ul .aviator .icon:before
{
    content: "";
    font-size: 17px;
}
ul .vip .icon:before, ul .vıp .icon:before
{
    content: "";
}
.btn.login
{
    color: #fff;
    border-color: #518335;
    background: #518335;
}
@media(hover: hover)
{
    .btn.login:hover
    {
        background-color: #416a2b;
        color: #fff;
        border-color: #416a2b;
    }
}
.btn.login.disabled, .btn.login:disabled
{
    color: #fff;
    background: #518335;
    border-color: #518335;
}
.btn.register
{
    color: #000;
    border-color: #fd0;
    background: #fd0;
}
@media(hover: hover)
{
    .btn.register:hover
    {
        background-color: #dbbe00;
        color: #000;
        border-color: #dbbe00;
    }
}
.btn.register.disabled, .btn.register:disabled
{
    color: #000;
    background: #fd0;
    border-color: #fd0;
}
.btn.btn-header-deposit
{
    color: #fff;
    border-color: #518335;
    background: 0 0;
}
@media(hover: hover)
{
    .btn.btn-header-deposit:hover
    {
        background-color: #518335;
        color: #fff;
        border-color: #518335;
    }
}
.btn.btn-header-deposit.disabled, .btn.btn-header-deposit:disabled
{
    color: #fff;
    background: 0 0;
    border-color: #518335;
}
@media screen and (max-width: 1024px)
{
    .btn.btn-header-deposit
    {
        color: #fff;
        border-color: #518335;
        background: #518335;
        font-size: 13px;
    }
}
@media screen and (max-width: 1024px) and (hover: hover)
{
    .btn.btn-header-deposit:hover
    {
        background-color: #46712e;
        color: #fff;
        border-color: #46712e;
    }
}
@media screen and (max-width: 1024px)
{
    .btn.btn-header-deposit.disabled, .btn.btn-header-deposit:disabled
    {
        color: #fff;
        background: #518335;
        border-color: #518335;
    }
}
.btn.quick-crypto-deposit
{
    color: #eebe2d;
    border-color: #eebe2d;
    background: 0 0;
}
@media(hover: hover)
{
    .btn.quick-crypto-deposit:hover
    {
        background-color: #eebe2d;
        color: #000;
        border-color: #eebe2d;
    }
}
.btn.quick-crypto-deposit.disabled, .btn.quick-crypto-deposit:disabled
{
    color: #eebe2d;
    background: 0 0;
    border-color: #eebe2d;
}
@media screen and (max-width: 1024px)
{
    .btn.quick-crypto-deposit
    {
        color: #000;
        border-color: #eebe2d;
        background: #eebe2d;
        font-size: 13px;
    }
}
@media screen and (max-width: 1024px) and (hover: hover)
{
    .btn.quick-crypto-deposit:hover
    {
        background-color: #eebe2d;
        color: #000;
        border-color: #eebe2d;
    }
}
@media screen and (max-width: 1024px)
{
    .btn.quick-crypto-deposit.disabled, .btn.quick-crypto-deposit:disabled
    {
        color: #000;
        background: #eebe2d;
        border-color: #eebe2d;
    }
}
.navbar-default
{
    position: relative;
}
.headerlogo-container
{
    display: grid;
    grid-gap: 10px;
    align-items: center;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}
@media(max-width: 1024px)
{
    .headerlogo-container
    {
        height: auto;
        background-color: #000;
        border-bottom: solid 2px #518335;
        padding: 0 15px 0 0;
    }
}
.headerlogo-container .toggle .icon
{
    font-size: 9px;
}
.headerlogo-container .toggle .icon:before
{
    content: "";
    font-family: iconFonts;
}
.headerlogo-container .username
{
    cursor: pointer;
    grid-gap: 8px;
}
.headerlogo-container .username [name=toggleUserMenu]:hover
{
    color: #518335;
}
.headerlogo-container .username:hover .header-username, .headerlogo-container .username:hover .icon-username, .headerlogo-container .username:hover [name=toggleUserMenu]
{
    color: #518335;
}
.header-bg
{
    background: #202123;
}
.navbar-btn-container
{
    display: none;
}
@media(max-width: 1024px)
{
    .navbar-btn-container
    {
        border: none;
        padding: 0;
        z-index: 3;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        background: 0 0;
        padding: 15px 15px 14px 15px;
        cursor: pointer;
        line-height: 0;
        display: block;
    }
    .navbar-btn-container:not(.collapsed)
    {
        z-index: 20;
    }
}
.navbar-header
{
    float: none;
    width: auto;
    position: relative;
}
.navbar-header .img
{
    background: url(../../willbetgambling/image/logo2.svg) center left no-repeat;
    height: 48px;
    width: 194px;
    background-size: contain;
}
@media(max-width: 767px)
{
    .navbar-header .img
    {
        width: 110px;
        height: 37px;
        margin: 0 auto;
    }
}
header .btn.small
{
    height: auto;
    padding: 9px 18px 8px;
    font-weight: 500;
    white-space: nowrap;
    text-transform: inherit;
    position: relative;
}
@media(max-width: 485px)
{
    header .btn.small
    {
        font-size: 12px;
        width: auto;
        text-transform: uppercase;
        padding: 6px 13px 5px 13px;
    }
}
@media(max-width: 330px)
{
    header .btn.small
    {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media(max-width: 1024px)
{
    header .login.btn.small
    {
        border-color: #518335;
        color: #fff;
        background-color: #518335;
    }
    header .register.btn.small
    {
        border-color: #fd0;
        color: #000;
        background-color: #fd0;
    }
}
header
{
    transition: all .5s;
}
header .logo
{
    margin-right: auto;
}
@media(min-width: 1025px)
{
    header.main
    {
        box-shadow: 0 3px 30px 0 rgba(0,0,0,.8);
        box-shadow: none;
        position: relative;
        z-index: 4;
        border-bottom: none;
        background-color: #000;
    }
}
@media(max-width: 1024px)
{
    header.main
    {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 5;
        width: 100%;
        background-color: transparent;
    }
    [dir=rtl] header.main
    {
        left: 0;
    }
}
header .refresh-balance
{
    width: 24px;
    height: 23px;
    display: block;
    color: #c7c7c7;
    left: 5px;
    right: 5px;
    margin: 0 auto;
    top: 9px;
}
header .refresh-balance:before
{
    font-size: 24px;
}
header .unread-count
{
    right: -5px;
    top: -7px;
}
.desktop-header-background
{
    background-color: transparent;
    border-radius: 4px;
}
.header-button-section
{
    display: grid;
    grid-template-columns: repeat(2,auto);
    align-items: center;
    grid-gap: 0 10px;
}
.user-login-button
{
    display: grid;
    grid-template-columns: repeat(2,auto);
    grid-column-gap: 10px;
    margin-left: auto;
}
.img-username-header
{
    position: relative;
}
.img-username-header img
{
    width: 36px;
}
.icon-username-header
{
    display: table-cell;
    font-size: 26px;
    transform: translate(0,0);
    vertical-align: middle;
}
.icon-username-header:before
{
    content: "";
}
.username:not(.collapsed) .icon-username
{
    color: #518335;
}
.username:not(.collapsed) .icon-username:before
{
    content: "";
}
.header-user-account
{
    line-height: 14px;
    font-weight: 700;
    font-size: 12px;
}
.header-user-account .header-username
{
    color: inherit;
}
.header-user-account .balance
{
    color: #838383;
    font-weight: 400;
    line-height: 14px;
    white-space: nowrap;
}
.refresh-balance:before
{
    content: "";
    font: normal normal normal 24px/1 iconFonts;
}
@media(hover: hover)
{
    .navbar-nav>li a:hover
    {
        background-color: #000;
        color: #fff;
    }
}
@media(hover: hover) and (max-width: 1024px)
{
    .navbar-nav>li a:hover
    {
        background-color: #000;
    }
}
@media(hover: hover)
{
    .navbar-nav>li a:hover .icon
    {
        color: #fff;
    }
}
.navbar-nav>li.active a
{
    background-color: #000;
    color: #fff;
}
@media(max-width: 1024px)
{
    .navbar-nav>li.active a
    {
        background-color: #000;
    }
}
.navbar-nav>li.active a .icon
{
    color: #fff;
}
.navbar-nav
{
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    display: flex;
}
.navbar-nav>li
{
    display: table-cell;
    text-align: center;
    position: relative;
    height: 100%;
    vertical-align: middle;
}
@media(max-width: 1024px)
{
    .navbar-nav>li
    {
        display: block;
    }
}
.navbar-nav>li a
{
    color: #fff;
    display: block;
    padding: 11px 14px 7px;
    flex-direction: row;
    display: flex;
    justify-content: center;
    margin: 0;
    position: relative;
    text-align: center;
    white-space: nowrap;
}
.navbar-nav>li a.promotion
{
    position: relative;
}
@media(min-width: 1025px)
{
    .navbar-nav>li.live-chat
    {
        display: none;
    }
}
.navbar-nav .icon
{
    color: #fff;
    position: relative;
    padding-right: 5px;
}
.navbar-nav span
{
    display: table-cell;
    vertical-align: middle;
}
.navbar-nav .new
{
    position: absolute;
    top: 0;
    right: -5px;
    background: #dc1917;
    text-transform: capitalize;
    color: #fff;
    font-size: 9px;
    padding: 2px 4px 1px;
    border-radius: 2px;
    font-weight: 500;
    z-index: 2;
    line-height: 1.2;
}
@media screen and (max-width: 1024px)
{
    .navbar-nav .new
    {
        transform: translateY(-50%);
        top: 50%;
        right: 20px;
    }
}
@media screen and (max-width: 1024px)
{
    .navbar-nav .new-live
    {
        position: absolute;
        font-size: 12px;
        right: 15px;
        color: #518335;
    }
}
.notification-popup-skipped .navbar-nav li a
{
    pointer-events: none;
    cursor: not-allowed;
}
.notification-popup-skipped .breadcrumb--wrapper a, .notification-popup-skipped .btn, .notification-popup-skipped .header-icons li a, .notification-popup-skipped .header-mail-icon, .notification-popup-skipped .headerlogo-container .username, .notification-popup-skipped .navbar-brand a, .notification-popup-skipped .user-toggle
{
    pointer-events: none;
    cursor: not-allowed;
}
@media(max-width: 1024px)
{
    .top-navigation
    {
        flex-direction: column;
        width: 100%;
        min-height: 100dvh;
        display: table;
        overflow: hidden;
        margin: 0;
        box-shadow: 0 4px 4px 0 rgba(0,0,0,.2);
        overflow-x: hidden;
        overflow-y: auto;
        background-color: #000;
    }
    .top-navigation>li
    {
        display: block;
        text-align: left;
        height: auto;
        border-bottom: solid 1px none;
        margin: 0;
        width: 100%;
    }
    .top-navigation>li a
    {
        display: block;
        text-align: left;
        margin: 0;
        padding: .7em 1em .9em;
    }
}
.top-navigation .submenu
{
    display: none;
    border-bottom: none;
    background-color: transparent;
}
@media screen and (max-width: 1024px)
{
    .top-navigation .submenu
    {
        display: block;
    }
}
@media screen and (max-width: 1024px)
{
    .top-navigation .submenu .social-icons
    {
        display: grid;
        align-items: center;
    }
}
.top-navigation .submenu a
{
    font-size: 14px;
    letter-spacing: normal;
    color: #cfcfcf;
}
.navbar-collapse
{
    overflow-x: visible;
}
@media screen and (max-width: 1024px)
{
    .navbar-collapse.top-menu
    {
        width: 77%;
        position: fixed;
        top: 52px;
        left: 0;
        bottom: 0;
        overflow-x: hidden;
        background-color: #000;
        margin: 0;
    }
}
@media screen and (max-width: 360px) and (min-width: 350px)
{
    .navbar-collapse.top-menu
    {
        width: 90%;
    }
}
@media screen and (max-width: 349px)
{
    .navbar-collapse.top-menu
    {
        width: 100%;
    }
}
.navbar-collapse.top-menu .clock
{
    letter-spacing: -.58px;
    color: #fff;
}
@media screen and (max-width: 1090px)
{
    .navbar-collapse.top-menu .clock
    {
        padding-right: 15px;
    }
}
.navbar-collapse.top-menu.collapse
{
    display: flex;
    height: auto!important;
    padding-top: 0;
}
@media(max-width: 1024px)
{
    .navbar-collapse.top-menu.collapse
    {
        display: none;
    }
    .navbar-collapse.top-menu.collapse.show
    {
        display: block;
        z-index: 20;
    }
}
.not-logged .user-toggle
{
    display: none;
}
.not-logged .navbar-header
{
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
}
@media(max-width: 1024px)
{
    .not-logged .navbar-header
    {
        width: 100%;
    }
}
@media(max-width: 1024px)
{
    .logged .headerlogo-container
    {
        display: block;
        padding: 0;
    }
}
.navbar-toggle:focus
{
    outline: 0;
}
.navbar-toggle div
{
    width: 24px;
    height: 20px;
    position: relative;
    transform: rotate(0);
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 3;
    display: block;
    margin: 1px 0 0 0;
}
.navbar-toggle .icon-bar
{
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #fff;
    border-radius: 1px;
    opacity: 1;
    left: 0;
    transform: rotate(0);
    transition: .25s ease-in-out;
}
[dir=rtl] .navbar-toggle .icon-bar
{
    left: 0;
}
.navbar-toggle .icon-bar:nth-child(1)
{
    top: 0;
}
.navbar-toggle .icon-bar:nth-child(2)
{
    top: 7px;
    width: 70%;
}
.navbar-toggle .icon-bar:nth-child(3)
{
    top: 14px;
}
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(1)
{
    top: 7px;
    transform: rotate(135deg);
}
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(2)
{
    opacity: 0;
    left: -60px;
}
[dir=rtl] .navbar-toggle:not(.collapsed) .icon-bar:nth-child(2)
{
    left: -60px;
}
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(3)
{
    top: 7px;
    transform: rotate(-135deg);
}
.user-toggle
{
    right: 0;
    position: relative;
    margin-top: 0;
}
[dir=rtl] .user-toggle
{
    right: 0;
}
@media(max-width: 1024px)
{
    .user-toggle
    {
        padding: 0 15px 0 10px;
    }
}
.user-toggle>div
{
    padding: 0;
}
.user-toggle .icon
{
    margin-top: -3px;
    transition: all .5s ease;
    font-family: iconFonts;
}
.user-toggle.collapsed .icon
{
    color: #fff;
    font-size: 25px;
}
.user-toggle.collapsed .icon:before
{
    content: "";
}
@media(hover: hover)
{
    .user-toggle.collapsed .icon:hover
    {
        color: #518335;
    }
}
.user-toggle:not(.collapsed) .icon
{
    color: #518335;
    font-size: 25px;
}
.user-toggle:not(.collapsed) .icon:before
{
    content: "";
    font-family: iconFonts;
}
.username-grid-two-columns
{
    grid-template-columns: auto auto;
}
.username-grid-two-columns .header-user-account
{
    padding: 0;
}
.username-grid-three-columns
{
    grid-template-columns: repeat(3,auto);
}
.mobile-menu-open
{
    overflow: hidden;
    position: fixed;
    width: 100%;
}
.mobile-menu-open header.main
{
    z-index: 6;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    background-color: rgba(0,0,0,.5);
}
.mobile-menu-open header.main:after
{
    content: '';
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 19;
}
.mobile-menu-open .footer-live-chat
{
    z-index: 2;
}
.login-wrapper
{
    display: flex;
    justify-content: center;
}
.desktop-header
{
    display: grid;
}
@media(max-width: 1024px)
{
    .desktop-header
    {
        display: none;
    }
}
.desktop-header-five-columns
{
    grid-template-columns: repeat(5,auto);
}
.desktop-header-two-columns
{
    grid-template-columns: repeat(2,auto);
    align-items: center;
    grid-gap: 10px;
}
.desktop-header-one-column
{
    grid-template-columns: auto;
}
.desktop-header-three-columns
{
    grid-template-columns: repeat(3,auto);
}
.desktop-header-four-columns
{
    grid-template-columns: repeat(4,auto);
}
.navbar-nav
{
    width: 100%;
    padding: 0 15px;
}
@media(max-width: 1024px)
{
    .navbar-nav
    {
        padding: 0;
    }
}
.navbar-nav>li.nav-Promotions
{
    margin-left: auto;
}
.headerlogo-container
{
    padding-top: 6px;
    padding-bottom: 6px;
}
@media(max-width: 1024px)
{
    .headerlogo-container
    {
        padding-top: 0;
        padding-bottom: 0;
    }
}
.headerlogo-container .register
{
    letter-spacing: -.58px;
}
.headerlogo-container .btn.in-progress
{
    background: 0 0;
    border-color: transparent;
    min-width: 78px;
    width: 100%;
    height: auto;
    pointer-events: none;
}
.headerlogo-container .btn.in-progress .spinner
{
    border-radius: 50%;
    background-color: transparent;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: .5em;
}
.header-user-account .header-username
{
    font-weight: 500;
}
.logged .header-button-section
{
    align-items: center;
}
@media(max-width: 1024px)
{
    .logged .header-button-section
    {
        grid-template-columns: auto;
    }
}
@media(max-width: 1024px)
{
    .logged .navbar-header
    {
        display: grid;
        grid-template-columns: auto 1fr auto auto;
        align-items: center;
    }
}
.not-logged .navbar-header
{
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
}
@media(max-width: 1024px)
{
    .not-logged .navbar-header
    {
        width: 100%;
    }
}
.mobile-header, .mobile-mail-icon
{
    display: none;
}
@media(max-width: 1024px)
{
    .mobile-header, .mobile-mail-icon
    {
        display: block;
    }
}
.mobile-header
{
    display: none;
}
@media screen and (max-width: 1024px)
{
    .mobile-header
    {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        align-items: center;
        padding: 2px 15px 3px 15px;
        grid-column-gap: 10px;
        width: 100%;
        font-weight: 700;
    }
}
.mobile-header>span, .mobile-header>span a
{
    color: #fff;
}
.mobile-header .refresh-balance-holder, .mobile-header>span
{
    text-align: center;
}
@media screen and (max-width: 1024px) and (min-width: 601px)
{
    .mobile-header .refresh-balance-holder, .mobile-header>span
    {
        font-size: 16px;
    }
}
@media screen and (max-width: 600px)
{
    .mobile-header .refresh-balance-holder, .mobile-header>span
    {
        font-size: 12px;
    }
}
.mobile-header .deposit
{
    text-align: left;
}
.mobile-header .refresh-balance
{
    display: block;
    right: auto;
    color: #838383;
}
@media screen and (max-width: 600px)
{
    .mobile-header .refresh-balance
    {
        width: 18px;
        height: 18px;
        top: -1px;
    }
    .mobile-header .refresh-balance:before
    {
        font-size: 19px;
    }
}
.mobile-header .refresh-balance-holder
{
    display: grid;
    justify-content: end;
    padding: 0;
}
.mobile-header .balance
{
    color: #c7c7c7;
    padding-left: 34px;
    font-weight: 400;
    text-align: left;
}
@media screen and (max-width: 600px)
{
    .mobile-header .balance
    {
        text-align: right;
        padding-left: 22px;
    }
}
@media screen and (min-width: 1025px)
{
    .mobile-header
    {
        display: none;
    }
}
.mobile-balance-icon
{
    position: relative;
}
@media screen and (max-width: 1024px)
{
    .user-logged
    {
        position: relative;
        margin-top: 1px;
        padding: 0;
        text-align: left;
        background-color: #1d1e21;
        width: 100%;
    }
}
.header-mail-icon
{
    position: relative;
}
.header-mail-icon .icon
{
    font-size: 29px;
    position: relative;
    top: 2px;
}
.header-mail-icon .icon:before
{
    content: "";
    font-family: iconFonts;
}
.header-mail-icon .unread-count
{
    top: -2px;
    right: -6px;
    z-index: 1;
}
.navbar-nav .footer ul:first-child
{
    border-top: none;
}
.login-wrapper form
{
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 10px;
    align-items: center;
}
.login-wrapper input
{
    background-color: #1d1e21;
    border: solid 1px #1d1e21;
    border-radius: 4px;
    padding: 6px 0 6px 5px;
    width: 173px;
}
.login-wrapper input:-webkit-autofill
{
    border: 1px solid #1d1e21;
    -webkit-box-shadow: 200px 0 0 #1d1e21 inset;
    box-shadow: 200px 0 0 #1d1e21 inset;
    color: #fff;
    -webkit-text-fill-color: #8d8d8f;
}
.login-wrapper input::placeholder
{
    color: #8d8d8f;
    font-size: 12px;
}
.login-wrapper input:focus
{
    background-color: #1d1e21;
    border: solid 1px #1d1e21;
    color: #fff;
}
.login-wrapper input:valid
{
    color: #fff;
}
.login-wrapper input[type=text].input-validation-error
{
    background-color: #1d1e21;
    border-color: #fe2842;
}
.login-wrapper input[type=password].input-validation-error
{
    background-color: #1d1e21;
    border-color: #fe2842;
}
.language-section .img-flag
{
    display: none;
}
.language-section .select2-container--default .select2-selection--single .name
{
    display: block;
}
.header-icons-no-flag
{
    font-size: 12px;
    display: flex;
    margin: 0 auto;
    justify-content: center;
}
@media(max-width: 1024px)
{
    .header-icons-no-flag
    {
        display: none;
    }
}
.header-icons-no-flag li
{
    background: #000;
    border: solid 1px inherit;
    padding: 3px 8px;
    border-radius: 4px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 2px;
    margin-left: 8px;
}
.header-icons-no-flag li:hover
{
    border-color: inherit;
}
.header-icons-no-flag li:hover a
{
    color: #518335;
}
.header-icons-no-flag li:first-child
{
    margin-left: 0;
}
.header-icons-no-flag li .icon:before
{
    color: #fff;
}
.header-icons-no-flag li a
{
    font-size: 14px;
}
.header-icons-no-flag .language-section
{
    opacity: 1;
}
.header-icons-no-flag .language-section .language
{
    background: 0 0;
    border-color: transparent;
}
.header-icons-no-flag .language-section .select2-container--default .select2-selection--single
{
    padding: 2px 0 3px 6px;
    height: auto;
    background-color: transparent;
    border-color: transparent;
    color: #fff;
}
.header-icons-no-flag .language-section .select2-container--default .select2-selection--single .select2-selection__arrow
{
    display: none;
}
.header-icons-no-flag .language-section .select2-container--default #select2-languageSelect-container
{
    font-size: 14px;
    font-weight: 400;
}
.header-icons-no-flag .language-section .select2-container--default #select2-languageSelect-container:hover
{
    color: #518335;
}
.mobile-login-holder
{
    display: none;
}
@media(max-width: 1024px)
{
    .mobile-login-holder
    {
        display: block;
    }
}
.desktop-login
{
    position: relative;
}
@media(max-width: 1024px)
{
    .desktop-login
    {
        display: none;
    }
}
.headerlogo-container
{
    grid-template-columns: auto auto;
    justify-content: space-between;
}
@media(max-width: 1024px)
{
    .header-button-section
    {
        grid-gap: 0;
    }
}
@media(max-width: 1024px)
{
    .user-login-button
    {
        grid-gap: 0;
    }
    .user-login-button .register-button-holder
    {
        margin-left: 10px;
    }
}
.language-section-big-flag .language-section
{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    height: 36px;
}
.language-section-big-flag .language-overlay
{
    display: inline-block;
    position: relative;
    top: 0;
    left: 6px;
}
.language-section-big-flag .language-overlay img
{
    width: 26px;
}
.language-section-big-flag-with-name
{
    width: 58px;
}
@media screen and (max-width: 1024px)
{
    .language-section-big-flag-with-name
    {
        display: none;
    }
}
.language-section-big-flag-with-name .language-section
{
    width: 65px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.language-section-big-flag-with-name .name
{
    font-size: 13px;
    font-weight: 600;
    padding-left: 0;
    text-transform: uppercase;
}
.language-section-big-flag-without-name
{
    width: 33px;
}
@media screen and (max-width: 1024px)
{
    .language-section-big-flag-without-name
    {
        display: none;
    }
}
.language-section-big-flag-without-name .language-section
{
    width: 38px;
}
.language-section-big-flag-without-name .language-overlay
{
    padding: 7px 0 7px;
}
.navbar-nav .flags-list.has-deposit
{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.navbar-nav .flags-list li
{
    display: inline-block;
}
.navbar-nav .flags-list li.nav-deposit-button
{
    margin-left: auto;
    padding-right: 10px;
}
.navbar-nav .flags-list .language-footer-flags
{
    opacity: .5;
}
.navbar-nav .flags-list .language-footer-flags.active
{
    background-color: transparent;
    opacity: 1;
}
.navbar-nav .flags-list a
{
    padding: .5em 8px .5em 8px;
}
.navbar-nav .name
{
    display: none;
}
.forgot-text.move-left
{
    transform: translateX(150%);
}
.forgot-text.move-left+.forgot-text-question-mark
{
    animation-delay: 1.2s;
    transform: translateX(0);
}
.forgot-text-holder
{
    position: absolute;
    right: 8px;
    transition: all .8s ease-in-out;
}
.forgot-text-holder a
{
    color: #fff;
    font-size: 12px;
    font-weight: 500;
}
.forgot-text-question-mark
{
    transform: translateX(450%);
}
.forgot-text-question-mark a
{
    padding: 4px 0 0 8px;
}
.forgot-text.move-left
{
    transform: translateX(150%);
}
.forgot-text.move-left+.forgot-text-question-mark
{
    animation-delay: 1.2s;
    transform: translateX(0);
}
.login-wrapper
{
    position: relative;
}
.login-wrapper .login-inline-username~.icon
{
    display: none;
    top: 9px;
    right: 8px;
    color: #fff;
    cursor: pointer;
}
.login-wrapper .login-inline-username~.icon:after
{
    content: '';
}
.login-wrapper .btn.in-progress
{
    opacity: .9;
    pointer-events: none;
}
.login-wrapper .btn.in-progress .spinner
{
    display: none;
}
.login-wrapper .validation-summary-errors.error
{
    background-color: #fff;
    color: #1d1e21;
    font-size: 12px;
    position: absolute;
    z-index: 8;
    width: auto;
    border-radius: 4px;
    padding: 0;
    top: 40px;
}
.login-wrapper .validation-summary-errors.error:before
{
    content: '';
    position: absolute;
    top: -12px;
    right: 17px;
    clip-path: polygon(50% 0,0 100%,100% 100%);
    overflow: hidden;
    height: 12px;
    width: 16px;
    background-color: #fff;
}
.login-wrapper .validation-summary-errors.error li
{
    padding: 5px 14px 7px 19px;
    margin-bottom: 0;
    font-weight: 500;
}
.login-wrapper .validation-summary-errors.error li:before
{
    position: relative;
    content: "";
    font-size: 16px;
    top: 2px;
    left: -8px;
    color: #518335;
}
.language-dropdown:before
{
    content: '';
    border-bottom-color: #393a42;
}
@media screen and (max-width: 1024px)
{
    .language-dropdown:before
    {
        border-bottom-color: #242424;
    }
}
.language-dropdown .select2-results
{
    right: 16px;
}
@media screen and (max-width: 1024px)
{
    .language-dropdown .select2-results
    {
        border-color: #242424;
        background-color: #242424;
        width: 60px;
        border-radius: 4px;
    }
}
@media screen and (max-width: 1024px)
{
    .language-dropdown .select2-results li
    {
        padding: 12px 0 12px 10px;
        display: flex;
        justify-content: center;
    }
}
@media screen and (max-width: 767px)
{
    .language-dropdown .select2-results li
    {
        padding: 12px 0 12px 4px;
    }
}
.language-dropdown .select2-results li:hover .img-flag
{
    transform: scale(1.2);
    transition: transform .2s ease 0s;
}
.language-dropdown .img-flag
{
    width: 26px;
}
.language-dropdown .name
{
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    padding-left: 1px;
    padding-top: 0;
}
@media screen and (max-width: 1024px)
{
    .language-dropdown .name
    {
        display: none;
    }
}
.language-dropdown
{
    background: 0 0;
    border: none;
}
.language-dropdown:after, .language-dropdown:before
{
    left: 42%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}
.language-dropdown:before
{
    border-bottom-color: #393a42;
    border-width: 11px;
    margin-left: -11.2px;
    top: -19px;
}
.language-dropdown:after
{
    border-width: 10px;
    margin-left: -10.1px;
    border-bottom-color: #393a42;
    top: -17px;
}
.language-dropdown.select2-dropdown--below
{
    overflow: inherit;
    width: auto!important;
    margin-top: 7px;
}
.language-dropdown .name
{
    padding: 1px 0 0 4px;
    font-size: 13px;
    font-weight: 500;
}
.language-dropdown .select2-results
{
    display: inline;
    position: initial;
    position: relative;
}
.language-dropdown .select2-results li>span
{
    display: flex;
    align-items: center;
}
.language-dropdown .select2-results .select2-results__options
{
    overflow-y: auto;
    max-height: 290px;
    text-transform: uppercase;
    background-color: transparent;
    border: solid 1px #393a42;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
.language-dropdown .select2-results .select2-results__options .select2-results__option--highlighted[aria-selected], .language-dropdown .select2-results .select2-results__options .select2-results__option[aria-selected=true], .language-dropdown .select2-results .select2-results__options li
{
    padding: 5px 6px 5px 6px;
    text-align: center;
    background-color: #393a42;
    color: #fff;
    border-bottom: none;
    border-top: none;
}
.language-dropdown .select2-results .select2-results__options .select2-results__option--highlighted[aria-selected]:hover, .language-dropdown .select2-results .select2-results__options .select2-results__option[aria-selected=true]:hover, .language-dropdown .select2-results .select2-results__options li:hover
{
    background-color: #393a42;
    color: #fff;
}
.language-dropdown .select2-results .select2-results__options .select2-results__option--highlighted[aria-selected].select2-results__option, .language-dropdown .select2-results .select2-results__options .select2-results__option[aria-selected=true].select2-results__option, .language-dropdown .select2-results .select2-results__options li.select2-results__option
{
    border-radius: 0;
}
.language-dropdown .select2-results .select2-results__options .select2-results__option--highlighted[aria-selected].select2-results__option:first-of-type, .language-dropdown .select2-results .select2-results__options .select2-results__option[aria-selected=true].select2-results__option:first-of-type, .language-dropdown .select2-results .select2-results__options li.select2-results__option:first-of-type
{
    border-radius: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.language-dropdown .select2-results .select2-results__options .select2-results__option--highlighted[aria-selected].select2-results__option:last-of-type, .language-dropdown .select2-results .select2-results__options .select2-results__option[aria-selected=true].select2-results__option:last-of-type, .language-dropdown .select2-results .select2-results__options li.select2-results__option:last-of-type
{
    border-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.language-dropdown .select2-results .select2-results__options .select2-results__option--highlighted[aria-selected].select2-results__option .select2-results__option--highlighted[aria-selected], .language-dropdown .select2-results .select2-results__options .select2-results__option[aria-selected=true].select2-results__option .select2-results__option--highlighted[aria-selected], .language-dropdown .select2-results .select2-results__options li.select2-results__option .select2-results__option--highlighted[aria-selected]
{
    background-color: #393a42;
}
.header-top-links-wrapper
{
    display: flex;
    font-size: 11px;
    width: 100%;
    padding-top: 13px;
    font-weight: 700;
}
@media screen and (max-width: 1024px)
{
    .header-top-links-wrapper
    {
        display: none;
    }
}
.header-top-links-wrapper .right
{
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
}
.header-top-links-wrapper .header-top-link
{
    margin: 0 0 0 35px;
}
.header-top-links-wrapper a
{
    color: #fff;
}
@media screen and (max-width: 1024px)
{
    .logged .header-top-links-wrapper
    {
        display: none;
    }
}
@media screen and (min-width: 1025px)
{
    header .navbar-default
    {
        padding: 10px 0 5px;
        margin: 0 auto;
    }
}
.forgot-pass-modal
{
    position: absolute;
    z-index: 9;
    right: 20px;
    width: 340px;
    margin-top: 15px;
}
.forgot-pass-modal .are-you-register, .forgot-pass-modal .login-padding
{
    display: none;
}
.forgot-pass-modal .modal-content
{
    padding: 30px;
    position: relative;
    border-radius: 4px;
}
.forgot-pass-modal .modal-content:before
{
    position: absolute;
    content: '';
    background-color: #fff;
    top: -13px;
    right: 17px;
    clip-path: polygon(50% 0,0 100%,100% 100%);
    overflow: hidden;
    border-top: solid 1px;
    height: 13px;
    width: 17px;
}
.forgot-pass-modal .validation-summary-errors.error
{
    margin-top: 0;
}
.forgot-pass-modal .modal-title-padding
{
    padding: 5px 0 13px;
}
.forgot-pass-modal .close
{
    position: absolute;
    top: 11px;
    right: 11px;
    color: #bbb;
    border: none;
    background-color: #fff;
    z-index: 9;
    cursor: pointer;
}
.forgot-pass-modal .close:before
{
    font-family: iconFonts;
    content: "";
    font-size: 16px;
}
.forgot-pass-modal h1
{
    font-size: 15px;
    color: #000;
    font-weight: 900;
    margin-bottom: 18px;
    margin-top: 0;
    text-align: left;
}
.forgot-pass-modal h4
{
    color: #6a6a6a;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
}
.forgot-pass-modal input, .forgot-pass-modal input:focus
{
    background-color: #d8d8d8;
    border-color: #d8d8d8;
    font-size: 14px;
    font-weight: 500;
    color: #000;
}
.forgot-pass-modal input.input-validation-error, .forgot-pass-modal input.valid, .forgot-pass-modal input:focus.input-validation-error, .forgot-pass-modal input:focus.valid
{
    background-color: #d8d8d8;
    color: #000;
}
.forgot-pass-modal input:-webkit-autofill, .forgot-pass-modal input:-webkit-autofill:focus, .forgot-pass-modal input:-webkit-autofill:hover, .forgot-pass-modal input:focus:-webkit-autofill, .forgot-pass-modal input:focus:-webkit-autofill:focus, .forgot-pass-modal input:focus:-webkit-autofill:hover
{
    border: 1px solid #d8d8d8;
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0 1000px #d8d8d8 inset;
    transition: background-color 5000s ease-in-out 0s;
}
.success-forgot-pass h1
{
    color: #414141;
    font-weight: 700;
    text-align: left;
}
.success-forgot-pass h4
{
    color: #707070;
    text-align: left;
}
.success-forgot-pass .modal-title-padding
{
    padding: 5px 0 0;
}
#forgotPasswordInline .modal-success
{
    display: none;
}
#popupContent .success-forgot-pass
{
    display: none;
}
.navbar-toggle:not(.collapsed) .icon-bar
{
    border-radius: 12px;
    width: 75%;
    height: 2px;
}
@media screen and (max-width: 768px)
{
    .navbar-toggle:not(.collapsed) .icon-bar
    {
        left: -2px;
        top: 4px;
    }
}
@media screen and (max-width: 1024px)
{
    .navbar-toggle:not(.collapsed) .icon-bar:nth-child(1)
    {
        transform: rotate(0);
    }
}
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(2)
{
    top: 3px;
    width: 35%;
    transform: rotate(-40deg);
    left: 1px;
    opacity: 1;
}
@media screen and (max-width: 768px)
{
    .navbar-toggle:not(.collapsed) .icon-bar:nth-child(2)
    {
        top: 4px;
        width: 35%;
        transform: rotate(-40deg);
        left: -2px;
        opacity: 1;
    }
}
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(3)
{
    top: 11px;
    transform: rotate(40deg);
    left: 1px;
    width: 35%;
}
@media screen and (max-width: 768px)
{
    .navbar-toggle:not(.collapsed) .icon-bar:nth-child(3)
    {
        top: 10px;
        left: -2px;
    }
}
.navbar-nav
{
    margin-bottom: 9px;
    text-transform: uppercase;
    font-weight: 500;
}
@media screen and (max-width: 1150px) and (min-width: 1025px)
{
    .navbar-nav
    {
        font-size: 13px;
    }
}
@media screen and (max-width: 1024px)
{
    .navbar-nav
    {
        font-weight: 500;
    }
}
.navbar-nav>li
{
    line-height: 18px;
    margin: 0 2px;
}
.navbar-nav>li>a
{
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    display: block;
}
@media screen and (max-width: 1150px) and (min-width: 1025px)
{
    .navbar-nav>li>a
    {
        padding: 11px 10px;
    }
}
.navbar-nav .icon
{
    font-size: 17px;
    display: table-cell;
}
@media screen and (max-width: 1024px)
{
    .navbar-nav .icon
    {
        font-size: 22px;
        padding-right: 36px;
        max-width: 36px;
        font-size: 22px;
    }
}
.forgot-text-holder
{
    top: 6px;
}
.top-navigation .submenu a
{
    font-size: 15px;
    font-weight: 300;
}
.language-dropdown .img-flag
{
    width: 26px;
}
.language-dropdown .name
{
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
}
.language-dropdown .select2-results li:hover .img-flag
{
    transform: scale(1.2);
    transition: transform .2s ease 0s;
}
.language-dropdown .select2-dropdown--below
{
    border: none;
    background: 0 0;
}
.language-dropdown .select2-results__option
{
    margin-top: 0;
}
@media screen and (max-width: 1024px)
{
    [data-subbrand=""] .mobile-header
    {
        grid-template-columns: auto auto 1fr;
        grid-column-gap: 10px;
    }
}
@media screen and (max-width: 1024px)
{
    .mobile-header .refresh-balance-holder
    {
        float: right;
    }
    .mobile-header .refresh-balance-holder .subnav-username
    {
        text-align: right;
        margin-bottom: 5px;
    }
}
.game-mode header .navbar-default
{
    padding: 0;
}
@media(max-width: 1024px)
{
    .nav>li.nav-SportsNew
    {
        display: flex;
        margin-left: 8px;
    }
}
.nav>li.nav-SportsNew a
{
    display: flex;
    border-radius: 9px;
    background: #518335;
    padding: 3px 10px 1px 5px;
    margin-top: 9px;
}
@media(max-width: 1024px)
{
    .nav>li.nav-SportsNew a
    {
        padding: 8px 10px 6px 7px;
        margin-top: 0;
        border-radius: 13px;
    }
}
.nav>li.nav-SportsNew a:hover
{
    color: #000;
}
.nav>li.nav-SportsNew .icon
{
    display: block;
    width: 31px;
    top: -2px;
    margin-right: 1px;
}
.nav>li.nav-SportsNew .icon:before
{
    content: '';
    display: block;
    position: absolute;
    left: -5px;
    top: -6px;
    background-image: url(../../willbetgambling/image/new-sports.svg);
    background-repeat: no-repeat;
    background-size: 37px 32px;
    width: 34px;
    height: 28px;
}
@media(max-width: 1024px)
{
    .nav>li.nav-SportsNew .icon:before
    {
        left: -9px;
        top: -10px;
        background-size: 50px 40px;
        width: 43px;
        height: 33px;
    }
}
@media(max-width: 485px)
{
    header .btn.small
    {
        font-size: 11px;
    }
}
.top-navigation .language-footer-flags img
{
    max-width: 35px;
}
@media screen and (max-width: 400px)
{
    .navbar-header .img
    {
        width: 81px;
    }
}
@media screen and (max-width: 400px)
{
    [lang=fi] header .btn.small
    {
        font-size: 10px;
    }
}
@media screen and (max-width: 320px)
{
    .navbar-btn-container
    {
        padding: 15px 9px 14px 9px;
    }
}
@media screen and (max-width: 320px)
{
    .navbar-toggle div
    {
        width: 20px;
    }
}
@media screen and (max-width: 1024px)
{
    .mobile-header
    {
        padding-top: 7px;
        padding-bottom: 5px;
    }
}
[data-subbrand=NORDICS] .depositWithMethod
{
    display: none;
}
@media screen and (max-width: 1024px)
{
    [data-subbrand=NORDICS] .mobile-header
    {
        grid-template-columns: repeat(2,1fr);
    }
}
[data-subbrand=""] .navbar-header .img
{
    background: url(../../willbetgambling/image/sultanbet_10years_logo.svg) center center no-repeat;
}
[data-subbrand=""] .payment-progress .logo
{
    background: url(../../willbetgambling/image/sultanbet_10years_logo-dark.svg) center left no-repeat;
}