@charset "UTF-8";
header {
    display: block;
    background-color: var(--header-bg)
}

header .inner {
    margin: 0 auto;
    height: 8em;
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center
}

header .inner .header-right {
    flex: 0 1 24em;
    margin-left: 2em
}

header .inner .header-right.bottom {
    display: flex;
    flex-direction: column;
    align-self: flex-end;
    grid-row-gap: 1em
}

header .inner .header-right .search-form .game-search input.form-control {
    background-color: var(--header-bg);
    border: 1px solid var(--border);
    color: var(--text);
    border-radius: 2em;
    cursor: text;
    padding: 0 40px 0 20px
}

header .inner .header-right .search-form .game-search input.form-control::placeholder {
    font-family: var(--siteff);
    font-weight: 500;
    color: var(--text);
    font-size: 12px;
    line-height: 40px
}

header .inner .header-right .search-form .game-search .search-icon {
    color: var(--text)
}

header .inner .header-right .search-form .game-search.active {
    z-index: 99999;
    position: relative
}

header .inner .header-right .search-form .game-search.active input {
    border-color: var(--theme-color);
    background-color: var(--header-bg-cont)
}

header .inner .header-right .search-form .game-search.active .search-icon {
    color: var(--header-bg-hover)
}

header .inner .header-right .search-form .game-search.active .search-icon i.fa-search::before {
    content: ""
}

header .inner .header-right .account-information {
    flex: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

header .inner .header-right .account-information .account-cart-quickview {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1em;
    padding: 0 1em;
    cursor: pointer;
    color: var(--text);
    position: relative;
    height: 40px;
    width: 40px;
    border-radius: var(--border-radius);
    border: 1px solid var(--main-color-light);
    background-color: var(--main-color-light)
}

header .inner .header-right .account-information .account-cart-quickview.active,
header .inner .header-right .account-information .account-cart-quickview:hover {
    border-color: var(--header-bg-cont);
    background-color: var(--header-bg-cont)
}

header .inner .header-right .account-information .account-cart-quickview.active {
    border-color: var(--header-bg-cont);
    background-color: var(--header-bg-cont);
    z-index: 99999
}

header .inner .header-right .account-information .account-cart-quickview.active .icon-handbag {
    color: var(--header-bg-hover)
}

header .inner .header-right .account-information .account-cart-quickview.active .icon-handbag::before {
    content: ""
}

header .inner .header-right .account-information .account-cart-quickview.active .icon-handbag:hover {
    color: var(--header-text)
}

header .inner .header-right .account-information .account-cart-quickview.active .pin {
    display: none
}

header .inner .header-right .account-information .account-cart-quickview .icon-handbag {
    position: relative;
    font-size: 22px
}

header .inner .header-right .account-information .account-cart-quickview .icon-handbag .pin {
    top: -5px;
    left: 10px;
    font-size: .4em
}

header .inner .header-right .account-information .account-notification-quickview {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1em;
    cursor: pointer;
    color: var(--text);
    position: relative;
    height: 40px;
    width: 40px;
    border-radius: var(--border-radius);
    border: 1px solid var(--border)
}

header .inner .header-right .account-information .account-notification-quickview.active,
header .inner .header-right .account-information .account-notification-quickview:hover {
    border-color: var(--theme);
    background-color: var(--theme-cont)
}

header .inner .header-right .account-information .account-notification-quickview.active {
    border-color: var(--theme);
    background-color: var(--theme-cont);
    z-index: 99999
}

header .inner .header-right .account-information .account-notification-quickview.active .icon-bell {
    margin-top: 1px;
    color: var(--header-bg-hover)
}

header .inner .header-right .account-information .account-notification-quickview.active .icon-bell::before {
    content: ""
}

header .inner .header-right .account-information .account-notification-quickview.active .icon-bell:hover {
    color: var(--header-text)
}

header .inner .header-right .account-information .account-notification-quickview.active .pin {
    display: none
}

header .inner .header-right .account-information .account-notification-quickview .icon-bell {
    position: relative;
    font-size: 22px
}

header .inner .header-right .account-information .account-notification-quickview .pin {
    top: -5px;
    left: 10px;
    font-size: .4em
}

header .inner .header-right .account-information .account-wishlist-quickview {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1em;
    padding: 0 1em;
    cursor: pointer;
    color: var(--text);
    position: relative;
    height: 40px;
    width: 40px;
    border-radius: var(--border-radius);
    border: 1px solid var(--border)
}

header .inner .header-right .account-information .account-wishlist-quickview.active,
header .inner .header-right .account-information .account-wishlist-quickview:hover {
    border-color: var(--theme-color);
    background-color: var(--theme-cont)
}

header .inner .header-right .account-information .account-wishlist-quickview.active {
    border-color: var(--theme-color);
    background-color: var(--theme-cont);
    z-index: 99999
}

header .inner .header-right .account-information .account-wishlist-quickview.active .icon-heart {
    margin-top: 1px;
    color: var(--theme-color)
}

header .inner .header-right .account-information .account-wishlist-quickview.active .icon-heart::before {
    content: ""
}

header .inner .header-right .account-information .account-wishlist-quickview.active .icon-heart:hover {
    color: var(--header-text)
}

header .inner .header-right .account-information .account-wishlist-quickview.active .pin {
    display: none
}

header .inner .header-right .account-information .account-wishlist-quickview .icon-heart {
    position: relative;
    font-size: 22px
}

header .inner .header-right .account-information .account-wishlist-quickview .pin {
    top: -5px;
    left: 10px;
    font-size: .4em
}

header .inner .header-right .account-information .account-settings-quickview {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    cursor: pointer;
    position: relative;
    border-radius: var(--border-radius);
    border: 1px solid var(--border)
}

header .inner .header-right .account-information .account-settings-quickview .outer-ring {
    height: 38px;
    width: auto;
    margin-left: .5em;
    color: var(--text)
}

header .inner .header-right .account-information .account-settings-quickview .outer-ring i {
    font-size: 26px
}

header .inner .header-right .account-information .account-settings-quickview .user-information {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    padding: 0 0 0 .5em;
    font-family: var(--siteff);
    font-size: 12px;
    font-weight: 700;
    color: var(--text)
}

header .inner .header-right .account-information .account-settings-quickview .user-information .user-name {
    color: var(--text);
    line-height: 14px
}

header .inner .header-right .account-information .account-settings-quickview .user-information .user-money {
    line-height: 14px;
    color: var(--text);
    font-weight: 600;
    opacity: .6
}

header .inner .header-right .account-information .account-settings-quickview>span {
    margin-right: .75em;
    margin-left: .5em;
    color: var(--text)
}

header .inner .header-right .account-information .account-settings-quickview.active .outer-ring i,
header .inner .header-right .account-information .account-settings-quickview.active .user-information,
header .inner .header-right .account-information .account-settings-quickview.active .user-information .user-money,
header .inner .header-right .account-information .account-settings-quickview.active .user-information .user-name,
header .inner .header-right .account-information .account-settings-quickview.active>span {
    color: var(--header-bg-hover)
}

header .inner .header-right .account-information .account-settings-quickview:hover {
    border-color: var(--header-bg-cont);
    background-color: var(--header-bg-cont)
}

header .inner .header-right .account-information .account-settings-quickview.active {
    border-color: var(--header-bg-cont);
    background-color: var(--header-bg-cont);
    z-index: 99999
}

header .inner .header-right .account-information .account-settings-quickview.active .user-information .outer-ring {
    border-color: var(--mheader-bg-hover)
}

header .inner .header-right .account-information .account-settings-quickview.active>span.fa-angle-down:before {
    content: ""
}

header .inner .header-right .account-information .account-settings-quickview.active>span:hover {
    color: var(--header-text)
}

.main-menu-wrap {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(0, 0, 0, .15)
}

.main-menu-wrap .menu-bar {
    min-height: 68px
}

.main-menu-wrap .menu-bar nav {
    display: flex;
    align-items: center
}

.main-menu-wrap .menu-bar nav .main-menu {
    min-height: auto
}

.main-menu-wrap .menu-bar nav .main-menu .menu-item>a {
    padding: 0 10px;
    line-height: inherit
}

.main-menu-wrap .menu-bar nav .main-menu .menu-item:hover>a {
    background-color: transparent
}

.main-menu-wrap .menu-bar nav .main-menu .menu-item.sub {
    position: relative
}

.main-menu-wrap .menu-bar nav .main-menu .menu-item.sub .dropdown {
    background-color: var(--header-bg);
    width: auto;
    min-width: 200px;
    padding: .5em 12px;
    top: 67px;
    left: 0;
    opacity: 1;
    border: 1px solid var(--border);
    border-top: 0;
    box-shadow: rgba(0, 0, 0, .05) 0 .25em .25em;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    transition: none
}

.main-menu-wrap .menu-bar nav .main-menu .menu-item.sub .dropdown .dropdown-item {
    border: 0;
    background-color: transparent;
    transition: none
}

.main-menu-wrap .menu-bar nav .main-menu .menu-item.sub .dropdown .dropdown-item>a {
    padding: 0;
    line-height: 30px;
    font-size: .8rem;
    font-weight: 600;
    transition: none
}

.main-menu-wrap .menu-bar nav .main-menu .menu-item.sub .dropdown .dropdown-item:hover {
    box-shadow: none;
    transition: none
}

.main-menu-wrap .menu-bar nav .main-menu .menu-item.sub .dropdown .dropdown-item:hover>a {
    border: 0;
    color: var(--menu-text-hover);
    transition: none
}

.main-menu-wrap .menu-bar .user-menu {
    display: flex;
    align-items: center;
    height: 68px
}

.main-menu-wrap .menu-bar .user-menu .user-info {
    display: flex;
    align-items: center;
    padding-right: .5em;
    cursor: pointer
}

.main-menu-wrap .menu-bar .user-menu .user-info i {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    font-size: 1.2em;
    color: var(--text)
}

.main-menu-wrap .menu-bar .user-menu .user-info p {
    font-size: .7em;
    font-weight: 600;
    word-spacing: -1px;
    letter-spacing: 0;
    color: var(--text)
}

.main-menu-wrap .menu-bar .user-menu .user-info.active i,
.main-menu-wrap .menu-bar .user-menu .user-info.active p,
.main-menu-wrap .menu-bar .user-menu .user-info.show i,
.main-menu-wrap .menu-bar .user-menu .user-info.show p,
.main-menu-wrap .menu-bar .user-menu .user-info:active i,
.main-menu-wrap .menu-bar .user-menu .user-info:active p,
.main-menu-wrap .menu-bar .user-menu .user-info:hover i,
.main-menu-wrap .menu-bar .user-menu .user-info:hover p {
    color: var(--theme-color)
}

.main-menu-wrap .menu-bar .user-menu .cart-icon {
    display: flex;
    align-items: center;
    cursor: pointer
}

.main-menu-wrap .menu-bar .user-menu .cart-icon i {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    font-size: 1.2em;
    color: var(--text)
}

.main-menu-wrap .menu-bar .user-menu .cart-icon i .pin {
    top: 0;
    left: 13px;
    height: 13px;
    width: 12px;
    color: var(--menu-bg);
    box-shadow: var(--menu-bg) 0 0 0 1px, var(--menu-bg) 0 0 0 2px;
    font-weight: 500;
    line-height: 12px;
    transition: none;
    padding-left: 1px;
    padding-top: .5px
}

.main-menu-wrap .menu-bar .user-menu .cart-icon p {
    font-size: .7em;
    font-weight: 600;
    word-spacing: -1px;
    letter-spacing: 0;
    color: var(--text)
}

.main-menu-wrap .menu-bar .user-menu .cart-icon.active i,
.main-menu-wrap .menu-bar .user-menu .cart-icon.active p,
.main-menu-wrap .menu-bar .user-menu .cart-icon.show i,
.main-menu-wrap .menu-bar .user-menu .cart-icon.show p,
.main-menu-wrap .menu-bar .user-menu .cart-icon:active i,
.main-menu-wrap .menu-bar .user-menu .cart-icon:active p,
.main-menu-wrap .menu-bar .user-menu .cart-icon:hover i,
.main-menu-wrap .menu-bar .user-menu .cart-icon:hover p {
    color: var(--theme-color)
}

.main-menu-wrap .menu-bar .user-menu .cart-icon.active i .pin,
.main-menu-wrap .menu-bar .user-menu .cart-icon.active p .pin,
.main-menu-wrap .menu-bar .user-menu .cart-icon.show i .pin,
.main-menu-wrap .menu-bar .user-menu .cart-icon.show p .pin,
.main-menu-wrap .menu-bar .user-menu .cart-icon:active i .pin,
.main-menu-wrap .menu-bar .user-menu .cart-icon:active p .pin,
.main-menu-wrap .menu-bar .user-menu .cart-icon:hover i .pin,
.main-menu-wrap .menu-bar .user-menu .cart-icon:hover p .pin {
    background-color: var(--theme-color)
}

.main-menu-wrap .menu-bar .user-menu .dropdown-menu {
    max-width: 560px;
    margin-top: 12px!important;
    padding: 1em;
    border: 1px solid var(--border);
    border-top: 0;
    border-radius: var(--border-radius);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: var(--header-bg);
    box-shadow: rgba(0, 0, 0, .05) 0 .25em .25em
}

.main-menu-wrap .menu-bar .user-menu .dropdown-menu.dashboard {
    max-width: 660px
}

.main-menu-wrap .menu-bar .user-menu .dropdown-menu .u_menu_wrp {
    width: 100%
}

.main-menu-wrap .menu-bar .user-menu .dropdown-menu .u_menu_wrp .u_menu_title {
    display: flex;
    margin: 1em;
    align-items: center;
    justify-content: space-between
}

.main-menu-wrap .menu-bar .user-menu .dropdown-menu .u_menu_wrp .u_menu_title p {
    font-weight: 500
}

.main-menu-wrap .menu-bar .user-menu .dropdown-menu .u_menu_wrp .u_menu_title p+p {
    font-weight: 700
}

.main-menu-wrap .menu-bar .user-menu .dropdown-menu .u_menu_wrp .u_menu {
    display: flex;
    flex-wrap: wrap;
    gap: .25em;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0), var(--text), rgba(0, 0, 0, 0)) center top/100% 1px no-repeat;
    padding-top: 1em
}

.main-menu-wrap .menu-bar .user-menu .dropdown-menu .u_menu_wrp .u_menu li {
    flex: 1 1 31%
}

.main-menu-wrap .menu-bar .user-menu .dropdown-menu .u_menu_wrp .u_menu li a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    grid-row-gap: 5px;
    color: var(--text-color);
    text-decoration: none;
    padding: .5em;
    box-shadow: inset 0 0 0 1px var(--border);
    border-radius: var(--border-radius);
    height: 100%;
    transition: .4s
}

.main-menu-wrap .menu-bar .user-menu .dropdown-menu .u_menu_wrp .u_menu li a i {
    position: relative;
    font-size: 1.3em;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

.main-menu-wrap .menu-bar .user-menu .dropdown-menu .u_menu_wrp .u_menu li a i .pin {
    top: 0;
    right: -4px;
    left: auto
}

.main-menu-wrap .menu-bar .user-menu .dropdown-menu .u_menu_wrp .u_menu li a i.fa-cart-shopping i {
    font-size: .875em
}

.main-menu-wrap .menu-bar .user-menu .dropdown-menu .u_menu_wrp .u_menu li a p {
    font-size: .7em;
    padding: 0;
    line-height: 16px;
    display: flex;
    align-items: flex-start
}

.main-menu-wrap .menu-bar .user-menu .dropdown-menu .u_menu_wrp .u_menu li a:hover {
    box-shadow: inset 0 0 0 1px var(--theme-cont);
    background-color: var(--theme-cont);
    color: var(--theme-color);
    transform: scale(.95)
}

.main-menu-wrap .menu-bar .user-menu .dropdown-menu .u_menu_wrp .u_menu li a:hover i,
.main-menu-wrap .menu-bar .user-menu .dropdown-menu .u_menu_wrp .u_menu li a:hover p {
    color: var(--theme-color)
}

.main-menu-wrap .menu-bar .user-menu .dropdown-menu .col-12:last-child {
    border-left: 1px solid var(--border)
}

.main-menu-wrap .menu-bar .user-menu .dropdown-menu .col-12 .close-user-info {
    position: absolute;
    right: 5px;
    top: 5px;
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--theme-color);
    color: var(--text-negatif);
    cursor: pointer
}

