:root {
    --subverse-violet: #2f0c5a;
    --stremster-primary: #0665d0;
    --stremster-secondary: #6c757d;
    --border-grey: #808080;
}

@font-face {
    font-family: "Halant-Regular";
    src: url("/assets/fonts/Halant-Regular.ttf");
}

@font-face {
    font-family: "Corinthia";
    src: url("/assets/fonts/corinthia.ttf");
}

.font-w300 {
    font-weight: 300 !important;
}

.font-w400 {
    font-weight: 400 !important;
}

.font-w500 {
    font-weight: 500 !important;
}

.font-w600 {
    font-weight: 600 !important;
}

.font-w700 {
    font-weight: 700 !important;
}

html {
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
    word-break: break-word;
}

.nowrap {
    white-space: nowrap;
}

a {
    color: #495057;
}

.position-inherit {
    position: inherit;
}

.bg-alt {
    border-color: #f0f3f8 !important;
    background-color: #f0f3f8 !important;
}

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

.btn-hero,
.btn-hero-primary,
.btn-hero-success,
.btn-hero-secondary,
.btn-hero-danger {
    text-transform: capitalize;
}

.btn.focus,
.btn:focus {
    box-shadow: none;
    border-color: transparent;
    outline: none;
}

.btn:hover {
    box-shadow: none;
    border-color: transparent;
    outline: none;
}

.line-height-small {
    line-height: 1.2;
}

.break-all {
    word-break: break-all;
}

.break-word {
    word-break: break-word;
}

.pre-wrap {
    white-space: pre-wrap;
}

.nav-tabs-alt .nav-link.active {
    color: var(--stremster-primary) !important;
}

a.nav-main-link {
    cursor: pointer;
}

.object-cover {
    object-fit: cover;
}

table.dataTable td,
table.dataTable th {
    word-break: break-word;
}

.bg-f5 {
    background: #ececec;
}

.bg-adb5bd {
    background: #adb5bd;
}

.bg-blue {
    background-color: var(--stremster-primary);
}

.bg-light-grey {
    background-color: #e9ebee;
}

.bdr-grey80 {
    border: 1px solid var(--border-grey);
}

.bdr-tgrey80 {
    border-top: 1px solid var(--border-grey);
}

.brd-ece {
    border-bottom: 1px solid #eceaea;
}

.bdr-bgrey80 {
    border-bottom: 1px solid var(--border-grey);
}

.bdr-bgd4 {
    border-bottom: 1px solid #d4d4d4;
}

.bdr-bge6 {
    border-bottom: 1px solid #e6ebf4;
}

.h3 {
    font-size: 1.5rem !important;
}

.font-size-md {
    font-size: 1rem !important;
}

.text-shadow-dark {
    text-shadow: 0px 0px 3px #000;
}

.bg-gradient-primary {
    background: var(--stremster-primary);
    background: -o-linear-gradient( top, var(--stremster-primary) 0%, #367cc9 100% );
    background: -webkit-gradient( linear, left top, left bottom, from(var(--stremster-primary)), to(#367cc9) );
    background: linear-gradient( to bottom, var(--stremster-primary) 0%, #367cc9 100% );
}

.font-size-xs {
    font-size: 0.8rem;
}

.font-size-xxs {
    font-size: 0.8rem;
}

.pos-rel {
    position: relative;
}

.hover-bg-grey {
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

    .hover-bg-grey:hover {
        background-color: #e2e6ea;
    }

.password-key {
    position: relative;
}

    .password-key span {
        position: absolute;
        height: 100%;
        display: flex;
        align-items: center;
        right: 0;
        width: 30px;
        cursor: pointer;
        z-index: 1;
        text-align: center;
        justify-content: center;
        transition: 0.3s ease;
        -webkit-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
        -ms-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        will-change: opacity;
    }

        .password-key span .fa-eye-slash {
            display: none;
        }

        .password-key span.visible {
            opacity: 0.5;
        }

            .password-key span.visible .fa-eye-slash {
                display: inline-block;
            }

            .password-key span.visible .fa-eye {
                display: none;
            }

.font-size-1_4 {
    font-size: 1.4rem;
}

.text-nowrap {
    white-space: nowrap;
}

.bg-xwork-light-op {
    background-color: rgba(56, 56, 56, 0.8) !important;
}

.modal-content {
    border: 0px;
}

.dropdown-user-options {
    border-radius: 0;
}

.validation-note.h-small .text-danger {
    min-height: auto;
    height: auto;
}

.dropdown-user-options .dropdown-item:focus,
.dropdown-user-options .dropdown-item:hover {
    color: #245;
    text-decoration: none;
    background: none;
}

.modal-backdrop.show {
    opacity: 0.5;
}

.modal-backdrop.fade.hidden {
    display: none;
}

.tooltip {
    z-index: 2;
}

button.btn-block-option:disabled {
    cursor: inherit;
    opacity: 0.4;
}

.custom-chips {
    border: 1px solid;
    padding: 0.25rem 1rem;
    text-align: center;
    border-radius: 50px;
    white-space: nowrap;
    margin-top: 0.5rem;
    font-size: 1rem;
    box-shadow: 0px 0px 0px #000;
    transition: 0.5s ease;
    will-change: transform;
}

.custom-chips-static {
    border: 1px solid;
    padding: 0.25rem 1rem;
    text-align: center;
    border-radius: 50px;
    white-space: nowrap;
    margin-top: 0.5rem;
    font-size: 1rem;
    box-shadow: 0px 0px 0px #000;
    transition: 0.5s ease;
}

.chips-primary {
    border-color: var(--stremster-primary);
    color: #fff;
    background-color: var(--stremster-primary);
}

.custom-chips:hover {
    transform: translate(0px, -3px);
    box-shadow: 0px 3px 6px #797979;
    color: #fff;
}

.custom-chips.chips-secondary {
    border-color: var(--stremster-secondary) !important;
    color: #fff;
    background-color: var(--stremster-secondary);
}

#home-slogan {
    width: 100%;
    min-height: 575px;
    margin-bottom: 35px;
    border-bottom: 12px solid #fff;
    text-align: center;
}

    #home-slogan h1 {
        font-size: 4.6rem;
        color: #13191e;
        font-weight: 700;
        letter-spacing: 0;
        text-transform: none;
        padding: 0;
        margin: 7.875rem auto 1.5rem auto;
        text-transform: uppercase;
    }

        #home-slogan h1 > i {
            font-size: 40px;
        }

.home-tiles {
    padding-top: 0;
}

    #home-slogan h2,
    .home-tiles h2 {
        color: #13191e;
        text-transform: uppercase;
        font-size: 2rem;
        line-height: 1em;
        font-weight: 800;
        letter-spacing: 0px;
        text-align: center;
        padding: 0px;
        margin: 70px 0px 70px 0px !important;
    }

#home-slogan h3 > span {
    text-transform: uppercase;
}

#home-slogan > .creators-search {
    float: none;
    clear: both;
}

.creators-search .error-message {
    height: 5rem;
    padding: 0.82rem 0.75rem 0.3rem;
    font-size: 1rem;
    line-height: 1.5;
    position: absolute;
    background-color: #fff;
    width: 100%;
    background-clip: padding-box;
    border-bottom: 1px solid #d8dfed;
    border-radius: 0.25rem;
    top: 88%;
    text-align: left;
    will-change: opacity;
    -webkit-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .creators-search .error-message.show {
        opacity: 1;
    }

#home-slogan > .creators-search .round-button {
    display: block;
    width: 16rem;
    height: 16rem;
    margin: -2rem auto 2rem;
    line-height: 2.6rem;
    border: 6px solid #f5f5f5;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
    background: #fff;
    -webkit-box-shadow: 0 0 3px gray;
    box-shadow: 0 0 3px gray;
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #224455;
}

    #home-slogan > .creators-search .round-button:hover {
        background: #224455;
        cursor: pointer;
        -webkit-text-fill-color: #224455;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #fff;
    }

#home-slogan > .creators-search input {
    width: 100%;
    height: 56px;
    padding: 0 0.4rem;
    color: slategray;
    font-size: 32px;
    background: #f5f5f5;
    border: 0;
    border-bottom: 1px solid #666;
}

    #home-slogan > .creators-search input:focus {
        border: 0;
        border-bottom: 1px solid #ffa100;
        outline: initial;
    }

    #home-slogan > .creators-search input::-webkit-input-placeholder {
        font-size: 16px;
        font-style: italic;
        color: #c3c4b6;
    }

    #home-slogan > .creators-search input::-moz-placeholder {
        font-size: 20px;
        font-style: italic;
        color: #c3c4b6;
    }

    #home-slogan > .creators-search input:-moz-placeholder {
        color: pink;
    }

    #home-slogan > .creators-search input:-ms-input-placeholder {
        font-size: 20px;
        font-style: italic;
        color: #c3c4b6;
    }

.landing-creator-tile {
    height: 450px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

.home-creator-tile-link {
    word-break: break-word;
}

div.home-creator-tile-link > a {
    color: #13191e;
    font-size: 25px;
    font-weight: 800;
    font-size: 1.1rem;
    font-weight: 900;
    text-transform: uppercase;
}

    div.home-creator-tile-link > a:hover {
        color: #000;
    }

#page-container.main-content-boxed > #main-container .landing-content {
    max-width: 100%;
}

#page-container.main-content-boxed > #main-container .fst-landing-content {
    margin-top: 48px;
}

#page-container.main-content-boxed > #main-container .content-profile {
    position: absolute;
    top: calc(50% - 60px);
    margin-top: 60px;
    -webkit-transform: translate(10%, -50%);
    -ms-transform: translate(10%, -50%);
    transform: translate(10%, -50%);
    max-width: 80% !important;
    width: 80%;
}

    #page-container.main-content-boxed > #main-container
    .content-profile > .bg-body-dark {
        background-color: rgba(230, 235, 244, 0.4) !important;
    }

#page-container.main-content-boxed > #main-container .content-profile-details {
    position: relative;
    -webkit-transform: initial;
    -ms-transform: initial;
    transform: initial;
}

#page-container .ph-fixed {
    position: fixed;
    z-index: 1010;
}

header#page-header {
    transition: 0.5s ease;
    z-index: 1000;
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
}

.sticky {
    position: fixed !important;
    top: 0;
    width: 100%;
    left: 0;
}

.sticky-header {
    padding-top: 50px;
}

.main-menu.content-header {
    height: 3rem;
}

.content-header.main-menu.dark {
    background-color: #000;
    color: #624c9a;
}

.main-menu > .mm-left-side {
    margin: 0;
    padding: 0;
    height: 3rem;
}

.mm-right-side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

button#page-header-user-dropdown[aria-expanded="true"] {
    background-color: #333;
    color: #fff;
    box-shadow: none;
}

