body
{
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}
body main
{
    flex: 1 1;
}
.chat
{
    position: fixed;
    border-radius: 50%;
    transition: all 1s;
    bottom: 50px;
    height: 52px;
    right: 15px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
    background: linear-gradient(0deg,#ffe600,#ffb800);
    box-shadow: inset 0 -5px 0 #f90,0 3px 6px 0 rgba(0,0,0,.75);
}
.chat img
{
    width: 27px;
    height: 27px;
    transform: translateY(-2px);
}
.chat--loading img
{
    display: none;
}
.chat--loading .chat__loader
{
    display: block;
}
.chat__loader
{
    display: none;
    position: relative;
    width: 30px;
    height: 30px;
}
.chat__ringSpinning
{
    width: 30px;
    height: 30px;
    border-radius: 30px;
    box-shadow: inset 0 4px 0 #fff;
    animation: rotate-360 2s linear infinite;
}
.chat__ringStationary
{
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    box-shadow: inset 0 0 10px 4px hsla(0,0%,100%,.3);
}
.chat:hover
{
    transition: all 1s;
    background: linear-gradient(180deg,#ffe600,#ffb800);
}
@keyframes rotate-360
{
    0%
    {
        transform: rotate(0deg);
    }
    to
    {
        transform: rotate(1turn);
    }
}
@media(min-width: 600px)
{
    .chat
    {
        width: 58px;
        height: 60px;
        bottom: 54px;
        right: 35px;
        cursor: pointer;
        min-width: 58px;
        min-height: 60px;
    }
}
.header
{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    min-width: 100%;
    background-color: #035d03;
    z-index: 16;
    height: 50px;
    padding-inline: 10px;
    display: flex;
    align-items: center;
}
.header__logo
{
    display: block;
    width: 44px;
    min-width: 44px;
    height: 17px;
    min-height: 16px;
    margin-left: 20px;
    background-position: 50%;
    background-size: cover;
    position: relative;
    background-image: url(https://brazmx-cdn.com/files/landing/59/_next/static/media/mobile-logo.813775d1.svg);
}
.header__linkPart
{
    display: flex;
    gap: 10px;
    max-height: 30px;
}
.header__linkPart:nth-child(3)
{
    display: none;
}
.header__linkPart:nth-child(4)
{
    justify-content: flex-end;
    flex: 1 1;
}
.header__link
{
    display: flex;
    border-radius: 50px;
    font-size: 10px;
    justify-content: center;
    min-width: 77px;
    padding: 7px 12px;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 700;
    height: 30px;
    align-items: center;
}
.header__link--register
{
    text-align: center;
    color: #000;
    background: linear-gradient(180deg,#ffe600,#ffb800);
    box-shadow: inset 0 -2px 0 #f90;
    text-shadow: 0 1px 0 #ffe249;
}
.header__link--register:hover
{
    background: linear-gradient(180deg,#ffb800,#ffe600);
}
.header__link--login
{
    border: 2px solid #fff;
    color: #fff;
}
.header__link--login:hover
{
    background: #fff;
    color: #035d03;
}
.header__hamburger
{
    width: 25px;
    height: 20px;
    background-image: url(https://brazmx-cdn.com/files/landing/59/_next/static/media/side-menu-open.648520ed.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}
.header__hamburger:hover
{
    cursor: pointer;
    background-image: url(https://brazmx-cdn.com/files/landing/59/_next/static/media/side-menu-open-hover.11415391.svg);
}
.header__image
{
    display: none;
    width: 100%;
    height: 100%;
}
.header__image--show
{
    display: flex;
}
.header__imageContainer
{
    width: 25px;
    height: 20px;
    position: absolute;
    top: 50%;
    translate: 0 -50%;
}
@media(min-width: 360px)
{
    .header__logo
    {
        width: 136px;
        height: 17px;
        margin-left: 11px;
        background-image: url(https://brazmx-cdn.com/files/landing/59/_next/static/media/desktop-logo.a1158d3d.svg);
    }
    .header__linkPart
    {
        gap: 5px;
    }
    .header__registerLink
    {
        margin-right: -4px;
    }
}
@media(min-width: 375px)
{
    .header__logo
    {
        margin-left: 16px;
    }
    .header__linkPart
    {
        gap: 10px;
    }
    .header__registerLink
    {
        margin-right: 0;
    }
}
@media(min-width: 600px)
{
    .header
    {
        height: 70px;
        padding-inline: 20px;
    }
    .header__link
    {
        height: 40px;
        width: 130px;
        font-size: 14px;
        line-height: 14px;
    }
    .header__logo
    {
        width: 159px;
        height: 19px;
        margin-left: 36px;
    }
    .header__hamburger
    {
        width: 30px;
        height: 25px;
    }
    .header__linkPart
    {
        max-height: 40px;
    }
}
@media(min-width: 1300px)
{
    .header
    {
        padding-inline: 30px;
    }
    .header__linkPart:nth-child(3)
    {
        margin-left: 54px;
        display: block;
    }
    .header__linkPart:nth-child(3) a
    {
        color: #fff;
        font-size: 18px;
        text-transform: uppercase;
    }
    .header__linkPart:nth-child(3) a:not(.header__linkPart:nth-child(3) a:first-child)
    {
        margin-left: 40px;
    }
    .header__linkPart:nth-child(3) a:hover
    {
        color: #ffba00;
    }
}
.aside
{
    display: none;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background-color: rgba(0,0,0,.5);
    height: 100%;
    left: 0;
    min-height: 600px;
    min-width: 100%;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 16;
}
.aside--show
{
    display: flex;
}
.aside__containerInner
{
    overflow: auto;
    background-color: #232323;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding-top: 50px;
    position: relative;
    width: 241px;
}
.aside__containerInner::-webkit-scrollbar
{
    display: none;
}
.aside__authLinks
{
    display: flex;
    padding-left: 13px;
    padding-right: 21px;
    gap: 10px;
    margin-top: 25px;
}
.aside__authLinks a
{
    flex: 1 0;
    height: 30px;
}
.aside__link
{
    align-items: center;
    border-radius: 50px;
    display: flex;
    font-size: 10px;
    justify-content: center;
    min-width: 77px;
    padding: 7px 12px;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 700;
    height: 30px;
}
.aside__link--register
{
    text-align: center;
    background: linear-gradient(180deg,#ffe600,#ffb800);
    box-shadow: inset 0 -2px 0 #f90;
    color: #1a1a1a;
    text-shadow: 0 1px 0 #ffe249;
}
.aside__link--register:hover
{
    background: linear-gradient(180deg,#ffb800,#ffe600);
}
.aside__link--login
{
    border: 2px solid #fff;
    color: #fff;
}
.aside__link--login:hover
{
    background: #fff;
    color: #035d03;
}
.aside__close
{
    position: absolute;
    top: 0;
}
.aside__closeImage
{
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    height: 22px;
    left: 11px;
    position: absolute;
    top: 15px;
    width: 22px;
    background-image: url(https://brazmx-cdn.com/files/landing/59/_next/static/media/side-menu-close.54d8e7ba.svg);
}
.aside__closeImage:hover
{
    filter: invert(22%) sepia(33%) saturate(5471%) hue-rotate(0deg) brightness(104%) contrast(103%);
}
.aside .asideTopNavigation
{
    list-style: none;
    display: flex;
    flex-direction: column;
    margin-top: 25px;
}
.aside .asideTopNavigation li
{
    flex: 1 0;
    align-items: center;
    height: 50px;
    min-height: 50px;
    justify-content: center;
    padding-inline: 12px;
}
.aside .asideTopNavigation li:hover
{
    background: #3b3b3b;
}
.aside .asideTopNavigation li a, .aside .asideTopNavigation li:not(.aside .asideTopNavigation li.asideTopNavigation__help)
{
    display: flex;
}
.aside .asideTopNavigation li a
{
    align-items: center;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    color: #fff;
}
.aside .asideTopNavigation li a .navTopItemImage
{
    display: flex;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    filter: invert(210%) sepia(100%) saturate(2%) hue-rotate(76deg) brightness(911%) contrast(101%);
    background-position: 50%;
}
.aside .asideTopNavigation li a .navTopItemText
{
    font-weight: 700;
    font-size: 12px;
    margin-left: 14px;
}
.aside .asideTopNavigation__home .navTopItemImage
{
    background-image: url(https://brazmx-cdn.com/files/landing/59/_next/static/media/home.baf44158.svg);
}
.aside .asideTopNavigation__bonus .navTopItemImage
{
    background-image: url(https://brazmx-cdn.com/files/landing/59/_next/static/media/bonus.8e430e38.svg);
}
.aside .asideTopNavigation__competitions .navTopItemImage
{
    background-image: url(https://brazmx-cdn.com/files/landing/59/_next/static/media/competitions.b514a96d.svg);
    background-size: contain;
    height: 24px!important;
}
.aside .asideTopNavigation__androidApp .navTopItemImage
{
    background-image: url(https://brazmx-cdn.com/files/landing/59/_next/static/media/app-download.22b073a5.svg);
}
.aside .asideTopNavigation__help .navTopItemImage
{
    background-image: url(https://brazmx-cdn.com/files/landing/59/_next/static/media/help.3881b363.svg);
}
.aside .asideBottomNavigation
{
    list-style: none;
    display: flex;
    flex-direction: column;
    margin-top: 15px;
}
.aside .asideBottomNavigation__liveMts .navBottomItemImage
{
    background-image: url(https://brazmx-cdn.com/files/landing/59/_next/static/media/live-bet-green.1f3414e0.svg);
}
.aside .asideBottomNavigation__prematchMts .navBottomItemImage
{
    background-image: url(https://brazmx-cdn.com/files/landing/59/_next/static/media/bet.51b647be.svg);
}
.aside .asideBottomNavigation__slots .navBottomItemImage
{
    background-image: url(https://brazmx-cdn.com/files/landing/59/_next/static/media/slot-green.b8fd56ec.svg);
}
.aside .asideBottomNavigation__live .navBottomItemImage
{
    background-image: url(https://brazmx-cdn.com/files/landing/59/_next/static/media/live-green.948abe5d.svg);
}
.aside .asideBottomNavigation__crash .navBottomItemImage
{
    background-image: url(https://brazmx-cdn.com/files/landing/59/_next/static/media/rocket.a43cb7f7.svg);
}
.aside .asideBottomNavigation__bingo .navBottomItemImage
{
    background-image: url(https://brazmx-cdn.com/files/landing/59/_next/static/media/bingo-green.7a5b1d41.svg);
}
.aside .asideBottomNavigation__scratchCards .navBottomItemImage
{
    background-image: url(https://brazmx-cdn.com/files/landing/59/_next/static/media/dollars.c3e985ea.svg);
}
.aside .asideBottomNavigation__new .navBottomItemImage
{
    background-image: url(https://brazmx-cdn.com/files/landing/59/_next/static/media/new-green.8b556120.svg);
}
.aside .asideBottomNavigation__poker .navBottomItemImage
{
    background-image: url(https://brazmx-cdn.com/files/landing/59/_next/static/media/cards.2f697d56.svg);
}
.aside .asideBottomNavigation__blackjack .navBottomItemImage
{
    background-image: url(https://brazmx-cdn.com/files/landing/59/_next/static/media/spade.f7caaa5b.svg);
}
.aside .asideBottomNavigation__roulette .navBottomItemImage
{
    background-image: url(https://brazmx-cdn.com/files/landing/59/_next/static/media/roulette.ef33e7d3.svg);
}
.aside .asideBottomNavigation li
{
    flex: 1 0;
    align-items: center;
    height: 50px;
    min-height: 50px;
    justify-content: center;
    padding-inline: 12px;
}
.aside .asideBottomNavigation li:hover
{
    background: #3b3b3b;
}
.aside .asideBottomNavigation li, .aside .asideBottomNavigation li a
{
    display: flex;
}
.aside .asideBottomNavigation li a
{
    align-items: center;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    color: #b8b8b8;
}
.aside .asideBottomNavigation li a .navBottomItemImage
{
    display: flex;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    filter: invert(75%) sepia(1%) saturate(0) hue-rotate(176deg) brightness(101%) contrast(84%);
    background-position: 50%;
}
.aside .asideBottomNavigation li a .navBottomItemText
{
    font-weight: 400;
    font-size: 12px;
    margin-left: 14px;
}
.aside .socialIcons
{
    display: flex;
    width: 100%;
    margin-top: auto;
    margin-bottom: 20px;
    padding-top: 30px;
}
.aside .socialIcons ul
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 18px;
}
.aside .socialIcons ul li a
{
    width: 23px;
    height: 23px;
    display: flex;
    background-size: cover;
}
.aside .socialIcons ul li a:hover
{
    filter: brightness(2);
}
@media(min-width: 600px)
{
    .aside__containerInner
    {
        width: 400px;
        padding-top: 70px;
    }
    .aside__closeImage
    {
        height: 30px;
        left: 20px;
        top: 20px;
        width: 30px;
    }
    .aside__authLinks
    {
        margin-top: 15px;
        padding-inline: 20px;
    }
    .aside__authLinks a
    {
        height: 40px;
        font-size: 14px;
        line-height: 36px;
    }
    .aside__link
    {
        height: 40px;
        width: 130px;
        font-size: 14px;
        line-height: 14px;
    }
    .aside .asideTopNavigation
    {
        margin-top: 10px;
    }
    .aside .asideTopNavigation ul
    {
        padding-left: 10px;
    }
    .aside .asideTopNavigation ul li
    {
        height: 53px;
    }
    .aside .asideTopNavigation ul li a .navTopItemImage
    {
        width: 21px;
        height: 21px;
    }
    .aside .asideTopNavigation ul li a .navTopItemText
    {
        font-size: 18px;
        font-weight: 400;
        line-height: 20px;
        margin-left: 28px;
    }
    .aside .asideTopNavigation__competitions .navTopItemImage
    {
        height: 25px!important;
    }
    .aside .asideBottomNavigation
    {
        margin-top: 25px;
    }
    .aside .asideBottomNavigation ul li
    {
        height: 57px;
        padding-left: 20px;
    }
    .aside .asideBottomNavigation ul li a .navBottomItemImage
    {
        height: 25px;
        width: 25px;
    }
    .aside .asideBottomNavigation ul li a .navBottomItemText
    {
        font-size: 18px;
        margin-left: 25px;
    }
    .aside .socialIcons ul
    {
        gap: 33px;
    }
    .aside .socialIcons ul li a
    {
        width: 35px;
        height: 35px;
    }
    .aside .socialIcons ul li a img
    {
        width: 100%;
        height: auto;
    }
}
@media(min-width: 1300px)
{
    .aside__closeImage
    {
        left: 29px;
    }
    .aside__authLinks
    {
        padding-inline: 24px;
    }
    .aside .asideTopNavigation ul
    {
        padding-left: 22px;
    }
    .aside .asideTopNavigation ul li
    {
        height: 53px;
    }
    .aside .asideTopNavigation ul li a .navTopItemImage
    {
        width: 20px;
        height: 20px;
    }
    .aside .asideTopNavigation ul li a .navTopItemText
    {
        font-size: 18px;
        font-weight: 400;
        line-height: 20px;
        margin-left: 28px;
    }
    .aside .asideTopNavigation__help
    {
        display: none;
    }
    .aside .asideBottomNavigation ul li
    {
        padding-left: 32px;
    }
    .aside .asideBottomNavigation ul li a .navBottomItemText
    {
        margin-left: 23px;
    }
}
.scrollTop
{
    position: fixed;
    bottom: 140px;
    right: 15px;
    min-width: 50px;
    width: 50px;
    min-height: 52px;
    height: 52px;
    background: linear-gradient(0deg,#06ac06,#035d03);
    background-size: contain;
    opacity: 0;
    border-radius: 50%;
    z-index: 30;
    box-shadow: inset 0 -5px 0 #035d03,0 3px 6px 0 rgba(0,0,0,.75);
    transition: background 1s ease-out;
    cursor: pointer;
    pointer-events: none;
}
.scrollTop:before
{
    content: "";
    width: 21px;
    height: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-55%);
    background-image: url(https://brazmx-cdn.com/files/landing/59/_next/static/media/scrollTopArrow.b625f01d.svg);
    background-position: 50%;
    background-size: cover;
}
.scrollTop:hover
{
    background: linear-gradient(180deg,#06ac06,#035d03);
    transition: background 1s ease-out;
}
.scrollTop--show
{
    opacity: 1;
    transform: scale(1);
    transition: .2s;
    pointer-events: all;
}
@media(min-width: 600px)
{
    .scrollTop
    {
        bottom: 140px;
        right: 35px;
        min-width: 58px;
        width: 58px;
        min-height: 60px;
        height: 60px;
    }
}
.footerContainer
{
    position: relative;
    width: 100%;
    max-width: 100%;
    padding-top: 24px;
    padding-bottom: 17px;
    padding-inline: 10px;
    margin: 0 auto;
    background-color: #232323;
}
.footerContainer__bottomIconsWrapper
{
    max-width: 260px;
    margin: 0 auto;
    display: grid;
    align-items: center;
    grid-template-columns: auto 88px auto;
    grid-template-rows: auto auto 106px auto;
}
.footerContainer__bottomIconsWrapper a:nth-child(3)
{
    position: relative;
    left: -12px;
    display: flex;
}
.footerContainer .footerNavigation
{
    color: #a0a0a0;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    text-transform: capitalize;
}
.footerContainer .footerNavigation ul
{
    display: flex;
    flex-direction: column;
    gap: 11px;
}
.footerContainer .footerNavigation__navigationButton, .footerContainer .footerNavigation__navigationLink
{
    display: block;
}
.footerContainer .footerNavigation__navigationButton:hover, .footerContainer .footerNavigation__navigationLink:hover
{
    color: #000;
}
.footerContainer .footerNavigation__navigationItem
{
    color: #a0a0a0;
}
.footerContainer .footerNavigation__navigationItem a
{
    text-decoration: underline;
}
.footerContainer .footerNavigation__navigationItem:first-child, .footerContainer .footerNavigation__navigationItem:not(.footerContainer .footerNavigation__navigationItem:last-child):not(.footerContainer .footerNavigation__navigationItem:first-child)
{
    margin-bottom: 4px;
}
.footerContainer .footerNavigation__navigationItem:hover
{
    color: #fff;
}
.footerContainer .footerNavigation__navigationTitle
{
    color: #fff;
    font-size: 13px;
    line-height: 14px;
    font-weight: 700;
    display: block;
}
.footerContainer .footerNavigation__containerInner
{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-row-gap: 40px;
    grid-column-gap: 8px;
}
.footerContainer .paymentOptions
{
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    justify-items: center;
    grid-column-gap: 10px;
    grid-row-gap: 20px;
    margin-top: 47px;
    padding-block: 30px;
    border-bottom: 1px solid #3b3b3b;
    border-top: 1px solid #3b3b3b;
}
.footerContainer .footerLogo
{
    display: flex;
    justify-content: center;
    grid-column: 1/4;
    width: 160px;
    margin: 35px auto 25px;
}
.footerContainer .foooterResponsibleGaming
{
    margin-top: 23px;
    display: flex;
    justify-content: center;
    grid-column: 1/4;
}
.footerContainer .footerAntillephoneImage
{
    min-width: 81px;
}
.footerContainer .footerKahnawakeImage
{
    position: relative;
    left: 28px;
    min-width: 148px;
    height: 35px;
}
.footerContainer .licenceTexts
{
    display: flex;
    flex-direction: column;
    margin-top: 12px;
    gap: 5px;
    padding-bottom: 30px;
}
.footerContainer .licenceTexts__imageMobile
{
    margin: 10px auto 0;
}
.footerContainer .licenceTexts__imageDesktop, .footerContainer .licenceTexts__imageTablet
{
    display: none;
}
.footerContainer .footerBottom
{
    border-top: 1px solid #3b3b3b;
    padding-top: 30px;
}
.footerContainer .footerBottom__socialAndAndroid
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.footerContainer .footerBottom__socialIcons
{
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    width: 170px;
}
.footerContainer .footerBottom__copyright
{
    margin-top: 24px;
    display: flex;
    justify-content: center;
    text-transform: lowercase;
    font-size: 12px;
    color: #fff;
}
@media(min-width: 600px)
{
    .footerContainer__bottomIconsWrapper
    {
        max-width: unset;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 22px;
    }
    .footerContainer__bottomIconsWrapper a:nth-child(3)
    {
        left: 0;
    }
    .footerContainer .footerNavigation
    {
        display: block;
    }
    .footerContainer .footerNavigation__containerInner
    {
        width: 100%;
        display: flex;
        justify-content: space-between;
        max-width: 1280px;
        margin: 0 auto;
    }
    .footerContainer .footerNavigation__navigationTitle
    {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .footerContainer .footerNavigation__navigationItem
    {
        font-size: 14px;
    }
    .footerContainer .footerLogo
    {
        grid-column: unset;
        margin: 0;
    }
    .footerContainer .foooterResponsibleGaming
    {
        margin-top: 0;
        grid-column: unset;
    }
    .footerContainer .footerKahnawakeImage
    {
        left: 0;
    }
    .footerContainer .licenceTexts
    {
        display: block;
        max-width: 1280px;
        margin: 30px auto 0;
        padding-bottom: 40px;
    }
    .footerContainer .licenceTexts__imageMobile
    {
        display: none;
    }
    .footerContainer .licenceTexts__imageTablet
    {
        display: block;
        width: 100%;
        height: auto;
    }
    .footerContainer .licenceTexts__imageTablet:not(.footerContainer .licenceTexts__imageTablet:last-child)
    {
        margin-bottom: 5px;
    }
    .footerContainer .licenceTexts__imageDesktop
    {
        display: none;
    }
    .footerContainer .footerBottom__copyright
    {
        margin-top: 38px;
    }
    .footerContainer .footerBottom__socialAndAndroid
    {
        flex-direction: row-reverse;
    }
    .footerContainer .footerBottom__socialAndAndroid a
    {
        margin-right: 60px;
    }
    .footerContainer .footerBottom__socialIcons
    {
        margin: 0;
    }
    .footerContainer .footerBottom__socialIcons a
    {
        margin-right: 45px;
    }
}
@media(min-width: 690px)
{
    .footerContainer__bottomIconsWrapper
    {
        max-width: 680px;
    }
}
@media(min-width: 700px)
{
    .footerContainer .paymentOptions
    {
        display: flex;
        justify-content: space-around;
        margin-top: 60px;
    }
    .footerContainer .paymentOptions img
    {
        width: auto;
        height: 30px;
    }
}
@media(min-width: 1000px)
{
    .footerContainer
    {
        padding: 60px 20px 20px;
    }
    .footerContainer__bottomIconsWrapper
    {
        max-width: 1280px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 42px;
    }
    .footerContainer .footerNavigation__navigationItem:not(.footerContainer .footerNavigation__navigationItem:last-child):not(.footerContainer .footerNavigation__navigationItem:first-child)
    {
        margin-bottom: 8px;
    }
}
@media(min-width: 1300px)
{
    .footerContainer .paymentOptions
    {
        justify-content: space-between;
        max-width: 1280px;
        margin: 47px auto 0;
    }
    .footerContainer .licenceTexts
    {
        display: block;
        max-width: 1280px;
        margin: 30px auto 0;
        padding-bottom: 40px;
    }
    .footerContainer .licenceTexts__imageMobile, .footerContainer .licenceTexts__imageTablet
    {
        display: none;
    }
    .footerContainer .licenceTexts__imageDesktop
    {
        display: block;
        width: 100%;
        height: auto;
    }
    .footerContainer .footerBottom
    {
        padding-top: 40px;
        max-width: 1280px;
        margin: 0 auto;
    }
}
.loader
{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(35,35,35,.702);
    z-index: 200;
    align-items: center;
    justify-content: center;
    display: none;
}
.loader--active
{
    display: flex;
}
.loader__loaderImage
{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-sizing: border-box;
    border-color: #ffba00 #035d03;
    border-style: solid;
    border-width: 40px;
    animation: loader 1.2s infinite;
}
@keyframes loader
{
    0%
    {
        transform: rotate(0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }
    50%
    {
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    to
    {
        transform: rotate(5turn);
    }
}
.locales
{
    margin-top: 25px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    border-top: 1px solid #3b3b3b;
    border-bottom: 1px solid #3b3b3b;
}
.locales img
{
    margin-right: 15px;
}
.locales__chosenLanguageContainer
{
    display: flex;
    align-items: center;
    height: 40px;
    padding-inline: 12px;
    position: relative;
}
.locales__chosenLanguageContainer:before
{
    background: #232323;
    bottom: -2px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
}
.locales__chosenLanguageContainer:after
{
    background-image: url(https://brazmx-cdn.com/files/landing/59/_next/static/media/arrow-down_white.bf544379.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    z-index: 1;
}
.locales__rotateArrow
{
    background: #3b3b3b;
}
.locales__rotateArrow:after
{
    transform: translateY(-50%) rotate(180deg);
}
.locales ul
{
    padding-left: 0;
    display: none;
}
.locales ul.showList
{
    display: flex;
    flex-direction: column;
    background: #3b3b3b;
}
.locales ul li
{
    padding: 14px 12px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.locales ul li:hover
{
    color: #ffba00;
}
.locales ul li a
{
    text-decoration: none;
    display: flex;
}
.locales ul li a span
{
    display: flex;
    align-items: center;
}
.locales:hover
{
    cursor: pointer;
    background: #3b3b3b;
}
@media(min-width: 600px)
{
    .locales__chosenLanguageContainer
    {
        padding-inline: 20px;
        height: 60px;
    }
    .locales__chosenLanguageContainer img
    {
        height: 30px;
        margin-right: 25px;
        width: 30px;
    }
    .locales__localeName
    {
        font-size: 18px;
        font-weight: 400;
    }
    .locales ul
    {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .locales ul li
    {
        padding: 15px 20px;
    }
    .locales ul li a
    {
        font-weight: 400;
    }
    .locales ul li a img
    {
        height: 30px;
        margin-right: 25px;
        width: 30px;
    }
}
@media(min-width: 1300px)
{
    .locales__chosenLanguageContainer
    {
        padding-left: 31px;
    }
    .locales ul.showList
    {
        padding-left: 10px;
    }
}
.navigationTabs
{
    position: relative;
    border-bottom: .5px solid #b28600;
    min-height: 40px;
    height: 45px;
}
.navigationTabs ul
{
    display: flex;
    height: 100%;
    background-color: inherit;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    margin: 0;
    position: relative;
}
.navigationTabs ul li
{
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    align-items: flex-end;
    list-style: none;
    flex: 1 1;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    margin-bottom: 9px;
    cursor: pointer;
    color: #3b3b3b;
}
.navigationTabs ul li.activeTab, .navigationTabs ul li:hover
{
    color: #035d03;
}
.navigationTabs .underline
{
    position: absolute;
    bottom: -2px;
    z-index: 3;
    width: 25%;
    min-height: 3px;
    height: 3px;
    transform: translateX(0);
    transition: .5s;
    border: 1px solid #ffba00;
    background: #ffba00;
}
@media(min-width: 600px)
{
    .navigationTabs
    {
        height: 70px;
    }
    .navigationTabs ul li
    {
        font-size: 18px;
        font-weight: 100;
        margin-bottom: 9px;
    }
}
.validNumber
{
    color: #008000;
    font-weight: 500;
    margin-top: 5px;
}
.formHeader
{
    text-transform: uppercase;
    font-weight: 500;
    color: #035d03;
    margin: 17px 0 4px;
}
.formHeader, .formLogin
{
    font-size: 14px;
    text-align: center;
}
.formLogin
{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 27px;
    font-weight: 700;
    line-height: 16px;
    color: #3b3b3b;
}
.formLogin span
{
    font-size: 14px;
    color: #3b3b3b;
    font-weight: 100;
}
.formLogin a
{
    text-decoration: underline;
}
.form
{
    justify-content: flex-start;
    margin-inline: auto;
    max-width: 300px;
}
.form, .form__inputs
{
    display: flex;
    flex-direction: column;
}
.form__inputs
{
    min-width: 100%;
    row-gap: 12px;
    justify-content: center;
    align-items: center;
    margin-top: 22px;
}
.form__generalErrors
{
    margin-top: 8px;
    display: flex;
    justify-content: flex-start;
    padding: 0;
    width: 100%;
}
.form__error
{
    -webkit-text-fill-color: #f00;
    color: #f00;
    font-size: 12px;
    max-width: 305px;
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: -1;
}
.form__submit
{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 15px;
}
.form__submit button
{
    border: none;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    min-height: 41px;
    overflow: hidden;
    text-decoration: none;
    width: 100%;
    all: unset;
    background: linear-gradient(180deg,#ffe600,#ffb800);
    border-radius: 50px;
    box-shadow: inset 0 -2px 0 #f90;
    color: #1a1a1a;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-shadow: 0 1px 0 #ffe249;
    transition: all .1s linear;
    min-width: 130px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0 10px;
}
.form__submit button:hover
{
    cursor: pointer;
    background: linear-gradient(180deg,#ffb800,#ffe600);
}
@media(min-width: 600px)
{
    .formHeader
    {
        font-size: 18px;
        margin-top: 35px;
        margin-bottom: 10px;
    }
    .form
    {
        max-width: 416px;
    }
    .form__inputs
    {
        row-gap: 22px;
    }
    .form__submit button
    {
        min-height: 60px;
        min-width: 198px;
        line-height: 60px;
        font-size: 18px;
        padding: 0 16px;
        box-shadow: inset 0 -5px #f90;
    }
}
.form__input
{
    border: none;
    display: flex;
    flex-direction: column;
    width: 100%;
    font-weight: 500;
    position: relative;
    z-index: 8;
}
.form__input--hidden
{
    display: none!important;
}
.form__input:not(.form__input.inputOnError) input:focus
{
    border: 2px solid #035d03;
}
.form__input.inputOnError
{
    margin-bottom: 4px;
}
.form__input.inputOnError input
{
    border-color: #f00!important;
}
.form__input:last-of-type
{
    margin-bottom: 0;
}
.form__input .label, .form__input label
{
    color: #035d03;
    display: flex;
    height: 100%;
    position: relative;
    width: 100%;
}
.form__input input::-webkit-input-placeholder
{
    opacity: 0;
}
.form__input input::-moz-placeholder
{
    opacity: 0;
}
.form__input input::-ms-input-placeholder
{
    opacity: 0;
}
.form__input input
{
    border-radius: 50px;
    display: block;
    font-size: 16px;
    font-style: normal;
    height: 100%;
    padding: 0 50px 0 20px;
    width: 100%;
    max-width: 300px;
    min-height: 40px;
    background: #fff;
    color: #3b3b3b;
    border: 2px solid #3b3b3b;
}
.form__input input:focus
{
    outline: none;
}
.form__input .form__tooltip
{
    flex-direction: column;
    font-weight: 400;
    position: absolute;
    width: 100%;
    padding: 35px 20px 20px;
    border-radius: 10px;
    top: 15px;
    z-index: -1;
    display: none;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    gap: 10px;
    border: 1px solid #383838;
    background-color: #232323;
}
.form__input .form__tooltip ul
{
    margin-left: 18px;
    list-style: disc;
}
.form__input.form__tooltipActive
{
    z-index: 15;
}
.form__input.form__tooltipActive .form__tooltip
{
    display: flex;
}
.form__input.form__tooltipActive .form__tooltipIcon
{
    background-image: url(https://brazmx-cdn.com/files/landing/59/_next/static/media/tooltip-active.eb4e0b79.svg);
}
.form__input .form__tooltipIcon
{
    width: 20px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 20px;
    position: absolute;
    display: block;
    top: 50%;
    right: 20px;
    background-image: url(../../willbetgambling/image/tooltip.70d0ebd4.svg);
    transform: translateY(-50%);
    cursor: pointer;
}
.form__input .form__tooltipIcon:hover
{
    background-image: url(https://brazmx-cdn.com/files/landing/59/_next/static/media/tooltip-active.eb4e0b79.svg);
}
.form__input.inputPromocodeReadOnly .form__labelText
{
    background-color: #eee;
}
.form__input.inputPromocodeReadOnly input
{
    background-color: #eee;
    font-weight: 700;
    cursor: not-allowed;
}
.form__labelText
{
    font-size: 10px;
    font-weight: 700;
    left: 18px;
    line-height: 9px;
    padding: 0 5px;
    position: absolute;
    text-transform: uppercase;
    top: -3px;
    z-index: 3;
    background: #fff;
    color: #035d03;
}
@media(min-width: 600px)
{
    .form__input.inputOnError
    {
        margin-bottom: -5px;
    }
    .form__input input
    {
        min-height: 50px;
        max-width: 416px;
    }
    .form__input .form__tooltip
    {
        padding: 48px 20px 20px;
    }
    .form__input .form__tooltip span
    {
        line-height: 20px;
        font-size: 14px;
    }
    .form__input .form__tooltipIcon
    {
        width: 25px;
        background-size: 25px;
    }
    .form__labelText
    {
        font-size: 12px;
    }
}
.password .passwordToggleIcon
{
    width: 20px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 20px;
    display: block;
    position: absolute;
    cursor: pointer;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(https://brazmx-cdn.com/files/landing/59/_next/static/media/password-eye.0f6fdfe6.svg);
}
.password .form__tooltipIcon
{
    right: 43px;
}
.password.showPassword .passwordToggleIcon
{
    background-image: url(https://brazmx-cdn.com/files/landing/59/_next/static/media/password-eye-active.99220b95.svg);
}
@media(min-width: 600px)
{
    .password .passwordToggleIcon
    {
        width: 25px;
        background-size: 25px;
    }
    .password .passwordToggleIcon:hover
    {
        background-image: url(https://brazmx-cdn.com/files/landing/59/_next/static/media/password-eye-active.99220b95.svg);
    }
    .password .form__tooltipIcon
    {
        right: 50px;
    }
}
.checkboxes
{
    margin-top: 22px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.checkboxes__checkbox
{
    align-items: center;
    color: #3b3b3b;
    cursor: pointer;
    flex-wrap: wrap;
    font-weight: 500;
    font-size: 10px;
    position: relative;
    display: flex;
}
.checkboxes__checkbox a
{
    color: #232323;
    font-weight: 700;
    text-decoration: underline;
}
.checkboxes__checkbox:last-of-type
{
    margin-bottom: 0;
}
.checkboxes__checkbox label
{
    display: flex;
    align-items: center;
    position: relative;
    z-index: 7;
}
.checkboxes__checkbox label input
{
    opacity: 0;
}
.checkboxes__checkbox label input:checked~.checkboxes__fakeCheckbox
{
    background-image: url(../../willbetgambling/image/checked.8be8dbeb.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto;
}
.checkboxes__checkbox label span
{
    font-weight: 100;
}
.checkboxes__checkbox .form__error
{
    z-index: 0;
}
.checkboxes__fakeCheckbox
{
    margin-right: 8px;
    border: 1px solid #035d03;
    border-radius: 1px;
    height: 15px;
    min-height: 15px;
    width: 15px;
    min-width: 15px;
    display: inline-flex;
}
@media(min-width: 600px)
{
    .checkboxes
    {
        margin-top: 30px;
        padding-left: 33px;
    }
    .checkboxes__checkbox label
    {
        font-size: 12px;
    }
}
.currency
{
    position: relative;
    cursor: pointer;
}
.currency.form__tooltipActive:after
{
    transform: translateY(-50%) rotate(180deg);
}
.currency:after
{
    position: absolute;
    height: 12px;
    width: 12px;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    background-image: url(../../willbetgambling/image/arrow-down_green.e298b1ca.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    pointer-events: none;
}
.currency__list
{
    padding-inline: 20px;
    flex-direction: column;
    font-weight: 400;
    position: absolute;
    width: 100%;
    padding: 35px 20px 20px;
    border-radius: 10px;
    top: 15px;
    z-index: -1;
    display: none;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    gap: 0;
    background-color: #232323;
    border: 1px solid #383838;
}
.currency__list.active
{
    display: block;
}
.currency__item:hover span
{
    color: #ffba00;
}
.currency__item span
{
    background: #232323;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
}
.currency label
{
    position: static;
}
.currency .currentValue
{
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    border-radius: 50px;
    font-size: 16px;
    font-style: normal;
    padding: 0 50px 0 20px;
    max-width: 300px;
    min-height: 40px;
    border: 2px solid #3b3b3b;
    color: #3b3b3b;
    background-color: #fff;
}
.currency .currentValue.active span, .currency .currentValue:hover span
{
    color: #ffba00;
}
@media(min-width: 600px)
{
    .currency:after
    {
        right: 27px;
    }
    .currency__list
    {
        padding: 48px 20px 20px;
    }
    .currency .currentValue
    {
        font-size: 14px;
        min-height: 50px;
        max-width: 416px;
    }
}
.promocode
{
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: flex-start;
    margin-right: auto;
    gap: 6px;
}
.promocode__prePromoCodeText
{
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    color: #035d03;
}
.promocode__prePromoCodeIcon
{
    width: 15px;
    height: 15px;
    background-image: url(https://brazmx-cdn.com/files/landing/59/_next/static/media/plus-promocode.0d8ef02c.svg);
}
.goBackIcon, .promocode__prePromoCodeIcon
{
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
}
.goBackIcon
{
    background-image: url(https://brazmx-cdn.com/files/landing/59/_next/static/media/promoGoBack.c9e7f5f1.webp);
    width: 20px;
    height: 20px;
    border: none;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    cursor: pointer;
}
.goBackIcon:hover
{
    background-image: url(https://brazmx-cdn.com/files/landing/59/_next/static/media/promoGoBack-active.13e5414d.webp);
}
@media(min-width: 600px)
{
    .promocode__prePromoCodeText
    {
        font-size: 16px;
    }
    .promocode__prePromoCodeIcon
    {
        width: 20px;
        height: 20px;
    }
    .goBackIcon
    {
        width: 25px;
        height: 25px;
    }
}
.mobile
{
    z-index: 9;
}
.mobile .react-tel-input .form-control
{
    padding-left: 65px;
    font-size: 16px;
    border-radius: 50px;
    z-index: 8;
    background: none;
    border: 2px solid #3b3b3b;
    max-width: 100%;
}
.mobile .react-tel-input .form-control.open
{
    background: transparent;
}
.mobile .react-tel-input .selected-flag
{
    top: 0;
    left: 15px;
    background: transparent;
}
.mobile .react-tel-input .selected-flag .arrow
{
    height: 8px;
    width: 11px;
    left: 26px;
    top: 4px;
    background-image: url(../../willbetgambling/image/arrow-down_green.e298b1ca.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    border: none!important;
}
.mobile .react-tel-input .flag-dropdown
{
    left: 0;
}
.mobile .react-tel-input .flag-dropdown.open
{
    position: absolute;
}
.mobile .react-tel-input .flag-dropdown.open .selected-flag
{
    top: 0;
    z-index: 2;
}
.mobile .react-tel-input .flag-dropdown.open .selected-flag .arrow
{
    transform: rotate(180deg);
}
.mobile .react-tel-input .flag-dropdown.open .country-list
{
    position: relative;
    max-height: 270px;
    margin-bottom: 0;
    padding-left: 13px;
    border-top: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: none;
}
.mobile .react-tel-input .flag-dropdown.open .country-list::-webkit-scrollbar
{
    width: 6px;
}
.mobile .react-tel-input .flag-dropdown.open .country-list::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    background-color: #ffba00;
}
.mobile .react-tel-input .flag-dropdown.open .country-list::-webkit-scrollbar-track
{
    border-radius: 10px;
    background-color: #dcdcdc;
}
.mobile .react-tel-input .flag-dropdown.open .country-list:before
{
    position: fixed;
    content: "";
    top: -11px;
    left: 0;
    width: 298px;
    height: 40px;
    border-radius: 50px;
    background-color: #fff;
}
.mobile .react-tel-input .country-list
{
    top: -10px;
    left: 1px;
    margin-top: 0;
    padding: 27px 20px 15px;
    background-color: #232323;
    border: 1px solid hsla(0,0%,100%,.122);
}
.mobile .react-tel-input .country-list .divider
{
    max-width: 94%;
    margin: 0 auto 5px;
    padding-bottom: 0;
}
.mobile .react-tel-input .country-list li
{
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 18px;
    font-weight: 100;
    color: #fff;
}
.mobile .react-tel-input .country-list li .dial-code, .mobile .react-tel-input .country-list li.country .dial-code
{
    color: #fff;
}
.mobile .react-tel-input .country-list li.country .country-name
{
    margin-left: 5px;
}
.mobile .react-tel-input .country-list li.country.highlight, .mobile .react-tel-input .country-list li.country:hover
{
    color: #ffba00;
    background: transparent;
}
.mobile .form__labelText
{
    z-index: 9!important;
}
.mobile .button
{
    left: 10px;
    top: 50%!important;
    transform: translateY(-50%);
    background: transparent!important;
    border: none!important;
    z-index: 9;
}
@media(min-width: 600px)
{
    .mobile .react-tel-input .form-control
    {
        width: 416px;
    }
    .mobile .react-tel-input .flag-dropdown.open .country-list
    {
        max-height: 267px;
        width: 416px;
    }
    .mobile .react-tel-input .flag-dropdown.open .country-list:before
    {
        top: -13px;
        width: 414px;
        height: 50px;
    }
    .mobile .react-tel-input .country-list
    {
        padding-top: 30px;
    }
    .mobile .react-tel-input .country-list li
    {
        font-size: 14px;
        line-height: 17.3px;
    }
}
.bonus-popup
{
    height: 570px;
}
.bonus-footer--absolute
{
    position: absolute;
    top: 570px;
    left: 0;
    width: 100%;
}
@media(min-width: 600px)
{
    .bonus-popup
    {
        height: 700px;
    }
    .bonus-header-box__image
    {
        width: 65%;
    }
    .bonus-footer--absolute
    {
        top: 700px;
    }
}
@media(min-width: 750px)
{
    .bonus-popup
    {
        height: 100%;
    }
    .bonus-footer--absolute
    {
        position: static;
        top: unset;
        left: unset;
    }
}
@media(min-width: 1250px)
{
    .bonus-container
    {
        padding-bottom: 60px;
    }
}