@import url(/lib/animate/animate.min.css);

@font-face {
    font-family: Gotham-UltraItalic;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("/assets/fonts/Gotham-UltraItalic.woff") format("woff")
}

@font-face {
    font-family: Gotham-Medium;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("/assets/fonts/Gotham-Medium.woff") format("woff")
}

@font-face {
    font-family: Gotham-Ultra;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/assets/fonts/Gotham-Ultra.woff") format("woff")
}

@font-face {
    font-family: Gotham-Black;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("/assets/fonts/Gotham-Black.woff") format("woff")
}

@font-face {
    font-family: Gotham-Bold;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/assets/fonts/Gotham-Bold.woff") format("woff")
}

@font-face {
    font-family: Gotham-Book;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/assets/fonts/GothamBook.woff") format("woff")
}

@font-face {
    font-family: Gotham-MediumItalic;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url("/assets/fonts/Gotham-MediumItalic.woff") format("woff")
}

.sc-font-title {
    font-family: Gotham-Ultra, Arial, Helvetica, sans-serif;
}

.sc-font-general {
    font-family: Gotham-Medium, Arial, Helvetica, sans-serif;
}

.sc-font-emphasis {
    font-family: Gotham-Black, Arial, Helvetica, sans-serif;
}

.sc-font-legal {
    font-family: Gotham-Book, Arial, Helvetica, sans-serif;
}

.sc-text-color-red {
    color: #ff0019
}

.sc-text-color-yellow {
    color: #ffbe00
}

.sc-text-color-gold {
    color: #847248
}

.sc-text-color-blue {
    color: #008afa
}

.sc-text-color-gray {
    color: #7d7c7d
}

.sc-text-color-light {
    color: #fff
}

.sc-text-color-dark {
    color: #000
}

.sc-title-gold {
    color: #847248;
    font-family: Gotham-Ultra, Arial, Helvetica, sans-serif;
    line-height: 1 !important;
    text-transform: uppercase !important;
    font-style: italic !important;
    font-size: calc(2.5rem + 1.5vw) !important
}

.sc-title-sm-gold {
    color: #847248;
    font-family: Gotham-Ultra, Arial, Helvetica, sans-serif;
    line-height: 1 !important;
    text-transform: uppercase !important;
    font-style: italic !important;
    font-size: calc(1.2rem + 1.5vw) !important
}

.sc-title-xsm-gold {
    color: #847248;
    font-family: Gotham-Ultra, Arial, Helvetica, sans-serif;
    line-height: 1 !important;
    text-transform: uppercase !important;
    font-style: italic !important;
    font-size: calc(.6rem + 1.5vw) !important
}

.sc-title-gray {
    color: #7d7c7d;
    font-family: Gotham-Ultra, Arial, Helvetica, sans-serif;
    line-height: 1 !important;
    text-transform: uppercase !important;
    font-style: italic !important;
    font-size: calc(2.5rem + 1.5vw) !important
}

.sc-title-sm-gray {
    color: #7d7c7d;
    font-family: Gotham-Ultra, Arial, Helvetica, sans-serif;
    line-height: 1 !important;
    text-transform: uppercase !important;
    font-style: italic !important;
    font-size: calc(1.2rem + 1.5vw) !important
}

.sc-title-xsm-gray {
    color: #7d7c7d;
    font-family: Gotham-Ultra, Arial, Helvetica, sans-serif;
    line-height: 1 !important;
    text-transform: uppercase !important;
    font-style: italic !important;
    font-size: calc(.6rem + 1.5vw) !important
}

.sc-title-light {
    color: #fff;
    font-family: Gotham-Ultra, Arial, Helvetica, sans-serif;
    line-height: 1 !important;
    text-transform: uppercase !important;
    font-style: italic !important;
    font-size: calc(2.5rem + 1.5vw) !important
}