.main-menu > .mm-left-side > a.btn,
.main-menu > .mm-right-side > a.btn,
.main-menu > .mm-right-side > div.dropdown > button.btn {
    height: 3rem;
    border-radius: 0;
    font-size: 1.1rem;
    padding: 0.65rem 1rem;
    border: 0;
}

    .main-menu > .mm-right-side > div.dropdown > button.btn.show {
        background-color: #e1e1e1;
    }

.main-menu a.btn-light {
    color: #212529;
    background-color: #fff;
    border-color: #fff;
    transition: 0.1s ease all;
    -webkit-transition: 0.1s ease all;
    -moz-transition: 0.1s ease all;
    -ms-transition: 0.1s ease all;
    -o-transition: 0.1s ease all;
}

.main-menu.dark a.btn-light {
    color: #fff !important;
    background-color: #000 !important;
    border-color: #000 !important;
}

.main-menu.dark #page-header-user-dropdown {
    color: #fff;
}

.main-menu > .mm-right-side > a.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}

.content.content-full {
    padding: 0 !important;
}

.landing-block-title {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 44px;
    margin: 0 0 12px;
    text-align: center;
    color: #fff;
    line-height: 1.2;
}

.landing-creator-tile {
    -webkit-box-shadow: 0 0 2px #808080;
    box-shadow: 0 0 2px #808080;
}

.landing-block-title-featured {
    text-shadow: 1px 0px 4px #99c8ff;
    border-bottom: 1px solid #99c8ff;
}

.landing-block-content {
    text-align: center;
}

.landing-fg-search {
    padding: 0 20% 2rem;
}

.landing-footer-links a {
    display: inline-block;
    width: auto;
    padding: 0 6px;
}

.header-a-logo {
    margin: -4px 2px 0 0;
}

.login-form-block {
    position: relative;
    min-height: 440px;
    padding-bottom: 40px !important;
}

.font-size-1_4.font-w600 {
    line-height: 1.2;
}

.account-recover-link {
    text-align: center;
}

    .account-restore-link a,
    .account-recover-link a {
        font-style: italic;
    }

    .account-recover-link a {
        display: inline;
        font-style: italic;
        color: #5f676e;
        transition: 0.2s ease-in-out;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
    }

        .account-recover-link a:hover {
            color: #0d161d;
        }

div[aria-labelledby="crypto-account-actions"] a.btn,
div[aria-labelledby="crypto-account-actions"] button {
    text-align: left;
    padding-left: 10px;
}

.dashboard-currency-rb {
    border-right: 1px solid #ededed;
}

.btn-buysell {
    padding-left: 3rem;
    padding-right: 3rem;
}

.text-realtime {
    font-size: 0.8em;
}

.accounts-search-btn-holder {
    position: relative;
    width: 100%;
    height: 40px;
    margin: 0;
}

    .accounts-search-btn-holder button {
        position: absolute;
        top: 0;
        right: 2%;
    }

#accounts-search-bar #page-header-search {
    background-color: #f4f6fa !important;
}

#account-details label small {
    color: #5f676e;
    font-weight: 500;
}

img.sponsor_avatar {
    border-radius: 50%;
    width: 150px;
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    cursor: pointer;
}

div.errors,
div.success {
    float: none;
    clear: both;
    width: 100%;
    height: auto;
    padding: 2px 4%;
    color: red;
    font-size: 0.85em;
}

div.success {
    color: green;
}

.status-btn {
    width: 100%;
}

#admin-login {
    max-width: 400px;
    margin: 0 auto;
}

.display-5 {
    font-size: 2rem;
}

.display-6 {
    font-size: 1.4rem;
}

.display-7 {
    font-size: 1.2rem;
}

.display-8 {
    font-size: 1rem;
}

.rates-action {
    font-size: 2.2rem;
    cursor: pointer;
}

.btn-add {
    color: green;
}

.btn-delete {
    color: darkred;
    font-size: 1.4rem;
}

.btn-signout {
    width: 100%;
    margin: 0;
    text-align: left;
    color: #fff;
    border-radius: 0;
}

.rate {
    width: 100%;
    max-width: 120px;
    height: 38px;
    border: 1px solid #d8dfed;
    border-radius: 0.25rem;
    padding: 4px;
}

.new_rate > thead > tr > th > strong {
    font-weight: bolder;
}

.dropdown-menu-right-settings {
    right: 100px !important;
    left: auto !important;
}

.inp-restore-pwd {
    width: 200px;
    padding: 0 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border: 1px solid #ddd;
}

.trade-info {
    margin: 20px 2%;
    font-size: 1em;
}

div.topmenu {
    cursor: pointer;
}

    div.topmenu > div.dropdown-menu > div > a > i {
        width: 20px;
        text-align: center;
        margin-right: 6px;
    }

.mm-right-side .dropdown-toggle::after {
    display: none;
}

#img_file,
#img_file_merch,
#profile_img_file,
#cover_img_file {
    display: none;
}

img.img-profile {
    width: 200px;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    cursor: pointer;
}

img.img-tier {
    width: 140px;
    height: 140px;
    border-radius: 50%;
}

img.about-cover {
    width: 100%;
    height: 25%;
    cursor: pointer;
}

.tier-edit-btn {
    position: absolute;
    top: 0;
    right: 0;
}

.tier-delete-btn {
    position: absolute;
    bottom: 0;
    right: 0;
}

    .tier-edit-btn > button,
    .tier-delete-btn > button {
        width: 106px;
    }

.tier-edit-description {
    word-break: break-word;
}

.edit-ab .note-toolbar.card-header {
    position: relative !important;
}

.edit-about-btn {
    position: absolute;
    top: 10px;
    right: 20px;
}

button.btn-flush-errors {
    position: absolute;
    top: 10px;
    right: 10px;
}

.dashboard-errors {
    background-color: #fff;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    padding: 0.5rem;
    border: 1px solid #d8dfed;
    border-radius: 0.25rem;
}

.block-divider {
    margin: 20px 0 10px;
}

.dashboard-chart {
    position: absolute;
    top: -2000px;
    left: -2000px;
    width: 100%;
    height: 400px;
}

.dashboard-chart-active {
    position: initial;
    top: initial;
    left: initial;
}

.buy-fees-info {
    font-size: 0.75rem;
}

.block-content-center {
    width: 102px;
    margin: 0 auto 20px;
}

input.setting-input {
    width: 50%;
}

code.setting-json {
    background-color: #f4f6fa;
}

.block-fx-pop small {
    display: block;
    color: #dcdcdc;
    height: 10px;
}

.block-fx-pop img.upload {
    cursor: pointer;
}

.block.block-fx-pop {
    padding-bottom: 1rem;
}

.btn-creator-save {
    width: 100%;
}

.about-checklist > ul > li {
    padding: 0.2rem 0.25rem;
    border: none;
}

.sidebar-social-icons a {
    color: var(--stremster-primary);
}

.block-social-links
span.badge.badge-pill.badge-info.js-tooltip-enabled
i.fa.fa-fw {
    font-size: inherit;
}
/* About page sidebar products styles */
.merch-buy-btn {
    width: 160px;
}

.sidebar-merch-price {
    font-size: 1.2rem;
    font-weight: 600;
}

.merch-title-sidebar {
    font-size: 1.2rem;
}

.merch-counter {
    position: absolute;
    right: 0;
    top: 5px;
}

.height-230 {
    height: 230px;
}

.block-social-links input {
    width: calc(100% - 40pt);
    height: 32px;
    padding: 0.35rem;
    border: none;
    border-bottom: 1px solid #c2ced4;
}

.creator-about-profile-img {
    will-change: transform;
    position: absolute;
    -webkit-transform: translateY(10%) translateX(-104%);
    -ms-transform: translateY(10%) translateX(-104%);
    transform: translateY(10%) translateX(-104%);
    background-position: 0 50%;
    background-size: cover;
    width: 200px;
    height: 200px;
}

    .creator-about-profile-img img {
        border-radius: 100px;
    }

div.validation-note {
    height: auto;
}

    div.validation-note > small,
    .ui-processing {
        font-size: 14px;
        font-weight: bold;
        min-height: 26px;
    }

label.validation-label {
    margin-top: 26px;
}

.tier-benefits-display {
    font-size: 92%;
}

.tier-price-badge {
    color: var(--stremster-primary);
    line-height: 1.5rem;
}

.subscribe-tier-btn {
    max-width: 160px;
}

img.tier-img {
    width: 100%;
    max-height: 300px;
    object-fit: cover;
    object-position: center;
}

.sidebar-tiers-creator:last-child {
    border-bottom: none;
}

.project-task-holder {
    position: relative;
}

.project-rm-task,
.project-complete-task {
    position: absolute;
    top: 12px;
    right: -30px;
    cursor: pointer;
}

.project-complete-task {
    right: 13px;
}

.btn-projects-view-edit {
    position: absolute;
    top: 12px;
    right: 20px;
}

.project-people-block {
    min-height: 78px;
}

.block .block.person-card {
    border: 1px solid #f9fafc;
    -webkit-box-shadow: 0 0 1rem #d8dfed !important;
    box-shadow: 0 0 1rem #d8dfed !important;
}

.project-card {
    position: relative;
}

    .project-card .card-controll {
        position: absolute;
        bottom: 0rem;
    }

input.form-control.project-taskitems {
    border-radius: 0;
}

#blockUIContent {
    display: none;
}

.blockUIContent-wrapper {
    display: inline-block;
    border-radius: 3px;
    font-weight: bold;
    color: #fff;
    opacity: 0.8;
    padding: 10px 20px;
    background: #000;
}

    .blockUIContent-wrapper > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

.js-task.block.block-fx-pop {
    padding-bottom: 0;
}

.btn-remove-question {
    position: absolute;
    top: 0;
    right: 15px;
    height: 38px;
}

input.inp-question {
    padding-right: 24px;
}

.unstyled-list {
    list-style: none;
}

button.btn-polls-list {
    border-radius: 0 !important;
    padding: 0.45rem 1.25rem;
}

/* li.lgi-poll {
    padding-right: .24rem;
    padding-left: .46rem;
} */
button.btn-lgi-poll {
    text-transform: capitalize;
    background-color: #434a4f;
    border-color: #434a4f;
}

li.lgi-poll-total {
    padding: 0.4rem 1rem;
    border: 0px;
}

.border-bottom {
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
}

.li-poll-result.dashboard-results {
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
}

.dashboard-results .poll-result-bg {
    height: 15px;
}

.poll-result-data {
    width: 100%;
}

    .poll-result-data > div > span {
        font-size: 0.8rem;
    }

.poll-result-bg {
    height: 15px;
    background: var(--stremster-primary);
}

#page-footer {
    z-index: 9;
    position: relative;
    background-color: #fff !important;
}

    #page-footer a {
        color: #000;
    }

        #page-footer a:hover {
            color: #2b4458;
        }

