/* Main */
html, body {
position: relative;
overflow-x: hidden !important;
background: #1A191E;
}
body {
background: #1A191E;
}
button {
cursor: pointer;
}
body .inner_page_loader.pooled {
z-index: 99;
}
body.main_page {
height: 100vh;
overflow: hidden !important;
overflow-x: hidden !important;
}
body.main_page, html.news_page, html.news_page body {
background: #100F14;
}
a, a:before, a:after, button, span, span:before, span:after, a p, a h3, input, .nickname:after, .password:after, .nice-select:before, .nice-select:after,
.gamecoins, .gamecoins_row:after, .gamecoins_row:before, li, li:before, li:after, .panel_history, .panel_history_top, .window_field:after, body:before,
body:after, button:after, button:before, .session_close, .page:after, .page:before {
transition: all .3s ease;
}
#snackbar {
visibility: hidden;
color: #fff;
background-color: #333;
min-width: 250px;
margin-left: -125px;
border-radius: 2px;
padding: 16px;
text-align: center;
left: 50%;
bottom: 30px;
z-index: 1;
position: fixed;
}
/* This will be activated when the snackbar's class is 'show' which will be added through JS */
#snackbar.show {
visibility: visible;
-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
/* Animations for fading in and out */
@-webkit-keyframes fadein {
from {
bottom: 0;
opacity: 0;
}
to {
bottom: 30px;
opacity: 1;
}
}
@keyframes fadein {
from {
bottom: 0;
opacity: 0;
}
to {
bottom: 30px;
opacity: 1;
}
}
@-webkit-keyframes fadeout {
from {
bottom: 30px;
opacity: 1;
}
to {
bottom: 0;
opacity: 0;
}
}
@keyframes fadeout {
from {
bottom: 30px;
opacity: 1;
}
to {
bottom: 0;
opacity: 0;
}
}
/* 13.07.2021 */
.shop .shop_row .media_title {
font-weight: 500;
font-size: 55px;
color: #fff;
}
.media_videos {
margin: 30px 0 0 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.media_videos a {
width: 296px;
height: 188px;
position: relative;
}
.media_videos a:first-of-type {
margin: 0;
}
.media_videos a img {
width: 100%;
}
.media_videos a:after {
width: 66px;
height: 66px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
content: '';
background: rgba(11, 11, 11, 0.8);
transition: all .3s ease;
border-radius: 50px;
}
.media_videos a:hover:after {
transform: scale(1.2);
background: rgba(11, 11, 11, 0.94);
}
.media_videos a:before {
width: 24px;
height: 28px;
position: absolute;
content: '';
left: 7px;
right: 0;
bottom: 0;
top: 0;
margin: auto;
z-index: 2;
transition: all .3s ease;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='28' viewBox='0 0 24 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 14L6.02284e-07 27.8564L1.81365e-06 0.143593L24 14Z' fill='white'/%3E%3C/svg%3E%0A");
}
.media_videos a:hover:before {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='28' viewBox='0 0 24 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 14L6.02284e-07 27.8564L1.81365e-06 0.143593L24 14Z' fill='%23ffbb1a'/%3E%3C/svg%3E%0A");
transform: scale(.8);
}
.media_promocode {
margin: 40px 0;
background: #272322;
border: 1px dashed rgba(255, 187, 28, 0.5);
border-radius: 10px;
padding: 40px;
display: flex;
}
.media_promocode_text {
max-width: 450px;
}
.media_promocode h3 {
font-weight: bold;
font-size: 21px;
line-height: 25px;
color: #FFFFFF;
}
.media_promocode h3 span {
color: #FFBB1C;
}
.media_promocode p {
font-size: 18px;
line-height: 25px;
color: #FFFFFF;
margin: 9px 0 0 0;
}
.media_start {
padding: 0 56px;
text-decoration: none;
cursor: pointer;
transition: all .3s ease;
background: #FFBB1C;
border-radius: 10px;
margin: 0 0 0 auto;
font-weight: bold;
font-size: 19px;
color: #151418;
line-height: 78px;
height: 78px;
}
.media_start:hover {
background: #FFC940;
color: #794B20;
}
.media_description {
font-size: 16px;
line-height: 170%;
color: #E4E4E2;
min-height: 500px;
}
.media_description a {
color: #8F70D1;
text-decoration: none;
transition: all .3s ease;
}
.media_description a:hover {
color: #B593FF;
}
.news_list_page .shop {
min-height: 1000px;
}
a[data-fancybox="gallery"] {
width: 100%;
display: block;
border-radius: 10px;
overflow: hidden;
margin: 30px 0;
}
a[data-fancybox="gallery"] img {
width: 100%;
}
.videoplayer_close {
width: 26px;
height: 26px;
position: absolute;
top: -30px;
right: -30px;
background-size: 100%;
background-repeat: no-repeat;
cursor: pointer;
transition: all .3s ease;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.11111 0L20 18.8889L18.8889 20L0 1.11111L1.11111 0Z' fill='%233C3B40'/%3E%3Cpath d='M18.8893 0L0.000403111 18.8889L1.11151 20L20.0004 1.11111L18.8893 0Z' fill='%233C3B40'/%3E%3C/svg%3E ");
}
.videoplayer {
visibility: hidden;
opacity: 0;
width: 100%;
max-width: 1000px;
max-height: 600px;
z-index: 13222;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all .3s ease;
margin: auto;
}
body.windowed.playered:after {
z-index: 13111;
}
.videoplayer iframe {
border-radius: 15px;
overflow: hidden;
}
.videoplayer.opened {
opacity: 1;
visibility: visible;
}
.playered:before {
display: none;
}
body.windowed.playered .page {
filter: none;
}
html.stripe_loading:before {
position: fixed;
top: 0;
left: 0;
z-index: 10100;
content: '';
height: 4px;
background: #FFBB1C;
width: 0;
opacity: 0;
animation: 3s cubic-bezier(0.28, 0.07, 0.21, 0.87) 1 both stripe;
}
@keyframes stripe {
0% {
width: 0;
opacity: 0;
}
25% {
width: 30%;
opacity: 1;
}
70% {
width: 50%;
}
100% {
width: 100%;
opacity: 1;
}
}
html.stripe_loading:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 10002;
background: #1A191E;
content: '';
animation: .3s cubic-bezier(0.28, 0.07, 0.21, 0.87) 0s 1 both body_fading;
opacity: 0;
}
@keyframes body_fading {
0% {
opacity: 0;
}
1% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes body_fading {
0% {
opacity: 0;
}
1% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.c-scrollbar {
display: none !important;
}
/* width */
::-webkit-scrollbar {
width: 0px !important;
}
/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
border-radius: 0px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #38373e;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #ee7601;
}
.windowed {
height: 100vh !important;
overflow: hidden;
}
.windowed .page {
filter: blur(15px);
}
.session_started .page {
height: 100vh;
}
html body.session_started {
overflow: hidden;
}
.session_started .loader {
z-index: 10000;
}
.session_started .session {
height: 100vh;
display: block;
z-index: 10050;
}
.session_started .page.inner_page:after {
z-index: 10050;
}
.session_started .page.inner_page:before, .session_started .page.inner_page .cover {
z-index: 10051;
}
.session_started .page.inner_page .inner_page_loader {
z-index: 10052;
}
.session_started .page.inner_page .cover {
height: calc(100vh - 776px);
}
.windowed:after, .page:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
background: rgba(26, 25, 30, .93);
}
.windowed.recovery:after {
background: rgb(36, 35, 38, .93);
z-index: 10900;
}
.promo_windowed:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
background: rgba(7, 7, 9, .95);
z-index: 13999;
opacity: 0;
transition: all .3s ease !important;
}
.promo_windowed.windowed_animated:after {
opacity: 1;
}
.recovery .session_close, .recovery .session_top .logo, .recovery .session_content, .recovery:before, .windowed.promo_windowed:before {
opacity: 0 !important;
}
.recovery .window {
z-index: 11000;
}
.page:after, .page:before {
opacity: 0;
visibility: hidden;
}
.session_started .page:after, .session_started .page:before {
opacity: 1;
visibility: visible;
}
.session_started .page {
position: relative;
}
.session_started .page:after {
z-index: 1000;
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
}
.windowed:before, .page:before {
background: #100F14;
position: absolute;
top: 0;
right: 0;
content: '';
width: 30%;
bottom: 0;
z-index: 9997;
transition: none;
}
body.loaded {
height: auto;
overflow: visible;
}
body.loaded .loader i {
transition: none;
}
html, body, *, *:after, *:before {
font-family: 'HCo Gotham', 'Roboto';
/*transition: all .3s ease;*/
}
.main_page .page {
transition: none !important;
}
.inner_page_loaded .page {
opacity: 1 !important;
z-index: 9999 !important;
position: relative;
}
.inner_page_loaded .inner_page_loader {
position: absolute;
}
.inner_page_loaded .inner_page_loader, .inner_page_loaded .page {
transition: none !important;
animation-name: none !important;
animation-duration: 0s !important;
animation-delay: 0s !important;
}
.inner_page_loaded header, .inner_page_loaded .shop.game_shop, .inner_page_loaded .shop.buy_gta_page {
z-index: 10000;
position: relative;
}
/* Navigation window */
.navigation_window {
width: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
content: '';
background: rgba(16, 15, 20, 0.98);
z-index: 11111;
transition: all .3s ease;
opacity: 0;
visibility: hidden;
}
.navigation_window.opened {
visibility: visible;
opacity: 1;
}
.navigation_window:after {
position: absolute;
content: '';
top: 25px;
left: 2%;
width: 49px;
height: 50px;
background: url(../svg/panel_logo.svg) no-repeat;
background-size: 100%;
}
.navigation_window_close {
width: 32px;
height: 32px;
background-repeat: no-repeat;
background-position: 50%;
background-size: 16px;
position: absolute;
top: 34px;
right: 20px;
transition: all .3s ease;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.888889 0L16 15.1111L15.1111 16L0 0.888889L0.888889 0Z' fill='%233C3B40'/%3E%3Cpath d='M15.1114 0L0.000322489 15.1111L0.889211 16L16.0003 0.888889L15.1114 0Z' fill='%233C3B40'/%3E%3C/svg%3E%0A");
}
.navigation_window_close:hover {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.888889 0L16 15.1111L15.1111 16L0 0.888889L0.888889 0Z' fill='%23949496'/%3E%3Cpath d='M15.1114 0L0.000322489 15.1111L0.889211 16L16.0003 0.888889L15.1114 0Z' fill='%23949496'/%3E%3C/svg%3E%0A");
}
.navigation_window ul {
padding: 120px 0 0 0;
}
.navigation_window ul li {
text-align: center;
margin: 0 0 25px 0;
}
.navigation_window ul li:last-of-type {
margin: 0;
}
.navigation_window li a {
text-decoration: none;
color: #E4E4E2;
font-size: 20px;
font-weight: bold;
transition: all .3s ease;
}
.navigation_window li a:hover {
color: #FFBB1C;
}
.navigation_window_online {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.navigation_window_online_total {
position: relative;
margin: 50px 0 20px 0;
display: flex;
align-items: center;
width: 100%;
justify-content: center;
}
.navigation_window_online_total h3 {
font-size: 22px;
color: #96E368;
margin: 0 12px 0 0;
position: relative;
}
.navigation_window_online_total h3:after {
width: 101px;
height: 101px;
content: '';
position: absolute;
left: -64px;
top: -36px;
background: radial-gradient(50% 50% at 50% 50%, rgba(127, 234, 90, 0.174) 0%, rgba(111, 174, 89, 0.072) 48.96%, rgba(70, 97, 53, 0) 100%);
}
.navigation_window_online_total h3:before {
width: 24px;
height: 18px;
content: '';
position: absolute;
left: -30px;
top: 2px;
z-index: 2;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='18' viewBox='0 0 24 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.5943 9.29212C20.8042 8.66606 19.8825 8.20475 18.8621 7.90819C19.6521 7.21622 20.1788 6.19475 20.1788 5.04147C20.1788 2.99852 18.6316 1.35098 16.7224 1.35098C14.8131 1.35098 13.266 2.99852 13.266 5.04147C13.266 6.19475 13.7927 7.24917 14.5827 7.90819C13.7927 8.10589 13.0356 8.4354 12.3772 8.89671C11.9493 8.73196 11.4884 8.56721 11.0276 8.46835C12.1468 7.64458 12.871 6.2277 12.871 4.64606C12.8051 2.0759 10.9288 0 8.62454 0C6.32028 0 4.44394 2.0759 4.44394 4.64606C4.44394 6.2277 5.16814 7.64458 6.28736 8.46835C2.66637 9.35802 0 12.1918 0 15.5528C0 16.3436 0.888789 16.8049 2.99555 17.1015C4.47686 17.3321 6.48487 17.4639 8.62454 17.4639C10.7642 17.4639 12.7722 17.3321 14.2535 17.1015C16.3603 16.8049 17.2491 16.3106 17.2491 15.5528C17.2491 15.3551 17.2491 15.1903 17.2162 14.9926C18.9937 14.9597 22.6477 14.8279 23.4377 14.0041C23.6352 13.8064 23.701 13.5757 23.701 13.411C23.701 11.8623 22.9439 10.3795 21.5943 9.29212ZM14.3194 5.04147C14.3194 3.62459 15.3728 2.43836 16.6895 2.43836C18.0062 2.43836 19.0596 3.59164 19.0596 5.04147C19.0596 6.45835 17.9733 7.64458 16.6895 7.64458C15.3728 7.64458 14.3194 6.49131 14.3194 5.04147ZM5.49732 4.64606C5.49732 2.70196 6.87988 1.08738 8.62454 1.08738C10.3363 1.08738 11.7518 2.66901 11.7518 4.64606C11.7518 6.59016 10.3692 8.20475 8.62454 8.20475C6.9128 8.1718 5.49732 6.59016 5.49732 4.64606ZM8.62454 16.3765C4.11476 16.3765 1.51423 15.8493 1.0863 15.4869C1.15213 12.06 4.50978 9.29212 8.62454 9.29212C12.7393 9.29212 16.097 12.06 16.1628 15.4869C15.7349 15.8493 13.1343 16.3765 8.62454 16.3765ZM17.0187 13.9052C16.5249 12.0929 15.2411 10.5113 13.4964 9.48983C14.451 8.99557 15.5703 8.73196 16.6895 8.73196C18.3025 8.73196 19.7838 9.22622 20.9359 10.1488C21.9893 11.0056 22.5818 12.0929 22.6147 13.2792C22.1539 13.5428 20.2117 13.9052 17.0187 13.9052Z' fill='%2396E368'/%3E%3C/svg%3E%0A");
}
.window_server {
width: 88px;
height: 43px;
flex-wrap: wrap;
background: rgba(25, 25, 29, 0.7);
border-radius: 8px;
padding: 15px 0 0 48px;
position: relative;
margin: 0 8px 16px 8px;
}
.window_circle {
height: 29px;
width: 29px;
border-radius: 29px;
border: 1px solid rgba(38, 33, 25, 0.6);
top: 0;
bottom: 0;
left: 12px;
margin: auto;
position: absolute;
}
.window_circle:after {
position: absolute;
content: '';
width: 16px;
height: 16px;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
background: rgba(35, 32, 33, 0.48);
border-radius: 16px;
}
.window_server h3 {
width: 100%;
font-size: 16px;
color: #DFD9C9;
}
.window_server span {
font-size: 10px;
text-transform: uppercase;
color: #A39B88;
}
/* Session (login window) */
.session {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
display: none;
}
.cover {
position: absolute;
content: '';
left: 0;
bottom: 0;
background: #100F14;
right: 0;
z-index: 9999;
opacity: 0;
visibility: hidden;
}
.main_page .cover {
height: calc(100vh - 972px);
}
.session_started .cover {
opacity: 1;
visibility: visible;
}
.session_close {
width: 130px;
height: 70px;
background-color: #151418;
background-repeat: no-repeat;
background-position: 50%;
background-size: 26px;
background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.41397 0L25.4556 24.0416L24.0414 25.4558L-0.000244141 1.41421L1.41397 0Z' fill='white'/%3E%3Cpath d='M24.0419 0L0.000268936 24.0416L1.41448 25.4558L25.4561 1.41421L24.0419 0Z' fill='white'/%3E%3C/svg%3E ");
border-radius: 10px;
cursor: pointer;
margin: 0 30px 0 auto;
}
.session_close:hover {
background-color: #3C3533;
}
.session_content {
width: 392px;
margin: 45px 0 0 0;
position: relative;
top: 50px;
opacity: 0;
animation: .5s cubic-bezier(0.28, 0.07, 0.21, 0.87) .3s 1 both session_content;
}
@keyframes session_content {
0% {
opacity: 0;
}
100% {
opacity: 1;
transform: translateY(-50px);
}
}
.session_title {
height: 70px;
display: flex;
align-items: center;
margin: 0 0 50px 0;
}
.session_title > h3 {
font-family: 'Avenir Next Cyr Ultra';
color: #FFBB1C;
font-size: 65px;
}
.session_title > a {
text-decoration: none;
font-size: 15px;
color: #E4E4E2;
border: 1px solid #2C2B31;
border-radius: 10px;
padding: 0 21px;
height: 48px;
display: flex;
align-items: center;
margin: 5px 0 0 auto;
}
.session_title > a span {
transition: none;
}
.session_title > a:hover {
color: #fff;
background: #211F24;
border: 1px solid #45444A;
}
.session form > h3 {
font-weight: 700;
font-size: 17px;
color: #505050;
}
.session .server_select {
min-height: 68px;
margin: 17px 0 0 0;
}
.window.recovery .nickname:after, .session .nickname:after, .session .container .session_content form .password:after, .session .container .session_content form .password:hover:after {
height: 68px;
background-position: 50%;
background-repeat: no-repeat;
margin: 0;
top: 1px;
}
.session .nickname {
margin: 25px 0 0 0;
}
.session form > div {
max-width: none;
}
.session input {
max-width: none !important;
}
.session .password {
margin: 15px 0 0 0;
position: relative;
}
.session .password:after {
width: 18px;
height: 22px;
position: absolute;
left: 22px;
top: 0;
bottom: 0;
margin: auto;
content: '';
background-position: 50%;
background-repeat: no-repeat;
}
.continue_button {
width: 100%;
height: 78px;
background: #FFBB1C;
border-radius: 10px;
cursor: pointer;
position: relative;
color: #151418;
font-size: 19px;
font-weight: 700;
padding: 0 0 0 25px;
text-align: left;
margin: 25px 0 0 0;
}
.continue_button:hover {
color: #794B20;
background: #FFC940;
}
.continue_button:after {
width: 30px;
height: 13px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
content: '';
right: 32px;
background-image: url("data:image/svg+xml,%3Csvg width='44' height='13' viewBox='0 0 44 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M44 6.49982C44 6.91121 43.8497 7.3226 43.5489 7.56944L38.5865 12.5884C38.0602 13.1644 37.2331 13.0821 36.7068 12.5061C36.1805 11.9302 36.2557 11.0251 36.782 10.4492L40.6918 6.49982L36.782 2.55045C36.2557 1.9745 36.1805 1.06944 36.7068 0.493491C37.2331 -0.0824576 38.0602 -0.164737 38.5865 0.411213L43.5489 5.4302C43.8497 5.67703 44 6.08843 44 6.49982Z' fill='%23151418'/%3E%3Cpath d='M42.0451 6.50043C42.0451 7.32322 41.4436 7.98144 40.6917 7.98144L1.35338 7.98144C0.601503 7.98144 -2.87721e-08 7.32322 -6.47371e-08 6.50043C-1.00702e-07 5.67765 0.601503 5.01942 1.35338 5.01942L40.6917 5.01942C41.4436 5.01942 42.0451 5.67765 42.0451 6.50043Z' fill='%23151418'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='13' height='44' fill='white' transform='translate(0 13) rotate(-90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
background-size: 44px 13px;
background-repeat: no-repeat;
background-position: right 0;
}
.continue_button:hover:after {
width: 44px;
background-image: url("data:image/svg+xml,%3Csvg width='44' height='13' viewBox='0 0 44 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M44 6.49982C44 6.91121 43.8497 7.3226 43.5489 7.56944L38.5865 12.5884C38.0602 13.1644 37.2331 13.0821 36.7068 12.5061C36.1805 11.9302 36.2557 11.0251 36.782 10.4492L40.6918 6.49982L36.782 2.55045C36.2557 1.9745 36.1805 1.06944 36.7068 0.493491C37.2331 -0.0824576 38.0602 -0.164737 38.5865 0.411213L43.5489 5.4302C43.8497 5.67703 44 6.08843 44 6.49982Z' fill='%23794B20'/%3E%3Cpath d='M42.0451 6.50043C42.0451 7.32322 41.4436 7.98144 40.6917 7.98144L1.35338 7.98144C0.601503 7.98144 -2.87721e-08 7.32322 -6.47371e-08 6.50043C-1.00702e-07 5.67765 0.601503 5.01942 1.35338 5.01942L40.6917 5.01942C41.4436 5.01942 42.0451 5.67765 42.0451 6.50043Z' fill='%23794B20'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='13' height='44' fill='white' transform='translate(0 13) rotate(-90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
/* Inner page loader */
.inner_page_loader {
position: fixed;
top: 0;
left: 0;
right: -40px;
bottom: 0;
height: 100vh;
z-index: 9998;
}
.slashing .inner_page_loader {
z-index: 10001 !important;
}
.inner_page_loader i {
width: 456px;
height: 0;
right: 0;
top: 0;
background: #FFBB1C;
position: absolute;
}
.redirecting .inner_page_loader i {
animation-name: inner_page_loader_i !important;
animation-fill-mode: both !important;
animation-duration: .5s !important;
animation-iteration-count: 1 !important;
animation-delay: .3s !important;
animation-timing-function: cubic-bezier(0.28, 0.07, 0.21, 0.87);
}
@keyframes inner_page_loader_i {
0% {
height: 0;
}
to {
height: 776px;
}
}
.news_page .page .inner_page_loader .container:after {
width: 494px;
height: 627px;
position: absolute;
background-size: 100%;
content: '';
background: url(../images/news_page_lawyer.png) no-repeat;
right: -100px;
top: 150px;
opacity: 0;
z-index: 2;
}
.news_page .page .inner_page_loader .container:before {
display: none;
}
.inner_page_loader.buy_page .container:after {
width: 537px;
height: 532px;
position: absolute;
background-size: 100% !important;
content: '';
background: url(../images/buy_gta_01.png) no-repeat;
right: -55px;
top: 350px;
opacity: 0;
z-index: 2;
}
.news_page .page .inner_page_loader .container:after, .redirecting .inner_page_loader.buy_page .container:after,
.partnership_page .inner_page_loader .container:after {
animation-name: buy_gta_01 !important;
animation-fill-mode: both !important;
animation-duration: .5s !important;
animation-iteration-count: 1 !important;
animation-delay: .3s !important;
animation-timing-function: cubic-bezier(0.28, 0.07, 0.21, 0.87);
}
@keyframes buy_gta_01 {
0% {
transform: translateY(0);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: translateY(-50px);
opacity: 1;
}
}
.inner_page_loader.buy_page .container:before {
width: 548px;
height: 612px;
background-size: 100% !important;
background: url(../images/buy_gta_02.png) no-repeat;
position: absolute;
top: 105px;
right: -190px;
content: '';
opacity: 0;
z-index: 2;
}
.redirecting .inner_page_loader.buy_page .container:before {
animation-name: buy_gta_02 !important;
animation-fill-mode: both !important;
animation-duration: .5s !important;
animation-iteration-count: 1 !important;
animation-delay: .3s !important;
animation-timing-function: cubic-bezier(0.28, 0.07, 0.21, 0.87);
}
@keyframes buy_gta_02 {
0% {
transform: translateY(0);
opacity: 0;
}
to {
transform: translateY(50px);
opacity: 1;
}
}
/* Shop page loader */
.inner_page_loader.shop_page .container:after {
width: 495px;
height: 614px;
position: absolute;
background-size: 100% !important;
content: '';
background: url(https://newreality-rp.com/images/motoman.png) no-repeat;
right: -100px;
top: 162px;
opacity: 0;
}
.redirecting .inner_page_loader.shop_page .container:after {
animation-name: motoman !important;
animation-fill-mode: both !important;
animation-duration: .8s !important;
animation-iteration-count: 1 !important;
animation-delay: .3s !important;
animation-timing-function: cubic-bezier(0.28, 0.07, 0.21, 0.87);
}
@keyframes motoman {
0% {
transform: translateX(0);
opacity: 0;
}
to {
transform: translateX(-100px);
opacity: 1;
}
}
.inner_page_loader.shop_page .container:before {
width: 346px;
height: 238px;
background-size: 100% !important;
background: url(../images/inner_benjamines.png) no-repeat;
position: absolute;
top: 602px;
right: 0;
content: '';
opacity: 0;
z-index: 2;
}
.redirecting .inner_page_loader.shop_page .container:before {
animation-name: inner_benjamines !important;
animation-fill-mode: both !important;
animation-duration: .8s !important;
animation-iteration-count: 1 !important;
animation-delay: .3s !important;
animation-timing-function: cubic-bezier(0.28, 0.07, 0.21, 0.87);
}
@keyframes inner_benjamines {
0% {
transform: translateX(0);
opacity: 0;
}
to {
transform: translateX(100px);
opacity: 1;
}
}
/* Loader */
.without_loader .loader .logo {
display: none;
}
html .without_loader .loader i {
width: 580px;
height: 0;
animation-name: without_loader_vertical;
transition: none;
}
.without_loader header .container:after {
animation: 2s cubic-bezier(0.28, 0.07, 0.21, 0.87) .3s 1 both header_cotnainer;
}
@keyframes header_cotnainer {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.loader {
top: 0;
height: 100vh;
left: 0;
right: 0;
z-index: 100;
position: absolute;
background: #100F14;
}
.loader, .loader *:after, .loader *:before, .loader:after, .loader:before {
transition: none !important;
}
.fixed {
top: 0 !important;
position: fixed !important;
}
.loader.finished {
background: rgba(0, 0, 0, 0);
}
.windowed .loader.finished {
z-index: 9999;
}
.loader i {
width: 1px;
position: absolute;
top: 0;
left: 0;
height: 972px;
background: #29569d;
right: 0;
margin: auto;
animation-name: action_start;
animation-fill-mode: both;
animation-duration: 1s;
animation-iteration-count: 1;
content: '';
animation-timing-function: cubic-bezier(0.28, 0.07, 0.21, 0.87);
transition: all .3s cubic-bezier(0.28, 0.07, 0.21, 0.87);
}
.finished i {
animation-name: animation_finished;
animation-fill-mode: both;
animation-duration: .7s;
animation-delay: .0s;
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(0.28, 0.07, 0.21, 0.87);
}
@keyframes animation_finished {
0% {
width: 100%;
}
to {
width: 580px;
}
}
@keyframes without_loader_vertical {
0% {
height: 0;
}
to {
height: 972px;
}
}
.action {
width: 958px;
position: absolute;
top: 0;
left: 0;
height: 972px;
right: 0;
margin: auto;
transition: all 1s ease !important;
}
@keyframes action_start {
0% {
width: 1px;
}
to {
width: 100%;
}
}
.half .logo:before {
animation-name: logo_half_top !important;
animation-fill-mode: both !important;
animation-duration: .5s !important;
animation-iteration-count: 1 !important;
animation-delay: .3s !important;
animation-timing-function: cubic-bezier(0.28, 0.07, 0.21, 0.87);
}
@keyframes logo_half_top {
0% {
opacity: 1;
bottom: 662px;
}
60% {
opacity: 0;
transform: translateY(60px);
}
to {
opacity: 0;
transform: translateY(100px);
}
}
.half .logo:after {
animation-name: logo_half_bottom !important;
animation-fill-mode: both !important;
animation-duration: .5s !important;
animation-iteration-count: 1 !important;
animation-delay: .3s !important;
animation-timing-function: cubic-bezier(0.28, 0.07, 0.21, 0.87);
}
@keyframes logo_half_bottom {
0% {
opacity: 1;
bottom: -160px;
}
60% {
opacity: 0;
transform: translateY(60px);
}
to {
opacity: 0;
transform: translateY(100px);
}
}
.action_center {
width: 956px;
height: 912px;
background: url(../images/action_center_hero.png) no-repeat;
background-size: 100%;
position: absolute;
bottom: -122px;
left: 0;
right: 0;
margin: auto;
z-index: 5;
opacity: 0;
animation-name: action_center;
animation-fill-mode: both;
animation-duration: .8s;
animation-delay: .5s;
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(0.28, 0.07, 0.21, 0.87);
}
@keyframes action_center {
0% {
transform: translateY(0);
opacity: 0;
}
to {
opacity: 1;
transform: translateY(-50px);
}
}
.action:after {
width: 481px;
height: 765px;
content: '';
background: url(../images/action_left_hero.png) no-repeat;
background-size: 100%;
position: absolute;
left: 0;
right: 90px;
bottom: 0;
margin: auto;
z-index: 4;
opacity: 0;
animation-name: action_left;
animation-fill-mode: both;
animation-duration: .8s;
animation-delay: 1.2s;
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(0.28, 0.07, 0.21, 0.87);
}
@keyframes action_left {
0% {
transform: translateX(0);
opacity: 0;
}
to {
opacity: 1;
/*transform: translateY(-100px);*/
transform: translateX(-90px);
}
}
.action:before {
width: 442px;
height: 736px;
content: '';
position: absolute;
bottom: 0;
right: 0;
left: 518px;
margin: auto;
background: url(../images/action_right_hero.png) no-repeat;
background-size: 100%;
z-index: 4;
opacity: 0;
animation-name: action_right;
animation-fill-mode: both;
animation-duration: .8s;
animation-delay: 1.2s;
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(0.28, 0.07, 0.21, 0.87);
}
@keyframes action_right {
0% {
transform: translateX(0);
opacity: 0;
}
to {
opacity: 1;
/*transform: translateY(-100px);*/
transform: translateX(90px);
}
}
.loader .logo {
width: 100%;
height: 972px;
left: 0;
top: 0;
position: absolute;
}
.loader .logo:after {
position: absolute;
bottom: -260px;
left: 100px;
right: 0;
margin: auto;
background-image: url("data:image/svg+xml,%3Csvg width='1192' height='773' viewBox='0 0 1192 773' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M974.539 300.1L1192 0.513092H0.59082L216.895 300.1H974.539Z' fill='%23100F14'/%3E%3Cpath d='M377.392 521.033L597.166 824.091L815.784 521.033H377.392Z' fill='%23100F14'/%3E%3C/svg%3E ");
width: 1192px;
height: 823px;
background-size: 100%;
content: '';
z-index: 3;
background-repeat: no-repeat;
opacity: 0;
animation-name: logo_bottom;
animation-fill-mode: both;
animation-duration: .5s;
animation-delay: 2.2s;
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(0.28, 0.07, 0.21, 0.87);
}
@keyframes logo_bottom {
0% {
transform: translateY(0);
opacity: 0;
}
to {
opacity: 1;
/*transform: translateY(-100px);*/
transform: translateY(-100px);
}
}
.loader .logo:before {
position: absolute;
bottom: 562px;
left: 0;
right: 0;
margin: auto;
background-image: url("data:image/svg+xml,%3Csvg width='401' height='277' viewBox='0 0 401 277' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M400.312 276.774H0.74411L201.107 0.149902L400.312 276.774Z' fill='url(%23paint0_linear)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='842.829' y1='383.671' x2='-269.987' y2='15.349' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFBB1C'/%3E%3Cstop offset='0.5243' stop-color='%23B65557'/%3E%3Cstop offset='1' stop-color='%236D1C63'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E ");
width: 401px;
height: 277px;
z-index: 2;
background-repeat: no-repeat;
content: '';
opacity: 0;
animation-name: logo_top;
animation-fill-mode: both;
animation-duration: .5s;
animation-delay: 2.6s;
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(0.28, 0.07, 0.21, 0.87);
}
@keyframes logo_top {
0% {
transform: translateY(0);
opacity: 0;
}
to {
opacity: 1;
/*transform: translateY(-100px);*/
transform: translateY(-100px);
}
}
/* Header */
header {
position: relative;
}
.main_page header {
min-height: 1052px;
}
.primary .container > * {
z-index: 150;
position: relative;
}
header .container, .news .container, .communication .container, footer .container, .container.default {
width: 100%;
max-width: 1400px;
margin: 0 auto;
position: relative;
}
header .container, .session .container {
padding: 36px 0 0 0;
}
.main_page header .container:after {
transition: all .3s ease;
position: absolute;
top: 0;
bottom: 0;
width: 580px;
background: #FFBB1C;
right: 0;
content: '';
transition: none;
}
.header_top, .session_top {
width: 100%;
height: 70px;
display: flex;
align-items: center;
position: relative;
z-index: 2
}
.main_page .header_top {
top: -60px;
opacity: 0;
}
header.primary .header_top {
animation-name: header_top;
animation-fill-mode: both;
animation-duration: .4s;
animation-delay: .5s;
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(0.28, 0.07, 0.21, 0.87);
}
@keyframes header_top {
0% {
transform: translateY(0);
opacity: 0;
}
100% {
transform: translateY(60px);
opacity: 1;
}
}
/* Logo */
header .logo {
position: relative;
z-index: 10;
}
header .logo, .session .logo {
width: 148px;
height: 39px;
background-image: url("https://newreality-rp.com/images/icon/NewReality.png");
background-repeat: no-repeat;
background-size: 155px 39px;
}
header .logo:hover, .session .logo:hover {
background-image: url("https://newreality-rp.com/images/icon/NewReality.png");
}
/* Language */
.language {
width: 60px;
height: 37px;
cursor: pointer;
position: relative;
margin: 0 0 0 22px;
font-size: 14px;
color: #C4C4C4;
text-transform: uppercase;
}
.language > span {
width: 48px;
background: #1E1C24;
border-radius: 10px;
line-height: 37px;
padding: 0 0 0 12px;
position: absolute;
left: 0;
top: 0;
cursor: pointer;
transition: all .3s ease;
}
.language > span:hover {
background: #313037;
color: #D1D1D1;
}
.language > span:after {
position: absolute;
top: 16px;
right: 10px;
border: 4px solid transparent;
border-top: 6px solid #c4c4c4;
content: '';
transition: all .3s ease;
transform-origin: 50% 25%;
}
.language > span:hover:after {
border-top: 6px solid #D1D1D1;
}
.language.opened > span:after {
transform: rotate(-180deg);
}
.language > ul {
width: 69px;
position: absolute;
top: 100%;
border-radius: 10px;
background: #312F37;
margin: 14px 0 0 0;
transition: all .3s ease;
opacity: 0;
visibility: hidden;
box-shadow: 0 12px 18px rgba(0, 0, 0, .1);
overflow: hidden;
color: #DBDBDB;
}
.language.opened > ul {
transform: translateY(-10px);
opacity: 1;
visibility: visible;
}
.language_item {
color: #DBDBDB;
line-height: 26px;
text-decoration: none;
text-transform: uppercase;
display: block;
transition: color, background .3s ease;
cursor: pointer;
border-radius: 10px;
text-align: left;
padding: 0 0 0 37px;
background-size: 12px;
background-position: 12px 55%;
background-repeat: no-repeat;
}
.language_item--en {
background-image: url(../svg/en.svg);
}
.language_item--tr {
background-image: url(../svg/tr.svg);
}
.language_item--pt {
background-image: url(../svg/pt.svg);
}
.language_item--br {
background-image: url(../svg/br.svg);
}
.language > ul li:first-of-type .language_item {
border-radius: 10px 10px 0 0;
padding: 10px 0 0 37px;
background-position: 12px 75%;
}
.language > ul li:last-of-type .language_item {
border-radius: 0 0 10px 10px;
padding: 0 0 10px 37px;
background-position: 12px 33%;
}
.language_item:hover {
color: #F8F8F8;
}
.language_item.active {
color: #F8F8F8;
}
.header_additional {
display: flex;
height: 37px;
align-items: center;
flex-wrap: wrap;
margin: 0 0 0 225px;
}
.header_additional--shop {
position: absolute;
left: 712px;
margin: 0;
}
.header_additional_discord {
line-height: 37px;
font-size: 17px;
color: #A281E8;
text-decoration: none;
transition: all .3s ease;
margin: 0 7px 0 0;
padding: 0 40px 0 0;
position: relative;
}
.header_additional_discord:hover {
color: #C2A5FF;
}
.header_additional_discord:after, .header_mob_discord:after, .window_discord_link span:after {
width: 32px;
height: 32px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto;
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.9339 6.99996L19.9072 7.02503L19.9695 6.99996H19.9339ZM26.5022 9.2813C23.3694 7.13366 20.4501 7.03339 19.8983 7.03339L19.5423 7.35929C23.4762 8.41222 25.4164 10.0501 25.4698 10.1002C19.6758 7.41779 13.41 7.26737 7.67832 9.38158C6.8061 9.73255 6.28989 9.96653 6.26319 9.98325C6.32549 9.92475 8.25683 8.18659 12.4488 7.2423L12.1907 6.99996C12.1907 6.99996 8.96885 6.88297 5.47997 9.26458C5.47997 9.26458 2 14.8718 2 21.7827C2 21.7827 3.93134 24.883 9.21805 25C9.21805 25 9.99237 24.0473 10.7756 23.2117C7.84742 22.3927 6.6815 20.7632 6.6459 20.7131L7.64272 21.1894C10.5442 22.3008 13.6236 23.6963 19.0973 22.8607C20.2543 22.6183 21.4113 22.3844 22.5683 21.908C23.3249 21.5487 24.2505 21.1977 25.2651 20.5961C25.2295 20.6462 24.0636 22.2757 21.0108 23.0947C21.6516 23.922 22.5416 24.8746 22.5416 24.8746C27.8373 24.766 29.8932 21.6657 30.0089 21.7994C30 14.8969 26.5022 9.2813 26.5022 9.2813ZM11.541 19.6351C10.1882 19.6351 9.09345 18.5654 9.09345 17.2534C9.09345 15.9331 10.1882 14.8718 11.541 14.8718L11.5499 14.8635C12.9027 14.8635 13.9886 15.9331 13.9886 17.2451C13.9886 18.5654 12.8938 19.6351 11.541 19.6351ZM20.3077 19.6351C18.9549 19.6351 17.8601 18.5654 17.8601 17.2534C17.8601 15.9331 18.9638 14.8718 20.3077 14.8718V14.8635C21.6605 14.8635 22.7552 15.9331 22.7552 17.2451C22.7641 18.5654 21.6605 19.6351 20.3077 19.6351Z' fill='%23A281E8'/%3E%3C/svg%3E%0A");
background-size: 100%;
content: '';
transition: all .3s ease;
}
.promo_kinguin_link span:after {
width: 20px;
height: 30px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto;
background-image: url("../images/promocode-kinguin.svg");
background-size: 100%;
content: '';
transition: all .3s ease;
}
.btn_shop_link span:after {
width: 18px;
height: 19px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto;
background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9512 16.1591C17.8536 14.7495 17.756 13.3398 17.6096 11.9302C17.5119 10.9094 17.4631 9.88863 17.3655 8.86785C17.3167 8.23594 17.3167 7.60403 17.2191 7.02073C17.0239 5.85413 15.9013 5.0764 14.7788 5.0764C14.6324 5.0764 14.486 5.0764 14.3396 5.0764C13.9003 5.0764 13.461 5.0764 13.0706 5.0764C13.0706 4.93057 13.0706 4.73614 13.0706 4.59031C13.0706 4.15284 13.0706 3.71536 12.973 3.27789C12.8266 2.50015 12.3385 1.72242 11.7528 1.18773C11.46 0.896076 11.1184 0.653034 10.7279 0.507209C10.1911 0.215558 9.7518 0.069733 9.21493 0.0211246C8.38523 -0.0760921 7.50673 0.16695 6.82344 0.653034C5.99374 1.18773 5.45688 1.91685 5.11524 2.7918C4.92001 3.27789 4.87121 3.81258 4.87121 4.29866C4.87121 4.54171 4.87121 4.78475 4.87121 5.02779C4.38315 5.02779 3.94389 5.02779 3.45583 5.02779C3.35822 5.02779 3.2118 5.02779 3.11419 5.02779C2.47972 5.02779 1.79643 5.27083 1.35718 5.80552C1.06434 6.09717 0.86912 6.43743 0.771508 6.87491C0.722702 7.06934 0.722702 7.31238 0.673896 7.55543C0.576284 9.1595 0.429866 10.715 0.332254 12.319C0.234642 13.3398 0.185837 14.312 0.0882247 15.3328C0.0394188 15.9647 -0.106999 16.6938 0.137031 17.2771C0.429866 18.2979 1.35718 18.9784 2.43091 18.9784C2.57733 18.9784 2.72374 18.9784 2.91897 18.9784C3.65106 18.9784 4.38315 18.9784 5.11524 18.9784C7.2627 18.9784 9.45896 18.9784 11.6064 18.9784C12.9242 18.9784 14.1931 19.027 15.5109 18.9784C16.8775 18.9298 17.9512 17.8604 18 16.4994C18 16.3535 18 16.2563 17.9512 16.1591ZM7.89717 5.02779C7.89717 4.68753 7.89717 4.34727 7.89717 4.00701C7.89717 3.9098 7.94598 3.81258 7.99478 3.71536C8.04359 3.61815 8.0924 3.56954 8.1412 3.47232C8.19001 3.42371 8.23881 3.3751 8.28762 3.27789C8.38523 3.22928 8.43404 3.18067 8.53165 3.13206C8.62926 3.08345 8.72687 3.08345 8.77568 3.03484C8.87329 3.03484 8.9709 3.03484 9.06851 3.03484C9.16613 3.03484 9.26374 3.08345 9.36135 3.13206C9.45896 3.18067 9.50777 3.22928 9.60538 3.27789C9.70299 3.3751 9.7518 3.42371 9.8006 3.47232C9.84941 3.56954 9.89822 3.61815 9.94702 3.71536C9.99583 3.81258 9.99583 3.9098 10.0446 4.00701C10.0446 4.34727 10.0446 4.68753 10.0446 5.02779C9.31254 5.02779 8.62926 5.02779 7.89717 5.02779ZM14.2419 15.9161C13.1682 15.9161 12.1433 15.9161 11.0696 15.9161C9.8006 15.9161 8.53165 15.9161 7.2627 15.9161C6.18897 15.9161 5.06643 15.9161 3.9927 15.9161C3.65106 15.9161 3.35822 15.9161 3.01658 15.9161C3.01658 15.8189 3.01658 15.7216 3.06539 15.6244C3.11419 14.8953 3.163 14.1662 3.2118 13.4856C3.35822 11.833 3.45583 10.2289 3.60225 8.5762C3.60225 8.38177 3.65106 8.23594 3.65106 8.04151C3.84628 8.04151 4.0415 8.04151 4.23673 8.04151C4.92001 8.04151 5.55449 8.04151 6.23777 8.04151C6.28658 8.04151 6.33538 8.04151 6.38419 8.04151H6.433C6.62822 8.04151 6.82344 8.04151 7.06747 8.04151C8.48284 8.04151 9.94702 8.04151 11.3624 8.04151C11.4112 8.04151 11.5088 8.04151 11.5576 8.04151C11.6064 8.04151 11.6064 8.04151 11.6552 8.04151C12.2409 8.04151 12.8266 8.04151 13.4122 8.04151C13.7051 8.04151 13.9979 8.04151 14.2907 8.04151C14.3396 8.86785 14.3884 9.69419 14.486 10.4719C14.6324 12.076 14.73 13.7287 14.8764 15.3328C14.8764 15.5272 14.9252 15.7216 14.9252 15.9161C14.6812 15.9161 14.4372 15.9161 14.2419 15.9161Z' fill='%23FEBF1F'/%3E%3C/svg%3E%0A");
background-size: 100%;
content: '';
transition: all .3s ease;
}
.header_mob_discord:after {
left: 0;
}
.header_additional_discord:hover:after, .header_mob_discord:hover:after {
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.9339 6.99996L19.9072 7.02503L19.9695 6.99996H19.9339ZM26.5022 9.2813C23.3694 7.13366 20.4501 7.03339 19.8983 7.03339L19.5423 7.35929C23.4762 8.41222 25.4164 10.0501 25.4698 10.1002C19.6758 7.41779 13.41 7.26737 7.67832 9.38158C6.8061 9.73255 6.28989 9.96653 6.26319 9.98325C6.32549 9.92475 8.25683 8.18659 12.4488 7.2423L12.1907 6.99996C12.1907 6.99996 8.96885 6.88297 5.47997 9.26458C5.47997 9.26458 2 14.8718 2 21.7827C2 21.7827 3.93134 24.883 9.21805 25C9.21805 25 9.99237 24.0473 10.7756 23.2117C7.84742 22.3927 6.6815 20.7632 6.6459 20.7131L7.64272 21.1894C10.5442 22.3008 13.6236 23.6963 19.0973 22.8607C20.2543 22.6183 21.4113 22.3844 22.5683 21.908C23.3249 21.5487 24.2505 21.1977 25.2651 20.5961C25.2295 20.6462 24.0636 22.2757 21.0108 23.0947C21.6516 23.922 22.5416 24.8746 22.5416 24.8746C27.8373 24.766 29.8932 21.6657 30.0089 21.7994C30 14.8969 26.5022 9.2813 26.5022 9.2813ZM11.541 19.6351C10.1882 19.6351 9.09345 18.5654 9.09345 17.2534C9.09345 15.9331 10.1882 14.8718 11.541 14.8718L11.5499 14.8635C12.9027 14.8635 13.9886 15.9331 13.9886 17.2451C13.9886 18.5654 12.8938 19.6351 11.541 19.6351ZM20.3077 19.6351C18.9549 19.6351 17.8601 18.5654 17.8601 17.2534C17.8601 15.9331 18.9638 14.8718 20.3077 14.8718V14.8635C21.6605 14.8635 22.7552 15.9331 22.7552 17.2451C22.7641 18.5654 21.6605 19.6351 20.3077 19.6351Z' fill='%23C2A5FF'/%3E%3C/svg%3E%0A");
}
.header_top_box {
z-index: 149 !important;
}
/* Navigation */
header nav {
/* padding: 8px 0 0 0; */
}
header nav ul {
display: flex;
margin: 0 0 0 8px;
}
header nav ul li a {
font-size: 17px;
color: #D6D6D6;
text-decoration: none;
margin: 0 0 0 40px;
position: relative;
}
header nav ul li a:hover, nav li.current a {
color: #fff;
}
header nav ul li a:after, nav li.current a:after {
content: '';
height: 2px;
width: 10px;
background: #FFBB1C;
position: absolute;
left: 0;
right: 0;
bottom: -5px;
margin: auto;
opacity: 0;
transition: all .3s ease;
}
header nav ul li a:hover:after, nav li.current a:after {
width: 24px;
transform: translateY(5px);
opacity: 1;
}
header a.shop {
color: #FEBF1F;
font-weight: 700;
padding: 0 26px 0 0;
}
header a.shop:before {
width: 18px;
height: 19px;
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9512 16.1591C17.8536 14.7495 17.756 13.3398 17.6096 11.9302C17.5119 10.9094 17.4631 9.88863 17.3655 8.86785C17.3167 8.23594 17.3167 7.60403 17.2191 7.02073C17.0239 5.85413 15.9013 5.0764 14.7788 5.0764C14.6324 5.0764 14.486 5.0764 14.3396 5.0764C13.9003 5.0764 13.461 5.0764 13.0706 5.0764C13.0706 4.93057 13.0706 4.73614 13.0706 4.59031C13.0706 4.15284 13.0706 3.71536 12.973 3.27789C12.8266 2.50015 12.3385 1.72242 11.7528 1.18773C11.46 0.896076 11.1184 0.653034 10.7279 0.507209C10.1911 0.215558 9.7518 0.069733 9.21493 0.0211246C8.38523 -0.0760921 7.50673 0.16695 6.82344 0.653034C5.99374 1.18773 5.45688 1.91685 5.11524 2.7918C4.92001 3.27789 4.87121 3.81258 4.87121 4.29866C4.87121 4.54171 4.87121 4.78475 4.87121 5.02779C4.38315 5.02779 3.94389 5.02779 3.45583 5.02779C3.35822 5.02779 3.2118 5.02779 3.11419 5.02779C2.47972 5.02779 1.79643 5.27083 1.35718 5.80552C1.06434 6.09717 0.86912 6.43743 0.771508 6.87491C0.722702 7.06934 0.722702 7.31238 0.673896 7.55543C0.576284 9.1595 0.429866 10.715 0.332254 12.319C0.234642 13.3398 0.185837 14.312 0.0882247 15.3328C0.0394188 15.9647 -0.106999 16.6938 0.137031 17.2771C0.429866 18.2979 1.35718 18.9784 2.43091 18.9784C2.57733 18.9784 2.72374 18.9784 2.91897 18.9784C3.65106 18.9784 4.38315 18.9784 5.11524 18.9784C7.2627 18.9784 9.45896 18.9784 11.6064 18.9784C12.9242 18.9784 14.1931 19.027 15.5109 18.9784C16.8775 18.9298 17.9512 17.8604 18 16.4994C18 16.3535 18 16.2563 17.9512 16.1591ZM7.89717 5.02779C7.89717 4.68753 7.89717 4.34727 7.89717 4.00701C7.89717 3.9098 7.94598 3.81258 7.99478 3.71536C8.04359 3.61815 8.0924 3.56954 8.1412 3.47232C8.19001 3.42371 8.23881 3.3751 8.28762 3.27789C8.38523 3.22928 8.43404 3.18067 8.53165 3.13206C8.62926 3.08345 8.72687 3.08345 8.77568 3.03484C8.87329 3.03484 8.9709 3.03484 9.06851 3.03484C9.16613 3.03484 9.26374 3.08345 9.36135 3.13206C9.45896 3.18067 9.50777 3.22928 9.60538 3.27789C9.70299 3.3751 9.7518 3.42371 9.8006 3.47232C9.84941 3.56954 9.89822 3.61815 9.94702 3.71536C9.99583 3.81258 9.99583 3.9098 10.0446 4.00701C10.0446 4.34727 10.0446 4.68753 10.0446 5.02779C9.31254 5.02779 8.62926 5.02779 7.89717 5.02779ZM14.2419 15.9161C13.1682 15.9161 12.1433 15.9161 11.0696 15.9161C9.8006 15.9161 8.53165 15.9161 7.2627 15.9161C6.18897 15.9161 5.06643 15.9161 3.9927 15.9161C3.65106 15.9161 3.35822 15.9161 3.01658 15.9161C3.01658 15.8189 3.01658 15.7216 3.06539 15.6244C3.11419 14.8953 3.163 14.1662 3.2118 13.4856C3.35822 11.833 3.45583 10.2289 3.60225 8.5762C3.60225 8.38177 3.65106 8.23594 3.65106 8.04151C3.84628 8.04151 4.0415 8.04151 4.23673 8.04151C4.92001 8.04151 5.55449 8.04151 6.23777 8.04151C6.28658 8.04151 6.33538 8.04151 6.38419 8.04151H6.433C6.62822 8.04151 6.82344 8.04151 7.06747 8.04151C8.48284 8.04151 9.94702 8.04151 11.3624 8.04151C11.4112 8.04151 11.5088 8.04151 11.5576 8.04151C11.6064 8.04151 11.6064 8.04151 11.6552 8.04151C12.2409 8.04151 12.8266 8.04151 13.4122 8.04151C13.7051 8.04151 13.9979 8.04151 14.2907 8.04151C14.3396 8.86785 14.3884 9.69419 14.486 10.4719C14.6324 12.076 14.73 13.7287 14.8764 15.3328C14.8764 15.5272 14.9252 15.7216 14.9252 15.9161C14.6812 15.9161 14.4372 15.9161 14.2419 15.9161Z' fill='%23FEBF1F'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
}
header a.shop:hover:before, nav li.current a.shop:before, .shop_gift_cards li a h3:after {
background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9512 16.1591C17.8536 14.7495 17.756 13.3398 17.6096 11.9302C17.5119 10.9094 17.4631 9.88863 17.3655 8.86785C17.3167 8.23594 17.3167 7.60403 17.2191 7.02073C17.0239 5.85413 15.9013 5.0764 14.7788 5.0764C14.6324 5.0764 14.486 5.0764 14.3396 5.0764C13.9003 5.0764 13.461 5.0764 13.0706 5.0764C13.0706 4.93057 13.0706 4.73614 13.0706 4.59031C13.0706 4.15284 13.0706 3.71536 12.973 3.27789C12.8266 2.50015 12.3385 1.72242 11.7528 1.18773C11.46 0.896076 11.1184 0.653034 10.7279 0.507209C10.1911 0.215558 9.7518 0.069733 9.21493 0.0211246C8.38523 -0.0760921 7.50673 0.16695 6.82344 0.653034C5.99374 1.18773 5.45688 1.91685 5.11524 2.7918C4.92001 3.27789 4.87121 3.81258 4.87121 4.29866C4.87121 4.54171 4.87121 4.78475 4.87121 5.02779C4.38315 5.02779 3.94389 5.02779 3.45583 5.02779C3.35822 5.02779 3.2118 5.02779 3.11419 5.02779C2.47972 5.02779 1.79643 5.27083 1.35718 5.80552C1.06434 6.09717 0.86912 6.43743 0.771508 6.87491C0.722702 7.06934 0.722702 7.31238 0.673896 7.55543C0.576284 9.1595 0.429866 10.715 0.332254 12.319C0.234642 13.3398 0.185837 14.312 0.0882247 15.3328C0.0394188 15.9647 -0.106999 16.6938 0.137031 17.2771C0.429866 18.2979 1.35718 18.9784 2.43091 18.9784C2.57733 18.9784 2.72374 18.9784 2.91897 18.9784C3.65106 18.9784 4.38315 18.9784 5.11524 18.9784C7.2627 18.9784 9.45896 18.9784 11.6064 18.9784C12.9242 18.9784 14.1931 19.027 15.5109 18.9784C16.8775 18.9298 17.9512 17.8604 18 16.4994C18 16.3535 18 16.2563 17.9512 16.1591ZM7.89717 5.02779C7.89717 4.68753 7.89717 4.34727 7.89717 4.00701C7.89717 3.9098 7.94598 3.81258 7.99478 3.71536C8.04359 3.61815 8.0924 3.56954 8.1412 3.47232C8.19001 3.42371 8.23881 3.3751 8.28762 3.27789C8.38523 3.22928 8.43404 3.18067 8.53165 3.13206C8.62926 3.08345 8.72687 3.08345 8.77568 3.03484C8.87329 3.03484 8.9709 3.03484 9.06851 3.03484C9.16613 3.03484 9.26374 3.08345 9.36135 3.13206C9.45896 3.18067 9.50777 3.22928 9.60538 3.27789C9.70299 3.3751 9.7518 3.42371 9.8006 3.47232C9.84941 3.56954 9.89822 3.61815 9.94702 3.71536C9.99583 3.81258 9.99583 3.9098 10.0446 4.00701C10.0446 4.34727 10.0446 4.68753 10.0446 5.02779C9.31254 5.02779 8.62926 5.02779 7.89717 5.02779ZM14.2419 15.9161C13.1682 15.9161 12.1433 15.9161 11.0696 15.9161C9.8006 15.9161 8.53165 15.9161 7.2627 15.9161C6.18897 15.9161 5.06643 15.9161 3.9927 15.9161C3.65106 15.9161 3.35822 15.9161 3.01658 15.9161C3.01658 15.8189 3.01658 15.7216 3.06539 15.6244C3.11419 14.8953 3.163 14.1662 3.2118 13.4856C3.35822 11.833 3.45583 10.2289 3.60225 8.5762C3.60225 8.38177 3.65106 8.23594 3.65106 8.04151C3.84628 8.04151 4.0415 8.04151 4.23673 8.04151C4.92001 8.04151 5.55449 8.04151 6.23777 8.04151C6.28658 8.04151 6.33538 8.04151 6.38419 8.04151H6.433C6.62822 8.04151 6.82344 8.04151 7.06747 8.04151C8.48284 8.04151 9.94702 8.04151 11.3624 8.04151C11.4112 8.04151 11.5088 8.04151 11.5576 8.04151C11.6064 8.04151 11.6064 8.04151 11.6552 8.04151C12.2409 8.04151 12.8266 8.04151 13.4122 8.04151C13.7051 8.04151 13.9979 8.04151 14.2907 8.04151C14.3396 8.86785 14.3884 9.69419 14.486 10.4719C14.6324 12.076 14.73 13.7287 14.8764 15.3328C14.8764 15.5272 14.9252 15.7216 14.9252 15.9161C14.6812 15.9161 14.4372 15.9161 14.2419 15.9161Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}
/* Userpanel */
.userpanel {
height: 70px;
display: flex;
align-items: center;
margin: 0 30px 0 auto;
}
.userpanel a {
font-weight: 700;
font-size: 17px;
color: #151418;
text-decoration: none;
}
.userpanel a:hover {
color: #3C3533;
}
.userpanel .login {
width: 130px;
line-height: 70px;
height: 70px;
text-decoration: none;
font-weight: 700;
font-size: 17px;
color: #fff;
text-align: center;
background: #151418;
border-radius: 10px;
margin: 0 0 0 35px;
position: relative;
}
.userpanel .login:hover {
background: #3C3533;
color: #fff;
}
.userpanel a.logined {
width: auto;
padding: 0 23px 0 15px;
display: flex;
align-items: center;
}
.userpanel a.logined img {
margin: 0 17px 0 0;
}
.online {
height: 198px;
/* align-items: center;
display: flex; */
display: inline-block;
vertical-align: top;
margin: 51px 0 0 0;
position: relative;
}
.main_page .online {
top: -100px;
opacity: 0;
}
.online.moving {
animation-name: online;
animation-fill-mode: both;
animation-duration: .4s;
animation-delay: 1s;
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(0.28, 0.07, 0.21, 0.87);
}
@keyframes online {
0% {
transform: translateY(0);
opacity: 0;
}
100% {
transform: translateY(100px);
opacity: 1;
}
}
.navigation_window_online_total span {
font-size: 20px;
letter-spacing: 0.25em;
text-transform: uppercase;
background: linear-gradient(90deg, #A39B88 20.54%, rgba(163, 155, 136, .72) 120.54%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 300;
}
.navigation_window_online_total h3 {
font-size: 22px;
color: #96E368;
margin: 0 12px 0 30px;
}
.window_circle {
height: 30px;
width: 30px;
}
.window_circle:after {
width: 22px;
height: 22px;
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat;
}
.window_circle.window_turkey_server:after {
background-image: url(../svg/tr_server_flag.svg);
}
.window_circle.window_usa_server:after {
background-image: url(../svg/usa_server_flag.svg);
}
.window_circle.window_brazil_server:after {
background-image: url(../svg/brazil_server_flag.svg);
}
.window_circle.window_eu_server:after {
background-image: url(../svg/eu_server_flag.svg);
}
.online_row .online_server.with_no_timer {
width: auto;
margin: 0 40px;
}
.online_row {
height: 198px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.online_discord {
width: 100px;
height: 100px;
position: relative;
display: none;
margin: 50px auto 0 auto;
}
.window_discord_link {
display: none;
}
.promo_kinguin_link {
display: none;
}
.btn_shop_link {
display: none;
}
.online_discord:before {
width: 98px;
height: 98px;
content: '';
position: absolute;
top: 0;
left: 0;
border-radius: 100px;
border: 1px solid rgba(45, 46, 86, .4);
}
.online_discord:after {
width: 74px;
height: 74px;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 13px;
margin: auto;
background: rgba(43, 42, 58, .36);
border-radius: 100px;
}
.online_discord_row {
height: 100px;
display: flex;
flex-wrap: wrap;
align-content: center;
}
.online_discord_row:after {
width: 100px;
height: 100px;
border-radius: 100px;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
background: url(../svg/discord_icon.svg) 50% no-repeat;
background-size: 48px;
z-index: 15;
}
.online_discord_row > h3 {
font-size: 24px;
text-transform: uppercase;
color: #AD86FF;
margin: 6px 0;
position: relative;
z-index: 20;
}
.online_discord_row > a {
height: 26px;
line-height: 26px;
display: inline-block;
padding: 0 16px;
background: #8063BF;
border-radius: 6px;
text-decoration: none;
transition: all .3s ease;
font-size: 13px;
font-weight: bold;
color: #E8DCFF;
position: relative;
z-index: 20;
}
.online_discord_row > a:hover {
background: #8F70D1;
color: #fff;
}
.online_server {
height: 100px;
display: flex;
align-items: center;
position: relative;
}
.online_server.offline {
opacity: .8;
}
.online_server:nth-of-type(2) {
width: 270px;
margin: 0 0 0 40px;
}
.online_server.brazil_server {
margin: 0 !important;
}
.online_server canvas {
position: absolute;
top: 0;
left: 0;
z-index: 4;
}
.online_server:before, .online_discord_row:before {
width: 166px;
height: 166px;
border-radius: 166px;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto auto auto -33px;
z-index: 2;
filter: blur(10px);
}
.online_server:after {
width: 100px;
height: 100px;
position: absolute;
content: '';
top: 0;
bottom: 0;
margin: auto;
background-size: 48px;
background-position: 50%;
background-repeat: no-repeat;
z-index: 15;
}
.online_discord_row:before {
background: radial-gradient(50% 50% at 50% 50%, rgba(119, 90, 234, .5) 0%, rgba(134, 79, 207, .1) 48.96%, rgba(137, 53, 57, 0) 100%);
}
.online_server.server_tr:before {
background: radial-gradient(50% 50% at 50% 50%, rgba(234, 90, 97, .5) 0%, rgba(207, 79, 85, .1) 48.96%, rgba(137, 53, 57, 0) 100%);
}
.online_server.server_tr:after {
background-image: url(../svg/tr_server_flag.svg);
}
.online_server.server_am:before {
background: radial-gradient(50% 50% at 50% 50%, rgba(234, 90, 97, .5) 0%, rgba(207, 79, 85, .1) 48.96%, rgba(137, 53, 57, 0) 100%);
}
.online_server.server_am:after {
background-image: url(https://newreality-rp.com/svg/am_server_flag.svg);
}
.online_server.usa_server:before {
background: radial-gradient(50% 50% at 50% 50%, rgba(90, 174, 234, .5) 0%, rgba(79, 124, 207, .1) 48.96%, rgba(137, 53, 57, 0) 100%);
}
.online_server.brazil_server:before {
background: radial-gradient(50% 50% at 50% 50%, rgba(145, 234, 90, .5) 0%, rgba(122, 207, 79, .1) 48.96%, rgba(137, 53, 57, 0) 100%);
}
.online_server.brazil_server:after {
background-image: url(../svg/brazil_server_flag.svg);
}
.online_server.eu_server:after {
background-image: url(../svg/eu_server_flag.svg);
}
.online_server.eu_server:before {
background: radial-gradient(50% 50% at 50% 50%, rgb(0 15 255 / 50%) 0%, rgba(79, 124, 207, .1) 48.96%, rgba(137, 53, 57, 0) 100%);
}
.online_server.offline:before {
display: none;
}
.online_server.usa_server:after {
background-image: url(../svg/usa_server_flag.svg);
}
.online_server.offline:after {
opacity: .6;
}
.online_server_load {
width: 100px;
height: 100px;
position: absolute;
top: 0;
left: 0;
}
.online_server_load:before, .online_server_load:after {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
border-radius: 100px;
}
.online_server_load:before {
width: 74px;
height: 74px;
background: rgba(50, 48, 50, .36);
}
.online_server_load:after {
width: 48px;
height: 48px;
background: rgba(35, 32, 33, .48);
}
.server_description, .online_discord_row {
padding: 0 0 0 87px;
position: relative;
z-index: 5;
}
.server_description > h3 {
font-size: 31px;
color: #F8F5ED;
margin: 0 0 6px 0;
text-transform: uppercase;
}
.server_description span {
font-size: 15px;
text-transform: uppercase;
color: #A39B88;
}
/* Promo */
.promo {
margin: 55px 0 0 0;
}
.promo > h3 {
font-weight: 900;
font-size: 85px;
line-height: 93.5%;
color: #FFFFFF;
position: relative;
top: 40px;
opacity: 0;
}
.promo.moving > h3 {
animation-name: promo_title;
animation-fill-mode: both;
animation-duration: .4s;
animation-delay: 1.5s;
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(0.28, 0.07, 0.21, 0.87);
}
@keyframes promo_title {
0% {
transform: translateY(0);
opacity: 0;
}
100% {
transform: translateY(-40px);
opacity: 1;
}
}
.promo > p {
max-width: 545px;
font-weight: 100;
font-size: 24px;
line-height: 32px;
color: #D6D6D6;
margin: 25px 0 0 0;
position: relative;
top: 40px;
opacity: 0;
}
.promo.moving > p {
animation-name: promo_text;
animation-fill-mode: both;
animation-duration: .4s;
animation-delay: 1.5s;
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(0.28, 0.07, 0.21, 0.87);
}
@keyframes promo_text {
0% {
transform: translateY(0);
opacity: 0;
}
100% {
transform: translateY(-40px);
opacity: 1;
}
}
.promo_buttons {
height: 166px;
display: flex;
align-items: center;
margin: 40px 0 0 0;
position: relative;
top: 40px;
opacity: 0;
}
.promo.moving .promo_buttons {
animation-name: promo_buttons;
animation-fill-mode: both;
animation-duration: .4s;
animation-delay: 2s;
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(0.28, 0.07, 0.21, 0.87);
}
@keyframes promo_buttons {
0% {
transform: translateY(0);
opacity: 0;
}
100% {
transform: translateY(-40px);
opacity: 1;
}
}
.promo_buttons a {
text-decoration: none;
}
.start_play {
width: 216px;
text-align: center;
background: #FFBB1C;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
height: 78px;
font-weight: 700;
font-size: 19px;
color: #151418;
}
.start_play:hover {
color: #794B20;
background: #FFC940;
}
a.watch {
margin: 0 0 0 45px;
font-weight: 700;
font-size: 19px;
color: #EC5D64;
position: relative;
padding: 0 125px 0 0;
}
a.watch:hover {
color: #FF7777;
}
a.watch:hover span:after {
background-color: #FF7777;
}
a.watch:before {
width: 142px;
height: 142px;
border-radius: 142px;
border: 1px solid rgba(236, 93, 126, 0.05);
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 12px;
margin: auto;
z-index: 3;
}
a.watch:after {
width: 166px;
height: 166px;
border-radius: 166px;
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
background: radial-gradient(50% 50% at 50% 50%, rgba(234, 90, 97, 0.232) 0%, rgba(207, 79, 85, 0.096) 48.96%, rgba(137, 53, 57, 0) 100%);
}
a.watch span {
width: 50px;
height: 50px;
background: rgba(236, 93, 100, 0.12);
position: absolute;
border-radius: 50px;
top: 0;
bottom: 0;
right: 58px;
margin: auto;
z-index: 4;
}
a.watch:hover span, a.watch:hover:before, a.watch:hover:after {
transform: scale(1.1);
}
a.watch span:after {
width: 30px;
height: 30px;
position: absolute;
content: '';
border-radius: 50px;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
background-color: #EC5D64;
border-radius: 30px;
background-repeat: no-repeat;
background-position: 60% 50%;
background-image: url("data:image/svg+xml,%3Csvg width='11' height='14' viewBox='0 0 11 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 7L0.5 13.0622L0.500001 0.937822L11 7Z' fill='%23100F14'/%3E%3C/svg%3E%0A");
}
a.watch span:before {
width: 84px;
height: 84px;
border-radius: 84px;
content: '';
position: absolute;
top: 0;
bottom: 0;
right: -18px;
margin: auto;
border: 1px solid rgba(236, 93, 126, 0.11);
}
/* Steps */
.steps_section {
width: 100%;
margin: 500px 0 0 0;
}
.steps {
width: 1810px;
min-height: 660px;
margin: 400px auto 0 auto;
display: flex;
padding: 187px 0 0 0;
position: relative;
}
.murder {
position: absolute;
opacity: 0;
transition: none !important;
}
.murder.front {
width: 641px;
height: 769px;
background: url(../images/murder_front.png) no-repeat;
background-size: 100%;
top: -100px;
z-index: 2;
left: 12px;
}
.murder.back {
width: 376px;
height: 455px;
background: url(../images/murder_back.png) no-repeat;
background-size: 100%;
top: -100px;
left: 420px;
}
.steps_row {
margin: 0 163px 0 auto;
display: flex;
position: relative;
z-index: 4;
top: 200px;
}
.steps_row.is-inview {
animation-name: steps_row;
animation-fill-mode: both;
animation-duration: .8s;
animation-delay: .5s;
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(0.28, 0.07, 0.21, 0.87);
}
@keyframes steps_row {
0% {
top: 200px;
}
100% {
top: 0;
}
}
.steps_row.is-inview .step {
animation-name: step;
animation-fill-mode: both;
animation-duration: .8s;
animation-delay: .5s;
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(0.28, 0.07, 0.21, 0.87);
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
}
@keyframes step {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.step {
width: 324px;
height: 530px;
background: linear-gradient(338.93deg, rgba(255, 255, 255, 0.056) -7.23%, rgba(255, 255, 255, 0.056) -7.22%, rgba(255, 255, 255, 0.028) 5.45%, rgba(255, 255, 255, 0.004) 18.4%, rgba(255, 255, 255, 0) 46.85%), rgba(196, 196, 196, 0.04);
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
position: relative;
margin: 0 0 0 12px;
opacity: 0;
will-change: backdrop-filter, transform, -webkit-backdrop-filter;
}
.step:nth-of-type(2) {
background: linear-gradient(338.93deg, rgba(255, 255, 255, 0.056) -7.23%, rgba(255, 255, 255, 0.028) 5.45%, rgba(255, 255, 255, 0.004) 18.4%, rgba(255, 255, 255, 0) 46.85%), rgba(196, 196, 196, 0.04);
}
.step:last-of-type {
background: linear-gradient(343.54deg, rgba(255, 205, 78, 0.23) -8.98%, rgba(255, 205, 78, 0.06) 8.63%, rgba(255, 205, 78, 0.01) 26.63%, rgba(255, 205, 78, 0) 66.15%), rgba(154, 145, 131, 0.09);
}
.step > h5 {
width: 50px;
text-align: center;
font-family: 'Avenir Next Cyr Ultra';
font-size: 55px;
color: rgba(255, 255, 255, .08);
position: absolute;
bottom: -5px;
right: -4px;
line-height: 50px;
}
.step:last-of-type > h5 {
background: linear-gradient(180deg, rgba(255, 235, 183, 0.18) 0%, rgba(255, 235, 183, 0.009) 108.5%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.step_description {
position: relative;
padding: 221px 20px 0 20px;
width: 100%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: flex-start;
justify-content: flex-start;
}
.step_description-download {
/*padding: 221px 15px 0 15px !important;*/
}
.step_description-download h3,
.step_description-download p {
/*padding-left: 40px;*/
}
.step_description h3 {
font-weight: 700;
font-size: 21px;
line-height: 26px;
color: #FFFFFF;
}
.step_description p {
margin: 18px 0 0 0;
font-weight: 300;
font-size: 17px;
line-height: 24px;
color: #D0D0CF;
}
.step:last-of-type .step_description p {
color: #FFF7E1;
}
.step_description a {
width: 75%;
height: 64px;
text-decoration: none;
padding: 0 0 0 23px;
font-weight: 700;
font-size: 18px;
line-height: 64px;
color: #E4E4E2;
background: #302F36;
border-radius: 10px;
margin: auto auto 20px auto;
/*position: absolute;*/
bottom: 20px;
cursor: pointer;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
}
.btn-group-download {
display: flex;
width: 100%;
/*position: absolute;*/
left: 0;
right: 0;
transform: translate(0);
}
.custom-margin-btn-eu {
margin-left: auto !important;
}
custom-margin-btn-tu {
}
.step:last-of-type .step_description a {
background: #FFBB1C;
color: #151418;
}
.step:last-of-type .step_description a:hover {
background: #FFC940;
color: #794B20;
}
.step_description a:hover {
background: #46454B;
color: #fff;
}
.step_description a:after, .step_description a i {
content: '';
/*position: absolute;*/
/*top: 0;*/
/*bottom: 0;*/
/*margin: auto;*/
/*right: 22px;*/
}
.step_description a.step_install_link {
/*width: 157px;*/
/*width: 110px;*/
/*padding: 0 0 0 47px;*/
padding: 0 0 0 23px;
background-color: #302F36;
background-repeat: no-repeat;
/*background-size: 20px;*/
/*background-position: 18px 50%;*/
/*background-position: 10px 50%;*/
background-position: 0 50%;
}
.step_description a.step_install_link--turkey {
/*background-image: url(../svg/en.svg);*/
background-image: url("../images/turkey.png");
}
.step_description a.step_install_link--europe {
/*background-image: url(../svg/en.svg);*/
background-image: url("../images/europe.png");
}
.step_description a.step_install_link--pt {
background-image: url(../svg/pt.svg);
}
.step_description a.step_install_link--br {
background-image: url(../svg/br.svg);
}
.step_description a.step_install_link--tr {
background-image: url(../svg/tr.svg);
}
.buy .step_description a:after {
width: 24px;
height: 24px;
margin-right: 24px;
background-image: url("data:image/svg+xml,%3Csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.7414 19.3909C21.6242 17.6994 21.5071 16.0078 21.3314 14.3162C21.2143 13.0913 21.1557 11.8664 21.0386 10.6414C20.98 9.88313 20.98 9.12484 20.8629 8.42488C20.6286 7.02496 19.2816 6.09168 17.9345 6.09168C17.7588 6.09168 17.5831 6.09168 17.4074 6.09168C16.8803 6.09168 16.3532 6.09168 15.8847 6.09168C15.8847 5.91669 15.8847 5.68337 15.8847 5.50838C15.8847 4.98341 15.8847 4.45843 15.7675 3.93346C15.5918 3.00018 15.0062 2.0669 14.3034 1.42527C13.952 1.07529 13.542 0.78364 13.0735 0.60865C12.4292 0.25867 11.9021 0.0836796 11.2579 0.0253496C10.2622 -0.0913106 9.20802 0.20034 8.38808 0.78364C7.39244 1.42527 6.7482 2.30022 6.33823 3.35016C6.10396 3.93346 6.0454 4.57509 6.0454 5.1584C6.0454 5.45005 6.0454 5.7417 6.0454 6.03335C5.45973 6.03335 4.93262 6.03335 4.34695 6.03335C4.22982 6.03335 4.05412 6.03335 3.93698 6.03335C3.17561 6.03335 2.35567 6.325 1.82857 6.96663C1.47716 7.31661 1.24289 7.72492 1.12576 8.24989C1.06719 8.48321 1.06719 8.77486 1.00863 9.06651C0.891492 10.9914 0.715791 12.858 0.598656 14.7829C0.481522 16.0078 0.422955 17.1744 0.305821 18.3993C0.247254 19.1576 0.0715524 20.0326 0.364388 20.7325C0.715791 21.9575 1.82857 22.7741 3.11704 22.7741C3.29274 22.7741 3.46844 22.7741 3.70271 22.7741C4.58122 22.7741 5.45973 22.7741 6.33823 22.7741C8.91519 22.7741 11.5507 22.7741 14.1277 22.7741C15.709 22.7741 17.2317 22.8324 18.813 22.7741C20.4529 22.7157 21.7414 21.4325 21.7999 19.7992C21.7999 19.6243 21.8 19.5076 21.7414 19.3909ZM9.67656 6.03335C9.67656 5.62504 9.67656 5.21673 9.67656 4.80841C9.67656 4.69175 9.73512 4.57509 9.79369 4.45843C9.85226 4.34177 9.91083 4.28344 9.96939 4.16678C10.028 4.10845 10.0865 4.05012 10.1451 3.93346C10.2622 3.87513 10.3208 3.8168 10.4379 3.75847C10.5551 3.70014 10.6722 3.70014 10.7308 3.64181C10.8479 3.64181 10.965 3.64181 11.0822 3.64181C11.1993 3.64181 11.3164 3.70014 11.4336 3.75847C11.5507 3.8168 11.6093 3.87513 11.7264 3.93346C11.8435 4.05012 11.9021 4.10845 11.9607 4.16678C12.0192 4.28344 12.0778 4.34177 12.1364 4.45843C12.1949 4.57509 12.1949 4.69175 12.2535 4.80841C12.2535 5.21673 12.2535 5.62504 12.2535 6.03335C11.375 6.03335 10.5551 6.03335 9.67656 6.03335ZM17.2903 19.0993C16.0018 19.0993 14.7719 19.0993 13.4834 19.0993C11.9607 19.0993 10.4379 19.0993 8.91519 19.0993C7.62671 19.0993 6.27967 19.0993 4.99119 19.0993C4.58122 19.0993 4.22982 19.0993 3.81985 19.0993C3.81985 18.9826 3.81985 18.866 3.87841 18.7493C3.93698 17.8743 3.99555 16.9994 4.05412 16.1828C4.22982 14.1996 4.34695 12.2747 4.52265 10.2914C4.52265 10.0581 4.58122 9.88313 4.58122 9.64981C4.81549 9.64981 5.04976 9.64981 5.28403 9.64981C6.10396 9.64981 6.86534 9.64981 7.68528 9.64981C7.74384 9.64981 7.80241 9.64981 7.86098 9.64981H7.91955C8.15381 9.64981 8.38808 9.64981 8.68092 9.64981C10.3794 9.64981 12.1364 9.64981 13.8348 9.64981C13.8934 9.64981 14.0105 9.64981 14.0691 9.64981C14.1277 9.64981 14.1277 9.64981 14.1862 9.64981C14.889 9.64981 15.5918 9.64981 16.2946 9.64981C16.646 9.64981 16.9974 9.64981 17.3488 9.64981C17.4074 10.6414 17.466 11.633 17.5831 12.5663C17.7588 14.4912 17.876 16.4744 18.0517 18.3993C18.0517 18.6326 18.1102 18.866 18.1102 19.0993C17.8174 19.0993 17.5245 19.0993 17.2903 19.0993Z' fill='%23FFBB1C'/%3E%3C/svg%3E%0A");
}
.install .step_description a:after {
width: 24px;
height: 24px;
margin-right: 24px;
background-image: url("data:image/svg+xml,%3Csvg width='23' height='24' viewBox='0 0 23 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.0213 12.0982C7.75117 12.4006 7.5505 12.7985 7.56851 13.223C7.58909 13.6448 7.72801 14.0428 8.0213 14.3478C8.86515 15.218 9.70642 16.0855 10.5503 16.9556C10.6686 17.0777 10.7844 17.1971 10.9027 17.3191C10.9027 17.3191 10.9027 17.3191 10.9053 17.3191C10.9053 17.3191 10.9053 17.3191 10.9053 17.3217C10.9387 17.3562 10.9748 17.3907 11.0134 17.4226C11.0468 17.4517 11.0828 17.4756 11.1188 17.5021C11.124 17.5075 11.1291 17.5101 11.1368 17.5154C11.1394 17.5154 11.1394 17.5181 11.142 17.5181C11.2295 17.5791 11.3272 17.6295 11.4276 17.6719C11.5382 17.7197 11.654 17.7568 11.7723 17.7727C11.8495 17.786 11.9241 17.7913 11.9987 17.7887C12.027 17.786 12.0579 17.786 12.0862 17.7834C12.1762 17.778 12.2714 17.7621 12.364 17.7383C12.6367 17.6719 12.8966 17.5393 13.0895 17.3217C13.0972 17.3138 13.1024 17.3058 13.1101 17.2979C13.9462 16.4357 14.7824 15.5735 15.6185 14.7113C15.7368 14.5893 15.8526 14.4699 15.9709 14.3478C16.2514 14.0587 16.4237 13.6316 16.4237 13.223C16.4237 12.833 16.2565 12.3661 15.9709 12.0982C15.6777 11.8196 15.2917 11.6127 14.8801 11.6313C14.4711 11.6498 14.0852 11.7931 13.7893 12.0982C13.707 12.1831 13.6246 12.268 13.5423 12.3528C13.5423 11.9761 13.5423 11.5968 13.5423 11.2201C13.5423 9.80871 13.5423 8.39471 13.5423 6.98336C13.5423 5.75506 13.5423 4.52677 13.5423 3.29847C13.5423 2.70687 13.5475 2.11262 13.5423 1.52102C13.5423 1.51306 13.5423 1.50511 13.5423 1.49715C13.5423 1.0886 13.3699 0.66148 13.0895 0.372313C12.8194 0.0964103 12.3795 -0.110517 11.9961 -0.0945991C11.5974 -0.0760288 11.1831 0.0592696 10.9053 0.372313C10.6274 0.682703 10.4525 1.06472 10.4525 1.49715C10.4525 1.98793 10.4525 2.47872 10.4525 2.96951C10.4525 4.13679 10.4525 5.30672 10.4525 6.474C10.4525 7.88535 10.4525 9.29935 10.4525 10.7107C10.4525 11.2599 10.4525 11.8064 10.4525 12.3555C10.3702 12.2706 10.2878 12.1857 10.203 12.0982C9.92253 11.809 9.50832 11.6313 9.11213 11.6313C8.73394 11.6313 8.28114 11.8037 8.0213 12.0982Z' fill='%23FFBB1C'/%3E%3Cpath d='M22.9998 18.357C22.9998 17.2773 22.9998 16.1949 22.9998 15.1152C22.9998 13.8816 22.9998 12.648 22.9998 11.4144C22.9998 10.4514 22.9998 9.49103 22.9998 8.52802C22.9998 8.28395 22.9998 8.04254 22.9998 7.79847C22.9998 7.76133 22.9998 7.72419 22.9998 7.68705C22.9973 7.38727 22.9561 7.08484 22.9021 6.78771C22.8403 6.45345 22.7066 6.14306 22.5728 5.83267C22.4647 5.58595 22.3181 5.37637 22.1586 5.16413C21.9965 4.9466 21.837 4.74232 21.6312 4.56723C21.1269 4.14276 20.5815 3.79789 19.9357 3.64402C19.3286 3.50076 18.724 3.52198 18.1066 3.52198C17.6949 3.52198 17.2807 3.52198 16.8691 3.52198C16.4729 3.52198 16.0587 3.69973 15.7783 3.98889C15.5107 4.2648 15.31 4.71844 15.3255 5.11373C15.3435 5.52493 15.4747 5.95205 15.7783 6.23856C16.0793 6.52508 16.4523 6.70547 16.8691 6.70547C17.5148 6.70547 18.1606 6.70547 18.8063 6.70547C18.8989 6.70547 18.989 6.70547 19.079 6.71078C19.1588 6.72935 19.2385 6.75057 19.3183 6.7771C19.3981 6.81955 19.4752 6.8673 19.5524 6.91771C19.6064 6.97076 19.6605 7.02382 19.7119 7.08219C19.7582 7.15647 19.802 7.23075 19.8406 7.31034C19.8689 7.40319 19.8946 7.49604 19.9126 7.59155C19.9383 7.99744 19.9126 8.41395 19.9126 8.81454C19.9126 9.79081 19.9126 10.7671 19.9126 11.7433C19.9126 12.9451 19.9126 14.1495 19.9126 15.3513C19.9126 16.378 19.9126 17.4047 19.9126 18.434C19.9126 18.9009 19.9152 19.3678 19.9126 19.8321C19.9126 19.8745 19.91 19.9143 19.91 19.9568C19.892 20.0416 19.8714 20.1239 19.8457 20.2061C19.8045 20.2884 19.7582 20.368 19.7094 20.4475C19.6579 20.5033 19.6064 20.559 19.5498 20.612C19.4778 20.6598 19.4058 20.7049 19.3286 20.7447C19.2463 20.7738 19.1614 20.7977 19.0739 20.8163C18.9324 20.8216 18.7909 20.8216 18.6494 20.8216C18.3201 20.8216 17.9908 20.8216 17.6615 20.8216C16.5398 20.8216 15.4181 20.8216 14.2964 20.8216C12.9277 20.8216 11.5564 20.8216 10.1878 20.8216C9.01203 20.8216 7.83631 20.8216 6.66058 20.8216C6.12031 20.8216 5.58004 20.8243 5.04234 20.8216C5.00118 20.8216 4.96002 20.8189 4.91885 20.8189C4.83653 20.8004 4.75677 20.7792 4.67702 20.7526C4.59727 20.7102 4.52008 20.6624 4.4429 20.612C4.38888 20.559 4.33485 20.5059 4.2834 20.4475C4.23709 20.3733 4.19335 20.299 4.15476 20.2194C4.12646 20.1265 4.10073 20.0337 4.08272 19.9382C4.057 19.5323 4.08272 19.1158 4.08272 18.7152C4.08272 17.7389 4.08272 16.7627 4.08272 15.7864C4.08272 14.5846 4.08272 13.3802 4.08272 12.1784C4.08272 11.1517 4.08272 10.1251 4.08272 9.09574C4.08272 8.62883 4.08015 8.16192 4.08272 7.69766C4.08272 7.65521 4.0853 7.61542 4.0853 7.57297C4.10331 7.48808 4.12389 7.40584 4.14961 7.3236C4.19078 7.24136 4.23709 7.16177 4.28597 7.08219C4.33742 7.02648 4.38888 6.97076 4.44548 6.91771C4.51751 6.86995 4.58955 6.82485 4.66673 6.78506C4.75163 6.75588 4.83653 6.732 4.924 6.71343C5.16069 6.70017 5.40252 6.71078 5.63664 6.71078C6.05856 6.71078 6.48049 6.71078 6.90241 6.71078C7.00532 6.71078 7.10566 6.71078 7.20856 6.71078C7.60476 6.71078 8.01897 6.53303 8.29939 6.24387C8.56695 5.96796 8.76762 5.51432 8.75219 5.11903C8.73418 4.70783 8.60297 4.28071 8.29939 3.9942C7.99581 3.71299 7.62534 3.53259 7.20599 3.53259C6.77635 3.53259 6.34413 3.53259 5.91449 3.53259C5.30476 3.53259 4.71304 3.51402 4.11102 3.64402C3.4627 3.78197 2.91214 4.12685 2.40532 4.54601C2.24581 4.676 2.10431 4.82191 1.97825 4.98639C1.775 5.24903 1.57433 5.50636 1.43798 5.81144C1.16527 6.41896 1.00062 7.01852 0.998047 7.69501C0.998047 7.7295 0.998047 7.76664 0.998047 7.80113C0.998047 8.45374 0.998047 9.10636 0.998047 9.75897C0.998047 10.9103 0.998047 12.0617 0.998047 13.2104C0.998047 14.4254 0.998047 15.6405 0.998047 16.8555C0.998047 17.6991 0.998047 18.5428 0.998047 19.3837C0.998047 19.5349 0.998047 19.6835 0.998047 19.8347C1.00319 20.9542 1.44827 22.0897 2.25353 22.8564C3.0202 23.5859 4.00297 23.9998 5.04749 24.0024C5.18642 24.0024 5.32277 24.0024 5.4617 24.0024C6.20521 24.0024 6.94872 24.0024 7.69223 24.0024C8.81908 24.0024 9.94593 24.0024 11.0753 24.0024C12.2717 24.0024 13.468 24.0024 14.6643 24.0024C15.6419 24.0024 16.617 24.0024 17.5946 24.0024C18.0448 24.0024 18.4976 24.0051 18.9478 24.0024C19.9872 23.9971 20.9494 23.5912 21.7186 22.8776C22.5393 22.1162 22.9921 20.9622 22.9973 19.8347C23.0024 19.3386 22.9998 18.8478 22.9998 18.357Z' fill='%23FFBB1C'/%3E%3C/svg%3E");
}
.install .step_description a:hover i svg path:first-of-type {
animation: .3s cubic-bezier(0.28, 0.07, 0.21, 0.87) 2 both installStepArrow;
}
@keyframes installStepArrow {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-5px);
}
100% {
transform: translateY(0);
}
}
.start .step_description a:after {
width: 24px;
height: 24px;
margin-right: 24px;
background-image: url('data:image/svg+xml,');
}
.start .step_description a:hover:after {
background-image: url('data:image/svg+xml,');
}
.step_description:after {
width: 242px;
height: 264px;
content: '';
position: absolute;
top: -79px;
left: 24px;
}
.buy .step_description:after {
background: url(../svg/buy_icon.svg) no-repeat;
}
.install .step_description:after {
background: url(../svg/install_icon.svg) no-repeat;
}
.start .step_description:after {
background: url(../svg/start_icon.svg) no-repeat;
}
.steps > h2 {
font-family: 'Avenir Next Cyr';
font-weight: 900;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.0015) 97.28%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 230px;
position: absolute;
text-transform: uppercase;
bottom: 0;
z-index: 2;
left: -200px;
transition: none !important;
user-select: none;
}
.steps > h3 {
width: 100%;
font-family: 'Avenir Next Cyr';
font-weight: 900;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.003) 159.78%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 75px;
position: absolute;
text-transform: uppercase;
bottom: 0;
letter-spacing: 0.4em;
text-align: center;
z-index: 3;
right: -100px;
transition: none !important;
user-select: none;
}
/* News */
.news {
margin: 200px 0 0 0;
position: relative;
padding: 70px 0 0 0;
}
.lawyer {
position: absolute;
width: 811px;
height: 848px;
top: -50px;
right: -150px;
transition: none !important;
}
.lawyer:after {
width: 726px;
height: 848px;
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 2;
background: url(../images/lawyer.png) no-repeat;
background-size: 100%;
}
/*.lawyer:before {*/
/* width: 454px;*/
/* height: 454px;*/
/* position: absolute;*/
/* content: '';*/
/* right: 0;*/
/* top: 75px;*/
/* background: url(../images/flag.png) no-repeat;*/
/* background-size: 100%;*/
/*}*/
.news_row {
width: 940px;
display: flex;
flex-wrap: wrap;
position: relative;
z-index: 3;
}
.news_row > h3 {
font-weight: 900;
font-size: 55px;
color: #FFFFFF;
position: relative;
top: -70px;
opacity: 0;
}
.news_row > a {
height: 70px;
line-height: 70px;
text-decoration: none;
padding: 0 23px;
border: 1px solid #2C2B31;
border-radius: 10px;
position: relative;
color: #E4E4E2;
margin: 0 0 0 auto;
position: relative;
top: -70px;
opacity: 0;
}
.is-inview .news_row > h3, .is-inview .news_row > a {
animation-name: news_header;
animation-fill-mode: both;
animation-duration: .7s;
animation-delay: .5s;
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(0.28, 0.07, 0.21, 0.87);
}
@keyframes news_header {
0% {
transform: translateY(0);
opacity: 0;
}
100% {
transform: translateY(70px);
opacity: 1;
}
}
.news_row > a:hover {
background: #17151B;
border: 1px solid #45444A;
color: #FFBB1C;
}
.news_row > a:hover span {
background: #FFC940;
color: #794B20;
}
.news_row > a span {
background: #FFBB1C;
border-radius: 15px;
line-height: 30px;
font-weight: 700;
font-size: 16px;
color: #100F14;
display: inline-block;
padding: 0 10px;
margin: 0 0 0 10px;
}
.news_container {
width: 100%;
display: flex;
justify-content: space-between;
margin: 85px 0 0 0;
align-items: end;
}
.news_container_unit {
width: 450px;
display: flex;
flex-wrap: wrap;
position: relative;
}
.news_container_unit:first-of-type {
top: -70px;
}
.news_container_unit:last-of-type {
margin: 65px 0 0 0;
top: 70px;
}
.is-inview .news_row .news_container_unit:first-of-type {
animation-name: news_container_first;
animation-fill-mode: both;
animation-duration: .7s;
animation-delay: 1s;
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(0.28, 0.07, 0.21, 0.87);
}
@keyframes news_container_first {
0% {
transform: translateY(0);
}
100% {
transform: translateY(70px);
}
}
.is-inview .news_row .news_container_unit:last-of-type {
animation-name: news_container_second;
animation-fill-mode: both;
animation-duration: .7s;
animation-delay: 1s;
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(0.28, 0.07, 0.21, 0.87);
}
@keyframes news_container_second {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-70px);
}
}
.news_container_unit > a {
width: calc(100% - 60px);
text-decoration: none;
background: rgba(25, 24, 30, 0.9);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-radius: 14px;
padding: 48px 20px 48px 40px;
margin: 40px 0 0 0;
position: relative;
}
.main_page .news_container_unit > a {
opacity: 0;
}
.is-inview .news_row .news_container_unit > a {
animation-name: news_item;
animation-fill-mode: both;
animation-duration: .7s;
animation-delay: 1s;
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(0.28, 0.07, 0.21, 0.87);
position: relative;
}
@keyframes news_item {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.news_container_unit > a > * {
position: relative;
z-index: 2;
}
.news_container_unit > a:after {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
content: '';
background: linear-gradient(180deg, rgba(25, 24, 30, 0.9) 0%, rgba(33, 32, 38, 0.9) 100%);
opacity: 0;
border-radius: 14px;
}
.news_container_unit > a:hover:after {
opacity: 1;
}
.news_container_unit > a:first-of-type {
margin: 0;
}
.news_container_unit > a:hover {
box-shadow: 0px 34px 44px rgba(9, 9, 12, 0.5);
}
.news_container_unit > a h3 {
font-weight: 700;
font-size: 22px;
color: #FFBB1C;
text-decoration: none;
}
.news_container_unit p {
font-size: 19px;
line-height: 26px;
color: #8B8B8B;
margin: 20px 0 30px 0;
}
.news_container_unit span {
font-weight: 700;
font-size: 15px;
color: #3D3D3D;
}
.news_container_unit > a:hover h3 {
color: #FFC940;
}
.news_container_unit > a:hover p {
color: #E4E4E2;
}
/* Communication */
.communication {
min-height: 525px;
margin: 250px 0 0 0;
position: relative;
}
.communication > i {
width: 0;
position: absolute;
left: 0;
top: 0;
height: 525px;
background: #FFBB1C;
transition: all .6s cubic-bezier(0.28, 0.07, 0.21, 0.87) !important;
z-index: 9;
}
.communication.is-inview > i {
width: calc(50% + 177px);
}
.communication:after {
width: 50%;
height: 525px;
content: '';
background: #FFBB1C;
position: absolute;
top: 0;
left: 0;
display: none;
}
.communication .container {
display: flex;
flex-wrap: wrap;
}
.communication .container:after {
width: 0;
min-height: 447px;
content: '';
position: absolute;
left: 0;
background: #18171D;
transition: all .6s cubic-bezier(0.28, 0.07, 0.21, 0.87) !important;
transition-delay: 1s !important;
top: 0;
}
.communication.is-inview .container:after {
width: 100%;
}
/* Follow */
.follow {
width: 877px;
min-height: 430px;
position: relative;
padding: 95px 0 0 0;
z-index: 10;
}
.follow:after {
width: 100%;
height: 525px;
content: '';
background: #FFBB1C;
position: absolute;
top: 0;
left: 0;
display: none;
}
.follow > h3, .parthnership > h3 {
font-weight: 900;
font-size: 50px;
}
.follow > h3 {
color: #151418;
}
.follow > *, .parthnership > * {
position: relative;
z-index: 3;
}
.follow > p, .parthnership > p {
font-weight: 300;;
font-size: 22px;
line-height: 28px;
margin: 20px 0 0 0;
}
.follow > p {
color: #7A5431;
}
.follow > h3, .follow > p {
position: relative;
top: 30px;
opacity: 0;
}
.is-inview .follow > h3, .is-inview .follow > p {
animation-name: follow_text;
animation-fill-mode: both;
animation-duration: .7s;
animation-delay: .5s;
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(0.28, 0.07, 0.21, 0.87);
}
@keyframes follow_text {
0% {
opacity: 0;
}
100% {
opacity: 1;
transform: translateY(-30px);
}
}
.follow ul {
display: flex;
margin: 30px 0 0 0;
position: relative;
top: 70px;
}
.is-inview .follow ul {
animation-name: follow_list;
animation-fill-mode: both;
animation-duration: .7s;
animation-delay: 1s;
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(0.28, 0.07, 0.21, 0.87);
}
@keyframes follow_list {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-70px);
}
}
.follow li a {
width: 240px;
height: 165px;
position: relative;
text-decoration: none;
background-color: rgba(40, 35, 20, 0.87);
background-repeat: no-repeat;
background-position: 50% 79px;
backdrop-filter: blur(22px);
-webkit-backdrop-filter: blur(22px);
display: block;
padding: 171px 0 0 0;
font-size: 24px;
text-align: center;
color: #FFBB1C;
margin: 0 0 0 3px;
opacity: 0;
transform: translateZ(0);
}
.is-inview .follow li a {
animation-name: follow_item;
animation-fill-mode: both;
animation-duration: .5s;
animation-delay: 1s;
animation-iteration-count: 1;
transform: translateZ(0);
animation-timing-function: cubic-bezier(0.28, 0.07, 0.21, 0.87);
}
@keyframes follow_item {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.follow li:first-of-type a {
margin: 0;
}
.follow li a:hover {
background-color: rgba(57, 50, 30, 0.87);
box-shadow: 0px 20px 52px rgba(16, 14, 12, 0.3);
}
.follow li a:after {
width: 24px;
height: 10px;
background: url(../svg/communication_arrow.svg) -10px 50% no-repeat;
position: absolute;
content: '';
left: 0;
right: 0;
margin: auto;
bottom: 89px;
z-index: 3;
}
.follow li a:hover:after {
width: 34px;
background: url(../svg/communication_arrow.svg) 0 50% no-repeat;
}
.follow li a.discord {
background-image: url(../svg/discord.svg);
}
.follow li a.facebook {
background-image: url(../svg/facebook.svg);
}
.follow li a.twitter {
background-image: url(../svg/twitter.svg);
}
.follow li a:before {
width: 98px;
height: 36px;
border: 1px solid rgba(136, 119, 96, 0.3);
border-radius: 8px;
background: rgba(252, 229, 195, 0);
position: absolute;
left: 0;
right: 0;
bottom: 76px;
margin: auto;
content: '';
}
.follow li a:hover:before {
background: rgba(252, 229, 195, 0.1);
border: 1px solid #4D442E;
}
/* Parthnership */
.parthnership {
position: relative;
min-height: 650px;
padding: 95px 0 0 80px;
}
.parthnership:after {
position: absolute;
content: '';
width: 444px;
height: 313px;
background: url(../images/benjamines.png) no-repeat;
z-index: 2;
left: -60px;
top: 380px;
transition: all .5s cubic-bezier(0.28, 0.07, 0.21, 0.87) !important;
transition-delay: 1.5s !important;
opacity: 0;
}
.is-inview .parthnership:after {
opacity: 1;
transform: translateY(-50px);
}
.parthnership > h3, .parthnership > p, .parthnership > a {
position: relative;
top: 60px;
opacity: 0;
}
.is-inview .parthnership > h3, .is-inview .parthnership > p, .is-inview .parthnership > a {
animation-name: parthnership;
animation-fill-mode: both;
animation-duration: .5s;
animation-delay: 2s;
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(0.28, 0.07, 0.21, 0.87);
}
@keyframes parthnership {
0% {
opacity: 0;
}
100% {
opacity: 1;
transform: translateY(-60px);
}
}
.parthnership > h3 {
color: #fff;
}
.parthnership > p {
color: #8B8B8B;
}
.parthnership > a {
width: 139px;
height: 56px;
background: #FFBB1C;
border-radius: 10px;
margin: 30px 0 0 0;
display: block;
position: relative;
}
.parthnership > a:hover {
background: #FFC940;
}
.parthnership > a:after {
width: 40px;
height: 16px;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background-image: url("data:image/svg+xml,%3Csvg width='52' height='16' viewBox='0 0 52 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M52.0001 7.99991C52.0001 8.50624 51.7996 9.01257 51.3985 9.31636L44.782 15.4936C44.0803 16.2024 42.9775 16.1012 42.2757 15.3923C41.574 14.6835 41.6742 13.5695 42.376 12.8607L47.589 7.99991L42.376 3.13915C41.6742 2.43029 41.574 1.31637 42.2757 0.607505C42.9775 -0.101357 44.0803 -0.202622 44.782 0.506238L51.3985 6.68345C51.7996 6.98725 52.0001 7.49358 52.0001 7.99991Z' fill='%23151418'/%3E%3Cpath d='M49.3935 7.99997C49.3935 9.01263 48.5915 9.82275 47.589 9.82275L1.80451 9.82275C0.802005 9.82275 -3.54118e-08 9.01263 -7.96765e-08 7.99997C-1.23941e-07 6.98731 0.802005 6.17718 1.80451 6.17718L47.589 6.17718C48.5915 6.17718 49.3935 6.98731 49.3935 7.99997Z' fill='%23151418'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='16' height='52' fill='white' transform='translate(0 16) rotate(-90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
background-position: -12px 50%;
background-repeat: no-repeat;
transition: none !important;
transition: all .3s ease !important;
}
.parthnership > a:hover:after {
width: 52px;
background-image: url("data:image/svg+xml,%3Csvg width='52' height='16' viewBox='0 0 52 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M52.0001 7.99991C52.0001 8.50624 51.7996 9.01257 51.3985 9.31636L44.782 15.4936C44.0803 16.2024 42.9775 16.1012 42.2757 15.3923C41.574 14.6835 41.6742 13.5695 42.376 12.8607L47.589 7.99991L42.376 3.13915C41.6742 2.43029 41.574 1.31637 42.2757 0.607505C42.9775 -0.101357 44.0803 -0.202622 44.782 0.506238L51.3985 6.68345C51.7996 6.98725 52.0001 7.49358 52.0001 7.99991Z' fill='%23794B20'/%3E%3Cpath d='M49.3935 7.99997C49.3935 9.01263 48.5915 9.82275 47.589 9.82275L1.80451 9.82275C0.802005 9.82275 -3.54118e-08 9.01263 -7.96765e-08 7.99997C-1.23941e-07 6.98731 0.802005 6.17718 1.80451 6.17718L47.589 6.17718C48.5915 6.17718 49.3935 6.98731 49.3935 7.99997Z' fill='%23794B20'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='16' height='52' fill='white' transform='translate(0 16) rotate(-90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
background-position: 0 50%;
}
/* Footer */
footer {
padding: 0 0 140px 0;
position: relative;
}
.main_page footer {
opacity: 0;
transition: all 2s ease !important;
}
.main_page footer.is-inview {
opacity: 1;
}
footer:after {
position: absolute;
bottom: 0;
right: 100px;
width: 980px;
height: 619px;
content: '';
background: url(../images/footer_bg.png) no-repeat;
background-size: 100%;
}
footer .container {
display: flex;
flex-wrap: wrap;
}
.footer_leftSide {
width: 400px;
padding: 0 30px 0 0;
display: inline-block;
vertical-align: top;
}
/* Copyright */
.copyright {
font-size: 16px;
line-height: 26px;
color: #8B8B8B;
}
footer .logo {
width: 202px;
height: 52px;
margin: 0 0 20px 0;
display: block;
background-repeat: no-repeat;
background-position: 50%;
background-size: 100%;
}
.main_page footer .logo, footer .logo {
background-image: url("https://newreality-rp.com/images/icon/NewReality.png");
}
a.mail {
height: 64px;
line-height: 64px;
text-decoration: none;
margin: 37px 0 42px 0;
display: inline-block;
background: rgba(24, 23, 29, 0.31);
border: 1px dashed #232128;
border-radius: 10px;
font-size: 19px;
color: #FFBB1C;
padding: 0 26px 0 69px;
position: relative;
}
a.mail:hover {
background: rgb(41 39 50 / 31%);
border: 1px dashed #3e3b46;
color: #FFC940;
}
a.mail:after {
width: 30px;
height: 22px;
left: 25px;
content: '';
position: absolute;
top: 0;
bottom: 0;
margin: auto;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg width='30' height='22' viewBox='0 0 30 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.4667 0H2.53333C1.16667 0 0 1.07556 0 2.44444V19.5556C0 20.9244 1.16667 22 2.53333 22H27.4333C28.8333 22 29.9667 20.9244 29.9667 19.5556V2.44444C30 1.07556 28.8333 0 27.4667 0ZM26.9 17.1437C26.5333 17.5022 25.9333 17.5022 25.5667 17.1437L20.0667 11.7333L15.6 15.3837C15.2667 15.677 14.7333 15.677 14.4 15.3837L9.93333 11.7333L4.4 17.1437C4.03333 17.5022 3.43333 17.5022 3.06667 17.1437C2.7 16.7852 2.7 16.1985 3.06667 15.84L8.5 10.56L3.16667 6.19259C2.8 5.83407 2.83333 5.24741 3.2 4.88889C3.5 4.59556 3.96667 4.56296 4.33333 4.79111L15 13.4607L25.6333 4.79111C26.0333 4.46519 26.6333 4.53037 26.9667 4.92148C27.3 5.31259 27.2333 5.89926 26.8333 6.22518L21.5 10.5926L26.9 15.8726C27.2667 16.1985 27.2667 16.7852 26.9 17.1437Z' fill='%23FFBB1C'/%3E%3C/svg%3E ");
}
a.mail:hover:after {
background-image: url("data:image/svg+xml,%3Csvg width='30' height='22' viewBox='0 0 30 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.4667 0H2.53333C1.16667 0 0 1.07556 0 2.44444V19.5556C0 20.9244 1.16667 22 2.53333 22H27.4333C28.8333 22 29.9667 20.9244 29.9667 19.5556V2.44444C30 1.07556 28.8333 0 27.4667 0ZM26.9 17.1437C26.5333 17.5022 25.9333 17.5022 25.5667 17.1437L20.0667 11.7333L15.6 15.3837C15.2667 15.677 14.7333 15.677 14.4 15.3837L9.93333 11.7333L4.4 17.1437C4.03333 17.5022 3.43333 17.5022 3.06667 17.1437C2.7 16.7852 2.7 16.1985 3.06667 15.84L8.5 10.56L3.16667 6.19259C2.8 5.83407 2.83333 5.24741 3.2 4.88889C3.5 4.59556 3.96667 4.56296 4.33333 4.79111L15 13.4607L25.6333 4.79111C26.0333 4.46519 26.6333 4.53037 26.9667 4.92148C27.3 5.31259 27.2333 5.89926 26.8333 6.22518L21.5 10.5926L26.9 15.8726C27.2667 16.1985 27.2667 16.7852 26.9 17.1437Z' fill='%23FFC940'/%3E%3C/svg%3E ");
}
/* Social */
ul.social, ul.social li {
height: 30px;
display: flex;
align-items: center;
}
ul.social li {
margin: 0 0 0 26px;
}
ul.social li:first-of-type {
margin: 0;
}
ul.social li a.facebook {
width: 23px;
height: 23px;
background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.6524 0.587646H4.04865C2.10711 0.587646 0.587646 2.10711 0.587646 3.96424V18.6524C0.587646 20.5095 2.10711 22.1134 4.04865 22.1134H12.1525V13.7564H9.36679V10.5486H12.1525V8.10056C12.1525 5.31488 13.8408 3.79541 16.2888 3.79541C17.4706 3.79541 18.4836 3.87982 18.8212 3.96424V6.83434H17.1329C15.7823 6.83434 15.5291 7.50966 15.5291 8.43822V10.5486H18.7368L18.3148 13.7564H15.5291V22.1134H18.7368C20.594 22.1134 22.1134 20.594 22.1134 18.6524V3.96424C22.1134 2.10711 20.594 0.587646 18.6524 0.587646Z' fill='%233D3D44'/%3E%3C/svg%3E ");
}
ul.social li a.facebook:hover {
background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.6524 0.587646H4.04865C2.10711 0.587646 0.587646 2.10711 0.587646 3.96424V18.6524C0.587646 20.5095 2.10711 22.1134 4.04865 22.1134H12.1525V13.7564H9.36679V10.5486H12.1525V8.10056C12.1525 5.31488 13.8408 3.79541 16.2888 3.79541C17.4706 3.79541 18.4836 3.87982 18.8212 3.96424V6.83434H17.1329C15.7823 6.83434 15.5291 7.50966 15.5291 8.43822V10.5486H18.7368L18.3148 13.7564H15.5291V22.1134H18.7368C20.594 22.1134 22.1134 20.594 22.1134 18.6524V3.96424C22.1134 2.10711 20.594 0.587646 18.6524 0.587646Z' fill='%23A09EA7'/%3E%3C/svg%3E ");
}
ul.social li a.twitter {
width: 26px;
height: 22px;
background-image: url("data:image/svg+xml,%3Csvg width='26' height='22' viewBox='0 0 26 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.9669 3.3413C25.0063 3.76267 23.9828 4.04197 22.9156 4.17758C24.0134 3.52212 24.8513 2.49211 25.2453 1.25061C24.2217 1.86087 23.0916 2.29192 21.8872 2.53247C20.9154 1.49762 19.5302 0.856689 18.0191 0.856689C15.0872 0.856689 12.7269 3.23636 12.7269 6.15364C12.7269 6.5734 12.7625 6.97701 12.8496 7.36124C8.44709 7.14652 4.55146 5.03646 1.93446 1.82212C1.47758 2.61481 1.20958 3.52212 1.20958 4.49885C1.20958 6.33285 2.15403 7.95858 3.56181 8.89979C2.71101 8.88365 1.87635 8.63664 1.16922 8.24756C1.16922 8.26371 1.16922 8.2847 1.16922 8.30568C1.16922 10.8791 3.00483 13.0166 5.41195 13.509C4.9809 13.6269 4.5111 13.6834 4.02354 13.6834C3.68451 13.6834 3.34225 13.664 3.02098 13.593C3.70711 15.6901 5.65412 17.2319 7.96922 17.2819C6.16751 18.6913 3.87986 19.5405 1.40332 19.5405C0.969034 19.5405 0.55251 19.5212 0.135986 19.4679C2.48176 20.9806 5.26181 21.8443 8.25981 21.8443C18.0045 21.8443 23.3322 13.7722 23.3322 6.7752C23.3322 6.54111 23.3241 6.31509 23.3128 6.09068C24.3638 5.34481 25.2469 4.41329 25.9669 3.3413Z' fill='%233D3D44'/%3E%3C/svg%3E ");
}
ul.social li a.twitter:hover {
background-image: url("data:image/svg+xml,%3Csvg width='26' height='22' viewBox='0 0 26 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.9669 3.3413C25.0063 3.76267 23.9828 4.04197 22.9156 4.17758C24.0134 3.52212 24.8513 2.49211 25.2453 1.25061C24.2217 1.86087 23.0916 2.29192 21.8872 2.53247C20.9154 1.49762 19.5302 0.856689 18.0191 0.856689C15.0872 0.856689 12.7269 3.23636 12.7269 6.15364C12.7269 6.5734 12.7625 6.97701 12.8496 7.36124C8.44709 7.14652 4.55146 5.03646 1.93446 1.82212C1.47758 2.61481 1.20958 3.52212 1.20958 4.49885C1.20958 6.33285 2.15403 7.95858 3.56181 8.89979C2.71101 8.88365 1.87635 8.63664 1.16922 8.24756C1.16922 8.26371 1.16922 8.2847 1.16922 8.30568C1.16922 10.8791 3.00483 13.0166 5.41195 13.509C4.9809 13.6269 4.5111 13.6834 4.02354 13.6834C3.68451 13.6834 3.34225 13.664 3.02098 13.593C3.70711 15.6901 5.65412 17.2319 7.96922 17.2819C6.16751 18.6913 3.87986 19.5405 1.40332 19.5405C0.969034 19.5405 0.55251 19.5212 0.135986 19.4679C2.48176 20.9806 5.26181 21.8443 8.25981 21.8443C18.0045 21.8443 23.3322 13.7722 23.3322 6.7752C23.3322 6.54111 23.3241 6.31509 23.3128 6.09068C24.3638 5.34481 25.2469 4.41329 25.9669 3.3413Z' fill='%23A09EA7'/%3E%3C/svg%3E ");
}
ul.social li a.instagram {
width: 23px;
height: 23px;
background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.4899 17.4495C22.413 18.2952 22.2849 18.8846 21.9774 19.4996C21.388 20.704 20.3373 21.5753 19.0304 21.9084C18.5691 22.0365 18.1335 22.0878 17.416 22.1134C17.1597 22.1134 14.4434 22.1134 11.727 22.1134C9.01066 22.1134 6.29431 22.1134 6.03805 22.0878C5.3974 22.0622 4.91051 21.9853 4.47487 21.8828C3.19358 21.5496 2.11729 20.6527 1.52789 19.4739C1.22038 18.8589 1.09225 18.2952 1.01537 17.3983C0.989746 17.142 0.989746 15.8351 0.989746 11.3505C0.989746 9.8386 0.989746 8.71106 0.989746 7.83978C0.989746 5.27719 1.01537 5.17469 1.09225 4.66217C1.24601 3.63713 1.65602 2.74022 2.34792 2.04832C2.73231 1.66394 3.09107 1.38205 3.57796 1.15142C4.19299 0.843906 4.78238 0.69015 5.70492 0.613272C5.96117 0.587646 7.2681 0.587646 11.7526 0.587646H15.2634C17.826 0.587646 17.9285 0.613272 18.441 0.69015C19.466 0.843906 20.3373 1.25392 21.0548 1.94582C21.4649 2.33021 21.7211 2.7146 21.9774 3.20149C22.2849 3.81651 22.4386 4.40591 22.4899 5.25156C22.5155 5.43095 22.5155 8.37793 22.5155 11.3505C22.5155 14.2975 22.5155 17.2445 22.4899 17.4495ZM19.6454 8.07042C19.5942 7.22476 19.466 6.63536 19.2867 6.14847C19.0816 5.63595 18.7998 5.17469 18.3641 4.73905C17.9285 4.30341 17.4928 4.02152 16.9547 3.81651C16.4422 3.61151 15.8784 3.48338 15.0328 3.45775C14.1871 3.4065 13.9052 3.4065 11.7526 3.4065C9.60006 3.4065 9.31817 3.4065 8.47252 3.45775C7.62686 3.509 7.03746 3.63713 6.55057 3.81651C6.03805 4.02152 5.57679 4.30341 5.14115 4.73905C4.7055 5.17469 4.42362 5.63595 4.21861 6.14847C4.0136 6.66099 3.88547 7.22476 3.85985 8.07042C3.8086 8.91607 3.8086 9.19796 3.8086 11.3505C3.8086 13.5031 3.8086 13.785 3.85985 14.6307C3.9111 15.4763 4.03923 16.0657 4.21861 16.5526C4.42362 17.0651 4.7055 17.5264 5.14115 17.962C5.57679 18.3977 6.03805 18.6795 6.55057 18.8846C7.06309 19.0896 7.62686 19.2177 8.47252 19.2433C9.31817 19.2946 9.60006 19.2946 11.7526 19.2946C13.9052 19.2946 14.1871 19.2946 15.0328 19.2433C15.8784 19.1921 16.4678 19.0639 16.9547 18.8846C17.4672 18.6795 17.9285 18.3977 18.3641 17.962C18.7998 17.5264 19.0816 17.0651 19.2867 16.5526C19.4917 16.0401 19.6198 15.4763 19.6454 14.6307C19.6967 13.785 19.6967 13.5031 19.6967 11.3505C19.6967 9.19796 19.6967 8.91607 19.6454 8.07042ZM17.9541 16.0401C17.8003 16.3988 17.6466 16.6807 17.3647 16.9626C17.0828 17.2445 16.8266 17.4239 16.4422 17.552C16.1603 17.6545 15.7503 17.7826 14.9559 17.8339C14.1102 17.8595 13.854 17.8851 11.7526 17.8851C9.62568 17.8851 9.36942 17.8851 8.54939 17.8339C7.78061 17.8083 7.34497 17.6801 7.06309 17.552C6.70433 17.3982 6.42244 17.2445 6.14056 16.9626C5.85867 16.6807 5.67929 16.4245 5.55116 16.0401C5.44866 15.7582 5.32053 15.3482 5.26928 14.5538C5.24365 13.7081 5.21802 13.4519 5.21802 11.3505C5.21802 9.24921 5.21802 8.96732 5.26928 8.14729C5.2949 7.37852 5.42303 6.94287 5.55116 6.66099C5.70492 6.30223 5.85867 6.02034 6.14056 5.73846C6.42244 5.45657 6.6787 5.27719 7.06309 5.14906C7.34497 5.04656 7.75499 4.91843 8.54939 4.86718C9.29254 4.84155 9.57443 4.81592 11.0351 4.81592C11.2401 4.81592 11.4707 4.81592 11.7526 4.81592C13.8796 4.81592 14.1358 4.81592 14.9559 4.86718C15.7247 4.8928 16.1603 5.02093 16.4422 5.14906C16.8009 5.30282 17.0828 5.45657 17.3647 5.73846C17.6466 6.02034 17.826 6.2766 17.9541 6.66099C18.0566 6.94287 18.1847 7.35289 18.236 8.14729C18.2616 8.99295 18.2872 9.24921 18.2872 11.3505C18.2872 13.4775 18.2872 13.7337 18.236 14.5538C18.1847 15.3482 18.0566 15.7582 17.9541 16.0401ZM11.7526 7.27601C9.49755 7.27601 7.67811 9.09545 7.67811 11.3505C7.67811 13.6056 9.49755 15.4251 11.7526 15.4251C14.0077 15.4251 15.8272 13.6056 15.8272 11.3505C15.8272 9.09545 14.0077 7.27601 11.7526 7.27601ZM15.9809 6.14847C15.4428 6.14847 15.0328 6.58411 15.0328 7.09663C15.0328 7.63477 15.4684 8.04479 15.9809 8.04479C16.5191 8.04479 16.9291 7.60915 16.9291 7.09663C16.9547 6.58411 16.5191 6.14847 15.9809 6.14847ZM11.7526 13.99C10.292 13.99 9.11316 12.8112 9.11316 11.3505C9.11316 9.88986 10.292 8.71106 11.7526 8.71106C13.2133 8.71106 14.3921 9.88986 14.3921 11.3505C14.3921 12.8112 13.2133 13.99 11.7526 13.99Z' fill='%233D3D44'/%3E%3C/svg%3E ");
}
ul.social li a.instagram:hover {
background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.4899 17.4495C22.413 18.2952 22.2849 18.8846 21.9774 19.4996C21.388 20.704 20.3373 21.5753 19.0304 21.9084C18.5691 22.0365 18.1335 22.0878 17.416 22.1134C17.1597 22.1134 14.4434 22.1134 11.727 22.1134C9.01066 22.1134 6.29431 22.1134 6.03805 22.0878C5.3974 22.0622 4.91051 21.9853 4.47487 21.8828C3.19358 21.5496 2.11729 20.6527 1.52789 19.4739C1.22038 18.8589 1.09225 18.2952 1.01537 17.3983C0.989746 17.142 0.989746 15.8351 0.989746 11.3505C0.989746 9.8386 0.989746 8.71106 0.989746 7.83978C0.989746 5.27719 1.01537 5.17469 1.09225 4.66217C1.24601 3.63713 1.65602 2.74022 2.34792 2.04832C2.73231 1.66394 3.09107 1.38205 3.57796 1.15142C4.19299 0.843906 4.78238 0.69015 5.70492 0.613272C5.96117 0.587646 7.2681 0.587646 11.7526 0.587646H15.2634C17.826 0.587646 17.9285 0.613272 18.441 0.69015C19.466 0.843906 20.3373 1.25392 21.0548 1.94582C21.4649 2.33021 21.7211 2.7146 21.9774 3.20149C22.2849 3.81651 22.4386 4.40591 22.4899 5.25156C22.5155 5.43095 22.5155 8.37793 22.5155 11.3505C22.5155 14.2975 22.5155 17.2445 22.4899 17.4495ZM19.6454 8.07042C19.5942 7.22476 19.466 6.63536 19.2867 6.14847C19.0816 5.63595 18.7998 5.17469 18.3641 4.73905C17.9285 4.30341 17.4928 4.02152 16.9547 3.81651C16.4422 3.61151 15.8784 3.48338 15.0328 3.45775C14.1871 3.4065 13.9052 3.4065 11.7526 3.4065C9.60006 3.4065 9.31817 3.4065 8.47252 3.45775C7.62686 3.509 7.03746 3.63713 6.55057 3.81651C6.03805 4.02152 5.57679 4.30341 5.14115 4.73905C4.7055 5.17469 4.42362 5.63595 4.21861 6.14847C4.0136 6.66099 3.88547 7.22476 3.85985 8.07042C3.8086 8.91607 3.8086 9.19796 3.8086 11.3505C3.8086 13.5031 3.8086 13.785 3.85985 14.6307C3.9111 15.4763 4.03923 16.0657 4.21861 16.5526C4.42362 17.0651 4.7055 17.5264 5.14115 17.962C5.57679 18.3977 6.03805 18.6795 6.55057 18.8846C7.06309 19.0896 7.62686 19.2177 8.47252 19.2433C9.31817 19.2946 9.60006 19.2946 11.7526 19.2946C13.9052 19.2946 14.1871 19.2946 15.0328 19.2433C15.8784 19.1921 16.4678 19.0639 16.9547 18.8846C17.4672 18.6795 17.9285 18.3977 18.3641 17.962C18.7998 17.5264 19.0816 17.0651 19.2867 16.5526C19.4917 16.0401 19.6198 15.4763 19.6454 14.6307C19.6967 13.785 19.6967 13.5031 19.6967 11.3505C19.6967 9.19796 19.6967 8.91607 19.6454 8.07042ZM17.9541 16.0401C17.8003 16.3988 17.6466 16.6807 17.3647 16.9626C17.0828 17.2445 16.8266 17.4239 16.4422 17.552C16.1603 17.6545 15.7503 17.7826 14.9559 17.8339C14.1102 17.8595 13.854 17.8851 11.7526 17.8851C9.62568 17.8851 9.36942 17.8851 8.54939 17.8339C7.78061 17.8083 7.34497 17.6801 7.06309 17.552C6.70433 17.3982 6.42244 17.2445 6.14056 16.9626C5.85867 16.6807 5.67929 16.4245 5.55116 16.0401C5.44866 15.7582 5.32053 15.3482 5.26928 14.5538C5.24365 13.7081 5.21802 13.4519 5.21802 11.3505C5.21802 9.24921 5.21802 8.96732 5.26928 8.14729C5.2949 7.37852 5.42303 6.94287 5.55116 6.66099C5.70492 6.30223 5.85867 6.02034 6.14056 5.73846C6.42244 5.45657 6.6787 5.27719 7.06309 5.14906C7.34497 5.04656 7.75499 4.91843 8.54939 4.86718C9.29254 4.84155 9.57443 4.81592 11.0351 4.81592C11.2401 4.81592 11.4707 4.81592 11.7526 4.81592C13.8796 4.81592 14.1358 4.81592 14.9559 4.86718C15.7247 4.8928 16.1603 5.02093 16.4422 5.14906C16.8009 5.30282 17.0828 5.45657 17.3647 5.73846C17.6466 6.02034 17.826 6.2766 17.9541 6.66099C18.0566 6.94287 18.1847 7.35289 18.236 8.14729C18.2616 8.99295 18.2872 9.24921 18.2872 11.3505C18.2872 13.4775 18.2872 13.7337 18.236 14.5538C18.1847 15.3482 18.0566 15.7582 17.9541 16.0401ZM11.7526 7.27601C9.49755 7.27601 7.67811 9.09545 7.67811 11.3505C7.67811 13.6056 9.49755 15.4251 11.7526 15.4251C14.0077 15.4251 15.8272 13.6056 15.8272 11.3505C15.8272 9.09545 14.0077 7.27601 11.7526 7.27601ZM15.9809 6.14847C15.4428 6.14847 15.0328 6.58411 15.0328 7.09663C15.0328 7.63477 15.4684 8.04479 15.9809 8.04479C16.5191 8.04479 16.9291 7.60915 16.9291 7.09663C16.9547 6.58411 16.5191 6.14847 15.9809 6.14847ZM11.7526 13.99C10.292 13.99 9.11316 12.8112 9.11316 11.3505C9.11316 9.88986 10.292 8.71106 11.7526 8.71106C13.2133 8.71106 14.3921 9.88986 14.3921 11.3505C14.3921 12.8112 13.2133 13.99 11.7526 13.99Z' fill='%23A09EA7'/%3E%3C/svg%3E ");
}
ul.social li a.telegram {
width: 25px;
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg width='25' height='20' viewBox='0 0 25 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.5596 1.01086C24.45 0.923903 24.3181 0.866153 24.1772 0.84284C24.0364 0.819527 23.8917 0.831638 23.7574 0.878212C19.5236 2.32703 6.50398 6.86045 1.18151 8.68355C1.01744 8.73668 0.875593 8.83833 0.777072 8.9736C0.678551 9.10887 0.628523 9.2709 0.634228 9.4352C0.639933 9.5995 0.70109 9.75736 0.808781 9.88619C0.916471 10.015 1.06494 10.1081 1.23234 10.1509C3.61981 10.8089 6.75228 11.732 6.75228 11.732C6.75228 11.732 8.21659 15.831 8.98058 17.9197C9.02655 18.0497 9.10583 18.1672 9.2114 18.261C9.31698 18.3548 9.4455 18.4223 9.58538 18.4573C9.72844 18.4922 9.87833 18.4928 10.0217 18.4591C10.165 18.4254 10.2974 18.3582 10.4067 18.264C11.6291 17.1894 13.5263 15.5291 13.5263 15.5291C13.5263 15.5291 17.1297 17.9801 19.1733 19.3263C19.3337 19.4324 19.5188 19.5008 19.7127 19.525C19.9066 19.5491 20.1036 19.5287 20.2875 19.4654C20.469 19.4031 20.6312 19.2983 20.7591 19.1612C20.887 19.0241 20.9767 18.8592 21.0197 18.6808C21.8983 14.8595 24.0248 5.19428 24.8206 1.71711C24.8508 1.58801 24.8423 1.4534 24.7962 1.32861C24.7501 1.20382 24.6682 1.09385 24.5596 1.01086ZM20.4086 4.52444L10.1392 13.1144L9.76366 16.3928L8.07005 11.2132C8.07005 11.2132 15.7418 6.66723 20.0648 4.10764C20.1253 4.07202 20.1975 4.0588 20.2678 4.06991C20.338 4.08102 20.4016 4.11605 20.4467 4.16836C20.4903 4.2208 20.5108 4.28699 20.5037 4.35348C20.4966 4.41996 20.4625 4.48141 20.4086 4.52444Z' fill='%233D3D44'/%3E%3C/svg%3E ");
}
ul.social li a.telegram:hover {
background-image: url("data:image/svg+xml,%3Csvg width='25' height='20' viewBox='0 0 25 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.5596 1.01086C24.45 0.923903 24.3181 0.866153 24.1772 0.84284C24.0364 0.819527 23.8917 0.831638 23.7574 0.878212C19.5236 2.32703 6.50398 6.86045 1.18151 8.68355C1.01744 8.73668 0.875593 8.83833 0.777072 8.9736C0.678551 9.10887 0.628523 9.2709 0.634228 9.4352C0.639933 9.5995 0.70109 9.75736 0.808781 9.88619C0.916471 10.015 1.06494 10.1081 1.23234 10.1509C3.61981 10.8089 6.75228 11.732 6.75228 11.732C6.75228 11.732 8.21659 15.831 8.98058 17.9197C9.02655 18.0497 9.10583 18.1672 9.2114 18.261C9.31698 18.3548 9.4455 18.4223 9.58538 18.4573C9.72844 18.4922 9.87833 18.4928 10.0217 18.4591C10.165 18.4254 10.2974 18.3582 10.4067 18.264C11.6291 17.1894 13.5263 15.5291 13.5263 15.5291C13.5263 15.5291 17.1297 17.9801 19.1733 19.3263C19.3337 19.4324 19.5188 19.5008 19.7127 19.525C19.9066 19.5491 20.1036 19.5287 20.2875 19.4654C20.469 19.4031 20.6312 19.2983 20.7591 19.1612C20.887 19.0241 20.9767 18.8592 21.0197 18.6808C21.8983 14.8595 24.0248 5.19428 24.8206 1.71711C24.8508 1.58801 24.8423 1.4534 24.7962 1.32861C24.7501 1.20382 24.6682 1.09385 24.5596 1.01086ZM20.4086 4.52444L10.1392 13.1144L9.76366 16.3928L8.07005 11.2132C8.07005 11.2132 15.7418 6.66723 20.0648 4.10764C20.1253 4.07202 20.1975 4.0588 20.2678 4.06991C20.338 4.08102 20.4016 4.11605 20.4467 4.16836C20.4903 4.2208 20.5108 4.28699 20.5037 4.35348C20.4966 4.41996 20.4625 4.48141 20.4086 4.52444Z' fill='%23A09EA7'/%3E%3C/svg%3E ");
}
ul.social li a.youtube {
width: 25px;
height: 18px;
background-image: url("data:image/svg+xml,%3Csvg width='25' height='18' viewBox='0 0 25 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.6208 3.59926C23.3452 2.57485 22.5373 1.76732 21.5128 1.49148C19.6412 0.979492 12.1545 0.979492 12.1545 0.979492C12.1545 0.979492 4.66818 0.979492 2.79656 1.47207C1.79177 1.74762 0.964198 2.57499 0.688586 3.59926C0.196045 5.47031 0.196045 9.35063 0.196045 9.35063C0.196045 9.35063 0.196045 13.2505 0.688586 15.102C0.96449 16.1263 1.77206 16.9338 2.7967 17.2096C4.68789 17.7218 12.1548 17.7218 12.1548 17.7218C12.1548 17.7218 19.6412 17.7218 21.5128 17.2292C22.5375 16.9535 23.3452 16.146 23.6211 15.1217C24.1135 13.2505 24.1135 9.37033 24.1135 9.37033C24.1135 9.37033 24.1332 5.47031 23.6208 3.59926ZM9.77096 12.9354V5.76585L15.9965 9.35063L9.77096 12.9354Z' fill='%233D3D44'/%3E%3C/svg%3E ");
}
ul.social li a.youtube:hover {
background-image: url("data:image/svg+xml,%3Csvg width='25' height='18' viewBox='0 0 25 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.6208 3.59926C23.3452 2.57485 22.5373 1.76732 21.5128 1.49148C19.6412 0.979492 12.1545 0.979492 12.1545 0.979492C12.1545 0.979492 4.66818 0.979492 2.79656 1.47207C1.79177 1.74762 0.964198 2.57499 0.688586 3.59926C0.196045 5.47031 0.196045 9.35063 0.196045 9.35063C0.196045 9.35063 0.196045 13.2505 0.688586 15.102C0.96449 16.1263 1.77206 16.9338 2.7967 17.2096C4.68789 17.7218 12.1548 17.7218 12.1548 17.7218C12.1548 17.7218 19.6412 17.7218 21.5128 17.2292C22.5375 16.9535 23.3452 16.146 23.6211 15.1217C24.1135 13.2505 24.1135 9.37033 24.1135 9.37033C24.1135 9.37033 24.1332 5.47031 23.6208 3.59926ZM9.77096 12.9354V5.76585L15.9965 9.35063L9.77096 12.9354Z' fill='%23A09EA7'/%3E%3C/svg%3E ");
}
/* Navigation */
footer nav {
min-width: 300px;
display: flex;
padding: 25px 0 0 0;
flex-wrap: wrap;
position: relative;
}
footer nav ul {
width: 100%;
}
footer nav ul:nth-of-type(2) {
position: absolute;
bottom: 0;
}
footer nav ul:first-of-type li {
margin: 30px 0 0 0;
}
footer nav ul:first-of-type li:first-of-type, footer nav ul:nth-of-type(2) li:first-of-type, .panel footer nav {
margin: 0 !important;
}
footer nav ul:first-of-type a {
font-size: 17px;
color: #8B8B8B;
text-decoration: none;
}
footer nav ul a:hover {
color: #E4E4E2 !important;
}
footer nav ul:nth-of-type(2) li, .panel footer nav li {
margin: 18px 0 0 0;
}
footer nav ul:nth-of-type(2) a, .panel footer nav li a {
color: #535353;
text-decoration: none;
}
.footer_contacts {
width: 100%;
font-size: 15px;
color: #535353;
margin: 60px 0 0 0;
}
.footer_contacts p {
max-width: 600px;
line-height: 26px;
}
/* Shop */
div.shop {
position: relative;
margin: 30px 0 0 0;
z-index: 2;
}
.shop_row {
width: 906px;
position: relative;
margin: 0 0 110px 0;
}
.shop .shop_row > h3, .news_page_row > h3 {
color: #E4E4E2;
font-size: 55px;
font-weight: 300;
line-height: 64px;
}
a.buy_gta {
position: absolute;
top: 0;
right: 0;
text-decoration: none;
height: 64px;
background: #7056A7;
border-radius: 10px;
padding: 0 65px 0 23px;
color: #F4EAFF;
font-weight: 700;
display: flex;
align-items: center;
}
a.buy_gta:after {
position: absolute;
top: 0;
right: 23px;
bottom: 0;
margin: auto;
content: '';
width: 24px;
height: 24px;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.4925 24H10.5235C4.73378 24 -0.000244141 19.266 -0.000244141 13.4928V10.5237C-0.000244141 4.73402 4.73378 0 10.5235 0H13.4925C19.2822 0 24.0163 4.73402 24.0163 10.5237V13.4928C23.9998 19.266 19.2657 24 13.4925 24ZM17.4018 12.701L20.5029 8.42886H3.51318L6.59772 12.701H17.4018ZM12.008 20.1732L8.87402 15.8515H15.1256L12.008 20.1732Z' fill='%23F4EAFF'/%3E%3Cpath d='M14.8453 8.42908H9.15454L12.0081 4.48682L14.8453 8.42908Z' fill='%23B9A3E8'/%3E%3C/svg%3E ");
}
a.buy_gta:hover {
background: #8F70D1;
color: #fff;
}
a.buy_gta:hover:after {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.4925 24H10.5235C4.73378 24 -0.000244141 19.266 -0.000244141 13.4928V10.5237C-0.000244141 4.73402 4.73378 0 10.5235 0H13.4925C19.2822 0 24.0163 4.73402 24.0163 10.5237V13.4928C23.9998 19.266 19.2657 24 13.4925 24ZM17.4018 12.701L20.5029 8.42886H3.51318L6.59772 12.701H17.4018ZM12.008 20.1732L8.87402 15.8515H15.1256L12.008 20.1732Z' fill='white'/%3E%3Cpath d='M14.8453 8.42908H9.15454L12.0081 4.48682L14.8453 8.42908Z' fill='%23B9A3E8'/%3E%3C/svg%3E ");
}
.buy_gta_page .buy_gta:after {
width: 22px;
height: 23px;
background-image: url("data:image/svg+xml,%3Csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.7414 19.3909C21.6243 17.6994 21.5072 16.0078 21.3315 14.3162C21.2143 13.0913 21.1558 11.8664 21.0386 10.6414C20.9801 9.88313 20.9801 9.12484 20.8629 8.42488C20.6287 7.02496 19.2816 6.09168 17.9346 6.09168C17.7589 6.09168 17.5832 6.09168 17.4075 6.09168C16.8804 6.09168 16.3533 6.09168 15.8847 6.09168C15.8847 5.91669 15.8847 5.68337 15.8847 5.50838C15.8847 4.98341 15.8847 4.45843 15.7676 3.93346C15.5919 3.00018 15.0062 2.0669 14.3034 1.42527C13.952 1.07529 13.542 0.78364 13.0735 0.60865C12.4293 0.25867 11.9022 0.0836796 11.2579 0.0253496C10.2623 -0.0913106 9.20808 0.20034 8.38814 0.78364C7.3925 1.42527 6.74826 2.30022 6.33829 3.35016C6.10403 3.93346 6.04546 4.57509 6.04546 5.1584C6.04546 5.45005 6.04546 5.7417 6.04546 6.03335C5.45979 6.03335 4.93268 6.03335 4.34701 6.03335C4.22988 6.03335 4.05418 6.03335 3.93704 6.03335C3.17567 6.03335 2.35573 6.325 1.82863 6.96663C1.47722 7.31661 1.24296 7.72492 1.12582 8.24989C1.06725 8.48321 1.06725 8.77486 1.00869 9.06651C0.891553 10.9914 0.715852 12.858 0.598717 14.7829C0.481583 16.0078 0.423016 17.1744 0.305882 18.3993C0.247315 19.1576 0.0716134 20.0326 0.364449 20.7325C0.715852 21.9575 1.82863 22.7741 3.1171 22.7741C3.2928 22.7741 3.46851 22.7741 3.70277 22.7741C4.58128 22.7741 5.45979 22.7741 6.33829 22.7741C8.91525 22.7741 11.5508 22.7741 14.1277 22.7741C15.709 22.7741 17.2318 22.8324 18.8131 22.7741C20.453 22.7157 21.7414 21.4325 21.8 19.7992C21.8 19.6243 21.8 19.5076 21.7414 19.3909ZM9.67662 6.03335C9.67662 5.62504 9.67662 5.21673 9.67662 4.80841C9.67662 4.69175 9.73519 4.57509 9.79375 4.45843C9.85232 4.34177 9.91089 4.28344 9.96945 4.16678C10.028 4.10845 10.0866 4.05012 10.1452 3.93346C10.2623 3.87513 10.3209 3.8168 10.438 3.75847C10.5551 3.70014 10.6723 3.70014 10.7308 3.64181C10.848 3.64181 10.9651 3.64181 11.0822 3.64181C11.1994 3.64181 11.3165 3.70014 11.4336 3.75847C11.5508 3.8168 11.6093 3.87513 11.7265 3.93346C11.8436 4.05012 11.9022 4.10845 11.9607 4.16678C12.0193 4.28344 12.0779 4.34177 12.1364 4.45843C12.195 4.57509 12.195 4.69175 12.2536 4.80841C12.2536 5.21673 12.2536 5.62504 12.2536 6.03335C11.3751 6.03335 10.5551 6.03335 9.67662 6.03335ZM17.2903 19.0993C16.0019 19.0993 14.772 19.0993 13.4835 19.0993C11.9607 19.0993 10.438 19.0993 8.91525 19.0993C7.62677 19.0993 6.27973 19.0993 4.99125 19.0993C4.58128 19.0993 4.22988 19.0993 3.81991 19.0993C3.81991 18.9826 3.81991 18.866 3.87848 18.7493C3.93704 17.8743 3.99561 16.9994 4.05418 16.1828C4.22988 14.1996 4.34701 12.2747 4.52271 10.2914C4.52271 10.0581 4.58128 9.88313 4.58128 9.64981C4.81555 9.64981 5.04982 9.64981 5.28409 9.64981C6.10403 9.64981 6.8654 9.64981 7.68534 9.64981C7.7439 9.64981 7.80247 9.64981 7.86104 9.64981H7.91961C8.15387 9.64981 8.38814 9.64981 8.68098 9.64981C10.3794 9.64981 12.1364 9.64981 13.8349 9.64981C13.8934 9.64981 14.0106 9.64981 14.0692 9.64981C14.1277 9.64981 14.1277 9.64981 14.1863 9.64981C14.8891 9.64981 15.5919 9.64981 16.2947 9.64981C16.6461 9.64981 16.9975 9.64981 17.3489 9.64981C17.4075 10.6414 17.466 11.633 17.5832 12.5663C17.7589 14.4912 17.876 16.4744 18.0517 18.3993C18.0517 18.6326 18.1103 18.866 18.1103 19.0993C17.8174 19.0993 17.5246 19.0993 17.2903 19.0993Z' fill='%23F4EAFF'/%3E%3C/svg%3E ");
}
.buy_gta_page .buy_gta:hover:after {
background-image: url("data:image/svg+xml,%3Csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.7414 19.3909C21.6243 17.6994 21.5072 16.0078 21.3315 14.3162C21.2143 13.0913 21.1558 11.8664 21.0386 10.6414C20.9801 9.88313 20.9801 9.12484 20.8629 8.42488C20.6287 7.02496 19.2816 6.09168 17.9346 6.09168C17.7589 6.09168 17.5832 6.09168 17.4075 6.09168C16.8804 6.09168 16.3533 6.09168 15.8847 6.09168C15.8847 5.91669 15.8847 5.68337 15.8847 5.50838C15.8847 4.98341 15.8847 4.45843 15.7676 3.93346C15.5919 3.00018 15.0062 2.0669 14.3034 1.42527C13.952 1.07529 13.542 0.78364 13.0735 0.60865C12.4293 0.25867 11.9022 0.0836796 11.2579 0.0253496C10.2623 -0.0913106 9.20808 0.20034 8.38814 0.78364C7.3925 1.42527 6.74826 2.30022 6.33829 3.35016C6.10403 3.93346 6.04546 4.57509 6.04546 5.1584C6.04546 5.45005 6.04546 5.7417 6.04546 6.03335C5.45979 6.03335 4.93268 6.03335 4.34701 6.03335C4.22988 6.03335 4.05418 6.03335 3.93704 6.03335C3.17567 6.03335 2.35573 6.325 1.82863 6.96663C1.47722 7.31661 1.24296 7.72492 1.12582 8.24989C1.06725 8.48321 1.06725 8.77486 1.00869 9.06651C0.891553 10.9914 0.715852 12.858 0.598717 14.7829C0.481583 16.0078 0.423016 17.1744 0.305882 18.3993C0.247315 19.1576 0.0716134 20.0326 0.364449 20.7325C0.715852 21.9575 1.82863 22.7741 3.1171 22.7741C3.2928 22.7741 3.46851 22.7741 3.70277 22.7741C4.58128 22.7741 5.45979 22.7741 6.33829 22.7741C8.91525 22.7741 11.5508 22.7741 14.1277 22.7741C15.709 22.7741 17.2318 22.8324 18.8131 22.7741C20.453 22.7157 21.7414 21.4325 21.8 19.7992C21.8 19.6243 21.8 19.5076 21.7414 19.3909ZM9.67662 6.03335C9.67662 5.62504 9.67662 5.21673 9.67662 4.80841C9.67662 4.69175 9.73519 4.57509 9.79375 4.45843C9.85232 4.34177 9.91089 4.28344 9.96945 4.16678C10.028 4.10845 10.0866 4.05012 10.1452 3.93346C10.2623 3.87513 10.3209 3.8168 10.438 3.75847C10.5551 3.70014 10.6723 3.70014 10.7308 3.64181C10.848 3.64181 10.9651 3.64181 11.0822 3.64181C11.1994 3.64181 11.3165 3.70014 11.4336 3.75847C11.5508 3.8168 11.6093 3.87513 11.7265 3.93346C11.8436 4.05012 11.9022 4.10845 11.9607 4.16678C12.0193 4.28344 12.0779 4.34177 12.1364 4.45843C12.195 4.57509 12.195 4.69175 12.2536 4.80841C12.2536 5.21673 12.2536 5.62504 12.2536 6.03335C11.3751 6.03335 10.5551 6.03335 9.67662 6.03335ZM17.2903 19.0993C16.0019 19.0993 14.772 19.0993 13.4835 19.0993C11.9607 19.0993 10.438 19.0993 8.91525 19.0993C7.62677 19.0993 6.27973 19.0993 4.99125 19.0993C4.58128 19.0993 4.22988 19.0993 3.81991 19.0993C3.81991 18.9826 3.81991 18.866 3.87848 18.7493C3.93704 17.8743 3.99561 16.9994 4.05418 16.1828C4.22988 14.1996 4.34701 12.2747 4.52271 10.2914C4.52271 10.0581 4.58128 9.88313 4.58128 9.64981C4.81555 9.64981 5.04982 9.64981 5.28409 9.64981C6.10403 9.64981 6.8654 9.64981 7.68534 9.64981C7.7439 9.64981 7.80247 9.64981 7.86104 9.64981H7.91961C8.15387 9.64981 8.38814 9.64981 8.68098 9.64981C10.3794 9.64981 12.1364 9.64981 13.8349 9.64981C13.8934 9.64981 14.0106 9.64981 14.0692 9.64981C14.1277 9.64981 14.1277 9.64981 14.1863 9.64981C14.8891 9.64981 15.5919 9.64981 16.2947 9.64981C16.6461 9.64981 16.9975 9.64981 17.3489 9.64981C17.4075 10.6414 17.466 11.633 17.5832 12.5663C17.7589 14.4912 17.876 16.4744 18.0517 18.3993C18.0517 18.6326 18.1103 18.866 18.1103 19.0993C17.8174 19.0993 17.5246 19.0993 17.2903 19.0993Z' fill='%23fff'/%3E%3C/svg%3E ");
}
.shop_selection {
display: flex;
align-items: center;
margin: 45px 0 0 0;
border-radius: 10px;
flex-wrap: wrap;
justify-content: space-between;
}
.server_select {
width: 100%;
max-width: 306px;
}
/* Select */
.nice-select {
width: 100%;
-webkit-tap-highlight-color: transparent;
background: #302F36;
border-radius: 10px;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: inherit;
font-size: 18px;
color: #fff;
font-weight: normal;
height: 68px;
line-height: 68px;
outline: none;
padding-left: 56px;
padding-right: 30px;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.nice-select:hover {
background: #35343c;
}
.nice-select:hover:before {
background-image: url("data:image/svg+xml,%3Csvg width='18' height='22' viewBox='0 0 18 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8768 0H1.15133C0.50546 0 0 0.505747 0 1.12388V18.4879C0 18.5722 0 18.6564 0.0280811 18.7126V20.8761C0.0280811 21.4943 0.533541 22 1.15133 22H16.8768C17.4945 22 18 21.4943 18 20.8761V15.0881V1.12388C18 0.505747 17.4945 0 16.8768 0ZM15.7535 19.7522H2.27457V16.212H15.7535V19.7522ZM15.7535 13.9642H2.24649V2.24776H15.7535V13.9642Z' fill='%23807F86'/%3E%3Cpath d='M13.8439 19.134C14.4643 19.134 14.9672 18.6308 14.9672 18.0101C14.9672 17.3894 14.4643 16.8862 13.8439 16.8862C13.2236 16.8862 12.7207 17.3894 12.7207 18.0101C12.7207 18.6308 13.2236 19.134 13.8439 19.134Z' fill='%23807F86'/%3E%3Cpath d='M10.6147 19.134C11.2351 19.134 11.7379 18.6308 11.7379 18.0101C11.7379 17.3894 11.2351 16.8862 10.6147 16.8862C9.99435 16.8862 9.49146 17.3894 9.49146 18.0101C9.49146 18.6308 9.99435 19.134 10.6147 19.134Z' fill='%23807F86'/%3E%3C/svg%3E%0A");
}
.nice-select:before {
width: 18px;
height: 22px;
content: '';
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: 21px;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg width='18' height='22' viewBox='0 0 18 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8768 0H1.15133C0.50546 0 0 0.505747 0 1.12388V18.4879C0 18.5722 0 18.6564 0.0280811 18.7126V20.8761C0.0280811 21.4943 0.533541 22 1.15133 22H16.8768C17.4945 22 18 21.4943 18 20.8761V15.0881V1.12388C18 0.505747 17.4945 0 16.8768 0ZM15.7535 19.7522H2.27457V16.212H15.7535V19.7522ZM15.7535 13.9642H2.24649V2.24776H15.7535V13.9642Z' fill='%234F4E55'/%3E%3Cpath d='M13.8439 19.134C14.4643 19.134 14.9672 18.6308 14.9672 18.0101C14.9672 17.3894 14.4643 16.8862 13.8439 16.8862C13.2236 16.8862 12.7207 17.3894 12.7207 18.0101C12.7207 18.6308 13.2236 19.134 13.8439 19.134Z' fill='%234F4E55'/%3E%3Cpath d='M10.6147 19.134C11.2351 19.134 11.7379 18.6308 11.7379 18.0101C11.7379 17.3894 11.2351 16.8862 10.6147 16.8862C9.99435 16.8862 9.49146 17.3894 9.49146 18.0101C9.49146 18.6308 9.99435 19.134 10.6147 19.134Z' fill='%234F4E55'/%3E%3C/svg%3E%0A");
}
.partnership_page .nice-select:before {
width: 24px;
height: 24px;
left: 18px;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.8481 13.3671L22.3291 1.21519C22.3291 0.455696 21.7215 0 21.1139 0H2.88608C2.12658 0 1.67089 0.455696 1.51899 1.21519L0 13.519V21.1139C0 22.6329 1.21519 24 2.88608 24H21.1139C22.6329 24 24 22.7848 24 21.1139L23.8481 13.3671ZM3.94937 2.73418H19.8987L21.1139 12.1519H16.557C15.7975 12.1519 15.1899 12.7595 15.1899 13.519V15.1899H8.81013V13.519C8.81013 12.7595 8.20253 12.1519 7.44304 12.1519H2.88608L3.94937 2.73418ZM2.73418 21.2658V14.8861H6.07595V16.557C6.07595 17.3165 6.68354 17.9241 7.44304 17.9241H16.557C17.3165 17.9241 17.9241 17.3165 17.9241 16.557V14.8861H21.2658V21.4177H2.73418V21.2658Z' fill='%234F4E55'/%3E%3C/svg%3E%0A");
}
.nice-select:hover {
border-color: #dbdbdb;
}
.nice-select:active, .nice-select.open, .nice-select:focus {
border-color: #999;
}
.nice-select:after {
border: 6px solid transparent;
border-top: 9px solid #C4C4C4;
content: '';
display: block;
margin-top: -2px;
pointer-events: none;
position: absolute;
right: 27px;
top: 50%;
transform-origin: 50% 25%;
transform: rotate(0deg);
width: 0px;
}
.nice-select.open:after {
transform: rotate(180deg);
}
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
}
.nice-select.disabled {
border-color: #ededed;
color: #999;
pointer-events: none;
}
.nice-select.disabled:after {
border-color: #cccccc;
}
.nice-select.wide {
width: 100%;
}
.nice-select.wide .list {
left: 0 !important;
right: 0 !important;
}
.nice-select.right {
float: right;
}
.nice-select.right .list {
left: auto;
right: 0;
}
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px;
}
.nice-select.small:after {
height: 4px;
width: 4px;
}
.nice-select.small .option {
line-height: 34px;
min-height: 34px;
}
.nice-select .list {
width: 100%;
background: #39383E;
border-radius: 10px;
box-sizing: border-box;
padding: 15px 0;
margin-top: 3px;
opacity: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-21px);
-ms-transform: scale(0.75) translateY(-21px);
transform: scale(0.75) translateY(-21px);
-webkit-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.3s ease-out;
transition: all 0.3s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.3s ease-out;
z-index: 9;
}
.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important;
}
.nice-select .option {
border-radius: 5px;
margin: 0 auto;
width: calc(100% - 48px);
padding: 0;
cursor: pointer;
font-weight: 400;
line-height: 45px;
list-style: none;
min-height: 45px;
outline: none;
text-align: left;
-webkit-transition: padding .3s ease;
color: #D8D8D8;
transition: all 0.2s;
}
.nice-select .option:hover {
background-color: #3D3C42;
width: calc(100% - 80px);
padding: 0 16px;
color: #fff;
}
.nice-select .option.selected {
color: #82808A;
}
.nice-select .option.disabled {
background-color: transparent;
color: #999;
cursor: default;
}
.no-csspointerevents .nice-select .list {
display: none;
}
.no-csspointerevents .nice-select.open .list {
display: block;
}
.nickname {
width: 100%;
max-width: 379px;
position: relative;
}
.nickname:after {
content: '';
z-index: 2;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: 22px;
width: 19px;
height: 22px;
background-image: url("data:image/svg+xml,%3Csvg width='19' height='22' viewBox='0 0 19 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.1147 11.8483C14.9714 10.699 16.1811 8.70149 16.1811 6.43035C16.1811 2.87313 13.2272 0 9.56996 0C5.91271 0 2.95878 2.87313 2.95878 6.43035C2.95878 8.70149 4.16848 10.699 6.02524 11.8483C3.04317 13.3259 0.145508 16.1716 0.145508 18.6891C0.145508 21.6716 6.70042 22 9.51369 22C12.327 22 18.8819 21.6716 18.8819 18.6891C18.8537 16.1169 16.0686 13.2985 13.1147 11.8483ZM9.56996 2.18905C11.9612 2.18905 13.9305 4.10448 13.9305 6.43035C13.9305 8.75622 11.9612 10.6716 9.56996 10.6716C7.17868 10.6716 5.20939 8.75622 5.20939 6.43035C5.20939 4.10448 7.17868 2.18905 9.56996 2.18905ZM9.51369 19.7836C5.20939 19.7836 2.81811 19.0174 2.42425 18.5796C2.53679 16.3358 7.15054 13.0522 9.59809 13.0522C11.9894 13.0522 16.5187 16.3085 16.6313 18.5796C16.1811 19.0448 13.818 19.7836 9.51369 19.7836Z' fill='%234F4E55'/%3E%3C/svg%3E%0A");
}
.nickname:hover:after {
background-image: url("data:image/svg+xml,%3Csvg width='19' height='22' viewBox='0 0 19 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.1147 11.8483C14.9714 10.699 16.1811 8.70149 16.1811 6.43035C16.1811 2.87313 13.2272 0 9.56996 0C5.91271 0 2.95878 2.87313 2.95878 6.43035C2.95878 8.70149 4.16848 10.699 6.02524 11.8483C3.04317 13.3259 0.145508 16.1716 0.145508 18.6891C0.145508 21.6716 6.70042 22 9.51369 22C12.327 22 18.8819 21.6716 18.8819 18.6891C18.8537 16.1169 16.0686 13.2985 13.1147 11.8483ZM9.56996 2.18905C11.9612 2.18905 13.9305 4.10448 13.9305 6.43035C13.9305 8.75622 11.9612 10.6716 9.56996 10.6716C7.17868 10.6716 5.20939 8.75622 5.20939 6.43035C5.20939 4.10448 7.17868 2.18905 9.56996 2.18905ZM9.51369 19.7836C5.20939 19.7836 2.81811 19.0174 2.42425 18.5796C2.53679 16.3358 7.15054 13.0522 9.59809 13.0522C11.9894 13.0522 16.5187 16.3085 16.6313 18.5796C16.1811 19.0448 13.818 19.7836 9.51369 19.7836Z' fill='%23807F86'/%3E%3C/svg%3E%0A");
}
.is-invalid.nickname:after {
background-image: url("data:image/svg+xml,%3Csvg width='19' height='22' viewBox='0 0 19 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.1147 11.8483C14.9714 10.699 16.1811 8.70149 16.1811 6.43035C16.1811 2.87313 13.2272 0 9.56996 0C5.91271 0 2.95878 2.87313 2.95878 6.43035C2.95878 8.70149 4.16848 10.699 6.02524 11.8483C3.04317 13.3259 0.145508 16.1716 0.145508 18.6891C0.145508 21.6716 6.70042 22 9.51369 22C12.327 22 18.8819 21.6716 18.8819 18.6891C18.8537 16.1169 16.0686 13.2985 13.1147 11.8483ZM9.56996 2.18905C11.9612 2.18905 13.9305 4.10448 13.9305 6.43035C13.9305 8.75622 11.9612 10.6716 9.56996 10.6716C7.17868 10.6716 5.20939 8.75622 5.20939 6.43035C5.20939 4.10448 7.17868 2.18905 9.56996 2.18905ZM9.51369 19.7836C5.20939 19.7836 2.81811 19.0174 2.42425 18.5796C2.53679 16.3358 7.15054 13.0522 9.59809 13.0522C11.9894 13.0522 16.5187 16.3085 16.6313 18.5796C16.1811 19.0448 13.818 19.7836 9.51369 19.7836Z' fill='%23E77373'/%3E%3C/svg%3E%0A");
}
.nickname.is-invalid:hover:after {
background-image: url("data:image/svg+xml,%3Csvg width='19' height='22' viewBox='0 0 19 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.1147 11.8483C14.9714 10.699 16.1811 8.70149 16.1811 6.43035C16.1811 2.87313 13.2272 0 9.56996 0C5.91271 0 2.95878 2.87313 2.95878 6.43035C2.95878 8.70149 4.16848 10.699 6.02524 11.8483C3.04317 13.3259 0.145508 16.1716 0.145508 18.6891C0.145508 21.6716 6.70042 22 9.51369 22C12.327 22 18.8819 21.6716 18.8819 18.6891C18.8537 16.1169 16.0686 13.2985 13.1147 11.8483ZM9.56996 2.18905C11.9612 2.18905 13.9305 4.10448 13.9305 6.43035C13.9305 8.75622 11.9612 10.6716 9.56996 10.6716C7.17868 10.6716 5.20939 8.75622 5.20939 6.43035C5.20939 4.10448 7.17868 2.18905 9.56996 2.18905ZM9.51369 19.7836C5.20939 19.7836 2.81811 19.0174 2.42425 18.5796C2.53679 16.3358 7.15054 13.0522 9.59809 13.0522C11.9894 13.0522 16.5187 16.3085 16.6313 18.5796C16.1811 19.0448 13.818 19.7836 9.51369 19.7836Z' fill='%23FF7E7E'/%3E%3C/svg%3E%0A");
}
.nickname input, input.default {
width: calc(100% - 79px);
background: rgba(48, 47, 54, 0.6);
border-radius: 10px;
height: 68px;
font-size: 18px;
font-weight: 300;
color: #9A9A9A;
padding: 0 20px 0 59px;
}
.nickname input:hover, input.default:hover, .nickname input:focus, input.default:focus {
background: rgb(48 47 54);
color: #fff;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #9A9A9A !important;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #9A9A9A !important;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: #9A9A9A !important;
}
input:-ms-input-placeholder, textarea::-ms-input-placeholder {
color: #9A9A9A !important;
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
color: transparent !important;
}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
color: transparent !important;
}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
color: transparent !important;
}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
color: transparent !important;
}
.currency {
width: 119px;
height: 51px;
position: relative;
padding: 15px 0 0 70px;
border: 1px dashed #302F36;
border-radius: 10px;
}
.currency:after {
width: 39px;
height: 39px;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 19px;
margin: auto;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg width='39' height='39' viewBox='0 0 39 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.9258 39H17.101C7.69278 39 0 31.3072 0 21.9258V17.101C0 7.69278 7.69278 0 17.101 0H21.9258C31.334 0 39.0268 7.69278 39.0268 17.101V21.9258C39 31.3072 31.3072 39 21.9258 39Z' fill='url(%23paint0_linear)'/%3E%3Cpath d='M28.2783 20.639L33.3175 13.6968H5.70923L10.7216 20.639H28.2783Z' fill='%23100F14'/%3E%3Cpath d='M14.4207 25.7588L19.5134 32.7815L24.5794 25.7588H14.4207Z' fill='%23100F14'/%3E%3Cpath d='M24.1236 13.6967H14.8762L19.5133 7.29053L24.1236 13.6967Z' fill='url(%23paint1_linear)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='23.6493' y1='16.854' x2='-53.6524' y2='66.1489' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFBB1C'/%3E%3Cstop offset='0.5243' stop-color='%23B65557'/%3E%3Cstop offset='1' stop-color='%236D1C63'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear' x1='34.365' y1='16.1723' x2='8.60727' y2='7.65241' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFBB1C'/%3E%3Cstop offset='0.5243' stop-color='%23B65557'/%3E%3Cstop offset='1' stop-color='%236D1C63'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E ");
}
.currency > h3 {
font-size: 14px;
color: #585960;
margin: 0 0 6px 0;
}
.currency > span {
font-weight: 700;
font-size: 16px;
color: #FFFFFF;
}
.shop_panel {
display: flex;
margin: 20px 0 0 0;
justify-content: space-between;
}
.shop_panel_left {
width: 510px;
display: flex;
flex-wrap: wrap;
}
.gamecoins_fields {
width: calc(100% - 80px);
background: #212126;
border-radius: 10px;
padding: 40px;
position: relative;
}
.gamecoins_fields:hover, .gamecoins_fields.focused {
background: #212126;
}
.shop_panel div div > h3, .vipstatuses > h3 {
font-size: 16px;
color: #585960;
font-weight: 700;
}
.gamecoins_row {
position: relative;
overflow: hidden;
}
.gamecoins_row:after {
position: absolute;
content: '';
height: 2px;
width: 100%;
background: #262529;
left: 0;
bottom: 0;
}
.gamecoins_row:before {
position: absolute;
bottom: 0;
left: 0;
width: 1px;
height: 2px;
right: 0;
margin: auto;
content: '';
background: #3D3C41;
opacity: 0;
z-index: 2;
}
.gamecoins.focused .gamecoins_row:before {
opacity: 1;
width: 100%;
}
.gamecoins_row input {
font-weight: 900;
font-size: 42px;
height: 74px;
background: none;
color: #FFBB1C;
}
.gameservices {
width: 100%;
margin: 15px 0 0 0;
background: #1E1E23;
border-radius: 10px;
padding: 40px;
}
.gameservices ul {
margin: 15px 0 0 0;
}
.gameservices ul li {
height: 43px;
border-radius: 8px;
width: calc(100% - 17px);
display: flex;
align-items: center;
cursor: pointer;
font-size: 15px;
color: #E4E4E2;
border: 1px solid #26262C;
padding: 0 0 0 15px;
margin: 4px 0 0 0;
position: relative;
}
.gameservices ul li:hover {
background: rgba(80, 80, 88, 0.06);
border: 1px solid #33333A;
}
.gameservices ul li:first-of-type {
margin: 0;
}
.gameservices li span {
margin: 0 46px 0 auto;
color: #FFBB1C;
font-weight: 900;
}
.gameservices li span i, .gameservices li h3 {
transition: none !important;
}
.gameservices li:after {
position: absolute;
width: 19px;
height: 19px;
top: 0;
bottom: 0;
right: 12px;
margin: auto;
content: '';
background: #302F36;
border-radius: 3px;
}
.gameservices ul li:before {
right: 16px;
top: 0;
bottom: 0;
margin: auto;
position: absolute;
content: '';
width: 11px;
height: 11px;
background: #FFBB1C;
border-radius: 3px;
opacity: 0;
transform: scale(0);
z-index: 2;
}
.gameservices ul li.selected:before {
opacity: 1;
transform: scale(1);
}
.gameservices ul li.selected {
background: #242327;
border: 1px solid #242327;
color: #5F5F5F;
}
.gameservices ul li.selected span {
color: #94793B;
}
.vipstatuses {
width: 302px;
background: #1E1E23;
border-radius: 10px;
padding: 40px;
}
.vipstatuses ul {
flex-wrap: wrap;
display: flex;
justify-content: space-between;
margin: 5px 0 0 0;
}
.vipstatuses ul li {
width: 144px;
height: 52px;
text-align: center;
background: rgba(80, 80, 88, 0);
border: 1px solid #26262C;
border-radius: 8px;
position: relative;
margin: 10px 0 0 0;
padding: 130px 0 0 0;
color: #E4E4E2;
font-size: 14px;
cursor: pointer;
}
.vipstatuses li.selected {
background: #2C2624 !important;
}
.vipstatuses li:before {
height: 180px;
width: 142px;
border: 2px solid #A28253 !important;
opacity: 0;
content: '';
top: 0;
left: 0;
position: absolute;
border-radius: 8px;
}
.vipstatuses li.selected:before {
opacity: 1;
}
.vipstatuses li:hover {
background: rgba(80, 80, 88, 0.05);
border: 1px solid #33333A;
}
.vipstatuses li h3 {
margin: 0 0 8px 0;
}
.vipstatuses li span {
color: #FFBB1C;
font-size: 16px;
font-weight: 900;
}
.vipstatuses li:after {
position: absolute;
content: '';
left: 0;
right: 0;
margin: auto;
}
.vipstatuses li.bronze:after {
width: 116px;
height: 116px;
top: 9px;
background: url(../images/shop/bronze.png) 50% no-repeat;
background-size: 100%;
}
.vipstatuses li.silver:after {
width: 112px;
height: 112px;
top: 11px;
background: url(../images/shop/silver.png) 50% no-repeat;
background-size: 100%;
}
.vipstatuses li.gold:after {
width: 114px;
height: 114px;
top: 7px;
background: url(../images/shop/gold.png) 50% no-repeat;
background-size: 100%;
}
.vipstatuses li.platinum:after {
width: 108px;
height: 106px;
top: 11px;
background: url(../images/shop/platinum.png) 50% no-repeat;
background-size: 100%;
}
.purchase {
width: 100%;
height: 138px;
border-radius: 10px;
margin: 35px 0 40px 0;
position: relative;
background: #232228;
display: flex;
align-items: center;
}
.purchase:after {
position: absolute;
content: '';
width: 235px;
height: 165px;
background: url(../svg/basket.svg) no-repeat;
left: 6px;
bottom: 0;
}
.purchase_total {
height: 70px;
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 0 0 0 265px;
}
.purchase_total > h3 {
width: 100%;
font-size: 22px;
text-transform: uppercase;
color: #9A9A9A;
font-weight: 300;
}
.purchase_total > span {
font-weight: 900;
font-size: 40px;
color: #FFFFFF;
}
.purchase button, .buy_gta_link {
width: 273px;
height: 78px;
position: absolute;
top: 0;
bottom: 0;
right: 30px;
margin: auto;
background: #FFBB1C;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
text-decoration: none;
font-weight: 700;
font-size: 19px;
color: #151418;
}
.purchase button:hover, .buy_gta_link:hover {
color: #794B20;
background: #FFC940;
}
.purchase button span, .buy_gta_link span {
transition: none;
}
.purchase button.empty_cart {
color: #56555B;
background: #302F36;
}
.empty_cart:hover {
animation: shake 0.5s cubic-bezier(.36, .07, .19, .97) both;
transform: translate3d(0, 0, 0);
}
@keyframes shake {
10%, 90% {
transform: translate3d(-1px, 0, 0);
}
20%, 80% {
transform: translate3d(1px, 0, 0);
}
30%, 50%, 70% {
transform: translate3d(-3px, 0, 0);
}
40%, 60% {
transform: translate3d(3px, 0, 0);
}
}
p.note {
font-size: 18px;
line-height: 20px;
position: relative;
color: #9A9A9A;
padding: 0 0 0 33px;
font-weight: 300;
}
p.note:after {
width: 20px;
height: 20px;
position: absolute;
top: 0;
left: 0;
content: '';
background: url(../svg/note_icon.svg) no-repeat;
}
/* Shop 18.11.2021 */
.shop_tabs {
margin: 25px 0 0 0;
display: flex;
}
.shop_tabs li {
width: 33.33%;
height: 130px;
cursor: pointer;
transition: all .3s ease;
background-color: #2D2C33;
position: relative;
background-position: 50%;
background-repeat: no-repeat;
}
.shop_tabs li:hover {
background-color: #35343B;
}
.shop_tabs li.active {
background-color: #3C3B43;
cursor: default;
}
.shop_stripe {
background-image: url(../svg/mastercard.svg);
}
.shop_kinguin {
background-image: url(../svg/kinguin.svg);
}
.shop_paypal {
background-image: url(../svg/paypal.svg);
}
.shop_bitcoin {
background-image: url(../svg/bitcoin.svg);
}
.shop_tabs li:before {
position: absolute;
top: 0;
bottom: 0;
width: 1px;
content: '';
left: 0;
background: #242428;
}
.shop_tabs li:first-of-type:before {
display: none;
}
.shop_tabs li:first-of-type {
border-radius: 10px 0 0 10px;
}
.shop_tabs li:last-of-type {
border-radius: 0 10px 10px 0;
}
.shop_tab_content_section {
margin: 35px 0 0 0;
}
.shop_tab_content_section > h3 {
font-size: 20px;
font-weight: bold;
line-height: 24px;
color: #fff;
}
.shop_tab_content_section ul.shop_plane_list {
color: #D6D6D6;
font-size: 16px;
line-height: 20px;
margin: 14px 0 0 0;
}
.shop_tab_content_section ul.shop_plane_list li {
margin: 8px 0 0 0;
}
.shop_tab_content_section ul.shop_plane_list span {
width: 15px;
display: inline-block;
padding: 0 10px 0 10px;
text-align: right;
}
.shop_gift_cards {
display: flex;
flex-wrap: wrap;
margin: 27px 0 0 0;
justify-content: space-between;
}
.shop_gift_cards li:first-of-type {
margin: 0;
}
.shop_gift_cards li a {
width: 172px;
height: 106px;
display: block;
background-color: #FFBB1C;
border-radius: 10px;
background-image: url(../images/gift_card.png);
background-repeat: no-repeat;
background-size: 100%;
display: flex;
align-items: center;
text-decoration: none;
font-weight: 900;
overflow: hidden;
position: relative;
}
.shop_gift_cards li a:after {
width: 100%;
top: 0;
bottom: 0;
content: '';
position: absolute;
background: rgba(127, 95, 193, 0.93);
z-index: 2;
transition: all .3s ease;
opacity: 0;
}
.shop_gift_cards li a:hover:after, .shop_gift_cards li a:hover h3 {
opacity: 1;
}
.shop_gift_cards li a h3 {
width: 63px;
height: 20px;
line-height: 20px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
color: #F4EAFF;
font-size: 18px;
font-weight: bold;
z-index: 3;
opacity: 0;
transition: all .3s ease;
}
.shop_gift_cards li a h3:after {
width: 20px;
height: 20px;
content: '';
background-repeat: no-repeat;
position: absolute;
top: 0;
right: 0;
}
.shop_gift_cards li a span {
margin: 0 0 0 10px;
background: linear-gradient(265.69deg, #9F435B 14.84%, #B45358 98%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.shop_gift_card_value_big {
font-size: 44px;
}
.shop_gift_card_value_small {
font-size: 36px;
}
.kinguin_code {
width: calc(100% - 60px);
margin: 38px 0 36px 0;
padding: 30px;
background: #232228;
border-radius: 10px;
display: flex;
}
.kinguin_code form {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.kinguin_code input[type="text"] {
width: calc(100% - 336px);
height: 74px;
background: none;
border: 1px solid #302F36;
border-radius: 10px;
font-weight: 300;
font-size: 25px;
text-transform: uppercase;
color: #9A9A9A;
transition: all .3s ease;
padding: 0 25px;
}
.kinguin_code input[type="text"]::-webkit-input-placeholder {
color: #9A9A9A !important;
}
.kinguin_code input[type="text"]::-moz-placeholder {
color: #9A9A9A !important;
}
.kinguin_code input[type="text"]:-moz-placeholder {
color: #9A9A9A !important;
}
.kinguin_code input[type="text"]::-ms-input-placeholder {
color: #9A9A9A !important;
}
.kinguin_code input[type="text"]:focus::-webkit-input-placeholder {
color: transparent !important;
}
.kinguin_code input[type="text"]:focus::-moz-placeholder {
color: transparent !important;
}
.kinguin_code input[type="text"]:focus:-moz-placeholder {
color: transparent !important;
}
.kinguin_code input[type="text"]:focus:-ms-input-placeholder {
color: transparent !important;
}
.kinguin_code input[type="text"]:hover {
border: 1px solid #3a3940;
}
.kinguin_code_button {
width: 265px;
height: 76px;
border-radius: 10px;
cursor: pointer;
text-decoration: none;
text-align: center;
background: #FFBB1C;
font-weight: bold;
font-size: 19px;
text-transform: uppercase;
transition: all .3s ease;
color: #151418;
margin: 0 0 0 auto;
}
.kinguin_code_button:hover {
background: #FFC940;
color: #794B20;
}
/* 11.02.22 */
.coins_switcher {
width: 100%;
display: flex;
flex-wrap: wrap;
position: relative;
margin: 16px 0 0 0;
}
.coins_switcher:before {
width: 2px;
height: 100%;
content: '';
left: 0;
right: 0;
top: 0;
margin: auto;
background: #17171B;
position: absolute;
}
.coins_switcher:after {
width: 34px;
height: 34px;
position: absolute;
content: '';
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 34px;
background-color: #17171B;
background-size: 20px;
background-repeat: no-repeat;
background-position: 50%;
background-image: url(../svg/shop_coins_arrow.svg);
}
.coins_switcher_unit {
width: 50%;
height: 70px;
cursor: pointer;
background: #1D1D22;
transition: all .5s ease;
font-size: 22px;
font-weight: 800;
display: flex;
align-items: center;
justify-content: center;
color: #9A9A9A;
}
.coins_switcher_unit input {
color: #9A9A9A;
}
.coins_switcher_unit.edited, .coins_switcher_unit.edited input {
color: #FFBB1C;
}
.coins_switcher_unit:hover {
background: #1C1C21;
}
.coins_switcher_unit:last-of-type:hover * {
animation: shake 0.5s cubic-bezier(.36, .07, .19, .97) both;
transform: translate3d(0, 0, 0);
}
.coins_switcher_unit input {
width: 24px;
min-width: 24px;
background: none;
text-align: center;
margin: 0 5px 0 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.coins_switcher_unit input, .coins_buffer {
font-size: 22px;
font-weight: 800;
transition: none;
}
.coins_buffer {
position: absolute;
top: -1000px;
left: -1000px;
visibility: hidden;
white-space: nowrap;
}
.coins_switcher_unit:first-of-type {
border-radius: 8px 0 0 8px;
}
.coins_switcher_unit:last-of-type {
border-radius: 0 8px 8px 0;
}
.coins_switcher_unit_flc {
pointer-events: none;
}
.gamecoins_fields .gamecoins_fields_description {
width: auto;
text-transform: uppercase;
color: #7D7E87;
font-size: 12px;
position: absolute;
top: 40px;
right: 40px;
}
/* Buy GTA V page */
.gta_advantages {
width: calc(100% - 52px);
display: flex;
align-items: center;
justify-content: space-between;
border: 1px dashed #302F36;
border-radius: 10px;
margin: 24px 0 0 0;
font-size: 17px;
color: #D6D6D6;
padding: 50px 25px;
}
.gta_advantages > * {
width: calc(25% - 5px);
text-align: center;
line-height: 20px;
padding: 74px 0 0 0;
position: relative;
}
.gta_advantages > *:after {
position: absolute;
top: 0;
right: 0;
left: 0;
margin: auto;
content: '';
background-repeat: no-repeat !important;
background-size: 100% !important;
}
.gta_advantages .lowcost:after {
width: 50px;
height: 50px;
background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M49.5 30.6666L22.5 3.66662C22.3333 3.49995 22.1666 3.33329 21.8333 3.33329L12.5 -4.55454e-05C11.8333 -0.166712 11.1666 -4.55528e-05 10.8333 0.333288L6.83331 4.33329L5.16665 2.66662C4.49998 1.99995 3.49998 1.99995 2.83331 2.66662C2.16665 3.33329 2.16665 4.33329 2.83331 4.99995L4.49998 6.66662L0.499978 10.6666C-2.18446e-05 11.1666 -0.166689 11.8333 0.166645 12.5L3.49998 21.8333C3.49998 22 3.66665 22.3333 3.83331 22.5L30.8333 49.5C31.1666 49.8333 31.5 50 32 50C32.5 50 32.8333 49.8333 33.1666 49.5L49.5 33.1666C49.8333 32.8333 50 32.5 50 32C50 31.5 49.8333 31 49.5 30.6666ZM32 45.8333L6.49998 20.3333L3.66665 12.3333L6.99998 8.99995L10.5 12.5C9.16665 14.8333 9.49998 17.8333 11.5 19.8333C12.6666 21 14.3333 21.6666 15.8333 21.6666C17.3333 21.6666 19 21 20.1666 19.8333C22.5 17.5 22.5 13.5 20.1666 11.1666C18.1666 9.16662 15.1666 8.83329 12.8333 10.1666L9.16665 6.66662L12.5 3.33329L20.5 6.16662L46 31.6666L32 45.8333ZM15.8333 12.8333C16.5 12.8333 17.3333 13.1666 17.8333 13.6666C19 14.8333 19 16.5 17.8333 17.6666C16.6666 18.6666 15 18.8333 13.8333 17.6666C12.6666 16.5 12.6666 14.8333 13.8333 13.6666C14.3333 13 15 12.8333 15.8333 12.8333Z' fill='%23FFBB1C'/%3E%3Cpath d='M38 34.3332C38.3333 34.6665 38.8333 34.8332 39.1667 34.8332C39.5 34.8332 40 34.6665 40.3333 34.3332C41 33.6665 41 32.6665 40.3333 31.9998L31 22.6665C30.3333 21.9998 29.3333 21.9998 28.6667 22.6665C28 23.3332 28 24.3332 28.6667 24.9998L38 34.3332Z' fill='%23FFBB1C'/%3E%3Cpath d='M32.1666 40.1667C32.5 40.5 33 40.6667 33.3333 40.6667C33.6666 40.6667 34.1666 40.5 34.5 40.1667C35.1666 39.5 35.1666 38.5 34.5 37.8333L25.1666 28.5C24.5 27.8333 23.5 27.8333 22.8333 28.5C22.1666 29.1667 22.1666 30.1667 22.8333 30.8333L32.1666 40.1667Z' fill='%23FFBB1C'/%3E%3C/svg%3E ");
}
.gta_advantages .delivery:after {
width: 50px;
height: 50px;
background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48.3333 38.2155H10V35.8586H47.8333C48.8333 35.8586 49.5 35.1852 49.5 34.1751V9.09091C49.5 8.08081 48.8333 7.40741 47.8333 7.40741H12.5L11.5 1.3468C11.3333 0.50505 10.6667 0 9.83333 0H1.66667C0.666667 0 0 0.673401 0 1.6835C0 2.6936 0.666667 3.367 1.66667 3.367H8.33333L13.1667 32.4916H8.33333C7.33333 32.4916 6.66667 33.165 6.66667 34.1751V39.899C6.66667 40.9091 7.33333 41.5825 8.33333 41.5825H13.3333C13 42.4242 12.6667 43.266 12.6667 44.1077C12.6667 47.3064 15.3333 50 18.5 50C21.6667 50 24.3333 47.3064 24.3333 44.1077C24.3333 43.266 24.1667 42.4242 23.6667 41.5825H34.1667C33.8333 42.4242 33.5 43.266 33.5 44.1077C33.5 47.3064 36.1667 50 39.3333 50C42.5 50 45.1667 47.3064 45.1667 44.1077C45.1667 43.266 45 42.4242 44.5 41.5825H48.3333C49.3333 41.5825 50 40.9091 50 39.899C50 38.8889 49.3333 38.2155 48.3333 38.2155ZM13 10.7744H46.3333V32.4916H16.5L13 10.7744ZM18.6667 46.633C17.3333 46.633 16.1667 45.4545 16.1667 44.1077C16.1667 42.7609 17.3333 41.5825 18.6667 41.5825C20 41.5825 21.1667 42.7609 21.1667 44.1077C21.1667 45.4545 20 46.633 18.6667 46.633ZM39.5 46.633C38.1667 46.633 37 45.4545 37 44.1077C37 42.7609 38.1667 41.5825 39.5 41.5825C40.8333 41.5825 42 42.7609 42 44.1077C42 45.4545 40.8333 46.633 39.5 46.633Z' fill='%23FFBB1C'/%3E%3Cpath d='M38.8333 19.0236H35.1666V13.2997C35.1666 12.2896 34.4999 11.6162 33.4999 11.6162H26.1666C25.1666 11.6162 24.4999 12.2896 24.4999 13.2997V18.8553H20.8333C20.1666 18.8553 19.4999 19.192 19.3333 19.8654C18.9999 20.5388 19.1666 21.2122 19.6666 21.7172L28.6666 30.8081C28.9999 31.1448 29.3333 31.3132 29.8333 31.3132C30.3333 31.3132 30.6666 31.1448 30.9999 30.8081L39.9999 21.7172C40.4999 21.2122 40.6666 20.5388 40.3333 19.8654C40.1666 19.3603 39.4999 19.0236 38.8333 19.0236ZM29.8333 27.4411L24.8333 22.3906H26.1666C27.1666 22.3906 27.8333 21.7172 27.8333 20.7071V15.1516H31.8333V20.7071C31.8333 21.7172 32.4999 22.3906 33.4999 22.3906H34.8333L29.8333 27.4411Z' fill='%23FFBB1C'/%3E%3C/svg%3E%0A");
}
.gta_advantages .vip_status:after {
width: 52px;
height: 49px;
background-image: url("data:image/svg+xml,%3Csvg width='52' height='49' viewBox='0 0 52 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M51.4835 17.193L43.9073 2.92281C43.0464 1.03158 41.3245 0 39.4305 0H12.7418C10.6755 0 8.95368 1.03158 8.09275 2.75088L0.516591 17.193C-0.516522 19.0842 -0.172151 21.3193 1.20533 22.8667L22.0398 47.2807C23.9338 49.5158 27.2053 49.6877 29.2716 47.7965C29.4437 47.6246 29.6159 47.4526 29.7881 47.2807L50.6225 22.8667C52.1722 21.1474 52.5166 18.9123 51.4835 17.193ZM48.212 20.6316L27.3775 45.0456C26.6888 45.7333 25.6557 45.9053 24.9669 45.2175L24.7947 45.0456L3.78811 20.6316C3.27156 20.1158 3.27156 19.2561 3.61593 18.7404L11.0199 4.47018C11.3643 3.78246 12.053 3.4386 12.7418 3.4386H39.4305C40.1192 3.4386 40.6358 3.78246 40.9802 4.29825L48.5563 18.5684C48.7285 19.2561 48.7285 20.1158 48.212 20.6316Z' fill='%23FFBB1C'/%3E%3Cpath d='M39.4305 18.5687C39.4305 18.3967 39.4305 18.3967 39.4305 18.2248V18.0529L35.6424 8.76868C35.298 7.90903 34.4371 7.39324 33.5762 7.56517C32.7152 7.7371 32.1987 8.76868 32.3709 9.62833C32.3709 9.80026 32.3709 9.80026 32.5431 9.97219L35.9868 18.3967L27.0331 32.6669C26.5166 33.5266 26.6887 34.5581 27.5497 35.0739C28.4106 35.5897 29.4437 35.2459 29.9603 34.5581L39.2583 19.7722V19.6003C39.2583 19.4283 39.4305 19.4283 39.4305 19.2564C39.4305 19.0845 39.4305 19.0845 39.4305 18.9125C39.4305 18.7406 39.4305 18.7406 39.4305 18.5687Z' fill='%23FFBB1C'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='52' height='49' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
}
.gta_advantages .bonuses:after {
width: 46px;
height: 50px;
background-image: url("data:image/svg+xml,%3Csvg width='46' height='50' viewBox='0 0 46 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.67883 24.6667H3.52555V48.3334C3.52555 49.3334 4.19708 50 5.20438 50H18.8029H27.1971H40.7956C41.8029 50 42.4745 49.3334 42.4745 48.3334V24.6667H44.3212C45.3285 24.6667 46 24 46 23V14.6667C46 13.6667 45.3285 13 44.3212 13H35.5912C37.1022 12 38.2774 10.8334 38.781 9.50003C39.4526 8.1667 40.1241 5.33336 37.1022 2.00003C35.4234 2.8614e-05 33.5766 -0.166638 32.4015 2.8532e-05C28.3723 0.666695 25.0146 6.50003 23 10.5C20.9854 6.50003 17.6277 0.666695 13.5985 2.8532e-05C12.4234 -0.166638 10.5766 2.8614e-05 8.72993 2.00003C5.87591 5.33336 6.54745 8.1667 7.0511 9.50003C7.72263 10.8334 8.72993 12 10.2409 13H1.67883C0.671533 13 0 13.6667 0 14.6667V23C0 24 0.671533 24.6667 1.67883 24.6667ZM6.88321 24.6667H17.1241V46.6667H6.88321V24.6667ZM20.4818 46.6667V24.6667H25.5182V46.6667H20.4818ZM25.5182 16.5V21.5H20.4818V16.5H25.5182ZM39.1168 46.6667H28.8759V24.6667H39.1168V46.6667ZM42.6423 21.3334H40.7956H28.8759V16.3334H42.6423V21.3334ZM32.9051 3.33336C32.9051 3.33336 33.073 3.33336 33.2409 3.33336C33.5766 3.33336 34.0803 3.50003 34.7518 4.1667C36.5985 6.33336 36.0949 7.6667 35.7591 8.1667C34.7518 10.5 30.3869 12.5 25.5182 13C27.5328 8.6667 30.7226 3.83336 32.9051 3.33336ZM11.2482 4.1667C11.9197 3.50003 12.4234 3.33336 12.7591 3.33336C12.927 3.33336 12.927 3.33336 13.0949 3.33336C15.4453 3.6667 18.4672 8.6667 20.4818 13C15.4453 12.5 11.2482 10.5 10.2409 8.1667C10.073 7.6667 9.40146 6.33336 11.2482 4.1667ZM3.35766 16.5H17.1241V21.5H5.20438H3.35766V16.5Z' fill='%23FFBB1C'/%3E%3C/svg%3E ");
}
.buy_gta_page .purchase_total > h3 {
font-size: 27px;
color: #79777D;
text-decoration-line: line-through;
}
.purchase_buttons {
margin: 0 30px 0 auto;
display: flex;
justify-content: space-between;
}
.buy_gta_page a.buy_gta_link {
position: relative;
width: auto;
padding: 0 35px;
left: 0;
right: 0;
}
.how_to_activate {
border: 1px solid #38363D;
border-radius: 10px;
padding: 0 35px;
font-size: 18px;
color: #FFBB1C;
text-decoration: none;
margin: 0 14px 0 0;
display: flex;
align-items: center;
}
.how_to_activate > * {
transition: none !important;
}
.how_to_activate:hover {
color: #FFC940;
background: rgba(53, 52, 58, 0.4);
border: 1px solid #47464D;
}
.shop_page_info {
}
.shop_page_info > h3 {
color: #3F4045;
font-weight: 700;
font-size: 25px;
font-weight: 700;
margin: 0 0 15px 0;
}
.shop_page_info > p {
line-height: 28px;
font-size: 16px;
color: #E4E4E2;
margin: 0 0 45px 0;
}
.default_list {
margin: 30px 0 0 0;
}
.default_list li {
display: flex;
justify-content: space-between;
font-size: 16px;
margin: 15px 0 0 0;
}
.default_list li > h3 {
width: 25%;
color: #8B8B8B;
}
.default_list li > p {
width: 75%;
color: #E4E4E2;
font-weight: 500;
}
/* Panel */
.panel {
background: #0F0F13;
}
.panel .container {
max-width: 1440px;
}
.panel header {
background: #1A191E;
}
.panel header .container {
display: flex;
height: 120px;
align-items: center;
padding: 0;
}
.panel header nav {
padding: 0;
}
.panel header nav li:first-of-type a, .panel header nav {
margin: 0;
}
.panel header .logo {
width: 60px;
height: 60px;
background: url(../svg/panel_logo.svg) no-repeat;
background-size: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.panel_actions {
margin: 0 0 0 auto;
display: flex;
}
.panel_actions .settings.success:after {
display: none;
position: absolute;
content: '';
background: #EC5D64;
width: 7px;
height: 7px;
right: 9px;
top: 8px;
border-radius: 7px;
}
.panel_actions .logout {
width: 48px;
height: 48px;
border: 1px solid #302F36;
border-radius: 12px;
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6 0.0400085H5.64004C4.74891 0.0400085 3.89428 0.394008 3.26416 1.02413C2.63404 1.65425 2.28004 2.50888 2.28004 3.40001V7.88001H0.0400391V10.12H2.28004V14.6C2.28004 15.4911 2.63404 16.3458 3.26416 16.9759C3.89428 17.606 4.74891 17.96 5.64004 17.96H14.6C15.4912 17.96 16.3458 17.606 16.9759 16.9759C17.606 16.3458 17.96 15.4911 17.96 14.6V3.40001C17.96 2.50888 17.606 1.65425 16.9759 1.02413C16.3458 0.394008 15.4912 0.0400085 14.6 0.0400085ZM15.72 14.6C15.72 14.8971 15.602 15.1819 15.392 15.392C15.182 15.602 14.8971 15.72 14.6 15.72H5.64004C5.343 15.72 5.05812 15.602 4.84808 15.392C4.63804 15.1819 4.52004 14.8971 4.52004 14.6V10.12H9.65524L7.41524 12.36L9.00004 13.9448L13.1524 9.79241C13.2566 9.68839 13.3392 9.56487 13.3955 9.4289C13.4519 9.29294 13.4809 9.14719 13.4809 9.00001C13.4809 8.85282 13.4519 8.70708 13.3955 8.57112C13.3392 8.43515 13.2566 8.31163 13.1524 8.20761L9.00004 4.05521L7.41524 5.64001L9.65524 7.88001H4.52004V3.40001C4.52004 3.10297 4.63804 2.81809 4.84808 2.60805C5.05812 2.39801 5.343 2.28001 5.64004 2.28001H14.6C14.8971 2.28001 15.182 2.39801 15.392 2.60805C15.602 2.81809 15.72 3.10297 15.72 3.40001V14.6Z' fill='%234B4B51'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: 18px;
background-position: 50%;
}
.panel_actions .logout:hover {
border: 1px solid #4B4952;
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6 0.0400085H5.64004C4.74891 0.0400085 3.89428 0.394008 3.26416 1.02413C2.63404 1.65425 2.28004 2.50888 2.28004 3.40001V7.88001H0.0400391V10.12H2.28004V14.6C2.28004 15.4911 2.63404 16.3458 3.26416 16.9759C3.89428 17.606 4.74891 17.96 5.64004 17.96H14.6C15.4912 17.96 16.3458 17.606 16.9759 16.9759C17.606 16.3458 17.96 15.4911 17.96 14.6V3.40001C17.96 2.50888 17.606 1.65425 16.9759 1.02413C16.3458 0.394008 15.4912 0.0400085 14.6 0.0400085ZM15.72 14.6C15.72 14.8971 15.602 15.1819 15.392 15.392C15.182 15.602 14.8971 15.72 14.6 15.72H5.64004C5.343 15.72 5.05812 15.602 4.84808 15.392C4.63804 15.1819 4.52004 14.8971 4.52004 14.6V10.12H9.65524L7.41524 12.36L9.00004 13.9448L13.1524 9.79241C13.2566 9.68839 13.3392 9.56487 13.3955 9.4289C13.4519 9.29294 13.4809 9.14719 13.4809 9.00001C13.4809 8.85282 13.4519 8.70708 13.3955 8.57112C13.3392 8.43515 13.2566 8.31163 13.1524 8.20761L9.00004 4.05521L7.41524 5.64001L9.65524 7.88001H4.52004V3.40001C4.52004 3.10297 4.63804 2.81809 4.84808 2.60805C5.05812 2.39801 5.343 2.28001 5.64004 2.28001H14.6C14.8971 2.28001 15.182 2.39801 15.392 2.60805C15.602 2.81809 15.72 3.10297 15.72 3.40001V14.6Z' fill='%23898989'/%3E%3C/svg%3E%0A");
}
.panel_actions .settings {
width: 50px;
height: 50px;
background-color: #302F36;
border-radius: 12px;
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.32372 13.3725L3.39392 11.9769C3.35823 11.6629 3.32254 11.3489 3.32254 11.0349C3.32254 10.7209 3.35823 10.4417 3.39392 10.1277L1.25233 8.73211C0.931091 8.52277 0.824011 8.06919 1.00248 7.75518L1.71634 6.56891C1.9305 6.22 2.21605 5.69664 2.43021 5.34774L3.07268 4.30103C3.28684 3.95212 3.71516 3.84745 4.0721 3.98701L6.39215 5.06862C6.89186 4.71971 7.39156 4.4057 7.96266 4.16147L8.10543 1.61446C8.14112 1.23067 8.46236 0.916656 8.85499 0.916656H10.247C10.6396 0.916656 11.2821 0.916656 11.6748 0.916656H12.924C13.3166 0.916656 13.6736 1.23067 13.7093 1.61446L13.9234 4.09169C14.4945 4.33592 15.0299 4.61504 15.5296 4.96395L17.8497 3.88234C18.2066 3.70789 18.6706 3.84745 18.8491 4.16147L19.563 5.34774C19.7414 5.69664 20.0984 6.22 20.2768 6.56891L20.9193 7.61562C21.0978 7.96452 21.0264 8.38321 20.7051 8.62744L18.6349 10.0231C18.6349 10.372 18.6706 10.686 18.6706 11.0349C18.6706 11.314 18.6349 11.5931 18.6349 11.8722L20.7408 13.2679C21.0621 13.4772 21.1691 13.8959 20.955 14.2448L20.2411 15.4311C20.0627 15.78 19.7057 16.3033 19.5273 16.6522L18.8848 17.6989C18.7063 18.0479 18.2423 18.1525 17.8854 18.013L15.6367 16.9663C15.137 17.35 14.5659 17.6641 13.9948 17.9432L13.8163 20.3855C13.7807 20.7693 13.4594 21.0833 13.0668 21.0833H11.6748C11.2821 21.0833 10.6396 21.0833 10.247 21.0833H8.99776C8.60513 21.0833 8.2482 20.7693 8.21251 20.3855L7.99835 17.9781C7.39156 17.7338 6.85617 17.4198 6.32077 17.036L4.0721 18.1176C3.71516 18.2921 3.28684 18.1525 3.07268 17.8036L2.35882 16.6173C2.14466 16.2684 1.85911 15.7451 1.64495 15.3962L1.00248 14.3495C0.895397 14.0355 0.966784 13.5819 1.32372 13.3725ZM10.9966 14.2448C12.8169 14.2448 14.2804 12.8143 14.2804 11.0349C14.2804 9.25547 12.8169 7.82496 10.9966 7.82496C9.17622 7.82496 7.7128 9.25547 7.7128 11.0349C7.7128 12.8143 9.17622 14.2448 10.9966 14.2448Z' fill='%23898989'/%3E%3C/svg%3E ");
background-size: 22px;
background-repeat: no-repeat;
background-position: 50%;
margin: 0 6px 0 0;
position: relative;
}
.panel_actions .settings:after {
position: absolute;
content: '';
background: #EC5D64;
width: 7px;
height: 7px;
right: 9px;
top: 8px;
border-radius: 7px;
}
.panel_actions .settings:hover {
background-color: #46454B;
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.32372 13.3725L3.39392 11.9769C3.35823 11.6629 3.32254 11.3489 3.32254 11.0349C3.32254 10.7209 3.35823 10.4417 3.39392 10.1277L1.25233 8.73211C0.931091 8.52277 0.824011 8.06919 1.00248 7.75518L1.71634 6.56891C1.9305 6.22 2.21605 5.69664 2.43021 5.34774L3.07268 4.30103C3.28684 3.95212 3.71516 3.84745 4.0721 3.98701L6.39215 5.06862C6.89186 4.71971 7.39156 4.4057 7.96266 4.16147L8.10543 1.61446C8.14112 1.23067 8.46236 0.916656 8.85499 0.916656H10.247C10.6396 0.916656 11.2821 0.916656 11.6748 0.916656H12.924C13.3166 0.916656 13.6736 1.23067 13.7093 1.61446L13.9234 4.09169C14.4945 4.33592 15.0299 4.61504 15.5296 4.96395L17.8497 3.88234C18.2066 3.70789 18.6706 3.84745 18.8491 4.16147L19.563 5.34774C19.7414 5.69664 20.0984 6.22 20.2768 6.56891L20.9193 7.61562C21.0978 7.96452 21.0264 8.38321 20.7051 8.62744L18.6349 10.0231C18.6349 10.372 18.6706 10.686 18.6706 11.0349C18.6706 11.314 18.6349 11.5931 18.6349 11.8722L20.7408 13.2679C21.0621 13.4772 21.1691 13.8959 20.955 14.2448L20.2411 15.4311C20.0627 15.78 19.7057 16.3033 19.5273 16.6522L18.8848 17.6989C18.7063 18.0479 18.2423 18.1525 17.8854 18.013L15.6367 16.9663C15.137 17.35 14.5659 17.6641 13.9948 17.9432L13.8163 20.3855C13.7807 20.7693 13.4594 21.0833 13.0668 21.0833H11.6748C11.2821 21.0833 10.6396 21.0833 10.247 21.0833H8.99776C8.60513 21.0833 8.2482 20.7693 8.21251 20.3855L7.99835 17.9781C7.39156 17.7338 6.85617 17.4198 6.32077 17.036L4.0721 18.1176C3.71516 18.2921 3.28684 18.1525 3.07268 17.8036L2.35882 16.6173C2.14466 16.2684 1.85911 15.7451 1.64495 15.3962L1.00248 14.3495C0.895397 14.0355 0.966784 13.5819 1.32372 13.3725ZM10.9966 14.2448C12.8169 14.2448 14.2804 12.8143 14.2804 11.0349C14.2804 9.25547 12.8169 7.82496 10.9966 7.82496C9.17622 7.82496 7.7128 9.25547 7.7128 11.0349C7.7128 12.8143 9.17622 14.2448 10.9966 14.2448Z' fill='%23B7B7B7'/%3E%3C/svg%3E ");
}
.panel > .row {
min-height: calc(100vh - 418px);
background: #100F14;
padding: 50px 0;
}
.panel > .row > .container {
display: flex;
justify-content: space-between;
}
.panel_left {
width: 640px;
}
.panel_user_avatar {
width: 90px;
height: 90px;
border-radius: 18px;
overflow: hidden;
background: #151418;
}
.panel_user_avatar, .panel_user_description {
display: inline-block;
vertical-align: top;
}
.panel_user_description {
margin: 0 0 0 16px;
}
.panel_user_description > h3 {
font-weight: bold;
font-size: 28px;
color: #FFFFFF;
}
.panel_user_description .user_email {
font-size: 17px;
color: #E4E4E2;
display: block;
margin: 7px 0 0 0;
}
.email_status {
height: 26px;
line-height: 26px;
font-size: 12px;
display: inline-block;
border-radius: 8px;
position: relative;
}
.panel_user_description .email_status {
margin: 10px 0 0 0;
}
.email_status.error {
background: rgba(236, 93, 100, 0.06);
border: 1px solid rgba(236, 93, 100, 0.2);
color: #EC5D64;
padding: 0 25px 0 9px;
}
.email_status.error:after {
width: 12px;
height: 12px;
position: absolute;
top: 0;
bottom: 0;
right: 8px;
margin: auto;
content: '';
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.125 1.875C7.8375 -0.375 4.1625 -0.375 1.875 1.875C-0.375 4.1625 -0.375 7.8375 1.875 10.125C4.1625 12.375 7.8375 12.375 10.125 10.125C12.375 7.8375 12.375 4.1625 10.125 1.875ZM2.85 2.85C4.3875 1.3125 6.75 1.1625 8.5125 2.325L2.3625 8.5125C1.1625 6.7875 1.3125 4.3875 2.85 2.85ZM9.15 9.15C7.6125 10.6875 5.25 10.8375 3.4875 9.675L9.6375 3.4875C10.8375 5.2125 10.6875 7.6125 9.15 9.15Z' fill='%23EC5D64'/%3E%3C/svg%3E ");
}
.email_status.good {
background: rgba(139, 236, 93, 0.06);
border: 1px solid rgba(122, 236, 93, 0.2);
color: #8BEC5D;
padding: 0 29px 0 9px;
}
.email_status.good:after {
width: 12px;
height: 14px;
position: absolute;
top: 0;
bottom: 0;
right: 11px;
margin: auto;
content: '';
background-image: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M11.9999 6.8775V1.8025C8.703 1.54 5.99104 0 5.99104 0C5.99104 0 3.2968 1.54 -0.000100664 1.8025V6.8775C-0.000100664 6.8775 -0.212804 12.6525 5.99104 14C12.2126 12.6525 11.9999 6.8775 11.9999 6.8775ZM5.99104 12.075C1.50655 11.095 1.64835 6.9125 1.64835 6.9125V3.2375C4.04126 3.045 5.99104 1.925 5.99104 1.925C5.99104 1.925 7.95854 3.045 10.3337 3.2375V6.9125C10.3514 6.9125 10.4933 11.095 5.99104 12.075Z' fill='%238BEC5D'/%3E%3Cpath d='M8.68569 6.00248L6.0978 9.18748C5.97372 9.34498 5.77875 9.43248 5.58377 9.43248H5.54832C5.35334 9.43248 5.17609 9.36248 5.03428 9.22248L3.70489 7.87498C3.42129 7.59498 3.42129 7.15748 3.70489 6.87748C3.98849 6.59748 4.43163 6.59748 4.71523 6.87748L5.51287 7.66498L7.60445 5.10998C7.8526 4.79497 8.29573 4.75997 8.57934 5.02248C8.88067 5.24998 8.91612 5.68748 8.68569 6.00248Z' fill='%238BEC5D'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='12' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
}
.panel_balance {
width: calc(100% - 87px);
height: 96px;
background: #1D1D22;
border-radius: 12px;
margin: 22px 0 0 0;
position: relative;
padding: 0 0 0 87px;
display: flex;
align-items: center;
}
.panel_balance:after {
left: 22px;
position: absolute;
content: '';
width: 46px;
height: 46px;
background: url(../svg/panel_logo.svg) no-repeat;
background-size: 100%;
margin: auto;
top: 0;
bottom: 0;
}
.panel_balance_counter {
}
.panel_balance_counter > h3 {
font-family: 'Avenir Next Cyr Ultra';
font-weight: 200;
font-size: 18px;
text-transform: uppercase;
color: #9A9A9A;
margin: 0 0 4px 0;
}
.panel_balance_counter > span {
font-weight: 900;
font-size: 32px;
color: #FFFFFF;
}
.panel_deposit_button {
margin: 0 17px 0 auto;
background: #FFBB1C;
border-radius: 10px;
line-height: 64px;
padding: 0 75px 0 24px;
text-decoration: none;
font-weight: bold;
font-size: 17px;
text-align: center;
color: #151418;
position: relative;
}
.panel_deposit_button:after {
width: 24px;
height: 10px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 24px;
content: '';
background-image: url("data:image/svg+xml,%3Csvg width='24' height='10' viewBox='0 0 24 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M23.9998 5C23.9998 5.31646 23.8795 5.63292 23.6389 5.82279L19.669 9.68355C19.248 10.1266 18.5863 10.0633 18.1653 9.62026C17.7442 9.17722 17.8043 8.48102 18.2254 8.03798L21.3532 5L18.2254 1.96203C17.8043 1.51899 17.7442 0.82279 18.1652 0.379752C18.5863 -0.0632859 19.248 -0.126577 19.669 0.316461L23.6389 4.17722C23.8795 4.36709 23.9998 4.68355 23.9998 5Z' fill='%23151418'/%3E%3Cpath d='M22.4361 5C22.4361 5.63291 21.9549 6.13924 21.3534 6.13924L1.08271 6.13924C0.481203 6.13924 -2.21323e-08 5.63291 -4.97978e-08 5C-7.74632e-08 4.36708 0.481203 3.86076 1.08271 3.86076L21.3534 3.86076C21.9549 3.86076 22.4361 4.36708 22.4361 5Z' fill='%23151418'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='10' height='24' fill='white' transform='translate(0 10) rotate(-90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
}
.panel_deposit_button:hover {
background: #FFC940;
color: #794B20;
}
.panel_deposit_button:hover:after {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='10' viewBox='0 0 24 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M23.9998 5C23.9998 5.31646 23.8795 5.63292 23.6389 5.82279L19.669 9.68355C19.248 10.1266 18.5863 10.0633 18.1653 9.62026C17.7442 9.17722 17.8043 8.48102 18.2254 8.03798L21.3532 5L18.2254 1.96203C17.8043 1.51899 17.7442 0.82279 18.1652 0.379752C18.5863 -0.0632859 19.248 -0.126577 19.669 0.316461L23.6389 4.17722C23.8795 4.36709 23.9998 4.68355 23.9998 5Z' fill='%23794B20'/%3E%3Cpath d='M22.4361 5C22.4361 5.63291 21.9549 6.13924 21.3534 6.13924L1.08271 6.13924C0.481203 6.13924 -2.21323e-08 5.63291 -4.97978e-08 5C-7.74632e-08 4.36708 0.481203 3.86076 1.08271 3.86076L21.3534 3.86076C21.9549 3.86076 22.4361 4.36708 22.4361 5Z' fill='%23794B20'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='10' height='24' fill='white' transform='translate(0 10) rotate(-90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
}
.panel_history {
margin: 10px 0 0 0;
max-height: 56px;
overflow: hidden;
border-radius: 10px;
background: #16151A;
}
.panel_history.opened {
max-height: 1000px;
padding: 0 0 15px 0;
}
.panel_history_top {
height: 56px;
padding: 0 0 0 50px;
position: relative;
display: flex;
align-items: center;
cursor: pointer;
}
.panel_history_top:hover {
background: #1D1D22;
}
.panel_history_top > h3 {
color: #9A9A9A;
font-size: 17px;
}
.panel_history_top:after {
width: 16px;
height: 22px;
content: '';
top: 0;
bottom: 0;
margin: auto;
left: 20px;
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='22' viewBox='0 0 16 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M16 3.11645C16 3.09004 16 3.06363 16 3.0108C15.975 2.19208 15.675 1.39976 15.15 0.871549C14.6 0.316927 13.875 0 13.05 0H11.325C10.775 0 10.325 0.47539 10.325 1.05642V2.27131H1C0.45 2.27131 0 2.7467 0 3.32773V20.97C0 21.551 0.45 22.0264 1 22.0264H13.05C13.925 22.0264 14.725 21.6567 15.275 21.0228C15.75 20.4418 16.025 19.7023 16.025 18.8836C16.025 18.8571 16.025 18.8307 16.025 18.8043C16.025 18.7779 16.025 18.7515 16.025 18.7251V3.11645H16ZM12.325 2.11284H13.05C13.35 2.11284 13.575 2.19208 13.75 2.37695C13.925 2.56182 14.025 2.82593 14 3.11645C14 3.14286 14 3.14286 14 3.16927V15.8992C13.7 15.7935 13.4 15.7407 13.05 15.7407H12.325V2.11284ZM13.05 19.8872H2V4.38415H10.325V6.04802H4.55C4 6.04802 3.55 6.52341 3.55 7.10444C3.55 7.68547 4 8.16086 4.55 8.16086H10.325V9.82473H4.55C4 9.82473 3.55 10.3001 3.55 10.8812C3.55 11.4622 4 11.9376 4.55 11.9376H10.325V16.8235C10.325 17.4046 10.8 17.8799 11.35 17.8799H13.05C13.925 17.8799 14 18.6459 14 18.8836C14 19.042 13.95 19.8872 13.05 19.8872Z' fill='%239A9A9A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='16' height='22' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
}
.panel_history_top:before {
width: 26px;
height: 25px;
content: '';
position: absolute;
top: 0;
background-repeat: no-repeat !important;
background-position: 50% !important;
bottom: 0;
right: 23px;
margin: auto;
background-image: url("data:image/svg+xml,%3Csvg width='26' height='15' viewBox='0 0 26 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M26.0007 7.46008V7.43353C26.0007 7.43353 26.0007 7.43353 26.0007 7.40699V7.38044V7.35389C25.9747 7.1415 25.8707 6.95566 25.7407 6.79637C24.9087 5.78752 23.9207 4.91141 22.9327 4.0884C20.7487 2.33619 18.2527 0.876014 15.5487 0.265395C13.9627 -0.0797376 12.3767 -0.0797376 10.7907 0.185749C9.36067 0.451236 7.95667 1.00876 6.65667 1.67247C4.62867 2.73442 2.75667 4.1946 1.14467 5.84061C0.832672 6.13265 0.546672 6.45123 0.286672 6.79637C-0.0773281 7.24769 -0.0773281 7.75212 0.286672 8.20345C1.11867 9.2123 2.10667 10.0884 3.09467 10.9114C5.25267 12.6636 7.72267 14.1503 10.4527 14.7344C12.0387 15.0796 13.6247 15.0795 15.2107 14.8141C16.6407 14.5486 18.0447 13.9911 19.3447 13.3273C21.3727 12.2654 23.2447 10.8052 24.8567 9.1592C25.1687 8.86716 25.4547 8.54858 25.7147 8.20345C25.8707 8.04415 25.9487 7.85831 25.9747 7.64592V7.61938V7.59283C25.9747 7.59283 25.9747 7.59283 25.9747 7.56628V7.53973C25.9747 7.51318 25.9747 7.51318 25.9747 7.48663C25.9747 7.46008 26.0007 7.46008 26.0007 7.46008ZM13.0007 12.6105C10.2447 12.6105 8.00867 10.3273 8.00867 7.51318C8.00867 4.67247 10.2447 2.38929 13.0007 2.38929C15.7567 2.38929 17.9927 4.67247 17.9927 7.48663C17.9927 10.3008 15.7567 12.6105 13.0007 12.6105Z' fill='%232B2B32'/%3E%3Cpath d='M12.9999 9.21243C13.9189 9.21243 14.6639 8.45171 14.6639 7.51331C14.6639 6.57491 13.9189 5.81419 12.9999 5.81419C12.0809 5.81419 11.3359 6.57491 11.3359 7.51331C11.3359 8.45171 12.0809 9.21243 12.9999 9.21243Z' fill='%232B2B32'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='26' height='15' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.panel_history_top:hover:before {
background-image: url("data:image/svg+xml,%3Csvg width='26' height='15' viewBox='0 0 26 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M26.0007 7.46008V7.43353C26.0007 7.43353 26.0007 7.43353 26.0007 7.40699V7.38044V7.35389C25.9747 7.1415 25.8707 6.95566 25.7407 6.79637C24.9087 5.78752 23.9207 4.91141 22.9327 4.0884C20.7487 2.33619 18.2527 0.876014 15.5487 0.265395C13.9627 -0.0797376 12.3767 -0.0797376 10.7907 0.185749C9.36067 0.451236 7.95667 1.00876 6.65667 1.67247C4.62867 2.73442 2.75667 4.1946 1.14467 5.84061C0.832672 6.13265 0.546672 6.45123 0.286672 6.79637C-0.0773281 7.24769 -0.0773281 7.75212 0.286672 8.20345C1.11867 9.2123 2.10667 10.0884 3.09467 10.9114C5.25267 12.6636 7.72267 14.1503 10.4527 14.7344C12.0387 15.0796 13.6247 15.0795 15.2107 14.8141C16.6407 14.5486 18.0447 13.9911 19.3447 13.3273C21.3727 12.2654 23.2447 10.8052 24.8567 9.1592C25.1687 8.86716 25.4547 8.54858 25.7147 8.20345C25.8707 8.04415 25.9487 7.85831 25.9747 7.64592V7.61938V7.59283C25.9747 7.59283 25.9747 7.59283 25.9747 7.56628V7.53973C25.9747 7.51318 25.9747 7.51318 25.9747 7.48663C25.9747 7.46008 26.0007 7.46008 26.0007 7.46008ZM13.0007 12.6105C10.2447 12.6105 8.00867 10.3273 8.00867 7.51318C8.00867 4.67247 10.2447 2.38929 13.0007 2.38929C15.7567 2.38929 17.9927 4.67247 17.9927 7.48663C17.9927 10.3008 15.7567 12.6105 13.0007 12.6105Z' fill='%234F4F57'/%3E%3Cpath d='M12.9999 9.21243C13.9189 9.21243 14.6639 8.45171 14.6639 7.51331C14.6639 6.57491 13.9189 5.81419 12.9999 5.81419C12.0809 5.81419 11.3359 6.57491 11.3359 7.51331C11.3359 8.45171 12.0809 9.21243 12.9999 9.21243Z' fill='%234F4F57'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='26' height='15' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
}
.opened .panel_history_top:before {
background-image: url("data:image/svg+xml,%3Csvg width='26' height='25' viewBox='0 0 26 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M12.8102 4.99725C12.137 5.00819 11.4639 5.07305 10.7907 5.18573C9.36067 5.45122 7.95667 6.00874 6.65667 6.67246C4.62867 7.7344 2.75667 9.19458 1.14467 10.8406C0.832672 11.1326 0.546672 11.4512 0.286672 11.7964C-0.0773281 12.2477 -0.0773281 12.7521 0.286672 13.2034C1.11867 14.2123 2.10667 15.0884 3.09467 15.9114C3.86018 16.533 4.66495 17.1211 5.50665 17.6474L8.05757 13.2291C8.02534 12.9952 8.00867 12.7561 8.00867 12.5132C8.00867 10.3109 9.35256 8.4437 11.2408 7.71565L12.8102 4.99725Z' fill='%232B2B32'/%3E%3Cpath d='M17.9924 12.5397L20.8533 7.58445C21.5734 8.04818 22.2675 8.55474 22.9327 9.08839C23.9207 9.91139 24.9087 10.7875 25.7407 11.7964C25.8707 11.9556 25.9747 12.1415 26.0007 12.3539V12.4601C26.0007 12.4601 25.9747 12.4601 25.9747 12.4866V12.6459C25.9487 12.8583 25.8707 13.0441 25.7147 13.2034C25.4547 13.5486 25.1687 13.8671 24.8567 14.1592C23.2447 15.8052 21.3727 17.2654 19.3447 18.3273C18.0447 18.991 16.6407 19.5486 15.2107 19.814C14.7052 19.8987 14.1997 19.9563 13.6942 19.9844L15.4452 16.9516C16.9513 16.078 17.9735 14.4251 17.9924 12.5397Z' fill='%232B2B32'/%3E%3Cpath d='M20.46 2.26569L18.5035 1.13612L6.1807 22.4798L8.13717 23.6094L20.46 2.26569Z' fill='%232B2B32'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='26' height='25' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.opened .panel_history_top:hover:before {
background-image: url("data:image/svg+xml,%3Csvg width='26' height='25' viewBox='0 0 26 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M12.8102 4.99725C12.137 5.00819 11.4639 5.07305 10.7907 5.18573C9.36067 5.45122 7.95667 6.00874 6.65667 6.67246C4.62867 7.7344 2.75667 9.19458 1.14467 10.8406C0.832672 11.1326 0.546672 11.4512 0.286672 11.7964C-0.0773281 12.2477 -0.0773281 12.7521 0.286672 13.2034C1.11867 14.2123 2.10667 15.0884 3.09467 15.9114C3.86018 16.533 4.66495 17.1211 5.50665 17.6474L8.05757 13.2291C8.02534 12.9952 8.00867 12.7561 8.00867 12.5132C8.00867 10.3109 9.35256 8.4437 11.2408 7.71565L12.8102 4.99725Z' fill='%234F4F57'/%3E%3Cpath d='M17.9924 12.5397L20.8533 7.58445C21.5734 8.04818 22.2675 8.55474 22.9327 9.08839C23.9207 9.91139 24.9087 10.7875 25.7407 11.7964C25.8707 11.9556 25.9747 12.1415 26.0007 12.3539V12.4601C26.0007 12.4601 25.9747 12.4601 25.9747 12.4866V12.6459C25.9487 12.8583 25.8707 13.0441 25.7147 13.2034C25.4547 13.5486 25.1687 13.8671 24.8567 14.1592C23.2447 15.8052 21.3727 17.2654 19.3447 18.3273C18.0447 18.991 16.6407 19.5486 15.2107 19.814C14.7052 19.8987 14.1997 19.9563 13.6942 19.9844L15.4452 16.9516C16.9513 16.078 17.9735 14.4251 17.9924 12.5397Z' fill='%234F4F57'/%3E%3Cpath d='M20.46 2.26569L18.5035 1.13612L6.1807 22.4798L8.13717 23.6094L20.46 2.26569Z' fill='%234F4F57'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='26' height='25' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.panel_history table {
width: 100%;
text-align: left;
font-size: 14px;
}
.panel_history table td {
padding: 17px 0;
}
.panel_history table tr:nth-of-type(even) td {
background: #19181D;
}
.panel_history table .panel_history_counter {
color: #727274;
padding: 17px 0 17px 24px;
}
.panel_history_title {
color: #E4E4E2;
font-weight: bold;
}
.panel_history_date {
color: #727274;
}
.panel_history table .panel_history_change {
font-weight: bold;
text-align: right;
padding: 17px 24px 17px 0;
}
.panel_history_change.plus {
color: #82E292;
}
.panel_history_change.minus {
color: #DB6159;
}
.load_more {
width: calc(100% - 32px);
margin: 20px auto 0 auto;
line-height: 44px;
font-size: 14px;
color: #8A8A8A;
text-decoration: none;
text-align: center;
background: #1D1D22;
border-radius: 8px;
display: block;
cursor: pointer;
}
.load_more:hover {
color: #BABABA;
background: #242428;
}
.panel_note {
margin: 22px 0 0 0;
border: 1px dashed rgba(48, 47, 54, 0.6);
border-radius: 10px;
position: relative;
padding: 20px 20px 20px 46px;
color: #727274;
font-size: 17px;
}
.panel_note span {
color: #9A9A9A;
margin: 0 0 0 3px;
}
.panel_note:after {
width: 20px;
height: 20px;
content: '';
position: absolute;
top: 18px;
left: 15px;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C4.46429 0 0 4.46429 0 10C0 15.5134 4.46429 20 10 20C15.5134 20 20 15.5357 20 10C20 4.46429 15.5134 0 10 0ZM10 2.70089C11.183 2.70089 12.1205 3.66071 12.1205 4.82143C12.1205 6.00446 11.1607 6.94196 10 6.94196C8.83929 6.94196 7.87946 5.98214 7.87946 4.82143C7.85714 3.66071 8.81696 2.70089 10 2.70089ZM12.2991 15.9821C12.2991 16.6741 11.7411 17.2321 11.0491 17.2321H8.95089C8.25893 17.2321 7.70089 16.6741 7.70089 15.9821V9.55357C7.70089 8.86161 8.25893 8.30357 8.95089 8.30357H11.0491C11.7411 8.30357 12.2991 8.86161 12.2991 9.55357V15.9821Z' fill='%23727274'/%3E%3C/svg%3E ");
}
.panel_right {
width: calc(100% - 690px);
position: relative;
}
.panel_right .hero {
width: 300px;
height: 589px;
position: absolute;
top: -85px;
right: -36px;
opacity: 0;
transition: all .6s ease;
transition-delay: .2s;
}
.current .hero {
transform: translateX(-20px);
opacity: 1;
}
.hero.default_hero {
background: url(../images/panel/char.png) no-repeat;
background-size: 100%;
}
.panel_right_row {
position: relative;
margin: 15px 0 0 0;
}
.panel_heroes_info {
max-width: 525px;
position: relative;
}
.panel_heroes_counter {
padding: 0 0 0 20px;
position: relative;
}
.panel_heroes_counter:after {
width: 13px;
height: 15px;
top: 0;
bottom: 0;
margin: auto;
left: 0;
content: '';
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg width='13' height='15' viewBox='0 0 13 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.01203 8.08842C10.3023 7.30386 11.1429 5.94023 11.1429 4.38979C11.1429 1.9614 9.09023 0 6.54887 0C4.00752 0 1.95489 1.9614 1.95489 4.38979C1.95489 5.94023 2.79549 7.30386 4.08571 8.08842C2.01353 9.09714 0 11.0399 0 12.7584C0 14.7945 4.55489 15.0187 6.50977 15.0187C8.46466 15.0187 13.0195 14.7945 13.0195 12.7584C13 11.0025 11.0647 9.07846 9.01203 8.08842ZM6.54887 1.4944C8.21053 1.4944 9.57895 2.80199 9.57895 4.38979C9.57895 5.97758 8.21053 7.28518 6.54887 7.28518C4.88722 7.28518 3.5188 5.97758 3.5188 4.38979C3.5188 2.80199 4.88722 1.4944 6.54887 1.4944ZM6.50977 13.5056C3.5188 13.5056 1.85714 12.9826 1.58346 12.6837C1.66165 11.1519 4.86767 8.91034 6.56842 8.91034C8.23007 8.91034 11.3774 11.1333 11.4556 12.6837C11.1429 13.0012 9.50075 13.5056 6.50977 13.5056Z' fill='%23727274'/%3E%3C/svg%3E ");
}
.panel_heroes_counter > h3 {
display: inline-block;
vertical-align: top;
font-size: 17px;
text-transform: uppercase;
color: #727274;
line-height: 24px;
}
.panel_heroes_counter > span {
margin: 0 0 0 8px;
background: #7056A7;
border-radius: 9px;
display: inline-block;
vertical-align: top;
padding: 0 8px;
font-weight: bold;
font-size: 14px;
color: #F4EAFF;
line-height: 24px;
}
.panel_heroes_statistic > h3 {
font-weight: 300;
font-size: 37px;
color: #FFFFFF;
margin: 0 0 10px 0;
position: relative;
top: -15px;
}
.heroes_controller {
position: absolute;
right: 0;
top: 0;
z-index: 10;
}
.heroes_controller > * {
width: 76px;
height: 34px;
border: 1px solid rgba(78, 76, 75, 0.3);
border-radius: 8px;
display: block;
position: relative;
}
.heroes_controller_next {
margin: 0 0 8px 0;
}
.heroes_controller > *:hover {
background: rgba(252, 229, 195, 0.03);
border: 1px solid rgba(182, 162, 135, 0.3);
cursor: pointer;
}
.heroes_controller > *:after {
content: '';
width: 24px;
height: 10px;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
position: absolute;
background-size: 34px 10px;
background-repeat: no-repeat;
background-position: -10px 0;
background-image: url("data:image/svg+xml,%3Csvg width='34' height='10' viewBox='0 0 34 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M33.9998 4.99997C33.9998 5.31643 33.8795 5.63289 33.6389 5.82276L29.669 9.68352C29.248 10.1266 28.5863 10.0633 28.1653 9.62023C27.7442 9.17719 27.8043 8.48099 28.2254 8.03795L31.3532 4.99997L28.2254 1.962C27.8043 1.51896 27.7442 0.82276 28.1652 0.379722C28.5863 -0.0633164 29.248 -0.126608 29.669 0.31643L33.6389 4.17719C33.8795 4.36706 33.9998 4.68352 33.9998 4.99997Z' fill='%2346454B'/%3E%3Cpath d='M32.4361 4.99998C32.4361 5.63289 31.9549 6.13922 31.3534 6.13922L1.08271 6.13922C0.481203 6.13922 -2.21324e-08 5.63289 -4.97978e-08 4.99998C-7.74632e-08 4.36707 0.481203 3.86074 1.08271 3.86074L31.3534 3.86074C31.9549 3.86074 32.4361 4.36707 32.4361 4.99998Z' fill='%2346454B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='10' height='34' fill='white' transform='translate(0 10) rotate(-90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
}
.heroes_controller > *:hover:after {
width: 34px;
background-position: 0;
background-image: url("data:image/svg+xml,%3Csvg width='34' height='10' viewBox='0 0 34 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M33.9998 4.99997C33.9998 5.31643 33.8795 5.63289 33.6389 5.82276L29.669 9.68352C29.248 10.1266 28.5863 10.0633 28.1653 9.62023C27.7442 9.17719 27.8043 8.48099 28.2254 8.03795L31.3532 4.99997L28.2254 1.962C27.8043 1.51896 27.7442 0.82276 28.1652 0.379722C28.5863 -0.0633164 29.248 -0.126608 29.669 0.31643L33.6389 4.17719C33.8795 4.36706 33.9998 4.68352 33.9998 4.99997Z' fill='%23FFBB1C'/%3E%3Cpath d='M32.4361 4.99998C32.4361 5.63289 31.9549 6.13922 31.3534 6.13922L1.08271 6.13922C0.481203 6.13922 -2.21324e-08 5.63289 -4.97978e-08 4.99998C-7.74632e-08 4.36707 0.481203 3.86074 1.08271 3.86074L31.3534 3.86074C31.9549 3.86074 32.4361 4.36707 32.4361 4.99998Z' fill='%23FFBB1C'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='10' height='34' fill='white' transform='translate(0 10) rotate(-90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
}
.heroes_controller_prev:after {
transform: rotate(-180deg);
}
.panel_heroes_statistic_unit {
padding: 15px 0;
display: flex;
font-size: 17px;
position: relative;
z-index: 10;
}
.panel_heroes_statistic_unit:nth-of-type(odd) {
background: rgba(35, 34, 40, 0.21);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
border-radius: 8px;
}
.panel_heroes_statistic_unit > h3 {
width: calc(50% - 40px);
color: #727274;
padding: 0 20px;
}
.panel_heroes_statistic_unit > span {
width: calc(50% - 20px);
color: #E4E4E2;
padding: 0 20px 0 0;
}
.heroes_slider {
position: relative;
}
.heroes_slider_slide {
opacity: 0;
visibility: hidden;
position: absolute;
top: 0;
transition: none;
}
.heroes_slider_slide.current {
opacity: 1;
visibility: visible;
position: relative;
z-index: 5;
}
.panel_heroes_statistic {
max-width: 525px;
margin: 25px 0 0 0;
position: relative;
z-index: 9;
opacity: 0;
transform: translateX(-20px);
transition: all .6s ease;
}
.heroes_slider_slide.current .panel_heroes_statistic {
opacity: 1;
transform: translateX(0);
}
/* Panel footer */
.panel footer {
padding: 0;
}
.panel footer .container {
display: flex;
align-items: center;
}
.panel footer:after {
display: none;
}
.panel footer .logo {
width: 157px;
height: 38px;
background-size: 100% !important;
margin: 0 0 10px 0;
}
.panel footer .copyright {
font-size: 15px;
line-height: 22px;
}
.panel footer nav {
padding: 0;
margin: 0 0 0 190px !important;
}
.panel footer nav ul li {
margin: 12px 0 0 0;
}
.panel footer nav ul li a {
font-size: 14px;
}
.panel footer .footer_side {
margin: 0 0 0 auto;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.panel footer .mail {
margin: 0 0 0 55px;
}
/* Window */
body.panel:after, body.playered:after {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9998;
content: '';
background: rgba(15, 14, 17, 0.83);
opacity: 0;
visibility: hidden;
}
body.panel.windowed:after, body.playered:after {
opacity: 1;
visibility: visible;
}
html body.playered:after {
background: rgba(15, 14, 17, 0.96);
}
body.panel:before {
display: none;
}
/*body.panel.windowed header, body.panel.windowed > .row, body.panel.windowed footer {
filter: blur(10px);
}*/
.window {
width: 96%;
max-width: 450px;
padding: 45px 42px;
position: absolute;
top: 110px;
left: 0;
right: 0;
margin: auto;
z-index: 9999;
background: #1A191E;
border-radius: 10px;
transform: scale(.9);
opacity: 0;
visibility: hidden;
transition: all .2s ease;
}
.window.opened {
transform: scale(1);
opacity: 1;
visibility: visible;
}
.window_top {
position: relative;
margin: 0 0 22px 0;
}
.window .window_top h3 {
font-size: 26px;
color: #E4E4E2;
padding: 0 0 0 43px;
position: relative;
font-weight: 500;
}
.window .window_top h3:after {
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
content: '';
}
.window.settings_window .window_top h3:after {
width: 27px;
height: 27px;
background-image: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.545647 16.6765L3.31964 14.808C3.27181 14.3875 3.22398 13.9671 3.22398 13.5467C3.22398 13.1263 3.27181 12.7526 3.31964 12.3322L0.449993 10.4637C0.0195465 10.1834 -0.123936 9.57613 0.1152 9.15571L1.07175 7.56747C1.35871 7.10035 1.74133 6.39965 2.0283 5.93253L2.88919 4.53114C3.17615 4.06401 3.75008 3.92388 4.22836 4.11073L7.33714 5.55882C8.00672 5.0917 8.6763 4.67128 9.44154 4.34429L9.63285 0.934256C9.68068 0.420415 10.1111 0 10.6372 0H12.5025C13.0286 0 13.8895 0 14.4156 0H16.0895C16.6156 0 17.0939 0.420415 17.1417 0.934256L17.4287 4.25087C18.1939 4.57786 18.9114 4.95156 19.5809 5.41869L22.6897 3.97059C23.168 3.73702 23.7898 3.92388 24.0289 4.34429L24.9854 5.93253C25.2246 6.39965 25.7028 7.10035 25.942 7.56747L26.8029 8.96886C27.042 9.43599 26.9464 9.99654 26.5159 10.3235L23.7419 12.192C23.7419 12.6592 23.7898 13.0796 23.7898 13.5467C23.7898 13.9204 23.7419 14.2941 23.7419 14.6678L26.5637 16.5363C26.9942 16.8166 27.1377 17.3772 26.8507 17.8443L25.8942 19.4325C25.655 19.8997 25.1767 20.6003 24.9376 21.0675L24.0767 22.4689C23.8376 22.936 23.2158 23.0761 22.7375 22.8893L19.7244 21.4879C19.0548 22.0017 18.2896 22.4221 17.5244 22.7958L17.2852 26.0657C17.2374 26.5796 16.807 27 16.2809 27H14.4156C13.8895 27 13.0286 27 12.5025 27H10.8285C10.3024 27 9.82416 26.5796 9.77633 26.0657L9.48937 22.8426C8.6763 22.5156 7.95889 22.0952 7.24148 21.5813L4.22836 23.0294C3.75008 23.263 3.17615 23.0761 2.88919 22.609L1.93264 21.0208C1.64568 20.5536 1.26306 19.8529 0.976093 19.3858L0.1152 17.9844C-0.0282822 17.564 0.0673733 16.9567 0.545647 16.6765ZM13.5069 17.8443C15.9461 17.8443 17.907 15.9291 17.907 13.5467C17.907 11.1644 15.9461 9.24914 13.5069 9.24914C11.0677 9.24914 9.10675 11.1644 9.10675 13.5467C9.10675 15.9291 11.0677 17.8443 13.5069 17.8443Z' fill='%23E4E4E2'/%3E%3C/svg%3E ");
}
.recovery .settings_window .window_top h3:after {
width: 30px;
height: 32px;
background-image: url("data:image/svg+xml,%3Csvg width='30' height='32' viewBox='0 0 30 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.775362 25.4802C-0.258454 26.5127 -0.258454 28.1933 0.775362 29.2264C1.80844 30.2601 3.48874 30.2601 4.51478 29.2264L5.26149 28.4868L8.37527 31.6C8.90773 32.1333 9.76112 32.1333 10.2943 31.6L14.9347 26.9594C15.4679 26.427 15.4679 25.5733 14.9347 25.0401L11.8216 21.9269L17.3675 16.3736C18.5542 16.9868 19.9069 17.333 21.3339 17.333C26.1203 17.333 30 13.4537 30 8.66659C30 3.88008 26.1203 0 21.3339 0C16.5473 0 12.6679 3.88008 12.6679 8.66659C12.6679 10.0937 13.0143 11.4465 13.6274 12.6333L0.775362 25.4802ZM18.0008 8.66659C18.0008 6.82667 19.4942 5.33316 21.3338 5.33316C23.1737 5.33316 24.6669 6.82667 24.6669 8.66659C24.6669 10.5065 23.1737 11.9998 21.3338 11.9998C19.4943 11.9998 18.0008 10.5064 18.0008 8.66659Z' fill='%23E4E4E1'/%3E%3C/svg%3E%0A");
}
.recovery .server_select, .recovery .nickname {
max-width: none;
margin: 0;
}
.recovery .server_select {
min-height: 68px;
}
.recovery form .nice-select {
background: #27272c;
}
.recovery form .nice-select:hover {
background: rgb(48 47 54);
}
.recovery form .nice-select .current {
color: #989898;
}
.recovery .window_section {
margin: 20px 0 0 0;
}
.recovery .window_section:last-of-type {
margin: 10px 0 19px 0;
}
.recovery .window_section:first-of-type {
margin: 0;
}
.window_close_button {
width: 20px;
height: 20px;
position: absolute;
right: 0;
top: 5px;
bottom: 0;
margin: auto;
cursor: pointer;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.11111 0L20 18.8889L18.8889 20L0 1.11111L1.11111 0Z' fill='%233C3B40'/%3E%3Cpath d='M18.8893 0L0.000403111 18.8889L1.11151 20L20.0004 1.11111L18.8893 0Z' fill='%233C3B40'/%3E%3C/svg%3E ");
}
.window_close_button:hover, .videoplayer_close:hover {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.11111 0L20 18.8889L18.8889 20L0 1.11111L1.11111 0Z' fill='%23949496'/%3E%3Cpath d='M18.8893 0L0.000403111 18.8889L1.11151 20L20.0004 1.11111L18.8893 0Z' fill='%23949496'/%3E%3C/svg%3E ");
}
.window_section {
}
.window_section > h3 {
font-weight: bold;
font-size: 17px;
color: #505050;
margin: 0 0 15px 0;
}
.window input {
max-width: none;
}
.window button {
width: 100%;
height: 78px;
text-align: center;
margin: 6px 0 0 0;
font-weight: bold;
font-size: 19px;
color: #151418;
background: #FFBB1C;
border-radius: 10px;
cursor: pointer;
}
.window button:hover {
background: #FFC940;
color: #794B20;
}
.window_field {
position: relative;
margin: 0 0 10px 0;
}
.window_field:after {
height: 68px !important;
background-repeat: no-repeat !important;
background-position: 50% !important;
position: absolute;
top: 1px;
margin: auto;
content: '';
left: 18px;
}
.window_field.current_password:after {
width: 24px;
height: 14px;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='14' viewBox='0 0 24 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.8322 5.86412L22.8322 4.24873C22.6467 3.94908 22.3342 3.76923 22.0002 3.76923L12.2629 3.76923C11.1521 1.45708 8.95859 0 6.50006 0C2.91553 0 0 3.14031 0 7C0 10.8597 2.91553 14 6.50006 14C9.13184 14 11.4981 12.2648 12.4956 9.69231H12.5854L13.7929 10.9922C14.1826 11.413 14.8164 11.413 15.2069 10.9922L15.9999 10.1382L16.7929 10.9922C17.1827 11.413 17.8164 11.413 18.2069 10.9922L18.9999 10.1382L19.7929 10.9922C19.9999 11.2162 20.2879 11.333 20.582 11.3039C20.875 11.2775 21.1425 11.1141 21.3135 10.8565L23.8135 7.08723C24.055 6.7235 24.0627 6.23646 23.8322 5.86412ZM20.3722 8.57015L19.7072 7.854C19.3164 7.43319 18.6827 7.43319 18.2932 7.854L17.5002 8.708L16.7072 7.854C16.3164 7.43319 15.6827 7.43319 15.2931 7.854L14.5001 8.708L13.7071 7.854C13.5196 7.65208 13.2646 7.53846 13.0001 7.53846H11.7871C11.3399 7.53846 10.9474 7.85831 10.8251 8.32192C10.2791 10.3969 8.50083 11.8462 6.49981 11.8462C4.01829 11.8462 1.99977 9.67239 1.99977 7C1.99977 4.32762 4.01829 2.15385 6.49981 2.15385C8.36308 2.15385 10.0076 3.36431 10.6874 5.23842C10.8379 5.65115 11.2069 5.92308 11.6191 5.92308H21.465L21.7852 6.44054L20.3722 8.57015ZM4.50004 5.38462C3.67279 5.38462 3.00003 6.10912 3.00003 7C3.00003 7.89088 3.67279 8.61539 4.50004 8.61539C5.3273 8.61539 6.00006 7.89088 6.00006 7C6.00006 6.10912 5.3273 5.38462 4.50004 5.38462Z' fill='%234F4E55'/%3E%3C/svg%3E ");
}
.window_field.current_password:hover:after {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='14' viewBox='0 0 24 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.8322 5.86412L22.8322 4.24873C22.6467 3.94908 22.3342 3.76923 22.0002 3.76923L12.2629 3.76923C11.1521 1.45708 8.95859 0 6.50006 0C2.91553 0 0 3.14031 0 7C0 10.8597 2.91553 14 6.50006 14C9.13184 14 11.4981 12.2648 12.4956 9.69231H12.5854L13.7929 10.9922C14.1826 11.413 14.8164 11.413 15.2069 10.9922L15.9999 10.1382L16.7929 10.9922C17.1827 11.413 17.8164 11.413 18.2069 10.9922L18.9999 10.1382L19.7929 10.9922C19.9999 11.2162 20.2879 11.333 20.582 11.3039C20.875 11.2775 21.1425 11.1141 21.3135 10.8565L23.8135 7.08723C24.055 6.7235 24.0627 6.23646 23.8322 5.86412ZM20.3722 8.57015L19.7072 7.854C19.3164 7.43319 18.6827 7.43319 18.2932 7.854L17.5002 8.708L16.7072 7.854C16.3164 7.43319 15.6827 7.43319 15.2931 7.854L14.5001 8.708L13.7071 7.854C13.5196 7.65208 13.2646 7.53846 13.0001 7.53846H11.7871C11.3399 7.53846 10.9474 7.85831 10.8251 8.32192C10.2791 10.3969 8.50083 11.8462 6.49981 11.8462C4.01829 11.8462 1.99977 9.67239 1.99977 7C1.99977 4.32762 4.01829 2.15385 6.49981 2.15385C8.36308 2.15385 10.0076 3.36431 10.6874 5.23842C10.8379 5.65115 11.2069 5.92308 11.6191 5.92308H21.465L21.7852 6.44054L20.3722 8.57015ZM4.50004 5.38462C3.67279 5.38462 3.00003 6.10912 3.00003 7C3.00003 7.89088 3.67279 8.61539 4.50004 8.61539C5.3273 8.61539 6.00006 7.89088 6.00006 7C6.00006 6.10912 5.3273 5.38462 4.50004 5.38462Z' fill='%23807F86'/%3E%3C/svg%3E ");
}
.window_field.new_password:after, .session .password:after {
width: 18px;
height: 22px;
left: 21px;
background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='22' viewBox='0 0 18 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.875 8.73367H16.0031V6.82663C15.975 3.06784 12.8531 0 9.02812 0C5.175 0 2.05313 3.06784 2.05313 6.85427V8.76131H1.125C0.50625 8.76131 0 9.25879 0 9.86683V20.9221C0 21.5301 0.50625 22.0276 1.125 22.0276H16.875C17.4937 22.0276 18 21.5301 18 20.9221V9.86683C18 9.23116 17.4937 8.73367 16.875 8.73367ZM4.30312 6.85427C4.30312 4.28392 6.4125 2.21106 9.02812 2.21106C11.6437 2.21106 13.7531 4.28392 13.7531 6.85427V8.76131H4.30312V6.85427ZM15.75 19.7889H2.25V10.9447H3.17813H14.85H15.75V19.7889Z' fill='%234F4E55'/%3E%3C/svg%3E ");
}
.window_field.new_password:hover:after, .session .password:hover:after {
width: 18px;
height: 22px;
background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='22' viewBox='0 0 18 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.875 8.73367H16.0031V6.82663C15.975 3.06784 12.8531 0 9.02812 0C5.175 0 2.05313 3.06784 2.05313 6.85427V8.76131H1.125C0.50625 8.76131 0 9.25879 0 9.86683V20.9221C0 21.5301 0.50625 22.0276 1.125 22.0276H16.875C17.4937 22.0276 18 21.5301 18 20.9221V9.86683C18 9.23116 17.4937 8.73367 16.875 8.73367ZM4.30312 6.85427C4.30312 4.28392 6.4125 2.21106 9.02812 2.21106C11.6437 2.21106 13.7531 4.28392 13.7531 6.85427V8.76131H4.30312V6.85427ZM15.75 19.7889H2.25V10.9447H3.17813H14.85H15.75V19.7889Z' fill='%23807F86'/%3E%3C/svg%3E ");
}
.window_field.current_password.is-invalid:after {
width: 24px;
height: 14px;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='14' viewBox='0 0 24 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.8322 5.86412L22.8322 4.24873C22.6467 3.94908 22.3342 3.76923 22.0002 3.76923L12.2629 3.76923C11.1521 1.45708 8.95859 0 6.50006 0C2.91553 0 0 3.14031 0 7C0 10.8597 2.91553 14 6.50006 14C9.13184 14 11.4981 12.2648 12.4956 9.69231H12.5854L13.7929 10.9922C14.1826 11.413 14.8164 11.413 15.2069 10.9922L15.9999 10.1382L16.7929 10.9922C17.1827 11.413 17.8164 11.413 18.2069 10.9922L18.9999 10.1382L19.7929 10.9922C19.9999 11.2162 20.2879 11.333 20.582 11.3039C20.875 11.2775 21.1425 11.1141 21.3135 10.8565L23.8135 7.08723C24.055 6.7235 24.0627 6.23646 23.8322 5.86412ZM20.3722 8.57015L19.7072 7.854C19.3164 7.43319 18.6827 7.43319 18.2932 7.854L17.5002 8.708L16.7072 7.854C16.3164 7.43319 15.6827 7.43319 15.2931 7.854L14.5001 8.708L13.7071 7.854C13.5196 7.65208 13.2646 7.53846 13.0001 7.53846H11.7871C11.3399 7.53846 10.9474 7.85831 10.8251 8.32192C10.2791 10.3969 8.50083 11.8462 6.49981 11.8462C4.01829 11.8462 1.99977 9.67239 1.99977 7C1.99977 4.32762 4.01829 2.15385 6.49981 2.15385C8.36308 2.15385 10.0076 3.36431 10.6874 5.23842C10.8379 5.65115 11.2069 5.92308 11.6191 5.92308H21.465L21.7852 6.44054L20.3722 8.57015ZM4.50004 5.38462C3.67279 5.38462 3.00003 6.10912 3.00003 7C3.00003 7.89088 3.67279 8.61539 4.50004 8.61539C5.3273 8.61539 6.00006 7.89088 6.00006 7C6.00006 6.10912 5.3273 5.38462 4.50004 5.38462Z' fill='%23E77373'/%3E%3C/svg%3E ");
}
.window_field.current_password.is-invalid:hover:after {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='14' viewBox='0 0 24 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.8322 5.86412L22.8322 4.24873C22.6467 3.94908 22.3342 3.76923 22.0002 3.76923L12.2629 3.76923C11.1521 1.45708 8.95859 0 6.50006 0C2.91553 0 0 3.14031 0 7C0 10.8597 2.91553 14 6.50006 14C9.13184 14 11.4981 12.2648 12.4956 9.69231H12.5854L13.7929 10.9922C14.1826 11.413 14.8164 11.413 15.2069 10.9922L15.9999 10.1382L16.7929 10.9922C17.1827 11.413 17.8164 11.413 18.2069 10.9922L18.9999 10.1382L19.7929 10.9922C19.9999 11.2162 20.2879 11.333 20.582 11.3039C20.875 11.2775 21.1425 11.1141 21.3135 10.8565L23.8135 7.08723C24.055 6.7235 24.0627 6.23646 23.8322 5.86412ZM20.3722 8.57015L19.7072 7.854C19.3164 7.43319 18.6827 7.43319 18.2932 7.854L17.5002 8.708L16.7072 7.854C16.3164 7.43319 15.6827 7.43319 15.2931 7.854L14.5001 8.708L13.7071 7.854C13.5196 7.65208 13.2646 7.53846 13.0001 7.53846H11.7871C11.3399 7.53846 10.9474 7.85831 10.8251 8.32192C10.2791 10.3969 8.50083 11.8462 6.49981 11.8462C4.01829 11.8462 1.99977 9.67239 1.99977 7C1.99977 4.32762 4.01829 2.15385 6.49981 2.15385C8.36308 2.15385 10.0076 3.36431 10.6874 5.23842C10.8379 5.65115 11.2069 5.92308 11.6191 5.92308H21.465L21.7852 6.44054L20.3722 8.57015ZM4.50004 5.38462C3.67279 5.38462 3.00003 6.10912 3.00003 7C3.00003 7.89088 3.67279 8.61539 4.50004 8.61539C5.3273 8.61539 6.00006 7.89088 6.00006 7C6.00006 6.10912 5.3273 5.38462 4.50004 5.38462Z' fill='%23FF7E7E'/%3E%3C/svg%3E ");
}
.window_field.new_password.is-invalid:after, .session form .password.is-invalid:after {
width: 18px;
height: 22px;
left: 21px;
background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='22' viewBox='0 0 18 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.875 8.73367H16.0031V6.82663C15.975 3.06784 12.8531 0 9.02812 0C5.175 0 2.05313 3.06784 2.05313 6.85427V8.76131H1.125C0.50625 8.76131 0 9.25879 0 9.86683V20.9221C0 21.5301 0.50625 22.0276 1.125 22.0276H16.875C17.4937 22.0276 18 21.5301 18 20.9221V9.86683C18 9.23116 17.4937 8.73367 16.875 8.73367ZM4.30312 6.85427C4.30312 4.28392 6.4125 2.21106 9.02812 2.21106C11.6437 2.21106 13.7531 4.28392 13.7531 6.85427V8.76131H4.30312V6.85427ZM15.75 19.7889H2.25V10.9447H3.17813H14.85H15.75V19.7889Z' fill='%23E77373'/%3E%3C/svg%3E ");
}
.window_field.new_password.is-invalid:hover:after, .session form .password.is-invalid:hover:after {
width: 18px;
height: 22px;
background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='22' viewBox='0 0 18 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.875 8.73367H16.0031V6.82663C15.975 3.06784 12.8531 0 9.02812 0C5.175 0 2.05313 3.06784 2.05313 6.85427V8.76131H1.125C0.50625 8.76131 0 9.25879 0 9.86683V20.9221C0 21.5301 0.50625 22.0276 1.125 22.0276H16.875C17.4937 22.0276 18 21.5301 18 20.9221V9.86683C18 9.23116 17.4937 8.73367 16.875 8.73367ZM4.30312 6.85427C4.30312 4.28392 6.4125 2.21106 9.02812 2.21106C11.6437 2.21106 13.7531 4.28392 13.7531 6.85427V8.76131H4.30312V6.85427ZM15.75 19.7889H2.25V10.9447H3.17813H14.85H15.75V19.7889Z' fill='%23FF7E7E'/%3E%3C/svg%3E ");
}
.email_section {
margin: 37px 0 0 0;
}
.email_section > h3 {
display: inline-block;
vertical-align: top;
line-height: 28px;
}
.window_field.email_field:after {
width: 24px;
height: 18px;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='18' viewBox='0 0 24 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 1.53C23.91 0.66 23.19 0 22.29 0H1.71C0.81 0 0.09 0.66 0 1.53C0 1.59 0 1.62 0 1.68V16.29C0 17.22 0.78 18 1.71 18H22.32C23.25 18 24.03 17.22 24.03 16.29V1.71C24 1.65 24 1.59 24 1.53ZM19.08 2.4L12 8.07L4.92 2.4H19.08ZM21.6 15.6H2.4V3.45L11.25 10.53C11.46 10.71 11.73 10.8 12 10.8C12.27 10.8 12.54 10.71 12.75 10.53L21.6 3.45V15.6Z' fill='%234F4E55'/%3E%3C/svg%3E ");
}
.window_field.email_field:hover:after {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='18' viewBox='0 0 24 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 1.53C23.91 0.66 23.19 0 22.29 0H1.71C0.81 0 0.09 0.66 0 1.53C0 1.59 0 1.62 0 1.68V16.29C0 17.22 0.78 18 1.71 18H22.32C23.25 18 24.03 17.22 24.03 16.29V1.71C24 1.65 24 1.59 24 1.53ZM19.08 2.4L12 8.07L4.92 2.4H19.08ZM21.6 15.6H2.4V3.45L11.25 10.53C11.46 10.71 11.73 10.8 12 10.8C12.27 10.8 12.54 10.71 12.75 10.53L21.6 3.45V15.6Z' fill='%23807F86'/%3E%3C/svg%3E ");
}
.window_field.email_field.is-invalid:after {
width: 24px;
height: 18px;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='18' viewBox='0 0 24 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 1.53C23.91 0.66 23.19 0 22.29 0H1.71C0.81 0 0.09 0.66 0 1.53C0 1.59 0 1.62 0 1.68V16.29C0 17.22 0.78 18 1.71 18H22.32C23.25 18 24.03 17.22 24.03 16.29V1.71C24 1.65 24 1.59 24 1.53ZM19.08 2.4L12 8.07L4.92 2.4H19.08ZM21.6 15.6H2.4V3.45L11.25 10.53C11.46 10.71 11.73 10.8 12 10.8C12.27 10.8 12.54 10.71 12.75 10.53L21.6 3.45V15.6Z' fill='%23E77373'/%3E%3C/svg%3E ");
}
.window_field.email_field.is-invalid:hover:after {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='18' viewBox='0 0 24 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 1.53C23.91 0.66 23.19 0 22.29 0H1.71C0.81 0 0.09 0.66 0 1.53C0 1.59 0 1.62 0 1.68V16.29C0 17.22 0.78 18 1.71 18H22.32C23.25 18 24.03 17.22 24.03 16.29V1.71C24 1.65 24 1.59 24 1.53ZM19.08 2.4L12 8.07L4.92 2.4H19.08ZM21.6 15.6H2.4V3.45L11.25 10.53C11.46 10.71 11.73 10.8 12 10.8C12.27 10.8 12.54 10.71 12.75 10.53L21.6 3.45V15.6Z' fill='%23FF7E7E'/%3E%3C/svg%3E ");
}
.news_page_row {
margin: 0 0 68px 0;
}
.news_page_row > h3 {
display: inline-block;
vertical-align: top;
}
.news_page_row > h3 span {
display: inline-block;
vertical-align: top;
background: #8F70D1;
border-radius: 19px;
font-size: 21px;
line-height: 42px;
color: #F4EAFF;
padding: 0 15px;
position: relative;
top: 12px;
font-weight: 500;
}
.news_page_row .news_container {
max-width: 906px;
margin: 25px 0 0 0;
flex-wrap: wrap;
}
.news_page_row .news_container_unit {
width: 440px;
top: 0;
}
.news_container_unit:last-of-type {
margin: 22px 0 0 0;
}
.news_page_row .news_container_unit:first-of-type, .news_page_row .news_container_unit > a:first-of-type {
margin: 0;
}
.news_page_row .news_container_unit > a {
margin: 24px 0 0 0;
}
.news_page_row .news_container_unit p {
padding: 0 10px 0 0;
}
.load_more_news {
text-decoration: none;
padding: 0 57px 0 23px;
margin: 40px auto 0 auto;
font-weight: 500;
font-size: 18px;
color: #8C8C8C;
border: 1px solid #2C2B31;
border-radius: 10px;
line-height: 64px;
position: relative;
}
.load_more_news:hover {
background: #1C1B20;
border: 1px solid #2C2B31;
color: #FFBB1C;
}
.load_more_news:after {
width: 25px;
height: 25px;
content: '';
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 21px;
background-repeat: no-repeat;
background-size: 100%;
background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.8016 5.19813C15.7697 1.16618 9.23031 1.16618 5.19835 5.19813C1.1664 9.23008 1.1664 15.7695 5.19835 19.8014C9.23031 23.8334 15.7697 23.8334 19.8016 19.8014C23.8336 15.7695 23.8336 9.23008 19.8016 5.19813ZM6.80311 18.1967C3.65378 15.0473 3.65378 9.95222 6.80311 6.80289C9.95245 3.65355 15.0476 3.65355 18.1969 6.80289C21.3462 9.95222 21.3462 15.0473 18.1969 18.1967C15.0476 21.346 9.95245 21.346 6.80311 18.1967Z' fill='%238C8C8C'/%3E%3Cpath d='M18.2371 12.4998C18.2371 11.8579 17.7356 11.3564 17.0937 11.3564L13.6034 11.3564L13.6034 7.86603C13.6034 7.22413 13.1019 6.72264 12.46 6.72264C11.8181 6.72264 11.3166 7.22412 11.3166 7.86603L11.3166 11.3564L7.82622 11.3564C7.18432 11.3564 6.68283 11.8579 6.68283 12.4998C6.68283 12.8207 6.80319 13.1015 7.00379 13.3021C7.20438 13.5027 7.48521 13.6231 7.80616 13.6231L11.2965 13.6231L11.2965 17.1134C11.2965 17.4344 11.4169 17.7152 11.6175 17.9158C11.8181 18.1164 12.0989 18.2368 12.4198 18.2368C13.0617 18.2368 13.5632 17.7353 13.5632 17.0934V13.603L17.0536 13.603C17.7356 13.6432 18.2371 13.1417 18.2371 12.4998Z' fill='%238C8C8C'/%3E%3C/svg%3E%0A");
}
.load_more_news:hover:after {
background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.8016 5.19813C15.7697 1.16618 9.23031 1.16618 5.19835 5.19813C1.1664 9.23008 1.1664 15.7695 5.19835 19.8014C9.23031 23.8334 15.7697 23.8334 19.8016 19.8014C23.8336 15.7695 23.8336 9.23008 19.8016 5.19813ZM6.80311 18.1967C3.65378 15.0473 3.65378 9.95222 6.80311 6.80289C9.95245 3.65355 15.0476 3.65355 18.1969 6.80289C21.3462 9.95222 21.3462 15.0473 18.1969 18.1967C15.0476 21.346 9.95245 21.346 6.80311 18.1967Z' fill='%23FFBB1C'/%3E%3Cpath d='M18.2371 12.4998C18.2371 11.8579 17.7356 11.3564 17.0937 11.3564L13.6034 11.3564L13.6034 7.86603C13.6034 7.22413 13.1019 6.72264 12.46 6.72264C11.8181 6.72264 11.3166 7.22412 11.3166 7.86603L11.3166 11.3564L7.82622 11.3564C7.18432 11.3564 6.68283 11.8579 6.68283 12.4998C6.68283 12.8207 6.80319 13.1015 7.00379 13.3021C7.20438 13.5027 7.48521 13.6231 7.80616 13.6231L11.2965 13.6231L11.2965 17.1134C11.2965 17.4344 11.4169 17.7152 11.6175 17.9158C11.8181 18.1164 12.0989 18.2368 12.4198 18.2368C13.0617 18.2368 13.5632 17.7353 13.5632 17.0934V13.603L17.0536 13.603C17.7356 13.6432 18.2371 13.1417 18.2371 12.4998Z' fill='%23FFBB1C'/%3E%3C/svg%3E%0A");
}
.default_back_button {
line-height: 46px;
border: 1px solid #2C2B31;
border-radius: 10px;
padding: 0 20px 0 46px;
text-decoration: none;
font-size: 15px;
font-weight: 500;
color: #FFBB1C;
display: inline-block;
position: relative;
}
.default_back_button:hover {
color: #FFC940;
background: #1C1B20;
}
.default_back_button:after {
width: 17px;
height: 12px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: 17px;
content: '';
background-repeat: no-repeat;
background-size: 100%;
background-image: url("data:image/svg+xml,%3Csvg width='17' height='12' viewBox='0 0 17 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8667 4.90268H3.88167L7.08333 1.84173C7.53667 1.40832 7.53667 0.731121 7.08333 0.297713C6.63 -0.135696 5.92167 -0.135696 5.46833 0.297713L0.34 5.22773C0.283333 5.28191 0.226667 5.33609 0.198333 5.39026C0.17 5.41735 0.17 5.44444 0.141667 5.47153C0.113333 5.49862 0.085 5.55279 0.085 5.57988C0.085 5.60697 0.0566667 5.63406 0.0566667 5.68823C0.0566667 5.71532 0.0283333 5.7695 0.0283333 5.79658C0 5.85076 0 5.90494 0 5.95911C0 5.9862 0 5.9862 0 6.01329C0 6.04038 0 6.04038 0 6.06746C0 6.12164 0 6.17582 0.0283333 6.22999C0.0283333 6.25708 0.0566667 6.31126 0.0566667 6.33834C0.0566667 6.36543 0.085 6.39252 0.085 6.41961C0.113333 6.47378 0.113333 6.50087 0.141667 6.52796C0.141667 6.55505 0.17 6.58214 0.17 6.58214C0.226667 6.6634 0.283333 6.71758 0.34 6.77175L5.46833 11.6747C5.695 11.8914 5.97833 11.9997 6.26167 11.9997C6.545 11.9997 6.82833 11.8914 7.055 11.6747C7.50833 11.2413 7.50833 10.5641 7.055 10.1307L3.88167 7.06972H15.8667C16.49 7.06972 17 6.58214 17 5.9862C17 5.39026 16.49 4.90268 15.8667 4.90268Z' fill='%23FFBB1C'/%3E%3C/svg%3E%0A");
}
.default_back_button:hover:after {
background-image: url("data:image/svg+xml,%3Csvg width='17' height='12' viewBox='0 0 17 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8667 4.90268H3.88167L7.08333 1.84173C7.53667 1.40832 7.53667 0.731121 7.08333 0.297713C6.63 -0.135696 5.92167 -0.135696 5.46833 0.297713L0.34 5.22773C0.283333 5.28191 0.226667 5.33609 0.198333 5.39026C0.17 5.41735 0.17 5.44444 0.141667 5.47153C0.113333 5.49862 0.085 5.55279 0.085 5.57988C0.085 5.60697 0.0566667 5.63406 0.0566667 5.68823C0.0566667 5.71532 0.0283333 5.7695 0.0283333 5.79658C0 5.85076 0 5.90494 0 5.95911C0 5.9862 0 5.9862 0 6.01329C0 6.04038 0 6.04038 0 6.06746C0 6.12164 0 6.17582 0.0283333 6.22999C0.0283333 6.25708 0.0566667 6.31126 0.0566667 6.33834C0.0566667 6.36543 0.085 6.39252 0.085 6.41961C0.113333 6.47378 0.113333 6.50087 0.141667 6.52796C0.141667 6.55505 0.17 6.58214 0.17 6.58214C0.226667 6.6634 0.283333 6.71758 0.34 6.77175L5.46833 11.6747C5.695 11.8914 5.97833 11.9997 6.26167 11.9997C6.545 11.9997 6.82833 11.8914 7.055 11.6747C7.50833 11.2413 7.50833 10.5641 7.055 10.1307L3.88167 7.06972H15.8667C16.49 7.06972 17 6.58214 17 5.9862C17 5.39026 16.49 4.90268 15.8667 4.90268Z' fill='%23FFC940'/%3E%3C/svg%3E%0A");
}
.news_page_row > h3 {
max-width: 900px;
display: block;
}
.news_page_row .default_back_button {
margin: 0 0 20px 0;
}
.fullnews {
max-width: 900px;
margin: 25px 0 170px 0;
}
.fullnews img {
max-width: 100%;
}
.fullnews p {
font-size: 20px;
line-height: 170%;
color: #CBCBCB;
}
.fullnews ul {
margin: 40px 0;
}
.fullnews li {
position: relative;
font-size: 18px;
line-height: 160%;
color: #9D9D9D;
margin: 25px 0 0 0;
padding: 0 0 0 42px;
}
.fullnews li:after {
content: '';
position: absolute;
left: 10px;
top: 10px;
width: 6px;
height: 6px;
background: #FFBB1C;
}
.panel footer {
padding: 0 0 20px 0;
}
.header_mob_discord {
display: none;
}
/* Alerts */
.swal-overlay {
z-index: 13000;
background: rgb(36, 35, 38, .93);
}
/* Parthersip */
.partnership_title {
padding: 0 0 0 70px;
position: relative;
}
.partnership_title:after {
position: absolute;
content: '';
width: 49px;
height: 44px;
background: url(../svg/partnership_title.svg);
background-size: 100%;
background-position: 50%;
background-repeat: no-repeat;
left: 0;
top: 12px;
}
.partnership_title h3 {
font-weight: 300;
font-size: 55px;
line-height: 65px;
color: #fff;
margin: 0 0 10px 0;
}
.partnership_title p {
max-width: 550px;
font-size: 20px;
line-height: 30px;
color: #9D9D9D;
margin: 0 0 20px 0;
}
.partnership_page .shop_row {
margin: 0 0 25px 0;
}
textarea {
width: calc(100% - 80px);
background: #1E1E23;
border-radius: 10px;
resize: none;
font-size: 20px;
line-height: 26px;
margin: 0 0 25px 0;
transition: all .3s ease;
padding: 40px;
color: #fff;
}
textarea:hover {
background: #28272c;
}
textarea:focus {
background: #302F36;
color: #fff;
}
.partnership_page form {
width: 100%;
max-width: 906px;
display: flex;
flex-wrap: wrap;
}
.partnership_page textarea::-webkit-input-placeholder {
color: #9D9D9D !important;
}
.partnership_page textarea::-moz-placeholder {
color: #9D9D9D !important;
}
.partnership_page textarea:-moz-placeholder {
color: #9D9D9D !important;
}
.partnership_page textarea::-ms-input-placeholder {
color: #9D9D9D !important;
}
.partnership_page textarea:focus::-webkit-input-placeholder {
color: transparent !important;
}
.partnership_page textarea:focus::-moz-placeholder {
color: transparent !important;
}
.partnership_page textarea:focus:-moz-placeholder {
color: transparent !important;
}
.partnership_page textarea:focus:-ms-input-placeholder {
color: transparent !important;
}
.partnership_page button {
transition: all .3s ease;
cursor: pointer;
padding: 0 60px;
line-height: 78px;
font-weight: bold;
font-size: 19px;
height: 78px;
background: #FFBB1C;
border-radius: 10px;
margin: 0 0 0 auto;
}
.partnership_page button:hover {
background: #FFC940;
color: #794B20;
}
.partnership_page div.shop {
margin: 30px 0 450px 0;
}
.partnership_page .inner_page_loader .container:after {
width: 471px;
height: 612px;
position: absolute;
content: '';
background: url(../images/partnership_loader.png) no-repeat;
background-size: 100%;
right: 0;
top: 214px;
opacity: 0;
z-index: 2;
}
.partnership_page .server_select {
max-width: 471px;
}
.partnership_page div.nickname {
max-width: calc(100% - 486px);
}
.partnership_page .nickname input {
max-width: 291px;
}
/* Discord promo */
.discord_promo {
margin: 50px 0 50px 75px;
height: 198px;
position: relative;
/* display: flex;
align-items: center; */
display: inline-block;
vertical-align: top;
}
.discord_promo_row {
height: 198px;
position: relative;
display: flex;
align-items: center;
}
.discord_promo_row:after {
width: 194px;
height: 194px;
content: '';
position: absolute;
top: 0;
left: -60px;
z-index: 2;
background: radial-gradient(50% 50% at 50% 50%, rgba(143, 111, 209, .3) 0%, rgba(143, 111, 209, .2) 48.96%, rgb(143 111 209 / 0%) 100%);
animation: 6s cubic-bezier(0.28, 0.07, 0.21, 0.87) infinite both total_counter_after;
}
.discord_promo:after {
position: absolute;
width: 198px;
height: 198px;
border-radius: 150px;
border: 1px solid rgba(38, 33, 25, 0.6);
content: '';
left: 25px;
top: 0;
animation: 7s cubic-bezier(0.28, 0.07, 0.21, 0.87) infinite both total_after;
}
.discord_promo:before {
width: 148px;
height: 148px;
background: rgba(32, 30, 32, 0.24);
content: '';
position: absolute;
border-radius: 100px;
top: 26px;
left: 51px;
animation: 6s cubic-bezier(0.28, 0.07, 0.21, 0.87) infinite both total_before;
}
.main_page .discord_promo {
top: -100px;
opacity: 0;
}
.discord_promo.moving {
animation-name: online;
animation-fill-mode: both;
animation-duration: .4s;
animation-delay: 1s;
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(0.28, 0.07, 0.21, 0.87);
}
.discord_promo_title {
padding: 0 0 0 110px;
position: relative;
}
.discord_promo_title:after {
width: 94px;
height: 94px;
content: '';
position: absolute;
top: 0;
bottom: 0;
margin: auto;
background: rgba(143, 111, 209, .12);
border-radius: 100px;
z-index: 10;
left: -10px;
backdrop-filter: blur(5px);
}
.discord_promo_title:before {
width: 94px;
height: 94px;
content: '';
position: absolute;
top: 0;
bottom: 0;
margin: auto;
z-index: 11;
left: -10px;
background-image: url("data:image/svg+xml,%0A%3Csvg width='99' height='68' viewBox='0 0 99 68' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M63.4091 0.000851316L63.3147 0.0955588L63.535 0.000851316H63.4091ZM86.6329 8.61923C75.5559 0.505958 65.2343 0.127128 63.2832 0.127128L62.0245 1.35833C75.9336 5.33604 82.7937 11.5236 82.9825 11.713C62.4965 1.57931 40.3427 1.01107 20.0769 8.99806C16.993 10.324 15.1678 11.2079 15.0734 11.271C15.2937 11.0501 22.1224 4.48367 36.9441 0.916357L36.0315 0.000851316C36.0315 0.000851316 24.6399 -0.441117 12.3042 8.5561C12.3042 8.5561 0 29.739 0 55.8467C0 55.8467 6.82867 67.5589 25.521 68.0008C25.521 68.0008 28.2587 64.402 31.028 61.245C20.6748 58.1513 16.5525 51.9953 16.4266 51.8059L19.9511 53.6053C30.2098 57.804 41.0979 63.076 60.4511 59.9191C64.542 59.0036 68.6329 58.1197 72.7238 56.3202C75.3986 54.9628 78.6713 53.6369 82.2588 51.3639C82.1329 51.5533 78.0105 57.7093 67.2168 60.8031C69.4825 63.9284 72.6294 67.5273 72.6294 67.5273C91.3532 67.1169 98.6224 55.4047 99.0315 55.9098C99 29.8337 86.6329 8.61923 86.6329 8.61923ZM33.7343 47.7334C28.9511 47.7334 25.0804 43.6926 25.0804 38.7362C25.0804 33.7483 28.9511 29.739 33.7343 29.739L33.7657 29.7074C38.549 29.7074 42.3881 33.7483 42.3881 38.7047C42.3881 43.6926 38.5175 47.7334 33.7343 47.7334ZM64.7308 47.7334C59.9476 47.7334 56.0769 43.6926 56.0769 38.7362C56.0769 33.7483 59.979 29.739 64.7308 29.739V29.7074C69.514 29.7074 73.3846 33.7483 73.3846 38.7047C73.4161 43.6926 69.514 47.7334 64.7308 47.7334Z' fill='%23AD86FF'/%3E%3C/svg%3E%0A");
background-size: 54px;
background-repeat: no-repeat;
background-position: 50%;
}
.discord_promo_title, .discord_promo a {
display: inline-block;
vertical-align: top;
position: relative;
z-index: 5;
}
.discord_promo_title > h3 {
font-size: 30px;
color: #AD86FF;
/* margin: 0 0 10px -3px; */
margin: 6px 0 0 -3px;
line-height: 32px;
}
.discord_promo_title > span {
color: #E8E4DC;
font-size: 18px;
text-transform: uppercase;
letter-spacing: 4.6px;
}
.discord_promo a {
text-align: center;
width: 120px;
line-height: 62px;
font-size: 19px;
font-weight: 700;
text-decoration: none;
color: #fff;
border-radius: 10px;
background: #7056A7;
margin: 7px 0 0 30px;
}
.discord_promo a:hover {
background: #8F70D1;
}
/* Promo window */
.promo_window {
width: calc(96% - 70px);
max-width: 610px;
margin: 0 auto;
background: #16151A;
border-radius: 10px;
position: absolute;
z-index: 14000;
left: 0;
right: 0;
top: 200px;
padding: 90px 0 90px 70px;
overflow: hidden;
opacity: 0;
visibility: hidden;
transition: all .3s ease;
-webkit-transform: translate3d(0, 0, 1px);
transform: translate3d(0, 0, 1px);
}
.promo_window.opened {
opacity: 1;
visibility: visible;
transform: translateY(-50px);
}
.promo_window > h4 {
font-weight: 900;
font-size: 64px;
line-height: 77px;
text-transform: uppercase;
transform: rotate(-90deg);
top: 375px;
position: absolute;
right: 45px;
display: inline-block;
background: -webkit-linear-gradient(to bottom, #28282D 0%, #1A191E 100%);
background: -moz-linear-gradient(to bottom, #28282D 0%, #1A191E 100%);
background: linear-gradient(to bottom, #28282D 0%, #1A191E 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.promo_window > h5 {
font-size: 64px;
line-height: 77px;
text-transform: uppercase;
transform: rotate(-90deg);
top: 470px;
position: absolute;
right: 70px;
display: inline-block;
background: -webkit-linear-gradient(to bottom, #28282D 0%, #1A191E 100%);
background: -moz-linear-gradient(to bottom, #28282D 0%, #1A191E 100%);
background: linear-gradient(to bottom, #28282D 0%, #1A191E 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.promo_window_close {
width: 20px;
height: 20px;
position: absolute;
z-index: 3;
top: 30px;
right: 30px;
cursor: pointer;
transition: all .3s ease;
background-size: 100%;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.11111 0L20 18.8889L18.8889 20L0 1.11111L1.11111 0Z' fill='%233C3B40'/%3E%3Cpath d='M18.8893 0L0.000403111 18.8889L1.11151 20L20.0004 1.11111L18.8893 0Z' fill='%233C3B40'/%3E%3C/svg%3E ");
}
.promo_window_close:hover {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.11111 0L20 18.8889L18.8889 20L0 1.11111L1.11111 0Z' fill='%23949496'/%3E%3Cpath d='M18.8893 0L0.000403111 18.8889L1.11151 20L20.0004 1.11111L18.8893 0Z' fill='%23949496'/%3E%3C/svg%3E ");
}
.promo_window:after {
width: 261px;
height: 532px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
content: '';
background: url(../images/promo_window_shield.png) no-repeat;
background-size: 100%;
}
.promo_window > h3 {
font-weight: 900;
font-size: 50px;
line-height: 60px;
color: #fff;
margin: 0 0 40px 0;
}
.promo_window > p {
font-size: 19px;
line-height: 30px;
color: #E4E4E2;
font-weight: 300;
margin: 0 0 13px 0;
}
.promo_window_code {
width: 90%;
max-width: 252px;
border: 1px dashed #36353D;
box-sizing: border-box;
border-radius: 10px;
position: relative;
height: 78px;
margin: 37px 0 0 0;
}
.promo_window_code > h3 {
position: absolute;
top: 0;
left: 25px;
line-height: 78px;
font-weight: bold;
font-size: 24px;
color: #FFBB1C;
text-transform: uppercase;
}
.promo_window_code_copy {
width: 21px;
height: 26px;
transition: all .3s ease;
cursor: pointer;
position: absolute;
top: 0;
bottom: 0;
right: 25px;
margin: auto;
background-size: 100%;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg width='21' height='26' viewBox='0 0 21 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M20.9992 1.59142V19.1832C21.0018 20.0626 20.2934 20.7772 19.4217 20.7797H17.3318V6.48733C17.3318 4.94912 16.0934 3.69727 14.5736 3.69727H5.17383V1.59142C5.17383 0.712086 5.8822 0 6.75386 0H19.4167C20.2909 0 20.9992 0.712086 20.9992 1.59142Z' fill='%23424149'/%3E%3Cpath d='M14.5694 5.22028H1.25598C0.562679 5.22028 0 5.78792 0 6.48733V24.7329C0 25.4324 0.562679 26 1.25598 26H14.5694C15.2627 26 15.8254 25.4324 15.8254 24.7329V6.48733C15.8254 5.78538 15.2627 5.22028 14.5694 5.22028ZM11.241 16.2437H4.57679C4.1799 16.2437 3.83828 15.9396 3.81065 15.5392C3.7805 15.1211 4.09199 14.7561 4.50646 14.7232C4.52404 14.7207 4.54414 14.7207 4.56172 14.7207H11.2285C11.6254 14.7207 11.967 15.0248 11.9946 15.4251C12.0248 15.8433 11.7133 16.2082 11.2988 16.2411C11.2787 16.2411 11.2611 16.2437 11.241 16.2437ZM11.241 11.6823H4.57679C4.1799 11.6823 3.83828 11.3782 3.81065 10.9778C3.7805 10.5597 4.09199 10.1947 4.50646 10.1618C4.52404 10.1593 4.54414 10.1593 4.56172 10.1593H11.2285C11.6254 10.1593 11.967 10.4634 11.9946 10.8637C12.0248 11.2819 11.7133 11.6468 11.2988 11.6797C11.2787 11.6797 11.2611 11.6823 11.241 11.6823Z' fill='%23424149'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='21' height='26' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.promo_window_code_copy:hover {
background-image: url("data:image/svg+xml,%3Csvg width='21' height='26' viewBox='0 0 21 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M20.9992 1.59142V19.1832C21.0018 20.0626 20.2934 20.7772 19.4217 20.7797H17.3318V6.48733C17.3318 4.94912 16.0934 3.69727 14.5736 3.69727H5.17383V1.59142C5.17383 0.712086 5.8822 0 6.75386 0H19.4167C20.2909 0 20.9992 0.712086 20.9992 1.59142Z' fill='%23B5B5B5'/%3E%3Cpath d='M14.5694 5.22028H1.25598C0.562679 5.22028 0 5.78792 0 6.48733V24.7329C0 25.4324 0.562679 26 1.25598 26H14.5694C15.2627 26 15.8254 25.4324 15.8254 24.7329V6.48733C15.8254 5.78538 15.2627 5.22028 14.5694 5.22028ZM11.241 16.2437H4.57679C4.1799 16.2437 3.83828 15.9396 3.81065 15.5392C3.7805 15.1211 4.09199 14.7561 4.50646 14.7232C4.52404 14.7207 4.54414 14.7207 4.56172 14.7207H11.2285C11.6254 14.7207 11.967 15.0248 11.9946 15.4251C12.0248 15.8433 11.7133 16.2082 11.2988 16.2411C11.2787 16.2411 11.2611 16.2437 11.241 16.2437ZM11.241 11.6823H4.57679C4.1799 11.6823 3.83828 11.3782 3.81065 10.9778C3.7805 10.5597 4.09199 10.1947 4.50646 10.1618C4.52404 10.1593 4.54414 10.1593 4.56172 10.1593H11.2285C11.6254 10.1593 11.967 10.4634 11.9946 10.8637C12.0248 11.2819 11.7133 11.6468 11.2988 11.6797C11.2787 11.6797 11.2611 11.6823 11.241 11.6823Z' fill='%23B5B5B5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='21' height='26' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.promo_window_code_copy.copy_copied {
transform: scale(1.25);
background-image: url("data:image/svg+xml,%3Csvg width='21' height='26' viewBox='0 0 21 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M20.9992 1.59142V19.1832C21.0018 20.0626 20.2934 20.7772 19.4217 20.7797H17.3318V6.48733C17.3318 4.94912 16.0934 3.69727 14.5736 3.69727H5.17383V1.59142C5.17383 0.712086 5.8822 0 6.75386 0H19.4167C20.2909 0 20.9992 0.712086 20.9992 1.59142Z' fill='%23FFFFFF'/%3E%3Cpath d='M14.5694 5.22028H1.25598C0.562679 5.22028 0 5.78792 0 6.48733V24.7329C0 25.4324 0.562679 26 1.25598 26H14.5694C15.2627 26 15.8254 25.4324 15.8254 24.7329V6.48733C15.8254 5.78538 15.2627 5.22028 14.5694 5.22028ZM11.241 16.2437H4.57679C4.1799 16.2437 3.83828 15.9396 3.81065 15.5392C3.7805 15.1211 4.09199 14.7561 4.50646 14.7232C4.52404 14.7207 4.54414 14.7207 4.56172 14.7207H11.2285C11.6254 14.7207 11.967 15.0248 11.9946 15.4251C12.0248 15.8433 11.7133 16.2082 11.2988 16.2411C11.2787 16.2411 11.2611 16.2437 11.241 16.2437ZM11.241 11.6823H4.57679C4.1799 11.6823 3.83828 11.3782 3.81065 10.9778C3.7805 10.5597 4.09199 10.1947 4.50646 10.1618C4.52404 10.1593 4.54414 10.1593 4.56172 10.1593H11.2285C11.6254 10.1593 11.967 10.4634 11.9946 10.8637C12.0248 11.2819 11.7133 11.6468 11.2988 11.6797C11.2787 11.6797 11.2611 11.6823 11.241 11.6823Z' fill='%23FFFFFF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='21' height='26' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.promo_window_code_title {
color: #5D5C60;
font-weight: 300;
font-size: 16px;
position: absolute;
left: 21px;
top: -7px;
background: #16151a;
border-radius: 10px;
padding: 0 5px;
}
.promo_user_select {
display: inline-block;
margin: 15px 0 0 0;
font-size: 15px;
line-height: 40px;
color: #525158;
transition: all .3s ease;
cursor: pointer;
position: relative;
padding: 0 0 0 30px;
}
.promo_user_select:hover {
color: #d3d3d2;
}
.promo_user_select:after {
position: absolute;
width: 19px;
height: 19px;
top: -1px;
bottom: 0;
left: 0;
margin: auto;
content: '';
background: #302F36;
border-radius: 3px;
}
.promo_user_select:before {
left: 4px;
top: -1px;
bottom: 0;
margin: auto;
position: absolute;
content: '';
width: 11px;
height: 11px;
background: #FFBB1C;
border-radius: 3px;
opacity: 0;
transform: scale(0);
z-index: 2;
transition: all .15s ease;
}
.promo_user_select.active:before {
opacity: 1;
transform: scale(1);
}
.promo_window_button {
width: 229px;
height: 71px;
line-height: 71px;
display: block;
background: #FFBB1C;
border-radius: 10px;
text-decoration: none;
transition: all .3s ease;
cursor: pointer;
font-weight: bold;
font-size: 18px;
color: #151418;
position: relative;
padding: 0 0 0 23px;
margin: 24px 0 0 0;
}
.promo_window_button.changing {
animation: .3s cubic-bezier(0.28, 0.07, 0.21, 0.87) 1 both windowButtonChanging;
}
@keyframes windowButtonChanging {
0% {
transform: scale(1);
}
33% {
transform: scale(.9);
}
66% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.promo_window_button:after {
right: 20px;
top: 0;
bottom: 0;
margin: auto;
position: absolute;
content: '';
width: 24px;
height: 24px;
background-size: 100%;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.9961 11.9167C23.9758 9.50889 23.2317 7.08332 21.8269 5.12109C21.4549 4.60204 21.0549 4.10072 20.6095 3.64245C20.164 3.18164 19.6755 2.774 19.1667 2.38409C18.2176 1.65743 17.1545 1.108 16.0332 0.695302C14.8866 0.275005 13.6514 0.0547282 12.4289 0.00662188C11.1836 -0.0414845 9.90792 0.112962 8.70817 0.457302C6.4327 1.108 4.32429 2.45751 2.81574 4.28809C2.40823 4.77928 2.02857 5.29579 1.69952 5.84521C1.36542 6.40223 1.09712 6.98457 0.8516 7.58464C0.383345 8.71893 0.132764 9.92665 0.0365822 11.147C-0.155782 13.5903 0.459278 16.1147 1.73243 18.2085C2.95749 20.2214 4.79254 21.9051 6.94652 22.8799C7.5388 23.1483 8.14627 23.3863 8.77398 23.561C9.41688 23.7408 10.0724 23.8471 10.7331 23.9256C11.986 24.0725 13.2616 23.9889 14.4968 23.7382C16.8255 23.2622 19.0199 22.0241 20.6601 20.3075C22.3078 18.5833 23.4646 16.3476 23.829 13.9853C23.9303 13.327 23.9986 12.6662 24.0012 12.0003C24.0012 11.9724 23.9986 11.9446 23.9961 11.9167ZM21.389 13.2916C21.265 14.1043 21.0473 14.8968 20.7436 15.6589C20.4095 16.4159 19.9919 17.135 19.4958 17.8009C18.9921 18.4313 18.4175 19.0061 17.7873 19.5099C17.1292 20.0011 16.4154 20.4189 15.6611 20.7506C14.8993 21.0569 14.1045 21.2722 13.292 21.3988C12.434 21.5 11.5658 21.5 10.7052 21.3988C9.89526 21.2747 9.1005 21.0569 8.33863 20.7531C7.58183 20.4189 6.86299 20.0011 6.19731 19.5049C5.56706 19.001 4.9925 18.4263 4.48881 17.7958C3.99777 17.1375 3.58014 16.4235 3.24856 15.669C2.9423 14.9069 2.72715 14.1119 2.6006 13.2992C2.49935 12.4408 2.49935 11.5724 2.6006 10.7115C2.72462 9.90134 2.9423 9.10632 3.24603 8.34421C3.58014 7.58717 3.99777 6.8681 4.49387 6.20221C4.99756 5.57177 5.57212 4.99702 6.20237 4.49317C6.86046 4.00198 7.57423 3.58421 8.32851 3.25253C9.09037 2.94617 9.88514 2.73096 10.6976 2.60436C11.5557 2.50309 12.4238 2.50309 13.2844 2.60436C14.0944 2.72843 14.8891 2.94617 15.6485 3.25C16.4053 3.58421 17.1241 4.00198 17.7898 4.49823C18.4201 5.00209 18.9946 5.57683 19.4983 6.20728C19.9893 6.86557 20.407 7.57957 20.7386 8.33408C21.0448 9.09619 21.2625 9.89121 21.3865 10.704C21.4371 11.1318 21.465 11.5648 21.465 11.9952C21.4675 12.4307 21.4397 12.8637 21.389 13.2916Z' fill='%23151418'/%3E%3Cpath d='M17.4794 11.9178C17.4693 11.7709 17.4288 11.6139 17.3655 11.4696C17.363 11.4671 17.363 11.462 17.3604 11.4595C17.3098 11.3455 17.244 11.2417 17.163 11.1557C17.1605 11.1531 17.1579 11.1506 17.1554 11.1481L17.1529 11.1455C17.1402 11.1329 17.1276 11.1177 17.1149 11.105C16.7302 10.7252 16.3455 10.3429 15.9607 9.96312C15.3482 9.35546 14.7331 8.7478 14.1206 8.14015C13.9789 8.00089 13.8371 7.8591 13.6954 7.71985C13.4651 7.48944 13.1259 7.35019 12.7994 7.35019C12.4881 7.35019 12.1185 7.48691 11.9034 7.71985C11.6832 7.96038 11.5186 8.27687 11.5338 8.61615C11.5465 8.95289 11.6604 9.27191 11.9034 9.51244C12.2881 9.89223 12.6728 10.2745 13.0575 10.6543C13.0854 10.6822 13.1132 10.7075 13.1385 10.7354C11.7009 10.7354 10.2632 10.7354 8.82554 10.7354C8.47625 10.7354 8.12949 10.7354 7.7802 10.7354C7.45621 10.7354 7.11452 10.8771 6.88419 11.105C6.66398 11.3253 6.49946 11.6848 6.51464 12.0013C6.52983 12.3279 6.63614 12.6672 6.88419 12.8976C7.13223 13.1255 7.43597 13.2673 7.7802 13.2673C8.72936 13.2673 9.67852 13.2673 10.6277 13.2673C11.463 13.2673 12.3007 13.2673 13.136 13.2673C12.8652 13.5357 12.5944 13.8015 12.3261 14.0699C12.1843 14.2091 12.0426 14.3509 11.9008 14.4902C11.6705 14.7181 11.5313 15.0624 11.5313 15.3865C11.5313 15.6979 11.668 16.0676 11.9008 16.2828C12.1413 16.503 12.4577 16.6676 12.7968 16.6524C13.1335 16.6398 13.4473 16.5233 13.6929 16.2828C14.0776 15.903 14.4623 15.5207 14.847 15.1409C15.4596 14.5332 16.0746 13.9256 16.6872 13.3179C16.8036 13.2014 16.9225 13.085 17.039 12.971C17.0668 12.9482 17.0921 12.9229 17.1149 12.8976C17.125 12.8849 17.1352 12.8748 17.1453 12.8622C17.206 12.7963 17.2617 12.7204 17.3073 12.6394C17.4237 12.4469 17.4946 12.2292 17.4845 12.0013C17.4845 11.9735 17.4819 11.9456 17.4794 11.9178Z' fill='%23151418'/%3E%3C/svg%3E%0A");
}
.promo_window_button:hover {
background: #FFC940;
color: #794B20;
}
.promo_window_button.bonus_button:hover:after {
animation: .5s cubic-bezier(0.28, 0.07, 0.21, 0.87) 1 both startGameButton;
}
.promo_window_button.launcher_button:hover:after {
animation: .5s cubic-bezier(0.28, 0.07, 0.21, 0.87) 1 both downloadLauncherButton;
}
.promo_window_button.launcher_button:after {
transform: rotate(90deg);
}
@keyframes startGameButton {
0% {
transform: translateX(0);
}
30% {
transform: translateX(10px);
}
50% {
transform: translateX(5px);
}
70% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
}
}
@keyframes downloadLauncherButton {
0% {
transform: translateY(0) rotate(90deg);
}
30% {
transform: translateY(10px) rotate(90deg);
}
50% {
transform: translateY(5px) rotate(90deg);
}
70% {
transform: translateY(10px) rotate(90deg);
}
100% {
transform: translateY(0) rotate(90deg);
}
}
.promo_window_button:hover:after {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.9961 11.9167C23.9758 9.50889 23.2317 7.08332 21.8269 5.12109C21.4549 4.60204 21.0549 4.10072 20.6095 3.64245C20.164 3.18164 19.6755 2.774 19.1667 2.38409C18.2176 1.65743 17.1545 1.108 16.0332 0.695302C14.8866 0.275005 13.6514 0.0547282 12.4289 0.00662188C11.1836 -0.0414845 9.90792 0.112962 8.70817 0.457302C6.4327 1.108 4.32429 2.45751 2.81574 4.28809C2.40823 4.77928 2.02857 5.29579 1.69952 5.84521C1.36542 6.40223 1.09712 6.98457 0.8516 7.58464C0.383345 8.71893 0.132764 9.92665 0.0365822 11.147C-0.155782 13.5903 0.459278 16.1147 1.73243 18.2085C2.95749 20.2214 4.79254 21.9051 6.94652 22.8799C7.5388 23.1483 8.14627 23.3863 8.77398 23.561C9.41688 23.7408 10.0724 23.8471 10.7331 23.9256C11.986 24.0725 13.2616 23.9889 14.4968 23.7382C16.8255 23.2622 19.0199 22.0241 20.6601 20.3075C22.3078 18.5833 23.4646 16.3476 23.829 13.9853C23.9303 13.327 23.9986 12.6662 24.0012 12.0003C24.0012 11.9724 23.9986 11.9446 23.9961 11.9167ZM21.389 13.2916C21.265 14.1043 21.0473 14.8968 20.7436 15.6589C20.4095 16.4159 19.9919 17.135 19.4958 17.8009C18.9921 18.4313 18.4175 19.0061 17.7873 19.5099C17.1292 20.0011 16.4154 20.4189 15.6611 20.7506C14.8993 21.0569 14.1045 21.2722 13.292 21.3988C12.434 21.5 11.5658 21.5 10.7052 21.3988C9.89526 21.2747 9.1005 21.0569 8.33863 20.7531C7.58183 20.4189 6.86299 20.0011 6.19731 19.5049C5.56706 19.001 4.9925 18.4263 4.48881 17.7958C3.99777 17.1375 3.58014 16.4235 3.24856 15.669C2.9423 14.9069 2.72715 14.1119 2.6006 13.2992C2.49935 12.4408 2.49935 11.5724 2.6006 10.7115C2.72462 9.90134 2.9423 9.10632 3.24603 8.34421C3.58014 7.58717 3.99777 6.8681 4.49387 6.20221C4.99756 5.57177 5.57212 4.99702 6.20237 4.49317C6.86046 4.00198 7.57423 3.58421 8.32851 3.25253C9.09037 2.94617 9.88514 2.73096 10.6976 2.60436C11.5557 2.50309 12.4238 2.50309 13.2844 2.60436C14.0944 2.72843 14.8891 2.94617 15.6485 3.25C16.4053 3.58421 17.1241 4.00198 17.7898 4.49823C18.4201 5.00209 18.9946 5.57683 19.4983 6.20728C19.9893 6.86557 20.407 7.57957 20.7386 8.33408C21.0448 9.09619 21.2625 9.89121 21.3865 10.704C21.4371 11.1318 21.465 11.5648 21.465 11.9952C21.4675 12.4307 21.4397 12.8637 21.389 13.2916Z' fill='%23794B20'/%3E%3Cpath d='M17.4794 11.9178C17.4693 11.7709 17.4288 11.6139 17.3655 11.4696C17.363 11.4671 17.363 11.462 17.3604 11.4595C17.3098 11.3455 17.244 11.2417 17.163 11.1557C17.1605 11.1531 17.1579 11.1506 17.1554 11.1481L17.1529 11.1455C17.1402 11.1329 17.1276 11.1177 17.1149 11.105C16.7302 10.7252 16.3455 10.3429 15.9607 9.96312C15.3482 9.35546 14.7331 8.7478 14.1206 8.14015C13.9789 8.00089 13.8371 7.8591 13.6954 7.71985C13.4651 7.48944 13.1259 7.35019 12.7994 7.35019C12.4881 7.35019 12.1185 7.48691 11.9034 7.71985C11.6832 7.96038 11.5186 8.27687 11.5338 8.61615C11.5465 8.95289 11.6604 9.27191 11.9034 9.51244C12.2881 9.89223 12.6728 10.2745 13.0575 10.6543C13.0854 10.6822 13.1132 10.7075 13.1385 10.7354C11.7009 10.7354 10.2632 10.7354 8.82554 10.7354C8.47625 10.7354 8.12949 10.7354 7.7802 10.7354C7.45621 10.7354 7.11452 10.8771 6.88419 11.105C6.66398 11.3253 6.49946 11.6848 6.51464 12.0013C6.52983 12.3279 6.63614 12.6672 6.88419 12.8976C7.13223 13.1255 7.43597 13.2673 7.7802 13.2673C8.72936 13.2673 9.67852 13.2673 10.6277 13.2673C11.463 13.2673 12.3007 13.2673 13.136 13.2673C12.8652 13.5357 12.5944 13.8015 12.3261 14.0699C12.1843 14.2091 12.0426 14.3509 11.9008 14.4902C11.6705 14.7181 11.5313 15.0624 11.5313 15.3865C11.5313 15.6979 11.668 16.0676 11.9008 16.2828C12.1413 16.503 12.4577 16.6676 12.7968 16.6524C13.1335 16.6398 13.4473 16.5233 13.6929 16.2828C14.0776 15.903 14.4623 15.5207 14.847 15.1409C15.4596 14.5332 16.0746 13.9256 16.6872 13.3179C16.8036 13.2014 16.9225 13.085 17.039 12.971C17.0668 12.9482 17.0921 12.9229 17.1149 12.8976C17.125 12.8849 17.1352 12.8748 17.1453 12.8622C17.206 12.7963 17.2617 12.7204 17.3073 12.6394C17.4237 12.4469 17.4946 12.2292 17.4845 12.0013C17.4845 11.9735 17.4819 11.9456 17.4794 11.9178Z' fill='%23794B20'/%3E%3C/svg%3E%0A");
}
.promo_window_trigger {
width: 88px;
height: 259px;
background: #201F25;
position: fixed;
right: 0;
top: 0;
bottom: 0;
margin: auto;
border-radius: 10px 0 0 10px;
transition: all .3s ease;
cursor: pointer;
z-index: 1000;
visibility: hidden;
opacity: 0;
}
.main_page.loaded .promo_window_trigger {
opacity: 1;
visibility: visible;
}
.promo_window_trigger:hover {
background: #2D2C33;
}
.promo_window_trigger:after {
width: 69px;
height: 140px;
content: '';
background: url(../images/promo_window_shield.png) no-repeat;
background-size: 100%;
top: 13px;
position: absolute;
right: 0;
}
.promo_window_trigger > h3 {
position: absolute;
font-weight: bold;
font-size: 19px;
line-height: 23px;
text-transform: uppercase;
transform: rotate(-90deg);
bottom: 68px;
display: inline-block;
width: 120px;
left: -26px;
color: #D0D0D0;
transition: all .3s ease;
}
.promo_window_trigger > h3.promo_window_trigger_title_min {
font-size: 17px;
bottom: 116px;
width: 220px;
left: -80px;
}
.promo_window_trigger > h4 {
position: absolute;
font-size: 23px;
text-transform: uppercase;
transform: rotate(-90deg);
bottom: 68px;
display: inline-block;
width: 120px;
left: 0;
color: #FFBB1C;
}
.promo_window_trigger > h4.min {
font-size: 17px;
width: 113px;
}
.promo_window_trigger:hover > h3 {
color: #FAFAFA;
}
/* Page status */
.page_status {
width: 100%;
height: 100vh;
background: #100F14;
display: flex;
align-items: center;
flex-wrap: wrap;
position: relative;
}
.page_status_content {
width: 90%;
max-width: 600px;
padding: 287px 0 0 0;
position: relative;
margin: auto;
top: -20px;
}
.page_status_content:after {
width: 263px;
height: 290px;
background-size: 100%;
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
z-index: 2;
}
.page_status_success .page_status_content:after {
background: url(../svg/success.svg) 0 -1px no-repeat;
}
.page_status_error .page_status_content:after {
background: url(../svg/error.svg) no-repeat;
}
.page_status_404 .page_status_content:after {
background: url(../svg/404.svg) no-repeat;
}
.page_status_content:before {
width: 500px;
height: 500px;
position: absolute;
left: 0;
right: 0;
top: 0;
content: '';
margin: auto;
opacity: .4;
}
.page_status_success .page_status_content:before {
background: radial-gradient(50% 50% at 50% 50%, rgba(127, 234, 90, 0.261) 0%, rgba(89, 179, 57, 0.108) 48.96%, rgba(42, 60, 31, 0) 100%);
}
.page_status_error .page_status_content:before {
background: radial-gradient(50% 50% at 50% 50%, rgba(234, 90, 90, 0.261) 0%, rgba(179, 57, 57, 0.135) 48.96%, rgba(60, 31, 31, 0) 100%);
}
.page_status_404 .page_status_content:before {
background: radial-gradient(50% 50% at 50% 50%, rgba(255, 200, 57, 0.261) 0%, rgba(220, 148, 64, 0.135) 48.96%, rgba(60, 38, 31, 0) 100%);
}
.page_status_content > * {
position: relative;
z-index: 3;
}
.page_status_content h3 {
color: #fff;
font-weight: 300;
font-size: 48px;
text-align: center;
margin: 30px 0 0 0;
}
.page_status_content p {
font-size: 21px;
line-height: 25px;
color: #7F8089;
text-align: center;
margin: 10px 0 0 0;
}
.page_status_content p a {
color: #FFBB1C;
display: inline-block;
border-bottom: 1px solid rgb(255, 187, 26, .6);
text-decoration: none;
transition: all .3s ease;
}
.page_status_content p a:hover {
border-bottom: 1px solid rgb(255, 187, 26, 0);
}
.page_status_content > a {
width: 273px;
height: 78px;
line-height: 78px;
display: block;
background: #FFBB1C;
border-radius: 10px;
text-decoration: none;
text-align: center;
margin: 32px auto 0 auto;
color: #151418;
font-weight: bold;
font-size: 19px;
transition: all .3s ease;
}
.page_status_content > a:hover {
color: #794B20;
background: #FFC940;
}
.confirm-email {
display: flex;
}
.confirm-email .btn-confirm-email {
background-color: #FFBB1C;
padding: 0 9px;
height: 28px;
line-height: 28px;
font-size: 12px;
border-radius: 8px;
position: relative;
margin-top: auto;
margin-left: 10px;
cursor: pointer;
}
/*.new-margin{*/
/*}*/
/* RESPONSIVE SETTINGS */
@media screen and (max-width: 1920px) {
.steps_section {
margin: 460px 0 0 0;
}
.promo, .promo_buttons {
margin: 10px 0 0 0;
}
.action, .loader i {
height: 940px;
}
@keyframes without_loader_vertical {
0% {
height: 0;
}
to {
height: 940px;
}
}
.main_page .cover {
height: calc(100vh - 940px);
}
@keyframes without_loader_vertical {
0% {
height: 0;
}
to {
height: 940px;
}
}
}
@media screen and (max-width: 1900px) {
footer:after {
right: 50px;
width: 860px;
height: 542px;
}
}
@media screen and (max-width: 1850px) {
.steps_section {
margin: 380px 0 0 0;
}
.steps > h2 {
font-size: 190px;
}
.steps > h3 {
font-size: 68px;
}
.action:before {
width: 370px;
height: 655px;
left: 440px;
}
.action_center {
width: 850px;
height: 819px;
}
.action:after {
width: 440px;
height: 699px;
right: 55px;
}
.action, .loader i {
height: 860px;
}
@keyframes without_loader_vertical {
0% {
height: 0;
}
to {
height: 860px;
}
}
.main_page .cover {
height: calc(100vh - 860px);
}
@keyframes without_loader_vertical {
0% {
height: 0;
}
to {
height: 860px;
}
}
}
@media screen and (max-width: 1700px) {
.steps {
width: 1700px;
}
footer:after {
width: 750px;
height: 473px;
}
}
@media screen and (max-width: 1600px) {
.header_additional {
margin: 0 0 0 252px;
}
.currency > h3 {
font-size: 12px;
margin: 0 0 3px 0;
}
.currency > span {
font-size: 14px;
}
.shop_tab_content_section > h3 {
font-size: 18px;
}
.shop_tab_content_section ul.shop_plane_list {
font-size: 14px;
line-height: 18px;
}
.shop_tab_content_section ul.shop_plane_list li {
margin: 5px 0 0 0;
}
.kinguin_code {
width: calc(100% - 40px);
margin: 30px 0 30px 0;
padding: 20px;
}
.kinguin_code input[type="text"] {
width: calc(100% - 336px);
height: 66px;
font-size: 20px;
}
.kinguin_code_button {
height: 68px;
font-size: 17px;
}
.shop_gift_card_value_small {
font-size: 30px;
}
.shop_gift_cards li a {
width: 172px;
height: 100px;
background-size: 94%;
background-position: right;
}
.currency {
width: 100px;
height: 44px;
padding: 14px 0 0 65px;
}
.nickname {
max-width: 413px;
}
.shop_tabs li {
height: 105px;
}
.shop_stripe {
background-size: 84px;
}
.shop_kinguin {
background-size: 110px;
}
.shop_paypal {
background-size: 100px;
}
.shop_bitcoin {
background-size: 100px;
}
.promo_window {
top: 100px;
}
.promo_window_trigger > h4 {
font-size: 16px;
bottom: 72px;
left: -16px;
}
.promo_window_trigger > h4.min {
width: 124px;
left: -20px;
}
.promo_window_trigger > h3 {
font-size: 16px;
line-height: 23px;
left: -35px;
}
.promo_window_trigger > h3.promo_window_trigger_title_min {
font-size: 14px;
bottom: 116px;
left: -88px;
}
.promo_window_trigger {
width: 60px;
height: 230px;
}
.promo_window_trigger:after {
width: 50px;
height: 100px;
top: 10px;
}
.promo_window {
width: calc(96% - 60px);
max-width: 560px;
padding: 60px 0 60px 60px;
}
.promo_window > h3 {
font-size: 44px;
line-height: 46px;
}
.promo_window > p {
font-size: 17px;
line-height: 26px;
margin: 0 0 8px 0;
}
.promo_window:after {
width: 210px;
height: 420px;
}
.promo_window > h4 {
font-size: 54px;
top: 318px;
right: 28px;
}
.promo_window > h5 {
font-size: 54px;
top: 398px;
right: 55px;
}
.discord_promo_title > h3 {
font-size: 28px;
}
.discord_promo_title > span {
font-size: 15px;
letter-spacing: 5px;
}
.discord_promo a {
text-align: center;
width: 115px;
line-height: 60px;
font-size: 15px;
}
.discord_promo {
margin: 50px 0 0 50px;
}
.media_description {
min-height: 400px;
}
.shop .shop_row .media_title {
font-size: 42px;
}
.videoplayer, .videoplayer iframe {
width: 800px;
height: 480px;
max-width: 800px;
}
.partnership_page .nice-select:before {
left: 14px;
}
.partnership_title h3 {
font-size: 40px;
}
.partnership_title p {
max-width: 480px;
font-size: 16px;
line-height: 20px;
margin: 0 0 15px 0;
}
.partnership_page .inner_page_loader .container:after {
width: 424px;
top: 194px;
}
.partnership_page .nickname input {
max-width: 303px;
}
textarea {
width: calc(100% - 50px);
font-size: 16px;
line-height: 22px;
margin: 0 0 25px 0;
padding: 25px;
}
.partnership_page button {
padding: 0 40px;
line-height: 68px;
font-size: 16px;
height: 68px;
}
.partnership_page div.shop {
margin: 30px 0 300px 0;
}
.window_field:after {
height: 60px !important;
}
.window .window_top h3 {
font-size: 26px;
padding: 0 0 0 30px;
}
.window_section > h3 {
font-size: 14px;
}
.window button {
height: 60px;
font-size: 17px;
}
.window.settings_window .window_top h3:after {
width: 20px;
height: 20px;
background-size: 100%;
background-repeat: no-repeat;
}
.footer_leftSide {
width: 340px;
}
.main_page footer {
margin: 100px 0 0 0;
}
.steps {
min-height: 560px;
}
.news_page_row > h3, .fullnews {
max-width: 900px;
}
.fullnews p {
font-size: 16px;
line-height: 22px;
}
.fullnews li {
font-size: 16px;
line-height: 20px;
margin: 15px 0 0 0;
padding: 0 0 0 30px;
}
.fullnews li:after {
left: 6px;
}
.fullnews ul {
margin: 25px 0;
}
.news_page .page .inner_page_loader .container:after {
width: 445px;
height: 565px;
right: -100px;
top: 130px;
}
.news_page_row > h3 span {
font-size: 18px;
line-height: 36px;
top: 4px;
}
.inner_page_loader.buy_page .container:before {
width: 480px;
height: 540px;
top: 120px;
right: -170px;
}
.inner_page_loader.buy_page .container:after {
width: 450px;
height: 460px;
right: -25px;
top: 350px;
}
@keyframes inner_page_loader_i {
0% {
height: 0;
}
to {
height: 695px;
}
}
.shop .shop_row > h3, .news_page_row > h3 {
font-size: 42px;
}
.page .news_page_row > h3 {
font-size: 34px;
line-height: 38px;
}
a.buy_gta {
top: 5px;
height: 54px;
padding: 0 55px 0 15px;
font-size: 15px;
}
.shop_selection {
margin: 15px 0 0 0;
}
.nice-select {
font-size: 16px;
height: 60px;
line-height: 60px;
}
.nickname:after {
left: 15px;
width: 19px;
height: 22px;
}
.nickname input, input.default {
width: calc(100% - 75px);
max-width: none;
height: 60px;
font-size: 16px;
padding: 0 20px 0 55px;
}
.nice-select:before {
left: 15px;
}
.currency:after {
width: 32px;
height: 32px;
background-size: 100%;
}
.shop_panel {
margin: 20px 0 0 0;
}
.shop_panel div div > h3, .vipstatuses > h3 {
font-size: 14px;
}
.gamecoins_row input {
width: 100%;
font-size: 36px;
height: 66px;
}
.purchase_total > h3 {
font-size: 18px;
}
.purchase_total > span {
font-size: 34px;
}
.purchase:after {
width: 200px;
height: 140px;
background-size: 100%;
}
.purchase {
height: 110px;
margin: 35px 0 40px 0;
}
.purchase button, .buy_gta_link {
width: 230px;
height: 70px;
right: 20px;
font-size: 16px;
}
p.note {
font-size: 16px;
padding: 0 0 0 30px;
}
.inner_page_loader i {
width: 410px;
}
.inner_page_loader.shop_page .container:before {
width: 280px;
height: 194px;
}
.inner_page_loader.shop_page .container:after {
width: 430px;
height: 534px;
}
.nice-select {
padding-left: 50px;
}
.nice-select:after {
right: 15px;
}
a.buy_gta:after {
right: 15px;
}
.panel_right .hero {
width: 250px;
height: 480px;
}
.panel_heroes_statistic_unit {
font-size: 15px;
}
.panel_heroes_counter > h3 {
font-size: 15px;
}
.panel_heroes_counter > span {
border-radius: 7px;
padding: 0 7px;
font-size: 12px;
line-height: 22px;
}
.panel_heroes_statistic > h3 {
font-size: 32px;
}
.panel header .container {
height: 100px;
}
.panel header .logo {
width: 50px;
height: 50px;
}
.communication {
min-height: 525px;
margin: 210px 0 0 0;
}
.follow {
width: 877px;
min-height: 430px;
padding: 60px 0 0 0;
}
.follow > h3, .follow > p {
top: 30px;
}
.follow > p, .parthnership > p {
font-size: 20px;
line-height: 24px;
margin: 15px 0 0 0;
}
.follow li a {
width: 230px;
height: 150px;
background-position: 50% 60px;
padding: 160px 0 0 0;
font-size: 20px;
}
.follow li a:before {
width: 98px;
height: 36px;
bottom: 65px;
}
.follow > h3, .parthnership > h3 {
font-size: 44px;
}
.parthnership > a {
width: 120px;
height: 50px;
margin: 30px 0 0 0;
}
.parthnership:after {
width: 360px;
height: 313px;
background-size: 100% !important;
left: -60px;
top: 330px;
}
.communication .container:after {
min-height: 400px;
}
.communication > i {
height: 470px;
}
.follow li a:after {
width: 24px;
height: 10px;
background: url(../svg/communication_arrow.svg) -10px 50% no-repeat;
bottom: 79px;
}
.parthnership > h3, .parthnership > p, .parthnership > a {
position: relative;
top: 60px;
opacity: 0;
}
.parthnership {
min-height: 480px;
padding: 60px 0 0 80px;
}
.loader .logo:after {
width: 900px;
left: 0;
}
.loader .logo:before {
width: 250px;
height: 236px;
background-size: 100% !important;
bottom: 500px;
}
@keyframes logo_half_top {
0% {
opacity: 1;
bottom: 589px;
}
to {
opacity: 0;
transform: translateY(100px);
}
}
header nav ul li a, .userpanel a, .userpanel .login {
font-size: 15px;
}
.userpanel .login, .session_close {
width: 115px;
line-height: 60px;
height: 60px;
}
.total_counter_description h3 {
font-size: 26px;
}
.total_counter_description span {
font-size: 17px;
}
.total_counter_description h3 {
font-size: 26px;
margin: 0 0 -36px 0;
}
.server_load h3 {
font-size: 28px;
margin: 0 0 3px 0;
}
.server_load span {
font-size: 14px;
}
.server_load_counter {
padding: 29px 0 0 49px;
}
.promo > h3 {
font-size: 64px;
}
.promo > p {
max-width: 520px;
font-size: 20px;
line-height: 28px;
}
.promo_buttons {
margin: 0;
}
.start_play {
width: 195px;
height: 68px;
font-size: 17px;
}
a.watch {
margin: 0 0 0 35px;
font-weight: 700;
font-size: 17px;
}
.step_description:after {
width: 220px;
height: 242px;
top: -79px;
left: 40px;
background-size: 100% !important;
}
.step_description {
padding: 200px 10px 0 25px;
display: flex;
flex-wrap: wrap;
}
.step_description-download {
/*padding: 200px 10px 0 10px !important;*/
}
.step_description-download h3,
.step_description-download p {
/*padding-left: 15px !important;*/
}
.btn-group-download {
transform: translate(0, 0%);
}
.step_description a.step_install_link {
padding: 0 0 0 23px;
/*width: 105px;*/
}
.step_description h3 {
font-size: 19px;
line-height: 24px;
padding: 0 30px 0 0;
height: fit-content;
}
.step_description p {
margin: 10px 0 0 0;
font-size: 15px;
line-height: 22px;
padding: 0 20px 0 0;
}
.step_description p br {
display: none;
}
.step_description a {
/*width: 165px;*/
height: 58px;
padding: 0 0 0 23px;
font-size: 16px;
line-height: 58px;
/*margin: 25px 0 0 0;*/
/*margin-top: auto;*/
/*margin-bottom: 40px;*/
}
.step > h5 {
font-size: 45px;
line-height: 40px;
bottom: -3px;
}
.step {
width: 300px;
height: 450px;
}
.murder.front {
width: 560px;
height: 640px;
}
.steps_row {
margin: 0 20px 0 0;
top: 200px;
width: 100%;
justify-content: flex-end;
}
.steps {
width: 100%;
}
.news_row > a span {
line-height: 26px;
font-size: 14px;
padding: 0 8px;
margin: 0 0 0 10px;
}
.news_row > a {
height: 64px;
line-height: 64px;
padding: 0 18px;
top: -78px;
font-size: 14px;
}
.news_row > h3 {
font-size: 48px;
top: -70px;
}
.lawyer:before {
width: 370px;
height: 454px;
right: 60px;
top: 75px;
}
.lawyer:after {
width: 600px;
height: 700px;
top: 0;
left: 60px;
}
.news_container_unit > a {
width: calc(100% - 45px);
padding: 40px 15px 40px 30px;
margin: 30px 0 0 0;
}
.news_row {
width: 930px;
}
.news_container_unit > a h3 {
font-size: 20px;
}
.news_container_unit p {
font-size: 17px;
line-height: 24px;
margin: 15px 0 20px 0;
}
.news_container {
margin: 65px 0 0 0;
}
.panel_user_description > h3 {
font-size: 24px;
}
.panel_user_description .user_email {
font-size: 15px;
}
.panel_user_avatar, .panel_user_avatar img {
width: 80px;
height: 80px;
}
.panel_user_description .email_status {
margin: 7px 0 0 0;
}
.panel_right {
width: calc(100% - 670px);
}
.panel_balance_counter > h3 {
font-size: 16px;
}
.panel_balance_counter > span {
font-size: 28px;
}
.panel_balance:after {
left: 16px;
width: 40px;
height: 40px;
}
.panel_balance {
width: calc(100% - 80px);
height: 90px;
margin: 22px 0 0 0;
padding: 0 0 0 80px;
}
.panel_deposit_button {
line-height: 60px;
padding: 0 70px 0 20px;
font-size: 15px;
}
.panel_history_top > h3 {
font-size: 15px;
}
.panel_history table {
font-size: 12px;
}
.load_more {
line-height: 44px;
font-size: 14px;
}
.panel_note {
font-size: 14px;
}
.gta_advantages {
margin: 15px 0 0 0;
font-size: 15px;
padding: 30px 25px;
}
.gta_advantages .lowcost:after, .gta_advantages .delivery:after,
.gta_advantages .vip_status:after {
width: 42px;
height: 42px;
}
.gta_advantages .bonuses:after {
width: 40px;
height: 44px;
}
.gta_advantages > * {
line-height: 18px;
padding: 60px 0 0 0;
}
.buy_gta_page .purchase_total > h3 {
font-size: 22px;
}
.how_to_activate {
padding: 0 25px;
font-size: 16px;
}
.shop_page_info > h3 {
font-size: 22px;
}
.shop_page_info > p {
line-height: 22px;
font-size: 15px;
}
.default_list li {
font-size: 14px;
}
.purchase_buttons {
margin: 0 20px 0 auto;
}
.buy_gta_page .buy_gta:after {
width: 18px;
height: 20px;
background-size: 100%;
}
.window.recovery .nickname:after, .session .nickname:after, .session .container .session_content form .password:after, .session .container .session_content form .password:hover:after {
height: 59px;
top: 1px;
}
.session .password:after {
left: 15px;
}
.donate_layout_custom .header_additional {
margin: 0;
}
}
@media screen and (min-width: 1601px) {
.new-style {
line-height: 45px;
}
}
@media screen and (max-width: 1500px) {
.discord_promo {
margin: 30px 0 0 75px;
}
.media_description {
min-height: 300px;
}
.partnership_page .inner_page_loader .container:after {
width: 393px;
top: 234px;
right: 20px;
}
.main_page .murder.back {
top: -200px;
}
.steps_section {
margin: 280px 0 0 0;
}
.action, .loader i {
height: 760px;
}
@keyframes without_loader_vertical {
0% {
height: 0;
}
to {
height: 760px;
}
}
.main_page .cover {
height: calc(100vh - 760px);
}
@keyframes without_loader_vertical {
0% {
height: 0;
}
to {
height: 760px;
}
}
.steps > h2 {
font-size: 160px;
}
.steps > h3 {
font-size: 54px;
}
.news_page .page .inner_page_loader .container:after {
width: 415px;
height: 527px;
right: -80px;
top: 168px;
}
.inner_page_loader.buy_page .container:after {
width: 410px;
height: 420px;
right: 10px;
top: 380px;
}
.inner_page_loader.buy_page .container:before {
width: 420px;
height: 470px;
top: 190px;
right: -115px;
}
.inner_page_loader i {
width: 380px;
right: 20px;
}
.parthnership {
padding: 60px 0 0 40px;
}
.murder.front {
width: 500px;
height: 570px;
}
.murder.back {
width: 330px;
height: 455px;
top: -420px;
left: 280px;
}
.action {
width: 750px;
}
.action:after {
width: 390px;
height: 620px;
right: 30px;
}
.action_center {
width: 750px;
height: 730px;
}
.action:before {
width: 320px;
height: 560px;
left: 370px;
}
.main_page .online {
margin: 30px 0 0 70px;
}
.server {
margin: 0 0 0 30px;
}
.promo {
margin: 10px 0 0 70px;
}
}
@media screen and (max-width: 1480px) {
header .container, .news .container, .communication .container, footer .container, .container.default {
width: 96%;
}
.murder.front {
width: 450px;
}
.panel_heroes_statistic, .panel_heroes_info {
max-width: 470px;
}
}
@media screen and (max-width: 1400px) {
/*.donate_layout_custom .header_additional{*/
/* margin: 0 0 0 50px;*/
/*}*/
.header_additional {
margin: 0 0 0 100px;
}
.header_additional--shop {
margin: 0;
}
.discord_promo {
margin: 30px 0 0 30px;
}
.parthnership:after {
width: 300px;
height: 230px;
}
footer {
padding: 0 0 50px 0;
}
footer:after {
width: 660px;
height: 416px;
}
.steps {
min-height: 500px;
}
.news_page_row .news_container {
max-width: 885px;
}
.follow > h3, .follow > p {
top: 15px;
}
.follow > p, .parthnership > p {
font-size: 18px;
}
.follow ul {
margin: 15px 0 0 0;
}
.follow li a {
width: 215px;
height: 130px;
background-position: 50% 45px;
padding: 145px 0 0 0;
font-size: 18px;
}
.follow li a:after {
width: 24px;
height: 10px;
background: url(../svg/communication_arrow.svg) -10px 50% no-repeat;
bottom: 64px;
}
.follow li a:before {
width: 98px;
height: 36px;
bottom: 50px;
}
.communication > i {
height: 410px;
}
.parthnership > h3, .parthnership > p, .parthnership > a {
position: relative;
top: 45px;
opacity: 0;
}
.parthnership {
padding: 60px 0 0 10px;
}
.lawyer:after {
width: 530px;
height: 600px;
left: 110px;
}
.lawyer:before {
width: 320px;
height: 454px;
right: 90px;
top: 75px;
}
.news_row > h3 {
font-size: 42px;
}
.news_row > a {
height: 60px;
line-height: 60px;
padding: 0 14px;
top: -78px;
font-size: 14px;
}
.news_container {
margin: 50px 0 0 0;
}
.news_container_unit > a {
width: calc(100% - 45px);
padding: 30px 10px 30px 20px;
margin: 20px 0 0 0;
}
.news_row {
width: 905px;
}
.news_container_unit p {
font-size: 16px;
line-height: 22px;
}
.news_container_unit span {
font-size: 14px;
}
.news_container_unit > a h3 {
font-size: 18px;
}
.step_description:after {
width: 200px;
top: -79px;
left: 25px;
}
.step_description {
padding: 160px 10px 0 25px;
}
.step_description-download {
/*padding: 160px 10px 0 10px !important;*/
}
.step {
width: 270px;
height: 410px;
}
.step > h5 {
font-size: 45px;
line-height: 45px;
width: 45px;
bottom: -5px;
}
.step_description p {
/*margin: 10px 0 0 0;*/
margin: 18px 0 0 0;
font-size: 13px;
line-height: 20px;
padding: 0 20px 0 0;
height: fit-content;
}
}
@media screen and (max-width: 1350px) {
/*.donate_layout_custom .header_additional{*/
/* margin: 0 0 0 190px;*/
/*}*/
.footer_contacts p {
max-width: 400px;
}
.discord_promo_title {
padding: 0 0 0 100px;
}
.discord_promo_title > h3 {
font-size: 22px;
line-height: 24px;
}
.news_list_page .shop {
min-height: 700px;
}
.partnership_page div.shop {
margin: 30px 0 200px 0;
}
.partnership_page .inner_page_loader .container:after {
width: 320px;
top: 191px;
right: 20px;
}
.userpanel > a:not(.login) {
display: none;
}
.news_page .page .inner_page_loader .container:after {
width: 336px;
height: 427px;
top: 130px;
}
.inner_page_loader.buy_page .container:before {
width: 360px;
height: 400px;
}
.inner_page_loader.buy_page .container:after {
width: 360px;
height: 360px;
right: -10px;
}
@keyframes inner_page_loader_i {
0% {
height: 0;
}
to {
height: 557px;
}
}
.inner_page_loader.shop_page .container:before {
width: 230px;
height: 160px;
top: 465px;
right: 40px;
}
.inner_page_loader.shop_page .container:after {
width: 360px;
height: 447px;
top: 110px;
}
.panel_heroes_statistic, .panel_heroes_info {
max-width: 390px;
}
.inner_page_loader i {
width: 310px;
}
}
@media screen and (max-width: 1300px) {
.header_additional--shop {
left: 625px;
}
.gamecoins_fields {
width: calc(100% - 40px);
padding: 20px 20px 0 20px;
}
.gamecoins_fields .gamecoins_fields_description {
top: 20px;
right: 20px;
line-height: 14px;
}
.shop_gift_cards li a span {
margin: 0 0 0 10px;
}
.shop_gift_card_value_small {
font-size: 26px;
}
.shop_gift_card_value_big {
font-size: 34px;
}
.shop_gift_cards li a {
width: 152px;
height: 89px;
background-size: 154px 89px;
background-position: right;
}
.media_description {
min-height: 200px;
}
.media_videos a {
width: 266px;
height: 169px;
}
.partnership_page .nickname input {
max-width: 214px;
}
.partnership_page form {
max-width: 817px;
}
.steps_section {
margin: 0;
}
.steps {
margin: 250px auto 0 auto;
}
.action, .loader i, .main_page header .container:after {
height: 700px;
}
@keyframes without_loader_vertical {
0% {
height: 0;
}
to {
height: 700px;
}
}
.main_page .cover {
height: calc(100vh - 700px);
}
@keyframes without_loader_vertical {
0% {
height: 0;
}
to {
height: 700px;
}
}
.copyright {
font-size: 14px;
line-height: 22px;
}
footer .logo {
width: 170px;
height: 42px;
margin: 0 0 10px 0;
}
footer nav ul:first-of-type a {
font-size: 15px;
}
footer nav ul:first-of-type li {
margin: 20px 0 0 0;
}
.panel footer nav ul li {
margin: 12px 0 0 0;
}
a.mail {
height: 54px;
line-height: 54px;
margin: 25px 0 30px 0;
font-size: 16px;
}
.communication.is-inview > i {
width: calc(50% + 110px);
}
.follow {
width: 760px;
}
.steps > h2 {
font-size: 130px;
}
.steps > h3 {
font-size: 48px;
}
.news_page_row > h3, .fullnews {
max-width: 800px;
}
.news_page_row .news_container {
max-width: calc(100% - 350px);
}
.news_page_row .news_container_unit {
width: calc(50% - 10px);
}
.news_page_row .news_container_unit > a {
width: 100%;
}
.vipstatuses {
width: 295px;
}
.shop_panel_left {
width: 460px;
}
.shop_row {
width: 850px;
}
.panel_right .hero {
width: 210px;
height: 400px;
}
.lawyer:before {
width: 290px;
height: 454px;
right: 95px;
top: 55px;
}
.lawyer:after {
width: 470px;
height: 600px;
left: 170px;
}
.news_row {
width: 865px;
}
.news_container_unit > a {
width: calc(100% - 45px);
}
@keyframes animation_finished {
0% {
width: 100%;
}
to {
width: 460px;
}
}
.main_page header .container:after, .without_loader .page .loader i {
width: 460px;
}
.online {
margin: 20px 0 0 0;
}
.action {
width: 680px;
}
.action_center {
width: 680px;
height: 670px;
}
.action:before {
width: 270px;
height: 470px;
left: 310px;
}
.action:after {
width: 330px;
height: 510px;
right: -5px;
}
.gameservices {
padding: 20px;
}
.vipstatuses {
width: 302px;
padding: 20px;
}
.shop_row {
width: 817px;
}
.server_select {
max-width: 270px;
}
.shop_panel {
margin: 15px 0 0 0;
}
.inner_page_loader {
right: -20px;
}
.nickname {
max-width: 360px;
}
}
@media screen and (max-width: 1250px) {
.partnership_page div.shop {
margin: 30px 0 150px 0;
}
.partnership_page .inner_page_loader .container:after {
width: 289px;
top: 227px;
right: 20px;
}
.panel footer .mail {
margin: 0 0 0 55px;
font-size: 0;
padding: 0 27px;
}
.panel footer a.mail:after {
left: 0;
right: 0;
}
footer:after {
width: 550px;
height: 347px;
}
.news_page_row .news_container {
max-width: calc(100% - 320px);
}
.news_page .page .inner_page_loader .container:after {
width: 304px;
height: 386px;
top: 167px;
}
@keyframes inner_page_loader_i {
0% {
height: 0;
}
to {
height: 553px;
}
}
.panel_left {
width: 550px;
}
.panel_right {
width: calc(100% - 580px);
}
.inner_page_loader i {
width: 280px;
}
.inner_page_loader.shop_page .container:after {
width: 325px;
height: 404px;
top: 150px;
}
.inner_page_loader.shop_page .container:before {
width: 200px;
height: 140px;
top: 465px;
right: 70px;
}
}
@media screen and (max-width: 1200px) {
.header_additional_discord {
font-size: 0;
}
.shop_gift_cards li a {
width: 140px;
height: 89px;
background-size: 140px 88px;
}
.discord_promo_title > span {
letter-spacing: 3px;
}
.discord_promo {
margin: 20px 0 0 0;
}
.media_videos a {
width: 242px;
height: 155px;
}
.media_promocode {
margin: 20px 0;
padding: 20px;
}
.media_promocode h3 {
font-size: 18px;
}
.media_promocode p {
font-size: 16px;
line-height: 22px;
}
.media_start {
padding: 0 35px;
}
.partnership_page .server_select {
max-width: 451px;
}
.partnership_page form {
max-width: 750px;
}
.news_page_row > h3, .fullnews {
max-width: 700px;
}
.shop_panel_left {
width: 395px;
}
.shop_row {
width: 750px;
}
.lawyer {
top: -30px;
}
.news_row {
width: 750px;
}
.news_container_unit {
width: 375px;
}
.lawyer:before {
width: 230px;
height: 454px;
right: 110px;
top: 30px;
}
.lawyer:after {
width: 410px;
height: 600px;
left: 240px;
}
.news_container {
margin: 35px 0 0 0;
}
.news_container_unit {
width: 410px;
}
.news_container_unit > a {
width: calc(100% - 45px);
}
.promo {
margin: 15px 0 0 40px;
}
.total:before, .discord_promo:before {
width: 108px;
height: 108px;
}
.total:after, .discord_promo:after, .discord_promo_row:after {
width: 158px;
height: 158px;
}
.discord_promo_row:after {
left: -43px;
}
.total, .discord_promo_row {
height: 160px;
}
.total_counter {
height: 160px;
}
.server {
margin: 0 0 0 20px;
}
.promo > h3 {
font-size: 54px;
}
header nav ul li a {
margin: 0 0 0 25px;
}
header nav {
margin: 0;
}
.server_select {
max-width: 240px;
}
.nickname {
max-width: 325px;
}
.total_counter:after {
top: -15px;
}
.main_page .online {
margin: 15px 0 0 40px;
}
}
@media screen and (max-width: 1150px) {
.header_additional {
margin: 0 0 0 50px;
}
.header_additional--shop {
margin: 0;
}
.discord_promo_title > h3 {
font-size: 20px;
line-height: 22px;
}
.total_counter_description span {
font-size: 14px;
}
.total {
width: 225px;
}
/* .discord_promo:before {
width: 100px;
height: 100px;
top: 17px;
left: 42px;
}
.discord_promo:after {
width: 132px;
height: 132px;
left: 25px;
}
.discord_promo_title:after, .discord_promo_title:before {
width: 70px;
height: 70px;
}
.discord_promo_title:before {
background-size: 42px;
}
.discord_promo, .discord_promo_row {
height: 132px;
}
.discord_promo_row:after {
width: 132px;
height: 132px;
left: -43px;
}
.discord_promo_title {
padding: 0 0 0 75px;
}
.discord_promo_title > h3 {
font-size: 30px;
}
.discord_promo_title > span {
font-size: 11px;
letter-spacing: 3.4px;
}
.discord_promo a {
width: 100px;
margin: 7px 0 0 20px;
} */
footer:after {
width: 460px;
height: 290px;
}
.main_page footer {
margin: 50px 0 0 0;
}
.follow {
width: 720px;
}
.inner_page_loader.buy_page .container:before {
width: 320px;
height: 350px;
}
.inner_page_loader.buy_page .container:after {
width: 310px;
height: 310px;
right: -20px;
}
.server_load_counter {
padding: 29px 0 0 35px;
}
.steps_row {
flex-wrap: wrap;
}
.panel_right .hero {
display: none;
}
.panel_heroes_statistic, .panel_heroes_info {
max-width: none;
}
.panel_heroes_statistic_unit:nth-of-type(odd) {
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
}
@media screen and (min-width: 1000px) and (max-width: 1150px) {
.discord_promo a {
text-align: center;
width: 60px;
line-height: 60px;
font-size: 0;
border-radius: 42px;
position: relative;
}
.discord_promo a:after {
width: 24px;
height: 24px;
position: absolute;
content: '';
background-size: 100%;
background-repeat: no-repeat;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M23.9958 11.9168C23.9756 9.50891 23.2315 7.08333 21.8267 5.1211C21.4546 4.60206 21.0547 4.10074 20.6092 3.64246C20.1637 3.18166 19.6752 2.77402 19.1665 2.3841C18.2173 1.65744 17.1543 1.10802 16.033 0.695317C14.8864 0.27502 13.6512 0.0547435 12.4287 0.00663713C11.1834 -0.0414692 9.90768 0.112977 8.70793 0.457318C6.43246 1.10802 4.32404 2.45753 2.8155 4.2881C2.40799 4.77929 2.02832 5.2958 1.69928 5.84523C1.36517 6.40225 1.09687 6.98459 0.851356 7.58465C0.3831 8.71895 0.13252 9.92667 0.036338 11.1471C-0.156027 13.5903 0.459034 16.1147 1.73218 18.2086C2.95724 20.2214 4.7923 21.9051 6.94627 22.8799C7.53856 23.1483 8.14602 23.3863 8.77374 23.561C9.41664 23.7408 10.0722 23.8471 10.7328 23.9256C11.9857 24.0725 13.2614 23.9889 14.4966 23.7383C16.8252 23.2623 19.0197 22.0241 20.6598 20.3075C22.3076 18.5833 23.4643 16.3476 23.8288 13.9853C23.93 13.327 23.9984 12.6662 24.0009 12.0003C24.0009 11.9725 23.9984 11.9446 23.9958 11.9168ZM21.3888 13.2916C21.2648 14.1043 21.0471 14.8968 20.7434 15.6589C20.4093 16.416 19.9916 17.135 19.4955 17.8009C18.9918 18.4314 18.4173 19.0061 17.787 19.51C17.1289 20.0012 16.4152 20.4189 15.6609 20.7506C14.899 21.057 14.1043 21.2722 13.2918 21.3988C12.4337 21.5 11.5656 21.5 10.705 21.3988C9.89502 21.2747 9.10025 21.057 8.33839 20.7531C7.58158 20.4189 6.86275 20.0012 6.19707 19.5049C5.56682 19.001 4.99226 18.4263 4.48856 17.7959C3.99753 17.1376 3.5799 16.4236 3.24832 15.669C2.94206 14.9069 2.72691 14.1119 2.60035 13.2992C2.49911 12.4409 2.49911 11.5724 2.60035 10.7116C2.72438 9.90135 2.94205 9.10633 3.24579 8.34422C3.5799 7.58718 3.99753 6.86812 4.49363 6.20223C4.99732 5.57178 5.57188 4.99704 6.20213 4.49319C6.86022 4.002 7.57399 3.58423 8.32826 3.25255C9.09013 2.94619 9.8849 2.73097 10.6974 2.60438C11.5554 2.5031 12.4236 2.5031 13.2842 2.60438C14.0941 2.72844 14.8889 2.94619 15.6482 3.25002C16.405 3.58423 17.1239 4.002 17.7896 4.49825C18.4198 5.0021 18.9944 5.57684 19.4981 6.20729C19.9891 6.86559 20.4067 7.57959 20.7383 8.3341C21.0446 9.0962 21.2622 9.89122 21.3863 10.704C21.4369 11.1319 21.4647 11.5648 21.4647 11.9952C21.4673 12.4307 21.4394 12.8637 21.3888 13.2916Z' fill='%23FFFFFF'/%3E%3Cpath d='M17.4799 11.9178C17.4698 11.7709 17.4293 11.614 17.366 11.4696C17.3634 11.4671 17.3634 11.462 17.3609 11.4595C17.3103 11.3456 17.2445 11.2418 17.1635 11.1557C17.161 11.1532 17.1584 11.1506 17.1559 11.1481L17.1534 11.1456C17.1407 11.1329 17.1281 11.1177 17.1154 11.105C16.7307 10.7253 16.3459 10.3429 15.9612 9.96315C15.3487 9.35549 14.7336 8.74784 14.1211 8.14018C13.9794 8.00092 13.8376 7.85913 13.6959 7.71988C13.4655 7.48948 13.1264 7.35022 12.7999 7.35022C12.4885 7.35022 12.119 7.48694 11.9039 7.71988C11.6836 7.96041 11.5191 8.2769 11.5343 8.61618C11.547 8.95292 11.6609 9.27194 11.9039 9.51247C12.2886 9.89226 12.6733 10.2746 13.058 10.6544C13.0859 10.6822 13.1137 10.7075 13.139 10.7354C11.7014 10.7354 10.2637 10.7354 8.82603 10.7354C8.47674 10.7354 8.12998 10.7354 7.78068 10.7354C7.4567 10.7354 7.115 10.8772 6.88467 11.105C6.66447 11.3253 6.49995 11.6849 6.51513 12.0013C6.53032 12.328 6.63663 12.6672 6.88467 12.8976C7.13272 13.1255 7.43645 13.2673 7.78068 13.2673C8.72985 13.2673 9.67901 13.2673 10.6282 13.2673C11.4634 13.2673 12.3012 13.2673 13.1365 13.2673C12.8657 13.5357 12.5948 13.8015 12.3265 14.0699C12.1848 14.2092 12.0431 14.351 11.9013 14.4902C11.671 14.7181 11.5318 15.0624 11.5318 15.3865C11.5318 15.6979 11.6685 16.0676 11.9013 16.2828C12.1418 16.5031 12.4582 16.6677 12.7973 16.6525C13.134 16.6398 13.4478 16.5233 13.6933 16.2828C14.0781 15.903 14.4628 15.5207 14.8475 15.1409C15.4601 14.5333 16.0751 13.9256 16.6876 13.3179C16.8041 13.2015 16.923 13.085 17.0395 12.9711C17.0673 12.9483 17.0926 12.923 17.1154 12.8976C17.1255 12.885 17.1356 12.8749 17.1458 12.8622C17.2065 12.7964 17.2622 12.7204 17.3078 12.6394C17.4242 12.447 17.4951 12.2292 17.4849 12.0013C17.4849 11.9735 17.4824 11.9456 17.4799 11.9178Z' fill='%23FFFFFF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
}
}
@media screen and (min-width: 1000px) and (max-width: 1050px) {
.discord_promo a {
width: 45px;
line-height: 45px;
margin: 7px 0 0 10px;
}
}
@media screen and (max-width: 1100px) {
.header_additional--shop {
left: 580px;
}
.gamecoins_fields {
padding: 20px;
}
.shop_gift_cards li a {
width: 134px;
height: 84px;
background-size: 134px;
}
.nickname {
max-width: 282px;
}
.shop_tabs li {
height: 80px;
}
.media_videos a {
width: 232px;
height: 146px;
}
.news_list_page .shop {
min-height: 500px;
}
.videoplayer, .videoplayer iframe {
width: 650px;
height: 360px;
max-width: 650px;
}
.partnership_page .server_select {
max-width: 400px;
}
.partnership_page div.nickname {
max-width: calc(100% - 435px);
}
.partnership_page form {
max-width: 710px;
}
.panel footer nav {
margin: 0 0 0 100px !important;
}
.session .logo {
width: 50px;
height: 50px;
background: url(../svg/panel_logo.svg) no-repeat;
background-size: 100%;
}
footer:after {
width: 420px;
height: 265px;
right: 20px;
}
.communication.is-inview > i {
width: calc(50% + 50px);
}
.follow li a {
width: 200px;
height: 125px;
}
.follow {
width: 630px;
}
header .container, .session .container {
padding: 20px 0 0 0;
}
/* header .logo {
background-size: 100% !important;
width: 50px;
height: 50px;
background-image: url(../svg/panel_logo.svg);
} */
.server {
margin: 0 0 0 10px;
}
.server_load span {
font-size: 11px;
}
.server_load_counter {
padding: 29px 0 0 20px;
}
.promo > p {
max-width: 450px;
}
.news_page_row .news_container_unit p {
font-size: 14px;
line-height: 20px;
}
.news_page_row .news_container_unit:last-of-type {
margin: 15px 0 0 0;
top: 0;
}
.shop_row {
width: 710px;
}
.purchase_total {
padding: 0 0 0 230px;
}
.gamecoins_row input {
font-size: 28px;
}
.vipstatuses li:before {
height: 150px;
width: 122px;
}
.vipstatuses li.bronze:after {
width: 94px;
height: 85px;
}
.vipstatuses li.silver:after {
width: 86px;
height: 84px;
top: 9px;
}
.vipstatuses li.gold:after {
width: 90px;
height: 86px;
}
.vipstatuses {
width: 262px;
}
.vipstatuses li.platinum:after {
width: 84px;
height: 84px;
top: 9px;
}
.gameservices ul li {
font-size: 13px;
}
.vipstatuses ul li {
width: 124px;
padding: 100px 0 0 0;
}
.panel_left {
width: 520px;
}
.panel_right {
width: calc(100% - 540px);
}
.news_container {
width: 100%;
margin: 50px 0 0 0;
align-items: end;
flex-wrap: wrap;
}
.news_row {
width: 600px;
}
.news_container_unit {
width: 100%;
}
.news_container_unit > a {
width: calc(100% - 30px);
margin: 15px 0 0 0;
}
.news_container_unit:last-of-type {
margin: 15px 0 0 0;
top: 70px;
}
.step {
width: calc(33.33% - 12px);
height: 380px;
}
.step_description {
padding: 160px 10px 0 35px;
}
.step_description-download {
/*padding: 160px 30px 0 30px !important;*/
}
.step_description-download h3,
.step_description-download p {
/*padding-left: 5px !important;*/
}
}
@media screen and (min-width: 1100px) and (max-width: 1200px) {
.new-style {
line-height: 36px;
}
}
@media screen and (max-width: 1050px) {
.online_server:nth-of-type(2) {
margin: 0 25px !important;
}
.partnership_page .inner_page_loader .container:after {
width: 228px;
}
.news_page_row .news_container {
max-width: calc(100% - 255px);
}
.news_page .page .inner_page_loader .container:after {
width: 241px;
height: 306px;
}
.inner_page_loader.buy_page .container:before {
width: 280px;
height: 300px;
}
.inner_page_loader.buy_page .container:after {
width: 280px;
height: 280px;
}
@keyframes inner_page_loader_i {
0% {
height: 0;
}
to {
height: 473px;
}
}
.inner_page_loader i {
width: 220px;
}
.inner_page_loader.shop_page .container:after {
width: 260px;
height: 323px;
top: 150px;
}
.inner_page_loader.shop_page .container:before {
width: 170px;
height: 118px;
top: 410px;
}
}
@media screen and (max-width: 1000px) {
.header_kinguin_code {
font-size: 0;
}
.header_kinguin_code:hover:after {
display: none;
}
.header_mob_discord {
height: 42px;
width: 42px;
position: absolute;
top: 4px;
right: 129px;
display: block;
}
.online_discord {
display: block;
animation: .5s cubic-bezier(0.28, 0.07, 0.21, 0.87) .3s 1 both session_content;
}
.header_additional {
position: absolute;
margin: 0;
left: 35px;
}
.header_additional_discord {
display: none;
}
.shop_gift_cards li a {
width: 164px;
height: 100px;
background-size: 164px;
}
.footer_contacts p {
max-width: 80%;
margin: 0 auto;
text-align: center;
font-size: 14px;
line-height: 20px;
}
.main_page_header_row {
z-index: 149 !important;
}
.language {
margin: 0 0 0 15px;
}
.discord_promo_row {
justify-content: center;
}
.discord_promo_row:after {
left: -5px;
}
.discord_promo:before {
left: 100px;
}
.discord_promo:after {
left: 75px;
}
.discord_promo {
order: 1;
width: 410px;
margin: 0 auto;
position: relative;
left: -10px;
}
.promo {
padding: 350px 0 0 0;
}
.main_page_header_row {
display: flex;
flex-wrap: wrap;
}
.media_description {
min-height: 0;
}
.media_videos {
justify-content: flex-start;
}
.media_videos a {
margin: 0 0 0 9px;
}
.news_list_page .shop {
min-height: 0;
}
.partnership_page div.shop {
margin: 30px 0 100px 0;
}
.partnership_page form {
max-width: none;
}
.partnership_page .nickname input {
max-width: 440px;
}
.userpanel a.logined {
font-size: 0;
padding: 0;
width: 42px;
display: flex;
align-items: center;
justify-content: start;
}
.userpanel a.logined img {
width: 42px;
height: 42px;
}
.gta_advantages {
margin: 320px 0 0 0;
position: relative;
}
.gta_advantages:after {
content: '';
position: absolute;
top: -290px;
left: -25px;
right: -25px;
height: 190px;
width: calc(100% + 50px);
background: #FFBB1C;
}
.gta_advantages:before {
content: '';
position: absolute;
top: -285px;
right: 0;
left: 0;
margin: auto;
width: 282px;
height: 298px;
background: url(../images/buy_gta.png) no-repeat;
background-size: 100%;
z-index: 2;
animation: .5s cubic-bezier(0.28, 0.07, 0.21, 0.87) .3s 1 both buy_gta_mobile;
opacity: 0;
}
@keyframes buy_gta_mobile {
0% {
opacity: 0;
}
100% {
opacity: 1;
transform: translateY(-30px);
}
}
.promo.moving > h3, .promo.moving > p, .promo.moving .promo_buttons {
animation-delay: .5s !important;
}
.navigation_window:after {
top: 20px;
width: 50px;
}
.header_top, .session_top {
height: 50px;
}
.session_close {
background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.41397 0L25.4556 24.0416L24.0414 25.4558L-0.000244141 1.41421L1.41397 0Z' fill='%23151418'/%3E%3Cpath d='M24.0419 0L0.000268936 24.0416L1.41448 25.4558L25.4561 1.41421L24.0419 0Z' fill='%23151418'/%3E%3C/svg%3E%0A");
background-color: #FFBB1C;
background-repeat: no-repeat;
background-position: 50%;
background-size: 18px;
}
.session_close:hover {
background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.41397 0L25.4556 24.0416L24.0414 25.4558L-0.000244141 1.41421L1.41397 0Z' fill='white'/%3E%3Cpath d='M24.0419 0L0.000268936 24.0416L1.41448 25.4558L25.4561 1.41421L24.0419 0Z' fill='white'/%3E%3C/svg%3E%0A");
}
.panel footer .container {
flex-wrap: wrap;
}
.panel footer nav {
margin: 30px 0 0 0 !important;
width: 100%;
}
.panel footer .mail {
position: absolute;
top: 0;
right: 0;
}
.panel footer .copyright {
display: flex;
}
.panel footer .logo {
margin: 0 20px 10px 0;
}
.panel footer nav ul {
display: flex;
justify-content: center;
}
.panel footer nav ul li {
margin: 0 0 0 20px;
}
.panel .footer_side {
margin: 20px 0 0 0;
width: 100%;
justify-content: center;
}
.news_page_row {
margin: 0 0 45px 0;
}
.fullnews {
margin: 25px 0 40px 0;
}
.panel header nav li:nth-last-child(2) a {
position: absolute;
right: 112px;
top: 25px;
width: 48px;
height: 48px;
}
.window {
width: 96%;
max-width: 450px;
padding: 30px 25px;
}
header nav ul {
align-items: center;
}
header nav ul li:first-of-type {
width: 30px;
height: 30px;
margin: 0 0 0 75px;
position: relative;
}
header nav ul li:first-of-type:after, header nav ul li:first-of-type:before {
width: 100%;
height: 2px;
border-radius: 1px;
content: '';
background: #868686;
position: absolute;
left: 0;
}
header nav ul li:first-of-type:after {
top: 10px;
}
header nav ul li:first-of-type:before {
width: 80%;
bottom: 10px;
}
header nav ul li:first-of-type:hover:after, header nav ul li:first-of-type:hover:before {
background: #FFBB1C;
}
header a.shop:before {
width: 18px;
height: 19px;
left: 0;
margin: auto;
background-size: 100%;
}
header nav li:last-of-type {
margin: 0 0 0 auto;
width: 0;
}
.header_kinguin_code::before {
transform: translate(-50%, -30%) !important;
right: 125px !important;
}
header nav li:nth-last-child(2) a {
width: 40px;
height: 40px;
}
header nav li:nth-last-child(2) a {
border: 1px solid #2C2B31;
border-radius: 10px;
display: block;
margin: 0 0 0 auto;
padding: 0;
}
header nav {
width: calc(100% - 95px);
padding: 0;
}
.main_page .header_top {
top: -60px;
}
.userpanel .login, .session_close {
width: 65px;
line-height: 42px;
height: 42px;
margin: 0;
}
.main_page header nav {
width: calc(100% - 115px);
}
header nav ul li a {
font-size: 0;
}
.userpanel {
margin: 0 0 0 auto;
}
.steps_section, .steps {
margin: 0;
}
.main_page header {
min-height: 0;
}
.murder.back {
display: none;
}
.main_page header .container:before {
background-image: url(../images/splash.png);
background-size: 100%;
background-repeat: no-repeat;
position: absolute;
width: 640px;
height: 604px;
left: 0;
top: 110px;
right: 0;
margin: auto;
content: '';
}
.promo {
margin: 350px 0 0 0;
}
footer:after {
display: none;
}
.communication {
background: #18171D;
padding: 0 0 15px 0;
}
.follow, .parthnership {
width: 100%;
min-height: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.is-inview .follow > h3, .parthnership > h3 {
width: 100%;
text-align: center;
}
.follow > p, .parthnership > p {
width: 100%;
text-align: center;
margin: 0;
}
.is-inview .parthnership:after {
display: none;
}
.parthnership {
margin: -10px 0 0 0;
padding: 60px 0 0 0;
min-height: 0;
}
.communication.is-inview > i {
width: 100%;
}
.promo {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.promo > h3 {
width: 50%;
text-align: center;
}
.promo > p {
max-width: none;
width: 60%;
text-align: center;
}
.promo_buttons {
margin: 0;
}
.userpanel .login, .session_close {
background-color: #FFBB1C;
color: #151418;
margin-left: 5px;
}
.userpanel .login:hover, .session_close:hover {
background-color: #3B3533;
color: #fff;
}
.userpanel > a:not(.login) {
display: none;
}
.main_page .online, .main_page .loader, .main_page header .container:after {
display: none;
}
.news_page_row > h3, .fullnews {
max-width: 90%;
}
.news_page_row {
width: 100%;
}
.news_page_row .news_container {
max-width: 100%;
}
.inner_page_loader.buy_page {
display: none;
}
.inner_page_loader.shop_page {
display: none;
}
.partnership_page .inner_page_loader {
display: none;
}
.shop_row {
width: 100%;
}
.server_select {
max-width: 315px;
}
.nickname {
width: calc(100% - 512px);
max-width: none;
}
.shop_panel_left {
width: calc(100% - 317px);
}
.shop_panel div div > h3, .vipstatuses > h3 {
font-size: 14px;
width: 100%;
}
.gamecoins_row {
width: 100%;
}
.parthnership p {
margin: 12px 0 0 0;
}
.shop_row {
margin: 0 0 50px 0;
}
nav li.current a.shop:after {
display: none;
}
.session_started .page:before {
display: none;
}
.session_close {
position: absolute;
right: 0;
}
.session_content {
width: 50%;
margin: 45px auto 0 auto;
}
}
@media screen and (max-width: 900px) {
.shop_gift_cards li a {
width: 154px;
height: 96px;
background-size: 154px;
}
.videoplayer, .videoplayer iframe {
width: 500px;
height: 280px;
max-width: 500px;
}
.steps > h2 {
bottom: -60px;
font-size: 100px;
}
.steps > h3 {
bottom: -65px;
font-size: 42px;
}
.promo > h3 {
font-size: 42px;
}
.server_select {
max-width: 270px;
}
.nickname {
width: calc(100% - 467px);
}
.panel_left {
width: 100%;
}
.panel > .row > .container {
flex-wrap: wrap;
}
.panel_right {
width: 100%;
margin: 30px 0 0 0;
}
.news_row {
width: 540px;
}
.step {
width: calc(100% - 12px);
height: 265px;
margin: 12px 0 0 0;
}
.step_description {
padding: 0 0 0 230px;
/*position: absolute;*/
/*top: 50px;*/
display: flex;
flex-flow: column;
left: 20px;
}
.step_description:after {
width: 200px;
top: 0;
/*top: -79px;*/
left: 0;
}
.step_description-download {
/*padding: 0 0 0 230px !important;*/
}
.btn-group-download {
margin-top: 45px;
}
.custom-margin-btn-eu {
margin-left: 10px !important;
}
.custom-margin-btn-tu {
/*margin-right: 10px !important;*/
}
}
@media screen and (max-width: 850px) {
.shop_gift_cards li a {
width: 144px;
height: 90px;
background-size: 144px;
}
}
@media screen and (max-width: 800px) {
.shop_gift_cards li a {
width: 136px;
height: 84px;
background-size: 136px;
}
.session_content {
width: 80%;
}
.server_select {
max-width: 250px;
}
.nickname {
width: calc(100% - 447px);
}
.news_container_unit {
width: calc(50% - 7px);
}
.news_container_unit > a {
margin: 14px 0 0 0;
}
.news_container {
width: 100%;
margin: 35px 0 0 0;
}
.news_row {
width: 100%;
}
.lawyer {
display: none;
}
.news_container_unit:last-of-type {
margin: 0;
}
}
@media screen and (max-width: 760px) {
.coins_switcher_unit, .coins_switcher_unit input, .coins_buffer {
font-size: 17px;
}
.custom_right_dis {
right: 125px;
}
.coins_switcher_unit {
height: 50px;
}
.page_status_content h3 {
font-size: 36px;
}
.page_status_content p {
font-size: 17px;
line-height: 22px;
}
.page_status_content > a {
width: 220px;
height: 60px;
line-height: 60px;
margin: 20px auto 0 auto;
font-size: 16px;
}
.page_status_content:after {
width: 230px;
background-size: 100% !important;
}
.page_status_content:before {
width: 300px;
height: 300px;
}
.page_status_content {
padding: 240px 0 0 0;
}
.kinguin_code {
width: calc(100% - 20px);
margin: 15px 0 20px 0;
padding: 10px;
}
.kinguin_code input[type="text"] {
width: calc(100% - 281px);
height: 50px;
font-size: 16px;
}
.kinguin_code_button {
width: 215px;
height: 52px;
font-size: 15px;
}
.shop_gift_cards {
display: block;
}
.shop_gift_cards li, .shop_gift_cards li:first-of-type {
display: inline-block;
vertical-align: top;
margin: 0 6px 10px 0;
}
.shop_stripe {
background-size: 76px;
}
.shop_kinguin {
background-size: 90px;
}
.shop_paypal {
background-size: 80px;
}
.shop_bitcoin {
background-size: 80px;
}
.shop .shop_row .media_title {
font-size: 32px;
}
.media_start {
padding: 0 30px;
font-size: 16px;
line-height: 52px;
height: 52px;
}
.media_promocode h3 {
font-size: 16px;
}
.media_promocode p {
font-size: 14px;
line-height: 18px;
}
.media_promocode_text {
max-width: 320px;
}
.media_videos a {
width: calc(33.33% - 8px);
height: auto;
}
.partnership_page .server_select {
max-width: 330px;
}
.partnership_page div.nickname {
max-width: calc(100% - 365px);
}
.buy_gta_page a.buy_gta {
padding: 0 40px 0 15px;
}
.panel header nav li:nth-last-child(2) a {
position: absolute;
right: 0;
top: 0;
}
html .panel header nav {
position: absolute;
top: 0;
bottom: 0;
right: auto;
margin: auto;
left: 50px;
width: calc(100% - 146px);
display: flex;
align-items: center;
}
.panel header nav ul li:first-of-type {
display: block;
}
.navigation_window:after {
left: 20px;
}
.follow {
min-height: 0;
}
.follow > p {
margin: 10px 0 0 0;
}
.follow > h3, .parthnership > h3 {
font-size: 38px;
}
.promo > p {
width: 80%;
}
a.watch {
font-size: 16px;
padding: 0 110px 0 0;
}
a.watch:after {
width: 140px;
height: 140px;
}
a.watch:before {
width: 102px;
height: 102px;
right: 20px;
}
a.watch span {
width: 50px;
height: 50px;
right: 47px;
}
.promo_buttons {
height: 140px;
}
a.watch span:before {
width: 70px;
height: 70px;
right: -11px;
}
a.watch span:after {
width: 30px;
height: 30px;
}
.start_play {
width: auto;
height: 60px;
font-size: 16px;
padding: 0 20px;
}
.page .news_page_row > h3 {
line-height: 30px;
}
.news_page_row .news_container {
margin: 15px 0 0 0;
}
.page .news_page_row > h3 {
font-size: 26px;
}
.news_page_row > h3 span {
font-size: 14px;
line-height: 28px;
top: 3px;
padding: 0 10px;
}
.news_page_row .news_container_unit > a {
padding: 20px 10px 20px 15px;
margin: 15px 0 0 0;
}
.news_page_row .news_container_unit {
width: calc(50% - 8px);
}
.news_page_row .news_container_unit > a h3 {
font-size: 16px;
}
.news_page_row .news_container_unit span {
font-size: 12px;
}
.news_page_row .news_container_unit p {
margin: 10px 0 15px 0;
}
.load_more_news {
padding: 0 57px 0 15px;
margin: 25px auto 0 auto;
font-size: 16px;
line-height: 54px;
}
.default_list li > p {
width: 65%;
padding: 0 0 0 5%;
}
.default_list li {
font-size: 14px;
line-height: 18px;
}
.default_list li > h3 {
width: 30%;
}
.gta_advantages {
width: calc(100% - 2px);
font-size: 13px;
padding: 28px 0;
}
.gta_advantages .lowcost:after, .gta_advantages .delivery:after, .gta_advantages .vip_status:after {
width: 40px;
height: 40px;
}
.gta_advantages .bonuses:after {
width: 36px;
height: 40px;
}
.gta_advantages > * {
padding: 52px 0 0 0;
}
.purchase_buttons {
margin: 0 10px 0 auto;
}
.purchase_total {
padding: 0 0 0 170px;
height: 50px;
}
.purchase_buttons {
margin: 0 10px 0 auto;
}
.buy_gta_page a.buy_gta_link {
padding: 0 24px;
}
.how_to_activate {
padding: 0 15px;
font-size: 14px;
margin: 0 5px 0 0;
}
.shop .shop_row > h3, .news_page_row > h3 {
font-size: 21px;
line-height: 44px;
}
a.buy_gta {
top: 0;
height: 44px;
padding: 0 15px;
font-size: 12px;
}
.game_shop a.buy_gta {
top: 0;
height: 44px;
padding: 0 39px 0 15px;
font-size: 12px;
}
a.buy_gta:after {
right: 11px;
width: 18px;
height: 18px;
background-size: 100%;
background-repeat: no-repeat;
}
.server_select {
max-width: 210px;
}
.nickname {
width: calc(100% - 392px);
}
.gameservices ul li {
font-size: 12px;
}
.vipstatuses li span {
font-size: 15px;
}
.gamecoins_row input {
font-size: 28px;
height: 56px;
}
.currency:after {
width: 22px;
height: 22px;
}
.currency {
padding: 10px 0 0 50px;
}
.currency:after {
left: 14px;
}
/* end of shop page */
header .container, .news .container, .communication .container, footer .container, .container.default {
width: calc(100% - 40px);
}
.panel_actions .settings {
background-size: 18px;
}
.panel_actions .settings:after {
width: 5px;
height: 5px;
}
.panel_actions .settings, header .logo, .panel header nav {
width: 42px;
height: 42px;
}
header nav li:last-of-type {
margin: 0 6px 0 auto;
}
.main_page header nav {
width: calc(100% - 105px);
}
header .logo {
background-size: 100%;
background-image: url(../svg/panel_logo.svg) !important;
}
.panel_actions .logout, .panel header nav li:nth-last-child(2) a {
width: 40px;
height: 40px;
}
header a.shop:before {
width: 18px;
height: 19px;
left: 0;
margin: auto;
background-size: 100%;
}
.panel header .container {
height: 80px;
}
.panel header nav {
position: absolute;
top: 0;
bottom: 0;
right: 96px;
margin: auto;
}
.panel header nav li {
display: none;
}
.panel header nav li:last-of-type {
display: block;
}
.panel header nav li:nth-last-child(2) a {
border: 1px solid #2C2B31;
border-radius: 10px;
display: block;
margin: 0;
padding: 0;
}
.panel header nav li a {
margin: 0;
font-size: 0;
}
.panel header .logo {
right: auto;
}
.purchase:after {
width: 160px;
height: 112px;
}
.purchase button, .buy_gta_link {
width: 190px;
height: 70px;
right: 10px;
font-size: 15px;
}
.purchase_total {
padding: 0 0 0 190px;
height: 50px;
}
.purchase_total > span {
font-size: 24px;
}
.purchase_total > h3 {
font-size: 16px;
}
.purchase {
height: 90px;
}
}
@media screen and (max-width: 650px) {
.gamecoins_fields .gamecoins_fields_description {
font-size: 10px;
}
.shop_tabs {
margin: 10px 0;
}
.partnership_page div.nickname {
max-width: calc(100% - 345px);
}
.main_page header .container:before {
width: 600px;
}
footer nav ul:nth-of-type(2) li, .panel footer nav li {
margin: 0 0 0 20px;
}
footer .container {
display: flex;
flex-wrap: wrap;
}
.footer_leftSide {
width: 100%;
display: flex;
flex-wrap: wrap;
}
footer .social {
width: 100%;
display: flex;
justify-content: center;
position: absolute;
bottom: 0;
}
footer nav {
min-width: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
}
footer nav ul {
display: flex;
justify-content: center;
}
footer nav ul:first-of-type li {
margin: 0 0 0 25px !important;
}
footer nav ul:nth-of-type(2) {
position: static;
margin: 25px 0 0 0;
}
footer {
padding: 0 0 20px 0;
}
footer .container {
padding: 0 0 45px 0;
}
a.mail {
margin: 0;
position: absolute;
right: 0;
top: 0;
}
.follow li a {
width: 180px;
height: 100px;
padding: 120px 0 0 0;
}
.follow li a:before {
width: 72px;
height: 36px;
bottom: 30px;
}
.follow li a:after {
bottom: 44px;
}
.communication > i {
height: 360px;
}
.follow li a {
font-size: 16px;
}
.follow li a.discord {
background-size: 72px;
}
.follow li a.facebook {
background-size: 54px;
}
.follow li a.twitter {
background-size: 64px;
}
.communication {
margin: 32px 0 0 0;
}
.news_container_unit:last-of-type, .news_container_unit > a {
margin: 8px 0 0 0;
}
.server_select, .nickname {
max-width: calc(50% - 8px);
}
.shop_selection {
flex-wrap: wrap;
height: auto;
}
.nickname {
width: 100%;
}
.currency {
padding: 0 0 0 50px;
margin: 5px auto 0 auto;
display: flex;
width: auto;
border: none;
align-items: center;
}
.currency > span {
margin: 0 0 0 10px;
}
.news_container_unit {
width: 100%;
}
.news .container {
width: calc(100% - 40px);
}
.shop_panel {
flex-wrap: wrap;
margin: 0;
}
.vipstatuses, .shop_panel_left {
width: 100%;
}
.vipstatuses {
margin: 20px 0 0 0;
}
.coins_switcher_unit input {
margin: 0;
}
.gameservices, .vipstatuses {
padding: 15px;
margin: 10px 0 0 0;
}
.vipstatuses ul li {
width: calc(25% - 10px);
}
.currency > h3 {
margin: 0;
}
.currency span, .currency h3 {
line-height: 22px;
}
}
@media screen and (max-width: 600px) {
.header_kinguin_code::before {
transform: translate(-50%, -30%) !important;
right: 105px !important;
}
.header_mob_discord {
height: 36px;
width: 36px;
top: 0;
right: 124px;
}
.custom_right_dis {
right: 110px;
}
.header_mob_discord:after {
width: 28px;
height: 28px;
}
.header_additional {
left: 0;
}
.footer_contacts p {
max-width: 94%;
font-size: 12px;
line-height: 18px;
}
.start .step_description a {
width: 123px;
padding: 0 0 0 15px;
}
.start .step_description a:after {
right: 15px;
}
.promo_window {
position: fixed;
}
.language > ul {
margin: 12px 0 0 0;
}
header nav ul li:first-of-type {
margin: 0 0 0 115px;
}
.language > span:after {
top: 16px;
}
header .logo {
position: absolute;
}
.language {
margin: 0 0 0 49px;
}
.language span {
line-height: 36px;
}
.promo_window {
text-align: center;
}
.promo_window_button {
text-align: left;
}
.promo_window_trigger {
width: 80px;
height: 80px;
border-radius: 100px;
top: auto;
bottom: 20px;
right: 20px;
}
.promo_window_trigger > h3, .promo_window_trigger > h4 {
display: none;
}
.promo_window_trigger:after {
width: 80px;
height: 80px;
background: url(../images/promo_silver.png) 50% no-repeat;
background-size: 50px;
top: 0;
}
.promo_window {
width: 100%;
max-width: none;
padding: 40px 0 25px 0;
background: none;
top: 60px;
}
.promo_window > h3 {
font-size: 26px;
line-height: 28px;
margin: 170px 0 20px 0;
text-align: center;
}
.promo_window_code {
width: 240px;
height: 60px;
margin: 20px auto 0 auto;
}
.promo_window_code > h3 {
left: 20px;
line-height: 60px;
font-size: 20px;
}
.promo_window_code_title {
font-size: 14px;
left: 15px;
}
.promo_window_button {
width: 217px;
height: 60px;
line-height: 60px;
font-size: 16px;
margin: 25px auto 0 auto;
}
.promo_window > h5, .promo_window > h4 {
display: none;
}
.promo_window > p {
font-size: 15px;
line-height: 20px;
text-align: center;
}
.promo_window:after {
width: 166px;
height: 166px;
top: 25px;
left: 0;
bottom: auto;
margin: auto;
content: '';
background: url(../images/promo_silver.png) no-repeat;
background-size: 100%;
}
.media_start {
margin: 20px 0 0 0;
padding: 0;
width: 100%;
text-align: center;
}
.media_videos {
margin: 15px 0 0 0;
}
.shop .shop_row .media_title {
font-size: 26px;
}
.media_videos a:after {
width: 48px;
height: 48px;
}
.media_videos a:before {
width: 16px;
height: 18px;
background-size: 100%;
}
.media_promocode {
flex-wrap: wrap;
}
.media_promocode_text {
max-width: none;
}
.videoplayer, .videoplayer iframe {
width: 320px;
height: 180px;
max-width: 320px;
}
.partnership_page .nice-select:before {
width: 17px;
height: 17px;
left: 12px;
}
.partnership_page div.nickname {
max-width: calc(100% - 305px);
}
.partnership_title:after {
width: 34px;
height: 32px;
top: 0;
}
.partnership_title {
padding: 0 0 0 50px;
}
textarea {
width: calc(100% - 40px);
font-size: 14px;
line-height: 18px;
margin: 0 0 15px 0;
padding: 20px;
}
.partnership_title p {
max-width: 420px;
font-size: 14px;
line-height: 18px;
margin: 0 0 10px 0;
}
.partnership_title h3 {
font-size: 26px;
line-height: 32px;
}
.partnership_page .server_select {
max-width: 290px;
}
.userpanel a.logined {
width: 36px;
}
.userpanel a.logined img {
width: 36px;
height: 36px;
}
.header_top, .session_top {
height: 36px;
}
.session_close {
height: 36px;
}
.continue_button {
width: 100%;
font-size: 16px;
height: 50px;
margin: 15px 0 0 0;
}
.session_title {
margin: 0 0 20px 0;
}
.error-message {
font-size: 12px;
margin: 5px 0 10px 0;
}
.recovery .server_select {
min-height: 44px;
}
.recovery .window_section:last-of-type {
margin: 5px 0 10px 0;
}
.recovery .window_section {
margin: 16px 0 0 0;
}
.window_field.current_password:after, .window_field.email_field:after {
background-size: 18px;
}
.window_field.new_password:after, .session .password:after {
background-size: 15px;
}
.session .nickname {
margin: 0;
}
.window button {
height: 50px;
font-size: 16px;
}
.window.recovery .nickname:after, .session .nickname:after, .session .container .session_content form .password:after, .session .container .session_content form .password:hover:after {
height: 44px;
}
.session .password:after {
left: 13px;
}
.window_field:after {
height: 42px !important;
}
.panel a.mail {
height: 38px;
width: 38px;
font-size: 0;
padding: 0;
}
.panel a.mail:after {
width: 20px;
background-size: 100%;
height: 14px;
left: 0;
right: 0;
}
.panel footer .copyright {
font-size: 12px;
line-height: 18px;
display: flex;
align-items: center;
min-height: 40px;
}
.panel footer .logo {
background-size: 130px 42px !important;
width: 32px;
height: 32px;
background-position: 0;
margin: 0 10px 0 0;
}
.panel footer nav ul li a {
font-size: 13px;
}
header nav {
width: calc(100% - 101px);
}
html .panel header nav {
width: calc(100% - 134px);
}
.panel header nav ul li:first-of-type {
margin: 0 0 0 3px;
}
.navigation_window ul {
padding: 70px 0 0 0;
}
.navigation_window_close {
top: 17px;
}
.navigation_window:after {
width: 36px;
height: 36px;
}
header nav ul li:first-of-type:after {
width: 20px;
top: 11px;
}
header nav ul li:first-of-type:before {
width: 16px;
bottom: 11px;
}
.session .logo, header .logo {
width: 36px;
height: 36px;
background-size: 100%;
background-image: url(../svg/panel_logo.svg);
}
.main_page header .container:before {
width: 500px;
}
.news_container {
margin: 12px 0 0 0;
}
.news {
margin: 20px 0 0 0;
padding: 10px 0 0 0;
}
.steps > h2, .steps > h3 {
display: none;
}
.step_description {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.step_description p, .step_description h3 {
text-align: center;
width: calc(100% - 20px);
padding: 0 10px;
}
.promo > h3 {
width: 100%;
font-size: 36px;
}
.promo > p {
width: 92%;
font-size: 18px;
line-height: 22px;
}
.news_page_row > h3, .fullnews {
max-width: 100%;
}
.news_page_row .news_container_unit {
width: 100%;
}
.buy_gta_page .purchase {
height: 132px;
margin: 17px 0 30px 0;
display: block;
padding: 15px 0 0 0;
}
.buy_gta_page .purchase:after {
top: -35px;
left: 15px;
}
.buy_gta_page .purchase_buttons {
margin: auto;
position: absolute;
width: calc(100% - 40px);
left: 0;
right: 0;
bottom: 20px;
}
.buy_gta_page a.buy_gta_link {
padding: 0;
position: static;
width: 35%;
font-size: 14px;
margin: 0;
}
.buy_gta_page .how_to_activate {
padding: 0;
font-size: 14px;
margin: 0;
text-align: center;
width: calc(65% - 10px);
display: block;
line-height: 50px;
}
.buy_gta_page .purchase_total > h3 {
font-size: 18px;
}
.purchase {
height: 140px;
margin: 10px 0 20px 0;
display: block;
padding: 32px 0 0 0;
}
.purchase button, .buy_gta_link {
width: calc(100% - 40px);
margin: auto;
top: auto;
bottom: 20px;
left: 0;
right: 0;
height: 50px;
}
.purchase:after {
width: 90px;
height: 100px;
top: -10px;
left: 10px;
background-image: url(../svg/buy_icon.svg);
}
p.note {
font-size: 13px;
padding: 0 0 0 25px;
}
p.note:after {
width: 16px;
height: 16px;
background-size: 100% !important;
}
.purchase_total {
padding: 0 0 0 125px;
}
.purchase_total > h3 {
font-size: 14px;
}
.nice-select {
font-size: 14px;
height: 42px;
line-height: 42px;
border-radius: 6px;
padding-left: 42px;
}
.nice-select:before {
width: 13px;
height: 16px;
background-size: 100%;
}
.nice-select:after {
border: 4px solid transparent;
border-top: 7px solid #C4C4C4;
}
.nickname input, input.default {
width: calc(100% - 65px);
height: 44px;
font-size: 14px;
padding: 0 20px 0 45px;
}
.window_field:after, .window_field.new_password:after {
left: 10px;
}
.nickname:after {
width: 14px;
height: 16px;
background-size: 100%;
}
.nice-select .list {
padding: 5px 0;
}
.nice-select .option {
border-radius: 6px;
margin: 0 auto;
width: calc(100% - 30px);
line-height: 42px;
min-height: 42px;
}
.nice-select:before {
left: 14px;
background-size: 100%;
}
.panel_heroes_counter > h3 {
font-size: 14px;
}
.panel_heroes_counter:after {
width: 12px;
height: 14px;
background-size: 100%;
background-repeat: no-repeat;
}
.panel_heroes_counter > span {
border-radius: 8px;
margin: 0 0 0 5px;
}
.panel_right {
margin: 25px 0 0 0;
}
.panel_right_row {
margin: 0;
}
.panel_heroes_statistic > h3 {
font-size: 24px;
top: 0;
margin: 0 0 18px 0;
}
.heroes_controller > *:after {
width: 16px;
background-position: -18px 0;
}
.heroes_controller > *:hover:after {
width: 16px;
background-position: -18px 0;
}
.heroes_controller {
display: flex;
flex-direction: row-reverse;
}
.panel_heroes_statistic_unit {
padding: 13px 0;
}
.panel_heroes_statistic_unit > h3 {
width: calc(50% - 34px);
padding: 0 17px;
}
.panel_heroes_statistic_unit > span {
width: calc(50% - 17px);
padding: 0 17px 0 0;
}
.panel_heroes_statistic_unit {
font-size: 14px;
}
.panel_heroes_statistic {
position: relative;
top: -25px;
}
.heroes_controller > * {
width: 34px;
height: 46px;
margin: 0 6px 0 0;
}
.heroes_controller > *:first-of-type {
margin: 0;
}
.panel_actions .settings {
background-size: 16px;
}
.panel_actions .settings:after {
width: 4px;
height: 4px;
top: 5px;
right: 6px;
}
.panel_actions .settings, .panel header .logo, .panel header nav {
width: 36px;
height: 36px;
}
.panel_actions .logout, header .container nav li:last-of-type a {
width: 34px;
height: 34px;
}
.userpanel a, .userpanel .login {
font-size: 14px;
line-height: 36px;
height: 36px;
}
header nav {
width: calc(100% - 55px) !important;
}
.main_page header .container:before {
top: 40px;
}
.promo {
margin: 250px 0 0 0;
padding: 250px 0 0 0;
}
header a.shop:before {
width: 16px;
height: 17px;
}
.panel header .container {
height: 66px;
}
.panel header nav {
right: 84px;
}
.panel_balance {
width: calc(100% - 80px);
height: 90px;
margin: 18px 0 0 0;
height: 62px;
}
.panel_user_description .user_email {
margin: 5px 0 0 0;
}
.panel_balance_counter > h3 {
font-size: 12px;
}
.panel_balance_counter > span {
font-size: 15px;
}
.panel_balance {
width: calc(100% - 55px);
padding: 0 0 0 55px;
}
.panel_balance:after {
left: 15px;
width: 30px;
height: 30px;
}
.panel_deposit_button {
line-height: 40px;
padding: 0 38px 0 15px;
font-size: 13px;
margin: 0 12px 0 auto;
}
.panel_deposit_button:after {
width: 14px;
right: 14px;
background-repeat: no-repeat;
background-position: -10px 50%;
}
.panel_history_top > h3 {
font-size: 14px;
}
.panel_history_top {
height: 50px;
padding: 0 0 0 43px;
}
.panel_history_top:after {
width: 14px;
height: 20px;
background-size: 100%;
left: 17px;
}
.panel_history {
max-height: 50px;
}
.panel_history_top:before {
right: 13px;
}
.panel_history_date {
font-size: 10px;
}
.panel_history_change {
font-size: 14px;
}
.panel_note {
margin: 10px 0 0 0;
padding: 17px 20px 17px 46px;
font-size: 14px;
}
.panel_note:after {
width: 16px;
height: 16px;
background-size: 100%;
top: 16px;
left: 14px;
}
.panel_user_avatar, .panel_user_avatar img {
width: 66px;
height: 66px;
}
.panel_user_description > h3 {
font-size: 16px;
}
.panel_user_description .user_email {
font-size: 12px;
}
.panel_user_description {
margin: 0 0 0 11px;
}
.email_status {
height: 24px;
line-height: 24px;
}
.panel > .row {
padding: 25px 0;
}
.steps_row {
margin: 0 0 0 0;
top: 200px;
width: 100%;
justify-content: center;
z-index: 1000;
}
.step {
width: calc(100% - 40px);
height: 320px;
margin: 20px 0 0 0;
}
.step_description {
padding: 100px 20px 0 20px;
position: absolute;
top: 50px;
left: 0;
width: calc(100% - 40px);
}
.step_description h3 {
font-size: 16px;
line-height: 20px;
}
.step_description a {
width: 115px;
height: 50px;
padding: 0 0 0 23px;
font-size: 15px;
line-height: 50px;
/*margin: 10px 0 0 0;*/
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}
.step_description a:after {
background-size: 100% !important;
background-repeat: no-repeat !important;
}
.buy .step_description a:after, .install .step_description a:after {
width: 20px;
height: 21px;
}
.start .step_description a:after {
width: 22px;
height: 22px;
}
.step > h5 {
font-size: 50px;
line-height: 45px;
width: 55px;
bottom: -4px;
}
.step_description {
padding: 85px 0 0 0;
position: absolute;
top: 50px;
left: 0;
width: 100%;
display: flex;
flex-flow: column;
height: 58%;
}
.step_description:after {
width: 120px;
top: -65px;
left: 0;
right: 0;
margin: auto;
}
.news_row > h3 {
font-size: 32px;
top: -64px;
}
.panel_history.opened {
padding: 0 0 15px 0;
}
.load_more {
width: calc(100% - 30px);
margin: 15px auto 0 auto;
}
.session .server_select {
min-height: 60px;
}
.session .password {
margin: 5px 0 0 0;
}
.step_description-download {
/*padding: 85px 0 0 0 !important;*/
}
}
@media screen and (max-width: 550px) {
.kinguin_code_button {
width: 125px;
height: 52px;
font-size: 13px;
}
.kinguin_code input[type="text"] {
width: calc(100% - 171px);
height: 50px;
font-size: 14px;
padding: 0 15px;
}
.partnership_page .server_select {
max-width: 250px;
}
.partnership_page div.nickname {
max-width: calc(100% - 265px);
}
.session_title > a {
font-size: 12px;
padding: 0 12px;
height: 42px;
}
.session_title > h3 {
font-size: 42px;
}
.vipstatuses ul li {
height: 48px;
width: calc(50% - 7px);
}
.vipstatuses li:before {
height: 146px;
width: calc(100% - 4px);
}
.gta_advantages {
flex-wrap: wrap;
padding: 30px 0 10px 0;
}
.gta_advantages > * {
width: 50%;
margin: 0 0 20px 0;
}
.window {
width: calc(90% - 40px);
max-width: 450px;
padding: 20px;
}
.email_section {
margin: 20px 0 0 0;
}
.window .window_top h3 {
font-size: 20px;
padding: 0 0 0 25px;
}
.window.settings_window .window_top h3:after {
width: 16px;
height: 16px;
}
.window {
top: 50px;
}
}
@media screen and (max-width: 500px) {
.coins_switcher:after {
width: 28px;
height: 28px;
background-size: 16px;
}
.coins_switcher_unit, .coins_switcher_unit input, .coins_buffer {
font-size: 15px;
}
.coins_switcher_unit input {
width: 18px;
min-width: 18px;
}
.shop_tabs {
flex-wrap: wrap;
}
.shop_tabs {
position: relative;
}
.discord_promo_title > h3 {
font-size: 20px;
}
.discord_promo {
height: auto;
width: 100%;
padding: 0;
margin: 0 0 110px 0;
}
.discord_promo:before, .discord_promo:after {
display: none;
}
.discord_promo_row, .discord_promo {
display: block;
}
.discord_promo a {
width: 110px;
line-height: 46px;
height: 46px;
font-size: 14px;
margin: 15px auto 0 auto;
display: block;
}
.discord_promo_title > span {
font-size: 17px;
letter-spacing: 0;
}
.discord_promo_title:after, .discord_promo_title:before {
width: 90px;
height: 90px;
left: 0;
right: 0;
top: -18px;
bottom: auto;
}
.discord_promo_row:after {
width: 132px;
height: 132px;
left: 0;
right: 0;
margin: auto;
top: -40px;
}
.discord_promo_title {
padding: 85px 0 0 0;
text-align: center;
width: 100%;
}
.media_videos a:after {
width: 32px;
height: 32px;
}
.media_description {
font-size: 14px;
line-height: 140%;
}
.media_promocode p {
font-size: 12px;
line-height: 16px;
}
.media_promocode h3 {
font-size: 14px;
line-height: initial;
}
.media_videos a:before {
width: 12px;
height: 14px;
background-size: 100%;
}
.media_videos {
justify-content: space-between;
}
.media_videos a {
width: calc(33.33% - 4px);
margin: 0;
}
.window_close_button {
width: 16px;
height: 16px;
right: 0;
top: 0;
background-size: 100%;
background-repeat: no-repeat;
}
.partnership_page div.nickname, .partnership_page .nickname input {
max-width: none;
}
.partnership_page button {
line-height: 60px;
height: 60px;
width: 100%;
}
.session_content {
width: 100%;
margin: 30px auto 0 auto;
}
.main_page header .content {
width: calc(100% - 40px);
padding: 0 20px;
}
.main_page header .container:before {
width: 400px;
left: -20px;
right: -20px;
}
.promo {
margin: 200px 0 0 0;
padding: 200px 0 0 0;
}
.communication {
min-height: 0;
}
a.mail {
height: 38px;
width: 38px;
font-size: 0;
padding: 0;
}
a.mail:after {
width: 20px;
background-size: 100%;
height: 14px;
left: 0;
right: 0;
}
footer .logo {
background-size: 130px 42px;
width: 32px;
height: 32px;
background-position: 0;
margin: 0 10px 0 0;
}
.copyright {
font-size: 12px;
line-height: 18px;
display: flex;
align-items: center;
min-height: 40px;
}
.main_page footer {
margin: 25px 0 0 0;
}
footer nav ul a, footer nav ul:first-of-type a {
font-size: 12px;
}
footer nav ul:nth-of-type(2) {
position: static;
margin: 20px 0 0 0;
}
.follow li a.twitter {
background-size: 35px;
}
.follow li a.facebook {
background-size: 30px;
}
.follow li a.discord {
background-size: 42px;
}
.communication > i {
height: 260px;
}
.parthnership > a {
width: 110px;
height: 44px;
margin: 20px 0 0 0;
}
.follow ul, .follow ul a {
width: 100%;
}
.follow ul li:first-of-type a {
margin: 0;
}
.follow ul li:last-of-type a {
margin: 0 0 0 4px;
}
.follow ul a {
margin: 0 0 0 2px;
}
.follow ul li {
width: calc(33.33% - 3px);
}
.follow ul li a {
padding: 63px 0 0 0;
}
.follow > h3, .parthnership > h3 {
font-size: 22px;
}
.follow {
padding: 45px 0 0 0;
}
.follow > p, .parthnership > p {
font-size: 14px;
line-height: 18px;
}
.follow li a {
background-position: 50% 25px;
}
a.watch {
margin: 0 0 0 20px;
font-size: 13px;
padding: 0 80px 0 0;
}
a.watch span {
width: 30px;
height: 30px;
}
a.watch:before {
width: 80px;
height: 80px;
}
a.watch span:before {
width: 46px;
height: 46px;
right: -9px;
}
a.watch:after {
width: 96px;
height: 96px;
right: 10px;
}
a.watch span:after {
width: 18px;
height: 18px;
background-size: 8px;
}
.start_play {
height: 40px;
font-size: 12px;
padding: 0 18px;
}
.promo > h3 {
font-size: 32px;
}
.promo > p {
width: 100%;
font-size: 14px;
line-height: 18px;
margin: 15px 0 0 0;
}
.promo_buttons {
top: 30px;
}
.shop_selection {
justify-content: center;
}
.vipstatuses {
margin: 10px 0 0 0;
}
.game_shop .server_select, .game_shop .nickname {
max-width: 100%;
}
.game_shop .nickname {
margin: 10px 0 0 0;
}
.lawyer {
width: 300px;
height: 360px;
}
.lawyer:before {
top: 0;
}
.lawyer:after {
width: 100%;
height: 600px;
left: 0;
}
.news_container {
width: 100%;
}
.news_row > h3 {
font-size: 24px;
top: -70px;
}
.news_row > a {
height: 36px;
line-height: 36px;
font-size: 12px;
}
.news_row > a span {
line-height: 20px;
font-size: 11px;
}
.news_container_unit > a h3 {
font-size: 15px;
}
.news_container_unit p {
font-size: 13px;
line-height: 20px;
margin: 10px 0;
}
.news_container_unit > a {
width: calc(100% - 40px);
padding: 20px;
}
.btn-group-download {
margin-top: 40px;
}
}
@media screen and (max-width: 400px) {
.shop_stripe {
background-size: 60px;
}
.shop_kinguin, .shop_paypal {
background-size: 70px;
}
.panel_heroes_statistic > h3 {
font-size: 21px;
}
.window.settings_window.recovery .window_top h3 {
font-size: 17px;
}
.promo {
padding: 140px 0 0 0;
}
.main_page header .container:before {
width: 350px;
left: -20px;
right: -20px;
}
.buy_gta_page a.buy_gta_link {
width: 62px;
}
.buy_gta_page .how_to_activate {
width: calc(100% - 74px);
}
}
@media screen and (max-width: 370px) {
.header_kinguin_code {
display: none;
}
.promo_kinguin_link span {
display: inline-block;
line-height: 34px;
}
.promo_kinguin_link span {
padding: 0 30px 0 0;
position: relative;
}
.promo_kinguin_link span {
color: #E4E4E2;
}
.promo_kinguin_link span:hover {
color: #FFBB1C;
}
.promo_kinguin_link {
display: block;
}
}
@media screen and (max-width: 350px) {
.navigation_window li a, .window_discord_link span {
display: inline-block;
line-height: 34px;
}
.window_discord_link span {
padding: 0 40px 0 0;
position: relative;
}
.navigation_window ul li {
margin: 0 0 15px 0;
}
.window_discord_link span {
color: #A281E8;
}
.header_mob_discord {
display: none;
}
.window_discord_link {
display: block;
}
header nav ul li:first-of-type {
left: 0;
}
.shop_gift_cards li a {
width: 131px;
height: 82px;
background-size: 131px;
}
.buy_gta_page a.buy_gta {
padding: 0 15px;
}
.panel_note {
font-size: 12px;
}
.promo {
margin: 150px 0 0 0;
}
.main_page header .container:before {
width: 320px;
}
footer nav ul:first-of-type li {
margin: 0 0 0 20px !important;
}
.promo > p {
font-size: 12px;
}
a.buy_gta {
padding: 0 15px;
}
.buy_gta_page .buy_gta:after {
display: none;
}
}
@media screen and (max-width: 320px) {
.header_top ul li .shop {
display: none;
}
.btn_shop_link span {
display: inline-block;
line-height: 34px;
}
.btn_shop_link span {
padding: 0 30px 0 0;
position: relative;
}
.btn_shop_link span {
color: #E4E4E2;
}
.btn_shop_link span:hover {
color: #FFBB1C;
}
.btn_shop_link {
display: block;
}
}
.communication, .news, .steps, footer {
z-index: 100;
}
/* Validation */
.alert {
display: none;
}
.error-message {
color: #EB6868;
font-size: 14px;
margin: 10px 0 0 0;
}
input.is-invalid {
background: rgba(64, 50, 56, 0.2);
border: 1px solid #934046;
}
input.is-invalid::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #FF8989 !important;
}
input.is-invalid::-moz-placeholder, textarea::-moz-placeholder {
color: #FF8989 !important;
}
input.is-invalid:-moz-placeholder, textarea:-moz-placeholder {
color: #FF8989 !important;
}
input.is-invalid:-ms-input-placeholder, textarea::-ms-input-placeholder {
color: #FF8989 !important;
}
input.is-invalid:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
color: transparent !important;
}
input.is-invalid:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
color: transparent !important;
}
input.is-invalid:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
color: transparent !important;
}
input.is-invalid:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
color: transparent !important;
}
/* Messages (status) */
.message_window {
display: none;
}
.swal-modal {
background: #111111;
width: 300px;
/* height: 150px; */
border-radius: 25px;
overflow: hidden;
/*visibility: hidden;
opacity: 0;
transform: scale(.5);*/
}
.message_window.opened {
opacity: 1;
visibility: visible;
transform: scale(1);
top: 0;
}
.swal-title {
font-size: 32px;
color: #fff;
font-weight: bold;
padding: 0;
}
.swal-text {
margin: 0 0 20px 0;
color: #b6b6b6;
text-align: center;
}
.swal-button {
width: calc(100% - 40px);
text-align: center;
display: block;
margin: 0 auto 20px auto;
border-radius: 15px;
height: 60px;
color: #151418;
background: #FFBB1C;
font-size: 18px;
text-decoration: none;
cursor: pointer;
font-weight: bold;
border: none !important;
box-shadow: none !important;
}
.swal-icon--success__hide-corners, .swal-icon:before, .swal-icon:after {
display: none;
}
.swal-footer, .swal-button-container {
margin: 0;
padding: 0;
width: 100%;
}
.swal-button:not([disabled]):hover {
color: #794B20;
background-color: #FFC940;
}
/* 25.06 */
.default_high_title {
display: block;
font-size: 24px;
margin: 15px 0 5px 0;
font-weight: 700;
}
.fullnews h1, .fullnews h2, .fullnews h3 {
display: block;
font-size: 24px;
margin: 15px 0 5px 0;
font-weight: 700;
}
.default_high_title span {
margin: 0 15px 0 0;
color: #ffbb1a;
}
.default_spaced_item span {
color: #ffbb1a;
}
.default_spaced_item {
margin: 10px 0 0 50px;
}
body ul.privacy_list {
margin: 0 0 15px 0;
}
.privacy_list li {
margin: 15px 0 0 70px;
}
.default_link {
text-decoration: none;
display: inline-block;
color: #ffbb1a;
border-bottom: 1px solid rgb(255, 187, 26, .6);
}
.default_link:hover {
border-bottom: 1px solid rgb(255, 187, 26, 0);
}
p.privacy_note {
font-size: 17px;
color: #6e6e6e;
font-style: italic;
}
@media screen and (max-width: 768px) {
.default_spaced_item {
margin: 10px 0 0 20px;
}
.default_high_title {
font-size: 20px;
}
.privacy_list li {
margin: 15px 0 0 20px;
}
}
html.news_page .news_page_row > h3 {
color: #fff;
}
.inner_page_loaded header {
z-index: 10001;
}
/*
*
* ЭТО В КОНЕЦ ФАЙЛА
*
*
*/
@media screen and (max-width: 1600px) {
.online_server:nth-of-type(2) {
width: 220px;
}
.server_description > h3 {
font-size: 22px;
margin: 0 0 2px 0;
}
.online_discord_row > h3 {
font-size: 20px;
}
.server_description span {
font-size: 12px;
}
}
@media screen and (max-width: 1150px) {
.online_discord_row > a {
width: 64px;
padding: 0;
position: absolute;
bottom: -10px;
left: 0;
right: 0;
margin: auto;
text-align: center;
}
.online_discord_row > h3 {
font-size: 0;
}
}
@media screen and (max-width: 1100px) {
.main_page .online {
margin: 15px 0 0 0;
}
.step_description a {
margin-bottom: 30px;
}
}
.donate_layout_custom {
height: 100vh;
}
.donate_layout_custom .custom_page {
padding: 0;
height: 100%;
display: flex;
flex-direction: column;
/*justify-content: space-between;*/
}
.donate_layout_custom .custom_page .userpanel a {
color: #FFBB1C !important;
}
.donate_layout_custom .custom_page .userpanel .login {
color: #090909 !important;
background-color: #FFBB1C !important;
}
.background_donate {
background-image: url("../images/donate_layout_img/coins-background.png");
background-position: bottom;
background-repeat: no-repeat;
background-size: 100%;
position: relative;
min-height: 625px;
z-index: 1;
}
.background_donate::before {
content: '';
background-image: url("../images/donate_layout_img/particles-background.png");
background-size: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: bottom;
position: fixed;
margin: auto;
mix-blend-mode: screen;
bottom: 0;
width: 100%;
}
.donate_layout_custom .custom_page .main_content {
position: relative;
width: 100%;
margin: 90px auto;
}
.donate_layout_custom .custom_page .container {
width: 100%;
max-width: 1400px;
margin: 0 auto;
position: relative;
}
.donate_layout_custom .custom_page .main_content .main_content_header {
display: flex;
/*flex-direction: column;*/
}
.donate_layout_custom .custom_page .main_content .main_content_header .page_paginator {
display: flex;
position: absolute;
top: 0;
bottom: 0;
}
.donate_layout_custom .page_paginator .page_turning {
cursor: pointer;
border: 2px solid #FFFFFF;
backdrop-filter: blur(8.5px);
border-radius: 16px;
padding: 12px 10px;
height: fit-content;
margin-top: auto;
margin-bottom: auto;
}
.donate_layout_custom .page_paginator .page_number {
margin-top: auto;
margin-bottom: auto;
margin-left: 30px;
font-family: 'HCo Gotham';
font-style: normal;
font-weight: 700;
font-size: 25px;
line-height: 30px;
text-align: center;
color: #FFFFFF;
opacity: 0.5;
}
.donate_layout_custom .text_title {
font-family: 'HCo Gotham';
width: 100%;
text-align: center;
color: #1a191e;
font-style: normal;
font-weight: 700;
font-size: 83px;
line-height: 98px;
text-shadow: -0 -1px 0 #FFFFFF,
0 -1px 0 #FFFFFF,
-0 1px 0 #FFFFFF,
0 1px 0 #FFFFFF,
-1px -0 0 #FFFFFF,
1px -0 0 #FFFFFF,
-1px 0 0 #FFFFFF,
1px 0 0 #FFFFFF,
-1px -1px 0 #FFFFFF,
1px -1px 0 #FFFFFF,
-1px 1px 0 #FFFFFF,
1px 1px 0 #FFFFFF,
-1px -1px 0 #FFFFFF,
1px -1px 0 #FFFFFF,
-1px 1px 0 #FFFFFF,
1px 1px 0 #FFFFFF;
}
.donate_layout_custom .content_body {
position: absolute;
width: 100%;
display: flex;
flex-direction: column;
z-index: 9;
}
.donate_layout_custom .content_kinguin {
position: absolute;
width: 100%;
display: flex;
flex-direction: column;
z-index: 9;
}
.donate_layout_custom .second_text {
font-family: 'HCo Gotham';
font-style: normal;
font-weight: 700;
font-size: 25px;
line-height: 30px;
width: 100%;
text-align: center;
color: #FFFFFF;
}
.donate_layout_custom a.step_install_link--turkey {
/*background-image: url(../svg/en.svg);*/
background-image: url("../images/donate_layout_img/background-turkey.png");
}
.donate_layout_custom a.step_install_link--tr {
background-image: url(../svg/tr.svg);
}
.donate_layout_custom a.step_install_link {
width: 309px;
padding: 23px 0 23px 0;
background-color: #302F36;
background-repeat: no-repeat;
background-size: 80px;
background-position: 0 50%;
border: 3px solid #FFBB1C;
box-shadow: 0 0 8px rgb(0 0 0 / 50%);
border-radius: 10px;
position: relative;
display: flex;
margin: 80px auto 0 auto;
cursor: pointer;
}
.donate_layout_custom a.step_install_link .name_btn {
font-family: 'HCo Gotham';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 19px;
color: #FFFFFF;
margin: auto;
}
.donate_layout_custom .page_turning_btn {
position: absolute;
transform: rotate(180deg) translate(50%, 50%);
top: 50%;
right: 20px;
}
.donate_layout_custom .input_login {
margin: 25px auto;
}
.donate_layout_custom .input_login .custom_input_login {
border: 2px solid #FFFFFF;
border-radius: 5px;
padding: 15px 20px;
width: 270px;
background: none;
}
.donate_layout_custom .input_login input[placeholder] {
font-family: 'HCo Gotham';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
}
.donate_layout_custom .item {
margin: 10px auto;
}
.donate_layout_custom .checkbox-rect input[type="checkbox"] {
display: none;
}
.donate_layout_custom .checkbox-rect input[type="checkbox"] + label {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 20px;
font: 14px/20px "Open Sans", Arial, sans-serif;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.donate_layout_custom .checkbox-rect input[type="checkbox"]:hover + label:before {
background: #50565a;
/*box-shadow: inset 0px 0px 0px 2px #f7f2f2;*/
}
.donate_layout_custom .checkbox-rect input[type="checkbox"] + label:last-child {
margin-bottom: 0;
}
.donate_layout_custom .checkbox-rect input[type="checkbox"] + label:before {
content: "";
display: block;
width: 20px;
height: 20px;
border: 1px solid #FFFFFF;
border-radius: 0.3em;
position: absolute;
left: 0;
top: 0;
-webkit-transition: all 0.2s, background 0.2s ease-in-out;
transition: all 0.2s, background 0.2s ease-in-out;
background: none;
}
.donate_layout_custom .checkbox-rect input[type="checkbox"]:checked + label:before {
width: 12px;
height: 12px;
border-radius: 0.3em;
border: 4px solid #1a191e;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
background: #FFBB1C;
/*padding: 4px;*/
box-shadow: 0 0 0 1px #fff;
}
.donate_layout_custom .checkbox-rect input[type="checkbox"]:checked:before + label:before {
background: #FFBB1C;
border-radius: 3px;
}
.donate_layout_custom .custom_lable {
font-family: 'HCo Gotham';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: #8f8f90;
}
.donate_layout_custom .custom_btn_next {
margin: 25px auto;
border: 2px solid #FFBB1C;
backdrop-filter: blur(8.5px);
border-radius: 10px;
padding: 16px 100px;
font-family: 'HCo Gotham';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 33px;
display: flex;
align-items: center;
text-align: center;
color: #FFBB1C;
cursor: pointer;
}
.donate_layout_custom .custom_btn_next:hover {
box-shadow: 0px 0px 15px #FFBB1C;
}
.donate_layout_custom .content_body_second {
position: absolute;
width: 100%;
display: flex;
flex-direction: column;
z-index: 9;
}
.donate_layout_custom .content_body_second .payment_methods {
display: grid;
gap: 20px;
grid-template-columns: repeat(4, 1fr);
margin: 20px auto;
}
.payment_methods .card_payment_methods {
border: 2px solid #8c8c8e;
backdrop-filter: blur(8.5px);
border-radius: 10px;
width: 150px;
height: 150px;
display: flex;
flex-direction: column;
cursor: pointer;
}
.payment_methods input[type=radio]:checked + .card_payment_methods {
border: 2px solid #FFBB1C !important;
}
.payment_methods .card_payment_methods:hover {
border: 2px solid #FFBB1C !important;
}
.payment_methods .card_payment_methods .img_content_payment {
margin: auto;
}
.donate_layout_custom .content_body_second .custom_btn_next {
margin: 5px auto;
}
.donate_layout_custom .content_body_third {
position: absolute;
width: 100%;
display: flex;
flex-direction: column;
z-index: 9;
}
.donate_layout_custom .content_body_third .currency_transfer {
display: flex;
flex-direction: column;
}
.currency_transfer .currency_transfer_head {
display: flex;
justify-content: space-between;
width: 492px;
margin: 20px auto;
}
.currency_transfer .currency_transfer_head .currency_usd {
font-family: 'HCo Gotham';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 20px;
align-items: center;
color: #97E037;
width: fit-content;
margin: auto 0;
}
.currency_transfer .currency_transfer_head .currency_flc {
font-family: 'HCo Gotham';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 20px;
align-items: center;
color: #FFBB1C;
width: fit-content;
margin: auto 0;
}
.currency_transfer .currency_transfer_head .change {
font-family: 'HCo Gotham';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 20px;
align-items: center;
color: #FFFFFF;
width: fit-content;
display: flex;
margin: auto 0px;
}
.currency_transfer .currency_transfer_head .change .change_x {
font-family: 'HCo Gotham';
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 27px;
align-items: center;
color: #FFBB1C;
text-shadow: 0px 0px 5px #FFBB1C;
width: fit-content;
margin: auto 10px 0 auto;
}
.donate_layout_custom .content_body_third .currency_transfer .currency_transfer_body {
display: flex;
width: 492px;
margin: 0 auto;
position: relative;
}
.currency_transfer .currency_transfer_body .input_left {
height: 30px;
padding: 38px 37px;
border: 2px solid #FFFFFF;
border-right: none;
backdrop-filter: blur(8.5px);
border-radius: 10px 0 0 10px;
background: none;
text-align: center;
}
.currency_transfer .currency_transfer_body .input_right {
height: 30px;
padding: 38px 37px;
border: 2px solid #FFFFFF;
border-left: 1px solid #8d8d8f;
backdrop-filter: blur(8.5px);
border-radius: 0 10px 10px 0;
background: none;
text-align: center;
}
.currency_transfer_body input {
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 33px;
display: flex;
align-items: center;
text-align: center;
color: #FFFFFF;
width: 170px;
}
.currency_transfer_body .swap {
position: absolute;
width: 40px;
height: 40px;
background: #1a191e;
z-index: 10;
border: 1.5px solid #8d8d8f;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
}
.donate_layout_custom .content_body_third .currency_transfer .currency_transfer_footer {
display: grid;
gap: 30px;
grid-template-columns: repeat(4, 1fr);
margin: 20px auto;
}
.currency_transfer .currency_transfer_footer .gift {
display: flex;
flex-direction: column;
}
.currency_transfer .currency_transfer_footer input[type=radio]:checked + .gift .img_gift {
filter: drop-shadow(0px 0px 15px #FFBB1C) !important;
}
.currency_transfer .currency_transfer_footer input[type=radio]:checked + .gift .img_gift path {
stroke: #FFBB1C !important;
}
.currency_transfer .currency_transfer_footer input[type=radio]:checked + .gift .amount_gift {
color: #FFBB1C !important;
text-shadow: 0px 0px 15px #FFBB1C;
}
.currency_transfer .currency_transfer_footer .active_gift .img_gift {
filter: drop-shadow(0px 0px 15px #FFBB1C) !important;
}
.currency_transfer .currency_transfer_footer .active_gift .img_gift path {
stroke: #FFBB1C !important;
}
.currency_transfer .currency_transfer_footer .active_gift .amount_gift {
color: #FFBB1C !important;
text-shadow: 0px 0px 15px #FFBB1C;
}
.currency_transfer .currency_transfer_footer .active_gift .text_gift {
color: #FFBB1C !important;
}
.currency_transfer .currency_transfer_footer .gift .img_gift {
margin: 0 auto;
}
.currency_transfer .currency_transfer_footer .gift .amount_gift {
font-family: 'HCo Gotham';
font-style: normal;
font-weight: 700;
font-size: 25px;
line-height: 30px;
text-align: center;
color: #FFFFFF;
margin: 5px 0;
}
.currency_transfer .currency_transfer_footer .gift .text_gift {
font-family: 'HCo Gotham';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 20px;
text-align: center;
color: #8e8d8e;
}
.donate_layout_custom .content_body_fourth {
position: absolute;
width: 100%;
display: flex;
flex-direction: column;
z-index: 9;
}
.donate_layout_custom .content_body_fourth .packages_amount_usd_main {
display: flex;
margin: 10px auto;
}
.content_body_fourth .packages_amount_usd_main .box_packages {
border: 2px solid #FFFFFF;
backdrop-filter: blur(8.5px);
border-radius: 10px;
padding: 22px 24px;
margin: 0 12px;
width: 140px;
display: flex;
}
.content_body_fourth .packages_amount_usd_main input[type=radio]:checked + .box_packages {
border: 2px solid #FFBB1C !important;
}
.content_body_fourth .packages_amount_usd_main .box_packages:hover {
border: 2px solid #FFBB1C !important;
}
.content_body_fourth .packages_amount_usd_main .box_packages .text_packages {
font-family: 'HCo Gotham';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 34px;
display: flex;
align-items: center;
text-align: center;
color: #FFFFFF;
margin: auto;
}
.content_body_fourth .packages_amount_usd_main input[type=radio]:checked + .box_packages .text_packages {
color: #FFBB1C !important;
}
.content_body_fourth .packages_amount_usd_main .box_packages:hover .text_packages {
color: #FFBB1C !important;
}
.content_body_fourth .info {
margin: 10px auto;
font-family: 'HCo Gotham';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
}
.donate_layout_custom .content_kinguin {
position: absolute;
width: 100%;
display: flex;
flex-direction: column;
z-index: 9;
}
.donate_layout_custom .content_kinguin .input_code {
margin: 0 auto;
}
.donate_layout_custom .content_kinguin .input_promo_code {
position: relative;
}
.donate_layout_custom .content_kinguin .input_promo_code .custom_input_promo_code {
padding: 15px 45px 15px 20px;
width: 245px;
}
.donate_layout_custom .content_kinguin .input_promo_code .img_kinguin {
position: absolute;
right: 8px;
top: 50%;
transform: translate(-50%, -50%);
filter: grayscale(100%);
}
.donate_layout_custom .content_kinguin .btn_apply_code {
padding: 16px 56px;
}
@media screen and (max-width: 1600px) {
.donate_layout_custom .custom_page .container {
width: 96%;
}
}
@media screen and (max-width: 1000px) {
.content_body_fourth .packages_amount_usd_main .box_packages {
padding: 14px 16px;
}
.content_body_fourth .packages_amount_usd_main .box_packages .text_packages {
font-size: 24px;
line-height: 26px;
}
}
@media screen and (max-width: 900px) {
.donate_layout_custom .text_title {
font-size: 70px;
line-height: 90px;
}
.donate_layout_custom .second_text {
font-size: 20px;
line-height: 25px;
}
.donate_layout_custom .content_body_fourth .packages_amount_usd_main {
flex-direction: column;
}
.donate_layout_custom .content_body_fourth .packages_amount_usd_main {
margin: 0 auto;
}
.content_body_fourth .packages_amount_usd_main .box_packages {
width: 150px;
display: flex;
margin: 10px auto;
}
.content_body_fourth .packages_amount_usd_main .box_packages .text_packages {
margin: 0 auto;
}
}
@media screen and (max-width: 800px) {
.donate_layout_custom .main_content_header {
flex-direction: column;
}
.donate_layout_custom .main_content_header .page_paginator {
position: relative !important;
margin: 15px auto;
}
.donate_layout_custom .custom_page .main_content {
margin: 50px auto;
}
.payment_methods .card_payment_methods {
width: 130px;
height: 130px;
}
.payment_methods .card_payment_methods .img_content_payment {
max-width: 130px;
}
}
@media screen and (max-width: 650px) {
.donate_layout_custom .content_body_second .payment_methods {
grid-template-columns: repeat(2, 1fr);
}
.donate_layout_custom .content_body_second a {
margin-bottom: 20px !important;
}
.currency_transfer .currency_transfer_head {
width: 420px;
}
.donate_layout_custom .content_body_third .currency_transfer .currency_transfer_body {
width: 420px;
}
.currency_transfer_body input {
font-size: 24px;
line-height: 26px;
width: 134px;
}
.donate_layout_custom .content_body_third .currency_transfer .currency_transfer_footer {
grid-template-columns: repeat(2, 1fr);
}
.currency_transfer .currency_transfer_body .input_left {
padding: 30px 37px;
}
.currency_transfer .currency_transfer_body .input_right {
padding: 30px 37px;
}
}
@media screen and (max-width: 500px) {
.donate_layout_custom .custom_page .main_content {
margin: 40px auto;
}
.currency_transfer .currency_transfer_head {
width: 380px;
}
.donate_layout_custom .content_body_third .currency_transfer .currency_transfer_body {
width: 380px;
}
.currency_transfer_body input {
font-size: 24px;
line-height: 26px;
width: 128px;
}
.donate_layout_custom .content_body_third .currency_transfer .currency_transfer_footer {
grid-template-columns: repeat(2, 1fr);
}
.currency_transfer .currency_transfer_body .input_left {
padding: 30px 30px;
}
.currency_transfer .currency_transfer_body .input_right {
padding: 30px 30px;
}
}
@media screen and (max-width: 450px) {
.currency_transfer .currency_transfer_head {
width: 340px;
}
.donate_layout_custom .content_body_third .currency_transfer .currency_transfer_body {
width: 340px;
}
.currency_transfer_body input {
font-size: 24px;
line-height: 26px;
width: 108px;
}
}
@media screen and (max-width: 400px) {
.donate_layout_custom .custom_page .main_content {
margin: 30px auto;
}
.donate_layout_custom .second_text {
font-size: 18px;
line-height: 22px;
}
.donate_layout_custom .text_title {
font-size: 60px;
line-height: 80px;
}
.donate_layout_custom .main_content_header .page_paginator {
margin: 10px auto;
}
.donate_layout_custom a.step_install_link {
width: 280px;
padding: 16px 0 16px 0;
margin: 30px auto 0 auto;
}
.donate_layout_custom .input_login .custom_input_login {
padding: 10px 20px;
width: 242px;
}
.donate_layout_custom .content_kinguin .input_promo_code .custom_input_promo_code {
padding: 10px 51px 10px 20px;
width: 211px;
}
.donate_layout_custom .checkbox-rect input[type="checkbox"] + label {
font: 13px/20px "Open Sans", Arial, sans-serif;
}
.donate_layout_custom .custom_btn_next {
margin: 16px auto;
padding: 12px 90px;
font-size: 28px;
line-height: 30px;
}
.donate_layout_custom .content_kinguin .btn_apply_code {
margin: 20px auto;
padding: 12px 48px;
font-size: 28px;
line-height: 30px;
}
.currency_transfer .currency_transfer_head {
width: 290px;
margin: 15px auto;
}
.currency_transfer .currency_transfer_head .currency_usd {
font-size: 14px;
line-height: 16px;
}
.currency_transfer .currency_transfer_head .change {
font-size: 14px;
line-height: 16px;
}
.currency_transfer .currency_transfer_head .change .change_x {
font-size: 20px;
line-height: 22px;
}
.currency_transfer .currency_transfer_head .currency_flc {
font-size: 14px;
line-height: 16px;
}
.donate_layout_custom .content_body_third .currency_transfer .currency_transfer_body {
width: 290px;
}
.currency_transfer_body input {
font-size: 24px;
line-height: 26px;
width: 108px;
}
.currency_transfer_body input {
font-size: 20px;
line-height: 24px;
width: 92px;
}
.currency_transfer .currency_transfer_body .input_left {
padding: 20px 25px;
}
.currency_transfer .currency_transfer_body .input_right {
padding: 20px 25px;
}
.currency_transfer_body .swap {
width: 35px;
height: 35px;
}
.currency_transfer .currency_transfer_footer .gift .text_gift {
font-size: 16px;
line-height: 18px;
}
.currency_transfer .currency_transfer_footer .gift .amount_gift {
font-size: 22px;
line-height: 26px;
}
}
.header_kinguin_code::before {
width: 20px;
height: 30px;
content: '';
position: absolute;
top: 50%;
transform: translate(-50%, -20%);
right: -40px;
bottom: 0;
margin: auto;
background-image: url("../images/promocode-kinguin.svg");
background-repeat: no-repeat;
}