body,
html {
    font-family: var(--e-global-typography-primary-font-family);
    overflow-x: hidden
}

a:hover {
    text-decoration: none !important
}

.elementor-post__title:hover a {
    color: var(--e-global-color-accent) !important;
    text-shadow: 0 2px 10px var(--e-global-color-accent)
}

#menu-primary-1 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

.ic-menu {
    margin-right: 5px
}

.-title .elementor-heading-title {
    background: -webkit-linear-gradient(124deg, var(--e-global-color-secondary) 0, var(--e-global-color-primary) 45%, var(--e-global-color-secondary) 100%);
    background: -o-linear-gradient(124deg, var(--e-global-color-secondary) 0, var(--e-global-color-primary) 45%, var(--e-global-color-secondary) 100%);
    background: linear-gradient(326deg, var(--e-global-color-secondary) 0, var(--e-global-color-primary) 45%, var(--e-global-color-secondary) 100%);
    padding: .5rem 1.25rem !important;
    text-align: center;
    border-bottom: 1px solid var(--e-global-color-primary);
    border-bottom: 1px solid var(--e-global-color-primary);
    border-style: solid;
    border-width: 2px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    -webkit-border-image: -webkit-gradient(linear, left top, right top, color-stop(4.17%, rgba(203, 117, 255, 0)), color-stop(50.52%, var(--e-global-color-accent)), to(rgba(203, 117, 255, 0))) 1;
    -webkit-border-image: -webkit-linear-gradient(left, rgba(203, 117, 255, 0) 4.17%, var(--e-global-color-accent) 50.52%, rgba(203, 117, 255, 0) 100%) 1;
    -o-border-image: -o-linear-gradient(left, rgba(203, 117, 255, 0) 4.17%, var(--e-global-color-accent) 50.52%, rgba(203, 117, 255, 0) 100%) 1;
    border-image: -webkit-gradient(linear, left top, right top, color-stop(4.17%, rgba(203, 117, 255, 0)), color-stop(50.52%, var(--e-global-color-accent)), to(rgba(203, 117, 255, 0))) 1;
    border-image: linear-gradient(90deg, rgba(203, 117, 255, 0) 4.17%, var(--e-global-color-accent) 50.52%, rgba(203, 117, 255, 0) 100%) 1
}

h2,
h3,
h4,
h5,
h6 {
    padding-left: 15px !important;
    border-left: 4px solid var(--e-global-color-secondary)
}