#main-container {
    min-height: 100vh;
    overflow-x: hidden;
}
/* REGISTRATION PAGE SETTINGS */
.text-dark {
    color: #13191e !important;
}

.text-muted {
    color: #5f676e !important;
}

label.custom-control-label.terms-agree {
    font-weight: 400;
    font-size: 1.1rem;
    text-transform: capitalize;
}
/* FLOATING FORMS */
.floating-form .form-group .form-control {
    height: calc(2.25rem + 6px);
    padding: 0.82rem 0.75rem 0.3rem;
    font-size: 1rem;
    line-height: 1.5;
}

.floating-form .form-group > label {
    position: absolute;
    top: 0;
    left: 0.75rem;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    color: #5f676e;
    font-weight: 300;
    transform: translate(0, 0.5rem) scale(1.2);
    cursor: text;
    -webkit-transform: translate(0, 0.5rem) scale(1.2);
    -moz-transform: translate(0, 0.5rem) scale(1.2);
    -ms-transform: translate(0, 0.5rem) scale(1.2);
    -o-transform: translate(0, 0.5rem) scale(1.2);
    max-width: 70%;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.floating-form .form-group {
    position: relative;
}

    .floating-form .form-group input,
    .form-group label {
        transition: all 0.2s;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
    }

        .floating-form .form-group input:not(:placeholder-shown) + label,
        .floating-form .form-group input:focus + label {
            transform: translate(0, 0) scale(0.8);
            -webkit-transform: translate(0, 0) scale(0.8);
            -moz-transform: translate(0, 0) scale(0.8);
            -ms-transform: translate(0, 0) scale(0.8);
            -o-transform: translate(0, 0) scale(0.8);
            cursor: pointer;
        }

        .floating-form .form-group input::-webkit-input-placeholder {
            opacity: 0;
        }

        .floating-form .form-group input::-moz-placeholder {
            opacity: 0;
        }

        .floating-form .form-group input:-ms-input-placeholder {
            opacity: 0;
        }

        .floating-form .form-group input::-ms-input-placeholder {
            opacity: 0;
        }

        .floating-form .form-group input::placeholder {
            opacity: 0;
        }

.floating-form .invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.1rem;
}
/* LOGIN PAGE */
.btn-hero-secondary {
    background-color: #434a4f;
}

a.link-fx::before {
    background-color: #0d161d;
}

/* 2fa - TWO FACTOR AUTH */
.authInput {
    width: 38px;
}
/* HEADER SETTINGS  */
.overlay-header {
    will-change: transform;
    -webkit-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%);
}

.cfw {
    text-transform: uppercase;
    font-weight: 800;
}

button#page-header-user-dropdown {
    border: 0px;
    border-radius: 0;
}

button#page-header-user-dropdown2 {
    height: 100%;
    color: #fff;
    background-color: #434a4f;
    border-color: #434a4f;
    border-radius: 0;
}

.h100 {
    height: 100%;
}

button.dropdown-item.btn.btn-signout:hover {
    color: #fff;
    background-color: #434a4f;
}
/* HOME PAGE SETTINGS */
.header-banner {
    min-height: 12vh;
    padding: 2rem 0%;
    background-image: url("/assets/media/photos/home_banner.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
}

h1.new-font {
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 5px;
    font-size: 54px;
}

h3.new-font {
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "Halant-Regular";
}

.header_links {
    margin-top: 50px;
}

.banner-btns {
    text-transform: capitalize;
    margin-right: 15px;
}
/*CREATORS SEARCH FORM */
.creators-search {
    background-color: var(--stremster-primary);
}

    .creators-search .content {
        padding: 1.7rem 1.7rem;
    }

    .creators-search .row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .creators-search label {
        text-transform: capitalize;
    }

    .creators-search .form-group {
        margin-bottom: 0px;
    }

    .creators-search h3.text-white {
        text-transform: capitalize;
        font-size: 1.5rem;
        margin-bottom: 0px;
    }

/* CREATORS SETTINGS */
.input-with-currency {
    position: relative;
}

    .input-with-currency::after {
        content: "$";
        top: 0px;
        position: absolute;
        right: 14px;
        padding: 7px 9px;
        background-color: #f4f6fa;
    }

#horizontal-navigation-hover-centered.paused {
    position: relative;
    box-shadow: 0px 2px 4px #ff0000;
}

    #horizontal-navigation-hover-centered.paused .paused-notice {
        position: absolute;
        right: 25px;
        top: 25px;
        font-weight: 700;
        color: #ff0000;
    }

#horizontal-navigation-hover-centered:not(.paused) {
    position: relative;
}

    #horizontal-navigation-hover-centered:not(.paused) .active-name {
        max-width: 200px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.moderation-notice {
    box-shadow: inset 0px -1px 2px 0px #b29292;
    line-height: 2;
}

    .moderation-notice .hide-notice {
        position: absolute;
        right: 0;
        top: 0;
        padding: 7px 8px;
        cursor: pointer;
        color: #fff;
        line-height: 1;
        background: transparent;
        border: none;
    }

.bid-bg {
    background-color: #f4f6fa;
    border-radius: 5px;
}

.users-bids {
    border-left: 1px solid #ddd;
}

.bid:last-child {
    border-bottom: 0px;
}

.bidder-details:first-child {
    font-weight: 800 !important;
}

.nav-tabs-alt .nav-link.active:not(.bottom-bordered) {
    color: var(--stremster-primary);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.font-c {
    font-family: "Halant-Regular";
}

.featured_text {
    padding-bottom: 0;
    line-height: 0;
    margin: 10px 0px 20px 0px;
    font-size: 2.5em;
    text-transform: uppercase;
}

.creator_about_info {
    padding-top: 0px;
    overflow: hidden;
    word-break: break-word;
    color:#888;
}

.landing-creator-tile {
    -webkit-box-shadow: 0px 2px 5px #808080;
    box-shadow: 0px 2px 5px #808080;
    padding-bottom: 1rem;
}

.readmore-creator .btn {
    text-transform: capitalize;
}

.block-content.block-content-full.profile-img {
    padding: 1rem 0px 1.5rem 0px;
}

.profile-img img.img-avatar.img-avatar-thumb {
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 150px;
}

.project-member {
    width: 92px;
    height: 92px;
    object-fit: cover;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

span.selected-person {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    transition: 0.3s ease;
    will-change: opacity;
}

.team-list .selected .selected-person {
    opacity: 1;
}
/* PRE-FOOTER SETTINGS */
.pre-footer {
    background-image: url(/assets/media/photos/photo33-overlay.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 1.8rem 0;
    margin-top: 2rem;
}

/* footer settings */
a.footer-logo {
    font-size: 20px;
}

#page-footer ul.information-links {
    list-style: none;
}

    #page-footer ul.information-links li {
        margin: 0.2rem 0px;
    }

.download-links a {
    margin-bottom: 0.4rem;
}

#post-publish,
#post-early-access {
    border-color: initial;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* ABOUT SETTINGS */
.creator-about-text {
    word-break: break-word;
    overflow-x: hidden;
}

    .creator-about-text iframe.note-video-clip {
        width: 100%;
    }

    .creator-about-text video {
        width: 100%;
    }

a.btn.btn-light.logo {
    text-transform: uppercase;
    font-weight: 800;
}

.block.main-flow {
    padding-bottom: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#page-footer.dark a {
    color: #fff;
}

#page-footer.dark {
    background-color: #000 !important;
    color: #fff;
}

#page-footer.dark {
    background-color: #000 !important;
    color: #fff;
    box-shadow: 0px -15px 50px var(--subverse-violet);
}

.block.main-flow h3.block-title {
    font-size: 1.2rem;
    font-weight: 800;
    text-transform: uppercase;
    color: #13191e;
}

.block-title.sponsor-sidebar-calculations {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-transform: capitalize;
}

    .block-title.sponsor-sidebar-calculations small {
        color: #13191e;
        font-weight: bold;
        font-size: 1.2rem;
        text-transform: capitalize;
    }

h3.block-title.sponsor-sidebar-calculations .badge-primary {
    padding: 0.3em 0.4em 0.2em 0.4em;
}

.sponsor-sidebar-calculations .badge-secondary {
    background-color: #878f95;
}

.sidebar-social-icons .block-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    padding-top: 0px;
}

.sidebar-tiers-creator .block-title {
    color: #13191e;
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: bold;
}

.sidebar-polls .block-title {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: bold;
}

.about-content-btn {
    border-bottom: 1rem solid #f5f5f5;
}

.wrapper-posts-navs ul.nav.nav-tabs {
    border-bottom: transparent;
}

.about-content-btn .btn {
    width: 100%;
}

.note-editable.card-block p {
    margin-bottom: 0;
}

.sidebar-social-icons .block-title {
    color: #13191e;
    text-transform: capitalize;
    font-size: 1.2rem;
    font-weight: bold;
}

.font-size-plain {
    font-size: 0.85rem;
}

.sidebar-social-icons .block-content a {
    margin: 0px 7px;
}

.sidebar-creators-projects .block-header h3 {
    color: #ffffff;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: bold;
}

.block.about-project-block {
    margin-bottom: 0px;
}

.about-project-item:last-child .about-project-body {
    border-bottom: 0px;
}

.sidebar-tier-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

.block.sidebar-tiers-creator .tier-benefits-display {
    padding-top: 1.5rem;
    line-height: 1.2;
}

.sidebar-tiers-creator .tier-cost {
    position: absolute;
    right: 1rem;
    top: 1rem;
    max-width: 75px;
    word-break: break-word;
}

.sidebar-tiers-creator .support-btn {
    margin-top: 1rem;
    background-color: #434a4f;
    border-color: #434a4f;
    width: 100%;
}

.sidebar-tier-inner .badge-secondary {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
    background-color: #878f95;
}
/* POLLS */
.polls-title {
    text-transform: capitalize;
    font-size: 1rem;
    font-weight: bold;
    color: #434a4f;
    word-break: break-word;
}

.lgi-poll {
    min-height: 52px;
    font-weight: 600;
    color: #5f676e;
    border: 0px;
    border-bottom: 1px solid #e6ebf4;
}

.polls-sidebar-results .answer-polls {
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
}