.main-menu-wrap .menu-bar .user-menu .dropdown-menu .col-12 .close-user-info:hover {
    background-color: var(--bs-red);
    color: var(--text-negatif)
}

.main-menu-wrap .menu-bar .user-menu .dropdown-menu figure {
    width: 100%;
    padding: 1em
}

.main-menu-wrap .menu-bar .user-menu .dropdown-menu figure img {
    width: 100%
}

.main-menu-wrap .menu-bar .user-menu .dropdown-menu h6 {
    color: var(--text);
    text-align: center;
    font-weight: 700;
    line-height: 1.4em
}

.main-menu-wrap .menu-bar .user-menu .dropdown-menu p {
    color: var(--text);
    text-align: center;
    padding: .25em 0;
    font-size: .85em
}

.main-menu-wrap .menu-bar .user-menu .dropdown-menu .btn-group {
    width: 100%;
    padding: .5em
}

.main-menu-wrap .menu-bar .user-menu .dropdown-menu .btn-group .btn {
    width: 50%;
    font-weight: 700;
    font-size: 12px;
    border: 0
}

.main-menu-wrap .menu-bar .user-menu .dropdown-menu .btn-group .btn:first-child {
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
    background-color: #1e90ff
}

.main-menu-wrap .menu-bar .user-menu .dropdown-menu .btn-group .btn:last-child {
    background-color: #9acd32;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em
}

.main-menu-wrap .menu-bar .user-menu .dropdown-menu .theme-select {
    display: flex;
    align-items: center;
    width: 226px;
    margin: auto;
    justify-content: space-between
}

.main-menu-wrap .menu-bar .user-menu .dropdown-menu .current-select,
.main-menu-wrap .menu-bar .user-menu .dropdown-menu .lang-select,
.main-menu-wrap .menu-bar .user-menu .dropdown-menu .language-select {
    width: 100%!important;
    display: flex;
    justify-content: center
}

.main-menu-wrap .menu-bar .user-menu .dropdown-menu .current-select .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.main-menu-wrap .menu-bar .user-menu .dropdown-menu .lang-select .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.main-menu-wrap .menu-bar .user-menu .dropdown-menu .language-select .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
    border-bottom: 0
}

.main-menu-wrap .menu-bar .user-menu .dropdown-menu .current-select .select2-container--default.select2-container--open.select2-container--below .select2-selection--single .select2-selection__rendered,
.main-menu-wrap .menu-bar .user-menu .dropdown-menu .lang-select .select2-container--default.select2-container--open.select2-container--below .select2-selection--single .select2-selection__rendered,
.main-menu-wrap .menu-bar .user-menu .dropdown-menu .language-select .select2-container--default.select2-container--open.select2-container--below .select2-selection--single .select2-selection__rendered {
    color: var(--theme-color)
}

.main-menu-wrap .menu-bar .user-menu .dropdown-menu .select2-container {
    width: 226px!important
}

.select2-container .language,
.select2-dropdown .language {
    width: 226px!important;
    left: 0!important;
    top: 0;
    padding: 1em;
    border: 1px solid var(--theme-cont);
    background-color: var(--main-color);
    outline: 0;
    box-shadow: none;
    z-index: 99999
}

.select2-container .language::before,
.select2-dropdown .language::before {
    display: none
}

.select2-container .language.select2-dropdown--below,
.select2-dropdown .language.select2-dropdown--below {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    border-top: none
}

.select2-container .language.select2-dropdown--above,
.select2-dropdown .language.select2-dropdown--above {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: none
}

.select2-container .currency,
.select2-dropdown .currency {
    width: 226px!important;
    left: 0!important;
    top: 0;
    padding: .5em 1em 1em;
    border: 1px solid var(--theme-cont);
    background-color: var(--main-color);
    outline: 0;
    box-shadow: none;
    z-index: 99999;
    border-radius: 0 0 .25em .25em
}

.select2-container .currency::before,
.select2-dropdown .currency::before {
    display: none
}

.offcanvas .offcanvas-header h5,
.swiper .swiper-wrapper {
    display: flex
}

.select2-container .currency.select2-dropdown--below,
.select2-dropdown .currency.select2-dropdown--below {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    border-top: none
}

.select2-container .currency.select2-dropdown--above,
.select2-dropdown .currency.select2-dropdown--above {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: none
}

.offcanvas {
    background-color: var(--main-color)
}

.offcanvas .offcanvas-header h5 p {
    margin-left: 1em
}

.offcanvas .offcanvas-header .button.close {
    background-color: var(--theme-color);
    padding: 0;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    font-size: 1em
}

.offcanvas .offcanvas-header .button.close:hover {
    background-color: var(--bs-red);
    opacity: 1;
    transform: none;
    box-shadow: none;
    transition: none
}

.offcanvas .offcanvas-header .button.close span {
    color: var(--text-negatif)
}

.offcanvas .offcanvas-body {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0), var(--text), rgba(0, 0, 0, 0)) center top/100% 1px no-repeat;
    margin-bottom: 5em
}

.offcanvas .offcanvas-body .dropdown.cart {
    position: relative;
    top: 0;
    left: 0;
    right: auto;
    margin: 0;
    width: 100%;
    box-shadow: none
}

.offcanvas .offcanvas-body .dropdown.cart .dropdown-item {
    background-color: var(--main-color-dark);
    border-radius: var(--border-radius);
    border-bottom: 0;
    margin-bottom: .5em;
    cursor: pointer
}

.offcanvas .offcanvas-body .dropdown.cart .dropdown-item.total {
    border-top: 0;
    margin-bottom: 1em;
    margin-top: 1em;
    padding: 1em
}

.offcanvas .offcanvas-body .dropdown.cart .dropdown-item.total p {
    margin-top: 0
}

.offcanvas .offcanvas-body .dropdown.cart .dropdown-item:hover {
    opacity: .6
}

.offcanvas .offcanvas-body .dropdown.notifications {
    position: relative;
    top: 0;
    left: 0;
    right: auto;
    margin: 0;
    width: 100%;
    box-shadow: none;
    cursor: pointer
}

.offcanvas .offcanvas-body .dropdown.notifications .dropdown-item {
    background-color: var(--main-color-dark);
    border-radius: var(--border-radius);
    border-bottom: 0;
    margin-bottom: .5em
}

.offcanvas .offcanvas-body .dropdown.notifications .dropdown-item:hover {
    opacity: .6
}

.offcanvas .offcanvas-body .dropdown.account-menu {
    position: relative;
    top: 0;
    left: 0;
    right: auto;
    margin: 0;
    width: 100%;
    box-shadow: none;
    cursor: pointer
}

.offcanvas .offcanvas-body .dropdown.account-menu .dropdown-item {
    background-color: var(--main-color-dark);
    border-radius: var(--border-radius);
    border-bottom: 0;
    margin-bottom: .5em
}

.offcanvas .offcanvas-body .dropdown.account-menu .dropdown-item:hover {
    background-color: var(--main-color-light)
}

.offcanvas .offcanvas-body .dropdown.account-menu .dropdown-item a:active,
.offcanvas .offcanvas-body .dropdown.account-menu .dropdown-item a:hover {
    border-left: 8px solid var(--theme-color)
}

.offcanvas .offcanvas-body .dropdown.account-menu .dropdown-item a:last-child,
.offcanvas .offcanvas-body .dropdown.account-menu .dropdown-item a:nth-child(2) {
    border-radius: var(--border-radius)!important
}

.offcanvas .offcanvas-body::-webkit-scrollbar {
    width: 12px
}

.offcanvas .offcanvas-body::-webkit-scrollbar-track {
    background-color: var(--border);
    cursor: pointer
}

.offcanvas .offcanvas-body::-webkit-scrollbar-thumb {
    background-color: var(--theme-color)
}

.home-slider {
    background-color: rgba(0, 0, 0, .3);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden
}

.home-slider .container-xxl {
    position: relative;
    overflow: hidden;
    box-sizing: border-box
}

.swiper {
    position: relative;
    max-width: 940px;
    padding: 2em 0;
    margin: 0 auto
}

.swiper .swiper-wrapper .swiper-slide {
    flex: none;
    width: 100%
}

.swiper .swiper-wrapper .swiper-slide>a {
    display: block;
    background: #fff;
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, .2) 0 0 2em;
    position: relative;
    transition: .5s;
    opacity: 0;
    pointer-events: none;
    transform: scale(.5)
}

.swiper .swiper-wrapper .swiper-slide>a:before {
    content: "";
    display: block;
    padding-top: calc(300 / 840 * 100%)
}

.swiper .swiper-wrapper .swiper-slide>a img {
    vertical-align: top;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.swiper .swiper-wrapper .swiper-slide-active>a {
    z-index: 2;
    opacity: 1;
    pointer-events: inherit;
    transform: none
}

.swiper .swiper-wrapper .swiper-slide-active>a img {
    transform: scale(1.05);
    transition: linear 5s
}

.swiper .swiper-wrapper .swiper-slide-prev>a {
    opacity: .5;
    transform: translateX(69%) scale(.75)
}

.swiper .swiper-wrapper .swiper-slide-next>a {
    opacity: .5;
    transform: translateX(-69%) scale(.75)
}

.swiper .swiper-button-next,
.swiper .swiper-button-prev {
    width: 3em;
    height: 3em;
    margin: -1.5em;
    position: absolute;
    top: 50%;
    z-index: 2;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNy45IDExLjRsNC01LjdjLjQtLjQuOS0uNyAxLjUtLjcgMS41IDAgMi4zIDEuNyAxLjUgMi45TDEyIDEybDIuOSA0LjFjLjkgMS4yIDAgMi45LTEuNSAyLjktLjYgMC0xLjEtLjMtMS41LS44bC00LTUuNmMtLjItLjQtLjItLjggMC0xLjJ6Ii8+PC9zdmc+) center/66.66% no-repeat var(--theme-color);
    transition: .3s;
    outline: 0;
    border-radius: 100%;
    box-shadow: rgba(0, 0, 0, .15) 0 0 1em;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    opacity: .8
}

.swiper .swiper-button-next:hover,
.swiper .swiper-button-prev:hover {
    opacity: 1
}

.swiper .swiper-button-prev {
    left: 0
}

.swiper .swiper-button-next {
    right: 0;
    transform: rotate(180deg)
}

.popular-product {
    margin: 1.5em 0
}

.popular-product .title {
    position: relative;
    margin-bottom: 2em
}

.popular-product .title h3 {
    font-size: 1.5em;
    font-weight: 700
}

.popular-product .title p {
    max-width: 60em;
    opacity: .75;
    margin: 0
}

.popular-product .product-list {
    display: flex;
    flex-wrap: wrap;
    margin: -.5em
}

.popular-product .product-list li {
    flex: 19em;
    margin: .5em
}

.popular-product .product-list li>div {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0;
    border-radius: var(--border-radius);
    overflow: hidden;
    background: var(--main-color);
    box-shadow: rgba(0, 0, 0, .05) 0 0 0 1px;
    align-items: flex-start;
    text-align: left;
    color: currentColor;
    text-decoration: none;
    position: relative;
    transition: all ease .5s
}

.popular-product .product-list li>div::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: grayscale(100%)
}

.popular-product .product-list li>div:hover {
    transform: scale(.95);
    transition: all ease .5s
}

.popular-product .product-list li>div .item {
    flex: auto;
    width: 100%;
    display: flex;
    align-items: center;
    padding: .75em;
    border-radius: var(--border-radius);
    overflow: hidden;
    color: var(--white);
    background-color: var(--theme-color);
    background-size: cover;
    transition: .3s
}

.popular-product .product-list li>div .item figure {
    width: 60px;
    height: 60px;
    flex: none;
    align-self: flex-start;
    margin: 0 auto;
    background: var(--white);
    border-radius: var(--border-radius);
    overflow: hidden;
    position: relative;
    transition: all ease .2s;
    display: flex;
    justify-content: center;
    align-items: center
}

.popular-product .product-list li>div .item figure img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.popular-product .product-list li>div .item .title {
    flex: auto;
    margin: 0 0 0 1em;
    align-self: center
}

.popular-product .product-list li>div .item .title .name {
    font-size: .875em;
    font-weight: 600;
    color: var(--text-negatif)
}

.popular-product .product-list li>div .item .title .sku {
    font-size: .75em;
    font-weight: 500;
    color: var(--text-negatif);
    opacity: .6
}

.popular-product .product-list li>div .price {
    white-space: nowrap;
    margin: 11px;
    font-size: 12px;
    order: 90
}

.popular-product .product-list li>div .price>b {
    font-weight: 800;
    color: rgba(0, 0, 0, .54);
    text-decoration: line-through
}

.popular-product .product-list li>div .price>b:last-of-type {
    color: #de3500;
    text-decoration: none
}

.popular-product .product-list li>div .rate {
    display: block;
    margin: 11px 0;
    padding: 0 .5em;
    border-radius: .5em;
    background: #dc143c;
    font-weight: 800;
    font-size: 12px;
    color: var(--white);
    order: 99;
    vertical-align: top
}

.popular-product .product-list li>div .d-flex {
    order: 100;
    flex: auto;
    justify-content: flex-end
}

.popular-product .product-list li>div .d-flex .button {
    height: 28px;
    width: 28px;
    padding: 0;
    margin: .5em .5em .5em 0;
    background: 0 0
}

.popular-product .product-list li>div .d-flex .button i {
    margin: 0;
    position: relative;
    left: 0;
    right: 0
}

.popular-product .product-list li>div .d-flex .button.secondary-dark i {
    background-color: var(--secondary-dark)
}

.popular-product .product-list li>div .d-flex .button.featured i {
    background-color: var(--featured)
}

.popular-product .product-list li>div .d-flex .button:active,
.popular-product .product-list li>div .d-flex .button:hover {
    box-shadow: none
}

.popular-games {
    margin: 1.5em 0
}

.popular-games .title {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2em;
    color: var(--text)
}

.popular-games .title h3 {
    font-size: 1.5em;
    font-weight: 700
}

.popular-games .title p {
    max-width: 60em;
    opacity: .75;
    margin: 0
}

.popular-games .title .more {
    flex: none;
    margin-left: 2em
}

.popular-games .game-list {
    display: flex;
    flex-wrap: wrap;
    margin: -.5em
}

.popular-games .game-list li {
    flex: 19em;
    margin: .5em
}

.popular-games .game-list li>a {
    display: flex;
    align-items: flex-start;
    text-align: left;
    padding: .75em;
    text-decoration: none;
    border-radius: var(--border-radius);
    overflow: hidden;
    background-color: var(--theme-color);
    position: relative;
    background-size: cover;
    transition: all ease .5s
}

.popular-games .game-list li>a:hover {
    transform: scale(.95);
    transition: all ease .5s
}

.popular-games .game-list li>a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: grayscale(100%)
}

