:root {
    --primary-font: "Proxima Nova";
    --secondary-font: "Proxima Nova";
    --secondary-light-font: "Proxima Nova";
    --brand-color: #e89700;
}
a, p, b, span {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    text-decoration: none;
    margin: 0;
    padding: 0;
}
.skin-dark .hero {
    background: url(../../images/bgs/page-index/content-dark_bg.png) center no-repeat;
    background-size: cover;
    position: relative;
}
.skin-light .hero {
    background: url(../../images/bgs/page-index/content-light_bg.png) center no-repeat;
    background-size: cover;
    position: relative;
}
.hero{position:relative}.hero__content{display:flex;flex-direction:column;position:relative;z-index:20}
.hero__content-appeal{padding-top:5rem;width:100%;height:100%}
.hero__content-servers{position:relative;padding-bottom:130px;width:100%;height:100%}
.hero .appeal__heading .main-heading{font-size:5rem;color:#fff}
.hero .appeal__heading .sub-heading{font-size:2rem}
.hero .appeal__heading .button{margin-top:3.5rem}
.hero .servers{width:100%;height:100%}.hero .servers-card{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;background-color:#3d3e35;clip-path:polygon(2% 0, 98% 0, 100% 2%, 100% 98%, 98% 100%, 2% 100%, 0 98%, 0 2%)}.hero .servers-card__image{width:100%;height:100%;position:absolute;z-index:10;left:0;top:0}.hero .servers-card__image img{width:100%;object-fit:cover;pointer-events:none;user-select:none}.hero .servers-card__version{width:20rem;height:4rem;display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;z-index:20;left:2rem;top:3rem;background:#3f3f36;border-radius:1rem}.hero .servers-card__version span{font-family:"Angelus Medival",sans-serif;font-weight:400;font-size:1.2rem;color:#fff;text-transform:uppercase}.hero .servers-card__info{width:100%;display:flex;flex-direction:column;position:relative;z-index:30}.hero .servers-card__info-heading{display:flex;flex-direction:column}.hero .servers-card__info-heading .main-heading{font-family:"Angelus Medival",sans-serif;text-transform:uppercase;font-weight:400;font-size:3.427rem;line-height:3rem}.hero .servers-card__info-heading .main-heading span:nth-child(1){color:#ebba6d}.hero .servers-card__info-heading .main-heading span:nth-child(2){color:#fff}.hero .servers-card__info-heading .sub-heading{font-family:"Intro",sans-serif;font-weight:400;margin-top:1rem;font-size:1.5rem;line-height:2.4rem;color:#fff}.hero .servers-card__info-status{margin-top:3rem}.hero .servers-card__info-status .server:not(:first-child){margin-top:1rem}.hero .servers-card__info-status .server{height:6.5rem;background-color:#625e51;border-radius:.5rem}.hero .servers-card__info-status .server__name .text,.hero .servers-card__info-status .server__name .rates,.hero .servers-card__info-status .server__players .text,.hero .servers-card__info-status .server__players .count,.hero .servers-card__info-status .server__status .status{font-family:"Intro",sans-serif;font-weight:400}.hero .servers-card__info-status .server__name{grid-area:name;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;display:flex;gap:.5rem}.hero .servers-card__info-status .server__name .text{color:#fff}.hero .servers-card__info-status .server__players{grid-area:players;display:flex;gap:.6rem}.hero .servers-card__info-status .server__players .text{color:#b7c4c7}.hero .servers-card__info-status .server__players .count{color:#fff}.hero .servers-card__info-status .server__status{grid-area:status;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.hero .servers-card__info-status .server__occupancy-bar{grid-area:occupancy;position:relative;background-color:#d4d1c6}.hero .servers-card__info-status .server__occupancy-bar .progress{position:absolute;left:0;top:0;height:100%}.hero .servers-card__info-status .server._mod-theme--variant_1 .server__name .rates{color:#f6b441}.hero .servers-card__info-status .server._mod-theme--variant_1 .server__occupancy-bar .progress{background:linear-gradient(90deg, #ffbb6e, #d4893a)}.hero .servers-card__info-status .server._mod-theme--variant_2 .server__name .rates{color:#db63fe}.hero .servers-card__info-status .server._mod-theme--variant_2 .server__occupancy-bar .progress{background:linear-gradient(90deg, #e99dff, #da62fd)}.hero .servers-card__info-status .server._mod-theme--variant_3 .server__name .rates{color:#ff6d6d}.hero .servers-card__info-status .server._mod-theme--variant_3 .server__occupancy-bar .progress{background:linear-gradient(90deg, #ffa2a2, #ff6d6d)}.hero .servers-card__info-status .server._mod-status--offline .server__status .status{color:#ff6d6d}.hero .servers-card__info-status .server._mod-status--offline .server__name .rates{color:#888}.hero .servers-card__info-status .server._mod-status--offline .server__occupancy-bar .progress{display:none}.hero .servers-card__info-status .server._mod-status--online .server__status .status{color:#79cf25}.hero .servers-card__btns{width:100%;position:relative;z-index:20;gap:1rem}.hero .servers-card__btns .card-btn{width:100%;height:5rem;display:flex;flex-direction:row;justify-content:center;align-items:center;transition:filter .3s ease-in-out}.hero .servers-card__btns .card-btn span{color:#fff;font-size:1.5rem;font-family:"Intro",sans-serif}.hero .servers-card__btns .card-btn:hover{filter:brightness(120%)}.hero .servers-card__btns .link-btn{background:#bfa46a}.hero .servers-card__btns .info-btn{background:#878176}
.about {
    background: url(../../images/bgs/page-index/main_features_bg.jpg) center no-repeat;
    background-size: cover;
    position: relative;
}
.about__content-preview{padding-top:8rem;display:flex;flex-direction:row;justify-content:center;align-items:center}
.about__content-advantages{display:flex;flex-direction:column;justify-content:center;align-items:center}
.about .preview__heading .main-heading{text-align:center}
.about .preview__heading .main-heading span:nth-child(1){color:#fff;font-size:4rem}
.about .preview__heading .main-heading span:nth-child(2){color:#ebba6d;font-size:5rem}.about .advantages{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.about .advantages__slider-main{position:relative}.about .advantages__slider-main .slide{transition:transform .3s ease-in-out;display:flex;flex-direction:column;justify-content:center;align-items:center}.about .advantages__slider-main .slide__icon{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:2rem}.about .advantages__slider-main .slide__icon .item-icon{position:relative;z-index:20;max-width:15.3rem;max-height:15.3rem}.about .advantages__slider-main .slide__icon .item-border{position:absolute;z-index:10;transform:scale(1.2)}.about .advantages__slider-main .slide__title{margin-top:2rem;display:flex;flex-direction:column;text-align:center;font-family:"Angelus Medival",sans-serif;font-weight:400;font-size:1.8rem;text-transform:uppercase;color:#fff}.about .advantages__slider-main .slide{transform:translateY(-10rem) scale(0.9);user-select:none}.about .advantages__slider-main .slide.swiper-slide-prev,.about .advantages__slider-main .slide.swiper-slide-next{transform:translateY(-5rem) scale(0.9)}.about .advantages__slider-main .slide.swiper-slide-active{transform:translateY(0rem) scale(1)}.about .advantages__slider-main .arrow{position:absolute;cursor:pointer;top:50%;user-select:none;z-index:20;transition:opacity .3s ease-in-out}.about .advantages__slider-main .arrow.swiper-button-disabled{pointer-events:none;opacity:.4}.about .advantages__slider-sub{margin-top:5rem}.about .advantages__slider-sub .slide-heading{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.about .advantages__slider-sub .slide-heading .main-heading{color:#fff}.about .advantages__slider-sub .slide-heading .sub-heading{color:#e6e6e6;line-height:3rem}.about .advantages__btn{margin-top:3rem}
.join-us__content-appeal {
    width: 100%;
    height: 100%;
    flex-direction: row;
    align-items: center;
    display: flex;
    justify-content: flex-end;
    padding: 120px 0 110px;
}
.join-us .appeal__heading{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}
.join-us .appeal__heading .main-heading {
    color: #ebba6d;
    text-shadow: 2px 2px 3px #000;
}
.join-us .appeal__heading .sub-heading{font-size:2rem;max-width:67.5rem;line-height:3rem;margin-top:0 !important}
.about::before,.about::after,
.join-us::after{content:"";position:absolute;z-index:30;left:0;width:100%;height:4.4rem;background:url("../../images/items/section-seperator.png") no-repeat center;background-size:cover}
.about::before{top:-2rem}
.about::after,.join-us::after{bottom:-2rem}
.stones{width:100%;height:1545px;position:absolute;left:0;top:155px;z-index:50;pointer-events:none}.stones img{min-width:1920px;width:100%}
@media(min-width: 1280px){.hero__content-appeal{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}
.hero .appeal__heading .sub-heading{max-width:63rem}.hero .appeal__heading .button{height:12.5rem;width:51rem;font-size:3.5rem;margin-left:-20px}.hero .servers{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.hero .servers-card{width:49%;height:65rem}}@media(min-width: 1280px){.about .advantages__slider-main{width:calc(100% - 30rem)}.about .advantages__slider-main .arrow.advantages-slider__main-next{right:-15rem}.about .advantages__slider-main .arrow.advantages-slider__main-prev{left:-15rem}.about .advantages__slider-sub{width:calc(100% - 30rem)}.about .advantages__btn{width:38rem;height:9rem;font-size:2.6rem;margin-bottom:11rem !important}}
@media (min-width: 1280px) {
    .join-us .appeal__heading .button {
        height: 16rem;
        width: 52rem;
        font-size: 3.5rem;
        margin-top: 3rem;
    }
}
@media(min-width: 768px){.hero__content-servers{padding-top:160px}
.hero .servers-card__info{padding:0 3rem}
.hero .servers-card__info .server{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(2, 1fr);grid-template-areas:"name players status" "occupancy occupancy occupancy";gap:.7rem 0;padding:1.8rem}.hero .servers-card__info .server__name .text,.hero .servers-card__info .server__name .rates,.hero .servers-card__info .server__players .text,.hero .servers-card__info .server__players .count,.hero .servers-card__info .server__status .status{font-size:1.5rem}.hero .servers-card__info .server__players{display:flex;flex-direction:row;justify-content:center;align-items:center}.hero .servers-card__btns{margin:2.6rem 0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 3rem}}@media(min-width: 768px){.about .advantages__slider-main .slider{padding-top:10rem}.about .advantages__slider-sub{margin-top:7rem}.about .advantages__slider-sub .slide-heading .main-heading{font-size:5.5rem;line-height:5.5rem}.about .advantages__slider-sub .slide-heading .sub-heading{font-size:1.8rem;max-width:101rem}}
@media(min-width: 768px){.join-us{height:50rem}
.join-us .appeal__heading .main-heading{font-size:4rem}}
@media(min-width: 768px)and (max-width: 1279px){.about .advantages__slider-main,.about .advantages__slider-sub{width:calc(100% - 20rem)}
.about .advantages__slider-main .arrow.advantages-slider__main-next{right:-10rem}.about .advantages__slider-main .arrow.advantages-slider__main-prev{left:-10rem}}.join-us .button{margin-top:3rem}@media(max-width: 1279px){.hero .appeal__heading .main-heading{text-align:center}.hero .appeal__heading .sub-heading{text-align:center}.hero .servers{display:flex;flex-direction:column;gap:3rem}.hero .servers-card{width:100%;height:65rem}}.about .advantages__btn{margin-bottom:5rem}@media(max-width: 767px){.hero__content-servers{padding-top:7rem}.hero .servers-card__info{padding:0 1rem}.hero .servers-card__info .server{display:grid;grid-auto-columns:1fr;grid-template-columns:repeat(4, 1fr);grid-template-rows:repeat(3, 1fr);grid-template-areas:"name name players players" "name name status status" "occupancy occupancy occupancy occupancy";gap:.3rem 0;padding:1.2rem}.hero .servers-card__info .server__name .text,.hero .servers-card__info .server__name .rates,.hero .servers-card__info .server__players .text,.hero .servers-card__info .server__players .count,.hero .servers-card__info .server__status .status{font-size:1.4rem}.hero .servers-card__info .server__players{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.hero .servers-card__btns{display:flex;flex-direction:column;margin:2rem 0;padding:0 1rem}}@media(max-width: 767px){.about .preview__heading .main-heading{font-size:2.3rem}.about .advantages__slider-main{width:100%}.about .advantages__slider-main .slider{padding-top:50px}.about .advantages__slider-main .arrow{transform:scale(0.8)}.about .advantages__slider-main .arrow.advantages-slider__main-next{right:0}.about .advantages__slider-main .arrow.advantages-slider__main-prev{left:0}.about .advantages__slider-sub{width:100%;margin-top:5rem}.about .advantages__slider-sub .slide-heading .main-heading{font-size:3.5rem}.about .advantages__slider-sub .slide-heading .sub-heading{font-size:1.8rem}}.join-us{padding:10rem 0}@media(max-width: 767px){.join-us .appeal__heading .main-heading{font-size:3.5rem}.join-us .appeal__heading .button{margin-top:3rem}}