@font-face {
    font-family: "Albertus-Extra-Bold-Regular";
    src: url(../fonts/Albertus-Extra-Bold-Regular.ttf);
}

@font-face {
    font-family: "pt-sans-narrow-bold";
    src: url(../fonts/pt-sans-narrow-bold.ttf);
}

@font-face {
    font-family: "pt-sans-bold";
    src: url(../fonts/pt-sans-bold.ttf);
}

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

:root {
    /* Colors */
    --color-primary: #ffcc00;
    --color-primary-light: #ffd44a;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-dark-bg: #040404;
    --color-green: #83a592;
    --color-green-dark: #5a6966;
    --color-dark-panel: rgba(37, 43, 40, 0.5);
    --color-dark-border: #384341;
    --color-dark-input: #150d09;
    --color-dark-nav: #5a5c4f;
    --color-border-dark: rgba(0, 0, 0, 0.5);
    --color-header-overlay: rgba(0, 26, 29, 0.5);

    /* Fonts */
    --font-heading: "Albertus-Extra-Bold-Regular", sans-serif;
    --font-bold: "pt-sans-bold", sans-serif;
    --font-narrow-bold: "pt-sans-narrow-bold", sans-serif;
    --font-regular: "pt_sans_regular", sans-serif;

    /* Sizes */
    --container-width: 1240px;
    --border-radius: 4px;
    --transition-speed: 0.6s;
}

body {
    width: 100%;
    min-height: 100%;
    min-width: 1250px;
}

html {
    color: var(--color-white);
    width: 100%;
    height: 100%;
    background-color: var(--color-dark-bg);
    margin: 0 auto;
}

a {
    cursor: pointer;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

table {
    border-spacing: 0;
}

th {
    border-bottom: 2px solid rgba(255, 213, 84, 0.3);
}

td {
    text-align: center;
    font-family: var(--font-regular);
    font-size: 15px;
    padding: 14px 12px;
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.container {
    width: var(--container-width);
    position: relative;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

/*================== header =====================*/

header {
    background: url(../img/webp/header_background.webp) center no-repeat;
    min-height: 844px;
    display: flex !important;
    flex-direction: column;
}

header .container {
    display: block;
}

header .main_nav {
    background: linear-gradient(90deg, rgba(15, 18, 17, 0.98) 0%, rgba(30, 35, 33, 0.85) 20%, rgba(30, 35, 33, 0.85) 80%, rgba(15, 18, 17, 0.98) 100%);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

header .main_nav > a,
header .main_nav .navbar a {
    position: relative;
}

header .main_nav .main_nav_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
}

header .main_nav ul li {
    display: inline-block;
}

/* Выпадающий список языков */
header .main_nav .lang_nav {
    display: flex;
    align-items: center;
    height: 100%;
}

header .main_nav .lang_selector {
    position: relative;
}

header .main_nav .lang_current {
    display: flex;
    align-items: end;
    gap: 4px;
    background: transparent;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

header .main_nav .lang_current img {
    width: 22px;
    height: 22px;
}

header .main_nav .lang_arrow {
    color: var(--color-primary);
    font-size: 10px;
    transition: transform 0.3s ease;
    margin-left: 4px;
}

header .main_nav .lang_selector.active .lang_arrow {
    transform: rotate(180deg);
}

header .main_nav .lang_dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 5px;
    background: rgba(37, 43, 40, 0.95);
    border: 1px solid rgba(255, 213, 84, 0.3);
    border-radius: 4px;
    min-width: 120px;
    z-index: 1000;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    padding: 0;
    list-style: none;
}

header .main_nav .lang_selector.active .lang_dropdown {
    display: block;
    animation: slideDown 0.3s ease;
}

header .main_nav .lang_dropdown li {
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

header .main_nav .lang_dropdown li:last-child {
    border-bottom: none;
}

header .main_nav .lang_dropdown a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 15px;
    color: var(--color-white);
    text-decoration: none;
    font-family: var(--font-bold);
    font-size: 14px;
    transition: all 0.3s ease;
    position: relative;
    pointer-events: auto;
}

header .main_nav .lang_dropdown a:hover {
    background: rgba(255, 213, 84, 0.1);
    color: var(--color-primary);
}

header .main_nav .lang_dropdown img {
    width: 20px;
    height: 20px;
}

header .main_nav .navbar {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 4px;
}

header .main_nav .navbar li {
    position: relative;
    padding: 0;
    transition: var(--transition-speed);
}

header .main_nav .navbar li a {
    display: block;
    font-family: var(--font-narrow-bold);
    font-size: 26px;
    line-height: 22px;
    color: var(--color-white);
    text-decoration: none;
    padding: 10px;
    position: relative;
    transition: all 0.3s ease;
}

header .main_nav .navbar li a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    background: var(--color-primary);
    transition: width 0.3s ease;
}

header .main_nav .navbar li:hover a {
    color: var(--color-primary);
}

header .main_nav .navbar li:hover a::after {
    width: 80%;
}

header .main_nav .navbar li a.main {
    color: var(--color-primary);
}

header .main_nav .navbar li a.main::after {
    width: 80%;
}

header .header_logo {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 140px;
    padding-left: 355px;
}

header .header_logo img {
    z-index: 10000;
    transition: var(--transition-speed);
}

header .server {
    background: linear-gradient(to right, transparent 0, rgba(0, 0, 0, 0.45) 20%, rgba(0, 0, 0, 0.45) 80%, transparent 100%);
    width: 749px;
    margin-left: auto;
    padding: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

header .server h3 {
    font-family: var(--font-heading);
    font-size: 32px;
    line-height: 36px;
    color: var(--color-white);
    margin: 0 0 15px 0;
    text-align: center;
}

header .server h3 span {
    font-family: var(--font-bold);
    font-size: 30px;
    line-height: 30px;
    color: var(--color-primary);
}

header .server .server_list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    margin-bottom: 15px;
}

header .server .about_server {
    font-family: var(--font-bold);
    font-size: 18px;
    line-height: 18px;
    color: var(--color-white);
    width: 134px;
    text-align: center;
}

header .server .about_server a:hover {
    background-color: rgba(56, 67, 65, 0.5);
}

header .server .about_server .head {
    font-family: var(--font-bold);
    font-size: 30px;
    line-height: 34px;
    color: var(--color-primary);
}

header .server .about_server .content {
    font-family: var(--font-heading);
    font-size: 36px;
    line-height: 36px;
    color: var(--color-white);
}

header .server .server_social {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    list-style: none;
    margin-top: 15px;
    padding: 0;
}

header .server .server_social li {
    display: inline-block;
}

header .server .server_social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background: transparent;
    transition: all 0.3s ease;
    text-decoration: none;
}

header .server .server_social a i {
    font-size: 24px;
    color: var(--color-primary);
    transition: all 0.3s ease;
}

header .server .server_social a:hover i {
    transform: scale(1.15);
    color: var(--color-primary-light);
}

header .server a.main_link {
    font-family: var(--font-bold);
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    border: 2px solid var(--color-primary);
    border-radius: var(--border-radius);
    color: var(--color-primary);
    text-align: center;
    text-decoration: none;
    padding: 9px 37px;
    transition: var(--transition-speed);
    margin-top: 0;
}

header .server a.main_link:hover {
    color: var(--color-black);
    background-color: var(--color-primary);
    box-shadow: inset 0 0 10px var(--color-border-dark);
}

/*================== greeting =====================*/

.greeting {
    background: url(../img/webp/greeting_background.webp) top center no-repeat;
    height: 270px;
    position: relative;
}

.greeting::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(180deg, transparent 0%, rgba(20, 15, 12, 0.5) 30%, rgba(20, 15, 12, 0.85) 60%, #140f0c 100%);
    pointer-events: none;
    z-index: 1;
}

.greeting.guest {
    height: 240px;
}

.greeting.guest::after {
    height: 50px;
}

.inner-page .greeting.guest {
    height: 240px;
}

.greeting_container {
    display: flex;
    align-content: center;
    flex-direction: column;
    position: relative;
    z-index: 3;
}

.greeting a {
    color: var(--color-white);
    text-decoration: none;
}

.greeting a:hover {
    color: var(--color-primary);
}

.greeting a.exit_link {
    margin-left: 0;
    color: var(--color-primary);
}

.greeting a.exit_link:hover {
    color: var(--color-primary-light);
}

.greeting h2 {
    font-family: var(--font-heading);
    font-size: 28px;
    line-height: 10px;
    color: var(--color-primary);
    text-align: center;
    margin-bottom: 3px;
}

.greeting.guest h2 {
    margin-top: 70px;
    margin-bottom: 25px;
}

.greeting h2 span {
    color: var(--color-white);
    font-family: var(--font-heading);
}

.greeting h2 a img {
    transition: 0.8s;
    margin-left: 10px;
    position: relative;
    top: 4px;
}

.greeting h2 a:hover img {
    opacity: 0.7;
}

.greeting ul li {
    display: inline-block;
    text-align: center;
    margin: 0 1px;
    position: relative;
    transition: 0.7s;
}

.greeting ul li a {
    font-family: var(--font-bold);
    font-size: 16px;
    color: var(--color-white);
    text-decoration: none;
    transition: 0.8s;
    display: inline-block;
    text-align: center;
    min-width: 145px;
    min-height: 187px;
}

.greeting ul li a:hover {
    background: url(../img/background_greeting_main_logo.png) center no-repeat;
}

.greeting ul li a.active {
    background: url(../img/background_greeting_main_logo.png) center no-repeat;
}

.greeting ul li img {
    display: block;
    margin: 0 auto;
    margin-bottom: 12px;
    margin-top: 3px;
    padding-left: 7px;
}

.greeting ul li.greeting_logo_1 {
    bottom: 12px;
}

.greeting ul li.greeting_logo_2 {
    top: 23px;
}

.greeting ul li.greeting_logo_2 span {
    display: inline-block;
    position: relative;
    bottom: 11px;
}

.greeting ul li.greeting_logo_3 {
    bottom: 4px;
}

.greeting ul li.greeting_logo_3 span {
    display: inline-block;
    position: relative;
    top: 16px;
}

.greeting ul li.greeting_logo_4 {
    bottom: 24px;
}

.greeting ul li.greeting_logo_4 span {
    display: inline-block;
    position: relative;
    top: 12px;
}

.greeting ul li.greeting_logo_5 {
    bottom: 5px;
}

.greeting ul li.greeting_logo_5 span {
    display: inline-block;
    position: relative;
    top: 17px;
}

.greeting ul li.greeting_logo_6 {
    top: 1px;
}

.greeting ul li.greeting_logo_6 span {
    display: inline-block;
    position: relative;
    top: 11px;
}

.greeting ul li.greeting_logo_7 {
    bottom: 4px;
}

.greeting ul li.greeting_logo_7 span {
    display: inline-block;
    position: relative;
    top: 16px;
}

.greeting ul li.greeting_logo_8 {
    bottom: 21px;
}

.greeting ul li.greeting_logo_8 span {
    display: inline-block;
    position: relative;
    top: 9px;
}

/*================== news =====================*/

.news {
    padding-top: 25px;
}

.news .news_content {
    float: left;
    width: 900px;
    background: var(--color-dark-panel);
    border: 3px solid var(--color-border-dark);
    border-radius: 3px;
    padding: 20px 20px 10px;
}

.news .news_content div {
    float: left;
}

.news .news_content .news_content_head {
    font-family: var(--font-bold);
    font-size: 14px;
    line-height: 16px;
    color: var(--color-green);
}

.news .news_content h4 {
    font-size: 22px;
    line-height: 28px;
    color: var(--color-primary);
    margin: 8px 0;
}

.news .news_content p {
    font-family: var(--font-regular);
    font-size: 14px;
    line-height: 18px;
    color: var(--color-white);
    margin-bottom: 20px;
}

.news .news_content a {
    font-family: var(--font-bold);
    font-size: 14px;
    line-height: 18px;
    color: var(--color-white);
    text-decoration: none;
    text-transform: uppercase;
    display: table;
    border: 1px solid var(--color-dark-border);
    border-radius: var(--border-radius);
    transition: var(--transition-speed);
    background-color: var(--color-dark-border);
    padding: 10px 40px;
    margin-top: 5px;
}

.news .news_content a:hover {
    color: var(--color-green);
}

.news a.more_news {
    display: block;
    text-align: center;
    font-family: var(--font-regular);
    font-size: 24px;
    line-height: 24px;
    color: var(--color-primary);
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid var(--color-primary);
    border-radius: var(--border-radius);
    padding: 12px 0;
    transition: 0.8s;
    margin-top: 25px;
    opacity: 0.6;
}

.news a.more_news:hover {
    background-color: var(--color-primary);
    color: var(--color-black);
    opacity: 1;
}

.news img {
    border: 1px solid #160d09;
    border-radius: 5px;
}

/* ================== News Grid ===================== */
.news_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.news_card {
    background: var(--color-dark-panel);
    border: 2px solid var(--color-border-dark);
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
    position: relative;
}

.news_card:hover {
    transform: translateY(-4px);
    border-color: var(--color-primary);
    box-shadow: 0 8px 24px rgba(255, 213, 84, 0.2);
}

.news_card_link {
    text-decoration: none;
    color: inherit;
    display: block;
    height: 100%;
}

.news_card_image {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(30, 35, 33, 0.9) 0%, rgba(15, 18, 17, 0.95) 100%);
}

.news_card_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
    border: none;
    border-radius: 0;
}

.news_card:hover .news_card_image img {
    transform: scale(1.1);
}

.news_card_overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.news_card:hover .news_card_overlay {
    opacity: 1;
}

.news_card_content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.news_card_date {
    font-family: var(--font-bold);
    font-size: 12px;
    text-transform: uppercase;
    color: var(--color-green);
    letter-spacing: 0.5px;
}

.news_card_title {
    font-family: var(--font-heading);
    font-size: 18px;
    line-height: 24px;
    color: var(--color-primary);
    margin: 0;
    min-height: 48px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.3s ease;
}

.news_card:hover .news_card_title {
    color: var(--color-white);
}