.popular-games .game-list li>a figure {
    width: 60px;
    height: 60px;
    flex: none;
    align-self: flex-start;
    margin: 0 auto;
    background: #fff;
    border-radius: var(--border-radius);
    overflow: hidden;
    position: relative;
    transition: all ease .2s;
    display: flex;
    justify-content: center;
    align-items: center
}

.popular-games .game-list li>a figure img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.popular-games .game-list li>a .title {
    flex: auto;
    margin: 0 0 0 1.5em;
    align-self: center
}

.popular-games .game-list li>a .title .name {
    font-size: .875em;
    font-weight: 600;
    color: var(--text-negatif)
}

.review-carousels {
    margin: 1.5em 0;
    overflow: hidden
}

.review-carousels .carousels-wrap .title {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2em;
    color: var(--text)
}

.review-carousels .carousels-wrap .title h3 {
    font-size: 1.5em;
    font-weight: 700
}

.review-carousels .carousels-wrap .title p {
    max-width: 60em;
    opacity: .75;
    margin: 0
}

.review-carousels .carousels-wrap .title .more {
    flex: none;
    margin-left: 2em
}

.review-carousels .carousels-wrap .review-list {
    margin: 0;
    width: 100%
}

.review-carousels .carousels-wrap .review-list .owl-stage-outer .owl-stage .owl-item .wrap {
    flex: 20em;
    padding: 1em;
    min-height: 100%;
    background: var(--main-color);
    border: 1px solid var(--border);
    border-radius: var(--border-radius);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: flex-start;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--text);
    cursor: pointer;
    transition: all ease .5s
}

.review-carousels .carousels-wrap .review-list .owl-stage-outer .owl-stage .owl-item .wrap .name {
    display: flex;
    align-items: center;
    flex: auto;
    font-weight: 700;
    line-height: 2;
    white-space: nowrap;
    max-width: 15em;
    overflow: hidden;
    text-overflow: ellipsis
}

.review-carousels .carousels-wrap .review-list .owl-stage-outer .owl-stage .owl-item .wrap .name i {
    margin-right: .5em;
    font-size: 18px
}

.review-carousels .carousels-wrap .review-list .owl-stage-outer .owl-stage .owl-item .wrap .time {
    opacity: .5
}

.review-carousels .carousels-wrap .review-list .owl-stage-outer .owl-stage .owl-item .wrap .rate {
    flex: auto;
    width: 100%;
    margin-top: .5em;
    display: inline-block;
    vertical-align: top
}

.review-carousels .carousels-wrap .review-list .owl-stage-outer .owl-stage .owl-item .wrap .rate>span {
    display: block;
    position: relative;
    height: var(--RateStarSize);
    overflow: hidden;
    --RateStarSize: 1.5em
}

.review-carousels .carousels-wrap .review-list .owl-stage-outer .owl-stage .owl-item .wrap .rate>span::after,
.review-carousels .carousels-wrap .review-list .owl-stage-outer .owl-stage .owl-item .wrap .rate>span:before {
    content: "";
    display: block;
    font-size: var(--RateStarSize);
    height: 1em;
    overflow: hidden;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCA0OCc+PHBhdGggZmlsbD0nYmxhY2snIGZpbGwtb3BhY2l0eT0nLjI1JyBkPSdNMjIgOS4yNGwtNy4xOS0uNjJMMTIgMiA5LjE5IDguNjMgMiA5LjI0bDUuNDYgNC43M0w1LjgyIDIxIDEyIDE3LjI3IDE4LjE4IDIxbC0xLjYzLTcuMDNMMjIgOS4yNHpNMTIgMTUuNGwtMy43NiAyLjI3IDEtNC4yOC0zLjMyLTIuODggNC4zOC0uMzhMMTIgNi4xbDEuNzEgNC4wNCA0LjM4LjM4LTMuMzIgMi44OCAxIDQuMjhMMTIgMTUuNHonLz48cGF0aCBmaWxsPSdvcmFuZ2VyZWQnIGQ9J00xMiA0MS4yN0wxOC4xOCA0NWwtMS42NC03LjAzTDIyIDMzLjI0bC03LjE5LS42MUwxMiAyNmwtMi44MSA2LjYzLTcuMTkuNjEgNS40NiA0LjczTDUuODIgNDV6Jy8+PC9zdmc+) 0 0/1em repeat-x
}

.review-carousels .carousels-wrap .review-list .owl-stage-outer .owl-stage .owl-item .wrap .rate>span:before {
    width: 5em
}

.review-carousels .carousels-wrap .review-list .owl-stage-outer .owl-stage .owl-item .wrap .rate>span:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: calc(var(--RateStar) * 1em);
    background-position: 0 100%
}

.review-carousels .carousels-wrap .review-list .owl-stage-outer .owl-stage .owl-item .wrap .rate>span[data-star="1"]:after {
    --RateStar: 1
}

.review-carousels .carousels-wrap .review-list .owl-stage-outer .owl-stage .owl-item .wrap .rate>span[data-star="2"]:after {
    --RateStar: 2
}

.review-carousels .carousels-wrap .review-list .owl-stage-outer .owl-stage .owl-item .wrap .rate>span[data-star="3"]:after {
    --RateStar: 3
}

.review-carousels .carousels-wrap .review-list .owl-stage-outer .owl-stage .owl-item .wrap .rate>span[data-star="4"]:after {
    --RateStar: 4
}

.review-carousels .carousels-wrap .review-list .owl-stage-outer .owl-stage .owl-item .wrap .rate>span[data-star="5"]:after {
    --RateStar: 5
}

.review-carousels .carousels-wrap .review-list .owl-stage-outer .owl-stage .owl-item .wrap .comment {
    flex: auto;
    width: 100%;
    margin-top: 1em;
    word-break: break-word
}

.review-carousels .carousels-wrap .review-list .owl-stage-outer .owl-stage .owl-item .wrap:hover {
    transform: scale(.95);
    transition: all ease .5s
}

.blog-carousels {
    margin: 1.5em 0;
    overflow: hidden
}

.blog-carousels .carousels-wrap .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2em;
    color: var(--text)
}

.blog-carousels .carousels-wrap .title h3 {
    font-size: 1.5em;
    font-weight: 700;
    text-transform: uppercase
}

.blog-carousels .carousels-wrap .title h4 {
    font-size: .875em;
    font-weight: 400;
    opacity: .6;
    line-height: 1.2em
}

.blog-carousels .carousels-wrap .title .more {
    flex: none;
    margin-left: 2em
}

.blog-carousels .carousels-wrap .blog-list {
    margin: 0;
    width: 100%
}

.blog-carousels .carousels-wrap .blog-list .owl-stage-outer .owl-stage {
    display: flex
}

.blog-carousels .carousels-wrap .blog-list .owl-stage-outer .owl-stage .owl-item>a {
    display: block;
    background: var(--main-color);
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: inset rgba(0, 0, 0, .1) 0 0 0 1px;
    min-height: 100%;
    transition: all ease .5s;
    color: var(--text)
}

.index-carousels,
.merchants-carousels {
    border: 1px solid var(--border);
    background: var(--main-color);
    overflow: hidden
}

.index-carousels .carousels-wrap .product-list .owl-stage-outer .owl-stage .owl-item .product-item,
.merchants-carousels .carousels-wrap .product-list .owl-stage-outer .owl-stage .owl-item .product-item {
    box-shadow: rgba(0, 0, 0, .1) 0 0 .5em, rgba(0, 0, 0, .05) 0 0 0 1px
}

.blog-carousels .carousels-wrap .blog-list .owl-stage-outer .owl-stage .owl-item>a figure img {
    vertical-align: top;
    width: 100%;
    height: auto
}

.blog-carousels .carousels-wrap .blog-list .owl-stage-outer .owl-stage .owl-item>a h3 {
    font-family: inherit;
    font-size: 1em;
    font-weight: 800;
    margin: .8em 1.2em;
    max-height: 3em;
    overflow: hidden
}

.blog-carousels .carousels-wrap .blog-list .owl-stage-outer .owl-stage .owl-item>a p {
    font-size: .8em;
    margin: 1em 1.5em;
    opacity: .6
}

.blog-carousels .carousels-wrap .blog-list .owl-stage-outer .owl-stage .owl-item>a:hover {
    transform: scale(.95);
    transition: all ease .5s
}

.index-carousels {
    margin: 1.5em 0;
    border-radius: var(--border-radius)
}

.index-carousels .carousels-wrap {
    padding: 2em
}

.index-carousels .carousels-wrap .title {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2em;
    color: var(--text)
}

.index-carousels .carousels-wrap .title hgroup {
    max-width: 60em
}

.index-carousels .carousels-wrap .title h3 {
    font-size: 1.5em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: .5em
}

.index-carousels .carousels-wrap .title h4 {
    font-size: .875em;
    font-weight: 400;
    opacity: .6;
    line-height: 1.2em
}

.merchants-carousels .carousels-wrap .title h3,
.streamers-carousels .carousels-wrap .title h3 {
    font-size: 1.5em;
    font-weight: 700;
    text-transform: uppercase
}

.index-carousels .carousels-wrap .title .more {
    flex: none;
    margin-left: 2em
}

.index-carousels .carousels-wrap+.carousels-wrap {
    border-top: 1px solid var(--border)
}

.index-carousels .carousels-wrap .product-list .owl-stage-outer .owl-stage .owl-item {
    padding: .5em
}

.merchants-carousels {
    margin: 1.5em 0;
    border-radius: var(--border-radius)
}

.merchants-carousels .carousels-wrap {
    padding: 2em
}

.merchants-carousels .carousels-wrap .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2em;
    color: var(--text)
}

.merchants-carousels .carousels-wrap .title h4 {
    font-size: .875em;
    font-weight: 400;
    opacity: .6;
    line-height: 1.2em
}

.merchants-carousels .carousels-wrap .title .more {
    flex: none;
    margin-left: 2em
}

.merchants-carousels .carousels-wrap .product-list .owl-stage-outer .owl-stage .owl-item {
    padding: .5em
}

.streamers-carousels {
    margin: 1.5em 0;
    border: 1px solid var(--border);
    border-radius: var(--border-radius);
    background: var(--main-color);
    overflow: hidden
}

.streamers-carousels .carousels-wrap {
    padding: 2em
}

.streamers-carousels .carousels-wrap .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2em;
    color: var(--text)
}

.streamers-carousels .carousels-wrap .title h4 {
    font-size: .875em;
    font-weight: 400;
    opacity: .6;
    line-height: 1.2em
}

.streamers-carousels .carousels-wrap .title .more {
    flex: none;
    margin-left: 2em
}

.streamers-carousels .carousels-wrap .product-list .owl-stage-outer .owl-stage .owl-item {
    padding: .5em
}

.streamers-carousels .carousels-wrap .product-list .owl-stage-outer .owl-stage .owl-item .product-item {
    box-shadow: none;
    background-color: transparent
}

.streamers-carousels .carousels-wrap .product-list .owl-stage-outer .owl-stage .owl-item .product-item ul.new-pin {
    top: 8px;
    left: 8px
}

.streamers-carousels .carousels-wrap .product-list .owl-stage-outer .owl-stage .owl-item .product-item ul.new-pin li.streamers {
    background-color: #2a2929;
    border-radius: 50%;
    width: 2em;
    height: 2em
}

.streamers-carousels .carousels-wrap .product-list .owl-stage-outer .owl-stage .owl-item .product-item .product-preview-actions {
    box-shadow: rgba(0, 0, 0, .1) 0 0 .5em, rgba(0, 0, 0, .05) 0 0 0 1px;
    border-radius: 50%
}

.streamers-carousels .carousels-wrap .product-list .owl-stage-outer .owl-stage .owl-item .product-item .product-preview-actions figure {
    border-radius: 50%
}

.streamers-carousels .carousels-wrap .product-list .owl-stage-outer .owl-stage .owl-item .product-item .product-preview-actions figure.streamer img {
    /* height: 100%; */
    border-radius: 50%
}

.streamers-carousels .carousels-wrap .product-list .owl-stage-outer .owl-stage .owl-item .product-item:hover .product-preview-actions figure.streamer,
.streamers-carousels .carousels-wrap .product-list .owl-stage-outer .owl-stage .owl-item .product-item:hover .product-preview-actions figure.streamer img {
    /* height: 100% */
}

.popular-category-wrap {
    margin: 1.5em 0
}

.popular-category-wrap .category-list ul li {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none
}

.popular-category-wrap .category-list ul li a img {
    padding: 0
}

.button i,
.slide-control-wrap .nav button,
button i {
    border-radius: 50%
}

.go-top {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 20px;
    right: 220px;
    border-radius: 50%;
    background-color: var(--theme-color);
    color: var(--white);
    text-align: center;
    font-size: 27px;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
    -webkit-transition: .5;
    transition: .05;
    visibility: hidden;
    opacity: 0;
    z-index: 4;
    cursor: pointer
}

.go-top.active {
    opacity: 1;
    visibility: visible;
    bottom: 50px
}

.go-top:hover {
    transition: .05;
    transform: scale(1.05)
}

.go-top i {
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.login_header,
.reg_header {
    margin-top: auto
}

.login_header .inner,
.reg_header .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 2em;
    box-sizing: border-box
}

.login_header .inner .logo,
.reg_header .inner .logo {
    flex: none;
    margin: 0 2em
}

.login_content,
.reg_content {
    margin-bottom: auto
}

.login_content>.inner,
.reg_content>.inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2em;
    box-sizing: border-box
}

.login_content>.inner .login_box,
.login_content>.inner .reg_box,
.reg_content>.inner .login_box,
.reg_content>.inner .reg_box {
    flex: auto;
    max-width: 100em;
    margin: 0 auto;
    box-sizing: border-box;
    font-family: var(--SiteFF)
}

.login_content>.inner .login_box>.inner,
.login_content>.inner .reg_box>.inner,
.reg_content>.inner .login_box>.inner,
.reg_content>.inner .reg_box>.inner {
    background: var(--main-color);
    border-radius: var(--border-radius);
    box-shadow: rgba(0, 0, 0, .03) 0 0 1em, rgba(0, 0, 0, .05) 0 1em 2em, rgba(0, 0, 0, .03) 0 2em 4em;
    overflow: hidden;
    display: flex
}

.login_content>.inner .login_box>.inner .login_form_wrp,
.login_content>.inner .login_box>.inner .reg_form_wrp,
.login_content>.inner .reg_box>.inner .login_form_wrp,
.login_content>.inner .reg_box>.inner .reg_form_wrp,
.reg_content>.inner .login_box>.inner .login_form_wrp,
.reg_content>.inner .login_box>.inner .reg_form_wrp,
.reg_content>.inner .reg_box>.inner .login_form_wrp,
.reg_content>.inner .reg_box>.inner .reg_form_wrp {
    flex: 1;
    align-self: center;
    padding: 3em;
    box-sizing: border-box
}

.login_content>.inner .login_box>.inner .login_form_wrp .login_form,
.login_content>.inner .login_box>.inner .login_form_wrp .reg_form,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form,
.login_content>.inner .login_box>.inner .reg_form_wrp .reg_form,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form,
.login_content>.inner .reg_box>.inner .login_form_wrp .reg_form,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form,
.login_content>.inner .reg_box>.inner .reg_form_wrp .reg_form,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form,
.reg_content>.inner .login_box>.inner .login_form_wrp .reg_form,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form,
.reg_content>.inner .login_box>.inner .reg_form_wrp .reg_form,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form,
.reg_content>.inner .reg_box>.inner .login_form_wrp .reg_form,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .reg_form {
    max-width: 30em;
    margin: 0 auto
}

