@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    overflow-x: hidden;
    padding: 0;
    margin: 0;
    font-family: 'Inter' !important;

}

p {
    font-size: 14px;
}

*:focus-visible {
    outline: none !important;
}

.meta_site {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    /*background-color: #000 !important;*/
    height: 300px;
    position: relative;
}

.meta_site::before {
    content: "";
    background: url('../../img/bg.webp');
    width: 100%;
    height: 100%;
    background-color: #000;
    background-size: cover !important;
    opacity: 1;
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: -1;
}

.header_meta {
    position: relative;
    z-index: 999;
    /*padding-top: 30px;*/
}

.header_meta .meta_wrapper {}

.header_meta .meta_wrapper .meta_nav {}

.header_meta .meta_wrapper .meta_nav .nav_wrapper {
    display: flex;
}

.header_meta .meta_wrapper .meta_nav .nav_wrapper .wrapper_item {
    width: 100%;
}

.header_meta .meta_wrapper .meta_nav .nav_wrapper .menu_item {
    padding: 80px 0px;
}

.header_meta .meta_wrapper .meta_nav .nav_wrapper .menu_item ul.menu_list {
    display: flex;
    justify-content: space-between;
    gap: 5px;
}

.header_meta .meta_wrapper .meta_nav .nav_wrapper .menu_item ul.menu_list li {
    width: 100%;
}

