﻿.basicpage .xf-content-height
{
    min-height: 0;
}
.header-bar-live-cmp.edit-mode
{
    height: 75pt;
}
.header-bar-live-cmp .header-bar-container
{
    align-items: center;
    color: #fff;
    display: flex;
    flex-flow: column;
    justify-content: center;
    left: 50%;
    max-width: 120rem;
    position: absolute;
    text-align: center;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    z-index: 2;
}
@media only screen and (max-width: 500px)
{
    .header-bar-live-cmp .header-bar-container
    {
        justify-content: flex-start;
        max-width: 100%;
        top: 0;
    }
}
@media screen and (min-width: 532px)
{
    .header-bar-live-cmp .header-bar-container.align-logo
    {
        max-width: none!important;
    }
    .header-bar-live-cmp .header-bar-container.align-logo .header-bar-container__row
    {
        padding: 10px 15% 0;
    }
}
.header-bar-live-cmp .header-bar-container__row
{
    align-items: center;
    display: flex;
    height: 75pt;
    justify-content: space-between;
    padding: 10px 15px 0;
    width: 100%;
}
@media only screen and (max-width: 1024px)
{
    .header-bar-live-cmp .header-bar-container__row
    {
        height: 75px;
    }
}
@media only screen and (max-width: 768px)
{
    .header-bar-live-cmp .header-bar-container__row
    {
        height: 60px;
    }
}
.header-bar-live-cmp .header-bar-container__row .cta-wrapper
{
    margin-left: auto;
    z-index: 100;
}
.header-bar-live-cmp .header-bar-container__row .cta-wrapper .cta-primary-v3 a
{
    background-color: #171717;
    border-color: #7df700;
    color: #7df700;
}
.header-bar-live-cmp .header-bar-container__row .cta-wrapper .cta-primary-v3 a:hover
{
    background-color: #7df700;
    border-color: #7df700;
    color: #171717;
}
.header-bar-live-cmp .header-bar-container__row .cta-wrapper a
{
    line-height: 2.5;
    padding: 0 1.2em;
}
@media only screen and (max-width: 640px)
{
    .header-bar-live-cmp .header-bar-container__row .cta-wrapper a
    {
        font-size: 9px;
        min-height: 25px;
        min-width: 4pc;
        padding: 0 5px;
    }
}
.header-bar-live-cmp .header-bar-container__row .logo-wrapper
{
    height: 100%;
}
.header-bar-live-cmp .header-bar-container__row .logo-wrapper .logo-wrapper_container
{
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}
@media screen and (min-width: 480px)
{
    .header-bar-live-cmp .header-bar-container__row .logo-wrapper .logo-wrapper_container
    {
        gap: 20px;
    }
}
.header-bar-live-cmp .header-bar-container__row .logo-wrapper .logo-wrapper_container a
{
    height: 100%;
    text-decoration: none;
}
.header-bar-live-cmp .header-bar-container__row .logo-wrapper .logo-wrapper_container a img
{
    cursor: pointer;
}
.header-bar-live-cmp .header-bar-container__row .logo-wrapper .logo-wrapper_container a.regulation-logo
{
    align-self: center;
    height: auto;
    position: relative;
}
.header-bar-live-cmp .header-bar-container__row .logo-wrapper .logo-wrapper_container a.regulation-logo img
{
    height: 50px;
    margin-right: 15px;
    padding: 0 10px;
}
@media screen and (max-width: 480px)
{
    .header-bar-live-cmp .header-bar-container__row .logo-wrapper .logo-wrapper_container a.regulation-logo img
    {
        height: 25px;
        margin-right: 0;
    }
}
@media screen and (max-width: 768px)
{
    .header-bar-live-cmp .header-bar-container__row .logo-wrapper .logo-wrapper_container a.regulation-logo img
    {
        height: 30px;
        margin-right: 5px;
    }
}
.header-bar-live-cmp .header-bar-container__row .logo-wrapper .logo-wrapper_container a.regulation-logo.smallNoDivider
{
    height: 27px;
}
@media screen and (max-width: 420px)
{
    .header-bar-live-cmp .header-bar-container__row .logo-wrapper .logo-wrapper_container a.regulation-logo.smallNoDivider
    {
        height: 15px;
    }
}
.header-bar-live-cmp .header-bar-container__row .logo-wrapper .logo-wrapper_container a.regulation-logo.smallNoDivider:not(:last-child):after
{
    content: none;
}
.header-bar-live-cmp .header-bar-container__row .logo-wrapper .logo-wrapper_container a.regulation-logo:not(:last-child):after
{
    background-color: #fff;
    content: "";
    height: 45px;
    position: absolute;
    right: 0;
    top: 4px;
    width: 1px;
}
@media screen and (max-width: 480px)
{
    .header-bar-live-cmp .header-bar-container__row .logo-wrapper .logo-wrapper_container a.regulation-logo:not(:last-child):after
    {
        height: 22px;
    }
}
@media screen and (max-width: 768px)
{
    .header-bar-live-cmp .header-bar-container__row .logo-wrapper .logo-wrapper_container a.regulation-logo:not(:last-child):after
    {
        height: 28px;
    }
}
@media screen and (min-width: 640px)
{
    .header-bar-live-cmp .header-bar-container__row .logo-wrapper .logo-wrapper_container img.logo-small
    {
        max-height: 70px;
    }
}
@media screen and (max-width: 480px)
{
    .header-bar-live-cmp .header-bar-container__row .logo-wrapper .logo-wrapper_container img.logo-small
    {
        max-height: 40px;
    }
}
@media screen and (max-width: 375px)
{
    .header-bar-live-cmp .header-bar-container__row .logo-wrapper .logo-wrapper_container img.mobile-small-main-logos
    {
        max-height: 30px;
    }
}
.header-bar-live-cmp .header-bar-container__row .logo-wrapper .logo-wrapper_container img
{
    cursor: default;
    height: 100%;
    max-height: 100%;
    text-decoration: none;
    width: auto;
}
@media screen and (min-width: 321px)
{
    .header-bar-live-cmp .header-bar-container.center-logo .header-bar-container__row
    {
        justify-content: center;
        padding: 24px 15px 0;
    }
    .header-bar-live-cmp .header-bar-container.center-logo .header-bar-container__row .cta-wrapper
    {
        position: absolute;
        right: 15px;
    }
}
@media screen and (max-width: 390px)
{
    .header-bar-live-cmp .header-bar-container .mobile-small-logos
    {
        padding: 10px 0 0;
    }
    .header-bar-live-cmp .header-bar-container .mobile-small-logos .logo-wrapper .logo-wrapper_container a
    {
        align-items: center;
        display: flex;
    }
}
@media screen and (max-width: 425px)
{
    .header-bar-live-cmp .header-bar-container .mobile-small-logos .logo-wrapper .logo-wrapper_container .regulation-logo img
    {
        margin-right: 0;
        padding: 0 5px;
    }
}
@media screen and (max-width: 390px)
{
    .header-bar-live-cmp .header-bar-container .mobile-small-logos .logo-wrapper .logo-wrapper_container .regulation-logo img
    {
        max-height: 25px;
    }
}
@media screen and (max-width: 390px)
{
    .header-bar-live-cmp .header-bar-container .mobile-small-logos .logo-wrapper .logo-wrapper_container .regulation-logo:not(:last-child):after
    {
        height: 20px;
    }
}
.fadeInAnimate
{
    animation: fadeIn 2s;
}
@keyframes fadeIn
{
    0%
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
.cta-template a
{
    word-wrap: break-word;
    border-radius: 5rem;
    cursor: pointer;
    display: flex;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .05em;
    line-height: 1;
    min-width: 10pc;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: all;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    word-break: break-word;
}
.cta-template.cta-primary a
{
    background: #7ff800;
    border: 2px solid #7ff800;
    color: #000;
    font-size: 1.5rem;
    text-decoration: none;
}
.cta-template.cta-primary a:focus, .cta-template.cta-primary a:hover
{
    background: #000;
    color: #7ff800;
}
@media(hover: hover)
{
    .cta-template.cta-primary a:focus, .cta-template.cta-primary a:hover
    {
        background: #000;
        color: #7ff800;
    }
}
.cta-template.cta-primary-v2 a
{
    background: #000;
    border: 2px solid #7ff800;
    color: #7ff800;
    font-size: 1.5rem;
    text-decoration: none;
}
.cta-template.cta-primary-v2 a:focus, .cta-template.cta-primary-v2 a:hover
{
    background: #7ff800;
    color: #000;
}
@media(hover: hover)
{
    .cta-template.cta-primary-v2 a:focus, .cta-template.cta-primary-v2 a:hover
    {
        background: #7ff800;
        color: #000;
    }
}
.cta-template.cta-primary-v3 a
{
    background: #212121;
    border: 2px solid #7ff800;
    color: #7ff800;
    font-size: 1.5rem;
    text-decoration: none;
}
.cta-template.cta-primary-v3 a:focus, .cta-template.cta-primary-v3 a:hover
{
    background: #7ff800;
    color: #000;
}
@media(hover: hover)
{
    .cta-template.cta-primary-v3 a:focus, .cta-template.cta-primary-v3 a:hover
    {
        background: #7ff800;
        color: #000;
    }
}
.cta-template.cta-secondary a
{
    background: #fce403;
    border: 2px solid #fce403;
    color: #000;
    font-size: 1.5rem;
    text-decoration: none;
}
.cta-template.cta-secondary a:focus, .cta-template.cta-secondary a:hover
{
    background: #000;
    color: #fce403;
}
@media(hover: hover)
{
    .cta-template.cta-secondary a:focus, .cta-template.cta-secondary a:hover
    {
        background: #000;
        color: #fce403;
    }
}
.cta-template.cta-outline a
{
    background: #212121;
    border: 2px solid #7ff800;
    color: #7ff800;
    font-size: 1.5rem;
    text-decoration: none;
}
.cta-template.cta-outline a:focus, .cta-template.cta-outline a:hover
{
    background: #4c4c4c;
    color: #7ff800;
}
@media(hover: hover)
{
    .cta-template.cta-outline a:focus, .cta-template.cta-outline a:hover
    {
        background: #4c4c4c;
        color: #7ff800;
    }
}
.cta-template.cta-secondary-variant-1 a
{
    background: #fce403;
    border: 2px solid #fded59;
    color: #000;
    font-size: 1.5rem;
    text-decoration: none;
}
.cta-template.cta-secondary-variant-1 a:focus, .cta-template.cta-secondary-variant-1 a:hover
{
    background: #fded59;
    color: #000;
}
@media(hover: hover)
{
    .cta-template.cta-secondary-variant-1 a:focus, .cta-template.cta-secondary-variant-1 a:hover
    {
        background: #fded59;
        color: #000;
    }
}
.cta-template.cta-secondary-variant-2 a
{
    background: #fce403;
    border: 2px solid #fce403;
    color: #000;
    font-size: 1.6rem;
    text-decoration: none;
}
.cta-template.cta-secondary-variant-2 a:focus, .cta-template.cta-secondary-variant-2 a:hover
{
    background: #81fe00;
    color: #000;
}
@media(hover: hover)
{
    .cta-template.cta-secondary-variant-2 a:focus, .cta-template.cta-secondary-variant-2 a:hover
    {
        background: #81fe00;
        color: #000;
    }
}
.cta-template.cta-secondary-variant-2:hover
{
    transform: scale(1.05);
    transition: all .2s ease-in-out;
}
.cta-template.cta-secondary-variant-3 a
{
    background: #fc6200;
    border: 2px solid #fc6200;
    color: #fff;
    font-size: 1.5rem;
    text-decoration: none;
}
.cta-template.cta-secondary-variant-3 a:focus, .cta-template.cta-secondary-variant-3 a:hover
{
    background: #000;
    color: #fc6200;
}
@media(hover: hover)
{
    .cta-template.cta-secondary-variant-3 a:focus, .cta-template.cta-secondary-variant-3 a:hover
    {
        background: #000;
        color: #fc6200;
    }
}
.cta-template.cta-secondary-variant-4 a
{
    background: #007cf7;
    border: 2px solid #007cf7;
    color: #fff;
    font-size: 1.5rem;
    text-decoration: none;
}
.cta-template.cta-secondary-variant-4 a:focus, .cta-template.cta-secondary-variant-4 a:hover
{
    background: #fff;
    color: #007cf7;
}
@media(hover: hover)
{
    .cta-template.cta-secondary-variant-4 a:focus, .cta-template.cta-secondary-variant-4 a:hover
    {
        background: #fff;
        color: #007cf7;
    }
}
.cta-template.cta-simple a
{
    background: #0b0b0b;
    border: 2px solid #686767;
    color: #fff;
    font-size: 1.5rem;
    text-decoration: none;
}
.cta-template.cta-simple a:focus, .cta-template.cta-simple a:hover
{
    background: #0b0b0b;
    color: #fff;
}
@media(hover: hover)
{
    .cta-template.cta-simple a:focus, .cta-template.cta-simple a:hover
    {
        background: #0b0b0b;
        color: #fff;
    }
}
.cta-template.cta-simple a
{
    line-height: 1.5;
    min-width: fit-content;
}
.cta-template.cta-gold a
{
    background: #181b20;
    border: 2px solid #aa9a4c;
    color: #aa9a4c;
    font-size: 1.1rem;
    text-decoration: none;
}
.cta-template.cta-gold a:focus, .cta-template.cta-gold a:hover
{
    background: #aa9a4c;
    color: #181b20;
}
@media(hover: hover)
{
    .cta-template.cta-gold a:focus, .cta-template.cta-gold a:hover
    {
        background: #aa9a4c;
        color: #181b20;
    }
}
.cta-template.cta-gold a
{
    line-height: 2.15;
}
.cta-template.cta-silver a
{
    background: #14171c;
    border: 2px solid #94979c;
    color: #94979c;
    font-size: 1.1rem;
    text-decoration: none;
}
.cta-template.cta-silver a:focus, .cta-template.cta-silver a:hover
{
    background: #94979c;
    color: #14171c;
}
@media(hover: hover)
{
    .cta-template.cta-silver a:focus, .cta-template.cta-silver a:hover
    {
        background: #94979c;
        color: #14171c;
    }
}
.cta-template.cta-silver a
{
    line-height: 2.15;
}
.cta-template.cta-glow a
{
    background: #fce403;
    border: 2px solid #fce403;
    color: #000;
    font-size: 1.44rem;
    text-decoration: none;
}
.cta-template.cta-glow a:focus, .cta-template.cta-glow a:hover
{
    background: #000;
    color: #fce403;
}
@media(hover: hover)
{
    .cta-template.cta-glow a:focus, .cta-template.cta-glow a:hover
    {
        background: #000;
        color: #fce403;
    }
}
.cta-template.cta-glow a
{
    animation: glowing .9s infinite alternate;
}
.cta-template.cta-animated-color a
{
    background: #fce403;
    border: 2px solid #fce403;
    color: #000;
    font-size: 1.6rem;
    text-decoration: none;
}
.cta-template.cta-animated-color a:focus, .cta-template.cta-animated-color a:hover
{
    background: #000;
    color: #fce403;
}
@media(hover: hover)
{
    .cta-template.cta-animated-color a:focus, .cta-template.cta-animated-color a:hover
    {
        background: #000;
        color: #fce403;
    }
}
.cta-template.cta-animated-color a
{
    animation: color-rotation 3s linear infinite;
    animation-delay: .3s;
}
.cta-padding-small, .cta-template.cta-simple a
{
    padding: .4rem 1.6rem;
}
.cta-padding-default, .cta-template.cta-animated-color a, .cta-template.cta-glow a, .cta-template.cta-gold a, .cta-template.cta-outline a, .cta-template.cta-primary a, .cta-template.cta-primary-v2 a, .cta-template.cta-primary-v3 a, .cta-template.cta-secondary a, .cta-template.cta-secondary-variant-1 a, .cta-template.cta-secondary-variant-2 a, .cta-template.cta-secondary-variant-3 a, .cta-template.cta-secondary-variant-4 a, .cta-template.cta-silver a
{
    padding: .8rem 4rem;
}
@keyframes glowing
{
    to
    {
        box-shadow: 0 0 20px 5px #fce403;
    }
}
@keyframes color-rotation
{
    0%
    {
        filter: hue-rotate(0deg);
    }
    50%
    {
        filter: hue-rotate(25deg);
    }
}
.cta-template.cta-wide-size a
{
    line-height: 1.5;
    min-width: 290px;
    padding: .9rem 0;
}
.cta-template.cta-medium-size a
{
    line-height: 1.5;
    max-width: 290px;
    min-width: 10pc;
    padding: .9rem 0;
}
.cta-template.cta-medium-size a span
{
    margin: 0 20px;
}
.cta-template.cta-fullwidth-size, .cta-template.cta-fullwidth-size a
{
    font-size: 2.3rem;
    line-height: 2;
    width: 100%;
}