.login_content>.inner .login_box>.inner .login_form_wrp .login_form,
.login_content>.inner .login_box>.inner .login_form_wrp .login_form_sns,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form_sns,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form_sns,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form_sns,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form_sns,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form_sns,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form_sns,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form_sns {
    max-width: 360px!important
}

.login_content>.inner .login_box>.inner .login_form_wrp .login_form h2,
.login_content>.inner .login_box>.inner .login_form_wrp .reg_form h2,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form h2,
.login_content>.inner .login_box>.inner .reg_form_wrp .reg_form h2,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form h2,
.login_content>.inner .reg_box>.inner .login_form_wrp .reg_form h2,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form h2,
.login_content>.inner .reg_box>.inner .reg_form_wrp .reg_form h2,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form h2,
.reg_content>.inner .login_box>.inner .login_form_wrp .reg_form h2,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form h2,
.reg_content>.inner .login_box>.inner .reg_form_wrp .reg_form h2,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form h2,
.reg_content>.inner .reg_box>.inner .login_form_wrp .reg_form h2,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form h2,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .reg_form h2 {
    font-size: 1.4em;
    line-height: 1.6em;
    text-transform: uppercase;
    margin-bottom: 1em;
    color: var(--text);
    font-weight: 700
}

.login_content>.inner .login_box>.inner .login_form_wrp .login_form h6,
.login_content>.inner .login_box>.inner .login_form_wrp .reg_form h6,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form h6,
.login_content>.inner .login_box>.inner .reg_form_wrp .reg_form h6,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form h6,
.login_content>.inner .reg_box>.inner .login_form_wrp .reg_form h6,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form h6,
.login_content>.inner .reg_box>.inner .reg_form_wrp .reg_form h6,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form h6,
.reg_content>.inner .login_box>.inner .login_form_wrp .reg_form h6,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form h6,
.reg_content>.inner .login_box>.inner .reg_form_wrp .reg_form h6,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form h6,
.reg_content>.inner .reg_box>.inner .login_form_wrp .reg_form h6,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form h6,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .reg_form h6 {
    font-size: .75em;
    opacity: .7;
    margin: 1em 0;
    line-height: 1.4em
}

.login_content>.inner .login_box>.inner .login_form_wrp .login_form .btw,
.login_content>.inner .login_box>.inner .login_form_wrp .reg_form .btw,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form .btw,
.login_content>.inner .login_box>.inner .reg_form_wrp .reg_form .btw,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form .btw,
.login_content>.inner .reg_box>.inner .login_form_wrp .reg_form .btw,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form .btw,
.login_content>.inner .reg_box>.inner .reg_form_wrp .reg_form .btw,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form .btw,
.reg_content>.inner .login_box>.inner .login_form_wrp .reg_form .btw,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form .btw,
.reg_content>.inner .login_box>.inner .reg_form_wrp .reg_form .btw,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form .btw,
.reg_content>.inner .reg_box>.inner .login_form_wrp .reg_form .btw,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form .btw,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .reg_form .btw {
    padding-top: 1em;
    margin-top: 1em;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0), var(--text), rgba(0, 0, 0, 0)) center top/100% 1px no-repeat
}

.login_content>.inner .login_box>.inner .login_form_wrp .login_form .btw .button,
.login_content>.inner .login_box>.inner .login_form_wrp .reg_form .btw .button,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form .btw .button,
.login_content>.inner .login_box>.inner .reg_form_wrp .reg_form .btw .button,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form .btw .button,
.login_content>.inner .reg_box>.inner .login_form_wrp .reg_form .btw .button,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form .btw .button,
.login_content>.inner .reg_box>.inner .reg_form_wrp .reg_form .btw .button,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form .btw .button,
.reg_content>.inner .login_box>.inner .login_form_wrp .reg_form .btw .button,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form .btw .button,
.reg_content>.inner .login_box>.inner .reg_form_wrp .reg_form .btw .button,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form .btw .button,
.reg_content>.inner .reg_box>.inner .login_form_wrp .reg_form .btw .button,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form .btw .button,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .reg_form .btw .button {
    width: 100%
}

.login_content>.inner .login_box>.inner .login_form_wrp .login_form .btw .button.disabled,
.login_content>.inner .login_box>.inner .login_form_wrp .reg_form .btw .button.disabled,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form .btw .button.disabled,
.login_content>.inner .login_box>.inner .reg_form_wrp .reg_form .btw .button.disabled,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form .btw .button.disabled,
.login_content>.inner .reg_box>.inner .login_form_wrp .reg_form .btw .button.disabled,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form .btw .button.disabled,
.login_content>.inner .reg_box>.inner .reg_form_wrp .reg_form .btw .button.disabled,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form .btw .button.disabled,
.reg_content>.inner .login_box>.inner .login_form_wrp .reg_form .btw .button.disabled,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form .btw .button.disabled,
.reg_content>.inner .login_box>.inner .reg_form_wrp .reg_form .btw .button.disabled,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form .btw .button.disabled,
.reg_content>.inner .reg_box>.inner .login_form_wrp .reg_form .btw .button.disabled,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form .btw .button.disabled,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .reg_form .btw .button.disabled {
    cursor: not-allowed;
    pointer-events: none;
    --shadow-color: transparent!important;
    opacity: .5
}

.login_content>.inner .login_box>.inner .login_form_wrp .login_form .input-group-text,
.login_content>.inner .login_box>.inner .login_form_wrp .reg_form .input-group-text,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form .input-group-text,
.login_content>.inner .login_box>.inner .reg_form_wrp .reg_form .input-group-text,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form .input-group-text,
.login_content>.inner .reg_box>.inner .login_form_wrp .reg_form .input-group-text,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form .input-group-text,
.login_content>.inner .reg_box>.inner .reg_form_wrp .reg_form .input-group-text,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form .input-group-text,
.reg_content>.inner .login_box>.inner .login_form_wrp .reg_form .input-group-text,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form .input-group-text,
.reg_content>.inner .login_box>.inner .reg_form_wrp .reg_form .input-group-text,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form .input-group-text,
.reg_content>.inner .reg_box>.inner .login_form_wrp .reg_form .input-group-text,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form .input-group-text,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .reg_form .input-group-text {
    display: flex!important;
    height: 48px;
    width: 48px;
    justify-content: center
}

.login_content>.inner .login_box>.inner .login_form_wrp .login_form .col-form-label,
.login_content>.inner .login_box>.inner .login_form_wrp .reg_form .col-form-label,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form .col-form-label,
.login_content>.inner .login_box>.inner .reg_form_wrp .reg_form .col-form-label,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form .col-form-label,
.login_content>.inner .reg_box>.inner .login_form_wrp .reg_form .col-form-label,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form .col-form-label,
.login_content>.inner .reg_box>.inner .reg_form_wrp .reg_form .col-form-label,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form .col-form-label,
.reg_content>.inner .login_box>.inner .login_form_wrp .reg_form .col-form-label,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form .col-form-label,
.reg_content>.inner .login_box>.inner .reg_form_wrp .reg_form .col-form-label,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form .col-form-label,
.reg_content>.inner .reg_box>.inner .login_form_wrp .reg_form .col-form-label,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form .col-form-label,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .reg_form .col-form-label {
    font-size: .75em
}

.login_content>.inner .login_box>.inner .login_form_wrp .login_form hr,
.login_content>.inner .login_box>.inner .login_form_wrp .reg_form hr,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form hr,
.login_content>.inner .login_box>.inner .reg_form_wrp .reg_form hr,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form hr,
.login_content>.inner .reg_box>.inner .login_form_wrp .reg_form hr,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form hr,
.login_content>.inner .reg_box>.inner .reg_form_wrp .reg_form hr,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form hr,
.reg_content>.inner .login_box>.inner .login_form_wrp .reg_form hr,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form hr,
.reg_content>.inner .login_box>.inner .reg_form_wrp .reg_form hr,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form hr,
.reg_content>.inner .reg_box>.inner .login_form_wrp .reg_form hr,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form hr,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .reg_form hr {
    margin: 1em 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0), var(--text), rgba(0, 0, 0, 0)) center top/100% 1px no-repeat;
    opacity: 1
}

.login_content>.inner .login_box>.inner .login_form_wrp .login_form .form-control,
.login_content>.inner .login_box>.inner .login_form_wrp .reg_form .form-control,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form .form-control,
.login_content>.inner .login_box>.inner .reg_form_wrp .reg_form .form-control,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form .form-control,
.login_content>.inner .reg_box>.inner .login_form_wrp .reg_form .form-control,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form .form-control,
.login_content>.inner .reg_box>.inner .reg_form_wrp .reg_form .form-control,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form .form-control,
.reg_content>.inner .login_box>.inner .login_form_wrp .reg_form .form-control,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form .form-control,
.reg_content>.inner .login_box>.inner .reg_form_wrp .reg_form .form-control,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form .form-control,
.reg_content>.inner .reg_box>.inner .login_form_wrp .reg_form .form-control,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form .form-control,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .reg_form .form-control {
    height: 48px;
    line-height: 48px
}

.login_content>.inner .login_box>.inner .login_form_wrp .login_form .form-control::placeholder,
.login_content>.inner .login_box>.inner .login_form_wrp .reg_form .form-control::placeholder,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form .form-control::placeholder,
.login_content>.inner .login_box>.inner .reg_form_wrp .reg_form .form-control::placeholder,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form .form-control::placeholder,
.login_content>.inner .reg_box>.inner .login_form_wrp .reg_form .form-control::placeholder,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form .form-control::placeholder,
.login_content>.inner .reg_box>.inner .reg_form_wrp .reg_form .form-control::placeholder,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form .form-control::placeholder,
.reg_content>.inner .login_box>.inner .login_form_wrp .reg_form .form-control::placeholder,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form .form-control::placeholder,
.reg_content>.inner .login_box>.inner .reg_form_wrp .reg_form .form-control::placeholder,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form .form-control::placeholder,
.reg_content>.inner .reg_box>.inner .login_form_wrp .reg_form .form-control::placeholder,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form .form-control::placeholder,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .reg_form .form-control::placeholder {
    line-height: 48px
}

.login_content>.inner .login_box>.inner .login_form_wrp .login_form .form-check,
.login_content>.inner .login_box>.inner .login_form_wrp .reg_form .form-check,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form .form-check,
.login_content>.inner .login_box>.inner .reg_form_wrp .reg_form .form-check,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form .form-check,
.login_content>.inner .reg_box>.inner .login_form_wrp .reg_form .form-check,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form .form-check,
.login_content>.inner .reg_box>.inner .reg_form_wrp .reg_form .form-check,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form .form-check,
.reg_content>.inner .login_box>.inner .login_form_wrp .reg_form .form-check,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form .form-check,
.reg_content>.inner .login_box>.inner .reg_form_wrp .reg_form .form-check,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form .form-check,
.reg_content>.inner .reg_box>.inner .login_form_wrp .reg_form .form-check,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form .form-check,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .reg_form .form-check {
    min-height: auto;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: end
}

.login_content>.inner .login_box>.inner .login_form_wrp .login_form .form-check .form-check-input,
.login_content>.inner .login_box>.inner .login_form_wrp .reg_form .form-check .form-check-input,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form .form-check .form-check-input,
.login_content>.inner .login_box>.inner .reg_form_wrp .reg_form .form-check .form-check-input,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form .form-check .form-check-input,
.login_content>.inner .reg_box>.inner .login_form_wrp .reg_form .form-check .form-check-input,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form .form-check .form-check-input,
.login_content>.inner .reg_box>.inner .reg_form_wrp .reg_form .form-check .form-check-input,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form .form-check .form-check-input,
.reg_content>.inner .login_box>.inner .login_form_wrp .reg_form .form-check .form-check-input,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form .form-check .form-check-input,
.reg_content>.inner .login_box>.inner .reg_form_wrp .reg_form .form-check .form-check-input,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form .form-check .form-check-input,
.reg_content>.inner .reg_box>.inner .login_form_wrp .reg_form .form-check .form-check-input,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form .form-check .form-check-input,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .reg_form .form-check .form-check-input {
    margin-right: .5em
}

.login_content>.inner .login_box>.inner .login_form_wrp .login_form .form-check label,
.login_content>.inner .login_box>.inner .login_form_wrp .reg_form .form-check label,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form .form-check label,
.login_content>.inner .login_box>.inner .reg_form_wrp .reg_form .form-check label,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form .form-check label,
.login_content>.inner .reg_box>.inner .login_form_wrp .reg_form .form-check label,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form .form-check label,
.login_content>.inner .reg_box>.inner .reg_form_wrp .reg_form .form-check label,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form .form-check label,
.reg_content>.inner .login_box>.inner .login_form_wrp .reg_form .form-check label,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form .form-check label,
.reg_content>.inner .login_box>.inner .reg_form_wrp .reg_form .form-check label,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form .form-check label,
.reg_content>.inner .reg_box>.inner .login_form_wrp .reg_form .form-check label,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form .form-check label,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .reg_form .form-check label {
    margin: 0
}

.login_content>.inner .login_box>.inner .login_form_wrp .login_form .forgot-password a,
.login_content>.inner .login_box>.inner .login_form_wrp .reg_form .forgot-password a,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form .forgot-password a,
.login_content>.inner .login_box>.inner .reg_form_wrp .reg_form .forgot-password a,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form .forgot-password a,
.login_content>.inner .reg_box>.inner .login_form_wrp .reg_form .forgot-password a,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form .forgot-password a,
.login_content>.inner .reg_box>.inner .reg_form_wrp .reg_form .forgot-password a,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form .forgot-password a,
.reg_content>.inner .login_box>.inner .login_form_wrp .reg_form .forgot-password a,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form .forgot-password a,
.reg_content>.inner .login_box>.inner .reg_form_wrp .reg_form .forgot-password a,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form .forgot-password a,
.reg_content>.inner .reg_box>.inner .login_form_wrp .reg_form .forgot-password a,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form .forgot-password a,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .reg_form .forgot-password a {
    color: var(--text);
    font-size: .75em;
    font-weight: 700;
    cursor: pointer;
    padding: 0;
    opacity: 1;
    text-align: left;
    position: relative;
    width: auto;
    height: auto
}

.login_content>.inner .login_box>.inner .login_form_wrp .login_form .forgot-password a:hover,
.login_content>.inner .login_box>.inner .login_form_wrp .reg_form .forgot-password a:hover,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form .forgot-password a:hover,
.login_content>.inner .login_box>.inner .reg_form_wrp .reg_form .forgot-password a:hover,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form .forgot-password a:hover,
.login_content>.inner .reg_box>.inner .login_form_wrp .reg_form .forgot-password a:hover,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form .forgot-password a:hover,
.login_content>.inner .reg_box>.inner .reg_form_wrp .reg_form .forgot-password a:hover,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form .forgot-password a:hover,
.reg_content>.inner .login_box>.inner .login_form_wrp .reg_form .forgot-password a:hover,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form .forgot-password a:hover,
.reg_content>.inner .login_box>.inner .reg_form_wrp .reg_form .forgot-password a:hover,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form .forgot-password a:hover,
.reg_content>.inner .reg_box>.inner .login_form_wrp .reg_form .forgot-password a:hover,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form .forgot-password a:hover,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .reg_form .forgot-password a:hover {
    color: var(--theme-color)
}

.login_content>.inner .login_box>.inner .login_form_wrp .reg_form .button,
.login_content>.inner .login_box>.inner .reg_form_wrp .reg_form .button,
.login_content>.inner .reg_box>.inner .login_form_wrp .reg_form .button,
.login_content>.inner .reg_box>.inner .reg_form_wrp .reg_form .button,
.reg_content>.inner .login_box>.inner .login_form_wrp .reg_form .button,
.reg_content>.inner .login_box>.inner .reg_form_wrp .reg_form .button,
.reg_content>.inner .reg_box>.inner .login_form_wrp .reg_form .button,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .reg_form .button {
    background-color: #9acd32;
    color: #fff;
    height: 48px;
    line-height: 48px;
    padding: 0 1em
}