.header_meta .meta_wrapper .meta_nav .nav_wrapper .menu_item ul.menu_list li a {
    width: 100%;
    display: flex;
    justify-content: center;
    height: 50px;
    align-items: center;
    background: url(../../img/links.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 13px;
    transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    font-family: 'Inter';
    color: #451701;
}

.header_meta .meta_wrapper .meta_nav .nav_wrapper .menu_item ul.menu_list li a:hover {
    transform: scale(1.1);
    transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
}

.header_meta .meta_wrapper .meta_nav .nav_wrapper .logo_item {
    width: 200px;
}

.header_meta .meta_wrapper .meta_nav .nav_wrapper .logo_item a {
    display: block;
    width: 100%;
}

.header_meta .meta_wrapper .meta_nav .nav_wrapper .logo_item a img {
    width: 100%;
}

.meta_main {
    /*background-color: #000;*/
}

.meta_main .meta_side {
    /*position: sticky;*/
    z-index: 9999;
    top: 20px;
}

.meta_main .online_title {
    color: #EFA01D;
    font-size: 40px;
}

.meta_main .meta_side .login_box {
    border: 1px solid #efa01d;
    padding: 20px 35px;
    background: url('../../img/uye_background.webp');
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.meta_main .meta_side .login_box::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .8;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.meta_main .meta_side .login_box .box_top {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
}

.meta_main .meta_side .login_box .box_top img {
    width: 35px;
}

.meta_main .meta_side .login_box .box_top img.flip_image {
    transform: rotate(180deg);
}

.meta_main .meta_side .login_box .box_top h2 {
    margin-bottom: 0;
    color: #EFA01D;
    font-size: 17px;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    text-align: center;
    /*line-height: 31px;*/
}

.meta_main .meta_side .login_box form {
    margin-top: 20px;
    position: relative;
}

.meta_main .meta_side .login_box form .user_nickname, .user_mail, input, button {
    width: 100%;
    background: none;
    border: 1px solid #efa01d57 !important;
    height: 35px;
    padding: 0 10px;
    margin-bottom: 5px;
    color: #ffffffa6;
    font-weight: 500;
    font-size: 12px;
    font-family: 'Inter', sans-serif;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.meta_main .meta_side .login_box form input {
    width: 100%;
    background: none;
    border: 1px solid #efa01d57;
    height: 25px;
    padding: 0 10px;
    margin-bottom: 15px;
    color: #ffffffa6;
    /*font-weight: 500;*/
    font-size: 12px;
    font-family: 'Inter', sans-serif;
}

.meta_main .meta_side .login_box form .user_nickname .user_account_name , .user_account_mail {
    font-weight: 600;
    color: white;
}

.meta_main .meta_side .login_box form input::placeholder {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 300;
    color: #ffffff91;
}

.meta_main .meta_side .login_box form input[type=checkbox] {
    width: 21px;
    height: 21px;
    margin-bottom: 0;
}

.meta_main .meta_side .login_box form label {
    display: flex;
    align-items: center;
    gap: 10px;
}

.meta_main .meta_side .login_box form label span {
    color: #ffffffb3;
    font-size: 12px;
    font-family: 'Inter', sans-serif;
    font-weight: 200;
}

.meta_main .meta_side .login_box form .password_forgot {
    font-family: 'Inter', sans-serif;
    color: #ffffffb3;
    font-size: 12px;
    font-weight: 200;
    float: right;
}

form .login {
    color: #EFA01D;
    /*font-size: 21px;*/
    font-family: 'Oswald', sans-serif;
    margin-top: 15px;
	/*margin-top: 30px;*/
    display: block;
    font-weight: 700;
    display: inline-block;
    transition: all .6s ease-in;
    -webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;
    -ms-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
}

form .login:hover {
    transform: scale(1.1);
    transition: all .5s ease-in;
    -webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;
    -ms-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
    color: #fff;
}

.meta_main .meta_side .social_group {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.meta_main .meta_side .social_group .social_item {}

.meta_main .meta_side .social_group .social_item a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #efa01d57;
    height: 70px;
    padding: 0 55px;
    background: url('../../img/social_background.webp');
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}


.meta_main .meta_side .social_group .social_item a::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .8;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    
}

.meta_main .meta_side .social_group .social_item a:hover::before{
    opacity: 1;
    background-color: rgba(239, 160, 29,.2);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.meta_main .meta_side .social_group .social_item a span {
    color: #EFA01D;
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    font-weight: 500;
    position: relative;
}

.meta_main .meta_side .social_group .social_item a img {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 110px;
    right: 10px;
}

.meta_main .meta_side .ban_group {
    margin-top: 30px;
    position: relative;
    background-color: #00000090;
    padding-bottom: 10px;
}

.meta_main .meta_side .ban_group::before {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #efa01d57;
    opacity: .8;
    position: absolute;
    top: 0;
    transform: translate(-50%, 0);
    left: 50%;
    z-index: 0;
}

.meta_main .meta_side .ban_group::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #efa01d57;
    opacity: .8;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    z-index: 0;
}

.meta_main .meta_side .ban_group .ban_wrapper {
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
}

.meta_main .meta_side .ban_group .ban_item_wrapper {
    width: 50%;
}

.meta_main .meta_side .ban_group .ban_item {}

.meta_main .meta_side .ban_group .ban_item a {
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.meta_main .meta_side .ban_group .ban_item img {
    width: 90px;
    transition: all .5s ease;
}

.meta_main .meta_side .ban_group .ban_item a:hover img {
    transform: rotate(360deg);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.meta_main .meta_side .ban_group .ban_item span {
    color: #EFA01D;
    font-size: 18px;
    font-family: 'Oswald', sans-serif;
}

/*
* alert custom css
*/
body main div .alert a {
    color: inherit !important;
}

body main div .alert.alert-primary {
    --bs-alert-bg: #abc0df;
    --bs-alert-border-color: #abc0df;
}

body main div .alert.alert-success {
    --bs-alert-bg: #afd5b2;
    --bs-alert-border-color: #afd5b2;
}

body main div .alert.alert-info {
    --bs-alert-bg: #a6cbd3;
    --bs-alert-border-color: #a6cbd3;
}

body main div .alert.alert-warning {
    --bs-alert-bg: #cfc194;
    --bs-alert-border-color: #cfc194;
}

body main div .alert.alert-danger {
    --bs-alert-bg: #d1a3a7;
    --bs-alert-border-color: #d1a3a7;
}

.single_content .single_wrapper .main-content .content-part .btn a {
    color: #ddd;
}

.single_content .single_wrapper .main-content .content-part .btn a:hover {
    color: #ddd;
}

.single_content .single_wrapper .main-content .content-part .btn.btn-warning {
    background-color: #EFA01D90;
}

.single_content .single_wrapper .main-content .content-part div.alert button.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.single_content .single_wrapper .main-content .content-part .btn:hover {
    background-color: #ffffff20;
}

.sales_links a.btn {
    border-radius: 0px;
    color: #ddd;
    background: #EFA01D90;
    border: none !important;
}

.sales_links a.btn:hover {
    border-radius: 0px;
    color: #EFA01D;
    background-color: #ffffff20;
    border: none !important;
}

body main div .content_panel{
    max-width: 75%;
    margin-bottom: 20px;
}

body main div .content_panel.message-sender {
    margin-left: auto;
}

body main div .content_panel.message-sender .panel_top{
    background-color: rgba(61,177,107,.3);
    border-radius: 30px 0px 0px 30px;
}

body main div .content_panel.message-sender .panel_bottom{
    float: right;
}

body main div .content_panel.message-receiver .panel_top {
    background-color: #efa01d40;
    border-radius: 0px 30px 30px 0px;
}

.support-messages{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.gamer_arrangement {
    margin-top: 30px;
}

.gamer_arrangement .top_box {
    display: flex;
    justify-content: center;
    align-items: center;
    /*border: 1px solid #efa01d57;*/
    height: 70px;
    background: url(../../img/social_background.webp);
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    margin-bottom: 10px;
}

.gamer_arrangement .top_box h2 {
    color: #EFA01D;
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    font-weight: 500;
    position: relative;
}

.gamer_arrangement .top_box::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .8;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.gamer_arrangement .gamer_click {}

.gamer_arrangement .gamer_click .filter {
    display: flex;
    gap: 20px;
	padding: 0px 0px 10px 0px;
}

.gamer_arrangement .gamer_click .filter a {
    color: #EFA01D;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 17px;
    opacity: .5;
}

.gamer_arrangement .gamer_click .filter a.active {
    opacity: 1;
}

.gamer_arrangement .gamer_click .gamer_tables {
    background-color: #00000090;
    /*margin-top: 10px;*/
}


#gamer_ar .gamer_tables {
    display: none;
}


#gamer_ar .gamer_tables#tables1 {
    display: block;
}

.gamer_arrangement .gamer_click .gamer_tables ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 15px;
}

.gamer_arrangement .gamer_click .gamer_tables ul li {}

.gamer_arrangement .gamer_click .gamer_tables ul li .gamer_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gamer_arrangement .gamer_click .gamer_tables ul li .game_number {
    color: #EFA01D;
    font-size: 17px;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    width: 10%;
}

.gamer_arrangement .gamer_click .gamer_tables ul li .gamer_name {
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-weight: 200;
    width: 30%;
}

.gamer_arrangement .gamer_click .gamer_tables ul li .gamer_level {
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-weight: 200;
    width: 30%;
    visibility: hidden;
}

.gamer_arrangement .gamer_click .gamer_tables ul li .gamer_clan {
    color: #fff;
    font-size: 12px;
    font-family: 'Inter', sans-serif;
    background-color: #0E1496;
    font-weight: 200;
    width: 30%;
    display: flex;
    justify-content: center;
    height: 25px;
    align-items: center;
}

.meta_news {
	background-color: #00000090;
}

.meta_news .filter_news {
    display: flex;
    gap: 20px;
    border-bottom: 1px solid #efa01d57;
    padding: 10px;
    /*margin-bottom: 20px;*/
}

.meta_news .filter_news a {
    color: #EFA01D;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 17px;
    opacity: .5;
    cursor: pointer;
}

.meta_news .filter_news a.active {
    opacity: 1;
}

.meta_news .news_wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.meta_news .main_news {
    display: none;
    /*background-color: #00000090;*/
    padding: 19px 0px;
}

.meta_news .main_news#news1 {
    display: block;
}


.meta_news .news_wrapper .news_item {
    /*border-bottom: 1px solid #efa01d57;*/
    padding-bottom: 12px;
}

.meta_news .news_wrapper .news_item a {
    display: flex;
}

.meta_news .news_wrapper .news_item a .date_news {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 20%;
    color: #EFA01D;
    font-size: 16px;
}

.meta_news .news_wrapper .news_item a .date_news span {
    display: block;
    text-align: center;
}

.meta_news .news_wrapper .news_item a .content_news {
    width: 80%;
}

.meta_news .news_wrapper .news_item a .content_news h3 {
    color: #EFA01D;
    font-size: 14px;
    margin-bottom: 10px;
}

.meta_news .news_wrapper .news_item a .content_news p {
    color: #ddd;
    font-family: 'Inter';
    font-size: 12px;
    font-weight: 200;
}

.events_date {}

.events_date .top_events {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #efa01d57;
    padding: 10px;
    /*margin-bottom: 20px;*/
	background-color: #00000090;
    align-items: center;
}

.events_date .top_events h2 {
    color: #EFA01D;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 17px;
}

.events_date .top_events a {
    color: #EFA01D;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 17px;
}

.event_tables {
    background-color: #00000090;
    /*margin-top: 10px;*/
}

.event_tables ul {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 15px;
}

.event_tables ul li {}



.event_tables ul li .event_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.event_tables ul li .event_name {
    color: #EFA01D;
    font-weight: 300;
    font-size: 14px;
}

.event_tables ul li .event_icon {}

.event_tables ul li .event_icon img {
    width: 25px;
}

.event_tables ul li .event_date {
    color: #ddd;
    font-family: 'Inter', sans-serif;
    font-weight: 300;
    font-size: 12px;
}

.rankingtop5 .rankingtop5title {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #efa01d57;
    padding: 12px;
	background-color: #00000090;
    align-items: center;
}
.rankingtop5 .rankingtop5title h2 {
    color: #EFA01D;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 17px;
}
.rankingtop5 a {
    color: #EFA01D;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 17px;
}
.rankingtop5title a {
	color: #EFA01D;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 15px;
    cursor: pointer;
}
.rankingtop5title a{
    opacity: 0.5;
}
.rankingtop5title a.active{
    opacity: 1;
}
.rank_tables{
    background-color: #00000090;
    padding: 15px;
}
.rank_tables ul{
    display: flex;
    gap: 10px;
    flex-direction: column;
}
.rank_tables ul li .gamer_info{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3px 0px;
}
.rank_tables ul li .gamer_info .game_number{
    color: #EFA01D;
    font-size: 17px;
    font-weight: 700;
    width: 20%;
}
.game_number img{
    margin-left: 10px;
    max-width: 38px;
}
.rank_tables ul li .gamer_info .gamer_name{
    color: #ddd;
    font-weight: 200;
    margin-right: 10px;
}
.rank_tables ul li .gamer_info .gamer_clan{
    color: #fff;
    font-size: 12px;
    font-weight: 200;
    width: 30%;
    display: flex;
    justify-content: center;
    height: 25px;
    align-items: center;
}
.rank1{
    background-color: rgb(250 224 0 / 10%);
    border-bottom: 1px solid rgb(250 224 0 / 40%);
    border-radius: 4px;
}
.rank2{
    background-color: rgb(201 201 201 / 10%);
    border-bottom: 1px solid rgb(201 201 201 / 40%);
    border-radius: 4px;
}
.rank3{
    background-color: rgb(233 164 143 / 10%);
    border-bottom: 1px solid rgb(233 164 143 / 40%);
    border-radius: 4px;
}
.serverinfo .serverinfotitle {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #efa01d57;
    padding: 12px;
    background-color: #00000090;
    align-items: center;
}
.serverinfo .serverinfotitle h2 {
    color: #EFA01D;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 17px;
}
.serverinfo a {
    color: #EFA01D;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 17px;
}
.serverinfotitle a {
    color: #EFA01D;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 15px;
}
.serverinfo {
    padding-top: 27px;
}
.serverinfo_tables{
    background-color: #00000090;
    padding: 15px;
}
.serverinfo_tables ul{
    display: flex;
    gap: 10px;
    flex-direction: column;
}
.serverinfo_tables ul li{
    background-color: rgb(219 152 22 / 10%);
    border-bottom: 1px solid rgb(219 152 22 / 40%);
    border-radius: 4px;
    padding: 5px 0px;

}
.serverinfo_tables ul li .info{
    color: #ddd;
    font-weight: 200;
    font-size:14px;
    margin: 0px 10px;
}
.serverinfo_tables ul li .info .text{
    float:left;
}
.serverinfo_tables ul li .info .value{
    float:right;
}

.meta_slide {
    margin-top: 40px;
}

.meta_slide .main_slide {}

.meta_slide .main_slide .swiper-slide {}

.meta_slide .main_slide .swiper-slide img.full_image {
    width: 100%;
    height: 100%;
}

.meta_slide .main_slide .swiper-slide .content_slide {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #000000ab;
    width: 100%;
    display: flex;
    align-items: center;
    height: 60px;
    padding-left: 25px;
}

.meta_slide .main_slide .swiper-slide .content_slide p {
    color: #EFA01D;
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
}

.meta_slide .main_slide .meta_pagination {
    position: absolute;
    bottom: 11px;
    right: 15px;
    z-index: 999999;
    display: flex;
    align-items: center;
    gap: 2px;
}

.meta_slide .main_slide .meta_pagination .navigation_log {}

.meta_slide .main_slide .meta_pagination .navigation_log img {
    width: 30px;
}

.meta_slide .main_slide .meta_pagination .prev-link img {
    transform: rotate(180deg);
}

.meta_slide .main_slide .meta_pagination .number_pag {
    letter-spacing: -2px;
}

.meta_slide .main_slide .meta_pagination .number_pag span {
    color: #EFA01D;
    font-size: 20px;
}

footer {
    /*background-color: #000;*/
    padding-top: 80px;
    position: relative;
}

footer img.background_image {
    position: absolute;
    bottom: 0;
    width: 1061px;
    height: auto;
    z-index: 0;
    right: 0;
}

.footer_wrapper {
    padding-bottom: 40px;
    position: relative;
    z-index: 9999;
}

.footer_wrapper .logo_rows {}

.footer_wrapper .logo_rows .logo_wrapper {
    display: flex;
    justify-content: center;
}

.footer_wrapper .logo_rows .logo_wrapper a {
    display: block;
}

.footer_wrapper .logo_rows .logo_wrapper a img {
    width: 250px;
}

.footer_wrapper .menu_rows {
    margin-top: 50px;
    background-color: #00000090;
    padding: 0px 15px 15px;
}

.footer_wrapper .menu_rows .menu_boxing {}

.footer_wrapper .menu_rows .menu_boxing h2 {
    color: #EFA01D;
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    font-weight: 500;
    position: relative;
    border-bottom: 1px solid #efa01d57;
    padding-bottom: 15px;
}

.footer_wrapper .menu_rows .menu_boxing ul {
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer_wrapper .menu_rows .menu_boxing ul li {
    display: flex;
    align-items: center;
    gap: 5px;
}

.footer_wrapper .menu_rows .menu_boxing ul li a {
    color: #ffffff80;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 200;
}

.footer_wrapper .menu_rows .menu_boxing ul li img {
    transform: rotate(180deg);
    width: 30px;
}

.copy_bot {
    padding: 20px;
    border-top: 1px solid #efa01d57;
    position: relative;
    z-index: 9999;
}

.copy_bot p {
    color: #ffffff80;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 200;
    text-align: center;
}

.copy_bot p a {
    font-weight: 600;
}

.page_heading {
    color: #EFA01D;
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    padding: 20px 25px 10px 25px;
    background-color: #00000090;
}

.page_head_2 {
    color: #EFA01D;
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    font-weight: 500;
}

.contact_rows {
    background-color: #00000090;
    padding: 20px;
}

.contact_rows .contact_box {
    text-align: center;
}

.contact_rows .contact_box h2 {
    color: #EFA01D;
    font-size: 25px;
    position: relative;
    margin-bottom: 35px;
}

.contact_rows .contact_box h2::before {
    content: "";
    background-color: #efa01d57;
    width: 1px;
    height: 25px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -30px;
}

.contact_rows .contact_box a {
    color: #fff;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 200;
    line-height: 1;
    transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
}

.contact_rows .contact_box a:hover {
    color: #EFA01D;
    transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
}

.contact_rows .maps {
    margin-top: 35px;
    background-color: #00000090;
    padding: 17px;
    height: 450px;
}

.contact_rows .maps iframe {}


.download_row {
    background-color: #00000090;
    width: 100%;
    height: 400px;
}

.download_row .download_col {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.download_row .download_col .download_boxing {
    display: flex;
    flex-direction: column;
    text-align: center;
    /*width: 65%;*/
}

.download_row .download_col .download_boxing h2 {
    color: #EFA01D;
    font-family: 'Oswald', sans-serif;
    font-size: 40px;
    margin-bottom: 23px;
}

.download_row .download_col .download_boxing span {
    font-family: 'Inter', sans-serif;
    color: #fff;
    font-weight: 100;
    font-size: 14px;
}

.download_row .download_col .download_boxing .download_button {
    display: flex;
    justify-content: center;
    margin-top: 35px;
    margin-bottom: 15px;
    gap: 10px;
}

.download_row .download_col .download_boxing a {
    font-family: 'Oswald', sans-serif;
    color: #fff;
    /*font-size: 25px;*/
    /*background: url(../../img/download.svg);*/
    background-color: #EFA01D80;
    background-repeat: no-repeat;
    background-size: cover;
    /*width: 179px;*/
    /*height: 52px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    padding: 10px 20px;
    border-radius: 10px;
}

.download_row .download_col .download_boxing a:hover {
    transform: scale(1.1);
    transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
}

.download_row .download_col .download_boxing .date_file {
    color: #fff;
    font-family: 'Inter';
    font-weight: 100;
    font-size: 14px;
}

.download_row .download_col .download_boxing .gereksinim {
    color: #fff;
    font-family: 'Inter';
    font-weight: 100;
    font-size: 14px;
}

.sign_in {
    background-color: #00000090;
    margin-top: 60px;
}

.sign_in .sign_wrapper {
    padding: 45px;
}

.sign_in .sign_wrapper form {}

.sign_in .sign_wrapper form input {
    width: 100%;
    height: 40px;
    background-color: #00000054;
    border: 1px solid #efa01d57;
    padding-left: 15px;
}

.sign_in .sign_wrapper form input::placeholder {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 300;
}

form label {
    display: flex;
    align-items: center;
    gap: 10px;
}

form label span {
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 100;
}

form label input[type=checkbox] {
    width: 20px;
}

.sign_in .sign_wrapper form .g-recaptcha {}

.sign_in .sign_wrapper form button {
    background-color: inherit;
    border: none;
    color: #EFA01D;
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    font-weight: 600;
}

.rehber_wrapper {
    background-color: #00000090;
}

.rehber_wrapper .rehber_row {
    padding: 40px 30px;
}

.search_column {
    float: left;
    position: relative;
    width: 250px;
    height: 45px;
}

.search_column input {
    width: 100%;
    background-color: inherit;
    border: none;
    border-bottom: 1px solid #efa01d57;
    height: 100%;
    color: #ffffffa6;
    font-weight: 500;
    font-size: 15px;
    font-family: 'Inter', sans-serif;
}

.search_column input::placeholder {
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 300;
}

.search_column i {
    color: #EFA01D;
    font-size: 20px;
    position: absolute;
    right: 0;
    opacity: .5;
    bottom: 5px;
}

.sales_filter .filter_top:nth-child(1) {
    margin-left: 0 !important;
}

.filter_top {
    float: right;
    width: 200px;
    height: 40px;
    margin-left: 20px;
}

.custom-select {
  position: relative;
  font-family: Arial;
  font-family: 'Inter';
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: #141414;
  border: 1px solid #efa01d57;
  font-size: 14px;
}

.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}


.select-items div {
    color: #ffffff;
    padding: 7px 8px;
    border: 1px solid #efa01d57;
    cursor: pointer;
    user-select: none;
    font-size: 14px;
}

.select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid #efa01d57;
    cursor: pointer;
    user-select: none;
    font-size: 14px;
  }

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #141414;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: #EFA01D;
}

.filter_top select::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #141414;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
}

.rehber_wrapper .rehber_row .group_item {
    display: flex;
    gap: 25px;
    padding: 10px 0px;
    border-bottom: 1px solid #efa01d57;
}

.event_box {
    /*color: #222;*/
    font-family: 'Oswald';
    /*background-color: #EFA01D;*/
    color: #ccc;
    /*padding: 4px 10px;*/
}

.rehber_wrapper .rehber_row .group_item a {
    font-family: 'Oswald';
    color: #ffffff7d;
    font-weight: 400;
    line-height: 1;
    display: flex;
    align-items: center;
    font-size: 17px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}

table {
    font-family: 'Inter' !important;
    border-collapse: collapse;
}

table td a {
    font-family: 'Inter';
    /*color: #ffffff7d;*/
    color: #EFA01D;
    font-weight: 400;
    /*line-height: 1;*/
    display: flex;
    align-items: center;
    font-size: 12px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.rehber_wrapper .rehber_row .group_item a:hover {
    color: #EFA01D;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.single_content {
    background-color: #00000090;
}

.single_content .single_wrapper {
    padding: 30px;
}

.single_content .single_wrapper img.head_image {
    width: 100%;
}

.single_content .single_wrapper .main-content {
    /*margin-top: 50px;*/
}

.single_content .single_wrapper .main-content .content-part {
    margin-bottom: 24px;
}

.single_content .single_wrapper .main-content .content-part img{
    max-width: 100%;
}

.single_content .single_wrapper .main-content .content-part h2 {
    color: #EFA01D;
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
}

.single_content .single_wrapper .main-content .content-part h3, h4, h5, h6 {
    color: #EFA01D !important;
    font-family: 'Inter', sans-serif;
    font-size: 1.50rem !important;
    font-weight: 500;
    margin: 15px 0px;
}

.single_content .single_wrapper .main-content .content-part p {
    color: #ddd;
    /*font-weight: 300;*/
    font-family: 'Inter', sans-serif;
}

.single_content .single_wrapper .main-content .content-part li {
    color: #ddd;
    /*font-weight: 100;*/
    font-family: 'Inter', sans-serif;
    list-style: auto;
    list-style-position: inside;
    margin-top: 15px;
}

.single_content .single_wrapper .main-content .content-part a {
    color: #EFA01D;
}

.single_content .single_wrapper .main-content .content-part a:hover {
    color: #efa01d66;
}

.single-datetime{
    color: #ddd; 
    float: right; 
    padding: 0px 0px 15px 15px;
}

.player_arrangment {
    background-color: #00000090;
}

.player_arrangment .arrangment_wrapper {
    padding: 35px;
}

.player_arrangment .arrangment_wrapper .table_arrangment {
    margin-top: 25px;
    width: 100%;
}

.player_arrangment .arrangment_wrapper .table_arrangment table {
    width: 100%;
}

.player_arrangment .arrangment_wrapper .table_arrangment table thead {}

.player_arrangment .arrangment_wrapper .table_arrangment table thead tr {}

.player_arrangment .arrangment_wrapper .table_arrangment table thead tr th {
    color: #EFA01D;
    font-size: 14px;
    font-family: 'Oswald', sans-serif;
}

.player_arrangment .arrangment_wrapper .table_arrangment table tbody {
    position: relative;
    top: 20px;
}

.player_arrangment .arrangment_wrapper .table_arrangment table tbody tr {
    padding: 10px;
    width: 100%;
}

.player_arrangment .arrangment_wrapper .table_arrangment table tbody tr:nth-child(odd) {
    background-color: #00000090;
}

.player_arrangment .arrangment_wrapper .table_arrangment table tbody tr td {
    color: #fff;
    font-size: 14px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
}

.player_arrangment .arrangment_wrapper .table_arrangment table tbody tr td .flame {}


.lonca_single {
    background-color: #00000090;
}

.lonca_single .lonca_wrapper {
    padding: 40px 30px;
}

.lonca_single .lonca_wrapper .lonca_info {}

.lonca_single .lonca_wrapper .lonca_info h2 {
    color: #EFA01D;
    font-family: 'Oswald';
    font-size: 24px;
    font-weight: 500;
}

.lonca_single .lonca_wrapper .lonca_info ul {
    margin-top: 15px;
}

.lonca_single .lonca_wrapper .lonca_info ul li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #efa01d57;
    padding: 14px 0px 10px;
}

.lonca_single .lonca_wrapper .lonca_info ul li span {
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 15px;
    font-weight: 400;
}

.lonca_single .lonca_wrapper .lonca_info ul li .result_item {
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 15px;
    font-weight: 400;
}

.lonca_single .lonca_wrapper .lonca_info ul li .result_item.lonca_flame {}

.lonca_single .lonca_wrapper img.character_lonca {
    width: 400px;
    position: absolute;
    right: 0;
    top: -140px;
}

.lonca_single .lonca_wrapper .img_wrapper {
    position: relative;
}

.lonca_single .lonca_wrapper .lonca_table_a {
    margin-top: 70px;
}

.lonca_single .lonca_wrapper .lonca_table_a h2 {
    color: #EFA01D;
    font-family: 'Oswald';
    font-size: 24px;
    font-weight: 500;
}

.lonca_single .lonca_wrapper .lonca_table_a .table_war {
    margin-top: 13px;
}

.table_war .top_head {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #efa01d57;
    padding-bottom: 8px;
}

.table_war .top_head .column_24 {
    color: #fff;
    font-family: 'Oswald';
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    text-align: center;
}

.table_war .top_head .column_24:nth-child(1) {
    text-align: left;
}

.table_war .top_head .column_24:nth-child(3) {
    text-align: right;
}

.table_war .content_war {}

.table_war .content_war .content_row {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #efa01d57;
    padding: 8px 0px;
}

.table_war .content_war .content_row .content_column {
    color: #fff;
    font-family: 'Oswald';
    font-size: 13px;
    font-weight: 400;
    width: 100%;
    text-align: center;
}

.table_war .content_war .content_row .content_column:nth-child(1) {
    text-align: left;
}

.table_war .content_war .content_row .content_column:nth-child(3) {
    text-align: right;
}

.table_war .content_war .content_row .content_column div {}

.table_war .content_war .content_row .content_column div.win {
    color: #18BC1E;
}

.table_war .content_war .content_row .content_column div.lose {
    color: #C00C0C;
}

.table_war .content_war .content_row .content_column div.draw {
    color: #EAD51C;
}


.support_port {
    background-color: #00000090;
}

.support_port .support_wrapper {
    padding: 20px 30px;
}

.top_support {
    display: flex;
    justify-content: end;
}

.top_support a {
    background-color: #EFA01D90;
    color: #fff !important;
    font-family: 'Oswald';
    padding: 6px 13px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.top_support a:hover {
    transition: all .6s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    background-color: #ffffff20 !important;
    color: #EFA01D !important;
}

.support_port .support_wrapper .support_table {
    margin-top: 70px;
}

.support_port .support_wrapper .support_table .heading_table {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 50px;
}

.support_port .support_wrapper .support_table .heading_table .head_col {
    color: #EFA01D;
    font-size: 15px;
    font-family: 'Oswald';
    width: 100%;
    text-align: left;
}

.support_port .support_wrapper .support_table .heading_table .head_col:nth-child(5) {
    text-align: end;
}

.support_port .support_wrapper .support_table .heading_table .head_col.big_font {
    font-size: 18px;
}

.support_port .support_wrapper .support_table .heading_table .head_col.large_width {}

.support_port .support_wrapper .support_table .table_main {
    margin-top: 15px;
}

.support_port .support_wrapper .support_table .table_main .table_row_a {
    display: flex;
    justify-content: space-between;
    padding: 13px;
    gap: 50px;
}

.support_port .support_wrapper .support_table .table_main .table_row_a:nth-child(odd) {
    background-color: #00000090;
}

.support_port .support_wrapper .support_table .table_main .table_row_a .table_col {
    color: #fff;
    font-size: 15px;
    font-family: 'Oswald';
    width: 100%;
}

.support_port .support_wrapper .support_table .table_main .table_row_a .table_col:nth-child(5) {
    text-align: end;
}

.support_port .support_wrapper .support_table .table_main .table_row_a .table_col.large_width {}

.support_port .support_wrapper .support_table .table_main .table_row_a .table_col .result_support {
    padding: 5px 15px;
    width: min-content;
    float: right;
    font-family: 'Inter';
    font-weight: 200;
    font-size: 14px;
}

.support_port .support_wrapper .support_table .table_main .table_row_a .table_col .result_support.success {
    background-color: #1E5F13;
}

.support_port .support_wrapper .support_table .table_main .table_row_a .table_col .result_support.on-hold {
    background-color: #EAD51C;
}

.support_form {
    background-color: #00000090;
}

.support_form .form_wrapper {
    padding: 40px 50px;
}

.support_form .form_wrapper form {}

.support_form .form_wrapper form input {
    background-color: #000;
    border: 1px solid #efa01d57;
    /*width: 100%;*/
    height: 45px;
    padding: 0 15px;
}

.support_form .form_wrapper form select, .filter_top select {
    background-color: #222;
    border: 1px solid #efa01d57;
    width: 100%;
    height: 45px;
    padding: 0 15px;
}

.support_form .form_wrapper form textarea {
    background-color: #000;
    border: 1px solid #efa01d57;
    width: 100%;
    height: 130px;
    padding: 10px 15px;
}

.support_form .form_wrapper form input::placeholder,
.support_form .form_wrapper form textarea::placeholder,
.support_form .form_wrapper form select,
.filter_top select {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff91;

}

.support_form .form_wrapper form button {
    background: none;
    border: none;
    color: #f09f1f;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 21px;
    transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
}

.support_form .form_wrapper form button:hover {
    transform: scale(1.1);
    transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease;
    color: #fff;
}



.support_form .form_wrapper .rules_of_support {
    margin-top: 80px;
    border-top: 1px solid #efa01d57;
    padding-top: 30px;
}

.support_form .form_wrapper .rules_of_support h2 {
    color: #EFA01D;
    font-family: 'Oswald', sans-serif;
    text-align: center;
    font-size: 23px;
    margin-bottom: 20px;
}

.support_form .form_wrapper .rules_of_support ul {}

.support_form .form_wrapper .rules_of_support ul li {
    list-style: disc;
    color: #fff;
    font-family: 'Inter';
    font-size: 13px;
}

.support_form .form_wrapper .rules_of_support ul li span {
    color: #fff;
    font-family: 'Inter';
    font-size: 13px;
    display: block;
    line-height: 21px;
}

.meta_main .meta_side .login_box .user_by {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    background-color: #efa01d40;
    height: 30px;
    align-items: center;

    border: 1px solid #efa01d66;
}

.meta_main .meta_side .login_box .user_by:not(:last-child) {
    margin-bottom: 5px;
}

.meta_main .meta_side .login_box .user_by div {
    color: #ffffffa6;
    font-family: 'Inter';
    font-size: 12px;
    font-weight: 200;
}

.meta_main .meta_side .login_box .user_by div.item_count {
    color: #fff;
    font-weight: 600;
}

.side_box {
    position: relative;
    margin-top: 20px;
}


.category_item {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    /*row-gap: 15px;*/
}

.category_item .button_cat {}

.category_item .button_cat a {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 5px 10px;
    /*height: 50px;*/
    align-items: center;
    /*border: 1px solid #efa01d66;*/
    color: #ffffffa6;
    font-family: 'Inter';
    font-size: 12px;
    /*font-weight: 600;*/
    transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
}

.category_item .button_cat a:hover {
    background-color: #efa01d40;
    transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
}

.product_box_view {
    background-color: #00000090;
}

.product_box_view .product_box_wrapper {
    padding: 25px 35px;
}

.product_box_view .product_box_wrapper .box_slide {}

.product_package_slide {}

.product_package_slide .swiper-slide {
    width: 50%;
}

.product_package_slide .swiper-slide .package_view {
    border: 1px solid #efa01d57;
    background-color: #00000090;
}

.product_package_slide .swiper-slide .package_view .top_package {
    background-color: #343434;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
}

.product_package_slide .swiper-slide .package_view .top_package .package_name {
    color: #EFA01D;
    font-family: 'Oswald';
    font-size: 16px;
}


.product_package_slide .swiper-slide .package_view .top_package .package_price {
    display: flex;
    gap: 12px;
    align-items: center;
}

.product_package_slide .swiper-slide .package_view .top_package .package_price div {
    color: #fff;
    font-family: 'Inter';
    font-size: 14px;
}

.product_package_slide .swiper-slide .package_view .top_package .package_price div.old_price {
    text-decoration: line-through;
}

.product_package_slide .swiper-slide .package_view .top_package .package_price div.active_price {
    background-color: #1E5F13;
    padding: 3px 11px;
}

.product_package_slide .swiper-slide .package_view .package_main {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding: 40px 30px;
    row-gap: 15px;
}

.product_package_slide .swiper-slide .package_view .package_main .package_item {
    width: 14.28%;
    text-align: center;
}

.product_package_slide .swiper-slide .package_view .package_main .package_item img {
    width: 32px;
}

.product_package_slide .swiper-slide .package_view .package_main .package_item .count_package {
    color: #fff;
    font-family: 'Inter';
    font-size: 10px;
}

.product_package_slide .swiper-slide .package_view .package_content {
    padding: 00px 30px;
}

.product_package_slide .swiper-slide .package_view .package_content span {
    color: #fff;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 200;
}

.product_package_slide .swiper-slide .package_view .package_bot {
    display: flex;
    justify-content: space-between;
    padding: 40px 15px 20px;
    align-items: center;
}



.product_package_slide .swiper-slide .package_view .package_bot .stock_wrap {
    color: #fff;
    font-family: 'Inter';
    font-size: 12px;
    font-weight: 400;
    display: flex;
    gap: 4px;
    background-color: #940E0E;
    padding: 7px 14px;
}

.product_package_slide .swiper-slide .package_view .package_bot .buy_package {}

.product_package_slide .swiper-slide .package_view .package_bot .buy_package a {
    color: #fff;
    font-family: 'Inter';
    font-size: 12px;
    font-weight: 500;
    display: flex;
    gap: 4px;
    background-color: #1E5F13;
    padding: 7px 25px;
    transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
}

.product_package_slide .swiper-slide .package_view .package_bot .buy_package a:hover {
    transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    background-color: #ffffff20;
    color: #EFA01D;
}

.product_package_slide .navigation_pro {
    display: flex;
    justify-content: center;
    padding: 20px 0px 0px;
    gap: 35px;
}

.product_package_slide .navigation_pro .navigation_item {
    cursor: pointer;
}

.product_package_slide .navigation_pro .navigation_item img {
    width: 30px;
}

.product_package_slide .navigation_pro .navigation_item.prev_pro img {
    transform: rotate(180deg);
}


.product_row {
    margin-top: 80px;
    position: relative;
    z-index: 9999;
}

.product_row .product_row_view {
    background-color: #00000090;
}

.product_row .product_row_view .product_row_wrapper {
    padding: 20px 20px 40px;
}

.product_row .product_row_view .product_row_wrapper .box_wrapper {
    border: 1px solid #efa01d57;
    background-color: #00000090;
}

.product_row .product_row_view .product_row_wrapper .box_wrapper .box_top {
    background-color: #343434;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 5px;
}

.product_row .product_row_view .product_row_wrapper .box_wrapper .box_top .package_name {
    color: #EFA01D;
    font-family: 'Oswald';
    font-size: 13px;
}

.product_row .product_row_view .product_row_wrapper .box_wrapper .box_top .package_price {
    display: flex;
    gap: 12px;
    align-items: center;
}

.product_row .product_row_view .product_row_wrapper .box_wrapper .box_top .package_price div {
    color: #fff;
    font-family: 'Inter';
    font-size: 12px;
}

.product_row .product_row_view .product_row_wrapper .box_wrapper .box_top .package_price .old_price {
    text-decoration: line-through;
}

.product_row .product_row_view .product_row_wrapper .box_wrapper .box_top .package_price .active_price {
    background-color: #1E5F13;
    padding: 3px 11px;
}

.product_row .product_row_view .product_row_wrapper .box_wrapper .box_top .center_box {}

.product_row .product_row_view .product_row_wrapper .box_wrapper .center_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 14px 15px;
}

.product_row .product_row_view .product_row_wrapper .box_wrapper .center_box .product_image {
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border: 1px solid #efa01d57;
    border-radius: 100%;
}

.product_row .product_row_view .product_row_wrapper .box_wrapper .center_box .product_image img {
    width: auto;
    /*height: 100%;*/
    max-width: 100%;
}

.product_row .product_row_view .product_row_wrapper .box_wrapper .center_box .content_product {
    margin-top: 15px;
}

.product_row .product_row_view .product_row_wrapper .box_wrapper .center_box .content_product span {
    color: #fff;
    font-family: 'Inter';
    font-size: 13px;
    font-weight: 200;
    display: block;
}

.product_row .product_row_view .product_row_wrapper .box_wrapper .bot_box {
    display: flex;
    padding: 0px 10px 10px;
    justify-content: end;
}

.product_row .product_row_view .product_row_wrapper .box_wrapper .bot_box a {
    color: #fff;
    font-family: 'Inter';
    font-size: 12px;
    font-weight: 500;
    display: flex;
    gap: 4px;
    background-color: #1E5F13;
    padding: 5px 19px;
    transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
}

.product_row .product_row_view .product_row_wrapper .box_wrapper .bot_box a:hover {
    transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    background-color: #ffffff20;
    color: #EFA01D;
}



.buying_page {
    background-color: #00000090;
    margin-top: 50px;
    position: relative;
    z-index: 9999;
}

.buying_page .buying_wrapper {
    padding: 20px;
}

.buying_page .buying_wrapper h2 {
    color: #EFA01D;
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    font-weight: 500;
    text-align: center;
    border-bottom: 1px solid #efa01d57;
    padding-bottom: 20px;
}

.buying_page .buying_wrapper .buying_from {
    margin-top: 80px;
}

.buying_page .buying_wrapper .buying_from h3 {
    color: #EFA01D;
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 20px;
}

.buying_page .buying_wrapper .buying_from .buying_from_box {
    border: 1px solid #efa01d57;
}

.buying_page .buying_wrapper .buying_from .buying_from_box .box_top {
    background-color: #343434;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 5px;
}

.buying_page .buying_wrapper .buying_from .buying_from_box .box_top .buying_item {
    color: #EFA01D;
    font-family: 'Oswald';
    font-size: 13px;
}

.buying_page .buying_wrapper .buying_from .buying_from_box .center_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 14px 15px;
}

.buying_page .buying_wrapper .buying_from .buying_from_box .center_box .product_image {
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border: 1px solid #efa01d57;
    border-radius: 100%;
}

.buying_page .buying_wrapper .buying_from .buying_from_box .center_box .product_image img {
    width: auto;
    /*height: 100%;*/
    max-width: 100%;
}

.buying_page .buying_wrapper .buying_from .buying_from_box .center_box .content_buying {
    padding: 10px 0px;
    text-align: center;
}

.buying_page .buying_wrapper .buying_from .buying_from_box .center_box .content_buying span {
    color: #fff;
    font-family: 'Inter';
    font-size: 11px;
    font-weight: 200;
    display: block;
}

.buying_page .buying_wrapper .buying_from .buying_result {
    display: flex;
    justify-content: center;
    padding: 70px 0px;
}

.buying_page .buying_wrapper .buying_from .buying_result .buying_cont {
    width: 50%;
}

.buying_page .buying_wrapper .buying_from .buying_result .buying_info {
    color: #fff;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 200;
    text-align: center;
}

.buying_page .buying_wrapper .buying_from .buying_result .buying_info .buying_ep {
    font-weight: 600;
    display: inline-block;
}

.buying_page .buying_wrapper .buying_from .buying_result .buying_button {
    text-align: center;
}

.buying_page .buying_wrapper .buying_from .buying_result .buying_button a {
    color: #f09f1d;
    font-family: 'Oswald';
    font-size: 25px;
    font-weight: 500;
}

.head_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 25px;
    position: relative;
    background-color: #00000090;
}

.head_flex h1 {
    margin-bottom: 0;
}

.head_flex a {
    color: #fff;
    /*background-color: #f09f1d;*/
    font-family: 'Oswald';
    font-size: 15px;
    padding: 7px 20px;
    transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
}

.head_flex a:hover {
    transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    background-color: #fff;
    color: #EFA01D;
}




.ep_package {
    background-color: #00000090;
    position: relative;
    /*z-index: 99999;*/
}

.ep_package .package_wrapper {
    padding: 30px 20px;
}

.ep_package .package_wrapper .ep_boxing {
    border: 1px solid #efa01d57;
    background-color: #00000090;
}

.ep_package .package_wrapper .ep_boxing .box_top {
    background-color: #343434;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
}

.ep_package .package_wrapper .ep_boxing .box_top .ep_count {
    color: #EFA01D;
    font-family: 'Oswald';
    font-size: 14px;
}

.ep_package .package_wrapper .ep_boxing .center_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 14px 15px;
}