.sc-title-sm-light {
    color: #fff;
    font-family: Gotham-Ultra, Arial, Helvetica, sans-serif;
    line-height: 1 !important;
    text-transform: uppercase !important;
    font-style: italic !important;
    font-size: calc(1.2rem + 1.5vw) !important
}

.sc-title-xsm-light {
    color: #fff;
    font-family: Gotham-Ultra, Arial, Helvetica, sans-serif;
    line-height: 1 !important;
    text-transform: uppercase !important;
    font-style: italic !important;
    font-size: calc(.6rem + 1.5vw) !important
}

.sc-title-dark {
    color: #000;
    font-family: Gotham-Ultra, Arial, Helvetica, sans-serif;
    line-height: 1 !important;
    text-transform: uppercase !important;
    font-style: italic !important;
    font-size: calc(2.5rem + 1.5vw) !important
}

.sc-title-sm-dark {
    color: #000;
    font-family: Gotham-Ultra, Arial, Helvetica, sans-serif;
    line-height: 1 !important;
    text-transform: uppercase !important;
    font-style: italic !important;
    font-size: calc(1.2rem + 1.5vw) !important
}

.sc-title-xsm-dark {
    color: #000;
    font-family: Gotham-Ultra, Arial, Helvetica, sans-serif;
    line-height: 1 !important;
    text-transform: uppercase !important;
    font-style: italic !important;
    font-size: calc(.6rem + 1.5vw) !important
}

.sc-title-yellow {
    color: #ffbe00;
    font-family: Gotham-Ultra, Arial, Helvetica, sans-serif;
    line-height: 1 !important;
    text-transform: uppercase !important;
    font-style: italic !important;
    font-size: calc(2.5rem + 1.5vw) !important
}

.sc-title-sm-yellow {
    color: #ffbe00;
    font-family: Gotham-Ultra, Arial, Helvetica, sans-serif;
    line-height: 1 !important;
    text-transform: uppercase !important;
    font-style: italic !important;
    font-size: calc(1.2rem + 1.5vw) !important
}

.sc-title-xsm-yellow {
    color: #ffbe00;
    font-family: Gotham-Ultra, Arial, Helvetica, sans-serif;
    line-height: 1 !important;
    text-transform: uppercase !important;
    font-style: italic !important;
    font-size: calc(.6rem + 1.5vw) !important
}

.sc-title-red {
    color: #ffbe00;
    font-family: Gotham-UltraItalic, Arial, Helvetica, sans-serif;
    line-height: 1 !important;
    text-transform: uppercase !important;
    font-style: italic !important;
    font-size: calc(2.5rem + 1.5vw) !important
}

.sc-title-sm-red {
    color: #ff0019;
    font-family: Gotham-UltraItalic, Arial, Helvetica, sans-serif;
    line-height: 1 !important;
    text-transform: uppercase !important;
    font-style: italic !important;
    font-size: calc(1.2rem + 1.5vw) !important
}

.sc-title-xsm-red {
    color: #ff0019;
    font-family: Gotham-UltraItalic, Arial, Helvetica, sans-serif;
    line-height: 1 !important;
    text-transform: uppercase !important;
    font-style: italic !important;
    font-size: calc(.6rem + 1.5vw) !important
}

.sc-sub-title-dark {
    color: #000;
    font-family: Gotham-Ultra, Arial, Helvetica, sans-serif;
    line-height: 1 !important;
    text-transform: uppercase !important;
    font-style: italic !important;
    font-size: calc(1.5rem + 1.5vw) !important
}

.sc-sub-title-sm-dark {
    color: #000;
    font-family: Gotham-Ultra, Arial, Helvetica, sans-serif;
    line-height: 1 !important;
    text-transform: uppercase !important;
    font-style: italic !important;
    font-size: calc(1rem + 1.5vw) !important
}

.sc-sub-title-xsm-dark {
    color: #000;
    font-family: Gotham-Ultra, Arial, Helvetica, sans-serif;
    line-height: 1 !important;
    text-transform: uppercase !important;
    font-style: italic !important;
    font-size: calc(.8rem + 1vw) !important
}

