@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Roboto:100,300,400,500,700,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Roboto:100,300,400,500,700,900&display=swap");

h1-xl {
    font-size: 48px;
    display: block;
    font-weight: 800;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

.align-right {
    text-align: right;
}

.align-left {
    text-align: left;
}

.primary-highlighter {
    color: #cfa54b;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

h1-xl {
    font-size: 48px;
    display: block;
    font-weight: 800;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

.align-right {
    text-align: right;
}

.align-left {
    text-align: left;
}

.primary-highlighter {
    color: #cfa54b;
}

/**
 * ----------------------------------------
 * animation scale-up-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-up-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.12);
        transform: scale(1.12);
    }
}

@keyframes scale-up-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.12);
        transform: scale(1.12);
    }
}

.spinner {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: radial-gradient(farthest-side, #cfa54b 94%, rgba(0, 0, 0, 0)) top/9px 9px no-repeat, conic-gradient(rgba(0, 0, 0, 0) 30%, #cfa54b);
    -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 9px), #000 0);
    -webkit-animation: spinner-c7wet2 0.8s infinite linear;
    animation: spinner-c7wet2 0.8s infinite linear;
}

@-webkit-keyframes spinner-c7wet2 {
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@keyframes spinner-c7wet2 {
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
/* Box sizing rules */
*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
    margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
    list-style: none;
}

/* Set core root defaults */
html:focus-within {
    scroll-behavior: smooth;
}

/* Set core body defaults */
body {
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    line-height: 1.45;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
    max-width: 100%;
    display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
    font: inherit;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
    html:focus-within {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        -webkit-animation-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
        -webkit-transition-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

::-webkit-input-placeholder {
    color: #747D87;
    opacity: 1;
}

::-moz-placeholder {
    color: #747D87;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #747D87;
    opacity: 1;
}

::-ms-input-placeholder {
    color: #747D87;
    opacity: 1;
}

::placeholder {
    color: #747D87;
    opacity: 1;
}

::-ms-input-placeholder {
    color: #747D87;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

body {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ext-f-1 {
    font-size: 4.5rem;
}

.ext-f-2, .profileSection .titleCont .profileTitle, .newsCardGrid.newsCardLgGrid .newsCardCont .newsCardWrap .captionCont .captionWrap .title {
    font-size: 3rem;
}

.ext-f-3, .spartanSection .spartanBlockCont .spartanBlockRow .spartanBlockGrid .textWrap .value {
    font-size: 2.25rem;
}

.ext-f-4, .shareModal .modal-dialog .shareModalContent .modalBody .rankCont .rankRow .rankGrid .infoWrap .infoNo, .newsCardGrid .newsCardCont .newsCardWrap .captionCont .captionWrap .title {
    font-size: 2rem;
}

.ext-f-5, .spartanSection .spartanBlockCont .spartanBlockRow .spartanBlockGrid .textWrap .text, .tableSection .tableGrid .tableResponsive .table .item .imgWrap .noWrap .no, .tableSection .tableGrid .tableResponsive .table tbody tr td .item.price, .shareModal .modal-dialog .shareModalContent .modalBody .rankCont .rankRow .rankGrid .infoWrap .infoTxt, .modal .modal-dialog .modalBody .heading .modalTitle, .titleGrid.actionTitleGrid .titleCont .titleWrap .titleLg, .gridTitleCont .gridTitleWrap .gridTitle, .titleCont .titleWrap .title {
    font-size: 1.5rem;
}

.ext-f-6 {
    font-size: 1.375rem;
}

.ext-f-7 {
    font-size: 1.313rem;
}

.ext-f-8, .shareModal .modal-dialog .shareModalContent .modalBody .detailWrap .detail .gameId, .swiper-container.newReleaseSlider .swiper-slide .captionCont .captionWrap .title {
    font-size: 1.25rem;
}

.ext-f-9, .loginSignupCont .separatorCont .separatorWrap .separatorText, .winnerCardCont .winnerCardWrap .winnerCard .caption .cardTitle, .sec-participants .winnerCardWrap .winnerCard .caption .cardTitle, .shareModal .modal-dialog .shareModalContent .modalBody .detailWrap .detail .fullName, .shareModal .modal-dialog .shareModalContent .modalBody .detailWrap .detail, .shareModal .modal-dialog .shareModalContent .modalBody .heading .sessionDate, .form-group .specialLinkWrap .link, .btnPrimary,
.btnSecondary, .titleGrid.actionTitleGrid .titleCont .titleWrap .titleMd {
    font-size: 1.125rem;
}

.ext-f-10, .spartanSection .spartanBlockCont .spartanBlockRow .spartanBlockGrid .textWrap .link, .titleGrid.actionTitleGrid .titleCont .actionWrap .actionRow .actionGrid .link {
    font-size: 1rem;
}

.ext-f-11, .mobileSecLinkCont .secondaryLinks .nav-item.dropdown .dropdown-toggle .text, .mainNavBar .collapse .secondaryLinks .nav-item.dropdown .dropdown-toggle .text, .mainNavBar .collapse .navbar-nav .nav-item .nav-link {
    font-size: 0.875rem;
}

.ext-f-12 {
    font-size: 0.813rem;
}

.titleCont {
    position: relative;
    margin-bottom: 3.125rem;
}

    .titleCont.spaceMd {
        margin-bottom: 1.875rem;
    }

    .titleCont.withArrows {
        padding-right: 100px;
        padding-left: 100px;
        min-height: 30px;
    }

@media (max-width: 767px) {
    .titleCont.withArrows {
        padding-right: 15px;
        padding-left: 0px;
    }
}

.titleCont .titleWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .titleCont .titleWrap.titleCenter {
        text-align: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

@media (max-width: 767px) {
    .titleCont .titleWrap.titleCenter {
        text-align: left;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.titleCont .titleWrap.titleBothLine .title {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 767px) {
    .titleCont .titleWrap.titleBothLine .title {
        padding-left: 0px;
    }
}

.titleCont .titleWrap.titleBothLine .title:after, .titleCont .titleWrap.titleBothLine .title:before {
    content: "";
    width: 6.25rem;
    height: 3px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain;
}

@media (max-width: 767px) {
    .titleCont .titleWrap.titleBothLine .title:after, .titleCont .titleWrap.titleBothLine .title:before {
        width: 3rem;
        height: 1px;
        display: none;
    }
}

.titleCont .titleWrap.titleBothLine .title:after {
    left: 100%; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgb(207, 165, 75)), to(rgba(207, 165, 75, 0)));
    background: linear-gradient(to right, rgb(207, 165, 75) 0%, rgba(207, 165, 75, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#cfa54b", endColorstr="#00cfa54b",GradientType=1 ); /* IE6-9 */
}

.titleCont .titleWrap.titleBothLine .title:before {
    right: 100%; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(207, 165, 75, 0)), to(rgb(207, 165, 75)));
    background: linear-gradient(to right, rgba(207, 165, 75, 0) 0%, rgb(207, 165, 75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00cfa54b", endColorstr="#cfa54b",GradientType=1 ); /* IE6-9 */
}

.titleCont .titleWrap.titleRightLine .title {
    position: relative;
    padding-right: 15px;
}

    .titleCont .titleWrap.titleRightLine .title:after, .titleCont .titleWrap.titleRightLine .title:before {
        content: "";
        width: 6.25rem;
        height: 3px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-repeat: no-repeat;
        background-size: contain;
    }

@media (max-width: 767px) {
    .titleCont .titleWrap.titleRightLine .title:after, .titleCont .titleWrap.titleRightLine .title:before {
        width: 3rem;
        height: 1px;
        display: none;
    }
}

.titleCont .titleWrap.titleRightLine .title:after {
    left: 100%; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgb(207, 165, 75)), to(rgba(207, 165, 75, 0)));
    background: linear-gradient(to right, rgb(207, 165, 75) 0%, rgba(207, 165, 75, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#cfa54b", endColorstr="#00cfa54b",GradientType=1 ); /* IE6-9 */
}

.titleCont .titleWrap .title {
    font-weight: 400;
    text-transform: uppercase;
}

    .titleCont .titleWrap .title.titleWhite {
        color: #fff;
    }

    .titleCont .titleWrap .title.titleYellow {
        color: #cfa54b;
    }

.titleCont .arrowsWrap {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -3px;
    margin-right: -3px;
}

    .titleCont .arrowsWrap .arrowGrid {
        padding-left: 3px;
        padding-right: 3px;
    }

    .titleCont .arrowsWrap .arrow {
        background-color: transparent;
        cursor: pointer;
        outline: none;
        width: 30px;
        height: 30px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 4px;
        border: 1px solid rgba(255, 255, 255, 0.15);
        background-size: 16px;
        -webkit-transform: all 0.3s;
        transform: all 0.3s;
    }

        .titleCont .arrowsWrap .arrow:hover {
            background-color: #000;
        }

        .titleCont .arrowsWrap .arrow.arrowLeft {
            background-image: url(icons/action/arrow-left-white.svg);
        }

        .titleCont .arrowsWrap .arrow.arrowRight {
            background-image: url(icons/action/arrow-right-white.svg);
        }

        .titleCont .arrowsWrap .arrow.swiper-button-disabled {
            background-color: transparent;
            pointer-events: none;
            opacity: 0;
        }

.gridTitleCont {
    position: relative;
    margin-bottom: 1.875rem;
}

    .gridTitleCont.spaceMd {
        margin-bottom: 1.5rem;
    }

    .gridTitleCont .gridTitleWrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .gridTitleCont .gridTitleWrap .gridTitle {
            font-weight: 700;
            text-transform: uppercase;
        }

            .gridTitleCont .gridTitleWrap .gridTitle.titleWhite {
                color: #fff;
            }

            .gridTitleCont .gridTitleWrap .gridTitle.titleYellow {
                color: #cfa54b;
            }

.pageDetailTop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.8rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.titleGrid.actionTitleGrid .titleCont {
    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;
    margin-bottom: 2rem;
    color: #fff;
}

@media (max-width: 575px) {
    .titleGrid.actionTitleGrid .titleCont {
        margin-bottom: 1.5rem;
    }
}

.titleGrid.actionTitleGrid .titleCont .titleWrap .titleLg {
    font-weight: 700;
    text-transform: uppercase;
}

.titleGrid.actionTitleGrid .titleCont .titleWrap .titleMd {
    font-weight: 700;
    text-transform: uppercase;
}

.titleGrid.actionTitleGrid .titleCont .actionWrap .actionRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    margin-top: -1rem;
}

    .titleGrid.actionTitleGrid .titleCont .actionWrap .actionRow .actionGrid {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        padding-top: 1rem;
    }

        .titleGrid.actionTitleGrid .titleCont .actionWrap .actionRow .actionGrid .link {
            color: #cfa54b;
            font-weight: 700;
            text-transform: uppercase;
        }

        .titleGrid.actionTitleGrid .titleCont .actionWrap .actionRow .actionGrid .duration {
            padding-left: 1.3rem;
            background-position: left center;
            background-repeat: no-repeat;
            background-size: 1rem;
            background-image: url(icons/table/duration.svg);
            color: #A2A2A2;
        }

        .titleGrid.actionTitleGrid .titleCont .actionWrap .actionRow .actionGrid .shareBtn {
            cursor: pointer;
            border-radius: 0.3rem;
            border: 1px solid #cfa54b;
            display: block;
            width: 46px;
            height: 30px;
            background-size: 18px;
            background-repeat: no-repeat;
            background-position: center;
            background-image: url(icons/table/share-icon.svg);
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }

            .titleGrid.actionTitleGrid .titleCont .actionWrap .actionRow .actionGrid .shareBtn:hover {
                background-color: #1f1f1f;
            }

        .titleGrid.actionTitleGrid .titleCont .actionWrap .actionRow .actionGrid.filterGrid select {
            color: #fff;
            border: 1px solid rgba(255, 255, 255, 0.2);
            border-radius: 0.2rem;
            padding: 0.5rem 0.8rem;
            padding-right: 2.5rem;
            background-image: url(icons/action/arrow-down-white.svg);
            background-repeat: no-repeat;
            background-size: 0.9rem;
            background-position: right 0.7rem center;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-color: rgba(31, 31, 31, 0.02);
        }

            .titleGrid.actionTitleGrid .titleCont .actionWrap .actionRow .actionGrid.filterGrid select:focus, .titleGrid.actionTitleGrid .titleCont .actionWrap .actionRow .actionGrid.filterGrid select:active {
                outline: none;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .titleGrid.actionTitleGrid .titleCont .actionWrap .actionRow .actionGrid.filterGrid select option {
                background-color: #1f1f1f;
            }

            .titleGrid.actionTitleGrid .titleCont .actionWrap .actionRow .actionGrid.filterGrid select::-ms-expand {
                display: none;
            }

        .titleGrid.actionTitleGrid .titleCont .actionWrap .actionRow .actionGrid.searchGrid .formGroup {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            border: 1px solid rgba(255, 255, 255, 0.3);
            border-radius: 0.3rem;
            min-width: 19rem;
        }

            .titleGrid.actionTitleGrid .titleCont .actionWrap .actionRow .actionGrid.searchGrid .formGroup.active {
                border-color: #cfa54b;
            }

            .titleGrid.actionTitleGrid .titleCont .actionWrap .actionRow .actionGrid.searchGrid .formGroup .icon.searchIcon {
                background-image: url(icons/action/search-icon.svg);
                background-repeat: no-repeat;
                background-position: center;
                background-size: 1.2rem;
                width: 2.8rem;
            }

            .titleGrid.actionTitleGrid .titleCont .actionWrap .actionRow .actionGrid.searchGrid .formGroup .search {
                color: #fff;
                background-color: transparent;
                padding: 0.5rem 1rem 0.5rem 1rem;
                border: none;
                -webkit-box-flex: 1;
                -ms-flex: 1 1 auto;
                flex: 1 1 auto;
                outline: none;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

@media (max-width: 575px) {
    .titleGrid.actionTitleGrid .titleCont .actionWrap .actionRow .actionGrid.searchGrid .formGroup .search {
        padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    }
}

.titleGrid.actionTitleGrid .titleCont .actionWrap .actionRow .actionGrid.searchGrid .formGroup .search:focus {
    -webkit-box-shadow: inset 1px 0 2px 2px rgba(31, 31, 31, 0.2);
    box-shadow: inset 1px 0 2px 2px rgba(31, 31, 31, 0.2);
}

@media (max-width: 767px) {
    .titleGrid.actionTitleGrid .titleCont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

        .titleGrid.actionTitleGrid .titleCont .titleWrap {
            width: 100%;
            -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        }

        .titleGrid.actionTitleGrid .titleCont .actionWrap {
            margin-top: 1.5rem;
            -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            width: 100%;
        }

            .titleGrid.actionTitleGrid .titleCont .actionWrap .actionRow .actionGrid {
                -webkit-box-flex: 1;
                -ms-flex: 1 1 auto;
                flex: 1 1 auto;
            }

        .titleGrid.actionTitleGrid .titleCont.titleContRow {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
        }

            .titleGrid.actionTitleGrid .titleCont.titleContRow .titleWrap {
                width: initial;
            }

            .titleGrid.actionTitleGrid .titleCont.titleContRow .actionWrap {
                margin-top: 0;
                width: initial;
                text-align: right;
            }
}

.btnPrimary,
.btnSecondary {
    overflow: hidden;
    position: relative;
    min-width: 8.75rem;
    border-radius: 0.3rem;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-transform: uppercase;
    font-family: "Roboto", "courier", sans-serif;
    font-weight: 700;
    text-align: center;
    border: none;
    outline: none;
}

    .btnPrimary:disabled,
    .btnSecondary:disabled {
        cursor: not-allowed;
    }

        .btnPrimary:disabled:after, .btnPrimary:disabled:before,
        .btnSecondary:disabled:after,
        .btnSecondary:disabled:before {
            display: none;
        }

    .btnPrimary.btnFull,
    .btnSecondary.btnFull {
        width: 100%;
        display: block;
    }

    .btnPrimary:after, .btnPrimary:before,
    .btnSecondary:after,
    .btnSecondary:before {
        content: " ";
        display: block;
        height: 100%;
        position: absolute;
        transform: skewX(-45deg);
        -webkit-transform: skewX(-45deg);
        width: 0;
        z-index: 0;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

    .btnPrimary:after,
    .btnSecondary:after {
        bottom: 0;
        right: -20%;
    }

    .btnPrimary:before,
    .btnSecondary:before {
        top: 0;
        left: -20%;
    }

    .btnPrimary .text,
    .btnSecondary .text {
        position: relative;
        z-index: 1;
    }

    .btnPrimary:hover,
    .btnSecondary:hover {
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    }

        .btnPrimary:hover:after, .btnPrimary:hover:before,
        .btnSecondary:hover:after,
        .btnSecondary:hover:before {
            width: 150%;
        }

    .btnPrimary:active:after, .btnPrimary:active:before,
    .btnSecondary:active:after,
    .btnSecondary:active:before {
        width: 0%;
    }

    .btnPrimary:focus,
    .btnSecondary:focus {
        border: none;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.btnPrimary {
    color: #1f1f1f;
    background-color: #cfa54b;
    border: 0.15rem solid #cfa54b;
    padding: 0.55rem 1.25rem;
}

    .btnPrimary:disabled {
        background-color: #a8a8a8 !important;
        border: solid 0.15rem #a8a8a8 !important;
    }

    .btnPrimary:after, .btnPrimary:before {
        background: rgba(165, 112, 0, 0.2);
    }

    .btnPrimary:hover {
        color: #1f1f1f;
    }

    .btnPrimary:active, .btnPrimary:focus {
        color: #1f1f1f;
    }

    .btnPrimary.active {
        color: #E02F58;
        background-color: rgba(31, 31, 31, 0.4);
        border: 0.15rem solid #E02F58;
        font-weight: 700;
    }

        .btnPrimary.active:disabled {
            background-color: #a8a8a8;
            border: solid 0.15rem #a8a8a8;
        }

        .btnPrimary.active:after, .btnPrimary.active:before {
            background: rgba(255, 255, 255, 0.1);
        }

        .btnPrimary.active:hover {
            color: #E02F58;
            background-color: rgba(31, 31, 31, 0.9);
        }

        .btnPrimary.active:active, .btnPrimary.active:focus {
            color: #E02F58;
        }

.btnSecondary {
    border-radius: 0.3rem;
    color: #cfa54b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: transparent;
    border: 0.15rem solid #cfa54b;
    padding: 0.55rem 1.25rem;
    display: flex;
}

    .btnSecondary:disabled {
        background-color: #a8a8a8;
        border: solid 0.15rem #a8a8a8;
    }

    .btnSecondary:after, .btnSecondary:before {
        background: rgba(255, 255, 255, 0.1);
    }

    .btnSecondary:hover {
        color: #cfa54b;
    }

    .btnSecondary:active, .btnSecondary:focus {
        color: #cfa54b;
        border-radius: 0.3rem;
        color: #cfa54b;
        background-color: transparent;
        border: 0.15rem solid #cfa54b;
        padding: 0.55rem 1.25rem;
    }

.backBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

    .backBtn .icon {
        width: 24px;
        height: 24px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        background-color: #272D33;
        border-radius: 50%;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

        .backBtn .icon.backArrow {
            background-image: url(icons/action/back-yellow.svg);
        }

    .backBtn .text {
        padding-left: 10px;
        color: #cfa54b;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

    .backBtn:hover .icon {
        margin-left: -3px;
    }

.btnPrimary .text {
    display: inline-block;
    vertical-align: middle;
}

.btnPrimary.spinning .btnLoader {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
}

    .btnPrimary.spinning .btnLoader:after {
        content: "";
        position: absolute;
        right: 0px;
        top: 9px;
        width: 0;
        height: 0;
        -webkit-box-shadow: 0px 0px 0 1px #060606;
        box-shadow: 0px 0px 0 1px #060606;
        position: absolute;
        border-radius: 50%;
        -webkit-animation: rotate360 1.2s infinite linear, exist 0.1s forwards ease;
        animation: rotate360 1.2s infinite linear, exist 0.1s forwards ease;
    }

    .btnPrimary.spinning .btnLoader:before {
        content: "";
        width: 0px;
        height: 0px;
        border-radius: 50%;
        right: 0px;
        top: 9px;
        position: absolute;
        border: 2px solid black;
        border-right: 2px solid #fff;
        -webkit-animation: rotate360 1.2s infinite linear, exist 0.1s forwards ease;
        animation: rotate360 1.2s infinite linear, exist 0.1s forwards ease;
    }

.btnPrimary.reg-closed {
    background-color: transparent;
    color: #A2A2A2;
}

    .btnPrimary.reg-closed:hover {
        background-color: transparent;
    }

.btnLink {
    color: #CFA54B;
    display: inline-block;
    vertical-align: middle;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .btnLink:hover {
        color: #CFA54B;
        text-decoration: underline;
        -webkit-transform: all 0.3s;
        transform: all 0.3s;
    }

.btnLinkWhite {
    color: #ffffff;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-transform: uppercase;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .btnLinkWhite .icon {
        width: 20px;
        margin-right: 8px;
    }

    .btnLinkWhite:hover {
        color: #ffffff;
        background-color: rgba(255, 255, 255, 0.3294117647);
        text-decoration: none;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

.btnPurple {
    overflow: hidden;
    position: relative;
    min-width: 8.75rem;
    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;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-transform: uppercase;
    font-family: "Roboto", "courier", sans-serif;
    font-weight: 700;
    text-align: center;
    border: none;
    outline: none;
    border-radius: 0.3rem;
    color: #ffffff;
    background-color: #6B4DC4;
    border: 0.15rem solid #6B4DC4;
    padding: 0.55rem 1.25rem;
}

    .btnPurple:disabled {
        background-color: #a8a8a8;
    }

    .btnPurple:after, .btnPurple:before {
        background: rgba(255, 255, 255, 0.1);
    }

    .btnPurple:hover {
        color: #ffffff;
        background-color: #5e43af;
    }

    .btnPurple:active, .btnPurple:focus {
        color: #ffffff;
        background-color: #5e43af;
    }

.btnDiscord {
    overflow: hidden;
    position: relative;
    min-width: 8.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-transform: uppercase;
    font-family: "Roboto", "courier", sans-serif;
    font-weight: 700;
    text-align: center;
    border: none;
    outline: none;
    border-radius: 0.3rem;
    color: #ffffff;
    background-color: #5865F2;
    border: 0.15rem solid #5865F2;
    padding: 0.55rem 1.25rem;
}

    .btnDiscord:disabled {
        background-color: #a8a8a8;
    }

    .btnDiscord:after, .btnDiscord:before {
        background: rgba(255, 255, 255, 0.1);
    }

    .btnDiscord:hover {
        color: #ffffff;
        background-color: #4a55d3;
    }

    .btnDiscord:active, .btnDiscord:focus {
        color: #ffffff;
        background-color: #4a55d3;
    }

    .btnDiscord img {
        max-height: 24px;
    }

.btnRed {
    overflow: hidden;
    position: relative;
    min-width: 8.75rem;
    border-radius: 0.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-transform: uppercase;
    font-family: "Roboto", "courier", sans-serif;
    font-weight: 700;
    text-align: center;
    border: none;
    outline: none;
    color: #ffffff;
    background-color: #FB5050;
    border: 0.15rem solid #FB5050;
    padding: 0.55rem 1.25rem;
}

    .btnRed:disabled {
        background-color: #a8a8a8;
    }

    .btnRed:after, .btnRed:before {
        background: rgba(255, 255, 255, 0.1);
    }

    .btnRed:hover {
        color: #ffffff;
        background-color: #d84444;
    }

    .btnRed:active, .btnRed:focus {
        color: #ffffff;
        background-color: #d84444;
    }

.btnRound {
    overflow: hidden;
    position: relative;
    width: 100%;
    min-width: 8.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-transform: uppercase;
    font-family: "Roboto", "courier", sans-serif;
    font-weight: 700;
    text-align: center;
    border: none;
    outline: none;
    border-radius: 5rem;
    color: #ffffff;
    padding: 0.55rem 1.25rem;
}

    .btnRound img {
        max-height: 20px;
    }

    .btnRound.gradiantPurple {
        background: rgb(164, 132, 228);
        background: -webkit-gradient(linear, left top, left bottom, from(rgb(164, 132, 228)), to(rgb(107, 77, 196)));
        background: linear-gradient(180deg, rgb(164, 132, 228) 0%, rgb(107, 77, 196) 100%);
    }

        .btnRound.gradiantPurple:disabled {
            background-color: #a8a8a8;
        }

        .btnRound.gradiantPurple:after, .btnRound.gradiantPurple:before {
            background: rgba(255, 255, 255, 0.1);
        }

        .btnRound.gradiantPurple:hover {
            color: #ffffff;
            background-color: #6b4dc4;
        }

        .btnRound.gradiantPurple:active, .btnRound.gradiantPurple:focus {
            color: #ffffff;
            background-color: #6b4dc4;
            -webkit-box-shadow: 0 0 0 0.2rem rgba(107, 77, 196, 0.2);
            box-shadow: 0 0 0 0.2rem rgba(107, 77, 196, 0.2);
        }

    .btnRound.gradiantPrimary {
        background: rgb(233, 209, 130);
        background: -webkit-gradient(linear, left top, left bottom, from(rgb(233, 209, 130)), to(rgb(207, 165, 75)));
        background: linear-gradient(180deg, rgb(233, 209, 130) 0%, rgb(207, 165, 75) 100%);
    }

        .btnRound.gradiantPrimary:disabled {
            background-color: #a8a8a8;
        }

        .btnRound.gradiantPrimary:after, .btnRound.gradiantPrimary:before {
            background: rgba(255, 255, 255, 0.1);
        }

        .btnRound.gradiantPrimary:hover {
            color: #ffffff;
            background-color: #cfa54b;
        }

        .btnRound.gradiantPrimary:active, .btnRound.gradiantPrimary:focus {
            color: #ffffff;
            background-color: #cfa54b;
            -webkit-box-shadow: 0 0 0 0.2rem rgba(207, 165, 75, 0.2);
            box-shadow: 0 0 0 0.2rem rgba(207, 165, 75, 0.2);
        }

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

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

@-webkit-keyframes exist {
    100% {
        width: 15px;
        height: 15px;
        margin: -9px 4px 0 0;
    }
}

@keyframes exist {
    100% {
        width: 15px;
        height: 15px;
        margin: -9px 4px 0 0;
    }
}

html {
    font-size: 16px;
    height: 100%;
}

@media (max-width: 575px) {
    html {
        font-size: calc(16px - 0.3vw);
    }
}

@media (max-width: 767px) {
    html {
        font-size: calc(16px - 0.25vw);
    }
}

@media (max-width: 991px) {
    html {
        font-size: calc(16px - 0.2vw);
    }
}

@media (max-width: 1199px) {
    html {
        font-size: calc(16px - 0.15vw);
    }
}

@media (max-width: 1399px) {
    html {
        font-size: calc(16px - 0.1vw);
    }
}

body {
    font-family: "Open Sans", "courier", sans-serif;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 0.95rem;
}

    body .pageContainer {
        background-color: rgba(31, 31, 31, 0.9);
        padding-top: 6rem;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        background-image: url("overlay/page-overlay.svg");
        background-size: cover;
        background-position: center top;
    }

@media (max-width: 991px) {
    body .pageContainer {
        padding-top: 5rem;
    }
}

html.overflowHidden, body.overflowHidden {
    overflow: hidden;
}

h1,
h2,
h3,
a,
span,
p {
    margin: 0;
    padding: 0;
}

    a,
    a:active,
    a:hover,
    a:focus {
        cursor: pointer;
        color: #1f1f1f;
        text-decoration: none;
    }

ul {
    margin: 0;
    padding: 0;
}

    ul li {
        list-style: none;
    }

a {
    color: #0d6efd;
}

    a:hover {
        color: #0d6efd;
    }

.section {
    margin-top: 3.125rem;
    margin-bottom: 3.125rem;
}

    .section.overflowHidden {
        overflow: hidden;
    }

    .section.moreTopMargin {
        margin-top: 3.5rem;
    }

@media (max-width: 767px) {
    .section {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

        .section.moreTopMargin {
            margin-top: 2.5rem;
        }
}

.shineParent {
    overflow: hidden;
    position: relative;
}

.shineThumb::before {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(51, 51, 51, 0)), to(rgba(59, 59, 59, 0.3)));
    background: linear-gradient(to right, rgba(51, 51, 51, 0) 0%, rgba(59, 59, 59, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    border-radius: 0.5rem;
}

.shineThumb:hover:before {
    -webkit-animation: shine 0.75s;
    animation: shine 0.75s;
}

.shineWhiteThumb::before {
    border-radius: 0.5rem;
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.shineWhiteThumb:hover:before {
    -webkit-animation: shine 0.75s;
    animation: shine 0.75s;
}

.container, .container-fluid {
    padding-right: 1rem;
    padding-left: 1rem;
}

.container {
    max-width: 80vw;
}

@media (max-width: 991px) {
    .container {
        max-width: 90vw;
    }
}

@media (max-width: 767px) {
    .container {
        max-width: 100vw;
    }
}

.row {
    margin-left: -1rem;
    margin-right: -1rem;
}

    .row .col,
    .row .col-1,
    .row .col-10,
    .row .col-11,
    .row .col-12,
    .row .col-2,
    .row .col-3,
    .row .col-4,
    .row .col-5,
    .row .col-6,
    .row .col-7,
    .row .col-8,
    .row .col-9,
    .row .col-auto,
    .row .col-lg,
    .row .col-lg-1,
    .row .col-lg-10,
    .row .col-lg-11,
    .row .col-lg-12,
    .row .col-lg-2,
    .row .col-lg-3,
    .row .col-lg-4,
    .row .col-lg-5,
    .row .col-lg-6,
    .row .col-lg-7,
    .row .col-lg-8,
    .row .col-lg-9,
    .row .col-lg-auto,
    .row .col-md,
    .row .col-md-1,
    .row .col-md-10,
    .row .col-md-11,
    .row .col-md-12,
    .row .col-md-2,
    .row .col-md-3,
    .row .col-md-4,
    .row .col-md-5,
    .row .col-md-6,
    .row .col-md-7,
    .row .col-md-8,
    .row .col-md-9,
    .row .col-md-auto,
    .row .col-sm,
    .row .col-sm-1,
    .row .col-sm-10,
    .row .col-sm-11,
    .row .col-sm-12,
    .row .col-sm-2,
    .row .col-sm-3,
    .row .col-sm-4,
    .row .col-sm-5,
    .row .col-sm-6,
    .row .col-sm-7,
    .row .col-sm-8,
    .row .col-sm-9,
    .row .col-sm-auto,
    .row .col-xl,
    .row .col-xl-1,
    .row .col-xl-10,
    .row .col-xl-11,
    .row .col-xl-12,
    .row .col-xl-2,
    .row .col-xl-3,
    .row .col-xl-4,
    .row .col-xl-5,
    .row .col-xl-6,
    .row .col-xl-7,
    .row .col-xl-8,
    .row .col-xl-9,
    .row .col-xl-auto {
        padding-left: 1rem;
        padding-right: 1rem;
    }

@media (min-width: 768px) {
    .row.gutterXs {
        margin-left: -0.5rem;
        margin-right: -0.5rem;
    }

        .row.gutterXs .col,
        .row.gutterXs .col-1,
        .row.gutterXs .col-10,
        .row.gutterXs .col-11,
        .row.gutterXs .col-12,
        .row.gutterXs .col-2,
        .row.gutterXs .col-3,
        .row.gutterXs .col-4,
        .row.gutterXs .col-5,
        .row.gutterXs .col-6,
        .row.gutterXs .col-7,
        .row.gutterXs .col-8,
        .row.gutterXs .col-9,
        .row.gutterXs .col-auto,
        .row.gutterXs .col-lg,
        .row.gutterXs .col-lg-1,
        .row.gutterXs .col-lg-10,
        .row.gutterXs .col-lg-11,
        .row.gutterXs .col-lg-12,
        .row.gutterXs .col-lg-2,
        .row.gutterXs .col-lg-3,
        .row.gutterXs .col-lg-4,
        .row.gutterXs .col-lg-5,
        .row.gutterXs .col-lg-6,
        .row.gutterXs .col-lg-7,
        .row.gutterXs .col-lg-8,
        .row.gutterXs .col-lg-9,
        .row.gutterXs .col-lg-auto,
        .row.gutterXs .col-md,
        .row.gutterXs .col-md-1,
        .row.gutterXs .col-md-10,
        .row.gutterXs .col-md-11,
        .row.gutterXs .col-md-12,
        .row.gutterXs .col-md-2,
        .row.gutterXs .col-md-3,
        .row.gutterXs .col-md-4,
        .row.gutterXs .col-md-5,
        .row.gutterXs .col-md-6,
        .row.gutterXs .col-md-7,
        .row.gutterXs .col-md-8,
        .row.gutterXs .col-md-9,
        .row.gutterXs .col-md-auto,
        .row.gutterXs .col-sm,
        .row.gutterXs .col-sm-1,
        .row.gutterXs .col-sm-10,
        .row.gutterXs .col-sm-11,
        .row.gutterXs .col-sm-12,
        .row.gutterXs .col-sm-2,
        .row.gutterXs .col-sm-3,
        .row.gutterXs .col-sm-4,
        .row.gutterXs .col-sm-5,
        .row.gutterXs .col-sm-6,
        .row.gutterXs .col-sm-7,
        .row.gutterXs .col-sm-8,
        .row.gutterXs .col-sm-9,
        .row.gutterXs .col-sm-auto,
        .row.gutterXs .col-xl,
        .row.gutterXs .col-xl-1,
        .row.gutterXs .col-xl-10,
        .row.gutterXs .col-xl-11,
        .row.gutterXs .col-xl-12,
        .row.gutterXs .col-xl-2,
        .row.gutterXs .col-xl-3,
        .row.gutterXs .col-xl-4,
        .row.gutterXs .col-xl-5,
        .row.gutterXs .col-xl-6,
        .row.gutterXs .col-xl-7,
        .row.gutterXs .col-xl-8,
        .row.gutterXs .col-xl-9,
        .row.gutterXs .col-xl-auto {
            padding-left: 0.5rem;
            padding-right: 0.5rem;
        }
}

@media (min-width: 768px) {
    .row.gutterMd {
        margin-left: -2rem;
        margin-right: -2rem;
    }

        .row.gutterMd .col,
        .row.gutterMd .col-1,
        .row.gutterMd .col-10,
        .row.gutterMd .col-11,
        .row.gutterMd .col-12,
        .row.gutterMd .col-2,
        .row.gutterMd .col-3,
        .row.gutterMd .col-4,
        .row.gutterMd .col-5,
        .row.gutterMd .col-6,
        .row.gutterMd .col-7,
        .row.gutterMd .col-8,
        .row.gutterMd .col-9,
        .row.gutterMd .col-auto,
        .row.gutterMd .col-lg,
        .row.gutterMd .col-lg-1,
        .row.gutterMd .col-lg-10,
        .row.gutterMd .col-lg-11,
        .row.gutterMd .col-lg-12,
        .row.gutterMd .col-lg-2,
        .row.gutterMd .col-lg-3,
        .row.gutterMd .col-lg-4,
        .row.gutterMd .col-lg-5,
        .row.gutterMd .col-lg-6,
        .row.gutterMd .col-lg-7,
        .row.gutterMd .col-lg-8,
        .row.gutterMd .col-lg-9,
        .row.gutterMd .col-lg-auto,
        .row.gutterMd .col-md,
        .row.gutterMd .col-md-1,
        .row.gutterMd .col-md-10,
        .row.gutterMd .col-md-11,
        .row.gutterMd .col-md-12,
        .row.gutterMd .col-md-2,
        .row.gutterMd .col-md-3,
        .row.gutterMd .col-md-4,
        .row.gutterMd .col-md-5,
        .row.gutterMd .col-md-6,
        .row.gutterMd .col-md-7,
        .row.gutterMd .col-md-8,
        .row.gutterMd .col-md-9,
        .row.gutterMd .col-md-auto,
        .row.gutterMd .col-sm,
        .row.gutterMd .col-sm-1,
        .row.gutterMd .col-sm-10,
        .row.gutterMd .col-sm-11,
        .row.gutterMd .col-sm-12,
        .row.gutterMd .col-sm-2,
        .row.gutterMd .col-sm-3,
        .row.gutterMd .col-sm-4,
        .row.gutterMd .col-sm-5,
        .row.gutterMd .col-sm-6,
        .row.gutterMd .col-sm-7,
        .row.gutterMd .col-sm-8,
        .row.gutterMd .col-sm-9,
        .row.gutterMd .col-sm-auto,
        .row.gutterMd .col-xl,
        .row.gutterMd .col-xl-1,
        .row.gutterMd .col-xl-10,
        .row.gutterMd .col-xl-11,
        .row.gutterMd .col-xl-12,
        .row.gutterMd .col-xl-2,
        .row.gutterMd .col-xl-3,
        .row.gutterMd .col-xl-4,
        .row.gutterMd .col-xl-5,
        .row.gutterMd .col-xl-6,
        .row.gutterMd .col-xl-7,
        .row.gutterMd .col-xl-8,
        .row.gutterMd .col-xl-9,
        .row.gutterMd .col-xl-auto {
            padding-left: 2rem;
            padding-right: 2rem;
        }
}

@media (min-width: 992px) {
    .row.gutterLg {
        margin-left: -3.125rem;
        margin-right: -3.125rem;
    }

        .row.gutterLg .col,
        .row.gutterLg .col-1,
        .row.gutterLg .col-10,
        .row.gutterLg .col-11,
        .row.gutterLg .col-12,
        .row.gutterLg .col-2,
        .row.gutterLg .col-3,
        .row.gutterLg .col-4,
        .row.gutterLg .col-5,
        .row.gutterLg .col-6,
        .row.gutterLg .col-7,
        .row.gutterLg .col-8,
        .row.gutterLg .col-9,
        .row.gutterLg .col-auto,
        .row.gutterLg .col-lg,
        .row.gutterLg .col-lg-1,
        .row.gutterLg .col-lg-10,
        .row.gutterLg .col-lg-11,
        .row.gutterLg .col-lg-12,
        .row.gutterLg .col-lg-2,
        .row.gutterLg .col-lg-3,
        .row.gutterLg .col-lg-4,
        .row.gutterLg .col-lg-5,
        .row.gutterLg .col-lg-6,
        .row.gutterLg .col-lg-7,
        .row.gutterLg .col-lg-8,
        .row.gutterLg .col-lg-9,
        .row.gutterLg .col-lg-auto,
        .row.gutterLg .col-md,
        .row.gutterLg .col-md-1,
        .row.gutterLg .col-md-10,
        .row.gutterLg .col-md-11,
        .row.gutterLg .col-md-12,
        .row.gutterLg .col-md-2,
        .row.gutterLg .col-md-3,
        .row.gutterLg .col-md-4,
        .row.gutterLg .col-md-5,
        .row.gutterLg .col-md-6,
        .row.gutterLg .col-md-7,
        .row.gutterLg .col-md-8,
        .row.gutterLg .col-md-9,
        .row.gutterLg .col-md-auto,
        .row.gutterLg .col-sm,
        .row.gutterLg .col-sm-1,
        .row.gutterLg .col-sm-10,
        .row.gutterLg .col-sm-11,
        .row.gutterLg .col-sm-12,
        .row.gutterLg .col-sm-2,
        .row.gutterLg .col-sm-3,
        .row.gutterLg .col-sm-4,
        .row.gutterLg .col-sm-5,
        .row.gutterLg .col-sm-6,
        .row.gutterLg .col-sm-7,
        .row.gutterLg .col-sm-8,
        .row.gutterLg .col-sm-9,
        .row.gutterLg .col-sm-auto,
        .row.gutterLg .col-xl,
        .row.gutterLg .col-xl-1,
        .row.gutterLg .col-xl-10,
        .row.gutterLg .col-xl-11,
        .row.gutterLg .col-xl-12,
        .row.gutterLg .col-xl-2,
        .row.gutterLg .col-xl-3,
        .row.gutterLg .col-xl-4,
        .row.gutterLg .col-xl-5,
        .row.gutterLg .col-xl-6,
        .row.gutterLg .col-xl-7,
        .row.gutterLg .col-xl-8,
        .row.gutterLg .col-xl-9,
        .row.gutterLg .col-xl-auto {
            padding-left: 3.125rem;
            padding-right: 3.125rem;
        }
}

.bannerSection .bannerMdCont {
    height: 30vh;
    border-radius: 0.5rem;
    overflow: hidden;
}

    .bannerSection .bannerMdCont .bannerWrap {
        height: 100%;
    }

        .bannerSection .bannerMdCont .bannerWrap .bannerImg {
            height: 100%;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }

.customFormField {
    position: relative;
    display: block;
    padding-top: 6px;
    font-size: 1rem;
    line-height: 1.25;
    overflow: hidden;
}

    .customFormField > textarea {
        resize: none;
    }

    .customFormField > input, .customFormField > textarea {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        border: solid 1px;
        /* Safari */
        border-color: rgba(255, 255, 255, 0.6);
        border-top-color: transparent;
        border-radius: 4px;
        padding: 12px 11px 12px;
        width: 100%;
        height: inherit;
        color: rgba(255, 255, 255, 0.87);
        background-color: transparent;
        /* Firefox */
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        caret-color: rgba(255, 255, 255, 0.5);
        -webkit-transition: border 0.2s, -webkit-box-shadow 0.2s;
        transition: border 0.2s, -webkit-box-shadow 0.2s;
        transition: border 0.2s, box-shadow 0.2s;
        transition: border 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s;
    }

        .customFormField > input + span, .customFormField > textarea + span {
            position: absolute;
            top: 0;
            left: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            border-color: rgba(255, 255, 255, 0.6);
            width: 100%;
            max-height: 100%;
            color: rgba(255, 255, 255, 0.6);
            font-size: 75%;
            line-height: 15px;
            cursor: text;
            -webkit-transition: color 0.2s, font-size 0.2s, line-height 0.2s;
            transition: color 0.2s, font-size 0.2s, line-height 0.2s;
        }

            .customFormField > input + span::before, .customFormField > input + span::after {
                content: "";
                display: block;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                margin-top: 6px;
                border-top: solid 1px;
                border-top-color: #cfa54b;
                min-width: 10px;
                height: 8px;
                pointer-events: none;
                -webkit-transition: border-color 0.2s, -webkit-box-shadow 0.2s;
                transition: border-color 0.2s, -webkit-box-shadow 0.2s;
                transition: border-color 0.2s, box-shadow 0.2s;
                transition: border-color 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s;
            }

            .customFormField > textarea + span::before, .customFormField > textarea + span::after {
                content: "";
                display: block;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                margin-top: 6px;
                border-top: solid 1px;
                border-top-color: #cfa54b;
                min-width: 10px;
                height: 8px;
                pointer-events: none;
                -webkit-transition: border-color 0.2s, -webkit-box-shadow 0.2s;
                transition: border-color 0.2s, -webkit-box-shadow 0.2s;
                transition: border-color 0.2s, box-shadow 0.2s;
                transition: border-color 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s;
            }

            .customFormField > input + span::before, .customFormField > textarea + span::before {
                margin-right: 4px;
                border-left: solid 1px transparent;
                border-radius: 4px 0;
            }

            .customFormField > input + span::after, .customFormField > textarea + span::after {
                -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                margin-left: 4px;
                border-right: solid 1px transparent;
                border-radius: 0 4px;
            }

        .customFormField > input[type=password] {
            padding-right: 30px;
        }

    .customFormField > .btnPwdToggle {
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px);
        cursor: pointer;
    }

        .customFormField > .btnPwdToggle .icon {
            width: 20px;
            height: 20px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            display: block;
        }

            .customFormField > .btnPwdToggle .icon.eye {
                background-image: url(icons/action/eye-white.svg);
            }

                .customFormField > .btnPwdToggle .icon.eye.eyeDisabled {
                    background-image: url(icons/action/invisible-white.svg);
                }

    .customFormField:hover > input, .customFormField:hover > textarea {
        border-color: rgba(255, 255, 255, 0.5);
        border-top-color: transparent;
    }

        .customFormField:hover > input + span::before, .customFormField:hover > textarea + span::before, .customFormField:hover > input + span::after, .customFormField:hover > textarea + span::after {
            border-top-color: rgba(255, 255, 255, 0.5);
            border-top-color: #cfa54b;
        }

        .customFormField:hover > input:not(:focus):-moz-placeholder-shown, .customFormField:hover > textarea:not(:focus):-moz-placeholder-shown {
            border-color: rgba(255, 255, 255, 0.5);
        }

        .customFormField:hover > input:not(:focus):-ms-input-placeholder, .customFormField:hover > textarea:not(:focus):-ms-input-placeholder {
            border-color: rgba(255, 255, 255, 0.5);
        }

        .customFormField:hover > input:not(:focus):placeholder-shown, .customFormField:hover > textarea:not(:focus):placeholder-shown {
            border-color: rgba(255, 255, 255, 0.5);
        }

    .customFormField > input:not(:focus):-moz-placeholder-shown, .customFormField > textarea:not(:focus):-moz-placeholder-shown {
        border-top-color: rgba(255, 255, 255, 0.5);
    }

    .customFormField > input:not(:focus):-ms-input-placeholder, .customFormField > textarea:not(:focus):-ms-input-placeholder {
        border-top-color: rgba(255, 255, 255, 0.5);
    }

    .customFormField > input:not(:focus):placeholder-shown, .customFormField > textarea:not(:focus):placeholder-shown {
        border-top-color: rgba(255, 255, 255, 0.5);
    }

    .customFormField > input:not(:focus):-moz-placeholder-shown + span, .customFormField > textarea:not(:focus):-moz-placeholder-shown + span {
        font-size: inherit;
        line-height: 58px;
    }

    .customFormField > input:not(:focus):-ms-input-placeholder + span, .customFormField > textarea:not(:focus):-ms-input-placeholder + span {
        font-size: inherit;
        line-height: 58px;
    }

    .customFormField > input:not(:focus):placeholder-shown + span, .customFormField > textarea:not(:focus):placeholder-shown + span {
        font-size: inherit;
        line-height: 58px;
    }

    .customFormField > input:not(:-moz-placeholder-shown) + span, .customFormField > textarea:not(:-moz-placeholder-shown) + span {
        color: #cfa54b;
    }

    .customFormField > input:not(:-ms-input-placeholder) + span, .customFormField > textarea:not(:-ms-input-placeholder) + span {
        color: #cfa54b;
    }

    .customFormField > input:not(:placeholder-shown) + span, .customFormField > textarea:not(:placeholder-shown) + span {
        color: #cfa54b;
    }

    .customFormField > input:not(:focus):-moz-placeholder-shown + span::before, .customFormField > textarea:not(:focus):-moz-placeholder-shown + span::before, .customFormField > input:not(:focus):-moz-placeholder-shown + span::after, .customFormField > textarea:not(:focus):-moz-placeholder-shown + span::after {
        border-top-color: transparent;
    }

    .customFormField > input:not(:focus):-ms-input-placeholder + span::before, .customFormField > textarea:not(:focus):-ms-input-placeholder + span::before, .customFormField > input:not(:focus):-ms-input-placeholder + span::after, .customFormField > textarea:not(:focus):-ms-input-placeholder + span::after {
        border-top-color: transparent;
    }

    .customFormField > input:not(:focus):placeholder-shown + span::before, .customFormField > textarea:not(:focus):placeholder-shown + span::before, .customFormField > input:not(:focus):placeholder-shown + span::after, .customFormField > textarea:not(:focus):placeholder-shown + span::after {
        border-top-color: transparent;
    }

    .customFormField > input:focus, .customFormField > textarea:focus {
        border-color: #cfa54b;
        border-top-color: transparent;
        outline: none;
    }

        .customFormField > input:focus + span, .customFormField > textarea:focus + span {
            color: rgba(207, 165, 75, 0.5);
        }

    .customFormField > input:disabled, .customFormField > textarea:disabled {
        border-color: rgba(255, 255, 255, 0.5) !important;
        border-top-color: transparent !important;
        color: rgba(255, 255, 255, 0.5);
        pointer-events: none;
    }

        .customFormField > input:disabled + span, .customFormField > textarea:disabled + span {
            border-color: rgba(255, 255, 255, 0.5) !important;
            border-top-color: transparent !important;
            color: rgba(255, 255, 255, 0.5);
            pointer-events: none;
        }

        .customFormField > input:disabled:-moz-placeholder-shown, .customFormField > textarea:disabled:-moz-placeholder-shown {
            border-top-color: rgba(255, 255, 255, 0.5) !important;
        }

        .customFormField > input:disabled:-ms-input-placeholder, .customFormField > textarea:disabled:-ms-input-placeholder {
            border-top-color: rgba(255, 255, 255, 0.5) !important;
        }

        .customFormField > input:disabled:placeholder-shown, .customFormField > textarea:disabled:placeholder-shown {
            border-top-color: rgba(255, 255, 255, 0.5) !important;
        }

        .customFormField > input:disabled:-moz-placeholder-shown + span, .customFormField > textarea:disabled:-moz-placeholder-shown + span {
            border-top-color: rgba(255, 255, 255, 0.5) !important;
        }

        .customFormField > input:disabled:-ms-input-placeholder + span, .customFormField > textarea:disabled:-ms-input-placeholder + span {
            border-top-color: rgba(255, 255, 255, 0.5) !important;
        }

        .customFormField > input:disabled:placeholder-shown + span, .customFormField > textarea:disabled:placeholder-shown + span {
            border-top-color: rgba(255, 255, 255, 0.5) !important;
        }

        .customFormField > input:disabled:-moz-placeholder-shown + span::before, .customFormField > input:disabled:-moz-placeholder-shown + span::after {
            border-top-color: transparent !important;
        }

        .customFormField > input:disabled:-ms-input-placeholder + span::before, .customFormField > input:disabled:-ms-input-placeholder + span::after {
            border-top-color: transparent !important;
        }

        .customFormField > input:disabled:placeholder-shown + span::before, .customFormField > input:disabled:placeholder-shown + span::after {
            border-top-color: transparent !important;
        }

        .customFormField > textarea:disabled:-moz-placeholder-shown + span::before, .customFormField > textarea:disabled:-moz-placeholder-shown + span::after {
            border-top-color: transparent !important;
        }

        .customFormField > textarea:disabled:-ms-input-placeholder + span::before, .customFormField > textarea:disabled:-ms-input-placeholder + span::after {
            border-top-color: transparent !important;
        }

        .customFormField > textarea:disabled:placeholder-shown + span::before, .customFormField > textarea:disabled:placeholder-shown + span::after {
            border-top-color: transparent !important;
        }

    .customFormField > input.error:not(:-moz-placeholder-shown), .customFormField > textarea.error:not(:-moz-placeholder-shown) {
        border-color: #ED1C24 !important;
        border-top-color: transparent !important;
    }

    .customFormField > input.error:not(:-ms-input-placeholder), .customFormField > textarea.error:not(:-ms-input-placeholder) {
        border-color: #ED1C24 !important;
        border-top-color: transparent !important;
    }

    .customFormField > input.error:not(:placeholder-shown), .customFormField > textarea.error:not(:placeholder-shown) {
        border-color: #ED1C24 !important;
        border-top-color: transparent !important;
    }

    .customFormField > input.error:not(:-moz-placeholder-shown) + span, .customFormField > textarea.error:not(:-moz-placeholder-shown) + span {
        color: #ED1C24 !important;
    }

    .customFormField > input.error:not(:-ms-input-placeholder) + span, .customFormField > textarea.error:not(:-ms-input-placeholder) + span {
        color: #ED1C24 !important;
    }

    .customFormField > input.error:not(:placeholder-shown) + span, .customFormField > textarea.error:not(:placeholder-shown) + span {
        color: #ED1C24 !important;
    }

    .customFormField > input.error:not(:-moz-placeholder-shown) + span:after, .customFormField > input.error:not(:-moz-placeholder-shown) + span:before, .customFormField > textarea.error:not(:-moz-placeholder-shown) + span:after, .customFormField > textarea.error:not(:-moz-placeholder-shown) + span:before {
        border-top-color: #ED1C24 !important;
    }

    .customFormField > input.error:not(:-ms-input-placeholder) + span:after, .customFormField > input.error:not(:-ms-input-placeholder) + span:before, .customFormField > textarea.error:not(:-ms-input-placeholder) + span:after, .customFormField > textarea.error:not(:-ms-input-placeholder) + span:before {
        border-top-color: #ED1C24 !important;
    }

    .customFormField > input.error:not(:placeholder-shown) + span:after, .customFormField > input.error:not(:placeholder-shown) + span:before, .customFormField > textarea.error:not(:placeholder-shown) + span:after, .customFormField > textarea.error:not(:placeholder-shown) + span:before {
        border-top-color: #ED1C24 !important;
    }

    .customFormField > input[aria-invalid=true]:not(:-moz-placeholder-shown), .customFormField > textarea[aria-invalid=true]:not(:-moz-placeholder-shown) {
        border-color: #ED1C24 !important;
        border-top-color: transparent !important;
    }

    .customFormField > input[aria-invalid=true]:not(:-ms-input-placeholder), .customFormField > textarea[aria-invalid=true]:not(:-ms-input-placeholder) {
        border-color: #ED1C24 !important;
        border-top-color: transparent !important;
    }

    .customFormField > input[aria-invalid=true]:not(:placeholder-shown), .customFormField > textarea[aria-invalid=true]:not(:placeholder-shown) {
        border-color: #ED1C24 !important;
        border-top-color: transparent !important;
    }

    .customFormField > input[aria-invalid=true]:not(:-moz-placeholder-shown) + span, .customFormField > textarea[aria-invalid=true]:not(:-moz-placeholder-shown) + span {
        color: #ED1C24 !important;
    }

    .customFormField > input[aria-invalid=true]:not(:-ms-input-placeholder) + span, .customFormField > textarea[aria-invalid=true]:not(:-ms-input-placeholder) + span {
        color: #ED1C24 !important;
    }

    .customFormField > input[aria-invalid=true]:not(:placeholder-shown) + span, .customFormField > textarea[aria-invalid=true]:not(:placeholder-shown) + span {
        color: #ED1C24 !important;
    }

    .customFormField > input[aria-invalid=true]:not(:-moz-placeholder-shown) + span:after, .customFormField > input[aria-invalid=true]:not(:-moz-placeholder-shown) + span:before, .customFormField > textarea[aria-invalid=true]:not(:-moz-placeholder-shown) + span:after, .customFormField > textarea[aria-invalid=true]:not(:-moz-placeholder-shown) + span:before {
        border-top-color: #ED1C24 !important;
    }

    .customFormField > input[aria-invalid=true]:not(:-ms-input-placeholder) + span:after, .customFormField > input[aria-invalid=true]:not(:-ms-input-placeholder) + span:before, .customFormField > textarea[aria-invalid=true]:not(:-ms-input-placeholder) + span:after, .customFormField > textarea[aria-invalid=true]:not(:-ms-input-placeholder) + span:before {
        border-top-color: #ED1C24 !important;
    }

    .customFormField > input[aria-invalid=true]:not(:placeholder-shown) + span:after, .customFormField > input[aria-invalid=true]:not(:placeholder-shown) + span:before, .customFormField > textarea[aria-invalid=true]:not(:placeholder-shown) + span:after, .customFormField > textarea[aria-invalid=true]:not(:placeholder-shown) + span:before {
        border-top-color: #ED1C24 !important;
    }

    .customFormField input:not(:-moz-placeholder-shown), .customFormField textarea:not(:-moz-placeholder-shown) {
        border-color: #cfa54b !important;
        border-top-color: transparent !important;
    }

    .customFormField input:not(:-ms-input-placeholder), .customFormField textarea:not(:-ms-input-placeholder) {
        border-color: #cfa54b !important;
        border-top-color: transparent !important;
    }

    .customFormField input:not(:placeholder-shown), .customFormField textarea:not(:placeholder-shown) {
        border-color: #cfa54b !important;
        border-top-color: transparent !important;
    }

.form-group {
    margin-bottom: 1.4rem;
}

    .form-group:last-child {
        margin-bottom: 0;
    }

@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
        .customFormField > input, .customFormField > textarea {
            -webkit-transition-duration: 0.1s;
            transition-duration: 0.1s;
        }

            .customFormField > input + span, .customFormField > textarea + span {
                -webkit-transition-duration: 0.1s;
                transition-duration: 0.1s;
            }

                .customFormField > input + span::before, .customFormField > input + span::after {
                    -webkit-transition-duration: 0.1s;
                    transition-duration: 0.1s;
                }

                .customFormField > textarea + span::before, .customFormField > textarea + span::after {
                    -webkit-transition-duration: 0.1s;
                    transition-duration: 0.1s;
                }
    }
}

.form-group .custom-control {
    color: #fff;
}

    .form-group .custom-control a {
        color: #4A90E2;
        text-decoration: underline;
    }

    .form-group .custom-control.custom-checkbox {
        cursor: pointer;
    }

    .form-group .custom-control .custom-control-label:before {
        border: 1px solid #fff !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border-radius: 0.15rem;
        background-color: transparent;
        width: 1.1rem;
        height: 1.1rem;
        top: 2px;
    }

.form-group .specialLinkWrap {
    text-align: center;
}

    .form-group .specialLinkWrap .link {
        color: #cfa54b;
        font-weight: 700;
        cursor: pointer;
    }

        .form-group .specialLinkWrap .link:hover {
            text-decoration: underline;
        }

    .form-group .specialLinkWrap .forgotPwdLink {
        display: inline-block;
        vertical-align: middle;
    }

.digit-group .digit-input {
    margin-right: 0.5rem;
    background-color: transparent;
    width: 3rem;
    height: 3.3rem;
    border-radius: 0.2rem;
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: #fff;
    text-align: center;
    font-size: 1.5rem;
}

    .digit-group .digit-input.hasValue {
        border-color: #cfa54b;
    }

    .digit-group .digit-input:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: #cfa54b;
        outline: none;
    }

.error, .customError {
    color: #ED1C24;
}

.form-check .form-check-label {
    color: #fff;
}

a.link-blue {
    color: #0d6efd;
}

.select2-container {
    z-index: 9;
}

    .select2-container .selection .select2-selection {
        height: 32px;
        color: #fff;
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 0.2rem;
        background-color: rgba(31, 31, 31, 0.02);
        line-height: 26px;
    }

        .select2-container .selection .select2-selection:focus, .select2-container .selection .select2-selection:active {
            outline: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .select2-container .selection .select2-selection .select2-selection__rendered {
            color: #fff;
        }

        .select2-container .selection .select2-selection .select2-selection__arrow {
            background-image: url(icons/action/arrow-down-white.svg);
            background-repeat: no-repeat;
            background-size: 0.9rem;
            background-position: center;
            top: 3px;
            right: 4px;
        }

            .select2-container .selection .select2-selection .select2-selection__arrow b {
                display: none;
            }

    .select2-container.select2-container--open .selection .select2-selection {
        border-color: #cfa54b;
    }

        .select2-container.select2-container--open .selection .select2-selection .select2-selection__arrow {
            background-image: url(icons/action/arrow-down-white.svg);
        }

    .select2-container.select2-container--open .select2-dropdown {
        border: 1px solid #cfa54b;
        background-color: #1f1f1f;
        margin-top: 1px;
    }

        .select2-container.select2-container--open .select2-dropdown .select2-results ul {
            padding: 0.3rem 0;
            padding-right: 0.3rem;
        }

            .select2-container.select2-container--open .select2-dropdown .select2-results ul::-webkit-scrollbar {
                width: 0.3rem;
            }

            .select2-container.select2-container--open .select2-dropdown .select2-results ul::-webkit-scrollbar-thumb {
                background-color: #cfa54b;
                border-radius: 1rem;
            }

            .select2-container.select2-container--open .select2-dropdown .select2-results ul li {
                padding: 0.5rem 1rem;
                background-color: transparent;
            }

                .select2-container.select2-container--open .select2-dropdown .select2-results ul li:hover .text {
                    background-color: #dab973;
                    color: #1f1f1f;
                }

                .select2-container.select2-container--open .select2-dropdown .select2-results ul li[aria-selected=true] .text {
                    background-color: #cfa54b;
                    color: #1f1f1f;
                    -webkit-transition: all 0.3s;
                    transition: all 0.3s;
                }

                .select2-container.select2-container--open .select2-dropdown .select2-results ul li .text {
                    padding: 0.1rem 0.6rem;
                    color: #fff;
                    border-radius: 0.2rem;
                    font-weight: 700;
                }

.circleSpinner {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    position: relative;
    display: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

    .circleSpinner.go {
        display: inline-block;
    }

.hold {
    position: absolute;
    width: 100%;
    height: 100%;
    clip: rect(0px, 16px, 16px, 8px);
    border-radius: 100%;
    background-color: #E9ECEE;
}

.fill,
.dot span {
    background-color: #222222;
}

.loaderInner {
    width: 12px;
    height: 12px;
    background-color: #a8a8a8;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
    z-index: 3;
    border-radius: 50%;
}

.fill {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    clip: rect(0px, 8px, 16px, 0px);
}

.left .fill {
    z-index: 1;
}

.circleSpinner.go .left .fill {
    -webkit-animation: left 15s linear;
    animation: left 15s linear both;
}

.right {
    z-index: 3;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

    .right .fill {
        z-index: 3;
    }

.circleSpinner.go .right .fill {
    -webkit-animation: right 15s linear;
    animation: right 15s linear both;
    -webkit-animation-delay: 15s;
    animation-delay: 15s;
}

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

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

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

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

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

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

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

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

.pageLoaderCont {
    background: #262E2A;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    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;
    z-index: 999;
    font-size: 10px;
}

.wavecontainer .wave {
    margin-top: 15px;
    float: left;
    width: 18px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #a57000;
    margin-left: -2px;
    -webkit-animation: slide 0.6s infinite linear;
    animation: slide 0.6s infinite linear;
}

    .wavecontainer .wave:first-child {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .wavecontainer .wave:last-child {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .wavecontainer .wave:nth-child(2n+1) {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

@-webkit-keyframes slide {
    50% {
        margin-top: 25px;
    }
}

@keyframes slide {
    50% {
        margin-top: 25px;
    }
}

@-webkit-keyframes load {
    0% {
        -webkit-box-shadow: 0em -2.6em #262E2A, 2.25em -1.25em #262E2A, 2.25em 1.25em #262E2A, 0em 2.6em #262E2A, -2.25em 1.25em #262E2A, -2.25em -1.25em #262E2A;
        box-shadow: 0em -2.6em #262E2A, 2.25em -1.25em #262E2A, 2.25em 1.25em #262E2A, 0em 2.6em #262E2A, -2.25em 1.25em #262E2A, -2.25em -1.25em #262E2A;
    }

    15% {
        -webkit-box-shadow: 0em -2.6em #262E2A, 2.25em -1.25em #262E2A, 2.25em 1.25em #262E2A, 0em 2.6em #262E2A, -2.25em 1.25em #262E2A, -2.25em -1.25em #a57000;
        box-shadow: 0em -2.6em #262E2A, 2.25em -1.25em #262E2A, 2.25em 1.25em #262E2A, 0em 2.6em #262E2A, -2.25em 1.25em #262E2A, -2.25em -1.25em #a57000;
    }

    30% {
        -webkit-box-shadow: 0em -2.6em #262E2A, 2.25em -1.25em #262E2A, 2.25em 1.25em #262E2A, 0em 2.6em #262E2A, -2.25em 1.25em #a57000, -2.25em -1.25em #a57000;
        box-shadow: 0em -2.6em #262E2A, 2.25em -1.25em #262E2A, 2.25em 1.25em #262E2A, 0em 2.6em #262E2A, -2.25em 1.25em #a57000, -2.25em -1.25em #a57000;
    }

    45% {
        -webkit-box-shadow: 0em -2.6em #262E2A, 2.25em -1.25em #262E2A, 2.25em 1.25em #262E2A, 0em 2.6em #a57000, -2.25em 1.25em #a57000, -2.25em -1.25em #a57000;
        box-shadow: 0em -2.6em #262E2A, 2.25em -1.25em #262E2A, 2.25em 1.25em #262E2A, 0em 2.6em #a57000, -2.25em 1.25em #a57000, -2.25em -1.25em #a57000;
    }

    60% {
        -webkit-box-shadow: 0em -2.6em #262E2A, 2.25em -1.25em #262E2A, 2.25em 1.25em #a57000, 0em 2.6em #a57000, -2.25em 1.25em #a57000, -2.25em -1.25em #a57000;
        box-shadow: 0em -2.6em #262E2A, 2.25em -1.25em #262E2A, 2.25em 1.25em #a57000, 0em 2.6em #a57000, -2.25em 1.25em #a57000, -2.25em -1.25em #a57000;
    }

    75% {
        -webkit-box-shadow: 0em -2.6em #262E2A, 2.25em -1.25em #a57000, 2.25em 1.25em #a57000, 0em 2.6em #a57000, -2.25em 1.25em #a57000, -2.25em -1.25em #a57000;
        box-shadow: 0em -2.6em #262E2A, 2.25em -1.25em #a57000, 2.25em 1.25em #a57000, 0em 2.6em #a57000, -2.25em 1.25em #a57000, -2.25em -1.25em #a57000;
    }

    90% {
        -webkit-box-shadow: 0em -2.6em #a57000, 2.25em -1.25em #a57000, 2.25em 1.25em #a57000, 0em 2.6em #a57000, -2.25em 1.25em #a57000, -2.25em -1.25em #a57000;
        box-shadow: 0em -2.6em #a57000, 2.25em -1.25em #a57000, 2.25em 1.25em #a57000, 0em 2.6em #a57000, -2.25em 1.25em #a57000, -2.25em -1.25em #a57000;
    }

    100% {
        -webkit-box-shadow: 0em -2.6em #a57000, 2.25em -1.25em #a57000, 2.25em 1.25em #a57000, 0em 2.6em #a57000, -2.25em 1.25em #a57000, -2.25em -1.25em #a57000;
        box-shadow: 0em -2.6em #a57000, 2.25em -1.25em #a57000, 2.25em 1.25em #a57000, 0em 2.6em #a57000, -2.25em 1.25em #a57000, -2.25em -1.25em #a57000;
    }
}

@keyframes load {
    0% {
        -webkit-box-shadow: 0em -2.6em #262E2A, 2.25em -1.25em #262E2A, 2.25em 1.25em #262E2A, 0em 2.6em #262E2A, -2.25em 1.25em #262E2A, -2.25em -1.25em #262E2A;
        box-shadow: 0em -2.6em #262E2A, 2.25em -1.25em #262E2A, 2.25em 1.25em #262E2A, 0em 2.6em #262E2A, -2.25em 1.25em #262E2A, -2.25em -1.25em #262E2A;
    }

    15% {
        -webkit-box-shadow: 0em -2.6em #262E2A, 2.25em -1.25em #262E2A, 2.25em 1.25em #262E2A, 0em 2.6em #262E2A, -2.25em 1.25em #262E2A, -2.25em -1.25em #a57000;
        box-shadow: 0em -2.6em #262E2A, 2.25em -1.25em #262E2A, 2.25em 1.25em #262E2A, 0em 2.6em #262E2A, -2.25em 1.25em #262E2A, -2.25em -1.25em #a57000;
    }

    30% {
        -webkit-box-shadow: 0em -2.6em #262E2A, 2.25em -1.25em #262E2A, 2.25em 1.25em #262E2A, 0em 2.6em #262E2A, -2.25em 1.25em #a57000, -2.25em -1.25em #a57000;
        box-shadow: 0em -2.6em #262E2A, 2.25em -1.25em #262E2A, 2.25em 1.25em #262E2A, 0em 2.6em #262E2A, -2.25em 1.25em #a57000, -2.25em -1.25em #a57000;
    }

    45% {
        -webkit-box-shadow: 0em -2.6em #262E2A, 2.25em -1.25em #262E2A, 2.25em 1.25em #262E2A, 0em 2.6em #a57000, -2.25em 1.25em #a57000, -2.25em -1.25em #a57000;
        box-shadow: 0em -2.6em #262E2A, 2.25em -1.25em #262E2A, 2.25em 1.25em #262E2A, 0em 2.6em #a57000, -2.25em 1.25em #a57000, -2.25em -1.25em #a57000;
    }

    60% {
        -webkit-box-shadow: 0em -2.6em #262E2A, 2.25em -1.25em #262E2A, 2.25em 1.25em #a57000, 0em 2.6em #a57000, -2.25em 1.25em #a57000, -2.25em -1.25em #a57000;
        box-shadow: 0em -2.6em #262E2A, 2.25em -1.25em #262E2A, 2.25em 1.25em #a57000, 0em 2.6em #a57000, -2.25em 1.25em #a57000, -2.25em -1.25em #a57000;
    }

    75% {
        -webkit-box-shadow: 0em -2.6em #262E2A, 2.25em -1.25em #a57000, 2.25em 1.25em #a57000, 0em 2.6em #a57000, -2.25em 1.25em #a57000, -2.25em -1.25em #a57000;
        box-shadow: 0em -2.6em #262E2A, 2.25em -1.25em #a57000, 2.25em 1.25em #a57000, 0em 2.6em #a57000, -2.25em 1.25em #a57000, -2.25em -1.25em #a57000;
    }

    90% {
        -webkit-box-shadow: 0em -2.6em #a57000, 2.25em -1.25em #a57000, 2.25em 1.25em #a57000, 0em 2.6em #a57000, -2.25em 1.25em #a57000, -2.25em -1.25em #a57000;
        box-shadow: 0em -2.6em #a57000, 2.25em -1.25em #a57000, 2.25em 1.25em #a57000, 0em 2.6em #a57000, -2.25em 1.25em #a57000, -2.25em -1.25em #a57000;
    }

    100% {
        -webkit-box-shadow: 0em -2.6em #a57000, 2.25em -1.25em #a57000, 2.25em 1.25em #a57000, 0em 2.6em #a57000, -2.25em 1.25em #a57000, -2.25em -1.25em #a57000;
        box-shadow: 0em -2.6em #a57000, 2.25em -1.25em #a57000, 2.25em 1.25em #a57000, 0em 2.6em #a57000, -2.25em 1.25em #a57000, -2.25em -1.25em #a57000;
    }
}

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

    15% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
    }

    30% {
        -webkit-transform: rotate(120deg);
        transform: rotate(120deg);
    }

    45% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    60% {
        -webkit-transform: rotate(240deg);
        transform: rotate(240deg);
    }

    75% {
        -webkit-transform: rotate(300deg);
        transform: rotate(300deg);
    }

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

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

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

    15% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
    }

    30% {
        -webkit-transform: rotate(120deg);
        transform: rotate(120deg);
    }

    45% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    60% {
        -webkit-transform: rotate(240deg);
        transform: rotate(240deg);
    }

    75% {
        -webkit-transform: rotate(300deg);
        transform: rotate(300deg);
    }

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

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

.icon.icon-calender {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/form/calendar.svg);
}

.icon.icon-trophy {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/form/trophy.svg);
}

.icon.icon-bracket {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/action/bracket.svg);
}

.icon.icon-clock {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/action/clock.svg);
}

.icon.icon-format {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/action/format.svg);
}

.icon.icon-location {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/action/location.svg);
}

.icon.icon-platform {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/action/platform.svg);
}

.icon.icon-team {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/action/team.svg);
}

.icon.icon-console {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/action/game.svg);
}

.icon.icon-live {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/action/live-indicator.svg);
}

.icon.icon-cake {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/profile/cake-piece.svg);
}

.icon.icon-ball {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/action/ball.svg);
}

.icon.icon-medal {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/action/medal.svg);
}

.icon.icon-trophy-white {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/action/trophy-white.svg);
}

.icon.icon-user {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/action/user.svg);
}

.icon.icon-arrow-right-white {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/action/arrow-right-white.svg);
}

.icon.icon-arrow-right-gold {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/action/arrow-right-gold.svg);
}

.icon.verified {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/action/verified.svg);
}