.login_content>.inner .login_box>.inner .login_form_wrp .reg_form .button:active,
.login_content>.inner .login_box>.inner .login_form_wrp .reg_form .button:hover,
.login_content>.inner .login_box>.inner .reg_form_wrp .reg_form .button:active,
.login_content>.inner .login_box>.inner .reg_form_wrp .reg_form .button:hover,
.login_content>.inner .reg_box>.inner .login_form_wrp .reg_form .button:active,
.login_content>.inner .reg_box>.inner .login_form_wrp .reg_form .button:hover,
.login_content>.inner .reg_box>.inner .reg_form_wrp .reg_form .button:active,
.login_content>.inner .reg_box>.inner .reg_form_wrp .reg_form .button:hover,
.reg_content>.inner .login_box>.inner .login_form_wrp .reg_form .button:active,
.reg_content>.inner .login_box>.inner .login_form_wrp .reg_form .button:hover,
.reg_content>.inner .login_box>.inner .reg_form_wrp .reg_form .button:active,
.reg_content>.inner .login_box>.inner .reg_form_wrp .reg_form .button:hover,
.reg_content>.inner .reg_box>.inner .login_form_wrp .reg_form .button:active,
.reg_content>.inner .reg_box>.inner .login_form_wrp .reg_form .button:hover,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .reg_form .button:active,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .reg_form .button:hover {
    opacity: 1;
    color: var(--white);
    transform: none;
    transition: all ease .5s
}

.login_content>.inner .login_box>.inner .login_form_wrp .login_form .cpt-text,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form .cpt-text,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form .cpt-text,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form .cpt-text,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form .cpt-text,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form .cpt-text,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form .cpt-text,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form .cpt-text {
    display: flex;
    align-items: center;
    border: 1px solid var(--border);
    border-radius: var(--border-radius);
    line-height: 48px;
    font-family: var(--siteff);
    margin: 0;
    cursor: auto
}

.login_content>.inner .login_box>.inner .login_form_wrp .login_form .cpt-text i,
.login_content>.inner .login_box>.inner .login_form_wrp .login_form .cpt-text span,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form .cpt-text i,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form .cpt-text span,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form .cpt-text i,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form .cpt-text span,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form .cpt-text i,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form .cpt-text span,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form .cpt-text i,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form .cpt-text span,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form .cpt-text i,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form .cpt-text span,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form .cpt-text i,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form .cpt-text span,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form .cpt-text i,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form .cpt-text span {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1em;
    color: var(--text);
    font-size: 1.6em
}

.login_content>.inner .login_box>.inner .login_form_wrp .login_form .cpt-text .form-control,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form .cpt-text .form-control,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form .cpt-text .form-control,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form .cpt-text .form-control,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form .cpt-text .form-control,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form .cpt-text .form-control,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form .cpt-text .form-control,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form .cpt-text .form-control {
    border: 0;
    box-shadow: none;
    background-color: transparent
}

.login_content>.inner .login_box>.inner .login_form_wrp .login_form .cpt-text .button,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form .cpt-text .button,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form .cpt-text .button,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form .cpt-text .button,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form .cpt-text .button,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form .cpt-text .button,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form .cpt-text .button,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form .cpt-text .button {
    width: 48px;
    height: 48px;
    margin: 0;
    padding: 0;
    font-size: 1.2em;
    background-color: var(--theme-color)
}

.login_content>.inner .login_box>.inner .login_form_wrp .login_form .cpt-text .button i,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form .cpt-text .button i,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form .cpt-text .button i,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form .cpt-text .button i,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form .cpt-text .button i,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form .cpt-text .button i,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form .cpt-text .button i,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form .cpt-text .button i {
    position: relative;
    box-shadow: none;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 1.5em
}

.login_content>.inner .login_box>.inner .login_form_wrp .login_form .cpt-text .button:active,
.login_content>.inner .login_box>.inner .login_form_wrp .login_form .cpt-text .button:hover,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form .cpt-text .button:active,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form .cpt-text .button:hover,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form .cpt-text .button:active,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form .cpt-text .button:hover,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form .cpt-text .button:active,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form .cpt-text .button:hover,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form .cpt-text .button:active,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form .cpt-text .button:hover,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form .cpt-text .button:active,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form .cpt-text .button:hover,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form .cpt-text .button:active,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form .cpt-text .button:hover,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form .cpt-text .button:active,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form .cpt-text .button:hover {
    opacity: 1;
    color: var(--white);
    transform: none;
    transition: all ease .5s
}

.login_content>.inner .login_box>.inner .login_form_wrp .login_form [class*=cpt-]:focus-within,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form [class*=cpt-]:focus-within,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form [class*=cpt-]:focus-within,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form [class*=cpt-]:focus-within,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form [class*=cpt-]:focus-within,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form [class*=cpt-]:focus-within,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form [class*=cpt-]:focus-within,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form [class*=cpt-]:focus-within {
    border-color: var(--theme-color);
    background-color: var(--theme-cont);
    box-shadow: 0 0 3px .25rem var(--theme-cont)
}

.login_content>.inner .login_box>.inner .login_form_wrp .login_form [class*=email]:focus-within>i:before,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form [class*=email]:focus-within>i:before,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form [class*=email]:focus-within>i:before,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form [class*=email]:focus-within>i:before,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form [class*=email]:focus-within>i:before,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form [class*=email]:focus-within>i:before,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form [class*=email]:focus-within>i:before,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form [class*=email]:focus-within>i:before {
    color: var(--theme-color);
    content: ""
}

.login_content>.inner .login_box>.inner .login_form_wrp .login_form [class*=password]:focus-within>i:before,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form [class*=password]:focus-within>i:before,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form [class*=password]:focus-within>i:before,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form [class*=password]:focus-within>i:before,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form [class*=password]:focus-within>i:before,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form [class*=password]:focus-within>i:before,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form [class*=password]:focus-within>i:before,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form [class*=password]:focus-within>i:before {
    color: var(--theme-color);
    content: ""
}

.login_content>.inner .login_box>.inner .login_form_wrp .login_form [class*=cpt-]>input:-webkit-autofill,
.login_content>.inner .login_box>.inner .login_form_wrp .login_form [class*=cpt-]>input:-webkit-autofill:focus,
.login_content>.inner .login_box>.inner .login_form_wrp .login_form [class*=cpt-]>input:-webkit-autofill:hover,
.login_content>.inner .login_box>.inner .login_form_wrp .login_form [class*=cpt-]>select:-webkit-autofill,
.login_content>.inner .login_box>.inner .login_form_wrp .login_form [class*=cpt-]>select:-webkit-autofill:focus,
.login_content>.inner .login_box>.inner .login_form_wrp .login_form [class*=cpt-]>select:-webkit-autofill:hover,
.login_content>.inner .login_box>.inner .login_form_wrp .login_form [class*=cpt-]>textarea:-webkit-autofill,
.login_content>.inner .login_box>.inner .login_form_wrp .login_form [class*=cpt-]>textarea:-webkit-autofill:focus,
.login_content>.inner .login_box>.inner .login_form_wrp .login_form [class*=cpt-]>textarea:-webkit-autofill:hover,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form [class*=cpt-]>input:-webkit-autofill,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form [class*=cpt-]>input:-webkit-autofill:focus,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form [class*=cpt-]>input:-webkit-autofill:hover,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form [class*=cpt-]>select:-webkit-autofill,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form [class*=cpt-]>select:-webkit-autofill:focus,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form [class*=cpt-]>select:-webkit-autofill:hover,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form [class*=cpt-]>textarea:-webkit-autofill,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form [class*=cpt-]>textarea:-webkit-autofill:focus,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form [class*=cpt-]>textarea:-webkit-autofill:hover,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form [class*=cpt-]>input:-webkit-autofill,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form [class*=cpt-]>input:-webkit-autofill:focus,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form [class*=cpt-]>input:-webkit-autofill:hover,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form [class*=cpt-]>select:-webkit-autofill,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form [class*=cpt-]>select:-webkit-autofill:focus,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form [class*=cpt-]>select:-webkit-autofill:hover,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form [class*=cpt-]>textarea:-webkit-autofill,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form [class*=cpt-]>textarea:-webkit-autofill:focus,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form [class*=cpt-]>textarea:-webkit-autofill:hover,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form [class*=cpt-]>input:-webkit-autofill,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form [class*=cpt-]>input:-webkit-autofill:focus,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form [class*=cpt-]>input:-webkit-autofill:hover,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form [class*=cpt-]>select:-webkit-autofill,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form [class*=cpt-]>select:-webkit-autofill:focus,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form [class*=cpt-]>select:-webkit-autofill:hover,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form [class*=cpt-]>textarea:-webkit-autofill,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form [class*=cpt-]>textarea:-webkit-autofill:focus,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form [class*=cpt-]>textarea:-webkit-autofill:hover,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form [class*=cpt-]>input:-webkit-autofill,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form [class*=cpt-]>input:-webkit-autofill:focus,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form [class*=cpt-]>input:-webkit-autofill:hover,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form [class*=cpt-]>select:-webkit-autofill,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form [class*=cpt-]>select:-webkit-autofill:focus,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form [class*=cpt-]>select:-webkit-autofill:hover,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form [class*=cpt-]>textarea:-webkit-autofill,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form [class*=cpt-]>textarea:-webkit-autofill:focus,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form [class*=cpt-]>textarea:-webkit-autofill:hover,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form [class*=cpt-]>input:-webkit-autofill,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form [class*=cpt-]>input:-webkit-autofill:focus,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form [class*=cpt-]>input:-webkit-autofill:hover,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form [class*=cpt-]>select:-webkit-autofill,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form [class*=cpt-]>select:-webkit-autofill:focus,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form [class*=cpt-]>select:-webkit-autofill:hover,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form [class*=cpt-]>textarea:-webkit-autofill,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form [class*=cpt-]>textarea:-webkit-autofill:focus,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form [class*=cpt-]>textarea:-webkit-autofill:hover,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form [class*=cpt-]>input:-webkit-autofill,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form [class*=cpt-]>input:-webkit-autofill:focus,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form [class*=cpt-]>input:-webkit-autofill:hover,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form [class*=cpt-]>select:-webkit-autofill,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form [class*=cpt-]>select:-webkit-autofill:focus,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form [class*=cpt-]>select:-webkit-autofill:hover,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form [class*=cpt-]>textarea:-webkit-autofill,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form [class*=cpt-]>textarea:-webkit-autofill:focus,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form [class*=cpt-]>textarea:-webkit-autofill:hover,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form [class*=cpt-]>input:-webkit-autofill,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form [class*=cpt-]>input:-webkit-autofill:focus,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form [class*=cpt-]>input:-webkit-autofill:hover,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form [class*=cpt-]>select:-webkit-autofill,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form [class*=cpt-]>select:-webkit-autofill:focus,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form [class*=cpt-]>select:-webkit-autofill:hover,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form [class*=cpt-]>textarea:-webkit-autofill,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form [class*=cpt-]>textarea:-webkit-autofill:focus,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form [class*=cpt-]>textarea:-webkit-autofill:hover {
    -webkit-box-shadow: inset var(--main-color) 0 0 0 999em!important;
    -webkit-text-fill-color: var(--text)!important;
    opacity: 1!important;
    border-radius: 0!important
}

.login_content>.inner .login_box>.inner .login_form_wrp .login_form_sns,
.login_content>.inner .login_box>.inner .login_form_wrp .reg_form_sns,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form_sns,
.login_content>.inner .login_box>.inner .reg_form_wrp .reg_form_sns,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form_sns,
.login_content>.inner .reg_box>.inner .login_form_wrp .reg_form_sns,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form_sns,
.login_content>.inner .reg_box>.inner .reg_form_wrp .reg_form_sns,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form_sns,
.reg_content>.inner .login_box>.inner .login_form_wrp .reg_form_sns,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form_sns,
.reg_content>.inner .login_box>.inner .reg_form_wrp .reg_form_sns,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form_sns,
.reg_content>.inner .reg_box>.inner .login_form_wrp .reg_form_sns,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form_sns,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .reg_form_sns {
    margin: 1em auto 0;
    text-align: center;
    padding-top: 1em;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0), var(--text), rgba(0, 0, 0, 0)) center top/100% 1px no-repeat
}

.login_content>.inner .login_box>.inner .login_form_wrp .login_form_sns h3,
.login_content>.inner .login_box>.inner .login_form_wrp .reg_form_sns h3,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form_sns h3,
.login_content>.inner .login_box>.inner .reg_form_wrp .reg_form_sns h3,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form_sns h3,
.login_content>.inner .reg_box>.inner .login_form_wrp .reg_form_sns h3,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form_sns h3,
.login_content>.inner .reg_box>.inner .reg_form_wrp .reg_form_sns h3,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form_sns h3,
.reg_content>.inner .login_box>.inner .login_form_wrp .reg_form_sns h3,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form_sns h3,
.reg_content>.inner .login_box>.inner .reg_form_wrp .reg_form_sns h3,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form_sns h3,
.reg_content>.inner .reg_box>.inner .login_form_wrp .reg_form_sns h3,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form_sns h3,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .reg_form_sns h3 {
    font-size: 1em;
    margin: 0 0 1em;
    font-weight: 400;
    opacity: .5
}

.login_content>.inner .login_box>.inner .login_form_wrp .login_form_sns .sns_list,
.login_content>.inner .login_box>.inner .login_form_wrp .reg_form_sns .sns_list,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form_sns .sns_list,
.login_content>.inner .login_box>.inner .reg_form_wrp .reg_form_sns .sns_list,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form_sns .sns_list,
.login_content>.inner .reg_box>.inner .login_form_wrp .reg_form_sns .sns_list,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form_sns .sns_list,
.login_content>.inner .reg_box>.inner .reg_form_wrp .reg_form_sns .sns_list,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form_sns .sns_list,
.reg_content>.inner .login_box>.inner .login_form_wrp .reg_form_sns .sns_list,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form_sns .sns_list,
.reg_content>.inner .login_box>.inner .reg_form_wrp .reg_form_sns .sns_list,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form_sns .sns_list,
.reg_content>.inner .reg_box>.inner .login_form_wrp .reg_form_sns .sns_list,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form_sns .sns_list,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .reg_form_sns .sns_list {
    display: flex;
    justify-content: center;
    align-items: center
}

.login_content>.inner .login_box>.inner .login_form_wrp .login_form_sns .sns_list li+li,
.login_content>.inner .login_box>.inner .login_form_wrp .reg_form_sns .sns_list li+li,
.login_content>.inner .login_box>.inner .reg_form_wrp .login_form_sns .sns_list li+li,
.login_content>.inner .login_box>.inner .reg_form_wrp .reg_form_sns .sns_list li+li,
.login_content>.inner .reg_box>.inner .login_form_wrp .login_form_sns .sns_list li+li,
.login_content>.inner .reg_box>.inner .login_form_wrp .reg_form_sns .sns_list li+li,
.login_content>.inner .reg_box>.inner .reg_form_wrp .login_form_sns .sns_list li+li,
.login_content>.inner .reg_box>.inner .reg_form_wrp .reg_form_sns .sns_list li+li,
.reg_content>.inner .login_box>.inner .login_form_wrp .login_form_sns .sns_list li+li,
.reg_content>.inner .login_box>.inner .login_form_wrp .reg_form_sns .sns_list li+li,
.reg_content>.inner .login_box>.inner .reg_form_wrp .login_form_sns .sns_list li+li,
.reg_content>.inner .login_box>.inner .reg_form_wrp .reg_form_sns .sns_list li+li,
.reg_content>.inner .reg_box>.inner .login_form_wrp .login_form_sns .sns_list li+li,
.reg_content>.inner .reg_box>.inner .login_form_wrp .reg_form_sns .sns_list li+li,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .login_form_sns .sns_list li+li,
.reg_content>.inner .reg_box>.inner .reg_form_wrp .reg_form_sns .sns_list li+li {
    margin-left: 1em
}