.sc-checkbox-dark {
    position: absolute;
    top: -1px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #000
}

    .sc-checkbox-dark:after {
        content: "";
        position: absolute;
        display: none
    }

.sc-checkbox-light {
    position: absolute;
    top: -1px;
    left: 0;
    height: 20px;
    width: 20px;
    border: solid;
    border-color: #fff;
    background-color: #000
}

    .sc-checkbox-light:after {
        content: "";
        position: absolute;
        display: none
    }

.sc-checkbox-container {
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .sc-checkbox-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0
    }

    .sc-checkbox-container:hover input ~ .sc-checkbox-dark {
        background-color: #000
    }

    .sc-checkbox-container input:checked ~ .sc-checkbox-dark {
        background-color: #000
    }

        .sc-checkbox-container input:checked ~ .sc-checkbox-dark:after {
            display: block
        }

    .sc-checkbox-container .sc-checkbox-dark:after {
        left: 8px;
        top: 4px;
        width: 5px;
        height: 10px;
        border: solid #fff;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .sc-checkbox-container:hover input ~ .sc-checkbox-light {
        background-color: #000
    }

    .sc-checkbox-container input:checked ~ .sc-checkbox-light {
        background-color: #000
    }

        .sc-checkbox-container input:checked ~ .sc-checkbox-light:after {
            display: block
        }

    .sc-checkbox-container .sc-checkbox-light:after {
        left: 5px;
        top: 1px;
        width: 5px;
        height: 10px;
        border: solid #fff;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.sc-bg-color-red {
    background-color: #ff0019
}

.sc-bg-color-yellow {
    background-color: #ffbe00
}

.sc-bg-color-gold {
    background-color: #847248
}

.sc-bg-color-blue {
    background-color: #008afa
}

.sc-bg-color-gray {
    background-color: #7d7c7d
}

.sc-bg-color-light {
    background-color: #fff
}

.sc-bg-color-dark {
    background-color: #000
}

.sc-modal-border {
    border-color: #ffbe00;
    border-radius: 0;
    border-width: 5pt
}

.sc-background-dark-fixed {
    background-color: #000;
    background-image: url("/assets/images/bg_mobile_black.jpg");
    background-size: cover !important
}

.sc-background-light-fixed {
    background-color: #fff;
    background-image: url("/assets/images/bg_mobile_white.jpg") !important;
    background-size: cover !important
}

.sc-background-loading-light-fixed {
    z-index: 100;
    background-color: #fff;
    background-image: url("/assets/images/bg_mobile_white.jpg") !important;
    background-size: cover !important
}

.sc-background-hub-card-prizes {
    background-image: url("/assets/images/app_hub_prizes_card_bg.png");
    background-position: center bottom !important;
    background-size: cover !important
}

.sc-background-hub-card-videos {
    background-image: url("/assets/images/app_hub_videos_card_bg.png");
    background-size: cover !important;
    background-position: right center !important
}

@media (min-width:1024px) {
    .sc-background-dark-fixed {
        background-color: #000;
        background-image: url("/assets/images/bg_desktop_black.jpg") !important;
        background-size: cover !important
    }

    .sc-background-light-fixed {
        background-color: #fff;
        background-image: url("/assets/images/bg_desktop_white.jpg") !important;
        background-size: cover !important
    }
}