.news_card_text {
    font-family: var(--font-regular);
    font-size: 14px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
    min-height: 60px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news_card_readmore {
    font-family: var(--font-bold);
    font-size: 13px;
    text-transform: uppercase;
    color: var(--color-white);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    padding: 10px 20px;
    background: var(--color-dark-border);
    border-radius: var(--border-radius);
    transition: all 0.3s ease;
    align-self: flex-start;
}

.news_card_readmore i {
    transition: transform 0.3s ease;
}

.news_card:hover .news_card_readmore {
    background: var(--color-primary);
    color: var(--color-black);
}

.news_card:hover .news_card_readmore i {
    transform: translateX(4px);
}

/* Адаптивность */
@media (max-width: 1024px) {
    .news_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .news_grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .news_card_image {
        height: 180px;
    }
}

/* ================== News Page Header ===================== */
.news_page_header {
    text-align: center;
    padding: 20px;
}

.news_page_header h1 {
    font-family: var(--font-heading);
    font-size: 48px;
    line-height: 56px;
    color: var(--color-primary);
    margin: 0 0 12px 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 0 2px 10px rgba(255, 213, 84, 0.3);
}

.news_page_header p {
    font-family: var(--font-regular);
    font-size: 18px;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
}

/* Loading state для grid */
.news_grid.loading {
    opacity: 0.5;
    pointer-events: none;
    position: relative;
}

.news_grid.loading::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border: 4px solid var(--color-border-dark);
    border-top-color: var(--color-primary);
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

/* Адаптивность заголовка новостей */
@media (max-width: 768px) {
    .news_page_header h1 {
        font-size: 36px;
        line-height: 42px;
    }

    .news_page_header p {
        font-size: 16px;
    }
}

/*================== footer =====================*/

footer {
    background: url(../img/webp/footer_background.webp) bottom no-repeat;
    background-size: 100% auto;
    min-height: 150px;
    padding: 10px 0 20px;
    width: 100%;
}

footer .container {
    margin-top: 30px;
}

footer .content {
    opacity: 0.6;
    float: left;
}

footer .content_1 {
    width: 380px;
}

footer .content_1 p {
    font-family: var(--font-regular);
    font-size: 14px;
    line-height: 18px;
    color: var(--color-green-dark);
}

footer .content_1 p.company_info {
    font-size: 12px;
}

footer .content_1 p span {
    font-family: var(--font-bold);
    font-size: 14px;
    line-height: 18px;
    color: var(--color-green);
}

footer .content_1 ul li {
    display: inline-block;
    margin-right: 10px;
}

footer .content_1 ul.footer_links {
    display: grid;
}

footer .content_1 ul li a {
    transition: var(--transition-speed);
}

footer .content_1 ul li a:hover {
    opacity: 0.7;
}

footer .content_1 .footer_logo_5 {
    margin-top: 27px;
}

footer .content_2 {
    margin-left: 152px;
}

footer .content_2 h5 {
    font-family: var(--font-heading);
    font-size: 24px;
    line-height: 24px;
    color: var(--color-green);
    margin: 0 0 10px;
}

footer .content_2 ul {
    float: left;
    margin-right: 22px;
}

footer .content_2 ul li {
    margin-bottom: 5px;
}

footer .content_1 ul li a {
    font-family: var(--font-regular);
    font-size: 12px;
    line-height: 12px;
    color: var(--color-white);
    text-transform: uppercase;
    transition: var(--transition-speed);
}

footer .content_2 ul li a {
    font-family: var(--font-regular);
    font-size: 12px;
    line-height: 12px;
    color: var(--color-white);
    text-transform: uppercase;
    transition: var(--transition-speed);
}

footer .content_2 ul li a:hover {
    color: var(--color-green);
    text-decoration: none;
}

footer .content_3 {
    margin-left: 140px;
}

footer .pay_images {
    display: flex;
    flex-wrap: wrap;
    max-width: 650px;
}

footer .pay_images img {
    padding-left: 35px;
    max-height: 80px;
    width: auto;
}

footer .pay_images .pay_applepay,
footer .pay_images .pay_mastercard,
footer .pay_images .pay_googlepay {
    max-width: 90px;
}

footer .pay_images .pay_webmoney {
    max-width: 180px;
}

/*================== inner_registration =====================*/

.inner_greeting {
    margin-bottom: -135px;
}

.form_inner_greeting div {
    float: left;
}

.form_inner_greeting a {
    font-family: var(--font-regular);
    font-size: 18px;
    line-height: 22px;
    color: var(--color-primary);
    transition: 0.7s;
    opacity: 0.7;
}

.form_inner_greeting a:hover {
    opacity: 1;
}

.credentials_input {
    display: block;
    width: 280px;
    height: 25px;
    font-family: var(--font-regular);
    font-size: 18px;
    line-height: 18px;
    color: var(--color-white);
    padding: 10px 20px;
    margin: 10px 10px 0 0;
    background-color: var(--color-dark-input);
    border: 1px solid var(--color-primary);
    border-radius: var(--border-radius);
    transition: var(--transition-speed);
    opacity: 0.7;
}

.form_inner_greeting button.enter_button {
    display: inline-block;
    background: url(../icons/svg/start_button.svg) center no-repeat;
    width: 155px;
    height: 50px;
    margin: 10px 0 0 10px;
    border: none;
    color: var(--color-primary-light);
    font-family: var(--font-heading);
    font-size: 19px;
    line-height: 22px;
    text-shadow: 1px 1px 1px black;
    text-transform: uppercase;
}

.form_inner_greeting button.enter_button:hover {
    filter: brightness(120%);
    color: var(--color-white);
    box-shadow: 0 0 15px #eee180;
    border-radius: var(--border-radius);
}

.form_inner_greeting .enter a {
    display: inline-block;
    opacity: 1;
    padding: 0;
    margin: 0;
}

.form_inner_greeting .input_inner_greeting:hover {
    opacity: 1;
}

/*================== inner_about =====================*/

.inner_about {
    padding-bottom: 30px;
}

.inner_about h2 {
    font-family: var(--font-heading);
    font-size: 32px;
    line-height: 48px;
    color: var(--color-primary);
    text-transform: uppercase;
    padding-top: 5px;
    margin: 0;
    z-index: 10;
}

/* Start steps list */
.start_steps {
    font-family: var(--font-regular);
    font-size: 16px;
    line-height: 24px;
    color: var(--color-white);
    margin: 20px 0;
    padding-left: 20px;
}

.start_steps li {
    margin-bottom: 15px;
}

.inner_about {
    background: linear-gradient(180deg, #140f0c 0%, #0a0807 50%, #000000 100%);
    position: relative;
    z-index: 2;
}

.inner_about .offer ul {
    list-style: unset;
}

.inner_about .offer ul li {
    margin-left: 30px;
}

.inner_about .offer ul li::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}

.inner_about .content {
    float: left;
}

.inner_about .content p {
    font-family: var(--font-regular);
    font-size: 16px;
    line-height: 18px;
    color: var(--color-white);
    margin-bottom: 20px;
}

.inner_about .content .head {
    font-family: var(--font-bold);
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 25px;
}

.inner_about .content .table {
    border-collapse: separate;
    border-spacing: 2px 2px;
}

.inner_about .content .table h3 {
    font-family: "pt-sans-bold", sans-serif;
    font-size: 24px;
    line-height: 24px;
    color: #ffd554;
    margin-bottom: 20px;
}

.inner_about .content .table tr {
    background-color: rgba(56, 67, 65, 0.5);
}

.inner_about .content .table th {
    font-family: "pt-sans-bold", sans-serif;
    font-size: 14px;
    line-height: 36px;
    color: #fff;
    background-color: #384341;
}

.inner_about .content .table td {
    font-family: "pt_sans_regular", sans-serif;
    font-size: 14px;
    line-height: 36px;
    color: #fff;
}

.content form {
    font-family: "pt-sans-bold", sans-serif;
    font-size: 24px;
    line-height: 24px;
    color: #ffd554;
}

.content form label.about_select {
    position: relative;
}

.content form label.about_select .about_select_img {
    display: inline-block;
    position: absolute;
    background-color: trasparent;
    border: 1px solid trasparent;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 12px;
    -moz-padding-right: 228px;
    right: 8px;
    top: -1px;
    cursor: pointer;
    z-index: 111;
}

.content form select::-ms-expand {
    display: none;
}

.content form select {
    width: 300px;
    font-size: 18px;
    line-height: 18px;
    position: relative;
    padding-top: 9px;
    padding-bottom: 9px;
    z-index: 100;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    cursor: pointer;
    background: url(../img/about_select.png) 257px 13px no-repeat;
}

.content form select option {
    width: 100%;
    font-family: "pt_sans_regular", sans-serif;
    font-size: 18px;
    line-height: 42px;
    margin-top: 5px;
    color: #fff;
    padding-left: 15px;
    background-color: #040403;
}

.content form textarea {
    width: 96%;
    font-family: "pt_sans_regular", sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    padding: 15px;
    margin-top: 10px;
    background-color: #040403;
    border: 1px solid #ffd554;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: left;
    opacity: 0.7;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

.content form textarea:hover {
    opacity: 1;
}

.inner_about .content_2 {
    margin-left: 19px;
    margin-top: 22px;
    max-width: 290px;
}

.inner_about .content_2 img {
    border: 1px solid #120906;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.inner_about .content_2 p {
    font-family: "pt-sans-bold", sans-serif;
    font-size: 14px;
    line-height: 14px;
    color: #83a592;
    margin-top: 5px;
    margin-left: 2px;
}

.header_inner_about .server h3 {
    font-family: "Albertus-Extra-Bold-Regular", sans-serif;
    font-size: 32px;
    line-height: 48px;
    color: #fff;
    margin-top: 2px;
    margin-bottom: 30px;
}

.header_inner_about .server h3 span {
    font-family: "pt-sans-bold", sans-serif;
    font-size: 30px;
    line-height: 30px;
}

.header_inner_about .server a.main_link:hover {
    color: #000000;
    background-color: #ffd554;
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
}

.greeting_inner_aboout {
    background: url(../img/greeting_inner_aboout_background_2.jpg) center no-repeat;
    margin-top: -47px;
}

.greeting_inner_aboout .container {
    margin-top: -10px;
}

.greeting_inner_aboout h2 {
    margin-top: 10px;
    margin-bottom: 23px;
}

.greeting_inner_aboout .reCapcha {
    position: relative;
    top: -8px;
}

/*================== inner_main_info =====================*/

.inner_main_info {
    background: url(../img/inner_main_info_background_header.jpg) center no-repeat;
    min-height: 197px;
}

.inner_main_info .main_nav {
    background: none;
}

.inner_main_info .main_nav .lang_nav {
    margin-left: 0;
    margin-right: 21px;
    display: inline-block;
}

.inner_main_info .main_nav .user_info {
    display: inline-block;
}

.inner_main_info .main_nav .user_info li {
    display: inline-block;
    position: relative;
    bottom: 9px;
    margin-right: 20px;
    color: #ffffff;
    font-family: "pt-sans-narrow-bold", sans-serif;
    font-size: 22px;
    line-height: 25px;
}

.inner_main_info .main_nav .user_info li a {
    color: #ffffff;
    font-family: "pt-sans-narrow-bold", sans-serif;
    font-size: 22px;
    line-height: 25px;
    -webkit-transition: 0.7s;
    transition: 0.7s;
}

.inner_main_info .main_nav .user_info li a:hover {
    text-decoration: none;
    color: #ffd554;
}

.inner_main_info .main_nav .user_info li.gold {
    margin-left: 570px;
}

.inner_main_info .main_nav .user_info li.gold:before {
    content: "";
    display: inline-block;
    position: absolute;
    background: url(../img/inner_main_info_logo_gold.png) center no-repeat;
    height: 24px;
    width: 24px;
    right: 35px;
}

.inner_main_info .main_nav .user_info li.silver {
    margin-left: 22px;
}

.inner_main_info .main_nav .user_info li.silver:before {
    content: "";
    display: inline-block;
    position: absolute;
    background: url(../img/inner_main_info_logo_silver.png) center no-repeat;
    height: 24px;
    width: 24px;
    right: 35px;
}

.inner_main_info .main_nav .user_info li.user_name {
    margin-left: 22px;
}

.inner_main_info .main_nav .user_info li.user_name a:after {
    content: "";
    display: inline-block;
    position: absolute;
    background: url(../img/inner_main_info_logo_user_name.png) center no-repeat;
    height: 28px;
    width: 28px;
    left: 135px;
}

.inner_main_info_greeting {
    background: url("../img/inner_main_info_background_greeting.png") center no-repeat;
    background-size: cover;
}

.inner_main_info_greeting {
    min-height: 267px;
    margin-top: 0;
    padding-bottom: 11px;
}

.inner_main_info_news {
    padding-top: 21px;
    background: url("../img/inner_main_info_background_content_11.jpg") no-repeat scroll center top;
}

.inner_main_info_news ul.acount li {
    display: inline-block;
    position: relative;
    color: #ffd554;
    font-family: "Albertus-Extra-Bold-Regular", sans-serif;
    font-size: 24px;
    line-height: 18px;
}

.inner_main_info_news ul.acount li a {
    color: #ffd554;
    font-family: "Albertus-Extra-Bold-Regular", sans-serif;
    font-size: 24px;
    line-height: 18px;
    text-decoration: none;
}

.inner_main_info_news ul.acount li.acount_1 {
    margin-right: 27px;
}

.inner_main_info_news ul.acount li.acount_1:after {
    content: "";
    display: inline-block;
    position: absolute;
    background: url(../img/inner_main_info_acount_1.png) center no-repeat;
    height: 9px;
    width: 13px;
    left: 212px;
    top: 5px;
}

.inner_main_info_news ul.acount li.acount_2 a {
    color: #fff;
}

.inner_main_info_news ul.acount li.acount_3 {
    float: right;
}

.inner_main_info_news ul.acount li.acount_3 a {
    color: #fff;
    text-decoration: underline;
    -webkit-transition: 0.7s;
    transition: 0.7s;
}

.inner_main_info_news ul.acount li.acount_3 a:hover {
    color: #ffd554;
    text-decoration: none;
}

.inner_main_info_news h3 {
    color: #83a592;
    font-family: "Albertus-Extra-Bold-Regular", sans-serif;
    font-size: 36px;
    line-height: 24px;
    text-align: center;
    margin-top: 56px;
    margin-bottom: 24px;
}

.inner_main_info_news ul.info {
    background-color: var(--color-dark-panel);
    padding-top: 10px;
    padding-bottom: 40px;
}

.inner_main_info_news ul.info li:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 1px;
    height: 208px;
    background-color: #0f110d;
    top: -65px;
}

.inner_main_info_news ul.info li {
    display: inline-block;
    text-align: center;
    max-width: 300px;
    color: #ffffff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 24px;
    line-height: 18px;
    text-align: center;
    position: relative;
}

.inner_main_info_news ul.info li span.yellow {
    display: block;
    color: #ffd554;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 14px;
}

.inner_main_info_news ul.info li a.change {
    display: inline-block;
    color: #ffd554;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 18px;
    line-height: 34px;
    border: 2px solid #ffd554;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 174px;
    margin-top: 14px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

.inner_main_info_news ul.info li a.change:hover {
    color: #fff;
    border: 2px solid #fff;
}

.inner_main_info_news ul.info li span.gold {
    position: relative;
    display: inline-block;
    margin-left: 20px;
}

.inner_main_info_news ul.info li span.gold:before {
    content: "";
    display: inline-block;
    position: absolute;
    background: url(../img/inner_main_info_logo_gold.png) center no-repeat;
    height: 24px;
    width: 24px;
    right: 45px;
    top: -2px;
}

.inner_main_info_news ul.info li span.silver {
    position: relative;
    display: inline-block;
    margin-left: 42px;
}

.inner_main_info_news ul.info li span.silver:before {
    content: "";
    display: inline-block;
    position: absolute;
    background: url(../img/inner_main_info_logo_silver.png) center no-repeat;
    height: 24px;
    width: 24px;
    right: 45px;
    top: -2px;
}

.inner_main_info_news ul.info li.info_1 {
    padding: 0 50px;
}

.inner_main_info_news ul.info li.info_1:after {
    right: 0;
}

.inner_main_info_news ul.info li.info_2 {
    width: 275px;
}

.inner_main_info_news ul.info li.info_2:after {
    right: 0;
}

.inner_main_info_news ul.info li.info_3 {
    width: 275px;
}

.inner_main_info_news ul.info li.info_3:after {
    right: 0;
}

.inner_main_info_news ul.info li.info_4 {
    width: 275px;
}

.inner_main_info_news ul.info li.info_4:after {
    display: none;
}

.inner_main_info_news ul.info li.last {
    font-size: 24px;
    line-height: 24px;
    position: relative;
    top: 20px;
}

.inner_main_info_news ul.info li.last span.yellow {
    font-family: "pt_sans_regular", sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0;
    margin-top: 5px;
}

.inner_main_info_news ul.info li.last a.yellow_last {
    font-size: 14px;
    line-height: 18px;
    color: #ffd554;
    font-family: "pt-sans-bold", sans-serif;
    display: inline-block;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

.inner_main_info_news ul.info li.last a.yellow_last:hover {
    text-decoration: none;
    color: #fff;
}

.inner_main_info_news ul.dop {
    padding-top: 22px;
}

.inner_main_info_news ul.dop li {
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    text-align: center;
    margin-left: 100px;
}

.inner_main_info_news ul.dop li span.top {
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    color: #83a592;
    font-family: "pt_sans_regular", sans-serif;
}

.inner_main_info_news ul.dop li span.content {
    display: inline-block;
    font-size: 22px;
    line-height: 24px;
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
}

.inner_main_info_news ul.dop li a.change {
    display: inline-block;
    color: #83a592;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 18px;
    line-height: 34px;
    border: 2px solid #83a592;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 174px;
    margin-top: 14px;
    text-decoration: none;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    text-transform: uppercase;
    text-align: center;
}

.inner_main_info_news ul.dop li a.change:hover {
    color: #fff;
    border: 2px solid #fff;
}

.inner_main_info_news ul.dop li.dop_1 {
    margin-left: 120px;
}

.inner_main_info_news ul.dop li.dop_2 {
    margin-left: 120px;
}

.inner_main_info_news ul.dop li.dop_3 {
    margin-left: 73px;
}

.inner_main_info_news .background_line_3 {
    background-color: #222826;
    height: 1px;
    position: relative;
    top: 40px;
}

.inner_main_info_news h3.services {
    color: #ffd554;
    margin-top: 75px;
}

.inner_main_info_news a.inner_main_info_mote_news:hover {
    background-color: #6b8778;
    border-color: #6b8778;
}

.inner_main_info_news ul.shop {
    margin-top: -30px;
}

.inner_main_info_news ul.shop li {
    display: inline-block;
    width: 210px;
    min-height: 205px;
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 42px;
    line-height: 32px;
    padding-left: 193px;
    padding-top: 90px;
    margin-right: 6px;
}

.inner_main_info_news ul.shop li a.change {
    display: block;
    color: #ffd554;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 18px;
    line-height: 34px;
    border: 2px solid #ffd554;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 174px;
    margin-top: 14px;
    text-decoration: none;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    text-transform: uppercase;
    text-align: center;
}

.inner_main_info_news ul.shop li a.change:hover {
    color: #fff;
    border: 2px solid #fff;
}

.inner_main_info_news ul.shop li.shop_1 {
    background: url(../img/inner_main_info_shop_1.png) center no-repeat;
}

.inner_main_info_news ul.shop li.shop_2 {
    background: url(../img/inner_main_info_shop_2.png) center no-repeat;
}

.inner_main_info_news ul.shop li.shop_3 {
    background: url(../img/inner_main_info_shop_3.png) center no-repeat;
}

.inner_main_info_news a.more_news {
    margin-top: -35px;
}

.inner_main_info_news h3.character {
    color: #83a592;
    margin-top: 38px;
    margin-bottom: 28px;
}

.inner_main_info_news ul.character li {
    display: inline-block;
    width: 403px;
    height: 205px;
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 42px;
    line-height: 32px;
}

.inner_main_info_news ul.character li .content {
    margin-left: 170px;
    margin-top: -4px;
}

.inner_main_info_news ul.character li .content h5 {
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 24px;
    line-height: 18px;
    margin-top: 30px;
    margin-bottom: 8px;
}

.inner_main_info_news ul.character li .content ul.fraction {
    width: 100%;
}

.inner_main_info_news ul.character li .content ul.fraction li {
    width: 100%;
    display: inline-block;
    color: #ffd554;
    font-family: "pt_sans_regular", sans-serif;
    font-size: 14px;
    line-height: 18px;
    max-width: 60px;
    max-height: 40px;
    position: relative;
}

.inner_main_info_news ul.character li .content ul.fraction li span.horde {
    color: #ff6666;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 18px;
    line-height: 20px;
}

.inner_main_info_news ul.character li .content ul.fraction li .horde.alliance {
    color: #87bfff;
}

.inner_main_info_news ul.character li .content ul.fraction li.fraction_2 {
    top: 4px;
    margin-left: 10px;
    text-align: center;
    max-width: 30px;
}

.inner_main_info_news ul.character li .content ul.fraction li.fraction_3 {
    top: 4px;
    margin-left: 6px;
    text-align: center;
    max-width: 30px;
}

.inner_main_info_news ul.character li .content ul.fraction li.fraction_4 {
    top: 1px;
    margin-left: 5px;
    max-width: 30px;
}

.inner_main_info_news ul.character li .content ul.fraction li.fraction_4 span {
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 18px;
    line-height: 20px;
}

.inner_main_info_news ul.character p {
    color: #ffd554;
    font-family: "pt_sans_regular", sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin-top: 8px;
    margin-bottom: 12px;
}

.inner_main_info_news ul.character p span {
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 16px;
    line-height: 18px;
    display: inline-block;
    padding-left: 3px;
}

.inner_main_info_news ul.character a.change {
    display: inline-block;
    color: #ffd554;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 18px;
    line-height: 34px;
    border: 2px solid #ffd554;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 160px;
    margin-top: 14px;
    text-decoration: none;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    text-transform: uppercase;
    text-align: center;
}

.inner_main_info_news ul.character a.change:hover {
    color: #fff;
    border: 2px solid #fff;
}

.inner_main_info_news ul.character a.last {
    color: #83a592;
    border-color: #83a592;
}

.inner_main_info_news ul.character a.first {
    margin-left: 30px;
    margin-right: 13px;
}

.inner_main_info_news ul.character li.character_1 {
    background: url(../img/inner_main_info_character_1.png) center no-repeat;
}

.inner_main_info_news ul.character li.character_2 {
    background: url(../img/inner_main_info_character_2.png) center no-repeat;
    margin-left: 10px;
}

.inner_main_info_news ul.character li.character_3 {
    background: url(../img/inner_main_info_character_3.png) center no-repeat;
    margin-left: 10px;
}

.inner_main_info_news .more_news.green {
    color: #83a592;
    border-color: #83a592;
    margin-top: 10px;
    margin-bottom: 60px;
}

.inner_main_info_footer {
    margin-top: 0;
}

.background_line {
    background: url(../img/background_line.png) center no-repeat;
    height: 2px;
    position: relative;
    top: 298px;
}

/*================== inner_realm =====================*/

.inner_realm_news {
    margin-bottom: -86px;
}

.inner_realm_news .info {
    float: left;
    width: 610px;
    height: 280px;
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 42px;
    line-height: 36px;
}

.inner_realm_news .info .content {
    position: relative;
    top: 80px;
    left: 340px;
}

.inner_realm_news .info .content a.change {
    display: block;
    color: #ffd554;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 18px;
    line-height: 34px;
    border: 2px solid #ffd554;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 174px;
    margin-top: 17px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    text-align: center;
}

.inner_realm_news .info .content a.change:hover {
    color: #fff;
    border: 2px solid #fff;
}

.inner_realm_news .info_1 {
    background: url("../img/inner_realm_info_1.png") center no-repeat;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

.inner_realm_news .info_1:hover {
    background: url("../img/inner_realm_info_1_1.png") center no-repeat;
}

.inner_realm_news .info_2 {
    background: url("../img/inner_realm_info_2.png") center no-repeat;
    margin-left: 18px;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

.inner_realm_news .info_2:hover {
    background: url("../img/inner_realm_info_2_1.png") center no-repeat;
}

.realm_body {
    min-height: 100vh;
    position: relative;
}

.realm_footer {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -620px;
}

.realm_container {
    min-height: 1200px;
}

/*================== inner_stat =====================*/

.inner_stat_news {
    margin-bottom: -110px;
}

.inner_stat_news ul.statictics li {
    display: inline-block;
    width: 240px;
    height: 280px;
    margin-right: 4px;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 0;
}

.inner_stat_news ul.statictics li h5.top {
    color: #fff;
}

.inner_stat_news ul.statictics a.change {
    display: inline-block;
    color: #ffd554;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 18px;
    line-height: 34px;
    border: 2px solid #ffd554;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 174px;
    margin-top: -22px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    text-align: center;
    position: relative;
    bottom: 28px;
}

.inner_stat_news ul.statictics a.change:hover {
    color: #fff;
    border: 2px solid #fff;
}

.inner_stat_news ul.statictics div {
    position: relative;
    top: 122px;
}

.inner_stat_news .statictics_1 {
    background: url("../img/inner_static_news_1.png") center no-repeat;
}

.inner_stat_news .statictics_2 {
    background: url("../img/inner_static_news_2.png") center no-repeat;
}

.inner_stat_news .statictics_3 {
    background: url("../img/inner_static_news_3.png") center no-repeat;
}

.inner_stat_news .statictics_4 {
    background: url("../img/inner_static_news_4.png") center no-repeat;
}

.inner_stat_news .statictics_5 {
    background: url("../img/inner_static_news_5.png") center no-repeat;
    margin-right: 0;
}

/*================== inner_voting =====================*/

.inner_voting_news ul.about_voting {
    margin-top: 53px;
}

.inner_voting_news ul.about_voting li {
    display: inline-block;
    color: #ffeeb7;
    font-family: "pt_sans_regular", sans-serif;
    font-size: 16px;
    line-height: 18px;
    position: relative;
    margin-left: 48px;
    margin-right: 90px;
}

.inner_voting_news ul.about_voting li span {
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
}

.inner_voting_news ul.about_voting li:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 40px;
    height: 37px;
    background: url("../img/about_voting_logo.png") center no-repeat;
    left: -48px;
}

.inner_voting_news ul.about_voting li.about_voting_2 {
    margin-right: 115px;
    margin-left: 80px;
}

.inner_voting_news ul.about_voting li.about_voting_3 {
    margin-right: 0;
}

.inner_voting_news ul.inner_voting_content li {
    display: inline-block;
    width: 240px;
    height: 280px;
    text-align: center;
    margin-right: 5px;
}

.inner_voting_news ul.inner_voting_content li h6 {
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 30px;
    line-height: 36px;
    margin-top: 26px;
    margin-bottom: 8px;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

.inner_voting_news ul.inner_voting_content li a.top {
    color: #ffeeb7;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 14px;
    line-height: 16px;
}

.inner_voting_news ul.inner_voting_content li a.top:hover {
    text-decoration: none;
    color: #fff;
}

.inner_voting_news ul.inner_voting_content li span {
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 24px;
    line-height: 24px;
    display: inline-block;
    position: relative;
    margin-top: 94px;
}

.inner_voting_news ul.inner_voting_content li span:before {
    content: "";
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    background: url("../img/inner_main_info_logo_silver.png") center no-repeat;
    right: 5px;
    top: 3px;
}

.inner_voting_news ul.inner_voting_content li a.change {
    display: inline-block;
    color: #ffd554;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 18px;
    line-height: 34px;
    border: 2px solid #ffd554;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 174px;
    margin-top: 16px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    text-align: center;
}

.inner_voting_news ul.inner_voting_content li a.change:hover {
    color: #fff;
    border: 2px solid #fff;
}

.inner_voting_news ul.inner_voting_content li.inner_voting_content_1 {
    background: url("../img/inner_voting_content_1.png") center no-repeat;
}

.inner_voting_news ul.inner_voting_content li.inner_voting_content_2 {
    background: url("../img/inner_voting_content_2.png") center no-repeat;
}

.inner_voting_news ul.inner_voting_content li.inner_voting_content_3 {
    background: url("../img/inner_voting_content_3.png") center no-repeat;
}

.inner_voting_news ul.inner_voting_content li.inner_voting_content_4 {
    background: url("../img/inner_voting_content_4.png") center no-repeat;
}

.inner_voting_news ul.inner_voting_content li.inner_voting_content_5 {
    background: url("../img/inner_voting_content_5.png") center no-repeat;
    margin-right: 0;
}

.inner_voting_news p.inner_voting_content_footer {
    color: #ffeeb7;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    margin-bottom: 140px;
    margin-top: 20px;
}

.inner_voting_news p.inner_voting_content_footer span.white {
    color: #fff;
}

.inner_voting_news p.inner_voting_content_footer span.footer {
    color: #ffeeb7;
    font-family: "pt_sans_regular", sans-serif;
    font-size: 14px;
    line-height: 18px;
}

/*================== inner_stat_pvp =====================*/

.inner_stat_pvp_news {
    margin-bottom: 58px;
}

.inner_stat_pvp_news ul.acount li.pvp:after {
    left: 152px;
}

.inner_stat_pvp_news .filter {
    background-color: rgba(33, 37, 33, 0.4);
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 26px;
}

.inner_stat_pvp_news .filter .filter_1 {
    float: left;
}

.inner_stat_pvp_news .filter .filter_1 ul li {
    display: inline-block;
    color: #feeeb3;
    font-family: "pt_sans_regular", sans-serif;
    font-size: 16px;
    line-height: 18px;
    margin-left: 17px;
}

.inner_stat_pvp_news .filter .filter_1 ul li span {
    display: inline-block;
    position: relative;
    color: #fff;
    font-family: "pt-sans-narrow-bold", sans-serif;
    font-size: 16px;
    line-height: 18px;
    cursor: pointer;
    padding: 8px;
    padding-left: 12px;
    border: 1px solid transparent;
}

.inner_stat_pvp_news .filter .filter_1 ul li span:before {
    content: "";
    display: inline-block;
    position: relative;
    width: 14px;
    height: 15px;
    background: url("../img/inner_stat_pvp_filter_1.png") center no-repeat;
    right: 4px;
    top: 2px;
}

.inner_stat_pvp_news .filter .filter_1 ul li input:checked + span:before {
    background: url("../img/inner_stat_pvp_filter_2.png") center no-repeat;
}

.inner_stat_pvp_news .filter .filter_1 ul li input:checked + span {
    background-color: rgba(55, 55, 37, 0.5);
    border: 1px solid rgba(55, 55, 37, 0.5);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.inner_stat_pvp_news .filter .filter_2 {
    float: right;
}

.inner_stat_pvp_news .filter .filter_2 ul {
    margin-right: 10px;
}

.inner_stat_pvp_news .filter .filter_2 ul li {
    display: inline-block;
    margin-right: 6px;
}

.inner_stat_pvp_news .filter .filter_2 ul li img {
    border-color: transparent;
    position: relative;
    top: 4px;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

.inner_stat_pvp_news .filter .filter_2 ul li img:hover {
    opacity: 0.5;
}

.inner_stat_pvp_news .filter .filter_2 ul li span.yellow {
    color: #feeeb3;
    font-family: "pt_sans_regular", sans-serif;
    font-size: 16px;
    line-height: 18px;
}

.inner_stat_pvp_news .filter .filter_2 ul li span.white {
    color: #fff;
    font-family: "pt-sans-narrow-bold", sans-serif;
    font-size: 16px;
    line-height: 18px;
}

.inner_stat_pvp_news .filter .filter_2 ul li input {
    color: #fff;
    font-family: "pt-sans-narrow-bold", sans-serif;
    font-size: 16px;
    line-height: 18px;
    background-color: #151816;
    border: 1px solid #feeeb3;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 8px;
    padding-left: 16px;
    width: 36px;
}

.inner_stat_pvp_news table {
    margin-top: 10px;
}

.inner_stat_pvp_news table tr.row_1 {
    background-color: rgba(56, 67, 65, 0.7);
    text-align: left;
}

.inner_stat_pvp_news table tr.row_1 span {
    display: inline-block;
    padding: 15px;
    position: relative;
}

.inner_stat_pvp_news table tr.row_1 span:after {
    content: "";
    display: inline-block;
    position: relative;
    background: url("../img/inner_stat_pvp_table_logo_1.png") center no-repeat;
    width: 6px;
    height: 11px;
    bottom: 1px;
    left: 6px;
    cursor: pointer;
}

.inner_stat_pvp_news table tr.row_1 span.yellow {
    color: #feeeb3;
}

.inner_stat_pvp_news table tr.row_1 span.yellow:after {
    background: url("../img/inner_stat_pvp_table_logo_2.png") center no-repeat;
}

.inner_stat_pvp_news table tr {
    background-color: rgba(28, 33, 29, 0.7);
}

.inner_stat_pvp_news table tr th.column_1 {
    width: 105px;
}

.inner_stat_pvp_news table tr th.column_2 {
    width: 320px;
}

.inner_stat_pvp_news table tr th.column_3 {
    width: 178px;
}

.inner_stat_pvp_news table tr th.column_4 {
    width: 214px;
}

.inner_stat_pvp_news table tr th.column_5 {
    width: 178px;
}

.inner_stat_pvp_news table tr th.column_6 {
    width: 225px;
}

.inner_stat_pvp_news table tr span {
    display: inline-block;
    padding: 15px;
    position: relative;
}

.inner_stat_pvp_news table tr span.yellow {
    color: #feeeb3;
}

.background_line_2 {
    background: url(../img/background_line.png) center no-repeat;
    height: 2px;
    position: relative;
    top: 24px;
}

/*================== inner_shop =====================*/

.inner_shop_news {
    margin-bottom: 1px;
}

.inner_shop_news ul.inner_shop {
    margin-top: 50px;
}

.inner_shop_news ul.inner_shop li {
    display: inline-block;
    position: relative;
    margin-bottom: 15px;
}

.inner_shop_news ul.inner_shop li a.change {
    display: block;
    color: #ffd554;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 18px;
    line-height: 34px;
    border: 2px solid #ffd554;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 174px;
    margin-top: 20px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    text-align: center;
}

.inner_shop_news ul.inner_shop li a.change:hover {
    color: #fff;
    border: 2px solid #fff;
}

.inner_shop_news ul.inner_shop li.content {
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 60px;
    line-height: 50px;
    width: 610px;
    height: 280px;
}

.inner_shop_news ul.inner_shop li.content div {
    position: relative;
    left: 284px;
    top: 74px;
}

.inner_shop_news ul.inner_shop li.content_1 {
    background: url(../img/inner_shop_logo_1.png) center no-repeat;
}

.inner_shop_news ul.inner_shop li.content_2 {
    background: url(../img/inner_shop_logo_2.png) center no-repeat;
    margin-left: 14px;
}

.inner_shop_news ul.inner_shop li.content_3 {
    background: url(../img/inner_shop_logo_3.png) center no-repeat;
}

.inner_shop_news ul.inner_shop li.content_4 {
    background: url(../img/inner_shop_logo_4.png) center no-repeat;
    bottom: 55px;
}

.inner_shop_news ul.inner_shop li.content_5 {
    background: url(../img/inner_shop_logo_5.png) center no-repeat;
    margin-left: 14px;
    bottom: 55px;
}

.inner_shop_news ul.inner_shop li.content_6 {
    background: url(../img/inner_shop_logo_6.png) center no-repeat;
    margin-left: 10px;
}

.inner_shop_news ul.inner_shop li.content_7 {
    background: url(../img/inner_shop_logo_7.png) center no-repeat;
    position: relative;
    left: 10px;
}

.inner_shop_news ul.inner_shop li.content_11 {
    text-align: center;
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 36px;
    line-height: 32px;
    width: 610px;
    height: 305px;
    left: 4px;
    bottom: 56px;
}

.inner_shop_news ul.inner_shop li.content_11 ul li {
    width: 295px;
    height: 305px;
    margin-bottom: 0;
}

.inner_shop_news ul.inner_shop li.content_11 ul li a.change {
    display: block;
    color: #ffd554;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 18px;
    line-height: 34px;
    border: 2px solid #ffd554;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 174px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    text-align: center;
    top: 190px;
    position: relative;
}

.inner_shop_news ul.inner_shop li.content_11 ul a.change:hover {
    color: #fff;
    border: 2px solid #fff;
}

.inner_shop_news ul.inner_shop li.content_11 h5 {
    text-align: center;
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 36px;
    line-height: 32px;
    margin-top: 0;
    margin-bottom: 0;
    top: 170px;
    position: relative;
}

/*================== inner_shop_cat =====================*/

.inner_shop_cat_news {
    margin-bottom: 55px;
}

.inner_shop_cat_news ul.subcategory {
    margin-bottom: 15px;
}

.inner_shop_cat_news ul.subcategory li {
    display: inline-block;
    text-align: center;
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 36px;
    line-height: 32px;
    background: url(../img/inner_shop_cat_logo_1.png) center no-repeat;
    width: 295px;
    height: 305px;
    margin-right: 15px;
}

.inner_shop_cat_news ul.subcategory li span {
    display: inline-block;
    text-align: center;
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 36px;
    line-height: 32px;
    position: relative;
    top: 207px;
}

.inner_shop_cat_news ul.subcategory li.content_last {
    margin-right: 0;
}

/*================== inner_shop_item =====================*/

.inner_shop_item_news {
    margin-bottom: 40px;
}

.inner_shop_item_news form.item_search ul.head {
    background-color: rgba(37, 43, 40, 0.7);
    padding-top: 20px;
    padding-bottom: 20px;
}

.inner_shop_item_news form.item_search ul.head li {
    display: inline-block;
    color: #feeeb3;
    font-family: "pt_sans_regular", sans-serif;
    font-size: 16px;
    line-height: 18px;
    margin-left: 17px;
}

.inner_shop_item_news form.item_search ul.head li select {
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 16px;
    line-height: 32px;
    height: 32px;
    padding-left: 4px;
    padding-right: 30px;
    width: 214px;
    position: relative;
    z-index: 100;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    cursor: pointer;
    border: 1px solid #686036;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: url(../img/inner_shop_item_select.png) 191px 14px no-repeat;
    background-color: #1b201d;
}

.inner_shop_item_news form.item_search ul.head li select.item_number {
    background: url(../img/inner_shop_item_select.png) 44px 14px no-repeat;
    padding-left: 10px;
    padding-right: 30px;
    width: 76px;
    background-color: #1b201d;
}

.inner_shop_item_news form.item_search ul.head li select.item_number option {
    padding-left: 10px;
}

.inner_shop_item_news form.item_search ul.head li input.search {
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 16px;
    line-height: 18px;
    background-color: #1b201d;
    border: 1px solid #bfa347;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 360px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px;
}

.inner_shop_item_news form.item_search ul.head li .search_button {
    display: inline-block;
    width: 35px;
    height: 34px;
    background: url(../img/inner_shop_item_form_search.png) center no-repeat;
    position: relative;
    top: 11px;
    left: 1px;
    cursor: pointer;
}

.inner_shop_item_news form.item_search ul.head li.advanced_search a {
    color: #ffd554;
    font-family: "pt_sans_regular", sans-serif;
    font-size: 16px;
    line-height: 18px;
    position: relative;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

.inner_shop_item_news form.item_search ul.head li.advanced_search a:hover {
    text-decoration: none;
}

.inner_shop_item_news form.item_search ul.head li.advanced_search a:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 11px;
    background: url(../img/inner_shop_item_form_advanced_search.png) center no-repeat;
    position: relative;
    top: 2px;
    left: 7px;
}

.inner_shop_item_news form.item_search .content {
    background-color: rgba(27, 33, 29, 0.7);
    height: 245px;
    border-top: 1px solid #13130f;
}

.inner_shop_item_news form.item_search .content .content_1 {
    float: left;
    width: 315px;
    height: 100%;
    border-right: 1px solid #13130f;
}

.inner_shop_item_news form.item_search .content .content_1 ul {
    margin-top: 16px;
    margin-left: 20px;
}

.inner_shop_item_news form.item_search .content .content_1 ul li {
    color: #feeeb3;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 16px;
    line-height: 30px;
}

.inner_shop_item_news form.item_search .content .content_1 ul li span {
    color: #feeeb3;
    font-family: "pt_sans_regular", sans-serif;
    font-size: 16px;
    line-height: 30px;
    display: inline-block;
    position: relative;
    margin-left: 25px;
    cursor: pointer;
}

.inner_shop_item_news form.item_search .content .content_1 ul li span:before {
    content: "";
    display: inline-block;
    position: relative;
    background: url(../img/inner_shop_item_form_checkbox_1.png) center no-repeat;
    width: 14px;
    height: 15px;
    top: 3px;
    right: 4px;
}

.inner_shop_item_news form.item_search .content .content_1 ul li input:checked + span:before {
    background: url(../img/inner_shop_item_form_checkbox_2.png) center no-repeat;
}

.inner_shop_item_news form.item_search .content .content_1 ul li span.quality_1 {
    color: #fff;
}

.inner_shop_item_news form.item_search .content .content_1 ul li span.quality_2 {
    color: #ceff5a;
}

.inner_shop_item_news form.item_search .content .content_1 ul li span.quality_3 {
    color: #91d4ff;
}

.inner_shop_item_news form.item_search .content .content_1 ul li span.quality_4 {
    color: #b660ff;
}

.inner_shop_item_news form.item_search .content .content_1 ul li span.quality_5 {
    color: #ff9d3d;
}

.inner_shop_item_news form.item_search .content .content_2 {
    float: left;
    width: 920px;
    height: 100%;
}

.inner_shop_item_news form.item_search .content .content_2 .head {
    border-bottom: 1px solid #13130f;
}

.inner_shop_item_news form.item_search .content .content_2 .head ul {
    margin-left: 20px;
    margin-top: 12px;
    margin-bottom: 10px;
}

.inner_shop_item_news form.item_search .content .content_2 .head ul li {
    display: inline-block;
    margin-right: 15px;
}

.inner_shop_item_news form.item_search .content .content_2 .head ul li span {
    display: inline-block;
    width: 36px;
    height: 36px;
    background-color: rgba(97, 101, 98, 0.8);
}

.inner_shop_item_news form.item_search .content .content_2 .price {
    padding-left: 20px;
    padding-bottom: 17px;
    border-bottom: 1px solid #13130f;
}

.inner_shop_item_news form.item_search .content .content_2 .price ul {
    display: inline-block;
    margin-right: 70px;
}

.inner_shop_item_news form.item_search .content .content_2 .price ul li {
    display: inline-block;
    margin-right: 12px;
}

.inner_shop_item_news form.item_search .content .content_2 .price h6 {
    color: #feeeb3;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 16px;
    line-height: 16px;
    margin-top: 19px;
    margin-bottom: 5px;
}

.inner_shop_item_news form.item_search .content .content_2 .price span {
    color: #feeeb3;
    font-family: "pt_sans_regular", sans-serif;
    font-size: 16px;
    line-height: 30px;
    display: inline-block;
    position: relative;
    margin-left: 5px;
    cursor: pointer;
}

.inner_shop_item_news form.item_search .content .content_2 .price span:before {
    content: "";
    display: inline-block;
    position: relative;
    background: url(../img/inner_shop_item_form_checkbox_1.png) center no-repeat;
    width: 14px;
    height: 15px;
    top: 3px;
    right: 4px;
}

.inner_shop_item_news form.item_search .content .content_2 .price input:checked + span:before {
    background: url(../img/inner_shop_item_form_checkbox_2.png) center no-repeat;
}

.inner_shop_item_news form.item_search .content .content_2 .price input {
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 16px;
    line-height: 18px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px;
    width: 57px;
    position: relative;
    border: 1px solid #686036;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #1b201d;
}

.inner_shop_item_news form.item_search .content .content_2 .price img {
    position: relative;
    top: 7px;
    border: 1px solid transparent;
    right: 5px;
}

.inner_shop_item_news form.item_search .content .content_2 .content_footer {
    padding-left: 20px;
}

.inner_shop_item_news form.item_search .content .content_2 .content_footer div {
    float: left;
}

.inner_shop_item_news form.item_search .content .content_2 .content_footer h6 {
    color: #feeeb3;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 16px;
    line-height: 16px;
    margin-top: 19px;
    margin-bottom: 5px;
}

.inner_shop_item_news form.item_search .content .content_2 .content_footer div.content_footer_1 {
    border-right: 1px solid #13130f;
    padding-bottom: 17px;
}

.inner_shop_item_news form.item_search .content .content_2 .content_footer div.content_footer_1 ul li {
    display: inline-block;
    margin-right: 45px;
}

.inner_shop_item_news form.item_search .content .content_2 .content_footer div.content_footer_1 span {
    display: inline-block;
    position: relative;
    margin-left: 5px;
    cursor: pointer;
}

.inner_shop_item_news form.item_search .content .content_2 .content_footer div.content_footer_1 span:before {
    content: "";
    display: inline-block;
    position: relative;
    background: url(../img/inner_shop_item_form_checkbox_1.png) center no-repeat;
    width: 14px;
    height: 15px;
    top: 3px;
    right: 4px;
}

.inner_shop_item_news form.item_search .content .content_2 .content_footer div.content_footer_1 input:checked + span:before {
    background: url(../img/inner_shop_item_form_checkbox_2.png) center no-repeat;
}

.inner_shop_item_news form.item_search .content .content_2 .content_footer div.content_footer_2 {
    border-right: 1px solid #13130f;
    padding-bottom: 11px;
    padding-left: 20px;
    padding-right: 50px;
}

.inner_shop_item_news form.item_search .content .content_2 .content_footer div.content_footer_2 ul li {
    display: inline-block;
    margin-right: 25px;
}

.inner_shop_item_news form.item_search .content .content_2 .content_footer div.content_footer_2 ul li input {
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 16px;
    line-height: 18px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px;
    margin-right: 3px;
    width: 39px;
    position: relative;
    border: 1px solid #686036;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #1b201d;
}

.inner_shop_item_news form.item_search .content .content_2 .content_footer div.content_footer_3 a.change {
    display: inline-block;
    color: #ffd554;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 18px;
    line-height: 34px;
    border: 2px solid #ffd554;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 255px;
    margin-top: 30px;
    margin-left: 21px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    text-align: center;
}

.inner_shop_item_news form.item_search .content .content_2 .content_footer div.content_footer_3 a.change:hover {
    color: #fff;
    border: 2px solid #fff;
}

.inner_shop_item_news form.item_search p.form_footer {
    color: #feeeb3;
    font-family: "pt_sans_regular", sans-serif;
    font-size: 16px;
    line-height: 18px;
    padding-left: 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(27, 33, 29, 0.7);
}

.inner_shop_item_news form.item_search p.form_footer span {
    color: #fff;
}

/* ================== Global Pagination ===================== */
.page_selection {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px;
    gap: 8px;
}

.page_selection ul {
    display: flex;
    align-items: center;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.page_selection li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.page_selection li a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    padding: 0 12px;
    background: var(--color-dark-panel);
    border: 2px solid var(--color-border-dark);
    border-radius: 6px;
    color: var(--color-white);
    font-family: var(--font-bold);
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
    cursor: pointer;
}

.page_selection li a i {
    font-size: 14px;
}

.page_selection li a:hover {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-black);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 213, 84, 0.3);
}

.page_selection li.selected a,
.page_selection .selected a {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-black);
    cursor: default;
    box-shadow: 0 0 20px rgba(255, 213, 84, 0.4);
}

.page_selection li.disabled a {
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: none;
}

.page_selection li.hidden {
    display: none;
}

/* Адаптивность пагинации */
@media (max-width: 768px) {
    .page_selection {
        margin: 30px 0 40px;
    }

    .page_selection li a {
        min-width: 38px;
        height: 38px;
        font-size: 14px;
    }
}

.inner_shop_item_news .inner_shop_item_main_content {
    margin-top: 22px;
    margin-bottom: 5px;
}

.inner_shop_item_news .inner_shop_item_main_content .inner_shop_item_main_content_1 {
    float: left;
    width: 960px;
}

.inner_shop_item_news .inner_shop_item_main_content .inner_shop_item_main_content_1 ul.main li.main_li {
    display: inline-block;
    width: 310px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.inner_shop_item_news .inner_shop_item_main_content .inner_shop_item_main_content_1 ul.main li.main_li ul {
    background-color: rgba(26, 28, 27, 0.6);
    border-bottom: 1px solid #080907;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.inner_shop_item_news .inner_shop_item_main_content .inner_shop_item_main_content_1 ul.main li.main_li_last {
    margin-right: 0;
}

.inner_shop_item_news .inner_shop_item_main_content .inner_shop_item_main_content_1 ul.main li.purple {
    color: #b660ff;
}

.inner_shop_item_news .inner_shop_item_main_content .inner_shop_item_main_content_1 ul.main li.green {
    color: #ceff5a;
}

.inner_shop_item_news .inner_shop_item_main_content .inner_shop_item_main_content_1 ul.interior li {
    display: inline-block;
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 14px;
    line-height: 14px;
}

.inner_shop_item_news .inner_shop_item_main_content .inner_shop_item_main_content_1 ul.interior li span {
    display: block;
    color: #feeeb3;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 12px;
    line-height: 18px;
}

.inner_shop_item_news .inner_shop_item_main_content .inner_shop_item_main_content_1 ul.interior li span.level {
    position: relative;
    left: 4px;
}

.inner_shop_item_news .inner_shop_item_main_content .inner_shop_item_main_content_1 ul.interior li.name {
    position: relative;
    left: 9px;
    bottom: 30px;
}

.inner_shop_item_news .inner_shop_item_main_content .inner_shop_item_main_content_1 .footer {
    background-color: rgba(42, 50, 48, 0.8);
    height: 40px;
    text-align: right;
    padding-right: 16px;
}

.inner_shop_item_news .inner_shop_item_main_content .inner_shop_item_main_content_1 .footer img {
    border: 1px solid transparent;
    position: relative;
    top: 4px;
}

.inner_shop_item_news .inner_shop_item_main_content .inner_shop_item_main_content_1 .footer span {
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 24px;
    line-height: 40px;
}

.inner_shop_item_news .inner_shop_item_main_content .inner_shop_item_main_content_2 {
    float: left;
}

.inner_shop_item_news .inner_shop_item_main_content .inner_shop_item_main_content_2 .basket {
    background-color: rgba(35, 32, 21, 0.6);
    border: 1px solid rgba(35, 32, 21, 0.6);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 18px;
    line-height: 18px;
    width: 187px;
    height: 52px;
    padding-left: 70px;
    padding-top: 18px;
    margin-left: 20px;
    position: relative;
    background-image: url(../img/inner_shop_item_basket.png) no-repeat;
}

.inner_shop_item_news .inner_shop_item_main_content .inner_shop_item_main_content_2 .basket span {
    color: #ffd554;
    font-family: "pt_sans_regular", sans-serif;
    font-size: 14px;
    line-height: 14px;
}

.inner_shop_item_news .inner_shop_item_main_content .inner_shop_item_main_content_2 .basket:before {
    content: "";
    display: block;
    position: absolute;
    left: 14px;
    bottom: 14px;
    width: 40px;
    height: 39px;
    background: url(../img/inner_shop_item_basket.png) center no-repeat;
}

.inner_shop_item_news ul.acount li.pvp:after {
    left: 108px;
}

/*================== inner_shop_pers =====================*/

.inner_shop_pers_news ul.pers_form {
    background-color: rgba(29, 33, 29, 0.7);
    color: #feeeb3;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 16px;
    line-height: 30px;
}

.inner_shop_pers_news ul.pers_form li {
    display: inline-block;
    border: 1px solid #141510;
    border-right: 0 solid transparent;
}

.inner_shop_pers_news ul.pers_form_inner {
    display: inline-block;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 16px;
    border-left: 1px solid #141510;
}

.inner_shop_pers_news ul.pers_form_inner li {
    display: inline-block;
    margin-right: 16px;
    border: 0 solid #141510;
}

.inner_shop_pers_news ul.pers_form_inner li input {
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 16px;
    line-height: 18px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px;
    margin-right: 3px;
    width: 39px;
    position: relative;
    border: 1px solid #686036;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #1b201d;
}

.inner_shop_pers_news ul.pers_form_inner li span.between {
    display: inline-block;
    position: relative;
    margin-left: 5px;
    cursor: pointer;
    font-family: "pt_sans_regular", sans-serif;
}

.inner_shop_pers_news ul.pers_form_inner li span.between:before {
    content: "";
    display: inline-block;
    position: relative;
    background: url(../img/inner_shop_item_form_checkbox_1.png) center no-repeat;
    width: 14px;
    height: 15px;
    top: 3px;
    right: 4px;
}

.inner_shop_pers_news ul.pers_form_inner li input:checked + span.between:before {
    background: url(../img/inner_shop_item_form_checkbox_2.png) center no-repeat;
}

.inner_shop_pers_news ul.pers_form_inner li span.between_1 {
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
}

.inner_shop_pers_news ul.pers_form_inner_last {
    padding-right: 140px;
}

.inner_shop_pers_news ul.pers_form_inner_last li {
    margin-left: 15px;
}

.inner_shop_pers_news .pers_form_inner_1 {
    width: 930px;
    border-right: 1px solid #141510;
    padding-top: 0;
}

.inner_shop_pers_news .pers_form_inner_1 li {
    padding-right: 58px;
    padding-bottom: 3px;
}

.inner_shop_pers_news .pers_form_inner_1 li.pers_7 {
    padding-right: 54px;
}

.inner_shop_pers_news .pers_form_inner_1 li.pers_8 {
    padding-right: 71px;
}

.inner_shop_pers_news .pers_form_inner_1 li.pers_9 {
    padding-right: 51px;
}

.inner_shop_pers_news .pers_form_inner_1 li.pers_10 {
    padding-right: 63px;
}

.inner_shop_pers_news .pers_form_inner_1 h6 {
    color: #feeeb3;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 16px;
    line-height: 16px;
    margin-top: -3px;
    margin-bottom: 9px;
}

.inner_shop_pers_news a.change {
    display: inline-block;
    color: #ffd554;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 18px;
    line-height: 34px;
    border: 2px solid #ffd554;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 255px;
    margin-top: 30px;
    margin-left: 14px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    text-align: center;
    position: relative;
    bottom: 18px;
}

.inner_shop_pers_news a.change:hover {
    color: #fff;
    border: 2px solid #fff;
}

.inner_shop_pers_news .pers_form_last {
    width: 281px;
    padding-top: 40px;
    height: 100%;
    margin-left: -5px;
}

.page_selection_pers {
    margin-left: 43%;
}

.inner_shop_pers_news ul.pers_shop_main_content {
    margin-top: 6px;
    margin-bottom: 13px;
}

.inner_shop_pers_news ul.pers_shop_main_content li {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 1px;
}

.inner_shop_pers_news ul.pers_shop_main_content li .head {
    width: 300px;
    height: 270px;
    background: url(../img/pers_shop_main_content_logo_1.png) center no-repeat;
}

.inner_shop_pers_news ul.pers_shop_main_content li .head p {
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    padding-right: 10px;
    padding-top: 6px;
}

.inner_shop_pers_news ul.pers_shop_main_content li .head p span {
    color: #c3fe45;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 14px;
    line-height: 18px;
}

.inner_shop_pers_news ul.pers_shop_main_content li .time {
    color: #fff;
    font-family: "pt_sans_regular", sans-serif;
    font-size: 16px;
    line-height: 32px;
    background-color: rgba(41, 48, 44, 0.8);
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 18px;
}

.inner_shop_pers_news ul.pers_shop_main_content li .time span {
    display: inline-block;
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 16px;
    line-height: 18px;
    margin-left: 43px;
}

.inner_shop_pers_news ul.pers_shop_main_content li .footer {
    background-color: rgba(26, 28, 27, 0.8);
}

.inner_shop_pers_news ul.pers_shop_main_content li .footer p.footer_1 {
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 24px;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 68px;
    padding-top: 20px;
    padding-bottom: 10px;
    position: relative;
}

.inner_shop_pers_news ul.pers_shop_main_content li .footer p.footer_1 span {
    display: inline-block;
    color: #83c7eb;
    font-family: "pt_sans_regular", sans-serif;
    font-size: 14px;
    line-height: 14px;
    position: relative;
    bottom: 5px;
}

.inner_shop_pers_news ul.pers_shop_main_content li .footer p.footer_1 span:before {
    content: "";
    display: inline-block;
    position: absolute;
    right: 56px;
    bottom: -4px;
    width: 40px;
    height: 51px;
    background: url(../img/pers_shop_main_content_logo_4.png) center no-repeat;
}

.inner_shop_pers_news ul.pers_shop_main_content li .footer p.footer_1:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 262px;
    bottom: 28px;
    width: 17px;
    height: 26px;
    background: url(../img/pers_shop_main_content_logo_3.png) center no-repeat;
}

.inner_shop_pers_news ul.pers_shop_main_content li .footer hr {
    border: 1px solid rgba(41, 48, 44, 0.8);
    width: 85%;
    margin: 0 auto;
}

.inner_shop_pers_news ul.pers_shop_main_content li .footer p.footer_2 {
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 30px;
    line-height: 36px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-left: 22px;
    padding-bottom: 20px;
}

.inner_shop_pers_news ul.pers_shop_main_content li .footer p.footer_2 span.buy {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 18px;
    line-height: 36px;
    background-color: #ffd554;
    border: 1px solid #ffd554;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    width: 140px;
    margin-left: 24px;
}

.inner_shop_pers_news ul.pers_shop_main_content li .footer p.footer_2 span.buy:hover {
    background-color: #000;
    color: #ffd554;
}

.inner_shop_pers_news ul.pers_shop_main_content li .footer p.footer_2 img {
    border: 0 solid transparent;
    position: relative;
    top: 2px;
}

.inner_shop_pers_news ul.pers_shop_main_content li.pers_shop_main_content_2 .head {
    background: url(../img/pers_shop_main_content_logo_2.png) center no-repeat;
}

.inner_shop_pers_news ul.pers_shop_main_content li.pers_shop_main_content_2 .footer p.footer_1 span {
    color: #a97663;
}

.inner_shop_pers_news ul.pers_shop_main_content li.pers_shop_main_content_2 .footer p.footer_1 span:before {
    content: "";
    display: inline-block;
    position: absolute;
    right: 56px;
    bottom: -4px;
    width: 40px;
    height: 51px;
    background: url(../img/pers_shop_main_content_logo_5.png) center no-repeat;
}

.inner_shop_pers_news ul.pers_shop_main_content li.pers_shop_main_content_last {
    margin-right: 0;
}

/*================== inner_shop_profes =====================*/

.inner_shop_profes_news .profes_content .profes_form {
    float: left;
    background-color: rgba(34, 41, 39, 0.7);
    width: 915px;
    margin-bottom: 10px;
}

.inner_shop_profes_news .profes_content .profes_form h4 {
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 24px;
    line-height: 24px;
    margin-top: 20px;
    margin-bottom: 16px;
    padding-left: 20px;
}

.inner_shop_profes_news .profes_content .profes_form ul.main_profes {
    padding-left: 20px;
    margin-bottom: -7px;
}

.inner_shop_profes_news .profes_content .profes_form ul.main_profes li {
    display: inline-block;
    margin-right: 45px;
    margin-bottom: 32px;
}

.inner_shop_profes_news .profes_content .profes_form ul.main_profes li p.main_profes_info {
    cursor: pointer;
    margin-top: 0;
    margin-bottom: 0;
}

.inner_shop_profes_news .profes_content .profes_form ul.main_profes li p.main_profes_info span.profes_name {
    display: block;
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    opacity: 0.5;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    margin-top: 6px;
}

.inner_shop_profes_news .profes_content .profes_form ul.main_profes li p.main_profes_info span.logo {
    display: block;
    width: 176px;
    height: 176px;
    border: 4px solid transparent;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

.inner_shop_profes_news .profes_content .profes_form ul.main_profes li p.main_profes_info span.logo_1 {
    background: url(../img/inner_shop_profes_news_logo_1.png) center no-repeat;
}

.inner_shop_profes_news .profes_content .profes_form ul.main_profes li p.main_profes_info span.logo_2 {
    background: url(../img/inner_shop_profes_news_logo_2.png) center no-repeat;
}

.inner_shop_profes_news .profes_content .profes_form ul.main_profes li p.main_profes_info span.logo_3 {
    background: url(../img/inner_shop_profes_news_logo_3.png) center no-repeat;
}

.inner_shop_profes_news .profes_content .profes_form ul.main_profes li p.main_profes_info span.logo_4 {
    background: url(../img/inner_shop_profes_news_logo_4.png) center no-repeat;
}

.inner_shop_profes_news .profes_content .profes_form ul.main_profes li p.main_profes_info span.logo_5 {
    background: url(../img/inner_shop_profes_news_logo_5.png) center no-repeat;
}

.inner_shop_profes_news .profes_content .profes_form ul.main_profes li p.main_profes_info span.logo_6 {
    background: url(../img/inner_shop_profes_news_logo_6.png) center no-repeat;
}

.inner_shop_profes_news .profes_content .profes_form ul.main_profes li p.main_profes_info span.logo_7 {
    background: url(../img/inner_shop_profes_news_logo_7.png) center no-repeat;
}

.inner_shop_profes_news .profes_content .profes_form ul.main_profes li p.main_profes_info span.logo_8 {
    background: url(../img/inner_shop_profes_news_logo_8.png) center no-repeat;
}

.inner_shop_profes_news .profes_content .profes_form ul.main_profes li input:checked + p.main_profes_info > span.profes_name {
    color: #83a592;
}

.inner_shop_profes_news .profes_content .profes_form ul.main_profes li input:checked + p.main_profes_info > span.logo_1 {
    background: url(../img/inner_shop_profes_news_logo_1_1.png) center no-repeat;
    border: 4px solid #83a592;
}

.inner_shop_profes_news .profes_content .profes_form ul.main_profes li input:checked + p.main_profes_info > span.logo_2 {
    background: url(../img/inner_shop_profes_news_logo_2_2.png) center no-repeat;
    border: 4px solid #83a592;
}

.inner_shop_profes_news .profes_content .profes_form ul.main_profes li input:checked + p.main_profes_info > span.logo_3 {
    background: url(../img/inner_shop_profes_news_logo_3_3.png) center no-repeat;
    border: 4px solid #83a592;
}

.inner_shop_profes_news .profes_content .profes_form ul.main_profes li input:checked + p.main_profes_info > span.logo_4 {
    background: url(../img/inner_shop_profes_news_logo_4_4.png) center no-repeat;
    border: 4px solid #83a592;
}

.inner_shop_profes_news .profes_content .profes_form ul.main_profes li input:checked + p.main_profes_info > span.logo_5 {
    background: url(../img/inner_shop_profes_news_logo_5_5.png) center no-repeat;
    border: 4px solid #83a592;
}

.inner_shop_profes_news .profes_content .profes_form ul.main_profes li input:checked + p.main_profes_info > span.logo_6 {
    background: url(../img/inner_shop_profes_news_logo_6_6.png) center no-repeat;
    border: 4px solid #83a592;
}

.inner_shop_profes_news .profes_content .profes_form ul.main_profes li input:checked + p.main_profes_info > span.logo_7 {
    background: url(../img/inner_shop_profes_news_logo_7_7.png) center no-repeat;
    border: 4px solid #83a592;
}

.inner_shop_profes_news .profes_content .profes_form ul.main_profes li input:checked + p.main_profes_info > span.logo_8 {
    background: url(../img/inner_shop_profes_news_logo_8_8.png) center no-repeat;
    border: 4px solid #83a592;
}

.inner_shop_profes_news .profes_content .profes_form ul.main_profes li.last {
    margin-right: 0;
}

.inner_shop_profes_news .profes_content .profes_form hr {
    border: 1px solid #080907;
}

.inner_shop_profes_news .profes_content .profes_form ul.spell {
    padding-left: 20px;
    margin-top: 25px;
    margin-bottom: -5px;
}

.inner_shop_profes_news .profes_content .profes_form ul.spell li {
    display: inline-block;
    margin-right: 45px;
    margin-bottom: 32px;
    margin-left: 30px;
    margin-right: 73px;
}

.inner_shop_profes_news .profes_content .profes_form ul.spell li p.main_profes_info {
    cursor: pointer;
    margin-top: 0;
    margin-bottom: 0;
}

.inner_shop_profes_news .profes_content .profes_form ul.spell li p.main_profes_info span.profes_name {
    display: block;
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    opacity: 0.5;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    margin-top: 6px;
}

.inner_shop_profes_news .profes_content .profes_form ul.spell li p.main_profes_info span.logo {
    display: block;
    width: 89px;
    height: 89px;
    border: 4px solid transparent;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    text-align: center;
    margin: 0 auto;
}

.inner_shop_profes_news .profes_content .profes_form ul.spell li p.main_profes_info span.logo_9 {
    background: url(../img/inner_shop_profes_news_logo_9.png) center no-repeat;
}

.inner_shop_profes_news .profes_content .profes_form ul.spell li p.main_profes_info span.logo_10 {
    background: url(../img/inner_shop_profes_news_logo_9.png) center no-repeat;
}

.inner_shop_profes_news .profes_content .profes_form ul.spell li input:checked + p.main_profes_info > span.profes_name {
    color: #83a592;
}

.inner_shop_profes_news .profes_content .profes_form ul.spell li input:checked + p.main_profes_info > span.logo_9 {
    background: url(../img/inner_shop_profes_news_logo_9_9.png) center no-repeat;
    border: 4px solid #83a592;
}

.inner_shop_profes_news .profes_content .profes_form ul.spell li input:checked + p.main_profes_info > span.logo_10 {
    background: url(../img/inner_shop_profes_news_logo_10_10.png) center no-repeat;
    border: 4px solid #83a592;
}

.inner_shop_profes_news .profes_content .profes_form ul.joint {
    padding-left: 20px;
    margin-top: 25px;
    margin-bottom: -5px;
}

.inner_shop_profes_news .profes_content .profes_form ul.joint li {
    display: inline-block;
    margin-right: 45px;
    margin-bottom: 32px;
}

.inner_shop_profes_news .profes_content .profes_form ul.joint li p.main_profes_info {
    cursor: pointer;
    margin-top: 0;
    margin-bottom: 0;
}

.inner_shop_profes_news .profes_content .profes_form ul.joint li p.main_profes_info span.profes_name {
    display: block;
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    opacity: 0.5;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    margin-top: 6px;
}

.inner_shop_profes_news .profes_content .profes_form ul.joint li p.main_profes_info span.logo {
    display: block;
    width: 176px;
    height: 176px;
    border: 4px solid transparent;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

.inner_shop_profes_news .profes_content .profes_form ul.joint li p.main_profes_info span.logo_11 {
    background: url(../img/inner_shop_profes_news_logo_11.png) center no-repeat;
}

.inner_shop_profes_news .profes_content .profes_form ul.joint li p.main_profes_info span.logo_12 {
    background: url(../img/inner_shop_profes_news_logo_12.png) center no-repeat;
}

.inner_shop_profes_news .profes_content .profes_form ul.joint li p.main_profes_info span.logo_13 {
    background: url(../img/inner_shop_profes_news_logo_13.png) center no-repeat;
}

.inner_shop_profes_news .profes_content .profes_form ul.joint li input:checked + p.main_profes_info > span.profes_name {
    color: #83a592;
}

.inner_shop_profes_news .profes_content .profes_form ul.joint li input:checked + p.main_profes_info > span.logo_11 {
    background: url(../img/inner_shop_profes_news_logo_11_11.png) center no-repeat;
    border: 4px solid #83a592;
}

.inner_shop_profes_news .profes_content .profes_form ul.joint li input:checked + p.main_profes_info > span.logo_12 {
    background: url(../img/inner_shop_profes_news_logo_12_12.png) center no-repeat;
    border: 4px solid #83a592;
}

.inner_shop_profes_news .profes_content .profes_form ul.joint li input:checked + p.main_profes_info > span.logo_13 {
    background: url(../img/inner_shop_profes_news_logo_13_13.png) center no-repeat;
    border: 4px solid #83a592;
}

.inner_shop_profes_news .profes_content .profes_form ul.secondary {
    padding-left: 20px;
    margin-bottom: -7px;
    margin-top: 28px;
}

.inner_shop_profes_news .profes_content .profes_form ul.secondary li {
    display: inline-block;
    margin-right: 45px;
    margin-bottom: 32px;
}

.inner_shop_profes_news .profes_content .profes_form ul.secondary li p.main_profes_info {
    cursor: pointer;
    margin-top: 0;
    margin-bottom: 0;
}

.inner_shop_profes_news .profes_content .profes_form ul.secondary li p.main_profes_info span.profes_name {
    display: block;
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    opacity: 0.5;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    margin-top: 6px;
}

.inner_shop_profes_news .profes_content .profes_form ul.secondary li p.main_profes_info span.logo {
    display: block;
    width: 176px;
    height: 176px;
    border: 4px solid transparent;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

.inner_shop_profes_news .profes_content .profes_form ul.secondary li p.main_profes_info span.logo_14 {
    background: url(../img/inner_shop_profes_news_logo_14.png) center no-repeat;
}

.inner_shop_profes_news .profes_content .profes_form ul.secondary li p.main_profes_info span.logo_15 {
    background: url(../img/inner_shop_profes_news_logo_15.png) center no-repeat;
}

.inner_shop_profes_news .profes_content .profes_form ul.secondary li p.main_profes_info span.logo_16 {
    background: url(../img/inner_shop_profes_news_logo_16.png) center no-repeat;
}

.inner_shop_profes_news .profes_content .profes_form ul.secondary li p.main_profes_info span.logo_17 {
    background: url(../img/inner_shop_profes_news_logo_17.png) center no-repeat;
}

.inner_shop_profes_news .profes_content .profes_form ul.secondary li input:checked + p.main_profes_info > span.profes_name {
    color: #83a592;
}

.inner_shop_profes_news .profes_content .profes_form ul.secondary li input:checked + p.main_profes_info > span.logo_14 {
    background: url(../img/inner_shop_profes_news_logo_14_14.png) center no-repeat;
    border: 4px solid #83a592;
}

.inner_shop_profes_news .profes_content .profes_form ul.secondary li input:checked + p.main_profes_info > span.logo_15 {
    background: url(../img/inner_shop_profes_news_logo_15_15.png) center no-repeat;
    border: 4px solid #83a592;
}

.inner_shop_profes_news .profes_content .profes_form ul.secondary li input:checked + p.main_profes_info > span.logo_16 {
    background: url(../img/inner_shop_profes_news_logo_16_16.png) center no-repeat;
    border: 4px solid #83a592;
}

.inner_shop_profes_news .profes_content .profes_form ul.secondary li input:checked + p.main_profes_info > span.logo_17 {
    background: url(../img/inner_shop_profes_news_logo_17_17.png) center no-repeat;
    border: 4px solid #83a592;
}

.inner_shop_profes_news .profes_content .profes_form ul.secondary li.last {
    margin-right: 0;
}

.inner_shop_profes_news .profes_content .profes_form div.footer {
    background-color: rgba(56, 67, 65, 0.7);
    color: #ffeeb7;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 18px;
    line-height: 36px;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: -8px;
}

.inner_shop_profes_news .profes_content .profes_form div.footer span.number {
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 24px;
    line-height: 36px;
}

.inner_shop_profes_news .profes_content .profes_form div.footer span.between {
    position: relative;
    bottom: 1px;
    left: 3px;
    color: #fff;
    font-family: "pt_sans_regular", sans-serif;
    font-size: 12px;
    line-height: 36px;
}

.inner_shop_profes_news .profes_content .profes_form div.footer span.button {
    display: inline-block;
    color: #000000;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 18px;
    line-height: 34px;
    border: 1px solid #ffd554;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #ffd554;
    width: 165px;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    text-align: center;
    cursor: pointer;
    margin-right: 20px;
}

.inner_shop_profes_news .profes_content .profes_form div.footer span.button:hover {
    background-color: #000;
    color: #ffd554;
}

.inner_shop_profes_news .profes_content .profes_form div.footer img {
    border: 0 solid transparent;
    position: relative;
    margin-left: 10px;
    top: 4px;
}

.inner_shop_profes_news .profes_content .bracket_info {
    float: left;
    width: 300px;
    margin-left: 23px;
}

.inner_shop_profes_news .profes_content .bracket_info .script {
    background-color: rgba(30, 35, 32, 0.7);
    border: 1px solid rgba(30, 35, 32, 0.7);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 52px;
    padding-left: 68px;
    padding-top: 20px;
}

.inner_shop_profes_news .profes_content .bracket_info .script span.top {
    display: inline-block;
    position: relative;
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 18px;
    line-height: 18px;
}

.inner_shop_profes_news .profes_content .bracket_info .script span.top:before {
    content: "";
    display: inline-block;
    position: absolute;
    right: 90px;
    top: -8px;
    width: 49px;
    height: 49px;
    background: url(../img/inner_shop_profes_news_logo_18.png) center no-repeat;
}

.inner_shop_profes_news .profes_content .bracket_info .script span.bottom {
    display: inline-block;
    position: relative;
    bottom: 5px;
    color: #84a592;
    font-family: "pt_sans_regular", sans-serif;
    font-size: 14px;
    line-height: 14px;
}

.inner_shop_profes_news .profes_content .bracket_info .script span.bottom:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 190px;
    top: -3px;
    width: 14px;
    height: 9px;
    background: url(../img/inner_shop_profes_news_logo_19.png) center no-repeat;
}

.inner_shop_profes_news .profes_content .bracket_info .my_bascket {
    background-color: rgba(35, 32, 21, 0.7);
    border: 1px solid rgba(35, 32, 21, 0.7);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 52px;
    padding-left: 68px;
    padding-top: 20px;
    margin-top: 20px;
}

.inner_shop_profes_news .profes_content .bracket_info .my_bascket span.top {
    display: inline-block;
    position: relative;
    color: #fff;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 18px;
    line-height: 18px;
}

.inner_shop_profes_news .profes_content .bracket_info .my_bascket span.top:before {
    content: "";
    display: inline-block;
    position: absolute;
    right: 120px;
    top: -2px;
    width: 40px;
    height: 39px;
    background: url(../img/inner_shop_profes_news_logo_21.png) center no-repeat;
}

.inner_shop_profes_news .profes_content .bracket_info .my_bascket span.bottom {
    display: inline-block;
    position: relative;
    bottom: 5px;
    color: #ffd554;
    font-family: "pt_sans_regular", sans-serif;
    font-size: 14px;
    line-height: 14px;
}

.inner_shop_profes_news .profes_content .bracket_info .my_bascket span.bottom:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 190px;
    top: -13px;
    width: 17px;
    height: 26px;
    background: url(../img/inner_shop_profes_news_logo_20.png) center no-repeat;
}

.inner_shop_profes_news .profes_content .bracket_info .profes_bascket {
    background-color: rgba(24, 21, 9, 0.7);
    padding-left: 70px;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.inner_shop_profes_news .profes_content .bracket_info .profes_bascket span.about_goods {
    display: inline-block;
    position: relative;
    color: #ffeeb8;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 14px;
    line-height: 14px;
}

.inner_shop_profes_news .profes_content .bracket_info .profes_bascket span.goods_number {
    display: inline-block;
    position: relative;
    margin-left: 55px;
    bottom: 3px;
}

.inner_shop_profes_news .profes_content .bracket_info .profes_bascket span.about_goods:before {
    content: "";
    display: inline-block;
    position: absolute;
    right: 120px;
    top: -7px;
    width: 40px;
    height: 40px;
    background: url(../img/inner_shop_profes_news_logo_22.png) center no-repeat;
}

.inner_shop_profes_news .profes_content .bracket_info .profes_bascket span.goods_number:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 35px;
    top: 2px;
    width: 16px;
    height: 16px;
    background: url(../img/inner_shop_profes_news_logo_23.png) center no-repeat;
}

.inner_shop_profes_news .profes_content .bracket_info .profes_bascket span.goods_number_1:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 35px;
    top: 2px;
    width: 16px;
    height: 16px;
    background: url(../img/inner_shop_profes_news_logo_24.png) center no-repeat;
}

.inner_shop_profes_news .profes_content .bracket_info .profes_bascket_footer {
    background-color: rgba(35, 32, 21, 0.6);
    padding-top: 10px;
    padding-bottom: 10px;
}

.inner_shop_profes_news .profes_content .bracket_info .profes_bascket_footer span.basket_button {
    display: inline-block;
    margin-left: 34px;
    color: #ffd554;
    font-family: "pt-sans-bold", sans-serif;
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
    border: 1px solid #ffd554;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 230px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

.inner_shop_profes_news .profes_content .bracket_info .profes_bascket_footer span.basket_button:hover {
    background-color: #000;
}

@media only screen and (min-width: 35em) {
    header .main_nav .navbar li {
        margin-right: 0;
        padding-left: 6px;
        padding-right: 6px;
    }

    header .header_logo img {
        top: 170px;
        left: 370px;
    }

    .greeting_main {
        margin-bottom: -140px;
        margin-top: -3px;
        padding-bottom: 0;
    }

    .greeting_main .container {
        position: relative;
    }

    .greeting_main h2 {
        font-size: 38px;
        line-height: 38px;
        margin-bottom: 12px;
        padding-top: 0;
        margin-bottom: 0;
        position: absolute;
        left: 180px;
        top: 10px;
    }

    .greeting_main ul {
        position: absolute;
        top: 60px;
    }

    footer .content_2 {
        margin-left: 54px;
    }

    footer .content_3 {
        margin-left: 34px;
    }

    .inner_greeting container {
        max-width: 1240px;
    }

    .form_inner_greeting {
        margin-left: 0;
    }

    .inner_about .content_2 {
        margin-left: -105px;
        margin-top: 6px;
    }

    .inner_about .news_container {
        display: block;
    }

    form .about_select_img {
        padding-top: 6px;
        padding-bottom: 7px;
        padding-right: 16px;
        right: 7px;
        top: -111px;
    }

    .inner_greeting .form_inner_greeting {
        margin-left: -100px;
        max-width: 1240px;
    }

    .inner_greeting {
        margin-bottom: -200px;
    }

    .inner_greeting h2 {
        font-size: 40px;
        margin-top: 0;
    }

    .greeting_inner_registration {
        padding-bottom: 20px;
    }

    .greeting_inner_autorization {
        position: relative;
    }

    .greeting_inner_autorization .container {
        position: relative;
    }

    .greeting_inner_autorization .container h2 {
        position: absolute;
        top: 40px;
        left: 80px;
    }

    .greeting_inner_autorization .container .form_inner_greeting {
        position: absolute;
        top: 150px;
        left: 5px;
    }

    .greeting_main {
        margin-bottom: -90px;
    }

    .greeting_inner_autorization_2 {
        margin-top: -13px;
        margin-bottom: 0;
    }

    .news_inner_autorization {
        position: relative;
        bottom: 100px;
    }

    .inner_autorization_footer {
        margin-top: -160px;
    }

    .greeting_inner_aboout .form_inner_greeting {
        position: absolute;
        top: 110px;
        left: 5px;
    }

    .inner_main_info .main_nav .lang_nav {
        margin-left: 0;
        margin-right: 11px;
    }

    .inner_main_info .main_nav .user_info li {
        bottom: 9px;
        margin-right: 10px;
    }

    .inner_main_info .main_nav .user_info li.gold {
        margin-left: 440px;
    }

    .inner_main_info .main_nav .user_info li.silver {
        margin-left: 22px;
    }

    .inner_main_info .main_nav .user_info li.user_name {
        margin-left: 2px;
    }

    .inner_main_info_greeting {
        min-height: 267px;
        margin-top: 0;
        padding-bottom: 11px;
    }

    .inner_main_info_greeting ul {
        top: 0;
    }

    .inner_main_info_news ul.acount li {
        font-size: 20px;
        line-height: 18px;
    }

    .inner_main_info_news ul.acount li.acount_1 {
        margin-right: 27px;
        margin-left: 5px;
    }

    .inner_main_info_news ul.acount li.acount_3 {
        margin-left: 120px;
    }

    .inner_main_info_news ul.info li {
        margin-left: -20px;
        margin-right: -40px;
    }

    .inner_main_info_news ul.info li.info_1 {
        padding: 0 50px;
    }

    .inner_main_info_news ul.info li.info_1:after {
        right: 0;
    }

    .inner_main_info_news ul.info li.info_2 {
        width: 275px;
    }

    .inner_main_info_news ul.info li.info_2:after {
        right: -1px;
    }

    .inner_main_info_news ul.info li.info_3 {
        width: 275px;
    }

    .inner_main_info_news ul.info li.info_3:after {
        right: -1px;
    }

    .inner_main_info_news ul.info li.info_4 {
        width: 275px;
    }

    .inner_main_info_news ul.info li.info_4:after {
        display: none;
    }

    .inner_main_info_news ul.dop {
        padding-top: 22px;
    }

    .inner_main_info_news ul.dop li {
        margin-left: 42px;
    }

    .inner_main_info_news ul.dop li.dop_1 {
        margin-left: 50px;
    }

    .inner_main_info_news ul.dop li.dop_2 {
        margin-left: 50px;
    }

    .inner_main_info_news ul.dop li.dop_3 {
        margin-left: 33px;
    }

    .inner_main_info_news .background_line_3 {
        background-color: #222826;
        height: 1px;
        position: relative;
        top: 40px;
    }

    .inner_main_info_news ul.shop li {
        margin-right: -46px;
        margin-left: -25px;
    }

    .inner_main_info_news a.more_news {
        margin-top: -35px;
    }

    .inner_main_info_news h3.character {
        color: #83a592;
        margin-top: 38px;
        margin-bottom: 28px;
    }

    .inner_main_info_news ul.character li {
        display: inline-block;
        width: 403px;
        height: 205px;
        color: #fff;
        font-family: "pt-sans-bold", sans-serif;
        font-size: 42px;
        line-height: 32px;
        margin-right: -80px;
        margin-left: -25px;
    }

    .inner_main_info_news ul.character li .content {
        margin-left: 170px;
        margin-top: -4px;
    }

    .inner_main_info_news ul.character li .content h5 {
        color: #fff;
        font-family: "pt-sans-bold", sans-serif;
        font-size: 24px;
        line-height: 18px;
        margin-top: 30px;
        margin-bottom: 8px;
    }

    .inner_main_info_news ul.character li .content ul.fraction {
        position: relative;
    }

    .inner_main_info_news ul.character li .content ul.fraction li {
        width: 100%;
        display: inline-block;
        color: #ffd554;
        font-family: "pt_sans_regular", sans-serif;
        font-size: 14px;
        line-height: 18px;
        max-width: 60px;
        max-height: 40px;
        position: relative;
    }

    .inner_main_info_news ul.character li .content ul.fraction li span.horde {
        color: #ff6666;
        font-family: "pt-sans-bold", sans-serif;
        font-size: 18px;
        line-height: 20px;
    }

    .inner_main_info_news ul.character li .content ul.fraction li .horde.alliance {
        color: #87bfff;
    }

    .inner_main_info_news ul.character li .content ul.fraction li.fraction_1 {
        position: relative;
        margin-left: -5px;
    }

    .inner_main_info_news ul.character li .content ul.fraction li.fraction_2 {
        top: 4px;
        margin-left: 160px;
        text-align: center;
        max-width: 30px;
    }

    .inner_main_info_news ul.character li .content ul.fraction li.fraction_3 {
        top: 4px;
        margin-left: 6px;
        text-align: center;
        max-width: 30px;
    }

    .inner_main_info_news ul.character li .content ul.fraction li.fraction_4 {
        top: 1px;
        margin-left: 5px;
        max-width: 30px;
    }

    .inner_main_info_news ul.character li .content ul.fraction li.fraction_4 span {
        color: #fff;
        font-family: "pt-sans-bold", sans-serif;
        font-size: 18px;
        line-height: 20px;
    }

    .inner_main_info_news ul.character li.character_1 {
        background: url(../img/inner_main_info_character_1.png) center no-repeat;
    }

    .inner_main_info_news ul.character li.character_2 {
        background: url(../img/inner_main_info_character_2.png) center no-repeat;
        margin-left: 10px;
    }

    .inner_main_info_news ul.character li.character_3 {
        background: url(../img/inner_main_info_character_3.png) center no-repeat;
        margin-left: 10px;
    }

    .inner_realm_news {
        margin-bottom: -86px;
    }

    .inner_realm_news .info {
        margin-left: -50px;
        margin-right: -120px;
    }

    .inner_realm_news .info .content {
        width: 190px;
    }

    .inner_realm_news .info_2 {
        margin-left: 18px;
    }

    .inner_realm_news .info_2 content {
        width: 190px;
    }

    .inner_stat_news ul.statictics li {
        margin-right: -27px;
        margin-left: -15px;
    }

    .inner_voting_news ul.about_voting {
        margin-top: 53px;
    }

    .inner_voting_news ul.about_voting li {
        margin-left: 18px;
        margin-right: -25px;
    }

    .inner_voting_news ul.inner_voting_content li {
        margin-right: 5px;
        margin-left: -20px;
        margin-right: -24px;
    }

    .inner_stat_pvp_news {
        margin-bottom: 52px;
    }

    .inner_stat_pvp_news table tr {
        background-color: rgba(28, 33, 29, 0.7);
    }

    .inner_stat_pvp_news table tr th.column_1 {
        width: 105px;
    }

    .inner_stat_pvp_news table tr th.column_2 {
        width: 320px;
    }

    .inner_stat_pvp_news table tr th.column_3 {
        width: 178px;
    }

    .inner_stat_pvp_news table tr th.column_4 {
        width: 214px;
    }

    .inner_stat_pvp_news table tr th.column_5 {
        width: 178px;
    }

    .inner_stat_pvp_news table tr th.column_6 {
        width: 225px;
    }

    .inner_stat_pvp_news table tr span {
        display: inline-block;
        padding: 15px;
        position: relative;
    }

    .inner_stat_pvp_news table tr span.yellow {
        color: #feeeb3;
    }

    .background_line {
        top: 260px;
    }

    .inner_shop_news ul.inner_shop {
        position: relative;
        margin-right: -120px;
        margin-left: -108px;
        margin-top: 0;
    }

    .inner_shop_news ul.inner_shop li div {
        width: 170px;
    }

    .inner_shop_cat_news {
        margin-bottom: 55px;
    }

    .inner_shop_cat_news ul.subcategory {
        margin-bottom: 15px;
    }

    .inner_shop_cat_news ul.subcategory li {
        display: inline-block;
        text-align: center;
        color: #fff;
        font-family: "pt-sans-bold", sans-serif;
        font-size: 36px;
        line-height: 32px;
        background: url(../img/inner_shop_cat_logo_1.png) center no-repeat;
        width: 295px;
        height: 305px;
        margin-left: -65px;
    }

    .inner_shop_cat_news ul.subcategory li.content_first {
        margin-left: -20px;
    }

    .inner_shop_cat_news ul.subcategory li.content_2 {
        margin-left: -65px;
    }

    .inner_shop_cat_news ul.subcategory li.content_first.content_2 {
        margin-left: -20px;
    }

    .inner_shop_item_news {
        margin-bottom: 40px;
    }

    .inner_shop_item_news form.item_search ul.head li {
        margin-left: 17px;
        margin-right: -17px;
        margin-left: -3px;
    }

    .inner_shop_item_news form.item_search .content .content_1 {
        margin-right: -220px;
    }

    .inner_shop_item_news form.item_search .content .content_2 {
        position: relative;
        left: 60px;
    }

    .inner_shop_item_news .inner_shop_item_main_content {
        margin-top: -40px;
        margin-bottom: 0;
    }

    .inner_shop_item_news .inner_shop_item_main_content .inner_shop_item_main_content_1 {
        margin-left: -84px;
    }

    .inner_shop_item_news .inner_shop_item_main_content .inner_shop_item_main_content_2 {
        margin-left: -140px;
    }

    .inner_shop_item_news .inner_shop_item_main_content .inner_shop_item_main_content_2 .basket {
        top: 78px;
        left: 30px;
    }

    .inner_shop_pers_news ul.pers_form {
        border: 0 solid transparent;
    }

    .inner_shop_pers_news ul.pers_form_inner {
        display: inline-block;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 16px;
        border: 0 solid transparent;
    }

    .inner_shop_pers_news ul.pers_form_inner li {
        border: 0 solid transparent;
    }

    .inner_shop_pers_news ul.pers_shop_main_content {
        margin-top: 36px;
        margin-bottom: 13px;
        position: relative;
        left: 12px;
    }

    .inner_shop_pers_news ul.pers_shop_main_content li {
        display: inline-block;
        margin-right: -30px;
        margin-left: -25px;
        margin-bottom: -21px;
        margin-top: -72px;
    }

    .inner_shop_pers_news ul.pers_shop_main_content li .head {
        width: 300px;
        height: 270px;
        background: url(../img/pers_shop_main_content_logo_1.png) center no-repeat;
    }

    .inner_shop_pers_news ul.pers_shop_main_content li .head p {
        color: #fff;
        font-family: "pt-sans-bold", sans-serif;
        font-size: 14px;
        line-height: 18px;
        text-align: right;
        padding-right: 10px;
        padding-top: 6px;
    }

    .inner_shop_pers_news ul.pers_shop_main_content li .head p span {
        color: #c3fe45;
        font-family: "pt-sans-bold", sans-serif;
        font-size: 14px;
        line-height: 18px;
    }

    .inner_shop_pers_news ul.pers_shop_main_content li .time {
        color: #fff;
        font-family: "pt_sans_regular", sans-serif;
        font-size: 16px;
        line-height: 32px;
        background-color: rgba(41, 48, 44, 0.8);
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 18px;
    }

    .inner_shop_pers_news ul.pers_shop_main_content li .time span {
        display: inline-block;
        color: #fff;
        font-family: "pt-sans-bold", sans-serif;
        font-size: 16px;
        line-height: 18px;
        margin-left: 43px;
    }

    .inner_shop_pers_news ul.pers_shop_main_content li .footer {
        background-color: rgba(26, 28, 27, 0.8);
    }

    .inner_shop_pers_news ul.pers_shop_main_content li .footer p.footer_1 {
        color: #fff;
        font-family: "pt-sans-bold", sans-serif;
        font-size: 24px;
        line-height: 24px;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 68px;
        padding-top: 20px;
        padding-bottom: 10px;
        position: relative;
    }

    .inner_shop_pers_news ul.pers_shop_main_content li .footer p.footer_1 span {
        display: inline-block;
        color: #83c7eb;
        font-family: "pt_sans_regular", sans-serif;
        font-size: 14px;
        line-height: 14px;
        position: relative;
        bottom: 5px;
    }

    .inner_shop_pers_news ul.pers_shop_main_content li .footer p.footer_1 span:before {
        content: "";
        display: inline-block;
        position: absolute;
        right: 56px;
        bottom: -4px;
        width: 40px;
        height: 51px;
        background: url(../img/pers_shop_main_content_logo_4.png) center no-repeat;
    }

    .inner_shop_pers_news ul.pers_shop_main_content li .footer p.footer_1:after {
        content: "";
        display: inline-block;
        position: absolute;
        left: 262px;
        bottom: 28px;
        width: 17px;
        height: 26px;
        background: url(../img/pers_shop_main_content_logo_3.png) center no-repeat;
    }

    .inner_shop_pers_news ul.pers_shop_main_content li .footer hr {
        border: 1px solid rgba(41, 48, 44, 0.8);
        width: 85%;
        margin: 0 auto;
    }

    .inner_shop_pers_news ul.pers_shop_main_content li .footer p.footer_2 {
        color: #fff;
        font-family: "pt-sans-bold", sans-serif;
        font-size: 30px;
        line-height: 36px;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 20px;
        padding-left: 22px;
        padding-bottom: 20px;
    }

    .inner_shop_pers_news ul.pers_shop_main_content li .footer p.footer_2 span.buy {
        display: inline-block;
        cursor: pointer;
        text-align: center;
        text-transform: uppercase;
        color: #000000;
        font-family: "pt-sans-bold", sans-serif;
        font-size: 18px;
        line-height: 36px;
        background-color: #ffd554;
        border: 1px solid #ffd554;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: 0.6s;
        transition: 0.6s;
        width: 140px;
        margin-left: 24px;
    }

    .inner_shop_pers_news ul.pers_shop_main_content li .footer p.footer_2 span.buy:hover {
        background-color: #000;
        color: #ffd554;
    }

    .inner_shop_pers_news ul.pers_shop_main_content li .footer p.footer_2 img {
        border: 0 solid transparent;
        position: relative;
        top: 2px;
    }

    .inner_shop_pers_news ul.pers_shop_main_content .pers_shop_main_content_1 {
        width: 300px;
    }

    .inner_shop_pers_news ul.pers_shop_main_content li.pers_shop_main_content_2 .head {
        background: url(../img/pers_shop_main_content_logo_2.png) center no-repeat;
    }

    .inner_shop_pers_news ul.pers_shop_main_content li.pers_shop_main_content_2 .footer p.footer_1 span {
        color: #a97663;
    }

    .inner_shop_pers_news ul.pers_shop_main_content li.pers_shop_main_content_2 .footer p.footer_1 span:before {
        content: "";
        display: inline-block;
        position: absolute;
        right: 56px;
        bottom: -4px;
        width: 40px;
        height: 51px;
        background: url(../img/pers_shop_main_content_logo_5.png) center no-repeat;
    }

    .inner_shop_pers_news ul.pers_shop_main_content li.pers_shop_main_content_last {
        margin-right: 0;
    }

    .inner_shop_profes_news ul.acount li a {
        font-size: 20px;
    }

    .inner_shop_profes_news ul.acount li.acount_1:after {
        content: "";
        display: inline-block;
        position: absolute;
        background: url(../img/inner_main_info_acount_1.png) center no-repeat;
        height: 9px;
        width: 13px;
        left: 180px;
        top: 6px;
    }

    .inner_shop_profes_news ul.acount li.pvp:after {
        content: "";
        display: inline-block;
        position: absolute;
        background: url(../img/inner_main_info_acount_1.png) center no-repeat;
        height: 9px;
        width: 13px;
        left: 90px;
        top: 6px;
    }

    .inner_shop_profes_news .profes_content {
        margin-top: -110px;
    }

    .inner_shop_profes_news .profes_content .profes_form {
        margin-left: -80px;
        margin-right: -135px;
    }

    .inner_shop_profes_news .profes_content .bracket_info {
        position: relative;
        top: 77px;
        left: 25px;
    }

    .realm_footer {
        position: absolute;
        bottom: 0;
        left: 0;
        margin-left: 0;
    }
}

/* ===== Улучшенные стили для страницы статистики ===== */

/* Основная таблица статистики */
.content_1 .table {
    background: rgba(37, 43, 40, 0.7);
    border-radius: 8px;
    padding: 20px;
    margin-top: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.content_1 .table h2 {
    color: var(--color-primary);
    font-family: var(--font-heading);
    font-size: 32px;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

/* Блок с общей статистикой */
.stats-summary {
    background: rgba(56, 67, 65, 0.3);
    border-left: 4px solid var(--color-primary);
    border-radius: 6px;
    padding: 20px 25px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.stats-summary p {
    font-family: var(--font-bold);
    font-size: 16px;
    line-height: 28px;
    color: #ffeeb7;
    margin-bottom: 10px;
    padding-left: 25px;
    position: relative;
}

.stats-summary p:last-child {
    margin-bottom: 0;
}

.stats-summary p::before {
    content: "▸";
    position: absolute;
    left: 5px;
    color: var(--color-primary);
    font-size: 18px;
}

/* Бейджи статуса сервера */
.status-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 12px;
    font-family: var(--font-bold);
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.status-online {
    background: #3d9a52;
    color: #ffffff;
}

.status-offline {
    background: #9a3d3d;
    color: #ffffff;
}

.spoiler {
    width: 100%;
    border-collapse: separate;
    margin-top: 20px;
}

/* Заголовки таблицы */
tr:first-child th,
table tr:first-child th {
    background: #384341;
    color: var(--color-primary);
    font-family: var(--font-bold);
    font-size: 15px;
    padding: 15px 12px;
    border-top: 2px solid var(--color-primary);
    letter-spacing: 0.5px;
    position: relative;
}

tr:first-child th:not(:last-child)::after,
table tr:first-child th:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 2px;
    bottom: 0;
    width: 1px;
    background: rgba(255, 255, 255, 0.1);
}

tr:first-child th:first-child {
    border-top-left-radius: 6px;
}

tr:first-child th:last-child {
    border-top-right-radius: 6px;
}

.spoiler tr:not(:first-child):not(.spoiler-content) {
    background: rgba(56, 67, 65, 0.4);
    transition: all 0.3s ease;
}

.spoiler tr:not(:first-child):not(.spoiler-content):hover {
    background: rgba(56, 67, 65, 0.7);
}

.spoiler tr:not(:first-child):not(.spoiler-content) td:last-child,
.spoiler-content table tr:not(:first-child) td:last-child {
    border-right: none;
}

.spoiler tr:last-of-type:not(.spoiler-content) td,
.spoiler-content table tr:last-child td {
    border-bottom: none;
}

.spoiler-content table tr:not(:first-child) td img {
    vertical-align: middle;
    margin: 0 5px;
}

/* Ссылки-кнопки для раскрытия спойлера */
.spoiler-button {
    color: var(--color-primary);
    font-family: var(--font-bold);
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
    position: relative;
    padding: 5px 10px;
}

.spoiler-button:hover {
    color: var(--color-primary-light);
}

.spoiler-button::after {
    content: "▼";
    margin-left: 8px;
    font-size: 12px;
    display: inline-block;
    transition: transform 0.3s ease;
}

.spoiler-button.active::after {
    transform: rotate(180deg);
}

/* Контент спойлера */
.spoiler-content {
    display: none;
    background: rgba(26, 31, 29, 0.8);
}

.spoiler-content.show {
    display: table-row;
    animation: slideDown 0.4s ease;
}

@keyframes slideDown {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.spoiler-content td {
    padding: 20px;
    text-align: center;
}

/* Внутренняя таблица спойлера */
.spoiler-content table {
    width: auto;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0;
    background: rgba(56, 67, 65, 0.3);
    border-radius: 6px;
    overflow: hidden;
}

.pager {
    clear: both;
}

.content form input[type="checkbox"] {
    width: inherit;
}

.custom-title {
    height: 100px !important;
}

.center-form form {
    margin: 10px auto;
    width: 300px;
}

.pad {
    padding: 10px;
}

a {
    color: #ffd554;
}

#sign-in-form {
    min-width: 1095px;
}

input {
    outline: none;
}

.streams {
    width: 100%;
    margin: -30px 0 0px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.streams .items {
    text-align: center;
}

.stream-view {
    display: inline-block;
    position: relative;
    margin: 10px;
}

.stream-view img {
    margin: 0 0 14px 0;
}

.verticalLine {
    border-right: thin solid black;
}

/*================== 404 Error Page =====================*/
.inner_about .error404-content {
    text-align: center;
}

.error404-code {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 30px;
}

.error404-code .number {
    font-family: var(--font-heading);
    font-size: 120px;
    font-weight: bold;
    color: var(--color-primary);
    text-shadow: 0 0 30px rgba(255, 213, 84, 0.5);
    line-height: 1;
}

.error404-code .panda-icon {
    width: 100px;
    height: 100px;
    animation: float 3s ease-in-out infinite;
}

@keyframes float {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px);
    }
}

.inner_about .error404-content h2 {
    margin: 0 0 15px 0;
}

.error404-subtitle {
    font-family: var(--font-bold);
    font-size: 18px;
    color: var(--color-white);
    margin: 0 0 40px 0;
    opacity: 0.8;
}

.error404-links {
    display: flex;
    gap: 15px;
    justify-content: center;
    margin-bottom: 50px;
    flex-wrap: wrap;
}

.error404-links .btn-primary,
.error404-links .btn-secondary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 30px;
    font-family: var(--font-heading);
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.error404-links .btn-primary {
    background: var(--color-primary);
    color: #1a1a1a;
    border: 2px solid var(--color-primary);
}

.error404-links .btn-primary:hover {
    background: transparent;
    color: var(--color-primary);
    transform: translateY(-2px);
}

.error404-links .btn-secondary {
    background: transparent;
    color: var(--color-primary);
    border: 2px solid var(--color-primary);
}

.error404-links .btn-secondary:hover {
    background: rgba(255, 213, 84, 0.1);
    transform: translateY(-2px);
}

.error404-suggestions {
    padding-top: 30px;
    border-top: 1px solid rgba(255, 213, 84, 0.2);
}

.error404-suggestions h3 {
    font-family: var(--font-heading);
    font-size: 20px;
    color: var(--color-primary);
    margin: 0 0 20px 0;
    text-transform: uppercase;
}

.error404-suggestions ul {
    list-style: none;
    padding: 0;
    margin: 0 !important;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.error404-suggestions li {
    display: inline-block;
}

.error404-suggestions a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    background: rgba(42, 42, 42, 0.6);
    border: 1px solid rgba(255, 213, 84, 0.2);
    border-radius: 6px;
    color: #ffffff !important;
    text-decoration: none;
    font-family: var(--font-bold);
    font-size: 14px;
}

.error404-suggestions a:hover {
    background: rgba(42, 42, 42, 0.8);
    border-color: var(--color-primary);
    color: #ffffff !important;
}

.error404-suggestions a i {
    font-size: 16px;
}

@media (max-width: 768px) {
    .error404-code .number {
        font-size: 80px;
    }

    .error404-code .panda-icon {
        width: 70px;
        height: 70px;
    }

    .inner_about .error404-content h2 {
        font-size: 28px;
    }

    .error404-subtitle {
        font-size: 16px;
    }

    .error404-links {
        flex-direction: column;
        align-items: stretch;
    }

    .error404-suggestions ul {
        flex-direction: column;
        align-items: stretch;
    }
}

/* Общий компонент для блоков контента */
.content-box {
    background: rgba(37, 43, 40, 0.7);
    border-radius: 12px;
    padding: 40px;
    margin: 20px 0;
    line-height: 1.8;
}

.content-box h2 {
    color: var(--color-primary);
    font-family: var(--font-heading);
    font-size: 28px;
    text-align: center;
}

.content-box h2:first-child {
    margin-top: 0;
}

/* Заголовки-разделы (например "1. Термины и определения") */
.content-box > b {
    color: var(--color-primary);
    font-family: var(--font-bold);
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 18px;
}

/* Обычный <b> внутри текста и списков */
.content-box li b,
.content-box p b {
    color: var(--color-primary);
    font-family: var(--font-bold);
}

.content-box ul {
    margin: 15px 0;
    padding-left: 30px;
}

.content-box li {
    margin: 8px 0;
    position: relative;
}

.content-box li::marker {
    color: var(--color-primary);
}

.content-box a {
    color: var(--color-primary);
    text-decoration: none;
    transition: all 0.3s ease;
}

.content-box a:hover {
    border-bottom-color: var(--color-primary);
    filter: brightness(1.2);
}

@media screen and (max-width: 768px) {
    .content-box {
        padding: 25px 20px;
        margin: 15px 0;
        border-radius: 8px;
    }

    .content-box h2 {
        font-size: 22px;
    }
}