html {
    background-color: #000000 !important;
}

body {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    /* background-image: linear-gradient(to bottom, #141620, #000000); */
}

.small,
small {
    font-size: 60%;
    font-weight: 400;
}

a {
    text-decoration: none !important;
    color: inherit !important;
}

a:hover {
    color: inherit !important;
}

.blur-content {
    filter: blur(50);
}

.no-border {
    border: 0px solid;
}

.margin {
    margin-bottom: 2em;
    margin-top: 6.5em;
}

.mt-4 {
    margin-top: 30px !important;
}

.bg-dark {
    background-color: #00000033 !important;
    backdrop-filter: blur(25px);
}

.bg-dark-transparent {
    background-color: #00000033 !important;
    backdrop-filter: blur(25px);

}

.bg-success {
    color: white;
}

.bg-danger {
    color: white;
}


.bg-landing-casino {
    /* 
    background-image: url(/img/gambex_city.png); */
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 4em;
    padding-bottom: 6em;
}

.bg-landing-casino h7 {
    font-size: 6em;
    font-weight: 800;
    filter: drop-shadow(8px 8px 0px #000);
}

.bg-landing-casino h3 {
    filter: drop-shadow(2px 3px 0px #000);
}


.landing-margin {
    margin-top: -1040px;
}

.switch-chain {
    background: #0000004d;
    backdrop-filter: blur(35px);
    padding: 1em;
    border-radius: 5em;
    padding-left: 2em;
}

.switch-chain-icon-active img {
    opacity: 1 !important;
}

.switch-chain-icon img {
    height: 25px;
    margin-right: 20px;
    opacity: .25;
}

.switch-chain-icon:hover img {
    opacity: 1;
}

.dark-link {

    color: black !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

.dark-link:hover {

    color: black !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

.hero-landing {
    margin-top: 6em;
}

.hero-landing h1 {
    margin-top: 1em;
}

.hero-landing h2 {
    font-weight: 200;
}

h1 {
    font-weight: 800;
    font-size: 3em;
}

h2 {

    font-weight: 300;
}

.big-title h1 {
    font-size: 4em;
}

.no-padding {
    padding: 0px !important;
}

.metabox {
    padding: 1.8em;
    border-radius: 1em;
    background: #0c0f1582;
    /* box-shadow:  20px 20px 60px #c3beae,
             -20px -20px 60px #ffffec; */
    margin-top: 2em;
}


.metabox h1 {
    font-weight: 800;
    font-size: 1.4em;
}

.metabox h2 {
    font-weight: 500;
    font-size: 1.4em;
}

.metabox h3 {
    font-weight: 300;
    font-size: 1.3em;
}

.meta-icon {
    height: 120px;
    margin-bottom: 1.5em;
    border-radius: 10em;

}

.img-round {
    border-radius: 50em;
}

.img-round-corner {
    border-radius: 1em;
}

.radius-1-8 {
    border-radius: 1.8em;
}

.radius-2 {
    border-radius: 2em;
}

.all-caps {
    text-transform: uppercase;
}





.form-control-CTO {
    border-radius: 2em;
    font-size: 1em;
    font-weight: 500;
    padding-left: 1.4em;
    color: #dce1ec;
    text-align: right;
    background-color: #222a3b82;
    border: 0px solid;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-CTO:hover {
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control-CTO:focus {
    color: #dce1ec;
    text-align: right;
    border: 0px solid;
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}




.form-green {
    box-shadow: 0px 0px 0px 1px #35CF6F inset !important;
}

.form-red {
    box-shadow: 0px 0px 0px 1px #F44040 inset !important;
}

.form-control2 {
    border-radius: 0px;
    font-size: 1.25em;
    font-weight: 500;
    padding-left: 1.4em;
    color: white;
    text-align: right;
    background-color: #00000022;
    border: 0px solid;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset;
    height: 50px;
}


.form-control2:hover {
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control2:focus {
    color: white;
    text-align: right;
    border: 0px solid;
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-gbe {
    border-radius: 0px !important;
    font-size: 1.25em !important;
    font-weight: 500 !important;
    padding-left: 1.4em !important;
    color: white !important;
    text-align: right !important;
    background-color: #00000022 !important;
    border: 0px solid !important;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset !important;
    height: 50px !important;
}


.form-control-gbe:hover {
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-control-gbe:focus {
    color: white !important;
    text-align: right !important;
    border: 0px solid !important;
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-group {
    margin-bottom: 0.2em;
}

.btn {
    border-radius: 0px;
    padding-left: 15px;
    padding-right: 15px;
    height: 50px;
    border: solid 0px;
}

.btn-sm {
    border-radius: 0px;
    border: solid 0px;
    padding: 10px;
    font-size: 0.8em;
}

.gbe-border-bot-green {
    border-bottom: 5px solid #35CF6F;
}

.gbe-border-bot-red {
    border-bottom: 1px solid #f44040;
}

.gbe-border-fat-bot-red {
    border-bottom: 5px solid #f44040;
}

.btn-navbar {
    margin-top: -3px;
}

.btn-dark {
    color: #35CF6F;
    background-color: #00000000;
    border-color: #35CF6F;
}

.btn-dark:hover {
    color: #000000;
    background-color: #35CF6F;
    border-color: #35CF6F;
}

.btn-outline-dark {
    border: 1px solid;
}

.btn-outline-dark:hover {
    color: #e5e0cd;
    background-color: #000000;
    border-color: #000000;
}

.square-borders {
    border-radius: 0px !important;
}

.btn-green {
    color: black !important;
    background: #35CF6F !important;
    border-color: #35CF6F !important;
}

.btn-red {
    color: white;
    background: #f44040;
    border-color: #f44040;
}

.btn-red:hover {
    color: black;
    background: #f44040;
    border-color: #f44040;
}

.btn-red-outline {
    color: #f44040;
    border-color: #f44040;
    background: none;
    border: 1px solid;
    border-radius: 0px;
}

.btn-red-outline:hover {
    color: white;
    background: #f44040;
    border-color: #f44040;
}


.btn-blue-outline {
    color: #3952D1;
    border-color: #3952D1;
}

.btn-blue-outline:hover {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}

.btn-green-outline {
    color: #35CF6F;
    border-color: #35CF6F;
}

.btn-green-outline:hover {
    color: black;
    background: #35CF6F;
    border-color: #35CF6F;
}


.btn-yellow {
    color: black;
    background: #ffc107;
    border-color: #ffc107;
}

.btn-blue {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}


.btn-black {
    color: white;
    background: black;
    border-color: black;
}

.btn-black:hover {
    color: white;
    background: rgba(0, 0, 0, 0.90);
    border-color: black;
}


.btn-dark3 {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}

.btn-dark3:hover {
    color: white;
    background: #333333;
    border-color: #333333;
}


.btn-dark2 {
    color: white;
    background: #333333;
    border-color: #333333;
}

.btn-dark2:hover {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}


.btn-tall {
    height: 60px !important;
}


.btn-red-big {
    color: white;
    background: #f44040;
    border-color: #f44040;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}

.btn-red-big:hover {
    color: white;
    background: #fb5050;
    border-color: #fb5050;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}



/* Opacity */

.op-10 {
    opacity: 0.1;
}

.op-20 {
    opacity: 0.2;
}

.op-40 {
    opacity: 0.4;
}

.op-60 {
    opacity: 0.6;
}

.op-80 {
    opacity: 0.8;
}




/* (A) STANDARD ROW HEIGHT */
.vwrap,
.vitem {
    height: 50px;
    line-height: 50px;
}

/* (B) FIXED WRAPPER */
.vwrap {
    overflow: hidden;
    /* HIDE SCROLL BAR */
}

/* (C) TICKER ITEMS */
.vitem {
    text-align: center;
}

/* (D) ANIMATION - MOVE ITEMS FROM TOP TO BOTTOM */
/* CHANGE KEYFRAMES IF YOU ADD/REMOVE ITEMS */
.vmove {
    position: relative;
}

@keyframes tickerv {
    0% {
        bottom: 0;
    }

    /* FIRST ITEM */
    30% {
        bottom: 30px;
    }

    /* SECOND ITEM */
    60% {
        bottom: 60px;
    }

    /* THIRD ITEM */
    90% {
        bottom: 90px;
    }

    /* FORTH ITEM */
    100% {
        bottom: 0;
    }

    /* BACK TO FIRST */
}

.vmove {
    animation-name: tickerv;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(1, 0, .5, 0);
}

.vmove:hover {
    animation-play-state: paused;
}







.vault h1 {
    font-size: 2em;
}

.vault-mini h1 {
    font-size: 1.5em;
}

.vault-mini h2 {
    font-size: 1em;
}

.vault p {
    opacity: 0.5;
}

.separator {
    height: 2em;
    width: 100%;
}

html {
    background-color: #000000 !important;
}

body {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    /* background-image: linear-gradient(to bottom, #141620, #000000); */
}

.small,
small {
    font-size: 60%;
    font-weight: 400;
}

a {
    text-decoration: none !important;
    color: inherit !important;
}

a:hover {
    color: inherit !important;
}

.blur-content {
    filter: blur(50);
}

.no-border {
    border: 0px solid;
}

.margin {
    margin-bottom: 2em;
    margin-top: 6.5em;
}

.mt-4 {
    margin-top: 30px !important;
}

.bg-dark {
    background-color: #00000033 !important;
    backdrop-filter: blur(25px);
}

.bg-dark-transparent {
    background-color: #00000033 !important;
    backdrop-filter: blur(25px);

}

.bg-success {
    color: white;
}

.bg-danger {
    color: white;
}


.bg-landing-casino {
    /* 
    background-image: url(/img/gambex_city.png); */
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 4em;
    padding-bottom: 6em;
}

.bg-landing-casino h7 {
    font-size: 6em;
    font-weight: 800;
    filter: drop-shadow(8px 8px 0px #000);
}

.bg-landing-casino h3 {
    filter: drop-shadow(2px 3px 0px #000);
}


.landing-margin {
    margin-top: -1040px;
}

.switch-chain {
    background: #0000004d;
    backdrop-filter: blur(35px);
    padding: 1em;
    border-radius: 5em;
    padding-left: 2em;
}

.switch-chain-icon-active img {
    opacity: 1 !important;
}

.switch-chain-icon img {
    height: 25px;
    margin-right: 20px;
    opacity: .25;
}

.switch-chain-icon:hover img {
    opacity: 1;
}

.dark-link {

    color: black !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

.dark-link:hover {

    color: black !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

.hero-landing {
    margin-top: 6em;
}

.hero-landing h1 {
    margin-top: 1em;
}

.hero-landing h2 {
    font-weight: 200;
}

h1 {
    font-weight: 800;
    font-size: 3em;
}

h2 {

    font-weight: 300;
}

.big-title h1 {
    font-size: 4em;
}

.no-padding {
    padding: 0px !important;
}

.metabox {
    padding: 1.8em;
    border-radius: 1em;
    background: #0c0f1582;
    /* box-shadow:  20px 20px 60px #c3beae,
             -20px -20px 60px #ffffec; */
    margin-top: 2em;
}


.metabox h1 {
    font-weight: 800;
    font-size: 1.4em;
}

.metabox h2 {
    font-weight: 500;
    font-size: 1.4em;
}

.metabox h3 {
    font-weight: 300;
    font-size: 1.3em;
}

.meta-icon {
    height: 120px;
    margin-bottom: 1.5em;
    border-radius: 10em;

}

.img-round {
    border-radius: 50em;
}

.img-round-corner {
    border-radius: 1em;
}

.radius-1-8 {
    border-radius: 1.8em;
}

.radius-2 {
    border-radius: 2em;
}

.all-caps {
    text-transform: uppercase;
}





.form-control-CTO {
    border-radius: 2em;
    font-size: 1em;
    font-weight: 500;
    padding-left: 1.4em;
    color: #dce1ec;
    text-align: right;
    background-color: #222a3b82;
    border: 0px solid;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-CTO:hover {
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control-CTO:focus {
    color: #dce1ec;
    text-align: right;
    border: 0px solid;
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}




.form-green {
    box-shadow: 0px 0px 0px 1px #35CF6F inset !important;
}

.form-red {
    box-shadow: 0px 0px 0px 1px #F44040 inset !important;
}

.form-control2 {
    border-radius: 0px;
    font-size: 1.25em;
    font-weight: 500;
    padding-left: 1.4em;
    color: white;
    text-align: right;
    background-color: #00000022;
    border: 0px solid;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset;
    height: 50px;
}


.form-control2:hover {
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control2:focus {
    color: white;
    text-align: right;
    border: 0px solid;
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-gbe {
    border-radius: 0px !important;
    font-size: 1.25em !important;
    font-weight: 500 !important;
    padding-left: 1.4em !important;
    color: white !important;
    text-align: right !important;
    background-color: #00000022 !important;
    border: 0px solid !important;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset !important;
    height: 50px !important;
}


.form-control-gbe:hover {
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-control-gbe:focus {
    color: white !important;
    text-align: right !important;
    border: 0px solid !important;
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-group {
    margin-bottom: 0.2em;
}

.btn {
    border-radius: 0px;
    padding-left: 15px;
    padding-right: 15px;
    height: 50px;
    border: solid 0px;
}

.btn-sm {
    border-radius: 0px;
    border: solid 0px;
    padding: 10px;
    font-size: 0.8em;
}

.gbe-border-bot-green {
    border-bottom: 5px solid #35CF6F;
}

.gbe-border-bot-red {
    border-bottom: 1px solid #f44040;
}

.gbe-border-fat-bot-red {
    border-bottom: 5px solid #f44040;
}

.btn-navbar {
    margin-top: -3px;
}

.btn-dark {
    color: #35CF6F;
    background-color: #00000000;
    border-color: #35CF6F;
}

.btn-dark:hover {
    color: #000000;
    background-color: #35CF6F;
    border-color: #35CF6F;
}

.btn-outline-dark {
    border: 1px solid;
}

.btn-outline-dark:hover {
    color: #e5e0cd;
    background-color: #000000;
    border-color: #000000;
}

.square-borders {
    border-radius: 0px !important;
}

.btn-green {
    color: black !important;
    background: #35CF6F !important;
    border-color: #35CF6F !important;
}

.btn-red {
    color: white;
    background: #f44040;
    border-color: #f44040;
}

.btn-red:hover {
    color: black;
    background: #f44040;
    border-color: #f44040;
}

.btn-red-outline {
    color: #f44040;
    border-color: #f44040;
    background: none;
    border: 1px solid;
    border-radius: 0px;
}

.btn-red-outline:hover {
    color: white;
    background: #f44040;
    border-color: #f44040;
}


.btn-blue-outline {
    color: #3952D1;
    border-color: #3952D1;
}

.btn-blue-outline:hover {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}

.btn-green-outline {
    color: #35CF6F;
    border-color: #35CF6F;
}

.btn-green-outline:hover {
    color: black;
    background: #35CF6F;
    border-color: #35CF6F;
}


.btn-yellow {
    color: black;
    background: #ffc107;
    border-color: #ffc107;
}

.btn-blue {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}


.btn-black {
    color: white;
    background: black;
    border-color: black;
}

.btn-black:hover {
    color: white;
    background: rgba(0, 0, 0, 0.90);
    border-color: black;
}


.btn-dark3 {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}

.btn-dark3:hover {
    color: white;
    background: #333333;
    border-color: #333333;
}


.btn-dark2 {
    color: white;
    background: #333333;
    border-color: #333333;
}

.btn-dark2:hover {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}


.btn-tall {
    height: 60px !important;
}


.btn-red-big {
    color: white;
    background: #f44040;
    border-color: #f44040;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}

.btn-red-big:hover {
    color: white;
    background: #fb5050;
    border-color: #fb5050;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}



/* Opacity */

.op-10 {
    opacity: 0.1;
}

.op-20 {
    opacity: 0.2;
}

.op-40 {
    opacity: 0.4;
}

.op-60 {
    opacity: 0.6;
}

.op-80 {
    opacity: 0.8;
}




/* (A) STANDARD ROW HEIGHT */
.vwrap,
.vitem {
    height: 50px;
    line-height: 50px;
}

/* (B) FIXED WRAPPER */
.vwrap {
    overflow: hidden;
    /* HIDE SCROLL BAR */
}

/* (C) TICKER ITEMS */
.vitem {
    text-align: center;
}

/* (D) ANIMATION - MOVE ITEMS FROM TOP TO BOTTOM */
/* CHANGE KEYFRAMES IF YOU ADD/REMOVE ITEMS */
.vmove {
    position: relative;
}

@keyframes tickerv {
    0% {
        bottom: 0;
    }

    /* FIRST ITEM */
    30% {
        bottom: 30px;
    }

    /* SECOND ITEM */
    60% {
        bottom: 60px;
    }

    /* THIRD ITEM */
    90% {
        bottom: 90px;
    }

    /* FORTH ITEM */
    100% {
        bottom: 0;
    }

    /* BACK TO FIRST */
}

.vmove {
    animation-name: tickerv;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(1, 0, .5, 0);
}

.vmove:hover {
    animation-play-state: paused;
}







.vault h1 {
    font-size: 2em;
}

.vault-mini h1 {
    font-size: 1.5em;
}

.vault-mini h2 {
    font-size: 1em;
}

.vault p {
    opacity: 0.5;
}

.separator {
    height: 2em;
    width: 100%;
}

html {
    background-color: #000000 !important;
}

body {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    /* background-image: linear-gradient(to bottom, #141620, #000000); */
}

.small,
small {
    font-size: 60%;
    font-weight: 400;
}

a {
    text-decoration: none !important;
    color: inherit !important;
}

a:hover {
    color: inherit !important;
}

.blur-content {
    filter: blur(50);
}

.no-border {
    border: 0px solid;
}

.margin {
    margin-bottom: 2em;
    margin-top: 6.5em;
}

.mt-4 {
    margin-top: 30px !important;
}

.bg-dark {
    background-color: #00000033 !important;
    backdrop-filter: blur(25px);
}

.bg-dark-transparent {
    background-color: #00000033 !important;
    backdrop-filter: blur(25px);

}

.bg-success {
    color: white;
}

.bg-danger {
    color: white;
}


.bg-landing-casino {
    /* 
    background-image: url(/img/gambex_city.png); */
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 4em;
    padding-bottom: 6em;
}

.bg-landing-casino h7 {
    font-size: 6em;
    font-weight: 800;
    filter: drop-shadow(8px 8px 0px #000);
}

.bg-landing-casino h3 {
    filter: drop-shadow(2px 3px 0px #000);
}


.landing-margin {
    margin-top: -1040px;
}

.switch-chain {
    background: #0000004d;
    backdrop-filter: blur(35px);
    padding: 1em;
    border-radius: 5em;
    padding-left: 2em;
}

.switch-chain-icon-active img {
    opacity: 1 !important;
}

.switch-chain-icon img {
    height: 25px;
    margin-right: 20px;
    opacity: .25;
}

.switch-chain-icon:hover img {
    opacity: 1;
}

.dark-link {

    color: black !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

.dark-link:hover {

    color: black !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

.hero-landing {
    margin-top: 6em;
}

.hero-landing h1 {
    margin-top: 1em;
}

.hero-landing h2 {
    font-weight: 200;
}

h1 {
    font-weight: 800;
    font-size: 3em;
}

h2 {

    font-weight: 300;
}

.big-title h1 {
    font-size: 4em;
}

.no-padding {
    padding: 0px !important;
}

.metabox {
    padding: 1.8em;
    border-radius: 1em;
    background: #0c0f1582;
    /* box-shadow:  20px 20px 60px #c3beae,
             -20px -20px 60px #ffffec; */
    margin-top: 2em;
}


.metabox h1 {
    font-weight: 800;
    font-size: 1.4em;
}

.metabox h2 {
    font-weight: 500;
    font-size: 1.4em;
}

.metabox h3 {
    font-weight: 300;
    font-size: 1.3em;
}

.meta-icon {
    height: 120px;
    margin-bottom: 1.5em;
    border-radius: 10em;

}

.img-round {
    border-radius: 50em;
}

.img-round-corner {
    border-radius: 1em;
}

.radius-1-8 {
    border-radius: 1.8em;
}

.radius-2 {
    border-radius: 2em;
}

.all-caps {
    text-transform: uppercase;
}





.form-control-CTO {
    border-radius: 2em;
    font-size: 1em;
    font-weight: 500;
    padding-left: 1.4em;
    color: #dce1ec;
    text-align: right;
    background-color: #222a3b82;
    border: 0px solid;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-CTO:hover {
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control-CTO:focus {
    color: #dce1ec;
    text-align: right;
    border: 0px solid;
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}




.form-green {
    box-shadow: 0px 0px 0px 1px #35CF6F inset !important;
}

.form-red {
    box-shadow: 0px 0px 0px 1px #F44040 inset !important;
}

.form-control2 {
    border-radius: 0px;
    font-size: 1.25em;
    font-weight: 500;
    padding-left: 1.4em;
    color: white;
    text-align: right;
    background-color: #00000022;
    border: 0px solid;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset;
    height: 50px;
}


.form-control2:hover {
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control2:focus {
    color: white;
    text-align: right;
    border: 0px solid;
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-gbe {
    border-radius: 0px !important;
    font-size: 1.25em !important;
    font-weight: 500 !important;
    padding-left: 1.4em !important;
    color: white !important;
    text-align: right !important;
    background-color: #00000022 !important;
    border: 0px solid !important;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset !important;
    height: 50px !important;
}


.form-control-gbe:hover {
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-control-gbe:focus {
    color: white !important;
    text-align: right !important;
    border: 0px solid !important;
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-group {
    margin-bottom: 0.2em;
}

.btn {
    border-radius: 0px;
    padding-left: 15px;
    padding-right: 15px;
    height: 50px;
    border: solid 0px;
}

.btn-sm {
    border-radius: 0px;
    border: solid 0px;
    padding: 10px;
    font-size: 0.8em;
}

.gbe-border-bot-green {
    border-bottom: 5px solid #35CF6F;
}

.gbe-border-bot-red {
    border-bottom: 1px solid #f44040;
}

.gbe-border-fat-bot-red {
    border-bottom: 5px solid #f44040;
}

.btn-navbar {
    margin-top: -3px;
}

.btn-dark {
    color: #35CF6F;
    background-color: #00000000;
    border-color: #35CF6F;
}

.btn-dark:hover {
    color: #000000;
    background-color: #35CF6F;
    border-color: #35CF6F;
}

.btn-outline-dark {
    border: 1px solid;
}

.btn-outline-dark:hover {
    color: #e5e0cd;
    background-color: #000000;
    border-color: #000000;
}

.square-borders {
    border-radius: 0px !important;
}

.btn-green {
    color: black !important;
    background: #35CF6F !important;
    border-color: #35CF6F !important;
}

.btn-red {
    color: white;
    background: #f44040;
    border-color: #f44040;
}

.btn-red:hover {
    color: black;
    background: #f44040;
    border-color: #f44040;
}

.btn-red-outline {
    color: #f44040;
    border-color: #f44040;
    background: none;
    border: 1px solid;
    border-radius: 0px;
}

.btn-red-outline:hover {
    color: white;
    background: #f44040;
    border-color: #f44040;
}


.btn-blue-outline {
    color: #3952D1;
    border-color: #3952D1;
}

.btn-blue-outline:hover {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}

.btn-green-outline {
    color: #35CF6F;
    border-color: #35CF6F;
}

.btn-green-outline:hover {
    color: black;
    background: #35CF6F;
    border-color: #35CF6F;
}


.btn-yellow {
    color: black;
    background: #ffc107;
    border-color: #ffc107;
}

.btn-blue {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}


.btn-black {
    color: white;
    background: black;
    border-color: black;
}

.btn-black:hover {
    color: white;
    background: rgba(0, 0, 0, 0.90);
    border-color: black;
}


.btn-dark3 {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}

.btn-dark3:hover {
    color: white;
    background: #333333;
    border-color: #333333;
}


.btn-dark2 {
    color: white;
    background: #333333;
    border-color: #333333;
}

.btn-dark2:hover {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}


.btn-tall {
    height: 60px !important;
}


.btn-red-big {
    color: white;
    background: #f44040;
    border-color: #f44040;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}

.btn-red-big:hover {
    color: white;
    background: #fb5050;
    border-color: #fb5050;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}



/* Opacity */

.op-10 {
    opacity: 0.1;
}

.op-20 {
    opacity: 0.2;
}

.op-40 {
    opacity: 0.4;
}

.op-60 {
    opacity: 0.6;
}

.op-80 {
    opacity: 0.8;
}




/* (A) STANDARD ROW HEIGHT */
.vwrap,
.vitem {
    height: 50px;
    line-height: 50px;
}

/* (B) FIXED WRAPPER */
.vwrap {
    overflow: hidden;
    /* HIDE SCROLL BAR */
}

/* (C) TICKER ITEMS */
.vitem {
    text-align: center;
}

/* (D) ANIMATION - MOVE ITEMS FROM TOP TO BOTTOM */
/* CHANGE KEYFRAMES IF YOU ADD/REMOVE ITEMS */
.vmove {
    position: relative;
}

@keyframes tickerv {
    0% {
        bottom: 0;
    }

    /* FIRST ITEM */
    30% {
        bottom: 30px;
    }

    /* SECOND ITEM */
    60% {
        bottom: 60px;
    }

    /* THIRD ITEM */
    90% {
        bottom: 90px;
    }

    /* FORTH ITEM */
    100% {
        bottom: 0;
    }

    /* BACK TO FIRST */
}

.vmove {
    animation-name: tickerv;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(1, 0, .5, 0);
}

.vmove:hover {
    animation-play-state: paused;
}







.vault h1 {
    font-size: 2em;
}

.vault-mini h1 {
    font-size: 1.5em;
}

.vault-mini h2 {
    font-size: 1em;
}

.vault p {
    opacity: 0.5;
}

.separator {
    height: 2em;
    width: 100%;
}

html {
    background-color: #000000 !important;
}

body {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    /* background-image: linear-gradient(to bottom, #141620, #000000); */
}

.small,
small {
    font-size: 60%;
    font-weight: 400;
}

a {
    text-decoration: none !important;
    color: inherit !important;
}

a:hover {
    color: inherit !important;
}

.blur-content {
    filter: blur(50);
}

.no-border {
    border: 0px solid;
}

.margin {
    margin-bottom: 2em;
    margin-top: 6.5em;
}

.mt-4 {
    margin-top: 30px !important;
}

.bg-dark {
    background-color: #00000033 !important;
    backdrop-filter: blur(25px);
}

.bg-dark-transparent {
    background-color: #00000033 !important;
    backdrop-filter: blur(25px);

}

.bg-success {
    color: white;
}

.bg-danger {
    color: white;
}


.bg-landing-casino {
    /* 
    background-image: url(/img/gambex_city.png); */
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 4em;
    padding-bottom: 6em;
}

.bg-landing-casino h7 {
    font-size: 6em;
    font-weight: 800;
    filter: drop-shadow(8px 8px 0px #000);
}

.bg-landing-casino h3 {
    filter: drop-shadow(2px 3px 0px #000);
}


.landing-margin {
    margin-top: -1040px;
}

.switch-chain {
    background: #0000004d;
    backdrop-filter: blur(35px);
    padding: 1em;
    border-radius: 5em;
    padding-left: 2em;
}

.switch-chain-icon-active img {
    opacity: 1 !important;
}

.switch-chain-icon img {
    height: 25px;
    margin-right: 20px;
    opacity: .25;
}

.switch-chain-icon:hover img {
    opacity: 1;
}

.dark-link {

    color: black !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

.dark-link:hover {

    color: black !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

.hero-landing {
    margin-top: 6em;
}

.hero-landing h1 {
    margin-top: 1em;
}

.hero-landing h2 {
    font-weight: 200;
}

h1 {
    font-weight: 800;
    font-size: 3em;
}

h2 {

    font-weight: 300;
}

.big-title h1 {
    font-size: 4em;
}

.no-padding {
    padding: 0px !important;
}

.metabox {
    padding: 1.8em;
    border-radius: 1em;
    background: #0c0f1582;
    /* box-shadow:  20px 20px 60px #c3beae,
             -20px -20px 60px #ffffec; */
    margin-top: 2em;
}


.metabox h1 {
    font-weight: 800;
    font-size: 1.4em;
}

.metabox h2 {
    font-weight: 500;
    font-size: 1.4em;
}

.metabox h3 {
    font-weight: 300;
    font-size: 1.3em;
}

.meta-icon {
    height: 120px;
    margin-bottom: 1.5em;
    border-radius: 10em;

}

.img-round {
    border-radius: 50em;
}

.img-round-corner {
    border-radius: 1em;
}

.radius-1-8 {
    border-radius: 1.8em;
}

.radius-2 {
    border-radius: 2em;
}

.all-caps {
    text-transform: uppercase;
}





.form-control-CTO {
    border-radius: 2em;
    font-size: 1em;
    font-weight: 500;
    padding-left: 1.4em;
    color: #dce1ec;
    text-align: right;
    background-color: #222a3b82;
    border: 0px solid;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-CTO:hover {
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control-CTO:focus {
    color: #dce1ec;
    text-align: right;
    border: 0px solid;
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}




.form-green {
    box-shadow: 0px 0px 0px 1px #35CF6F inset !important;
}

.form-red {
    box-shadow: 0px 0px 0px 1px #F44040 inset !important;
}

.form-control2 {
    border-radius: 0px;
    font-size: 1.25em;
    font-weight: 500;
    padding-left: 1.4em;
    color: white;
    text-align: right;
    background-color: #00000022;
    border: 0px solid;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset;
    height: 50px;
}


.form-control2:hover {
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control2:focus {
    color: white;
    text-align: right;
    border: 0px solid;
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-gbe {
    border-radius: 0px !important;
    font-size: 1.25em !important;
    font-weight: 500 !important;
    padding-left: 1.4em !important;
    color: white !important;
    text-align: right !important;
    background-color: #00000022 !important;
    border: 0px solid !important;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset !important;
    height: 50px !important;
}


.form-control-gbe:hover {
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-control-gbe:focus {
    color: white !important;
    text-align: right !important;
    border: 0px solid !important;
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-group {
    margin-bottom: 0.2em;
}

.btn {
    border-radius: 0px;
    padding-left: 15px;
    padding-right: 15px;
    height: 50px;
    border: solid 0px;
}

.btn-sm {
    border-radius: 0px;
    border: solid 0px;
    padding: 10px;
    font-size: 0.8em;
}

.gbe-border-bot-green {
    border-bottom: 5px solid #35CF6F;
}

.gbe-border-bot-red {
    border-bottom: 1px solid #f44040;
}

.gbe-border-fat-bot-red {
    border-bottom: 5px solid #f44040;
}

.btn-navbar {
    margin-top: -3px;
}

.btn-dark {
    color: #35CF6F;
    background-color: #00000000;
    border-color: #35CF6F;
}

.btn-dark:hover {
    color: #000000;
    background-color: #35CF6F;
    border-color: #35CF6F;
}

.btn-outline-dark {
    border: 1px solid;
}

.btn-outline-dark:hover {
    color: #e5e0cd;
    background-color: #000000;
    border-color: #000000;
}

.square-borders {
    border-radius: 0px !important;
}

.btn-green {
    color: black !important;
    background: #35CF6F !important;
    border-color: #35CF6F !important;
}

.btn-red {
    color: white;
    background: #f44040;
    border-color: #f44040;
}

.btn-red:hover {
    color: black;
    background: #f44040;
    border-color: #f44040;
}

.btn-red-outline {
    color: #f44040;
    border-color: #f44040;
    background: none;
    border: 1px solid;
    border-radius: 0px;
}

.btn-red-outline:hover {
    color: white;
    background: #f44040;
    border-color: #f44040;
}


.btn-blue-outline {
    color: #3952D1;
    border-color: #3952D1;
}

.btn-blue-outline:hover {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}

.btn-green-outline {
    color: #35CF6F;
    border-color: #35CF6F;
}

.btn-green-outline:hover {
    color: black;
    background: #35CF6F;
    border-color: #35CF6F;
}


.btn-yellow {
    color: black;
    background: #ffc107;
    border-color: #ffc107;
}

.btn-blue {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}


.btn-black {
    color: white;
    background: black;
    border-color: black;
}

.btn-black:hover {
    color: white;
    background: rgba(0, 0, 0, 0.90);
    border-color: black;
}


.btn-dark3 {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}

.btn-dark3:hover {
    color: white;
    background: #333333;
    border-color: #333333;
}


.btn-dark2 {
    color: white;
    background: #333333;
    border-color: #333333;
}

.btn-dark2:hover {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}


.btn-tall {
    height: 60px !important;
}


.btn-red-big {
    color: white;
    background: #f44040;
    border-color: #f44040;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}

.btn-red-big:hover {
    color: white;
    background: #fb5050;
    border-color: #fb5050;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}



/* Opacity */

.op-10 {
    opacity: 0.1;
}

.op-20 {
    opacity: 0.2;
}

.op-40 {
    opacity: 0.4;
}

.op-60 {
    opacity: 0.6;
}

.op-80 {
    opacity: 0.8;
}




/* (A) STANDARD ROW HEIGHT */
.vwrap,
.vitem {
    height: 50px;
    line-height: 50px;
}

/* (B) FIXED WRAPPER */
.vwrap {
    overflow: hidden;
    /* HIDE SCROLL BAR */
}

/* (C) TICKER ITEMS */
.vitem {
    text-align: center;
}

/* (D) ANIMATION - MOVE ITEMS FROM TOP TO BOTTOM */
/* CHANGE KEYFRAMES IF YOU ADD/REMOVE ITEMS */
.vmove {
    position: relative;
}

@keyframes tickerv {
    0% {
        bottom: 0;
    }

    /* FIRST ITEM */
    30% {
        bottom: 30px;
    }

    /* SECOND ITEM */
    60% {
        bottom: 60px;
    }

    /* THIRD ITEM */
    90% {
        bottom: 90px;
    }

    /* FORTH ITEM */
    100% {
        bottom: 0;
    }

    /* BACK TO FIRST */
}

.vmove {
    animation-name: tickerv;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(1, 0, .5, 0);
}

.vmove:hover {
    animation-play-state: paused;
}







.vault h1 {
    font-size: 2em;
}

.vault-mini h1 {
    font-size: 1.5em;
}

.vault-mini h2 {
    font-size: 1em;
}

.vault p {
    opacity: 0.5;
}

.separator {
    height: 2em;
    width: 100%;
}

html {
    background-color: #000000 !important;
}

body {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    /* background-image: linear-gradient(to bottom, #141620, #000000); */
}

.small,
small {
    font-size: 60%;
    font-weight: 400;
}

a {
    text-decoration: none !important;
    color: inherit !important;
}

a:hover {
    color: inherit !important;
}

.blur-content {
    filter: blur(50);
}

.no-border {
    border: 0px solid;
}

.margin {
    margin-bottom: 2em;
    margin-top: 6.5em;
}

.mt-4 {
    margin-top: 30px !important;
}

.bg-dark {    
    background-color: #00000033!important;
    backdrop-filter: blur(25px);
}

.bg-dark-transparent {
    background-color: #00000033 !important;
    backdrop-filter: blur(25px);

}

.bg-success {
    color: white;
}

.bg-danger {
    color: white;
}


.bg-landing-casino {
    /* 
    background-image: url(/img/gambex_city.png); */
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 4em;
    padding-bottom: 6em;
}

.bg-landing-casino h7 {
    font-size: 6em;
    font-weight: 800;
    filter: drop-shadow(8px 8px 0px #000);
}

.bg-landing-casino h3 {
    filter: drop-shadow(2px 3px 0px #000);
}


.landing-margin {
    margin-top: -1040px;
}

.switch-chain {
    background: #0000004d;
    backdrop-filter: blur(35px);
    padding: 1em;
    border-radius: 5em;
    padding-left: 2em;
}

.switch-chain-icon-active img {
    opacity: 1 !important;
}

.switch-chain-icon img {
    height: 25px;
    margin-right: 20px;
    opacity: .25;
}

.switch-chain-icon:hover img {
    opacity: 1;
}

.dark-link {

    color: black !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

.dark-link:hover {

    color: black !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

.hero-landing {
    margin-top: 6em;
}

.hero-landing h1 {
    margin-top: 1em;
}

.hero-landing h2 {
    font-weight: 200;
}

h1 {
    font-weight: 800;
    font-size: 3em;
}

h2 {

    font-weight: 300;
}

.big-title h1 {
    font-size: 4em;
}

.no-padding {
    padding: 0px !important;
}

.metabox {
    padding: 1.8em;
    border-radius: 1em;
    background: #0c0f1582;
    /* box-shadow:  20px 20px 60px #c3beae,
             -20px -20px 60px #ffffec; */
    margin-top: 2em;
}


.metabox h1 {
    font-weight: 800;
    font-size: 1.4em;
}

.metabox h2 {
    font-weight: 500;
    font-size: 1.4em;
}

.metabox h3 {
    font-weight: 300;
    font-size: 1.3em;
}

.meta-icon {
    height: 120px;
    margin-bottom: 1.5em;
    border-radius: 10em;

}

.img-round {
    border-radius: 50em;
}

.img-round-corner {
    border-radius: 1em;
}

.radius-1-8 {
    border-radius: 1.8em;
}

.radius-2 {
    border-radius: 2em;
}

.all-caps {
    text-transform: uppercase;
}





.form-control-CTO {
    border-radius: 2em;
    font-size: 1em;
    font-weight: 500;
    padding-left: 1.4em;
    color: #dce1ec;
    text-align: right;
    background-color: #222a3b82;
    border: 0px solid;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-CTO:hover {
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control-CTO:focus {
    color: #dce1ec;
    text-align: right;
    border: 0px solid;
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}




.form-green {
    box-shadow: 0px 0px 0px 1px #35CF6F inset !important;
}

.form-red {
    box-shadow: 0px 0px 0px 1px #F44040 inset !important;
}

.form-control2 {
    border-radius: 0px;
    font-size: 1.25em;
    font-weight: 500;
    padding-left: 1.4em;
    color: white;
    text-align: right;
    background-color: #00000022;
    border: 0px solid;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset;
    height: 50px;
}


.form-control2:hover {
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control2:focus {
    color: white;
    text-align: right;
    border: 0px solid;
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-gbe {
    border-radius: 0px !important;
    font-size: 1.25em !important;
    font-weight: 500 !important;
    padding-left: 1.4em !important;
    color: white !important;
    text-align: right !important;
    background-color: #00000022 !important;
    border: 0px solid !important;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset !important;
    height: 50px !important;
}


.form-control-gbe:hover {
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-control-gbe:focus {
    color: white !important;
    text-align: right !important;
    border: 0px solid !important;
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-group {
    margin-bottom: 0.2em;
}

.btn {
    border-radius: 0px;
    padding-left: 15px;
    padding-right: 15px;
    height: 50px;
    border: solid 0px;
}

.btn-sm {
    border-radius: 0px;
    border: solid 0px;
    padding: 10px;
    font-size: 0.8em;
}

.gbe-border-bot-green {
    border-bottom: 5px solid #35CF6F;
}

.gbe-border-bot-red {
    border-bottom: 1px solid #f44040;
}

.gbe-border-fat-bot-red {
    border-bottom: 5px solid #f44040;
}

.btn-navbar {
    margin-top: -3px;
}

.btn-dark {
    color: #35CF6F;
    background-color: #00000000;
    border-color: #35CF6F;
}

.btn-dark:hover {
    color: #000000;
    background-color: #35CF6F;
    border-color: #35CF6F;
}

.btn-outline-dark {
    border: 1px solid;
}

.btn-outline-dark:hover {
    color: #e5e0cd;
    background-color: #000000;
    border-color: #000000;
}

.square-borders {
    border-radius: 0px !important;
}

.btn-green {
    color: black !important;
    background: #35CF6F !important;
    border-color: #35CF6F !important;
}

.btn-red {
    color: white;
    background: #f44040;
    border-color: #f44040;
}

.btn-red:hover {
    color: black;
    background: #f44040;
    border-color: #f44040;
}

.btn-red-outline {
    color: #f44040;
    border-color: #f44040;
    background: none;
    border: 1px solid;
    border-radius: 0px;
}

.btn-red-outline:hover {
    color: white;
    background: #f44040;
    border-color: #f44040;
}


.btn-blue-outline {
    color: #3952D1;
    border-color: #3952D1;
}

.btn-blue-outline:hover {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}

.btn-green-outline {
    color: #35CF6F;
    border-color: #35CF6F;
}

.btn-green-outline:hover {
    color: black;
    background: #35CF6F;
    border-color: #35CF6F;
}


.btn-yellow {
    color: black;
    background: #ffc107;
    border-color: #ffc107;
}

.btn-blue {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}


.btn-black {
    color: white;
    background: black;
    border-color: black;
}

.btn-black:hover {
    color: white;
    background: rgba(0, 0, 0, 0.90);
    border-color: black;
}


.btn-dark3 {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}

.btn-dark3:hover {
    color: white;
    background: #333333;
    border-color: #333333;
}


.btn-dark2 {
    color: white;
    background: #333333;
    border-color: #333333;
}

.btn-dark2:hover {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}


.btn-tall {
    height: 60px !important;
}


.btn-red-big {
    color: white;
    background: #f44040;
    border-color: #f44040;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}

.btn-red-big:hover {
    color: white;
    background: #fb5050;
    border-color: #fb5050;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}



/* Opacity */

.op-10 {
    opacity: 0.1;
}

.op-20 {
    opacity: 0.2;
}

.op-40 {
    opacity: 0.4;
}

.op-60 {
    opacity: 0.6;
}

.op-80 {
    opacity: 0.8;
}




/* (A) STANDARD ROW HEIGHT */
.vwrap,
.vitem {
    height: 50px;
    line-height: 50px;
}

/* (B) FIXED WRAPPER */
.vwrap {
    overflow: hidden;
    /* HIDE SCROLL BAR */
}

/* (C) TICKER ITEMS */
.vitem {
    text-align: center;
}

/* (D) ANIMATION - MOVE ITEMS FROM TOP TO BOTTOM */
/* CHANGE KEYFRAMES IF YOU ADD/REMOVE ITEMS */
.vmove {
    position: relative;
}

@keyframes tickerv {
    0% {
        bottom: 0;
    }

    /* FIRST ITEM */
    30% {
        bottom: 30px;
    }

    /* SECOND ITEM */
    60% {
        bottom: 60px;
    }

    /* THIRD ITEM */
    90% {
        bottom: 90px;
    }

    /* FORTH ITEM */
    100% {
        bottom: 0;
    }

    /* BACK TO FIRST */
}

.vmove {
    animation-name: tickerv;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(1, 0, .5, 0);
}

.vmove:hover {
    animation-play-state: paused;
}







.vault h1 {
    font-size: 2em;
}

.vault-mini h1 {
    font-size: 1.5em;
}

.vault-mini h2 {
    font-size: 1em;
}

.vault p {
    opacity: 0.5;
}

.separator {
    height: 2em;
    width: 100%;
}

html {
    background-color: #000000 !important;
}

body {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    /* background-image: linear-gradient(to bottom, #141620, #000000); */
}

.small,
small {
    font-size: 60%;
    font-weight: 400;
}

a {
    text-decoration: none !important;
    color: inherit !important;
}

a:hover {
    color: inherit !important;
}

.blur-content {
    filter: blur(50);
}

.no-border {
    border: 0px solid;
}

.margin {
    margin-bottom: 2em;
    margin-top: 6.5em;
}

.mt-4 {
    margin-top: 30px !important;
}

.bg-dark {    
    background-color: #00000033!important;
    backdrop-filter: blur(25px);
}

.bg-dark-transparent {
    background-color: #00000033 !important;
    backdrop-filter: blur(25px);

}

.bg-success {
    color: white;
}

.bg-danger {
    color: white;
}


.bg-landing-casino {
    /* 
    background-image: url(/img/gambex_city.png); */
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 4em;
    padding-bottom: 6em;
}

.bg-landing-casino h7 {
    font-size: 6em;
    font-weight: 800;
    filter: drop-shadow(8px 8px 0px #000);
}

.bg-landing-casino h3 {
    filter: drop-shadow(2px 3px 0px #000);
}


.landing-margin {
    margin-top: -1040px;
}

.switch-chain {
    background: #0000004d;
    backdrop-filter: blur(35px);
    padding: 1em;
    border-radius: 5em;
    padding-left: 2em;
}

.switch-chain-icon-active img {
    opacity: 1 !important;
}

.switch-chain-icon img {
    height: 25px;
    margin-right: 20px;
    opacity: .25;
}

.switch-chain-icon:hover img {
    opacity: 1;
}

.dark-link {

    color: black !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

.dark-link:hover {

    color: black !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

.hero-landing {
    margin-top: 6em;
}

.hero-landing h1 {
    margin-top: 1em;
}

.hero-landing h2 {
    font-weight: 200;
}

h1 {
    font-weight: 800;
    font-size: 3em;
}

h2 {

    font-weight: 300;
}

.big-title h1 {
    font-size: 4em;
}

.no-padding {
    padding: 0px !important;
}

.metabox {
    padding: 1.8em;
    border-radius: 1em;
    background: #0c0f1582;
    /* box-shadow:  20px 20px 60px #c3beae,
             -20px -20px 60px #ffffec; */
    margin-top: 2em;
}


.metabox h1 {
    font-weight: 800;
    font-size: 1.4em;
}

.metabox h2 {
    font-weight: 500;
    font-size: 1.4em;
}

.metabox h3 {
    font-weight: 300;
    font-size: 1.3em;
}

.meta-icon {
    height: 120px;
    margin-bottom: 1.5em;
    border-radius: 10em;

}

.img-round {
    border-radius: 50em;
}

.img-round-corner {
    border-radius: 1em;
}

.radius-1-8 {
    border-radius: 1.8em;
}

.radius-2 {
    border-radius: 2em;
}

.all-caps {
    text-transform: uppercase;
}





.form-control-CTO {
    border-radius: 2em;
    font-size: 1em;
    font-weight: 500;
    padding-left: 1.4em;
    color: #dce1ec;
    text-align: right;
    background-color: #222a3b82;
    border: 0px solid;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-CTO:hover {
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control-CTO:focus {
    color: #dce1ec;
    text-align: right;
    border: 0px solid;
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}




.form-green {
    box-shadow: 0px 0px 0px 1px #35CF6F inset !important;
}

.form-red {
    box-shadow: 0px 0px 0px 1px #F44040 inset !important;
}

.form-control2 {
    border-radius: 0px;
    font-size: 1.25em;
    font-weight: 500;
    padding-left: 1.4em;
    color: white;
    text-align: right;
    background-color: #00000022;
    border: 0px solid;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset;
    height: 50px;
}


.form-control2:hover {
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control2:focus {
    color: white;
    text-align: right;
    border: 0px solid;
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-gbe {
    border-radius: 0px !important;
    font-size: 1.25em !important;
    font-weight: 500 !important;
    padding-left: 1.4em !important;
    color: white !important;
    text-align: right !important;
    background-color: #00000022 !important;
    border: 0px solid !important;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset !important;
    height: 50px !important;
}


.form-control-gbe:hover {
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-control-gbe:focus {
    color: white !important;
    text-align: right !important;
    border: 0px solid !important;
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-group {
    margin-bottom: 0.2em;
}

.btn {
    border-radius: 0px;
    padding-left: 15px;
    padding-right: 15px;
    height: 50px;
    border: solid 0px;
}

.btn-sm {
    border-radius: 0px;
    border: solid 0px;
    padding: 10px;
    font-size: 0.8em;
}

.gbe-border-bot-green {
    border-bottom: 5px solid #35CF6F;
}

.gbe-border-bot-red {
    border-bottom: 1px solid #f44040;
}

.gbe-border-fat-bot-red {
    border-bottom: 5px solid #f44040;
}

.btn-navbar {
    margin-top: -3px;
}

.btn-dark {
    color: #35CF6F;
    background-color: #00000000;
    border-color: #35CF6F;
}

.btn-dark:hover {
    color: #000000;
    background-color: #35CF6F;
    border-color: #35CF6F;
}

.btn-outline-dark {
    border: 1px solid;
}

.btn-outline-dark:hover {
    color: #e5e0cd;
    background-color: #000000;
    border-color: #000000;
}

.square-borders {
    border-radius: 0px !important;
}

.btn-green {
    color: black !important;
    background: #35CF6F !important;
    border-color: #35CF6F !important;
}

.btn-red {
    color: white;
    background: #f44040;
    border-color: #f44040;
}

.btn-red:hover {
    color: black;
    background: #f44040;
    border-color: #f44040;
}

.btn-red-outline {
    color: #f44040;
    border-color: #f44040;
    background: none;
    border: 1px solid;
    border-radius: 0px;
}

.btn-red-outline:hover {
    color: white;
    background: #f44040;
    border-color: #f44040;
}


.btn-blue-outline {
    color: #3952D1;
    border-color: #3952D1;
}

.btn-blue-outline:hover {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}

.btn-green-outline {
    color: #35CF6F;
    border-color: #35CF6F;
}

.btn-green-outline:hover {
    color: black;
    background: #35CF6F;
    border-color: #35CF6F;
}


.btn-yellow {
    color: black;
    background: #ffc107;
    border-color: #ffc107;
}

.btn-blue {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}


.btn-black {
    color: white;
    background: black;
    border-color: black;
}

.btn-black:hover {
    color: white;
    background: rgba(0, 0, 0, 0.90);
    border-color: black;
}


.btn-dark3 {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}

.btn-dark3:hover {
    color: white;
    background: #333333;
    border-color: #333333;
}


.btn-dark2 {
    color: white;
    background: #333333;
    border-color: #333333;
}

.btn-dark2:hover {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}


.btn-tall {
    height: 60px !important;
}


.btn-red-big {
    color: white;
    background: #f44040;
    border-color: #f44040;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}

.btn-red-big:hover {
    color: white;
    background: #fb5050;
    border-color: #fb5050;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}



/* Opacity */

.op-10 {
    opacity: 0.1;
}

.op-20 {
    opacity: 0.2;
}

.op-40 {
    opacity: 0.4;
}

.op-60 {
    opacity: 0.6;
}

.op-80 {
    opacity: 0.8;
}




/* (A) STANDARD ROW HEIGHT */
.vwrap,
.vitem {
    height: 50px;
    line-height: 50px;
}

/* (B) FIXED WRAPPER */
.vwrap {
    overflow: hidden;
    /* HIDE SCROLL BAR */
}

/* (C) TICKER ITEMS */
.vitem {
    text-align: center;
}

/* (D) ANIMATION - MOVE ITEMS FROM TOP TO BOTTOM */
/* CHANGE KEYFRAMES IF YOU ADD/REMOVE ITEMS */
.vmove {
    position: relative;
}

@keyframes tickerv {
    0% {
        bottom: 0;
    }

    /* FIRST ITEM */
    30% {
        bottom: 30px;
    }

    /* SECOND ITEM */
    60% {
        bottom: 60px;
    }

    /* THIRD ITEM */
    90% {
        bottom: 90px;
    }

    /* FORTH ITEM */
    100% {
        bottom: 0;
    }

    /* BACK TO FIRST */
}

.vmove {
    animation-name: tickerv;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(1, 0, .5, 0);
}

.vmove:hover {
    animation-play-state: paused;
}







.vault h1 {
    font-size: 2em;
}

.vault-mini h1 {
    font-size: 1.5em;
}

.vault-mini h2 {
    font-size: 1em;
}

.vault p {
    opacity: 0.5;
}

.separator {
    height: 2em;
    width: 100%;
}

html {
    background-color: #000000 !important;
}

body {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    /* background-image: linear-gradient(to bottom, #141620, #000000); */
}

.small,
small {
    font-size: 60%;
    font-weight: 400;
}

a {
    text-decoration: none !important;
    color: inherit !important;
}

a:hover {
    color: inherit !important;
}

.blur-content {
    filter: blur(50);
}

.no-border {
    border: 0px solid;
}

.margin {
    margin-bottom: 2em;
    margin-top: 6.5em;
}

.mt-4 {
    margin-top: 30px !important;
}

.bg-dark {    
    background-color: #00000033!important;
    backdrop-filter: blur(25px);
}

.bg-dark-transparent {
    background-color: #00000033 !important;
    backdrop-filter: blur(25px);

}

.bg-success {
    color: white;
}

.bg-danger {
    color: white;
}


.bg-landing-casino {
    /* 
    background-image: url(/img/gambex_city.png); */
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 4em;
    padding-bottom: 6em;
}

.bg-landing-casino h7 {
    font-size: 6em;
    font-weight: 800;
    filter: drop-shadow(8px 8px 0px #000);
}

.bg-landing-casino h3 {
    filter: drop-shadow(2px 3px 0px #000);
}


.landing-margin {
    margin-top: -1040px;
}

.switch-chain {
    background: #0000004d;
    backdrop-filter: blur(35px);
    padding: 1em;
    border-radius: 5em;
    padding-left: 2em;
}

.switch-chain-icon-active img {
    opacity: 1 !important;
}

.switch-chain-icon img {
    height: 25px;
    margin-right: 20px;
    opacity: .25;
}

.switch-chain-icon:hover img {
    opacity: 1;
}

.dark-link {

    color: black !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

.dark-link:hover {

    color: black !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

.hero-landing {
    margin-top: 6em;
}

.hero-landing h1 {
    margin-top: 1em;
}

.hero-landing h2 {
    font-weight: 200;
}

h1 {
    font-weight: 800;
    font-size: 3em;
}

h2 {

    font-weight: 300;
}

.big-title h1 {
    font-size: 4em;
}

.no-padding {
    padding: 0px !important;
}

.metabox {
    padding: 1.8em;
    border-radius: 1em;
    background: #0c0f1582;
    /* box-shadow:  20px 20px 60px #c3beae,
             -20px -20px 60px #ffffec; */
    margin-top: 2em;
}


.metabox h1 {
    font-weight: 800;
    font-size: 1.4em;
}

.metabox h2 {
    font-weight: 500;
    font-size: 1.4em;
}

.metabox h3 {
    font-weight: 300;
    font-size: 1.3em;
}

.meta-icon {
    height: 120px;
    margin-bottom: 1.5em;
    border-radius: 10em;

}

.img-round {
    border-radius: 50em;
}

.img-round-corner {
    border-radius: 1em;
}

.radius-1-8 {
    border-radius: 1.8em;
}

.radius-2 {
    border-radius: 2em;
}

.all-caps {
    text-transform: uppercase;
}





.form-control-CTO {
    border-radius: 2em;
    font-size: 1em;
    font-weight: 500;
    padding-left: 1.4em;
    color: #dce1ec;
    text-align: right;
    background-color: #222a3b82;
    border: 0px solid;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-CTO:hover {
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control-CTO:focus {
    color: #dce1ec;
    text-align: right;
    border: 0px solid;
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}




.form-green {
    box-shadow: 0px 0px 0px 1px #35CF6F inset !important;
}

.form-red {
    box-shadow: 0px 0px 0px 1px #F44040 inset !important;
}

.form-control2 {
    border-radius: 0px;
    font-size: 1.25em;
    font-weight: 500;
    padding-left: 1.4em;
    color: white;
    text-align: right;
    background-color: #00000022;
    border: 0px solid;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset;
    height: 50px;
}


.form-control2:hover {
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control2:focus {
    color: white;
    text-align: right;
    border: 0px solid;
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-gbe {
    border-radius: 0px !important;
    font-size: 1.25em !important;
    font-weight: 500 !important;
    padding-left: 1.4em !important;
    color: white !important;
    text-align: right !important;
    background-color: #00000022 !important;
    border: 0px solid !important;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset !important;
    height: 50px !important;
}


.form-control-gbe:hover {
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-control-gbe:focus {
    color: white !important;
    text-align: right !important;
    border: 0px solid !important;
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-group {
    margin-bottom: 0.2em;
}

.btn {
    border-radius: 0px;
    padding-left: 15px;
    padding-right: 15px;
    height: 50px;
    border: solid 0px;
}

.btn-sm {
    border-radius: 0px;
    border: solid 0px;
    padding: 10px;
    font-size: 0.8em;
}

.gbe-border-bot-green {
    border-bottom: 5px solid #35CF6F;
}

.gbe-border-bot-red {
    border-bottom: 1px solid #f44040;
}

.gbe-border-fat-bot-red {
    border-bottom: 5px solid #f44040;
}

.btn-navbar {
    margin-top: -3px;
}

.btn-dark {
    color: #35CF6F;
    background-color: #00000000;
    border-color: #35CF6F;
}

.btn-dark:hover {
    color: #000000;
    background-color: #35CF6F;
    border-color: #35CF6F;
}

.btn-outline-dark {
    border: 1px solid;
}

.btn-outline-dark:hover {
    color: #e5e0cd;
    background-color: #000000;
    border-color: #000000;
}

.square-borders {
    border-radius: 0px !important;
}

.btn-green {
    color: black !important;
    background: #35CF6F !important;
    border-color: #35CF6F !important;
}

.btn-red {
    color: white;
    background: #f44040;
    border-color: #f44040;
}

.btn-red:hover {
    color: black;
    background: #f44040;
    border-color: #f44040;
}

.btn-red-outline {
    color: #f44040;
    border-color: #f44040;
    background: none;
    border: 1px solid;
    border-radius: 0px;
}

.btn-red-outline:hover {
    color: white;
    background: #f44040;
    border-color: #f44040;
}


.btn-blue-outline {
    color: #3952D1;
    border-color: #3952D1;
}

.btn-blue-outline:hover {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}

.btn-green-outline {
    color: #35CF6F;
    border-color: #35CF6F;
}

.btn-green-outline:hover {
    color: black;
    background: #35CF6F;
    border-color: #35CF6F;
}


.btn-yellow {
    color: black;
    background: #ffc107;
    border-color: #ffc107;
}

.btn-blue {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}


.btn-black {
    color: white;
    background: black;
    border-color: black;
}

.btn-black:hover {
    color: white;
    background: rgba(0, 0, 0, 0.90);
    border-color: black;
}


.btn-dark3 {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}

.btn-dark3:hover {
    color: white;
    background: #333333;
    border-color: #333333;
}


.btn-dark2 {
    color: white;
    background: #333333;
    border-color: #333333;
}

.btn-dark2:hover {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}


.btn-tall {
    height: 60px!important;
}


.btn-red-big {
    color: white;
    background: #f44040;
    border-color: #f44040;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}
.btn-red-big:hover {
    color: white;
    background: #fb5050;
    border-color: #fb5050;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}
 


/* Opacity */

.op-10 {
    opacity: 0.1;
}
.op-20 {
    opacity: 0.2;
}

.op-40 {
    opacity: 0.4;
}

.op-60 {
    opacity: 0.6;
}

.op-80 {
    opacity: 0.8;
}




/* (A) STANDARD ROW HEIGHT */
.vwrap, .vitem {
    height: 50px;
    line-height: 50px;
  }
   
  /* (B) FIXED WRAPPER */
  .vwrap {
    overflow: hidden; /* HIDE SCROLL BAR */
  }
  /* (C) TICKER ITEMS */
  .vitem { text-align: center; }
   
  /* (D) ANIMATION - MOVE ITEMS FROM TOP TO BOTTOM */
  /* CHANGE KEYFRAMES IF YOU ADD/REMOVE ITEMS */
  .vmove { position: relative; }
  @keyframes tickerv {
    0% { bottom: 0; } /* FIRST ITEM */
    30% { bottom: 30px; } /* SECOND ITEM */
    60% { bottom: 60px; } /* THIRD ITEM */
    90% { bottom: 90px; } /* FORTH ITEM */
    100% { bottom: 0; } /* BACK TO FIRST */
  }
  .vmove {
    animation-name: tickerv;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(1, 0, .5, 0);
  }
  .vmove:hover { animation-play-state: paused; }







.vault h1 { font-size: 2em;}

.vault-mini h1 { font-size: 1.5em;}
.vault-mini h2 { font-size: 1em;}

.vault p { 
    opacity: 0.5;
}

.separator { height: 2em; width: 100%;}

html {
    background-color: #000000!important;
}
body { 
    background-color: #000000!important;
    color: #FFFFFF!important;
    /* background-image: linear-gradient(to bottom, #141620, #000000); */
}

.small, small {
    font-size: 60%;
    font-weight: 400;
}

a {
    text-decoration: none!important;
    color: inherit!important;
}

a:hover {
    color: inherit!important;
}

.blur-content {
    filter: blur(50);
}

.no-border {
    border: 0px solid;
}
.margin { 
    margin-bottom: 2em;
    margin-top: 6.5em;
}

.mt-4 {
    margin-top: 30px!important;
}

.bg-dark {
    background-color: #00000033!important;
    backdrop-filter: blur(25px);
}

.bg-dark-transparent {
    background-color: #00000033!important;
    backdrop-filter: blur(25px);

}

.bg-success {
    color: white;
}

.bg-danger { 
    color: white;
}


.bg-landing-casino {
    /* 
    background-image: url(/img/gambex_city.png); */
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 4em;
    padding-bottom: 6em;
}

.bg-landing-casino h7 {
    font-size: 6em;
    font-weight: 800;
    filter: drop-shadow(8px 8px 0px #000);
}

.bg-landing-casino h3 {
    filter: drop-shadow(2px 3px 0px #000);
}


.landing-margin {
    margin-top: -1040px;
}

.switch-chain {
    background: #0000004d;
    backdrop-filter: blur(35px);
    padding: 1em;
    border-radius: 5em;
    padding-left: 2em;
}

.switch-chain-icon-active img {
    opacity: 1!important;
}

.switch-chain-icon img {
    height: 25px;
    margin-right: 20px;
    opacity: .25;
}

.switch-chain-icon:hover img {
    opacity: 1;
}

.dark-link { 

    color: black!important;
    font-weight: 800!important;
    text-decoration: underline!important;
}

.dark-link:hover { 

    color: black!important;
    font-weight: 800!important;
    text-decoration: underline!important;
}

.hero-landing {
    margin-top: 6em;
}

.hero-landing h1 { margin-top: 1em;}
.hero-landing h2 { font-weight: 200;}

h1 {
    font-weight: 800;
    font-size: 3em;
}

h2 {
    
    font-weight: 300;
}

.big-title h1 {
    font-size: 4em;
}

.no-padding {
    padding: 0px!important;
}

.metabox {
    padding: 1.8em;
    border-radius: 1em;
    background: #0c0f1582;
    /* box-shadow:  20px 20px 60px #c3beae,
             -20px -20px 60px #ffffec; */
    margin-top: 2em;
}


.metabox h1 {
    font-weight: 800;
    font-size: 1.4em;
}

.metabox h2 {
    font-weight: 500;
    font-size: 1.4em;
}

.metabox h3 {
    font-weight: 300;
    font-size: 1.3em;
}

.meta-icon {
    height: 120px;
    margin-bottom: 1.5em;
    border-radius: 10em;
    
}

.img-round {
    border-radius: 50em;
}

.img-round-corner {
    border-radius: 1em;
}

.radius-1-8 {
    border-radius: 1.8em;
}

.radius-2 {
    border-radius: 2em;
}

.all-caps {
    text-transform: uppercase;
}





.form-control-CTO {   
    border-radius: 2em;
    font-size: 1em;
    font-weight: 500;
    padding-left: 1.4em;
    color: #dce1ec;
    text-align: right;
    background-color: #222a3b82;
    border: 0px solid;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-CTO:hover {
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control-CTO:focus {   
    color: #dce1ec;
    text-align: right;
    border: 0px solid;
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}




.form-green {   
    box-shadow: 0px 0px 0px 1px #35CF6F inset!important;
}
.form-red {   
    box-shadow: 0px 0px 0px 1px #F44040 inset!important;
}

.form-control2 {   
    border-radius: 0px;
    font-size: 1.25em;
    font-weight: 500;
    padding-left: 1.4em;
    color: white;
    text-align: right;
    background-color: #00000022;
    border: 0px solid;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset;
    height: 50px;
}


.form-control2:hover {
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control2:focus {   
    color: white;
    text-align: right;
    border: 0px solid;
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-gbe {   
    border-radius: 0px !important;
    font-size: 1.25em !important;
    font-weight: 500 !important;
    padding-left: 1.4em !important;
    color: white !important;
    text-align: right !important;
    background-color: #00000022 !important;
    border: 0px solid !important;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset !important;
    height: 50px !important;
}


.form-control-gbe:hover {
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-control-gbe:focus {   
    color: white !important;
    text-align: right !important;
    border: 0px solid !important;
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-group {
    margin-bottom: 0.2em;
}

.btn { 
    border-radius: 0px; 
    padding-left: 15px;
    padding-right: 15px;
    height: 50px;
    border: solid 0px;
}

.btn-sm {
    border-radius: 0px;
    border: solid 0px;
    padding: 10px;
    font-size: 0.8em;
}

.gbe-border-bot-green {
    border-bottom: 5px solid #35CF6F;
}

.gbe-border-bot-red {
    border-bottom: 1px solid #f44040;
}
.gbe-border-fat-bot-red {
    border-bottom: 5px solid #f44040;
}

.btn-navbar {
    margin-top: -3px;
}
.btn-dark {
    color: #35CF6F;
    background-color: #00000000;
    border-color: #35CF6F;
}
.btn-dark:hover {
    color: #000000;
    background-color: #35CF6F;
    border-color: #35CF6F;
}

.btn-outline-dark {
    border: 1px solid ;
}

.btn-outline-dark:hover {
    color: #e5e0cd;
    background-color: #000000;
    border-color: #000000;
}

.square-borders {
    border-radius: 0px!important;
}

.btn-green {
    color: black!important;
    background: #35CF6F!important;
    border-color: #35CF6F!important;
}

.btn-red {
    color: white;
    background: #f44040;
    border-color: #f44040;
}
.btn-red:hover {
    color: black;
    background: #f44040;
    border-color: #f44040;
}
.btn-red-outline {
    color: #f44040;
    border-color: #f44040;
    background: none;
    border: 1px solid;
    border-radius: 0px;
}
.btn-red-outline:hover {
    color: white;
    background: #f44040;
    border-color: #f44040;
}


.btn-blue-outline {
    color: #3952D1;
    border-color: #3952D1;
}
.btn-blue-outline:hover {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}

.btn-green-outline {
    color: #35CF6F;
    border-color: #35CF6F;
}
.btn-green-outline:hover {
    color: black;
    background: #35CF6F;
    border-color: #35CF6F;
}


.btn-yellow {
    color: black;
    background: #ffc107;
    border-color: #ffc107;
}

.btn-blue {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}


.btn-black {
    color: white;
    background: black;
    border-color: black;
}
.btn-black:hover {
    color: white;
    background: rgba(0, 0, 0, 0.90);
    border-color: black;
}


.btn-dark3 {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}
.btn-dark3:hover {
    color: white;
    background: #333333;
    border-color: #333333;
}


.btn-dark2 {
    color: white;
    background: #333333;
    border-color: #333333;
}
.btn-dark2:hover {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}


.btn-tall {
    height: 60px!important;
}


.btn-red-big {
    color: white;
    background: #f44040;
    border-color: #f44040;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}
.btn-red-big:hover {
    color: white;
    background: #fb5050;
    border-color: #fb5050;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}
 


/* Opacity */

.op-10 {
    opacity: 0.1;
}
.op-20 {
    opacity: 0.2;
}

.op-40 {
    opacity: 0.4;
}

.op-60 {
    opacity: 0.6;
}

.op-80 {
    opacity: 0.8;
}




/* (A) STANDARD ROW HEIGHT */
.vwrap, .vitem {
    height: 50px;
    line-height: 50px;
  }
   
  /* (B) FIXED WRAPPER */
  .vwrap {
    overflow: hidden; /* HIDE SCROLL BAR */
  }
  /* (C) TICKER ITEMS */
  .vitem { text-align: center; }
   
  /* (D) ANIMATION - MOVE ITEMS FROM TOP TO BOTTOM */
  /* CHANGE KEYFRAMES IF YOU ADD/REMOVE ITEMS */
  .vmove { position: relative; }
  @keyframes tickerv {
    0% { bottom: 0; } /* FIRST ITEM */
    30% { bottom: 30px; } /* SECOND ITEM */
    60% { bottom: 60px; } /* THIRD ITEM */
    90% { bottom: 90px; } /* FORTH ITEM */
    100% { bottom: 0; } /* BACK TO FIRST */
  }
  .vmove {
    animation-name: tickerv;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(1, 0, .5, 0);
  }
  .vmove:hover { animation-play-state: paused; }







.vault h1 { font-size: 2em;}

.vault-mini h1 { font-size: 1.5em;}
.vault-mini h2 { font-size: 1em;}

.vault p { 
    opacity: 0.5;
}

.separator { height: 2em; width: 100%;}

html {
    background-color: #000000!important;
}
body { 
    background-color: #000000!important;
    color: #FFFFFF!important;
    /* background-image: linear-gradient(to bottom, #141620, #000000); */
}

.small, small {
    font-size: 60%;
    font-weight: 400;
}

a {
    text-decoration: none!important;
    color: inherit!important;
}

a:hover {
    color: inherit!important;
}

.blur-content {
    filter: blur(50);
}

.no-border {
    border: 0px solid;
}
.margin { 
    margin-bottom: 2em;
    margin-top: 6.5em;
}

.mt-4 {
    margin-top: 30px!important;
}

.bg-dark {
    background-color: #00000033!important;
    backdrop-filter: blur(25px);
}

.bg-dark-transparent {
    background-color: #00000033!important;
    backdrop-filter: blur(25px);

}

.bg-success {
    color: white;
}

.bg-danger { 
    color: white;
}


.bg-landing-casino {
    /* 
    background-image: url(/img/gambex_city.png); */
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 4em;
    padding-bottom: 6em;
}

.bg-landing-casino h7 {
    font-size: 6em;
    font-weight: 800;
    filter: drop-shadow(8px 8px 0px #000);
}

.bg-landing-casino h3 {
    filter: drop-shadow(2px 3px 0px #000);
}


.landing-margin {
    margin-top: -1040px;
}

.switch-chain {
    background: #0000004d;
    backdrop-filter: blur(35px);
    padding: 1em;
    border-radius: 5em;
    padding-left: 2em;
}

.switch-chain-icon-active img {
    opacity: 1!important;
}

.switch-chain-icon img {
    height: 25px;
    margin-right: 20px;
    opacity: .25;
}

.switch-chain-icon:hover img {
    opacity: 1;
}

.dark-link { 

    color: black!important;
    font-weight: 800!important;
    text-decoration: underline!important;
}

.dark-link:hover { 

    color: black!important;
    font-weight: 800!important;
    text-decoration: underline!important;
}

.hero-landing {
    margin-top: 6em;
}

.hero-landing h1 { margin-top: 1em;}
.hero-landing h2 { font-weight: 200;}

h1 {
    font-weight: 800;
    font-size: 3em;
}

h2 {
    
    font-weight: 300;
}

.big-title h1 {
    font-size: 4em;
}

.no-padding {
    padding: 0px!important;
}

.metabox {
    padding: 1.8em;
    border-radius: 1em;
    background: #0c0f1582;
    /* box-shadow:  20px 20px 60px #c3beae,
             -20px -20px 60px #ffffec; */
    margin-top: 2em;
}


.metabox h1 {
    font-weight: 800;
    font-size: 1.4em;
}

.metabox h2 {
    font-weight: 500;
    font-size: 1.4em;
}

.metabox h3 {
    font-weight: 300;
    font-size: 1.3em;
}

.meta-icon {
    height: 120px;
    margin-bottom: 1.5em;
    border-radius: 10em;
    
}

.img-round {
    border-radius: 50em;
}

.img-round-corner {
    border-radius: 1em;
}

.radius-1-8 {
    border-radius: 1.8em;
}

.radius-2 {
    border-radius: 2em;
}

.all-caps {
    text-transform: uppercase;
}





.form-control-CTO {   
    border-radius: 2em;
    font-size: 1em;
    font-weight: 500;
    padding-left: 1.4em;
    color: #dce1ec;
    text-align: right;
    background-color: #222a3b82;
    border: 0px solid;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-CTO:hover {
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control-CTO:focus {   
    color: #dce1ec;
    text-align: right;
    border: 0px solid;
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}




.form-green {   
    box-shadow: 0px 0px 0px 1px #35CF6F inset!important;
}
.form-red {   
    box-shadow: 0px 0px 0px 1px #F44040 inset!important;
}

.form-control2 {   
    border-radius: 0px;
    font-size: 1.25em;
    font-weight: 500;
    padding-left: 1.4em;
    color: white;
    text-align: right;
    background-color: #00000022;
    border: 0px solid;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset;
    height: 50px;
}


.form-control2:hover {
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control2:focus {   
    color: white;
    text-align: right;
    border: 0px solid;
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-gbe {   
    border-radius: 0px !important;
    font-size: 1.25em !important;
    font-weight: 500 !important;
    padding-left: 1.4em !important;
    color: white !important;
    text-align: right !important;
    background-color: #00000022 !important;
    border: 0px solid !important;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset !important;
    height: 50px !important;
}


.form-control-gbe:hover {
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-control-gbe:focus {   
    color: white !important;
    text-align: right !important;
    border: 0px solid !important;
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-group {
    margin-bottom: 0.2em;
}

.btn { 
    border-radius: 0px; 
    padding-left: 15px;
    padding-right: 15px;
    height: 50px;
    border: solid 0px;
}

.btn-sm {
    border-radius: 0px;
    border: solid 0px;
    padding: 10px;
    font-size: 0.8em;
}

.gbe-border-bot-green {
    border-bottom: 5px solid #35CF6F;
}

.gbe-border-bot-red {
    border-bottom: 1px solid #f44040;
}
.gbe-border-fat-bot-red {
    border-bottom: 5px solid #f44040;
}

.btn-navbar {
    margin-top: -3px;
}
.btn-dark {
    color: #35CF6F;
    background-color: #00000000;
    border-color: #35CF6F;
}
.btn-dark:hover {
    color: #000000;
    background-color: #35CF6F;
    border-color: #35CF6F;
}

.btn-outline-dark {
    border: 1px solid ;
}

.btn-outline-dark:hover {
    color: #e5e0cd;
    background-color: #000000;
    border-color: #000000;
}

.square-borders {
    border-radius: 0px!important;
}

.btn-green {
    color: black!important;
    background: #35CF6F!important;
    border-color: #35CF6F!important;
}

.btn-red {
    color: white;
    background: #f44040;
    border-color: #f44040;
}
.btn-red:hover {
    color: black;
    background: #f44040;
    border-color: #f44040;
}
.btn-red-outline {
    color: #f44040;
    border-color: #f44040;
    background: none;
    border: 1px solid;
    border-radius: 0px;
}
.btn-red-outline:hover {
    color: white;
    background: #f44040;
    border-color: #f44040;
}


.btn-blue-outline {
    color: #3952D1;
    border-color: #3952D1;
}
.btn-blue-outline:hover {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}

.btn-green-outline {
    color: #35CF6F;
    border-color: #35CF6F;
}
.btn-green-outline:hover {
    color: black;
    background: #35CF6F;
    border-color: #35CF6F;
}


.btn-yellow {
    color: black;
    background: #ffc107;
    border-color: #ffc107;
}

.btn-blue {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}


.btn-black {
    color: white;
    background: black;
    border-color: black;
}
.btn-black:hover {
    color: white;
    background: rgba(0, 0, 0, 0.90);
    border-color: black;
}


.btn-dark3 {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}
.btn-dark3:hover {
    color: white;
    background: #333333;
    border-color: #333333;
}


.btn-dark2 {
    color: white;
    background: #333333;
    border-color: #333333;
}
.btn-dark2:hover {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}


.btn-tall {
    height: 60px!important;
}


.btn-red-big {
    color: white;
    background: #f44040;
    border-color: #f44040;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}
.btn-red-big:hover {
    color: white;
    background: #fb5050;
    border-color: #fb5050;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}
 


/* Opacity */

.op-10 {
    opacity: 0.1;
}
.op-20 {
    opacity: 0.2;
}

.op-40 {
    opacity: 0.4;
}

.op-60 {
    opacity: 0.6;
}

.op-80 {
    opacity: 0.8;
}




/* (A) STANDARD ROW HEIGHT */
.vwrap, .vitem {
    height: 50px;
    line-height: 50px;
  }
   
  /* (B) FIXED WRAPPER */
  .vwrap {
    overflow: hidden; /* HIDE SCROLL BAR */
  }
  /* (C) TICKER ITEMS */
  .vitem { text-align: center; }
   
  /* (D) ANIMATION - MOVE ITEMS FROM TOP TO BOTTOM */
  /* CHANGE KEYFRAMES IF YOU ADD/REMOVE ITEMS */
  .vmove { position: relative; }
  @keyframes tickerv {
    0% { bottom: 0; } /* FIRST ITEM */
    30% { bottom: 30px; } /* SECOND ITEM */
    60% { bottom: 60px; } /* THIRD ITEM */
    90% { bottom: 90px; } /* FORTH ITEM */
    100% { bottom: 0; } /* BACK TO FIRST */
  }
  .vmove {
    animation-name: tickerv;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(1, 0, .5, 0);
  }
  .vmove:hover { animation-play-state: paused; }







.vault h1 { font-size: 2em;}

.vault-mini h1 { font-size: 1.5em;}
.vault-mini h2 { font-size: 1em;}

.vault p { 
    opacity: 0.5;
}

.separator { height: 2em; width: 100%;}

html {
    background-color: #000000!important;
}
body { 
    background-color: #000000!important;
    color: #FFFFFF!important;
    /* background-image: linear-gradient(to bottom, #141620, #000000); */
}

.small, small {
    font-size: 60%;
    font-weight: 400;
}

a {
    text-decoration: none!important;
    color: inherit!important;
}

a:hover {
    color: inherit!important;
}

.blur-content {
    filter: blur(50);
}

.no-border {
    border: 0px solid;
}
.margin { 
    margin-bottom: 2em;
    margin-top: 6.5em;
}

.mt-4 {
    margin-top: 30px!important;
}

.bg-dark {
    background-color: #00000033!important;
    backdrop-filter: blur(25px);
}

.bg-dark-transparent {
    background-color: #00000033!important;
    backdrop-filter: blur(25px);

}

.bg-success {
    color: white;
}

.bg-danger { 
    color: white;
}


.bg-landing-casino {
    /* 
    background-image: url(/img/gambex_city.png); */
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 4em;
    padding-bottom: 6em;
}

.bg-landing-casino h7 {
    font-size: 6em;
    font-weight: 800;
    filter: drop-shadow(8px 8px 0px #000);
}

.bg-landing-casino h3 {
    filter: drop-shadow(2px 3px 0px #000);
}


.landing-margin {
    margin-top: -1040px;
}

.switch-chain {
    background: #0000004d;
    backdrop-filter: blur(35px);
    padding: 1em;
    border-radius: 5em;
    padding-left: 2em;
}

.switch-chain-icon-active img {
    opacity: 1!important;
}

.switch-chain-icon img {
    height: 25px;
    margin-right: 20px;
    opacity: .25;
}

.switch-chain-icon:hover img {
    opacity: 1;
}

.dark-link { 

    color: black!important;
    font-weight: 800!important;
    text-decoration: underline!important;
}

.dark-link:hover { 

    color: black!important;
    font-weight: 800!important;
    text-decoration: underline!important;
}

.hero-landing {
    margin-top: 6em;
}

.hero-landing h1 { margin-top: 1em;}
.hero-landing h2 { font-weight: 200;}

h1 {
    font-weight: 800;
    font-size: 3em;
}

h2 {
    
    font-weight: 300;
}

.big-title h1 {
    font-size: 4em;
}

.no-padding {
    padding: 0px!important;
}

.metabox {
    padding: 1.8em;
    border-radius: 1em;
    background: #0c0f1582;
    /* box-shadow:  20px 20px 60px #c3beae,
             -20px -20px 60px #ffffec; */
    margin-top: 2em;
}


.metabox h1 {
    font-weight: 800;
    font-size: 1.4em;
}

.metabox h2 {
    font-weight: 500;
    font-size: 1.4em;
}

.metabox h3 {
    font-weight: 300;
    font-size: 1.3em;
}

.meta-icon {
    height: 120px;
    margin-bottom: 1.5em;
    border-radius: 10em;
    
}

.img-round {
    border-radius: 50em;
}

.img-round-corner {
    border-radius: 1em;
}

.radius-1-8 {
    border-radius: 1.8em;
}

.radius-2 {
    border-radius: 2em;
}

.all-caps {
    text-transform: uppercase;
}





.form-control-CTO {   
    border-radius: 2em;
    font-size: 1em;
    font-weight: 500;
    padding-left: 1.4em;
    color: #dce1ec;
    text-align: right;
    background-color: #222a3b82;
    border: 0px solid;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-CTO:hover {
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control-CTO:focus {   
    color: #dce1ec;
    text-align: right;
    border: 0px solid;
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}




.form-green {   
    box-shadow: 0px 0px 0px 1px #35CF6F inset!important;
}
.form-red {   
    box-shadow: 0px 0px 0px 1px #F44040 inset!important;
}

.form-control2 {   
    border-radius: 0px;
    font-size: 1.25em;
    font-weight: 500;
    padding-left: 1.4em;
    color: white;
    text-align: right;
    background-color: #00000022;
    border: 0px solid;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset;
    height: 50px;
}


.form-control2:hover {
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control2:focus {   
    color: white;
    text-align: right;
    border: 0px solid;
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-gbe {   
    border-radius: 0px !important;
    font-size: 1.25em !important;
    font-weight: 500 !important;
    padding-left: 1.4em !important;
    color: white !important;
    text-align: right !important;
    background-color: #00000022 !important;
    border: 0px solid !important;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset !important;
    height: 50px !important;
}


.form-control-gbe:hover {
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-control-gbe:focus {   
    color: white !important;
    text-align: right !important;
    border: 0px solid !important;
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-group {
    margin-bottom: 0.2em;
}

.btn { 
    border-radius: 0px; 
    padding-left: 15px;
    padding-right: 15px;
    height: 50px;
    border: solid 0px;
}

.btn-sm {
    border-radius: 0px;
    border: solid 0px;
    padding: 10px;
    font-size: 0.8em;
}

.gbe-border-bot-green {
    border-bottom: 5px solid #35CF6F;
}

.gbe-border-bot-red {
    border-bottom: 1px solid #f44040;
}
.gbe-border-fat-bot-red {
    border-bottom: 5px solid #f44040;
}

.btn-navbar {
    margin-top: -3px;
}
.btn-dark {
    color: #35CF6F;
    background-color: #00000000;
    border-color: #35CF6F;
}
.btn-dark:hover {
    color: #000000;
    background-color: #35CF6F;
    border-color: #35CF6F;
}

.btn-outline-dark {
    border: 1px solid ;
}

.btn-outline-dark:hover {
    color: #e5e0cd;
    background-color: #000000;
    border-color: #000000;
}

.square-borders {
    border-radius: 0px!important;
}

.btn-green {
    color: black!important;
    background: #35CF6F!important;
    border-color: #35CF6F!important;
}

.btn-red {
    color: white;
    background: #f44040;
    border-color: #f44040;
}
.btn-red:hover {
    color: black;
    background: #f44040;
    border-color: #f44040;
}
.btn-red-outline {
    color: #f44040;
    border-color: #f44040;
    background: none;
    border: 1px solid;
    border-radius: 0px;
}
.btn-red-outline:hover {
    color: white;
    background: #f44040;
    border-color: #f44040;
}


.btn-blue-outline {
    color: #3952D1;
    border-color: #3952D1;
}
.btn-blue-outline:hover {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}

.btn-green-outline {
    color: #35CF6F;
    border-color: #35CF6F;
}
.btn-green-outline:hover {
    color: black;
    background: #35CF6F;
    border-color: #35CF6F;
}


.btn-yellow {
    color: black;
    background: #ffc107;
    border-color: #ffc107;
}

.btn-blue {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}


.btn-black {
    color: white;
    background: black;
    border-color: black;
}
.btn-black:hover {
    color: white;
    background: rgba(0, 0, 0, 0.90);
    border-color: black;
}


.btn-dark3 {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}
.btn-dark3:hover {
    color: white;
    background: #333333;
    border-color: #333333;
}


.btn-dark2 {
    color: white;
    background: #333333;
    border-color: #333333;
}
.btn-dark2:hover {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}


.btn-tall {
    height: 60px!important;
}


.btn-red-big {
    color: white;
    background: #f44040;
    border-color: #f44040;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}
.btn-red-big:hover {
    color: white;
    background: #fb5050;
    border-color: #fb5050;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}
 


/* Opacity */

.op-10 {
    opacity: 0.1;
}
.op-20 {
    opacity: 0.2;
}

.op-40 {
    opacity: 0.4;
}

.op-60 {
    opacity: 0.6;
}

.op-80 {
    opacity: 0.8;
}




/* (A) STANDARD ROW HEIGHT */
.vwrap, .vitem {
    height: 50px;
    line-height: 50px;
  }
   
  /* (B) FIXED WRAPPER */
  .vwrap {
    overflow: hidden; /* HIDE SCROLL BAR */
  }
  /* (C) TICKER ITEMS */
  .vitem { text-align: center; }
   
  /* (D) ANIMATION - MOVE ITEMS FROM TOP TO BOTTOM */
  /* CHANGE KEYFRAMES IF YOU ADD/REMOVE ITEMS */
  .vmove { position: relative; }
  @keyframes tickerv {
    0% { bottom: 0; } /* FIRST ITEM */
    30% { bottom: 30px; } /* SECOND ITEM */
    60% { bottom: 60px; } /* THIRD ITEM */
    90% { bottom: 90px; } /* FORTH ITEM */
    100% { bottom: 0; } /* BACK TO FIRST */
  }
  .vmove {
    animation-name: tickerv;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(1, 0, .5, 0);
  }
  .vmove:hover { animation-play-state: paused; }







.vault h1 { font-size: 2em;}

.vault-mini h1 { font-size: 1.5em;}
.vault-mini h2 { font-size: 1em;}

.vault p { 
    opacity: 0.5;
}

.separator { height: 2em; width: 100%;}

html {
    background-color: #000000!important;
}
body { 
    background-color: #000000!important;
    color: #FFFFFF!important;
    /* background-image: linear-gradient(to bottom, #141620, #000000); */
}

.small, small {
    font-size: 60%;
    font-weight: 400;
}

a {
    text-decoration: none!important;
    color: inherit!important;
}

a:hover {
    color: inherit!important;
}

.blur-content {
    filter: blur(50);
}

.no-border {
    border: 0px solid;
}
.margin { 
    margin-bottom: 2em;
    margin-top: 6.5em;
}

.mt-4 {
    margin-top: 30px!important;
}

.bg-dark {
    background-color: #00000033!important;
    backdrop-filter: blur(25px);
}

.bg-dark-transparent {
    background-color: #00000033!important;
    backdrop-filter: blur(25px);

}

.bg-success {
    color: white;
}

.bg-danger { 
    color: white;
}


.bg-landing-casino {
    /* 
    background-image: url(/img/gambex_city.png); */
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 4em;
    padding-bottom: 6em;
}

.bg-landing-casino h7 {
    font-size: 6em;
    font-weight: 800;
    filter: drop-shadow(8px 8px 0px #000);
}

.bg-landing-casino h3 {
    filter: drop-shadow(2px 3px 0px #000);
}


.landing-margin {
    margin-top: -1040px;
}

.switch-chain {
    background: #0000004d;
    backdrop-filter: blur(35px);
    padding: 1em;
    border-radius: 5em;
    padding-left: 2em;
}

.switch-chain-icon-active img {
    opacity: 1!important;
}

.switch-chain-icon img {
    height: 25px;
    margin-right: 20px;
    opacity: .25;
}

.switch-chain-icon:hover img {
    opacity: 1;
}

.dark-link { 

    color: black!important;
    font-weight: 800!important;
    text-decoration: underline!important;
}

.dark-link:hover { 

    color: black!important;
    font-weight: 800!important;
    text-decoration: underline!important;
}

.hero-landing {
    margin-top: 6em;
}

.hero-landing h1 { margin-top: 1em;}
.hero-landing h2 { font-weight: 200;}

h1 {
    font-weight: 800;
    font-size: 3em;
}

h2 {
    
    font-weight: 300;
}

.big-title h1 {
    font-size: 4em;
}

.no-padding {
    padding: 0px!important;
}

.metabox {
    padding: 1.8em;
    border-radius: 1em;
    background: #0c0f1582;
    /* box-shadow:  20px 20px 60px #c3beae,
             -20px -20px 60px #ffffec; */
    margin-top: 2em;
}


.metabox h1 {
    font-weight: 800;
    font-size: 1.4em;
}

.metabox h2 {
    font-weight: 500;
    font-size: 1.4em;
}

.metabox h3 {
    font-weight: 300;
    font-size: 1.3em;
}

.meta-icon {
    height: 120px;
    margin-bottom: 1.5em;
    border-radius: 10em;
    
}

.img-round {
    border-radius: 50em;
}

.img-round-corner {
    border-radius: 1em;
}

.radius-1-8 {
    border-radius: 1.8em;
}

.radius-2 {
    border-radius: 2em;
}

.all-caps {
    text-transform: uppercase;
}





.form-control-CTO {   
    border-radius: 2em;
    font-size: 1em;
    font-weight: 500;
    padding-left: 1.4em;
    color: #dce1ec;
    text-align: right;
    background-color: #222a3b82;
    border: 0px solid;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-CTO:hover {
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control-CTO:focus {   
    color: #dce1ec;
    text-align: right;
    border: 0px solid;
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}




.form-green {   
    box-shadow: 0px 0px 0px 1px #35CF6F inset!important;
}
.form-red {   
    box-shadow: 0px 0px 0px 1px #F44040 inset!important;
}

.form-control2 {   
    border-radius: 0px;
    font-size: 1.25em;
    font-weight: 500;
    padding-left: 1.4em;
    color: white;
    text-align: right;
    background-color: #00000022;
    border: 0px solid;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset;
    height: 50px;
}


.form-control2:hover {
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control2:focus {   
    color: white;
    text-align: right;
    border: 0px solid;
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-gbe {   
    border-radius: 0px !important;
    font-size: 1.25em !important;
    font-weight: 500 !important;
    padding-left: 1.4em !important;
    color: white !important;
    text-align: right !important;
    background-color: #00000022 !important;
    border: 0px solid !important;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset !important;
    height: 50px !important;
}


.form-control-gbe:hover {
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-control-gbe:focus {   
    color: white !important;
    text-align: right !important;
    border: 0px solid !important;
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-group {
    margin-bottom: 0.2em;
}

.btn { 
    border-radius: 0px; 
    padding-left: 15px;
    padding-right: 15px;
    height: 50px;
    border: solid 0px;
}

.btn-sm {
    border-radius: 0px;
    border: solid 0px;
    padding: 10px;
    font-size: 0.8em;
}

.gbe-border-bot-green {
    border-bottom: 5px solid #35CF6F;
}

.gbe-border-bot-red {
    border-bottom: 1px solid #f44040;
}
.gbe-border-fat-bot-red {
    border-bottom: 5px solid #f44040;
}

.btn-navbar {
    margin-top: -3px;
}
.btn-dark {
    color: #35CF6F;
    background-color: #00000000;
    border-color: #35CF6F;
}
.btn-dark:hover {
    color: #000000;
    background-color: #35CF6F;
    border-color: #35CF6F;
}

.btn-outline-dark {
    border: 1px solid ;
}

.btn-outline-dark:hover {
    color: #e5e0cd;
    background-color: #000000;
    border-color: #000000;
}

.square-borders {
    border-radius: 0px!important;
}

.btn-green {
    color: black!important;
    background: #35CF6F!important;
    border-color: #35CF6F!important;
}

.btn-red {
    color: white;
    background: #f44040;
    border-color: #f44040;
}
.btn-red:hover {
    color: black;
    background: #f44040;
    border-color: #f44040;
}
.btn-red-outline {
    color: #f44040;
    border-color: #f44040;
    background: none;
    border: 1px solid;
    border-radius: 0px;
}
.btn-red-outline:hover {
    color: white;
    background: #f44040;
    border-color: #f44040;
}


.btn-blue-outline {
    color: #3952D1;
    border-color: #3952D1;
}
.btn-blue-outline:hover {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}

.btn-green-outline {
    color: #35CF6F;
    border-color: #35CF6F;
}
.btn-green-outline:hover {
    color: black;
    background: #35CF6F;
    border-color: #35CF6F;
}


.btn-yellow {
    color: black;
    background: #ffc107;
    border-color: #ffc107;
}

.btn-blue {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}


.btn-black {
    color: white;
    background: black;
    border-color: black;
}
.btn-black:hover {
    color: white;
    background: rgba(0, 0, 0, 0.90);
    border-color: black;
}


.btn-dark3 {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}
.btn-dark3:hover {
    color: white;
    background: #333333;
    border-color: #333333;
}


.btn-dark2 {
    color: white;
    background: #333333;
    border-color: #333333;
}
.btn-dark2:hover {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}


.btn-tall {
    height: 60px!important;
}


.btn-red-big {
    color: white;
    background: #f44040;
    border-color: #f44040;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}
.btn-red-big:hover {
    color: white;
    background: #fb5050;
    border-color: #fb5050;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}
 


/* Opacity */

.op-10 {
    opacity: 0.1;
}
.op-20 {
    opacity: 0.2;
}

.op-40 {
    opacity: 0.4;
}

.op-60 {
    opacity: 0.6;
}

.op-80 {
    opacity: 0.8;
}




/* (A) STANDARD ROW HEIGHT */
.vwrap, .vitem {
    height: 50px;
    line-height: 50px;
  }
   
  /* (B) FIXED WRAPPER */
  .vwrap {
    overflow: hidden; /* HIDE SCROLL BAR */
  }
  /* (C) TICKER ITEMS */
  .vitem { text-align: center; }
   
  /* (D) ANIMATION - MOVE ITEMS FROM TOP TO BOTTOM */
  /* CHANGE KEYFRAMES IF YOU ADD/REMOVE ITEMS */
  .vmove { position: relative; }
  @keyframes tickerv {
    0% { bottom: 0; } /* FIRST ITEM */
    30% { bottom: 30px; } /* SECOND ITEM */
    60% { bottom: 60px; } /* THIRD ITEM */
    90% { bottom: 90px; } /* FORTH ITEM */
    100% { bottom: 0; } /* BACK TO FIRST */
  }
  .vmove {
    animation-name: tickerv;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(1, 0, .5, 0);
  }
  .vmove:hover { animation-play-state: paused; }







.vault h1 { font-size: 2em;}

.vault-mini h1 { font-size: 1.5em;}
.vault-mini h2 { font-size: 1em;}

.vault p { 
    opacity: 0.5;
}

.separator { height: 2em; width: 100%;}

html {
    background-color: #000000!important;
}
body { 
    background-color: #000000!important;
    color: #FFFFFF!important;
    /* background-image: linear-gradient(to bottom, #141620, #000000); */
}

.small, small {
    font-size: 60%;
    font-weight: 400;
}

a {
    text-decoration: none!important;
    color: inherit!important;
}

a:hover {
    color: inherit!important;
}

.blur-content {
    filter: blur(50);
}

.no-border {
    border: 0px solid;
}
.margin { 
    margin-bottom: 2em;
    margin-top: 6.5em;
}

.mt-4 {
    margin-top: 30px!important;
}

.bg-dark {    
    background-color: #00000033!important;
    backdrop-filter: blur(25px);
}

.bg-dark-transparent {
    background-color: #00000033!important;
    backdrop-filter: blur(25px);

}

.bg-success {
    color: white;
}

.bg-danger { 
    color: white;
}


.bg-landing-casino {
    /* 
    background-image: url(/img/gambex_city.png); */
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 4em;
    padding-bottom: 6em;
}

.bg-landing-casino h7 {
    font-size: 6em;
    font-weight: 800;
    filter: drop-shadow(8px 8px 0px #000);
}

.bg-landing-casino h3 {
    filter: drop-shadow(2px 3px 0px #000);
}


.landing-margin {
    margin-top: -1040px;
}

.switch-chain {
    background: #0000004d;
    backdrop-filter: blur(35px);
    padding: 1em;
    border-radius: 5em;
    padding-left: 2em;
}

.switch-chain-icon-active img {
    opacity: 1!important;
}

.switch-chain-icon img {
    height: 25px;
    margin-right: 20px;
    opacity: .25;
}

.switch-chain-icon:hover img {
    opacity: 1;
}

.dark-link { 

    color: black!important;
    font-weight: 800!important;
    text-decoration: underline!important;
}

.dark-link:hover { 

    color: black!important;
    font-weight: 800!important;
    text-decoration: underline!important;
}

.hero-landing {
    margin-top: 6em;
}

.hero-landing h1 { margin-top: 1em;}
.hero-landing h2 { font-weight: 200;}

h1 {
    font-weight: 800;
    font-size: 3em;
}

h2 {
    
    font-weight: 300;
}

.big-title h1 {
    font-size: 4em;
}

.no-padding {
    padding: 0px!important;
}

.metabox {
    padding: 1.8em;
    border-radius: 1em;
    background: #0c0f1582;
    /* box-shadow:  20px 20px 60px #c3beae,
             -20px -20px 60px #ffffec; */
    margin-top: 2em;
}


.metabox h1 {
    font-weight: 800;
    font-size: 1.4em;
}

.metabox h2 {
    font-weight: 500;
    font-size: 1.4em;
}

.metabox h3 {
    font-weight: 300;
    font-size: 1.3em;
}

.meta-icon {
    height: 120px;
    margin-bottom: 1.5em;
    border-radius: 10em;
    
}

.img-round {
    border-radius: 50em;
}

.img-round-corner {
    border-radius: 1em;
}

.radius-1-8 {
    border-radius: 1.8em;
}

.radius-2 {
    border-radius: 2em;
}

.all-caps {
    text-transform: uppercase;
}





.form-control-CTO {   
    border-radius: 2em;
    font-size: 1em;
    font-weight: 500;
    padding-left: 1.4em;
    color: #dce1ec;
    text-align: right;
    background-color: #222a3b82;
    border: 0px solid;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-CTO:hover {
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control-CTO:focus {   
    color: #dce1ec;
    text-align: right;
    border: 0px solid;
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}




.form-green {   
    box-shadow: 0px 0px 0px 1px #35CF6F inset!important;
}
.form-red {   
    box-shadow: 0px 0px 0px 1px #F44040 inset!important;
}

.form-control2 {   
    border-radius: 0px;
    font-size: 1.25em;
    font-weight: 500;
    padding-left: 1.4em;
    color: white;
    text-align: right;
    background-color: #00000022;
    border: 0px solid;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset;
    height: 50px;
}


.form-control2:hover {
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control2:focus {   
    color: white;
    text-align: right;
    border: 0px solid;
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-gbe {   
    border-radius: 0px !important;
    font-size: 1.25em !important;
    font-weight: 500 !important;
    padding-left: 1.4em !important;
    color: white !important;
    text-align: right !important;
    background-color: #00000022 !important;
    border: 0px solid !important;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset !important;
    height: 50px !important;
}


.form-control-gbe:hover {
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-control-gbe:focus {   
    color: white !important;
    text-align: right !important;
    border: 0px solid !important;
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-group {
    margin-bottom: 0.2em;
}

.btn { 
    border-radius: 0px; 
    padding-left: 15px;
    padding-right: 15px;
    height: 50px;
    border: solid 0px;
}

.btn-sm {
    border-radius: 0px;
    border: solid 0px;
    padding: 10px;
    font-size: 0.8em;
}

.gbe-border-bot-green {
    border-bottom: 5px solid #35CF6F;
}

.gbe-border-bot-red {
    border-bottom: 1px solid #f44040;
}
.gbe-border-fat-bot-red {
    border-bottom: 5px solid #f44040;
}

.btn-navbar {
    margin-top: -3px;
}
.btn-dark {
    color: #35CF6F;
    background-color: #00000000;
    border-color: #35CF6F;
}
.btn-dark:hover {
    color: #000000;
    background-color: #35CF6F;
    border-color: #35CF6F;
}

.btn-outline-dark {
    border: 1px solid ;
}

.btn-outline-dark:hover {
    color: #e5e0cd;
    background-color: #000000;
    border-color: #000000;
}

.square-borders {
    border-radius: 0px!important;
}

.btn-green {
    color: black!important;
    background: #35CF6F!important;
    border-color: #35CF6F!important;
}

.btn-red {
    color: white;
    background: #f44040;
    border-color: #f44040;
}
.btn-red:hover {
    color: black;
    background: #f44040;
    border-color: #f44040;
}
.btn-red-outline {
    color: #f44040;
    border-color: #f44040;
    background: none;
    border: 1px solid;
    border-radius: 0px;
}
.btn-red-outline:hover {
    color: white;
    background: #f44040;
    border-color: #f44040;
}


.btn-blue-outline {
    color: #3952D1;
    border-color: #3952D1;
}
.btn-blue-outline:hover {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}

.btn-green-outline {
    color: #35CF6F;
    border-color: #35CF6F;
}
.btn-green-outline:hover {
    color: black;
    background: #35CF6F;
    border-color: #35CF6F;
}


.btn-yellow {
    color: black;
    background: #ffc107;
    border-color: #ffc107;
}

.btn-blue {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}


.btn-black {
    color: white;
    background: black;
    border-color: black;
}
.btn-black:hover {
    color: white;
    background: rgba(0, 0, 0, 0.90);
    border-color: black;
}


.btn-dark3 {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}
.btn-dark3:hover {
    color: white;
    background: #333333;
    border-color: #333333;
}


.btn-dark2 {
    color: white;
    background: #333333;
    border-color: #333333;
}
.btn-dark2:hover {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}


.btn-tall {
    height: 60px!important;
}


.btn-red-big {
    color: white;
    background: #f44040;
    border-color: #f44040;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}
.btn-red-big:hover {
    color: white;
    background: #fb5050;
    border-color: #fb5050;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}
 


/* Opacity */

.op-10 {
    opacity: 0.1;
}
.op-20 {
    opacity: 0.2;
}

.op-40 {
    opacity: 0.4;
}

.op-60 {
    opacity: 0.6;
}

.op-80 {
    opacity: 0.8;
}




/* (A) STANDARD ROW HEIGHT */
.vwrap, .vitem {
    height: 50px;
    line-height: 50px;
  }
   
  /* (B) FIXED WRAPPER */
  .vwrap {
    overflow: hidden; /* HIDE SCROLL BAR */
  }
  /* (C) TICKER ITEMS */
  .vitem { text-align: center; }
   
  /* (D) ANIMATION - MOVE ITEMS FROM TOP TO BOTTOM */
  /* CHANGE KEYFRAMES IF YOU ADD/REMOVE ITEMS */
  .vmove { position: relative; }
  @keyframes tickerv {
    0% { bottom: 0; } /* FIRST ITEM */
    30% { bottom: 30px; } /* SECOND ITEM */
    60% { bottom: 60px; } /* THIRD ITEM */
    90% { bottom: 90px; } /* FORTH ITEM */
    100% { bottom: 0; } /* BACK TO FIRST */
  }
  .vmove {
    animation-name: tickerv;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(1, 0, .5, 0);
  }
  .vmove:hover { animation-play-state: paused; }







.vault h1 { font-size: 2em;}

.vault-mini h1 { font-size: 1.5em;}
.vault-mini h2 { font-size: 1em;}

.vault p { 
    opacity: 0.5;
}

.separator { height: 2em; width: 100%;}

html {
    background-color: #000000!important;
}
body { 
    background-color: #000000!important;
    color: #FFFFFF!important;
    /* background-image: linear-gradient(to bottom, #141620, #000000); */
}

.small, small {
    font-size: 60%;
    font-weight: 400;
}

a {
    text-decoration: none!important;
    color: inherit!important;
}

a:hover {
    color: inherit!important;
}

.blur-content {
    filter: blur(50);
}

.no-border {
    border: 0px solid;
}
.margin { 
    margin-bottom: 2em;
    margin-top: 6.5em;
}

.mt-4 {
    margin-top: 30px!important;
}

.bg-dark {    
    background-color: #00000033!important;
    backdrop-filter: blur(25px);
}

.bg-dark-transparent {
    background-color: #00000033!important;
    backdrop-filter: blur(25px);

}

.bg-success {
    color: white;
}

.bg-danger { 
    color: white;
}


.bg-landing-casino {
    /* 
    background-image: url(/img/gambex_city.png); */
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 4em;
    padding-bottom: 6em;
}

.bg-landing-casino h7 {
    font-size: 6em;
    font-weight: 800;
    filter: drop-shadow(8px 8px 0px #000);
}

.bg-landing-casino h3 {
    filter: drop-shadow(2px 3px 0px #000);
}


.landing-margin {
    margin-top: -1040px;
}

.switch-chain {
    background: #0000004d;
    backdrop-filter: blur(35px);
    padding: 1em;
    border-radius: 5em;
    padding-left: 2em;
}

.switch-chain-icon-active img {
    opacity: 1!important;
}

.switch-chain-icon img {
    height: 25px;
    margin-right: 20px;
    opacity: .25;
}

.switch-chain-icon:hover img {
    opacity: 1;
}

.dark-link { 

    color: black!important;
    font-weight: 800!important;
    text-decoration: underline!important;
}

.dark-link:hover { 

    color: black!important;
    font-weight: 800!important;
    text-decoration: underline!important;
}

.hero-landing {
    margin-top: 6em;
}

.hero-landing h1 { margin-top: 1em;}
.hero-landing h2 { font-weight: 200;}

h1 {
    font-weight: 800;
    font-size: 3em;
}

h2 {
    
    font-weight: 300;
}

.big-title h1 {
    font-size: 4em;
}

.no-padding {
    padding: 0px!important;
}

.metabox {
    padding: 1.8em;
    border-radius: 1em;
    background: #0c0f1582;
    /* box-shadow:  20px 20px 60px #c3beae,
             -20px -20px 60px #ffffec; */
    margin-top: 2em;
}


.metabox h1 {
    font-weight: 800;
    font-size: 1.4em;
}

.metabox h2 {
    font-weight: 500;
    font-size: 1.4em;
}

.metabox h3 {
    font-weight: 300;
    font-size: 1.3em;
}

.meta-icon {
    height: 120px;
    margin-bottom: 1.5em;
    border-radius: 10em;
    
}

.img-round {
    border-radius: 50em;
}

.img-round-corner {
    border-radius: 1em;
}

.radius-1-8 {
    border-radius: 1.8em;
}

.radius-2 {
    border-radius: 2em;
}

.all-caps {
    text-transform: uppercase;
}





.form-control-CTO {   
    border-radius: 2em;
    font-size: 1em;
    font-weight: 500;
    padding-left: 1.4em;
    color: #dce1ec;
    text-align: right;
    background-color: #222a3b82;
    border: 0px solid;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-CTO:hover {
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control-CTO:focus {   
    color: #dce1ec;
    text-align: right;
    border: 0px solid;
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}




.form-green {   
    box-shadow: 0px 0px 0px 1px #35CF6F inset!important;
}
.form-red {   
    box-shadow: 0px 0px 0px 1px #F44040 inset!important;
}

.form-control2 {   
    border-radius: 0px;
    font-size: 1.25em;
    font-weight: 500;
    padding-left: 1.4em;
    color: white;
    text-align: right;
    background-color: #00000022;
    border: 0px solid;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset;
    height: 50px;
}


.form-control2:hover {
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control2:focus {   
    color: white;
    text-align: right;
    border: 0px solid;
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-gbe {   
    border-radius: 0px !important;
    font-size: 1.25em !important;
    font-weight: 500 !important;
    padding-left: 1.4em !important;
    color: white !important;
    text-align: right !important;
    background-color: #00000022 !important;
    border: 0px solid !important;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset !important;
    height: 50px !important;
}


.form-control-gbe:hover {
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-control-gbe:focus {   
    color: white !important;
    text-align: right !important;
    border: 0px solid !important;
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-group {
    margin-bottom: 0.2em;
}

.btn { 
    border-radius: 0px; 
    padding-left: 15px;
    padding-right: 15px;
    height: 50px;
    border: solid 0px;
}

.btn-sm {
    border-radius: 0px;
    border: solid 0px;
    padding: 10px;
    font-size: 0.8em;
}

.gbe-border-bot-green {
    border-bottom: 5px solid #35CF6F;
}

.gbe-border-bot-red {
    border-bottom: 1px solid #f44040;
}
.gbe-border-fat-bot-red {
    border-bottom: 5px solid #f44040;
}

.btn-navbar {
    margin-top: -3px;
}
.btn-dark {
    color: #35CF6F;
    background-color: #00000000;
    border-color: #35CF6F;
}
.btn-dark:hover {
    color: #000000;
    background-color: #35CF6F;
    border-color: #35CF6F;
}

.btn-outline-dark {
    border: 1px solid ;
}

.btn-outline-dark:hover {
    color: #e5e0cd;
    background-color: #000000;
    border-color: #000000;
}

.square-borders {
    border-radius: 0px!important;
}

.btn-green {
    color: black!important;
    background: #35CF6F!important;
    border-color: #35CF6F!important;
}

.btn-red {
    color: white;
    background: #f44040;
    border-color: #f44040;
}
.btn-red:hover {
    color: black;
    background: #f44040;
    border-color: #f44040;
}
.btn-red-outline {
    color: #f44040;
    border-color: #f44040;
    background: none;
    border: 1px solid;
    border-radius: 0px;
}
.btn-red-outline:hover {
    color: white;
    background: #f44040;
    border-color: #f44040;
}


.btn-blue-outline {
    color: #3952D1;
    border-color: #3952D1;
}
.btn-blue-outline:hover {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}

.btn-green-outline {
    color: #35CF6F;
    border-color: #35CF6F;
}
.btn-green-outline:hover {
    color: black;
    background: #35CF6F;
    border-color: #35CF6F;
}


.btn-yellow {
    color: black;
    background: #ffc107;
    border-color: #ffc107;
}

.btn-blue {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}


.btn-black {
    color: white;
    background: black;
    border-color: black;
}
.btn-black:hover {
    color: white;
    background: rgba(0, 0, 0, 0.90);
    border-color: black;
}


.btn-dark3 {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}
.btn-dark3:hover {
    color: white;
    background: #333333;
    border-color: #333333;
}


.btn-dark2 {
    color: white;
    background: #333333;
    border-color: #333333;
}
.btn-dark2:hover {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}


.btn-tall {
    height: 60px!important;
}


.btn-red-big {
    color: white;
    background: #f44040;
    border-color: #f44040;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}
.btn-red-big:hover {
    color: white;
    background: #fb5050;
    border-color: #fb5050;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}
 


/* Opacity */

.op-10 {
    opacity: 0.1;
}
.op-20 {
    opacity: 0.2;
}

.op-40 {
    opacity: 0.4;
}

.op-60 {
    opacity: 0.6;
}

.op-80 {
    opacity: 0.8;
}




/* (A) STANDARD ROW HEIGHT */
.vwrap, .vitem {
    height: 50px;
    line-height: 50px;
  }
   
  /* (B) FIXED WRAPPER */
  .vwrap {
    overflow: hidden; /* HIDE SCROLL BAR */
  }
  /* (C) TICKER ITEMS */
  .vitem { text-align: center; }
   
  /* (D) ANIMATION - MOVE ITEMS FROM TOP TO BOTTOM */
  /* CHANGE KEYFRAMES IF YOU ADD/REMOVE ITEMS */
  .vmove { position: relative; }
  @keyframes tickerv {
    0% { bottom: 0; } /* FIRST ITEM */
    30% { bottom: 30px; } /* SECOND ITEM */
    60% { bottom: 60px; } /* THIRD ITEM */
    90% { bottom: 90px; } /* FORTH ITEM */
    100% { bottom: 0; } /* BACK TO FIRST */
  }
  .vmove {
    animation-name: tickerv;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(1, 0, .5, 0);
  }
  .vmove:hover { animation-play-state: paused; }







.vault h1 { font-size: 2em;}

.vault-mini h1 { font-size: 1.5em;}
.vault-mini h2 { font-size: 1em;}

.vault p { 
    opacity: 0.5;
}

.separator { height: 2em; width: 100%;}

html {
    background-color: #000000!important;
}
body { 
    background-color: #000000!important;
    color: #FFFFFF!important;
    /* background-image: linear-gradient(to bottom, #141620, #000000); */
}

.small, small {
    font-size: 60%;
    font-weight: 400;
}

a {
    text-decoration: none!important;
    color: inherit!important;
}

a:hover {
    color: inherit!important;
}

.blur-content {
    filter: blur(50);
}

.no-border {
    border: 0px solid;
}
.margin { 
    margin-bottom: 2em;
    margin-top: 6.5em;
}

.mt-4 {
    margin-top: 30px!important;
}

.bg-dark {    
    background-color: #00000033!important;
    backdrop-filter: blur(25px);
}

.bg-dark-transparent {
    background-color: #00000033!important;
    backdrop-filter: blur(25px);

}

.bg-success {
    color: white;
}

.bg-danger { 
    color: white;
}


.bg-landing-casino {
    /* 
    background-image: url(/img/gambex_city.png); */
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 4em;
    padding-bottom: 6em;
}

.bg-landing-casino h7 {
    font-size: 6em;
    font-weight: 800;
    filter: drop-shadow(8px 8px 0px #000);
}

.bg-landing-casino h3 {
    filter: drop-shadow(2px 3px 0px #000);
}


.landing-margin {
    margin-top: -1040px;
}

.switch-chain {
    background: #0000004d;
    backdrop-filter: blur(35px);
    padding: 1em;
    border-radius: 5em;
    padding-left: 2em;
}

.switch-chain-icon-active img {
    opacity: 1!important;
}

.switch-chain-icon img {
    height: 25px;
    margin-right: 20px;
    opacity: .25;
}

.switch-chain-icon:hover img {
    opacity: 1;
}

.dark-link { 

    color: black!important;
    font-weight: 800!important;
    text-decoration: underline!important;
}

.dark-link:hover { 

    color: black!important;
    font-weight: 800!important;
    text-decoration: underline!important;
}

.hero-landing {
    margin-top: 6em;
}

.hero-landing h1 { margin-top: 1em;}
.hero-landing h2 { font-weight: 200;}

h1 {
    font-weight: 800;
    font-size: 3em;
}

h2 {
    
    font-weight: 300;
}

.big-title h1 {
    font-size: 4em;
}

.no-padding {
    padding: 0px!important;
}

.metabox {
    padding: 1.8em;
    border-radius: 1em;
    background: #0c0f1582;
    /* box-shadow:  20px 20px 60px #c3beae,
             -20px -20px 60px #ffffec; */
    margin-top: 2em;
}


.metabox h1 {
    font-weight: 800;
    font-size: 1.4em;
}

.metabox h2 {
    font-weight: 500;
    font-size: 1.4em;
}

.metabox h3 {
    font-weight: 300;
    font-size: 1.3em;
}

.meta-icon {
    height: 120px;
    margin-bottom: 1.5em;
    border-radius: 10em;
    
}

.img-round {
    border-radius: 50em;
}

.img-round-corner {
    border-radius: 1em;
}

.radius-1-8 {
    border-radius: 1.8em;
}

.radius-2 {
    border-radius: 2em;
}

.all-caps {
    text-transform: uppercase;
}





.form-control-CTO {   
    border-radius: 2em;
    font-size: 1em;
    font-weight: 500;
    padding-left: 1.4em;
    color: #dce1ec;
    text-align: right;
    background-color: #222a3b82;
    border: 0px solid;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-CTO:hover {
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control-CTO:focus {   
    color: #dce1ec;
    text-align: right;
    border: 0px solid;
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}




.form-green {   
    box-shadow: 0px 0px 0px 1px #35CF6F inset!important;
}
.form-red {   
    box-shadow: 0px 0px 0px 1px #F44040 inset!important;
}

.form-control2 {   
    border-radius: 0px;
    font-size: 1.25em;
    font-weight: 500;
    padding-left: 1.4em;
    color: white;
    text-align: right;
    background-color: #00000022;
    border: 0px solid;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset;
    height: 50px;
}


.form-control2:hover {
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control2:focus {   
    color: white;
    text-align: right;
    border: 0px solid;
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-gbe {   
    border-radius: 0px !important;
    font-size: 1.25em !important;
    font-weight: 500 !important;
    padding-left: 1.4em !important;
    color: white !important;
    text-align: right !important;
    background-color: #00000022 !important;
    border: 0px solid !important;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset !important;
    height: 50px !important;
}


.form-control-gbe:hover {
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-control-gbe:focus {   
    color: white !important;
    text-align: right !important;
    border: 0px solid !important;
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-group {
    margin-bottom: 0.2em;
}

.btn { 
    border-radius: 0px; 
    padding-left: 15px;
    padding-right: 15px;
    height: 50px;
    border: solid 0px;
}

.btn-sm {
    border-radius: 0px;
    border: solid 0px;
    padding: 10px;
    font-size: 0.8em;
}

.gbe-border-bot-green {
    border-bottom: 5px solid #35CF6F;
}

.gbe-border-bot-red {
    border-bottom: 1px solid #f44040;
}
.gbe-border-fat-bot-red {
    border-bottom: 5px solid #f44040;
}

.btn-navbar {
    margin-top: -3px;
}
.btn-dark {
    color: #35CF6F;
    background-color: #00000000;
    border-color: #35CF6F;
}
.btn-dark:hover {
    color: #000000;
    background-color: #35CF6F;
    border-color: #35CF6F;
}

.btn-outline-dark {
    border: 1px solid ;
}

.btn-outline-dark:hover {
    color: #e5e0cd;
    background-color: #000000;
    border-color: #000000;
}

.square-borders {
    border-radius: 0px!important;
}

.btn-green {
    color: black!important;
    background: #35CF6F!important;
    border-color: #35CF6F!important;
}

.btn-red {
    color: white;
    background: #f44040;
    border-color: #f44040;
}
.btn-red:hover {
    color: black;
    background: #f44040;
    border-color: #f44040;
}
.btn-red-outline {
    color: #f44040;
    border-color: #f44040;
    background: none;
    border: 1px solid;
    border-radius: 0px;
}
.btn-red-outline:hover {
    color: white;
    background: #f44040;
    border-color: #f44040;
}


.btn-blue-outline {
    color: #3952D1;
    border-color: #3952D1;
}
.btn-blue-outline:hover {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}

.btn-green-outline {
    color: #35CF6F;
    border-color: #35CF6F;
}
.btn-green-outline:hover {
    color: black;
    background: #35CF6F;
    border-color: #35CF6F;
}


.btn-yellow {
    color: black;
    background: #ffc107;
    border-color: #ffc107;
}

.btn-blue {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}


.btn-black {
    color: white;
    background: black;
    border-color: black;
}
.btn-black:hover {
    color: white;
    background: rgba(0, 0, 0, 0.90);
    border-color: black;
}


.btn-dark3 {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}
.btn-dark3:hover {
    color: white;
    background: #333333;
    border-color: #333333;
}


.btn-dark2 {
    color: white;
    background: #333333;
    border-color: #333333;
}
.btn-dark2:hover {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}


.btn-tall {
    height: 60px !important;
}


.btn-red-big {
    color: white;
    background: #f44040;
    border-color: #f44040;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}

.btn-red-big:hover {
    color: white;
    background: #fb5050;
    border-color: #fb5050;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}



/* Opacity */

.op-10 {
    opacity: 0.1;
}

.op-20 {
    opacity: 0.2;
}

.op-40 {
    opacity: 0.4;
}

.op-60 {
    opacity: 0.6;
}

.op-80 {
    opacity: 0.8;
}




/* (A) STANDARD ROW HEIGHT */
.vwrap,
.vitem {
    height: 50px;
    line-height: 50px;
}

/* (B) FIXED WRAPPER */
.vwrap {
    overflow: hidden;
    /* HIDE SCROLL BAR */
}

/* (C) TICKER ITEMS */
.vitem {
    text-align: center;
}

/* (D) ANIMATION - MOVE ITEMS FROM TOP TO BOTTOM */
/* CHANGE KEYFRAMES IF YOU ADD/REMOVE ITEMS */
.vmove {
    position: relative;
}

@keyframes tickerv {
    0% {
        bottom: 0;
    }

    /* FIRST ITEM */
    30% {
        bottom: 30px;
    }

    /* SECOND ITEM */
    60% {
        bottom: 60px;
    }

    /* THIRD ITEM */
    90% {
        bottom: 90px;
    }

    /* FORTH ITEM */
    100% {
        bottom: 0;
    }

    /* BACK TO FIRST */
}

.vmove {
    animation-name: tickerv;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(1, 0, .5, 0);
}

.vmove:hover {
    animation-play-state: paused;
}







.vault h1 {
    font-size: 2em;
}

.vault-mini h1 {
    font-size: 1.5em;
}

.vault-mini h2 {
    font-size: 1em;
}

.vault p {
    opacity: 0.5;
}

.separator {
    height: 2em;
    width: 100%;
}

html {
    background-color: #000000 !important;
}

body {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    /* background-image: linear-gradient(to bottom, #141620, #000000); */
}

.small,
small {
    font-size: 60%;
    font-weight: 400;
}

a {
    text-decoration: none !important;
    color: inherit !important;
}

a:hover {
    color: inherit !important;
}

.blur-content {
    filter: blur(50);
}

.no-border {
    border: 0px solid;
}

.margin {
    margin-bottom: 2em;
    margin-top: 6.5em;
}

.mt-4 {
    margin-top: 30px !important;
}

.bg-dark {
    background-color: #00000033 !important;
    backdrop-filter: blur(25px);
}

.bg-dark-transparent {
    background-color: #00000033 !important;
    backdrop-filter: blur(25px);

}

.bg-success {
    color: white;
}

.bg-danger {
    color: white;
}


.bg-landing-casino {
    /* 
    background-image: url(/img/gambex_city.png); */
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 4em;
    padding-bottom: 6em;
}

.bg-landing-casino h7 {
    font-size: 6em;
    font-weight: 800;
    filter: drop-shadow(8px 8px 0px #000);
}

.bg-landing-casino h3 {
    filter: drop-shadow(2px 3px 0px #000);
}


.landing-margin {
    margin-top: -1040px;
}

.switch-chain {
    background: #0000004d;
    backdrop-filter: blur(35px);
    padding: 1em;
    border-radius: 5em;
    padding-left: 2em;
}

.switch-chain-icon-active img {
    opacity: 1 !important;
}

.switch-chain-icon img {
    height: 25px;
    margin-right: 20px;
    opacity: .25;
}

.switch-chain-icon:hover img {
    opacity: 1;
}

.dark-link {

    color: black !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

.dark-link:hover {

    color: black !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

.hero-landing {
    margin-top: 6em;
}

.hero-landing h1 {
    margin-top: 1em;
}

.hero-landing h2 {
    font-weight: 200;
}

h1 {
    font-weight: 800;
    font-size: 3em;
}

h2 {

    font-weight: 300;
}

.big-title h1 {
    font-size: 4em;
}

.no-padding {
    padding: 0px !important;
}

.metabox {
    padding: 1.8em;
    border-radius: 1em;
    background: #0c0f1582;
    /* box-shadow:  20px 20px 60px #c3beae,
             -20px -20px 60px #ffffec; */
    margin-top: 2em;
}


.metabox h1 {
    font-weight: 800;
    font-size: 1.4em;
}

.metabox h2 {
    font-weight: 500;
    font-size: 1.4em;
}

.metabox h3 {
    font-weight: 300;
    font-size: 1.3em;
}

.meta-icon {
    height: 120px;
    margin-bottom: 1.5em;
    border-radius: 10em;

}

.img-round {
    border-radius: 50em;
}

.img-round-corner {
    border-radius: 1em;
}

.radius-1-8 {
    border-radius: 1.8em;
}

.radius-2 {
    border-radius: 2em;
}

.all-caps {
    text-transform: uppercase;
}





.form-control-CTO {
    border-radius: 2em;
    font-size: 1em;
    font-weight: 500;
    padding-left: 1.4em;
    color: #dce1ec;
    text-align: right;
    background-color: #222a3b82;
    border: 0px solid;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-CTO:hover {
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control-CTO:focus {
    color: #dce1ec;
    text-align: right;
    border: 0px solid;
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}




.form-green {
    box-shadow: 0px 0px 0px 1px #35CF6F inset !important;
}

.form-red {
    box-shadow: 0px 0px 0px 1px #F44040 inset !important;
}

.form-control2 {
    border-radius: 0px;
    font-size: 1.25em;
    font-weight: 500;
    padding-left: 1.4em;
    color: white;
    text-align: right;
    background-color: #00000022;
    border: 0px solid;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset;
    height: 50px;
}


.form-control2:hover {
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control2:focus {
    color: white;
    text-align: right;
    border: 0px solid;
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-gbe {
    border-radius: 0px !important;
    font-size: 1.25em !important;
    font-weight: 500 !important;
    padding-left: 1.4em !important;
    color: white !important;
    text-align: right !important;
    background-color: #00000022 !important;
    border: 0px solid !important;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset !important;
    height: 50px !important;
}


.form-control-gbe:hover {
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-control-gbe:focus {
    color: white !important;
    text-align: right !important;
    border: 0px solid !important;
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-group {
    margin-bottom: 0.2em;
}

.btn {
    border-radius: 0px;
    padding-left: 15px;
    padding-right: 15px;
    height: 50px;
    border: solid 0px;
}

.btn-sm {
    border-radius: 0px;
    border: solid 0px;
    padding: 10px;
    font-size: 0.8em;
}

.gbe-border-bot-green {
    border-bottom: 5px solid #35CF6F;
}

.gbe-border-bot-red {
    border-bottom: 1px solid #f44040;
}

.gbe-border-fat-bot-red {
    border-bottom: 5px solid #f44040;
}

.btn-navbar {
    margin-top: -3px;
}

.btn-dark {
    color: #35CF6F;
    background-color: #00000000;
    border-color: #35CF6F;
}

.btn-dark:hover {
    color: #000000;
    background-color: #35CF6F;
    border-color: #35CF6F;
}

.btn-outline-dark {
    border: 1px solid;
}

.btn-outline-dark:hover {
    color: #e5e0cd;
    background-color: #000000;
    border-color: #000000;
}

.square-borders {
    border-radius: 0px !important;
}

.btn-green {
    color: black !important;
    background: #35CF6F !important;
    border-color: #35CF6F !important;
}

.btn-red {
    color: white;
    background: #f44040;
    border-color: #f44040;
}

.btn-red:hover {
    color: black;
    background: #f44040;
    border-color: #f44040;
}

.btn-red-outline {
    color: #f44040;
    border-color: #f44040;
    background: none;
    border: 1px solid;
    border-radius: 0px;
}

.btn-red-outline:hover {
    color: white;
    background: #f44040;
    border-color: #f44040;
}


.btn-blue-outline {
    color: #3952D1;
    border-color: #3952D1;
}

.btn-blue-outline:hover {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}

.btn-green-outline {
    color: #35CF6F;
    border-color: #35CF6F;
}

.btn-green-outline:hover {
    color: black;
    background: #35CF6F;
    border-color: #35CF6F;
}


.btn-yellow {
    color: black;
    background: #ffc107;
    border-color: #ffc107;
}

.btn-blue {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}


.btn-black {
    color: white;
    background: black;
    border-color: black;
}

.btn-black:hover {
    color: white;
    background: rgba(0, 0, 0, 0.90);
    border-color: black;
}


.btn-dark3 {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}

.btn-dark3:hover {
    color: white;
    background: #333333;
    border-color: #333333;
}


.btn-dark2 {
    color: white;
    background: #333333;
    border-color: #333333;
}

.btn-dark2:hover {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}


.btn-tall {
    height: 60px !important;
}


.btn-red-big {
    color: white;
    background: #f44040;
    border-color: #f44040;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}

.btn-red-big:hover {
    color: white;
    background: #fb5050;
    border-color: #fb5050;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}



/* Opacity */

.op-10 {
    opacity: 0.1;
}

.op-20 {
    opacity: 0.2;
}

.op-40 {
    opacity: 0.4;
}

.op-60 {
    opacity: 0.6;
}

.op-80 {
    opacity: 0.8;
}




/* (A) STANDARD ROW HEIGHT */
.vwrap,
.vitem {
    height: 50px;
    line-height: 50px;
}

/* (B) FIXED WRAPPER */
.vwrap {
    overflow: hidden;
    /* HIDE SCROLL BAR */
}

/* (C) TICKER ITEMS */
.vitem {
    text-align: center;
}

/* (D) ANIMATION - MOVE ITEMS FROM TOP TO BOTTOM */
/* CHANGE KEYFRAMES IF YOU ADD/REMOVE ITEMS */
.vmove {
    position: relative;
}

@keyframes tickerv {
    0% {
        bottom: 0;
    }

    /* FIRST ITEM */
    30% {
        bottom: 30px;
    }

    /* SECOND ITEM */
    60% {
        bottom: 60px;
    }

    /* THIRD ITEM */
    90% {
        bottom: 90px;
    }

    /* FORTH ITEM */
    100% {
        bottom: 0;
    }

    /* BACK TO FIRST */
}

.vmove {
    animation-name: tickerv;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(1, 0, .5, 0);
}

.vmove:hover {
    animation-play-state: paused;
}







.vault h1 {
    font-size: 2em;
}

.vault-mini h1 {
    font-size: 1.5em;
}

.vault-mini h2 {
    font-size: 1em;
}

.vault p {
    opacity: 0.5;
}

.separator {
    height: 2em;
    width: 100%;
}

html {
    background-color: #000000 !important;
}

body {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    /* background-image: linear-gradient(to bottom, #141620, #000000); */
}

.small,
small {
    font-size: 60%;
    font-weight: 400;
}

a {
    text-decoration: none !important;
    color: inherit !important;
}

a:hover {
    color: inherit !important;
}

.blur-content {
    filter: blur(50);
}

.no-border {
    border: 0px solid;
}

.margin {
    margin-bottom: 2em;
    margin-top: 6.5em;
}

.mt-4 {
    margin-top: 30px !important;
}

.bg-dark {
    background-color: #00000033 !important;
    backdrop-filter: blur(25px);
}

.bg-dark-transparent {
    background-color: #00000033 !important;
    backdrop-filter: blur(25px);

}

.bg-success {
    color: white;
}

.bg-danger {
    color: white;
}


.bg-landing-casino {
    /* 
    background-image: url(/img/gambex_city.png); */
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 4em;
    padding-bottom: 6em;
}

.bg-landing-casino h7 {
    font-size: 6em;
    font-weight: 800;
    filter: drop-shadow(8px 8px 0px #000);
}

.bg-landing-casino h3 {
    filter: drop-shadow(2px 3px 0px #000);
}


.landing-margin {
    margin-top: -1040px;
}

.switch-chain {
    background: #0000004d;
    backdrop-filter: blur(35px);
    padding: 1em;
    border-radius: 5em;
    padding-left: 2em;
}

.switch-chain-icon-active img {
    opacity: 1 !important;
}

.switch-chain-icon img {
    height: 25px;
    margin-right: 20px;
    opacity: .25;
}

.switch-chain-icon:hover img {
    opacity: 1;
}

.dark-link {

    color: black !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

.dark-link:hover {

    color: black !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

.hero-landing {
    margin-top: 6em;
}

.hero-landing h1 {
    margin-top: 1em;
}

.hero-landing h2 {
    font-weight: 200;
}

h1 {
    font-weight: 800;
    font-size: 3em;
}

h2 {

    font-weight: 300;
}

.big-title h1 {
    font-size: 4em;
}

.no-padding {
    padding: 0px !important;
}

.metabox {
    padding: 1.8em;
    border-radius: 1em;
    background: #0c0f1582;
    /* box-shadow:  20px 20px 60px #c3beae,
             -20px -20px 60px #ffffec; */
    margin-top: 2em;
}


.metabox h1 {
    font-weight: 800;
    font-size: 1.4em;
}

.metabox h2 {
    font-weight: 500;
    font-size: 1.4em;
}

.metabox h3 {
    font-weight: 300;
    font-size: 1.3em;
}

.meta-icon {
    height: 120px;
    margin-bottom: 1.5em;
    border-radius: 10em;

}

.img-round {
    border-radius: 50em;
}

.img-round-corner {
    border-radius: 1em;
}

.radius-1-8 {
    border-radius: 1.8em;
}

.radius-2 {
    border-radius: 2em;
}

.all-caps {
    text-transform: uppercase;
}





.form-control-CTO {
    border-radius: 2em;
    font-size: 1em;
    font-weight: 500;
    padding-left: 1.4em;
    color: #dce1ec;
    text-align: right;
    background-color: #222a3b82;
    border: 0px solid;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-CTO:hover {
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control-CTO:focus {
    color: #dce1ec;
    text-align: right;
    border: 0px solid;
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}




.form-green {
    box-shadow: 0px 0px 0px 1px #35CF6F inset !important;
}

.form-red {
    box-shadow: 0px 0px 0px 1px #F44040 inset !important;
}

.form-control2 {
    border-radius: 0px;
    font-size: 1.25em;
    font-weight: 500;
    padding-left: 1.4em;
    color: white;
    text-align: right;
    background-color: #00000022;
    border: 0px solid;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset;
    height: 50px;
}


.form-control2:hover {
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control2:focus {
    color: white;
    text-align: right;
    border: 0px solid;
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-gbe {
    border-radius: 0px !important;
    font-size: 1.25em !important;
    font-weight: 500 !important;
    padding-left: 1.4em !important;
    color: white !important;
    text-align: right !important;
    background-color: #00000022 !important;
    border: 0px solid !important;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset !important;
    height: 50px !important;
}


.form-control-gbe:hover {
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-control-gbe:focus {
    color: white !important;
    text-align: right !important;
    border: 0px solid !important;
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-group {
    margin-bottom: 0.2em;
}

.btn {
    border-radius: 0px;
    padding-left: 15px;
    padding-right: 15px;
    height: 50px;
    border: solid 0px;
}

.btn-sm {
    border-radius: 0px;
    border: solid 0px;
    padding: 10px;
    font-size: 0.8em;
}

.gbe-border-bot-green {
    border-bottom: 5px solid #35CF6F;
}

.gbe-border-bot-red {
    border-bottom: 1px solid #f44040;
}

.gbe-border-fat-bot-red {
    border-bottom: 5px solid #f44040;
}

.btn-navbar {
    margin-top: -3px;
}

.btn-dark {
    color: #35CF6F;
    background-color: #00000000;
    border-color: #35CF6F;
}

.btn-dark:hover {
    color: #000000;
    background-color: #35CF6F;
    border-color: #35CF6F;
}

.btn-outline-dark {
    border: 1px solid;
}

.btn-outline-dark:hover {
    color: #e5e0cd;
    background-color: #000000;
    border-color: #000000;
}

.square-borders {
    border-radius: 0px !important;
}

.btn-green {
    color: black !important;
    background: #35CF6F !important;
    border-color: #35CF6F !important;
}

.btn-red {
    color: white;
    background: #f44040;
    border-color: #f44040;
}

.btn-red:hover {
    color: black;
    background: #f44040;
    border-color: #f44040;
}

.btn-red-outline {
    color: #f44040;
    border-color: #f44040;
    background: none;
    border: 1px solid;
    border-radius: 0px;
}

.btn-red-outline:hover {
    color: white;
    background: #f44040;
    border-color: #f44040;
}


.btn-blue-outline {
    color: #3952D1;
    border-color: #3952D1;
}

.btn-blue-outline:hover {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}

.btn-green-outline {
    color: #35CF6F;
    border-color: #35CF6F;
}

.btn-green-outline:hover {
    color: black;
    background: #35CF6F;
    border-color: #35CF6F;
}


.btn-yellow {
    color: black;
    background: #ffc107;
    border-color: #ffc107;
}

.btn-blue {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}


.btn-black {
    color: white;
    background: black;
    border-color: black;
}

.btn-black:hover {
    color: white;
    background: rgba(0, 0, 0, 0.90);
    border-color: black;
}


.btn-dark3 {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}

.btn-dark3:hover {
    color: white;
    background: #333333;
    border-color: #333333;
}


.btn-dark2 {
    color: white;
    background: #333333;
    border-color: #333333;
}

.btn-dark2:hover {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}


.btn-tall {
    height: 60px !important;
}


.btn-red-big {
    color: white;
    background: #f44040;
    border-color: #f44040;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}

.btn-red-big:hover {
    color: white;
    background: #fb5050;
    border-color: #fb5050;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}



/* Opacity */

.op-10 {
    opacity: 0.1;
}

.op-20 {
    opacity: 0.2;
}

.op-40 {
    opacity: 0.4;
}

.op-60 {
    opacity: 0.6;
}

.op-80 {
    opacity: 0.8;
}




/* (A) STANDARD ROW HEIGHT */
.vwrap,
.vitem {
    height: 50px;
    line-height: 50px;
}

/* (B) FIXED WRAPPER */
.vwrap {
    overflow: hidden;
    /* HIDE SCROLL BAR */
}

/* (C) TICKER ITEMS */
.vitem {
    text-align: center;
}

/* (D) ANIMATION - MOVE ITEMS FROM TOP TO BOTTOM */
/* CHANGE KEYFRAMES IF YOU ADD/REMOVE ITEMS */
.vmove {
    position: relative;
}

@keyframes tickerv {
    0% {
        bottom: 0;
    }

    /* FIRST ITEM */
    30% {
        bottom: 30px;
    }

    /* SECOND ITEM */
    60% {
        bottom: 60px;
    }

    /* THIRD ITEM */
    90% {
        bottom: 90px;
    }

    /* FORTH ITEM */
    100% {
        bottom: 0;
    }

    /* BACK TO FIRST */
}

.vmove {
    animation-name: tickerv;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(1, 0, .5, 0);
}

.vmove:hover {
    animation-play-state: paused;
}







.vault h1 {
    font-size: 2em;
}

.vault-mini h1 {
    font-size: 1.5em;
}

.vault-mini h2 {
    font-size: 1em;
}

.vault p {
    opacity: 0.5;
}

.separator {
    height: 2em;
    width: 100%;
}

html {
    background-color: #000000 !important;
}

body {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    /* background-image: linear-gradient(to bottom, #141620, #000000); */
}

.small,
small {
    font-size: 60%;
    font-weight: 400;
}

a {
    text-decoration: none !important;
    color: inherit !important;
}

a:hover {
    color: inherit !important;
}

.blur-content {
    filter: blur(50);
}

.no-border {
    border: 0px solid;
}

.margin {
    margin-bottom: 2em;
    margin-top: 6.5em;
}

.mt-4 {
    margin-top: 30px !important;
}

.bg-dark {
    background-color: #00000033 !important;
    backdrop-filter: blur(25px);
}

.bg-dark-transparent {
    background-color: #00000033 !important;
    backdrop-filter: blur(25px);

}

.bg-success {
    color: white;
}

.bg-danger {
    color: white;
}


.bg-landing-casino {
    /* 
    background-image: url(/img/gambex_city.png); */
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 4em;
    padding-bottom: 6em;
}

.bg-landing-casino h7 {
    font-size: 6em;
    font-weight: 800;
    filter: drop-shadow(8px 8px 0px #000);
}

.bg-landing-casino h3 {
    filter: drop-shadow(2px 3px 0px #000);
}


.landing-margin {
    margin-top: -1040px;
}

.switch-chain {
    background: #0000004d;
    backdrop-filter: blur(35px);
    padding: 1em;
    border-radius: 5em;
    padding-left: 2em;
}

.switch-chain-icon-active img {
    opacity: 1 !important;
}

.switch-chain-icon img {
    height: 25px;
    margin-right: 20px;
    opacity: .25;
}

.switch-chain-icon:hover img {
    opacity: 1;
}

.dark-link {

    color: black !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

.dark-link:hover {

    color: black !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

.hero-landing {
    margin-top: 6em;
}

.hero-landing h1 {
    margin-top: 1em;
}

.hero-landing h2 {
    font-weight: 200;
}

h1 {
    font-weight: 800;
    font-size: 3em;
}

h2 {

    font-weight: 300;
}

.big-title h1 {
    font-size: 4em;
}

.no-padding {
    padding: 0px !important;
}

.metabox {
    padding: 1.8em;
    border-radius: 1em;
    background: #0c0f1582;
    /* box-shadow:  20px 20px 60px #c3beae,
             -20px -20px 60px #ffffec; */
    margin-top: 2em;
}


.metabox h1 {
    font-weight: 800;
    font-size: 1.4em;
}

.metabox h2 {
    font-weight: 500;
    font-size: 1.4em;
}

.metabox h3 {
    font-weight: 300;
    font-size: 1.3em;
}

.meta-icon {
    height: 120px;
    margin-bottom: 1.5em;
    border-radius: 10em;

}

.img-round {
    border-radius: 50em;
}

.img-round-corner {
    border-radius: 1em;
}

.radius-1-8 {
    border-radius: 1.8em;
}

.radius-2 {
    border-radius: 2em;
}

.all-caps {
    text-transform: uppercase;
}





.form-control-CTO {
    border-radius: 2em;
    font-size: 1em;
    font-weight: 500;
    padding-left: 1.4em;
    color: #dce1ec;
    text-align: right;
    background-color: #222a3b82;
    border: 0px solid;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-CTO:hover {
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control-CTO:focus {
    color: #dce1ec;
    text-align: right;
    border: 0px solid;
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}




.form-green {
    box-shadow: 0px 0px 0px 1px #35CF6F inset !important;
}

.form-red {
    box-shadow: 0px 0px 0px 1px #F44040 inset !important;
}

.form-control2 {
    border-radius: 0px;
    font-size: 1.25em;
    font-weight: 500;
    padding-left: 1.4em;
    color: white;
    text-align: right;
    background-color: #00000022;
    border: 0px solid;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset;
    height: 50px;
}


.form-control2:hover {
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control2:focus {
    color: white;
    text-align: right;
    border: 0px solid;
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-gbe {
    border-radius: 0px !important;
    font-size: 1.25em !important;
    font-weight: 500 !important;
    padding-left: 1.4em !important;
    color: white !important;
    text-align: right !important;
    background-color: #00000022 !important;
    border: 0px solid !important;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset !important;
    height: 50px !important;
}


.form-control-gbe:hover {
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-control-gbe:focus {
    color: white !important;
    text-align: right !important;
    border: 0px solid !important;
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-group {
    margin-bottom: 0.2em;
}

.btn {
    border-radius: 0px;
    padding-left: 15px;
    padding-right: 15px;
    height: 50px;
    border: solid 0px;
}

.btn-sm {
    border-radius: 0px;
    border: solid 0px;
    padding: 10px;
    font-size: 0.8em;
}

.gbe-border-bot-green {
    border-bottom: 5px solid #35CF6F;
}

.gbe-border-bot-red {
    border-bottom: 1px solid #f44040;
}

.gbe-border-fat-bot-red {
    border-bottom: 5px solid #f44040;
}

.btn-navbar {
    margin-top: -3px;
}

.btn-dark {
    color: #35CF6F;
    background-color: #00000000;
    border-color: #35CF6F;
}

.btn-dark:hover {
    color: #000000;
    background-color: #35CF6F;
    border-color: #35CF6F;
}

.btn-outline-dark {
    border: 1px solid;
}

.btn-outline-dark:hover {
    color: #e5e0cd;
    background-color: #000000;
    border-color: #000000;
}

.square-borders {
    border-radius: 0px !important;
}

.btn-green {
    color: black !important;
    background: #35CF6F !important;
    border-color: #35CF6F !important;
}

.btn-red {
    color: white;
    background: #f44040;
    border-color: #f44040;
}

.btn-red:hover {
    color: black;
    background: #f44040;
    border-color: #f44040;
}

.btn-red-outline {
    color: #f44040;
    border-color: #f44040;
    background: none;
    border: 1px solid;
    border-radius: 0px;
}

.btn-red-outline:hover {
    color: white;
    background: #f44040;
    border-color: #f44040;
}


.btn-blue-outline {
    color: #3952D1;
    border-color: #3952D1;
}

.btn-blue-outline:hover {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}

.btn-green-outline {
    color: #35CF6F;
    border-color: #35CF6F;
}

.btn-green-outline:hover {
    color: black;
    background: #35CF6F;
    border-color: #35CF6F;
}


.btn-yellow {
    color: black;
    background: #ffc107;
    border-color: #ffc107;
}

.btn-blue {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}


.btn-black {
    color: white;
    background: black;
    border-color: black;
}

.btn-black:hover {
    color: white;
    background: rgba(0, 0, 0, 0.90);
    border-color: black;
}


.btn-dark3 {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}

.btn-dark3:hover {
    color: white;
    background: #333333;
    border-color: #333333;
}


.btn-dark2 {
    color: white;
    background: #333333;
    border-color: #333333;
}

.btn-dark2:hover {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}


.btn-tall {
    height: 60px !important;
}


.btn-red-big {
    color: white;
    background: #f44040;
    border-color: #f44040;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}

.btn-red-big:hover {
    color: white;
    background: #fb5050;
    border-color: #fb5050;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}



/* Opacity */

.op-10 {
    opacity: 0.1;
}

.op-20 {
    opacity: 0.2;
}

.op-40 {
    opacity: 0.4;
}

.op-60 {
    opacity: 0.6;
}

.op-80 {
    opacity: 0.8;
}




/* (A) STANDARD ROW HEIGHT */
.vwrap,
.vitem {
    height: 50px;
    line-height: 50px;
}

/* (B) FIXED WRAPPER */
.vwrap {
    overflow: hidden;
    /* HIDE SCROLL BAR */
}

/* (C) TICKER ITEMS */
.vitem {
    text-align: center;
}

/* (D) ANIMATION - MOVE ITEMS FROM TOP TO BOTTOM */
/* CHANGE KEYFRAMES IF YOU ADD/REMOVE ITEMS */
.vmove {
    position: relative;
}

@keyframes tickerv {
    0% {
        bottom: 0;
    }

    /* FIRST ITEM */
    30% {
        bottom: 30px;
    }

    /* SECOND ITEM */
    60% {
        bottom: 60px;
    }

    /* THIRD ITEM */
    90% {
        bottom: 90px;
    }

    /* FORTH ITEM */
    100% {
        bottom: 0;
    }

    /* BACK TO FIRST */
}

.vmove {
    animation-name: tickerv;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(1, 0, .5, 0);
}

.vmove:hover {
    animation-play-state: paused;
}







.vault h1 {
    font-size: 2em;
}

.vault-mini h1 {
    font-size: 1.5em;
}

.vault-mini h2 {
    font-size: 1em;
}

.vault p {
    opacity: 0.5;
}

.separator {
    height: 2em;
    width: 100%;
}

html {
    background-color: #000000 !important;
}

body {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    /* background-image: linear-gradient(to bottom, #141620, #000000); */
}

.small,
small {
    font-size: 60%;
    font-weight: 400;
}

a {
    text-decoration: none !important;
    color: inherit !important;
}

a:hover {
    color: inherit !important;
}

.blur-content {
    filter: blur(50);
}

.no-border {
    border: 0px solid;
}

.margin {
    margin-bottom: 2em;
    margin-top: 6.5em;
}

.mt-4 {
    margin-top: 30px !important;
}

.bg-dark {
    background-color: #00000033 !important;
    backdrop-filter: blur(25px);
}

.bg-dark-transparent {
    background-color: #00000033 !important;
    backdrop-filter: blur(25px);

}

.bg-success {
    color: white;
}

.bg-danger {
    color: white;
}


.bg-landing-casino {
    /* 
    background-image: url(/img/gambex_city.png); */
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 4em;
    padding-bottom: 6em;
}

.bg-landing-casino h7 {
    font-size: 6em;
    font-weight: 800;
    filter: drop-shadow(8px 8px 0px #000);
}

.bg-landing-casino h3 {
    filter: drop-shadow(2px 3px 0px #000);
}


.landing-margin {
    margin-top: -1040px;
}

.switch-chain {
    background: #0000004d;
    backdrop-filter: blur(35px);
    padding: 1em;
    border-radius: 5em;
    padding-left: 2em;
}

.switch-chain-icon-active img {
    opacity: 1 !important;
}

.switch-chain-icon img {
    height: 25px;
    margin-right: 20px;
    opacity: .25;
}

.switch-chain-icon:hover img {
    opacity: 1;
}

.dark-link {

    color: black !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

.dark-link:hover {

    color: black !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

.hero-landing {
    margin-top: 6em;
}

.hero-landing h1 {
    margin-top: 1em;
}

.hero-landing h2 {
    font-weight: 200;
}

h1 {
    font-weight: 800;
    font-size: 3em;
}

h2 {

    font-weight: 300;
}

.big-title h1 {
    font-size: 4em;
}

.no-padding {
    padding: 0px !important;
}

.metabox {
    padding: 1.8em;
    border-radius: 1em;
    background: #0c0f1582;
    /* box-shadow:  20px 20px 60px #c3beae,
             -20px -20px 60px #ffffec; */
    margin-top: 2em;
}


.metabox h1 {
    font-weight: 800;
    font-size: 1.4em;
}

.metabox h2 {
    font-weight: 500;
    font-size: 1.4em;
}

.metabox h3 {
    font-weight: 300;
    font-size: 1.3em;
}

.meta-icon {
    height: 120px;
    margin-bottom: 1.5em;
    border-radius: 10em;

}

.img-round {
    border-radius: 50em;
}

.img-round-corner {
    border-radius: 1em;
}

.radius-1-8 {
    border-radius: 1.8em;
}

.radius-2 {
    border-radius: 2em;
}

.all-caps {
    text-transform: uppercase;
}





.form-control-CTO {
    border-radius: 2em;
    font-size: 1em;
    font-weight: 500;
    padding-left: 1.4em;
    color: #dce1ec;
    text-align: right;
    background-color: #222a3b82;
    border: 0px solid;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-CTO:hover {
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control-CTO:focus {
    color: #dce1ec;
    text-align: right;
    border: 0px solid;
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}




.form-green {
    box-shadow: 0px 0px 0px 1px #35CF6F inset !important;
}

.form-red {
    box-shadow: 0px 0px 0px 1px #F44040 inset !important;
}

.form-control2 {
    border-radius: 0px;
    font-size: 1.25em;
    font-weight: 500;
    padding-left: 1.4em;
    color: white;
    text-align: right;
    background-color: #00000022;
    border: 0px solid;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset;
    height: 50px;
}


.form-control2:hover {
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control2:focus {
    color: white;
    text-align: right;
    border: 0px solid;
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-gbe {
    border-radius: 0px !important;
    font-size: 1.25em !important;
    font-weight: 500 !important;
    padding-left: 1.4em !important;
    color: white !important;
    text-align: right !important;
    background-color: #00000022 !important;
    border: 0px solid !important;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset !important;
    height: 50px !important;
}


.form-control-gbe:hover {
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-control-gbe:focus {
    color: white !important;
    text-align: right !important;
    border: 0px solid !important;
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-group {
    margin-bottom: 0.2em;
}

.btn {
    border-radius: 0px;
    padding-left: 15px;
    padding-right: 15px;
    height: 50px;
    border: solid 0px;
}

.btn-sm {
    border-radius: 0px;
    border: solid 0px;
    padding: 10px;
    font-size: 0.8em;
}

.gbe-border-bot-green {
    border-bottom: 5px solid #35CF6F;
}

.gbe-border-bot-red {
    border-bottom: 1px solid #f44040;
}

.gbe-border-fat-bot-red {
    border-bottom: 5px solid #f44040;
}

.btn-navbar {
    margin-top: -3px;
}

.btn-dark {
    color: #35CF6F;
    background-color: #00000000;
    border-color: #35CF6F;
}

.btn-dark:hover {
    color: #000000;
    background-color: #35CF6F;
    border-color: #35CF6F;
}

.btn-outline-dark {
    border: 1px solid;
}

.btn-outline-dark:hover {
    color: #e5e0cd;
    background-color: #000000;
    border-color: #000000;
}

.square-borders {
    border-radius: 0px !important;
}

.btn-green {
    color: black !important;
    background: #35CF6F !important;
    border-color: #35CF6F !important;
}

.btn-red {
    color: white;
    background: #f44040;
    border-color: #f44040;
}

.btn-red:hover {
    color: black;
    background: #f44040;
    border-color: #f44040;
}

.btn-red-outline {
    color: #f44040;
    border-color: #f44040;
    background: none;
    border: 1px solid;
    border-radius: 0px;
}

.btn-red-outline:hover {
    color: white;
    background: #f44040;
    border-color: #f44040;
}


.btn-blue-outline {
    color: #3952D1;
    border-color: #3952D1;
}

.btn-blue-outline:hover {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}

.btn-green-outline {
    color: #35CF6F;
    border-color: #35CF6F;
}

.btn-green-outline:hover {
    color: black;
    background: #35CF6F;
    border-color: #35CF6F;
}


.btn-yellow {
    color: black;
    background: #ffc107;
    border-color: #ffc107;
}

.btn-blue {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}


.btn-black {
    color: white;
    background: black;
    border-color: black;
}

.btn-black:hover {
    color: white;
    background: rgba(0, 0, 0, 0.90);
    border-color: black;
}


.btn-dark3 {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}

.btn-dark3:hover {
    color: white;
    background: #333333;
    border-color: #333333;
}


.btn-dark2 {
    color: white;
    background: #333333;
    border-color: #333333;
}

.btn-dark2:hover {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}


.btn-tall {
    height: 60px !important;
}


.btn-red-big {
    color: white;
    background: #f44040;
    border-color: #f44040;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}

.btn-red-big:hover {
    color: white;
    background: #fb5050;
    border-color: #fb5050;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}



/* Opacity */

.op-10 {
    opacity: 0.1;
}

.op-20 {
    opacity: 0.2;
}

.op-40 {
    opacity: 0.4;
}

.op-60 {
    opacity: 0.6;
}

.op-80 {
    opacity: 0.8;
}




/* (A) STANDARD ROW HEIGHT */
.vwrap,
.vitem {
    height: 50px;
    line-height: 50px;
}

/* (B) FIXED WRAPPER */
.vwrap {
    overflow: hidden;
    /* HIDE SCROLL BAR */
}

/* (C) TICKER ITEMS */
.vitem {
    text-align: center;
}

/* (D) ANIMATION - MOVE ITEMS FROM TOP TO BOTTOM */
/* CHANGE KEYFRAMES IF YOU ADD/REMOVE ITEMS */
.vmove {
    position: relative;
}

@keyframes tickerv {
    0% {
        bottom: 0;
    }

    /* FIRST ITEM */
    30% {
        bottom: 30px;
    }

    /* SECOND ITEM */
    60% {
        bottom: 60px;
    }

    /* THIRD ITEM */
    90% {
        bottom: 90px;
    }

    /* FORTH ITEM */
    100% {
        bottom: 0;
    }

    /* BACK TO FIRST */
}

.vmove {
    animation-name: tickerv;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(1, 0, .5, 0);
}

.vmove:hover {
    animation-play-state: paused;
}







.vault h1 {
    font-size: 2em;
}

.vault-mini h1 {
    font-size: 1.5em;
}

.vault-mini h2 {
    font-size: 1em;
}

.vault p {
    opacity: 0.5;
}

.separator {
    height: 2em;
    width: 100%;
}

html {
    background-color: #000000 !important;
}

body {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    /* background-image: linear-gradient(to bottom, #141620, #000000); */
}

.small,
small {
    font-size: 60%;
    font-weight: 400;
}

a {
    text-decoration: none !important;
    color: inherit !important;
}

a:hover {
    color: inherit !important;
}

.blur-content {
    filter: blur(50);
}

.no-border {
    border: 0px solid;
}

.margin {
    margin-bottom: 2em;
    margin-top: 6.5em;
}

.mt-4 {
    margin-top: 30px !important;
}

.bg-dark {
    background-color: #00000033 !important;
    backdrop-filter: blur(25px);
}

.bg-dark-transparent {
    background-color: #00000033 !important;
    backdrop-filter: blur(25px);

}

.bg-success {
    color: white;
}

.bg-danger {
    color: white;
}


.bg-landing-casino {
    /* 
    background-image: url(/img/gambex_city.png); */
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 4em;
    padding-bottom: 6em;
}

.bg-landing-casino h7 {
    font-size: 6em;
    font-weight: 800;
    filter: drop-shadow(8px 8px 0px #000);
}

.bg-landing-casino h3 {
    filter: drop-shadow(2px 3px 0px #000);
}


.landing-margin {
    margin-top: -1040px;
}

.switch-chain {
    background: #0000004d;
    backdrop-filter: blur(35px);
    padding: 1em;
    border-radius: 5em;
    padding-left: 2em;
}

.switch-chain-icon-active img {
    opacity: 1 !important;
}

.switch-chain-icon img {
    height: 25px;
    margin-right: 20px;
    opacity: .25;
}

.switch-chain-icon:hover img {
    opacity: 1;
}

.dark-link {

    color: black !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

.dark-link:hover {

    color: black !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

.hero-landing {
    margin-top: 6em;
}

.hero-landing h1 {
    margin-top: 1em;
}

.hero-landing h2 {
    font-weight: 200;
}

h1 {
    font-weight: 800;
    font-size: 3em;
}

h2 {

    font-weight: 300;
}

.big-title h1 {
    font-size: 4em;
}

.no-padding {
    padding: 0px !important;
}

.metabox {
    padding: 1.8em;
    border-radius: 1em;
    background: #0c0f1582;
    /* box-shadow:  20px 20px 60px #c3beae,
             -20px -20px 60px #ffffec; */
    margin-top: 2em;
}


.metabox h1 {
    font-weight: 800;
    font-size: 1.4em;
}

.metabox h2 {
    font-weight: 500;
    font-size: 1.4em;
}

.metabox h3 {
    font-weight: 300;
    font-size: 1.3em;
}

.meta-icon {
    height: 120px;
    margin-bottom: 1.5em;
    border-radius: 10em;

}

.img-round {
    border-radius: 50em;
}

.img-round-corner {
    border-radius: 1em;
}

.radius-1-8 {
    border-radius: 1.8em;
}

.radius-2 {
    border-radius: 2em;
}

.all-caps {
    text-transform: uppercase;
}





.form-control-CTO {
    border-radius: 2em;
    font-size: 1em;
    font-weight: 500;
    padding-left: 1.4em;
    color: #dce1ec;
    text-align: right;
    background-color: #222a3b82;
    border: 0px solid;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-CTO:hover {
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control-CTO:focus {
    color: #dce1ec;
    text-align: right;
    border: 0px solid;
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}




.form-green {
    box-shadow: 0px 0px 0px 1px #35CF6F inset !important;
}

.form-red {
    box-shadow: 0px 0px 0px 1px #F44040 inset !important;
}

.form-control2 {
    border-radius: 0px;
    font-size: 1.25em;
    font-weight: 500;
    padding-left: 1.4em;
    color: white;
    text-align: right;
    background-color: #00000022;
    border: 0px solid;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset;
    height: 50px;
}


.form-control2:hover {
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control2:focus {
    color: white;
    text-align: right;
    border: 0px solid;
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-gbe {
    border-radius: 0px !important;
    font-size: 1.25em !important;
    font-weight: 500 !important;
    padding-left: 1.4em !important;
    color: white !important;
    text-align: right !important;
    background-color: #00000022 !important;
    border: 0px solid !important;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset !important;
    height: 50px !important;
}


.form-control-gbe:hover {
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-control-gbe:focus {
    color: white !important;
    text-align: right !important;
    border: 0px solid !important;
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-group {
    margin-bottom: 0.2em;
}

.btn {
    border-radius: 0px;
    padding-left: 15px;
    padding-right: 15px;
    height: 50px;
    border: solid 0px;
}

.btn-sm {
    border-radius: 0px;
    border: solid 0px;
    padding: 10px;
    font-size: 0.8em;
}

.gbe-border-bot-green {
    border-bottom: 5px solid #35CF6F;
}

.gbe-border-bot-red {
    border-bottom: 1px solid #f44040;
}

.gbe-border-fat-bot-red {
    border-bottom: 5px solid #f44040;
}

.btn-navbar {
    margin-top: -3px;
}

.btn-dark {
    color: #35CF6F;
    background-color: #00000000;
    border-color: #35CF6F;
}

.btn-dark:hover {
    color: #000000;
    background-color: #35CF6F;
    border-color: #35CF6F;
}

.btn-outline-dark {
    border: 1px solid;
}

.btn-outline-dark:hover {
    color: #e5e0cd;
    background-color: #000000;
    border-color: #000000;
}

.square-borders {
    border-radius: 0px !important;
}

.btn-green {
    color: black !important;
    background: #35CF6F !important;
    border-color: #35CF6F !important;
}

.btn-red {
    color: white;
    background: #f44040;
    border-color: #f44040;
}

.btn-red:hover {
    color: black;
    background: #f44040;
    border-color: #f44040;
}

.btn-red-outline {
    color: #f44040;
    border-color: #f44040;
    background: none;
    border: 1px solid;
    border-radius: 0px;
}

.btn-red-outline:hover {
    color: white;
    background: #f44040;
    border-color: #f44040;
}


.btn-blue-outline {
    color: #3952D1;
    border-color: #3952D1;
}

.btn-blue-outline:hover {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}

.btn-green-outline {
    color: #35CF6F;
    border-color: #35CF6F;
}

.btn-green-outline:hover {
    color: black;
    background: #35CF6F;
    border-color: #35CF6F;
}


.btn-yellow {
    color: black;
    background: #ffc107;
    border-color: #ffc107;
}

.btn-blue {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}


.btn-black {
    color: white;
    background: black;
    border-color: black;
}

.btn-black:hover {
    color: white;
    background: rgba(0, 0, 0, 0.90);
    border-color: black;
}


.btn-dark3 {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}

.btn-dark3:hover {
    color: white;
    background: #333333;
    border-color: #333333;
}


.btn-dark2 {
    color: white;
    background: #333333;
    border-color: #333333;
}

.btn-dark2:hover {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}


.btn-tall {
    height: 60px !important;
}


.btn-red-big {
    color: white;
    background: #f44040;
    border-color: #f44040;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}

.btn-red-big:hover {
    color: white;
    background: #fb5050;
    border-color: #fb5050;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}



/* Opacity */

.op-10 {
    opacity: 0.1;
}

.op-20 {
    opacity: 0.2;
}

.op-40 {
    opacity: 0.4;
}

.op-60 {
    opacity: 0.6;
}

.op-80 {
    opacity: 0.8;
}




/* (A) STANDARD ROW HEIGHT */
.vwrap,
.vitem {
    height: 50px;
    line-height: 50px;
}

/* (B) FIXED WRAPPER */
.vwrap {
    overflow: hidden;
    /* HIDE SCROLL BAR */
}

/* (C) TICKER ITEMS */
.vitem {
    text-align: center;
}

/* (D) ANIMATION - MOVE ITEMS FROM TOP TO BOTTOM */
/* CHANGE KEYFRAMES IF YOU ADD/REMOVE ITEMS */
.vmove {
    position: relative;
}

@keyframes tickerv {
    0% {
        bottom: 0;
    }

    /* FIRST ITEM */
    30% {
        bottom: 30px;
    }

    /* SECOND ITEM */
    60% {
        bottom: 60px;
    }

    /* THIRD ITEM */
    90% {
        bottom: 90px;
    }

    /* FORTH ITEM */
    100% {
        bottom: 0;
    }

    /* BACK TO FIRST */
}

.vmove {
    animation-name: tickerv;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(1, 0, .5, 0);
}

.vmove:hover {
    animation-play-state: paused;
}







.vault h1 {
    font-size: 2em;
}

.vault-mini h1 {
    font-size: 1.5em;
}

.vault-mini h2 {
    font-size: 1em;
}

.vault p {
    opacity: 0.5;
}

.separator {
    height: 2em;
    width: 100%;
}

html {
    background-color: #000000 !important;
}

body {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    /* background-image: linear-gradient(to bottom, #141620, #000000); */
}

.small,
small {
    font-size: 60%;
    font-weight: 400;
}

a {
    text-decoration: none !important;
    color: inherit !important;
}

a:hover {
    color: inherit !important;
}

.blur-content {
    filter: blur(50);
}

.no-border {
    border: 0px solid;
}

.margin {
    margin-bottom: 2em;
    margin-top: 6.5em;
}

.mt-4 {
    margin-top: 30px !important;
}

.bg-dark {
    background-color: #00000033 !important;
    backdrop-filter: blur(25px);
}

.bg-dark-transparent {
    background-color: #00000033 !important;
    backdrop-filter: blur(25px);

}

.bg-success {
    color: white;
}

.bg-danger {
    color: white;
}


.bg-landing-casino {
    /* 
    background-image: url(/img/gambex_city.png); */
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 4em;
    padding-bottom: 6em;
}

.bg-landing-casino h7 {
    font-size: 6em;
    font-weight: 800;
    filter: drop-shadow(8px 8px 0px #000);
}

.bg-landing-casino h3 {
    filter: drop-shadow(2px 3px 0px #000);
}


.landing-margin {
    margin-top: -1040px;
}

.switch-chain {
    background: #0000004d;
    backdrop-filter: blur(35px);
    padding: 1em;
    border-radius: 5em;
    padding-left: 2em;
}

.switch-chain-icon-active img {
    opacity: 1 !important;
}

.switch-chain-icon img {
    height: 25px;
    margin-right: 20px;
    opacity: .25;
}

.switch-chain-icon:hover img {
    opacity: 1;
}

.dark-link {

    color: black !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

.dark-link:hover {

    color: black !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

.hero-landing {
    margin-top: 6em;
}

.hero-landing h1 {
    margin-top: 1em;
}

.hero-landing h2 {
    font-weight: 200;
}

h1 {
    font-weight: 800;
    font-size: 3em;
}

h2 {

    font-weight: 300;
}

.big-title h1 {
    font-size: 4em;
}

.no-padding {
    padding: 0px !important;
}

.metabox {
    padding: 1.8em;
    border-radius: 1em;
    background: #0c0f1582;
    /* box-shadow:  20px 20px 60px #c3beae,
             -20px -20px 60px #ffffec; */
    margin-top: 2em;
}


.metabox h1 {
    font-weight: 800;
    font-size: 1.4em;
}

.metabox h2 {
    font-weight: 500;
    font-size: 1.4em;
}

.metabox h3 {
    font-weight: 300;
    font-size: 1.3em;
}

.meta-icon {
    height: 120px;
    margin-bottom: 1.5em;
    border-radius: 10em;

}

.img-round {
    border-radius: 50em;
}

.img-round-corner {
    border-radius: 1em;
}

.radius-1-8 {
    border-radius: 1.8em;
}

.radius-2 {
    border-radius: 2em;
}

.all-caps {
    text-transform: uppercase;
}





.form-control-CTO {
    border-radius: 2em;
    font-size: 1em;
    font-weight: 500;
    padding-left: 1.4em;
    color: #dce1ec;
    text-align: right;
    background-color: #222a3b82;
    border: 0px solid;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-CTO:hover {
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control-CTO:focus {
    color: #dce1ec;
    text-align: right;
    border: 0px solid;
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}




.form-green {
    box-shadow: 0px 0px 0px 1px #35CF6F inset !important;
}

.form-red {
    box-shadow: 0px 0px 0px 1px #F44040 inset !important;
}

.form-control2 {
    border-radius: 0px;
    font-size: 1.25em;
    font-weight: 500;
    padding-left: 1.4em;
    color: white;
    text-align: right;
    background-color: #00000022;
    border: 0px solid;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset;
    height: 50px;
}


.form-control2:hover {
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control2:focus {
    color: white;
    text-align: right;
    border: 0px solid;
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-gbe {
    border-radius: 0px !important;
    font-size: 1.25em !important;
    font-weight: 500 !important;
    padding-left: 1.4em !important;
    color: white !important;
    text-align: right !important;
    background-color: #00000022 !important;
    border: 0px solid !important;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset !important;
    height: 50px !important;
}


.form-control-gbe:hover {
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-control-gbe:focus {
    color: white !important;
    text-align: right !important;
    border: 0px solid !important;
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-group {
    margin-bottom: 0.2em;
}

.btn {
    border-radius: 0px;
    padding-left: 15px;
    padding-right: 15px;
    height: 50px;
    border: solid 0px;
}

.btn-sm {
    border-radius: 0px;
    border: solid 0px;
    padding: 10px;
    font-size: 0.8em;
}

.gbe-border-bot-green {
    border-bottom: 5px solid #35CF6F;
}

.gbe-border-bot-red {
    border-bottom: 1px solid #f44040;
}

.gbe-border-fat-bot-red {
    border-bottom: 5px solid #f44040;
}

.btn-navbar {
    margin-top: -3px;
}

.btn-dark {
    color: #35CF6F;
    background-color: #00000000;
    border-color: #35CF6F;
}

.btn-dark:hover {
    color: #000000;
    background-color: #35CF6F;
    border-color: #35CF6F;
}

.btn-outline-dark {
    border: 1px solid;
}

.btn-outline-dark:hover {
    color: #e5e0cd;
    background-color: #000000;
    border-color: #000000;
}

.square-borders {
    border-radius: 0px !important;
}

.btn-green {
    color: black !important;
    background: #35CF6F !important;
    border-color: #35CF6F !important;
}

.btn-red {
    color: white;
    background: #f44040;
    border-color: #f44040;
}

.btn-red:hover {
    color: black;
    background: #f44040;
    border-color: #f44040;
}

.btn-red-outline {
    color: #f44040;
    border-color: #f44040;
    background: none;
    border: 1px solid;
    border-radius: 0px;
}

.btn-red-outline:hover {
    color: white;
    background: #f44040;
    border-color: #f44040;
}


.btn-blue-outline {
    color: #3952D1;
    border-color: #3952D1;
}

.btn-blue-outline:hover {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}

.btn-green-outline {
    color: #35CF6F;
    border-color: #35CF6F;
}

.btn-green-outline:hover {
    color: black;
    background: #35CF6F;
    border-color: #35CF6F;
}


.btn-yellow {
    color: black;
    background: #ffc107;
    border-color: #ffc107;
}

.btn-blue {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}


.btn-black {
    color: white;
    background: black;
    border-color: black;
}

.btn-black:hover {
    color: white;
    background: rgba(0, 0, 0, 0.90);
    border-color: black;
}


.btn-dark3 {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}

.btn-dark3:hover {
    color: white;
    background: #333333;
    border-color: #333333;
}


.btn-dark2 {
    color: white;
    background: #333333;
    border-color: #333333;
}

.btn-dark2:hover {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}


.btn-tall {
    height: 60px !important;
}


.btn-red-big {
    color: white;
    background: #f44040;
    border-color: #f44040;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}

.btn-red-big:hover {
    color: white;
    background: #fb5050;
    border-color: #fb5050;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}



/* Opacity */

.op-10 {
    opacity: 0.1;
}

.op-20 {
    opacity: 0.2;
}

.op-40 {
    opacity: 0.4;
}

.op-60 {
    opacity: 0.6;
}

.op-80 {
    opacity: 0.8;
}




/* (A) STANDARD ROW HEIGHT */
.vwrap,
.vitem {
    height: 50px;
    line-height: 50px;
}

/* (B) FIXED WRAPPER */
.vwrap {
    overflow: hidden;
    /* HIDE SCROLL BAR */
}

/* (C) TICKER ITEMS */
.vitem {
    text-align: center;
}

/* (D) ANIMATION - MOVE ITEMS FROM TOP TO BOTTOM */
/* CHANGE KEYFRAMES IF YOU ADD/REMOVE ITEMS */
.vmove {
    position: relative;
}

@keyframes tickerv {
    0% {
        bottom: 0;
    }

    /* FIRST ITEM */
    30% {
        bottom: 30px;
    }

    /* SECOND ITEM */
    60% {
        bottom: 60px;
    }

    /* THIRD ITEM */
    90% {
        bottom: 90px;
    }

    /* FORTH ITEM */
    100% {
        bottom: 0;
    }

    /* BACK TO FIRST */
}

.vmove {
    animation-name: tickerv;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(1, 0, .5, 0);
}

.vmove:hover {
    animation-play-state: paused;
}







.vault h1 {
    font-size: 2em;
}

.vault-mini h1 {
    font-size: 1.5em;
}

.vault-mini h2 {
    font-size: 1em;
}

.vault p {
    opacity: 0.5;
}

.separator {
    height: 2em;
    width: 100%;
}

html {
    background-color: #000000 !important;
}

body {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    /* background-image: linear-gradient(to bottom, #141620, #000000); */
}

.small,
small {
    font-size: 60%;
    font-weight: 400;
}

a {
    text-decoration: none !important;
    color: inherit !important;
}

a:hover {
    color: inherit !important;
}

.blur-content {
    filter: blur(50);
}

.no-border {
    border: 0px solid;
}

.margin {
    margin-bottom: 2em;
    margin-top: 6.5em;
}

.mt-4 {
    margin-top: 30px !important;
}

.bg-dark {
    background-color: #00000033 !important;
    backdrop-filter: blur(25px);
}

.bg-dark-transparent {
    background-color: #00000033 !important;
    backdrop-filter: blur(25px);

}

.bg-success {
    color: white;
}

.bg-danger {
    color: white;
}


.bg-landing-casino {
    /* 
    background-image: url(/img/gambex_city.png); */
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 4em;
    padding-bottom: 6em;
}

.bg-landing-casino h7 {
    font-size: 6em;
    font-weight: 800;
    filter: drop-shadow(8px 8px 0px #000);
}

.bg-landing-casino h3 {
    filter: drop-shadow(2px 3px 0px #000);
}


.landing-margin {
    margin-top: -1040px;
}

.switch-chain {
    background: #0000004d;
    backdrop-filter: blur(35px);
    padding: 1em;
    border-radius: 5em;
    padding-left: 2em;
}

.switch-chain-icon-active img {
    opacity: 1 !important;
}

.switch-chain-icon img {
    height: 25px;
    margin-right: 20px;
    opacity: .25;
}

.switch-chain-icon:hover img {
    opacity: 1;
}

.dark-link {

    color: black !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

.dark-link:hover {

    color: black !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

.hero-landing {
    margin-top: 6em;
}

.hero-landing h1 {
    margin-top: 1em;
}

.hero-landing h2 {
    font-weight: 200;
}

h1 {
    font-weight: 800;
    font-size: 3em;
}

h2 {

    font-weight: 300;
}

.big-title h1 {
    font-size: 4em;
}

.no-padding {
    padding: 0px !important;
}

.metabox {
    padding: 1.8em;
    border-radius: 1em;
    background: #0c0f1582;
    /* box-shadow:  20px 20px 60px #c3beae,
             -20px -20px 60px #ffffec; */
    margin-top: 2em;
}


.metabox h1 {
    font-weight: 800;
    font-size: 1.4em;
}

.metabox h2 {
    font-weight: 500;
    font-size: 1.4em;
}

.metabox h3 {
    font-weight: 300;
    font-size: 1.3em;
}

.meta-icon {
    height: 120px;
    margin-bottom: 1.5em;
    border-radius: 10em;

}

.img-round {
    border-radius: 50em;
}

.img-round-corner {
    border-radius: 1em;
}

.radius-1-8 {
    border-radius: 1.8em;
}

.radius-2 {
    border-radius: 2em;
}

.all-caps {
    text-transform: uppercase;
}





.form-control-CTO {
    border-radius: 2em;
    font-size: 1em;
    font-weight: 500;
    padding-left: 1.4em;
    color: #dce1ec;
    text-align: right;
    background-color: #222a3b82;
    border: 0px solid;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-CTO:hover {
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control-CTO:focus {
    color: #dce1ec;
    text-align: right;
    border: 0px solid;
    background-color: #222a3b82;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}




.form-green {
    box-shadow: 0px 0px 0px 1px #35CF6F inset !important;
}

.form-red {
    box-shadow: 0px 0px 0px 1px #F44040 inset !important;
}

.form-control2 {
    border-radius: 0px;
    font-size: 1.25em;
    font-weight: 500;
    padding-left: 1.4em;
    color: white;
    text-align: right;
    background-color: #00000022;
    border: 0px solid;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset;
    height: 50px;
}


.form-control2:hover {
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.form-control2:focus {
    color: white;
    text-align: right;
    border: 0px solid;
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-gbe {
    border-radius: 0px !important;
    font-size: 1.25em !important;
    font-weight: 500 !important;
    padding-left: 1.4em !important;
    color: white !important;
    text-align: right !important;
    background-color: #00000022 !important;
    border: 0px solid !important;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset !important;
    height: 50px !important;
}


.form-control-gbe:hover {
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-control-gbe:focus {
    color: white !important;
    text-align: right !important;
    border: 0px solid !important;
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-group {
    margin-bottom: 0.2em;
}

.btn {
    border-radius: 0px;
    padding-left: 15px;
    padding-right: 15px;
    height: 50px;
    border: solid 0px;
}

.btn-sm {
    border-radius: 0px;
    border: solid 0px;
    padding: 10px;
    font-size: 0.8em;
}

.gbe-border-bot-green {
    border-bottom: 5px solid #35CF6F;
}

.gbe-border-bot-red {
    border-bottom: 1px solid #f44040;
}

.gbe-border-fat-bot-red {
    border-bottom: 5px solid #f44040;
}

.btn-navbar {
    margin-top: -3px;
}

.btn-dark {
    color: #35CF6F;
    background-color: #00000000;
    border-color: #35CF6F;
}

.btn-dark:hover {
    color: #000000;
    background-color: #35CF6F;
    border-color: #35CF6F;
}

.btn-outline-dark {
    border: 1px solid;
}

.btn-outline-dark:hover {
    color: #e5e0cd;
    background-color: #000000;
    border-color: #000000;
}

.square-borders {
    border-radius: 0px !important;
}

.btn-green {
    color: black !important;
    background: #35CF6F !important;
    border-color: #35CF6F !important;
}

.btn-red {
    color: white;
    background: #f44040;
    border-color: #f44040;
}

.btn-red:hover {
    color: black;
    background: #f44040;
    border-color: #f44040;
}

.btn-red-outline {
    color: #f44040;
    border-color: #f44040;
    background: none;
    border: 1px solid;
    border-radius: 0px;
}

.btn-red-outline:hover {
    color: white;
    background: #f44040;
    border-color: #f44040;
}


.btn-blue-outline {
    color: #3952D1;
    border-color: #3952D1;
}

.btn-blue-outline:hover {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}

.btn-green-outline {
    color: #35CF6F;
    border-color: #35CF6F;
}

.btn-green-outline:hover {
    color: black;
    background: #35CF6F;
    border-color: #35CF6F;
}


.btn-yellow {
    color: black;
    background: #ffc107;
    border-color: #ffc107;
}

.btn-blue {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}


.btn-black {
    color: white;
    background: black;
    border-color: black;
}

.btn-black:hover {
    color: white;
    background: rgba(0, 0, 0, 0.90);
    border-color: black;
}


.btn-dark3 {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}

.btn-dark3:hover {
    color: white;
    background: #333333;
    border-color: #333333;
}


.btn-dark2 {
    color: white;
    background: #333333;
    border-color: #333333;
}

.btn-dark2:hover {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}


.btn-tall {
    height: 60px !important;
}


.btn-red-big {
    color: white;
    background: #f44040;
    border-color: #f44040;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}

.btn-red-big:hover {
    color: white;
    background: #fb5050;
    border-color: #fb5050;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}



/* Opacity */

.op-10 {
    opacity: 0.1;
}

.op-20 {
    opacity: 0.2;
}

.op-40 {
    opacity: 0.4;
}

.op-60 {
    opacity: 0.6;
}

.op-80 {
    opacity: 0.8;
}




/* (A) STANDARD ROW HEIGHT */
.vwrap,
.vitem {
    height: 50px;
    line-height: 50px;
}

/* (B) FIXED WRAPPER */
.vwrap {
    overflow: hidden;
    /* HIDE SCROLL BAR */
}

/* (C) TICKER ITEMS */
.vitem {
    text-align: center;
}

/* (D) ANIMATION - MOVE ITEMS FROM TOP TO BOTTOM */
/* CHANGE KEYFRAMES IF YOU ADD/REMOVE ITEMS */
.vmove {
    position: relative;
}

@keyframes tickerv {
    0% {
        bottom: 0;
    }

    /* FIRST ITEM */
    30% {
        bottom: 30px;
    }

    /* SECOND ITEM */
    60% {
        bottom: 60px;
    }

    /* THIRD ITEM */
    90% {
        bottom: 90px;
    }

    /* FORTH ITEM */
    100% {
        bottom: 0;
    }

    /* BACK TO FIRST */
}

.vmove {
    animation-name: tickerv;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(1, 0, .5, 0);
}

.vmove:hover {
    animation-play-state: paused;
}







.vault h1 {
    font-size: 2em;
}

.vault-mini h1 {
    font-size: 1.5em;
}

.vault-mini h2 {
    font-size: 1em;
}

.vault p {
    opacity: 0.5;
}

.separator {
    height: 2em;
    width: 100%;
}

.separator-xl {
    height: 8em;
    width: 100%;
}

.disabled {
    opacity: .5
}

.nav-padding {
    padding-top: 1em;
    padding-bottom: 1em;
}

.navbar-brand img {
    margin-top: -5px;
    margin-right: 10px;
}

.navbar-nav img {
    margin-right: 0.2em;
    height: 22px;
    margin-top: -5px;
}

.navbar-nav li {
    font-size: 0.95em;
}

.navbar-dark .navbar-nav .nav-link {
    color: #707c8c !important;
    font-weight: 500;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: #ffffff !important;
}


.nav-link {
    margin-top: 0.1em;
    font-weight: 500;
    font-weight: 0.9em;
}

.nav-stats {
    padding: 0.5em;
    padding-left: 1em;
    color: white;
    background: #101010;
}

.nav-stats b {
    margin-right: 1em;
}

.nav-item {
    margin-left: 1em;
}

.nav-button-margin {
    margin-top: 0px;
}

.nav-title {
    color: white;
    margin-bottom: 0em;
    margin-top: 0.4em;
    font-weight: 600;
    font-size: 1.2em;
    margin-left: 1.5em;
    margin-right: 0.75em;
}

.nav-top-item {
    font-size: 0.85em;
    margin-top: -50px;
    margin-left: 7px;
}

.dropdown-menu {
    border-radius: 0.5em;
    padding-top: 1em;
    padding-bottom: 1em;
    background-color: #0c0f15d1;
    color: white;
}

.btn-dc {
    background-color: transparent;
    border: 1px solid #8663f7;
    color: white;
}

.btn-dc:hover {
    background-color: #8663f7;
    border: 1px solid #8663f7;
    color: white;
}

.btn-padding {
    padding-left: 1.5em;
    padding-right: 1.5em;
}

.btn-margin {
    margin-right: 0.5em;
    margin-left: 0.5em;
}

.btn-margin-left {
    margin-left: 1em;
}

.btn-nav-small {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.font-fat {
    font-weight: 600;
}

a.wallet-address-connected {
    background-color: #e5e0cd;
}

.completed {
    opacity: 0.5;
}

.error-input {

    border: solid 1px #f44040d1 !important;
    -moz-box-shadow: inset 0 0 10px #000000 !important;
    -webkit-box-shadow: inset 0 0 10px #000000 !important;
    box-shadow: inset 0 0 40px #F44040 !important;
}

.error-text {
    color: #F44040;
}

.very-black {
    background: #000000;
    color: #e5e0cd !important;
}

.very-black input {
    box-shadow: none !important;
    background: linear-gradient(145deg, #c3beae, #ffffec)
}


/* Theme Colours */

.color-yellow {
    color: #ffc107;
}

.color-red {
    color: #F44040;
}

.color-green {
    color: #35CF6F !important;
}


.color-green:hover {
    color: #35CF6F !important;
}

.color-win {
    color: #35CF6F !important;
    opacity: 1;
}


.color-active {
    color: #35CF6F !important;
}

.color-active:hover {
    color: #35CF6F !important;
}

.cash-prize-title {
    color: #35CF6F;
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 2.5em;
}


/* Special Backgrounds */

.bg-special-hw {
    background: url(/img/bg_special_hw.png) !important;
    background-size: cover !important;
    border: 2px solid #ff7300;
}

.bg-fastgame {

    background: url(/img/bg_fastgame.png) !important;
    background-size: cover !important;
    border: 2px solid #35CF6F;
}



.bg-red {
    background-image: linear-gradient(to bottom, #490810, #e33838) !important;
}

.bg-blue {
    background-image: linear-gradient(to bottom, #1c0849, #4a38e3) !important;
}

.bg-green {
    background-color: #35CF6F !important;
}

.bg-yellow {
    background-image: linear-gradient(to bottom, #494908, #b98f10) !important;
}

.bg-gbe-dark {
    background-color: #0e0e0e !important;
}

/* chat */

.widgetbot {
    position: fixed;
    right: 0;
    margin-right: 2em;
    bottom: 0;
    margin-bottom: 2em;
}


/* Nav Bar */

.dp-menu-width {
    min-width: 360px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}



.badge-live {
    border-radius: 2em !important;
    padding-left: 1em !important;
    padding-right: 1em !important;
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
    background-color: #1feb84 !important;
}

.form-control2:focus {
    color: white;
    text-align: right;
    border: 0px solid;
    background-color: #030303;
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}


.form-control-gbe {
    border-radius: 0px !important;
    font-size: 1.25em !important;
    font-weight: 500 !important;
    padding-left: 1.4em !important;
    color: white !important;
    text-align: right !important;
    background-color: #00000022 !important;
    border: 0px solid !important;
    box-shadow: 0px 0px 0px 1px #1E1E1E inset !important;
    height: 50px !important;
}


.form-control-gbe:hover {
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-control-gbe:focus {
    color: white !important;
    text-align: right !important;
    border: 0px solid !important;
    background-color: #030303 !important;
    box-shadow: 0px 0px 0px 2px #35CF6F inset !important;
}

.form-group {
    margin-bottom: 0.2em;
}

.btn {
    border-radius: 0px;
    padding-left: 15px;
    padding-right: 15px;
    height: 50px;
    border: solid 0px;
}

.btn-sm {
    border-radius: 0px;
    border: solid 0px;
    padding: 10px;
    font-size: 0.8em;
}

.gbe-border-bot-green {
    border-bottom: 5px solid #35CF6F;
}

.gbe-border-bot-red {
    border-bottom: 1px solid #f44040;
}

.gbe-border-fat-bot-red {
    border-bottom: 5px solid #f44040;
}

.btn-navbar {
    margin-top: -3px;
}

.btn-dark {
    color: #35CF6F;
    background-color: #00000000;
    border-color: #35CF6F;
}

.btn-dark:hover {
    color: #000000;
    background-color: #35CF6F;
    border-color: #35CF6F;
}

.btn-outline-dark {
    border: 1px solid;
}

.btn-outline-dark:hover {
    color: #e5e0cd;
    background-color: #000000;
    border-color: #000000;
}

.square-borders {
    border-radius: 0px !important;
}

.btn-green {
    color: black !important;
    background: #35CF6F !important;
    border-color: #35CF6F !important;
}

.btn-red {
    color: white;
    background: #f44040;
    border-color: #f44040;
}

.btn-red:hover {
    color: black;
    background: #f44040;
    border-color: #f44040;
}

.btn-red-outline {
    color: #f44040;
    border-color: #f44040;
    background: none;
    border: 1px solid;
    border-radius: 0px;
}

.btn-red-outline:hover {
    color: white;
    background: #f44040;
    border-color: #f44040;
}


.btn-blue-outline {
    color: #3952D1;
    border-color: #3952D1;
}

.btn-blue-outline:hover {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}

.btn-green-outline {
    color: #35CF6F;
    border-color: #35CF6F;
}

.btn-green-outline:hover {
    color: black;
    background: #35CF6F;
    border-color: #35CF6F;
}


.btn-yellow {
    color: black;
    background: #ffc107;
    border-color: #ffc107;
}

.btn-blue {
    color: white;
    background: #3952D1;
    border-color: #3952D1;
}


.btn-black {
    color: white;
    background: black;
    border-color: black;
}

.btn-black:hover {
    color: white;
    background: rgba(0, 0, 0, 0.90);
    border-color: black;
}


.btn-dark3 {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}

.btn-dark3:hover {
    color: white;
    background: #333333;
    border-color: #333333;
}


.btn-dark2 {
    color: white;
    background: #333333;
    border-color: #333333;
}

.btn-dark2:hover {
    color: white;
    background: #1E1E1E;
    border-color: #1E1E1E;
}


.btn-tall {
    height: 60px !important;
}


.btn-red-big {
    color: white;
    background: #f44040;
    border-color: #f44040;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}

.btn-red-big:hover {
    color: white;
    background: #fb5050;
    border-color: #fb5050;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
    width: 100%;
}



/* Opacity */

.op-10 {
    opacity: 0.1;
}

.op-20 {
    opacity: 0.2;
}

.op-40 {
    opacity: 0.4;
}

.op-60 {
    opacity: 0.6;
}

.op-80 {
    opacity: 0.8;
}




/* (A) STANDARD ROW HEIGHT */
.vwrap,
.vitem {
    height: 50px;
    line-height: 50px;
}

/* (B) FIXED WRAPPER */
.vwrap {
    overflow: hidden;
    /* HIDE SCROLL BAR */
}

/* (C) TICKER ITEMS */
.vitem {
    text-align: center;
}

/* (D) ANIMATION - MOVE ITEMS FROM TOP TO BOTTOM */
/* CHANGE KEYFRAMES IF YOU ADD/REMOVE ITEMS */
.vmove {
    position: relative;
}

@keyframes tickerv {
    0% {
        bottom: 0;
    }

    /* FIRST ITEM */
    30% {
        bottom: 30px;
    }

    /* SECOND ITEM */
    60% {
        bottom: 60px;
    }

    /* THIRD ITEM */
    90% {
        bottom: 90px;
    }

    /* FORTH ITEM */
    100% {
        bottom: 0;
    }

    /* BACK TO FIRST */
}

.vmove {
    animation-name: tickerv;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(1, 0, .5, 0);
}

.vmove:hover {
    animation-play-state: paused;
}







.vault h1 {
    font-size: 2em;
}

.vault-mini h1 {
    font-size: 1.5em;
}

.vault-mini h2 {
    font-size: 1em;
}

.vault p {
    opacity: 0.5;
}

.separator {
    height: 2em;
    width: 100%;
}

.separator-xl {
    height: 8em;
    width: 100%;
}

.disabled {
    opacity: .5
}

.nav-padding {
    padding-top: 1em;
    padding-bottom: 1em;
}

.navbar-brand img {
    margin-top: -5px;
    margin-right: 10px;
}

.navbar-nav img {
    margin-right: 0.2em;
    height: 22px;
    margin-top: -5px;
}

.navbar-nav li {
    font-size: 0.95em;
}

.navbar-dark .navbar-nav .nav-link {
    color: #707c8c !important;
    font-weight: 500;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: #ffffff !important;
}


.nav-link {
    margin-top: 0.1em;
    font-weight: 500;
    font-weight: 0.9em;
}

.nav-stats {
    padding: 0.5em;
    padding-left: 1em;
    color: white;
    background: #101010;
}

.nav-stats b {
    margin-right: 1em;
}

.nav-item {
    margin-left: 1em;
}

.nav-button-margin {
    margin-top: 0px;
}

.nav-title {
    color: white;
    margin-bottom: 0em;
    margin-top: 0.4em;
    font-weight: 600;
    font-size: 1.2em;
    margin-left: 1.5em;
    margin-right: 0.75em;
}

.nav-top-item {
    font-size: 0.85em;
    margin-top: -50px;
    margin-left: 7px;
}

.dropdown-menu {
    border-radius: 0.5em;
    padding-top: 1em;
    padding-bottom: 1em;
    background-color: #0c0f15d1;
    color: white;
}

.btn-dc {
    background-color: transparent;
    border: 1px solid #8663f7;
    color: white;
}

.btn-dc:hover {
    background-color: #8663f7;
    border: 1px solid #8663f7;
    color: white;
}

.btn-padding {
    padding-left: 1.5em;
    padding-right: 1.5em;
}

.btn-margin {
    margin-right: 0.5em;
    margin-left: 0.5em;
}

.btn-margin-left {
    margin-left: 1em;
}

.btn-nav-small {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.font-fat {
    font-weight: 600;
}

a.wallet-address-connected {
    background-color: #e5e0cd;
}

.completed {
    opacity: 0.5;
}

.error-input {

    border: solid 1px #f44040d1 !important;
    -moz-box-shadow: inset 0 0 10px #000000 !important;
    -webkit-box-shadow: inset 0 0 10px #000000 !important;
    box-shadow: inset 0 0 40px #F44040 !important;
}

.error-text {
    color: #F44040;
}

.very-black {
    background: #000000;
    color: #e5e0cd !important;
}

.very-black input {
    box-shadow: none !important;
    background: linear-gradient(145deg, #c3beae, #ffffec)
}


/* Theme Colours */

.color-yellow {
    color: #ffc107;
}

.color-red {
    color: #F44040;
}

.color-green {
    color: #35CF6F !important;
}


.color-green:hover {
    color: #35CF6F !important;
}

.color-win {
    color: #35CF6F !important;
    opacity: 1;
}


.color-active {
    color: #35CF6F !important;
}

.color-active:hover {
    color: #35CF6F !important;
}

.cash-prize-title {
    color: #35CF6F;
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 2.5em;
}


/* Special Backgrounds */

.bg-special-hw {
    background: url(/img/bg_special_hw.png) !important;
    background-size: cover !important;
    border: 2px solid #ff7300;
}

.bg-fastgame {

    background: url(/img/bg_fastgame.png) !important;
    background-size: cover !important;
    border: 2px solid #35CF6F;
}



.bg-red {
    background-image: linear-gradient(to bottom, #490810, #e33838) !important;
}

.bg-blue {
    background-image: linear-gradient(to bottom, #1c0849, #4a38e3) !important;
}

.bg-green {
    background-color: #35CF6F !important;
}

.bg-yellow {
    background-image: linear-gradient(to bottom, #494908, #b98f10) !important;
}


.bg-gbe-red {
    background-color: #F44040 !important;
}

.bg-gbe-dark {
    background-color: #0e0e0e !important;
}

/* chat */

.widgetbot {
    position: fixed;
    right: 0;
    margin-right: 2em;
    bottom: 0;
    margin-bottom: 2em;
}


/* Nav Bar */

.dp-menu-width {
    min-width: 360px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}



.badge-live {
    border-radius: 2em !important;
    padding-left: 1em !important;
    padding-right: 1em !important;
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
    background-color: #1feb84 !important;
}

/* Dropdown Stuff */
.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0em solid;
    border-right: 0em solid transparent;
    border-bottom: 0;
    border-left: 0em solid transparent;
}

.dropdown-item img {
    height: 20px !important;
    float: left;
    margin-top: 2px;
    margin-right: 10px;
}

.dropdown-item {
    color: white !important;
    font-weight: 300;
    font-size: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

a.dropdown-item:hover {
    background-color: #0d1118;
    color: #35CF6F !important;
}

.dropdown-item:hover {
    background-color: #0d1118;
    color: #35CF6F !important;
}

.dropdown-item:active {
    background-color: #0c0f1582;
    color: white !important;
}

.dropdown-item h6 span {
    color: #35CF6F;
    margin-left: 0.2em;
}

.dropdown-item p {
    color: #9ea9b6;
    margin-bottom: 0px;
    font-size: 0.89em;
    font-weight: 300;
}

.dropdown-divider {
    height: 0;
    overflow: hidden;
    border-top: 1px solid #2d3441;
    margin-left: 1.5em;
    margin-right: 1.5em;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}


/* Game Title */

.font-huge {
    font-size: 2.4em !important;
}


.game-title h1 {
    font-size: 2em;
    font-weight: 500;
    margin-bottom: 0px;
}

.game-title h2 {
    font-size: 1em;
    font-weight: 400;
    color: #546385;
}

.game-icon {
    float: left;
    margin-right: 1em;
    height: 56px;
}


.token-icon {
    float: left;
    margin-right: 1em;
    height: 40px;
    border-radius: 50em;
    margin-top: -10px;
}

/*  UI */

.width-100 {
    width: 100%;
}

.px-line {
    border-bottom: 1px solid white;
    opacity: .1;
    margin-top: 6em;
    margin-bottom: 6em;
}


/* Main */

.cash-core h1 {
    font-size: 3.5em;
    font-weight: 500;
    color: white;
    text-shadow: 0px 2px #0000008c;
}

.cash-core h2 {
    font-weight: 250;
    font-size: 1.2em;
    color: white;
    text-shadow: 0px 2px #0000008c;
}




.cash-core h5 {
    font-size: 1em;
    opacity: .5;
    font-weight: 250;
}

.cash-core h6 {
    font-size: 1.5em;
    margin-bottom: 0px;
}

.cash-core-img-icon-left {
    float: left;
    margin-right: 1em;
}

.cash-core-img-small {
    width: 20px;
}

.cash-core-img-normal {
    height: 44px !important;
}

.core-box-blur {
    padding: 2em;
    background-color: #0f121a96 !important;
    backdrop-filter: blur(20px);
    border-radius: 1em;
}


.landing-main {
    padding-top: 4em;
    padding-bottom: 4em;
    background-image: url(/img/gambex_city.png);
    background-repeat: no-repeat;
    background-size: cover;
}


.blur-bg {
    backdrop-filter: blur(20px);
}

.blur-bg-gray {
    backdrop-filter: blur(20px);
    background-color: #0f121a96 !important;
}

/* Benefits */

.landing-benefits {
    padding-top: 2em;
    padding-bottom: 4em;
    background-color: #0f121ab8;
}

.landing-benefits h3 {
    font-weight: 500;
    font-size: 1.4em;
}

.landing-benefits h4 {
    color: #8497b0;
    font-size: 1.2em;
    font-weight: 250;
}


/* Networks */

.landing-networks {
    padding-top: 4em;
    padding-bottom: 4em;
}

.landing-networks h1 {
    font-size: 2em !important;
}

.box-shadow {
    box-shadow: 0 5px 20px rgb(0 0 0 / 5%);
    border: 1px solid #232c38;
    border-radius: 10px;
    padding: 2em;
}

.chain-box h1 {
    font-size: 2.5em;
}

.chain-bnb {
    background-image: url(/img/bg_bnb.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.chain-dc {
    background-image: url(/img/bg_dogechain.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.chain-arb {
    background-image: url(/img/bg_arbitrum.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.chain-matic {
    background-image: url(/img/bg_matic.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.chain-cto {
    background-image: url(/img/bg_canto.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}



/* Prizes */

.landing-hero {

    padding-top: 2em;
    padding-bottom: 5em;

}

.hero-bottom {
    margin-bottom: -110px;
    ;
}

.landing-hero h1 {
    font-size: 4em !important;
    font-weight: 800 !important;

}

.landing-hero h2 {
    font-size: 1.8em !important;
}


.landing-prizes {
    padding-top: 4em;
    padding-bottom: 4em;
}




.cash-landing h4 {
    margin-bottom: 0px;
}

.cash-landing h5 {
    margin-bottom: 0px;
}

.cash-landing h1 {
    font-size: 3.4em;
}

.cash-landing-h2 {
    opacity: .5;
    font-weight: 200;
    font-size: 1.4em;
}

.radius-circle {
    border-radius: 10em !important;
}

.cash-mg40-left {
    margin-left: 20px;
}

.cash-weight-300 {
    font-weight: 300;
}

.cash-main-title {
    font-size: 3.8em;
    font-weight: 600;
    background-image: linear-gradient(160deg, #f6f8ff, #95a1cd 89%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cash-main-subtitle {
    font-size: 1.2em;
    font-weight: 200;
    background-image: linear-gradient(160deg, #f6f8ff, #95a1cd 89%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: .6;
}

.icon-top-right {
    border-radius: 50em;
    height: 56px;
    float: right;
}

.top-rounded {
    border-radius: 10px;
    border-bottom-left-radius: 0em !important;
    border-bottom-right-radius: 0em !important;
    background-color: #0c0f1582;
    background: #0000004d;
    backdrop-filter: blur(35px);
    border-bottom: 1px solid #ffffff24;
}

.middle-rounded {
    background-color: #0c0f1582;
    border-radius: 0px !important;
    background: #0000004d;
    backdrop-filter: blur(35px);
    border-bottom: 1px solid #ffffff24;
}

.bot-rounded {
    border-radius: 10px;
    border-top-left-radius: 0em !important;
    border-top-right-radius: 0em !important;
    background-color: #0c0f1582;
    background: #0000004d;
    backdrop-filter: blur(35px)
}


.cash-px-top {
    border-top: 1px solid #ffffff08 !important;
    padding-top: 1em !important;
    margin-top: 1em !important;
}

.cash-hidden {
    display: none;
}


.cash-vault-subtitle {
    color: #646f82 !important;
    font-weight: 300 !important;
    margin-bottom: 0px;
}


.cash-vault-volume {
    color: #dce1ec !important;
    margin-bottom: 0px;
    font-weight: 600 !important;
    font-size: 1.6em !important;
    margin-top: 0.2em;
}


.cash-vault-paid {
    color: #35CF6F !important;
    margin-bottom: 0px;
    font-weight: 600 !important;
    font-size: 1.6em !important;
    margin-top: 0.2em;
}

.cash-vault-processing {
    color: #dce1ec !important;
    margin-bottom: 0px;
    font-weight: 200 !important;
    font-size: 1.5em !important;
    opacity: .5;
}


.cash-live-prize {
    padding: 1.8em;
}

.cash-live-prize h1 {
    color: #FFFFFF;
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 2.5em;
}


.cash-live-prize h2 {
    margin-bottom: 0.5em;
    font-weight: 500;
    font-size: 1.5em;
}

.cash-live-prize p {
    color: #ffffff73;
    font-weight: 400;
    margin-bottom: 0px;
    font-size: 1.2em;
}


.cash-live-info {
    background-image: radial-gradient(circle, #1b202985, #1b212a42, #1c212b21, #1c222d29, #0c0f1500);
    padding: 2em;
}

.cash-live-info img {
    height: 120px;
}

.cash-live-info h1 {
    font-size: 1.25em;
    font-weight: 100;
    opacity: .5;
    margin-bottom: 1.5em;
}


.cash-live-stats {
    padding-left: 1.8em;
    padding-right: 1.8em;
    padding-bottom: 1.8em;
}

.cash-live-stats h1 {
    font-size: 1.15em;
    font-weight: 300;
    margin-bottom: 0px;
}

.cash-live-stats p {
    font-size: 1em;
    color: #777d8a;
    margin-bottom: 0.5em;
}

.cash-live-stats h2 {
    margin-bottom: 0.5em;
    font-weight: 500;
    font-size: 1.4em;
}

.cash-input-box {
    padding: 20px;
    border-radius: 4px;
    background: #3952d10a;
    backdrop-filter: blur(35px);
    border: 1px solid #3952d1;
}


.cash-input-box h2 {
    font-weight: 500;
    font-size: 1.4em;
}

.cash-input-box h1 {
    font-size: 0.85em;
    font-weight: 300;
    margin-bottom: 0px;
    float: right;
}

.cash-input-box p {
    color: #ffffffbd;
    font-size: 1em;
    float: left;
    margin-bottom: 0px;
}

.cash-input-spacer {
    margin-top: 0.5em;
}

.cash-timer {
    color: #ffc107;
}


.cash-box {
    /*
    padding: 1.8em;
    border-radius: 1.2em;
    background: #0000004d; */
    backdrop-filter: blur(35px);
}

.cash-box-sm {
    /*
    border-radius: 1.5em!important;
    padding: 1.25em!important; */
}


.cash-box h1 {
    font-size: 0.85em;
    font-weight: 300;
    margin-bottom: 0px;
}

.cash-box h2 {
    margin-bottom: 0.5em;
    font-weight: 500;
    font-size: 1.5em;
}

.cash-box p {
    font-size: 0.85em;
    color: #ffffff9e;
    margin-bottom: 0.5em;
}

.cash-box img {
    margin-right: 8px;
    height: 24px;
}

.cash-box-input {
    text-align: center !important;
    color: #949ba7 !important;
    font-weight: 300 !important;
    background-color: #00000054 !important;
    padding: 2em !important;
    font-size: 0.95em !important;
}

.cash-box-input:hover {
    text-align: center !important;
    color: #35CF6F !important;
    font-weight: 300 !important;
    background-color: #00000054 !important;
    padding: 2em !important;
    font-size: 0.95em !important;
}

.cash-box-highlight:hover {
    /*
    background-color: #2f2c7ca6;
    box-shadow: 0 0 60px 30px #1652ff82, 0 0 100px 60px #ff111b40, 0 0 140px 120px #1652ff2b, 0px 0px 0px 0.125em #3952D1 inset;
    */
    background-color: #00000054;
    color: black !important;
}

.cash-box-highlighted {
    box-shadow: 0px 0px 0px 2px #35CF6F inset;
}

.cash-highlight-video {
    border: 0.2em solid #35CF6F;
}

.cash-box-lightup {
    background-color: #2f2c7ca6;
    box-shadow: 0 0 60px 30px #1652ff82, 0 0 100px 60px #ff111b40, 0 0 140px 120px #1652ff2b, 0px 0px 0px 0.125em #3952D1 inset;
}

.video-landing {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cash-box-height {
    height: 100%;
}

.cash-box-donut {
    width: 150px !important;
    height: 150px !important;
}

.cash-box-img-100 {
    width: 100% !important;
    height: 100% !important;
    padding: 1em;
}

.cash-box-img-dash {
    width: 42px !important;
    height: 42px !important;
    margin: 0px !important;
    margin-bottom: 5px !important;
}

/* Investment */

.invest-item-center {
    padding-top: 1em;
}

/* Cash Footer */

.cash-footer {
    padding-top: 6em;
    padding-bottom: 6em;
}

.cash-footer p {
    font-weight: 300;
    font-size: 0.8em;
    color: #35CF6F;
}

.cash-footer h1 {
    font-size: 1em;
    font-weight: 500;
}

.cash-footer ul {
    margin-top: 2em;
}

.cash-footer li {
    font-weight: 300;
    font-size: 1em;
    margin-top: 0.5em;
    color: #ffffff9e;
}

.warning-footer {
    background-color: #3952D1;
    padding-top: 1em;
    color: #000000;
    font-size: 0.8em;

}


/*
  https://developer.mozilla.org/en/docs/Web/CSS/box-shadow
  box-shadow: [inset?] [top] [left] [blur] [size] [color];

  Tips:
    - We're setting all the blurs to 0 since we want a solid fill.
    - Add the inset keyword so the box-shadow is on the inside of the element
    - Animating the inset shadow on hover looks like the element is filling in from whatever side you specify ([top] and [left] accept negative values to become [bottom] and [right])
    - Multiple shadows can be stacked
    - If you're animating multiple shadows, be sure to keep the same number of shadows so the animation is smooth. Otherwise, you'll get something choppy.
*/
.fill:hover,
.fill:focus {
    box-shadow: inset 0 0 0 2em var(--hover);
}

.pulse:hover,

.pulse:focus {
    -webkit-animation: pulse 1s;
    animation: pulse 1s;
    box-shadow: 0 0 0 1.5em rgba(255, 255, 255, 0);
}

.pulse:active,

.pulse:focus {
    -webkit-animation: pulse 1s;
    animation: pulse 1s;
    box-shadow: 0 0 0 50em rgba(255, 255, 255, 0);
}

@-webkit-keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 var(--hover);
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 var(--hover);
    }
}

.close:hover,
.close:focus {
    box-shadow: inset -3.5em 0 0 0 var(--hover), inset 3.5em 0 0 0 var(--hover);
}

.raise:hover,
.raise:focus {
    box-shadow: 0 0.5em 0.5em -0.4em var(--hover);
    transform: translateY(-0.25em);
}

.up:hover,
.up:focus {
    box-shadow: inset 0 -3.25em 0 0 var(--hover);
}

.slide:hover,
.slide:focus {
    box-shadow: inset 6.5em 0 0 0 var(--hover);
}

.offset {
    box-shadow: 0.3em 0.3em 0 0 var(--color), inset 0.3em 0.3em 0 0 var(--color);
}

.offset:hover,
.offset:focus {
    box-shadow: 0 0 0 0 var(--hover), inset 4em 3.5em 0 0 var(--hover);
}





.pulse {
    --color: #ffffff;
    --hover: #35CF6F;
    --background: #35CF6F;
    --hoverbg: #35CF6F;
}

.cool-btn {
    color: var(--color);
    transition: 0.25s;
    background-color: var(--background);
    border-radius: 0px;
}

.cool-btn:hover,
.cool-btn:focus {
    border-color: var(--hover);
    color: var(--color);
    background-color: var(--hoverbg);
}








.black-input,
.black-input:hover,
.black-input:active,
.black-input:focus {
    background: #212629 !important;
    color: #e5e0cd;
    font-size: 13px !important;
}

.prog-style {
    background: #131820;
    border-radius: 50em;
    height: 1.5em;
}

.style-full-bar {
    border-right: 0px solid #000000;
}

.progress-bar-burn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #35CF6F;
    transition: width .5s ease;
    border-right: 2px solid #131820;
}

.gladiator-section {
    background: #010101;
    padding: 70px;
    width: 100%;
    margin: 0;
    z-index: -10;
}

.no-shadow {
    background: rgba(255, 215, 0, 0.65) !important;
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.45) !important;
    position: relative;
    z-index: 20;
    margin: auto;
}

.burner {
    border: solid 2px;
}

.g-burner {
    position: absolute;
    top: -21px;
    right: 0;
}

.gladiator-rules {
    border: solid 2px e5e0cd;
    color: #e5e0cd;
    border-radius: 1em;
    font-size: 1.2em;
}

.ticker-title {
    font-weight: 500;
    color: #ffffff;
    margin-right: 20px;
}

.ticker-data {
    font-weight: 500;
    color: #35CF6F;
    margin-right: 20px;
}

.ticker-img {
    height: 18px;
    margin-top: -3px;
    margin-right: 2px;
}

.f-right {
    float: right;
}


.sticky-footer {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    backdrop-filter: blur(25px);
    font-size: 16px;
    border-top: 1px solid #3952d1;
    padding: 20px;
    background: #3952d11f;
}


.container {
    width: 100%;
    /*
    padding-right: 2em;
    padding-left: 2em; */
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1280px;
    }
}

.noncontainer {
    padding: 30px;
}


.bg-gbe-blue {
    background-color: #3952D1;
}

.bg-gbe-red {
    background-color: #F44040;
}

.bg-gbe-dark {
    background-color: #090909;
}


/* Update */

.padding-xl {
    padding-top: 5em;
    padding-bottom: 5em;
}

.padding-30 {
    padding: 30px !important;
}

.padding-50 {
    padding: 50px !important;
}


.padding-5em {
    padding: 5em !important;
}

.padding-3em {
    padding: 3em !important;
}

.padding-2em {
    padding: 2em !important;
}

.padding-1em {
    padding: 2em!important;
}

.padding-10 {
    padding: 10px !important;
}

.padding-20 {
    padding: 20px !important;
}

.padding-30 {
    padding: 30px !important;
}

.padding-column {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.mr-5 {
    margin-right: 5px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-30 {
    margin-right: 30px;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-1 {
    margin-top: 1px !important;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-120 {
    margin-top: 120px;
}

.mt-150 {
    margin-top: 150px;
}

.mt-260 {
    margin-top: 260px;
}

.mt-100 {
    margin-top: 100px !important;
}

.mt-200 {
    margin-top: 200px !important;
}


.mt-pic-neg {
    margin-top: -170px;
}

.mb-0 {

    margin-bottom: 0px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-10 {
    margin-bottom: 10px;
}

.remove-mt-20 {
    margin-bottom: -20px;
}

.t25 {
    opacity: .25;
}

.t50 {
    opacity: .5;
}

.t75 {
    opacity: .75;
}

.soon {
    padding: 10px;
    border: 1px solid #3952D1;
    background: #3952D14a;
    color: #c3ddff;
    text-align: center;
    border-radius: 5px;
    backdrop-filter: blur(5px);

}

.font-thin {
    font-weight: 200 !important;
}

.font-fat {
    font-weight: 500 !important;
}

.gbe h1 {
    font-size: 52px;
    font-weight: bold;
}

.gbe h2 {
    font-size: 40px;
    font-weight: bold;
}

.gbe h3 {
    font-size: 20px;
}


.gbe h4 {
    font-size: 14px;
}


.gbe h5 {
    font-size: 12px;
}

.gbe h6 {
    font-size: 10px;
}


.gbe p {
    font-size: 14px;
    margin-bottom: 0px;
}


.img-staking {
    height: 25px;
}

.img-bonds {
    height: 20px;
}

.img-width {
    width: 100%;
}

.img-w15 {
    height: 15px;
    float: left;
    margin-right: 15px;
}

.img-icon-bnb-game {
    height: 60px;
    margin-right: 15px;
}

.img-65 {
    height: 65px;
    float: left;
    margin-right: 20px;
}

.img-icon {
    height: 24px;
    width: 24px;
    margin-right: 12px;
    margin-top: -8px;
}

.img-50 {
    height: 50px;
    width: 50px;
    margin-right: 20px;
}

.img-40 {
    height: 50px;
    width: 50px;
    float: left;
    margin-right: 20px;
}

.img-50 {
    height: 50px;
    width: 50px;
    float: left;
    margin-right: 30px;
}

.img-120 {
    height: 120px;
    float: left;
    margin-right: 30px;
}

.btn-round {
    border-radius: 50em;
    padding-left: 20px;
    padding-right: 20px;
}

.box {

    background: #3952d10a;
    /* backdrop-filter: blur(35px); */
    border: 1px solid #3952d1;
}


.box-medium {
    padding: 30px;
    /*
    border-radius: 10px; */
}

.box-small {
    padding: 20px;
    /*
     border-radius: 10px; */

    padding: 20px;
}

.box-small-table {
    padding-top: 0px;
}



.box-img-small-top {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    width: 100%;
}

.neon-blue {
    background-color: rgba(30, 105, 255, 0.3);
    box-shadow: 0px 0px 0px 2px #3952D1 inset;
}


.neon-green {
    background-color: rgb(0, 255, 178, 0.3);
    box-shadow: 0px 0px 0px 2px #00ffb2 inset;
}


.neon-yellow {
    background-color: rgb(255 193 7 / 8%);
    box-shadow: 0px 0px 0px 2px #ffc107 inset;
}


.rad-10 {
    border-radius: 10px;
}

.item-tag {
    float: left;
    margin-right: 10px;
    font-size: 12px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    background-color: #1E1E1E;
    border: 1px solid #1E1E1E;
    border-radius: 0px;
}

.item-tag-unique {
    border: 1px solid #FC3F8E;
    background-color: rgba(252, 63, 142, 0.3);
    color: #ff5fa1;
}

.item-tag-blue {
    border: 1px solid #3952D1;
    background-color: #3952D1;
    color: white;
}

.item-tag-red {
    border: 1px solid #F44040;
    background-color: #F44040;
    color: black;
}

.item-tag-yellow {
    border: 1px solid #c09207;
    background-color: #ffc107;
    color: black;
}


.dot {
    width: 12px;
    height: 12px;
    background-color: #D9D9D9;
    border-radius: 50px;
    margin-top: 10px;
}


.dot-green {
    width: 12px;
    height: 12px;
    background-color: #35CF6F;
    border-radius: 50px;
}

.covers .col {
    padding-right: 5px;
    padding-left: 5px;
}

.bg-game-1 {
    background-image: url(/img/bg_sale_game_1.png);
    background-repeat: no-repeat;
    background-color: #13141E;
}




.airdrop-img {
    margin-top: -70px;
}

.img-20 {
    height: 20px;
    width: 20px;
    float: left;
    margin-right: 10px;
}



/* V2 */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');

@font-face {
    font-family: "AuxMonoRegular";
    src: url('../webFonts/AuxMonoRegular/font.woff2') format('woff2'), url('../webFonts/AuxMonoRegular/font.woff') format('woff');
}


.AuxMonoRegular {
    font-family: AuxMonoRegular !important;
}

body {
    font-family: AuxMonoRegular !important;
}

.nav-logo {
    height: 20px;
}

.navbar-dark .navbar-nav .nav-link {
    color: #ffffff !important;
    font-weight: 500;
}

.gradient-bg {
    background-image: url(/img/Gambex_gradient3.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 280px;
}

.gradient-bg-mobile {
    background-image: url(/img/Gambex_gradient3.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 80px;
}

.padding-top-220 {
    padding-top: 220px;
}

.margin-top-110 {
    margin-top: 110px !important;
}

.gradient-bg-bar {
    background-image: url(/img/Gambex_gradient_bar.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 80px;
    margin-top: -50px;
}

.footer-bg {
    background-image: url(/img/Gambex_panel.svg);
    background-repeat: no-repeat;
    padding: 70px;
    background-size: cover;
    margin-top: 50px;
    margin-bottom: 200px;
    padding-bottom: 88px;
}


.footer-bg-mobile {
    background-image: url(/img/footer_mobile.svg);
    background-repeat: no-repeat;
    padding: 30px;
    background-size: cover;
    margin-top: 50px;
    margin-bottom: 200px;
}


.crystal-bg {
    background-image: url(/img/Gambex_logo_crystal.png);
    background-repeat: no-repeat;
    margin-top: 100px;
    background-position: center;
}

.crystal-bg p {
    color: #333333 !important;
}

.footer-bg p {
    margin-bottom: 0px;
}

.footer-bg li {
    font-size: 14px;
    line-height: 30px;
}


.footer-bg a:hover {
    color: #F44040 !important;
}


.footer-play-bg {
    background-image: url(/img/Gambex_panel.svg);
    background-repeat: no-repeat;
    padding: 70px;
    background-size: contain;
    margin-top: 50px;
    margin-bottom: 200px;
}

.footer-play-bg p {
    margin-bottom: 0px;
}

.footer-play-bg li {
    font-size: 14px;
    line-height: 30px;
}


.footer-play-bg a:hover {
    color: #3952D1 !important;
}


.footer-icon {
    width: 15px;
    float: left;
    margin-right: 15px;
    padding-top: 7px;
}

.gbe-v2 {
    color: white;
}

.gbe-v2 h1 {
    font-size: 80px;
}

.gbe-v2 h2 {
    font-size: 58px;
    font-weight: 400;
}

.gbe-v2 h3 {
    font-size: 40px;
}

.gbe-v2 h4 {
    font-size: 20px;
}

.gbe-v2 h5 {
    font-size: 16px;
}

.gbe-v2 h6 {
    font-size: 14px;
}

.gbe-v2 p {
    font-size: 12px;
}

h1.big {
    font-size: 120px;
}

h2.big {
    font-size: 110px;
    margin-left: -100px;
}

.gbe-v2 big span {
    font-size: 200px !important;
    color: #F44040 !important;
}

.gbe-button-black {
    background-image: url(/img/Gambex_button_black.svg);
    background-repeat: no-repeat;
    height: 48px;
    width: 160px;
    text-align: center !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 8px;
}

.gbe-button-black-outline {
    background-image: url(/img/Gambex_button_black_outline.svg);
    background-repeat: no-repeat;
    height: 48px;
    width: 160px;
    text-align: center !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 8px;
}

.gbe-button-red {
    background-image: url(/img/Gambex_button_red.svg);
    background-repeat: no-repeat;
    height: 48px;
    width: 212px;
    text-align: center !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 8px;
}

.gbe-button-red-mobile {
    background-image: url(/img/Gambex_button_red_mobile.svg);
    background-repeat: no-repeat;
    height: 48px;
    width: 160px;
    text-align: center !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 8px;
}

.gbe-button-red-outline {
    background-image: url(/img/Gambex_button_red_outline.svg);
    background-repeat: no-repeat;
    height: 48px;
    width: 212px;
    text-align: center !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 8px;
}


.gbe-button-red-outline-mobile {
    background-image: url(/img/Gambex_button_red_outline_mobile.svg);
    background-repeat: no-repeat;
    height: 48px;
    width: 160px;
    text-align: center !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 8px;
}


.gbe-dark3-px {
    background-color: #1E1E1E;
    height: 1px;
    margin-top: 20px;
}


.gbe-px {
    background-color: rgba(255, 255, 255, 0.05);
    height: 1px;
}

.gbe-px-red {
    background-color: #F44040;
    height: 1px;
}

.gbe-px-black {
    background-color: black;
    height: 1px;
}


.gbe-top-col-3 {
    background-image: url(/img/gbe-top-col-3.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: right;
}

.gbe-top-col-3-red {
    background-image: url(/img/gbe-top-col-3-red.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: right;
}


.gbe-content-card-image {}

.gbe-content-card-image:hover {}


.gbe-content p {
    padding-top: 10px;
}

.gbe-content h4 {}

.gbe-content h5 {}

.font2 {
    font-family: 'Space Grotesk', sans-serif;
}

.font-thin {
    font-weight: 200 !important;
}

.font-slim {
    font-weight: 400 !important;
}

.font-fat {
    font-weight: 800 !important;
}







.gbe-color-red {
    color: #F44040 !important;
}

.gbe-color-blue {
    color: #3952D1 !important;
}


.gbe-color-green {
    color: #35CF6F !important;
}

.gbe-color-yellow {
    color: #ffc107 !important;
}

.gbe-color-dark2 {
    color: #333333 !important;
}

.gbe-color-dark3 {
    color: #1E1E1E !important;
}


.gbe-color-dark4 {
    color: #101010 !important;
}

.gbe-input-green {
    text-align: center !important;
    color: #949ba7 !important;
    font-weight: 300 !important;
    background-color: #00000054 !important;
    padding: 2em !important;
    font-size: 0.65em !important;
}

.gbe-input-green:hover {
    text-align: center !important;
    color: #35CF6F !important;
    font-weight: 300 !important;
    background-color: #00000054 !important;
    padding: 2em !important;
    font-size: 0.65em !important;
}

.gbe-bg-dark2 {
    background-color: #090909 !important;
    padding: 30px;

}

.gbe-bg-dark3 {
    background-color: #1E1E1E !important;
    padding: 30px;

}

.gbe-bg-dark4 {
    background-color: #101010 !important;
    padding: 30px;

}

.gbe-bg-red {
    background-color: #f44040 !important;
    padding: 30px;
    color: white;
}

.gbe-bg-green {
    background-color: #35CF6F !important;
    padding: 30px;
    color: white;
}

.gbe-bg-yellow {
    background-color: #ffc107 !important;
    color: black;
    padding: 30px;
}

.gbe-bg-dark75 {
    background-color: rgba(0, 0, 0, 0.75);
    padding: 30px;
}

.gbe-bg-dark50 {
    background-color: rgba(0, 0, 0, 0.50);
    padding: 30px;
}

.gbe-bg-dark25 {
    background-color: rgba(0, 0, 0, 0.25);
    padding: 30px;
}


.gbe-bg-dark-25 {
    background-color: rgba(0, 0, 0, 0.25);

}



.gbe-corner-top-right {
    float: right;
    margin-top: 10px;
}

.gbe-corner-top-left {
    float: left;
    margin-top: 16px;
}

.gbe-corner-bot-left {
    float: left;
    margin-top: -16px;
}

.gbe-corner-bot-right {
    float: right;
    margin-top: -16px;
}


.gbe-card {
    padding: 16px;
    background-image: url(/img/Gambex_card.svg);
    background-repeat: no-repeat;
    background-position: center;
    color: #9A9A9A;
    background-color: #101010;
}


.gbe-card:hover {
    padding: 16px;
    background-image: url(/img/Gambex_card_hover.svg);
    background-repeat: no-repeat;
    background-position: center;
    color: black !important;
    background-color: #f44040;
}


.gbe-card-inactive {
    padding: 16px;
    background-image: url(/img/Gambex_card.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #101010;
    color: white;
}

.gbe-card-live {
    color: #2EE2AC;
}

.gbe-card-live:hover {
    color: black;
}


.gbe-card h3 {
    margin-top: 10px;
    margin-bottom: 0px;
    color: white;
}

.gbe-card h5 {}

.gbe-card h4 {}


.gbe-card-inactive h3 {
    margin-top: 10px;
    margin-bottom: 0px;
}

.gbe-card-inactive h5 {
    margin-top: 150px;
    margin-bottom: 0px;
    color: #9A9A9A;
}

.gbe-card-inactive h4 {
    margin-top: 63px;
    color: #9A9A9A;
}

.gbe-card:hover h3 {
    color: black;
}

.gbe-card:hover h5 {
    color: black;
}

.gbe-card:hover h4 {
    color: black;
}




.gbe-pxline-blue {
    border: 1px solid #3952d1;
}

.gbe-box-blue {
    border: 1px solid #3952d1;
    padding: 30px;

    background: #3952d11f;
}


.gbe-box-red {
    border: 1px solid #f44040;
    padding: 30px;
    background: #f440401e;
}

.gbe-box-red-px {
    padding: 63px;
}

.gbe-box-red-px:hover {
    border: 3px solid #f44040;
    padding: 60px;
}



.gbe-box-small-red {
    border: 1px solid #f44040;
    padding: 12px;
    padding-top: 16px;
    background: #f440401e;
}


.gbe-box-green {
    border: 1px solid #35CF6F;
    padding: 30px;
    background: #35cf7013;
}

.gbe-box-small-green {
    border: 1px solid #35CF6F;
    padding: 10px;
    background: #35cf7013;
}


.gbe-box-leaderboard-green {
    border: 1px solid #35CF6F;
    padding: 20px;
    background: #35cf7013;
}

.gbe-box-green-px {
    padding: 63px;
}

.gbe-box-green-px:hover {
    border: 3px solid #35CF6F;
    padding: 60px;
}

.gbe-box-yellow {
    border: 1px solid #ffc107;
    padding: 30px;
    background: #ffc1070d;
}

.gbe-box-small-yellow {
    border: 1px solid #ffc107;
    padding: 10px;
    padding-top: 16px;
    background: #ffc1070d;
}


.gbe-box-small-gray {
    border: 1px solid #565656;
    padding: 10px;
    padding-top: 16px;
    background: #2f2f2f97;
}


.gbe-underline-green {
    border-bottom: 2px solid #35CF6F;
    padding-bottom: 20px;
    padding-top: 20px;
}

.gbe-underline-gray {
    border-bottom: 1px solid #565656;
    padding-bottom: 20px;
    padding-top: 20px;
}

.gbe-underline-extended-green {
    border-bottom: 5px solid #35CF6F;
}

.gbe-underline-extended-red {
    border-bottom: 5px solid #f44040;
}


.box-height {
    height: 100%;
}

.gamba-icon {
    height: 120px;
    margin-bottom: 0px;
}

.gamba-box {
    padding: 30px;
    margin-top: -530px;
}

.gamba-game-padding {
    padding: 30px;
}

.gbe-button-blue {
    border: 1px solid #3952D1 !important;
    color: #3952D1 !important;
    border-radius: 0px !important;
}

.gbe-button-green {
    border: 1px solid #35CF6F !important;
    color: #35CF6F !important;
    border-radius: 0px !important;
}

.gbe-button-green:hover {
    border: 1px solid #35CF6F !important;
    color: #35CF6F !important;
    border-radius: 0px !important;
    background-color: #35CF6F;
    color: black !important;
}


.gamba-tx p {
    font-size: 12px;
}




.gbe-form {
    border-radius: 0px;
    font-size: 0.8em;
    font-weight: 500;
    padding-left: 15px !important;
    color: #dce1ec;
    background-color: #040506;
    border: 0px solid;
    box-shadow: 0px 0px 0px 1px #ffffff1a inset;
}


.gbe-form:hover {
    background-color: #f4404042;
    box-shadow: 0px 0px 0px 1px #f44040 inset;
    color: white;
}

.gbe-form:focus {
    color: white;
    border: 0px solid;
    background-color: #f4404028;
    box-shadow: 0px 0px 0px 1px #f44040 inset;
}



.gbe-form-normal {
    border-radius: 0px;
    font-size: 0.8em;
    font-weight: 500;
    padding-left: 15px !important;
    color: #ffffff;
    background-color: #040506;
    border: 0px solid;
    box-shadow: 0px 0px 0px 0px #ffffff1a inset;
}


.gbe-form-normal:hover {
    background-color: #0405063d;
    box-shadow: 0px 0px 0px 0px #ffffff1a inset;
    color: white;
}

.gbe-form-normal:focus {
    color: white;
    border: 0px solid;
    background-color: #0405067e;
    box-shadow: 0px 0px 0px 0px #ffffff1a inset;
}



.gbe-form-tall {
    height: 150px !important;
}

.gbe-form-small {
    height: 50px !important;
    font-size: 12px !important;
    padding-left: 20px !important;
}


.row-padding {
    padding: 50px;
}



.gbe-border-top-green {
    border-top: 5px solid #35CF6F;
}

.gbe-border-top-red {
    border-top: 5px solid #35CF6F;
}


/* Lottoken */

.gbe-lottoken {
    padding: 50px;
    padding-bottom: 0px;
}

.gbe-lottoken h2 {
    font-size: 100px;
}

.gbe-lottoken-active {
    border-bottom: 5px solid #f44040;
    color: #f44040;
}


/* Box */

.gbe-box-apr {
    font-size: 24px !important;
}

.gbe-box-apr-bg {
    background-color: #35CF6F !important;
    padding: 20px;
}

.gbe-box {
    font-weight: thin;
}

.gbe-box h1 {
    font-size: 3em !important;
}

.gbe-box h2 {
    font-size: 2.5em !important;
}

.gbe-box h3 {
    font-size: 1.5em !important;
}

.gbe-box h4 {
    font-size: 1.2em !important;
}

.gbe-box h5 {
    font-size: 1em !important;
}

.gbe-box h6 {
    font-size: 0.85em !important;
}



.history-scroll {
    height: 100%;
    overflow-Y: auto;
    scrollbar-color: #ffffff14 #101010;
    scroll-behavior: smooth;
}

.history-height {
    height: 200px;
}

.uniswap-bg {
    background-color: #fc72ff !important;
    color: black !important;
}

.confetti-container {
    position: relative;
}

.confetti-fade-out {
    opacity: 1;
    transition: opacity 1s ease-out;
}

.confetti-fade-out.hidden {
    opacity: 0;
}

/* Gambon Bgs */


.bg-lower-city {
    background-image: url(/img/gambon/bg_lower_city.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-church {
    background-image: url(/img/gambon/bg_church2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-tavern {
    background-image: url(/img/gambon/bg_tavern2.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-bank {
    background-image: url(/img/gambon/bg_bank2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-sewers {
    background-image: url(/img/gambon/bg_sewers2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-racetrack {
    background-image: url(/img/gambon/bg_racetrack2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-arena {
    background-image: url(/img/gambon/bg_arena2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-entrance {
    background-image: url(/img/gambon/bg_entrance.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-city {
    background-image: url(/img/gambon/bg_city_hd22.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}





/* gambon - UI */

.gambon-location-tag {
    text-align: center;
    border-bottom: 2px solid rgba(255, 255, 255, 0);
    padding-bottom: 5px;
}

.gambon-location-tag:hover {
    text-align: center;
    border-bottom: 2px solid white;
}

.gambon-location-tag h4 {
    font-size: 0.8em;
}

.gambon-location-active {
    margin-left: 30px;
}

.gambon-icon-location {
    width: 80px;
    border-radius: 5px;
}

.gambon-icon-text {
    margin-top: -20px;
}

.gambon-bg-black {
    background: rgba(0, 0, 0, 0.272);
    border: 1px solid #ff6868;
}

.gambon-box-dark1 {
    background: linear-gradient(-45deg, rgb(0 0 0 / 15%) 30%, rgb(0 0 0 / 50%) 90%);
    padding: 30px;
    backdrop-filter: blur(20px) !important;
}

.gambon-box-red {
    background: #ff68680f;
    padding: 30px;
    backdrop-filter: blur(10px) !important;
    border: 1px solid #ff6868;
}

.gambon-box-blue {
    background: #3952d10e;
    padding: 30px;
    backdrop-filter: blur(10px) !important;
    border: 1px solid #3952D1;
}

.gambon-profile-pic {
    background: #ff68680d;
}

.gambon-profile-txt h6 {
    font-size: 0.8em;
}


.img-icon-left {
    float: left;
    margin-right: 1em;
}

.btn-gambon-ui-dark {
    background: #00000083;
    color: white;
}

.btn-gambon-ui-dark:hover {
    background: #000000d1;
    color: #ff6868;
}

/* Gambon- Char */

.gambon-character-monastery {
    background-image: url(/img/gambon/character_priest.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    border-radius: 0px;
    opacity: .85;
}

.blurred {
    backdrop-filter: blur(10px) !important;
}

.pixelated {
    image-rendering: pixelated;
}


/* Dialogue */

.gambon-dialogue {
    backdrop-filter: blur(5px);
    padding: 20px;
    margin-top: 280px;
}

.gambon-dialogue h2 {
    font-size: 1.2em;
}

.gambon-dialogue h3 {
    font-size: 1em;
}

.gambon-dialogue h4 {
    font-size: 0.8em;
}


/* GL */

.animated-value {
    display: inline-block;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.animated-value-enter {
    transform: translateY(-100%);
    opacity: 0;
}

.animated-value-exit {
    transform: translateY(100%);
    opacity: 0;
}




/* Toast */

.toast-header {
    border-radius: 0px;
}

.toast-body {
    background: rgba(0, 0, 0, 0.027);
    color: white;
    border-radius: 0px;
}



.survival-timer-bar {
    width: 100%;
    height: 20px;
    background-color: #444;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}

.survival-timer-progress {
    height: 100%;
    background-color: #f1c40f;
    transition: width 1s linear;
}

.fill-bar {
    width: 100%;
    height: 20px;
    background-color: #444;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}

.fill-bar-progress {
    height: 100%;
    background-color: #f1c40f;
    transition: width 1s linear;
}


.blurred-background {
    position: absolute;
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
    background-size: cover;
    background-position: center;
    filter: blur(28px);
    opacity: 0.1;
  }


  /*  */ 

  
.navbar {
    padding: 0.5rem 1rem;
  }
  
  .navbar-brand {
    font-weight: bold;
  }
  
  .nav-link {
    color: inherit !important;
    margin-right: 1rem;
    transition: color 0.3s ease;
  }
  
  .nav-link:hover {
    color: blue !important;
  }
  
  .nav-link.active {
    color: blue !important;
    font-weight: bold;
  }
  
  .navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }
  
  .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }
  
  .btn-outline-light:hover,
  .btn-outline-dark:hover {
    background-color: #35CF6F;
    border-color: #35CF6F;
    color: #fff;
  }