span.polls-sidebar-results {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

span.answer-polls {
    text-transform: uppercase;
    font-weight: bold;
}
/* POST/OVERVIEW NAVS */
.wrapper-posts-navs {
    background-color: #fff;
}

    .wrapper-posts-navs .content {
        padding-top: 0px;
    }

    .wrapper-posts-navs .block-header {
        padding: 0px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

.block.post-overview-nav {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0px;
}

.short-post-title {
    max-width: 40%;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
/* TIER PAGE SETTINGS */
.toggled div#add-tier-block {
    padding: 1rem;
}

.edit-tier-row {
    padding-bottom: 0.25rem;
    position: relative;
}

    .edit-tier-row .move-up,
    .edit-tier-row .move-down {
        position: absolute;
        width: 65px;
        right: 0;
        z-index: 2;
    }

    .edit-tier-row .move-up {
        top: 0.5rem;
    }

    .edit-tier-row .move-down {
        bottom: 0.5rem;
    }

div#add-tier-block .form-group.row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

#add-tier-block small,
#product-tier-block small {
    color: #5f676e;
    font-weight: 500;
}

div#add-tier-block .block-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    max-width: 320px;
    margin: 50px auto 0px;
}

.tier-edit-image {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .tier-edit-image img.img-tier {
        width: 100%;
        height: auto;
        max-height: 300px;
        border-radius: 0;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
    }

.tier-edit-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.tier-edit-price {
    color: var(--stremster-primary);
    line-height: 1.5rem;
    display: block;
    font-weight: bold;
    font-size: 1.5rem;
    text-align: center;
}

.country-list li {
    width: 50%;
    float: left;
}

.tier-delete {
    margin-top: 20px;
}

.tier-deleting-tooltip {
    position: relative;
}

    .tier-deleting-tooltip button:hover + .disabled-tooltip {
        opacity: 1 !important;
    }

.disabled-tooltip {
    /* display: none; */
    will-change: opacity;
    position: absolute;
    width: 100%;
    left: -107%;
    bottom: 0;
    padding: 0.25rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0.25rem;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    opacity: 0;
}

.tier-edit-title {
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 800;
}

.tier-edit-image .block-content {
    padding: 0px;
}

.tier-edit-description .block-content {
    padding: 0px;
    margin-bottom: 1rem;
}

.tier-edit-btns h3.block-title {
    font-size: 0.9rem;
}

.tier-edit button,
.tier-delete button {
    width: 105px;
}

.add-nt {
    text-align: center;
}

.fw-800 {
    font-weight: bold !important;
    line-height: 1.2;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.padding-small {
    padding: 1rem;
}
/* CREATE PROJECT PAGE */
.project-description-view {
    padding-bottom: 1.5rem;
}

.create-project-wrapper .block-content {
    padding-top: 0px;
}

.create-project-wrapper > h2.content-heading {
    padding: 0.75rem 1.25rem !important;
    border-bottom: 3px solid #f5f5f5;
    margin-bottom: 0px;
}

.create-project-wrapper .describe-project {
    padding-top: 1.25rem;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.push.choose-people-wrapper h2.heading-people {
    border-bottom: 0px;
    font-weight: bold;
    color: inherit;
    font-size: 1rem;
    margin-bottom: 0px;
}

.project-status-badge {
    position: absolute;
    right: 3rem;
    top: 3rem;
    font-size: 1rem;
}

.custom-mutted {
    color: rgb(123, 136, 152);
}

.project-list-edit {
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* Tier purchse process */
.block-header.edit-processing-title .block-title {
    font-size: 1.2rem;
    font-weight: 800;
    text-transform: capitalize;
    color: #13191e;
}

.tier-purchase-wrapper h5.block-title {
    font-size: 1rem;
}

.tier-purchase-summary {
    border-left: 1px solid #f5f5f5;
}

p.gross-amount-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.tier-purchase-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.text-sm {
    font-size: 0.75rem;
}

.tier-summary-description p {
    margin-bottom: 0px;
}

.form-group.payment-selection-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.payment-selection-wrap span {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 0px 1px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    position: relative;
    margin: 5px 0px;
}

#paysafecard {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}

.payment-selection-wrap .payment-selection-block img {
    height: 40px;
    margin: auto;
}

.payment-selection-block .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    will-change: opacity;
}

.payment-selection-block:hover {
    cursor: pointer;
}

.payment-selection-wrap .payment-selection-block:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.payment-selection-block {
    border: 3px solid #fff;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

    .payment-selection-block.active {
        border: 3px solid var(--stremster-primary);
    }

.short-agreement {
    height: 130px;
    overflow-y: scroll;
}

.creator-contact-details {
    -webkit-box-shadow: inset 1px 0px 0px #f3f0f0;
    box-shadow: inset 1px 0px 0px #f3f0f0;
}
/* TOP BAR CREATOR */
.navbar-brand a {
    text-transform: uppercase;
    font-weight: 800;
    color: #212529;
    font-size: 1.1rem;
}

.account-dropdwn,
.account-dropdwn button {
    height: 100%;
}

div#topnavbar a {
    padding: 0.65rem 1rem;
    border-radius: 0;
}

div#topnavbar {
    background-color: #fff;
    -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.4);
}

.content-drop #dropdown-default-outline-secondary {
    border: 0px;
    padding: 0.65rem 1rem;
    background-color: transparent;
    outline: none;
}

div#topnavbar a.active {
    background-color: var(--stremster-primary);
    height: 100%;
    color: #fff !important;
}

div#topnavbar .row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0px 1rem;
}

    div#topnavbar .row ul.nav {
        height: 100%;
    }

.btn-light.focus,
.btn-light:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* CREATOR SUMMARY PAGE */
.creators-summary .block-header {
    border-bottom: 3px solid #f5f5f5;
}

    .creators-summary .block-header h3.block-title {
        color: #13191e;
        font-size: 1.2rem;
        font-weight: bold;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .creators-summary .block-header h3.block-title small {
            text-transform: capitalize;
            color: #13191e;
            font-size: 1.2rem;
            font-weight: bold;
        }

.creators-summary .summary-link {
    color: #000;
}

.action-table-btn {
    width: 100%;
    color: #fff;
}

.pay-status-badge {
    width: 80px;
}

.summary-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
/* TRANSACTIONS PAGE */
.transactions-wrapper .block-header {
    border-bottom: 3px solid #f5f5f5;
}

.transactions-wrapper .block-title {
    color: #13191e;
    font-size: 1.2rem;
    font-weight: bold;
}
/* Privacy Policy */

.privacy-wrapper h3.title {
    color: #13191e;
    font-size: 1.1rem;
    font-weight: bold;
}

.privacy-wrapper h4.subtitle {
    color: #13191e;
    font-size: 1.1rem;
    font-weight: bold;
}
/* SPONSOR DASHBOARD */
.sponsor-dashboard-title {
    margin-bottom: 1rem;
    border-bottom: 3px solid #f5f5f5;
    background-color: #fff;
}

    .sponsor-dashboard-title h4 {
        font-weight: 400;
    }

.spinner-border {
    margin-left: 48%;
}

.featured-creator-descr {
    word-break: break-word;
}

.hidden-description {
    display: none;
}

.show-full {
    cursor: pointer;
}
/*CREATOR PEOPLE  */
.people-wrapper {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.disabled-label {
    position: absolute;
    top: 0;
    right: 0;
}

.disabled-description {
    opacity: 0.5;
}

.add-people-title {
    padding: 0.75rem 1.25rem !important;
    border-bottom: 3px solid #f5f5f5;
}

/* CREATE POST */
.custom-ships {
    padding: 0px;
}

    .custom-ships .custom-control-label::after {
        display: none;
    }

    .custom-ships .custom-control-label::before {
        display: none;
    }

    .custom-ships .custom-control-input:checked ~ .custom-control-label {
        color: #fff;
        background-color: var(--stremster-primary);
    }

    .custom-ships .custom-control-label {
        padding: 5px 14px;
        border: 1px solid var(--stremster-primary);
        cursor: pointer;
    }

/* F.A.Q and getting started */
.getting-started-wrapper h3.title {
    color: #13191e;
    font-size: 1.1rem;
    font-weight: bold;
}

.getting-started-wrapper h4.subtitle {
    color: #13191e;
    font-size: 1rem;
    font-weight: bold;
}

.faqs-tab-content {
    display: none;
}

    .faqs-tab-content.active {
        display: block;
    }

ul.row.tabs-navs-wrap {
    list-style: none;
}

.tabs-links-navs a {
    font-size: 1.25rem;
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    padding: 1rem;
    border: 3px solid transparent;
}

li.tabs-links-navs.active a {
    border: 3px solid var(--stremster-primary);
}

.creators-link:before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f4cd";
    color: var(--stremster-primary);
    font-size: 4em;
    display: block;
}

.sponsors-link:before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f4c0";
    color: var(--stremster-primary);
    font-size: 4em;
    display: block;
}

.users-link:before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f4fe";
    color: var(--stremster-primary);
    font-size: 4em;
    display: block;
}
/* SETTINGS */
.custom-select {
    background-color: #f4f6fa;
}

.block-header.underlined {
    border-bottom: 3px solid #f5f5f5;
}

    .block-header.underlined h3 {
        color: #13191e;
        font-size: 1.2rem;
        font-weight: bold;
    }

.field-wraper .invalid-feedback {
    margin-top: 0px;
    font-size: 0.75rem;
    font-weight: 700;
    word-break: break-word;
}

.field-wraper label {
    font-weight: 500;
}

.settings-navs ul.tabs-navs-wrap.px-0 {
    list-style: none;
}

/* CREATORS SPONSORS */
.sponsors-list small {
    font-size: 1.2rem;
}

#page-container {
    min-height: 100% !important;
    height: auto;
}

.display-none {
    display: none;
}

.hidden_paypal {
    height: 0;
    overflow: hidden;
}

/* TICKET NOTIFICATION */
.row.notification-item.unread {
    background-color: #d5dff2;
    border-bottom: 3px solid #eeeded;
    border-radius: 3px;
}

.ticket-notification {
    position: fixed;
    bottom: 0;
    right: 5rem;
    color: #fff;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
    z-index: 2;
}

    .ticket-notification a {
        height: 100%;
        width: 100%;
        display: block;
        padding: 1rem;
        color: #fff;
    }

.notifications-nav a.active {
    background-color: rgba(142, 142, 142, 0.36);
}

.notifications-nav {
    transition: 0.1s ease;
    -webkit-transition: 0.1s ease;
    -moz-transition: 0.1s ease;
    -ms-transition: 0.1s ease;
    -o-transition: 0.1s ease;
}

li.notifications-nav:hover {
    background-color: rgba(142, 142, 142, 0.36);
}
/* ERROR PAGE */
.error-container-wrapper {
    min-height: 100vh;
    background-size: cover;
    background-position: center;
    position: relative;
}

    .error-container-wrapper::after {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        filter: blur(2x);
        -webkit-filter: blur(5px);
        -moz-filter: blur(5px);
        filter: blur(5px);
        background-color: rgba(255, 255, 255, 0.5);
    }

.error-holder {
    border: 4px solid #ccc;
    z-index: 2;
}

/* Modal edit about  */
div#modalPublish {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 999;
}

    div#modalPublish.visible {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

