@charset "UTF-8";/* ----------------------------------------------------------------------------------------------------- Unsimple Group *//* Imports *//* -------------------------------------------------------------------------------------------------------------------- *//* ----------------------------------------------------------------------------------------------------- Unsimple Group *//* fonts *//* -------------------------------------------------------------------------------------------------------------------- *//* ----------------------------------------------------------------------------------------------------- Unsimple Group *//* King / Regular / Bold *//* -------------------------------------------------------------------------------------------------------------------- */@font-face { font-family: "King"; src: url("../fonts/SPSLOldKingC.eot"); src: local("☺"), url("../fonts/SPSLOldKingC.woff") format("woff"), url("../fonts/SPSLOldKingC.ttf") format("truetype"), url("../fonts/SPSLOldKingC.svg") format("svg"); font-weight: normal; font-style: normal;}@font-face { font-family: "King Bold"; src: url("../fonts/SPSLOldKingC-Bold.eot"); src: local("☺"), url("../fonts/SPSLOldKingC-Bold.woff") format("woff"), url("../fonts/SPSLOldKingC-Bold.ttf") format("truetype"), url("../fonts/SPSLOldKingC-Bold.svg") format("svg"); font-weight: bold; font-style: normal;}/* ----------------------------------------------------------------------------------------------------- Unsimple Group *//* Gilroy Light / Regular / Medium / Bold *//* -------------------------------------------------------------------------------------------------------------------- */@font-face { font-family: "Gilroy Light"; src: url("../fonts/Gilroy-Light.eot"); src: local("☺"), url("../fonts/Gilroy-Light.woff") format("woff"), url("../fonts/Gilroy-Light.ttf") format("truetype"), url("../fonts/Gilroy-Light.svg") format("svg"); font-weight: normal; font-style: normal;}@font-face { font-family: "Gilroy Regular"; src: url("../fonts/Gilroy-Regular.eot"); src: local("☺"), url("../fonts/Gilroy-Regular.woff") format("woff"), url("../fonts/Gilroy-Regular.ttf") format("truetype"), url("../fonts/Gilroy-Regular.svg") format("svg"); font-weight: normal; font-style: normal;}@font-face { font-family: "Gilroy Medium"; src: url("../fonts/Gilroy-Medium.eot"); src: local("☺"), url("../fonts/Gilroy-Medium.woff") format("woff"), url("../fonts/Gilroy-Medium.ttf") format("truetype"), url("../fonts/Gilroy-Medium.svg") format("svg"); font-weight: normal; font-style: normal;}@font-face { font-family: "Gilroy Bold"; src: url("../fonts/Gilroy-Bold.eot"); src: local("☺"), url("../fonts/Gilroy-Bold.woff") format("woff"), url("../fonts/Gilroy-Bold.ttf") format("truetype"), url("../fonts/Gilroy-Bold.svg") format("svg"); font-weight: normal; font-style: normal;}/* ----------------------------------------------------------------------------------------------------- Unsimple Group *//* Default Settings *//* -------------------------------------------------------------------------------------------------------------------- */html, body, header, nav, section, aside, article, footer, div,span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym,address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small,strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form,label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-family: "Gilroy Regular"; color: #3d3934;}* { -webkit-box-sizing: border-box; box-sizing: border-box;}a { text-decoration: none; color: #836937;}/* ----------------------------------------------------------------------------------------------------- Unsimple Group *//* Input Settings *//* -------------------------------------------------------------------------------------------------------------------- */input, button, select, textarea { outline: none; border: none; font-family: "Gilroy Regular"; color: #3d3934;}select, button { cursor: pointer;}::-webkit-input-placeholder { opacity: 1; -webkit-transition: all 0.3 ease-in-out; transition: all 0.3 ease-in-out; color: #5c5552;}::-moz-placeholder { opacity: 1; -moz-transition: all 0.3 ease-in-out; transition: all 0.3 ease-in-out; color: #5c5552;}:-moz-placeholder { opacity: 1; -moz-transition: all 0.3 ease-in-out; transition: all 0.3 ease-in-out; color: #5c5552;}:-ms-input-placeholder { opacity: 1; -ms-transition: all 0.3 ease-in-out; transition: all 0.3 ease-in-out; color: #5c5552;}:focus::-webkit-input-placeholder { opacity: 0; -webkit-transition: all 0.3 ease-in-out; transition: all 0.3 ease-in-out; color: #5c5552;}:focus::-moz-placeholder { opacity: 0; -moz-transition: all 0.3 ease-in-out; transition: all 0.3 ease-in-out; color: #5c5552;}:focus:-moz-placeholder { opacity: 0; -moz-transition: all 0.3 ease-in-out; transition: all 0.3 ease-in-out; color: #5c5552;}:focus:-ms-input-placeholder { opacity: 0; -ms-transition: all 0.3 ease-in-out; transition: all 0.3 ease-in-out; color: #5c5552;}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none;}/* ----------------------------------------------------------------------------------------------------- Unsimple Group *//* Flex Box *//* -------------------------------------------------------------------------------------------------------------------- */.flex-sbc { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}.flex-sbs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}.flex-sbe { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}.flex-cc { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}.flex-cs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}.flex-ce { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}.flex-sc { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}.flex-ss { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}.flex-se { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}.flex-ec { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}.flex-es { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}.flex-ee { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}/* ----------------------------------------------------------------------------------------------------- Unsimple Group *//* Check box *//* -------------------------------------------------------------------------------------------------------------------- */.check { font-size: 18px; padding-left: 20px; width: 20px; height: 20px; cursor: pointer;}.check > .check-input { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; opacity: 0; pointer-events: none;}.check > .check-input:checked + .check-box:before { opacity: 1;}.check > .check-box { width: 20px; height: 20px; background: #ada7a1; border: 1px solid #ada7a1; border-radius: 15px; position: absolute; margin-left: -20px; display: block;}.check > .check-box:before { content: ""; position: absolute; width: 12px; height: 12px; top: 3px; left: 3px; background: #1b1a17; border-radius: 15px; opacity: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}/* ----------------------------------------------------------------------------------------------------- Unsimple Group *//* Structure *//* -------------------------------------------------------------------------------------------------------------------- */body { background: #ddd7ce;}.wrapper { width: 100%; max-width: 1920px; min-width: 320px; min-height: 100vh; position: relative; z-index: 1; background: url(../images/bg/bottom_page_bg.webp) bottom center no-repeat; overflow-x: hidden; margin: 0 auto;}.content-area { width: calc( 100% - 60px ); max-width: 1240px; min-width: 290px; margin: 0 auto; position: relative; z-index: 1;}@media (max-width: 1080px) { .content-area { width: calc( 100% - 40px ); }}@media (max-width: 640px) { .content-area { width: calc( 100% - 30px ); }}/* popup *//* -------------------------------------------------------------------------------------------------------------------- */.popup { width: 100vw; height: 100vh; background: rgba(255, 255, 255, 0.9); overflow-y: scroll; position: fixed; top: 0px; left: 0px; z-index: 10; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out;}.popup.active { opacity: 1; pointer-events: auto;}.popup__box { width: 100%; height: 100%; padding: 50px; position: relative; z-index: 2;}@media (max-width: 1034px) { .popup__box { width: calc( 100% ); height: calc( 100vh ); }}.popup__box img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain;}.popup__box-title { width: 100%; padding: 20px 30px; font-family: "Beaufort Medium"; font-size: 24px; color: #daccca; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.05);}@media (max-width: 440px) { .popup__box-title { font-size: 18px; }}.popup__content { width: 100%; padding: 30px;}.popup__cancel { width: 30px; height: 30px; position: absolute; top: 22px; right: 20px; cursor: pointer;}@media (max-width: 440px) { .popup__cancel { width: 20px; height: 20px; }}.popup__cancel:hover:after, .popup__cancel:hover:before { background: #8c682e; -webkit-transform: rotate(0deg) scale(0.8, 1); -ms-transform: rotate(0deg) scale(0.8, 1); transform: rotate(0deg) scale(0.8, 1);}.popup__cancel:after { content: ""; width: 100%; height: 2px; position: absolute; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background: #8c682e;}.popup__cancel:before { content: ""; width: 100%; height: 2px; position: absolute; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background: #8c682e;}.popup__video-box-monitor { width: 100%; height: 100%; position: relative; z-index: 1;}/* ----------------------------------------------------------------------------------------------------- Unsimple Group *//* Header *//* -------------------------------------------------------------------------------------------------------------------- */.header { width: 100%; height: 821px; background: url(../images/bg/header_bg_004.webp) top center no-repeat; position: relative; z-index: 2;}/* ----------------------------------------------------------------------------------------------------- Unsimple Group *//* Navigation *//* -------------------------------------------------------------------------------------------------------------------- */.navigation { width: 100%; position: relative; z-index: 2;}.navigation .content-area { height: 75px; opacity: 0; overflow: hidden; -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;}.navigation__links { width: auto;}.navigation__link, .navigation__link-box { text-transform: uppercase; width: auto; font-family: "King"; font-size: 18px; line-height: 18px; color: #3d3934; position: relative; z-index: 1;}@media (max-width: 1180px) { .navigation__link, .navigation__link-box { font-size: 16px; line-height: 16px; }}.navigation__link:not(:last-child), .navigation__link-box:not(:last-child) { margin-right: 45px;}@media (max-width: 1180px) { .navigation__link:not(:last-child), .navigation__link-box:not(:last-child) { margin-right: 25px; }}.navigation__link a, .navigation__link span, .navigation__link-box a, .navigation__link-box span { font-family: inherit; font-size: inherit; line-height: inherit; color: inherit;}.navigation__link a, .navigation__link-box a { -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out;}.navigation__link a:hover, .navigation__link-box a:hover { color: #9d540c;}.navigation__link span, .navigation__link-box span { position: relative; cursor: pointer;}.navigation__link span:after, .navigation__link-box span:after { content: ""; position: absolute; left: 0px; bottom: -3px; width: 100%; height: 1px; background: #b99f6d; pointer-events: none; -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;}.navigation__link span:hover:after, .navigation__link-box span:hover:after { -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); opacity: 0;}.navigation__link i, .navigation__link-box i { margin-left: 5px;}.navigation__link-items { width: 270px; padding-bottom: 15px; background: url(../images/bg/drop_box_bg.png) bottom center no-repeat; border-radius: 4px; position: absolute; left: -15px; top: calc( 100% + 12px ); opacity: 0; pointer-events: none;}.navigation__link-items.active { opacity: 1; pointer-events: auto;}.navigation__link-items .navigation__link { width: 100%;}.navigation__link-items .navigation__link a { display: block; width: 100%; padding: 20px 15px 17px;}@media (max-width: 1180px) { .navigation__link-items .navigation__link a { font-size: 16px; line-height: 16px; }}.navigation__link-items .navigation__link:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.05);}.navigation__link-items .navigation__link span { display: inline; margin-right: 45px;}@media (max-width: 1180px) { .navigation__link-items .navigation__link span { margin-right: 25px; }}.navigation__link-items .navigation__link span:after { display: none;}.navigation__langs { width: 74px; height: 33px; position: relative;}.navigation__langs-arrow { width: 7px; height: 3px; background: url(../images/icon/lang_arrow_icon.png) center center; position: absolute; right: 10px; top: 25px; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;}.navigation__langs-items { width: calc( 100% + 20px); height: calc( 100% + 20px); position: absolute; top: -10px; left: -10px; border-radius: 4px; overflow: hidden; -webkit-transition: height 0.3s ease-in-out, background 0.3s ease-in-out; -o-transition: height 0.3s ease-in-out, background 0.3s ease-in-out; transition: height 0.3s ease-in-out, background 0.3s ease-in-out;}.navigation__langs-items:hover { height: 106px; background: #f2efea;}.navigation__langs-items:hover .navigation__langs-arrow { -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1);}.navigation__langs-item { width: 100%; padding: 10px; -webkit-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out;}.navigation__langs-item.active { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; pointer-events: none;}.navigation__langs-item:not(.active):hover { background: rgba(0, 0, 0, 0.03);}.navigation__langs-item:not(.active) { border-top: 1px solid #d6d3ce;}.navigation__langs-item-icon { width: 33px; height: 33px; border-radius: 33px; overflow: hidden; border: 3px solid #ffffff; position: relative;}.navigation__langs-item-icon img { display: block; position: absolute; top: calc( ( 100% - 33px ) / 2 ); left: calc( ( 100% - 33px ) / 2 );}.navigation__langs-item-name { width: calc( 100% - 33px); padding-left: 7px; font-family: "Gilroy Medium"; font-size: 16px; line-height: 16px; color: #827565; text-transform: uppercase;}/* ----------------------------------------------------------------------------------------------------- Unsimple Group *//* Header content *//* -------------------------------------------------------------------------------------------------------------------- */.header-content { width: 100%;} .header-content__logo { width: 221px; height: 99px; display: flex; margin: 0 auto; margin-top: -10px; align-items: center; justify-content: center; user-select: none; } .header-content__logo img { position: absolute; top: -57px; -webkit-transition: -webkit-filter 0.3s ease-in-out; transition: -webkit-filter 0.3s ease-in-out; -o-transition: filter 0.3s ease-in-out; transition: filter 0.3s ease-in-out; transition: filter 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out; user-select: none; } .header-content__logo:hover img { -webkit-filter: brightness(110%); filter: brightness(110%); } .header-content__start { width: 418px; height: 70px; position: relative; margin: 0 auto; margin-top: 295px; -webkit-transition: -webkit-filter 0.3s ease-in-out; transition: -webkit-filter 0.3s ease-in-out; -o-transition: filter 0.3s ease-in-out; transition: filter 0.3s ease-in-out; transition: filter 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;}@media (max-width: 520px) { .header-content__start { width: 272px; height: 45px; }}.header-content__start img { width: 444px; height: 118px; position: absolute; top: -10px; left: calc( ( 100% - 444px ) / 2 ); pointer-events: none; z-index: 1;}@media (max-width: 520px) { .header-content__start img { width: 290px; height: 77px; top: -7px; left: calc( ( 100% - 290px ) / 2 ); }}.header-content__start span { display: block; width: 100%; position: relative; z-index: 2; text-transform: uppercase; font-family: "King Bold"; font-size: 30px; line-height: 30px; color: #332f2f; text-align: center; text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.6);}@media (max-width: 520px) { .header-content__start span { font-size: 18px; line-height: 18px; }}.header-content__start:hover { -webkit-filter: brightness(120%); filter: brightness(120%);}.header-content__status { width: 231px; height: auto; position: relative; margin: 0 auto; margin-top: 30px;}.header-content__status-info { width: 100%;}.header-content__status-name { width: auto; font-family: "King Bold"; font-size: 18px; line-height: 18px; color: #fff; text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);}.header-content__status-online { width: auto; font-family: "King Bold"; font-size: 18px; line-height: 18px; color: #fff; text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);}.header-content__status-online span { font-family: "King"; font-size: inherit; line-height: inherit; color: #b2aea1;}.header-content__status-bar { width: 231px; height: 4px; background: url(../images/bg/progress_bg.png) top left no-repeat; margin-top: 15px;}.header-content__status-full { height: 4px; background: url(../images/bg/progress_full.png) top left no-repeat; margin-top: 15px; -webkit-transition: width 1s ease-in-out; -o-transition: width 1s ease-in-out; transition: width 1s ease-in-out;}/* ----------------------------------------------------------------------------------------------------- Unsimple Group *//* Time line *//* -------------------------------------------------------------------------------------------------------------------- */.timeline-text { width: 100%; height: auto; position: absolute; bottom: 35px; left: 0px; padding: 0px 30px;}.timeline-text__item { width: 500px; white-space: nowrap; font-family: "King Bold"; font-size: 32px; line-height: 32px; color: #e1d6c4; text-transform: uppercase; margin: 0 auto; text-align: center; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px);}@media (max-width: 800px) { .timeline-text__item { width: 100%; font-size: 18px; line-height: 22px; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); white-space: unset; }}.timeline-text__item.show-item { -webkit-animation: show_timeline_text 3s 1 linear; animation: show_timeline_text 3s 1 linear;}@media (max-width: 800px) { .timeline-text__item.show-item { -webkit-animation: none; animation: none; }}@-webkit-keyframes show_timeline_text { 0% { -webkit-transform: translateX(-1500px); transform: translateX(-1500px); } 20% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } 80% { -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { -webkit-transform: translateX(1500px); transform: translateX(1500px); }}@keyframes show_timeline_text { 0% { -webkit-transform: translateX(-1500px); transform: translateX(-1500px); } 20% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } 80% { -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { -webkit-transform: translateX(1500px); transform: translateX(1500px); }}@-webkit-keyframes show_timeline_text_min { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); }}@keyframes show_timeline_text_min { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); }}.timeline { width: 100%; position: absolute; bottom: 50px; -webkit-transition: opacity 3s ease; -o-transition: opacity 3s ease; transition: opacity 3s ease; opacity: 0; height: 1px; background: -webkit-gradient(linear, left top, right top, from(rgba(74, 70, 67, 0)), color-stop(40%, #4a4643), color-stop(60%, #4a4643), to(rgba(74, 70, 67, 0))); background: -o-linear-gradient(left, rgba(74, 70, 67, 0) 0%, #4a4643 40%, #4a4643 60%, rgba(74, 70, 67, 0) 100%); background: linear-gradient(to right, rgba(74, 70, 67, 0) 0%, #4a4643 40%, #4a4643 60%, rgba(74, 70, 67, 0) 100%);}.timeline.show-item { opacity: 1;}.timeline__year { width: 25%; position: relative;}.timeline__year-num { position: absolute; width: 11px; height: 11px; bottom: -6px; right: -5px; background: #c3a06a; border-radius: 11px;}.timeline__year-num span { display: block; width: 60px; text-align: center; position: absolute; top: 20px; left: calc( ( 100% - 60px ) / 2 ); text-align: center; font-family: "King"; font-size: 14px; line-height: 14px; color: #c3a06a;}.timeline__mount { width: calc( 100% / 13 ); position: relative;}.timeline__mount-num { position: absolute; width: 3px; height: 3px; bottom: -2px; right: -1px; background: #8e8781; border-radius: 3px;}.timeline__item { display: block; width: 56px; height: 68px; background: url(../images/bg/timeline_point_bg.png) top center no-repeat; background-size: 100% 100%; position: absolute; bottom: 8px; left: calc( 56px / 2 ); cursor: pointer; -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; -o-transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); opacity: 0;}.timeline__item.show-item { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1;}.timeline__item:hover { z-index: 1; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);}.timeline__item:hover .timeline__item-desc { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);}.timeline__item-img { width: 48px; height: 48px; border-radius: 64px; position: relative; margin: 4px auto; overflow: hidden; background: #000;}.timeline__item-img img { position: absolute; top: 0px; left: 0px;}.timeline__item-desc { width: 240px; height: auto; background: #2b2727; position: absolute; bottom: calc( 100% + 10px ); left: calc( ( 100% - 240px ) / 2 ); padding: 15px; border-radius: 10px; opacity: 0; -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; -o-transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out; transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out; transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); pointer-events: none;}.timeline__item-desc-title { width: 100%; font-family: "King Bold"; font-size: 16px; line-height: 16px; color: #c9a068;}.timeline__item-desc-text { font-family: "Gilroy Regular"; font-size: 14px; line-height: 18px; color: #b2aea1; margin-top: 5px;}/* ----------------------------------------------------------------------------------------------------- Unsimple Group *//* Page *//* -------------------------------------------------------------------------------------------------------------------- */.page { width: 100%; background: url(../images/bg/content_top_bg.png) top center no-repeat; position: relative; z-index: 1;}/* ----------------------------------------------------------------------------------------------------- Unsimple Group *//* Home about *//* -------------------------------------------------------------------------------------------------------------------- */.home-about { width: 100%; background: #bdae98; background: url(../images/bg/about_bg.png) bottom center no-repeat, -o-linear-gradient(top, #bdae98 0%, #bdae98 calc(100% - 199px), rgba(255, 255, 255, 0) calc(100% - 200px), rgba(255, 255, 255, 0) 100%); background: url(../images/bg/about_bg.png) bottom center no-repeat, linear-gradient(to bottom, #bdae98 0%, #bdae98 calc(100% - 199px), rgba(255, 255, 255, 0) calc(100% - 200px), rgba(255, 255, 255, 0) 100%); position: relative; z-index: 1; margin-bottom: -30px;}.home-about .content-area { padding: 35px 0px 90px;}.home-about__title { width: 100%; font-family: "King"; font-size: 43px; line-height: 43px; color: #2a2626; text-transform: uppercase; margin-bottom: 25px;}@media (max-width: 1300px) { .home-about__title { font-size: 28px; line-height: 35px; }}@media (max-width: 560px) { .home-about__title { font-size: 20px; line-height: 28px; margin-bottom: 15px; }}.home-about__title span { font-family: "King Bold"; font-size: inherit; line-height: inherit; color: inherit;}.home-about__textbox { width: calc( 100% - 550px ); font-family: "Gilroy Light"; font-size: 18px; line-height: 26px; color: #2a2626;}@media (max-width: 1080px) { .home-about__textbox { width: 100%; margin-top: 25px; }}@media (max-width: 560px) { .home-about__textbox { margin-top: 15px; font-size: 16px; line-height: 22px; }}.home-about__textbox-link { width: 246px; height: 40px; border-radius: 4px; border: 2px solid #a4926e; margin-top: 30px; -webkit-transition: background 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out; transition: background 0.3s ease-in-out; padding-top: 1px;}.home-about__textbox-link:hover { background: #a4926e;}.home-about__textbox-link:hover span { color: #000;}.home-about__textbox-link span { font-family: "King"; font-size: 16px; line-height: 16px; color: #836937; text-transform: uppercase; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out;}.home-about__stroke { width: 550px; position: relative; right: -50px;}@media (max-width: 1080px) { .home-about__stroke { width: 100%; right: 0px; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }}.home-about__stroke-item { width: 50%; height: auto; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch;}@media (max-width: 1080px) { .home-about__stroke-item { width: calc( 100% / 4); min-width: 250px; }}.home-about__stroke-icon { width: 42px; height: 42px; margin-left: -10px;}.home-about__stroke-text { width: calc( 100% - 44px); font-family: "Gilroy Light"; font-size: 18px; line-height: 18px; color: #2a2626; padding-left: 5px;}.home-about__stroke-text span { font-family: "Gilroy Bold"; font-size: inherit; line-height: inherit; color: inherit;}/* ----------------------------------------------------------------------------------------------------- Unsimple Group *//* Content *//* -------------------------------------------------------------------------------------------------------------------- */.content { width: 100%; position: relative; z-index: 1; padding-top: 30px;}/* ----------------------------------------------------------------------------------------------------- Unsimple Group *//* Aside *//* -------------------------------------------------------------------------------------------------------------------- */.aside { width: 375px; height: auto; position: relative;}@media (max-width: 960px) { .aside { width: 100%; margin-top: 60px; }}/* ----------------------------------------------------------------------------------------------------- Unsimple Group *//* Home top players *//* -------------------------------------------------------------------------------------------------------------------- */.home-top-players { width: 100%; height: 473px; background: url(../images/bg/aside_box_bg.png) top center no-repeat; position: relative; z-index: 2; padding-top: 25px;}.home-top-players__title { width: 100%; height: 70px; background: url(../images/bg/aside_sep_bg.png) bottom center no-repeat;}.home-top-players__title span { font-family: "King"; font-size: 24px; line-height: 24px; color: #2a2626; text-transform: uppercase;}.home-top-players__content { width: 100%; margin-top: 20px; padding: 0px 30px;}.home-top-players .min-table__tr:not(:first-child) { margin-top: 11px;}.min-table__tr:first-child .home-top-players__num { font-family: "Gilroy Regular"; font-size: 14px; line-height: 14px; color: #555555; opacity: 0.7;}.home-top-players__num { width: 35px; font-family: "Gilroy Regular"; font-size: 14px; line-height: 14px; color: #555555; opacity: 0.7;}.min-table__tr:first-child .home-top-players__name { font-family: "Gilroy Regular"; font-size: 14px; line-height: 14px; color: #555555; opacity: 0.7;}.home-top-players__name { width: calc( 100% - 35px - 120px ); font-family: "Gilroy Bold"; font-size: 18px; line-height: 18px; color: #333333; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;}.min-table__tr:first-child .home-top-players__pvp, .min-table__tr:first-child .home-top-players__pk { font-family: "Gilroy Regular"; font-size: 14px; line-height: 14px; color: #555555; opacity: 0.7;}.home-top-players__pvp, .home-top-players__pk { width: 60px; text-align: right; font-family: "Gilroy Regular"; font-size: 18px; line-height: 18px; color: #665539;}/* ----------------------------------------------------------------------------------------------------- Unsimple Group *//* Home top castles *//* -------------------------------------------------------------------------------------------------------------------- */.min-table { width: 100%;}.home-top-castles { width: 100%; height: 620px; background: url(../images/bg/aside_box_bg2.png) bottom center no-repeat; position: relative; z-index: 1; padding-top: 25px; margin-top: -30px;}.home-top-castles__title { width: 100%; height: 70px; background: url(../images/bg/aside_sep_bg.png) bottom center no-repeat;}.home-top-castles__title span { font-family: "King"; font-size: 24px; line-height: 24px; color: #2a2626; text-transform: uppercase;}.home-top-castles__content { width: 100%; margin-top: 20px; padding: 0px 30px;}.home-top-castles .min-table__tr:not(:first-child) { margin-top: 10px;}.min-table__tr:first-child .home-top-castles__icon { width: 40px; height: unset; border: unset;}.home-top-castles__icon { width: 40px; height: 40px; border-radius: 37px; border: 3px solid #e5e1db; position: relative; overflow: hidden;}.home-top-castles__icon img { position: absolute; display: block; height: 38px; top: -2px; left: -2px;}.min-table__tr:first-child .home-top-castles__name { font-family: "Gilroy Regular"; font-size: 14px; line-height: 14px; color: #555555; opacity: 0.7;}.home-top-castles__name { width: calc( 100% - 40px - 130px ); font-family: "Gilroy Bold"; font-size: 16px; line-height: 16px; color: #333333; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-left: 10px;}.min-table__tr:first-child .home-top-castles__clan { font-family: "Gilroy Regular"; font-size: 14px; line-height: 14px; color: #555555; opacity: 0.7;}.home-top-castles__clan { width: 130px; text-align: right; font-family: "Gilroy Regular"; font-size: 16px; line-height: 16px; color: #665539; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;}/* ----------------------------------------------------------------------------------------------------- Unsimple Group *//* Page content *//* -------------------------------------------------------------------------------------------------------------------- */.page-content { width: 100% );}@media (max-width: 960px) { .page-content { width: 100%; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }}.page-content__title { width: 100%; font-family: "King"; font-size: 36px; line-height: 36px; color: #8c682e; text-transform: uppercase; margin-top: 45px; margin-bottom: 5px;}@media (max-width: 960px) { .page-content__title { font-size: 26px; line-height: 26px; margin-top: 0px; text-align: center; }}.page-content__box { width: 100%; background: url(../images/bg/content_box_top_bg.png) top left no-repeat, url(../images/bg/content_box_bottom_bg.png) bottom right no-repeat, -o-linear-gradient(top, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0) 100px, #dfdad2 101px, #dfdad2 calc(100% - 199px), rgba(255, 255, 255, 0) calc(100% - 100px), rgba(255, 255, 255, 0) 100%); background: url(../images/bg/content_box_top_bg.png) top left no-repeat, url(../images/bg/content_box_bottom_bg.png) bottom right no-repeat, linear-gradient(to bottom, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0) 100px, #dfdad2 101px, #dfdad2 calc(100% - 199px), rgba(255, 255, 255, 0) calc(100% - 100px), rgba(255, 255, 255, 0) 100%); margin-top: 20px; min-height: 870px;}@media (max-width: 960px) { .page-content__box { min-height: auto; padding-bottom: 30px; }}.pagination { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 15px;}.pagination__link { width: 36px; height: 36px; background: rgba(211, 206, 195, 0.5); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; margin: 5px; font-family: "King"; font-size: 16px; line-height: 16px; color: #736961; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out;}.pagination__link:hover { background: #c4a16b; color: #000;}.pagination__link_active { background: #2a2626; color: #c9c5b2;}.pagination__link_active:hover { background: #2a2626; color: #c9c5b2;}/* ----------------------------------------------------------------------------------------------------- Unsimple Group *//* Home news *//* -------------------------------------------------------------------------------------------------------------------- */.home-news { width: 100%;}.home-news__item { width: calc( ( 100% - 20px ) / 2); height: 358px; position: relative; margin-top: 20px;}@media (max-width: 1150px) { .home-news__item { width: 100%; }}.home-news__item:nth-child(1) { width: 100%;}.home-news__item:nth-child(1) .home-news__img:after { top: 85px; left: 0px; -webkit-transform: scale(1.5, 1.5); -ms-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5);}.home-news__img { width: 100%; height: 100%; border-radius: 15px; overflow: hidden; position: absolute; top: 0px; left: 0px; z-index: 1;}.home-news__img img { display: block; position: absolute; top: 0px; right: 0px;}.home-news__img:after { content: ""; width: 804px; height: 358px; position: absolute; top: -30px; left: -100px; background: url(../images/bg/news_shadow_bg.png) top center; z-index: 2; opacity: 0.98;}@media (max-width: 1150px) { .home-news__img:after { top: 85px; left: 0px; -webkit-transform: scale(1.5, 1.5); -ms-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); }}.home-news__date { width: 60px; height: 77px; border-radius: 4px; background: #c4a16b; position: absolute; top: 32px; left: -9px; z-index: 2; text-align: center; font-family: "King"; font-size: 14px; line-height: 14px; color: #2a2626; padding-top: 13px;}.home-news__date span { display: block; width: 100%; text-align: center; font-family: "King"; font-size: 36px; line-height: 36px; color: #2a2626;}.home-news__content { width: 620px; padding-left: 72px; position: relative; z-index: 3; margin-top: 32px;}@media (max-width: 1150px) { .home-news__content { width: 100%; padding-right: 20px; }}.home-news__item:not(:first-child) .home-news__content { width: 100%; padding-right: 20px;}.home-news__title { width: 100%; font-family: "King"; font-size: 28px; line-height: 34px; color: #ffffff;}@media (max-width: 1150px) { .home-news__title { font-size: 22px; line-height: 25px; }}.home-news__title a { font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out;}.home-news__title a:hover { color: #c4a16b;}.home-news__item:not(:first-child) .home-news__title a { font-size: 22px; line-height: 25px;}.home-news__text { width: 100%; height: calc( 24px * 3); font-family: "Gilroy Regular"; font-size: 18px; line-height: 24px; color: #b2aea1; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top: 10px;}.home-news__text * { font-family: inherit; font-size: inherit; line-height: inherit; color: inherit;}.home-news__item:not(:first-child) .home-news__text { display: none;}@media (max-width: 1150px) { .home-news__item:not(:first-child) .home-news__text { display: block; }}.home-news__link { width: 200px; height: 40px; border-radius: 4px; border: 2px solid #5b4a38; margin-top: 25px; -webkit-transition: background 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out; transition: background 0.3s ease-in-out; padding-top: 1px;}.home-news__link:hover { background: #c4a16b;}.home-news__link:hover span { color: #000;}.home-news__link span { font-family: "King"; font-size: 16px; line-height: 16px; color: #c4a16b; text-transform: uppercase; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out;}.home-news__more { width: 100%; height: 60px; border-radius: 15px; margin-top: 20px; background: rgba(211, 206, 195, 0.5); -webkit-transition: background 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out; transition: background 0.3s ease-in-out; padding-top: 3px;}.home-news__more:hover { background: #c4a16b;}.home-news__more:hover span { color: #000;}.home-news__more span { font-family: "King"; font-size: 20px; line-height: 20px; color: #736961; text-transform: uppercase; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; opacity: 0.7;}@media (max-width: 520px) { .home-news__more span { font-size: 16px; line-height: 16px; }}/* ----------------------------------------------------------------------------------------------------- Unsimple Group *//* Full article *//* -------------------------------------------------------------------------------------------------------------------- */.full-article { width: calc( 100% - 60px ); margin: 0px 30px; padding-top: 30px; position: relative;}@media (max-width: 960px) { .full-article { width: calc( 100% - 30px ); margin: 0px 15px; }}.full-article__img { width: 100%; height: 300px; position: relative; border-radius: 15px; overflow: hidden;}.full-article__img img { display: block; height: 100%; position: absolute; top: 0px; right: 0px;}.full-article__date { width: 60px; height: 77px; border-radius: 4px; background: #c4a16b; position: absolute; top: 62px; left: -9px; z-index: 2; text-align: center; font-family: "King"; font-size: 14px; line-height: 14px; color: #2a2626; padding-top: 13px;}.full-article__date span { display: block; width: 100%; text-align: center; font-family: "King"; font-size: 36px; line-height: 36px; color: #2a2626;}.full-article__title { width: 100%; font-family: "King"; font-size: 22px; line-height: 28px; color: #272323; margin-top: 15px;}.full-article__text { width: 100%; margin-top: 5px;}.full-article__text p { font-family: "Gilroy Regular"; font-size: 16px; line-height: 22px; color: #6b6a69; padding: 5px 0px;}.full-article__text p a { color: #af7e32; text-decoration: underline; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out;}.full-article__text p a:hover { color: #cc720c;}.full-article__btn { display: block; width: 200px; padding: 12px 12px 11px; border-radius: 15px; background: #353130; cursor: pointer; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; font-family: "King"; font-size: 16px; line-height: 16px; color: #b99f6d; text-transform: uppercase; margin-top: 10px; text-align: center;}.full-article__btn:hover { background: #a9a59d; color: #353130;}/* ----------------------------------------------------------------------------------------------------- Unsimple Group *//* Downloads *//* -------------------------------------------------------------------------------------------------------------------- */.downloads { width: 100%;}.downloads__nav { width: 100%; height: 76px; background: url(../images/bg/content_nav_bg.png) top center no-repeat; padding: 0px 30px;}@media (max-width: 960px) { .downloads__nav { padding: 0px 15px; }}.downloads__nav-item { padding: 9px 12px 8px; border-radius: 15px; background: #a9a59d; cursor: pointer; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; font-family: "King"; font-size: 18px; line-height: 18px; color: #353130; text-transform: uppercase;}.downloads__nav-item.active { background: #353130; color: #b99f6d;}.downloads__nav-item:not(.active):hover { background: #c3bfb8;}.downloads__nav-item:not(:last-child) { margin-right: 10px;}.downloads__content { width: 100%; position: relative;}.downloads__content-box { width: 100%; padding: 15px 30px 30px; position: absolute; top: 0px; left: 0px; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;}@media (max-width: 960px) { .downloads__content-box { padding: 15px; }}.downloads__content-box.active { position: relative; opacity: 1; pointer-events: auto;}.downloads__item { width: 100%; border-radius: 15px; background: #eae8e4; padding: 15px; -webkit-box-shadow: 0px 2px 4px rgba(194, 188, 178, 0.3); box-shadow: 0px 2px 4px rgba(194, 188, 178, 0.3);}.downloads__item:not(:last-child) { margin-bottom: 15px;}.downloads__item-icon { width: 60px; height: 60px; background: #353130; border-radius: 60px; color: #dbd6ce; font-size: 24px;}.downloads__item-info { width: calc( 100% - 60px - 200px); padding-left: 15px; margin-top: 10px;}@media (max-width: 1160px) { .downloads__item-info { width: calc( 100% - 60px); }}.downloads__item-title { width: 100%; font-family: "King"; font-size: 16px; color: #8d6b2e; text-transform: uppercase;}.downloads__item-size { width: 100%; font-family: "Gilroy Regular"; font-size: 15px; line-height: 15px; color: #6b6a69; margin-top: 6px;}.downloads__item-links { width: 200px; margin-top: 14px;}@media (max-width: 1160px) { .downloads__item-links { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; }}.downloads__item-link { padding: 9px 12px 8px; border-radius: 15px; background: #353130; cursor: pointer; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; font-family: "King"; font-size: 16px; line-height: 16px; color: #b99f6d; text-transform: uppercase;}.downloads__item-link:hover { background: #a9a59d; color: #353130;}.downloads__item-link-min { padding: 9px 9px 8px; border-radius: 15px; background: #353130; cursor: pointer; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; font-family: "King"; font-size: 16px; line-height: 16px; color: #b99f6d; text-transform: uppercase; margin-left: 5px;}.downloads__item-link-min:hover { background: #a9a59d; color: #353130;}.downloads__item-desc { width: 100%; margin-top: 10px; font-size: 16px; line-height: 22px; border-top: 1px solid #d0ccc9; padding-top: 10px;}/* ----------------------------------------------------------------------------------------------------- Unsimple Group *//* Fast start *//* -------------------------------------------------------------------------------------------------------------------- */.fast-start { width: 100%; padding-top: 40px;}.fast-start__box { width: 50%; padding: 0px 30px; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch;}@media (max-width: 1160px) { .fast-start__box { width: 100%; }}@media (max-width: 960px) { .fast-start__box { width: 50%; padding: 0px 15px; }}@media (max-width: 680px) { .fast-start__box { width: 100%; }}.fast-start__box:not(:last-child) { border-right: 1px solid #c1bab2;}@media (max-width: 1160px) { .fast-start__box:not(:last-child) { border-right: none; margin-bottom: 30px; }}.fast-start__title { width: 100%; font-family: "King"; font-size: 28px; line-height: 28px; color: #353130;}.fast-start__files { width: 100%; margin-top: 15px;}.fast-start__files-item { width: 100%; border-radius: 15px; background: #eae8e4; padding: 15px; -webkit-box-shadow: 0px 2px 4px rgba(194, 188, 178, 0.3); box-shadow: 0px 2px 4px rgba(194, 188, 178, 0.3); -webkit-transition: background 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; transition: background 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out; transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out; transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;}.fast-start__files-item:hover { background: #fff; -webkit-box-shadow: 0px 2px 4px rgba(194, 188, 178, 0.7); box-shadow: 0px 2px 4px rgba(194, 188, 178, 0.7);}.fast-start__files-item:not(:last-child) { margin-bottom: 15px;}.fast-start__files-icon { width: 50px; height: 50px; background: #353130; border-radius: 50px; color: #dbd6ce; font-size: 22px;}.fast-start__files-info { width: calc( 100% - 50px); padding-left: 10px;}.fast-start__files-title { width: 100%; font-family: "King"; font-size: 16px; color: #8d6b2e; text-transform: uppercase; margin-top: 4px;}.fast-start__files-size { width: 100%; font-family: "Gilroy Regular"; font-size: 15px; line-height: 15px; color: #6b6a69; margin-top: 6px;}.fast-start__files-guide-title { width: 100%; font-family: "King"; font-size: 16px; color: #8d6b2e; text-transform: uppercase; margin-bottom: 15px; margin-top: 30px;}.fast-start__files-guide { width: 100%;}.fast-start__files-guide-line { font-family: "Gilroy Regular"; font-size: 15px; line-height: 19px; color: #6b6a69;}.fast-start__files-guide-line:not(:last-child) { margin-bottom: 15px;}.fast-start__reg { width: 100%; margin-top: 15px;}.fast-start__reg-form { width: 100%;}.fast-start__reg-line { width: 100%; height: 42px; border-radius: 15px; background: #ada7a1; margin-top: 10px; position: relative;}.fast-start__reg-line-icon { width: 40px; padding-left: 3px; height: 100%; border-right: 1px solid #d7d0c8; position: relative; z-index: 2;}.fast-start__reg-line-prefix { width: 50px; height: 100%; border-right: 1px solid #d7d0c8; font-size: 15px; cursor: pointer; position: relative; z-index: 2;}.fast-start__reg-line input { display: block; width: calc( 100% - 40px); height: 100%; background: rgba(0, 0, 0, 0); font-size: 18px; position: relative; z-index: 1; padding-left: 15px;}.fast-start__reg-line.prefix-line input { width: calc( 100% - 40px - 50px );}.fast-start__reg-box { width: 100%; margin-top: 15px;}.fast-start__reg-box .checkbox-text { width: calc( 100% - 30px ); font-size: 14px; margin-top: -1px;}.fast-start__reg-box button { display: block; width: 100%; padding: 15px 12px 14px; border-radius: 15px; background: #353130; cursor: pointer; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; font-family: "King"; font-size: 18px; line-height: 18px; color: #b99f6d; text-transform: uppercase; margin-top: 10px;}.fast-start__reg-box button:hover { background: #4b4341;}/* ----------------------------------------------------------------------------------------------------- Unsimple Group *//* Fast donate *//* -------------------------------------------------------------------------------------------------------------------- */.fast-donate { width: 600px; padding: 180px 30px 120px; margin: 0 auto; position: relative;}@media (max-width: 1120px) { .fast-donate { width: 100%; }}.fast-donate:after { content: ""; width: 700px; height: 680px; background: url(../images/bg/donate_bg.png) top center; background-size: 100% 100%; position: absolute; top: 20px; left: calc( ( 100% - 700px ) / 2 ); opacity: 0.4; z-index: 1;}.fast-donate__text { width: 100%; font-family: "Gilroy Medium"; font-size: 18px; line-height: 22px; color: #3d3d3d; text-align: center; position: relative; z-index: 2;}.fast-donate__text-price { width: 100%; padding: 14px; border-radius: 15px; background: #4c803b; font-size: 20px; color: #d4f1cb; margin-top: 15px; margin-bottom: 20px; position: relative; z-index: 2;}.fast-donate__form { width: 100%; height: auto; position: relative; z-index: 2;}.fast-donate__form-line { width: 100%; height: 52px; border-radius: 15px; background: #ada7a1; margin-top: 10px; position: relative;}.fast-donate__form-line input { display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); font-size: 18px; position: relative; z-index: 1; text-align: center;}.fast-donate__form-line i { font-size: 18px; position: absolute; top: 17px; left: 17px;}.fast-donate button { display: block; width: 100%; padding: 15px 12px 14px; border-radius: 15px; background: #353130; cursor: pointer; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; font-family: "King"; font-size: 18px; line-height: 18px; color: #b99f6d; text-transform: uppercase; margin-top: 10px;}.fast-donate button:hover { background: #4b4341;}/* ----------------------------------------------------------------------------------------------------- Unsimple Group *//* Library *//* -------------------------------------------------------------------------------------------------------------------- */.library { width: 100%;}.library__title { width: 100%; font-family: "King"; font-size: 36px; line-height: 36px; color: #8c682e; text-transform: uppercase; margin-bottom: 25px; text-align: center;}@media (max-width: 960px) { .library__title { font-size: 26px; line-height: 26px; margin-top: 0px; text-align: center; }}.library__aside { width: 350px; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; margin: -20px 0px; background: url(../images/bg/content_black_box_top_bg.png) top left repeat-x, url(../images/bg/content_black_box_bottom_bg.png) bottom center repeat-x, -o-linear-gradient(top, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0) 60px, #372e2a 61px, #372e2a calc(100% - 61px), rgba(255, 255, 255, 0) calc(100% - 60px), rgba(255, 255, 255, 0) 100%); background: url(../images/bg/content_black_box_top_bg.png) top left repeat-x, url(../images/bg/content_black_box_bottom_bg.png) bottom center repeat-x, linear-gradient(to bottom, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0) 60px, #372e2a 61px, #372e2a calc(100% - 61px), rgba(255, 255, 255, 0) calc(100% - 60px), rgba(255, 255, 255, 0) 100%);}@media (max-width: 960px) { .library__aside { width: 100%; position: relative; z-index: 2; }}.library__aside-nav { width: 100%; height: auto; padding: 30px; margin-top: 30px; margin-bottom: 30px;}@media (max-width: 960px) { .library__aside-nav { padding: 30px 15px; }}.library__aside-item { width: 100%;}.library__aside-item:not(:last-child) { margin-bottom: 15px;}.library__aside-item-btn { width: 100%; height: 40px; background: rgba(0, 0, 0, 0.3); border-radius: 15px; padding: 0px 8px; cursor: pointer; -webkit-transition: background 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out; transition: background 0.3s ease-in-out;}.library__aside-item-btn:hover { background: rgba(0, 0, 0, 0.6);}.library__aside-item-btn:hover i { color: #e6c179;}.library__aside-item-btn:hover span { color: #e6c179;}.library__aside-item-btn i { width: 30px; text-align: center; font-size: 18px; line-height: 18px; color: #b1aba5; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out;}.library__aside-item-btn span { font-family: "King"; font-size: 18px; line-height: 18px; color: #b1aba5; margin-left: 4px; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out;}.library__aside-item-content { width: 100%; display: none;}.library__aside-item-content a { display: block; width: 100%; font-family: "Gilroy Regular"; font-size: 16px; line-height: 22px; color: #b1aba5; padding-left: 10px; padding: 10px 13px; border-radius: 15px; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out;}.library__aside-item-content a:hover { background: rgba(0, 0, 0, 0.1); color: #e6c179;}.library__content { width: calc( 100% - 350px); min-height: 500px; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; padding: 40px 30px 30px; background: url(../images/bg/content_box_top_bg.png) top right repeat-x, url(../images/bg/content_box_bottom_bg.png) bottom right repeat-x, -o-linear-gradient(top, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0) 100px, #dfdad2 101px, #dfdad2 calc(100% - 199px), rgba(255, 255, 255, 0) calc(100% - 100px), rgba(255, 255, 255, 0) 100%); background: url(../images/bg/content_box_top_bg.png) top right repeat-x, url(../images/bg/content_box_bottom_bg.png) bottom right repeat-x, linear-gradient(to bottom, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0) 100px, #dfdad2 101px, #dfdad2 calc(100% - 199px), rgba(255, 255, 255, 0) calc(100% - 100px), rgba(255, 255, 255, 0) 100%);}@media (max-width: 960px) { .library__content { width: 100%; margin-top: -50px; padding: 80px 15px 30px; position: relative; z-index: 1; }}.library__content-title { width: 100%; height: auto; font-family: "King"; font-size: 24px; line-height: 30px; color: #272323;}.library__content-text { width: 100%; margin-top: 10px;}.library__content-text h3 { display: block; font-family: "Gilroy Regular"; margin: 0; font-size: 18px; line-height: 26px; color: #272323; padding: 10px 0px 5px;}.library__content-text p { font-family: "Gilroy Regular"; font-size: 16px; line-height: 22px; color: #6b6a69; padding: 5px 0px;}.library__content-text p a { color: #af7e32; text-decoration: underline; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out;}.library__content-text p a:hover { color: #cc720c;}.library__content-text table { width: 100%; border: 1px solid #928a80; border-radius: 15px; margin: 5px 0px;}.library__content-text table tr:first-child td { background: #eceae6;}.library__content-text table tr:first-child td:first-child { border-radius: 15px 0px 0px 0px;}.library__content-text table tr:first-child td:last-child { border-radius: 0px 15px 0px 0px;}.library__content-text table tr:last-child td:first-child { border-radius: 0px 0px 0px 15px;}.library__content-text table tr:last-child td:last-child { border-radius: 0px 0px 15px 0px;}.library__content-text table td { padding: 10px; border: 1px solid #928a80;}.library__content-text ul { margin-left: 18px; padding: 5px 0px;}.library__content-text ul li { font-family: "Gilroy Regular"; font-size: 16px; line-height: 20px; color: #4b4947; padding: 5px 0px;}.library__content-text ul li a { color: #af7e32; text-decoration: underline; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out;}.library__content-text ul li a:hover { color: #cc720c;}.library__content-buttons { width: 100%; padding: 5px 0px;}.library__content-buttons a { display: block; width: auto; padding: 13px 12px 12px; border-radius: 15px; background: #353130; cursor: pointer; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; font-family: "King"; font-size: 14px; line-height: 14px; color: #b99f6d; text-transform: uppercase; margin-top: 10px;}.library__content-buttons a:hover { background: #4b4341;}.library__content-buttons a:not(:last-child) { margin-right: 5px;}.library__content-category { width: 100%; height: auto;}.library__content-category:not(:first-child) { margin-top: 20px;}.library__content-category-title { width: 100%; padding: 12px 0px; font-family: "King"; margin: 0; font-size: 24px; line-height: 28px; color: #372e2a; border-bottom: 1px solid #b9b3ac;}.library__content-category-content { width: calc( 100% + 10px ); margin: 10px -5px;}.library__content-category-item { width: calc( ( 100% / 3 ) - 10px ); background: #cfc9c2; margin: 5px; border-radius: 15px; overflow: hidden; position: relative; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch;}@media (max-width: 700px) { .library__content-category-item { width: calc( ( 100% / 2 ) - 10px ); }}@media (max-width: 440px) { .library__content-category-item { width: calc( ( 100% / 1 ) - 10px ); height: 180px; }}.library__content-category-item-player { width: 100%; height: 150px; border-radius: 15px; overflow: hidden; position: relative;}@media (max-width: 440px) { .library__content-category-item-player { height: 180px; }}.library__content-category-item-info { width: 100%; padding: 10px 15px 13px;}.library__content-category-item-title { width: 100%; font-family: "Gilroy Bold"; font-size: 16px; line-height: 18px; max-height: calc( 18px * 2 ); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}.library__content-category-item-desc { width: 100%; font-family: "Gilroy Regular"; font-size: 14px; color: #827771; line-height: 16px; max-height: calc( 16px * 2 ); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 5px;}.library__content-category-item img { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; -o-object-fit: cover; object-fit: cover; z-index: 1;}.library__content-category-item.img { cursor: pointer;}.library__content-category-item.img:after { content: ""; width: 100%; height: 150px; position: absolute; top: 0px; left: 0px; background: url(../images/icon/see_icon.png) rgba(255, 255, 255, 0.7) center center no-repeat; z-index: 2; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; border-radius: 15px;}@media (max-width: 440px) { .library__content-category-item.img:after { height: 180px; }}.library__content-category-item.img:hover:after { opacity: 1;}.library__jail { width: 100%; min-height: 500px; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; padding: 50px 30px; background: url(../images/bg/content_box_top_bg2.png) top center repeat-x, url(../images/bg/content_box_bottom_bg2.png) bottom center repeat-x, -o-linear-gradient(top, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0) 100px, #dfdad2 101px, #dfdad2 calc(100% - 199px), rgba(255, 255, 255, 0) calc(100% - 100px), rgba(255, 255, 255, 0) 100%); background: url(../images/bg/content_box_top_bg2.png) top center repeat-x, url(../images/bg/content_box_bottom_bg2.png) bottom center repeat-x, linear-gradient(to bottom, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0) 100px, #dfdad2 101px, #dfdad2 calc(100% - 199px), rgba(255, 255, 255, 0) calc(100% - 100px), rgba(255, 255, 255, 0) 100%);}.library__table { width: 100%; height: auto; border: 1px solid #c3bdb5; border-bottom: 0px;}.library__tr { width: 100%; border-bottom: 1px solid #c3bdb5;}.library__tr:nth-child(even) { background: #ccc7c0;}.library__tr:first-child * { font-family: "Gilroy Bold";}@media (max-width: 800px) { .library__tr:first-child { display: none; }}.library__td { width: calc( 100% / 6); -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; padding: 15px; text-align: center; font-size: 14px;}@media (max-width: 800px) { .library__td { width: 100%; text-align: left; border-right: 0px !important; } .library__td:not(:last-child) { border-bottom: 1px solid #c3bdb5; }}.library__td:before { content: attr(data-name); font-family: "Gilroy Medium"; display: none;}@media (max-width: 800px) { .library__td:before { display: inline-block; margin-right: 5px; }}.library__td:not(:last-child) { border-right: 1px solid #c3bdb5;}.textbox { width: 100%; padding: 30px;}.textbox h3 { display: block; font-family: "Gilroy Regular"; margin: 0; font-size: 18px; line-height: 26px; color: #272323; padding: 10px 0px 5px;}.textbox p { font-family: "Gilroy Regular"; font-size: 16px; line-height: 22px; color: #6b6a69; padding: 5px 0px;}.textbox p a { color: #af7e32; text-decoration: underline; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out;}.textbox p a:hover { color: #cc720c;}.textbox table { width: 100%; border: 1px solid #928a80; border-radius: 15px; margin: 5px 0px;}.textbox table tr:first-child td { background: #eceae6;}.textbox table tr:first-child td:first-child { border-radius: 15px 0px 0px 0px;}.textbox table tr:first-child td:last-child { border-radius: 0px 15px 0px 0px;}.textbox table tr:last-child td:first-child { border-radius: 0px 0px 0px 15px;}.textbox table tr:last-child td:last-child { border-radius: 0px 0px 15px 0px;}.textbox table td { padding: 10px; border: 1px solid #928a80;}.textbox ul { margin-left: 18px; padding: 5px 0px;}.textbox ul li { font-family: "Gilroy Regular"; font-size: 16px; line-height: 20px; color: #4b4947; padding: 5px 0px;}.textbox ul li a { color: #af7e32; text-decoration: underline; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out;}.textbox ul li a:hover { color: #cc720c;}/* ----------------------------------------------------------------------------------------------------- Unsimple Group *//* Footer *//* -------------------------------------------------------------------------------------------------------------------- */.footer { width: 100%; background: -o-linear-gradient(bottom, #dad7cd 0%, #dad7cd calc(100% - 324px), rgba(255, 255, 255, 0) calc(100% - 200px), rgba(255, 255, 255, 0) 100%), url(../images/bg/footer_bg.webp) top center no-repeat; background: linear-gradient(to top, #dad7cd 0%, #dad7cd calc(100% - 324px), rgba(255, 255, 255, 0) calc(100% - 200px), rgba(255, 255, 255, 0) 100%), url(../images/bg/footer_bg.webp) top center no-repeat; position: relative; z-index: 1;}.footer .content-area { padding: 144px 0px 55px;}@media (max-width: 1080px) { .footer .content-area { padding: 144px 0px 35px; }}.footer__cpr { width: 375px;}@media (max-width: 1080px) { .footer__cpr { width: 100%; border-bottom: 1px solid #cac3bb; padding-bottom: 30px; margin-bottom: 30px; }}.footer__cpr-title { width: 100%; font-family: "Gilroy Bold"; font-size: 18px; line-height: 18px; color: #6b6a69;}@media (max-width: 1080px) { .footer__cpr-title { text-align: center; }}.footer__cpr-text { width: 100%; font-family: "Gilroy Light"; font-size: 10px; line-height: 16px; color: #6b6a69; text-transform: uppercase; margin-top: 15px;}@media (max-width: 1080px) { .footer__cpr-text { text-align: center; margin-top: 8px; }}.footer__cpr-unsimple { width: 152px; height: 30px; display: block; opacity: 0.6; -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; margin-top: 20px;}.footer__cpr-unsimple:hover { opacity: 1;}@media (max-width: 1080px) { .footer__cpr-unsimple { margin: 20px auto 0px; }}.footer__links { width: auto;}@media (max-width: 620px) { .footer__links { width: 100%; margin-bottom: 30px; }}.footer__links-title { width: auto; white-space: nowrap; font-family: "King"; font-size: 16px; line-height: 16px; color: #8d6b2e; text-transform: uppercase;}@media (max-width: 620px) { .footer__links-title { width: 100%; text-align: center; }}.footer__link { width: auto; margin-top: 15px; font-family: "Gilroy Bold"; font-size: 14px; line-height: 14px; color: #6b6a69; text-transform: uppercase;}@media (max-width: 620px) { .footer__link { width: 100%; text-align: center; }}.footer__link a { white-space: nowrap; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out;}.footer__link a:hover { color: #9d540c;}.footer__up-btn { width: 40px; height: 130px; border-radius: 40px; border: 1px solid #afa9a3; position: relative; cursor: pointer; -webkit-transition: border 0.3s ease-in-out; -o-transition: border 0.3s ease-in-out; transition: border 0.3s ease-in-out;}@media (max-width: 620px) { .footer__up-btn { height: 40px; margin: 0 auto; }}.footer__up-btn:hover { border: 1px solid #9d540c;}.footer__up-btn img { position: absolute; display: block; top: calc( ( 100% - 20px ) / 2 ); left: calc( ( 100% - 20px ) / 2 );}/* ----------------------------------------------------------------------------------------------------- Unsimple Group *//* End CSS *//* -------------------------------------------------------------------------------------------------------------------- */ .home-about__stroke-server { width: 100%; margin-bottom: 10px; } .home-about__stroke-server:not(:first-child) { margin-top: 12px; } .e_icon_1, .e_icon_2 { position: fixed; bottom: 0; background-size: 100% 100%; background-repeat: no-repeat; background-position: center; transition: filter .5s ease, transform .5s ease; z-index: 2; } .e_icon_1:hover, .e_icon_2:hover { filter: drop-shadow(0px 0px 5px #f9f4ec); transform: translateY(-10px); } .e_icon_1 { left: 10px; height: 200px; width: 150px; margin-bottom: 5px; } .e_icon_2 { right: 10px; height: 100px; width: 100px; } .e_icon_1 a, .e_icon_2 a { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } @media (max-width: 979px){ .la2fun_event_icons { display: none; } } .la2fun_preloader { position: fixed; display: flex; top: 0; left: 0; height: 100%; width: 100%; background: rgb(189 174 152 / 50%); backdrop-filter: blur(50px); z-index: 1000; align-content: center; justify-content: center; align-items: center; pointer-events: none; user-select: none; } .p_icon { height: 50%; width: 50%; background-repeat: no-repeat; background-position: center; animation: la2funpreloader 2s ease-in-out infinite alternate; } @keyframes la2funpreloader { 0% { transform: scale(1.0); -webkit-transform: scale(1.0); filter: drop-shadow(0px 0px 0px #f9f4ec); } 100% { transform: scale(1.2); -webkit-transform: scale(1.05); filter: drop-shadow(0px 0px 15px #f9f4ec); } } @media screen and (max-width: 979px) { .la2fun_preloader { display: none; } } .la2fun_header__effect { position: absolute; top: 0; left: 0; height: 100%; width: 100%; pointer-events: none; } .la2fun_header__effect div { position: absolute; height: 100%; width: 100%; background-image: url('../images/effect.webp'); } .la2fun_header__effect div:first-child { -webkit-animation: fly 10s infinite linear; animation: fly 10s infinite linear; } .la2fun_header__effect div:last-child { -webkit-animation: fly 10s 5s infinite linear; animation: fly 10s 5s infinite linear; } @-webkit-keyframes fly { 0% { top: 200px; right: 0; opacity: 0; } 50% { opacity: 1; } 100% { top: -1000px; opacity: 1; right: -1000px; } } @keyframes fly { 0% { top: 200px; right: 0; opacity: 0; } 50% { opacity: 1; } 100% { top: -1000px; opacity: 1; right: -1000px; } } .la2fun_header__devil { position: absolute; top: 100px; left: 240px; height: 156px; width: 145px; background-image: url('../images/devil_summon.png'); background-size: contain; background-repeat: no-repeat; pointer-events: none; animation: upDownDevil 6s ease 3s infinite; z-index: 2; } @-webkit-keyframes upDownDevil { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 50% { -webkit-transform: translateY(-25px); transform: translateY(-25px) } to { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes upDownDevil { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 50% { -webkit-transform: translateY(-25px); transform: translateY(-25px) } to { -webkit-transform: translateX(0); transform: translateX(0) } } .la2fun_content__footer { display: flex; flex-direction: column; width: 100%; margin-top: 25px; } .la2fun_content__bonus { display: flex; flex-direction: column; } .bonus__title { margin-bottom: 40px; } .bonus__title, .start__title, .preim__title { font-family: 'King'; text-align: center; font-style: normal; font-weight: 700; font-size: 40px; line-height: 110%; letter-spacing: 0.01em; color: #091A25; } .bonus__container { display: flex; flex-direction: row; width: 100%; margin: 0 auto; justify-content: space-between; } .bonus__item { display: flex; flex-direction: column; text-decoration: none; width: 26%; border-radius: 30px; align-items: center; } .bonus__item-img { width: 284px; } .bonus__text-container { display: flex; flex-direction: column; max-width: 75%; width: 100%; margin: 0 auto; padding-bottom: 10px; } .bonus__item-title { font-family: 'King'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 29px; letter-spacing: 0.03em; color: #091A25; position: relative; height: 25px; margin-bottom: 15px; } .bonus__item-title::after { content: ""; display: block; height: 1px; background-color: #000; position: absolute; left: 0; bottom: -3px; right: 100%; -webkit-transition: all .3s; transition: all .3s; } .bonus__item-date { font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; letter-spacing: 0.03em; color: rgba(9, 26, 37, 0.6); } .bonus__item:hover { -webkit-box-shadow: 0px 0px 18px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 18px 4px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 18px 4px rgba(0, 0, 0, 0.2); transform: scale(1.02); transition: all .7s; } .bonus__item:hover .bonus__item-title:after { right: 0; } .la2fun_content__start { display: flex; flex-direction: column; width: 100%; margin: 0 auto 100px !important; } .start__container { display: flex; flex-direction: row; justify-content: space-evenly; } .start__box { display: flex; flex-direction: row; max-width: 380px; width: 100%; height: 200px; box-shadow: 0px 10px 30px rgb(126 124 117); border-radius: 30px; align-items: center; justify-content: space-around; background: rgba(211, 206, 195, 0.5); } .start__box:hover { transform: scale(1.02); transition: all .7s; } .start__box-img { width: 140px; height: 140px; border-radius: 30px; } .start__box-container { display: flex; flex-direction: column; } .start__text { margin-bottom: 20px; font-style: normal; font-weight: 500; font-size: 20px; line-height: 110%; letter-spacing: 0.01em; color: #091A25; } .start__btn { display: flex; text-decoration: none; text-align: center; align-items: center; border: 1px solid #c4a16b; border-radius: 30px; width: 88px; height: 43px; justify-content: center; cursor: pointer; font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; letter-spacing: 0.01em; color: #c4a16b; background-color: rgba(211, 206, 195, 0.5); } .start__btn:hover { background-color: #c4a16b; color: white; transition: all .5s; } .start__item-title { position: relative; font-family: 'King'; text-align: center; font-style: normal; font-weight: 700; font-size: 40px; line-height: 110%; letter-spacing: 0.01em; color: #091A25; margin-bottom: 5px; } .start__item-title::after { content: ""; display: block; height: 1px; background-color: #000; position: absolute; left: 0; bottom: -3px; right: 100%; -webkit-transition: all .3s; transition: all .3s; } .start__box:hover .start__item-title::after { right: 0; } /* SERVER STATUS BG */ .header-content__status-info { position: relative; } .header-content__status-info:before { content: ''; position: absolute; top: -50%; left: -10%; height: 200%; width: 120%; background-image: radial-gradient(#e58e31, #000000); filter: blur(10px); z-index: -1; } .header-content__status-name { text-shadow: 0px 1px 3px rgb(0 0 0); } @media screen and (max-width: 767px) { .bonus__container { flex-direction: column; } .bonus__item { width: 100%; } .bonus__text-container { position: relative; top: -20px; text-align: center; } .start__container { flex-direction: column; } .start__box { margin-bottom: 20px; } } /* TOPS ICONS */ .la2fun_footer__tops { display: flex; align-items: center; } .tops-item { width: 44px; height: 39px; opacity: .7; margin-right: 5px; transition: transform .2s ease; } .tops-item:hover { opacity: 1; transform: scale(1.05); } .tops-mmotop { background: url('../images/tops-icons.webp') 0px -39px no-repeat; } .tops-l2top { background: url('../images/tops-icons.webp') -308px 0px no-repeat; } .tops-topzone { background: url('../images/tops-icons.webp') -44px -39px no-repeat; } .tops-l2network { background: url('../images/tops-icons.webp') -220px -39px no-repeat; } .tops-hopzone { background: url('../images/tops-icons.webp') -88px -39px no-repeat; } .tops-l2server { background: url('../images/tops-icons.webp') -132px -39px no-repeat; } @media screen and (max-width: 767px) { .la2fun_footer__tops { justify-content: center; } } /* TIMER */ .la2fun-coundown { position: absolute; width: 100%; display: flex; align-items: center; justify-content: center; } .gw-timer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .gw-timer__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: inherit; padding: 2px; margin: 5px; text-align: center; } .gw-timer__amount { font-family: 'King'; color: #c3a06a; font-size: 40px; line-height: 54px; font-weight: 900; text-transform: uppercase; padding: 2px 5px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: rgb(255 255 255 / 5%); border: 0; border-radius: 6px; min-width: 70px; margin-bottom: 4px; -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06); } .gw-timer__desc { font-family: 'King'; color: #c3a06a; opacity: 0.4; font-size: 12px; font-weight: 400; -webkit-box-sizing: border-box; box-sizing: border-box; } .gw-timer__text .gw-timer__desc { opacity: 0; } /* PREIM BLOCKS */ .preim { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; width: 100%; text-align: center; } .preim_block { margin: 10px; width: 288px; } .preim_block_img img { width: 150px; } .preim_block_inform { width: 260px; margin: 0 auto; margin-top: -6px; } .preim_block_title { color: #4e4e4e; font-size: 18px; text-transform: uppercase; font-family: "King"; } .preim_block_info { font-size: 14px; } .preim.preim-line-1 img { width: auto; filter: brightness(2); margin-bottom: 20px; } .preim_block img { transition: transform .2s ease; } .preim_block:hover img { transform: scale(1.1); } .preim_button { width: 100%; display: flex; align-items: center; justify-content: center; } .preim.preim__title { margin-bottom: 30px; } @media screen and (max-width: 767px) { .preim { flex-direction: column; align-items: center; } } .navigation__link.nav__soc { margin-right: 25px; } .navigation__link.nav__soc img { transition: transform .2s ease; } .navigation__link.nav__soc:hover img { transform: scale(1.1); } ::-webkit-scrollbar-track { background: #ddd7ce; } ::-webkit-scrollbar { width: 9px; } ::-webkit-scrollbar-thumb { background: #bdae98; } /* CLOUDs ANIM */ /* .header { overflow: hidden; } .animate { display: flex; justify-content: center; align-items: center; position: absolute; margin: 0 auto; width: 100%; height: 100%; -webkit-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; pointer-events: none; z-index: 0; filter: invert(0.3); transform: scale(1.2); } .clouds_big { position: absolute; margin-top: -725px; margin-left: 50px; z-index: 5; animation: clouds_big 90s linear infinite; } .clouds_small { margin-top: -920px; margin-left: 50px; position: absolute; z-index: 4; animation: clouds_small 130s linear infinite; } @keyframes clouds_big { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } @keyframes clouds_small { 0% { transform: rotateZ(-0deg); } 100% { transform: rotateZ(-360deg); } } */ /* VOTE PAGE */ .inner-page { width: 100%; height: auto; background: #cfc9c2; padding-bottom: 55px; border-radius: 5px; } .inner-page > .top-title { width: 100%; font-family: "King"; text-transform: uppercase; font-size: 30px; color: #8c682e; text-align: center; padding-top: 30px; padding-bottom: 34px; position: relative; margin-bottom: 40px; } .inner-page > .top-title:after { content: ''; position: absolute; width: 100%; height: 23px; background: url('../images/bg/border-bottom.png') top center; left: 0px; bottom: -16px; pointer-events: none; filter: invert(0.3); } .votes { width: calc( 100% - 80px ); margin: 0 auto; position: relative; } .votes > .block { width: calc( 50% - 15px ); } .votes > .block > .text { width: 100%; font-family: Roboto; font-size: 16px; color: #562200; line-height: 30px; text-align: center; margin-top: 20px; } .cp-drop-box { width: 100%; margin-top: 8px; } .cp-drop-box > .title { width: 100%; height: 50px; border-radius: 70px; background: #e8e8e8; cursor: pointer; transition: all .2s ease-in-out; box-shadow: 0px 0px 0px rgba(0,0,0,0); padding-left: 10px; position: relative; } .cp-drop-box > .title:hover { background: #fff; box-shadow: 0px 5px 15px rgba(0,0,0,0.1); } .cp-drop-box > .title > .text { font-family: "King"; font-size: 18px; color: #58524f; text-transform: uppercase; margin-left: 10px; } .cp-drop-box > .title > .arrow { margin-left: auto; margin-right: 15px; } .cp-drop-box > .title > .arrow > span { font-family: "King"; font-size: 14px; color: #afadac; text-transform: uppercase; margin-right: 8px; } .cp-drop-box > .box { width: 100%; padding-left: 20px; padding-top: 20px; padding-bottom: 20px; padding-right: 20px; border: 1px solid rgba(0,0,0,0.08); border-radius: 20px; margin-top: 3px; display: none; font-size: 14px; line-height: 22px; color: #58524f; } .votes > .block > .title { width: 100%; font-family: "King"; font-size: 22px; color: #562200; line-height: 30px; text-align: center; margin-top: 40px; margin-bottom: 30px; } .votes > .block > .table { width: 100%; } .votes > .block > .table > .line { width: 100%; background: #e9e9e9; border-radius: 20px; padding: 15px; font-family: "King"; font-size: 16px; color: #635553; margin-top: 5px; } .votes > .block > .table > .line > img { margin-right: 5px; width: 20px; height: 20px; } .votes > .block > .table > .line > span { font-family: "King"; font-size: unset; color: #c65646; margin: 0px 5px; } .votes > .block > .table > .line > .golden { color: #b58553; } .votes > .block > .text2 { width: 100%; font-family: Roboto; font-size: 14px; color: #8a807f; line-height: 30px; text-align: center; margin-top: 30px; } .votes > .block > .right-info { width: 100%; padding: 30px; background: rgb(255 255 255 / 50%); box-shadow: 0px 10px 30px rgba(0,0,0,0.2); border-radius: 20px; position: relative; } .votes > .block > .right-info > img { margin-top: -20px; margin-bottom: 20px; width: 80px; height: 80px; filter: drop-shadow(0px 0px 10px #d3af5c); } .votes > .block > .right-info > .title { width: 100%; text-align: center; font-family: "King"; font-size: 20px; color: #562200; line-height: 30px; text-transform: uppercase; margin-top: -20px; } .votes > .block > .right-info > .title > span { display: block; width: 100%; font-family: "King"; font-size: 28px; color: #e52407; line-height: 30px; text-align: center; } .votes > .block > .right-info > .vote-button { width: 250px; height: 56px; font-size: 24px; margin-top: 20px; } .votes > .block > .right-info > .mini-title { font-family: "King"; font-size: 14px; color: #562200; line-height: 20px; text-align: center; margin-top: 40px; } .votes > .block > .right-info > .items { width: calc( 100% - 40px ); margin-top: 20px; margin-bottom: 20px; } .votes > .block > .right-info > .items > .block { width: calc( 50% - 30px ); position: relative; z-index: 1; } .votes > .block > .right-info > .items > .block > .item { width: auto; font-family: Roboto; font-size: 12px; color: #8a807f; line-height: 20px; margin-top: 5px; position: relative; cursor: pointer; z-index: 1; } .votes > .block > .right-info > .items > .block > .item > .item-desc { position: absolute; width: 250px; background: #fff; box-shadow: 0px 5px 30px rgba(0,0,0,0.2); border-radius: 5px; border-bottom: 2px solid #b2904c; left: 0px; bottom: 25px; padding: 10px; pointer-events: none; font-size: 12px; line-height: 16px; color: #8a807f; opacity: 0; transition: all .5s ease-in-out; transform: translateY(-50px) scale(0.6, 0.6) rotate(20deg); } .votes > .block > .right-info > .items > .block > .item > .item-desc:after { content: ''; width: 26px; height: 9px; position: absolute; bottom: -11px; left: 20px; background: url('../images/icon/arrow_bottom_yellow.png'); filter: invert(0.3); } .hover-effect:hover { filter: brightness(120%); } .button { height: 46px; border-radius: 200px; box-shadow: 0px 0px 10px rgb(221 215 207); border: none; outline: none; cursor: pointer; transition: all .2s ease-in-out; } .yellow-grad-text { font-family: "King"; font-size: 20px; text-shadow: 0px -1px 0px rgb(255 255 255 / 40%) !important; color: #332f2f !important; } .yellow-grad { background: linear-gradient(to top, #bdae98, #ddd7ce) !important; } .cp-drop-box > .title > .arrow > i { font-size: 18px; color: #8e8785; } .votes > .block > .right-info > .items > .block > .item:hover .item-desc { opacity: 1; transform: translateY(0px) scale(1, 1) rotate(0deg); } @media (max-width: 500px) { .inner-page > .top-title { font-size: 20px; } } @media (max-width: 900px) { .inner-page > .top-title { font-size: 24px; } } @media (max-width: 950px) { .votes { width: calc( 100% - 60px ); } } @media (max-width: 960px) { .votes > .block { width: 100%; } } @media (max-width: 550px) { .votes > .block > .text { margin-top: 0px; line-height: 22px; font-size: 14px; } .votes > .block > .title { font-size: 18px; margin-top: 20px; margin-bottom: 20px; line-height: 20px; } .votes > .block > .right-info { margin-top: 0px; background: #f8f8f8; width: calc( 100% + 60px ); margin-left: -30px; box-shadow: none; padding: 30px; padding-bottom: 0px; } .votes > .block > .right-info > .title { font-size: 18px; } .votes > .block > .right-info > .vote-button { width: 230px; height: 46px; font-size: 18px; } } @media (max-width: 450px) { .cp-drop-box > .title { height: 60px; padding-left: 0px; } .cp-drop-box > .title > .text { width: 100%; text-align: center; margin-left: 0px; } .cp-drop-box > .title > .arrow { position: absolute; top: calc( 100% - 20px ); left: calc( 50% - 6px ); } } @media (max-width: 650px) { .cp-drop-box > .title > .text { font-size: 14px; } } @media (max-width: 425px) { .votes > .block > .right-info > .items { width: 100%; } .votes > .block > .right-info > .items > .block > .item > .item-desc { width: 200px; } } @media (max-width: 600px) { .votes > .block > .right-info > .items > .block { width: 100%; } } @media (max-width: 700px) { .cp-drop-box > .title > .arrow > span { display: none; } } /* RATINGS BOX */ .section__server_rating { padding-top: 20px; } .section__server_rating > ul { position: relative; display: flex; margin: 0; padding: 0; list-style: none; align-items: center; justify-content: center; padding: 10px; margin: 0 20px; border-radius: 4px; } .section__server_rating > ul:after { content: ''; position: absolute; width: 100%; height: 23px; background: url('../images/bg/border-bottom.png') top center; left: 0px; bottom: -30px; pointer-events: none; filter: invert(0.4); } .section__server_rating > ul > li, .section__server_rating img { height: 114px; width: 257px; border-radius: 4px; } .section__server_rating > ul > li { margin-right: 10px; box-shadow: 0px 3px 5px rgb(126 124 117); align-items: center; justify-content: space-around; background: rgba(211, 206, 195, 0.5); transition: transform .2s ease; } .section__server_rating > ul > li:hover { transform: translateY(-5px); } /* TOP LINE: BONUS */ .la2fun_bonus { position: relative; background: rgb(23 25 31); text-align: center; padding: 10px; box-shadow: 0px 0px 5px 0px rgb(23 25 31); z-index: 2; } .la2fun_bonus a { font-family: 'King'; -webkit-animation: list-anim 3s infinite; animation: list-anim 3s infinite; } @-webkit-keyframes list-anim { 0% { color: #ffb431; } 50% { color: #7eff00; } 100% { color: #ffb431; } } @keyframes list-anim { 0% { color: #ffb431; } 50% { color: #7eff00; } 100% { color: #ffb431; } } /* LEGAL PAGES */ .legal-page { padding: 30px 0 20px; } .legal-page__panel { max-width: 980px; margin: 0 auto; } .legal-page__title { margin-bottom: 12px; text-align: center; } .legal-page__text { max-width: 820px; margin: 0 auto; padding: 10px 0 0; } .legal-page__text p { color: #4d4741; font-size: 17px; line-height: 28px; padding: 0; } .legal-page__text p:not(:last-child) { margin-bottom: 16px; } .legal-page__text h2, .legal-page__text h3 { color: #372e2a; font-family: "King"; font-weight: normal; text-transform: uppercase; } .legal-page__text h2 { font-size: 24px; line-height: 30px; margin: 22px 0 10px; } .legal-page__text h3 { font-size: 20px; line-height: 26px; margin: 18px 0 8px; } .legal-page__text ul, .legal-page__text ol { margin: 0 0 16px 22px; padding: 0; } .legal-page__text li { color: #4d4741; font-size: 16px; line-height: 24px; padding: 4px 0; } .legal-page__text blockquote { margin: 18px 0; padding: 14px 18px; border-left: 3px solid #8c682e; background: rgba(255, 255, 255, 0.22); } .legal-page__text a { color: #9d540c; text-decoration: underline; } @media (max-width: 700px) { .legal-page { padding-top: 10px; } .legal-page__text p { font-size: 15px; line-height: 24px; } } /* ARTICLE PAGES */ .article-page { padding-top: 40px; } .article-page__panel { min-height: 0; } .article-page__title { margin-bottom: 24px; text-align: center; } .article-page__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } .article-card { display: grid; grid-template-columns: 220px minmax(0, 1fr); min-height: 170px; overflow: hidden; border: 1px solid #c3bdb5; border-radius: 8px; background: rgba(207, 201, 194, 0.72); } .article-card__image { position: relative; display: block; min-height: 170px; overflow: hidden; background: #2a2626; } .article-card__image img { display: block; width: 100%; height: 100%; object-fit: cover; } .article-page__cover img { display: block; width: 100%; max-width: 100%; height: auto; } .article-card__body { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; padding: 18px; } .article-page__meta { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; } .article-page__meta span { display: inline-flex; align-items: center; min-height: 26px; padding: 5px 9px; border-radius: 8px; background: #c4a16b; font-family: "Gilroy Bold"; font-size: 12px; line-height: 14px; color: #2a2626; text-transform: uppercase; } .article-card__title { display: block; width: 100%; font-family: "King"; font-size: 22px; line-height: 28px; color: #272323; transition: color 0.3s ease-in-out; } .article-card__title:hover { color: #8c682e; } .article-page__button, .article-page__back, .article-page__pagination-link { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 10px 14px 9px; border-radius: 8px; background: #353130; font-family: "King"; font-size: 14px; line-height: 16px; color: #b99f6d; text-transform: uppercase; transition: background 0.3s ease-in-out, color 0.3s ease-in-out, opacity 0.3s ease-in-out; } .article-page__button { margin-top: auto; } .article-page__button:hover, .article-page__back:hover, .article-page__pagination-link:hover { background: #c4a16b; color: #2a2626; } .article-page__pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 24px; } .article-page__pagination-link--active, .article-page__pagination-link--active:hover { background: #c4a16b; color: #2a2626; } .article-page__pagination-link--disabled, .article-page__pagination-link--disabled:hover { opacity: 0.45; pointer-events: none; } .article-page__empty { text-align: center; } .article-page__back { margin-bottom: 18px; } .article-page__meta--single { justify-content: center; } .article-page__cover { width: 100%; max-height: 420px; margin-bottom: 12px; overflow: hidden; border-radius: 8px; background: #2a2626; } .article-page__text { padding-top: 18px; } @media (max-width: 980px) { .article-page__grid { grid-template-columns: 1fr; } } @media (max-width: 640px) { .article-page { padding-top: 20px; } .article-card { grid-template-columns: 1fr; } .article-card__image { min-height: 210px; } .article-card__title { font-size: 19px; line-height: 25px; } .article-page__button, .article-page__back, .article-page__pagination-link { width: 100%; } }