.btn-1 a {
    color: #eeeeee;
    background: linear-gradient(180deg, #ff6900 0%, #cf2e2e 100%);
    border-color: #ff6900;
    border-radius: 29px;
    -webkit-border-radius: 29px;
    -moz-border-radius: 29px;
    -ms-border-radius: 29px;
    -o-border-radius: 29px;
    box-shadow: 1px 1px 3px 1px rgba(247, 8, 8, 0.69)
}

.btn-1 a:hover {
    color: #eeeeee;
    background: linear-gradient(180deg, #cf2e2e 100%), #ff6900 0%,;
    border-color: #ff6900;
    box-shadow: 1px 1px 3px 1px rgba(247, 8, 8, 0.69)
}

.btn-2 a {
    color: #eeeeee;
    font-size: none;
    background: linear-gradient(180deg, #5ad739 0%, #31f300 100%);
    border-color: #2ecd05;
    border-radius: 29px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 29px;
    -ms-border-radius: 29px;
    -o-border-radius: 29px;
    box-shadow: -1px 1px 10px 3px rgba(49, 243, 0, 0.65)
}

.btn-2 a:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.btn-3 a {
    color: #eeeeee;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    background: linear-gradient(180deg, #ff6900 0%, #cf2e2e 100%);
    border-color: #ff6900;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-shadow: 1px 1px 3px 1px rgba(247, 8, 8, 0.69);
}

.btn-4 a {
    color: #FFF;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    background: linear-gradient(0deg,#77ff00 5%,#06b37f 100%);
    border: 1px solid transparent;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.form .form-control {
    border: 0;
    color: #000 !important;
    background: #fff;
    border: 1px solid #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.form .form-control:focus {
    color: #fff !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background: var(--e-global-color-primary);
    border: 1px solid;
    border-color: var(--e-global-color-accent)
}

.form .input-group-text {
    width: 42px;
    background: -webkit-linear-gradient(45deg, var(--e-global-color-primary) 0, var(--e-global-color-accent) 100%);
    background: -o-linear-gradient(45deg, var(--e-global-color-primary) 0, var(--e-global-color-accent) 100%);
    background: linear-gradient(45deg, var(--e-global-color-primary) 0, var(--e-global-color-accent) 100%);
    border: transparent !important
}

.-hover {
    -webkit-transition: -webkit-filter 1s;
    transition: -webkit-filter 1s;
    -o-transition: filter 1s;
    transition: filter 1s;
    transition: filter 1s, -webkit-filter 1s
}

.-hover:hover {
    -webkit-filter: drop-shadow(1px 1px 15px var(--e-global-color-accent)) !important;
    filter: drop-shadow(1px 1px 15px var(--e-global-color-accent)) !important
}

.-hover.gray:hover {
    -webkit-filter: drop-shadow(1px 1px 15px #bbb) !important;
    filter: drop-shadow(1px 1px 15px #bbb) !important
}

.-fade {
    position: relative
}

.-fade:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 150px;
    left: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(black), to(transparent));
    background: -webkit-linear-gradient(bottom, #000, transparent);
    background: -o-linear-gradient(bottom, #000, transparent);
    background: linear-gradient(0deg, #000, transparent)
}

.float-animation {
    -webkit-animation: x-floating 6s ease-in-out infinite;
    animation: x-floating 6s ease-in-out infinite
}

.btn-login {
    color: #fff !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#0ef116), color-stop(64%, #038307));
    background: -webkit-linear-gradient(top, #0ef116 0, #038307 64%);
    background: -o-linear-gradient(top, #0ef116 0, #038307 64%);
    background: linear-gradient(180deg, #0ef116 0, #038307 64%)
}

.bg-accent {
    border: 1px solid var(--e-global-color-accent) !important;
    background: var(--e-global-color-primary);
    background: -webkit-gradient(linear, left top, left bottom, from(var(--e-global-color-primary)), to(var(--e-global-color-secondary))) !important;
    background: -webkit-linear-gradient(top, var(--e-global-color-primary), var(--e-global-color-secondary)) !important;
    background: -o-linear-gradient(top, var(--e-global-color-primary), var(--e-global-color-secondary)) !important;
    background: linear-gradient(180deg, var(--e-global-color-primary), var(--e-global-color-secondary)) !important;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.bg-accent:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--e-global-color-primary)), to(var(--e-global-color-secondary))) !important;
    background: -webkit-linear-gradient(top, var(--e-global-color-primary), var(--e-global-color-secondary)) !important;
    background: -o-linear-gradient(top, var(--e-global-color-primary), var(--e-global-color-secondary)) !important;
    background: linear-gradient(180deg, var(--e-global-color-primary), var(--e-global-color-secondary)) !important
}

.bg-gray {
    border: 1px solid #fff !important;
    background: var(--e-global-color-primary);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #999), color-stop(10%, #bbb), color-stop(50%, #fff7f9), color-stop(94%, #fff)) !important;
    background: -webkit-linear-gradient(bottom, #999 0, #bbb 10%, #fff7f9 50%, #fff 94%) !important;
    background: -o-linear-gradient(bottom, #999 0, #bbb 10%, #fff7f9 50%, #fff 94%) !important;
    background: linear-gradient(0deg, #999 0, #bbb 10%, #fff7f9 50%, #fff 94%) !important;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.bg-gray:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #999), color-stop(10%, #bbb), color-stop(50%, #fff7f9), color-stop(94%, #fff)) !important;
    background: -webkit-linear-gradient(top, #999 0, #bbb 10%, #fff7f9 50%, #fff 94%) !important;
    background: -o-linear-gradient(top, #999 0, #bbb 10%, #fff7f9 50%, #fff 94%) !important;
    background: linear-gradient(180deg, #999 0, #bbb 10%, #fff7f9 50%, #fff 94%) !important
}

.-accent {
    background: #fff;
    background: -webkit-gradient(linear, left bottom, left top, from(var(--e-global-color-primary)), color-stop(50%, var(--e-global-color-accent)), color-stop(94%, var(--e-global-color-accent)));
    background: -webkit-linear-gradient(bottom, var(--e-global-color-primary) 0, var(--e-global-color-accent) 50%, var(--e-global-color-accent) 94%);
    background: -o-linear-gradient(bottom, var(--e-global-color-primary) 0, var(--e-global-color-accent) 50%, var(--e-global-color-accent) 94%);
    background: linear-gradient(0deg, var(--e-global-color-primary) 0, var(--e-global-color-accent) 50%, var(--e-global-color-accent) 94%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.-gold {
    background: #fff;
    background: -webkit-gradient(linear, left bottom, left top, from(#6b4d02), color-stop(50%, #ebb429), color-stop(94%, #fce09b));
    background: -webkit-linear-gradient(bottom, #6b4d02 0, #ebb429 50%, #fce09b 94%);
    background: -o-linear-gradient(bottom, #6b4d02 0, #ebb429 50%, #fce09b 94%);
    background: linear-gradient(0deg, #6b4d02 0, #ebb429 50%, #fce09b 94%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.-gray {
    background: #fff;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #999), color-stop(10%, #bbb), color-stop(50%, #fff7f9), color-stop(94%, #fff));
    background: -webkit-linear-gradient(bottom, #999 0, #bbb 10%, #fff7f9 50%, #fff 94%);
    background: -o-linear-gradient(bottom, #999 0, #bbb 10%, #fff7f9 50%, #fff 94%);
    background: linear-gradient(0deg, #999 0, #bbb 10%, #fff7f9 50%, #fff 94%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.x-hr {
    margin: 0;
    border: none;
    position: relative
}

.x-hr.-bg {
    width: 100%;
    height: 3px;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, transparent), color-stop(50%, var(--e-global-color-primary)), color-stop(90%, transparent));
    background: -webkit-linear-gradient(left, transparent 10%, var(--e-global-color-primary) 50%, transparent 90%);
    background: -o-linear-gradient(left, transparent 10%, var(--e-global-color-primary) 50%, transparent 90%);
    background: linear-gradient(90deg, transparent 10%, var(--e-global-color-primary) 50%, transparent 90%)
}

.x-hr.-title:after {
    content: "";
    display: block;
    position: absolute;
    width: 35%;
    left: 50%;
    -webkit-transform: translate(-50%, 5px);
    -ms-transform: translate(-50%, 5px);
    transform: translate(-50%, 5px);
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, transparent), color-stop(50%, var(--e-global-color-primary)), color-stop(90%, transparent));
    background: -webkit-linear-gradient(left, transparent 10%, var(--e-global-color-primary) 50%, transparent 90%);
    background: -o-linear-gradient(left, transparent 10%, var(--e-global-color-primary) 50%, transparent 90%);
    background: linear-gradient(90deg, transparent 10%, var(--e-global-color-primary) 50%, transparent 90%)
}

.x-hr.gray:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, color-stop(4.17%, rgba(203, 117, 255, 0)), color-stop(50.52%, #fff), to(rgba(203, 117, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(203, 117, 255, 0) 4.17%, #fff 50.52%, rgba(203, 117, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(203, 117, 255, 0) 4.17%, #fff 50.52%, rgba(203, 117, 255, 0) 100%);
    background: linear-gradient(90deg, rgba(203, 117, 255, 0) 4.17%, #fff 50.52%, rgba(203, 117, 255, 0) 100%)
}

.x-hr.gray:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, color-stop(4.17%, rgba(203, 117, 255, 0)), color-stop(50.52%, #fff), to(rgba(203, 117, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(203, 117, 255, 0) 4.17%, #fff 50.52%, rgba(203, 117, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(203, 117, 255, 0) 4.17%, #fff 50.52%, rgba(203, 117, 255, 0) 100%);
    background: linear-gradient(90deg, rgba(203, 117, 255, 0) 4.17%, #fff 50.52%, rgba(203, 117, 255, 0) 100%)
}

.x-hr.-top:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, transparent), color-stop(50%, var(--e-global-color-primary)), color-stop(90%, transparent));
    background: -webkit-linear-gradient(left, transparent 10%, var(--e-global-color-primary) 50%, transparent 90%);
    background: -o-linear-gradient(left, transparent 10%, var(--e-global-color-primary) 50%, transparent 90%);
    background: linear-gradient(90deg, transparent 10%, var(--e-global-color-primary) 50%, transparent 90%)
}

.x-hr.-bottom:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(var(--e-global-color-primary)), to(transparent));
    background: -webkit-linear-gradient(left, transparent, var(--e-global-color-primary), transparent);
    background: -o-linear-gradient(left, transparent, var(--e-global-color-primary), transparent);
    background: linear-gradient(90deg, transparent, var(--e-global-color-primary), transparent)
}

.x-hr.-right:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(var(--e-global-color-primary)), to(transparent));
    background: -webkit-linear-gradient(top, transparent, var(--e-global-color-primary), transparent);
    background: -o-linear-gradient(top, transparent, var(--e-global-color-primary), transparent);
    background: linear-gradient(180deg, transparent, var(--e-global-color-primary), transparent)
}

.x-hr.-left:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 35%;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(var(--e-global-color-primary)), to(transparent));
    background: -webkit-linear-gradient(left, transparent, var(--e-global-color-primary), transparent);
    background: -o-linear-gradient(left, transparent, var(--e-global-color-primary), transparent);
    background: linear-gradient(90deg, transparent, var(--e-global-color-primary), transparent)
}

@-webkit-keyframes x-shimmer {
    0% {
        background-position: -200px top
    }

    to {
        background-position: 200px top
    }
}

@keyframes x-shimmer {
    0% {
        background-position: -200px top
    }

    to {
        background-position: 200px top
    }
}

@-webkit-keyframes x-shimmer-short {
    0% {
        background-position: -100px top
    }

    to {
        background-position: 100px top
    }
}

@keyframes x-shimmer-short {
    0% {
        background-position: -100px top
    }

    to {
        background-position: 100px top
    }
}

@-webkit-keyframes x-jello-horizontal {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    5% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    7.5% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    10% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    15% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    20% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    25%,
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes x-jello-horizontal {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    5% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    7.5% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    10% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    15% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    20% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    25%,
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes x-default-button-sonar {
    0% {
        opacity: .3;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }

    40% {
        opacity: .5
    }

    to {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(1.3);
        transform: translate(-50%, -50%) scale(1.3)
    }
}

@keyframes x-default-button-sonar {
    0% {
        opacity: .3;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }

    40% {
        opacity: .5
    }

    to {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(1.3);
        transform: translate(-50%, -50%) scale(1.3)
    }
}

@-webkit-keyframes x-opacity-glow-fading-up {
    0% {
        opacity: .2
    }

    to {
        opacity: 1
    }
}

@keyframes x-opacity-glow-fading-up {
    0% {
        opacity: .2
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes x-floating {
    0% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0)
    }

    50% {
        -webkit-transform: translateY(-30px) rotate(-1deg);
        transform: translateY(-30px) rotate(-1deg)
    }

    to {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0)
    }
}

@keyframes x-floating {
    0% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0)
    }

    50% {
        -webkit-transform: translateY(-30px) rotate(-1deg);
        transform: translateY(-30px) rotate(-1deg)
    }

    to {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0)
    }
}

::-webkit-scrollbar {
    width: 5px;
    background: #333
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--e-global-color-primary)
}

@media (min-width:1025px) {
    .-list-game.ee-grid-columns-6 .ee-grid__item {
        width: calc(100% / 8) !important
    }
}