.swal2-icon {
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 1.25em auto 1.875em;
    border: 0.25em solid transparent;
    border-radius: 50%;
    line-height: 5em;
    cursor: default;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    zoom: normal;
}

    .swal2-icon.swal2-info {
        border-color: #9de0f6;
        color: #3fc3ee;
    }

        .swal2-icon.swal2-info::before {
            content: "i";
        }

    .swal2-icon::before {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 92%;
        font-size: 3.75em;
    }

.modalConfirmationWrapper {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32em;
    max-width: 100%;
    padding: 1.25em;
    border-radius: 0.3125em;
    background: #fff;
    font-family: inherit;
    font-size: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2;
}

    .modalConfirmationWrapper h2 {
        text-align: center;
        color: #595959;
    }

#modalPublish .overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.5);
}

.buttonsWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    margin-top: 2rem;
}

div#modalSucceess {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 999;
}

    div#modalSucceess.succeeded {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    div#modalSucceess h2 {
        text-align: center;
        color: #595959;
    }

    div#modalSucceess .overlay {
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 1;
        background-color: rgba(0, 0, 0, 0.5);
    }

    div#modalSucceess .bodySuccess {
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 32em;
        max-width: 100%;
        padding: 1.25em;
        border-radius: 0.3125em;
        background: #fff;
        font-family: inherit;
        font-size: 1rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 2;
    }

p.rules-text {
    text-align: justify;
    font-size: 13px;
}

.product-price {
    font-weight: 800;
    font-size: 19px;
}

.cursor-pointer {
    cursor: pointer;
}

.buy-merch-btn {
    text-transform: uppercase;
    letter-spacing: 0.0625rem;
    font-weight: 700;
    padding: 0.625rem 1.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}
/* Products list settings */
.product-thumb {
    width: 100%;
    max-height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
}

.product-title {
    font-size: 19px;
    font-weight: 600;
}
/* POSTS STREAM STYLES */
.poster img {
    width: 100%;
}

.post-content-wrapper .dropdown-divider {
    margin: 0px;
}

.post-item {
    border-bottom: 1rem solid #ececec;
}

h4.time-wrapper {
    line-height: 1;
}

span.time-stamp {
    font-size: 14px;
    color: #657786;
    font-weight: 400;
    text-decoration: underline;
}

.border-info.latest-wraps {
    word-break: break-word;
}

    .border-info.latest-wraps p {
        margin-bottom: 0px;
    }