.login_content>.inner .login_box>.inner .login_info_wrp,
.login_content>.inner .login_box>.inner .reg_info_wrp,
.login_content>.inner .reg_box>.inner .login_info_wrp,
.login_content>.inner .reg_box>.inner .reg_info_wrp,
.reg_content>.inner .login_box>.inner .login_info_wrp,
.reg_content>.inner .login_box>.inner .reg_info_wrp,
.reg_content>.inner .reg_box>.inner .login_info_wrp,
.reg_content>.inner .reg_box>.inner .reg_info_wrp {
    order: -1;
    flex: 1;
    padding: 3em;
    background-color: var(--theme-color);
    background-image: linear-gradient(315deg, rgba(0, 128, 255, 0), rgba(0, 128, 255, .6)), url(../../../../../defaults/regist_bg_1.jpg);
    background-repeat: no-repeat;
    background-position: center, center;
    background-size: cover;
    border-radius: 0 0 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-family: var(--siteff)
}

.login_content>.inner .login_box>.inner .login_info_wrp.forgot-pw,
.login_content>.inner .login_box>.inner .reg_info_wrp.forgot-pw,
.login_content>.inner .reg_box>.inner .login_info_wrp.forgot-pw,
.login_content>.inner .reg_box>.inner .reg_info_wrp.forgot-pw,
.reg_content>.inner .login_box>.inner .login_info_wrp.forgot-pw,
.reg_content>.inner .login_box>.inner .reg_info_wrp.forgot-pw,
.reg_content>.inner .reg_box>.inner .login_info_wrp.forgot-pw,
.reg_content>.inner .reg_box>.inner .reg_info_wrp.forgot-pw {
    border-radius: 0
}

.login_content>.inner .login_box>.inner .login_info_wrp.forgot-pw>.inner,
.login_content>.inner .login_box>.inner .reg_info_wrp.forgot-pw>.inner,
.login_content>.inner .reg_box>.inner .login_info_wrp.forgot-pw>.inner,
.login_content>.inner .reg_box>.inner .reg_info_wrp.forgot-pw>.inner,
.reg_content>.inner .login_box>.inner .login_info_wrp.forgot-pw>.inner,
.reg_content>.inner .login_box>.inner .reg_info_wrp.forgot-pw>.inner,
.reg_content>.inner .reg_box>.inner .login_info_wrp.forgot-pw>.inner,
.reg_content>.inner .reg_box>.inner .reg_info_wrp.forgot-pw>.inner {
    max-width: 100%
}

.login_content>.inner .login_box>.inner .login_info_wrp>.inner,
.login_content>.inner .login_box>.inner .reg_info_wrp>.inner,
.login_content>.inner .reg_box>.inner .login_info_wrp>.inner,
.login_content>.inner .reg_box>.inner .reg_info_wrp>.inner,
.reg_content>.inner .login_box>.inner .login_info_wrp>.inner,
.reg_content>.inner .login_box>.inner .reg_info_wrp>.inner,
.reg_content>.inner .reg_box>.inner .login_info_wrp>.inner,
.reg_content>.inner .reg_box>.inner .reg_info_wrp>.inner {
    max-width: 30em
}

.login_content>.inner .login_box>.inner .login_info_wrp>.inner h1,
.login_content>.inner .login_box>.inner .reg_info_wrp>.inner h1,
.login_content>.inner .reg_box>.inner .login_info_wrp>.inner h1,
.login_content>.inner .reg_box>.inner .reg_info_wrp>.inner h1,
.reg_content>.inner .login_box>.inner .login_info_wrp>.inner h1,
.reg_content>.inner .login_box>.inner .reg_info_wrp>.inner h1,
.reg_content>.inner .reg_box>.inner .login_info_wrp>.inner h1,
.reg_content>.inner .reg_box>.inner .reg_info_wrp>.inner h1 {
    font-size: 1.2em;
    line-height: 1.6em;
    margin-bottom: 1.5em;
    color: #fff;
    font-weight: 700
}

.login_content>.inner .login_box>.inner .login_info_wrp>.inner h2,
.login_content>.inner .login_box>.inner .reg_info_wrp>.inner h2,
.login_content>.inner .reg_box>.inner .login_info_wrp>.inner h2,
.login_content>.inner .reg_box>.inner .reg_info_wrp>.inner h2,
.reg_content>.inner .login_box>.inner .login_info_wrp>.inner h2,
.reg_content>.inner .login_box>.inner .reg_info_wrp>.inner h2,
.reg_content>.inner .reg_box>.inner .login_info_wrp>.inner h2,
.reg_content>.inner .reg_box>.inner .reg_info_wrp>.inner h2 {
    font-size: 1.4em;
    line-height: 1.6em;
    margin-bottom: 1.5em;
    color: #fff;
    font-weight: 700
}

.login_content>.inner .login_box>.inner .login_info_wrp>.inner .button,
.login_content>.inner .login_box>.inner .reg_info_wrp>.inner .button,
.login_content>.inner .reg_box>.inner .login_info_wrp>.inner .button,
.login_content>.inner .reg_box>.inner .reg_info_wrp>.inner .button,
.reg_content>.inner .login_box>.inner .login_info_wrp>.inner .button,
.reg_content>.inner .login_box>.inner .reg_info_wrp>.inner .button,
.reg_content>.inner .reg_box>.inner .login_info_wrp>.inner .button,
.reg_content>.inner .reg_box>.inner .reg_info_wrp>.inner .button {
    width: 80%;
    background-color: #9acd32;
    color: #fff;
    height: 48px;
    line-height: 48px;
    padding: 1em
}

.login_content>.inner .login_box>.inner .login_info_wrp>.inner .button:active,
.login_content>.inner .login_box>.inner .login_info_wrp>.inner .button:hover,
.login_content>.inner .login_box>.inner .reg_info_wrp>.inner .button:active,
.login_content>.inner .login_box>.inner .reg_info_wrp>.inner .button:hover,
.login_content>.inner .reg_box>.inner .login_info_wrp>.inner .button:active,
.login_content>.inner .reg_box>.inner .login_info_wrp>.inner .button:hover,
.login_content>.inner .reg_box>.inner .reg_info_wrp>.inner .button:active,
.login_content>.inner .reg_box>.inner .reg_info_wrp>.inner .button:hover,
.reg_content>.inner .login_box>.inner .login_info_wrp>.inner .button:active,
.reg_content>.inner .login_box>.inner .login_info_wrp>.inner .button:hover,
.reg_content>.inner .login_box>.inner .reg_info_wrp>.inner .button:active,
.reg_content>.inner .login_box>.inner .reg_info_wrp>.inner .button:hover,
.reg_content>.inner .reg_box>.inner .login_info_wrp>.inner .button:active,
.reg_content>.inner .reg_box>.inner .login_info_wrp>.inner .button:hover,
.reg_content>.inner .reg_box>.inner .reg_info_wrp>.inner .button:active,
.reg_content>.inner .reg_box>.inner .reg_info_wrp>.inner .button:hover {
    opacity: 1;
    color: var(--white);
    transform: none;
    transition: all ease .5s
}

.login_content>.inner .login_box>.inner .login_info_wrp>.inner ul.reg_steps,
.login_content>.inner .login_box>.inner .reg_info_wrp>.inner ul.reg_steps,
.login_content>.inner .reg_box>.inner .login_info_wrp>.inner ul.reg_steps,
.login_content>.inner .reg_box>.inner .reg_info_wrp>.inner ul.reg_steps,
.reg_content>.inner .login_box>.inner .login_info_wrp>.inner ul.reg_steps,
.reg_content>.inner .login_box>.inner .reg_info_wrp>.inner ul.reg_steps,
.reg_content>.inner .reg_box>.inner .login_info_wrp>.inner ul.reg_steps,
.reg_content>.inner .reg_box>.inner .reg_info_wrp>.inner ul.reg_steps {
    margin: 2em 0;
    max-width: 26em
}

.login_content>.inner .login_box>.inner .login_info_wrp>.inner ul.reg_steps li,
.login_content>.inner .login_box>.inner .reg_info_wrp>.inner ul.reg_steps li,
.login_content>.inner .reg_box>.inner .login_info_wrp>.inner ul.reg_steps li,
.login_content>.inner .reg_box>.inner .reg_info_wrp>.inner ul.reg_steps li,
.reg_content>.inner .login_box>.inner .login_info_wrp>.inner ul.reg_steps li,
.reg_content>.inner .login_box>.inner .reg_info_wrp>.inner ul.reg_steps li,
.reg_content>.inner .reg_box>.inner .login_info_wrp>.inner ul.reg_steps li,
.reg_content>.inner .reg_box>.inner .reg_info_wrp>.inner ul.reg_steps li {
    counter-increment: step;
    margin: 1em 0
}

.login_content>.inner .login_box>.inner .login_info_wrp>.inner ul.reg_steps li>div,
.login_content>.inner .login_box>.inner .reg_info_wrp>.inner ul.reg_steps li>div,
.login_content>.inner .reg_box>.inner .login_info_wrp>.inner ul.reg_steps li>div,
.login_content>.inner .reg_box>.inner .reg_info_wrp>.inner ul.reg_steps li>div,
.reg_content>.inner .login_box>.inner .login_info_wrp>.inner ul.reg_steps li>div,
.reg_content>.inner .login_box>.inner .reg_info_wrp>.inner ul.reg_steps li>div,
.reg_content>.inner .reg_box>.inner .login_info_wrp>.inner ul.reg_steps li>div,
.reg_content>.inner .reg_box>.inner .reg_info_wrp>.inner ul.reg_steps li>div {
    font-size: .875em;
    display: flex;
    align-items: center;
    color: #fff
}

.login_content>.inner .login_box>.inner .login_info_wrp>.inner ul.reg_steps li>div:before,
.login_content>.inner .login_box>.inner .reg_info_wrp>.inner ul.reg_steps li>div:before,
.login_content>.inner .reg_box>.inner .login_info_wrp>.inner ul.reg_steps li>div:before,
.login_content>.inner .reg_box>.inner .reg_info_wrp>.inner ul.reg_steps li>div:before,
.reg_content>.inner .login_box>.inner .login_info_wrp>.inner ul.reg_steps li>div:before,
.reg_content>.inner .login_box>.inner .reg_info_wrp>.inner ul.reg_steps li>div:before,
.reg_content>.inner .reg_box>.inner .login_info_wrp>.inner ul.reg_steps li>div:before,
.reg_content>.inner .reg_box>.inner .reg_info_wrp>.inner ul.reg_steps li>div:before {
    content: counter(step);
    display: block;
    font-size: 2em;
    color: #fff;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5;
    overflow: hidden;
    text-align: center;
    border-radius: 25%;
    background: rgba(255, 255, 255, .1);
    font-weight: 700;
    margin-right: .5em;
    flex: none;
    align-self: flex-start
}

.login_content>.inner .login_box>.inner .login_info_wrp,
.login_content>.inner .reg_box>.inner .login_info_wrp,
.reg_content>.inner .login_box>.inner .login_info_wrp,
.reg_content>.inner .reg_box>.inner .login_info_wrp {
    background-image: linear-gradient(315deg, rgba(0, 128, 255, 0), var(--theme-color)), url(../../../../../defaults/login_bg_1.jpg)
}

.login_content>.inner .login_box>.inner .login_info_wrp>.inner,
.login_content>.inner .reg_box>.inner .login_info_wrp>.inner,
.reg_content>.inner .login_box>.inner .login_info_wrp>.inner,
.reg_content>.inner .reg_box>.inner .login_info_wrp>.inner {
    max-width: 26em
}

.login_content>.inner .login_box>.inner .login_info_wrp>.inner h1,
.login_content>.inner .login_box>.inner .login_info_wrp>.inner h2,
.login_content>.inner .reg_box>.inner .login_info_wrp>.inner h1,
.login_content>.inner .reg_box>.inner .login_info_wrp>.inner h2,
.reg_content>.inner .login_box>.inner .login_info_wrp>.inner h1,
.reg_content>.inner .login_box>.inner .login_info_wrp>.inner h2,
.reg_content>.inner .reg_box>.inner .login_info_wrp>.inner h1,
.reg_content>.inner .reg_box>.inner .login_info_wrp>.inner h2 {
    margin-bottom: .5em
}

.login_content>.inner .login_box>.inner .login_info_wrp>.inner p,
.login_content>.inner .reg_box>.inner .login_info_wrp>.inner p,
.reg_content>.inner .login_box>.inner .login_info_wrp>.inner p,
.reg_content>.inner .reg_box>.inner .login_info_wrp>.inner p {
    font-size: 1em;
    margin: 1em 0;
    color: #fff
}

.login_footer,
.reg_footer {
    font-family: var(--SiteFF);
    font-weight: 500
}

.login_footer>.inner,
.reg_footer>.inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 2em;
    box-sizing: border-box
}

.login_footer>.inner .copyright,
.reg_footer>.inner .copyright {
    text-align: center;
    opacity: .6;
    font-size: .75em;
    font-weight: 700;
    color: var(--text);
    font-family: var(--siteff)
}

.login_footer>.inner nav,
.reg_footer>.inner nav {
    flex: auto;
    margin: 0 auto 0 2em
}

.login_footer>.inner nav ul,
.reg_footer>.inner nav ul {
    display: flex
}

.login_footer>.inner nav ul li,
.reg_footer>.inner nav ul li {
    margin: 0 .5em
}

.login_footer>.inner nav ul li a,
.reg_footer>.inner nav ul li a {
    font-size: .75em;
    font-weight: 700;
    color: var(--text)
}

.login_footer>.inner nav ul li a:hover,
.reg_footer>.inner nav ul li a:hover {
    color: var(--theme-color)
}

.login_footer>.inner .language,
.reg_footer>.inner .language {
    flex: none
}

.password_validate_tips>div {
    margin-top: .5em;
    display: flex;
    align-items: center
}

.password_validate_tips>div:first-child {
    margin-top: 1em
}

.password_validate_tips>div:before {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5em;
    width: 1.1em;
    height: 1.1em;
    overflow: hidden;
    margin-right: .5em;
    flex: none;
    align-self: start;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    font-family: "Font Awesome 6 Free";
    font-weight: 900
}

.password_validate_tips .tips {
    font-size: .75em;
    opacity: .5;
    --i: "task_alt"
}

.password_validate_tips .error {
    opacity: 1;
    color: red;
    font-weight: 700
}

.password_validate_tips .error::before {
    content: ""
}

.password_validate_tips .success {
    opacity: 1;
    color: green;
    font-weight: 700
}

.password_validate_tips .success::before {
    content: ""
}

.games-detail .game_info {
    width: 100%;
    height: 12em;
    margin: 0 auto;
    background-color: var(--theme-color);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    position: -webkit-sticky;
    position: sticky;
    transition: .3s;
    top: 1em;
    z-index: 2
}

.games-detail .game_info.is-sticky {
    transition: .3s
}

.games-detail .game_info.is-sticky .inner {
    height: 9em;
    background-image: none;
    transition: .3s
}

.games-detail .game_info.is-sticky .inner .game_cover {
    perspective: none;
    transition: .3s
}

