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

@font-face {
    font-family: 'Lato';
    src: url('/assets/template/fonts/Lato/Lato-LightItalic.eot');
    src: local('Lato Light Italic'), local('Lato-LightItalic'), url('/assets/template/fonts/Lato/Lato-LightItalic.eot?#iefix') format('embedded-opentype'), url('/assets/template/fonts/Lato/Lato-LightItalic.woff2') format('woff2'), url('/assets/template/fonts/Lato/Lato-LightItalic.woff') format('woff'), url('/assets/template/fonts/Lato/Lato-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Lato';
    src: url('/assets/template/fonts/Lato/Lato-Black.eot');
    src: local('Lato Black'), local('Lato-Black'), url('/assets/template/fonts/Lato/Lato-Black.eot?#iefix') format('embedded-opentype'), url('/assets/template/fonts/Lato/Lato-Black.woff2') format('woff2'), url('/assets/template/fonts/Lato/Lato-Black.woff') format('woff'), url('/assets/template/fonts/Lato/Lato-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Lato';
    src: url('/assets/template/fonts/Lato/Lato-HeavyItalic.eot');
    src: local('Lato Heavy Italic'), local('Lato-HeavyItalic'), url('/assets/template/fonts/Lato/Lato-HeavyItalic.eot?#iefix') format('embedded-opentype'), url('/assets/template/fonts/Lato/Lato-HeavyItalic.woff2') format('woff2'), url('/assets/template/fonts/Lato/Lato-HeavyItalic.woff') format('woff'), url('/assets/template/fonts/Lato/Lato-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Lato Hairline';
    src: url('/assets/template/fonts/Lato/Lato-Hairline.eot');
    src: local('Lato Hairline'), local('Lato-Hairline'), url('/assets/template/fonts/Lato/Lato-Hairline.eot?#iefix') format('embedded-opentype'), url('/assets/template/fonts/Lato/Lato-Hairline.woff2') format('woff2'), url('/assets/template/fonts/Lato/Lato-Hairline.woff') format('woff'), url('/assets/template/fonts/Lato/Lato-Hairline.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Lato';
    src: url('/assets/template/fonts/Lato/Lato-Semibold.eot');
    src: local('Lato Semibold'), local('Lato-Semibold'), url('/assets/template/fonts/Lato/Lato-Semibold.eot?#iefix') format('embedded-opentype'), url('/assets/template/fonts/Lato/Lato-Semibold.woff2') format('woff2'), url('/assets/template/fonts/Lato/Lato-Semibold.woff') format('woff'), url('/assets/template/fonts/Lato/Lato-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Lato';
    src: url('/assets/template/fonts/Lato/Lato-Heavy.eot');
    src: local('Lato Heavy'), local('Lato-Heavy'), url('/assets/template/fonts/Lato/Lato-Heavy.eot?#iefix') format('embedded-opentype'), url('/assets/template/fonts/Lato/Lato-Heavy.woff2') format('woff2'), url('/assets/template/fonts/Lato/Lato-Heavy.woff') format('woff'), url('/assets/template/fonts/Lato/Lato-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Lato';
    src: url('/assets/template/fonts/Lato/Lato-MediumItalic.eot');
    src: local('Lato Medium Italic'), local('Lato-MediumItalic'), url('/assets/template/fonts/Lato/Lato-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/assets/template/fonts/Lato/Lato-MediumItalic.woff2') format('woff2'), url('/assets/template/fonts/Lato/Lato-MediumItalic.woff') format('woff'), url('/assets/template/fonts/Lato/Lato-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Lato';
    src: url('/assets/template/fonts/Lato/Lato-Light.eot');
    src: local('Lato Light'), local('Lato-Light'), url('/assets/template/fonts/Lato/Lato-Light.eot?#iefix') format('embedded-opentype'), url('/assets/template/fonts/Lato/Lato-Light.woff2') format('woff2'), url('/assets/template/fonts/Lato/Lato-Light.woff') format('woff'), url('/assets/template/fonts/Lato/Lato-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Lato';
    src: url('/assets/template/fonts/Lato/Lato-Bold.eot');
    src: local('Lato Bold'), local('Lato-Bold'), url('/assets/template/fonts/Lato/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('/assets/template/fonts/Lato/Lato-Bold.woff2') format('woff2'), url('/assets/template/fonts/Lato/Lato-Bold.woff') format('woff'), url('/assets/template/fonts/Lato/Lato-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Lato';
    src: url('/assets/template/fonts/Lato/Lato-BoldItalic.eot');
    src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('/assets/template/fonts/Lato/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/assets/template/fonts/Lato/Lato-BoldItalic.woff2') format('woff2'), url('/assets/template/fonts/Lato/Lato-BoldItalic.woff') format('woff'), url('/assets/template/fonts/Lato/Lato-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Lato';
    src: url('/assets/template/fonts/Lato/Lato-Regular.eot');
    src: local('Lato Regular'), local('Lato-Regular'), url('/assets/template/fonts/Lato/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('/assets/template/fonts/Lato/Lato-Regular.woff2') format('woff2'), url('/assets/template/fonts/Lato/Lato-Regular.woff') format('woff'), url('/assets/template/fonts/Lato/Lato-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Lato Hairline';
    src: url('/assets/template/fonts/Lato/Lato-HairlineItalic.eot');
    src: local('Lato Hairline Italic'), local('Lato-HairlineItalic'), url('/assets/template/fonts/Lato/Lato-HairlineItalic.eot?#iefix') format('embedded-opentype'), url('/assets/template/fonts/Lato/Lato-HairlineItalic.woff2') format('woff2'), url('/assets/template/fonts/Lato/Lato-HairlineItalic.woff') format('woff'), url('/assets/template/fonts/Lato/Lato-HairlineItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Lato';
    src: url('/assets/template/fonts/Lato/Lato-SemiboldItalic.eot');
    src: local('Lato Semibold Italic'), local('Lato-SemiboldItalic'), url('/assets/template/fonts/Lato/Lato-SemiboldItalic.eot?#iefix') format('embedded-opentype'), url('/assets/template/fonts/Lato/Lato-SemiboldItalic.woff2') format('woff2'), url('/assets/template/fonts/Lato/Lato-SemiboldItalic.woff') format('woff'), url('/assets/template/fonts/Lato/Lato-SemiboldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Lato';
    src: url('/assets/template/fonts/Lato/Lato-BlackItalic.eot');
    src: local('Lato Black Italic'), local('Lato-BlackItalic'), url('/assets/template/fonts/Lato/Lato-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/assets/template/fonts/Lato/Lato-BlackItalic.woff2') format('woff2'), url('/assets/template/fonts/Lato/Lato-BlackItalic.woff') format('woff'), url('/assets/template/fonts/Lato/Lato-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Lato';
    src: url('/assets/template/fonts/Lato/Lato-Italic.eot');
    src: local('Lato Italic'), local('Lato-Italic'), url('/assets/template/fonts/Lato/Lato-Italic.eot?#iefix') format('embedded-opentype'), url('/assets/template/fonts/Lato/Lato-Italic.woff2') format('woff2'), url('/assets/template/fonts/Lato/Lato-Italic.woff') format('woff'), url('/assets/template/fonts/Lato/Lato-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Lato';
    src: url('/assets/template/fonts/Lato/Lato-ThinItalic.eot');
    src: local('Lato Thin Italic'), local('Lato-ThinItalic'), url('/assets/template/fonts/Lato/Lato-ThinItalic.eot?#iefix') format('embedded-opentype'), url('/assets/template/fonts/Lato/Lato-ThinItalic.woff2') format('woff2'), url('/assets/template/fonts/Lato/Lato-ThinItalic.woff') format('woff'), url('/assets/template/fonts/Lato/Lato-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Lato';
    src: url('/assets/template/fonts/Lato/Lato-Thin.eot');
    src: local('Lato Thin'), local('Lato-Thin'), url('/assets/template/fonts/Lato/Lato-Thin.eot?#iefix') format('embedded-opentype'), url('/assets/template/fonts/Lato/Lato-Thin.woff2') format('woff2'), url('/assets/template/fonts/Lato/Lato-Thin.woff') format('woff'), url('/assets/template/fonts/Lato/Lato-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Lato';
    src: url('/assets/template/fonts/Lato/Lato-Medium.eot');
    src: local('Lato Medium'), local('Lato-Medium'), url('/assets/template/fonts/Lato/Lato-Medium.eot?#iefix') format('embedded-opentype'), url('/assets/template/fonts/Lato/Lato-Medium.woff2') format('woff2'), url('/assets/template/fonts/Lato/Lato-Medium.woff') format('woff'), url('/assets/template/fonts/Lato/Lato-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'BluuNextCyrillic';
    src: url('/assets/template/fonts/BluuNext/Bluu-Next-Cyrillic.woff') format('woff'), url('/assets/template/fonts/BluuNext/Bluu-Next-Cyrillic.woff2') format('woff2'), url('/assets/template/fonts/BluuNext/Bluu-Next-Cyrillic.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    font-display: swap
}

a {
    text-decoration: none;
    outline: none
}

button,
input {
    outline: none
}

img {
    vertical-align: middle
}

h1 {
    font-family: 'BluuNextCyrillic';
    color: #f2c502;
    font-size: 40px;
    margin-bottom: 40px
}

h2 {
    font-family: 'BluuNextCyrillic';
    color: #f2c502;
    font-size: 32px;
    margin-bottom: 20px
}

h3 {
    font-family: 'BluuNextCyrillic';
    color: #f2c502;
    font-size: 28px;
    margin-bottom: 20px
}

html {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent
}

body {
    background-color: rgb(21, 16, 13);
    font-family: 'Lato';
    font-style: normal;
    font-size: 16px;
    overflow-x: hidden
}

.loader-body {
    opacity: 0;
    transition: all 250ms ease-out 0s;
    overflow-x: hidden
}

.loader-body.loaded {
    opacity: 1;
    transition: all 250ms ease-out 0s
}

.btn-gold {
    font-family: 'BluuNextCyrillic';
    display: inline-block;
    text-align: center;
    padding: 14px 40px 12px;
    background: linear-gradient(180deg, #fbc626 0, #ee9500 100%);
    text-shadow: 1px 1px #fbc626, -1px -1px #ee9500;
    --notchSize: 8px;
    clip-path: polygon(0% var(--notchSize), var(--notchSize) 0, calc(100% - var(--notchSize)) 0, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize)));
    border: none;
    font-weight: 500;
    font-size: 22px;
    cursor: pointer;
    color: #000;
    border: none !important
}

.btn-gold.mini {
    padding: 14px 20px 12px;
    font-size: 18px;
    color: #000;
}

.btn-gold:hover {
    filter: brightness(1.2)
}

.btn-v-1 {
    display: inline-block;
    font-weight: 700;
    color: #F9DF77;
    font-size: clamp(17px, 1.6vw, 22px);
    padding: 0.5em 1.5em 0.75em;
    text-align: center;
    background: url('../img/btn-v-1.webp') 50% 50% no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    will-change: filter;
    -webkit-user-select: none;
    -moz-user-select: none;
    border: none
}

.btn-bordered {
    display: inline-block;
    font-weight: 400;
    color: rgb(249, 223, 119);
    font-size: clamp(17px, 1.6vw, 22px);
    padding: 0.375em 1.5em 0.5em;
    text-align: center;
    background: url('../img/svg/btn-bordered.svg') 50% 50% no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    min-width: min(14.667em, 100%);
    will-change: filter;
    -webkit-user-select: none;
    -moz-user-select: none
}

.page-wrapper {
    position: relative;
    margin-inline: auto
}

.page-wrapper:not(.page-wrapper--fullwidth) {
    max-width: 1440px
}

.header-wrapper {
    background-color: rgb(21, 16, 13)
}

.header-mobile__closer {
    display: none
}

.header-main {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0.5em 1em;
    gap: clamp(0.75rem, 0.5vh, 2rem);
    background-color: rgb(21, 16, 13);
    ;
    animation: fadeIn 0.125s
}

.header-main__menu {
    display: flex;
    justify-content: stretch;
    align-items: flex-start;
    gap: 0.25rem;
    color: rgb(190, 190, 190);
    font-size: clamp(20px, 2vw, 40px)
}

.header-main__menu li {}

.header-main__menu a {
    display: block;
    text-align: center;
    padding: 0.5em 0.75em;
    background-image: linear-gradient(0deg, rgb(40 35 33 / 15%), rgb(61 51 48 / 15%));
    font-weight: 700
}

.header-main__menu a:not(.link-btn) {
    min-width: 6em
}

.header-main__menu a:not(.link-btn):hover {
    color: rgb(184, 158, 121);
    box-shadow: 0 0 2px 0 rgb(184, 158, 121);
    filter: brightness(1.125)
}

.header-main__menu .desc {
    line-height: 1;
    font-size: 0.5em;
    text-align: center;
    color: rgb(184, 158, 121);
    margin-top: 0.25em;
    text-transform: uppercase;
    background: linear-gradient(to top left, rgb(184, 158, 121), rgb(184, 158, 121 / 33%), rgb(184, 158, 121));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.header-main__menu a:not(.link-btn):active {
    box-shadow: 0 0 1px 1px rgb(184, 158, 121);
    filter: brightness(1.25)
}

.header-main__menu a.link-btn {
    padding-block: 0.25em;
    line-height: 0;
    background: transparent;
    will-change: filter
}

.header-main__menu a.link-btn img {
    width: 5em;
    min-width: 5em
}

.header-main__menu a.link-btn:hover {
    filter: brightness(1.2)
}

.header-main__menu a.link-btn:active {
    filter: brightness(1.4)
}

.header-main__socials {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: clamp(1em, 1.5vw, 2em)
}

.header-main__socials a {
    min-width: 1.5rem;
    line-height: 0;
    will-change: filter;
    filter: brightness(0.875)
}

.header-main__socials a:hover {
    filter: brightness(1.125)
}

.header-main__socials a:active {
    filter: brightness(1.375)
}

.header-main__lang .icon {
    will-change: box-shadow;
    width: clamp(2.5rem, 2.5vw, 3rem);
    height: clamp(2.5rem, 2.5vw, 3rem)
}

.icon {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.icon--round {
    border-radius: 6rem
}

.icon--large {
    width: 2.5rem;
    height: 2.5rem
}

.text-color-main {
    color: rgb(184, 158, 121)
}

.bg-cover {
    background-size: cover
}

.interact-bright:hover {
    filter: brightness(1.2)
}

.interact-bright:active {
    filter: brightness(1.4)
}

.interact-bright-low:hover {
    filter: brightness(1.125)
}

.interact-bright-low:active {
    filter: brightness(1.25)
}

.js-dropdown-wrapper {
    position: relative
}

.js-dropdown {
    position: absolute;
    left: 0;
    top: 100%
}

.js-dropdown-wrapper:not(.active) .js-dropdown {
    display: none
}

.header__langcurr-dropdown {
    left: -0.5rem;
    top: -0.5rem;
    padding: 0.5rem;
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    background-color: #00000080;
    box-shadow: 0 2px 8px rgb(0 0 0 / 7%);
    border-radius: 1rem;
    animation: fadeIn 0.25s
}

.header__langcurr-dropdown a {
    order: 0
}

.header-main__lang .icon,
.header__langcurr-dropdown .icon {
    will-change: box-shadow
}

.header-main__lang a:hover .icon,
.header__langcurr-dropdown a:hover .icon {
    box-shadow: 0 0 2px 1px rgb(184, 158, 121 / 100%);
    transition: 0.25s
}

.header-main__lang a:active .icon,
.header__langcurr-dropdown a:active .icon {
    box-shadow: 0 0 1px 0 rgb(184, 158, 121 / 100%);
    transition: 0.025s
}

.header-mobile {
    display: none
}

@media (max-width:992px) {
    .header-mobile {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding: clamp(1em, 2.5vw, 2em);
        box-shadow: 0 0 5px #00000080;
        background-color: rgb(21, 16, 13 / 88%);
        backdrop-filter: blur(5px)
    }
}

.mobile-menu__burger {
    line-height: 0
}

.header-mobile__closer {
    align-self: stretch;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: sticky;
    top: 1em
}

.header-wrapper {
    position: sticky;
    top: 0;
    z-index: 7;
    background-color: transparent
}

.header-main,
.header {}

.header-main-wrapper {
    position: fixed;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
    background-color: rgb(21, 16, 13)
}

.header-main-wrapper:not(.active) {
    display: none
}

.header-main {
    min-height: 100%;
    flex-direction: column;
    padding: 1em
}

.header-main__menu {
    flex-direction: column;
    width: 100%;
    font-size: clamp(24px, 8vw, 40px);
    margin-block: auto
}

.header-main__menu a.link-btn {
    margin-top: 0.25em
}

.header-main__menu li:first-of-type a.link-btn {
    margin-top: 0
}

.header-main__socials {
    order: 9;
    justify-content: space-around;
    width: 100%;
    margin-block: 1em
}

.header__langcurr-dropdown {
    flex-direction: column-reverse
}

.header-main__lang .icon {
    width: 3rem;
    height: 3rem
}

}

.img-title-1 {
    animation: bright-125 3s infinite;
    animation-delay: 2s
}

.section-divider {
    height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2
}

.section-divider:before {
    content: '';
    height: min(5vw, 66px);
    width: 100%;
    background-repeat: no-repeat;
    background-image: radial-gradient(#28211F 0, #28211F 35%, transparent 70%);
    background-size: 200% 100%;
    background-position: 50% 50%
}

.section-divider--large:before {
    height: min(10vw, 132px)
}

.section-5:not(.no-padding) {
    padding-block: calc(var(--section-v-padding) * 2/3)
}

.person-5-wrapper.obj-underlay {
    z-index: 2
}

.block-5-1 {
    margin-top: 40px
}

@media (max-width:1840px) {
    .person-5-wrapper.obj-underlay {
        z-index: 0;
        filter: brightness(0.65)
    }
}

@media (max-width:992px) {
    .block-5-1 {
        margin-top: 70px
    }
}

.block-6 {
    margin-bottom: calc(var(--pf-1)*3)
}

@media (max-width:1820px) {
    .block-6 {
        margin-bottom: calc(var(--pf-1)*12)
    }
}

@media (max-width:480px) {
    .block-6 {
        margin-bottom: calc(var(--pf-1)*8)
    }
}

.footer-wrapper {
    color: #d9d9d9;
    padding-top: var(--section-v-padding);
    font-weight: 700
}

.footer-wrapper a {
    border-bottom: 1px solid
}

.footer-main {
    gap: 3em;
    font-size: 24px;
    max-width: 1760px;
    margin-inline: auto;
    line-height: 1.5
}

.footer-bottom {
    font-size: 18px;
    color: #808080;
    padding-block: 2em
}

.footer-title {
    font-size: 32px
}

@media (max-width:1120px) {
    .footer-main {
        flex-direction: column;
        max-width: 440px;
        margin-inline: auto
    }
}

@media (max-width:360px) {
    .footer-main {
        font-size: 21px
    }
    .footer-title {
        font-size: 28px
    }
}

.pirate-overlay {
    position: fixed;
    z-index: 20;
    right: 0;
    bottom: 0;
    width: clamp(150px, 16%, 280px);
    cursor: pointer;
    animation: fadeIn 0.25s
}

.pirate-overlay:not(.show) {
    display: none
}

.pirate-overlay__content {
    color: rgb(249, 223, 119);
    display: flex;
    align-items: flex-end;
    justify-content: flex-end
}

.pirate-title {
    position: absolute;
    z-index: 1;
    right: 75%;
    bottom: 1.5em;
    width: min(9em, 90%);
    font-size: clamp(21px, 2vw, 32px);
    font-weight: 700;
    filter: drop-shadow(0 1px 5px #000)
}

html[lang="ru"] .pirate-title {
    font-size: clamp(12px, 2vw, 20px);
    width: min(13.5em, 133%)
}

.pirate-img {
    line-height: 0
}

.obj-underlay {
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.obj-underlay--center-items {
    display: flex;
    justify-content: center;
    align-items: center
}

.obj-underlay+div:not(.obj-underlay),
.obj-z-1 {
    position: relative;
    z-index: 1
}

.anim-flame {
    animation: dropShadowSecondary 12s infinite;
    animation-timing-function: linear(0 0, 0 2.27%, 0.02 4.53%, 0.04 6.8%, 0.06 9.07%, 0.1 11.33%, 0.14 13.6%, 0.25 18.15%, 0.39 22.7%, 0.56 27.25%, 0.77 31.8%, 1 36.35%, 0.89 40.9%, 0.85 43.18%, 0.81 45.45%, 0.79 47.72%, 0.77 50%, 0.75 52.27%, 0.75 54.55%, 0.75 56.82%, 0.77 59.1%, 0.79 61.38%, 0.81 63.65%, 0.85 65.93%, 0.89 68.2%, 1 72.7%, 0.97 74.98%, 0.95 77.25%, 0.94 79.53%, 0.94 81.8%, 0.94 84.08%, 0.95 86.35%, 0.97 88.63%, 1 90.9%, 0.99 93.18%, 0.98 95.45%, 0.99 97.73%, 1 100%)
}

.popup-overlay {
    --padding: clamp(0.75em, 2.5vw, 2em);
    position: fixed;
    display: none;
    flex-direction: column;
    padding: var(--padding);
    background: rgba(0, 0, 0, 0.7);
    align-items: center;
    transition: backdrop-filter 0.5s;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    overflow-y: auto;
    backdrop-filter: blur(2px)
}

.popup-overlay--theme-large {
    align-items: stretch;
    background-color: #fff
}

.popup-overlay::before,
.popup-overlay::after {
    content: '';
    flex: 1
}

.popup-overlay.show {
    display: flex
}

.popup-wrapper {
    max-width: min(100%, 1331px);
    animation: fadeIn 0.25s;
    border-radius: 0.75rem
}

.popup-overlay--theme-large .popup-wrapper {
    max-width: none
}

.popup-wrapper--fullwidth {
    max-width: none;
    align-self: stretch;
    flex-basis: 100%
}

.popup {
    position: relative;
    padding: clamp(1.25em, 2.5vw, 2em);
    padding-bottom: clamp(1.25em, 2.5vw, 2.5em)
}

:root {
    --popup-closer-size: 5em
}

.popup-closer-wrapper {
    transform: translate(0, 25%);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    z-index: 1;
    margin: 0 calc(var(--popup-closer-size) * -1) 0
}

.popup-closer {
    cursor: pointer;
    opacity: 0.85;
    transition: 0.25s;
    width: 50px
}

.popup-closer img {
    max-width: 50px
}

.popup-closer:hover {
    opacity: 1
}

.popup-closer:active {
    filter: contrast(1.25)
}

@media (max-width:1560px) {
    :root {
        --popup-closer-size: 3em
    }
    .popup-closer-wrapper {
        margin: 0 2% calc(var(--popup-closer-size) * 0.5)
    }
}

.popup-gifts {
    max-width: 750px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap: 1em;
    color: rgb(249, 223, 119);
    padding: clamp(2em, 5vw, 3em);
    background: url('../img/bg/popup-panel.webp') 50% 50% no-repeat;
    background-size: 100% 100%;
    filter: drop-shadow(0px 0 50px rgb(var(--color-gold-value) / 25%))
}

.popup-gifts__title {
    font-size: clamp(27px, 4vw, 48px);
    font-weight: 700
}

.popup-gifts__subtitle {
    font-size: clamp(18px, 2vw, 32px)
}

.popup-gifts form {
    gap: 0.75em 0.5em
}

.popup-gifts input {
    width: 100%;
    padding: 1em 0.5em;
    font-size: clamp(17px, 2.5vw, 23px);
    border: 1px solid;
    border-radius: 0.5em;
    background-color: #251B0C;
    border-color: #4E3517;
    min-height: 100%
}

/*.popup-gifts .btn-gold {
    font-weight: 700;
    color: #171717;
    font-size: clamp(21px, 3vw, 27px);
    padding: 0.75em 1.5em;
    text-align: center;
    background: url('../img/landing/bg/btn-gold.webp') 50% 50% no-repeat;
    background-size: 100% 100%;
    cursor: pointer
}*/

.popup-gifts__items {
    font-size: 20px;
    font-weight: 700;
    column-count: 2
}

.popup-gifts__items .item {
    display: flex;
    align-items: center;
    margin-bottom: 0.75em;
    gap: 0.625em
}

.popup-gifts__items .item__icon {
    width: 35px;
    height: 35px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0
}

html[lang="ru"] .popup-gifts__title {
    font-size: clamp(16px, 2.75vw, 28px)
}

html[lang="ru"] .popup-gifts__subtitle {
    font-size: clamp(18px, 2vw, 32px)
}

html[lang="ru"] .popup-gifts__items {
    font-size: 16px
}

@media (max-width:768px) {
    .popup-gifts__items {
        column-count: 1
    }
}

@media (max-width:480px) {
    .popup-gifts__icon {
        max-width: 66px;
        margin-inline: auto
    }
    .popup-gifts form {
        flex-direction: column;
        width: min(15em, 100%);
        margin-inline: auto
    }
}

form {
    position: relative
}

.form-success {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
    background-color: rgb(21, 16, 13);
    ;
    border-radius: 7px;
    justify-content: center;
    align-items: center;
    padding: 2em;
    text-align: center;
    animation: fadeIn 0.4s
}

.form-success.show {
    display: flex
}

.form-success-text {}

.loader-wrapper {
    position: relative
}

.loader-wrapper.padding {
    padding: 7px
}

.loader-wrapper.loading {}

.loader-wrapper.loading:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    backdrop-filter: blur(3px);
    transition: backdrop-filter 0.4s;
    z-index: 5
}

.loader-wrapper.loading:after {
    content: '';
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    margin-top: -24px;
    margin-left: -24px;
    background: url('../img/svg/loader.svg') 50% 50% no-repeat;
    animation: roll 1s infinite;
    filter: hue-rotate(270deg)
}

.loader-wrapper.loader-wrapper-transparent.loading:before {
    background-color: transparent;
    backdrop-filter: blur(2px)
}

.loader-wrapper.loader-wrapper-oveflowed.loading:before {
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px
}

.popup-update-cards {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap: 1em;
    aspect-ratio: 1331 / 752;
    color: rgb(249, 223, 119);
    padding: clamp(1em, 5.5vw, 3em);
    background: url('../img/bg/card-update-panel.webp') 50% 50% no-repeat;
    background-size: 100% 100%;
    filter: drop-shadow(0px 0 50px rgb(var(--color-gold-value) / 25%))
}

.card-update-container {
    justify-content: space-evenly;
    gap: clamp(0.5em, 2.5vw, 1.5em)
}

.card-update {
    animation: flipInY-1000px 0.75s;
    cursor: pointer;
    transition: 0.25s;
    -webkit-user-select: none;
    -moz-user-select: none
}

.card-update img {
    -webkit-user-drag: none;
    -moz-user-select: none
}

.card-update:nth-of-type(2) {
    animation-delay: 0.25s;
    animation-fill-mode: backwards
}

.card-update:nth-of-type(3) {
    animation-delay: 0.5s;
    animation-fill-mode: backwards
}

.card-update:hover {
    filter: drop-shadow(0px 0 12px rgb(var(--color-gold-value) / 25%))
}

.card-update:not(.flipped):active img {
    filter: contrast(1.25)
}

.card-update .btn-gold {
    font-size: clamp(12px, 2.7vw, 27px)
}

.card-update__title {
    font-size: clamp(12px, 2.7vw, 28px);
    font-weight: 700;
    min-height: 2.6em
}

.card-update__desc {
    font-size: clamp(10px, 1.8vw, 18px);
    font-weight: 700;
    min-height: 2.6em
}

.card-update-container {
    perspective: 1000px
}

.card-update {
    width: 291px;
    aspect-ratio: 291 / 504;
    perspective: 1000px;
    cursor: pointer;
    transition: transform 0.25s ease
}

.card-update:active {
    transform: scale(0.98)
}

.card-update__inner {
    position: relative;
    width: 100%;
    height: 100%;
    will-change: transform;
    transform-style: preserve-3d;
    transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.card-update.flipped .card-update__inner {
    transform: rotateY(180deg)
}

.card-update {
    will-change: transform
}

.card-update:hover {
    transform: translateZ(0) scale(1.1)
}

.card-update__front,
.card-update__back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15)
}

.card-update__front img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.card-update__back {
    background: url('../img/bg/card-update.webp') 50% 50% no-repeat;
    background-size: contain;
    color: rgb(249, 223, 119);
    transform: rotateY(180deg);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 0.25em;
    padding: clamp(12px, 2vw, 20px);
    padding-bottom: clamp(18px, 3vw, 28px);
    text-align: center
}

@media (max-width:480px) {
    .card-update-container {
        flex-wrap: wrap;
        justify-content: center
    }
    .card-update {
        width: clamp(126px, 30%, 291px)
    }
}

.popup-update-info {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap: 1em;
    aspect-ratio: 1331 / 928;
    color: rgb(249, 223, 119);
    padding: clamp(1em, 5.5vw, 3em);
    background: url('../img/bg/popup-panel-2.webp') 50% 50% no-repeat;
    background-size: 100% 100%;
    filter: drop-shadow(0px 0 50px rgb(var(--color-gold-value) / 33%))
}

.popup-update-info .owl-carousel .owl-stage {
    display: flex;
    align-items: stretch
}

.popup-update-info .owl-carousel .owl-item {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.popup-update-info .owl-carousel .owl-item img {
    width: auto;
    margin-inline: auto;
    max-height: 100%
}

.update-info__slide {
    display: flex;
    flex-direction: column;
    gap: 1em
}

.update-info__slide-img {
    aspect-ratio: 14/8;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: 50% 50% no-repeat;
    background-size: contain
}

.update-info__slide-desc {
    text-align: center;
    font-weight: 700;
    font-size: clamp(14px, 3vw, 24px)
}

.popup-update-info {
    position: relative
}

:root {
    --slider-arrow-w: clamp(56px, 10vw, 112px)
}

.slider-buttons-wrapper {
    position: absolute;
    left: calc(var(--slider-arrow-w) * -1.5);
    right: calc(var(--slider-arrow-w) * -1.5);
    bottom: 50%;
    transform: translate(0, 50%)
}

.slider-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1em;
    height: 0;
    align-items: center
}

.slider-button {
    width: var(--slider-arrow-w);
    aspect-ratio: 224/166;
    cursor: pointer;
    background: url('../img/slider-prev.webp') 50% 50% no-repeat;
    background-size: contain
}

.slider-button--disabled,
.slider-button--disabled.interact-bright {
    filter: grayscale(0.5) blur(3px);
    opacity: 0.2;
    cursor: default
}

.slider-button-next {
    transform: scale(-1, 1)
}

@media (max-width:1640px) {
    .popup-update-info .slider-buttons-wrapper {
        left: 0;
        right: 0;
        bottom: auto;
        top: 100%;
        transform: translate(0, 1em);
        margin-bottom: 1em
    }
    .popup-update-info .slider-buttons {
        justify-content: flex-end
    }
}

@media (max-width:480px) {
    .popup-update-info {
        padding-inline: 0;
        background-image: none
    }
    .update-info__slide-desc {
        filter: drop-shadow(0px 0 50px rgb(0 0 0 / 33%))
    }
}

.list-table {
    display: table;
    width: 100%;
    font-size: clamp(10px, 1.5vw, 20px);
    font-weight: 600;
    cursor: default
}

.list-table-header {
    position: sticky;
    top: 0;
    background-color: var(--color-main-light);
    color: #fff;
    font-weight: 600;
    white-space: nowrap;
    box-shadow: 0 1px 0 #00000020
}

.list-table-header,
.list-table-body {
    display: table-row-group
}

.list-table-row {
    display: table-row;
    padding: 0 0.25em;
    transition: background-color 0.25s;
    position: relative
}

.list-table-header .list-table-row>div {
    padding-top: 0.875em;
    padding-bottom: 0.875em
}

.list-table-body .list-table-row:nth-of-type(odd) {
    background-color: #00000016
}

.list-table-body .list-table-row:nth-of-type(even) {
    background-color: var(--color-gray-light)
}

.list-table-body .list-table-row:hover {
    background-color: var(--color-main-25)
}

.list-table-row>div {
    display: table-cell;
    padding: 0.675em 1em;
    vertical-align: middle
}

.list-table-wrapper::-webkit-scrollbar,
.list-table-wrapper::-webkit-scrollbar {}

.list-table-header,
.list-table-body {
    padding: 0 0.5em
}

.list-table-header {
    z-index: 1
}

.list-table-row>div:nth-of-type(1) {}

.list-table-row a {
    text-decoration: none;
    font-size: 0.9em;
    color: var(--clr-violet);
    display: inline-block
}

.list-table-row div:not(.cell-edit) a {
    border-bottom: 1px solid transparent
}

.list-table-row a:hover {
    border-bottom-color: inherit
}

.list-table-body-wrapper {
    max-height: 50vh;
    overflow-y: scroll
}

.lazy-gif-container {
    position: relative;
    overflow: hidden
}

.lazy-gif {
    transition: opacity 0.5s ease-in-out
}

.lazy-gif.loaded {
    opacity: 1
}

.lazy-gif.loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite
}

:root {
    --color-a-1: #B89E79;
    --color-b-1: #251B0C;
    --color-b-2: #2A221E;
    --color-b-3: #2F2312;
    --unit: clamp(0.5em, 0.9vw, 1em)
}

.content-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--unit) * 2)
}

.content-main {
    flex-grow: 1
}

.profile-template {
    background: #231f19 url('../img/load-bg-2.png') 50% 0 no-repeat;
    background-size: 100% auto;
}

.profile-template .profile-content form input[type="text"],
.profile-template .profile-content form input[type="date"],
.profile-template .profile-content form input[type="email"],
.profile-template .profile-content form input[type="password"],
.profile-template .profile-content form select,
.profile-template .profile-content form textarea {
    color: #e4d492;
    font-family: 'Lato';
    font-size: 18px
}

.news-category-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.news-category {
    cursor: pointer;
    width: 22%;
    color: #B89E79
}

.news-category__title {
    font-weight: 700;
    font-size: clamp(16px, 1.6vw, 26px);
    text-align: center;
    margin-bottom: 15px
}

.news-category:hover .news-category__title,
.news-category.active .news-category__title {
    color: rgb(249, 223, 119);
    transition: 0.25s
}

.news-category .news-category__img {
    transition: 0.25s
}

.news-category .news-category__img img {
    max-width: 100%;
    transition: all 250ms ease-out 0s
}

.news-category:hover .news-category__img img,
.news-category.active .news-category__img img {
    filter: drop-shadow(0px 0 20px #f9df77)
}

.news-category:hover .news-category__img,
.news-category.active .news-category__img {
    filter: drop-shadow(0 0 12px rgb(var(--color-gold-value) / 67%))
}

.news-category:active .news-category__img {
    filter: drop-shadow(0 0 4px rgb(var(--color-gold-value) / 75%));
    transition: 0.025s
}

.news-items-wrapper {
    display: flex;
    flex-direction: column;
    background-color: var(--color-b-2);
    padding: calc(var(--unit) * 1.5);
    gap: calc(var(--unit) * 1.5);
    border: 2px solid var(--color-a-1);
    border-radius: 5px
}

.news-item {
    background-color: #251b0c;
    display: flex;
    border: 2px solid #b89e79;
    border-radius: 5px;
    overflow: hidden
}

a.news-item {
    cursor: pointer
}

.news-item__content {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
    padding: 1em 1.5em;
    font-weight: 700
}

.news-item__img {
    min-width: min(44%, 478px);
    aspect-ratio: 478 / 239;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.news-item__title {
    font-size: clamp(17px, 1.6vw, 26px);
    color: #B89E79
}

.news-item__text {
    font-size: clamp(15px, 1.25vw, 20px);
    color: #eee
}

.news-item__date {
    font-size: clamp(14px, 1vw, 16px);
    color: #808080;
    margin-top: auto
}

.h3 {
    font-size: clamp(18.5px, 1.675vw, 26px);
    font-weight: 700
}

.aside-right {
    display: flex;
    flex-direction: column;
    width: 32%;
    padding: calc(var(--unit) * 1.5);
    background-color: var(--color-b-2);
    border: 2px solid var(--color-a-1);
    border-radius: 5px
}

.aside-right .aside-block {
    margin-bottom: 40px
}

.aside-right .aside-block:last-child {
    margin: 0
}

.aside-right .h3 {
    margin-bottom: 0.5em;
    color: #B89E79
}

.list-table-wrapper {
    overflow-x: auto
}

.table-rank .list-table-header {
    color: #808080
}

.table-rank .list-table-body {
    color: #E7E7E7
}

.table-rank .list-table-row>div {
    padding: calc(var(--unit) * 0.625) calc(var(--unit) * 0.75)
}

.table-rank {
    font-size: clamp(14px, 1.25vw, 20px)
}

.table-rank .list-table-row>div {
    text-align: center
}

.table-rank .list-table-row>div:first-of-type {
    text-align: left
}

.table-rank .list-table-row>div:last-of-type {
    text-align: right
}

.table-rank .list-table-header .list-table-row>div:nth-of-type(2),
.table-rank .list-table-header.text-color-a-1 .list-table-row>div {
    color: var(--color-a-1)
}

.table-rank .list-table-body .list-table-row>div:nth-of-type(1) {
    color: var(--color-a-1)
}

.ul-default li+li {
    margin-top: 0.75em
}

.ul-theme-1 {
    font-weight: 700;
    list-style: inside;
    list-style-type: none;
    font-size: clamp(14px, 1.25vw, 20px);
    color: #E7E7E7
}

.ul-theme-1 li+li {
    margin-top: 1em
}

.ul-theme-1 li::before {
    color: var(--color-a-1);
    content: '';
    background: url(/assets/template/img/li.svg) no-repeat;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 10px 0 0
}

@media (max-width:1200px) {
    .content-main .news-items-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr
    }
    .news-item {
        flex-direction: column
    }
}

@media (max-width:768px) {
    .content-wrapper {
        flex-direction: column
    }
    .content-main .news-items-wrapper {
        grid-template-columns: 1fr;
        max-width: 482px;
        margin-inline: auto
    }
}

@media (max-width:640px) {}

input:not([type="checkbox"]),
textarea {
    width: 100%;
    padding: 0.75em 0.625em;
    font-size: clamp(16px, 1.25vw, 20px);
    border: 1px solid;
    border-radius: 0.25em;
    background-color: #251b0c;
    border-color: #b89e79;
    color: #f39a02;
}

label {
    cursor: pointer
}

.input-title {
    font-size: clamp(16px, 1.6vw, 21px);
    font-weight: 700;
    margin-block: 0.625em
}

.checkbox {
    border: 1px solid rgb(184, 158, 121);
    width: 1.25em;
    height: 1.25em;
    border-radius: 0.25em;
    flex-shrink: 0;
    background-image: url(../img/svg/check-white.svg);
    background-size: 160%;
    background-position: 50% -160%;
    background-repeat: no-repeat
}

.checkbox:checked {
    background-color: rgb(184, 158, 121 / 25%);
    background-position: center;
    transition: 0.25s
}

.checkbox[disabled] {
    opacity: 0.6;
    cursor: default
}

.form-theme-1 {
    display: flex;
    flex-direction: column;
    gap: 0.75em;
    font-size: clamp(16px, 1.25vw, 20px)
}

.form-registration {
    max-width: 28.5em;
    margin-inline: auto
}

.form-forgot {
    max-width: 28.5em;
    margin-inline: auto
}

.form-registration textarea {
    background-color: var(--color-b-3);
    max-width: 21em;
    margin: 1em auto
}

.form-registration .text-color-danger {
    margin-top: 0.375em;
    color: red;
}

.form-registration .error-messages {
    color: #F00;
    padding: 10px 10px 6px;
    border-radius: 10px;
    font-weight: 500;
    border: 1px solid;
    display: none
}

.form-registration .error-messages li {
    margin-bottom: 4px;
    font-size: 16px;
    display: block
}

.aside-left {
    width: 28%
}

.profile-subtitle {
    font-size: clamp(19px, 3vw, 39px);
    border-bottom: 2px solid #967448;
    padding-bottom: 0.5em
}

.profile-menu {
    background-color: var(--color-b-2);
    border: 2px solid var(--color-a-1);
    border-radius: 5px;
    font-size: clamp(20px, 2vw, 26px);
    margin-top: 0.25em
}

.profile-menu__item {
    display: block;
    border-bottom: 1px solid;
    padding: 0.625em 1em
}

.profile-menu__item:last-of-type {
    border-bottom: none
}

.profile-menu__item:hover,
.profile-menu__item.active {
    background-color: var(--color-b-1)
}

.user-profile-columns {
    display: flex;
    align-items: flex-start;
    gap: 3em clamp(1em, 2.5vw, 2em)
}

.user-profile-column-1 {
    width: clamp(161px, 30%, 321px);
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    gap: 1.25em
}

.user-profile-column-2 {
    flex-grow: 1
}

.user-profile-columns .btn-gold {
    padding-inline: clamp(0.5em, 2vw, 1.5em)
}

.user-profile-column-1 .btn-gold {
    width: 100%
}

.user-profile-avatar {
    line-height: 0
}

.borderd-lk {
    border: 1px solid var(--color-a-1);
    border-radius: 5px
}

.form-inline {
    display: flex;
    align-items: stretch;
    gap: 0.75em 0.5em
}

.form-inline input {
    padding: 0.75em 0.5em;
    font-size: clamp(16px, 1.25vw, 20px);
    border: 1px solid;
    border-radius: 0.5em;
    background-color: #251B0C;
    min-height: 100%
}

.form-inline .btn-gold {
    padding: 0.75em clamp(0.5em, 2vw, 1.5em)
}

.form-inline+.input-title,
input+.input-title {
    margin-top: 1.25em
}

.support-tickets {
    display: flex;
    flex-direction: column;
    gap: calc(var(--unit) * 2)
}

.support-ticket {
    border: 2px solid var(--color-a-1);
    border-radius: 5px;
    background-color: var(--color-b-1);
    display: flex;
    flex-direction: column;
    gap: calc(var(--unit) * 2);
    padding: calc(var(--unit) * 2)
}

.support-ticket__header {}

.support-ticket__title {
    font-size: clamp(17px, 2vw, 26px);
    color: #e7e7e7
}

.support-ticket__subtitle {
    font-size: clamp(16px, 1.5vw, 18px);
    font-weight: 400;
    margin-top: 0.5em;
    display: flex;
    justify-content: space-between;
    gap: calc(var(--unit) * 1.5)
}

.support-ticket .divider {
    border-top: 1px solid var(--color-a-1)
}

.support-ticket__footer {
    font-size: clamp(12px, 1.125vw, 16px);
    color: #e7e7e7;
    display: flex;
    justify-content: flex-start;
    gap: calc(var(--unit) * 1)
}

.support-ticket__tag {
    padding: 0.5em 1em 0.625em;
    border-radius: 1em
}

.support-ticket__tag[data-status="1"] {
    background-color: #36884D
}

.support-ticket__tag[data-status="2"] {
    background-color: #665625
}

.form-support-request .profile-subtitle {
    text-align: center;
    border: 0;
    margin-top: 0
}

.form-support-request input,
.form-support-request textarea {
    background-color: #1C1710
}

.form-support-request button {
    width: 100%;
    margin-top: 2em
}

.label-upload {
    display: block;
    border: 2px solid var(--color-a-1);
    padding: 2.5em 1.5em;
    text-align: center;
    border-radius: 0.5em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    background-color: #0E0D0Ab0
}

.label-upload-inner {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
    align-items: center;
    font-size: clamp(16px, 1.125vw, 18px)
}

.label-upload:hover {
    border-color: rgb(184, 158, 121)
}

.label-upload:hover .label-upload-inner {
    color: var(--green)
}

.label-upload:hover .label-upload-inner img {
    transition: transform 0.4s;
    transform: scale(1.12)
}

.label-upload input {
    display: none
}

.hignlighted {
    text-stroke: 0.3px #FFE8C3;
    -webkit-text-stroke: 0.05px #FFE8C3;
    -moz-text-stroke: 0.05px #FFE8C3
}

.news-page__img img {
    border: 2px solid var(--color-a-1);
    border-radius: 5px
}

.news-page h2 {
    color: var(--color-a-1);
    font-size: clamp(20px, 2vw, 32px);
    margin-block: 1.25em
}

.news-page p {
    font-size: clamp(16px, 1.125vw, 18px);
    line-height: 1.75
}

.news-page p+p {
    margin-top: 1.5em
}

.news-page__content ul {
    font-weight: 700;
    list-style: inside;
    list-style-type: none;
    font-size: clamp(14px, 1.25vw, 20px);
    color: #E7E7E7;
    margin-block: 1.5em;
    line-height: 1.75
}

.news-page__content ul li+li {
    margin-top: 1em
}

.news-page__content ul li::marker {
    color: var(--color-a-1);
    content: "◆ "
}

.news-page .img-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(0.75em, 1.5vw, 1.5em);
    margin-block: 1.5em
}

.news-page .img-grid img {
    border-radius: 5px;
    border: 2px solid rgb(184, 158, 121)
}

.aside-block .news-items-wrapper {
    padding: 0;
    border: 0
}

.aside-block .news-item {
    flex-direction: column
}

.aside-block .news-item__title {
    font-size: clamp(16px, 1.5vw, 27px)
}

.pagination {
    font-size: clamp(16px, 1.375vw, 24px);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1em
}

.pagination .page-item.disabled {
    opacity: 0.5;
    cursor: default
}

.pagination .page-item.active a,
.pagination .page-item:not(.disabled) a:hover {
    transition: 0.25s;
    color: rgb(249, 223, 119)
}

@media (max-width:640px) {
    .news-page .img-grid {
        grid-template-columns: 1fr
    }
}

.news-page__comments {
    padding-top: 2em;
    border-top: 1px solid #967448;
    color: #e7e7e7
}

.news-page__comments .tickets-wrapper>.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.news-page__comments .comments {
    margin-top: 30px
}

.comments .title,
.comments-title {
    color: #b89e79;
    font-size: 24px;
    margin: 0
}

.comment-list>.ticket-comment-theme1+.ticket-comment-theme1 {
    border-top: 1px solid #967448;
    padding-top: clamp(1.5em, 3vw, 3em)
}

#comment-form-placeholder {
    animation: fadeIn 0.25s
}

#comment-form-placeholder.hidden,
#comment-form-placeholder.hidden+#comment-form {
    display: none
}

.ticket-comment.ticket-comment-theme1 {
    margin-top: clamp(0.75em, 1.5vw, 1.5em)
}

.ticket-comment-theme1 .ticket-comment-body {
    display: flex;
    gap: clamp(0.75em, 1.5vw, 1.5em)
}

.ticket-comment-theme1 .ticket-comment-author,
.ticket-comment-theme1 .ticket-comment-link,
.ticket-comment-theme1 .ticket-comment-createdon {
    margin-left: 0
}

.ticket-comment-theme1 .ticket-comment-avatar img {
    width: clamp(39px, 5vw, 76px);
    max-width: none;
    max-height: none;
    border-radius: 5px;
    border: 1px solid var(--color-a-1)
}

.ticket-comment-theme1 .ticket-comment-author {
    font-size: clamp(18px, 2vw, 32px)
}

.ticket-comment-theme1 .ticket-comment-text {
    font-size: clamp(16px, 1.125vw, 18px);
    line-height: 1.6;
    margin-top: clamp(0.25em, 0.5vw, 0.5em)
}

.ticket-comment-theme1 .ticket-comment-text img {
    max-width: 60%
}

.ticket-comment-footer {
    margin-top: clamp(0.5em, 1vw, 1em);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: clamp(0.5em, 2.5vw, 3em);
    font-size: clamp(16px, 1.25vw, 20px)
}

.ticket-comment-theme1 .ticket-comment-link {
    line-height: 0
}

.ticket-comment-theme1 .ticket-comment-rating {
    display: flex;
    align-items: center;
    gap: 0.375em;
    font-size: 18px
}

.ticket-comment-footer img {
    height: clamp(19px, 2.375vw, 38px)
}

.ticket-comment-theme1 .ticket-comment-createdon {
    color: #808080;
    font-size: 14px
}

.ticket-comment-theme1 .comments-list {
    padding-left: clamp(0.75em, 1.5vw, 1.5em)
}

.ticket-comment-theme1 .prettyprint {
    background-color: rgb(184, 158, 121)
}

.markItUpHeader {
    background-color: #fff;
    border-radius: 0.25em
}

#comment-form {
    margin-top: clamp(0.5em, 1vw, 1em)
}

#comment-form #comment-editor {
    width: 100%;
    margin-top: 10px;
    font-weight: 300;
    font-size: 16px;
    padding: 10px;
    color: #e4d492
}

#comment-form #comment-preview-placeholder {
    background-color: #ffffff20;
    border: 0
}

#comment-form #form-actions {}

#comment-form .form-actions input:not([type="checkbox"]) {
    width: auto;
    cursor: pointer
}

#ticketForm .form-actions,
.news-page__comments #comment-form .form-actions {
    border-color: var(--color-a-1)
}

.comment-reply {
    color: #b89e79
}

.comment-reply a {
    color: #b89e79
}

#comment-new-link {
    font-size: clamp(18px, 2vw, 32px);
    color: rgb(249, 223, 119)
}

#comment-new-link a {
    border-bottom: 1px dashed
}

#comments-tpanel {
    display: none
}

label[for="comments-subscribe"] {
    margin-bottom: 2em;
    margin-top: 1.5em
}

.comments #comments-tpanel {
    position: static;
    margin: 3px;
    background-color: #fff;
    border-radius: 5px
}

.comment-reply {
    display: flex;
    justify-content: flex-start;
    gap: 1em;
    margin-top: 0.25em
}

.popup-login {
    color: var(--color-a-1)
}

.popup-forgot {
    color: var(--color-a-1)
}

.form-login button {
    width: 100%;
    margin-top: 2em
}

.form-forgot button {
    width: 100%;
    margin-top: 2em
}

.login-links {
    display: flex;
    justify-content: center;
    gap: 1.5em
}

.popup-login .login-links {
    margin-top: 2em
}

.popup-login .login-links a {
    color: #b89e79
}

.confirm-page h1 {
    margin: 20px 0px;
}

.confirm-page .noactive-link {
    text-align: left;
    font-size: 25px;
    width: 100%;
    margin-bottom: 10px;
    color: #FFF;
}

.forgot-page .content-main {
    max-width: 570px;
    margin: 0 auto
}

.forgot-page .loginResetPass {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 22px
}

.forgot-page .forgot-notice {
    font-size: 22px;
    text-align: center
}

.forgot-page .loginResetPass a {
    border-bottom: 1px solid;
    color: #f2c502;
}

.btn-gold:disabled {
    opacity: 0.5
}

.profile-page .profile-in {
    margin-bottom: 20px
}

.profile-page .profile-in.sc-box {
    padding: 20px;
    background: #000;
    border: 1px solid;
    border-radius: 0.25em;
    border-color: #b89e79
}

.profile-page .profile-in.sc-box .sc_help {
    margin-top: 10px;
    color: #e4d492
}

.profile-page .profile-in.sc-box .sc_help span {
    cursor: pointer;
    border-bottom: 1px solid
}

.profile-page .profile-in .input-title {
    margin-block: initial;
    margin-bottom: 10px
}

.profile-page .content-wrapper {
    max-width: 1440px;
    margin: 0 auto
}

.profile-page .profile-upload-ava {
    display: none
}

.profile-page .profile-upload-ava input[type="file"] {
    display: none
}

.profile-page .user-edit-form {
    position: relative
}

.profile-page .user-edit-form.blur::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: url(/assets/template/img/loader.svg) center center no-repeat rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    z-index: 10
}

.popup {
    background: rgba(0, 0, 0, 0.68);
    border-radius: 10px;
    color: #f39a02;
    font-size: 20px;
    font-weight: 600
}

.popup.popup-msg {
    text-align: center
}

.profile-page .profile-balance {
    margin-top: 10px;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #f39a02;
    color: #e4d492
}

.profile-page .profile-balance .profile-user-balance {
    margin-bottom: 20px;
    font-size: 18px
}

.user-activity .acitvity-table table {
    width: 100%;
    border-collapse: collapse
}

.user-activity .acitvity-table .tr-head td {
    font-weight: 600;
    font-style: Bold;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0;
    padding: 10px 10px 20px;
    color: var(--color-a-1)
}

.user-activity .acitvity-table td {
    padding: 10px;
    color: #FFF
}

.user-activity .acitvity-table .activity-action-button {
    text-decoration: none;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid rgba(184, 158, 121, 1);
    color: rgba(184, 158, 121, 1)
}

.user-donate {
    max-width: 600px;
    position: relative;
}

.user-donate.blur::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: url(/assets/template/img/loader.svg) center center no-repeat rgba(0, 0, 0, 0.5);
    border-radius: 10px
}

.user-donate .ud-balance {
    border: 1.14px solid;
    border-image-source: -webkit-linear-gradient(91.45deg, #CDB896 1.23, #9A7950 147.66);
    border-image-source: -moz-linear-gradient(91.45deg, #CDB896 1.23, #9A7950 147.66);
    border-image-source: -o-linear-gradient(91.45deg, #CDB896 1.23, #9A7950 147.66);
    border-image-source: linear-gradient(91.45deg, #CDB896 1.23, #9A7950 147.66);
    border-radius: 6px;
    padding: 35px 15px;
    background: rgba(28, 23, 16, 1);
    text-align: center;
    margin-bottom: 40px
}

.user-donate .ud-balance .ud-balance-title {
    font-weight: 700;
    font-style: Bold;
    font-size: 32px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0;
    margin-bottom: 20px;
    color: #FFF
}

.user-donate .ud-balance .ud-balance-value {
    font-weight: 700;
    font-style: Bold;
    font-size: 48px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0;
    color: rgba(184, 158, 121, 1)
}

.user-donate .ud-replenish {
    margin-bottom: 40px
}

.user-donate .ud-replenish .ud-replenish-title {
    font-weight: 700;
    font-style: Bold;
    font-size: 32px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0;
    color: rgba(184, 158, 121, 1);
    margin-bottom: 10px
}

.user-donate .ud-replenish input[type="text"] {
    background: var(--color-b-1) url(/assets/template/img/payment_icon.png) 10px center no-repeat;
    padding: 0.75em 0.625em 0.75em 2em
}

.user-donate .ud-replenish .donate-notice{
    display: none;
    color: #f39a02;
    margin-top: 10px;
    font-size: 18px;
}

.user-donate .ud-compare {
    margin-bottom: 40px
}

.user-donate .ud-compare .ud-compare-title {
    margin-bottom: 10px;
    font-weight: 700;
    font-style: Bold;
    font-size: 32px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0;
    color: rgba(184, 158, 121, 1);
}

.user-donate .ud-compare .ud-compare-values {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.user-donate .ud-compare .ud-compare-values .ud-compare-value {
    font-weight: 700;
    font-style: Bold;
    font-size: 25px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0;
    color: #FFF
}

.user-donate .ud-payments {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.user-donate .ud-payments .udp-item {
    width: 24%;
    border-radius: 6px;
    border: 1.14px solid;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-bottom: 10px;
    padding: 8px 0;
    border-image-source: -webkit-linear-gradient(91.45deg, #CDB896 1.23, #9A7950 147.66);
    border-image-source: -moz-linear-gradient(91.45deg, #CDB896 1.23, #9A7950 147.66);
    border-image-source: -o-linear-gradient(91.45deg, #CDB896 1.23, #9A7950 147.66);
    border-image-source: linear-gradient(91.45deg, #CDB896 1.23, #9A7950 147.66)
}
.user-donate .ud-payments .udp-item.hidden{
    opacity: 0;
    visibility: hidden;
}
.user-donate .ud-payments .udp-item.active{
    border: 1px solid #d1ac0a;
    background: #000;
}

.user-donate .ud-payments-error{
    display: none;
    color: #F00;
    border: 1px solid #F00;
    border-radius: 6px;
    margin-bottom: 20px;
    padding: 10px;
    text-align: center;
}

.user-donate .ud-payments-warning{
    color: #fbc626;
    border: 1px solid #fbc626;
    border-radius: 6px;
    margin-bottom: 20px;
    padding: 10px;
    text-align: center;
    background: #000;
    font-weight: bold;
    font-size: 18px;
}

.user-donate .ud-actions button {
    width: 100%;
    /*background: url(../img/landing/bg/btn-gold.webp) 50% 50% no-repeat;
    background-size: 100% 100%;
    font-weight: 700;
    font-style: Bold;
    font-size: 27.33px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0*/
}

.user-promocodes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.user-promocodes .promo-cols.left {
    width: 54%
}

.user-promocodes .promo-cols.right {
    width: 42%
}

.user-promocodes .promo-form {
    margin-bottom: 40px
}

.promo-form .promo-form-title {
    font-weight: 700;
    font-style: Bold;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0;
    color: rgba(184, 158, 121, 1);
    margin-bottom: 14px
}

.promo-form .promo-form-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center
}

.promo-form .promo-form-group input[type="text"] {
    width: 56%;
    margin: 0 20px 0 0
}

.user-promocodes .promocodes-info {}

.user-promocodes .promocodes-info h2 {
    font-weight: 700;
    font-style: Bold;
    font-size: 25px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0;
    color: rgba(184, 158, 121, 1);
    margin-bottom: 20px
}

.user-promocodes .promocodes-info ul {
    padding: 0;
    margin: 0
}

.user-promocodes .promocodes-info ul li {
    display: block;
    margin-bottom: 20px;
    color: #FFF;
    padding: 0 0 0 40px;
    background: url(/assets/template/img/li.svg) no-repeat;
    font-weight: 700;
    font-style: Bold;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0
}

.promo-form.blur::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: url(/assets/template/img/loader.svg) center center no-repeat rgba(0, 0, 0, 0.5);
    border-radius: 10px
}

.promo-form .promo-msg {
    padding: 8px;
    border-radius: 6px;
    text-align: center;
    margin-top: 10px;
    display: none;
    border: 1px solid;
    font-weight: 500
}

.promo-form .promo-msg.success {
    color: #008000;
    border-color: #008000
}

.promo-form .promo-msg.error {
    color: #F00;
    border-color: #F00
}

.popup-gifts .promo-form .promo-form-group input[type="text"] {
    width: 72%;
    margin: 0 20px 0 0
}

.popup-gifts .promo-form-group {
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center
}

.popup-gifts .promo-form-group input[type="text"] {
    padding: 25px 12px
}

.popup-gifts .promo-form-group button {
    white-space: nowrap
}
.user-purchase-history .purchase-table{
    position: relative;
}
.user-promo-users .promo-users-table table {
    width: 100%;
    border-collapse: collapse
}

.user-promo-users .promo-users-table .tr-head td {
    font-weight: 600;
    font-style: Bold;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0;
    padding: 10px 10px 20px;
    color: var(--color-a-1)
}

.user-promo-users .promo-users-table td {
    padding: 10px;
    color: #FFF
}

.user-promo-users .promo-users-table tr:not(.tr-head) {
    border-top: 1px solid var(--color-a-1)
}

.user-purchase-history .purchase-table .purchase-status.success{
    border: 1px solid #00bb00;
    color: #00bb00;
    padding: 10px;
    margin: 0px 10px 10px;
    border-radius: 6px;
    display: inline-block;
    font-weight: bold;
}

.user-purchase-history .purchase-table.blur::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: url(/assets/template/img/loader.svg) center center no-repeat rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    z-index: 20;
}

.user-purchase-history .purchase-table table {
    width: 100%;
    border-collapse: collapse
}

.user-purchase-history .purchase-table .tr-head td {
    font-weight: 600;
    font-style: Bold;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0;
    padding: 10px 10px 20px;
    color: var(--color-a-1)
}

.user-purchase-history .purchase-table tr:not(.tr-head){
    border-bottom: 1px solid #363636; 
}
.user-purchase-history .purchase-table tr:last-child{
    border: none;
}

.user-purchase-history .purchase-table td {
    padding: 10px;
    color: #FFF
}
.user-purchase-history .purchase-table td.purchase_refresh{
    width: 30px;
}
.user-purchase-history .purchase-table td.purchase_refresh .btn.btn-gold.mini.refresh-donate{
    padding: 5px 10px 0px;
    height: 40px;
}
.container {
    position: relative;
    max-width: 1440px;
    width: 100%;
    margin: 0 auto
}

.container.flex-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.topnav-wrapper {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    z-index: 21;
    width: 100%;
    top: 0;
    left: 0;
    padding: 10px 0px;
}

.topnav-wrapper .container {
    align-items: center
}

.topnav-wrapper .topmenu ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.topnav-wrapper .topmenu ul li {
    display: block
}

.topnav-wrapper .topmenu ul li a {
    text-decoration: none;
    display: block;
    font-weight: 600;
    font-style: Bold;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    background: rgba(0, 0, 0, 0);
    color: #BEBEBE;
    padding: 16px 30px;
    height: 100%;
    text-transform: uppercase
}

.topnav-wrapper.topnav-ru .topmenu ul li a {
    font-size: 16px;
    padding: 20px 20px
}

.topnav-wrapper .topmenu ul li a small {
    display: block;
    font-size: 15px;
    text-align: center;
    margin-top: 6px
}

.topnav-wrapper .topmenu ul li:hover a,
.topnav-wrapper .topmenu ul li.active a {
    background: rgba(0, 0, 0, 0.3)
}

.topnav-wrapper .topnav-users {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    width: 40%
}

.profile-over {
    --b: 3px;
    --s: 10px;
    height: 54px;
    display: inline-block;
    aspect-ratio: 6;
    position: relative;
    z-index: 0;
    cursor: pointer;
    width: 225px
}

.profile-over::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(45deg, rgba(174, 135, 86, 1), rgba(249, 223, 119, 1));
    --g1: #000 var(--b), #0000 0 calc(100% - var(--b)), #000 0;
    --g2: #0000 calc(0.707*var(--s)), #000 0 calc(0.707*var(--s) + var(--b)), #0000 0 calc(100% - 0.707*var(--s) - var(--b)), #000 0 calc(100% - 0.707*var(--s)), #0000 0;
    -webkit-mask: linear-gradient(45deg, var(--g2)), linear-gradient(-45deg, var(--g2)), linear-gradient(90deg, var(--g1)) 50%/100% calc(100% - 2*var(--s)) no-repeat, linear-gradient(180deg, var(--g1)) 50%/calc(100% - 2*var(--s)) 100% no-repeat
}

.profile-over a {
    --notchSize: 9px;
    clip-path: polygon(0% var(--notchSize), var(--notchSize) 0, calc(100% - var(--notchSize)) 0, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize)));
    width: calc(100% - 6px);
    height: 50px;
    padding: 3px 0 4px;
    margin: 2px 0 0 3px;
    text-align: center;
    color: #B89E79;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 28px;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.25) inset;
    text-transform: uppercase;
    line-height: 0
}

.topnav-users .profile-link {
    background: linear-gradient(0deg, #28201B 27.94%, #513E33 122.05%, #715544 122.06%), linear-gradient(180deg, rgba(0, 0, 0, 0) -38.58%, rgba(0, 0, 0, 0.2) 118.78%);
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 6px 16px 7px 6px;
    box-shadow: 0 6px 4.5px 0 #00000040 inset
}

.topnav-users .profile-link .profile-photo {
    border-radius: 6px;
    overflow: hidden;
    margin-right: 10px;
    width: 32px;
    height: 32px
}

.topnav-users .profile-link .profile-photo img {
    max-width: 100%
}

.topnav-users .profile-link span {
    text-decoration: none;
    display: block;
    font-weight: 700;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0;
    color: #B89E79;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 138px;
    overflow: hidden
}

.topnav-users .profile-link.noauth {
    padding: 12px 20px;
    max-width: initial
}

.topnav-users .profile-link.noauth span {
    text-overflow: initial;
    white-space: initial;
    overflow: visible;
    max-width: inherit;
    text-transform: uppercase
}

.topnav-users .profile-link.noauth .mm-auth-icon {
    display: none
}

.topnav-wrapper .socials-box {
    position: relative;
    margin: 0 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.topnav-wrapper .socials-box .sb-item-view {
    cursor: pointer;
    margin: 0 10px
}

.topnav-wrapper .socials-box .sb-item-view.dropdown-icon svg {
    transition: all 250ms ease-out 0s;
    transform: rotate(0)
}

.topnav-wrapper .socials-box:hover .sb-item-view.dropdown-icon svg {
    transform: rotate(-180deg)
}

.topnav-wrapper .socials-box .socials-box-dropdown {
    position: absolute;
    background: #000;
    transition: all 250ms ease-out 0s;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px 10px 5px;
    border-radius: 10px;
    top: 70px;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    width: 180px;
    right: 0
}

.topnav-wrapper .socials-box:hover .socials-box-dropdown {
    visibility: visible;
    top: 50px;
    opacity: 1;
    z-index: 10
}

.topnav-wrapper .socials-box .socials-box-dropdown .sb-item {
    width: 32%;
    text-align: center;
    margin-bottom: 15px
}

.topnav-wrapper .mm-button {
    display: none;
    height: 60px
}

.topnav-wrapper .mm-button .button-menu {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 400ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: -10px
}

.topnav-wrapper .mm-button .button-menu.active {
    transform: rotate(45deg)
}

.topnav-wrapper .mm-button .line {
    fill: none;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    stroke: #b89e79;
    stroke-width: 5.5;
    stroke-linecap: round
}

.topnav-wrapper .mm-button .button-menu .top {
    stroke-dasharray: 40 139
}

.topnav-wrapper .mm-button .button-menu .bottom {
    stroke-dasharray: 40 180
}

.topnav-wrapper .mm-button .button-menu.active .top {
    stroke-dashoffset: -98px
}

.topnav-wrapper .mm-button .button-menu.active .bottom {
    stroke-dashoffset: -138px
}

.mm-panel {
    position: fixed;
    top: 80px;
    right: -200px;
    width: 0;
    height: 100%;
    z-index: 99;
    background: url(/assets/template/img/bg/mm-bg.webp);
    background-size: cover;
    overflow: hidden;
    transition: all 250ms ease-out 0s
}

.mm-panel.view {
    right: 0;
    width: 100%
}

.mm-panel .mm-panel-scroll {
    height: 100%;
    overflow-y: scroll
}

.mm-panel .mobile-menu {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #AE8756
}

.mm-panel .mobile-menu ul {
    margin: 0;
    padding: 0
}

.mm-panel .mobile-menu ul li {
    display: block
}

.mm-panel .mobile-menu ul li a {
    text-decoration: none;
    display: block;
    font-weight: 700;
    font-style: Bold;
    font-size: 25px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    background: rgba(0, 0, 0, 0);
    color: #BEBEBE;
    padding: 30px 40px
}

.mm-panel .mobile-menu ul li:hover a,
.mm-panel .mobile-menu ul li.active a {
    background: rgba(0, 0, 0, 0.3)
}

.mm-panel .m-socials {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 20px 80px
}

.mm-panel .m-socials .ms-item-view {
    margin: 0 20px 20px
}

.no-scroll {
    overflow: hidden
}

.profile-menu-mobile {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.9);
    padding: 10px 0;
    overflow-x: scroll
}

.profile-menu-mobile .pmm-scroll {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start
}

.profile-menu-mobile .pmm-scroll .mobile-menu-item {
    margin: 0 20px;
    text-align: center;
    font-family: 'BluuNextCyrillic';
    color: #e4d492
}

.profile-menu-mobile .pmm-scroll .mobile-menu-item span {
    display: block;
    white-space: nowrap
}

.profile-menu-mobile .pmm-scroll .mobile-menu-item.active span {
    color: #d1ac0a
}

.profile-menu-mobile .pmm-scroll .mobile-menu-item.active svg path {
    fill: #d1ac0a
}

.profile-menu-mobile .pmm-scroll .mobile-menu-item:last-child {
    padding-right: 20px
}

.form-registration-success {
    text-align: center;
    width: 100%;
    font-size: 20px
}

.confirm-success {
    padding: 10px;
    border-radius: 6px;
    color: green;
    text-align: center;
    border: 1px solid;
    margin-bottom: 20px
}

.pirate-overlay__content .pirate-img img {
    animation-name: pirateShadow;
    animation-duration: 3s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
    max-width: 100%
}

.open-chat-widget {
    text-decoration: none;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    color: #fff;
    left: 28px;
    bottom: 28px;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
    z-index: 99;
    cursor: pointer
}

.open-chat-widget img {
    animation-name: chatShadow;
    animation-duration: 3s;
    animation-timing-function: ease;
    animation-iteration-count: infinite
}

.chat-widget {
    visibility: hidden;
    transform: scale(0.5);
    opacity: 0;
    position: fixed;
    left: 28px;
    bottom: 28px;
    background: #FFF;
    width: 400px;
    border-radius: 10px;
    transition: all 250ms ease-out 0s;
    z-index: 100;
    overflow: hidden
}

.chat-widget.modal-chat {
    top: 50%;
    left: 50%;
    bottom: initial;
    transform: translate(-50%, -50%) scale(0.5) !important
}

.chat-widget.view {
    visibility: visible;
    transform: scale(1) !important;
    opacity: 1
}

.chat-widget.modal-chat.view {
    visibility: visible;
    transform: translate(-50%, -50%) scale(1) !important;
    opacity: 1
}

.chat-widget .chat-widget-topbar {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background: #000;
    color: #f2c502;
    font-size: 20px
}

.chat-widget .chat-widget-topbar .chat-widget-close {
    cursor: pointer
}

.chat-widget .start-chat-box {
    padding: 30px;
    min-height: 200px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.chat-widget .start-chat-box .start-chat-subject {
    margin-bototm: 10px;
    width: 100%
}

.chat-widget .start-chat-box .start-chat-subject input {
    border: 2px solid #F1F1F1;
    background: #FFF;
    width: 100%;
    font-size: 16px;
    color: #000;
}

.chat-widget .start-chat-box .start-chat-button {
    border-radius: 6px;
    padding: 20px;
    font-weight: bold;
    background: #F1F1F1;
    width: 100%;
    text-align: center;
    cursor: pointer;
    font-size: 16px
}

.chat-widget .chat-widget-messages {
    height: 300px;
    overflow-y: scroll;
    padding: 20px;
    margin-bottom: 0
}

.chat-widget .chat-widget-messages .chat-widget-message-box {
    border-radius: 10px;
    padding: 8px;
    font-size: 14px;
    margin-bottom: 15px;
    width: 90%
}

.chat-widget .chat-widget-messages .chat-widget-message-box.user-message {
    background: #F1F1F1;
    margin-left: auto
}

.chat-widget .chat-widget-messages .chat-widget-message-box.operator-message {
    background: #c1dfec
}

.chat-widget .chat-widget-messages .chat-widget-message-item .chat-widget-message-item-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 6px
}

.chat-widget .chat-widget-messages .chat-widget-message-item .chat-widget-message-item-header .chat-widget-message-item-username {
    font-weight: 600
}

.chat-widget .chat-widget-messages .chat-widget-message-item .chat-widget-message-item-header .chat-widget-message-item-date {
    font-size: 12px;
    color: #666
}

.chat-widget .chat-widget-form {
    position: relative;
    margin-bottom: 10px
}

.chat-widget .chat-widget-form .chat-widget-form-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border: 2px solid #e9e9e9;
    border-radius: 10px;
    margin: 0 2%;
    align-items: flex-end
}

.chat-widget .chat-widget-form .chat-widget-form-nav .chat-widget-form-group.message {
    width: 80%
}

.chat-widget .chat-widget-form .chat-widget-form-nav .chat-widget-form-group.upload {
    width: 40px;
    height: 35px
}

.chat-widget .chat-widget-form .chat-widget-form-nav .chat-widget-form-group.upload input[type="file"] {
    display: none
}

.chat-widget .chat-widget-form .chat-widget-form-nav .chat-widget-form-group.upload .chat-upload-button {
    cursor: pointer
}

.chat-widget .chat-widget-form .chat-widget-form-group textarea {
    width: 100%;
    background: #FFF;
    height: 42px;
    font-size: 14px;
    padding: 8px 10px 8px 10px;
    overflow: hidden;
    white-space: pre-wrap;
    display: block;
    border: none;
    word-wrap: break-word;
    outline: none;
    resize: none;
    font-family: 'Lato'
}

.chat-widget .chat-widget-form .chat-widget-form-group .chat-widget-button.send-message {
    width: 36px;
    height: 36px;
    cursor: pointer;
    border: none;
    outline: none;
    background: none
}

.chat-widget .chat-widget-window-guest {
    padding: 30px
}

.chat-widget .chat-widget-window-guest .chat-widget-form-group {
    margin-bottom: 20px
}

.chat-widget .chat-widget-window-guest .chat-widget-form-group label {
    display: block;
    margin-bottom: 6px;
    font-size: 18px;
    font-weight: 700
}

.chat-widget .chat-widget-window-guest .chat-widget-form-group input {
    width: 100%;
    background: #FFF;
    font-size: 14px;
    padding: 14px 10px 14px 10px;
    border: 2px solid #e9e9e9;
    border-radius: 10px
}

.chat-widget .chat-widget-window-guest .chat-widget-form-group input.error {
    border-color: brown
}

.chat-widget .chat-widget-window-guest .chat-widget-form-group .send-auth {
    width: 100%
}

.chat-widget .chat-widget-window-guest .chat-error {
    font-weight: 600;
    color: brown
}

.chat-widget .chat-is-over {
    padding: 40px 20px;
    font-size: 18px;
    text-align: center;
    font-weight: 600
}

.fast-chat {
    position: relative;
    width: 100%
}

.fast-chat .fast-chat-window {
    position: relative;
    max-height: 300px;
    margin-bottom: 20px;
    overflow-y: scroll;
    border-radius: 10px;
    background: rgb(255 255 255);
    padding: 20px;
    border: 5px solid #FFF;
    min-height: 300px;
    width: 100%
}

.fast-chat .fast-chat-window::-webkit-scrollbar-button {
    background-image: url("style.css");
    background-repeat: no-repeat;
    width: 6px;
    height: 0;
    border-radius: 4px
}

.fast-chat .fast-chat-window::-webkit-scrollbar-track {
    background-color: transparent;
    border: none;
    border-radius: 4px;
    margin: 4px 0 4px 4px
}

.fast-chat .fast-chat-window::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgb(242 197 2);
    background-position: center center;
    background-repeat: no-repeat
}

.fast-chat .fast-chat-window::-webkit-resizer {
    background-image: url("style.css");
    background-repeat: no-repeat;
    width: 0;
    height: 0
}

.fast-chat .fast-chat-window::-webkit-scrollbar {
    width: 6px;
    background: transparent;
    border-radius: 4px
}

.fast-chat .fast-chat-messages .chat-operator-message-box {
    border-radius: 10px;
    padding: 8px;
    font-size: 14px;
    margin-bottom: 15px;
    width: 70%
}

.fast-chat .fast-chat-messages .chat-operator-message-box.user-message {
    background: #F1F1F1;
    margin-right: auto
}

.fast-chat .fast-chat-messages .chat-operator-message-box.operator-message {
    margin-left: auto;
    background: #c1dfec
}

.fast-chat .fast-chat-messages.user-fast-chat .chat-operator-message-box.user-message {
    background: #F1F1F1;
    margin-left: auto;
    margin-right: initial
}

.fast-chat .fast-chat-messages.user-fast-chat .chat-operator-message-box.operator-message {
    margin-right: auto;
    margin-left: initial;
    background: #c1dfec
}

.fast-chat .fast-chat-messages .chat-operator-message-box .chat-operator-message-item-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 6px
}

.fast-chat .fast-chat-messages .chat-operator-message-box .chat-operator-message-item-header .chat-operator-message-item-username {
    font-weight: 600;
    color: #000
}

.fast-chat .fast-chat-messages .chat-operator-message-box .chat-operator-message-item-header .chat-operator-message-item-date {
    font-size: 12px;
    color: #666
}

.fast-chat .fast-chat-messages .chat-operator-message-box .chat-operator-message-item-text {
    font-size: 14px;
    color: #333;
    font-weight: 300;
    max-width: 100%
}

.fast-chat .fast-chat-messages p {
    word-wrap: break-word
}

.fast-chat .fast-chat-form form .chat-widget-form-nav {
    background: #FFF;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border: 2px solid #e9e9e9;
    border-radius: 10px;
    margin: 0 0;
    align-items: flex-end
}

.fast-chat .fast-chat-form form .chat-widget-form-nav .fast-chat-form-group.message {
    width: 88%
}

.fast-chat .fast-chat-form form .chat-widget-form-nav textarea {
    border: none;
    font-size: 14px;
    width: 100%;
    background: #FFF;
    height: 40px;
    font-size: 14px;
    padding: 8px 10px 8px 10px;
    overflow: hidden;
    white-space: pre-wrap;
    display: block;
    border: none;
    word-wrap: break-word;
    font-weight: 300;
    color: #000;
    outline: none;
    resize: none
}

.fast-chat .fast-chat-form form .chat-widget-form-nav .fast-chat-form-group.upload {
    width: 40px;
    height: 37px
}

.fast-chat .fast-chat-form form .chat-widget-form-nav .fast-chat-form-group.upload input[type="file"] {
    display: none
}

.fast-chat .fast-chat-form form .chat-widget-form-nav .fast-chat-form-group.upload .chat-upload-button {
    cursor: pointer
}

.fast-chat .fast-chat-form form .chat-widget-form-nav .fast-chat-form-group.button .chat-widget-button.send-operator-message,
.fast-chat .fast-chat-form form .chat-widget-form-nav .fast-chat-form-group.button .chat-widget-button.send-user-message {
    width: 40px;
    height: 40px;
    cursor: pointer;
    border: none;
    background: none
}

.user-fastchat .no-chats {
    text-align: center;
    padding: 10px;
    font-size: 20px;
    border: 1px solid;
    border-radius: 10px
}

.user-fastchat .chats-item {
    border: 1px solid #272525;
    border-radius: 6px;
    padding: 20px 20px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    background: #000
}
.user-fastchat .chats-item .chats-item-name{
    width: 40%;
}
.user-fastchat .chats-item .chats-item-user{
    width: 110px;
}
.user-fastchat .chats-item .chats-item-date{
    width: 90px;
}
.user-fastchat .chats-item .chats-item-status{
    width: 80px;
}

.user-fastchat .chats-item label {
    display: block;
    font-weight: 400;
    color: #a1a1a1;
    margin-bottom: 5px
}

.user-fastchat .chats-item span {
    color: #f2c502
}

.user-fastchat .chats-item .chats-item-status.open span {
    color: #009609
}

.user-fastchat .chats-item .chats-item-status.close span {
    color: #F00
}

.user-fastchat .chats-item .chats-item-button a {
    color: #f2c502;
    padding: 10px 18px;
    border: 1px solid;
    border-radius: 6px;
    display: inline-block;
    text-align: center;
}

.chat-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.chat-title .close-chat {
    font-size: 16px;
    padding: 12px 20px;
    font-family: "Lato", sans-serif;
    color: #F00;
    border: 1px solid;
    border-radius: 6px;
    cursor: pointer
}

.chat-title .add-chat,
.chat-title .button-yellow {
    font-size: 16px;
    padding: 12px 20px;
    font-family: "Lato", sans-serif;
    color: #f2c502;
    border: 1px solid;
    border-radius: 6px;
    cursor: pointer;
    text-align: center;
}

.user-queries .query-item {
    border: 1px solid #272525;
    border-radius: 6px;
    padding: 20px 20px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    background: #000
}
.user-queries .query-item .query-item-subject{
    width: 44%;
}
.user-queries .query-item .query-item-data{
    width: 90px;
}
.user-queries .query-item .query-item-status{
    width: 80px;
}
.user-queries .query-item label {
    display: block;
    font-weight: 400;
    color: #a1a1a1;
    margin-bottom: 5px
}

.user-queries .query-item span {
    color: #f2c502
}

.user-queries .query-item .query-item-status.open span {
    color: #009609
}

.user-queries .query-item .query-item-status.close span {
    color: #F00
}

.user-queries .query-item .query-item-action a {
    color: #f2c502;
    padding: 10px 18px;
    border: 1px solid;
    border-radius: 6px;
    display: inline-block;
}

.fast-chat .proccess-upload {
    position: absolute;
    top: 180px;
    right: 20px;
    background: #FFF;
    width: 100px;
    height: 100px;
    border-radius: 6px;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.4);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.fast-chat .proccess-upload img {
    max-width: 100px
}

.fast-chat-form .result {
    margin-top: 10px;
    padding: 10px;
    text-align: center;
    border: 1px solid;
    border-radius: 6px
}

.fast-chat-form .result.success {
    color: green
}

.fast-chat-form .result.error {
    color: red
}

.chat-widget-window .proccess-upload {
    position: absolute;
    top: 256px;
    right: 24px;
    background: #FFF;
    width: 80px;
    height: 80px;
    border-radius: 6px;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.4);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.chat-widget-window .proccess-upload img {
    max-width: 80px
}

.chat-widget-window .result {
    margin: 10px;
    padding: 10px;
    text-align: center;
    border: 1px solid;
    border-radius: 6px
}

.chat-widget-window .result.success {
    color: green
}

.chat-widget-window .result.error {
    color: red
}

.section-register .register-success {
    width: 100%;
    font-size: 20px;
    text-align: center
}

body.error-page {
    background: url(../img/bg/bg-main.webp) 50% 0 / 100% no-repeat rgb(39, 36, 31);
    background-attachment: fixed;
    background-size: cover
}

.error-page .error-page-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    margin-top: 80px
}

.error-page .error-page-info .epi-cols.left {
    width: 30%;
    margin-bottom: 150px
}

.error-page .error-page-info .error-num {
    color: #f2c502;
    font-family: 'BluuNextCyrillic';
    font-size: 170px
}

.error-page .error-page-info .error-pagetitle {
    color: #f2c502;
    font-family: 'BluuNextCyrillic';
    font-size: 70px;
    margin-top: 50px
}

.error-page .error-page-info .error-page-text {
    color: #f2c502;
    font-family: 'BluuNextCyrillic';
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 30px
}

.error-page .error-page-info .error-page-button a {
    padding: 14px 60px 12px
}

.error-page .error-page-info .epi-cols.right {
    margin-left: -120px
}

.error-page .error-page-info .epi-cols.right img {
    width: 420px
}

section .section-title {
    font-weight: 500;
    font-style: Bold;
    font-size: 40px;
    leading-trim: NONE;
    line-height: 110%;
    letter-spacing: 0;
    color: #B89E79
}

.button-brown {
    --b: 3px;
    --s: 10px;
    height: 60px;
    display: inline-block;
    aspect-ratio: 6;
    position: relative;
    z-index: 0;
    cursor: pointer
}

.button-brown:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(45deg, rgba(174, 135, 86, 1), rgba(249, 223, 119, 1));
    --g1: #000 var(--b), #0000 0 calc(100% - var(--b)), #000 0;
    --g2: #0000 calc(0.707*var(--s)), #000 0 calc(0.707*var(--s) + var(--b)), #0000 0 calc(100% - 0.707*var(--s) - var(--b)), #000 0 calc(100% - 0.707*var(--s)), #0000 0;
    -webkit-mask: linear-gradient(45deg, var(--g2)), linear-gradient(-45deg, var(--g2)), linear-gradient(90deg, var(--g1)) 50%/100% calc(100% - 2*var(--s)) no-repeat, linear-gradient(180deg, var(--g1)) 50%/calc(100% - 2*var(--s)) 100% no-repeat
}

.button-brown span {
    --notchSize: 9px;
    clip-path: polygon(0% var(--notchSize), var(--notchSize) 0, calc(100% - var(--notchSize)) 0, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize)));
    width: calc(100% - 6px);
    background: linear-gradient(0deg, #6C4025 27.94%, #522E17 81.79%, #211710 122.06%), linear-gradient(180deg, rgba(0, 0, 0, 0) -38.58%, rgba(0, 0, 0, 0.2) 118.78%);
    height: 55px;
    padding: 3px 0 4px;
    margin: 2px 0 0 3px;
    text-align: center;
    color: #B89E79;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 28px;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.25) inset;
    text-transform: uppercase;
    line-height: 0
}

.first-screen {
    position: relative
}

.first-screen .first-screen-image {
    width: 100%;
    height: 1100px;
    background: url(/assets/template/img/parts/header-3.jpg) center top no-repeat;
    background-size: cover
}

.first-screen .fs-caption {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    width: 100%;
    text-align: center;
    opacity: 0;
    transition: all 250ms ease-out 0s
}

.first-screen .fs-caption.active {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1
}

.first-screen .fs-caption .fs-caption-title {
    max-width: 1160px;
    margin: 0 auto;
    width: 100%
}

.first-screen .fs-caption .fs-caption-title img {
    max-width: 100%
}

.first-screen .fs-caption .fs-caption-button {
    text-align: center;
    margin-top: -210px
}

.first-screen .fs-caption .fs-caption-button .button {
    margin-left: 5%;
    filter: drop-shadow(0px 0 20px #935F06)
}

.two-section {
    position: relative;
    margin-top: 0;
    background: linear-gradient(135deg, #110803, rgba(18, 11, 7, 1.0))
}

.two-section::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    display: block;
    box-shadow: 0 0 150px 100px #000
}

.two-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    display: block;
    box-shadow: 0 0 100px 50px #000
}

.two-section .section-mechanics-box {
    max-width: 1920px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    align-items: flex-start
}

.two-section .section-mechanics-box .section-person {
    width: 40%
}

.two-section .section-mechanics-box .section-person img {
    max-width: 100%
}

.two-section .section-mechanics-box .mechanics-wrapper {
    position: relative;
    width: 60%;
    left: -10px;
    z-index: 20
}

.two-section .section-mechanics-box .mechanics-wrapper .mechanics {
    padding: 60px 40px;
    border: 2px solid transparent;
    background: linear-gradient(#2A221E 0 0) padding-box, linear-gradient(to right, #CDB896 1.23%, #9A7950) border-box;
    border-radius: 5px;
    margin: 6px;
    box-shadow: 0 4px 105.1px 0 #00000059 inset
}

.two-section .section-mechanics-box .mechanics-wrapper span {
    display: block;
    position: absolute;
    width: 55px;
    height: 55px;
    border-color: #CDB896
}

.two-section .section-mechanics-box .mechanics-wrapper span.m-left-top {
    top: -1px;
    left: -1px;
    border-top: 2px solid;
    border-left: 2px solid;
    border-color: #CDB896;
    border-radius: 6px 0 0 0
}

.two-section .section-mechanics-box .mechanics-wrapper span.m-right-top {
    top: -1px;
    right: -1px;
    border-top: 2px solid;
    border-right: 2px solid;
    border-color: #CDB896;
    border-radius: 0 6px 0 0
}

.two-section .section-mechanics-box .mechanics-wrapper span.m-left-bottom {
    bottom: -1px;
    left: -1px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    border-color: #CDB896;
    border-radius: 0 0 0 6px
}

.two-section .section-mechanics-box .mechanics-wrapper span.m-right-bottom {
    bottom: -1px;
    right: -1px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    border-color: #CDB896;
    border-radius: 0 0 6px 0
}

.two-section .section-mechanics-box .mechanics-wrapper .mechanics .mechanics-item {
    text-align: center
}

.two-section .section-mechanics-box .mechanics-wrapper .mechanics .mechanics-item:first-child {
    margin-bottom: 40px
}

.two-section .section-mechanics-box .mechanics-wrapper .mechanics .mechanics-item .mechanics-item-title {
    display: inline-block;
    margin-bottom: 40px;
    font-weight: 700;
    font-style: Bold;
    font-size: 26px;
    line-height: 100%;
    letter-spacing: 0;
    color: #B89E79;
    padding: 1em 10% 1em;
    text-align: center;
    background: url(/assets/template/img/parts/title-bg.svg) 100% 100% no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    min-width: min(20.667em, 100%);
    will-change: filter;
    -webkit-user-select: none;
    -moz-user-select: none
}

.two-section .section-mechanics-box .mechanics-wrapper .mechanics .mechanics-item .mechanics-item-image img {
    max-height: 310px
}

.three-section {
    position: relative;
    padding-top: 120px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1920px;
    margin: 0 auto
}

.three-section .section-person {
    margin: 0 0 0 auto;
    width: 43%;
    text-align: right
}

.three-section .section-person img {
    max-width: 100%
}

.three-section .section-guild-box {
    width: 55%;
    left: 0;
    z-index: 20
}

.three-section .section-guild-box .section-title {
    position: relative;
    max-width: 820px;
    margin: 0 auto 60px 0;
    left: 4%
}

.three-section .section-guild-box .guild-wrapper {
    position: relative;
    max-width: 1060px;
    margin: 0 auto 0 0;
    left: 4%
}

.three-section .section-guild-box .guild-wrapper .guild {
    padding: 0 0;
    border: 2px solid transparent;
    background: linear-gradient(#2A221E 0 0) padding-box, linear-gradient(to right, #CDB896 1.23%, #9A7950) border-box;
    border-radius: 5px;
    margin: 6px;
    box-shadow: 0 4px 105.1px 0 #00000059 inset
}

.three-section .section-guild-box .guild-wrapper .guild img {
    max-width: 100%
}

.three-section .section-guild-box .guild-wrapper span {
    display: block;
    position: absolute;
    width: 55px;
    height: 55px;
    border-color: #CDB896
}

.three-section .section-guild-box .guild-wrapper span.g-left-top {
    top: -6px;
    border-top: 2px solid;
    border-left: 2px solid;
    border-color: #CDB896;
    border-radius: 6px 0 0 0
}

.three-section .section-guild-box .guild-wrapper span.g-right-top {
    top: -6px;
    right: 1px;
    border-top: 2px solid;
    border-right: 2px solid;
    border-color: #CDB896;
    border-radius: 0 6px 0 0
}

.three-section .section-guild-box .guild-wrapper span.g-left-bottom {
    bottom: -6px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    border-color: #CDB896;
    border-radius: 0 0 0 6px
}

.three-section .section-guild-box .guild-wrapper span.g-right-bottom {
    bottom: -6px;
    right: 1px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    border-color: #CDB896;
    border-radius: 0 0 6px 0
}

.collection {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1920px;
    margin: 100px auto 0
}

.collection::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    display: block;
    box-shadow: 0 0 150px 100px #000
}

.collection::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    display: block;
    box-shadow: 0 0 150px 100px #000
}

.collection .section-person {
    position: relative;
    z-index: 20;
    width: 39%;
    margin: 0;
    text-align: left
}

.collection .section-person img {
    max-width: 100%
}

.collection .collection-wrapper {
    max-width: 1920px;
    width: 61%;
    bottom: 0;
    z-index: 20
}

.collection .collection-wrapper .collection-box {
    position: relative;
    max-width: 1200px;
    margin: 0 0 0 auto;
    right: 4%
}

.collection .collection-wrapper .collection-box .collection-item {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 0
}

.collection .collection-wrapper .collection-box .collection-item:first-child {
    align-items: flex-start
}

.collection-box .collection-item .collection-item-image {
    position: relative;
    width: 48%
}

.collection-box .collection-item .collection-item-image span {
    display: block;
    position: absolute;
    width: 55px;
    height: 55px;
    border-color: #CDB896
}

.collection-box .collection-item .collection-item-image span.ci-left-top {
    top: 0;
    border-top: 2px solid;
    border-left: 2px solid;
    border-color: #CDB896;
    border-radius: 6px 0 0 0
}

.collection-box .collection-item .collection-item-image span.ci-right-top {
    top: 0;
    right: 1px;
    border-top: 2px solid;
    border-right: 2px solid;
    border-color: #CDB896;
    border-radius: 0 6px 0 0
}

.collection-box .collection-item .collection-item-image span.ci-left-bottom {
    bottom: 0;
    border-bottom: 2px solid;
    border-left: 2px solid;
    border-color: #CDB896;
    border-radius: 0 0 0 6px
}

.collection-box .collection-item .collection-item-image span.ci-right-bottom {
    bottom: 0;
    right: 1px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    border-color: #CDB896;
    border-radius: 0 0 6px 0
}

.collection-box .collection-item .collection-item-image .collection-image {
    padding: 30px;
    border: 2px solid transparent;
    background: linear-gradient(#2A221E 0 0) padding-box, linear-gradient(to right, #CDB896 1.23%, #9A7950) border-box;
    border-radius: 5px;
    margin: 6px;
    box-shadow: 0 4px 105.1px 0 #00000059 inset
}

.collection-box .collection-item .collection-item-image .collection-image img {
    max-width: 100%
}

.collection-box .collection-item .collection-item-text {
    width: 48%;
    font-weight: 600;
    font-style: Bold;
    font-size: 25px;
    leading-trim: NONE;
    line-height: 34px;
    letter-spacing: 0;
    color: #B89E79
}

.collection-box .collection-item .collection-item-text h3 {
    margin: 0;
    color: #B89E79;
    font-family: 'Lato';
    font-weight: 600;
    font-style: Bold;
    font-size: 25px
}

.collection-box .collection-item:first-child .collection-item-text {
    width: 48%;
    margin-top: 20px
}

.collection-box .collection-item .collection-item-text .collection-item-text-img {
    text-align: center;
    margin-bottom: 80px;
    margin-top: 50px
}

.steps-block {
    position: relative;
    padding-top: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1920px;
    margin: 150px auto 100px
}

.steps-block::before {
    content: '';
    position: absolute;
    top: 10%;
    left: 42%;
    transform: translate(-50%, 0);
    max-width: 1500px;
    width: 100%;
    height: 500px;
    background: url(/assets/template/img/parts/stepshadow.webp) center top no-repeat;
    background-size: contain;
    z-index: 1;
    display: none
}

.steps-block .section-person {
    margin: 0 0 0 -100px;
    width: 32%
}

.steps-block .section-person img {
    max-width: 100%
}

.steps-block .steps-wrapper {
    width: 72%;
    z-index: 20
}

.steps-block .steps-wrapper .steps-info {
    position: relative;
    max-width: 1500px;
    margin: 0 auto 80px;
    left: 10%;
    color: #B89E79
}

.steps-block .steps-wrapper .steps-info .steps-info-title {
    font-weight: 600;
    font-size: 35px;
    max-width: 800px;
    margin-bottom: 20px
}

.steps-block .steps-wrapper .steps-info .steps-info-text {
    font-weight: 400;
    font-size: 30px;
    max-width: 600px
}

.steps-block .steps-wrapper .steps-box {
    position: relative;
    max-width: 1500px;
    margin: 0 auto 0 0;
    left: 4%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.steps-block .steps-wrapper .steps-box .step-item-over {
    width: 42%;
    margin: 0 0 80px;
    text-align: center
}

.steps-block .steps-wrapper .steps-box .step-item-over:first-child {
    margin-right: 5%
}

.steps-block .steps-wrapper .steps-box .step-item-over .step-item-num {
    color: #B89E79;
    font-weight: 400;
    font-style: Regular;
    font-size: 64px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0;
    font-family: 'BluuNextCyrillic';
    background: url(/assets/template/img/parts/num-title.png) center top no-repeat;
    padding: 8px 0 0;
    margin-bottom: 30px
}

.steps-block .steps-wrapper .steps-box .step-item-over .step-item-title {
    --b: 3px;
    --s: 10px;
    display: inline-block;
    aspect-ratio: 0;
    position: relative;
    z-index: 0;
    cursor: pointer;
    margin-bottom: 30px;
    filter: drop-shadow(0px 0 8px #935F06)
}

.steps-block .steps-wrapper .steps-box .step-item-over .step-item-title span {
    position: relative;
    padding: 20px 60px;
    background: linear-gradient(0deg, #28201B 27.94%, #513E33 122.05%, #715544 122.06%), linear-gradient(180deg, rgba(0, 0, 0, 0) -38.58%, rgba(0, 0, 0, 0.2) 118.78%);
    --notchSize: 46px;
    clip-path: polygon(0% var(--notchSize), var(--notchSize) 0, calc(100% - var(--notchSize)) 0, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize)));
    color: #B89E79;
    font-size: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: 700;
    text-transform: uppercase;
    height: 88px
}

.steps-block .steps-wrapper .steps-box .step-item-over .step-item-image {
    position: relative
}

.steps-block .steps-wrapper .steps-box .step-item-over .step-item-image .step-image {
    padding: 40px 30px;
    border: 2px solid transparent;
    background: linear-gradient(#2A221E 0 0) padding-box, linear-gradient(to right, #CDB896 1.23%, #9A7950) border-box;
    border-radius: 5px;
    margin: 6px;
    box-shadow: 0 4px 105.1px 0 #00000059 inset
}

.steps-block .steps-wrapper .steps-box .step-item-over .step-item-image .step-image img {
    max-width: 100%;
    max-height: 400px
}

.steps-block .steps-wrapper .steps-box .step-item-over .step-item-image span {
    display: block;
    position: absolute;
    width: 55px;
    height: 55px;
    border-color: #CDB896
}

.steps-block .steps-wrapper .steps-box .step-item-over .step-item-image span.st-left-top {
    top: -6px;
    border-top: 2px solid;
    border-left: 2px solid;
    border-color: #CDB896;
    border-radius: 6px 0 0 0
}

.steps-block .steps-wrapper .steps-box .step-item-over .step-item-image span.st-right-top {
    top: -6px;
    right: 1px;
    border-top: 2px solid;
    border-right: 2px solid;
    border-color: #CDB896;
    border-radius: 0 6px 0 0
}

.steps-block .steps-wrapper .steps-box .step-item-over .step-item-image span.st-left-bottom {
    bottom: -6px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    border-color: #CDB896;
    border-radius: 0 0 0 6px
}

.steps-block .steps-wrapper .steps-box .step-item-over .step-item-image span.st-right-bottom {
    bottom: -6px;
    right: 1px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    border-color: #CDB896;
    border-radius: 0 0 6px 0
}

.last-block {
    position: relative;
    background: url(/assets/template/img/parts/six-block-bg.webp) center top no-repeat;
    background-size: cover;
    padding: 120px 0 120px
}

.last-block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    display: block;
    box-shadow: 0 0 150px 100px #15100d
}

.last-block .roadmap-wrapper {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    position: relative
}

.last-block .roadmap-wrapper .roadmap-pets {
    position: relative;
    text-align: center;
    margin-bottom: -110px;
    z-index: 10
}

.last-block .roadmap-wrapper .roadmap-pets img {
    max-width: 100%
}

.last-block .roadmap-wrapper .roadmap-box {
    position: relative
}

.last-block .roadmap-wrapper .roadmap-box>span {
    display: block;
    position: absolute;
    width: 55px;
    height: 55px;
    border-color: #CDB896
}

.last-block .roadmap-wrapper .roadmap-box>span.rm-left-top {
    top: -6px;
    border-top: 2px solid;
    border-left: 2px solid;
    border-color: #CDB896;
    border-radius: 6px 0 0 0
}

.last-block .roadmap-wrapper .roadmap-box>span.rm-right-top {
    top: -6px;
    right: 1px;
    border-top: 2px solid;
    border-right: 2px solid;
    border-color: #CDB896;
    border-radius: 0 6px 0 0
}

.last-block .roadmap-wrapper .roadmap-box>span.rm-left-bottom {
    bottom: -6px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    border-color: #CDB896;
    border-radius: 0 0 0 6px
}

.last-block .roadmap-wrapper .roadmap-box>span.rm-right-bottom {
    bottom: -6px;
    right: 1px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    border-color: #CDB896;
    border-radius: 0 0 6px 0
}

.last-block .roadmap-wrapper .roadmap-box .roadmap-info {
    padding: 120px 60px 60px;
    border: 2px solid transparent;
    background: linear-gradient(#2A221E 0 0) padding-box, linear-gradient(to right, #CDB896 1.23%, #9A7950) border-box;
    border-radius: 5px;
    margin: 6px;
    box-shadow: 0 4px 105.1px 0 #00000059 inset
}

.last-block .roadmap-wrapper .roadmap-box .roadmap-info .roadmap-info-text {
    color: #B89E79;
    font-weight: 700;
    font-style: Bold;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 30px
}

.last-block .roadmap-wrapper .roadmap-box .roadmap-info .roadmap-info-text p {
    margin: 0 0 6px
}

.last-block .roadmap-wrapper .roadmap-box .roadmap-info .roadmap-info-button {
    text-align: center
}

.other-pages {
    margin: 140px 0 40px
}

.news .news-list {
    width: 64%
}

.news-page .container {
    align-items: flex-start
}

.news-page .go-back {
    margin-bottom: 14px
}

.news-page .go-back a {
    text-decoration: none;
    color: #B89E79;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.news-page .go-back a span {
    margin: 0 0 0 10px;
    font-weight: 600;
    font-size: 25px
}

.news-page h1 {
    margin-bottom: 14px
}

.news-page .news-page-date {
    margin-bottom: 14px;
    font-weight: 700;
    font-style: Bold;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0;
    color: #808080
}

.news-page .news-page-content {
    width: 64%
}

.news-page .news-page-content .news-content {
    margin-bottom: 40px;
    color: #E7E7E7
}

.news-page .news-page-content .news-content .news-content-image {
    margin-bottom: 20px;
    overflow: hidden;
    padding: 4px;
    border-radius: 5px;
    background: linear-gradient(to top, #CDB896, #9A7950)
}

.news-page .news-page-content .news-content .news-content-image img {
    max-width: 100%;
    border-radius: 5px;
    display: block
}

.news-page .news-page-content .news-content h2,
.news-page .news-page-content .news-content h3 {
    margin-bottom: 10px
}

.section.forgot-page h1,
.section.section-register h1 {
    text-align: center
}

.section.forgot-page,
.section.section-register {
    color: #b89e79
}

.section-register .register-policy {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.profile-page {
    padding-top: 140px;
    margin-bottom: 50px
}

.profile-page img {
    max-width: 100%
}

.profile-menu {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    padding: 20px;
    border: none;
    margin: 0
}

.profile-menu__item {
    display: block;
    border-bottom: 0 solid;
    padding: 0.4em 0.4em;
    font-family: 'BluuNextCyrillic';
    color: #e4d492;
    font-size: 20px
}

.profile-menu__item::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #d1ac0a;
    margin-top: 20px
}

.profile-menu__item:last-child::after {
    display: none
}

.profile-menu__item:hover,
.profile-menu__item.active {
    background: none;
    color: #d1ac0a
}

.profile-subtitle {
    color: #f2c502;
    font-family: 'BluuNextCyrillic';
    border-bottom: 2px solid #f2c502;
    font-size: 35px;
    margin-bottom: 20px
}

.profile-page .content-main {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    padding: 20px;
    width: 66%
}

.profile-page input:not([type="checkbox"]),
textarea {
    background: #000
}

.profile-page .profile-in .input-title {
    color: #f2c502;
    font-family: 'BluuNextCyrillic'
}

.profile-mm-button {
    display: none;
    margin-bottom: 30px
}

.profile-mm-button .btn-gold {
    width: 100%
}

.profile-template .profile-page .content-wrapper.auth-content{
    max-width: 600px;
    margin: 0px auto;
}
.profile-template .section.section-auth{
    color: #f39a02;
}
.profile-template .section.section-auth .login-links{
    margin-top: 2rem;   
    display: flex;
    justify-content: center;
    gap: 1.5em;
}
.profile-template .section.section-auth a{
    font-size: 20px;
    font-weight: 600;
    color: #b89e79;
}

img[data-src] {
    max-width: 100%;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    display: inline-block !important
}

img.lazy {
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    display: inline-block !important
}









.load-sections .container{
    padding-bottom: 100px;
    margin-bottom: 100px;
    border-bottom: 1px solid #967448;
}
.load-sections.load-four .container{
    border: none;
}
.load-first{
    max-width: 1200px;
    width: 100%;
    margin: 200px auto 200px;
    background: #2A221E;
    border: 2px solid #CDB896;
    border-radius: 5px;
    padding: 30px;
    text-align: center;
}
.load-first .load-first-text{
    font-size: 36px;
    color: #B89E79;
    margin-bottom: 30px;
}
.load-sections .load-box{
    width: 52%;
    position: relative;
    z-index: 10;
}
.load-sections .load-section-preview{
    width: 46%;
    margin-top: 50px;
}
.load-box .section-load-info{
    margin-bottom: 40px;
}
.load-box .section-load-info .section-load-number{
    font-family: 'BluuNextCyrillic';
    font-size: 100px;
    color: #B89E79;
    display: inline-block;
    margin-bottom: 40px;
}
.load-box .section-load-info .section-load-number::after{
    content: '';
    width: 100%;
    height: 1px;
    background: #967448;
    display: block;
}
.load-box .section-load-info .section-load-title{
    font-size: 40px;
    color: #B89E79;
    margin-bottom: 20px;
    line-height: 44px;
    font-weight: 500;
}
.load-box .section-load-info .section-load-subtitle{
    color: #FFF;
    font-size: 20px;
}
.load-box .section-load-note{
    font-size: 28px;
    color: #B89E79;
    margin-top: 10%;
}
.load-sections.load-one .load-box .section-load-note{
    width: calc(100% + 400px);
}
.load-sections.load-three .load-box .section-load-note{
    margin-top: 40%;
    width: calc(100% + 100px);
}
.load-box .load-one-buttons{

}
.load-box .load-one-buttons .load-one-button{
    margin-bottom: 40px;
    position: relative;
}
.load-box .load-one-buttons .load-one-button .load-links-drop{
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid #CDB896;
    border-radius: 5px;
    display: none;
    z-index: 10;
    width: 100%;
    top: 0px;
    left: 380px;
    overflow: hidden;
    max-width: 230px;
}
.load-box .load-one-buttons .load-one-button .load-links-drop a{
    display: block;
    padding: 12px 12px;
    border-bottom: 1px solid #CDB896;
    text-decoration: none;
    color: #fbc626;
    font-size: 18px;
}
.load-box .load-one-buttons .load-one-button .load-links-drop a:hover{
    background: #000;
}
.load-box .load-one-buttons .load-one-button .load-links-drop a:last-child{
    border: none;
}
.load-box .load-one-buttons .load-one-button:hover .load-links-drop{
    display: block;
}
.load-box .load-one-buttons .load-one-button .button span{
    background: linear-gradient(0deg, #28201B 27.94%, #513E33 122.05%, #715544 122.06%), linear-gradient(180deg, rgba(0, 0, 0, 0) -38.58%, rgba(0, 0, 0, 0.2) 118.78%);
    text-transform: none;
    font-weight: 700;
    font-size: 26px;
    color: #F9DF77;
}
.load-sections.drivers .container{
    border: none;
}
.load-sections.drivers .load-drivers-box{
    width: 100%;
    background: #2A221E;
    border: 2px solid #CDB896;
    border-radius: 5px;
    padding: 50px;
    text-align: center;
}
.load-sections.drivers .load-drivers-box .load-drivers-title{
    font-size: 40px;
    color: #B89E79;
    margin-bottom: 20px;
    line-height: 46px;
}
.load-sections.drivers .load-drivers-box .load-drivers-subtitle{
    color: #EEEEEE;
    font-size: 24px;
    margin-bottom: 40px;
}
.load-sections.drivers .load-drivers-box .load-drivers-button .button{width: 100%;max-width: 740px;height: 100px;}
.load-sections.drivers .load-drivers-box .load-drivers-button .button span{
    background: linear-gradient(0deg, #28201B 27.94%, #513E33 122.05%, #715544 122.06%), linear-gradient(180deg, rgba(0, 0, 0, 0) -38.58%, rgba(0, 0, 0, 0.2) 118.78%);
    text-transform: none;
    font-weight: 700;
    font-size: 22px;
    color: #F9DF77;
    line-height: normal;
    padding: 3px 40px 4px;
    height: 95px;
}
.load-sections-questions{
    margin-bottom: 100px;
}
.load-sections-questions .load-question-form{
    width: 100%;
    background: #2A221E;
    border: 2px solid #CDB896;
    border-radius: 5px;
    padding: 50px;
    text-align: center;
    max-width: 940px;
    margin: 0px auto;
}
.load-sections-questions .load-question-form .lq-form-title{
    font-size: 40px;
    color: #B89E79;
    margin-bottom: 20px;
    line-height: 40px;
    font-weight: 500;
}
.load-sections-questions .load-question-form form{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.load-sections-questions .load-question-form form input[type="text"]{
    width: 60%;
    margin: 0px 30px 0px 0px;
    background: #251b0c url(/assets/template/img/email-icon-support.svg) 10px center no-repeat;
    padding: 0.75em 2.625em;
}
footer{
    padding: 30px 0px;
}
footer .container{
    align-items: center;
}
footer .container .footer-links{
    margin-bottom: 6px;
}
footer .container .footer-links a{
    color: #B89E79;
    text-decoration: none;
    border-bottom: 1px solid;
}
.other-content{
    margin-top: 120px;
    color: #eee;
}
.other-content p{
    margin-bottom: 15px;
}
.other-content ul{
    margin: 0px 0px 0px 20px;
}
.other-content ul li p{
    margin: 0px;
}



@keyframes roll {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes fly-1em {
    0% {
        transform: translate(0, 0)
    }
    50% {
        transform: translate(0, -1em)
    }
    100% {
        transform: translate(0, 0)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes dropShadowSecondary {
    0% {
        filter: drop-shadow(2vw 0 6vw #DC5454)
    }
    25% {
        filter: drop-shadow(2vw 0 4vw rgb(220 84 84 / 75%))
    }
    60% {
        filter: drop-shadow(2vw 0 6vw #DC5454)
    }
    75% {
        filter: drop-shadow(2vw 0 5vw rgb(220 84 84 / 75%))
    }
    100% {
        filter: drop-shadow(2vw 0 6vw #DC5454)
    }
}

@keyframes dropShadowRedBlack {
    0% {
        filter: drop-shadow(0 0 20px #000)
    }
    50% {
        filter: drop-shadow(0 0 20px #591010)
    }
    100% {
        filter: drop-shadow(0 0 20px #000)
    }
}

@keyframes fadeIn {
    from {
        transform: 0
    }
    to {
        transform: 1
    }
}

@keyframes bright-125 {
    0% {
        filter: brightness(1)
    }
    20% {
        filter: brightness(1.25)
    }
    40% {
        filter: brightness(1)
    }
    100% {
        filter: brightness(1)
    }
}

@keyframes contrast-125 {
    0% {
        filter: contrast(1)
    }
    20% {
        filter: contrast(1.25)
    }
    40% {
        filter: contrast(1)
    }
    100% {
        filter: contrast(1)
    }
}

@keyframes flipInY-1000px {
    0% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(1000px) rotateY(90deg);
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(1000px) rotateY(90deg)
    }
    40% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(1000px) rotateY(-20deg);
        animation-timing-function: ease-in;
        transform: perspective(1000px) rotateY(-20deg)
    }
    60% {
        -webkit-transform: perspective(1000px) rotateY(10deg);
        opacity: 1;
        transform: perspective(1000px) rotateY(10deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateY(-5deg);
        transform: perspective(1000px) rotateY(-5deg)
    }
    to {
        -webkit-transform: perspective(1000px);
        transform: perspective(1000px)
    }
}

@keyframes pirateShadow {
    0% {
        filter: drop-shadow(0px 0 0 #f9df77);
        filter: brightness(1)
    }
    50% {
        filter: drop-shadow(30px 30px 90px #f9df77);
        filter: brightness(1.7)
    }
    100% {
        filter: drop-shadow(0px 0 0 #f9df77);
        filter: brightness(1)
    }
}

@keyframes chatShadow {
    0% {
        filter: drop-shadow(0px 0 0 #f9df77)
    }
    50% {
        filter: drop-shadow(0px 0 20px #f9df77)
    }
    100% {
        filter: drop-shadow(0px 0 0 #f9df77)
    }
}

@media(min-width:2600px) {
    .first-screen {
        background: #110803
    }
    .first-screen .first-screen-image {
        background: url(/assets/template/img/header-4.jpg) center top no-repeat;
        background-size: contain
    }
}

@media(max-width:1920px) {
    .first-screen .fs-caption {
        top: 35%
    }
    img {
        max-width: 100%;
        height: auto
    }
}

@media(max-width:1800px) {
    .steps-block .steps-wrapper .steps-box .step-item-over .step-item-title span {
        padding: 20px 30px
    }
}

@media(max-width:1660px) {
    .two-section .section-mechanics-box .mechanics-wrapper .mechanics {
        padding: 60px 30px
    }
    .two-section .section-mechanics-box .mechanics-wrapper .mechanics .mechanics-item .mechanics-item-title {
        padding: 1.5em 8% 1.5em
    }
    .steps-block .steps-wrapper .steps-box .step-item-over .step-item-title span {
        font-size: 18px
    }
}

@media(max-width:1550px) {
    .two-section .section-mechanics-box .mechanics-wrapper .mechanics .mechanics-item .mechanics-item-title {
        font-size: 24px;
        line-height: 100%
    }
}

@media(max-width:1470px) {
    .first-screen .fs-caption {
        top: 45%
    }
    .first-screen .first-screen-image {
        width: 100%;
        height: 800px;
        background-size: cover
    }
    .first-screen .fs-caption .fs-caption-title {
        max-width: 900px
    }
    .first-screen .fs-caption .fs-caption-button {
        margin-top: -140px
    }
    .topnav-wrapper .container {
        padding: 0 2%
    }
    .topnav-wrapper.topnav-ru .topmenu ul li a {
        font-size: 18px;
        padding: 20px 20px
    }
    .two-section .section-mechanics-box .mechanics-wrapper .mechanics .mechanics-item .mechanics-item-title {
        font-size: 20px;
        line-height: 100%
    }
    .collection-box .collection-item .collection-item-text h3 {
        font-size: 20px
    }
    .collection-box .collection-item .collection-item-text {
        font-size: 20px
    }
    .collection-box .collection-item .collection-item-text .collection-item-text-img img {
        max-width: 100%
    }
    .steps-block .steps-wrapper .steps-box .step-item-over .step-item-title span {
        font-size: 18px;
        padding: 0 40px;
        height: 120px;
        display: flex;
        align-items: center;
        line-height: 28px;
        --notchSize: 62px
    }
    .profile-page .content-wrapper {
        padding: 0 2%
    }
    .user-profile-avatar img {
        max-width: 100%
    }
    .promo-form .promo-form-group input[type="text"] {
        width: 50%
    }
    .load-first-over,
    .load-sections,
    .load-sections-questions{
        padding: 0px 4%;
    }
    .load-first .load-first-text{
        font-size: 32px;
    }
    .load-box .section-load-info .section-load-number{
        font-size: 90px;
    }
    .load-box .section-load-info .section-load-title{
        font-size: 36px;
        line-height: 40px;
    }
    .load-sections-questions .load-question-form .lq-form-title{
        font-size: 36px;
    }
    .load-sections.drivers .load-drivers-box .load-drivers-title{
        font-size: 36px;
        margin-bottom: 20px;
        line-height: 42px;
    }
    .load-box .section-load-note{
        font-size: 24px;
    }
    
}

@media(max-width:1366px) {
    .topnav-wrapper.topnav-ru .topmenu ul li a {
        font-size: 18px;
        padding: 20px 10px
    }
    .pirate-img img {
        max-width: 100%
    }
}

@media(max-width:1280px) {
    .topnav-wrapper .topnav-users {
        width: 42%
    }
    .topnav-wrapper .socials-box {
        margin: 0 10px
    }
    .topnav-wrapper .socials-box .sb-item-view {
        margin: 0 6px
    }
    .topnav-wrapper .topmenu ul li a {
        font-size: 16px;
        padding: 20px 10px
    }
    .topnav-wrapper.topnav-ru .topmenu ul li a {
        font-size: 16px;
        padding: 20px 8px
    }
    .profile-over {
        width: 190px
    }
    .two-section .section-mechanics-box .mechanics-wrapper .mechanics .mechanics-item .mechanics-item-image img {
        max-width: 100%
    }
    section .section-title {
        font-size: 30px
    }
    .steps-block .steps-wrapper .steps-info .steps-info-title {
        font-size: 30px
    }
    .steps-block .steps-wrapper .steps-info .steps-info-text {
        font-size: 24px
    }
    .steps-block .steps-wrapper .steps-box .step-item-over .step-item-title span {
        font-size: 16px;
        line-height: 24px
    }
    .profile-subtitle {
        font-size: 30px
    }
    .promo-form .promo-form-title {
        font-size: 20px
    }
    .user-promocodes .promocodes-info h2 {
        font-size: 20px
    }
    .user-promocodes .promocodes-info ul li {
        font-size: 16px
    }
    .promo-form .promo-form-group input[type="text"] {
        margin: 0 0 20px 0
    }
    .promo-form .promo-form-group input[type="text"],
    .promo-form .promo-form-group .btn-gold {
        width: 100%
    }
    .user-fastchat .chats-item .chats-item-name{
        width: 35%;
    }
    .user-fastchat .chats-item .chats-item-user{
        width: 110px;
    }
    .user-fastchat .chats-item .chats-item-date{
        width: 90px;
    }
    .user-fastchat .chats-item .chats-item-status{
        width: 80px;
    }
}

@media(max-width:1100px) {
    .container {
        padding: 0 2%
    }
    .topnav-wrapper {
        padding: 10px 0
    }
    .topnav-wrapper .logo {
        width: 60px
    }
    .topnav-wrapper .topmenu {
        display: none
    }
    .topnav-wrapper .topnav-users {
        width: auto
    }
    .topnav-wrapper.topnav-ru .topnav-users {
        width: auto
    }
    .topnav-wrapper.topnav-ko .topnav-users {
        width: auto
    }
    .topnav-wrapper .socials-box {
        display: none
    }
    .topnav-wrapper .mm-button {
        display: block
    }
    .topnav-users .profile-link {}
    .topnav-users .profile-link span {
        font-size: 16px
    }
    .profile-menu-mobile {
        display: block
    }
    .profile-page .aside-left {}
    .profile-over {
        width: 218px;
        margin: 0 20px 0 0
    }
    .first-screen .first-screen-image {
        width: 100%;
        height: 600px;
        background-size: cover
    }
    .first-screen .fs-caption .fs-caption-title {
        max-width: 600px
    }
    .first-screen.ru-screen .fs-caption .fs-caption-button {
        margin-top: -110px
    }
    .two-section .section-mechanics-box .mechanics-wrapper .mechanics .mechanics-item .mechanics-item-title {
        line-height: 20px;
        padding: 0 5% 0;
        background: url(/assets/template/img/parts/title-bg-6.svg) 100% 100% no-repeat;
        background-size: 100% 100px;
        height: 100px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center
    }
    .collection .collection-wrapper {
        width: 50%
    }
    .collection .section-person {
        width: 56%;
        margin-right: -100px
    }
    .collection .collection-wrapper .collection-box .collection-item {
        flex-direction: column
    }
    .collection .collection-wrapper .collection-box .collection-item:first-child {
        flex-direction: column-reverse
    }
    .collection-box .collection-item .collection-item-image {
        width: 100%
    }
    .collection-box .collection-item .collection-item-text {
        width: 100%;
        margin-bottom: 20px
    }
    .collection-box .collection-item:first-child .collection-item-text {
        width: 100%
    }
    .steps-block .section-person {
        display: none
    }
    .steps-block .steps-wrapper {
        width: 100%;
        padding: 0 2%
    }
    .steps-block .steps-wrapper .steps-info {
        left: 0
    }
    .steps-block .steps-wrapper .steps-box {
        left: 0
    }
    .steps-block .steps-wrapper .steps-box .step-item-over {
        width: 47%
    }
    .fast-chat .fast-chat-form form .chat-widget-form-nav .fast-chat-form-group.message{
        width: 84%;
    }
    .user-fastchat .chats-item .chats-item-name{
        width: 80%;
        order: 1;
    }
    .user-fastchat .chats-item .chats-item-user{
        order: 3;
        width: 40%;
        margin-top: 14px;
        padding-top: 14px;
        border-top: 1px solid #666;
    }
    .user-fastchat .chats-item .chats-item-date{
        order: 4;
        width: 30%;
        margin-top: 14px;
        padding-top: 14px;
        border-top: 1px solid #666;
    }
    .user-fastchat .chats-item .chats-item-status{
        order: 5;
        width: 30%;
        text-align: right;
        margin-top: 14px;
        padding-top: 14px;
        border-top: 1px solid #666;
    }    
    .user-fastchat .chats-item .chats-item-button{
        order: 2;
    }   
    
    .load-first .load-first-text{
        font-size: 30px;
    }
    .load-box .section-load-info .section-load-number{
        font-size: 80px;
    }
    .load-box .section-load-info .section-load-title{
        font-size: 32px;
        line-height: 36px;
    }
    .load-sections-questions .load-question-form .lq-form-title{
        font-size: 32px;
        line-height: 36px;
    }    
    .load-sections.drivers .load-drivers-box .load-drivers-title{
        font-size: 32px;
        margin-bottom: 20px;
        line-height: 34px;
    }    
    .load-sections.drivers .load-drivers-box{
        padding: 50px 30px;
    }
    .load-sections.drivers .load-drivers-box .load-drivers-subtitle{
        font-size: 20px;
        padding: 0px 6%;
    }
    .load-box .section-load-note{
        font-size: 22px;
    }    
    .load-sections .container {
        padding-bottom: 60px;
        margin-bottom: 60px;
    }    
}

@media(max-width:992px) {
    .topnav-wrapper {
        padding: 10px 0
    }
    .topnav-wrapper .logo {
        width: 60px
    }
    .topnav-wrapper .topmenu {
        display: none
    }
    .topnav-wrapper .topnav-users {
        width: auto
    }
    .topnav-wrapper.topnav-ru .topnav-users {
        width: auto
    }
    .topnav-wrapper.topnav-ko .topnav-users {
        width: auto
    }
    .topnav-wrapper .socials-box {
        display: none
    }
    .topnav-wrapper .mm-button {
        display: block
    }
    .topnav-users .profile-link {}
    .topnav-users .profile-link span {
        font-size: 16px
    }
    .profile-menu-mobile {
        display: block
    }
    .profile-page .content-wrapper {
        display: block;
        padding: 0 2%
    }
    .profile-page .aside-left {
        display: none;
        width: 100%;
        margin-bottom: 30px
    }
    .profile-page .profile-mm-button {
        display: block
    }
    .profile-page .profile-content {
        margin-bottom: 80px;
        width: 100%
    }
    .first-screen .first-screen-image {
        width: 100%;
        height: 500px;
        background-size: cover
    }
    .first-screen .fs-caption .fs-caption-title {
        max-width: 600px
    }
    .first-screen .fs-caption .fs-caption-button {
        margin-top: -60px
    }
    .first-screen .fs-caption .fs-caption-button .button {}
    .first-screen.ru-screen .fs-caption .fs-caption-button {
        margin-top: -110px
    }
    .button-brown span {
        font-size: 24px
    }
    .two-section .section-mechanics-box .mechanics-wrapper .mechanics {
        padding: 20px
    }
    .two-section .section-mechanics-box .mechanics-wrapper .mechanics .mechanics-item .mechanics-item-title {
        line-height: 20px;
        padding: 0 8% 0;
        background: url(/assets/template/img/parts/num-title.png) 100% 100% no-repeat;
        background-size: 100% 100px;
        height: 100px;
        font-size: 18px
    }
    section .section-title {
        font-size: 20px
    }
    .last-block .roadmap-wrapper .roadmap-box .roadmap-info .roadmap-info-text {
        font-size: 24px
    }
    .promo-form .promo-form-group input[type="text"] {
        margin: 0 10px 0 0
    }
    .promo-form .promo-form-group input[type="text"],
    .promo-form .promo-form-group .btn-gold {
        width: 48%
    }
    .promo-form .promo-form-group .btn-gold {
        padding: 14px 20px 12px
    }
    .load-first .load-first-text{
        font-size: 28px;
    }
    .load-box .section-load-info .section-load-number{
        font-size: 70px;
    }
    .load-box .section-load-info .section-load-title{
        font-size: 30px;
        line-height: 34px;
    }
    .load-sections-questions .load-question-form .lq-form-title{
        font-size: 30px;
        line-height: 34px;
    }    
    .load-sections.drivers .load-drivers-box .load-drivers-title{
        font-size: 30px;
        margin-bottom: 14px;
        line-height: 30px;
    }      
    .load-box .section-load-note{
        font-size: 20px;
    }    
    .load-sections .container {
        padding-bottom: 60px;
        margin-bottom: 60px;
    } 
}

@media(max-width:767px) {
    .profile-page .user-edit-form {
        flex-direction: column
    }
    .user-profile-column-1,
    .user-profile-column-2 {
        width: 100%
    }
    .button-brown {
        height: 49px
    }
    .button-brown span {
        font-size: 20px;
        height: 45px
    }
    .two-section .section-mechanics-box .mechanics-wrapper .mechanics .mechanics-item .mechanics-item-title {
        font-size: 16px
    }
    .open-chat-widget {
        width: 60px;
        height: 60px;
        left: 8px;
        bottom: 8px
    }
    .open-chat-widget img {
        width: 60px
    }
    .collection {
        margin-top: 50px
    }
    .collection-box .collection-item .collection-item-text {
        font-size: 18px
    }
    .collection .section-person {
        display: none
    }
    .collection .collection-wrapper {
        width: 100%;
        padding: 0 2%
    }
    .collection .collection-wrapper .collection-box {
        left: 0
    }
    .collection-box .collection-item .collection-item-image .collection-image {
        text-align: center
    }
    .steps-block {
        margin: 150px auto 0
    }
    .steps-block .steps-wrapper .steps-box .step-item-over {
        width: 100%;
        margin: 0 0 50px
    }
    .steps-block .steps-wrapper .steps-box .step-item-over:first-child {
        margin-right: 0
    }
    .steps-block .steps-wrapper .steps-box .step-item-over .step-item-title span {
        font-size: 22px;
        line-height: 28px
    }
    .last-block .roadmap-wrapper .roadmap-box .roadmap-info .roadmap-info-text {
        font-size: 20px;
        line-height: 25px
    }
    .last-block .roadmap-wrapper .roadmap-box .roadmap-info .roadmap-info-text p {
        margin-bottom: 10px
    }
    .last-block .roadmap-wrapper .roadmap-pets {
        margin-bottom: -100px
    }
    .last-block .roadmap-wrapper .roadmap-box .roadmap-info {
        padding: 120px 30px 60px
    }
    .pirate-overlay {
        width: clamp(150px, 20%, 320px)
    }
    .pirate-title {
        right: 64%;
        font-size: 18px;
        bottom: 1em
    }
    .aside-right {
        width: 100%;
        margin-top: 40px
    }
    .news .news-list {
        width: 100%
    }
    .news .news-category-over {
        overflow-x: scroll
    }
    .news .news-category-over .news-category-wrapper {
        width: 700px;
        align-items: center
    }
    .news .news-category-over .news-category-wrapper .news-category.active {
        width: 28%
    }
    .news-page .news-page-content {
        width: 100%
    }
    .user-profile-avatar {
        margin: 0 auto
    }
    .acitvity-table {
        overflow-x: scroll
    }
    .acitvity-table table {
        min-width: 800px
    }
    .promo-form .promo-form-group input[type="text"] {
        margin: 0 0 20px 0
    }
    .promo-form .promo-form-group input[type="text"],
    .promo-form .promo-form-group .btn-gold {
        width: 100%
    }
    .profile-subtitle {
        font-size: 22px;
    }  
    .user-queries .query-item .query-item-subject{
        order: 1;
        width: 70%;
    }
    .user-queries .query-item .query-item-data{
        order: 3;
        margin-top: 14px;
        width: 50%;
        border-top: 1px solid #666;
        padding-top: 14px;
    }
    .user-queries .query-item .query-item-status{
        order: 4;
        margin-top: 14px;
        width: 50%;
        border-top: 1px solid #666;
        padding-top: 14px;
        text-align: right;
    }  
    .user-queries .query-item .query-item-action{
        order: 2;
    }
    .chat-title .add-chat, .chat-title .button-yellow{
        padding: 10px 10px;
    }
    .fast-chat .fast-chat-form form .chat-widget-form-nav .fast-chat-form-group.message{
        width: 82%;
    }
    .user-fastchat .chats-item .chats-item-name {
        width: 70%;
        order: 1;
    }
    .user-fastchat .chats-item{
        align-items: center;
    }
    .user-fastchat .chats-item .chats-item-name label{
        display: none;
    }    
    .load-first .load-first-text{
        font-size: 24px;
    }
    .load-box .section-load-info .section-load-number{
        font-size: 70px;
    }
    .load-box .section-load-info .section-load-title{
        font-size: 26px;
        line-height: 30px;
    }
    .load-sections-questions .load-question-form .lq-form-title{
        font-size: 26px;
        line-height: 30px;
    }        
    .load-sections.drivers .load-drivers-box .load-drivers-title{
        font-size: 26px;
        margin-bottom: 6px;
        line-height: 30px;
    }  
    .load-box .section-load-note{
        font-size: 20px;
    }    
    .load-sections .container {
        padding-bottom: 60px;
        margin-bottom: 60px;
    } 
    .load-box .load-one-buttons .load-one-button .button span{
        font-size: 22px;
    }
    .load-sections.drivers .load-drivers-box .load-drivers-button .button{
        height: 120px;
    }
    .load-sections.drivers .load-drivers-box .load-drivers-button .button span{
        padding: 3px 20px 4px;
        font-size: 20px;
        height: 115px;
    }
    .load-first{
        margin: 140px auto 100px;
    }    
    .load-sections .load-box{
        width: 66%;
        margin-right: -80px;
    }
    .load-sections .load-section-preview{
        margin-top: 20px;
    }
    .load-sections-questions .load-question-form{
        padding: 25px;
    }
    .load-sections-questions .load-question-form form input[type="text"]{
        width: 100%;
        margin: 0px 0px 20px 0px;
    }
    .load-sections-questions .load-question-form form .btn-gold{
        width: 100%;
    }
    
    .load-box .load-one-buttons .load-one-button .load-links-drop{
        left: 0px;
        top: 70px;
        max-width: 294px;
        background: rgba(0,0,0, 0.8);
    }
}

@media(max-width:560px) {
    .first-screen.ru-screen .fs-caption .fs-caption-button {
        margin-top: -90px
    }
    .two-section .section-mechanics-box .mechanics-wrapper .mechanics {}
    .two-section .section-mechanics-box .mechanics-wrapper .mechanics .mechanics-item .mechanics-item-title {
        font-size: 16px;
        height: 140px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        background-size: 100% 140px;
        padding: 0 10% 0
    }
    section .section-title {
        font-size: 18px
    }
    .last-block .roadmap-wrapper .roadmap-pets {
        margin-bottom: -100px;
        overflow: hidden
    }
    .last-block .roadmap-wrapper .roadmap-pets img {}
    .user-promocodes .promo-cols.right {
        display: none
    }
    .user-promocodes .promo-cols.left {
        width: 100%
    }
    .fast-chat .fast-chat-form form .chat-widget-form-nav .fast-chat-form-group.message{
        width: 78%;
    }

    .load-first .load-first-text{
        font-size: 22px;
    }
    .load-box .section-load-info .section-load-number{
        font-size: 60px;
        margin-bottom: 30px;
    }
    .load-box .section-load-info .section-load-title{
        font-size: 22px;
        line-height: 30px;
    }
    .load-sections-questions .load-question-form .lq-form-title{
        font-size: 22px;
        line-height: 30px;
    }       
    .load-sections.drivers .load-drivers-box .load-drivers-title{
        font-size: 22px;
    }      
    .load-sections.drivers .load-drivers-box .load-drivers-subtitle{
        font-size: 18px;
    }    
    .load-box .section-load-note{
        font-size: 18px;
    }    
    .load-sections .container {
        padding-bottom: 50px;
        margin-bottom: 50px;
    } 
    .load-box .load-one-buttons .load-one-button .button span{
        font-size: 20px;
    }
    .load-sections.drivers .load-drivers-box .load-drivers-button .button{
        height: 120px;
    }
    .load-sections.drivers .load-drivers-box .load-drivers-button .button span{
        padding: 3px 20px 4px;
        font-size: 18px;
        height: 115px;
    }   
}

@media(max-width:479px) {
    .profile-over {
        width: 52px;
        height: 48px
    }
    .topnav-users .profile-link {
        padding: 6px 6px 7px 6px
    }
    .topnav-users .profile-over.auth .profile-link {
        padding: 0;
        height: 42px
    }
    .topnav-users .profile-link span {
        display: none
    }
    .topnav-users .profile-link .profile-photo {
        margin: 0
    }
    .topnav-users .profile-link.noauth {
        padding: 0;
        height: 42px
    }
    .topnav-users .profile-link.noauth .mm-auth-icon {
        display: block
    }
    .first-screen::after {
        content: '';
        position: absolute;
        bottom: 60px;
        left: 0;
        width: 100%;
        z-index: 10;
        display: block;
        box-shadow: 0 0 150px 100px #000
    }
    .first-screen .first-screen-image {
        width: 100%;
        height: 400px;
        background-size: contain;
        background-position: 0 86px
    }
    .first-screen .fs-caption {
        top: 55%;
        z-index: 14
    }
    .first-screen .fs-caption .fs-caption-button {
        margin-top: -90px
    }
    .first-screen.ru-screen .fs-caption .fs-caption-button {
        margin-top: -70px
    }
    .first-screen .fs-caption .fs-caption-button .button {
        width: 240px;
        height: 49px
    }
    .steps-block .steps-wrapper .steps-box .step-item-over .step-item-title span {
        font-size: 18px;
        line-height: 28px
    }
    .last-block .roadmap-wrapper .roadmap-pets {
        margin-bottom: -80px;
        overflow: hidden
    }
    .last-block .roadmap-wrapper .roadmap-box .roadmap-info {
        padding: 100px 30px 60px
    }
    .pirate-overlay {
        width: clamp(140px, 20%, 320px)
    }
    .pirate-title {
        right: 64%;
        font-size: 16px;
        bottom: 1em
    }
    .chat-widget.view {
        left: 0;
        bottom: 0;
        width: 100%
    }
    .chat-widget .chat-widget-form .chat-widget-form-nav .chat-widget-form-group.message{
        width: 74%;
    }
    .profile-subtitle span{
        width: 100%;
    }
    .chat-title .add-chat, .chat-title .button-yellow{
        width: 100%;
        margin: 20px 0px;
    }
    .user-queries .query-item{
        align-items: center;
    }
    .user-queries .query-item .query-item-subject {
        order: 1;
        width: 60%;
    }
    .user-queries .query-item .query-item-subject label{
        display: none;
    }
    .fast-chat .fast-chat-form form .chat-widget-form-nav .fast-chat-form-group.message{
        width: 70%;
    }
    .fast-chat .fast-chat-messages .chat-operator-message-box{
        width: 90%;
    }
    .user-fastchat .chats-item .chats-item-name {
        width: 60%;
        order: 1;
    }
}