.sc-button-block {
    color: #000;
    background-color: #ffbe00;
    border-radius: 0;
    border-width: 0;
    font-family: Gotham-Black, Arial, Helvetica, sans-serif;
    text-transform: uppercase !important;
    text-align: center !important;
    padding: 1.5rem !important;
    transition: all .3s ease;
    z-index: 0;
    box-shadow: 0 0 0 0 #ff793f;
    animation: pulse-orange 2s infinite;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .sc-button-block:hover {
        position: relative;
        transform: scale(1.1);
        z-index: 3;
        pointer-events: all;
        cursor: pointer
    }

.sc-button-block-counter-base {
    color: #000;
    background-color: #ffbe00;
    border-radius: 0;
    border-width: 0;
    font-family: Gotham-Black, Arial, Helvetica, sans-serif;
    text-transform: uppercase !important;
    text-align: center !important;
    transition: all .3s ease;
    padding: 0 !important;
    z-index: 2;
    box-shadow: 0 0 0 0 #ff793f;
    animation: pulse-orange 2s infinite;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.sc-button-block-counter-text {
    color: #000;
    background-color: #ffbe00;
    border-radius: 0;
    border-width: 0;
    font-family: Gotham-Black, Arial, Helvetica, sans-serif;
    text-transform: uppercase !important;
    text-align: center !important;
    padding: 1.5rem !important;
    transition: all .3s ease;
    z-index: 0
}

.sc-button-block-counter-number {
    color: #fff;
    background-color: #847248;
    font-size: xx-large;
    border-radius: 0;
    border-width: 0;
    font-family: Gotham-Black, Arial, Helvetica, sans-serif;
    text-transform: uppercase !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: all .3s ease;
    z-index: 0
}

.sc-button-block-counter-base:hover {
    z-index: 3;
    pointer-events: all;
    cursor: pointer
}

.sc-button-block-disabled {
    color: #242424;
    background-color: #5f4700;
    pointer-events: none;
    opacity: .4;
    border-radius: 0;
    border-width: 0;
    font-family: Gotham-Black, Arial, Helvetica, sans-serif;
    text-transform: uppercase !important;
    text-align: center !important;
    padding: 1rem !important;
    transition: all .3s ease;
    z-index: 0
}

.sc-button-block-active {
    color: #000;
    background-color: #ffbe00;
    border-radius: 0;
    border-width: 0;
    pointer-events: none;
    font-family: Gotham-Black, Arial, Helvetica, sans-serif;
    text-transform: uppercase !important;
    text-align: center !important;
    padding: .5rem !important;
    transition: all .3s ease;
    box-shadow: 0 0 0 0 #ff793f;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.sc-button-block-inactive {
    color: #000;
    background-color: #5f4700;
    border-radius: 0;
    border-width: 0;
    font-family: Gotham-Black, Arial, Helvetica, sans-serif;
    text-transform: uppercase !important;
    text-align: center !important;
    padding: .5rem !important;
    transition: all .3s ease;
    box-shadow: 0 0 0 0 #ff793f;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .sc-button-block-inactive:hover {
        background-color: #ffbe00;
        transform: scale(1.1);
        z-index: 1;
        pointer-events: all;
        cursor: pointer
    }

.sc-button-block-outline {
    color: #000;
    background-color: transparent;
    border-radius: 0;
    border: solid #ffbe00;
    border-width: -10px;
    font-family: Gotham-Black, Arial, Helvetica, sans-serif;
    text-transform: uppercase !important;
    text-align: center !important;
    padding: 1.5rem !important;
    transition: all .3s ease;
    z-index: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .sc-button-block-outline:hover {
        transform: scale(1.1);
        z-index: 1;
        pointer-events: all;
        cursor: pointer
    }

.sc-button-block-outline-disabled {
    color: #242424;
    border-color: #5f4700;
    pointer-events: none;
    opacity: .4
}

.sc-button-block-sm {
    color: #000;
    background-color: #ffbe00;
    border-radius: 0;
    border-width: 0;
    font-family: Gotham-Black, Arial, Helvetica, sans-serif;
    text-transform: uppercase !important;
    text-align: center !important;
    padding: .5rem !important;
    transition: all .3s ease;
    z-index: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .sc-button-block-sm:hover {
        transform: scale(1.1);
        z-index: 1;
        pointer-events: all;
        cursor: pointer
    }

.sc-button-block-sm-disabled {
    color: #242424;
    background-color: #5f4700;
    pointer-events: none;
    opacity: .4
}

.sc-button {
    transition: all .3s ease;
    pointer-events: all;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .sc-button:hover {
        transform: scale(1.1);
        cursor: pointer;
        z-index: 3
    }

.sc-button-disabled {
    pointer-events: none;
    opacity: .4
}

@keyframes pulse-orange {
    0% {
        box-shadow: 0 0 0 0 rgba(255,121,63,.7)
    }

    70% {
        box-shadow: 0 0 0 30px rgba(255,121,63,0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255,121,63,0)
    }
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.nodrag {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none
}

.sc-canvas {
    position: absolute
}

.lottie-player-index {
    position: absolute;
    width: 100%;
    height: 100%
}

.sc-animated-sunburst-bg {
    background-image: url("/assets/images/sunburst.png");
    background-position: center;
    background-size: 300%;
    -webkit-animation: rotating 60s linear infinite;
    -moz-animation: rotating 60s linear infinite;
    -ms-animation: rotating 60s linear infinite;
    -o-animation: rotating 60s linear infinite;
    animation: rotating 60s linear infinite
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.rotating {
    -webkit-animation: rotating 60s linear infinite;
    -moz-animation: rotating 60s linear infinite;
    -ms-animation: rotating 60s linear infinite;
    -o-animation: rotating 60s linear infinite;
    animation: rotating 60s linear infinite
}

.loader {
    color: #847248;
    font-size: 90px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: 72px auto;
    position: relative;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load6 1.7s infinite ease,round 1.7s infinite ease;
    animation: load6 1.7s infinite ease,round 1.7s infinite ease
}

@-webkit-keyframes load6 {
    0% {
        box-shadow: 0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em
    }

    5%,95% {
        box-shadow: 0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em
    }

    10%,59% {
        box-shadow: 0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em
    }

    20% {
        box-shadow: 0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em
    }

    38% {
        box-shadow: 0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em
    }

    100% {
        box-shadow: 0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em
    }
}

@keyframes load6 {
    0% {
        box-shadow: 0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em
    }

    5%,95% {
        box-shadow: 0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em
    }

    10%,59% {
        box-shadow: 0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em
    }

    20% {
        box-shadow: 0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em
    }

    38% {
        box-shadow: 0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em
    }

    100% {
        box-shadow: 0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em
    }
}

@-webkit-keyframes round {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes round {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

input.form-control:focus, input:focus {
    outline: 0 !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.sc-flip {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH
}

.screen * {
    -webkit-font-smoothing: antialiased
}

.screen div {
    -webkit-text-size-adjust: none
}

.screen a {
    display: contents;
    text-decoration: none
}

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

html {
    font-size: 12px !important;
    letter-spacing: -.6px !important;
    margin: 0;
    transition: all .3s ease
}

body {
    font-family: Gotham-Medium, Arial, Helvetica, sans-serif !important;
    overflow-x: hidden;
    transition: all .3s ease
}

.popover-arrow::after {
    border-right-color: #212529 !important
}

-khtml-scrollbar, -moz-scrollbar, -ms-scrollbar, ::-webkit-scrollbar {
    width: 3px
}

-khtml-scrollbar-track, -moz-scrollbar-track, -ms-scrollbar-track, ::-webkit-scrollbar-track {
    background: 0 0
}

-khtml-scrollbar-thumb, -moz-scrollbar-thumb, -ms-scrollbar-thumb, ::-webkit-scrollbar-thumb {
    background: #555
}

    -khtml-scrollbar-thumb, -moz-scrollbar-thumb, -ms-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb {
        background: #888
    }

html {
    font-family: Gotham-Medium, Arial, Helvetica, sans-serif !important;
    line-height: 1 !important;
    font-size: 1rem !important
}

@media screen and (orientation:portrait) {
    .sc-orientation-landscape {
        display: none
    }

    .sc-orientation-portrait {
        display: flex
    }
}

@media screen and (orientation:landscape) {
    .sc-orientation-portrait {
        display: none
    }

    .sc-orientation-landscape {
        display: flex
    }
}