.icon.icon-check-green {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/action/check-green.svg);
}

.icon.icon-lock-white {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/action/lock-white.svg);
}

.icon.icon-file-settings {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/action/folder-settings.svg);
}

.icon.icon-tinder {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/action/tinder.svg);
}

.icon.icon-long-arrow-right {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/action/long-arrow-right.svg);
}

.icon.icon-pencil-fill {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/action/pencil-fill.svg);
}

.icon.icon-flash {
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/action/flash.svg);
}

.icon.icon-plus-white {
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/action/plus-white.svg);
}

.icon.icon-repeat {
    width: 16px;
    height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/action/repeat.svg);
}

.icon.icon-info-o-white {
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/action/info-o-white.svg);
}

.icon.icon-share {
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/action/share.svg);
}

.icon.icon-chat-bubble {
    width: 16px;
    height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/action/chat-bubble.svg);
}

.icon.icon-re-do {
    width: 16px;
    height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/action/re-do.svg);
}

.icon.icon-re-do-dark {
    width: 16px;
    height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/action/re-do-dark.svg);
}

.icon.icon-info-gold {
    width: 16px;
    height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/action/info-gold.svg);
}

.icon.icon-error-red {
    width: 16px;
    height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-image: url(../css/icons/action/error-red.svg);
}