.poster.locked {
    position: relative;
}

    .poster.locked .locked-disclaimer {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        height: 100px;
        width: 65%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

.disclaimer-text {
    text-align: center;
    font-size: 1.25rem;
    font-weight: 700;
}
/* COMMENTS FOR POSTS */
.comment-wrapper {
    border-top: 1px solid #e6ebf4;
}

img.commenter-avatar {
    height: 45px;
    width: 45px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.comment-text {
    font-size: 0.85rem;
    word-break: break-word;
}

.commentor-name {
    font-weight: 600;
}

.comment-date {
    font-size: 0.8rem;
    text-decoration: underline;
}

.actions-block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.comment-item.header:last-child {
    border-bottom: 0px;
}

.like-action {
    cursor: pointer;
}
/* SPONSORS DASHBOARD */
.sponsors-product .card-img {
    min-height: 130px;
    background-size: cover;
    background-position: center;
}

#sponsors-menu-sidebar .nav-main-link .nav-main-link-icon {
    font-size: 1rem;
}

.dashboard-btn {
    opacity: 1;
}

    .dashboard-btn:not(.collapsed) {
        opacity: 0.5;
    }

.card-img img {
    width: 100%;
    height: 100%;
    max-height: 450px;
    object-fit: cover;
    object-position: top;
}

.game-card-img img {
    width: 100%;
    max-height: 4500px;
    object-fit: cover;
    object-position: top;
}

.justify-content-evenly {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

.size-75 {
    width: 75px;
    height: 75px;
}

.sponsor-avatar {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.tier-heading td {
    font-size: 0.9rem;
}

.tier-name,
.tier-price {
    font-size: 0.85rem;
    font-weight: 700;
}

.custom-tooltip {
    position: relative;
}

.tooltip-badge:hover + .custom-tooltip-body {
    height: auto;
    opacity: 1;
}

.custom-tooltip-body {
    position: absolute;
    padding: 0.4rem;
    bottom: 100%;
    border-radius: 5px;
    left: 0;
    will-change: opacity;
    opacity: 0;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.sponsors-projects-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.sponsor-name {
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.sponsor-email {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 700;
}

.posts-holder:last-child .post-item {
    border-bottom: 0px !important;
}

.featured-creator-title {
    word-break: break-word;
}

.creator-subscribers {
    font-weight: 600;
}

.section-title h2 {
    font-size: 1.1rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #13191e;
}

.project:last-child {
    border-bottom: 0px;
}

.recent-purchased .sidebar-tier-inner:last-child {
    border-bottom: 0px;
}

.featured-item:last-child {
    border-bottom: 0px;
}

p.email {
    word-break: break-word;
    font-size: 0.8em;
    font-weight: 600;
}
/* SUBSCRIPTION PAGE */
.sponsor-subscription-item img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.sponsor-subscription-list button.btn {
    width: 100px;
}

/* TRANSACTIONS PAGE */
th.sorting {
    position: relative;
    cursor: pointer;
}

table.dataTable thead .sorting:after {
    position: absolute;
    bottom: 0.9em;
    display: block;
    opacity: 0.3;
}

.transaction-wrapper .tier-column span {
    font-size: 1rem !important;
}

.adm-table thead th {
    font-size: 0.8rem;
}

.transaction-item-full .payment-summary {
    border-left: 1px solid #e6ebf4;
}
/* ORDERS PAGE */
.sponsors-order-item {
    position: relative;
}

.btn-w135 {
    width: 135px;
}
/* DOWNLOADS PAGE */
.item-title {
    font-size: 1.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .item-title .badge {
        font-size: 0.75rem;
    }

.download-item {
    border-bottom: 1px solid #e6ebf4;
}

.notifications-link {
    position: relative;
}

span.alert-number {
    margin-top: -25px;
}
/* NOTIFICATIONS PAGE */
/* .notifications-nav {
    border: 2px solid transparent;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
}
.notifications-nav:hover {
    border: 2px solid var(--stremster-primary);
} */
#loading-spinner {
    display: none;
}

.notifications-full-description {
    word-break: break-word;
}

.border-right-grey {
    border-right: 1px solid #e6ebf4;
}

.notification-item {
    background-color: #fff;
    border-bottom: 1px solid #d7d5d5;
}

.notification-item-title {
    font-size: 1.2rem;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.notification-item-desctiption {
    font-size: 1.2rem;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.notification-item .notification-from {
    font-weight: 600;
}

.notification-item .subject,
.notification-item .notification-date {
    font-weight: 600;
}

.notification-item.readed {
    background-color: #f6f6f6bf;
}

    .notification-item.readed .subject,
    .notification-item.readed .notification-date {
        font-weight: 400;
    }

    .notification-item.readed .notification-from {
        font-weight: 400;
    }

.notification-details {
    border-bottom: 1px solid #e6ebf4;
}
/* TAGS */
.tags-holder {
    position: relative;
}

.bootstrap-tagsinput {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d8dfed;
    border-radius: 0.25rem;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.tag.label {
    word-break: break-word;
    margin: 0.25rem 0.25rem 0.25rem 0;
    height: 1.375rem;
    line-height: 1.8rem;
    color: #ffffff;
    font-size: 0.875rem;
    font-weight: 600;
    background-color: var(--stremster-primary);
    border: none;
    border-radius: 0.25rem;
    padding: 2px 5px;
}
/* SUPPORT CENTER STYLES */
.support-page-wrapper {
    margin-top: -1.5rem;
    min-height: 20vh;
    padding: 3rem 0%;
    background-image: url(/assets/media/photos/bgsupport.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.no-bg {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.support-page-search {
    max-width: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.form-group.support-page-search input {
    max-width: 70%;
}

.help-btn {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 51;
    text-align: right;
}

/* SUPPORT GUIDE STYLES */
.guide-sidebar .nav-main-item .active span {
    color: var(--stremster-primary) !important;
}

.guide-sidebar .nav-main-link:hover span {
    color: var(--stremster-primary) !important;
}

.guide-category-content {
    max-height: 165px;
    overflow: hidden;
    padding-bottom: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .guide-category-content img {
        display: none;
    }
/* ADMIN DASHBOARD */
nav.sidebar-admin-dashboard {
    position: fixed;
    left: 0px;
    height: 100%;
}
/* nav#sidebar {
    overflow-y: scroll;
    padding-bottom: 10vh;
} */
.admin-panel-wrapper:not(.full-width) i.fa-compress-arrows-alt {
    display: none;
}

.admin-panel-wrapper.full-width i.fa-expand {
    display: none;
}

.admin-panel-wrapper {
    transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    -ms-transition: 0.6s ease;
    -o-transition: 0.6s ease;
}

    .admin-panel-wrapper.full-width nav#sidebar {
        -webkit-transform: translateX(-100%) translateY(0) translateZ(0);
        transform: translateX(-100%) translateY(0) translateZ(0);
        -webkit-overflow-scrolling: touch;
        will-change: transform;
    }

.content-full.admin-panel-wrapper.full-width {
    padding-left: 0px !important;
}

.admin-top-projects {
    table-layout: fixed;
}

    .admin-top-projects td {
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.chat-message-block {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.creators-accounts-img {
    height: auto;
    max-height: 80px;
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 150px;
}

.notes.note-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 11;
    width: 80%;
    height: 100%;
    bottom: 0;
    box-shadow: -1px 0px 6px #8e8e8e;
    transition: 0.5s ease;
    will-change: transform;
    transform: translate(105%, 0px);
}

    .notes.note-wrapper.active {
        transform: translate(0, 0px);
        -webkit-transform: translate(0, 0px);
        -moz-transform: translate(0, 0px);
        -ms-transform: translate(0, 0px);
        -o-transform: translate(0, 0px);
    }

.note-list {
    height: 100%;
    position: relative;
    padding-top: 48px;
}

.notes-container {
    height: 73vh;
    overflow-y: scroll;
}

.note-message {
    position: absolute;
    width: 100%;
    bottom: 0;
}

    .note-message textarea {
        resize: none;
    }
/* SEARCH & SEARCH RESULTS */
.p-relative {
    position: relative;
}

.results {
    position: absolute;
    background-color: #fff;
    width: 100%;
    top: 2rem;
    z-index: 2;
}

.result-item {
    font-weight: 600;
}

    .result-item a {
        transition: 0.1s ease;
        -webkit-transition: 0.1s ease;
        -moz-transition: 0.1s ease;
        -ms-transition: 0.1s ease;
        -o-transition: 0.1s ease;
    }

        .result-item a:hover {
            background-color: #f4f6fa;
        }

.results-badge {
    font-size: 0.6rem;
    vertical-align: top;
}

.text-underlined {
    text-decoration: underline;
}

.tier_description_result {
    word-break: break-word;
}

.commenter-avatar-large {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.commenter-avatar-small {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.edit-ab .modal-dialog {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto !important;
    max-height: 30vh;
}
/* CREATORS DASHBOARD AUCTION */
select#auctions-select:focus {
    outline: none;
}

.auction-featured-image img {
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
}

.auction-item-image {
    max-height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
}

.product-item-image {
    max-height: 500px;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
}

.parent-nav ol {
    counter-reset: section;
    list-style-type: none;
}

    .parent-nav ol li::before {
        counter-increment: section;
        content: counters(section, ".") " ";
    }

.parent-nav li::before {
    font-size: 1.25rem;
    font-weight: 600;
    color: #171717;
}

.parent-nav ol li {
    margin-top: 5px;
}
/* GUIDE STYLES */
.guide-content {
    word-break: break-word;
}

.breadcrumb-wrapper .breadcrumb-item a,
.guide-sidebar a {
    text-transform: capitalize;
}
/* buiness intro */
.intro-height {
    min-height: 350px;
}

/* BUSINESS DASHBOARD */
.meta-active {
    display: none;
}

.meta-notification {
    display: none;
}

.business-dashboard-item .active {
    background-color: #6772e5 !important;
    padding-top: 0.25rem !important;
    position: relative;
}

.meta-labels {
    display: none;
    position: absolute;
    right: 0.8rem;
    bottom: 0.8rem;
    z-index: 2;
}

.business-dashboard-item .active .meta-labels {
    display: block;
}

.business-dashboard-item .notification {
    max-height: 200px;
}

.business-dashboard-item .active .meta-active {
    display: inline-block;
}

.business-dashboard-item .notification .meta-notification {
    display: inline-block;
}

img.business-img {
    height: 200px;
    object-fit: cover;
    object-position: center;
}

div#age-modal {
    background: rgba(0, 0, 0, 0.97);
}
/* Orders */
.order-card {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='336.371' height='451.783'%3E%3Cg data-name='Сгруппировать 24'%3E%3Cg data-name='Сгруппировать 23' fill='%23c4daf4' opacity='.409'%3E%3Cpath data-name='Контур 19' d='M316.345,34.237H283.289a9.28,9.28,0,0,1-8.7-6.959A33.635,33.635,0,0,0,240.375.022,34.214,34.214,0,0,0,206.16,27.859a8.7,8.7,0,0,1-8.7,6.379h-31.9V92.231H316.345Z' transform='translate(-72.77 -.001)'/%3E%3Cpath data-name='Контур 20' d='M399.846,432.01V99.712a23.777,23.777,0,0,0-23.713-23.841q-.9,0-1.8.063H324.455v29.576c0,4.64-2.9,11.019-7.539,11.019H145.838c-4.64,0-6.959-6.379-6.959-11.019V75.936H89.006A23.776,23.776,0,0,0,63.553,97.91q-.067.9-.063,1.8v332.3a26.1,26.1,0,0,0,25.5,26.676H374.331a26.1,26.1,0,0,0,25.517-26.664A.053.053,0,0,1,399.846,432.01ZM184.693,355.46l-45.234,42.335a8.115,8.115,0,0,1-5.8,2.9,9.282,9.282,0,0,1-6.379-2.9L103.5,373.437a8.828,8.828,0,0,1,12.757-12.178l17.4,18.557L173.095,342.7a8.7,8.7,0,0,1,11.6,12.759Zm0-92.788h0l-45.234,42.335a8.115,8.115,0,0,1-5.8,2.9,9.282,9.282,0,0,1-6.379-2.9L103.5,280.649a8.828,8.828,0,0,1,12.757-12.178l17.4,18.557,39.435-37.116a8.7,8.7,0,0,1,11.6,12.758Zm0-92.788-45.234,42.335a8.115,8.115,0,0,1-5.8,2.9,9.282,9.282,0,0,1-6.379-2.9L103.5,187.861a8.828,8.828,0,0,1,12.757-12.178l17.4,18.557,39.435-37.116a8.7,8.7,0,0,1,11.6,12.758ZM353.452,389.1H220.068a8.7,8.7,0,1,1,0-17.4H353.451a8.7,8.7,0,0,1,0,17.4Zm0-92.788H220.068a8.7,8.7,0,0,1,0-17.4H353.451a8.7,8.7,0,0,1,0,17.4Zm0-92.788H220.068a8.7,8.7,0,1,1,0-17.4H353.451a8.7,8.7,0,0,1,0,17.4Z' transform='translate(-63.483 -6.904)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 101% 10px;
    background-size: 30vh;
}
/* Business moderators */
.business-dashboard-item.active .item-status-bg {
    background-color: #3c90df !important;
}

.business-dashboard-item.paused .item-status-bg {
    background-color: var(--stremster-secondary) !important;
}
/* CART */
.small-cart {
    position: relative;
}

.qty-items {
    position: absolute !important;
    top: 0px !important;
}

.cart-short-details {
    position: absolute;
    background-color: #fff;
    min-width: 300px;
    right: 5px;
    min-height: 75px;
    display: none;
    box-shadow: 0px 3px 16px rgb(0 0 0 / 0.16);
}

.cart-body {
    overflow: auto;
    max-width: 400px;
}

    .cart-body .item-line {
        display: flex;
        position: relative;
        max-height: 110px;
    }

    .cart-body .item-text {
        max-width: 290px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .cart-body .delete {
        position: absolute;
        right: 0px;
        bottom: 0;
        top: 0;
        height: 20px;
        margin: auto;
        z-index: 999;
    }

.cart-qty {
    max-width: 100px;
}

.team-text {
    color: rgba(255, 255, 255, 0.8);
}

/* CUSTOM PAGE DETAILS */
/* Game */
@font-face {
    font-family: "Exo-bold";
    src: url("/assets/media/custom/subverse/fonts/Exo2-BoldCondensed.otf");
}

@font-face {
    font-family: "Exo-medium";
    src: url("/assets/media/custom/subverse/fonts/Exo2-MediumCondensed.otf");
}

@font-face {
    font-family: "Exo-regular";
    src: url("/assets/media/custom/subverse/fonts/Exo2-RegularCondensed.otf");
}

.side-phrase {
    font-family: "Exo-medium";
    color: #fff;
    text-transform: uppercase;
}

.main-btn-styled {
    background: url(/assets/media/custom/subverse/streemster_subverse_button_blue_large.png);
    display: block;
    padding: 26px;
    background-size: 100% 100%;
    font-size: 2.5rem;
    font-family: "Exo-medium";
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    transition: 0.2s ease;
    cursor: pointer;
    text-align: center;
    will-change: transform;
}

    .main-btn-styled:hover {
        color: #ffffff;
        text-decoration: none;
        filter: drop-shadow(2px 4px 6px #0391fa);
        transform: translate(0px, -5px);
    }

.poster-btn-styled {
    background: url(/assets/media/custom/subverse/streemster_subverse_button_blue_large.png);
    display: block;
    padding: 13px;
    background-size: 100% 100%;
    font-size: 1.5rem;
    font-family: "Exo-medium";
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    transition: 0.2s ease;
    cursor: pointer;
    text-align: center;
    max-width: 200px;
    will-change: transform;
}

    .poster-btn-styled:hover {
        color: #ffffff;
        text-decoration: none;
        filter: drop-shadow(2px 4px 6px #0391fa);
        transform: translate(0px, -5px);
    }

#main-container.poster-page {
    background: linear-gradient( 180deg, rgb(0 0 0 / 83%) 0%, rgb(121 27 90) 20%, rgba(0, 0, 0, 1) 78%, rgb(0 0 0) 100% );
}

.poster-title {
    font-family: "Exo-regular";
    font-size: 3.25rem;
}

.buy-now-btn {
    background: url(/assets/media/custom/subverse/streemster_subverse_button_blue_small.png);
    display: block;
    padding: 26px;
    background-size: 100% 100%;
    font-size: 2.5rem;
    font-family: "Exo-medium";
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    transition: 0.2s ease;
    max-width: 400px;
    text-align: center;
    transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -ms-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    will-change: transform;
}

    .buy-now-btn:hover {
        color: #ffffff;
        text-decoration: none;
        filter: drop-shadow(2px 4px 6px #0391fa);
        transform: translate(0px, -5px);
    }

.game-wrapper img {
    transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -ms-transition: 0.2s ease;
    -o-transition: 0.2s ease;
}

.game-title {
    font-family: "Exo-bold";
    color: #b1a9d8;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 3rem;
}

.header .button-wrapper {
    max-width: 535px;
    width: 100%;
}

.game-wrapper {
    overflow: hidden;
    font-family: Montserrat;
    background-image: url("/assets/media/custom/subverse/Streemster_subverse_background-xl.jpg");
    background-size: 106%;
    background-position: 50% -6%;
    scroll-behavior: smooth;
}

    .game-wrapper .header {
        height: 99vh;
        background: linear-gradient( 180deg, rgb(0 0 0 / 10%) 0%, rgba(0 0 0 / 10%) 23%, rgba(0 0 0 / 10%) 45%, rgb(0 0 0 / 2%) 85% );
    }

    .game-wrapper .streemster-available-btn:hover img {
        filter: drop-shadow(0px 7px 6px #ed1b2f);
        transform: translate(0px, -6px);
        -webkit-transform: translate(0px, -6px);
        -moz-transform: translate(0px, -6px);
        -ms-transform: translate(0px, -6px);
        -o-transform: translate(0px, -6px);
    }

    .game-wrapper .streemster-available-btn img {
        transition: 0.2s ease;
        -webkit-transition: 0.2s ease;
        -moz-transition: 0.2s ease;
        -ms-transition: 0.2s ease;
        -o-transition: 0.2s ease;
        will-change: transform;
    }

    .game-wrapper .overview .streemster-available-btn img {
        width: 250px;
        transition: 0.2s ease;
        -webkit-transition: 0.2s ease;
        -moz-transition: 0.2s ease;
        -ms-transition: 0.2s ease;
        -o-transition: 0.2s ease;
    }

    .game-wrapper .plain-text {
        font-family: "Exo-regular";
        color: #b1a9d8;
        font-size: 1rem;
    }

.links {
    background: rgb(0, 0, 0);
    background: linear-gradient( 180deg, rgb(0 0 0 / 10%) 0%, rgba(0, 0, 0, 0.7035189075630253) 23%, rgba(0, 0, 0, 0.8827906162464986) 45%, rgba(0, 0, 0, 1) 85% );
    height: 70vh;
}

.game-wrapper .action-block img {
    max-width: 55vw;
    width: 100%;
}

img.cast-item {
    width: 75px;
    margin: 5px;
    cursor: pointer;
    border: 2px solid transparent;
}

    img.cast-item:hover {
        border: 2px solid rgb(236, 193, 0);
    }

.main-selected {
    height: 100%;
    object-fit: cover;
    border: 4px solid grey;
    max-width: 180px;
    max-height: 180px;
}

img.cast-item.mini-selected {
    border: 2px solid rgb(236, 193, 0);
}

.img-selector-text {
    font-family: "Exo-regular";
    font-size: 1.2rem;
    letter-spacing: 1px;
}

section.game-section {
    height: 99vh;
}

section.bg-gradiented {
    background: url(/assets/media/custom/subverse/Streemster_subverse_banner_shadow.png);
    background-size: cover;
    overflow: hidden;
    background-position: center;
}

iframe,
object,
embed {
    max-width: 100%;
    max-height: 100%;
}

#main-container.bundle-page {
    background: linear-gradient( 180deg, rgb(0 0 0 / 83%) 0%, rgb(55 14 106) 20%, rgba(0, 0, 0, 1) 60%, rgb(0 0 0) 100% );
}

.subverse-poster-img {
    max-height: 80vh;
    object-fit: contain;
}

.subverse-bundle-img {
    height: 70vh;
    object-fit: contain;
}

.bundle-description-img {
    width: 100%;
    max-width: 300px;
}

img.bundle-sub-img {
    width: 100px;
    object-fit: cover;
    height: 100px;
    margin: 0px 5px 0px;
    cursor: pointer;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
}

    img.bundle-sub-img:hover {
        box-shadow: 0px 5px 11px #e53e29;
    }

.frame-regulator {
    height: 45vh;
    width: 80%;
}

.trailer iframe {
    height: 100% !important;
    width: 100%;
}
/* MEDIA QUERIES */
/* IE & EDGE */
_:-ms-fullscreen,
:root .floating-form .form-group > label {
    display: none;
}

@supports (-ms-ime-align: auto) {
    .floating-form .form-group > label {
        display: none;
    }
}

.main-error-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.tier-benefit-edit-item {
    margin-bottom: 1rem;
}

.tier-benefit-item-header {
    text-align: right;
    padding: 0.1rem 0.25rem;
    background-color: #ccc;
}

.about-recent-posts-header h2 {
    font-weight: 800;
}

.about-field-hint {
    background-color: #e5e5e5;
    height: auto;
}

.about-tier-amount {
    font-size: 0.85rem;
}

.become-sponsor-line {
    margin: 1rem 1rem;
    padding: 1rem 1rem;
    border: 3px solid #eee;
    background-color: #fff;
}

.recent-posts-item {
    padding: 0.5rem 0.5rem;
    border: 3px solid #eee;
    background-color: #fff;
}

.recent-posts-item-date {
    font-size: 0.75rem;
    margin-top: 1rem;
}

.recent-posts-item-link a {
    text-decoration: underline;
    font-size: 0.85rem;
}

.about-project-item {
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

    .about-project-item:hover {
        background-color: #e6ebf4;
        cursor: pointer;
    }

.about-project-date {
    font-size: 0.85rem;
}

a.about-project-link {
    text-transform: capitalize;
}

    a.about-project-link:hover {
        color: var(--stremster-primary) !important;
        text-decoration: underline;
    }

.normal-align-items {
    align-items: normal;
}

.basket-item {
    margin: 1em 1em 0 1em;
    background-color: #fafafa;
    border: 1px solid #cccccc;
}

.minicart-wrapper {
    display: none;
}

#SimplePayForm {
    margin: 0 auto;
    text-align: center;
    padding: 15px;
}

/* Min Max */
@media (min-width: 768px) and (max-width: 1200px) {
    .mobile-view-wrapper .tier-heading td {
        font-size: 0.7rem;
        width: 33%;
    }

    .mobile-view-wrapper table.sponsor-dashboard-tiers {
        word-break: break-word;
    }

    .mobile-menu-wrappera a.nav-main-link {
        padding: 0px 20px;
    }

    .mobile-tabls-navs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding: 0px 18px;
    }

    .mobile-view-wrapper .block-content.post-item {
        padding: 20px 10px;
    }

    .mobile-view-wrapper .comment-date {
        white-space: nowrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

/* Max query */
@media (max-width: 1800px) {
    .sidebar-o #sidebar {
        overflow-y: scroll;
    }

        .sidebar-o #sidebar ul.nav-main .nav-main-heading {
            padding-top: 10px;
        }
}

@media (max-width: 1400px) {
    .sponsor-avatar {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 1025px) {
    .tablet-scroll {
        overflow-x: scroll;
    }

    .order-card {
        background: #fff;
    }
}

@media (max-width: 1370px) {
    .tiers-table {
        overflow-x: scroll;
    }

    .order-card {
        background-size: 31vh;
    }
}

@media (max-width: 992px) {
    .full-dropdown-menu {
        width: 100% !important;
        position: fixed !important;
        z-index: 1;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        margin-top: 0px;
        padding: 5px !important;
        height: 100%;
        overflow-y: auto;
    }

        .full-dropdown-menu .nav-main-item.open > .nav-main-link-submenu {
            background-color: transparent !important;
        }

        .full-dropdown-menu .nav-main-submenu .nav-main-link {
            color: #13191e !important;
        }

        .full-dropdown-menu .nav-main-item.open > .nav-main-submenu {
            padding-left: 1rem;
        }

    .mobile-menu-close {
        position: absolute;
        right: 2px;
        top: 2px;
    }

    a.nav-main-link.active {
        border-bottom: 1px solid;
        border-radius: 0px;
        font-weight: bold;
        margin-bottom: 0.5rem;
    }

    .breadcrumb-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: left;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
        padding: 1rem !important;
    }

    div#horizontal-navigation-hover-centered {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        div#horizontal-navigation-hover-centered > ul.nav-main {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: distribute;
            justify-content: space-around;
            width: 100%;
            margin-bottom: 0px;
        }

            div#horizontal-navigation-hover-centered > ul.nav-main
            .nav-main-link
            .nav-main-link-name {
                -webkit-transition: 0.5s ease;
                -o-transition: 0.5s ease;
                transition: 0.5s ease;
                will-change: opacity;
            }

            div#horizontal-navigation-hover-centered > ul.nav-main
            li.nav-main-item.open
            .nav-main-link-name {
                font-size: inherit;
                opacity: 1;
            }

    .creators-menu li.nav-main-item.open {
        position: relative;
    }

    .creators-menu .nav-main-submenu {
        padding-left: 5px;
        position: absolute;
        top: 2.5rem;
        z-index: 3;
        background-color: #054d9e !important;
    }

    .nav-main-item.open > .nav-main-link-submenu
    .nav-main-link.nav-main-link-submenu::after,
    .nav-main-link.nav-main-link-submenu::before {
        z-index: 4;
    }

    .mobile-column {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (max-width: 991px) {
    div#sponsors-menu-sidebar span.nav-main-link-name {
        display: none;
    }

    #sponsors-menu-sidebar .nav-main-link .nav-main-link-icon {
        font-size: 1.5rem;
    }

    .sponsors-menu ul.nav-main {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .team::before,
    .ship::before,
    .combat::before {
        font-size: 200px;
    }

    .combat::before {
        top: 0px;
        display: none;
    }

    .floating-img {
        position: relative !important;
        transform: none !important;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }

    .team h3,
    .ship h3 {
        font-size: 3rem;
    }

    .creator-order-table {
        white-space: nowrap;
    }

    .form-inline .w-sm-100 {
        width: 100%;
    }

    .creator-about-text img {
        width: 100% !important;
    }

    .poster.locked .locked-disclaimer {
        width: 90%;
    }

    .support-page-search {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .nav-tabs-alt .nav-link.active {
        border-right: 0px;
    }

    .img.commenter-avatar {
        height: 32px;
        width: 32px;
    }

    .creator-sponsors-table,
    .creator-sponsors-table tr,
    .creator-sponsors-table td {
        display: block;
    }

        .creator-sponsors-table #DataTables_Table_0_filter {
            -webkit-box-pack: justify !important;
            -ms-flex-pack: justify !important;
            justify-content: space-between !important;
        }

    .filters-row .col-md-6.d-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 90%;
        margin: auto;
    }

    .filters-row .form-group {
        margin: 10px 0px;
    }

    .item-title {
        padding-left: 10px;
    }

        .item-title .badge {
            display: none;
        }

    .creators-name {
        padding-left: 10px;
    }

    .download-item .publish-date {
        text-align: left !important;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
        padding-left: 1.4rem;
    }

    .download-link-wrapper {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .row .download-link-wrapper {
        width: 40%;
        margin-top: 1rem;
    }

    .item-summary-wrapper,
    .creators-publish-date {
        padding-left: 10px;
    }

    .sponsor-subscription-item img {
        max-width: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        display: block;
        margin: auto;
    }

    .sponsor-subscription-item .description {
        margin-top: 1rem;
    }

        .sponsor-subscription-item .description .content-wrap {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
            justify-content: center !important;
            margin-bottom: 1rem;
        }

    .sponsor-subscription-item .content-wrap h3 {
        margin-bottom: 0px;
    }

    .edit-cancel-actions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
        margin-top: 1rem;
    }

    /* TABLES STYLES */

    .border-info.latest-wraps table {
        white-space: nowrap;
    }

        .border-info.latest-wraps table tr td {
            white-space: pre;
            min-width: 15%;
            background-color: #fff;
        }

    .table-mobile-split,
    .table-mobile-split td,
    .table-mobile-split th {
        border: 0px;
    }

        .table-mobile-split.table-striped tbody tr {
            margin-bottom: 2rem;
        }

        .table-mobile-split.table-striped tbody tr {
            border-top: 2px solid #f4f6fa;
        }

    .game-wrapper {
        background-attachment: fixed;
    }

        .game-wrapper .header {
            height: auto;
            min-height: 65vh;
            display: flex;
            justify-content: center;
            align-items: stretch;
        }

    .header .button-wrapper {
        max-width: 320px;
        width: 100%;
    }

    .main-btn-styled {
        padding: 12px;
        font-size: 2rem;
    }

    section.bg-gradiented {
        background-size: cover;
    }

    .main-selected {
        height: auto !important;
    }

    .game-title {
        font-size: 2.5rem;
    }
}

@media (max-width: 800px) {
    .add-post-form {
        padding: 0px;
    }

    .poster-title {
        font-size: 2rem;
    }

    .reverse-bundle {
        flex-direction: column-reverse;
    }

    .transactions-wrapper .block-content.block-content-full {
        overflow-x: scroll;
    }

    .sponsor-order-mobile {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .tier-purchase-summary button.btn.btn-hero-primary {
        padding: 0.65rem;
    }
}

@media (max-width: 768px) {
    .w-xs-100 {
        width: 100%;
    }

    .notes.note-wrapper {
        width: 100%;
    }

    img.commenter-avatar {
        height: 32px;
        width: 32px;
    }

    .mobile-table-font {
        font-size: 0.75rem;
    }

        .mobile-table-font a {
            font-size: 0.75rem;
        }

    .th-width-10 {
        width: 10rem;
    }

    .th-width-8 {
        width: 8rem;
    }

    .th-width-6 {
        width: 6rem;
    }

    .th-width-5 {
        width: 5rem;
    }

    .th-width-4 {
        width: 4rem;
    }

    .creators-search .error-message.show {
        position: inherit;
        margin-top: -10px;
    }

    .payment-summary h3.block-title {
        margin-top: 10px;
    }

    .content-top-review-about {
        position: relative;
    }

    .landing-fg-search {
        padding: 0 10% 2rem;
    }

    .creator-about-profile-img {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        position: absolute;
        top: 0px;
    }

    .login-form-block {
        min-height: 360px;
    }

    .account-recover-link {
        width: 100%;
    }

        .account-recover-link a {
            float: none;
            clear: both;
            display: initial;
        }

    #home-slogan {
        width: 94%;
        margin-left: 3%;
    }

        #home-slogan h1 {
            font-size: 3.6rem;
        }

        #home-slogan h2,
        .home-tiles h2 {
            font-size: 1rem;
            letter-spacing: 2px;
        }

    .home-found-creators {
        display: none;
    }

    .tier-purchase-summary {
        border-left: 0px solid #f5f5f5;
    }

    .mobile-menu-view ul.nav-main {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
        background-color: var(--stremster-primary) !important;
    }

    .mobile-menu-wrapper {
        padding-top: 0px !important;
    }

        .mobile-menu-wrapper span.nav-main-link-name {
            display: none !important;
        }

        .mobile-menu-wrapper .nav-main-link i {
            color: #ffffff !important;
        }

        .mobile-menu-wrapper a.nav-main-link {
            padding: 0px 20px;
        }

    .mobile-tabls-navs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding: 0px 18px;
    }

    .mobile-view-wrapper .block-content.post-item {
        padding: 20px 10px;
    }

    .mobile-view-wrapper .comment-date {
        white-space: nowrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .activity-page-posts .comment-item {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .activity-page-posts .comment-date {
        white-space: nowrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .admin-top-projects {
        margin: auto;
    }

        .admin-top-projects th {
            font-size: 0.7rem;
        }

    .tablet-stacked-table td {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .tablet-stacked-table tr {
        display: block;
    }

    .notification-item-header {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .notification-item-body {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .notification-date {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        text-align: left !important;
    }

    span.alert-number {
        margin-top: 0px;
    }

    .main-order-mobile {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .products-order-mobile {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    /* .tier-order-mobile {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
} */
}

@media (max-width: 580px) {
    .card-img img,
    .game-card-img img {
        object-position: center;
    }

    .edit-author-logo {
        display: none;
    }

    .payment-wrapper-mobile {
        flex-direction: column-reverse;
    }

    .edit-processing-wrapper {
        padding-left: 0px;
        padding-right: 0px;
    }

    .error-page-controlls .btn {
        width: 100%;
    }

    .country-list li {
        width: 100%;
        float: none;
    }

    .sponsors-menu ul.nav-main span.nav-main-link-name {
        display: none;
    }

    .game-wrapper {
        background-size: cover;
    }

        .game-wrapper .action-block img {
            max-width: 100%;
        }

    section.bg-gradiented.game-section.trailer {
        height: 67vh;
    }

    .frame-regulator {
        height: 40vh;
        width: 80%;
    }

    .trailer iframe {
        height: 100% !important;
    }

    .game-wrapper .trailer iframe {
        height: 100%;
    }

    .game-wrapper .plain-text {
        font-size: 1rem;
    }

    .game-title {
        font-size: 2rem;
    }

    img.cast-item {
        width: 60px;
        margin: 5px;
    }

        img.cast-item.mini-selected {
            border: 0px;
        }

    .buy-now-btn {
        padding: 15px;
        font-size: 2rem;
        width: 300px;
    }

    .game-wrapper .ship {
        position: relative;
    }

    .mobile-ship {
        position: absolute;
        top: 25px;
        width: 200px !important;
        left: 0;
        right: 0;
        margin: auto;
    }

    .creator-order-table {
        white-space: normal;
    }

    .polygon-circle img {
        max-height: 350px;
    }

    .img-selector-wrapper {
        text-align: center;
    }

    .static-img {
        max-height: 450px;
    }

    .first-hex {
        height: 150px;
    }

    .second-hex {
        height: 225px;
    }

    .blockUI.blockMsg.blockPage {
        width: auto !important;
        left: 0 !important;
        right: 0 !important;
    }

    .tier-controls {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-top: 1rem;
    }

        .tier-controls > div {
            margin-right: 0.5rem;
        }

    .tier-edit-btns {
        align-items: flex-start;
    }

    .hero-static {
        min-height: auto;
    }

    #main-container {
        min-height: auto;
        overflow-x: hidden;
    }

    .disable-580 {
        display: none !important;
    }
    /* ADMIN TABLES */
    .creator-transaction-table,
    .creator-transaction-table tbody,
    .creator-transaction-table td,
    .creator-transaction-table tr {
        display: block;
        text-align: left !important;
    }

    .admin-accounts-table,
    .admin-accounts-table tbody,
    .admin-accounts-table td,
    .admin-accounts-table tr {
        display: block;
    }

    .admin-creators-accounts-table,
    .admin-creators-accounts-table tbody,
    .admin-creators-accounts-table td,
    .admin-creators-accounts-table tr {
        display: block;
    }

    .admin-sponsors-accounts-table,
    .admin-sponsors-accounts-table tbody,
    .admin-sponsors-accounts-table td,
    .admin-sponsors-accounts-table tr {
        display: block;
    }

    .admin-payment-table,
    .admin-payment-table tbody,
    .admin-payment-table td,
    .admin-payment-table tr {
        display: block;
    }
    /* SPONSORS TABLE */
    tr.even.strip.mobile-block-tr td,
    .even.strip.mobile-block-tr {
        display: block;
    }

    .mobile-stacked-table td {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .mobile-stacked-table tr {
        display: block;
    }

    .btn-signout {
        color: #495057;
        background-color: transparent;
    }

    li.nav-main-item .fa-sort-down {
        will-change: transform;
        transition: 0.3s ease-in-out;
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -ms-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
    }

    li.nav-main-item.open .fa-sort-down {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@media (max-width: 480px) {
    .mobile-bg-grey {
        color: #fff;
        background-color: var(--stremster-secondary);
        border-color: var(--stremster-secondary);
    }

    .edit-author-submit {
        text-align: right !important;
    }

    .comment-date {
        white-space: nowrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .px-sm-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .action-table-btn {
        width: 35%;
        color: #fff;
    }

    .creators-summary table tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 1rem 0px;
        background-color: #fff !important;
        border-bottom: 15px solid #f5f5f5;
        border-collapse: collapse;
    }

    .creators-summary .block-content.block-content-full {
        background-color: #f5f5f5;
    }

    .creators-summary table tr td {
        text-align: center !important;
    }

    .summary-search {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 1rem 0px;
    }

    .creators-summary table thead {
        display: none;
    }

    div#topnavbar .row .right-side {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    div#topnavbar .row ul.nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .disable-480 {
        display: none !important;
    }

    #page-container.main-content-boxed > #main-container
    .content-profile-details {
        max-width: 100% !important;
        width: 100% !important;
    }

    .header_links a {
        margin: 5px auto;
        display: block;
    }

    .creators-search .floating-form {
        margin-bottom: 10px;
    }

    h1.new-font {
        font-size: 40px;
    }

    h3.new-font {
        font-size: 21px;
    }

    #page-container {
        max-width: 100%;
    }

    #home-slogan h1 {
        font-size: 2.8rem;
    }

    #home-slogan h2,
    .home-tiles h2 {
        font-size: 0.9rem;
        letter-spacing: 1px;
    }

    .landing-block-title {
        font-size: 1.2rem;
    }
}

.divider-text {
    position: relative;
    text-align: center;
}

    .divider-text:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 0px;
        width: 100%;
        height: 1px;
        background: #ccc;
    }

    .divider-text span {
        position: relative;
        display: inline-block;
        padding: 10px 20px;
        background: #fff;
        z-index: 9;
    }

@media (max-width: 360px) {
    .add-prd {
        margin-left: 0px;
    }

    #page-container {
        max-width: 100%;
    }
}
/* Min Query */
@media (min-width: 1920px) {
    .max-width-hd {
        max-width: 1550px;
        margin-left: auto;
        margin-right: auto;
    }

    .hd-menu-center {
        -ms-flex-pack: center !important;
        -webkit-box-pack: center !important;
        justify-content: center !important;
    }
}

@media (min-width: 1520px) {
    .frame-regulator {
        height: 60vh;
        width: 80%;
    }
}

@media (min-width: 991px) {
    .minicart-wrapper:hover .cart-short-details {
        display: block !important;
    }

    .admin-panel-wrapper {
        padding-left: 240px;
    }

    .nav-main-horizontal.nav-main-horizontal-center {
        max-width: 1200px;
    }

    #sidebar {
        width: 240px;
        position: fixed;
        top: 50px;
        z-index: 10 !important;
    }
}

@media (min-width: 768px) {
    .content.content-full {
        padding: 0 14rem 1.75rem 14rem;
    }

    .mt-mobile {
        margin-top: -15px;
    }
}

@media (min-width: 576px) {
    .mobile-menu-reg {
        display: none !important;
    }

    .tier-heading td {
        font-size: 0.7rem;
    }
}

.discount-box {
    margin-top: 1.5em;
    background: #E6F86F;
    color: #fff;
    max-width: 400px;
    border: 2px solid #000;
    padding: 0;
    font-family: Arial;
}

.discount-promotion-text {
    background: #899B0D;
    color: #E6F86F;
    text-align: left;
    text-transform: uppercase;
    font-weight: 600;
    font-size: small;
    padding: 0.25em 0.5em;
}

.discount-figure {
    font-weight: bold;
    color: #697800;
    font-size: 1.2em;
    padding-right: 10px;
}

.discount-figure-border {
    border-right: 2px solid #697800;
    height: 100%;
    margin-left: 10px;
}

.discount-original-price {
    text-align: left;
    text-decoration: line-through;
    color: #697800;
    font-size: 0.8em;
    font-weight: bold;
    margin-right: 20px;
}

.discount-new-price {
    text-align: left;
    font-size: 1.2em;
    font-weight: bold;
    color: #697800;
}