.ep_package .package_wrapper .ep_boxing .center_box .ep_price {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border: 1px solid #efa01d57;
    border-radius: 100%;
}

.ep_package .package_wrapper .ep_boxing .center_box .ep_price .price_count {
    color: #EFA01D;
    font-family: 'Oswald';
    font-size: 18px;
    font-weight: 600;
}

.ep_package .package_wrapper .ep_boxing .center_box .content_buying_ep {
    padding: 10px 0px 0px;
    text-align: center;
}

.ep_package .package_wrapper .ep_boxing .center_box .content_buying_ep span {
    color: #fff;
    font-family: 'Inter';
    font-size: 11px;
    font-weight: 200;
    display: block;
}

.ep_package .package_wrapper .ep_boxing .buy_ep {
    text-align: center;
}

.ep_package .package_wrapper .ep_boxing .buy_ep a {
    background-color: #1E5F13;
    color: #fff;
    font-family: 'Inter';
    font-size: 13px;
    font-weight: 700;
    padding: 6px 22px;
    position: relative;
    top: 12px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.ep_package .package_wrapper .ep_boxing .buy_ep a:hover {
    transform: scale(1.2);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    color: #EFA01D;
    background-color: #ffffff20;
}

.ep_package .package_wrapper .content_box {
    margin-top: 60px;
    background-color: #0E8F2B;
    width: 100%;
}

.ep_package .package_wrapper .content_box ul {
    padding: 18px 10px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.ep_package .package_wrapper .content_box ul li {
    color: #fff;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 300;
}

.ep_package .package_wrapper .content_box ul li span {
    color: #fff;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 300;
    display: block;
}

.ep_package .package_wrapper .rules_of_ep {
    margin-top: 50px;
}

.ep_package .package_wrapper .rules_of_ep h2 {
    color: #EFA01D;
    font-family: 'Oswald';
    font-size: 22px;
    font-weight: 500;
}

.ep_package .package_wrapper .rules_of_ep ul {
    padding-left: 15px;
    padding-top: 15px;
}

.ep_package .package_wrapper .rules_of_ep ul li {
    color: #fff;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 300;
    list-style: disc;
}

.ep_package .package_wrapper .rules_of_ep ul li span {
    color: #fff;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 300;
    display: block;
}

.ep_package .package_wrapper .payment_direction {
    margin-top: 50px;
    padding-bottom: 100px;
}

.ep_package .package_wrapper .payment_direction .payment_flex {
    display: flex;
    justify-content: space-evenly;
}

.ep_package .package_wrapper .payment_direction .payment_flex .payment_item {
    width: 100%;
    text-align: center;
}

.ep_package .package_wrapper .payment_direction .payment_flex .payment_item img {
    width: auto;
}


.ep_havale {
    background-color: #00000090;
    position: relative;
    z-index: 999;
}

.ep_havale .havale_wrapper {
    padding: 20px;
}

.ep_havale .havale_wrapper .warning_cloud {
    background-color: #8F0E0E;
    padding: 20px;
}

.ep_havale .havale_wrapper .warning_cloud .content {
    color: #FFFFFF;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 300;
    line-height: 23px;
}

.ep_havale .havale_wrapper .warning_cloud .content span {
    font-weight: 700;
}

.ep_havale .havale_wrapper .form_ep {
    margin-top: 20px;
}

.ep_havale .havale_wrapper .form_ep .form_wrapper {
    background-color: #ffffff1c;
}

.ep_havale .havale_wrapper .form_ep .form_wrapper form {
    padding: 20px;
}


.ep_havale .havale_wrapper .form_ep .form_wrapper form label {
    color: #EFA01D;
    font-family: 'Oswald';
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
}

form#payForm label {
    color: #EFA01D;
    font-family: 'Oswald';
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
}

.ep_havale .havale_wrapper .form_ep .form_wrapper form .main_ {
    width: 60%;
}

.ep_havale .havale_wrapper .form_ep .form_wrapper form .kurus {
    width: 40%;
}

.form_wrapper form .pay_box {
    position: relative;
}

.ep_havale .havale_wrapper .form_ep .form_wrapper form .pay_box input {}

.ep_havale .havale_wrapper .form_ep .form_wrapper form .pay_box span {
    color: hsl(0deg 0% 100% / 65%);
    font-family: 'Inter';
    font-size: 11px;
    font-weight: 300;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -20px;
}


.ep_havale .havale_wrapper .form_ep .form_wrapper form span {
    color: #fff;
    padding: 0 7px;
    font-size: 20px;
    font-family: 'Inter';
}

.ep_havale .havale_wrapper .form_ep .form_wrapper form span.tl-icon {
    color: #EFA01D;
    font-size: 35px;
    font-family: 'Oswald';
    font-weight: 500;
}

.ep_havale .havale_wrapper .form_ep .form_wrapper form input,
.ep_havale .havale_wrapper .form_ep .form_wrapper form select {
    width: 100%;
    background: #222;
    border: 1px solid #efa01d57;
    height: 50px;
    padding: 0 23px;
    color: #ffffffa6;
    font-weight: 500;
    font-size: 15px;
    font-family: 'Inter', sans-serif;
    margin-bottom: 0;
}

.ep_havale .havale_wrapper .form_ep .form_wrapper form .payment_form {
    display: flex;
    justify-content: end;
    margin-top: 15px;
}

.ep_havale .havale_wrapper .form_ep .form_wrapper form .payment_form button {
    background-color: #EFA01D90;
    color: #fff;
    font-family: 'Oswald';
    font-size: 16px;
    font-weight: 500;
    border: none;
    padding: 5px 20px;
    transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
}

.ep_havale .havale_wrapper .form_ep .form_wrapper form .payment_form button:hover {
    transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    background-color: #ffffff20;
    color: #EFA01D;
}



.ep_havale .havale_wrapper .form_ep .payment_success {
    background-color: #0E8F2B;
    margin-top: 27px;
}

.ep_havale .havale_wrapper .form_ep .payment_success span {
    color: #fff;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 200;
    display: block;
    padding: 20px 15px;
}

.ep_havale .havale_wrapper .form_ep .info_payment {
    background-color: #172C76;
    padding: 20px 15px;
    margin-top: 20px;
}

.ep_havale .havale_wrapper .form_ep .info_payment div {
    color: #fff;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 200;
    display: block;
}

.ep_havale .havale_wrapper .form_ep .info_payment div span {
    font-weight: 600;
}

.ep_havale .havale_wrapper .form_ep .info_payment ul {}

.ep_havale .havale_wrapper .form_ep .info_payment ul li {}


.ep_havale .havale_wrapper .ep_table {}

.ep_havale .havale_wrapper .ep_table h2 {
    text-align: center;
    color: #EFA01D;
    font-family: 'Oswald';
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 8px;
}

.ep_table_wrapper {
    margin-top: 20px;
}

.ep_table_wrapper .table_head {
    display: flex;
    justify-content: space-between;
}

.ep_table_wrapper .table_head .table_head_item {
    width: 100%;
    text-align: center;
    color: #fff;
    font-family: 'Oswald';
    font-size: 15px;
}

.ep_table_wrapper .table_head .table_head_item:nth-child(1) {
    text-align: left;
}

.ep_table_wrapper .table_head .table_head_item:nth-child(3) {
    text-align: end;
}

.ep_table_wrapper .table_main {
    display: flex;
    justify-content: space-between;
    padding: 10px 10px;
}

.ep_table_wrapper .table_main .table_main_item {
    width: 100%;
    text-align: center;
    color: #EFA01D;
    font-family: 'Oswald';
    font-size: 18px;
    font-weight: 600;
}

.ep_table_wrapper .table_main .table_main_item:nth-child(1) {
    text-align: left;
}

.ep_table_wrapper .table_main .table_main_item:nth-child(3) {
    text-align: end;
}


.ep_table_wrapper .table_main .table_main_item .desc {
    font-family: 'Inter';
    font-size: 11px;
    color: #fff;
    font-weight: 200;
}

.ep_table_wrapper .table_main .table_main_item .desc span {
    font-weight: 600;
}

.ep_table_wrapper .table_main:nth-child(odd) {
    background-color: #ffffff1c;
}

.ep_table_wrapper .table_main_wrapper {
    margin-top: 15px;
}


.why_buy {}

.why_buy h2 {
    color: #EFA01D;
    font-family: 'Oswald';
    font-size: 22px;
    font-weight: 500;
}

.why_buy ul {
    padding-left: 15px;
    padding-top: 15px;
}

.why_buy ul li {
    color: #fff;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 300;
    list-style: disc;
}

.why_buy ul li span {
    color: #fff;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 300;
    display: block;
}

.info_pay {
    background-color: #172C76;
}



.info_pay ul {
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.info_pay ul li {
    color: #fff;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 300;
    display: flex;
    gap: 5px;
    align-items: flex-start;
}

.info_pay ul li div {
    color: #fff;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 300;
    display: block;
}

.info_pay ul li div span {
    font-weight: 600;
}

.banks_info {
    margin-top: -15px;
}

.banks_info .banks_flex {
    display: flex;
    flex-wrap: wrap;
}

.banks_info .banks_flex .banks_item {
    width: 50%;
    border-bottom: 1px solid #efa01d57;
    padding: 30px 0px;
}

.banks_info .banks_flex .banks_item:nth-child(even) {
    padding-left: 30px;
}

.banks_info .banks_flex .banks_item:nth-child(odd) {
    border-right: 1px solid #efa01d57;
}

.banks_info .banks_flex .banks_item img {
    background-color: #ffffff;
}

.banks_info .banks_flex .banks_item ul {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 10px;
}

.banks_info .banks_flex .banks_item ul li {}

.banks_info .banks_flex .banks_item ul li div {
    color: #fff;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 300;
    display: block;
}

.banks_info .banks_flex .banks_item ul li div span {
    font-weight: 600;
}

.filter_button {
    float: left;
    width: 120px;
    height: 40px;
    margin-left: 20px;
}

.filter_button button {
    color: #fff;
    width: 100%;
    background-color: #efa01d25;
    border: 1px solid #efa01d57;
    height: 100%;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 100;
    padding: 0 10px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 45px;
}

.filter_button button span {}

.filter_button button i {
    color: #fff;
    font-size: 21px;
}

.sales_view {
    background-color: #00000090;
    position: relative;
    z-index: 9999;
}

.sales_view .sales_wrapper {
    padding: 20px;
}

.sales_view .sales_wrapper .sales_filter {
    display: flex;
}

.sales_view .sales_wrapper .sales_account_wrapper {
    margin-top: 25px;
}



.account-box {
    border: 1px solid #efa01d57;
    background-color: #00000090;
}

.account-box .box_top {
    background-color: #343434;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 5px;
}

.account-box .box_top .account_name {
    color: #EFA01D;
    font-family: 'Oswald';
    font-size: 13px;
}

.account-box .box_top .account_info {
    display: flex;
    gap: 12px;
    align-items: center;
}

.account-box .box_top .account_info div {
    color: #fff;
    font-family: 'Inter';
    font-size: 12px;
    font-weight: 600;
}

.account-box .box_top .account_info .active_level {
    font-weight: 300;
}

.account-box .box_top .account_info {
    /*background-color: #1E5F13;*/
    padding: 3px 11px;
}

.account-box .box_top .center_box {}

.account-box .center_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 14px 15px;
}

.account-box .center_box .account_image {
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    PADDING: 10PX;
}

.account-box .center_box .account_image img {
    width: auto;
    height: 100%;
    max-width: 100%;
}

.account-box:hover{
    background: linear-gradient(to top, #efa01d57 0%, rgba(239, 160, 29, .1));
}

.account-box .bot_box {
    display: flex;
    padding: 0px 10px 10px;
    justify-content: space-between;
    align-items: center;
}

.account-box .bot_box .account_price {
    color: #EFA01D;
    font-family: 'OSWALD';
    font-size: 14px;
    font-weight: 600;
}

.account-box .bot_box a {
    color: #fff;
    font-family: 'Inter';
    font-size: 12px;
    font-weight: 500;
    display: flex;
    gap: 4px;
    background-color: #1E5F13;
    padding: 5px 19px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.account-box .bot_box a:hover {
    transform: scale(1.1);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    color: #EFA01D;
    background-color: #ffffff20;
}

.account-box{
    position: relative !important;
}

.advert-title{
    position: absolute;
    bottom: 15%;
    display: none;
}

.advert-title p{
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: #ffe09d;
    text-align: justify;
    font-family: 'Inter';
    padding-right: 10px;
}

.char-battlepoint{
    position: absolute;
    top: 10px;
    left: 10px;
    width: 48px;
    height: 48px;
}

.char-battlepoint img{
    max-width: 48px;
}

.for_sale_account {
    z-index: 999;
    background-color: #00000090;
    position: relative;
}

.for_sale_account .sale_wrapper_a {
    padding: 25px;
}

.for_sale_account .sale_wrapper_a .for_sale_part {}

.for_sale_account .sale_wrapper_a .for_sale_part h2 {
    text-align: center;
    color: #EFA01D;
    font-family: 'Oswald', sans-serif;
    font-size: 25px;
    font-weight: 500;
    padding-bottom: 30px;
    border-bottom: 1px solid #efa01d57;
    margin-bottom: 20px;
}

.for_sale_account .sale_wrapper_a .for_sale_part .for_sale_box {
    background-color: #00000090;
    padding: 20px;
}

.for_sale_account .sale_wrapper_a .for_sale_part .for_sale_box h3 {
    color: #EFA01D;
    font-family: 'Oswald';
    font-size: 17px;
    font-weight: 500;
}

.for_sale_account .sale_wrapper_a .for_sale_part .for_sale_box ul {
    margin-top: 10px;
}

.for_sale_account .sale_wrapper_a .for_sale_part .for_sale_box ul li {
    color: #ffffffa6;
    font-family: 'Inter';
    font-size: 15px;
    font-weight: 300;
}

.for_sale_account .sale_wrapper_a .for_sale_part .for_sale_box ul li span {
    font-weight: 600;
}

.for_sale_account .sale_wrapper_a .for_sale_part .ban_past_table {
    background-color: #00000090;
    padding: 20px;
}

.for_sale_account .sale_wrapper_a .for_sale_part .ban_past_table h3 {
    color: #EFA01D;
    font-family: 'Oswald';
    font-size: 17px;
    font-weight: 500;
}

.for_sale_account .sale_wrapper_a .for_sale_part .ban_past_table .table_head_item {
    color: #ffffffa6;
    font-weight: 600;
    font-family: 'Inter';
    font-size: 13px;
}

.for_sale_account .sale_wrapper_a .for_sale_part .ban_past_table .table_main_item {
    color: #fff;
    font-family: 'Inter';
    font-weight: 300;
    font-size: 13px;
}

.for_sale_account .sale_wrapper_a .for_sale_part .ban_past_table .table_main:nth-child(odd) {
    background-color: inherit;
}

.for_sale_account .sale_wrapper_a .for_sale_part .ban_past_table .table_main {
    padding: 0 0 6px 0;
    margin-bottom: 6px;
    border-bottom: 1px solid #efa01d57;
}


.for_sale_account .sale_wrapper_a .for_sale_part .ban_past_table .table_main_wrapper {
    margin-top: 10px;
}

.for_sale_account .sale_wrapper_a .for_sale_part.character_info {
    padding-top: 50px;
}

.for_sale_account .sale_wrapper_a .for_sale_part h2 {}


.character_tabs {}

.character_tabs .tabs_filter {
    display: flex;
    gap: 5px;
}

.character_tabs .tabs_filter .tab_filter_item {
    width: 100%;
}

.character_tabs .tabs_filter .tab_filter_item a {
    position: relative;
    display: flex;
    padding: 0 10px;
    background-color: #efa01d40;
    height: 50px;
    align-items: center;
    color: #ffffffa6;
    font-family: 'Inter';
    font-size: 15px;
    font-weight: 500;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.character_tabs .tabs_filter .tab_filter_item a:not(.active):hover {
    background-color: #EFA01D20;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}


.character_tabs .tabs_filter .tab_filter_item a.active {
    border: 1px solid #EFA01D;
}


.character_features {
    /*background-color: #00000090;*/
    margin-top: 20px;
    /*padding-bottom: 40px;*/
}

.character_features h3 {
    color: #EFA01D;
    font-family: 'Oswald';
    font-size: 16px;
    font-weight: 500;
    padding: 20px;
}

.features_tabs {
    border-top: 1px solid #efa01d57;
}

.character_info .features_tabs {
    display: none;
}

.character_info .features_tabs#character-features-1 {
    display: block;
}

.features_tabs{
    display: none;
}

.features_tabs.character-features-1{
    display: block;
}

.features_tabs .features_row {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #efa01d57;
}

.features_tabs .features_row .features_col {
    color: #ffffffa6;
    font-family: 'Inter';
    font-size: 13px;
    font-weight: 400;
    width: 100%;
    padding: 10px 20px;
}

.features_tabs .features_row .features_col:not(:first-child) {
    border-left: 1px solid #efa01d57;
}

.for_sale_part.mission_features {
    padding-top: 50px;
}


.mission_info_tabs {
    background-color: #2E2E2E;
}

.mission_info_tabs .features_row {}

.mission_info_tabs .features_row .features_col#dropdown-v {
    cursor: pointer;
    padding: 0;
}

.mission_info_tabs .features_row .features_col#dropdown-v .dropdown-log {
    font-size: 10px;
    padding: 10px;
    display: none;
}

.dropdown-log p {
    font-size: 10px;
    padding: 3px 10px
}

.mission_info_tabs .features_row .features_col#dropdown-v .dropdown-log span {
    display: inline-block;
    padding: 0;
    color: #f09f1d;
    font-weight: 500;
}

.mission_info_tabs .features_row .features_col#dropdown-v span {
    padding: 10px 20px;
    display: block;
}