/* width */
::-webkit-scrollbar {
    width: 8px;
    background: #2e2e2e;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.418);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.418);
    border-radius: 20px;
    overflow: hidden;
}

::-webkit-scrollbar-thumb {
    background: #BC9646;
    border-radius: 20px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #af8c40;
    }

.progress {
    background: #131313;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-radius: 100px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 0 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 16px;
    width: 150px;
}

    .progress .progress-value {
        -webkit-animation: loadingValue 3.5s normal forwards;
        animation: loadingValue 3.5s normal forwards;
        -webkit-box-shadow: 0 10px 40px -10px #CFA54B;
        box-shadow: 0 10px 40px -10px #CFA54B;
        border-radius: 100px;
        background: #CFA54B;
        height: 10px;
        width: 0;
    }

.price-indicator {
    padding: 3px 10px;
    border: solid 1px #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 50px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1607843137);
    margin-bottom: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .price-indicator.paid i {
        color: #cfa54b !important;
    }

    .price-indicator.free i {
        color: #fff !important;
    }

.price-indicator-details {
    border: solid 1px #fff;
    border-radius: 8px;
    margin-bottom: 40px;
}

    .price-indicator-details .price-indicator-details-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: #fff;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 5px 12px;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
    }

        .price-indicator-details .price-indicator-details-header p {
            font-size: 20px;
            font-weight: bold;
        }

        .price-indicator-details .price-indicator-details-header .price-indicator {
            margin-bottom: 0;
        }

    .price-indicator-details .price-indicator-details-body {
        padding: 15px 10px;
        color: #fff;
    }

    .price-indicator-details.paid .price-indicator-details-header {
        background: rgb(188, 150, 70);
        background: linear-gradient(97deg, rgba(188, 150, 70, 0) 1%, rgb(188, 150, 70) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bc9646", endColorstr="#bc9646", GradientType=1);
    }

    .price-indicator-details.free .price-indicator-details-header {
        background: rgb(255, 255, 255);
        background: linear-gradient(97deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
    }

        .price-indicator-details.free .price-indicator-details-header p {
            color: #1f1f1f;
        }

.mainNavBar {
    -webkit-box-shadow: 0 0.1rem 1.9rem 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0.1rem 1.9rem 0 rgba(0, 0, 0, 0.25);
    border-radius: 0 0 1.25rem 1.25rem;
    padding: 0 1.875rem;
    background-color: #212529;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99;
}

    .mainNavBar .logoLink {
        display: block;
        margin-bottom: -1.563rem;
    }

        .mainNavBar .logoLink .logoWrap {
            height: 6.25rem;
        }

            .mainNavBar .logoLink .logoWrap .logoImg {
                height: 100%;
            }

@media (max-width: 991px) {
    .mainNavBar .logoLink {
        margin-bottom: 0;
    }

        .mainNavBar .logoLink .logoWrap {
            height: 5rem;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
        }
}

@media (max-width: 991px) {
    .mainNavBar {
        padding: 0 1rem;
    }
}

.mainNavBar .collapse {
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
}

    .mainNavBar .collapse .navbar-nav .nav-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .mainNavBar .collapse .navbar-nav .nav-item .nav-link {
            color: rgba(255, 255, 255, 0.75);
            text-transform: uppercase;
            padding: 0.188rem 0.625rem;
        }

@media (min-width: 992px) {
    .mainNavBar .collapse .navbar-nav .nav-item .nav-link {
        padding: 1.3rem 0.938rem;
        letter-spacing: 1px;
    }
}

.mainNavBar .collapse .navbar-nav .nav-item:hover .nav-link {
    color: #fff;
}

.mainNavBar .collapse .navbar-nav .nav-item.active .nav-link {
    color: #fff;
    font-weight: 700;
}

.mainNavBar .collapse .primaryLinks .nav-item {
    position: relative;
}

    .mainNavBar .collapse .primaryLinks .nav-item:after {
        content: "";
        display: block;
        position: absolute;
        left: 1rem;
        right: 1rem;
        bottom: 0;
        height: 2px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

    .mainNavBar .collapse .primaryLinks .nav-item:hover:after, .mainNavBar .collapse .primaryLinks .nav-item.active:after { /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
        background: -webkit-gradient(linear, left top, right top, from(rgba(44, 43, 0, 0)), color-stop(50%, rgb(207, 165, 75)), color-stop(99%, rgba(47, 45, 2, 0)), to(rgba(44, 43, 0, 0)));
        background: linear-gradient(to right, rgba(44, 43, 0, 0) 0%, rgb(207, 165, 75) 50%, rgba(47, 45, 2, 0) 99%, rgba(44, 43, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#002c2b00", endColorstr="#002c2b00",GradientType=1 ); /* IE6-9 */
    }

.mainNavBar .collapse .secondaryLinks {
    margin-left: auto;
}

    .mainNavBar .collapse .secondaryLinks .nav-item {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

        .mainNavBar .collapse .secondaryLinks .nav-item.dropdown {
            position: relative;
            width: 180px;
        }

            .mainNavBar .collapse .secondaryLinks .nav-item.dropdown .dropdown-toggle {
                background-image: url(icons/action/arrow-circle-gold-down.svg);
                background-size: 18px;
                background-repeat: no-repeat;
                background-position: right 15px center;
                padding-right: 40px;
                padding-left: 15px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                position: relative;
                z-index: 2;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
                width: 100%;
                background-color: #212529;
                margin-left: 1px;
                margin-right: 1px;
                padding: 0 0.5rem;
            }

                .mainNavBar .collapse .secondaryLinks .nav-item.dropdown .dropdown-toggle:after {
                    display: none;
                }

                .mainNavBar .collapse .secondaryLinks .nav-item.dropdown .dropdown-toggle .userIcon {
                    height: 38px;
                    -ms-flex: 0 0 38px;
                    -webkit-box-flex: 0;
                    flex: 0 0 38px;
                    max-width: 38px;
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center;
                }

                .mainNavBar .collapse .secondaryLinks .nav-item.dropdown .dropdown-toggle .text {
                    -ms-flex: 1 1 auto;
                    -webkit-box-flex: 1;
                    flex: 1 1 auto;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    font-weight: 700;
                }

                .mainNavBar .collapse .secondaryLinks .nav-item.dropdown .dropdown-toggle:focus {
                    outline: none;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                }

            .mainNavBar .collapse .secondaryLinks .nav-item.dropdown .dropdown-menu {
                left: 0;
                right: 0;
                top: 0;
                border-radius: 0;
                margin-top: 0;
                background-color: #212529;
                border: 1px solid #cfa54b;
                border-top: none;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
                padding-top: 0px;
                border-radius: 0 0 0.5rem 0.5rem;
                display: block;
                visibility: hidden;
                opacity: 0;
                z-index: 1;
            }

                .mainNavBar .collapse .secondaryLinks .nav-item.dropdown .dropdown-menu .dropdown-item {
                    color: #fff;
                    padding: 0.8rem 2.4rem;
                    background-color: transparent !important;
                    background-position: left 1.1rem center;
                    background-repeat: no-repeat;
                    background-size: 0.9rem;
                }

                    .mainNavBar .collapse .secondaryLinks .nav-item.dropdown .dropdown-menu .dropdown-item:nth-child(1) {
                        background-image: url(icons/profile/user.svg);
                    }

                    .mainNavBar .collapse .secondaryLinks .nav-item.dropdown .dropdown-menu .dropdown-item:nth-child(2) {
                        background-image: url(icons/profile/logout.svg);
                    }

            .mainNavBar .collapse .secondaryLinks .nav-item.dropdown.show .dropdown-toggle {
                background-image: url(icons/action/arrow-circle-gold-up.svg);
            }

            .mainNavBar .collapse .secondaryLinks .nav-item.dropdown.show .dropdown-menu {
                visibility: visible;
                opacity: 1;
                padding-top: 5.625rem;
            }

.mainNavBar .hamburgerBtn {
    display: block;
}

@media (min-width: 992px) {
    .mainNavBar .hamburgerBtn {
        display: none;
    }
}

.mainNavBar .hamburgerBtn:focus {
    outline: none;
}

@media (min-width: 992px) {
    .mobileSecLinkCont {
        display: none;
    }
}

.mobileSecLinkCont .secondaryLinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

    .mobileSecLinkCont .secondaryLinks .nav-item {
        padding-top: 1rem;
        padding-bottom: 1rem;
        text-align: center;
    }

        .mobileSecLinkCont .secondaryLinks .nav-item.dropdown {
            position: relative;
            width: 100%;
            padding-bottom: 0;
            padding-top: 0;
        }

            .mobileSecLinkCont .secondaryLinks .nav-item.dropdown .dropdown-toggle {
                background-image: url(icons/action/arrow-circle-gold-down.svg);
                background-size: 18px;
                background-repeat: no-repeat;
                background-position: right 5px center;
                padding-right: 30px;
                padding-left: 15px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                position: relative;
                z-index: 2;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
                width: 100%;
                background-color: #212529;
                margin-left: 0px;
                margin-right: 1px;
                min-width: 80px;
                width: 130px;
            }

                .mobileSecLinkCont .secondaryLinks .nav-item.dropdown .dropdown-toggle:after {
                    display: none;
                }

                .mobileSecLinkCont .secondaryLinks .nav-item.dropdown .dropdown-toggle .userIcon {
                    height: 30px;
                    -ms-flex: 0 0 30px;
                    -webkit-box-flex: 0;
                    flex: 0 0 30px;
                    max-width: 30px;
                    background-repeat: no-repeat;
                    background-position: center;
                    border-radius: 50%;
                    background-size: cover;
                }

                .mobileSecLinkCont .secondaryLinks .nav-item.dropdown .dropdown-toggle .text {
                    -ms-flex: 1 1 auto;
                    -webkit-box-flex: 1;
                    flex: 1 1 auto;
                    padding-left: 10px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    font-weight: 700;
                    text-align: left;
                    color: #fff;
                }

                .mobileSecLinkCont .secondaryLinks .nav-item.dropdown .dropdown-toggle:focus {
                    outline: none;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                }

            .mobileSecLinkCont .secondaryLinks .nav-item.dropdown .dropdown-menu {
                position: fixed;
                left: 0.5rem;
                right: 0.5rem;
                top: 5rem;
                border-radius: 0;
                margin-top: 0;
                background-color: #212529;
                border: none;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
                padding-top: 0px;
                border-radius: 1.25rem;
                display: block;
                visibility: hidden;
                opacity: 0;
                z-index: 1;
                -webkit-transform: none !important;
                transform: none !important;
                margin-top: 0;
                padding-left: 1.6rem;
                padding-right: 1.6rem;
                border-top: none;
            }

                .mobileSecLinkCont .secondaryLinks .nav-item.dropdown .dropdown-menu .dropdown-item {
                    color: #fff;
                    padding: 1.5rem 1.5rem;
                    padding-left: 2rem;
                    background-color: transparent !important;
                    background-position: left 5px center;
                    background-repeat: no-repeat;
                    background-size: 0.9rem;
                    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
                    text-transform: uppercase;
                    font-size: 1rem;
                }

                    .mobileSecLinkCont .secondaryLinks .nav-item.dropdown .dropdown-menu .dropdown-item:last-child {
                        border-bottom: none;
                    }

                    .mobileSecLinkCont .secondaryLinks .nav-item.dropdown .dropdown-menu .dropdown-item:nth-child(1) {
                        background-image: url(icons/profile/user.svg);
                    }

                    .mobileSecLinkCont .secondaryLinks .nav-item.dropdown .dropdown-menu .dropdown-item:nth-child(2) {
                        background-image: url(icons/profile/logout.svg);
                    }

            .mobileSecLinkCont .secondaryLinks .nav-item.dropdown.show .dropdown-toggle {
                background-image: url(icons/action/arrow-circle-gold-up.svg);
            }

            .mobileSecLinkCont .secondaryLinks .nav-item.dropdown.show .dropdown-menu {
                visibility: visible;
                opacity: 1;
            }

.mobileNavCont {
    display: block;
    visibility: hidden;
    position: fixed;
    z-index: 999;
    right: -100%;
    width: 100%;
    top: 5rem;
    bottom: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 992px) {
    .mobileNavCont {
        display: none;
    }
}

.mobileNavCont.active {
    visibility: visible;
    right: 0;
}

.mobileNavCont .mobileNavWrap {
    width: 100%;
    max-width: 300px;
    background-color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 9;
}

.mobileNavCont .mobileNavOveraly {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.mobileNavCont ul.primaryLinks {
    padding: 1rem 1.5rem;
}

    .mobileNavCont ul.primaryLinks li {
        margin-bottom: 1rem;
    }

        .mobileNavCont ul.primaryLinks li a {
            color: #fff;
            text-transform: uppercase;
            display: block;
            padding: 0.8rem 0rem;
            border-bottom: 1px solid rgba(207, 165, 75, 0.4);
            padding-left: 2rem;
            background-position: left center;
            background-size: 1.1rem;
            background-repeat: no-repeat;
            font-size: 1.1rem;
        }

            .mobileNavCont ul.primaryLinks li a.termsConditions {
                background-image: url(icons/mobile-nav/terms-conditions.svg);
            }

            .mobileNavCont ul.primaryLinks li a.howItWorks {
                background-image: url(icons/mobile-nav/how-it-works.svg);
            }

            .mobileNavCont ul.primaryLinks li a.tournements {
                background-image: url(icons/mobile-nav/tournements.svg);
            }

            .mobileNavCont ul.primaryLinks li a.aboutUs {
                background-image: url(icons/mobile-nav/about.svg);
            }

            .mobileNavCont ul.primaryLinks li a.contactUs {
                background-image: url(icons/mobile-nav/contact.svg);
            }

            .mobileNavCont ul.primaryLinks li a.faq {
                background-image: url(icons/mobile-nav/faq.svg);
            }

        .mobileNavCont ul.primaryLinks li:last-child {
            margin-bottom: 0;
        }

            .mobileNavCont ul.primaryLinks li:last-child a {
                border-bottom: none;
            }

        .mobileNavCont ul.primaryLinks li.active a {
            color: #cfa54b;
        }

            .mobileNavCont ul.primaryLinks li.active a.termsConditions {
                background-image: url(icons/mobile-nav/terms-conditions-y.svg);
            }

            .mobileNavCont ul.primaryLinks li.active a.howItWorks {
                background-image: url(icons/mobile-nav/how-it-works-y.svg);
            }

            .mobileNavCont ul.primaryLinks li.active a.tournements {
                background-image: url(icons/mobile-nav/tournements-y.svg);
            }

            .mobileNavCont ul.primaryLinks li.active a.aboutUs {
                background-image: url(icons/mobile-nav/about-y.svg);
            }

            .mobileNavCont ul.primaryLinks li.active a.contactUs {
                background-image: url(icons/mobile-nav/contact-y.svg);
            }

            .mobileNavCont ul.primaryLinks li.active a.faq {
                background-image: url(icons/mobile-nav/faq-y.svg);
            }

.footer {
    margin-top: auto;
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
    position: relative;
    background-image: linear-gradient(88deg, rgba(0, 0, 0, 0) 6%, #141117 29%);
}

@media (max-width: 767px) {
    .footer {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

.footer::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: url(../images/overlay/footer-overlay.png);
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
}

@media (max-width: 767px) {
    .footer::after {
        opacity: 0.3;
    }
}

@media (max-width: 767px) {
    .footer {
        background: #141117;
    }
}

.footer .footerMain {
    position: relative;
    z-index: 2;
}

    .footer .footerMain .footerGrid.borderedGrid {
        border-left: 1px solid rgba(255, 255, 255, 0.15);
    }

    .footer .footerMain .footerGrid .footerDescGrid .desc {
        color: #fff;
        font-weight: 300;
    }

@media (max-width: 767px) {
    .footer .footerMain .footerGrid .footerDescGrid {
        margin-bottom: 15px;
    }
}

@media (max-width: 767px) {
    .footer .footerMain .footerGrid .footerLinksRow {
        margin-bottom: 15px;
    }
}

.footer .footerMain .footerGrid .footerLinksRow .footerLinksGrid .footerLinks li {
    margin-bottom: 0.625rem;
}

    .footer .footerMain .footerGrid .footerLinksRow .footerLinksGrid .footerLinks li:last-child {
        margin-bottom: 0;
    }

    .footer .footerMain .footerGrid .footerLinksRow .footerLinksGrid .footerLinks li a {
        color: #fff;
        font-weight: 300;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

        .footer .footerMain .footerGrid .footerLinksRow .footerLinksGrid .footerLinks li a:hover {
            color: #cfa54b;
        }

.footer .footerMain .footerBaseline {
    margin-top: 1.875rem;
}

@media (max-width: 767px) {
    .footer .footerMain .footerBaseline {
        margin-top: 0px;
    }
}

.footer .footerMain .footerBaseline .copyright .copy {
    color: #fff;
    font-weight: 300;
}

    .footer .footerMain .footerBaseline .copyright .copy .link {
        color: #fff;
    }

        .footer .footerMain .footerBaseline .copyright .copy .link:hover {
            color: #cfa54b;
        }

.footer .footerMain .footerBaseline .solution {
    color: #fff;
    font-weight: 300;
    margin: 0;
    text-align: right;
}

    .footer .footerMain .footerBaseline .solution a {
        color: #fff;
        text-decoration: none;
    }

        .footer .footerMain .footerBaseline .solution a:hover {
            color: #cfa54b;
        }

        .footer .footerMain .footerBaseline .solution a.layoutIndex {
            font-weight: 600;
            text-decoration: none;
            display: inline-block;
            vertical-align: middle;
            text-transform: initial;
        }

        .footer .footerMain .footerBaseline .solution a.butterfly {
            background-image: url(icons/butterfly.png);
            padding: 8px 15px;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            display: inline-block;
            vertical-align: middle;
        }

.swiper-container.homeSliderContainer [class^=swiper-button-] {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.swiper-container.homeSliderContainer {
    width: 100%;
    height: 70vh;
    -webkit-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease;
    padding-bottom: 30px;
}

@media (max-width: 991px) {
    .swiper-container.homeSliderContainer {
        height: 50vh;
        padding-bottom: 0;
    }
}

.swiper-container.homeSliderContainer.swiper-container-coverflow {
    padding-top: 2%;
}

@media (max-width: 991px) {
    .swiper-container.homeSliderContainer.swiper-container-coverflow {
        padding-top: 0;
    }
}

.swiper-container.homeSliderContainer.loading {
    opacity: 0;
    visibility: hidden;
}

.swiper-container.homeSliderContainer .swiper-slide {
    background-position: center;
    background-size: cover;
    border-radius: 0.5rem;
    overflow: hidden;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.6);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.6);
}

    .swiper-container.homeSliderContainer .swiper-slide.swiper-slide-active {
        -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5);
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5);
    }

    .swiper-container.homeSliderContainer .swiper-slide:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        display: block;
        background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.76)), color-stop(28%, rgba(0, 0, 0, 0)), color-stop(72%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.76)));
        background: linear-gradient(to right, rgba(0, 0, 0, 0.76) 0%, rgba(0, 0, 0, 0) 28%, rgba(0, 0, 0, 0) 72%, rgba(0, 0, 0, 0.76) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#c2000000", endColorstr="#c2000000",GradientType=1 );
    }

    .swiper-container.homeSliderContainer .swiper-slide .slider-img {
        display: none;
    }

.swiper-container.homeSliderContainer [class^=swiper-button-] {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    border-radius: 50%;
    background-image: none;
    background-color: #1f1f1f;
}

    .swiper-container.homeSliderContainer [class^=swiper-button-]:focus {
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .swiper-container.homeSliderContainer [class^=swiper-button-]:hover {
        background-color: #060606;
    }

    .swiper-container.homeSliderContainer [class^=swiper-button-]:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

.swiper-container.homeSliderContainer .swiper-button-prev {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    left: 50%;
    right: initial;
}

    .swiper-container.homeSliderContainer .swiper-button-prev:after {
        background-image: url(icons/action/arrow-circle-long-gold-left.svg);
    }

.swiper-container.homeSliderContainer .swiper-button-next {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    right: 50%;
    left: initial;
}

    .swiper-container.homeSliderContainer .swiper-button-next:after {
        background-image: url(icons/action/arrow-circle-long-gold-right.svg);
    }

@media (max-width: 991px) {
    .swiper-container.homeSliderContainer {
        width: 80%;
        overflow: visible;
    }
}

.sliderContainer {
    position: relative;
}

.swiper-container.newReleaseSlider {
    height: 58vh;
}

    .swiper-container.newReleaseSlider .swiper-slide .sliderImg {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        top: 0;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .swiper-container.newReleaseSlider .swiper-slide .thumbLink {
        overflow: hidden;
        border-radius: 0.5rem;
    }

        .swiper-container.newReleaseSlider .swiper-slide .thumbLink:hover .sliderImg {
            -webkit-filter: blur(1px);
            filter: blur(1px);
        }

        .swiper-container.newReleaseSlider .swiper-slide .thumbLink:hover .captionCont .captionWrap {
            color: #cfa54b;
        }

    .swiper-container.newReleaseSlider .swiper-slide .captionCont {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        padding: 1.25rem;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(90%, rgba(0, 0, 0, 0.9)));
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 90%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#000000",GradientType=0 );
    }

        .swiper-container.newReleaseSlider .swiper-slide .captionCont .captionWrap {
            color: #fff;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }

            .swiper-container.newReleaseSlider .swiper-slide .captionCont .captionWrap .title {
                text-transform: uppercase;
                font-weight: 800;
            }

.swiper-container.contentPartnersSlider {
    height: 46vh;
}

    .swiper-container.contentPartnersSlider .swiper-slide {
        background-color: #191818;
        padding: 1.875rem;
    }

        .swiper-container.contentPartnersSlider .swiper-slide .partner-logo-wrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch;
            width: 100%;
            height: 100%;
        }

            .swiper-container.contentPartnersSlider .swiper-slide .partner-logo-wrap .partner-logo {
                position: relative;
                height: 100%;
                width: 100%;
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat;
            }

.swiper-container.newReleaseSlider, .swiper-container.contentPartnersSlider, .swiper-container.leaderBoardSlider, .swiper-container.subscribedSlider {
    width: 100%;
    overflow: visible;
    padding-bottom: 1.875rem;
}

@media (max-width: 767px) {
    .swiper-container.newReleaseSlider, .swiper-container.contentPartnersSlider, .swiper-container.leaderBoardSlider, .swiper-container.subscribedSlider {
        height: 400px;
    }
}

.swiper-container.newReleaseSlider .swiper-slide, .swiper-container.contentPartnersSlider .swiper-slide, .swiper-container.leaderBoardSlider .swiper-slide, .swiper-container.subscribedSlider .swiper-slide {
    border-radius: 0.5rem;
    overflow: hidden;
    -webkit-transition: opacity 0.1s;
    transition: opacity 0.1s;
    opacity: 0.5;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5);
    width: 268px;
}

    .swiper-container.newReleaseSlider .swiper-slide .thumbLink, .swiper-container.contentPartnersSlider .swiper-slide .thumbLink, .swiper-container.leaderBoardSlider .swiper-slide .thumbLink, .swiper-container.subscribedSlider .swiper-slide .thumbLink {
        position: relative;
        height: 100%;
        width: 100%;
        display: block;
    }

    .swiper-container.newReleaseSlider .swiper-slide.currentSlide, .swiper-container.contentPartnersSlider .swiper-slide.currentSlide, .swiper-container.leaderBoardSlider .swiper-slide.currentSlide, .swiper-container.subscribedSlider .swiper-slide.currentSlide {
        opacity: 1;
    }

    .swiper-container.newReleaseSlider .swiper-slide .slider-img, .swiper-container.contentPartnersSlider .swiper-slide .slider-img, .swiper-container.leaderBoardSlider .swiper-slide .slider-img, .swiper-container.subscribedSlider .swiper-slide .slider-img {
        display: none;
    }

.swiper-container.leaderBoardSlider, .swiper-container.subscribedSlider {
    height: 30vh;
}

@media (max-width: 767px) {
    .swiper-container.leaderBoardSlider, .swiper-container.subscribedSlider {
        height: 30vh;
    }
}

.swiper-container.leaderBoardSlider .swiper-slide, .swiper-container.subscribedSlider .swiper-slide {
    background-color: #191818;
    padding: 0;
    overflow: visible !important;
    cursor: pointer;
}

    .swiper-container.leaderBoardSlider .swiper-slide .leader-board-wrap, .swiper-container.subscribedSlider .swiper-slide .leader-board-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100%;
        height: 100%;
        opacity: 0.7;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

        .swiper-container.leaderBoardSlider .swiper-slide .leader-board-wrap .leader-board-img, .swiper-container.subscribedSlider .swiper-slide .leader-board-wrap .leader-board-img {
            border-radius: 0.5rem;
            position: relative;
            height: 100%;
            width: 100%;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
        }

    .swiper-container.leaderBoardSlider .swiper-slide .game-logo-wrap, .swiper-container.subscribedSlider .swiper-slide .game-logo-wrap {
        border-radius: 0.5rem;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        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;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

        .swiper-container.leaderBoardSlider .swiper-slide .game-logo-wrap .game-logo, .swiper-container.subscribedSlider .swiper-slide .game-logo-wrap .game-logo {
            height: 8vh;
            width: 70%;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            opacity: 0.8;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }

        .swiper-container.leaderBoardSlider .swiper-slide .game-logo-wrap .btnWrap, .swiper-container.subscribedSlider .swiper-slide .game-logo-wrap .btnWrap {
            margin-top: 1.5rem;
        }

            .swiper-container.leaderBoardSlider .swiper-slide .game-logo-wrap .btnWrap .btnPrimary, .swiper-container.subscribedSlider .swiper-slide .game-logo-wrap .btnWrap .btnPrimary {
                border-radius: 0.4rem;
                padding: 0.3rem 0.9rem;
                font-size: 0.9rem;
            }

    .swiper-container.leaderBoardSlider .swiper-slide:after, .swiper-container.subscribedSlider .swiper-slide:after {
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        content: "";
        height: 0.15rem;
        display: block;
        position: absolute;
        bottom: -0.8rem;
        left: 1.5rem;
        right: 1.5rem;
        background-color: transparent;
    }

    .swiper-container.leaderBoardSlider .swiper-slide:hover .leader-board-wrap, .swiper-container.subscribedSlider .swiper-slide:hover .leader-board-wrap {
        opacity: 1;
    }

    .swiper-container.leaderBoardSlider .swiper-slide:hover .leader-board-wrap, .swiper-container.leaderBoardSlider .swiper-slide.slide-active .leader-board-wrap, .swiper-container.subscribedSlider .swiper-slide:hover .leader-board-wrap, .swiper-container.subscribedSlider .swiper-slide.slide-active .leader-board-wrap {
        opacity: 1;
    }

    .swiper-container.leaderBoardSlider .swiper-slide:hover .game-logo-wrap, .swiper-container.leaderBoardSlider .swiper-slide.slide-active .game-logo-wrap, .swiper-container.subscribedSlider .swiper-slide:hover .game-logo-wrap, .swiper-container.subscribedSlider .swiper-slide.slide-active .game-logo-wrap {
        background-color: rgba(0, 0, 0, 0.2);
    }

        .swiper-container.leaderBoardSlider .swiper-slide:hover .game-logo-wrap .game-logo, .swiper-container.leaderBoardSlider .swiper-slide.slide-active .game-logo-wrap .game-logo, .swiper-container.subscribedSlider .swiper-slide:hover .game-logo-wrap .game-logo, .swiper-container.subscribedSlider .swiper-slide.slide-active .game-logo-wrap .game-logo {
            opacity: 1;
        }

    .swiper-container.leaderBoardSlider .swiper-slide:hover:after, .swiper-container.leaderBoardSlider .swiper-slide.slide-active:after, .swiper-container.subscribedSlider .swiper-slide:hover:after, .swiper-container.subscribedSlider .swiper-slide.slide-active:after { /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
        background: -webkit-gradient(linear, left top, right top, from(rgba(44, 43, 0, 0)), color-stop(50%, rgb(207, 165, 75)), color-stop(99%, rgba(47, 45, 2, 0)), to(rgba(44, 43, 0, 0)));
        background: linear-gradient(to right, rgba(44, 43, 0, 0) 0%, rgb(207, 165, 75) 50%, rgba(47, 45, 2, 0) 99%, rgba(44, 43, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#002c2b00", endColorstr="#002c2b00",GradientType=1 ); /* IE6-9 */
    }

.newsCardGrid {
    padding-bottom: 20px;
}

@media (min-width: 768px) {
    .newsCardGrid.newsCardLgGrid .newsCardCont {
        height: 100%;
    }

        .newsCardGrid.newsCardLgGrid .newsCardCont .newsCardWrap {
            height: 100%;
        }

            .newsCardGrid.newsCardLgGrid .newsCardCont .newsCardWrap .newsCard {
                height: 100%;
            }

                .newsCardGrid.newsCardLgGrid .newsCardCont .newsCardWrap .newsCard .cardImgWrap {
                    height: 100%;
                }

                    .newsCardGrid.newsCardLgGrid .newsCardCont .newsCardWrap .newsCard .cardImgWrap .cardBgImg {
                        height: 100%;
                        background-position: center;
                        background-repeat: no-repeat;
                        background-size: cover;
                    }

                    .newsCardGrid.newsCardLgGrid .newsCardCont .newsCardWrap .newsCard .cardImgWrap .cardImg {
                        display: none;
                    }

                .newsCardGrid.newsCardLgGrid .newsCardCont .newsCardWrap .newsCard .playIconWrap {
                    position: absolute;
                    right: 1.563rem;
                    top: 1.563rem;
                    display: none;
                }

                    .newsCardGrid.newsCardLgGrid .newsCardCont .newsCardWrap .newsCard .playIconWrap .playIcon {
                        width: 5.375rem;
                        height: 5.375rem;
                        background-color: #fb5050;
                    }

                        .newsCardGrid.newsCardLgGrid .newsCardCont .newsCardWrap .newsCard .playIconWrap .playIcon:after {
                            background-size: 1.938rem;
                        }

                    .newsCardGrid.newsCardLgGrid .newsCardCont .newsCardWrap .newsCard .playIconWrap:hover .playIcon {
                        background-color: #fa1e1e;
                    }
}

@media (max-width: 767px) {
    .newsCardGrid.newsCardLgGrid .newsCardCont .newsCardWrap .captionCont .captionWrap .title {
        font-size: 2rem;
    }
}

.newsCardGrid .newsCardCont {
    position: relative;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5);
    border-radius: 8px;
}

    .newsCardGrid .newsCardCont .newsCardWrap .newsCard .cardImgWrap .cardBgImg, .newsCardGrid .newsCardCont .newsCardWrap .newsCard .cardImgWrap .cardImg {
        border-radius: 8px;
        width: 100%;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .newsCardGrid .newsCardCont .newsCardWrap:hover .newsCard .cardImgWrap .cardBgImg, .newsCardGrid .newsCardCont .newsCardWrap:hover .newsCard .cardImgWrap .cardImg {
        -webkit-filter: blur(1px);
        filter: blur(1px);
    }

    .newsCardGrid .newsCardCont .newsCardWrap .playIconWrap {
        position: absolute;
        right: 1.563rem;
        top: 1.563rem;
        z-index: 2;
        display: none;
    }

        .newsCardGrid .newsCardCont .newsCardWrap .playIconWrap .playIcon {
            position: relative;
            width: 4.25rem;
            height: 4.25rem;
            background-color: #6b4dc4;
            border-radius: 50%;
            -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
            box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }

            .newsCardGrid .newsCardCont .newsCardWrap .playIconWrap .playIcon:after {
                content: "";
                display: block;
                position: absolute;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                background-size: 1.438rem;
                background-repeat: no-repeat;
                background-position: center;
                background-image: url(icons/action/play-white.svg);
            }

        .newsCardGrid .newsCardCont .newsCardWrap .playIconWrap:hover .playIcon {
            background-color: #5337a7;
        }

    .newsCardGrid .newsCardCont .newsCardWrap .captionCont {
        border-radius: 8px;
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        top: 0;
        padding: 1.25rem;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(90%, rgba(0, 0, 0, 0.9)));
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 90%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#000000",GradientType=0 );
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

        .newsCardGrid .newsCardCont .newsCardWrap .captionCont .captionWrap {
            color: #fff;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }

            .newsCardGrid .newsCardCont .newsCardWrap .captionCont .captionWrap .title {
                font-weight: 800;
                line-height: 1em;
            }

            .newsCardGrid .newsCardCont .newsCardWrap .captionCont .captionWrap .desc {
                opacity: 0.9;
            }

        .newsCardGrid .newsCardCont .newsCardWrap .captionCont:hover .captionWrap {
            color: #cfa54b;
        }

    .newsCardGrid .newsCardCont .newsCardWrap .newsCard .cardImgWrap .cardBgImg {
        height: 50vh;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

.newsCardRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0px;
    margin-right: 0px;
}

@media (min-width: 768px) {
    .newsCardRow {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: -30px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media (max-width: 767px) {
    .newsCardRow {
        overflow: auto;
        padding-left: 8px;
    }
}

.newsCardRow .newsCardGrid {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 280px;
    flex: 0 0 280px;
    max-width: 280px;
    padding-left: 6px;
    padding-right: 6px;
}

@media (min-width: 768px) {
    .newsCardRow .newsCardGrid {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 30px;
    }
}

@media (min-width: 768px) {
    .newsCardRow .newsCardGrid.sizeTwo {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

@media (min-width: 768px) {
    .newsCardRow .newsCardGrid.sizeOne {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
}

.accordion .cardCont .cardHeader {
    cursor: pointer;
}

    .accordion .cardCont .cardHeader .title {
        padding-bottom: 15px;
        padding-top: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 300;
        letter-spacing: 1px;
        color: #fff;
        border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    }

        .accordion .cardCont .cardHeader .title .text {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        }

        .accordion .cardCont .cardHeader .title .icon {
            width: 10px;
            height: 10px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            background-image: url(icons/action/arrow-down-white.svg);
        }

        .accordion .cardCont .cardHeader .title[aria-expanded=true] {
            font-weight: 600;
            border-bottom-color: transparent;
        }

            .accordion .cardCont .cardHeader .title[aria-expanded=true] .icon {
                background-image: url(icons/action/arrow-up-gray.svg);
            }

.accordion .cardCont .cardBodyCont {
    color: #fff;
    border-bottom: 1px solid transparent;
}

    .accordion .cardCont .cardBodyCont.show {
        border-bottom-color: rgba(255, 255, 255, 0.16);
    }

    .accordion .cardCont .cardBodyCont .mediaCont {
        padding-top: 0px;
        padding-bottom: 15px;
    }

        .accordion .cardCont .cardBodyCont .mediaCont .mediaRow {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-left: -15px;
            margin-right: -15px;
        }

            .accordion .cardCont .cardBodyCont .mediaCont .mediaRow .mediaGrid {
                -webkit-box-flex: 1;
                -ms-flex: 1 1 auto;
                flex: 1 1 auto;
                padding-left: 15px;
                padding-right: 15px;
            }

.bannerCont {
    margin-bottom: 1.5rem;
}

    .bannerCont .bannerWrap .bannerImg {
        height: 65vh;
        position: relative;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

@media (max-width: 575px) {
    .bannerCont .bannerWrap .bannerImg {
        height: 40vh;
    }
}

.bannerCont .bannerWrap .bannerImg .bannerOverlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgb(0, 0, 0)), color-stop(21%, rgba(0, 0, 0, 0.12)), color-stop(80%, rgba(0, 0, 0, 0.12)), to(rgb(0, 0, 0)));
    background: linear-gradient(to right, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 21%, rgba(0, 0, 0, 0.12) 80%, rgb(0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#000000",GradientType=1 ); /* IE6-9 */
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.gameplayCardRow {
    margin-top: -2rem;
}

    .gameplayCardRow .gameplayCardGrid {
        padding-top: 2rem;
    }

.gameplayCard {
    display: block;
    border-radius: 0.5rem;
    -webkit-box-shadow: 0 10px 25px 0 rgba(31, 31, 31, 0.5);
    box-shadow: 0 10px 25px 0 rgba(31, 31, 31, 0.5);
    overflow: hidden;
}

.modal {
    background-color: rgba(31, 31, 31, 0.55);
}

    .modal .modal-dialog {
        max-width: 40rem;
    }

        .modal .modal-dialog .modal-content {
            border: 2px solid #cfa54b;
            position: relative;
            background-color: #222222;
            color: #fff;
            text-align: center;
            border-radius: 0.5rem;
        }

            .modal .modal-dialog .modal-content .closeBtn {
                position: absolute;
                right: 0.9rem;
                top: 0.9rem;
                background-color: transparent;
                border: none;
                outline: none;
                opacity: 1;
                z-index: 6;
            }

                .modal .modal-dialog .modal-content .closeBtn .icon {
                    width: 2rem;
                    height: 2rem;
                    background-size: 1.3rem;
                    background-repeat: no-repeat;
                    background-position: center;
                }

                    .modal .modal-dialog .modal-content .closeBtn .icon.closeIcon {
                        background-image: url(icons/action/cross-yellow.svg);
                    }

                .modal .modal-dialog .modal-content .closeBtn:hover {
                    opacity: 0.8;
                }

        .modal .modal-dialog .modalBody {
            padding: 3.5rem;
        }

@media (max-width: 575px) {
    .modal .modal-dialog .modalBody {
        padding: 2rem;
    }
}

.modal .modal-dialog .modalBody .heading {
    margin-bottom: 2rem;
    text-align: center;
}

    .modal .modal-dialog .modalBody .heading .modalTitle {
        font-weight: 700;
        text-transform: uppercase;
    }

.modal .modal-dialog .modalBody .detailWrap, .modal .modal-dialog .modalBody .messageWrap {
    margin-bottom: 2rem;
}

.modal .modal-dialog .modalBody .iconCont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 2rem;
}

    .modal .modal-dialog .modalBody .iconCont .iconWrap .icon {
        width: 8rem;
        height: 8rem;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

        .modal .modal-dialog .modalBody .iconCont .iconWrap .icon.error {
            background-image: url(icons/alert/error-mark.svg);
        }

        .modal .modal-dialog .modalBody .iconCont .iconWrap .icon.success {
            background-image: url(icons/alert/success-mark.svg);
        }

.modal .modal-dialog .modalBody .loaderCont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 2rem;
}

    .modal .modal-dialog .modalBody .loaderCont .loaderWrap .loader {
        display: inline-block;
        width: 2.5rem;
        height: 2.5rem;
        color: inherit;
        vertical-align: middle;
        pointer-events: none;
        border: 0.25rem solid #cfa54b;
        border-bottom-color: transparent;
        border-radius: 50%;
        -webkit-animation: 1s loader linear infinite;
        animation: 1s loader linear infinite;
        position: relative;
    }

.modal .modal-dialog .modalBody .modalFormWrap {
    max-width: 20rem;
    margin: auto;
}

    .modal .modal-dialog .modalBody .modalFormWrap .btnFormGroup {
        margin-top: 2.5rem;
    }

.modal .modal-dialog .actionRow {
    margin-left: -0.9rem;
    margin-right: -0.9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .modal .modal-dialog .actionRow .actionGrid {
        padding-left: 0.9rem;
        padding-right: 0.9rem;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

        .modal .modal-dialog .actionRow .actionGrid .btnPrimary, .modal .modal-dialog .actionRow .actionGrid .btnSecondary {
            width: 100%;
            border-radius: 1.5rem;
        }

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

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

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

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

.shareModal .modal-dialog .shareModalContent {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: 0px solid #1f1f1f;
}

    .shareModal .modal-dialog .shareModalContent:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(34, 34, 34, 0.9);
    }

    .shareModal .modal-dialog .shareModalContent .closeBtn {
        z-index: 2;
    }

    .shareModal .modal-dialog .shareModalContent .modalBody {
        z-index: 1;
        padding: 2.5rem;
    }

        .shareModal .modal-dialog .shareModalContent .modalBody .heading .logoWrap .logoImg {
            margin: auto;
            width: 13rem;
            height: 5rem;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

        .shareModal .modal-dialog .shareModalContent .modalBody .heading .sessionDate {
            margin-top: 0.5rem;
            text-align: center;
        }

        .shareModal .modal-dialog .shareModalContent .modalBody .rankCont {
            margin-bottom: 1.5rem;
        }

            .shareModal .modal-dialog .shareModalContent .modalBody .rankCont .rankRow {
                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;
                margin-left: -1rem;
                margin-right: -1rem;
            }

                .shareModal .modal-dialog .shareModalContent .modalBody .rankCont .rankRow .rankGrid {
                    padding-left: 1rem;
                    padding-right: 1rem;
                }

                    .shareModal .modal-dialog .shareModalContent .modalBody .rankCont .rankRow .rankGrid .infoWrap .infoTxt {
                        text-transform: uppercase;
                        line-height: 1em;
                        margin-bottom: 0.4rem;
                    }

                    .shareModal .modal-dialog .shareModalContent .modalBody .rankCont .rankRow .rankGrid .infoWrap .infoNo {
                        font-weight: 700;
                        line-height: 1em;
                    }

                .shareModal .modal-dialog .shareModalContent .modalBody .rankCont .rankRow .rankImgWrap {
                    max-width: 13rem;
                }

        .shareModal .modal-dialog .shareModalContent .modalBody .detailWrap {
            text-align: center;
        }

            .shareModal .modal-dialog .shareModalContent .modalBody .detailWrap .detail {
                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;
                margin-bottom: 0.5rem;
            }

                .shareModal .modal-dialog .shareModalContent .modalBody .detailWrap .detail:last-child {
                    margin-bottom: 0;
                }

                .shareModal .modal-dialog .shareModalContent .modalBody .detailWrap .detail .fullName {
                    padding-left: 0.8rem;
                }

        .shareModal .modal-dialog .shareModalContent .modalBody .modalFormWrap {
            max-width: 100%;
        }

            .shareModal .modal-dialog .shareModalContent .modalBody .modalFormWrap .shareBtnRow {
                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;
            }

                .shareModal .modal-dialog .shareModalContent .modalBody .modalFormWrap .shareBtnRow .shareBtnGrid .shareBtn {
                    display: block;
                    font-weight: 700;
                    text-transform: uppercase;
                    padding: 0.5rem 2rem 0.5rem 4rem;
                    color: #fff;
                    border-radius: 5rem;
                    background-size: 1.2rem;
                    background-position: left 2rem center;
                    background-repeat: no-repeat;
                    -webkit-transition: all 0.3s;
                    transition: all 0.3s;
                }

                    .shareModal .modal-dialog .shareModalContent .modalBody .modalFormWrap .shareBtnRow .shareBtnGrid .shareBtn.fbBtn {
                        background-color: #4871A9;
                        background-image: url(icons/share/fb-icon.svg);
                    }

                        .shareModal .modal-dialog .shareModalContent .modalBody .modalFormWrap .shareBtnRow .shareBtnGrid .shareBtn.fbBtn:hover {
                            background-color: #395985;
                        }

.tableSection .tableGrid {
    margin-right: -0.6rem;
}

    .tableSection .tableGrid .tableResponsive.maxSixItemTable, .tableSection .tableGrid .tableResponsive.maxTenItemTable {
        overflow: auto;
        padding-right: 0.5rem;
    }

@media (min-width: 768px) {
    .tableSection .tableGrid .tableResponsive.maxSixItemTable::-webkit-scrollbar, .tableSection .tableGrid .tableResponsive.maxTenItemTable::-webkit-scrollbar {
        width: 0.5rem;
    }
}

.tableSection .tableGrid .tableResponsive.maxSixItemTable::-webkit-scrollbar-thumb, .tableSection .tableGrid .tableResponsive.maxTenItemTable::-webkit-scrollbar-thumb {
    background-color: #cfa54b;
}

@media (min-width: 768px) {
    .tableSection .tableGrid .tableResponsive.maxSixItemTable::-webkit-scrollbar-thumb, .tableSection .tableGrid .tableResponsive.maxTenItemTable::-webkit-scrollbar-thumb {
        border-radius: 1rem;
    }
}

.tableSection .tableGrid .tableResponsive.maxSixItemTable {
    max-height: 44.5rem;
}

.tableSection .tableGrid .tableResponsive.maxTenItemTable {
    max-height: 70.5rem;
}

.tableSection .tableGrid .tableResponsive .dataTables_scrollBody {
    padding-right: 0.5rem;
}

    .tableSection .tableGrid .tableResponsive .dataTables_scrollBody::-webkit-scrollbar {
        width: 0.5rem;
    }

    .tableSection .tableGrid .tableResponsive .dataTables_scrollBody::-webkit-scrollbar-thumb {
        background-color: #cfa54b;
        border-radius: 1rem;
    }

.tableSection .tableGrid .tableResponsive .table {
    margin-bottom: 0;
}

    .tableSection .tableGrid .tableResponsive .table tr th, .tableSection .tableGrid .tableResponsive .table tr td {
        border: none;
        color: #fff;
        font-size: 1rem;
        line-height: 1.6rem;
    }

        .tableSection .tableGrid .tableResponsive .table tr th:first-child .item, .tableSection .tableGrid .tableResponsive .table tr td:first-child .item {
            border-top-left-radius: 0.6rem;
            border-bottom-left-radius: 0.6rem;
        }

        .tableSection .tableGrid .tableResponsive .table tr th:nth-child(2), .tableSection .tableGrid .tableResponsive .table tr td:nth-child(2) {
            text-align: center;
        }

        .tableSection .tableGrid .tableResponsive .table tr th:last-child .item, .tableSection .tableGrid .tableResponsive .table tr td:last-child .item {
            border-top-right-radius: 0.6rem;
            border-bottom-right-radius: 0.6rem;
        }

        .tableSection .tableGrid .tableResponsive .table tr th .item, .tableSection .tableGrid .tableResponsive .table tr td .item {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 100%;
        }

    .tableSection .tableGrid .tableResponsive .table thead tr th {
        text-transform: uppercase;
        font-weight: 600;
        padding: 0;
    }

        .tableSection .tableGrid .tableResponsive .table thead tr th .item {
            padding: 1rem 1.3rem;
            background-color: #21262C;
        }

    .tableSection .tableGrid .tableResponsive .table tbody tr td {
        position: relative;
        padding: 0;
        padding-top: 1rem;
    }

        .tableSection .tableGrid .tableResponsive .table tbody tr td:first-child {
            min-width: 200px;
        }

        .tableSection .tableGrid .tableResponsive .table tbody tr td .item {
            background-color: #272D33;
            padding: 2rem 1rem;
            font-weight: 300;
        }

            .tableSection .tableGrid .tableResponsive .table tbody tr td .item.imgItem {
                position: absolute;
                left: 0;
                top: 1rem;
                bottom: 0;
                right: 0;
                padding: 0;
            }

            .tableSection .tableGrid .tableResponsive .table tbody tr td .item.price {
                font-weight: 700;
            }

    .tableSection .tableGrid .tableResponsive .table .item .imgWrap {
        height: 100%;
        position: relative;
        width: 100%;
    }

        .tableSection .tableGrid .tableResponsive .table .item .imgWrap .img {
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            height: 100%;
            width: 100%;
        }

        .tableSection .tableGrid .tableResponsive .table .item .imgWrap .noWrap {
            position: absolute;
            padding-left: 1.5rem;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+17,000000+100&0.8+17,0+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
            background: -webkit-gradient(linear, left top, right top, color-stop(17%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
            background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 17%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#cc000000", endColorstr="#00000000",GradientType=1 ); /* IE6-9 */
        }

            .tableSection .tableGrid .tableResponsive .table .item .imgWrap .noWrap .no {
                color: #cfa54b;
                font-weight: 600;
                font-family: "Roboto", "courier", sans-serif;
            }

        .tableSection .tableGrid .tableResponsive .table .item .imgWrap:after {
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            display: block;
            height: 100%;
            left: 0;
            background-repeat: no-repeat;
            background-position: right -3px top;
            background-size: contain;
            background-image: url(overlay/table-img-overlay.svg);
        }

.gameImgTable tbody tr td .item {
    border: 1px solid transparent;
}

.gameImgTable tbody tr td:first-child {
    width: 20rem;
}

    .gameImgTable tbody tr td:first-child .item:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 0.5rem;
        display: block;
        background-color: transparent;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

.mfp-container .mfp-content {
    border-radius: 0.5rem;
    overflow: hidden;
}

    .mfp-container .mfp-content .mfp-close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 99;
        width: 60px;
        height: 60px;
        opacity: 1;
        overflow: hidden;
        text-indent: -9999px;
        background-image: url(icons/action/magnific-close.svg);
        background-position: right top;
        background-repeat: no-repeat;
        background-size: contain;
        color: transparent;
    }

.mfp-container.mfp-image-holder {
    padding: 1.5rem;
}

.navTabCont {
    margin-top: 20px;
}

    .navTabCont .navTabWrap .nav-tabs {
        border: none;
    }

        .navTabCont .navTabWrap .nav-tabs li {
            position: relative;
            -webkit-box-flex: 0;
        }

            .navTabCont .navTabWrap .nav-tabs li a {
                border-radius: 0;
                background-color: transparent;
                color: #fff;
                font-weight: 400;
                border: none;
                letter-spacing: 1px;
                text-transform: uppercase;
                text-align: center;
            }

            .navTabCont .navTabWrap .nav-tabs li .active {
                font-weight: 700;
                color: #fff;
            }

                .navTabCont .navTabWrap .nav-tabs li .active::after {
                    content: "";
                    display: block;
                    position: absolute;
                    left: 1rem;
                    right: 1rem;
                    bottom: 0;
                    height: 3px;
                    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(44, 43, 0, 0)), color-stop(50%, #cfa54b), color-stop(99%, rgba(47, 45, 2, 0)), to(rgba(44, 43, 0, 0)));
                    background: linear-gradient(to right, rgba(44, 43, 0, 0) 0, #cfa54b 50%, rgba(47, 45, 2, 0) 99%, rgba(44, 43, 0, 0) 100%);
                }

.verticle-tabs__wrapper .nav.nav-pills a.nav-link {
    padding: 0.8rem 1.3rem;
    color: #fff;
    border-radius: 0;
    text-transform: uppercase;
    text-align: center;
    border: solid 1px rgba(255, 255, 255, 0.3215686275);
    opacity: 0.7;
}

    .verticle-tabs__wrapper .nav.nav-pills a.nav-link:not(:last-child) {
        border-bottom-color: transparent;
    }

    .verticle-tabs__wrapper .nav.nav-pills a.nav-link.active {
        border-right: transparent;
        opacity: 1;
        font-weight: 600;
        background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(44, 43, 0, 0)), color-stop(50%, #cfa54b), color-stop(99%, rgba(47, 45, 2, 0)), to(rgba(44, 43, 0, 0)));
        background: linear-gradient(to right, rgba(44, 43, 0, 0) 0, #cfa54b 50%, rgba(47, 45, 2, 0) 99%, rgba(44, 43, 0, 0) 100%);
    }

.verticle-tabs__wrapper .tab-content .tab-pane {
    color: #fff;
}

.bannerSection .bannerMdCont {
    height: 35vh;
    position: relative;
}

    .bannerSection .bannerMdCont .edit-btn-cover {
        position: absolute;
        top: 15px;
        right: 25px;
        z-index: 11;
        border-radius: 50%;
        height: 30px;
        width: 30px;
        background-color: rgba(255, 255, 255, 0.3098039216);
        border: 2.5px solid #fff;
        padding: 0;
        opacity: 0.4;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

        .bannerSection .bannerMdCont .edit-btn-cover .icon {
            width: 30px;
            height: 15px;
            margin: 0;
        }

        .bannerSection .bannerMdCont .edit-btn-cover:hover {
            opacity: 1;
            -webkit-transition: 0.4s;
            transition: 0.4s;
        }

    .bannerSection .bannerMdCont .edit-btn-profile {
        position: absolute;
        top: 10px;
        left: 110px;
        z-index: 11;
        border-radius: 50%;
        height: 30px;
        width: 30px;
        background-color: rgba(255, 255, 255, 0.3098039216);
        border: 2.5px solid #fff;
        padding: 0;
        opacity: 0.4;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

        .bannerSection .bannerMdCont .edit-btn-profile .icon {
            width: 30px;
            height: 15px;
            margin: 0;
        }

        .bannerSection .bannerMdCont .edit-btn-profile:hover {
            opacity: 1;
            -webkit-transition: 0.4s;
            transition: 0.4s;
        }

    .bannerSection .bannerMdCont .main-content-wrapper {
        position: absolute;
        bottom: 20px;
        left: 25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .bannerSection .bannerMdCont .main-content-wrapper .logo-holder {
            height: 150px;
            width: 150px;
            min-height: 150px;
            min-width: 150px;
            background-size: cover;
            border-radius: 0.8rem;
            position: relative;
            -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.35);
            box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.35);
        }

            .bannerSection .bannerMdCont .main-content-wrapper .logo-holder .status-indicator {
                width: 16px;
                height: 16px;
                background-color: #d9d9d9;
                border-radius: 50%;
                border: solid 3px #363636;
                bottom: 10px;
                left: 117px;
                position: absolute;
            }

                .bannerSection .bannerMdCont .main-content-wrapper .logo-holder .status-indicator.live {
                    background-color: #1dde4b;
                }

                .bannerSection .bannerMdCont .main-content-wrapper .logo-holder .status-indicator.busy {
                    background-color: #ed1c24;
                }

        .bannerSection .bannerMdCont .main-content-wrapper .title__wrapper {
            margin-left: 30px;
            color: #ffffff;
        }

            .bannerSection .bannerMdCont .main-content-wrapper .title__wrapper h4.title {
                font-size: 28px;
                font-weight: 700;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

                .bannerSection .bannerMdCont .main-content-wrapper .title__wrapper h4.title .icon {
                    margin-left: 10px;
                }

            .bannerSection .bannerMdCont .main-content-wrapper .title__wrapper p.sub-title {
                font-size: 16px;
                font-weight: 500;
            }

            .bannerSection .bannerMdCont .main-content-wrapper .title__wrapper ul.items-list {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                margin-top: 25px;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                color: #ffffff;
            }

                .bannerSection .bannerMdCont .main-content-wrapper .title__wrapper ul.items-list .badge-holder {
                    width: 40px;
                    height: 40px;
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center;
                }

                .bannerSection .bannerMdCont .main-content-wrapper .title__wrapper ul.items-list li:not(:first-child) {
                    margin-left: 8px;
                }

                .bannerSection .bannerMdCont .main-content-wrapper .title__wrapper ul.items-list li:last-child a {
                    color: #ffffff;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-transition: 0.3s;
                    transition: 0.3s;
                }

                    .bannerSection .bannerMdCont .main-content-wrapper .title__wrapper ul.items-list li:last-child a .icon {
                        margin-left: 5px;
                    }

                    .bannerSection .bannerMdCont .main-content-wrapper .title__wrapper ul.items-list li:last-child a:hover {
                        text-decoration: underline;
                        -webkit-transition: 0.3s;
                        transition: 0.3s;
                    }

.bannerSection ul.primary-action-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    right: 40px;
    bottom: 40px;
}

    .bannerSection ul.primary-action-btn :not(:first-child) {
        margin-left: 20px;
    }

@media (max-width: 767.98px) {
    .bannerSection .bannerMdCont .edit-btn-cover {
        position: absolute;
        top: 15px;
        right: 25px;
        z-index: 11;
        border-radius: 50%;
        height: 25px;
        width: 25px;
        background-color: rgba(255, 255, 255, 0.3098039216);
        border: 2.5px solid #fff;
        padding: 0;
        opacity: 0.4;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

        .bannerSection .bannerMdCont .edit-btn-cover .icon {
            width: 25px;
            height: 15px;
            margin: 0;
        }

        .bannerSection .bannerMdCont .edit-btn-cover:hover {
            opacity: 1;
            -webkit-transition: 0.4s;
            transition: 0.4s;
        }

    .bannerSection .bannerMdCont .edit-btn-profile {
        position: absolute;
        top: 5px;
        left: 50px;
        z-index: 11;
        border-radius: 50%;
        height: 25px;
        width: 25px;
        background-color: rgba(255, 255, 255, 0.3098039216);
        border: 2.5px solid #fff;
        padding: 0;
        opacity: 0.4;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

        .bannerSection .bannerMdCont .edit-btn-profile .icon {
            width: 25px;
            height: 15px;
            margin: 0;
        }

        .bannerSection .bannerMdCont .edit-btn-profile:hover {
            opacity: 1;
            -webkit-transition: 0.4s;
            transition: 0.4s;
        }

    .bannerSection .bannerMdCont .main-content-wrapper {
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0;
        margin: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .bannerSection .bannerMdCont .main-content-wrapper .logo-holder {
            height: 80px;
            width: 80px;
            max-height: 80px;
            max-width: 80px;
            min-width: unset;
            min-height: unset;
            position: relative;
        }

            .bannerSection .bannerMdCont .main-content-wrapper .logo-holder .status-indicator {
                width: 16px;
                height: 16px;
                background-color: #d9d9d9;
                border-radius: 40px;
                border: solid 3px #363636;
                bottom: -60px;
                left: 60px;
                position: relative;
            }

        .bannerSection .bannerMdCont .main-content-wrapper .title__wrapper {
            margin: 0;
            text-align: center;
            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;
        }

            .bannerSection .bannerMdCont .main-content-wrapper .title__wrapper h4.title {
                font-size: 18px;
                margin-top: 5px;
            }

                .bannerSection .bannerMdCont .main-content-wrapper .title__wrapper h4.title .verified {
                    width: 18px;
                    height: 18px;
                }

            .bannerSection .bannerMdCont .main-content-wrapper .title__wrapper p.sub-title {
                font-size: 12px;
                font-weight: 500;
                max-width: 80%;
            }

            .bannerSection .bannerMdCont .main-content-wrapper .title__wrapper ul.items-list {
                margin-top: 15px;
            }

    .bannerSection ul.primary-action-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: space-evenly;
        position: unset;
        margin-top: 20px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.feature-content-slider__wrapper .feature-content-slider {
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5);
    overflow: hidden;
    height: 20dvh;
    max-height: 20vh;
    background-color: #cfa54b;
    color: white;
    border-radius: 0.5rem;
    background-size: cover;
    background-position: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

    .feature-content-slider__wrapper .feature-content-slider:before {
        content: "";
        z-index: 3;
        height: 100%;
        width: 100%;
        position: absolute;
        background: rgb(39, 45, 51);
        background: linear-gradient(45deg, rgb(39, 45, 51) 5%, rgba(39, 45, 51, 0) 100%);
    }

    .feature-content-slider__wrapper .feature-content-slider .caption {
        z-index: 4;
        position: absolute;
        margin: auto auto 1.5rem 1.5rem;
    }

        .feature-content-slider__wrapper .feature-content-slider .caption h3 {
            margin-bottom: 0.75rem;
            font-weight: 600;
        }

@media (max-width: 767px) {
    .feature-content-slider {
        max-height: 20dvh;
    }
}

.total-point-display__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -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;
    margin: 2.5rem 0 0 0;
}

    .total-point-display__wrapper .title {
        color: #fff;
        margin-top: 0.5rem;
    }

        .total-point-display__wrapper .title a {
            color: #fff;
        }

    .total-point-display__wrapper .total-point-display {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .total-point-display__wrapper .total-point-display .total-point-display-item {
            border: solid #fff 0.0938rem;
            border-radius: 0.5rem;
            max-width: -webkit-fit-content;
            max-width: -moz-fit-content;
            max-width: fit-content;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            max-height: 2.5rem;
            position: relative;
        }

            .total-point-display__wrapper .total-point-display .total-point-display-item .value {
                font-size: 16px;
                color: #fff;
                font-weight: 600;
                margin-inline: 1.25rem;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

            .total-point-display__wrapper .total-point-display .total-point-display-item button {
                min-width: unset;
                max-width: 2.5rem;
                font-size: 18px;
                font-weight: 600;
                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;
            }

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
    padding: 10px 8px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition-property: opacity, -webkit-filter;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

    .hamburger:hover {
        opacity: 0.7;
    }

.hamburger-box {
    width: 28px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -1px;
}

    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
        width: 28px;
        height: 2px;
        background-color: #fff;
        border-radius: 0px;
        position: absolute;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -webkit-transition-duration: 0.15s;
        transition-duration: 0.15s;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
    }

        .hamburger-inner::before, .hamburger-inner::after {
            content: "";
            display: block;
        }

        .hamburger-inner::before {
            top: -8px;
        }

        .hamburger-inner::after {
            bottom: -8px;
        }

/*
 * 3DX
 */
.hamburger--3dx .hamburger-box {
    -webkit-perspective: 56px;
    perspective: 56px;
}

.hamburger--3dx .hamburger-inner {
    -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
        -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

.hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

    .hamburger--3dx.is-active .hamburger-inner::before {
        -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
        transform: translate3d(0, 8px, 0) rotate(45deg);
    }

    .hamburger--3dx.is-active .hamburger-inner::after {
        -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
        transform: translate3d(0, -8px, 0) rotate(-45deg);
    }

/*
 * 3DX Reverse
 */
.hamburger--3dx-r .hamburger-box {
    -webkit-perspective: 56px;
    perspective: 56px;
}

.hamburger--3dx-r .hamburger-inner {
    -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
        -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

.hamburger--3dx-r.is-active .hamburger-inner {
    background-color: transparent;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

    .hamburger--3dx-r.is-active .hamburger-inner::before {
        -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
        transform: translate3d(0, 8px, 0) rotate(45deg);
    }

    .hamburger--3dx-r.is-active .hamburger-inner::after {
        -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
        transform: translate3d(0, -8px, 0) rotate(-45deg);
    }

/*
 * 3DY
 */
.hamburger--3dy .hamburger-box {
    -webkit-perspective: 56px;
    perspective: 56px;
}

.hamburger--3dy .hamburger-inner {
    -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
        -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

.hamburger--3dy.is-active .hamburger-inner {
    background-color: transparent;
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}

    .hamburger--3dy.is-active .hamburger-inner::before {
        -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
        transform: translate3d(0, 8px, 0) rotate(45deg);
    }

    .hamburger--3dy.is-active .hamburger-inner::after {
        -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
        transform: translate3d(0, -8px, 0) rotate(-45deg);
    }

/*
 * 3DY Reverse
 */
.hamburger--3dy-r .hamburger-box {
    -webkit-perspective: 56px;
    perspective: 56px;
}

.hamburger--3dy-r .hamburger-inner {
    -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
        -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

.hamburger--3dy-r.is-active .hamburger-inner {
    background-color: transparent;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

    .hamburger--3dy-r.is-active .hamburger-inner::before {
        -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
        transform: translate3d(0, 8px, 0) rotate(45deg);
    }

    .hamburger--3dy-r.is-active .hamburger-inner::after {
        -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
        transform: translate3d(0, -8px, 0) rotate(-45deg);
    }

/*
 * 3DXY
 */
.hamburger--3dxy .hamburger-box {
    -webkit-perspective: 56px;
    perspective: 56px;
}

.hamburger--3dxy .hamburger-inner {
    -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
        -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

.hamburger--3dxy.is-active .hamburger-inner {
    background-color: transparent;
    -webkit-transform: rotateX(180deg) rotateY(180deg);
    transform: rotateX(180deg) rotateY(180deg);
}

    .hamburger--3dxy.is-active .hamburger-inner::before {
        -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
        transform: translate3d(0, 8px, 0) rotate(45deg);
    }

    .hamburger--3dxy.is-active .hamburger-inner::after {
        -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
        transform: translate3d(0, -8px, 0) rotate(-45deg);
    }

/*
 * 3DXY Reverse
 */
.hamburger--3dxy-r .hamburger-box {
    -webkit-perspective: 56px;
    perspective: 56px;
}

.hamburger--3dxy-r .hamburger-inner {
    -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
        -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

.hamburger--3dxy-r.is-active .hamburger-inner {
    background-color: transparent;
    -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
    transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}

    .hamburger--3dxy-r.is-active .hamburger-inner::before {
        -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
        transform: translate3d(0, 8px, 0) rotate(45deg);
    }

    .hamburger--3dxy-r.is-active .hamburger-inner::after {
        -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
        transform: translate3d(0, -8px, 0) rotate(-45deg);
    }

/*
 * Arrow
 */
.hamburger--arrow.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(-5.6px, 0, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(-5.6px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrow.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(-5.6px, 0, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(-5.6px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
 * Arrow Right
 */
.hamburger--arrow-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(5.6px, 0, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(5.6px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(5.6px, 0, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(5.6px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
 * Arrow Alt
 */
.hamburger--arrowalt .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner::after {
    -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: translate3d(-5.6px, -7px, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(-5.6px, -7px, 0) rotate(-45deg) scale(0.7, 1);
    -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: translate3d(-5.6px, 7px, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(-5.6px, 7px, 0) rotate(45deg) scale(0.7, 1);
    -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Arrow Alt Right
 */
.hamburger--arrowalt-r .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r .hamburger-inner::after {
    -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: translate3d(5.6px, -7px, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(5.6px, -7px, 0) rotate(45deg) scale(0.7, 1);
    -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: translate3d(5.6px, 7px, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(5.6px, 7px, 0) rotate(-45deg) scale(0.7, 1);
    -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Arrow Turn
 */
.hamburger--arrowturn.is-active .hamburger-inner {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

    .hamburger--arrowturn.is-active .hamburger-inner::before {
        -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
        transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
    }

    .hamburger--arrowturn.is-active .hamburger-inner::after {
        -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
        transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
    }

/*
 * Arrow Turn Right
 */
.hamburger--arrowturn-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

    .hamburger--arrowturn-r.is-active .hamburger-inner::before {
        -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
        transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
    }

    .hamburger--arrowturn-r.is-active .hamburger-inner::after {
        -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
        transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
    }

/*
 * Boring
 */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
    -webkit-transition-property: none;
    transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

    .hamburger--boring.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
    }

    .hamburger--boring.is-active .hamburger-inner::after {
        bottom: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

/*
 * Collapse
 */
.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-duration: 0.13s;
    transition-duration: 0.13s;
    -webkit-transition-delay: 0.13s;
    transition-delay: 0.13s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

    .hamburger--collapse .hamburger-inner::after {
        top: -16px;
        -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
        transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
    }

    .hamburger--collapse .hamburger-inner::before {
        -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

.hamburger--collapse.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
    transform: translate3d(0, -8px, 0) rotate(-45deg);
    -webkit-transition-delay: 0.22s;
    transition-delay: 0.22s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

    .hamburger--collapse.is-active .hamburger-inner::after {
        top: 0;
        opacity: 0;
        -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
        transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
    }

    .hamburger--collapse.is-active .hamburger-inner::before {
        top: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

/*
 * Collapse Reverse
 */
.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-duration: 0.13s;
    transition-duration: 0.13s;
    -webkit-transition-delay: 0.13s;
    transition-delay: 0.13s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

    .hamburger--collapse-r .hamburger-inner::after {
        top: -16px;
        -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
        transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
    }

    .hamburger--collapse-r .hamburger-inner::before {
        -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

.hamburger--collapse-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -8px, 0) rotate(45deg);
    transform: translate3d(0, -8px, 0) rotate(45deg);
    -webkit-transition-delay: 0.22s;
    transition-delay: 0.22s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

    .hamburger--collapse-r.is-active .hamburger-inner::after {
        top: 0;
        opacity: 0;
        -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
        transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
    }

    .hamburger--collapse-r.is-active .hamburger-inner::before {
        top: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

/*
 * Elastic
 */
.hamburger--elastic .hamburger-inner {
    top: 1px;
    -webkit-transition-duration: 0.275s;
    transition-duration: 0.275s;
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

    .hamburger--elastic .hamburger-inner::before {
        top: 8px;
        -webkit-transition: opacity 0.125s 0.275s ease;
        transition: opacity 0.125s 0.275s ease;
    }

    .hamburger--elastic .hamburger-inner::after {
        top: 16px;
        -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }

.hamburger--elastic.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 8px, 0) rotate(135deg);
    transform: translate3d(0, 8px, 0) rotate(135deg);
    -webkit-transition-delay: 0.075s;
    transition-delay: 0.075s;
}

    .hamburger--elastic.is-active .hamburger-inner::before {
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        opacity: 0;
    }

    .hamburger--elastic.is-active .hamburger-inner::after {
        -webkit-transform: translate3d(0, -16px, 0) rotate(-270deg);
        transform: translate3d(0, -16px, 0) rotate(-270deg);
        -webkit-transition-delay: 0.075s;
        transition-delay: 0.075s;
    }

/*
 * Elastic Reverse
 */
.hamburger--elastic-r .hamburger-inner {
    top: 1px;
    -webkit-transition-duration: 0.275s;
    transition-duration: 0.275s;
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

    .hamburger--elastic-r .hamburger-inner::before {
        top: 8px;
        -webkit-transition: opacity 0.125s 0.275s ease;
        transition: opacity 0.125s 0.275s ease;
    }

    .hamburger--elastic-r .hamburger-inner::after {
        top: 16px;
        -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }

.hamburger--elastic-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 8px, 0) rotate(-135deg);
    transform: translate3d(0, 8px, 0) rotate(-135deg);
    -webkit-transition-delay: 0.075s;
    transition-delay: 0.075s;
}

    .hamburger--elastic-r.is-active .hamburger-inner::before {
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        opacity: 0;
    }

    .hamburger--elastic-r.is-active .hamburger-inner::after {
        -webkit-transform: translate3d(0, -16px, 0) rotate(270deg);
        transform: translate3d(0, -16px, 0) rotate(270deg);
        -webkit-transition-delay: 0.075s;
        transition-delay: 0.075s;
    }

/*
 * Emphatic
 */
.hamburger--emphatic {
    overflow: hidden;
}

    .hamburger--emphatic .hamburger-inner {
        -webkit-transition: background-color 0.125s 0.175s ease-in;
        transition: background-color 0.125s 0.175s ease-in;
    }

        .hamburger--emphatic .hamburger-inner::before {
            left: 0;
            -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
            transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
            transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
            transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
        }

        .hamburger--emphatic .hamburger-inner::after {
            top: 8px;
            right: 0;
            -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
            transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
            transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
            transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
        }

    .hamburger--emphatic.is-active .hamburger-inner {
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        background-color: transparent;
    }

        .hamburger--emphatic.is-active .hamburger-inner::before {
            left: -56px;
            top: -56px;
            -webkit-transform: translate3d(56px, 56px, 0) rotate(45deg);
            transform: translate3d(56px, 56px, 0) rotate(45deg);
            -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
            transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
            transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
            transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
        }

        .hamburger--emphatic.is-active .hamburger-inner::after {
            right: -56px;
            top: -56px;
            -webkit-transform: translate3d(-56px, 56px, 0) rotate(-45deg);
            transform: translate3d(-56px, 56px, 0) rotate(-45deg);
            -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
            transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
            transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
            transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
        }

/*
 * Emphatic Reverse
 */
.hamburger--emphatic-r {
    overflow: hidden;
}

    .hamburger--emphatic-r .hamburger-inner {
        -webkit-transition: background-color 0.125s 0.175s ease-in;
        transition: background-color 0.125s 0.175s ease-in;
    }

        .hamburger--emphatic-r .hamburger-inner::before {
            left: 0;
            -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
            transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
            transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
            transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
        }

        .hamburger--emphatic-r .hamburger-inner::after {
            top: 8px;
            right: 0;
            -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
            transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
            transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
            transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
        }

    .hamburger--emphatic-r.is-active .hamburger-inner {
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        background-color: transparent;
    }

        .hamburger--emphatic-r.is-active .hamburger-inner::before {
            left: -56px;
            top: 56px;
            -webkit-transform: translate3d(56px, -56px, 0) rotate(-45deg);
            transform: translate3d(56px, -56px, 0) rotate(-45deg);
            -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
            transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
            transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
            transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
        }

        .hamburger--emphatic-r.is-active .hamburger-inner::after {
            right: -56px;
            top: 56px;
            -webkit-transform: translate3d(-56px, -56px, 0) rotate(45deg);
            transform: translate3d(-56px, -56px, 0) rotate(45deg);
            -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
            transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
            transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
            transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
        }

/*
 * Minus
 */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
    -webkit-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
    transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}

.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
    opacity: 0;
    -webkit-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
    transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}

.hamburger--minus.is-active .hamburger-inner::before {
    top: 0;
}

.hamburger--minus.is-active .hamburger-inner::after {
    bottom: 0;
}

/*
 * Slider
 */
.hamburger--slider .hamburger-inner {
    top: 1px;
}

    .hamburger--slider .hamburger-inner::before {
        top: 8px;
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        transition-property: transform, opacity;
        transition-property: transform, opacity, -webkit-transform;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
        -webkit-transition-duration: 0.15s;
        transition-duration: 0.15s;
    }

    .hamburger--slider .hamburger-inner::after {
        top: 16px;
    }

.hamburger--slider.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
    transform: translate3d(0, 8px, 0) rotate(45deg);
}

    .hamburger--slider.is-active .hamburger-inner::before {
        -webkit-transform: rotate(-45deg) translate3d(-4px, -6px, 0);
        transform: rotate(-45deg) translate3d(-4px, -6px, 0);
        opacity: 0;
    }

    .hamburger--slider.is-active .hamburger-inner::after {
        -webkit-transform: translate3d(0, -16px, 0) rotate(-90deg);
        transform: translate3d(0, -16px, 0) rotate(-90deg);
    }

/*
 * Slider Reverse
 */
.hamburger--slider-r .hamburger-inner {
    top: 1px;
}

    .hamburger--slider-r .hamburger-inner::before {
        top: 8px;
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        transition-property: transform, opacity;
        transition-property: transform, opacity, -webkit-transform;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
        -webkit-transition-duration: 0.15s;
        transition-duration: 0.15s;
    }

    .hamburger--slider-r .hamburger-inner::after {
        top: 16px;
    }

.hamburger--slider-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 8px, 0) rotate(-45deg);
    transform: translate3d(0, 8px, 0) rotate(-45deg);
}

    .hamburger--slider-r.is-active .hamburger-inner::before {
        -webkit-transform: rotate(45deg) translate3d(4px, -6px, 0);
        transform: rotate(45deg) translate3d(4px, -6px, 0);
        opacity: 0;
    }

    .hamburger--slider-r.is-active .hamburger-inner::after {
        -webkit-transform: translate3d(0, -16px, 0) rotate(90deg);
        transform: translate3d(0, -16px, 0) rotate(90deg);
    }

/*
 * Spin
 */
.hamburger--spin .hamburger-inner {
    -webkit-transition-duration: 0.22s;
    transition-duration: 0.22s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

    .hamburger--spin .hamburger-inner::before {
        -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
        transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
    }

    .hamburger--spin .hamburger-inner::after {
        -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

.hamburger--spin.is-active .hamburger-inner {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-transition-delay: 0.12s;
    transition-delay: 0.12s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

    .hamburger--spin.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
        -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
        transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
    }

    .hamburger--spin.is-active .hamburger-inner::after {
        bottom: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

/*
 * Spin Reverse
 */
.hamburger--spin-r .hamburger-inner {
    -webkit-transition-duration: 0.22s;
    transition-duration: 0.22s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

    .hamburger--spin-r .hamburger-inner::before {
        -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
        transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
    }

    .hamburger--spin-r .hamburger-inner::after {
        -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

.hamburger--spin-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
    -webkit-transition-delay: 0.12s;
    transition-delay: 0.12s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

    .hamburger--spin-r.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
        -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
        transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
    }

    .hamburger--spin-r.is-active .hamburger-inner::after {
        bottom: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

/*
 * Spring
 */
.hamburger--spring .hamburger-inner {
    top: 1px;
    -webkit-transition: background-color 0s 0.13s linear;
    transition: background-color 0s 0.13s linear;
}

    .hamburger--spring .hamburger-inner::before {
        top: 8px;
        -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .hamburger--spring .hamburger-inner::after {
        top: 16px;
        -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

.hamburger--spring.is-active .hamburger-inner {
    -webkit-transition-delay: 0.22s;
    transition-delay: 0.22s;
    background-color: transparent;
}

    .hamburger--spring.is-active .hamburger-inner::before {
        top: 0;
        -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
        transform: translate3d(0, 8px, 0) rotate(45deg);
    }

    .hamburger--spring.is-active .hamburger-inner::after {
        top: 0;
        -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 8px, 0) rotate(-45deg);
        transform: translate3d(0, 8px, 0) rotate(-45deg);
    }

/*
 * Spring Reverse
 */
.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-duration: 0.13s;
    transition-duration: 0.13s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

    .hamburger--spring-r .hamburger-inner::after {
        top: -16px;
        -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
        transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
    }

    .hamburger--spring-r .hamburger-inner::before {
        -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

.hamburger--spring-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
    transform: translate3d(0, -8px, 0) rotate(-45deg);
    -webkit-transition-delay: 0.22s;
    transition-delay: 0.22s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

    .hamburger--spring-r.is-active .hamburger-inner::after {
        top: 0;
        opacity: 0;
        -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
        transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
    }

    .hamburger--spring-r.is-active .hamburger-inner::before {
        top: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

/*
 * Stand
 */
.hamburger--stand .hamburger-inner {
    -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
    transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

    .hamburger--stand .hamburger-inner::before {
        -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .hamburger--stand .hamburger-inner::after {
        -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

.hamburger--stand.is-active .hamburger-inner {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: transparent;
    -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
    transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}

    .hamburger--stand.is-active .hamburger-inner::before {
        top: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .hamburger--stand.is-active .hamburger-inner::after {
        bottom: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

/*
 * Stand Reverse
 */
.hamburger--stand-r .hamburger-inner {
    -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
    transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

    .hamburger--stand-r .hamburger-inner::before {
        -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .hamburger--stand-r .hamburger-inner::after {
        -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

.hamburger--stand-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-color: transparent;
    -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
    transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}

    .hamburger--stand-r.is-active .hamburger-inner::before {
        top: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .hamburger--stand-r.is-active .hamburger-inner::after {
        bottom: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

/*
 * Squeeze
 */
.hamburger--squeeze .hamburger-inner {
    -webkit-transition-duration: 0.075s;
    transition-duration: 0.075s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

    .hamburger--squeeze .hamburger-inner::before {
        -webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
        transition: top 0.075s 0.12s ease, opacity 0.075s ease;
    }

    .hamburger--squeeze .hamburger-inner::after {
        -webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

.hamburger--squeeze.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: 0.12s;
    transition-delay: 0.12s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

    .hamburger--squeeze.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
        -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
        transition: top 0.075s ease, opacity 0.075s 0.12s ease;
    }

    .hamburger--squeeze.is-active .hamburger-inner::after {
        bottom: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

/*
 * Vortex
 */
.hamburger--vortex .hamburger-inner {
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

    .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
        -webkit-transition-duration: 0s;
        transition-duration: 0s;
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
    }

    .hamburger--vortex .hamburger-inner::before {
        -webkit-transition-property: top, opacity;
        transition-property: top, opacity;
    }

    .hamburger--vortex .hamburger-inner::after {
        -webkit-transition-property: bottom, -webkit-transform;
        transition-property: bottom, -webkit-transform;
        transition-property: bottom, transform;
        transition-property: bottom, transform, -webkit-transform;
    }

.hamburger--vortex.is-active .hamburger-inner {
    -webkit-transform: rotate(765deg);
    transform: rotate(765deg);
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

    .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

    .hamburger--vortex.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
    }

    .hamburger--vortex.is-active .hamburger-inner::after {
        bottom: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

/*
 * Vortex Reverse
 */
.hamburger--vortex-r .hamburger-inner {
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

    .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
        -webkit-transition-duration: 0s;
        transition-duration: 0s;
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
    }

    .hamburger--vortex-r .hamburger-inner::before {
        -webkit-transition-property: top, opacity;
        transition-property: top, opacity;
    }

    .hamburger--vortex-r .hamburger-inner::after {
        -webkit-transition-property: bottom, -webkit-transform;
        transition-property: bottom, -webkit-transform;
        transition-property: bottom, transform;
        transition-property: bottom, transform, -webkit-transform;
    }

.hamburger--vortex-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-765deg);
    transform: rotate(-765deg);
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

    .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

    .hamburger--vortex-r.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
    }

    .hamburger--vortex-r.is-active .hamburger-inner::after {
        bottom: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

.homeHeader {
    padding-top: 3.125rem;
    padding-bottom: 1.25rem;
    overflow: hidden;
}

.homeNewsSection {
    margin-bottom: 0;
    padding-bottom: 50px;
}

@media (max-width: 767px) {
    .homeNewsSection {
        padding-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .homeNewsSection .container {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .homeNewsSection .row {
        margin-left: 0;
        margin-right: 0;
    }
}

.homeNewRelasesSection {
    margin-top: 0;
}

.spartanSection {
    margin-top: 3.125rem;
    margin-bottom: 3.125rem;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
}

    .spartanSection .spartanBlockCont {
        background-image: url(../images/overlay/spartan-overlay.jpg);
        background-position: center;
        background-size: cover;
        border-radius: 0.5rem;
        -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5);
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5);
    }

@media (max-width: 991px) {
    .spartanSection .spartanBlockCont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 1.25rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (max-width: 575px) {
    .spartanSection .spartanBlockCont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }
}

.spartanSection .spartanBlockCont .spartanBlockRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

@media (max-width: 991px) {
    .spartanSection .spartanBlockCont .spartanBlockRow {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .spartanSection .spartanBlockCont .spartanBlockRow:first-child {
            padding-right: 1rem;
        }
}

@media (max-width: 575px) {
    .spartanSection .spartanBlockCont .spartanBlockRow:first-child {
        padding-right: 0px;
        margin-bottom: 1rem;
    }
}

.spartanSection .spartanBlockCont .spartanBlockRow .spartanLogoGrid {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15rem;
    flex: 0 0 15rem;
    max-width: 15rem;
    position: relative;
}

@media (max-width: 575px) {
    .spartanSection .spartanBlockCont .spartanBlockRow .spartanLogoGrid {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 11rem;
        flex: 0 0 11rem;
        max-width: 11rem;
    }
}

.spartanSection .spartanBlockCont .spartanBlockRow .spartanLogoGrid .spartanLogoWrap {
    width: 15rem;
}

@media (max-width: 991px) {
    .spartanSection .spartanBlockCont .spartanBlockRow .spartanLogoGrid .spartanLogoWrap {
        height: 10rem;
        width: 10rem;
    }
}

@media (min-width: 992px) {
    .spartanSection .spartanBlockCont .spartanBlockRow .spartanLogoGrid .spartanLogoWrap {
        position: absolute;
        top: -1.875rem;
        bottom: -1.875rem;
        left: 0;
        right: 0;
    }
}

.spartanSection .spartanBlockCont .spartanBlockRow .spartanLogoGrid .spartanLogoWrap .spartanLogo {
    height: 100%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(icons/graphics/spartan.svg);
}

@media (max-width: 991px) {
    .spartanSection .spartanBlockCont .spartanBlockRow .spartanLogoGrid {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

.spartanSection .spartanBlockCont .spartanBlockRow .spartanBlockGrid {
    padding: 3.75rem 5rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 7.5rem);
    flex: 0 0 calc(50% - 7.5rem);
    max-width: calc(50% - 7.5rem);
}

@media (max-width: 991px) {
    .spartanSection .spartanBlockCont .spartanBlockRow .spartanBlockGrid {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }
}

@media (max-width: 991px) {
    .spartanSection .spartanBlockCont .spartanBlockRow .spartanBlockGrid:last-child {
        margin-top: 15px;
    }
}

@media (min-width: 992px) {
    .spartanSection .spartanBlockCont .spartanBlockRow .spartanBlockGrid:last-child {
        padding-left: 3.75rem;
        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;
    }
}

.spartanSection .spartanBlockCont .spartanBlockRow .spartanBlockGrid .textWrap {
    display: block;
}

@media (min-width: 992px) {
    .spartanSection .spartanBlockCont .spartanBlockRow .spartanBlockGrid .textWrap {
        text-align: center;
    }
}

.spartanSection .spartanBlockCont .spartanBlockRow .spartanBlockGrid .textWrap .text {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1em;
}

.spartanSection .spartanBlockCont .spartanBlockRow .spartanBlockGrid .textWrap .value {
    color: #fff;
    font-weight: 700;
    line-height: 1.1em;
}

.spartanSection .spartanBlockCont .spartanBlockRow .spartanBlockGrid .textWrap .link {
    color: #cfa54b;
    text-transform: uppercase;
    font-weight: 600;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

    .spartanSection .spartanBlockCont .spartanBlockRow .spartanBlockGrid .textWrap .link:hover {
        color: #b68c31;
    }

.spartanSection .spartanBlockCont .spartanBlockRow .spartanBlockGrid .textWrap .linkWrap {
    margin-top: 0.3rem;
}

.pageDetailGrid.textWhite {
    color: #fff;
}

.pageDetailGrid h1,
.pageDetailGrid h2,
.pageDetailGrid h3,
.pageDetailGrid h4,
.pageDetailGrid h5,
.pageDetailGrid h6 {
    margin-bottom: 15px;
    line-height: 1em;
    font-weight: 600;
}

.pageDetailGrid p {
    line-height: 1.4em;
    margin-bottom: 15px;
}

    .pageDetailGrid p:last-child {
        margin-bottom: 0;
    }

.pageDetailGrid h1 {
    font-size: 24px;
}

.pageDetailGrid h2 {
    font-size: 22px;
}

.pageDetailGrid h3 {
    font-size: 20px;
}

.pageDetailGrid h4 {
    font-size: 18px;
}

.pageDetailGrid h5 {
    font-size: 17px;
}

.pageDetailGrid h6 {
    font-size: 16px;
}

.pageDetailGrid p {
    font-weight: 300;
}

.pageDetailGrid ol {
    padding-left: 15px;
    margin-bottom: 15px;
}

.pageDetailGrid ul {
    margin-bottom: 15px;
}

    .pageDetailGrid ul li {
        position: relative;
        padding-left: 20px;
    }

        .pageDetailGrid ul li::before {
            content: "";
            background-color: #fff;
            width: 8px;
            height: 8px;
            position: absolute;
            left: 0;
            top: 5px;
            border-radius: 50%;
        }

.detailListWrap ul {
    margin-bottom: 15px;
}

    .detailListWrap ul li {
        position: relative;
        padding-left: 20px;
        line-height: 1.2em;
        margin-bottom: 10px;
    }

        .detailListWrap ul li:last-child {
            margin-bottom: 0;
        }

        .detailListWrap ul li::before {
            content: "";
            background-color: #fff;
            width: 8px;
            height: 8px;
            position: absolute;
            left: 0;
            top: 5px;
            border-radius: 50%;
        }

.formCont {
    padding-right: 6.25rem;
    position: relative;
}

    .formCont:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
        height: 70%;
        background-color: rgba(255, 255, 255, 0.15);
        display: block;
    }

@media (max-width: 767px) {
    .formCont:after {
        display: none;
    }
}

.formCont .formWrap {
    max-width: 31.25rem;
}

@media (max-width: 767px) {
    .formCont .formWrap {
        max-width: 100%;
    }
}

@media (max-width: 991px) {
    .formCont {
        padding-right: 2rem;
    }
}

@media (max-width: 767px) {
    .formCont {
        padding-right: 0rem;
        margin-bottom: 3rem;
    }
}

.contactDetailsCont .contactDetailsWrap .detailList li {
    color: #fff;
    font-weight: 300;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    letter-spacing: 0.01rem;
    margin-bottom: 1rem;
}

    .contactDetailsCont .contactDetailsWrap .detailList li:last-child {
        margin-bottom: 0;
    }

    .contactDetailsCont .contactDetailsWrap .detailList li .label {
        padding-right: 5px;
    }

    .contactDetailsCont .contactDetailsWrap .detailList li .value {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .contactDetailsCont .contactDetailsWrap .detailList li .value address {
            margin-bottom: 0;
        }

        .contactDetailsCont .contactDetailsWrap .detailList li .value a {
            color: #fff;
            padding-right: 5px;
        }

.profileSection .titleCont .profileTitle {
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}

.profileSection .detailCont .detailRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -1rem;
    margin-right: -1rem;
    margin-bottom: 1rem;
}

    .profileSection .detailCont .detailRow:last-child {
        margin-bottom: 0;
    }

    .profileSection .detailCont .detailRow .detailGrid {
        color: #fff;
        padding-left: 1rem;
        padding-right: 1rem;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

        .profileSection .detailCont .detailRow .detailGrid:first-child {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 150px;
            flex: 0 0 150px;
            max-width: 150px;
        }

.chartCont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 991px) {
    .chartCont {
        margin-top: 2rem;
    }
}

.chartCont .chartWrap .canvasHolder {
    width: 100%;
    max-width: 180px;
    position: relative;
}

    .chartCont .chartWrap .canvasHolder .totalPlayTimeCont {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

        .chartCont .chartWrap .canvasHolder .totalPlayTimeCont .totalPlayTimeWrap {
            color: #fff;
            text-align: center;
        }

            .chartCont .chartWrap .canvasHolder .totalPlayTimeCont .totalPlayTimeWrap .hours {
                font-size: 2.8rem;
                font-weight: 500;
                font-family: "Roboto", "courier", sans-serif;
                line-height: 1em;
            }

            .chartCont .chartWrap .canvasHolder .totalPlayTimeCont .totalPlayTimeWrap .text {
                font-size: 0.9rem;
                font-weight: 700;
            }

.chartCont .legendsWrap {
    padding-left: 2rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

    .chartCont .legendsWrap .legendsList li {
        font-size: 1rem;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 1rem;
    }

        .chartCont .legendsWrap .legendsList li:last-child {
            margin-bottom: 0;
        }

        .chartCont .legendsWrap .legendsList li .circle {
            width: 0.9rem;
            height: 0.9rem;
            border-radius: 50%;
        }

        .chartCont .legendsWrap .legendsList li .legendLabel {
            margin-left: 1rem;
        }

        .chartCont .legendsWrap .legendsList li .legendVal {
            margin-left: auto;
            padding-left: 1rem;
        }

.winnerCardCont, .sec-participants {
    display: block;
}

    .winnerCardCont .winnerCardWrap .winnerCard, .sec-participants .winnerCardWrap .winnerCard {
        position: relative;
        border-radius: 0.5rem;
        overflow: hidden;
    }

        .winnerCardCont .winnerCardWrap .winnerCard .imgWrap, .sec-participants .winnerCardWrap .winnerCard .imgWrap {
            height: 100%;
        }

            .winnerCardCont .winnerCardWrap .winnerCard .imgWrap .winnerImg, .sec-participants .winnerCardWrap .winnerCard .imgWrap .winnerImg {
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                height: 100%;
                height: 40vh;
            }

        .winnerCardCont .winnerCardWrap .winnerCard .clan-profile, .sec-participants .winnerCardWrap .winnerCard .clan-profile {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            position: absolute;
            background-size: cover;
            height: 55px;
            width: 55px;
            left: 20px;
            right: 0;
            top: 20px;
            z-index: 9;
            border-radius: 0.8rem;
            background-color: #2a2a2a;
            -webkit-box-shadow: 0px 3px 15px 7px rgba(0, 0, 0, 0.5);
            box-shadow: 0px 3px 15px 7px rgba(0, 0, 0, 0.5);
        }

        .winnerCardCont .winnerCardWrap .winnerCard .caption, .sec-participants .winnerCardWrap .winnerCard .caption {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top: 2rem;
            /* FF3.6-15 */
            /* Chrome10-25,Safari5.1-6 */
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(90%, rgb(0, 0, 0)), to(rgb(0, 0, 0)));
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 90%, rgb(0, 0, 0) 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#000000", GradientType=0);
            /* IE6-9 */
            padding: 1.5rem 1rem;
        }

            .winnerCardCont .winnerCardWrap .winnerCard .caption .cardTitle, .sec-participants .winnerCardWrap .winnerCard .caption .cardTitle {
                color: #fff;
                text-align: center;
            }

        .winnerCardCont .winnerCardWrap .winnerCard:hover .caption .cardTitle, .sec-participants .winnerCardWrap .winnerCard:hover .caption .cardTitle {
            color: #cfa54b;
        }

.winnerCardRow {
    margin-top: -1rem;
}

    .winnerCardRow .winnerCardGrid {
        padding-top: 1rem;
    }

.mfp-image-holder .mfp-content {
    overflow: visible;
}

    .mfp-image-holder .mfp-content .mfp-figure {
        overflow: hidden;
        border-radius: 0.5rem;
    }

.mfp-image-holder img.mfp-img {
    padding: 0;
}

.mfp-image-holder .mfp-arrow {
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -15px;
    background-color: rgba(31, 31, 31, 0.5);
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 50%;
}

    .mfp-image-holder .mfp-arrow:before, .mfp-image-holder .mfp-arrow:after {
        display: none;
    }

    .mfp-image-holder .mfp-arrow:hover {
        background-color: #1f1f1f;
    }

    .mfp-image-holder .mfp-arrow.mfp-arrow-left {
        background-image: url(icons/action/back-yellow.svg);
        margin-left: -15px;
    }

        .mfp-image-holder .mfp-arrow.mfp-arrow-left:hover {
            opacity: 0.8;
        }

    .mfp-image-holder .mfp-arrow.mfp-arrow-right {
        background-image: url(icons/action/next-yellow.svg);
        margin-right: -15px;
    }

        .mfp-image-holder .mfp-arrow.mfp-arrow-right:hover {
            opacity: 0.8;
        }

.mfp-zoom-out-cur {
    cursor: default;
}

    .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
        cursor: pointer;
    }

@media (max-width: 767.98px) {
    .winnerCardCont :not(:last-child), .sec-participants :not(:last-child) {
        margin-bottom: 25px;
    }
}

.list-tournements .swiper-slide .slider-content__wrapper {
    position: relative;
    z-index: 99;
    color: #fff;
    left: 35px;
    bottom: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

    .list-tournements .swiper-slide .slider-content__wrapper .content h5.game-tag {
        margin-top: 8px;
        font-size: 20px;
        font-weight: 400;
        color: #cfa54b;
    }

    .list-tournements .swiper-slide .slider-content__wrapper .content p.event-date {
        margin-top: 10px;
        font-size: 18px;
        font-weight: 700;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: #cfa54b;
    }

    .list-tournements .swiper-slide .slider-content__wrapper .content .main-content h5.tour__title {
        font-size: 20px;
        font-weight: 700;
        line-height: 1.5;
        margin-top: 20px;
        max-width: 85%;
        height: 60px;
        max-height: 60px;
        overflow: hidden;
    }

    .list-tournements .swiper-slide .slider-content__wrapper .content .main-content .btnLink {
        font-size: 16px;
        font-weight: 600;
    }

/* / Top slider styles*/
.swiper-container.leaderBoardSlider,
.swiper-container.subscribedSlider {
    height: 20vh;
}

.titleWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .titleWrap h3 {
        margin-left: 12px;
    }

/*
 Tournamets widgets styels
*/
.tournaments-grid__wrapper {
    padding-bottom: 4rem;
}

    .tournaments-grid__wrapper .tour__item {
        cursor: pointer;
        width: 100%;
        position: relative;
        min-height: 560px;
        border-radius: 0.5rem;
        overflow: hidden;
        background: #272D33;
        -webkit-box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.5);
    }

        .tournaments-grid__wrapper .tour__item .item-img__wrapper {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            padding: 0;
        }

            .tournaments-grid__wrapper .tour__item .item-img__wrapper .item-img {
                max-height: 200px;
                height: 200px;
                position: relative;
                width: 100%;
            }

                .tournaments-grid__wrapper .tour__item .item-img__wrapper .item-img .img {
                    background-size: cover;
                    background-repeat: no-repeat;
                    background-position: center;
                    height: 100%;
                    width: 100%;
                }

                .tournaments-grid__wrapper .tour__item .item-img__wrapper .item-img .content {
                    padding: 15px 20px;
                    color: #BC9646;
                    position: absolute !important;
                    z-index: 10;
                    width: 100%;
                }

                    .tournaments-grid__wrapper .tour__item .item-img__wrapper .item-img .content .game-tags__wrapper {
                        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;
                    }

                        .tournaments-grid__wrapper .tour__item .item-img__wrapper .item-img .content .game-tags__wrapper .left__wrapper h5.game-tag {
                            margin-top: 8px;
                            font-size: 18px;
                            font-weight: 400;
                        }

                        .tournaments-grid__wrapper .tour__item .item-img__wrapper .item-img .content .game-tags__wrapper .right__wrapper .price-indicator {
                            margin-bottom: 0;
                        }

                    .tournaments-grid__wrapper .tour__item .item-img__wrapper .item-img .content p.event-date {
                        margin-top: 10px;
                        font-size: 18px;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                    }

                        .tournaments-grid__wrapper .tour__item .item-img__wrapper .item-img .content p.event-date .icon {
                            width: 18px;
                        }

                    .tournaments-grid__wrapper .tour__item .item-img__wrapper .item-img .content .main-content {
                        color: #ffffff;
                    }

                        .tournaments-grid__wrapper .tour__item .item-img__wrapper .item-img .content .main-content h5.tour__title {
                            font-size: 20px;
                            font-weight: 700;
                            line-height: 1.5;
                            margin-top: 15px;
                            height: 60px;
                            max-height: 60px;
                            overflow: hidden;
                        }

                        .tournaments-grid__wrapper .tour__item .item-img__wrapper .item-img .content .main-content .quick-stack__wrapper {
                            margin: 30px 0 25px;
                        }

                            .tournaments-grid__wrapper .tour__item .item-img__wrapper .item-img .content .main-content .quick-stack__wrapper ul.stack-list {
                                list-style: none;
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-pack: justify;
                                -ms-flex-pack: justify;
                                justify-content: space-between;
                                -webkit-box-orient: horizontal;
                                -webkit-box-direction: normal;
                                -ms-flex-direction: row;
                                flex-direction: row;
                                -webkit-box-align: stretch;
                                -ms-flex-align: stretch;
                                align-items: stretch;
                            }

                                .tournaments-grid__wrapper .tour__item .item-img__wrapper .item-img .content .main-content .quick-stack__wrapper ul.stack-list li {
                                    text-align: center;
                                }

                                    .tournaments-grid__wrapper .tour__item .item-img__wrapper .item-img .content .main-content .quick-stack__wrapper ul.stack-list li:first-child {
                                        text-align: left !important;
                                    }

                                    .tournaments-grid__wrapper .tour__item .item-img__wrapper .item-img .content .main-content .quick-stack__wrapper ul.stack-list li:last-child {
                                        text-align: right !important;
                                    }

                        .tournaments-grid__wrapper .tour__item .item-img__wrapper .item-img .content .main-content h5.countdown__wrapper {
                            color: #BC9646;
                            font-weight: 400;
                            text-align: center;
                            font-size: 16px;
                            margin-bottom: 10px;
                        }

                .tournaments-grid__wrapper .tour__item .item-img__wrapper .item-img::after {
                    content: "";
                    position: absolute;
                    right: 0;
                    top: 50px;
                    bottom: 0;
                    display: block;
                    height: 100%;
                    width: 110%;
                    left: -5px;
                    z-index: 9;
                    background-repeat: no-repeat;
                    background-position: right -3px top;
                    background-size: cover;
                    background-image: url(../images/overlay/tour-img-overlay.png);
                }

h5.hype-quote {
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
}

@media (max-width: 767.98px) {
    .list-tournements .swiper-slide .slider-content__wrapper {
        position: relative;
        z-index: 99;
        color: #fff;
        left: 20px;
        bottom: 25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

        .list-tournements .swiper-slide .slider-content__wrapper .content h5.game-tag {
            margin-top: 8px;
            font-size: 16px;
            font-weight: 400;
            color: #cfa54b;
        }

        .list-tournements .swiper-slide .slider-content__wrapper .content p.event-date {
            margin-top: 5px;
            font-size: 16px;
            font-weight: 700;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            color: #cfa54b;
        }

            .list-tournements .swiper-slide .slider-content__wrapper .content p.event-date .icon {
                width: 18px;
            }

        .list-tournements .swiper-slide .slider-content__wrapper .content .main-content h5.tour__title {
            font-size: 18px;
            font-weight: 700;
            line-height: 1.5;
            margin-top: 10px;
            max-width: 90%;
            height: 60px;
            max-height: 60px;
            overflow: hidden;
        }

        .list-tournements .swiper-slide .slider-content__wrapper .content .main-content .btnLink {
            font-size: 14px;
            font-weight: 600;
        }
}

.tournaments-grid__wrapper {
    margin-top: 30px;
    margin-bottom: 4rem;
    padding: 0 15px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr) !important;
    grid-template-rows: repeat(auto-fill, auto);
    grid-row-gap: 1.6rem;
    grid-column-gap: 1.6em;
}

@media (min-width: 768px) {
    .tournaments-grid__wrapper {
        margin-top: 30px;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr) !important;
        grid-template-rows: repeat(auto-fill, auto);
        grid-row-gap: 1.6rem;
        grid-column-gap: 1.6em;
    }
}

@media (min-width: 992px) {
    .tournaments-grid__wrapper {
        margin-top: 30px;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr) !important;
        grid-template-rows: repeat(auto-fill, auto);
        grid-row-gap: 1.6rem;
        grid-column-gap: 1.6em;
    }
}

@media (min-width: 1200px) {
    .tournaments-grid__wrapper {
        margin-top: 30px;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr) !important;
        grid-template-rows: repeat(auto-fill, auto);
        grid-row-gap: 1.6rem;
        grid-column-gap: 1.6em;
    }
}

@media (min-width: 1400px) {
    .tournaments-grid__wrapper {
        margin-top: 30px;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(4, 1fr) !important;
        grid-template-rows: repeat(auto-fill, auto);
        grid-row-gap: 1.6rem;
        grid-column-gap: 1.6em;
    }
}

@media (min-width: 1800px) {
    .tournaments-grid__wrapper {
        margin-top: 30px;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(4, 1fr) !important;
        grid-template-rows: repeat(auto-fill, auto);
        grid-row-gap: 1.6rem;
        grid-column-gap: 1.6em;
    }
}
/*
///
*/
.live-indicator {
    padding: 5px;
}

    .live-indicator .icon-live {
        height: 12px;
        width: 12px;
    }

.section.community-section {
    display: none;
}

.sec-live-videos .video-testimonial-block {
    position: relative;
    width: auto;
    height: 270px;
    overflow: hidden;
    margin-bottom: 15px;
    border-radius: 0.5rem;
    -webkit-box-shadow: 0px 0px 10px 7px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px 7px rgba(0, 0, 0, 0.2);
}

    .sec-live-videos .video-testimonial-block .video-thumbnail {
        height: 100%;
        width: 100%;
        position: absolute;
        z-index: 1;
        background-size: cover;
        top: 0;
        left: 0;
    }

    .sec-live-videos .video-testimonial-block .video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0px;
    }

    .sec-live-videos .video-testimonial-block .video-play {
        position: absolute;
        z-index: 2;
        top: 40%;
        left: 45%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-decoration: none;
    }

        .sec-live-videos .video-testimonial-block .video-play::before {
            content: "";
            height: 50px;
            width: 50px;
            background-image: url(../css/icons/action/play-circle.svg);
            position: absolute;
            background-position: center;
        }

.sec-live-videos .video-testimonial-content {
    color: #ffffff;
    margin-bottom: 30px;
}

    .sec-live-videos .video-testimonial-content .badge {
        margin-bottom: 15px;
    }

.inner-tournaments .bannerWrap .bannerImg .bannerOverlay {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(2%, black), color-stop(45%, rgba(0, 0, 0, 0.12)), color-stop(80%, rgba(0, 0, 0, 0.12)), to(black));
    background: linear-gradient(to top, black 2%, rgba(0, 0, 0, 0.12) 45%, rgba(0, 0, 0, 0.12) 80%, black 100%);
}

.inner-tournaments .banner-content {
    position: absolute;
    color: #fff;
    z-index: 9;
    padding: 25px 30px;
    bottom: 0;
    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: nowrap;
    flex-wrap: nowrap;
    width: 98%;
}

    .inner-tournaments .banner-content .banner-content__wrapper {
        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: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .inner-tournaments .banner-content .left-content {
        max-width: 60%;
    }

        .inner-tournaments .banner-content .left-content .game-tag {
            color: #BC9646;
            font-size: 20px;
            font-weight: 400;
            margin-bottom: 10px;
        }

        .inner-tournaments .banner-content .left-content img {
            max-height: 40px;
            margin-bottom: 15px;
        }

        .inner-tournaments .banner-content .left-content h5.tour__title {
            font-size: 20px;
            font-weight: 700;
            line-height: 1.5;
        }

    .inner-tournaments .banner-content .right-content {
        padding: 15px;
        border-radius: 0.5rem;
        background-color: rgba(255, 255, 255, 0.205);
    }

        .inner-tournaments .banner-content .right-content .countdown__wrapper {
            margin-bottom: 10px;
        }

            .inner-tournaments .banner-content .right-content .countdown__wrapper p {
                font-size: 16px;
                font-weight: 600;
                margin-bottom: 15px;
            }

        .inner-tournaments .banner-content .right-content button {
            width: 100%;
        }

.inner-tournaments .bannerWrap {
    border-radius: 0.5rem;
    overflow: hidden;
}

.inner-tournaments .detail-section {
    /*sec overview*/
}

    .inner-tournaments .detail-section .navTabCont {
        margin-bottom: 80px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .inner-tournaments .detail-section .navTabCont .live-indicator {
            padding: 5px;
        }

        .inner-tournaments .detail-section .navTabCont .community-btn__wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

            .inner-tournaments .detail-section .navTabCont .community-btn__wrapper :not(:first-child) {
                margin-left: 20px;
            }

    .inner-tournaments .detail-section .sec-overview .quick-view__widget {
        background-color: #BC9646;
        border-radius: 0.5rem;
        padding: 30px;
        width: 100%;
        margin-bottom: 60px;
    }

        .inner-tournaments .detail-section .sec-overview .quick-view__widget ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: distribute;
            justify-content: space-around;
        }

            .inner-tournaments .detail-section .sec-overview .quick-view__widget ul li {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
            }

                .inner-tournaments .detail-section .sec-overview .quick-view__widget ul li .icon {
                    width: 35px;
                    height: 35px;
                }

                .inner-tournaments .detail-section .sec-overview .quick-view__widget ul li P {
                    font-size: 20px;
                    font-weight: 600;
                    text-align: left;
                    color: #ffffff;
                    padding-left: 5px;
                }

                    .inner-tournaments .detail-section .sec-overview .quick-view__widget ul li P small {
                        color: #000000;
                        font-size: 16px;
                        font-weight: 400;
                    }

    .inner-tournaments .detail-section .sec-overview .description__wrapper {
        color: #ffffff;
        margin-bottom: 60px;
    }

        .inner-tournaments .detail-section .sec-overview .description__wrapper h4 {
            margin-bottom: 20px;
        }

        .inner-tournaments .detail-section .sec-overview .description__wrapper p {
            line-height: 1.6;
            font-size: 16px;
        }

    .inner-tournaments .detail-section .sec-overview .price-indicator-details {
        border: solid 1px #fff;
        border-radius: 8px;
        margin-bottom: 40px;
    }

        .inner-tournaments .detail-section .sec-overview .price-indicator-details .price-indicator-details-header {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 5px 12px;
            border-top-left-radius: 7px;
            border-top-right-radius: 7px;
        }

            .inner-tournaments .detail-section .sec-overview .price-indicator-details .price-indicator-details-header p {
                font-size: 20px;
                font-weight: bold;
            }

            .inner-tournaments .detail-section .sec-overview .price-indicator-details .price-indicator-details-header .price-indicator {
                margin-bottom: 0;
            }

        .inner-tournaments .detail-section .sec-overview .price-indicator-details .price-indicator-details-body {
            padding: 15px 10px;
        }

        .inner-tournaments .detail-section .sec-overview .price-indicator-details.paid .price-indicator-details-header {
            background: rgb(188, 150, 70);
            background: linear-gradient(97deg, rgba(188, 150, 70, 0) 1%, rgb(188, 150, 70) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bc9646", endColorstr="#bc9646", GradientType=1);
        }

        .inner-tournaments .detail-section .sec-overview .price-indicator-details.free .price-indicator-details-header {
            background: rgb(255, 255, 255);
            background: linear-gradient(97deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
        }

            .inner-tournaments .detail-section .sec-overview .price-indicator-details.free .price-indicator-details-header p {
                color: #1f1f1f;
            }

    .inner-tournaments .detail-section .sec-overview .prizing-list {
        margin-bottom: 60px;
    }

        .inner-tournaments .detail-section .sec-overview .prizing-list .tableSection table .item .imgWrap .img {
            background-size: contain;
            background-repeat: no-repeat;
        }

        .inner-tournaments .detail-section .sec-overview .prizing-list .tableSection table .item .imgWrap::after {
            background-image: url(../css/overlay/table-img-overlay.svg);
        }

    .inner-tournaments .detail-section .sec-overview .how-work__wrapper {
        margin-bottom: 60px;
    }

        .inner-tournaments .detail-section .sec-overview .how-work__wrapper .list__wrapper {
            color: #ffffff;
        }

            .inner-tournaments .detail-section .sec-overview .how-work__wrapper .list__wrapper ul li {
                margin-bottom: 15px;
            }

    .inner-tournaments .detail-section .sec-overview .timeline__wrapper {
        margin-bottom: 60px;
    }

        .inner-tournaments .detail-section .sec-overview .timeline__wrapper .list__wrapper {
            color: #ffffff;
        }

            .inner-tournaments .detail-section .sec-overview .timeline__wrapper .list__wrapper ul li {
                margin-bottom: 15px;
            }

    .inner-tournaments .detail-section .sec-rule {
        color: #ffffff;
    }

        .inner-tournaments .detail-section .sec-rule .rules__wrapper .tour__title {
            margin-bottom: 15px;
        }

        .inner-tournaments .detail-section .sec-rule .rules__wrapper ul {
            margin-bottom: 40px;
        }

            .inner-tournaments .detail-section .sec-rule .rules__wrapper ul li {
                list-style-type: circle;
                list-style-position: inside;
            }

                .inner-tournaments .detail-section .sec-rule .rules__wrapper ul li:not(:last-child) {
                    margin-bottom: 15px;
                }

    .inner-tournaments .detail-section .sec-brackets iframe {
        width: 100%;
        height: 100vh;
        border: none;
    }

    .inner-tournaments .detail-section .sec-live-videos .video-testimonial-block {
        position: relative;
        width: auto;
        height: 270px;
        overflow: hidden;
        margin-bottom: 15px;
        border-radius: 0.5rem;
        -webkit-box-shadow: 0px 0px 10px 7px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 10px 7px rgba(0, 0, 0, 0.2);
    }

        .inner-tournaments .detail-section .sec-live-videos .video-testimonial-block .video-thumbnail {
            height: 100%;
            width: 100%;
            position: absolute;
            z-index: 1;
            background-size: cover;
            top: 0;
            left: 0;
        }

        .inner-tournaments .detail-section .sec-live-videos .video-testimonial-block .video iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0px;
        }

        .inner-tournaments .detail-section .sec-live-videos .video-testimonial-block .video-play {
            position: absolute;
            z-index: 2;
            top: 40%;
            left: 45%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            text-decoration: none;
        }

            .inner-tournaments .detail-section .sec-live-videos .video-testimonial-block .video-play::before {
                content: "";
                height: 50px;
                width: 50px;
                background-image: url(../css/icons/action/play-circle.svg);
                position: absolute;
                background-position: center;
            }

    .inner-tournaments .detail-section .sec-live-videos .video-testimonial-content {
        color: #ffffff;
        margin-bottom: 30px;
    }

        .inner-tournaments .detail-section .sec-live-videos .video-testimonial-content .badge {
            margin-bottom: 15px;
        }

.inner-tournaments .banner-content__mobile {
    display: none;
}

@media (max-width: 767.98px) {
    .inner-tournaments .banner-content {
        position: absolute;
        color: #fff;
        z-index: 9;
        padding: 10px 15px;
        bottom: 0;
    }

        .inner-tournaments .banner-content .left-content .game-tag {
            color: #BC9646;
            font-size: 16px;
            font-weight: 400;
            margin-bottom: 5px;
        }

        .inner-tournaments .banner-content .left-content img {
            max-height: 30px;
            margin-bottom: 8px;
        }

        .inner-tournaments .banner-content .left-content h5.tour__title {
            font-size: 18px;
            font-weight: 700;
            line-height: 1.5;
            width: 100%;
        }

    .inner-tournaments .bannerWrap {
        border-radius: 0.5rem;
        overflow: hidden;
    }

    .inner-tournaments .bannerCont .banner-content__wrapper .left-content {
        max-width: 100%;
    }

    .inner-tournaments .bannerCont .banner-content__wrapper .right-content {
        display: none;
    }

    .inner-tournaments .detail-section .navTabWrap {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-y: hidden;
    }

        .inner-tournaments .detail-section .navTabWrap::-webkit-scrollbar {
            display: none;
        }

        .inner-tournaments .detail-section .navTabWrap ul.nav-tabs {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }

            .inner-tournaments .detail-section .navTabWrap ul.nav-tabs li.nav-item {
                height: 40px;
                width: 100px;
            }

    .inner-tournaments .detail-section .sec-overview .quick-view__widget {
        padding: 20px;
    }

        .inner-tournaments .detail-section .sec-overview .quick-view__widget ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .inner-tournaments .detail-section .sec-overview .quick-view__widget ul li:not(:last-child) {
                margin-bottom: 15px;
            }

            .inner-tournaments .detail-section .sec-overview .quick-view__widget ul li p {
                font-size: 18px;
            }

    .inner-tournaments .detail-section .navTabCont .community-btn__wrapper {
        display: none;
    }

    .inner-tournaments .detail-section .navTabCont .live-indicator {
        padding: 2px;
        font-size: 12px;
    }

    .inner-tournaments .banner-content__mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
    }

        .inner-tournaments .banner-content__mobile button {
            width: 93%;
            font-size: 16px;
            height: 40px;
        }

    .inner-tournaments .sec-live.videos .video-testimonial-content {
        margin-bottom: 30px;
    }

    .section.community-section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .section.community-section .community-btn__wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .section.community-section .community-btn__wrapper :not(:first-child) {
                margin-top: 15px;
            }
}
/*flip clock styles*/
.flipdown {
    width: 100%;
    height: 80px;
}

    .flipdown .rotor {
        font-size: 2.2rem;
        margin-right: 3px;
    }

        .flipdown .rotor,
        .flipdown .rotor-leaf,
        .flipdown .rotor-leaf-front,
        .flipdown .rotor-leaf-rear,
        .flipdown .rotor-top,
        .flipdown .rotor-bottom,
        .flipdown .rotor:after {
            width: 35px;
        }

    .flipdown .rotor-group {
        padding-right: 20px;
    }

        .flipdown .rotor-group:last-child {
            padding-right: 0px;
        }

    .flipdown .rotor-group-heading:before {
        font-size: 0.8rem;
        height: 20px;
        line-height: 20px;
    }

    .flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):before,
    .flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):after {
        left: 78px;
    }

    .flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):before {
        bottom: 13px;
        height: 8px;
        width: 8px;
    }

    .flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):after {
        bottom: 29px;
        height: 8px;
        width: 8px;
    }

    .flipdown .rotor-leaf-front,
    .flipdown .rotor-top {
        line-height: 50px;
    }

    .flipdown .rotor-leaf,
    .flipdown .rotor {
        height: 50px;
    }

        .flipdown .rotor-leaf-front,
        .flipdown .rotor-leaf-rear,
        .flipdown .rotor-top,
        .flipdown .rotor-bottom,
        .flipdown .rotor:after {
            height: 25px;
        }

.rewards-intro .modalBody {
    background-image: url(../images/overlay/gift-rising.png);
    background-position: center;
    background-repeat: no-repeat;
}

    .rewards-intro .modalBody .modalTitle {
        color: #CFA54B;
    }

    .rewards-intro .modalBody .messageWrap {
        font-size: 16px;
    }

    .rewards-intro .modalBody .reward__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .rewards-intro .modalBody .reward__wrapper img {
            max-width: 260px;
        }

.rewards-claim .modalBody {
    background-image: url(../images/overlay/claim-gift-rising.png);
    background-position: center;
    background-repeat: no-repeat;
}

    .rewards-claim .modalBody .modalTitle {
        color: #CFA54B;
    }

    .rewards-claim .modalBody .messageWrap {
        font-size: 16px;
    }

    .rewards-claim .modalBody .reward__wrapper img {
        max-width: 260px;
    }

    .rewards-claim .modalBody .actionGrid button:first-child {
        margin-bottom: 15px;
    }

.player-profile {
    /* / profile overview*/
}

    .player-profile .bannerSection {
        /* / Rankind details*/
    }

        .player-profile .bannerSection .bannerMdCont {
            border-bottom-left-radius: 0rem;
            border-bottom-right-radius: 0rem;
        }

        .player-profile .bannerSection .ranking-details {
            background-color: #202024;
            color: #fff;
            border-bottom-left-radius: 0.5rem;
            border-bottom-right-radius: 0.5rem;
            padding: 20px 35px;
            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;
        }

            .player-profile .bannerSection .ranking-details .loading-bar {
                width: 85%;
            }

                .player-profile .bannerSection .ranking-details .loading-bar .progress {
                    width: 85%;
                    height: 23px;
                    padding: 0 2px;
                }

                    .player-profile .bannerSection .ranking-details .loading-bar .progress .progress-value {
                        height: 19px;
                    }

                        .player-profile .bannerSection .ranking-details .loading-bar .progress .progress-value .current-level {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            -webkit-box-pack: start;
                            -ms-flex-pack: start;
                            justify-content: flex-start;
                            padding-left: 10px;
                            color: #141414;
                            font-size: 12px;
                            font-weight: 700;
                        }

                    .player-profile .bannerSection .ranking-details .loading-bar .progress .next-level {
                        position: absolute;
                        right: 10px;
                        font-size: 12px;
                        font-weight: 700;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-pack: end;
                        -ms-flex-pack: end;
                        justify-content: flex-end;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        color: #ffffff;
                    }

                .player-profile .bannerSection .ranking-details .loading-bar .remain-xp {
                    font-size: 14px;
                    font-weight: 600;
                    margin-top: 5px;
                }

                    .player-profile .bannerSection .ranking-details .loading-bar .remain-xp span {
                        color: #CFA54B;
                    }

            .player-profile .bannerSection .ranking-details .other-details {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: space-evenly;
                -ms-flex-pack: space-evenly;
                justify-content: space-evenly;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

                .player-profile .bannerSection .ranking-details .other-details .clan-details {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                }

                    .player-profile .bannerSection .ranking-details .other-details .clan-details .clan-logo-wrapper {
                        width: 65px;
                        height: 65px;
                        border-radius: 0.5rem;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-color: #202024;
                    }

                    .player-profile .bannerSection .ranking-details .other-details .clan-details .clan-name-status {
                        margin-left: 15px;
                    }

                        .player-profile .bannerSection .ranking-details .other-details .clan-details .clan-name-status h5 {
                            font-size: 20px;
                            font-weight: 700;
                        }

                .player-profile .bannerSection .ranking-details .other-details .league-ranking {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    margin-left: 35px;
                }

                    .player-profile .bannerSection .ranking-details .other-details .league-ranking .league-logo-wrapper {
                        width: 65px;
                        height: 65px;
                        background-size: contain;
                        background-repeat: no-repeat;
                    }

                    .player-profile .bannerSection .ranking-details .other-details .league-ranking .league-name-status {
                        margin-left: 15px;
                        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: start;
                        -ms-flex-align: start;
                        align-items: flex-start;
                    }

                        .player-profile .bannerSection .ranking-details .other-details .league-ranking .league-name-status h5 {
                            font-size: 20px;
                            font-weight: 700;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                        }

                        .player-profile .bannerSection .ranking-details .other-details .league-ranking .league-name-status p {
                            font-size: 16px;
                            font-weight: 600;
                        }

            .player-profile .bannerSection .ranking-details.diamond-league {
                background: rgb(32, 32, 36);
                background: linear-gradient(109deg, rgb(32, 32, 36) 25%, rgb(107, 77, 196) 85%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#202024",endColorstr="#6b4dc4",GradientType=1);
            }

            .player-profile .bannerSection .ranking-details.gold-league {
                background: rgb(32, 32, 36);
                background: linear-gradient(109deg, rgb(32, 32, 36) 25%, rgb(207, 165, 75) 85%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#202024",endColorstr="#cfa54b",GradientType=1);
            }

            .player-profile .bannerSection .ranking-details.silver-league {
                background: rgb(32, 32, 36);
                background: linear-gradient(109deg, rgb(32, 32, 36) 25%, rgb(206, 206, 206) 85%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#202024",endColorstr="#cecece",GradientType=1);
            }

            .player-profile .bannerSection .ranking-details.bronze-league {
                background: rgb(32, 32, 36);
                background: linear-gradient(109deg, rgb(32, 32, 36) 25%, rgb(132, 76, 49) 85%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#202024",endColorstr="#844c31",GradientType=1);
            }

        .player-profile .bannerSection ul.primary-action-btn.profile {
            bottom: 140px;
        }

    .player-profile .profileoverview {
        /* / tournament-list*/
        /*play history list*/
        /* Play history list */
    }

        .player-profile .profileoverview .badge-warning {
            background-color: #CFA54B;
        }

        .player-profile .profileoverview .navTabCont {
            margin-bottom: 80px;
        }

        .player-profile .profileoverview .quick-view__widget {
            background-color: #CFA54B;
            border-radius: 0.5rem;
            padding: 30px;
            width: 100%;
            margin-bottom: 60px;
        }

            .player-profile .profileoverview .quick-view__widget ul {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-pack: distribute;
                justify-content: space-around;
            }

                .player-profile .profileoverview .quick-view__widget ul li {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: start;
                    -ms-flex-align: start;
                    align-items: flex-start;
                }

                    .player-profile .profileoverview .quick-view__widget ul li .icon {
                        width: 35px;
                        height: 35px;
                    }

                    .player-profile .profileoverview .quick-view__widget ul li P {
                        font-size: 20px;
                        font-weight: 600;
                        text-align: left;
                        color: #ffffff;
                        padding-left: 5px;
                    }

                        .player-profile .profileoverview .quick-view__widget ul li P small {
                            color: #000000;
                            font-size: 16px;
                            font-weight: 400;
                        }

        .player-profile .profileoverview .description__wrapper {
            color: #ffffff;
            margin-bottom: 60px;
        }

            .player-profile .profileoverview .description__wrapper h4 {
                margin-bottom: 20px;
                text-transform: uppercase;
            }

            .player-profile .profileoverview .description__wrapper p {
                line-height: 1.6;
                font-size: 16px;
            }

            .player-profile .profileoverview .description__wrapper ul {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                margin-top: 25px;
            }

                .player-profile .profileoverview .description__wrapper ul li {
                    width: 20%;
                }

                    .player-profile .profileoverview .description__wrapper ul li:not(:first-child) {
                        margin-left: 40px;
                    }

                    .player-profile .profileoverview .description__wrapper ul li img.country-flag {
                        max-height: 20px;
                    }

                    .player-profile .profileoverview .description__wrapper ul li .wrapper {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                    }

                        .player-profile .profileoverview .description__wrapper ul li .wrapper img {
                            margin-left: 12px;
                        }

        .player-profile .profileoverview .tournament-list {
            margin-bottom: 60px;
            /*Games playing table*/
            /*Recent matches list*/
            /* Reward List table */
        }

            .player-profile .profileoverview .tournament-list .tableSection .tableGrid .tableResponsive table .item {
                padding: 0.8rem 1rem;
                min-height: 90px;
            }

                .player-profile .profileoverview .tournament-list .tableSection .tableGrid .tableResponsive table .item .imgWrap .img {
                    background-size: cover;
                    background-repeat: no-repeat;
                }

                .player-profile .profileoverview .tournament-list .tableSection .tableGrid .tableResponsive table .item .imgWrap::after {
                    content: "";
                    position: absolute;
                    right: 0;
                    top: 0;
                    bottom: 0;
                    display: block;
                    height: 100%;
                    left: 0;
                    background-repeat: no-repeat;
                    background-position: right -3px top;
                    background-size: contain;
                    background-image: url(../css/overlay/table-img-overlay.svg);
                }

                .player-profile .profileoverview .tournament-list .tableSection .tableGrid .tableResponsive table .item .tour-title__wrapper h5 {
                    text-align: left;
                    font-weight: 600;
                    font-size: 16px;
                    max-width: 320px;
                }

                .player-profile .profileoverview .tournament-list .tableSection .tableGrid .tableResponsive table .item .tour-title__wrapper ul {
                    text-align: left;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                    flex-direction: row;
                    -webkit-box-pack: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    font-size: 14px;
                }

                    .player-profile .profileoverview .tournament-list .tableSection .tableGrid .tableResponsive table .item .tour-title__wrapper ul li:not(:first-child) {
                        margin-left: 25px;
                    }

                    .player-profile .profileoverview .tournament-list .tableSection .tableGrid .tableResponsive table .item .tour-title__wrapper ul li .game-tag {
                        color: #CFA54B;
                        text-transform: uppercase;
                    }

                .player-profile .profileoverview .tournament-list .tableSection .tableGrid .tableResponsive table .item.tour-details__wrapper {
                    min-width: 320px;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -ms-flex-pack: distribute;
                    justify-content: space-around;
                }

                    .player-profile .profileoverview .tournament-list .tableSection .tableGrid .tableResponsive table .item.tour-details__wrapper ul {
                        font-size: 14px;
                    }

                        .player-profile .profileoverview .tournament-list .tableSection .tableGrid .tableResponsive table .item.tour-details__wrapper ul.tour-details {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            -ms-flex-pack: distribute;
                            justify-content: space-around;
                        }

                            .player-profile .profileoverview .tournament-list .tableSection .tableGrid .tableResponsive table .item.tour-details__wrapper ul.tour-details li {
                                margin: 0 20px;
                            }

                                .player-profile .profileoverview .tournament-list .tableSection .tableGrid .tableResponsive table .item.tour-details__wrapper ul.tour-details li p .top-title {
                                    font-size: 16px;
                                }

                                    .player-profile .profileoverview .tournament-list .tableSection .tableGrid .tableResponsive table .item.tour-details__wrapper ul.tour-details li p .top-title strong {
                                        font-weight: 700;
                                    }

                                .player-profile .profileoverview .tournament-list .tableSection .tableGrid .tableResponsive table .item.tour-details__wrapper ul.tour-details li:last-child {
                                    margin-right: 40px;
                                }

                .player-profile .profileoverview .tournament-list .tableSection .tableGrid .tableResponsive table .item.join-tour {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    border-left: solid 1px rgba(255, 255, 255, 0.2901960784);
                }

                    .player-profile .profileoverview .tournament-list .tableSection .tableGrid .tableResponsive table .item.join-tour h6 {
                        margin-right: 20px;
                        font-size: 16;
                        font-weight: 700;
                        color: #CFA54B;
                    }

                .player-profile .profileoverview .tournament-list .tableSection .tableGrid .tableResponsive table .item.imgItem {
                    padding: 0rem;
                    min-height: 90px;
                    height: 90px;
                }

                .player-profile .profileoverview .tournament-list .tableSection .tableGrid .tableResponsive table .item.tour-title {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                }

                .player-profile .profileoverview .tournament-list .tableSection .tableGrid .tableResponsive table .item.tour-details {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    min-width: 300px;
                }

            .player-profile .profileoverview .tournament-list.games-playing-list .tableSection .tableGrid .tableResponsive table .item.imgItem .img {
                background-size: contain;
                max-width: 200px;
                margin-left: 20px;
            }

            .player-profile .profileoverview .tournament-list.games-playing-list .tableSection .tableGrid .tableResponsive table .item .tour-title__wrapper .badge-warning {
                padding: 5px 10px;
                background-color: #CFA54B;
            }

            .player-profile .profileoverview .tournament-list.games-playing-list .tableSection .tableGrid .tableResponsive table .item.tour-details__wrapper ul {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: space-evenly;
                -ms-flex-pack: space-evenly;
                justify-content: space-evenly;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
            }

                .player-profile .profileoverview .tournament-list.games-playing-list .tableSection .tableGrid .tableResponsive table .item.tour-details__wrapper ul.tour-details .other-player-list {
                    margin-top: 5px;
                }

                    .player-profile .profileoverview .tournament-list.games-playing-list .tableSection .tableGrid .tableResponsive table .item.tour-details__wrapper ul.tour-details .other-player-list li:not(:last-child) {
                        margin-right: 10px;
                        margin-left: 0px;
                    }

                    .player-profile .profileoverview .tournament-list.games-playing-list .tableSection .tableGrid .tableResponsive table .item.tour-details__wrapper ul.tour-details .other-player-list li:last-child {
                        margin-left: 0px;
                        margin-right: 0px;
                    }

                    .player-profile .profileoverview .tournament-list.games-playing-list .tableSection .tableGrid .tableResponsive table .item.tour-details__wrapper ul.tour-details .other-player-list li :first-child {
                        width: 200px;
                    }

                    .player-profile .profileoverview .tournament-list.games-playing-list .tableSection .tableGrid .tableResponsive table .item.tour-details__wrapper ul.tour-details .other-player-list li .other-player-img-holder {
                        height: 24px;
                        width: 24px;
                        border-radius: 50%;
                        border: 1.5px solid #CFA54B;
                        background-repeat: no-repeat;
                        background-size: cover;
                    }

            .player-profile .profileoverview .tournament-list.games-playing-list .tableSection .tableGrid .tableResponsive table .item.join-tour .btn {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
            }

                .player-profile .profileoverview .tournament-list.games-playing-list .tableSection .tableGrid .tableResponsive table .item.join-tour .btn .icon {
                    margin-left: 20px;
                }

            .player-profile .profileoverview .tournament-list.recent-matches-list h5.game-title {
                font: 16px;
                font-weight: 600;
                color: #ffffff;
                text-transform: uppercase;
            }

            .player-profile .profileoverview .tournament-list.recent-matches-list .tableSection {
                /* / Table grid */
            }

                .player-profile .profileoverview .tournament-list.recent-matches-list .tableSection .tableGrid {
                    /* / Table */
                }

                    .player-profile .profileoverview .tournament-list.recent-matches-list .tableSection .tableGrid table td .item {
                        /*side B clan*/
                    }

                        .player-profile .profileoverview .tournament-list.recent-matches-list .tableSection .tableGrid table td .item .imgWrap .img {
                            background-size: cover;
                            background-repeat: no-repeat;
                        }

                        .player-profile .profileoverview .tournament-list.recent-matches-list .tableSection .tableGrid table td .item.sideA .imgWrap {
                            max-width: 300px;
                        }

                            .player-profile .profileoverview .tournament-list.recent-matches-list .tableSection .tableGrid table td .item.sideA .imgWrap:after {
                                content: "";
                                position: absolute;
                                right: 0;
                                top: 0;
                                bottom: 0;
                                display: block;
                                height: 100%;
                                left: 0;
                                background-repeat: no-repeat;
                                background-position: right -30px top;
                                background-size: contain;
                                background-image: url(../css/overlay/table-img-overlay.svg);
                            }

                        .player-profile .profileoverview .tournament-list.recent-matches-list .tableSection .tableGrid table td .item.sideB .imgWrap {
                            max-width: 300px;
                            min-width: 300px;
                            position: absolute;
                            right: 0;
                        }

                            .player-profile .profileoverview .tournament-list.recent-matches-list .tableSection .tableGrid table td .item.sideB .imgWrap:after {
                                content: "";
                                position: absolute;
                                right: 0;
                                top: 0;
                                bottom: 0;
                                display: block;
                                height: 100%;
                                -webkit-transform: rotateY(180deg);
                                transform: rotateY(180deg);
                                left: 0;
                                background-repeat: no-repeat;
                                background-position: right -10px top;
                                background-size: contain;
                                background-image: url(../css/overlay/table-img-overlay.svg);
                            }

                        .player-profile .profileoverview .tournament-list.recent-matches-list .tableSection .tableGrid table td .item.sideA-clan {
                            text-align: left;
                        }

                            .player-profile .profileoverview .tournament-list.recent-matches-list .tableSection .tableGrid table td .item.sideA-clan .clan-details {
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                            }

                                .player-profile .profileoverview .tournament-list.recent-matches-list .tableSection .tableGrid table td .item.sideA-clan .clan-details h5 {
                                    text-align: left;
                                    font-weight: 600;
                                    font-size: 16px;
                                }

                                .player-profile .profileoverview .tournament-list.recent-matches-list .tableSection .tableGrid table td .item.sideA-clan .clan-details ul.other-player-list {
                                    display: -webkit-box;
                                    display: -ms-flexbox;
                                    display: flex;
                                    -webkit-box-pack: space-evenly;
                                    -ms-flex-pack: space-evenly;
                                    justify-content: space-evenly;
                                    -webkit-box-align: start;
                                    -ms-flex-align: start;
                                    align-items: flex-start;
                                    margin-top: 5px;
                                }

                                    .player-profile .profileoverview .tournament-list.recent-matches-list .tableSection .tableGrid table td .item.sideA-clan .clan-details ul.other-player-list li .other-player-img-holder {
                                        height: 24px;
                                        width: 24px;
                                        border-radius: 50%;
                                        border: 1.5px solid #CFA54B;
                                        background-repeat: no-repeat;
                                        background-size: cover;
                                    }

                                    .player-profile .profileoverview .tournament-list.recent-matches-list .tableSection .tableGrid table td .item.sideA-clan .clan-details ul.other-player-list li:not(:last-child) {
                                        margin-right: 10px;
                                    }

                        .player-profile .profileoverview .tournament-list.recent-matches-list .tableSection .tableGrid table td .item.sideB-clan {
                            text-align: right;
                        }

                            .player-profile .profileoverview .tournament-list.recent-matches-list .tableSection .tableGrid table td .item.sideB-clan .clan-details {
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-pack: end;
                                -ms-flex-pack: end;
                                justify-content: flex-end;
                            }

                                .player-profile .profileoverview .tournament-list.recent-matches-list .tableSection .tableGrid table td .item.sideB-clan .clan-details h5 {
                                    text-align: right;
                                    font-weight: 600;
                                    font-size: 16px;
                                }

                                .player-profile .profileoverview .tournament-list.recent-matches-list .tableSection .tableGrid table td .item.sideB-clan .clan-details ul.other-player-list {
                                    display: -webkit-box;
                                    display: -ms-flexbox;
                                    display: flex;
                                    -webkit-box-pack: space-evenly;
                                    -ms-flex-pack: space-evenly;
                                    justify-content: space-evenly;
                                    -webkit-box-align: end;
                                    -ms-flex-align: end;
                                    align-items: flex-end;
                                    margin-top: 5px;
                                }

                                    .player-profile .profileoverview .tournament-list.recent-matches-list .tableSection .tableGrid table td .item.sideB-clan .clan-details ul.other-player-list li .other-player-img-holder {
                                        height: 24px;
                                        width: 24px;
                                        border-radius: 50%;
                                        border: 1.5px solid #CFA54B;
                                        background-repeat: no-repeat;
                                        background-size: cover;
                                    }

                                    .player-profile .profileoverview .tournament-list.recent-matches-list .tableSection .tableGrid table td .item.sideB-clan .clan-details ul.other-player-list li:not(:last-child) {
                                        margin-right: 10px;
                                    }

                        .player-profile .profileoverview .tournament-list.recent-matches-list .tableSection .tableGrid table td .item.vs-center-img {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            -ms-flex-pack: distribute;
                            justify-content: space-around;
                            background-image: url(../images/overlay/vs.svg);
                            background-size: cover;
                            background-repeat: no-repeat;
                            background-position: center;
                            min-width: 70px;
                        }

                    .player-profile .profileoverview .tournament-list.recent-matches-list .tableSection .tableGrid table td:last-child {
                        min-width: 200px;
                    }

            .player-profile .profileoverview .tournament-list.reward-list .tableSection .table .item.imgItem .imgWrap .img {
                background-size: contain;
                max-height: 65px;
                left: -35px;
                position: absolute;
                top: 10px;
            }

            .player-profile .profileoverview .tournament-list.reward-list .tableSection .table .item.reward-item__wrapper {
                min-width: 245px;
            }

                .player-profile .profileoverview .tournament-list.reward-list .tableSection .table .item.reward-item__wrapper .imgReward {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                    flex-direction: row;
                    -webkit-box-pack: space-evenly;
                    -ms-flex-pack: space-evenly;
                    justify-content: space-evenly;
                }

                    .player-profile .profileoverview .tournament-list.reward-list .tableSection .table .item.reward-item__wrapper .imgReward h5 {
                        margin-bottom: 0;
                    }

                    .player-profile .profileoverview .tournament-list.reward-list .tableSection .table .item.reward-item__wrapper .imgReward .img {
                        width: 60px;
                        height: 60px;
                        background-size: contain;
                        background-repeat: no-repeat;
                    }

            .player-profile .profileoverview .tournament-list.reward-list .tableSection .table .item.claim-status {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                border-left: solid 1px rgba(255, 255, 255, 0.2901960784);
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

                .player-profile .profileoverview .tournament-list.reward-list .tableSection .table .item.claim-status .itemContent {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                }

            .player-profile .profileoverview .tournament-list.reward-list .tableSection .table .item.progressBar-table {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                border-left: solid 1px rgba(255, 255, 255, 0.2901960784);
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

                .player-profile .profileoverview .tournament-list.reward-list .tableSection .table .item.progressBar-table .itemContent {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                }

        .player-profile .profileoverview .play-history-list h5.game-title {
            font: 16px;
            font-weight: 600;
            color: #ffffff;
            text-transform: uppercase;
        }

        .player-profile .profileoverview .play-history-list .tableSection {
            /* / Table grid */
        }

            .player-profile .profileoverview .play-history-list .tableSection .text-green {
                color: #17A138;
                font-weight: 600;
                font-size: 16px;
            }

            .player-profile .profileoverview .play-history-list .tableSection .text-red {
                color: #FB5050;
                font-weight: 600;
                font-size: 16px;
            }

            .player-profile .profileoverview .play-history-list .tableSection .tableGrid {
                /* / Table */
            }

                .player-profile .profileoverview .play-history-list .tableSection .tableGrid table td .item {
                    /*side B clan*/
                }

                    .player-profile .profileoverview .play-history-list .tableSection .tableGrid table td .item .imgWrap .img {
                        background-size: cover;
                        background-repeat: no-repeat;
                    }

                    .player-profile .profileoverview .play-history-list .tableSection .tableGrid table td .item.sideA .imgWrap {
                        max-width: 300px;
                    }

                        .player-profile .profileoverview .play-history-list .tableSection .tableGrid table td .item.sideA .imgWrap:after {
                            content: "";
                            position: absolute;
                            right: 0;
                            top: 0;
                            bottom: 0;
                            display: block;
                            height: 100%;
                            left: 0;
                            background-repeat: no-repeat;
                            background-position: right -30px top;
                            background-size: contain;
                            background-image: url(../css/overlay/table-img-overlay.svg);
                        }

                    .player-profile .profileoverview .play-history-list .tableSection .tableGrid table td .item.sideB .imgWrap {
                        max-width: 300px;
                        min-width: 300px;
                        position: absolute;
                        right: 0;
                    }

                        .player-profile .profileoverview .play-history-list .tableSection .tableGrid table td .item.sideB .imgWrap:after {
                            content: "";
                            position: absolute;
                            right: 0;
                            top: 0;
                            bottom: 0;
                            display: block;
                            height: 100%;
                            -webkit-transform: rotateY(180deg);
                            transform: rotateY(180deg);
                            left: 0;
                            background-repeat: no-repeat;
                            background-position: right 0px top;
                            background-size: contain;
                            background-image: url(../css/overlay/table-img-overlay.svg);
                        }

                    .player-profile .profileoverview .play-history-list .tableSection .tableGrid table td .item.sideA-clan {
                        text-align: left;
                    }

                        .player-profile .profileoverview .play-history-list .tableSection .tableGrid table td .item.sideA-clan .clan-details {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            max-width: 65px;
                        }

                            .player-profile .profileoverview .play-history-list .tableSection .tableGrid table td .item.sideA-clan .clan-details h5 {
                                text-align: left;
                                font-weight: 600;
                                font-size: 16px;
                            }

                            .player-profile .profileoverview .play-history-list .tableSection .tableGrid table td .item.sideA-clan .clan-details ul.trophy-details {
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-pack: space-evenly;
                                -ms-flex-pack: space-evenly;
                                justify-content: flex-start;
                                -webkit-box-align: start;
                                -ms-flex-align: start;
                                align-items: flex-start;
                                margin-top: 5px;
                            }

                    .player-profile .profileoverview .play-history-list .tableSection .tableGrid table td .item.sideB-clan {
                        text-align: right;
                    }

                        .player-profile .profileoverview .play-history-list .tableSection .tableGrid table td .item.sideB-clan .clan-details {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-pack: end;
                            -ms-flex-pack: end;
                            justify-content: flex-end;
                        }

                            .player-profile .profileoverview .play-history-list .tableSection .tableGrid table td .item.sideB-clan .clan-details h5 {
                                text-align: right;
                                font-weight: 600;
                                font-size: 16px;
                            }

                            .player-profile .profileoverview .play-history-list .tableSection .tableGrid table td .item.sideB-clan .clan-details ul.trophy-details {
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-pack: flex-end;
                                -ms-flex-pack: flex-end;
                                justify-content: flex-end;
                                -webkit-box-align: end;
                                -ms-flex-align: end;
                                align-items: flex-end;
                                margin-top: 5px;
                            }

                    .player-profile .profileoverview .play-history-list .tableSection .tableGrid table td .item.vs-center-img {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        -ms-flex-pack: distribute;
                        justify-content: space-around;
                        background-image: url(../images/overlay/gift-rising.png);
                        background-size: cover;
                        background-repeat: no-repeat;
                        background-position: center;
                        min-width: 235px;
                    }

                        .player-profile .profileoverview .play-history-list .tableSection .tableGrid table td .item.vs-center-img .itemContent {
                            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;
                        }

                            .player-profile .profileoverview .play-history-list .tableSection .tableGrid table td .item.vs-center-img .itemContent .game-status {
                                max-width: 40px;
                                margin-bottom: 5px;
                                position: absolute;
                                top: 20px;
                            }

                            .player-profile .profileoverview .play-history-list .tableSection .tableGrid table td .item.vs-center-img .itemContent .game-logo {
                                max-height: 40px;
                                position: absolute;
                                bottom: 10px;
                            }

                .player-profile .profileoverview .play-history-list .tableSection .tableGrid table td:last-child {
                    min-width: 200px;
                }

    .player-profile .inner-banner__wrapper .inner-content {
        position: absolute;
    }

/* / player profile*/
@media (max-width: 767.98px) {
    .player-profile .bannerSection {
        /* / Rankind details*/
    }

        .player-profile .bannerSection .ranking-details {
            padding: 15px 20px;
            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;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .player-profile .bannerSection .ranking-details .loading-bar {
                width: 100%;
            }

                .player-profile .bannerSection .ranking-details .loading-bar .progress {
                    width: 100%;
                    height: 23px;
                    padding: 0 2px;
                }

                    .player-profile .bannerSection .ranking-details .loading-bar .progress .progress-value {
                        height: 19px;
                    }

                        .player-profile .bannerSection .ranking-details .loading-bar .progress .progress-value .current-level {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            -webkit-box-pack: start;
                            -ms-flex-pack: start;
                            justify-content: flex-start;
                            padding-left: 10px;
                            color: #141414;
                            font-size: 12px;
                            font-weight: 700;
                        }

                    .player-profile .bannerSection .ranking-details .loading-bar .progress .next-level {
                        position: absolute;
                        right: 10px;
                        font-size: 12px;
                        font-weight: 700;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-pack: end;
                        -ms-flex-pack: end;
                        justify-content: flex-end;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        color: #ffffff;
                    }

                .player-profile .bannerSection .ranking-details .loading-bar .remain-xp {
                    font-size: 12px;
                    font-weight: 600;
                    margin-top: 5px;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                }

                    .player-profile .bannerSection .ranking-details .loading-bar .remain-xp span {
                        color: #CFA54B;
                    }

            .player-profile .bannerSection .ranking-details .other-details {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: space-evenly;
                -ms-flex-pack: space-evenly;
                justify-content: space-evenly;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-top: 35px;
            }

                .player-profile .bannerSection .ranking-details .other-details .clan-details {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                }

                    .player-profile .bannerSection .ranking-details .other-details .clan-details .clan-logo-wrapper {
                        width: 50px;
                        height: 50px;
                        border-radius: 0.5rem;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-color: #202024;
                    }

                    .player-profile .bannerSection .ranking-details .other-details .clan-details .clan-name-status {
                        margin-left: 10px;
                    }

                        .player-profile .bannerSection .ranking-details .other-details .clan-details .clan-name-status h5 {
                            font-size: 18px;
                            font-weight: 700;
                            max-width: 120px;
                            overflow: hidden;
                        }

                        .player-profile .bannerSection .ranking-details .other-details .clan-details .clan-name-status .badge {
                            font-size: 12px;
                        }

                .player-profile .bannerSection .ranking-details .other-details .league-ranking {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                }

                    .player-profile .bannerSection .ranking-details .other-details .league-ranking .league-logo-wrapper {
                        width: 50px;
                        height: 50px;
                        background-size: contain;
                        background-repeat: no-repeat;
                    }

                    .player-profile .bannerSection .ranking-details .other-details .league-ranking .league-name-status {
                        margin-left: 10px;
                        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: end;
                        -ms-flex-align: end;
                        align-items: flex-end;
                    }

                        .player-profile .bannerSection .ranking-details .other-details .league-ranking .league-name-status h5 {
                            font-size: 18px;
                            font-weight: 700;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                        }

                        .player-profile .bannerSection .ranking-details .other-details .league-ranking .league-name-status p {
                            font-size: 16px;
                            font-weight: 600;
                        }

    .player-profile .profileoverview {
        color: #ffffff;
    }

        .player-profile .profileoverview .sec-overview {
            color: #ffffff;
        }

            .player-profile .profileoverview .sec-overview .quick-view__widget {
                padding: 20px;
            }

                .player-profile .profileoverview .sec-overview .quick-view__widget ul {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                }

                    .player-profile .profileoverview .sec-overview .quick-view__widget ul li:not(:last-child) {
                        margin-bottom: 15px;
                    }

                    .player-profile .profileoverview .sec-overview .quick-view__widget ul li p {
                        font-size: 18px;
                    }

            .player-profile .profileoverview .sec-overview .description__wrapper {
                color: #ffffff;
                margin-bottom: 60px;
            }

                .player-profile .profileoverview .sec-overview .description__wrapper h4 {
                    margin-bottom: 20px;
                    text-transform: uppercase;
                }

                .player-profile .profileoverview .sec-overview .description__wrapper p {
                    line-height: 1.6;
                    font-size: 14px;
                }

                .player-profile .profileoverview .sec-overview .description__wrapper ul {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    margin-top: 25px;
                }

                    .player-profile .profileoverview .sec-overview .description__wrapper ul li {
                        width: 100%;
                    }

                        .player-profile .profileoverview .sec-overview .description__wrapper ul li:not(:first-child) {
                            margin-left: 20px;
                        }

                        .player-profile .profileoverview .sec-overview .description__wrapper ul li img.country-flag {
                            max-height: 15px;
                        }

        .player-profile .profileoverview .navTabCont .navTabWrap {
            overflow-x: scroll;
            -webkit-overflow-scrolling: touch;
            overflow-y: hidden;
        }

            .player-profile .profileoverview .navTabCont .navTabWrap::-webkit-scrollbar {
                display: none;
            }

            .player-profile .profileoverview .navTabCont .navTabWrap ul.nav-tabs {
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
            }

                .player-profile .profileoverview .navTabCont .navTabWrap ul.nav-tabs li.nav-item {
                    height: 35px;
                    width: 120px;
                }
}
/*END  media 767px*/
.team-profile .member-clan-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: 0;
    z-index: 9;
    border-radius: 0.8rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.badge {
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    padding: 0.25em 0.4em;
}

.elite {
    background-color: #6B4DC4;
}

.member {
    background-color: #CFA54B;
}

.points-page .bannerSection .ranking-details .loading-bar {
    width: 100%;
}

    .points-page .bannerSection .ranking-details .loading-bar .progress {
        width: 100%;
    }

.points-page .bannerSection .bannerWrap .league-logo-wrapper img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 25px auto;
    width: 100px;
}

.points-page .bannerSection .bannerWrap .league-logo-wrapper a {
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: 145px auto 0;
    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;
}

    .points-page .bannerSection .bannerWrap .league-logo-wrapper a h4 {
        font-size: 28px;
        font-weight: 700;
        margin-bottom: 0;
    }

.points-page .bannerSection .bannerWrap .league-logo-wrapper .arrow-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    margin: 185px auto 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .points-page .bannerSection .bannerWrap .league-logo-wrapper .arrow-wrapper .arrow {
        width: 125px;
        height: 25px;
        background-size: contain;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

        .points-page .bannerSection .bannerWrap .league-logo-wrapper .arrow-wrapper .arrow p {
            font-size: 12px;
            color: #1f1f1f;
            font-weight: 700;
            padding-left: 10px;
        }

    .points-page .bannerSection .bannerWrap .league-logo-wrapper .arrow-wrapper .current-stage-wrapper h4 {
        color: #fff;
        font-size: 21px;
        font-weight: 700;
        margin-bottom: 0;
    }

.points-page .bannerSection .bannerWrap .bg-img-holder {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: center;
}

.points-page .bannerSection .bannerWrap.diamond-league {
    background: rgb(32, 32, 36);
    background: linear-gradient(109deg, rgb(32, 32, 36) 25%, rgb(107, 77, 196) 85%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#202024", endColorstr="#6b4dc4", GradientType=1);
}

.points-page .bannerSection .bannerWrap.gold-league {
    background: rgb(32, 32, 36);
    background: linear-gradient(109deg, rgb(32, 32, 36) 25%, rgb(207, 165, 75) 85%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#202024", endColorstr="#cfa54b", GradientType=1);
}

.points-page .bannerSection .bannerWrap.silver-league {
    background: rgb(32, 32, 36);
    background: linear-gradient(109deg, rgb(32, 32, 36) 25%, rgb(206, 206, 206) 85%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#202024", endColorstr="#cecece", GradientType=1);
}

.points-page .bannerSection .bannerWrap.bronze-league {
    background: rgb(32, 32, 36);
    background: linear-gradient(109deg, rgb(32, 32, 36) 25%, rgb(132, 76, 49) 85%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#202024", endColorstr="#844c31", GradientType=1);
}

.points-page .bannerSection .bannerWrap .main-content-wrapper .xp-badge-holder {
    height: 100px;
    width: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    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;
}

    .points-page .bannerSection .bannerWrap .main-content-wrapper .xp-badge-holder h4 {
        font-weight: 700;
        font-size: 38px;
        margin-bottom: 0;
        position: relative;
        top: -10px;
        color: #fff;
    }

.points-page .bannerSection .bannerWrap .main-content-wrapper .title__wrapper p.title {
    font-size: 14px;
    font-weight: 500;
}

.points-page .bannerSection .bannerWrap .main-content-wrapper .title__wrapper p.sub-title {
    font-size: 18px;
    font-weight: 700;
    margin-top: 10px;
}

    .points-page .bannerSection .bannerWrap .main-content-wrapper .title__wrapper p.sub-title span {
        color: #cfa54b;
    }

@media (max-width: 767.98px) {
    .points-page .navTabWrap .nav-tabs li.nav-item {
        width: 160px !important;
    }

    .points-page .bannerSection .ranking-details .loading-bar {
        width: 100%;
    }

        .points-page .bannerSection .ranking-details .loading-bar .progress {
            width: 100%;
        }

    .points-page .bannerSection .bannerMdCont {
        height: 60vh;
    }

        .points-page .bannerSection .bannerMdCont .bannerWrap .bannerImg {
            height: 100%;
            background-size: auto;
            background-repeat: no-repeat;
            background-position: inherit;
        }

        .points-page .bannerSection .bannerMdCont .bannerWrap .league-logo-wrapper img {
            position: absolute;
            left: 0;
            right: 0;
            margin: 25px auto;
            width: 65px;
        }

        .points-page .bannerSection .bannerMdCont .bannerWrap .league-logo-wrapper a {
            color: #fff;
            position: absolute;
            left: 0;
            right: 0;
            margin: 100px auto 0;
            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;
        }

            .points-page .bannerSection .bannerMdCont .bannerWrap .league-logo-wrapper a h4 {
                font-size: 20px;
                font-weight: 700;
                margin-bottom: 0;
            }

        .points-page .bannerSection .bannerMdCont .bannerWrap .league-logo-wrapper .arrow-wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            position: absolute;
            left: 0;
            right: 0;
            margin: 135px auto 0;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .points-page .bannerSection .bannerMdCont .bannerWrap .league-logo-wrapper .arrow-wrapper .arrow {
                width: 105px;
                height: 20px;
                background-size: contain;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                align-items: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -ms-flex-pack: distribute;
                justify-content: space-around;
                background-repeat: no-repeat;
            }

                .points-page .bannerSection .bannerMdCont .bannerWrap .league-logo-wrapper .arrow-wrapper .arrow p {
                    font-size: 10px;
                    color: #1f1f1f;
                    font-weight: 700;
                    padding-left: 2px;
                }

            .points-page .bannerSection .bannerMdCont .bannerWrap .league-logo-wrapper .arrow-wrapper .current-stage-wrapper h4 {
                color: #fff;
                font-size: 18px;
                font-weight: 700;
                margin-bottom: 0;
            }

        .points-page .bannerSection .bannerMdCont .bannerWrap .bg-img-holder {
            height: 100%;
            width: 100%;
            background-size: cover;
            background-repeat: no-repeat;
            background-position-y: -180px;
        }

        .points-page .bannerSection .bannerMdCont .bannerWrap .main-content-wrapper .xp-badge-holder {
            height: 75px;
            width: 60px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            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;
        }

            .points-page .bannerSection .bannerMdCont .bannerWrap .main-content-wrapper .xp-badge-holder h4 {
                font-weight: 700;
                font-size: 26px;
                margin-bottom: 0;
                position: relative;
                top: -10px;
                color: #fff;
            }

        .points-page .bannerSection .bannerMdCont .bannerWrap .main-content-wrapper .title__wrapper p.title {
            font-size: 14px;
            font-weight: 500;
        }

        .points-page .bannerSection .bannerMdCont .bannerWrap .main-content-wrapper .title__wrapper p.sub-title {
            font-size: 18px;
            font-weight: 700;
            margin-top: 10px;
        }

            .points-page .bannerSection .bannerMdCont .bannerWrap .main-content-wrapper .title__wrapper p.sub-title span {
                color: #cfa54b;
            }
}

.authpage {
    max-height: 100vh;
}

    .authpage .pageContainer {
        padding-top: 1rem;
    }

.authSection {
    padding: 2rem 1rem;
    height: 100%;
}

    .authSection .authOverlayCont {
        z-index: 89;
        border-radius: 0.5rem;
        right: 0;
        left: 0;
        margin: 0 auto;
        bottom: 0;
        width: 450px;
        max-width: 30rem;
        background-color: rgba(31, 31, 31, 0.9);
    }

.authOverlayCont .authOverlayWrap .authCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: auto;
}

    .authOverlayCont .authOverlayWrap .authCard .authBody {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

.authHeader {
    padding: 2rem 0.5rem;
}

    .authHeader .logoCont .logoWrap {
        width: 100%;
        margin: auto;
    }

        .authHeader .logoCont .logoWrap a {
            display: block;
        }

        .authHeader .logoCont .logoWrap .logoImg {
            max-width: 135px;
            margin: auto;
        }

.authBody {
    padding: 0 3rem 2rem 3rem;
}

@media (max-width: 575px) {
    .authBody {
        padding: 0 1.5rem 2rem 1.5rem;
    }
}

.authBody .navTabCont .navTabWrap .nav-tabs {
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .authBody .navTabCont .navTabWrap .nav-tabs li {
        position: relative;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

        .authBody .navTabCont .navTabWrap .nav-tabs li a {
            border-radius: 0;
            background-color: transparent;
            color: rgba(255, 255, 255, 0.2);
            font-weight: 400;
            border: none;
            letter-spacing: 1px;
            text-transform: uppercase;
            text-align: center;
        }

            .authBody .navTabCont .navTabWrap .nav-tabs li a.active {
                font-weight: 700;
                color: white;
            }

                .authBody .navTabCont .navTabWrap .nav-tabs li a.active:after {
                    content: "";
                    display: block;
                    position: absolute;
                    left: 1rem;
                    right: 1rem;
                    bottom: 0;
                    height: 2px;
                    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2c2b00+0,cfa54b+50,2c2b00+100&0+0,1+50,0+99 */
                    /* FF3.6-15 */
                    /* Chrome10-25,Safari5.1-6 */
                    background: -webkit-gradient(linear, left top, right top, from(rgba(44, 43, 0, 0)), color-stop(50%, rgb(207, 165, 75)), color-stop(99%, rgba(47, 45, 2, 0)), to(rgba(44, 43, 0, 0)));
                    background: linear-gradient(to right, rgba(44, 43, 0, 0) 0%, rgb(207, 165, 75) 50%, rgba(47, 45, 2, 0) 99%, rgba(44, 43, 0, 0) 100%);
                    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002c2b00", endColorstr="#002c2b00", GradientType=1);
                    /* IE6-9 */
                }

        .authBody .navTabCont .navTabWrap .nav-tabs li:not(:last-child):before {
            content: "";
            display: block;
            position: absolute;
            width: 1px;
            top: 5px;
            bottom: 5px;
            right: 0;
            background-color: rgba(255, 255, 255, 0.2);
        }

.authBody .btnFormGroup {
    margin-top: 3rem;
}

.authBody .backBtnWrap {
    margin-bottom: 35px;
}

.authBody .gridTitleCont {
    margin-bottom: 1rem;
}

.authBody .formInfoWrap {
    margin-bottom: 35px;
}

    .authBody .formInfoWrap .formInfo {
        color: #fff;
        font-weight: 300;
    }

.loginSignupCont {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* Chrome, Safari, Edge, Opera */
    /* Firefox */
}

    .loginSignupCont .contentTabCont {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-top: 2rem;
    }

        .loginSignupCont .contentTabCont .contentTabWrap {
            height: 100%;
        }

    .loginSignupCont .separatorCont {
        margin-top: 1rem;
        text-align: center;
    }

        .loginSignupCont .separatorCont .separatorWrap {
            display: inline-block;
            position: relative;
        }

            .loginSignupCont .separatorCont .separatorWrap .separatorText {
                color: #fff;
                font-weight: 300;
                letter-spacing: 1px;
                padding-left: 10px;
                padding-right: 10px;
            }

            .loginSignupCont .separatorCont .separatorWrap:after, .loginSignupCont .separatorCont .separatorWrap:before {
                content: "";
                width: 3rem;
                height: 2px;
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                background-repeat: no-repeat;
                background-size: contain;
            }

@media (max-width: 767px) {
    .loginSignupCont .separatorCont .separatorWrap:after, .loginSignupCont .separatorCont .separatorWrap:before {
        width: 3rem;
        height: 1px;
    }
}

.loginSignupCont .separatorCont .separatorWrap:after {
    left: 100%;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.15)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cfa54b", endColorstr="#00cfa54b", GradientType=1);
    /* IE6-9 */
}

.loginSignupCont .separatorCont .separatorWrap:before {
    right: 100%;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.15)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00cfa54b", endColorstr="#cfa54b", GradientType=1);
    /* IE6-9 */
}

.loginSignupCont .socialLoginCont {
    margin-top: 2rem;
}

    .loginSignupCont .socialLoginCont .socialLoginWrap .socialLoginRow {
        margin-left: -0.8rem;
        margin-right: -0.8rem;
        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;
    }

        .loginSignupCont .socialLoginCont .socialLoginWrap .socialLoginRow .socialLoginGrid {
            padding-left: 0.8rem;
            padding-right: 0.8rem;
        }

            .loginSignupCont .socialLoginCont .socialLoginWrap .socialLoginRow .socialLoginGrid .socialBtn {
                display: block;
            }

                .loginSignupCont .socialLoginCont .socialLoginWrap .socialLoginRow .socialLoginGrid .socialBtn .icon {
                    width: 3rem;
                    height: 3rem;
                    border-radius: 0.2rem;
                    background-size: 1.8rem;
                    background-repeat: no-repeat;
                    background-position: center;
                    cursor: pointer;
                    -webkit-transition: all 0.3s;
                    transition: all 0.3s;
                }

                    .loginSignupCont .socialLoginCont .socialLoginWrap .socialLoginRow .socialLoginGrid .socialBtn .icon.fb {
                        background-image: url(../css/icons/social-login/facebook-logo.svg);
                        background-color: #1877F2;
                    }

                        .loginSignupCont .socialLoginCont .socialLoginWrap .socialLoginRow .socialLoginGrid .socialBtn .icon.fb:hover {
                            background-color: #0b5fcc;
                        }

                    .loginSignupCont .socialLoginCont .socialLoginWrap .socialLoginRow .socialLoginGrid .socialBtn .icon.google {
                        background-image: url(../css/icons/social-login/google-logo.svg);
                        background-color: #FFFFFF;
                    }

                        .loginSignupCont .socialLoginCont .socialLoginWrap .socialLoginRow .socialLoginGrid .socialBtn .icon.google:hover {
                            background-color: #e6e6e6;
                        }

                    .loginSignupCont .socialLoginCont .socialLoginWrap .socialLoginRow .socialLoginGrid .socialBtn .icon.steam {
                        background-image: url(../css/icons/social-login/steam-logo.svg);
                        background-color: #1A1918;
                        background-size: 2.1rem;
                    }

                        .loginSignupCont .socialLoginCont .socialLoginWrap .socialLoginRow .socialLoginGrid .socialBtn .icon.steam:hover {
                            background-color: #353330;
                        }

.loginSignupCont .input-group-prepend {
    border: none;
}

    .loginSignupCont .input-group-prepend .input-group-text {
        background: transparent;
        color: white;
        border-color: rgba(255, 255, 255, 0.6);
    }

.loginSignupCont input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    border: solid 1px;
    border-color: rgba(255, 255, 255, 0.6);
    border-radius: 0.4rem;
    padding: 15px 13px 15px;
    width: 100%;
    height: inherit;
    color: rgba(255, 255, 255, 0.87);
    background-color: transparent;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.loginSignupCont .form-control {
    color: #fff;
}

    .loginSignupCont .form-control:focus {
        background: transparent;
        border-color: #cfa54b;
        outline: 0;
        -webkit-box-shadow: unset;
        box-shadow: unset;
    }

.loginSignupCont .text-muted {
    font-size: 14px;
}

.loginSignupCont input::-webkit-outer-spin-button,
.loginSignupCont input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.loginSignupCont input[type=number] {
    -moz-appearance: textfield;
}

.fgtPwdCont,
.loginSignupCont,
.enterVertifyCodeCont {
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

    .fgtPwdCont.active,
    .loginSignupCont.active,
    .enterVertifyCodeCont.active {
        display: block;
    }

    .fgtPwdCont #enterVertifyCode .digit-group,
    .loginSignupCont #enterVertifyCode .digit-group,
    .enterVertifyCodeCont #enterVertifyCode .digit-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        margin-bottom: 35px;
    }

        .fgtPwdCont #enterVertifyCode .digit-group .digit-input,
        .loginSignupCont #enterVertifyCode .digit-group .digit-input,
        .enterVertifyCodeCont #enterVertifyCode .digit-group .digit-input {
            margin-right: unset;
            width: 100% !important;
            height: 3.3rem;
        }

            .fgtPwdCont #enterVertifyCode .digit-group .digit-input.incorrect,
            .loginSignupCont #enterVertifyCode .digit-group .digit-input.incorrect,
            .enterVertifyCodeCont #enterVertifyCode .digit-group .digit-input.incorrect {
                -webkit-box-shadow: none;
                box-shadow: none;
                border-color: #ED1C24;
                outline: none;
                color: #ED1C24;
            }

    .fgtPwdCont #enterVertifyCode #verificationErr,
    .loginSignupCont #enterVertifyCode #verificationErr,
    .enterVertifyCodeCont #enterVertifyCode #verificationErr {
        font-size: 14px;
    }

    .fgtPwdCont #enterVertifyCode #otpsubmitmsg,
    .loginSignupCont #enterVertifyCode #otpsubmitmsg,
    .enterVertifyCodeCont #enterVertifyCode #otpsubmitmsg {
        font-size: 14px;
        text-align: center;
    }

        .fgtPwdCont #enterVertifyCode #otpsubmitmsg p,
        .loginSignupCont #enterVertifyCode #otpsubmitmsg p,
        .enterVertifyCodeCont #enterVertifyCode #otpsubmitmsg p {
            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;
        }

            .fgtPwdCont #enterVertifyCode #otpsubmitmsg p .icon,
            .loginSignupCont #enterVertifyCode #otpsubmitmsg p .icon,
            .enterVertifyCodeCont #enterVertifyCode #otpsubmitmsg p .icon {
                width: 16px;
                height: 16px;
            }

    .fgtPwdCont #enterVertifyCode #otp-countdown-msg,
    .loginSignupCont #enterVertifyCode #otp-countdown-msg,
    .enterVertifyCodeCont #enterVertifyCode #otp-countdown-msg {
        font-size: 14px;
    }

    .fgtPwdCont .formInfoWrap p,
    .loginSignupCont .formInfoWrap p,
    .enterVertifyCodeCont .formInfoWrap p {
        font-size: 14px;
    }

.verificationStatus .statusWrapper {
    text-align: center;
}

    .verificationStatus .statusWrapper .form-group .digitCodeError {
        margin-bottom: 15px;
    }

        .verificationStatus .statusWrapper .form-group .digitCodeError p {
            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;
            font-size: 14px;
        }

            .verificationStatus .statusWrapper .form-group .digitCodeError p i {
                font-size: 36px;
            }

            .verificationStatus .statusWrapper .form-group .digitCodeError p .icon {
                width: 50px;
                height: 50px;
                margin-bottom: 10px;
            }

    .verificationStatus .statusWrapper .form-group .yellow-msg {
        color: #cfa54b;
        margin-bottom: 15px;
    }

.formInfoWrap {
    text-align: center;
    color: #fff;
}

.registration-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .registration-status .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .registration-status .registration-status-main__wrapper {
        width: 550px;
        border-radius: 8px;
        margin-bottom: 5rem;
        background: #1f1f1f;
        color: #fff;
        -webkit-box-shadow: 0px 20px 35px 0px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px 0px rgba(0, 0, 0, 0.26);
    }

        .registration-status .registration-status-main__wrapper .contest-cover__wrapper {
            height: 300px;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
            background-color: #1C1B1B;
        }

        .registration-status .registration-status-main__wrapper .contest-body__wrapper {
            padding: 10px 20px;
        }

            .registration-status .registration-status-main__wrapper .contest-body__wrapper .top-header__wrapper {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -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;
                margin-bottom: 25px;
            }

                .registration-status .registration-status-main__wrapper .contest-body__wrapper .top-header__wrapper .registration-status__wrapper {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -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;
                    font-size: 16px;
                    font-weight: bold;
                    width: 50%;
                    text-align: center;
                    margin-bottom: 15px;
                }

                    .registration-status .registration-status-main__wrapper .contest-body__wrapper .top-header__wrapper .registration-status__wrapper .icon {
                        width: 55px;
                        height: 55px;
                        margin-bottom: 5px;
                    }

                    .registration-status .registration-status-main__wrapper .contest-body__wrapper .top-header__wrapper .registration-status__wrapper.pending h5 {
                        color: #cfa54b;
                    }

                    .registration-status .registration-status-main__wrapper .contest-body__wrapper .top-header__wrapper .registration-status__wrapper.error h5 {
                        color: #ED1C24;
                    }

                    .registration-status .registration-status-main__wrapper .contest-body__wrapper .top-header__wrapper .registration-status__wrapper.success h5 {
                        color: #17A138;
                    }

            .registration-status .registration-status-main__wrapper .contest-body__wrapper .contest-details__wrapper {
                margin-bottom: 25px;
            }

                .registration-status .registration-status-main__wrapper .contest-body__wrapper .contest-details__wrapper h5.section-title {
                    margin-bottom: 10px;
                    text-align: center;
                    text-transform: uppercase;
                }

                .registration-status .registration-status-main__wrapper .contest-body__wrapper .contest-details__wrapper .contest-details__inner {
                    border: solid 1px #404040;
                    border-radius: 8px;
                    padding: 12px 15px;
                }

                    .registration-status .registration-status-main__wrapper .contest-body__wrapper .contest-details__wrapper .contest-details__inner .contest-details-header {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-pack: justify;
                        -ms-flex-pack: justify;
                        justify-content: space-between;
                        border-bottom: solid 1px #404040;
                    }

                        .registration-status .registration-status-main__wrapper .contest-body__wrapper .contest-details__wrapper .contest-details__inner .contest-details-header h5 {
                            margin-bottom: 12px;
                            font-size: 16px;
                        }

                            .registration-status .registration-status-main__wrapper .contest-body__wrapper .contest-details__wrapper .contest-details__inner .contest-details-header h5:last-child {
                                font-weight: bold;
                                color: #cfa54b;
                            }

                    .registration-status .registration-status-main__wrapper .contest-body__wrapper .contest-details__wrapper .contest-details__inner .contest-details-row {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        border-bottom: solid 1px #404040;
                    }

                        .registration-status .registration-status-main__wrapper .contest-body__wrapper .contest-details__wrapper .contest-details__inner .contest-details-row:last-child {
                            border-bottom: none;
                        }

                        .registration-status .registration-status-main__wrapper .contest-body__wrapper .contest-details__wrapper .contest-details__inner .contest-details-row .contest-details-col {
                            width: 50%;
                            padding: 10px 10px;
                            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: start;
                            -ms-flex-align: start;
                            align-items: flex-start;
                        }

                            .registration-status .registration-status-main__wrapper .contest-body__wrapper .contest-details__wrapper .contest-details__inner .contest-details-row .contest-details-col:first-child {
                                border-right: solid 1px #404040;
                            }

                            .registration-status .registration-status-main__wrapper .contest-body__wrapper .contest-details__wrapper .contest-details__inner .contest-details-row .contest-details-col .detials__wrapper {
                                margin-left: 0px;
                                margin-top: 5px;
                                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: center;
                                -ms-flex-pack: center;
                                justify-content: center;
                            }

                                .registration-status .registration-status-main__wrapper .contest-body__wrapper .contest-details__wrapper .contest-details__inner .contest-details-row .contest-details-col .detials__wrapper h5 {
                                    font-size: 14px;
                                    font-weight: bold;
                                }

                        .registration-status .registration-status-main__wrapper .contest-body__wrapper .contest-details__wrapper .contest-details__inner .contest-details-row .quick-details__wrapper {
                            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;
                            text-align: center;
                        }

                            .registration-status .registration-status-main__wrapper .contest-body__wrapper .contest-details__wrapper .contest-details__inner .contest-details-row .quick-details__wrapper h5 {
                                margin: 0;
                            }

                                .registration-status .registration-status-main__wrapper .contest-body__wrapper .contest-details__wrapper .contest-details__inner .contest-details-row .quick-details__wrapper h5 i {
                                    margin-right: 5px;
                                    color: #cfa54b;
                                }

                        .registration-status .registration-status-main__wrapper .contest-body__wrapper .contest-details__wrapper .contest-details__inner .contest-details-row .profile-img__holder {
                            min-width: 45px;
                            height: 45px;
                            background-size: cover;
                            border-radius: 8px;
                        }

                        .registration-status .registration-status-main__wrapper .contest-body__wrapper .contest-details__wrapper .contest-details__inner .contest-details-row.with-padding {
                            padding: 10px 10px;
                        }

                        .registration-status .registration-status-main__wrapper .contest-body__wrapper .contest-details__wrapper .contest-details__inner .contest-details-row.fee-details {
                            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;
                            text-align: center;
                        }

                            .registration-status .registration-status-main__wrapper .contest-body__wrapper .contest-details__wrapper .contest-details__inner .contest-details-row.fee-details p {
                                margin-bottom: 5px;
                            }

                                .registration-status .registration-status-main__wrapper .contest-body__wrapper .contest-details__wrapper .contest-details__inner .contest-details-row.fee-details p:last-child {
                                    color: #fb5050;
                                    width: 75%;
                                }

                            .registration-status .registration-status-main__wrapper .contest-body__wrapper .contest-details__wrapper .contest-details__inner .contest-details-row.fee-details h5 {
                                font-weight: bold;
                            }

                        .registration-status .registration-status-main__wrapper .contest-body__wrapper .contest-details__wrapper .contest-details__inner .contest-details-row.payment-type-details {
                            -webkit-box-orient: vertical;
                            -webkit-box-direction: normal;
                            -ms-flex-direction: column;
                            flex-direction: column;
                        }

                            .registration-status .registration-status-main__wrapper .contest-body__wrapper .contest-details__wrapper .contest-details__inner .contest-details-row.payment-type-details .payment-type {
                                cursor: pointer;
                                border-radius: 8px;
                                padding: 15px 20px;
                                font-weight: bold;
                                border: solid 1px #404040;
                                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;
                                width: 100%;
                                -webkit-transition: 0.4s;
                                transition: 0.4s;
                            }

                                .registration-status .registration-status-main__wrapper .contest-body__wrapper .contest-details__wrapper .contest-details__inner .contest-details-row.payment-type-details .payment-type h5 {
                                    margin-bottom: 0;
                                    font-size: 14px;
                                }

                                .registration-status .registration-status-main__wrapper .contest-body__wrapper .contest-details__wrapper .contest-details__inner .contest-details-row.payment-type-details .payment-type:hover {
                                    border: solid 1px #cfa54b;
                                    -webkit-transition: 0.4s;
                                    transition: 0.4s;
                                    color: #cfa54b;
                                }

                                .registration-status .registration-status-main__wrapper .contest-body__wrapper .contest-details__wrapper .contest-details__inner .contest-details-row.payment-type-details .payment-type:last-child {
                                    margin-top: 15px;
                                }

                                .registration-status .registration-status-main__wrapper .contest-body__wrapper .contest-details__wrapper .contest-details__inner .contest-details-row.payment-type-details .payment-type img {
                                    height: 18px;
                                }

                    .registration-status .registration-status-main__wrapper .contest-body__wrapper .contest-details__wrapper .contest-details__inner.player-details:not(:first-child) {
                        margin-top: 15px;
                    }

                    .registration-status .registration-status-main__wrapper .contest-body__wrapper .contest-details__wrapper .contest-details__inner .more-details-wrapper {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-pack: justify;
                        -ms-flex-pack: justify;
                        justify-content: space-between;
                    }

                        .registration-status .registration-status-main__wrapper .contest-body__wrapper .contest-details__wrapper .contest-details__inner .more-details-wrapper h5 {
                            margin-bottom: 0;
                        }

                        .registration-status .registration-status-main__wrapper .contest-body__wrapper .contest-details__wrapper .contest-details__inner .more-details-wrapper a {
                            color: #4A90E2;
                            text-decoration: underline;
                        }

            .registration-status .registration-status-main__wrapper .contest-body__wrapper .contest-footer {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-pack: distribute;
                justify-content: space-around;
                padding: 30px 0;
            }

                .registration-status .registration-status-main__wrapper .contest-body__wrapper .contest-footer button {
                    width: 45%;
                }

@media (min-width: 768px) {
    .profile-img__holder {
        min-width: 65px;
        height: 65px;
        background-size: cover;
        border-radius: 8px;
    }

    .detials__wrapper {
        margin-left: 15px;
        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: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .detials__wrapper h5 {
            font-size: 16px;
            font-weight: bold;
        }

    .payment-type img {
        height: 23px;
    }

    .contest-details-row .contest-details-col {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

        .contest-details-row .contest-details-col .detials__wrapper {
            margin-top: 0 !important;
            margin-left: 15px !important;
        }

    .registration-status-main__wrapper .contest-cover__wrapper {
        background-size: contain !important;
        background-position: center;
        background-repeat: no-repeat;
    }
}

.pill-badge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 50px;
    margin-bottom: 5px;
}

    .pill-badge.warning {
        border: solid 1px #cfa54b;
        background-color: #393325;
    }

    .pill-badge.error {
        border: solid 1px #ED1C24;
        background-color: #5f393e;
    }

    .pill-badge .icon {
        margin-right: 8px;
    }

.arrow-head {
    background-color: #cfa54b;
    font-weight: 700;
    padding: 3px 0.375rem;
    position: relative;
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
    max-height: 28px;
}

    .arrow-head:after {
        content: "";
        border-top: 14px solid transparent;
        border-bottom: 14px solid transparent;
        position: absolute;
        border-left: solid 20px #cfa54b;
        width: 0;
        height: 0;
        top: 0;
        right: -20px;
    }

@media (max-width: 767px) {
    .arrow-head:after {
        border-top: 11px solid transparent;
        border-bottom: 11px solid transparent;
    }
}

.tour-registration-form .tour-registration-form__wrapper .tour-cover__holder {
    width: 100%;
    height: 435px;
    margin-bottom: 40px;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    -webkit-box-shadow: 0px 20px 35px 0px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 20px 35px 0px rgba(0, 0, 0, 0.26);
}

.tour-registration-form h5.game-tag {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 400;
    color: #cfa54b;
}

.tour-registration-form .tour__title {
    margin-bottom: 20px;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}

.tour-registration-form .tour__dec {
    color: #fff;
    line-height: 26px;
}

.tour-registration-form .sec__wrapper {
    color: #fff;
}

    .tour-registration-form .sec__wrapper h4.sec__title {
        font-size: 20px;
        margin-top: 50px;
        margin-bottom: 30px;
        font-weight: bold;
        color: #fff;
    }

    .tour-registration-form .sec__wrapper .team-member__wrapper {
        position: relative;
    }

        .tour-registration-form .sec__wrapper .team-member__wrapper:not(:last-child) {
            margin-bottom: 2rem;
        }

        .tour-registration-form .sec__wrapper .team-member__wrapper .member-title {
            font-size: 16px;
            font-weight: bold;
            color: #fff;
        }

            .tour-registration-form .sec__wrapper .team-member__wrapper .member-title::after {
                content: "";
                width: 50%;
                margin-left: 20px;
                height: 1px;
                position: absolute;
                top: 2%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                background-repeat: no-repeat;
                background-size: contain;
                background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(207, 165, 75, 0)));
                background: linear-gradient(to right, #fff 0%, rgba(207, 165, 75, 0) 100%);
            }

    .tour-registration-form .sec__wrapper.sec-footer .btn-group {
        width: 100%;
    }

        .tour-registration-form .sec__wrapper.sec-footer .btn-group button {
            width: 50%;
        }

            .tour-registration-form .sec__wrapper.sec-footer .btn-group button:not(:first-child) {
                margin-left: 20px;
            }

.tour-registration-form .drop-zone-upload .team-img-holder {
    width: 80px;
    height: 80px;
    background-color: #fff;
    margin-bottom: 15px;
    border-radius: 8px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.tour-registration-form .drop-zone-upload form.dropzone {
    border-radius: 8px !important;
    background-color: #2e2e2e;
    border: dashed 2.4px #fff;
    color: #fff;
    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;
}

label.input-label {
    color: #fff;
}

.team-member-form-duplicator__wrapper .team-member-form-duplicator {
    padding: 25px;
    width: 100%;
    border-radius: 8px;
    border: dashed 2px #cfa54b;
    font-size: 16px;
    color: #cfa54b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.dgl-points-grid__wrapper {
    width: 100%;
    display: grid;
    gap: 1rem;
    margin-bottom: 3.75rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 768px) {
    .dgl-points-grid__wrapper {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.dgl-points-grid__wrapper .dgl-points-item__wrapper {
    position: relative;
}

    .dgl-points-grid__wrapper .dgl-points-item__wrapper .dgl-points-item {
        position: relative;
        background-color: #cfa54b;
        border-radius: 0.5rem;
        padding: 0.1563rem;
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
        /* Animation */
    }

        .dgl-points-grid__wrapper .dgl-points-item__wrapper .dgl-points-item .dgl-points-item-inner__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-align: center;
            -ms-flex-align: center;
            align-items: center;
            position: relative;
        }

            .dgl-points-grid__wrapper .dgl-points-item__wrapper .dgl-points-item .dgl-points-item-inner__wrapper .top-float-badge {
                z-index: 3;
                position: absolute;
                max-width: 4.0625rem;
                margin-top: -1rem;
                margin-right: -16rem;
            }

            .dgl-points-grid__wrapper .dgl-points-item__wrapper .dgl-points-item .dgl-points-item-inner__wrapper .dgl-points-item-inner {
                position: relative;
                background-color: #272D33;
                border-radius: 0.5rem;
                padding: 25px;
                width: 100%;
                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;
                min-height: 20rem;
                height: 100%;
                overflow: hidden;
            }

                .dgl-points-grid__wrapper .dgl-points-item__wrapper .dgl-points-item .dgl-points-item-inner__wrapper .dgl-points-item-inner .dgl-points-item-inner-content {
                    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;
                    height: 100%;
                }

                    .dgl-points-grid__wrapper .dgl-points-item__wrapper .dgl-points-item .dgl-points-item-inner__wrapper .dgl-points-item-inner .dgl-points-item-inner-content .points-value__wrapper {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        font-size: 16px;
                        color: #fff;
                        font-weight: 700;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        margin-bottom: 3.125rem;
                    }

                        .dgl-points-grid__wrapper .dgl-points-item__wrapper .dgl-points-item .dgl-points-item-inner__wrapper .dgl-points-item-inner .dgl-points-item-inner-content .points-value__wrapper img {
                            max-width: 20px;
                            margin-right: 0.3125rem;
                        }

                    .dgl-points-grid__wrapper .dgl-points-item__wrapper .dgl-points-item .dgl-points-item-inner__wrapper .dgl-points-item-inner .dgl-points-item-inner-content img {
                        max-width: 12.5rem;
                        max-height: 11rem;
                    }

                .dgl-points-grid__wrapper .dgl-points-item__wrapper .dgl-points-item .dgl-points-item-inner__wrapper .dgl-points-item-inner .inner-side-info {
                    background-color: #6b4dc4;
                    position: absolute;
                    bottom: 0;
                    width: 100%;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    padding: 5px 0;
                    color: #fff;
                    font-weight: 500;
                }

            .dgl-points-grid__wrapper .dgl-points-item__wrapper .dgl-points-item .dgl-points-item-inner__wrapper .btn-purchase {
                font-size: 18px;
                font-weight: 700;
                padding: 0.75rem 0;
                width: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                position: relative;
            }

                .dgl-points-grid__wrapper .dgl-points-item__wrapper .dgl-points-item .dgl-points-item-inner__wrapper .btn-purchase s {
                    font-size: 80%;
                    position: absolute;
                    top: -5px;
                }

.points-history {
    font-weight: 600;
    font-size: 16px;
}

    .points-history img {
        position: absolute;
    }

    .points-history.earn {
        color: #17A138;
    }

    .points-history.burn {
        color: #fb5050;
    }

.pointsHistoryTable .history-highlighter {
    color: #cfa54b;
}

    .pointsHistoryTable .history-highlighter i {
        font-size: 16px;
        margin-inline: 0.625rem;
    }

.points-value__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    color: #fff;
}

    .points-value__wrapper img {
        max-width: 1.5625rem;
    }

    .points-value__wrapper .primary-highlighter {
        color: #cfa54b;
    }

.modalBody {
    overflow: hidden;
}

    .modalBody .modal-top-featured__wrapper {
        height: 28.125rem;
        min-width: 122%;
        position: relative;
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: center;
        -webkit-transform: translateZ(-3.5rem) translateX(-3.5rem) translateY(-3.5rem);
        transform: translateZ(-3.5rem) translateX(-3.5rem) translateY(-3.5rem);
        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: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

        .modalBody .modal-top-featured__wrapper.bg-shining-star {
            background-position-y: -5rem;
        }

        .modalBody .modal-top-featured__wrapper .top-feature-present-img {
            max-height: 9.375rem;
            max-width: 15.625rem;
            margin-bottom: 1.5rem;
        }

        .modalBody .modal-top-featured__wrapper .text__wrapper {
            margin-bottom: 1.5rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            z-index: 9;
            position: relative;
            border-radius: 4.8px;
        }

            .modalBody .modal-top-featured__wrapper .text__wrapper.points-display {
                background-color: #222222;
                padding: 1rem 1.875rem;
                outline: solid 0.1437rem #cfa54b;
                border-radius: 5rem;
            }

                .modalBody .modal-top-featured__wrapper .text__wrapper.points-display h5 {
                    margin-bottom: 0;
                }

                .modalBody .modal-top-featured__wrapper .text__wrapper.points-display.error {
                    outline: solid 0.1437rem #ED1C24;
                    background-color: #ED1C24;
                }

        .modalBody .modal-top-featured__wrapper::before {
            content: "";
            position: absolute;
            z-index: 3;
            height: 5rem;
            width: 100%;
            bottom: 0;
            background: rgb(34, 34, 34);
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(34, 34, 34, 0)), color-stop(91%, rgb(34, 34, 34)));
            background: linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, rgb(34, 34, 34) 91%);
        }

.dgl-letsplay-grid__wrapper {
    width: 100%;
    display: grid;
    gap: 1rem;
    margin-bottom: 3.75rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 768px) {
    .dgl-letsplay-grid__wrapper {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.dgl-letsplay-grid__wrapper .dgl-letsplay-item__wrapper {
    position: relative;
}

    .dgl-letsplay-grid__wrapper .dgl-letsplay-item__wrapper .dgl-letsplay-item {
        position: relative;
        background-color: #272D33;
        border-radius: 0.5rem;
        outline: solid 0.0625rem #fff;
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
    }

        .dgl-letsplay-grid__wrapper .dgl-letsplay-item__wrapper .dgl-letsplay-item .dgl-letsplay-item-inner__wrapper .letsplay-action-btn__wrapper {
            padding: 0 1.25rem 1.25rem 1.25rem;
        }

            .dgl-letsplay-grid__wrapper .dgl-letsplay-item__wrapper .dgl-letsplay-item .dgl-letsplay-item-inner__wrapper .letsplay-action-btn__wrapper .btnPlay {
                width: 100%;
            }

        .dgl-letsplay-grid__wrapper .dgl-letsplay-item__wrapper .dgl-letsplay-item .dgl-letsplay-item-inner__wrapper .dgl-letsplay-item-inner .dgl-letsplay-item-inner-cover {
            height: 18.75rem;
            border-radius: 0.5rem;
            background-size: cover;
            background-position: center;
            position: relative;
        }

            .dgl-letsplay-grid__wrapper .dgl-letsplay-item__wrapper .dgl-letsplay-item .dgl-letsplay-item-inner__wrapper .dgl-letsplay-item-inner .dgl-letsplay-item-inner-cover:after {
                content: "";
                position: absolute;
                z-index: 3;
                height: 5rem;
                width: 100%;
                bottom: 0;
                background: rgb(39, 45, 51);
                background: -webkit-gradient(linear, left top, left bottom, from(rgba(39, 45, 51, 0)), color-stop(68%, rgba(39, 45, 51, 0.8575805322)), to(rgb(39, 45, 51)));
                background: linear-gradient(180deg, rgba(39, 45, 51, 0) 0%, rgba(39, 45, 51, 0.8575805322) 68%, rgb(39, 45, 51) 100%);
            }

        .dgl-letsplay-grid__wrapper .dgl-letsplay-item__wrapper .dgl-letsplay-item .dgl-letsplay-item-inner__wrapper .dgl-letsplay-item-inner .dgl-letsplay-item-inner-content {
            color: #fff;
            padding: 0.625rem 1.25rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

            .dgl-letsplay-grid__wrapper .dgl-letsplay-item__wrapper .dgl-letsplay-item .dgl-letsplay-item-inner__wrapper .dgl-letsplay-item-inner .dgl-letsplay-item-inner-content .letsplay-content-wrapper {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
            }

                .dgl-letsplay-grid__wrapper .dgl-letsplay-item__wrapper .dgl-letsplay-item .dgl-letsplay-item-inner__wrapper .dgl-letsplay-item-inner .dgl-letsplay-item-inner-content .letsplay-content-wrapper .game-title {
                    margin-bottom: 0.3125rem;
                    font-weight: 600;
                }

.status-indicator {
    color: #fff;
    outline: 0.0625rem solid #fff;
    border-radius: 1.875rem;
    font-size: 10px;
    font-weight: 500;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    text-transform: uppercase;
    background-color: rgba(255, 255, 255, 0.45);
    padding: 0.2188rem 0.625rem;
    -webkit-transform: translate3d(15px, 15px, 15px);
    transform: translate3d(15px, 15px, 15px);
}

.leader-board-wrap {
    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;
}

    .leader-board-wrap .top-later-img__wrapper {
        position: absolute;
        z-index: 5;
        color: #fff;
        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;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        width: 100%;
    }

        .leader-board-wrap .top-later-img__wrapper .top-layer-title {
            font-size: 18px;
            font-weight: 600;
            margin-top: 0.625rem;
        }

        .leader-board-wrap .top-later-img__wrapper .top-later-img {
            height: 4.0625rem;
            width: 4.0625rem;
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
        }

        .leader-board-wrap .top-later-img__wrapper::after {
            content: "";
            z-index: -1;
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: rgba(31, 31, 31, 0.65);
        }

.title-container {
    margin: 50px auto;
}

    .title-container .title-container__wrapper {
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -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;
        text-align: center;
    }

        .title-container .title-container__wrapper .title-container-img__wrapper img {
            max-width: 10rem;
        }

        .title-container .title-container__wrapper h1 {
            font-weight: 600;
            margin-bottom: 1.875rem;
        }