.games-detail .game_info.is-sticky .inner .game_cover .cover {
    width: 100px;
    height: 100px;
    transition: .3s
}

.games-detail .game_info.is-sticky .inner .info {
    padding-top: 1em
}

.games-detail .game_info.is-sticky .inner .links {
    padding-bottom: 0;
    justify-content: center
}

.games-detail .game_info .inner {
    flex: auto;
    width: 100%;
    height: 8em;
    display: flex;
    padding: 1.5em;
    box-sizing: border-box;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .2));
    color: #fff;
    transition: .3s
}

.games-detail .game_info .inner .game_cover {
    align-self: flex-end;
    perspective: 7em;
    position: absolute;
    transition: .3s;
    z-index: 99
}

.games-detail .game_info .inner .game_cover .cover {
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: inset rgba(0, 0, 0, .2) 0 0 0 0, rgba(0, 0, 0, .4) 0 0 0 6px;
    transform-origin: center left;
    transform: rotateY(10deg);
    transition: .3s;
    aspect-ratio: 3/4
}

.games-detail .game_info .inner .game_cover .cover:before {
    content: "";
    display: block;
    padding-top: 133.333334%
}

.games-detail .game_info .inner .game_cover .cover img {
    border-radius: var(--border-radius);
    width: 100%;
    vertical-align: top;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.games-detail .game_info .info {
    flex: auto;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    padding-left: 130px;
    color: #fff
}

.games-detail .game_info .info h1 {
    font-size: 1.4em;
    font-weight: 700;
    color: #fff
}

.games-detail .game_info .info .publisher {
    font-size: .875em;
    font-weight: 600;
    opacity: .6;
    color: #fff
}

.games-detail .game_info .info .property {
    font-size: .75em
}

.games-detail .game_info .info .property span {
    display: inline-block;
    vertical-align: top;
    opacity: .75
}

.games-detail .game_info .info .property span~span {
    margin-left: .5em
}

.games-detail .game_info .info .property span~span::before {
    content: "/";
    opacity: .5;
    margin-right: .5em;
    display: inherit
}

.games-detail .game_info .links {
    flex: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.games-detail .game_info .links .Breadcrumbs {
    display: flex;
    margin: 0;
    justify-content: flex-end
}

.games-detail .game_info .links .Breadcrumbs li {
    color: #fff
}

.games-detail .game_info .links .Breadcrumbs li:last-child {
    opacity: .6
}

.games-detail .game_info .links .Breadcrumbs li~li a:before {
    content: "/";
    display: inline-block;
    vertical-align: top;
    margin-right: .5em;
    opacity: .5;
    font-weight: 400
}

.games-detail .game_info .links .Breadcrumbs a {
    display: block;
    color: currentColor;
    padding: 0 .25em;
    font-size: .75em
}

.games-detail .game_info .links .Breadcrumbs span {
    display: inline-block;
    vertical-align: top;
    max-width: 12em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.games-detail .game_info .links .sns_list {
    display: flex;
    justify-content: flex-end;
    margin: 0
}

.games-detail .game_info .links .sns_list li a.btn {
    padding: 0
}

.games-detail .game_info .links .sns_list li a.btn span[icon-only] {
    display: block;
    line-height: 99;
    overflow: hidden;
    width: 36px;
    height: 36px;
    padding: .5em
}

.games-detail .game_info .links .sns_list li a.btn span[icon-only]::before {
    content: attr(icon-only);
    flex: none;
    display: block;
    font-size: 2em;
    margin: 0 auto
}

.games-detail .game_info .links .sns_list li #st-1,
.games-detail .game_info .links .sns_list li .sharethis-inline-share-buttons {
    background: 0 0!important;
    border-color: transparent!important;
    color: currentColor;
    box-shadow: none!important
}

.games-detail .game_info .links .sns_list li #st-1>.st-btn[data-network=sharethis],
.games-detail .game_info .links .sns_list li .sharethis-inline-share-buttons>.st-btn[data-network=sharethis] {
    width: 21px;
    height: 21px;
    margin: .5em;
    padding: 0;
    border-radius: 50%
}

.games-detail .game_info .links .sns_list li #st-1>.st-btn[data-network=sharethis] img,
.games-detail .game_info .links .sns_list li .sharethis-inline-share-buttons>.st-btn[data-network=sharethis] img {
    display: inline-block;
    height: 14px;
    width: 14px;
    position: relative;
    top: 4px;
    vertical-align: top
}

.games-detail .game_info .links .sns_list li #st-1>.st-btn[data-network=sharethis]:hover,
.games-detail .game_info .links .sns_list li .sharethis-inline-share-buttons>.st-btn[data-network=sharethis]:hover {
    top: 0
}

.games-detail .game_content {
    flex: auto;
    margin: 2em 0
}

.games-detail .game_content>.inner {
    margin: 0 auto;
    max-width: 100%;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start
}

.games-detail .game_content>.inner .product_content {
    flex: auto
}

.games-detail .game_content>.inner .product_content .product {
    background: var(--main-color);
    border: 1px solid var(--border);
    border-radius: var(--border-radius);
    margin: 0 0 2em
}

.games-detail .game_content>.inner .product_content .product .title {
    padding: 1.5em 0 1em;
    margin: 0 2em;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0), var(--text), rgba(0, 0, 0, 0)) center bottom/100% 1px no-repeat
}

.games-detail .game_content>.inner .product_content .product .title h3 {
    color: var(--text);
    font-size: 1.2em;
    font-weight: 400;
    margin: 0;
    opacity: .8
}

.games-detail .game_content>.inner .product_content .product .ItemList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding: 1em 0
}

.games-detail .game_content>.inner .product_content .product .ItemList li {
    flex: none;
    width: 25%
}

.games-detail .game_content>.inner .product_content .product .ItemList li a {
    display: block;
    text-align: center;
    color: var(--text);
    padding: 1em;
    transition: all ease .5s
}

.games-detail .game_content>.inner .product_content .product .ItemList li a .img {
    width: 120px;
    height: 120px;
    margin: 0 auto
}

.games-detail .game_content>.inner .product_content .product .ItemList li a .img img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: var(--border-radius)
}

.games-detail .game_content>.inner .product_content .product .ItemList li a .T {
    margin: .5em 0 0
}

.games-detail .game_content>.inner .product_content .product .ItemList li a .T .name {
    font-size: 12px;
    font-weight: 600
}

.games-detail .game_content>.inner .product_content .product .ItemList li a:hover {
    transform: scale(1.05);
    transition: all ease .5s;
    color: var(--theme-color)
}

.games-detail .game_content>.inner .product_content .product .ItemList li:last-of-type {
    margin-right: auto
}

.games-detail .game_content>.inner .info {
    flex: none;
    width: 30em;
    order: -1;
    margin: 0 2em 0 0;
    padding: 1.5em 2em;
    background: var(--main-color);
    border: 1px solid var(--border);
    border-radius: var(--border-radius)
}

.games-detail .game_content>.inner .info .item_explain .inner h2 {
    font-size: 1.2em;
    font-weight: 700;
    margin: .75em 0
}

.games-detail .game_content>.inner .info .item_explain .inner h2:first-of-type {
    margin-top: 0
}

.games-detail .game_content>.inner .info .item_explain .inner p {
    margin: 1em 0;
    font-size: .75em
}

.games-detail .game_content>.inner .info .game_video {
    margin: 2em auto
}

.games-detail .game_content>.inner .info .game_video:last-of-type {
    margin-bottom: 0
}

.games-detail .game_content>.inner .info .game_video .inner h3 {
    font-size: 1em;
    margin: 1em 0;
    font-weight: 700
}

.games-detail .game_content>.inner .info .game_video .inner .youtube-player {
    max-width: 50em;
    position: relative;
    padding-top: 56.25%;
    border-radius: var(--border-radius);
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    margin: 1em 0 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA2OCA0OCc+PHBhdGggZmlsbD0ncmdiYSgwLDAsMCwuMSknIGQ9J002Ni41Miw3Ljc0Yy0wLjc4LTIuOTMtMi40OS01LjQxLTUuNDItNi4xOUM1NS43OSwuMTMsMzQsMCwzNCwwUzEyLjIxLC4xMyw2LjksMS41NSBDMy45NywyLjMzLDIuMjcsNC44MSwxLjQ4LDcuNzRDMC4wNiwxMy4wNSwwLDI0LDAsMjRzMC4wNiwxMC45NSwxLjQ4LDE2LjI2YzAuNzgsMi45MywyLjQ5LDUuNDEsNS40Miw2LjE5IEMxMi4yMSw0Ny44NywzNCw0OCwzNCw0OHMyMS43OS0wLjEzLDI3LjEtMS41NWMyLjkzLTAuNzgsNC42NC0zLjI2LDUuNDItNi4xOUM2Ny45NCwzNC45NSw2OCwyNCw2OCwyNFM2Ny45NCwxMy4wNSw2Ni41Miw3Ljc0eicvPjxwYXRoIGQ9J00gNDUsMjQgMjcsMTQgMjcsMzQnIGZpbGw9J3doaXRlJy8+PC9zdmc+) center/5em 5em no-repeat #f5f5f5
}

.games-detail .game_content>.inner .info .game_video .inner .youtube-player iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

footer.footer-2 {
    background: var(--footer-bg)
}

footer.footer-2 .inner {
    margin: 0 auto;
    padding: 2em 0 0;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

footer.footer-2 .inner:before {
    content: "";
    display: block;
    flex: auto;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0), var(--footer-bg-dark), rgba(0, 0, 0, 0)) center bottom/100% 1px no-repeat;
    margin: 1em 0;
    order: 25
}

footer.footer-2 .inner .footer_payments_wrp {
    order: 10
}

footer.footer-2 .inner .footer_payments_wrp .channel_list {
    display: flex
}

footer.footer-2 .inner .footer_payments_wrp .channel_list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    grid-column-gap: .25em;
    margin: 0 -.5em
}

footer.footer-2 .inner .footer_payments_wrp .channel_list ul li {
    padding: .5em;
    border-radius: var(--border-radius);
    transition: .3s;
    cursor: pointer
}

footer.footer-2 .inner .footer_payments_wrp .channel_list ul li img {
    vertical-align: top;
    width: auto;
    height: 1.5em
}

footer.footer-2 .inner .footer_payments_wrp .channel_list ul li:hover {
    background: var(--footer-bg-light);
    box-shadow: rgba(0, 0, 0, .1) 0 0 1em;
    transition: .3s
}

footer.footer-2 .inner .footer_language_wrp {
    order: 20;
    display: flex;
    align-items: center;
    margin: 8px 0
}

footer.footer-2 .inner .footer_language_wrp a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--footer-text);
    height: 24px;
    font-size: 1em;
    font-weight: 500;
    transition: .3s
}

footer.footer-2 .inner .footer_language_wrp a i {
    margin-right: .25em;
    font-size: 1.2em
}

footer.footer-2 .inner .footer_language_wrp a+a {
    margin-left: 1em
}

footer.footer-2 .inner .footer_language_wrp a:hover {
    transition: .3s;
    color: var(--footer-text-hover)
}

footer.footer-2 .inner .footer_app {
    order: 40;
    display: flex;
    align-items: center;
    justify-content: center
}

footer.footer-2 .inner .footer_app #ETBIS,
footer.footer-2 .inner .footer_app #TRGO {
    width: 86px;
    padding: 8px;
    border-radius: var(--border-radius);
    transition: .3s
}

footer.footer-2 .inner .footer_app #ETBIS div,
footer.footer-2 .inner .footer_app #TRGO div {
    width: 70px
}

footer.footer-2 .inner .footer_app #ETBIS div a,
footer.footer-2 .inner .footer_app #TRGO div a {
    width: 70px;
    height: auto;
    display: block
}

footer.footer-2 .inner .footer_app #ETBIS div a img,
footer.footer-2 .inner .footer_app #TRGO div a img {
    width: 70px
}

footer.footer-2 .inner .footer_app #ETBIS a,
footer.footer-2 .inner .footer_app #TRGO a {
    width: 70px;
    height: auto;
    display: block
}

footer.footer-2 .inner .footer_app #ETBIS a img,
footer.footer-2 .inner .footer_app #TRGO a img {
    width: 70px
}

footer.footer-2 .inner .footer_app #ETBIS:hover,
footer.footer-2 .inner .footer_app #TRGO:hover {
    background: var(--footer-bg-light);
    box-shadow: rgba(0, 0, 0, .1) 0 0 1em;
    transition: .3s
}

footer.footer-2 .inner .footer_nav_wrp {
    order: 30;
    margin: 1em 0;
    align-self: flex-start
}

footer.footer-2 .inner .footer_nav_wrp h3 {
    margin-bottom: 1em;
    font-size: .8em;
    font-weight: 700;
    color: var(--footer-text)
}

footer.footer-2 .inner .footer_nav_wrp ul.footer_nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -.5em
}

footer.footer-2 .inner .footer_nav_wrp ul.footer_nav li {
    margin: .5em
}

footer.footer-2 .inner .footer_nav_wrp ul.footer_nav li a {
    font-size: .8em;
    display: block;
    color: var(--footer-text);
    white-space: nowrap
}

footer.footer-2 .inner .footer_nav_wrp ul.footer_nav li a:hover {
    color: var(--footer-text-hover)
}

footer.footer-2 .inner .footer_nav_wrp ul.footer_sns {
    display: flex;
    flex-wrap: wrap;
    margin-left: -.5em;
    margin-top: .9em;
    padding-top: .5em;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0), var(--footer-bg-dark), rgba(0, 0, 0, 0)) center top/100% 1px no-repeat
}

footer.footer-2 .inner .footer_nav_wrp ul.footer_sns li a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--footer-text);
    padding: .5em;
    border-radius: var(--border-radius)
}

footer.footer-2 .inner .footer_nav_wrp ul.footer_sns li a i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    font-size: 20px
}

footer.footer-2 .inner .footer_nav_wrp ul.footer_sns li a:hover.facebook {
    background-color: #4267b2;
    color: #fff
}

footer.footer-2 .inner .footer_nav_wrp ul.footer_sns li a:hover.twitter {
    background-color: #55acee;
    color: #fff
}

footer.footer-2 .inner .footer_nav_wrp ul.footer_sns li a:hover.linkedin {
    background-color: #0077b5;
    color: #fff
}

footer.footer-2 .inner .footer_nav_wrp ul.footer_sns li a:hover.google {
    background-color: #fbbc05;
    color: #fff
}

footer.footer-2 .inner .footer_nav_wrp ul.footer_sns li a:hover.instagram {
    background-color: #262626;
    color: #fff
}

footer.footer-2 .inner .footer_nav_wrp ul.footer_sns li a:hover.youtube {
    background-color: red;
    color: #fff
}

footer.footer-2 .inner .footer_nav_wrp ul.footer_sns li a:hover.twitch {
    background-color: #5c16c5;
    color: #fff
}

footer.footer-2 .inner .footer_nav_wrp ul.footer_sns li a:hover.steam {
    background-color: #171a21;
    color: #fff
}

.main-menu .menu-item .svg-arrow {
    top: 3px;
}

.main-menu-wrap .menu-bar nav .main-menu .menu-item.sub .dropdown {
    top: 18px;
}

@media (max-width:1199.98px) {
    .main-menu-wrap .menu-bar {
        background: linear-gradient(90deg, rgba(0, 0, 0, 0), var(--text), rgba(0, 0, 0, 0)) center top/100% 1px no-repeat;
        padding: 0 .5em
    }
    .main-menu-wrap .menu-bar nav {
        display: none
    }
    .main-menu-wrap .menu-bar .mobile-menu-handler {
        display: block;
        padding-left: 0
    }
}