.features_info_tabs {
    background-color: #2E2E2E;
}

.features_info_tabs .features_row {}

.features_info_tabs .features_row .features_col {}


.alert_view_wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9999999;
    background-color: #000000c2;

    display: none;
}

.alert_view {
    width: 650px;
    height: 650px;
    background: url(../../img/alert.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}

.alert_view::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .7;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.alert_view .alert_back {
    padding: 30px;
    position: relative;
    z-index: 9999;
}

.alert_view .alert_back img.cerceve {
    width: 100%;
    height: 100%;
}

.alert_view .alert_back .alert_content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.alert_view .alert_back .alert_content .alert_head {
    color: #EFA01D;
    font-size: 100px;
    margin-bottom: 10px;
    line-height: 1;
}

.alert_view .alert_back .alert_content .alert_desc {
    font-family: 'OSwald';
    color: #fff;
    font-size: 20px;
}

.alert_view .alert_back .close_alert {
    position: absolute;
    top: 70px;
    right: 85px;
    color: #EFA01D;
    font-size: 50px;
}

.jinno {
    text-align: center;
    background: #425287 !important;
}

.chunjo {
    text-align: center;
    background: #95875c !important;
}

.shinsoo {
    text-align: center;
    background: #864245 !important;
}

.section_help {
    font-family: 'Oswald';
    padding: 20px;
    background-color: #00000090;
}

.section_help .content_help {
    padding: 10px 0px;
}

.section_help .content_help .help_title {
    font-size: 20px;
    border-bottom: 1px solid white;
    color: white;
    padding-bottom: 10px;
}

table.table_custom_panel {
    --bs-table-bg: #000 !important;
    --bs-table-border-color: #dee2e64f !important;
    --bs-table-accent-bg: #00000090 !important;
}

table.table-exc {
    --bs-table-bg: #000 !important;
    --bs-table-border-color: #00000090 !important;
    --bs-table-accent-bg: #00000090 !important;
}

.table_event_section {
    font-family: 'Oswald';
}

.excel_event_title {
    color: #EFA01D;
    padding: 15px 10px;
    font-size: 18px;
    border-bottom: 1px solid #efa01d57;
    position: relative;
    z-index: 99;
}
.excel_event_title span {
    float: right;
    cursor: pointer;
}

tr,td,th {
    color: #ddd !important;
    font-size: 12px;
}

.content_help {
    margin-bottom: 40px;
}

.content_panel {
    margin-bottom: 40px;
}

.openable_item {
    position: relative;
    z-index: 99;
}

.openable_menu {
    /*position: absolute;*/
    /*top: 44px;*/
    padding: 5px 0px;
    width: 100%;
    display: none;
}

.panel {
    /*border: 1px solid #efa01d66;*/
}

.panel .panel_top {
    /*border-bottom: 1px solid #efa01d66;*/
    color: white;
    /*padding: 20px;*/
    font-size: 14px;
}

.panel .panel_top span {
    float: right;
}

.panel .panel_bottom {
    padding: 2px;
    font-size: 10px;
    font-style: italic;
    color: #bbb;
}

.panel .panel_top .panel_content {
    padding: 10px 20px;
    color: white;
    font-size: 12px;
    font-family: 'Inter';
}

.popup_exc {
    display:none;
    z-index: 99999;
}

.popup_exc.exc_active {
    display:block !important;
}

.box-exc {
    position: fixed;
    top: 10%;
    /*left: 50%;*/
    /*transform: translate(-50%, -50%);*/
    transform: translate(0, 0);
    width: 100%;
    z-index: 9999;
    padding: 24px 18px 11px;
    font-family: 'Oswald';
    max-height: 80%;
    overflow-y: auto;
}

.box-exc .article{
    margin: 15px 0px;
    padding: 15px;
    color: #ddd;
    background-color: #222;
}

.article img, .article table {
    max-width: 100%;
}

.overlay {
    display: block;
    height: 10000px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30000px; /* modal taşma için verildi */
    z-index: 9999;
    background-color: #00000090;
}

.box-exc i{
    font-size: 18px;
    padding: 25px 25px 10px 25px;
    z-index: 100;
    cursor: pointer;
    float: right;
    border: none !important;
}

.box-exc i:after{
    content: "x";
    font-weight: bold;
    font-style: normal;
}

.box-exc .form-group i:after{
    content: "";
}

.box-exc .form-group i{
    display: none !important;
}

.close-a i {
    color:white;
}

.overhide {
    overflow-y:hidden !important;
}
.overvis {
    overflow-y:visible !important;
}

.help-block{
    position: absolute;
    top: 0;
    right: 15px;
    color: #d4565c;
    padding: 4px;
    font-size: 10px;
    font-family: 'Oswald';
}

.help-info{
    position: absolute;
    bottom: 15px;
    right: 15px;
    color: #6c87de;
    padding: 4px;
    font-size: 10px;
    font-family: 'Oswald';
    display: none;
}

.alert .message{
    font-family: 'Oswald';
    font-size: 14px;
}

.alert p{
    font-family: 'Oswald' !important;
    font-size: 14px;
    color: #000 !important;
}

.form-control:focus{
    box-shadow: 0 0 0 0.25rem rgba(239,160,29,.25) !important;
}

.form-group{
    position: relative;
}

.hide{
    display: none !important;
}

.dataTable > thead > tr > th[class*="sort"]:before,
.dataTable > thead > tr > th[class*="sort"]:after {
    content: "" !important;
}

button.disabled{
    pointer-events: none;
    color: grey !important;
    border: 1px solid grey !important;
    opacity: .65;
}

table > thead {
    background-color: #efa01d60;
}

.tooltip{
    --bs-tooltip-bg: #343434 !important;
    z-index: 9999 !important;
}

.isVisible1{
    display: block !important;
}

.isVisible0{
    display: none !important;
}

.bonusEp{
    position: absolute;
    text-align: right;
    top: 48px;
    right: 20px;
    font-size: 14px !important;
    color: greenyellow !important;
    padding: 0 !important;
}

.bonusEp .calcBonusEp{
    font-weight: bold;
    font-size: 14px !important;
    color: greenyellow !important;
    padding: 0 !important;
}

.features_col span.badge-count {
    font-family: 'Inter';
    font-size: 10px;
    line-height: 13px;
    float: right;
    padding: 3px 5px !important;
    color: #212529;
    background-color: #ffc107;
}

::-webkit-scrollbar {
    width: 10px;
    background-color: transparent;
}

::-webkit-scrollbar-track {
    background-color: #ffc10790;
}

::-webkit-scrollbar-thumb {
    background-color: #EFA01D;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #EFA01D99;
}

.single_content .single_wrapper .main-content .content-part .dataTables_info, 
.support_form .form_wrapper .dataTables_info{
    color: #aaa !important;
}

.dataTables_paginate span .paginate_button.current {
    background: #EFA01D50 !important;
}
 
.mobil-menu-x {
    position: fixed;
    top: 0;
    background-image: url(../../img/mobile_menu/bg.webp);
    background-position: center;
    background-size: cover;
    width: 100%;
    z-index: 99999;
    height: 100%;
}

.m-logo {
    width: 135px;
    display: table;
    margin: auto;
    margin-top: 13px;
    margin-bottom: 21px;
}

.mobil-menu-x nav {
    text-align: center;
    margin: 0px 17px;
}

.mobil-menu-x nav ul.nav-m li a {
    position: relative;
    font-size: 12px;
    font-weight: 600;
    color: #EFA01D;
}

.mobil-menu-x nav ul.nav-m li a img {
    margin: auto;
    display: table;
    height: 24px;
    margin-bottom: 10px;
    object-fit: cover;
}

.mobil-menu-x nav ul.nav-m li {
    position: relative;
    margin-bottom: 23px;
}

.mobil-menu-x nav ul.nav-m {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 0px 0px;
    grid-template-areas:
        ". . . ."
        ". . . .";
    margin-top: 94px;
}

.account-mobil {
    padding: 0 17px;
}

.account-mobil li {
    border: 1px solid #efa01d63;
    margin-bottom: 5px;
    padding: 7px 12px;
    color: #fff;
    font-weight: 300;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
}

.account-mobil li.bg-solid {
    background: #efa01d63;
}

.cont-mobil {
    padding: 0 17px;
    height: 250px;
    overflow: overlay;
}

.item-menu {
    border: 1px solid #efa01d63;
    margin-bottom: 10px;
    padding: 7px 12px;
    cursor: pointer;
    font-size: 16px;
}

.item-menu .title-list {
    color: #efa01d;
    display: flex;
    justify-content: space-between;
}

.title-list svg {
    color: #EFA01D;
}

.item-menu .item-list {
    display: none;
    margin-top: 20px;
}

.item-menu .item-list a {
    color: #fff;
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
}

.close-x {
    position: absolute;
    right: 31px;
    top: 27px;
    z-index: 99999;
}

.close-x svg {
    color: #EFA01D;
}

.cont-mobil::-webkit-scrollbar {
    width: 1px;
}

.cont-mobil::-webkit-scrollbar-button {
    background: rgb(255, 255, 255);
}

.cont-mobil::-webkit-scrollbar-track-piece {
    background: rgba(255, 255, 255, 0.402);
}

.cont-mobil::-webkit-scrollbar-thumb {
    background: #EFA01D;
}

.sub-m-list {
    display: none;
    position: absolute;
    background: #000;
    padding: 14px;
    width: 100%;
}

.sub-m-list a {
    font-weight: 300 !important;
}

.sub-m-list li {
    margin-bottom: 5px;
}

.sub-m-list li:last-child {
    margin-bottom: 0px !important;
}

@media only screen and (min-width: 1025px) {
    .dropdown_menu {
        display: none;
    }
}

@media only screen and (min-width: 992px) {
    .mobil-menu-x {
      display: none;
    }
  
    #menu-x {
      display: none;
    }
  
    .mobil-menu {
      display: none;
    }
}