@media (max-width:991.98px) {
    .login_content,
    .reg_content {
        margin-bottom: 0
    }
    .login_content>.inner,
    .reg_content>.inner {
        max-width: 40em
    }
    .login_content>.inner .login_box>.inner,
    .login_content>.inner .reg_box>.inner,
    .reg_content>.inner .login_box>.inner,
    .reg_content>.inner .reg_box>.inner {
        flex-direction: column;
        min-height: unset
    }
    .login_content>.inner .login_box>.inner .login_form_wrp,
    .login_content>.inner .login_box>.inner .reg_form_wrp,
    .login_content>.inner .reg_box>.inner .login_form_wrp,
    .login_content>.inner .reg_box>.inner .reg_form_wrp,
    .reg_content>.inner .login_box>.inner .login_form_wrp,
    .reg_content>.inner .login_box>.inner .reg_form_wrp,
    .reg_content>.inner .reg_box>.inner .login_form_wrp,
    .reg_content>.inner .reg_box>.inner .reg_form_wrp {
        width: 100%
    }
    .login_content>.inner .login_box>.inner .login_info_wrp,
    .login_content>.inner .login_box>.inner .reg_info_wrp,
    .login_content>.inner .reg_box>.inner .login_info_wrp,
    .login_content>.inner .reg_box>.inner .reg_info_wrp,
    .reg_content>.inner .login_box>.inner .login_info_wrp,
    .reg_content>.inner .login_box>.inner .reg_info_wrp,
    .reg_content>.inner .reg_box>.inner .login_info_wrp,
    .reg_content>.inner .reg_box>.inner .reg_info_wrp {
        order: 9;
        border-radius: unset
    }
    .login_header,
    .reg_header {
        margin-top: 0
    }
    .login_header .inner,
    .reg_header .inner {
        padding: 1.5em 0;
        max-width: 40em;
        justify-content: center
    }
    .login_header .inner .logo,
    .reg_header .inner .logo {
        margin: 0
    }
    .login_footer>.inner,
    .reg_footer>.inner {
        max-width: 40em;
        flex-direction: column;
        justify-content: center
    }
    .login_footer>.inner .copyright,
    .reg_footer>.inner .copyright {
        order: 9
    }
    .login_footer>.inner nav,
    .reg_footer>.inner nav {
        margin: 2em 0;
        order: 8
    }
    .login_footer>.inner nav ul,
    .reg_footer>.inner nav ul {
        margin: -.5em;
        flex-wrap: wrap;
        justify-content: center
    }
    .login_footer>.inner .language,
    .reg_footer>.inner .language {
        flex: none
    }
    .home-slider {
        margin: 0
    }
    .home-slider .container-xxl:first-child,
    .swiper {
        padding: 0
    }
    .swiper .swiper-wrapper .swiper-slide>a {
        opacity: unset!important;
        transform: none!important;
        border-radius: 0;
        box-shadow: none
    }
    .swiper .swiper-button-next,
    .swiper .swiper-button-prev {
        display: none
    }
    .games-detail .game_content>.inner {
        display: block
    }
    .games-detail .game_content>.inner .info {
        width: inherit;
        margin: 0
    }
    footer.footer-2 .inner {
        justify-content: center
    }
    footer.footer-2 .inner .footer_nav_wrp {
        text-align: center
    }
    footer.footer-2 .inner .footer_nav_wrp h3 {
        line-height: 1.6em
    }
    footer.footer-2 .inner .footer_nav_wrp ul.footer_sns {
        justify-content: center
    }
}

@media (max-width:767.98px) {
    header .inner .logo {
        flex: 0 1 15em;
        justify-content: flex-start
    }
    .main-menu-wrap .menu-bar .user-menu .dropdown-menu {
        transform: none!important;
        width: 320px;
        position: fixed!important;
        top: 0!important;
        right: 0!important;
        margin: 0!important;
        inset: 0 0 0 auto!important;
        bottom: 0;
        z-index: 99;
        box-shadow: rgba(0, 0, 0, .1) -1px 0 0, rgba(0, 0, 0, .05) 0 0 .5em;
        border: none;
        border-radius: 0;
        transition: .2s;
        overflow: auto
    }
    .main-menu-wrap .menu-bar .user-menu .dropdown-menu .col-12:last-child {
        margin-top: 1em;
        border-left: 0;
        background: linear-gradient(90deg, rgba(0, 0, 0, 0), var(--text), rgba(0, 0, 0, 0)) center top/100% 1px no-repeat
    }
    .main-menu-wrap .menu-bar .user-menu .dropdown-menu .col-12 .close-user-info {
        right: auto;
        top: 16px
    }
    .main-menu-wrap .menu-bar .user-menu .dropdown-menu .u_menu {
        background: linear-gradient(90deg, rgba(0, 0, 0, 0), var(--text), rgba(0, 0, 0, 0)) center top/100% 1px no-repeat;
        padding-top: 1em
    }
    .main-menu-wrap .menu-bar .user-menu .dropdown-menu .u_menu_wrp .u_menu li {
        flex: 1 1 48%
    }
    .main-menu-wrap .menu-bar .user-menu .dropdown-menu .u_menu_wrp .u_menu li a {
        grid-row-gap: 0
    }
    .main-menu-wrap .menu-bar .user-menu .dropdown-menu .u_menu_wrp .u_menu li a p {
        padding: 0
    }
    .main-menu-wrap .menu-bar .user-menu .dropdown-menu .u_menu_wrp .u_menu_title {
        margin: 0 1em 1em
    }
    .main-menu-wrap .menu-bar .user-menu .dropdown-menu .u_menu_wrp .u_menu_title p {
        padding-left: 1.2em
    }
    .index-carousels .carousels-wrap .title {
        flex-direction: column
    }
    .index-carousels .carousels-wrap .title .more {
        margin-left: 0;
        margin-top: 1em
    }
    .select2-dropdown.currency,
    .select2-dropdown.language {
        width: 226px!important;
        left: 0!important;
        box-shadow: none!important
    }
    .games-detail .game_info {
        height: auto
    }
    .games-detail .game_info .inner {
        padding: 0;
        height: 100%;
        flex-wrap: wrap;
        align-content: space-between
    }
    .games-detail .game_info .inner .game_cover {
        margin: 1.5em 0 1.5em 1.5em;
        position: relative
    }
    .games-detail .game_info .inner .info {
        margin: 1.5em;
        flex: auto;
        padding: 0;
        justify-content: center
    }
    .games-detail .game_info .inner .links {
        flex: auto;
        width: 100%;
        flex-direction: row-reverse;
        align-items: center;
        margin: 0 1.5em;
        padding: 1.5em 0;
        background: linear-gradient(90deg, rgba(0, 0, 0, 0), var(--white), rgba(0, 0, 0, 0)) center top/100% 1px no-repeat
    }
    .games-detail .game_info.is-sticky {
        top: 68px
    }
    .games-detail .game_info.is-sticky .inner {
        padding: 0;
        height: 100%;
        flex-wrap: wrap;
        align-content: space-between
    }
    .games-detail .game_info.is-sticky .inner .game_cover {
        margin: 1.5em 0 1.5em 1.5em;
        position: relative
    }
    .games-detail .game_info.is-sticky .inner .info {
        margin: 1.5em;
        flex: auto;
        padding: 0;
        justify-content: center
    }
    .games-detail .game_info.is-sticky .inner .links {
        display: none
    }
    .games-detail .game_content>.inner .product_content .product .ItemList {
        justify-content: space-between;
        padding: 1em
    }
    .games-detail .game_content>.inner .product_content .product .ItemList li {
        width: auto;
        margin: 0
    }
    .games-detail .game_content>.inner .product_content .product .ItemList li a {
        padding: .5em
    }
    .games-detail .game_content>.inner .product_content .product .ItemList li a .img {
        width: 110px;
        height: 110px
    }
    .games-detail .game_content>.inner .product_content .product .ItemList li:last-of-type {
        margin-right: 0
    }
}

@media (max-width:575.98px) {
    .blog-carousels .carousels-wrap .title h3,
    .games-detail .game_info .inner .info h1,
    .index-carousels .carousels-wrap .title h3,
    .merchants-carousels .carousels-wrap .title h3,
    .review-carousels .carousels-wrap .title h3,
    .streamers-carousels .carousels-wrap .title h3 {
        font-size: 1em
    }
    header .inner {
        flex-direction: column;
        padding-bottom: 1em;
        height: auto
    }
    header .inner .logo {
        flex: auto;
        justify-content: center
    }
    header .inner .header-right {
        flex: auto;
        margin: 0
    }
    .login_content,
    .reg_content {
        margin-bottom: 0
    }
    .login_content>.inner,
    .reg_content>.inner {
        max-width: 40em;
        padding: 0 1em
    }
    .login_content>.inner .login_box>.inner .login_form_wrp,
    .login_content>.inner .login_box>.inner .login_info_wrp,
    .login_content>.inner .login_box>.inner .reg_form_wrp,
    .login_content>.inner .login_box>.inner .reg_info_wrp,
    .login_content>.inner .reg_box>.inner .login_form_wrp,
    .login_content>.inner .reg_box>.inner .login_info_wrp,
    .login_content>.inner .reg_box>.inner .reg_form_wrp,
    .login_content>.inner .reg_box>.inner .reg_info_wrp,
    .reg_content>.inner .login_box>.inner .login_form_wrp,
    .reg_content>.inner .login_box>.inner .login_info_wrp,
    .reg_content>.inner .login_box>.inner .reg_form_wrp,
    .reg_content>.inner .login_box>.inner .reg_info_wrp,
    .reg_content>.inner .reg_box>.inner .login_form_wrp,
    .reg_content>.inner .reg_box>.inner .login_info_wrp,
    .reg_content>.inner .reg_box>.inner .reg_form_wrp,
    .reg_content>.inner .reg_box>.inner .reg_info_wrp {
        padding: 1.5em
    }
    .login_content>.inner .login_box>.inner,
    .login_content>.inner .reg_box>.inner,
    .reg_content>.inner .login_box>.inner,
    .reg_content>.inner .reg_box>.inner {
        flex-direction: column;
        min-height: unset
    }
    .login_content>.inner .login_box>.inner .login_form_wrp>.inner .login_form_sns .sns_list,
    .login_content>.inner .login_box>.inner .reg_form_wrp>.inner .login_form_sns .sns_list,
    .login_content>.inner .reg_box>.inner .login_form_wrp>.inner .login_form_sns .sns_list,
    .login_content>.inner .reg_box>.inner .reg_form_wrp>.inner .login_form_sns .sns_list,
    .reg_content>.inner .login_box>.inner .login_form_wrp>.inner .login_form_sns .sns_list,
    .reg_content>.inner .login_box>.inner .reg_form_wrp>.inner .login_form_sns .sns_list,
    .reg_content>.inner .reg_box>.inner .login_form_wrp>.inner .login_form_sns .sns_list,
    .reg_content>.inner .reg_box>.inner .reg_form_wrp>.inner .login_form_sns .sns_list {
        flex-wrap: wrap;
        grid-row-gap: .5em
    }
    .login_content>.inner .login_box>.inner .login_form_wrp>.inner .login_form_sns .sns_list li,
    .login_content>.inner .login_box>.inner .reg_form_wrp>.inner .login_form_sns .sns_list li,
    .login_content>.inner .reg_box>.inner .login_form_wrp>.inner .login_form_sns .sns_list li,
    .login_content>.inner .reg_box>.inner .reg_form_wrp>.inner .login_form_sns .sns_list li,
    .reg_content>.inner .login_box>.inner .login_form_wrp>.inner .login_form_sns .sns_list li,
    .reg_content>.inner .login_box>.inner .reg_form_wrp>.inner .login_form_sns .sns_list li,
    .reg_content>.inner .reg_box>.inner .login_form_wrp>.inner .login_form_sns .sns_list li,
    .reg_content>.inner .reg_box>.inner .reg_form_wrp>.inner .login_form_sns .sns_list li {
        margin: 0 .5em
    }
    .index-carousels .carousels-wrap,
    .merchants-carousels .carousels-wrap,
    .streamers-carousels .carousels-wrap {
        padding: 1em
    }
    .index-carousels .carousels-wrap .title {
        flex-direction: column;
        align-items: center;
        grid-row-gap: .5em;
        margin-bottom: 1em
    }
    .popular-games {
        margin: 0
    }
    .popular-games .title {
        flex-direction: column;
        align-items: center;
        grid-row-gap: .5em;
        margin-bottom: 1em
    }
    .popular-games .title .more {
        flex: none;
        margin-left: 0
    }
    .merchants-carousels .carousels-wrap .title {
        flex-direction: column;
        align-items: center;
        grid-row-gap: 1em;
        margin: 1em 0
    }
    .merchants-carousels .carousels-wrap .title .more {
        margin: 0
    }
    .streamers-carousels .carousels-wrap .title {
        flex-direction: column;
        align-items: center;
        grid-row-gap: 1em;
        margin: 1em 0
    }
    .streamers-carousels .carousels-wrap .title .more {
        margin: 0
    }
    .review-carousels .carousels-wrap .title {
        flex-direction: column;
        align-items: center;
        grid-row-gap: 1em;
        margin-bottom: 1em
    }
    .review-carousels .carousels-wrap .title .more {
        margin: 0
    }
    .blog-carousels .carousels-wrap .title {
        flex-direction: column;
        align-items: center;
        grid-row-gap: 1em;
        margin-bottom: 1em
    }
    .blog-carousels .carousels-wrap .title .more {
        margin: 0
    }
    .swiper {
        position: relative;
        overflow: hidden
    }
    .swiper .swiper-wrapper {
        display: flex
    }
    .swiper .swiper-wrapper .swiper-slide {
        flex: none;
        width: 100%
    }
    .swiper .swiper-wrapper .swiper-slide>a {
        display: block
    }
    .games-detail .game_info .inner .links,
    .games-detail .game_info.is-sticky .inner .links {
        display: none
    }
    .swiper .swiper-wrapper .swiper-slide>a img {
        vertical-align: top;
        width: 100%;
        height: 100%
    }
    .games-detail .game_info .inner .game_cover .cover,
    .games-detail .game_info.is-sticky .inner .game_cover .cover {
        width: 60px;
        height: 60px;
        box-shadow: none
    }
    .games-detail .game_info .inner .game_cover {
        perspective: none;
        transition: .3s;
        margin: 1em 0 1em 1em
    }
    .games-detail .game_info .inner .info {
        margin: 1em
    }
    .games-detail .game_info .inner .info h1 {
        font-weight: 500
    }
    .games-detail .game_info .inner .info .publisher {
        font-size: .75em;
        font-weight: 500
    }
    .games-detail .game_info .inner .info .property {
        font-size: .6em
    }
    .games-detail .game_info.is-sticky .inner .game_cover {
        perspective: none;
        transition: .3s;
        margin: 1em 0 1em 1em
    }
    .games-detail .game_info.is-sticky .inner .info {
        margin: 1em
    }
    .games-detail .game_info.is-sticky .inner .info h1 {
        font-size: 1em;
        font-weight: 500
    }
    .games-detail .game_info.is-sticky .inner .info .publisher {
        font-size: .75em;
        font-weight: 500
    }
    .games-detail .game_info.is-sticky .inner .info .property {
        font-size: .6em
    }
    footer.footer-2 .inner .footer_language_wrp {
        flex-direction: column;
        grid-row-gap: .5em
    }
    .go-top.active {
        right: calc(50% - 25px)
    }
}

@media (max-width:424.98px) {
    .games-detail .game_info .inner .game_cover,
    .games-detail .game_info.is-sticky .inner .game_cover {
        display: none
    }
}