- 06.01.2022
- 170
- 97
- Меценат
- #46
только классы поменял или еще что удалял?
GameCMS DarkMound 1.3.0
- Автор темы parliament
- Дата начала
- 04.06.2022
- 64
- 13
Код:
<select id="store_server" onchange="local_change_serv();">{servers}</select>
<span>Выберите сервер</span>- 06.01.2022
- 170
- 97
- Меценат
- #49
только стили
- Администратор
- Автор темы
- #50
Статистика шаблона.
- 11.06.2023
- 18
- 15
- Заблокирован
- #51
Чтоб изменить переходим в elements/server.tpl
Вставляем данный код
HTML:
<?
$ServerCommands = new ServerCommands();
$commands = $ServerCommands->getServerManagementCommands('{id}');
foreach($commands as $command) {
$command->params = json_encode($ServerCommands->getCommandParams($command->id));
}
?>
<div class="servers-block">
<div class="servers-online-block" style="background-image: url('{map_img}');background-size: cover;" data-toggle="modal" data-target="#server{id}" onclick="get_players({id});">
<span class="servers-online-now">{now}</span>
<div class="progress servers-online-line">
<div class="progress-bar bg-{color}" role="progressbar" style="width: {percentage}%;" aria-valuenow="{percentage}" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<img style="width: 27px;height: 27px;position: relative;left: 19px;margin-left: -30px;top: 21px;" src="../templates/DarkMound/img/circle.png">
<div class="servers-info-block">
<span class="servers-info-span">
<p style="color: #6e7a91;">{address} <b style="margin-left: 7px;font-size: 9px;position: relative;top: -1px;">|</b> <b style="margin-left: 7px;">{map_name}</b></p>
<a href="steam://connect/{address}" tooltip="yes" title="Подключиться к серверу">
<b style="color: #ffff;">{name}</b>
</a>
</span>
</div>
</div>
{if({i} > $countOfServersDisplayed && $countOfServersDisplayed != 0)}
<script>
if(!$("tr").is("#show_all_servers")) {
$("#servers").append("<tr style='cursor: pointer;' onclick=\"$('#servers tr').each(function(){$(this).fadeIn();});$('#show_all_servers').fadeOut();\" id='show_all_servers'><td colspan='10'>Отобразить все сервера</td></tr>");
}
</script>
{/if}
<tr style="display: none;">
<td>
<div class="modal fade" id="server{id}">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Игроки</h4> <span data-toggle="modal" data-target="#server-management-modal{id}">
⚙️
</span>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="table-responsive mb-0">
<table class="table table-bordered">
<tbody id="server-players{id}">
<tr>
<td colspan="10">
<div class="loader"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</td>
<td>
{if('{rcon}' == '1' && count($commands) > 0 && is_auth() && is_worthy_specifically("v", {id}))}
<span class="settings" data-toggle="modal" data-target="#server-management-modal{id}">
<i class="fas fa-cog"></i>
</span>
<div class="modal fade" id="server-management-modal{id}">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Управление сервером</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="input-group input-group-sm">
<div class="input-group-prepend">
<button class="btn btn-outline-primary" type="button" onclick='doRconCommandOnServer($("#server-management-command-id{id}").val(), $("#server-management-command-id{id} option:selected").attr("data-command-params"), {id});'>
Выполнить
</button>
</div>
<select id="server-management-command-id{id}" class="form-control">
{for($l = 0; $l < count($commands); $l++)}
<option value="{{$commands[$l]->id}}" data-command-params='{{$commands[$l]->params}}'>
{{$commands[$l]->title}}
</option>
{/for}
</select>
</div>
<pre class="mt-3" id="server-management-command-sending-result{id}" style="display: none; color:#fff;"></pre>
</div>
</div>
</div>
</div>
{/if}
</td>
</tr>
Последнее редактирование модератором:
- 11.06.2023
- 18
- 15
- Заблокирован
- #52
Адаптация шаблона под розыгрыши.
- 11.06.2023
- 18
- 15
- Заблокирован
- #53
А кто то фиксил загрузку аватарки в настройках профиля?? Выбираешь картинку, нажимаешь загрузить она не применяется))
- Администратор
- Автор темы
- #54
В BB-CODE хорошо бы заварачивать.Посмотреть вложение 3650
Чтоб изменить переходим в elements/server.tpl
Вставляем данный код
<?
$ServerCommands = new ServerCommands();
$commands = $ServerCommands->getServerManagementCommands('{id}');
foreach($commands as $command) {
$command->params = json_encode($ServerCommands->getCommandParams($command->id));
}
?>
<div class="servers-block">
<div class="servers-online-block" style="background-image: url('{map_img}');background-size: cover;" data-toggle="modal" data-target="#server{id}" onclick="get_players({id});">
<span class="servers-online-now">{now}</span>
<div class="progress servers-online-line">
<div class="progress-bar bg-{color}" role="progressbar" style="width: {percentage}%;" aria-valuenow="{percentage}" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<img style="width: 27px;height: 27px;position: relative;left: 19px;margin-left: -30px;top: 21px;" src="../templates/DarkMound/img/circle.png">
<div class="servers-info-block">
<span class="servers-info-span">
<p style="color: #6e7a91;">{address} <b style="margin-left: 7px;font-size: 9px;position: relative;top: -1px;">|</b> <b style="margin-left: 7px;">{map_name}</b></p>
<a href="steam://connect/{address}" tooltip="yes" title="Подключиться к серверу">
<b style="color: #ffff;">{name}</b>
</a>
</span>
</div>
</div>
{if({i} > $countOfServersDisplayed && $countOfServersDisplayed != 0)}
<script>
if(!$("tr").is("#show_all_servers")) {
$("#servers").append("<tr style='cursor: pointer;' onclick=\"$('#servers tr').each(function(){$(this).fadeIn();});$('#show_all_servers').fadeOut();\" id='show_all_servers'><td colspan='10'>Отобразить все сервера</td></tr>");
}
</script>
{/if}
<tr style="display: none;">
<td>
<div class="modal fade" id="server{id}">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Игроки</h4> <span data-toggle="modal" data-target="#server-management-modal{id}">
</span>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="table-responsive mb-0">
<table class="table table-bordered">
<tbody id="server-players{id}">
<tr>
<td colspan="10">
<div class="loader"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</td>
<td>
{if('{rcon}' == '1' && count($commands) > 0 && is_auth() && is_worthy_specifically("v", {id}))}
<span class="settings" data-toggle="modal" data-target="#server-management-modal{id}">
<i class="fas fa-cog"></i>
</span>
<div class="modal fade" id="server-management-modal{id}">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Управление сервером</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="input-group input-group-sm">
<div class="input-group-prepend">
<button class="btn btn-outline-primary" type="button" onclick='doRconCommandOnServer($("#server-management-command-id{id}").val(), $("#server-management-command-id{id} option:selected").attr("data-command-params"), {id});'>
Выполнить
</button>
</div>
<select id="server-management-command-id{id}" class="form-control">
{for($l = 0; $l < count($commands); $l++)}
<option value="{{$commands[$l]->id}}" data-command-params='{{$commands[$l]->params}}'>
{{$commands[$l]->title}}
</option>
{/for}
</select>
</div>
<pre class="mt-3" id="server-management-command-sending-result{id}" style="display: none; color:#fff;"></pre>
</div>
</div>
</div>
</div>
{/if}
</td>
</tr>
У этих шаблонов видать болезнь.
Нужно исправить.
- 11.06.2023
- 18
- 15
- Заблокирован
- #55
Фикс замены аватарки в профиле:
1.Переходим в home/settings.tpl
В самом низу находим похожий код
3. Заменяем его на
4. Ищем форму где у нас загрузка отправка аватарки и заменяем на этот код
1.Переходим в home/settings.tpl
В самом низу находим похожий код
КОД:
<script>
$(document).ready(function () {
init_tinymce("signature", "lite", "{file_manager_theme}", "", "");
});
$("#edit_user_avatar_form").submit(function (event) {
NProgress.start();
event.preventDefault();
var data = new FormData($('#edit_user_avatar_form')[0]);
$.ajax({
type: "POST",
url: "ajax/actions_a.php",
data: data,
contentType: false,
processData: false,
}).done(function (html) {
$("#edit_user_avatar_result").empty();
$("#edit_user_avatar_result").append(html);
$('#edit_user_avatar_form')[0].reset();
});
NProgress.done();
});
</script>
<script>
var anchor = window.location.hash.substr(1);
if(anchor != "account" && anchor != "contacts" && anchor != "privacy" && anchor != "referral_program") {
anchor = "account";
}
$("a[href='#"+anchor+"']").addClass("active");
$("#"+anchor).addClass("active");
$("#"+anchor).addClass("show");
</script>3. Заменяем его на
Код замена:
<script>
$(document).ready(function () {
init_tinymce("signature", "lite", "{file_manager_theme}", "", "");
});
$("#edit_user_avatar_form").submit(function (event) {
NProgress.start();
event.preventDefault();
var data = new FormData($('#edit_user_avatar_form')[0]);
$.ajax({
type: "POST",
url: "ajax/actions_a.php",
data: data,
contentType: false,
processData: false,
}).done(function (html) {
$("#edit_user_avatar_result").empty();
$("#edit_user_avatar_result").append(html);
$('#edit_user_avatar_form')[0].reset();
});
NProgress.done();
});
</script>
<script>
var anchor = window.location.hash.substr(1);
if(anchor != "account" && anchor != "contacts" && anchor != "privacy" && anchor != "referral_program") {
anchor = "account";
}
$("a[href='#"+anchor+"']").addClass("active");
$("#"+anchor).addClass("active");
$("#"+anchor).addClass("show");
</script>
<link href="{site_host}templates/admin/js/toasts/toasty.min.css" rel="stylesheet"/>
<script src="{site_host}templates/admin/js/toasts/toasty.min.js" type="text/javascript"></script>4. Ищем форму где у нас загрузка отправка аватарки и заменяем на этот код
Код замены:
<form enctype="multipart/form-data" id="edit_user_avatar_form">
<input type="hidden" id="token" name="token" value="{token}">
<input type="hidden" id="edit_user_avatar" name="edit_user_avatar" value="1">
<input type="hidden" id="phpaction" name="phpaction" value="1">
<div class="custom-file mb-0">
<input type="file" class="custom-file-input" id="user_avatar" accept="image/*" name="user_avatar">
<label class="custom-file-label" for="user_avatar">Выбрать...</label>
</div>
<small class="input-title mt-1" id="edit_user_avatar_result"></small>
<input class="btn btn-sm mt-2 mb-0" type="submit" value="Загрузить">
</form>
Мужики помогите пофиксить, хз что делать
- 06.01.2022
- 170
- 97
- Меценат
- #57
в режиме разработчика эту ошибку показывает
- 11.06.2023
- 18
- 15
- Заблокирован
- #58
Mysql PHP версию меняй)
Mysql 8.0 ставь, и php 7.4 желательно.
Если у тебя VDS сервак Linux поставь себе FASTPANEL очень хорошая среда, с ней никаких проблем не будет, причем она очень удобная
- 11.06.2023
- 18
- 15
- Заблокирован
- #59
Вот у меня стоит mysql 8.0 и php 7.4 на nginx, врежимек разработчика ни одной ошибки нет по шаблону.
- 11.06.2023
- 18
- 15
- Заблокирован
- #60
Подправил стиль, замените код в style3.css на код который ниже)
Вот сам стиль
CSS:
.thead-stats-table {
padding: 19px 23px;
background: #272f42;
border-radius: 4px;
margin: 5px;
user-select: none;
}
.tr-custom:hover {
border-radius:10px;
background:lime;
}
.tb-custom {
font-weight: 400!important;
font-size: 11px!important;
text-transform: uppercase!important;
color: var(--custom-text-color)!important;
letter-spacing: 1px!important;
cursor: auto!important;
align-items: center!important;
opacity: .5!important;
}
.td-custom {
font-size: 12px!important;
font-weight: 500!important;
letter-spacing: .5px!important;
align-items: center!important;
color: var(--custom-text-color)!important;
z-index: 2!important;
}
tbody tr th:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
tbody tr th:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
thead tr th:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
thead tr th:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
img.crug {width: 15px;animation-name: rotation;margin-right: 2px;position: relative;top: -1px;animation-duration: 3s;animation-iteration-count: infinite;animation-timing-function: linear;}
@-webkit-keyframes rotation {
0% {-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);}
100% {-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);}
}
@-moz-keyframes rotation {
0% {-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);}
100% {-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);}
}
@-o-keyframes rotation {
0% {-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);}
100% {-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);}
}
@keyframes rotation {
0% {-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);}
100% {-webkit-transform:rotate(360deg);
-moz-transform:rotate(720deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);}
}
.cifra {
margin-left: 5px;
color: rgb(255 255 255);
background: #3f495f;
padding: 3px 8px;
position: relative;
font-size: 9px;
border-radius: 50px;
font-weight: bold;
line-height: 8px;
}
.answer_forum {
color: #ffffff;
background: #272f42;
line-height: 24px;
border: none;
transition: .2s all;
font-weight: 600;
height: 36px;
font-size: 11px;
position: relative;
width: 100%;
border-radius: 9px;
}
.answer_forum:hover {
color: #ffffff;
background: #2f394e;
line-height: 24px;
border: none;
transition: .2s all;
font-weight: 600;
height: 36px;
font-size: 11px;
position: relative;
width: 100%;
border-radius: 9px;
}
.answer_forum:active {
color: #ffffff;
background: #2f394e;
line-height: 24px;
border: none;
transition: .2s all;
font-weight: 600;
height: 36px;
font-size: 11px;
position: relative;
width: 100%;
border-radius: 9px;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
transition: .15s all;
}
.forum_shapka {
display: flex;
padding: 20px 0px;
justify-content: space-between;
}
.forum_deatails {
background: #272f42;
padding: 10px 20px;
height: 39px;
color: #596174;
font-weight: 600;
font-size: 10.5px;
border-radius: 10px;
margin-bottom: -5px;
}
.like_forum {
color: #5086ff;
background: #5086ff30;
line-height: 38px;
border: none;
transition: .2s all;
height: 36px;
font-size: 16px;
position: relative;
width: 35%;
cursor: pointer;
margin-right: 8px;
border-radius: 9px;
}
.like_forum:hover {
color:#5086ff;
background: #5086ff26;
font-size: 16px;
position: relative;
border-radius: 9px;
}
.like_forum:active {
color:#5086ff;
background: #5086ff26;
font-size: 16px;
position: relative;
border-radius: 10px;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
transition: .15s all;
}
.like_forum:hover .bx-like {
-webkit-animation: 1.3s ease-in-out 0s normal none infinite running trambling-animation;
-moz-animation: 1.3s ease-in-out 0s normal none infinite running trambling-animation;
-o-animation: 1.3s ease-in-out 0s normal none infinite running trambling-animation;
animation: 1.3s ease-in-out 0s normal none infinite running trambling-animation;
}
@keyframes trambling-animation {
0%, 50%, 100% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
}
10%, 30% {
transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
}
20%, 40% {
transform: rotate(10deg);
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-o-transform: rotate(10deg);
-ms-transform: rotate(10deg);
}
}
.forum_next {
background: #272b38;
overflow: hidden;
border-radius: 11px;
margin-bottom: 0px;
font-size: 11px;
width: 100%;
display: flex;
color: #636876;
font-weight: 600;
list-style: none;
padding: 17px 0px 17px 15px;
}
.forum_next li {
margin-left: 6px;
margin-right: 6px;
}
.forum_next li a {
color: #fff;
}
.forum-infoo {padding: 5px;background: #1e2638;width: 200px;border-radius: 11px;margin-bottom: 0px;height: 50px;display: flex;font-weight: 600;font-size: 10px;float: right;margin-top: -55px;padding-left: 15px;align-items: center;}
.forum_next {
background: #272f42;
overflow: hidden;
border-radius: 11px;
margin-bottom: 0px;
font-size: 11px;
width: 100%;
display: flex;
color: #596174;
font-weight: 600;
list-style: none;
padding: 17px 0px 17px 15px;
}
.forum_next li {
margin-left: 6px;
margin-right: 6px;
}
.forum_next li a {
color: #fff;
}
.forum_delete {
background: #272f42;
color: #ffffff;
font-size: 11px;
text-align: center;
line-height: 40px;
border: none;
height: 39px;
margin-left: 6px;
width: 39px;
position: relative;
float: right;
transition: .2s all;
border-radius: 10px;
}
.forum_delete:hover {
background: #2f384d;
color: #ffffff;
font-size: 11px;
text-align: center;
line-height: 40px;
height: 39px;
margin-left: 6px;
width: 39px;
position: relative;
float: right;
transition: .2s all;
border-radius: 10px;
}
.forum_delete:active {
background: #2f384d;
color: #ffffff;
font-size: 11px;
text-align: center;
line-height: 40px;
height: 39px;
margin-left: 6px;
width: 39px;
position: relative;
float: right;
transition: .2s all;
border-radius: 10px;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.block_back {
background: #272f42;
padding: 0px;
border-radius: 13px;
display: flex;
margin-bottom: 0px;
justify-content: space-between;
}
.back_forum {
background: #5086ff;
padding: 10px 27px;
color: #ffffff;
font-size: 10.5px;
height: 39px;
margin-right: 7px;
position: relative;
top: 7px;
float: right;
transition: .2s all;
border-radius: 9px;
}
.back_forum:hover {
background: #3e6cd2;
padding: 10px 27px;
color: #ffffff;
font-size: 10.5px;
height: 39px;
margin-right: 7px;
position: relative;
top: 7px;
float: right;
transition: .2s all;
border-radius: 9px;
}
.back_forum:active {
background: #3e6cd2;
padding: 10px 27px;
color: #ffffff;
font-size: 10.5px;
height: 39px;
margin-right: 7px;
position: relative;
top: 7px;
float: right;
transition: .2s all;
border-radius: 9px;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.head-forum {
background: #272f42;
border-radius: 12px;
display: flex;
margin-top: -8px;
padding: 10px 15px;
}
.name_forum {
font-weight: 600;
margin-bottom: -4px;
}
.name_theme {
color: #5f687c;
font-weight: 600;
font-size: 10.5px;
}
.forum-setting {
background: #272f42;
border-radius: 10px;
padding: 11px 35px;
font-size: 10.5px;
color: #ffffff;
margin-bottom: 10px;
}
.forum-setting:hover {
background: #2d354a;
border-radius: 10px;
padding: 11px 35px;
font-size: 10.5px;
color: #ffffff;
margin-bottom: 10px;
}
.last_online {
width: 33px;
height: 33px;
border-radius: 9px;
margin-right: 7px;
}
.login_visit {
font-weight: 600;
}
.gp_visit {
color: #6e7a91;
font-weight: 600;
font-size: 10.5px;
}
.visit_users_online {
padding: 9px 10px;
color: #fff;
background: #272f42;
display: flex;
border-radius: 10px;
transition: .2s all;
margin-bottom: -13px;
align-items: center;
justify-content: space-between;
}
.visit_users_online:hover {
background: #2c3549;
padding: 9px 10px;
color: #fff;
transition: .2s all;
display: flex;
border-radius: 10px;
margin-bottom: -13px;
align-items: center;
justify-content: space-between;
}
.block_visit {
display: flex;
line-height: 15px;
flex-direction: column;
margin-left: 3px;
}
.avatar_event {
width: 35px;
height: 35px;
margin-right: -13px;
border-radius: 10px;
}
.result_uspeshno {
background: #1e2638;
color: #ffff;
font-family: 'Montserrat';
top: 4px;
padding: 10px 12px;
position: relative;
display: flex;
font-size: 10.5px;
border-radius: 11px;
align-items: center;
}
.block-ref-link {
background: #272f4200;
border-radius: 13px;
width: 130%;
margin-top: -14px;
margin-left: 40px;
}
.info-referal {
background: #1e2638;
border-radius: 12px;
padding: 20px 25px 23px;
font-size: 10.5px;
display: flex;
line-height: 16px;
color: #6f788b;
font-weight: 600;
justify-content: space-between;
}
.button-contacts {
position: relative;
padding: 15px 25px;
font-size: 10.5px;
color: #ffffff;
background: #272f42;
border: 1px solid #272f42;
line-height: normal;
border-radius: 10px;
font-weight: 600;
}
.button-contacts:hover {
position: relative;
padding: 15px 25px;
font-size: 10.5px;
color: #ffffff;
background: #2b3346;
border: 1px solid #2b3346;
border-radius: 10px;
font-weight: 600;
}
.navigation-setting {
list-style: none;
padding: 10px 13px;
background: #1e2638;
overflow: hidden;
margin-bottom: 20px;
display: flex;
border-radius: 15px;
justify-content: space-between;
}
.navigation-setting li {
/* border-top: 1px solid #171717; */
list-style-type: none;
}
.navigation-setting li:first-child {
border: 0;
}
.navigation-setting li a {
line-height: 20px;
font-size: 10.5px;
background: #272f42;
font-weight: 600;
color: #b1b6c5;
transition: 0.2s;
}
.navigation-setting li a b{
color: #6e7a91;
font-size: 10px;
transition: .2s all;
font-weight: 500;
background-color: #1e1e1e00;
}
.navigation-setting li a i {
color: #6e7a9187;
font-weight: 100;
float: left;
margin-right: 8px;
font-size: 13px;
background-color: #1e1e1e00;
}
.navigation-setting li a:hover {
display: block;
line-height: 20px;
font-size: 10.5px;
background-color: #2f384d;
font-weight: 600;
color: #b1b6c5;
padding: 10px 25px;
transition: 0.2s;
}
.navigation-setting li a:hover b{
color: #6e7a91;
font-size: 10px;
font-weight: 500;
background-color: #1e1e1e00;
}
.navigation-setting li a.active {
color: white;
background: linear-gradient(180deg, #3473ff 0%, rgb(80 134 255) 55%);
display: flex;
font-weight: 600;
align-items: center;
}
.navigation-setting li a.active b{
color: #bbc5dd;
font-size: 10px;
font-weight: 500;
background-color: #1e1e1e00;
}
.navigation-setting li a.active i {
color: #ffffff;
font-weight: 100;
float: left;
margin-right: 8px;
font-size: 13px;
background-color: #1e1e1e00;
}
.navigation-setting li.active a {
color: white;
font-weight: 600;
border: dashed 1px #272f42;
background: #272f42;
}
.navigation-setting.with-icons li a {
position: relative;
border-radius: 10px;
display: flex;
width: 195px;
height: 44px;
align-items: center;
justify-content: center;
}
.navigation-setting.with-icons li a i {
line-height: 20px;
position: relative;
text-align: center;
}
.wh-18 {
width: 1.0rem;
height: 1.0rem;
position: relative;
margin-left: 6px;
}
.noty_skidka {
background-color: #5086ff17;
border-radius: 11px;
font-size: 12px;
padding-left: 20px;
border: dashed 1px #5086ff;
margin-top: 18px;
display: flex;
padding-right: 50px;
font-weight: 600;
margin-bottom: 20px;
height: 10%;
justify-content: flex-start;
align-items: center;
}
.block_mes_avalon {
width: 500px;
margin-right: 4px;
padding-bottom: 7px;
margin-top: -3px;
}
.text-\[var\(--color\)\] {
color: #598bfe;
}
.login_donator {
color: #ffff;
}
.userss_online {
color: #ffffff;
font-weight: 600;
font-size: 10.5px;
line-height: 14px;
position: relative;
top: 1px;
margin-left: 14px;
}
.summa_donators {
padding: 6px 14px;
margin-right: 15px;
background: #2fc3820a;
border-radius: 10px;
color: #2fc382;
font-size: 10px;
transition: .2s all;
}
.top_donators:hover .summa_donators {
padding: 6px 14px;
transition: .2s all;
color: #2fc382;
background: #2fc38221;
margin-right: 15px;
font-size: 10px;
}
.donat_img {
width: 120px;
margin-top: -70px;
float: right;
left: 10px;
top: 30px;
position: relative;
}
.block_pass {
margin-top: 15px;
margin-bottom: 15px;
}
.auth_img {
width: 260px;
position: relative;
top: -52px;
float: right;
}
.zag_auth {
height: 65px;
border-radius: 15px 15px 0px 0px;
background: linear-gradient(327deg, #407bff38 0%, rgb(64 123 255) 100%);
padding: 20px;
display: flex;
align-items: center;
}
.exitmini {
font-weight: 600;
color: #6e7a91;
font-size: 11px;
display: block;
border-radius: 10px;
position: relative;
margin-left: auto;
margin-right: auto;
height: 43px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 225px;
transition: 0.2s;
padding: 10px;
line-height: 5px;
}
.exitmini i {
color: #6e7a91;
font-size: 17px;
margin-right: 5px;
transition: .2s all;
margin-left: 5px;
position: relative;
top: 3px;
}
.exitmini:hover i {
color: #ff6054;
font-size: 17px;
margin-right: 5px;
transition: .2s all;
margin-left: 5px;
position: relative;
top: 3px;
}
.exitmini:hover {
font-weight: 600;
color: #ffffff;
background: #272f42;
font-size: 11px;
display: block;
border-radius: 10px;
position: relative;
height: 43px;
line-height: 5px;
margin: auto;
text-overflow: ellipsis;
overflow: hidden;
max-width: 225px;
transition: 0.2s;
}
.top_donators {
display: block;
color: #677085;
border-radius: 13px;
transition: .1s all;
background: #262e4000;
padding: 10px 0px 10px 16px;
margin-bottom: 6px;
}
.top_donators:hover {
display: block;
color: #ffff;
transition: .1s all;
border-radius: 13px;
background: #272f42;
padding: 10px 0px 10px 16px;
}
.top_donators:active {
display: block;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
color: #ffff;
transition: .2s all;
border-radius: 13px;
background: #272f42;
padding: 10px 0px 10px 16px;
}
.block_fbrs {
margin: -13px -4px;
height: 100px;
padding: 24px 16px;
border-radius: 15px;
margin-bottom: 40px;
background: #272f42;
}
.profile_contact_block {
padding: 15px 16px;
margin-bottom: -20px;
background: #272f42;
height: 60px;
margin-top: 28px;
border-radius: 13px;
}
.profile_contact_opisanie {
font-size: 10.5px;
font-weight: 600;
position: relative;
left: 45px;
top: -26px;
color: #6e7a91;
}
.profile_contact_name {
color: #fff;
left: 12px;
top: -2px;
position: relative;
font-size: 11px;
}
.profile_contact_img {
float: right;
border-radius: 50%;
width: 30px;
top: 1px;
position: relative;
}
.nagradi {
height: 165px;
padding: 24px 26px;
border-radius: 15px;
background: #1e2638;
margin-bottom: 30px;
}
.rules_block {
display: flex;
flex-direction: column;
padding: 47px 45px;
margin-bottom: 30px;
border-radius: 15px;
height: 250px;
}
.rules_support_button {
background: #2fc38212;
padding: 12px 48px 12px 40px;
border: solid 1px #2fc38263;
width: max-content;
margin-top: 20px;
font-size: 11.5px;
border-radius: 10px;
}
.rules_support_button i {
font-size: 16px;
position: relative;
transition: .2s all;
top: 3px;
margin-right: 4px;
color: #2fc382;
}
.rules_support_button:hover i {
font-size: 16px;
position: relative;
transition: .2s all;
top: 3px;
margin-right: 4px;
color: #ffffff;
}
.rules_support_button:hover {
background: #4ac08c;
padding: 12px 48px 12px 40px;
border: solid 1px #4ac08c;
width: max-content;
margin-top: 20px;
font-size: 11.5px;
border-radius: 10px;
}
.rozigrish_block_top {
background: #272f428f;
height: 60px;
border-radius: 11px;
padding: 10px;
display: flex;
margin-bottom: 30px;
align-items: center;
transition: .2s all;
cursor: pointer;
justify-content: space-between;
}
.rozigrish_block_top:hover {
background: #324b8333;
height: 60px;
border-radius: 11px;
padding: 10px;
display: flex;
margin-bottom: 30px;
align-items: center;
transition: .2s all;
}
.rozigrish_block_top:active {
background: #324b8333;
height: 60px;
border-radius: 11px;
padding: 10px;
display: flex;
margin-bottom: 30px;
align-items: center;
transition: .2s all;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
transition: .15s all;
}
.rozigrish_block {
display: flex;
flex-direction: column;
line-height: 14px;
margin-left: 60px;
}
.rozigrish_h1 {
font-weight: 600;
font-size: 11px;
color: #ffff;
}
.rozigrish_opisanie {
font-size: 9.9px;
font-weight: 600;
color: #8892ab;
position: relative;
right: 0.6px;
}
.a {
border-radius:50%;
background: #5086ff;
width: 23px;
height: 19px;
margin-right: -15px;
margin-top: 25px;
margin-left: -7px;
z-index: 1;
border: solid 4px #161d2c;
display: flex;
justify-content: center;
}
.a:before {
content:'';
display: block;
border-radius: 50%;
background:#161d2c;
width:50%;
height: 50%;
align-self: center;
}
.news_button {
font-size: 10.7px;
font-weight: 600;
margin-left: 11px;
position: relative;
color: #ffff;
top: 22px;
}
.news_open {
font-size: 9px;
font-weight: 900;
margin-left: 11px;
position: relative;
border-radius: 50px;
padding: 1px 9px 1.5px;
color: #ffffff;
background: linear-gradient(246deg, #3473ff 0%, rgb(80 134 255) 55%);
top: 17px;
}
.forum_button {
font-size: 10.7px;
font-weight: 600;
margin-left: 11px;
position: relative;
color: #ffff;
top: 22px;
}
.forum_open {
font-size: 9px;
font-weight: 900;
margin-left: 11px;
position: relative;
border-radius: 50px;
padding: 1px 9px 1.5px;
color: #ffffff;
background: linear-gradient(246deg, #1d9b63 0%, rgb(62 161 117) 55%);
top: 17px;
}
.pulse {
width: 5px;
height: 5px;
border-radius: 50%;
margin-left: 16px;
background: #2fc382;
box-shadow: 0 0 0 #2fc38238;
animation: pulse 1.5s infinite;
}
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 #3a8dff47;
}
70% {
-webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
}
}
@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 #2fc3828a;
box-shadow: 0 0 0 0 #2fc3828a;
}
70% {
-moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
box-shadow: 0 0 0 6px rgba(204,169,44, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
box-shadow: 0 0 0 0 rgba(204,169,44, 0);
}
}
.toper_mini_blocks {
display: flex;
flex-wrap: nowrap;
}
.all_online {
background: #374158;
transition: all 0.2s;
padding: 8px;
border-radius: 50%;
font-size: 9px;
cursor: pointer;
top: 8px;
right: -5px;
display: inline-block;
margin-right: 13px;
padding-left: 8px;
position: relative;
color: #6d7993;
line-height: 11px;
width: 34px;
height: 34px;
font-weight: 600;
border: solid 3px #272f42;
}
.all_online:hover {
background: #3c4760;
transition: all 0.2s;
padding: 8px;
border-radius: 50%;
font-size: 9px;
top: 8px;
right: -5px;
display: inline-block;
margin-right: 13px;
padding-left: 8px;
position: relative;
color: #6d7993;
line-height: 11px;
width: 34px;
height: 34px;
font-weight: 600;
border: solid 3px #272f42;
}
.all_online:active {
background: #38435c;
transition: all 0.2s;
padding: 8px;
border-radius: 50%;
font-size: 9px;
top: 8px;
right: -5px;
display: inline-block;
margin-right: 13px;
padding-left: 8px;
position: relative;
color: #6d7993;
line-height: 11px;
width: 34px;
height: 34px;
font-weight: 600;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
transition: .2s all;
border: solid 3px #272f42;
}
.online_full {
background: #272f42;
border-radius: 11px;
height: 50px;
display: flex;
top: -22px;
position: relative;
justify-content: space-between;
}
.img_online {
width: 34px;
position: relative;
height: 34px;
top: 4px;
transition: .2s all;
border-radius: 50%;
margin-right: -13px;
border: solid 3px #272f42;
}
.img_online:hover {
width: 34px;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
transition: .2s all;
position: relative;
top: 4px;
border-radius: 50%;
margin-right: -13px;
border: solid 3px #272f42;
}
.toper_mini_block {
height: 140px;
margin-bottom: 1px;
width: 315px;
padding: 11px;
margin-right: 10px;
border-radius: 15px;
background:#1e2638;
}
.toper_mini_right {
height: 140px;
margin-bottom: 1px;
width: 110px;
border-radius: 15px;
background: #1e263800;
}
.toper_mini_right1 {
height: 65px;
cursor:pointer;
background: #1e2638;
border-radius: 15px;
transition: .2s all;
flex-direction: column;
}
.toper_mini_right1:hover {
height: 65px;
opacity: 0.7;
background: #1e2638;
border-radius: 15px;
transition: .2s all;
}
.toper_mini_right1:active {
height: 65px;
opacity: 0.7;
background: #1e2638;
border-radius: 15px;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
transition: .2s all;
}
.toper_mini_right2 {
height: 65px;
margin-top: 9px;
border-radius: 15px;
background: #1e2638;
transition: .2s all;
cursor:pointer;
}
.toper_mini_right2:hover {
height: 65px;
opacity: 0.7;
margin-top: 9px;
border-radius: 15px;
background: #1e2638;
transition: .2s all;
}
.toper_mini_right2:active {
height: 65px;
opacity: 0.7;
margin-top: 9px;
border-radius: 15px;
background: #1e2638;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
transition: .2s all;
}
.news_date {
font-size: 10px;
background: #ffffff14;
backdrop-filter: blur(1px);
border-radius: 50px;
border: solid 1px #ffffff1a;
position: absolute;
font-weight: 600;
margin-top: 5px;
text-align: center;
text-overflow: ellipsis;
width: calc( 40% - 46px );
overflow: hidden;
white-space: nowrap;
line-height: 25px;
margin-left: 7px;
color: #fff;
}
.ugol {
width: 11px;
position: relative;
margin-bottom: -12px;
height: 11px;
position: absolute;
bottom: 41px;
z-index: 1;
left: 24px;
border-radius: 50%;
border: solid 3px #1e2638;
}
.water_img {
width: 22px;
position: relative;
top: -1px;
}
.water {
float: left;
position: relative;
padding: 10px;
background: linear-gradient(229deg, #5a7dff 0%, #305bff 95%);
width: 40px;
/* box-shadow: 0px 0px 0px 5px rgb(80 134 255 / 15%); */
line-height: 10px;
height: 40px;
font-size: 12px;
border-radius: 11px;
}
.hide_uved {
display:none;
}
.case_menu_button {
background: linear-gradient(238deg, rgb(134 255 194 / 6%) 0%, rgb(39 47 66) 55%);
color: #fff;
}
.evetn_content {color: #6e7a91;font-size: 10.3px;font-weight: 600;line-height: 14px;}
.bx-chevron-right {
float: right;
background: #272f42;
padding: 11px;
color: #ffffff;
font-size: 16px;
transition: .2s all;
border-radius: 11px;
}
.bx-chevron-right:hover {
float: right;
transition: .2s all;
background: #323b50;
padding: 11px;
color: #ffffff;
font-size: 16px;
border-radius: 11px;
}
.bx-chevron-right:active {
float: right;
transition: .2s all;
background: #323b50;
padding: 11px;
color: #ffffff;
font-size: 16px;
border-radius: 11px;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.bx-package {
color: #95ffca;
padding: 4px;
margin-right: 7px;
font-size: 18px;
top: 4px;
margin-left: 1px;
position: relative;
}
.bx-lock-alt {
color: #6e7a91;
padding: 4px;
margin-right: 7px;
font-size: 18px;
top: 3px;
position: relative;
}
.bx-trophy {
color: #6e7a91;
padding: 4px;
font-weight: 500;
margin-right: 7px;
transition: .2s all;
font-size: 18px;
top: 4px;
position: relative;
}
.bx-shield {
color: #6e7a91;
padding: 4px;
font-weight: 500;
margin-right: 7px;
transition: .2s all;
font-size: 18px;
top: 4px;
position: relative;
}
.bx-layer {
color: #6e7a91;
padding: 4px;
font-weight: 500;
margin-right: 7px;
transition: .2s all;
font-size: 18px;
top: 4px;
position: relative;
}
.bx-support {
color: #6e7a91;
padding: 4px;
font-weight: 500;
margin-right: 7px;
transition: .2s all;
font-size: 18px;
top: 4px;
position: relative;
}
.bx-category {
color: #6e7a91;
padding: 4px;
font-weight: 500;
margin-right: 7px;
transition: .2s all;
font-size: 18px;
top: 4px;
position: relative;
}
.bx-user {
color: #6e7a91;
padding: 4px;
font-weight: 500;
margin-right: 7px;
transition: .2s all;
font-size: 18px;
top: 4px;
position: relative;
}
.bx-gift {
color: #6e7a91;
padding: 4px;
font-weight: 500;
margin-right: 7px;
transition: .2s all;
font-size: 18px;
top: 4px;
position: relative;
}
.bx-cart-alt {
color: #ffdaa3;
padding: 4px;
margin-right: 7px;
margin-left: 1px;
font-size: 18px;
top: 4px;
position: relative;
}
.new-menu {
font-weight: 500;
font-size: 8px;
float: right;
margin-top: 7px;
color: #95ffcafc;
padding: 0px 10px;
border: 1px solid #95ffca94;
filter: drop-shadow(rgba(107, 206, 165, 0.57) 0px 0px 16px);
border-radius: 5px;
}
.head_chat {
display: flex;
justify-content: space-between;
margin-bottom: -19px;
}
.img_input_chat {
width: 27px;
height: 27px;
border-radius: 50%;
position: relative;
top: -27px;
margin-left: 15px;
}
.show_user {
color: #6e7a91;
background: #272f42;
margin-left: -1px;
line-height: 38px;
margin-right: 5px;
font-size: 16px;
transition: .2s all;
height: 34px;
position: relative;
width: 34px;
cursor: pointer;
top: 12px;
border-radius: 10px;
}
.show_user:hover {
color:#6e7a91;
background: #2e374d;
font-size: 16px;
position: relative;
top: 12px;
border-radius: 10px;
}
.show_user:active {
color:#6e7a91;
background: #2e374d;
font-size: 16px;
position: relative;
top: 12px;
border-radius: 10px;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
transition: .15s all;
}
.show_user:hover .bx-bell {
-webkit-animation: 1.3s ease-in-out 0s normal none infinite running trambling-animation;
-moz-animation: 1.3s ease-in-out 0s normal none infinite running trambling-animation;
-o-animation: 1.3s ease-in-out 0s normal none infinite running trambling-animation;
animation: 1.3s ease-in-out 0s normal none infinite running trambling-animation;
}
@keyframes trambling-animation {
0%, 50%, 100% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
}
10%, 30% {
transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
}
20%, 40% {
transform: rotate(10deg);
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-o-transform: rotate(10deg);
-ms-transform: rotate(10deg);
}
}
.chat_date {
font-size: 10px;
color: #586378;
margin-left: -35px;
font-weight: 600;
float: right;
position: relative;
cursor: context-menu;
text-align: right;
margin-left: 20px;
bottom: -7px;
}
.answer {
font-size: 10px;
color: #58637800;
margin-left: 120px;
float: right;
margin-right: 3px;
transition: .2s all;
}
.answer:hover {
font-size: 10px;
color: #ffffff;
margin-left: 120px;
float: right;
transition: .2s all;
}
.chat_img {
width: 34px;
border-radius: 50%;
transition: .2s all;
position: absolute;
height: 34px;
bottom: 5px;
float: inherit;
}
.chat_img:hover {
width: 34px;
opacity: 0.7;
float: inherit;
margin-right: 5px;
border-radius: 50%;
transition: .1s all;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
transition: .3s all;
}
.chat_img:active {
width: 34px;
opacity: 0.7;
float: inherit;
margin-right: 5px;
border-radius: 50%;
transition: .3s all;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
transition: .3s all;
}
.blockobr
{
height: 85px;
background: #1e2638;
margin-bottom: 10px;
padding: 10px;
border-radius: 15px;
transition: 0.2s;
}
.blockobr:hover
{
height: 85px;
background: #232b3e;
padding: 10px;
margin-bottom: 10px;
border-radius: 15px;
transition: 0.2s;
}
.imgsupport
{
width: 80px;
top: -16px;
height: 82px;
position: relative;
line-height: 0px;
float: left;
}
@media (max-width: 991.99px) {
.logo {
display: block;
margin: 0;
float: left;
position: relative;
top: 20px;
transition: 0.8s;
height: 65px;
width: 65px;
background-image: url(../img/logo.png);
background-size: 100% 99%;
}
.logo:hover {
display: block;
margin: 0;
float: left;
position: relative;
top: 20px;
transition: 0.8s;
height: 65px;
width: 65px;
background-image: url(../img/logo2.png);
background-size: 100% 99%;
}
.wapper .header {
position: relative; }
.wapper .header ul {
display: none;
float: left;
height: 100%;
list-style: none;
/* margin: 0 0 0 40px; */
}
.wapper .header ul > li {
display: block;
float: left;
margin: 0 17px; }
.wapper .header ul > li > a {
font-size: 12px;
display: block;
height: 56px;
line-height: 56px;
color: #8a94a6; }
.wapper .header ul.user-menu {
display: block;
width: auto;
margin-top: 6px;
right: 80px;
float: right;
height: 32px;
position: relative;
}
.wapper .header ul.user-menu > li {
margin: 0 8px; }
.wapper .header ul.user-menu > li:nth-child(1), .wapper .header ul.user-menu > li:nth-child(2), .wapper .header ul.user-menu > li:nth-child(3) {
/* display: none; */
}
.wapper .header ul.user-menu > li.collapsible {
position: relative;
}
.wapper .header ul.user-menu > li.collapsible > a {
width: 42px; }
.wapper .header ul.user-menu > li.collapsible > a img {
width: 32px;
height: 32px;
border-radius: 50%;
display: block;
float: left;
right: 9px;
position: relative;
top: -15px;
}
.block_message_avalon {
display: flex;
justify-content: space-between;
background: #1e2638;
border-radius: 15px;
padding: 15px;
flex-direction: column;
}
#companions {
border-right: solid 1px #272f42;
width: 100%;
height: 275px;
overflow: auto;
margin-bottom: 30px;
}
.block_mes_avalon {
width: 100%;
margin-right: 4px;
height: 273px;
overflow: auto;
padding-right: 10px;
}
.toper_mini_block {
height: 140px;
margin-bottom: 1px;
width: 100%;
padding: 11px;
margin-right: 0px;
border-radius: 15px;
background: #1e2638;
}
.show_user {
display: none;
}
.news-button-bottom {
padding: 11px;
cursor: pointer;
text-align: center;
font-size: 10.5px;
background: #272f42;
bottom: -20px;
position: relative;
font-weight: 600;
border-radius: 10px;
transition: .2s all;
}
.news-button-bottom:hover {
padding: 11px;
cursor: pointer;
text-align: center;
font-size: 10.5px;
background: #2c3549;
bottom: -20px;
position: relative;
font-weight: 600;
border-radius: 10px;
transition: .2s all;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
margin-left: -20px;
margin-right: 0px;
}
.block_nick_group {
text-align: left;
margin-left: 35px;
width: 125px;
height: 10px;
display: none;
}
.wapper .header ul.user-menu > li.collapsible > a i {
display: block;
float: right;
line-height: 30px;
font-size: 10px; }
.wapper .header ul.user-menu > li > a {
height: 32px;
width: 32px;
line-height: 31px;
text-align: center;
margin: 0;
}
.wapper .header ul.user-menu > li > a i {
color: #0a1f4400;
display: none;
}
.wapper .header ul.user-menu > li > ul {
z-index: 1013;
display: none;
position: absolute;
right: calc(100% - 166px);
width: 250px;
height: auto;
list-style: none;
top: 75px;
margin: 0;
box-shadow: 0px 5px 10px #13151a4f;
padding: 0;
background: #1e2638;
border-radius: 4px;
overflow: hidden;
}
.wapper .header ul.user-menu > li > ul > li {
text-align: left;
width: 100%;
margin: 0 25px;
}
.wapper .header ul.user-menu > li > ul > li > a {
font-weight: 600;
color: #6e7a91;
font-size: 11px;
display: block;
border-radius: 10px;
position: relative;
height: 43px;
margin: auto;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 225px;
transition: 0.2s;
padding: 10px;
line-height: 5px;
left: -25px;
}
.header ul.user-menu > li > ul > li > a b {
color: #ffffff;
font-size: 8px;
transition: .2s all;
margin-left: 5px;
background: #30394e;
border-radius: 50px;
position: relative;
top: -1px;
padding: 2px 9px;
}
.header ul.user-menu > li > ul > li > a:hover b {
color: #ffffff;
font-size: 8px;
transition: .2s all;
margin-left: 5px;
background: #5086ff;
border-radius: 50px;
position: relative;
top: -1px;
padding: 2px 9px;
}
.header ul.user-menu > li > ul > li > a:hover i {
color: #5086ff;
transition: .2s all;
}
.header ul.user-menu > li > ul > li > a i {
color: #6e7a91;
font-size: 17px;
margin-right: 5px;
transition: .2s all;
margin-left: 5px;
position: relative;
top: 3px;
}
.wapper .header ul.user-menu > li > ul > li > a:hover {
font-weight: 600;
color: #ffffff;
background: #272f42;
font-size: 11px;
display: block;
border-radius: 10px;
position: relative;
height: 43px;
line-height: 5px;
margin: auto;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 225px;
transition: 0.2s;
}
.wapper .header ul.user-menu > li > ul > li:last-child > a {
border-bottom: 0; }
.wapper .header-menu {
position: relative;
padding-bottom: 10px; }
.wapper .header-menu .container {
padding: 0; }
.wapper .header-menu .collapsible-menu {
font-size: 14px;
list-style: none outside none;
position: relative;
padding: 0;
margin: 0; }
.wapper .header-menu .collapsible-menu > li {
display: block;
position: relative; }
.wapper .header-menu .collapsible-menu > li.collapsible {
padding-right: 20px; }
.wapper .header-menu .collapsible-menu > li.collapsible::before {
font-family: Font Awesome\ 5 Pro;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-size: 1.33333em;
line-height: 0.75em;
vertical-align: -.0667em;
font-weight: 900;
content: "\f078";
position: absolute;
top: 21px;
z-index: 1010;
font-size: 10px;
right: 15px; }
.wapper .header-menu .collapsible-menu > li.collapsible > a {
width: calc(100% + 20px); }
.wapper .header-menu .collapsible-menu > li > a {
height: 48px;
border-bottom: 1px solid #171717;
display: block;
position: relative;
padding: 0 10px;
margin: 0;
line-height: 48px;
font-weight: 600;
color: #ffffff;
font-size: 12px;
text-transform: uppercase; }
.wapper .header-menu .collapsible-menu > li > a.open, .wapper .header-menu .collapsible-menu > li > a:hover {
color: #bdbdbd; }
.wapper .header-menu .collapsible-menu > li:last-child > a {
border-bottom: 0; }
.wapper .header-menu .collapsible-menu > li ul {
display: none;
list-style: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #171717; }
.wapper .header-menu .collapsible-menu > li ul > li > a {
position: relative;
width: calc(100% - 30px);
margin: 0 0 0 15px;
padding: 0 10px;
font-weight: 500;
color: #ffffff;
font-size: 12px;
display: block;
height: 40px;
line-height: 40px;
border-bottom: 1px solid #171717; }
.wapper .header-menu .collapsible-menu > li ul > li:hover {
background: #0c0c0c; }
.wapper .header-menu .collapsible-menu > li ul > li:last-child a {
border-bottom: 0; }
.collapsible_head{background-color: #22283e00;width: 225px;margin-left: auto;margin-right: auto;padding: 12px;border-bottom: solid 1px #2a3346;margin-bottom: 7px;}
.collapsible_head img{
margin-left: -12px;
position: absolute;
width: 35px;
height: 35px;
border-radius: 11px;
}
.collapsible_head b{
font-size: 13px;
color:white;
}
.collapsible_profile{
position: relative;
padding-left: 30%;
top: 12px;
} }
.wapper #hidden-menu.collapse.show, .wapper #hidden-menu.collapsing {
display: block !important; }
.wapper .full-online {
position: relative;
top: -5px;
display: inline-block;
float: right;
width: auto;
height: 28px;
background: rgba(255, 255, 255, 0.4);
border-radius: 20px;
line-height: 28px;
padding-left: 12px;
font-size: 14px;
color: rgba(255, 255, 255, 0.8);
font-weight: 500; }
.wapper .full-online > span {
height: 24px;
background: #0bb07b;
width: auto;
padding: 0 10px;
display: inline-block;
border-radius: 20px;
text-align: center;
line-height: 24px !important;
float: right;
margin-top: 2px;
margin-right: 2px;
margin-left: 10px; }
.wapper .monitoring {
height: 190px;
max-height: 190px;
width: 100%;
}
.wapper .monitoring .container > .info-line {
height: 20px;
margin-bottom: 20px; }
.wapper .monitoring .container > .info-line span {
text-transform: uppercase;
color: #fff;
line-height: 20px;
font-size: 14px; }
.wapper .monitoring #servers {
width: 100%;
white-space: nowrap;
background: #232540;
padding: 20px;
border-radius: 15px;
height: 122px;
}
.wapper .monitoring .monitoring-line .owl-stage-outer {
position: relative;
z-index: 1001; }
.wapper .monitoring .monitoring-line:hover .owl-nav, .wapper .monitoring .monitoring-line .owl-nav:hover .owl-nav {
opacity: 1; }
.wapper .monitoring .monitoring-line .owl-nav {
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
opacity: 0;
position: absolute;
z-index: 1000;
width: calc(100% + 40px);
top: 42px;
left: -20px; }
.wapper .monitoring .monitoring-line .owl-nav button {
position: absolute;
background: transparent !important; }
.wapper .monitoring .monitoring-line .owl-nav button span {
color: rgba(255, 255, 255, 0.8);
font-size: 50px; }
.wapper .monitoring .monitoring-line .owl-nav button.owl-prev {
right: 0; }
.wapper .monitoring .monitoring-line .owl-nav button.owl-prev.disabled {
opacity: 0 !important; }
.wapper .monitoring .monitoring-line .owl-nav button.owl-next {
left: 0; }
.wapper .monitoring .monitoring-line .owl-nav button.owl-next.disabled {
opacity: 0 !important; }
.wapper .monitoring .server {
direction: ltr;
position: relative;
height: 80px;
width: 100%;
border-radius: 14px;
overflow: hidden;
display: inline-block;
text-align: left;
}
.wapper .monitoring .server .map-image, .wapper .monitoring .server .shadow {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.wapper .monitoring .server .map-image, .wapper .monitoring .server .shadow {
background-size: 100% auto;
background-position: center center;
}
.wapper .monitoring .server .shadow {
background: rgb(43 46 78);
}
.wapper .monitoring .server p, .wapper .monitoring .server strong, .wapper .monitoring .server a {
position: absolute;
display: block;
width: calc(100% - 16px);
margin: 0;
left: 8px; }
.wapper .monitoring .server p {
top: 45px;
font-weight: 500;
line-height: 16px;
font-size: 10px;
color: rgba(255, 255, 255, 0.8);
}
.wapper .monitoring .server p span {
margin-right: 5px;
font-size: 11px;
top: -10px;
}
.wapper .monitoring .server strong {
top: 14px;
font-weight: 600;
line-height: 16px;
font-size: 12px;
margin-left: 25px;
width: 85%;
color: #fff;
}
.wapper .monitoring .server a {
top: 34px;
font-weight: 500;
line-height: 16px;
font-size: 10.5px;
margin-left: 25px;
}
.wapper .monitoring .server a i {
margin-left: 2px; }
.wapper .monitoring .server .progress {
position: relative;
bottom: -38px;
right: 10px;
width: 20%;
float: left;
transform: rotate(270deg);
border-radius: 50px;
height: 4px;
background: #232540;
}
.wapper .monitoring .server .progress .progress-bar {
border-radius: 4px; }
.wapper .monitoring .server .progress .progress-bar.bg-info {
background: -webkit-linear-gradient(271.35deg, #ff5980 1.46%, #ffa882 98.22%);
background: -o-linear-gradient(271.35deg, #ff5980 1.46%, #ffa882 98.22%);
background: linear-gradient(178.65deg, #8670ff 1.46%, #8670ff 98.22%);
}
.wapper .monitoring .server .progress .progress-bar.bg-success {
background: -webkit-linear-gradient(271.35deg, #ffbb38 0%, #f07300 98.38%);
background: -o-linear-gradient(271.35deg, #ffbb38 0%, #f07300 98.38%);
background: linear-gradient(178.65deg, #8670ff 0%, #8670ff 98.38%);
}
.wapper .monitoring .server .progress .progress-bar.bg-warning {
background: -webkit-linear-gradient(271.35deg, #ffbb38 0%, #f07300 98.38%);
background: -o-linear-gradient(271.35deg, #ffbb38 0%, #f07300 98.38%);
background: linear-gradient(178.65deg, #8670ff 0%, #8670ff 98.38%);
}
.wapper .monitoring .server .progress .progress-bar.bg-danger {
background: -webkit-linear-gradient(272.47deg, #57d968 2.52%, #00d590 100%);
background: -o-linear-gradient(272.47deg, #57d968 2.52%, #00d590 100%);
background: linear-gradient(177.53deg, #8670ff 2.52%, #8670ff 100%);
}
.wapper .monitoring tbody[id^="players"] .btn {
margin-bottom: 0; }
.block_discord {
padding: 24px 16px;
margin-bottom: 25px; }
.block {
padding: 24px 16px;
margin-bottom: 30px;
}
.block_flex1 {
display: flex;
}
.block .btn-block-head {
float: right;
display: inline-block;
margin-top: 9px; }
.block.with-menu .block_head {
position: relative;
z-index: 1001; }
.block.with-menu ul {
position: relative;
z-index: 1000;
-webkit-box-shadow: none;
box-shadow: none;
margin: -24px -16px;
margin-top: 0;
border-radius:10px;
}
.block.block-table {
padding: 10;
}
.block.block-table > .block_head {
margin: 0;
padding: 0 16px; }
.block.block-table > .table-responsive {
border: 0; }
.block.block-table .noty-block {
width: calc(100% - 60px);
margin-left: 30px;
margin-right: 30px;
margin-bottom: 20px; }
.block .block_head {
height: 50px;
line-height: 24px;
margin: -24px 0px;
border-radius: 13px;
background: #272f42;
margin-bottom: 10px;
font-weight: 600;
font-size: 12px;
padding-left: 20px;
margin-top: -10px;
color: #ffffff;
position: relative;
}
.block .block_head span {
color: #5a6076;
font-size: 12px;
position: relative;
font-weight: 600;
margin-left: 5px;
}
.block .block_head a {
color: #151515; }
.block .block_head_image {
width: calc(100% + 60px);
margin: -30px;
margin-bottom: 30px;
padding: 0;
height: 70px;
overflow: hidden;
border-radius: 3px 3px 0 0; }
.block .table-adaptive.table-fused {
overflow: hidden;
border-radius: 4px;
margin: 0 -15px;
margin-bottom: -24px;
margin-top: 8px; }
.authorization a.small {
width: 100%;
display: block;
font-size: 10.5px;
text-align: center;
color: #495266;
border: 0;
margin-bottom: -43px;
margin-top: -7px;
}
.authorization a.small:hover {
width: 100%;
display: block;
font-size: 10.5px;
text-align: center;
color: #ffffff;
border: 0;
margin-bottom: -43px;
}
.authorization #steam_link {
border: 0 !important;
padding: 13px 10px;
display: block;
text-align: center;
width: 62px;
height: 48px;
border-radius: 9px;
color: #4b556d;
font-size: 21px;
background-color: #262f44 !important;
}
.authorization #steam_link:hover {
border: 0 !important;
padding: 13px 10px;
display: block;
text-align: center;
width: 62px;
height: 48px;
border-radius: 9px;
color: #ffffff;
font-size: 21px;
background-color: #0d0d0e !important;
}
.authorization #vk_link {
border: 0 !important;
padding: 13px 10px;
display: block;
text-align: center;
width: 62px;
height: 48px;
border-radius: 9px;
margin-left: 7px;
color: #4b556d;
margin-right: 7px;
font-size: 21px;
background-color: #262f44 !important;
}
.authorization #vk_link:hover {
border: 0 !important;
padding: 13px 10px;
display: block;
text-align: center;
width: 62px;
height: 48px;
border-radius: 9px;
margin-left: 7px;
color: #ffffff;
margin-right: 7px;
font-size: 21px;
background-color: #0076fe !important;
}
.authorization .row {
margin-right: -5px;
margin-left: -5px; }
.authorization .row > div[class^="col-"] {
padding-right: 5px;
padding-left: 5px; }
.authorization input.form-control, .authorization .custom-file label.form-control, .custom-file .authorization label.form-control {
height: 48px;
line-height: 48px; }
.authorization #result {
margin-bottom: 10px; }
.registration .privacy-policy {
border: 1px dashed #4b81ff;
display: block;
padding: 15px;
border-radius: 10px;
font-size: 10px;
background: #477fff2b;
color: #ffffff;
line-height: 14px;
margin-bottom: 10px;
}
.registration a[onclick^="$('#registration').modal('hide');"] {
width: 45px; }
.registration a[onclick*="vk"] {
border: 0 !important;
padding: 13px 10px;
display: block;
text-align: center;
width: 46px;
height: 46px;
border-radius: 9px;
margin-left: 7px;
color: #4b556d;
margin-right: 7px;
font-size: 21px;
background-color: #262f44 !important;
}
.registration a[onclick*="vk"]:hover {
border: 0 !important;
padding: 13px 10px;
display: block;
text-align: center;
width: 46px;
height: 46px;
border-radius: 9px;
margin-left: 7px;
color: #ffffff;
margin-right: 7px;
font-size: 21px;
background-color: #0077ff !important;
}
.registration a[onclick*="steam"] {
border: 0 !important;
padding: 13px 10px;
display: block;
text-align: center;
width: 46px;
height: 46px;
border-radius: 9px;
color: #4b556d;
font-size: 21px;
background-color: #262f44 !important;
}
.registration a[onclick*="steam"]:hover {
border: 0 !important;
padding: 13px 10px;
display: block;
text-align: center;
width: 46px;
height: 46px;
border-radius: 9px;
color: #ffffff;
font-size: 21px;
background-color: #0f1013 !important;
}
.mini-profile .block_head {
height: 72px;
padding: 16px; }
.mini-profile .block_head img {
display: block;
float: left;
height: 40px;
width: 40px;
border-radius: 8px; }
.mini-profile .block_head div {
width: calc(100% - 56px);
float: right; }
.mini-profile .block_head div p, .mini-profile .block_head div p > span {
line-height: 20px;
font-size: 14px;
color: #8a94a6;
margin: 0; }
.mini-profile .block_head div p b, .mini-profile .block_head div p > span b {
color: #0a1f44; }
.mini-profile .vertical-navigation {
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
list-style: none;
overflow: hidden;
background: #1b1b1b00;
margin: -16px;
margin-left: 0px;
margin-bottom: -25px;
}
.mini-profile .vertical-navigation > ul {
margin-bottom: 0; }
.mini-profile .vertical-navigation li.user-balance a {
line-height: 60px;
height: 60px;
padding: 0 24px; }
.mini-profile .vertical-navigation li.user-balance a > i {
position: relative; }
.mini-profile .vertical-navigation li.user-balance a div {
width: calc(100% - 38px);
float: right;
height: 32px;
margin-top: 12px;
line-height: 16px;
position: relative; }
.mini-profile .vertical-navigation li.user-balance a div p {
color: #8a94a6;
font-size: 12px;
margin: 0;
width: auto;
display: inline; }
.mini-profile .vertical-navigation li.user-balance a div span {
font-size: 14px;
color: #0a1f44;
font-weight: 500; }
.mini-profile .vertical-navigation li.user-balance a div i {
font-size: 12px; }
.mini-profile .vertical-navigation li.user-balance a div button {
position: absolute;
height: 32px;
line-height: 32px;
right: 0;
top: 2px; }
.mini-profile .vertical-navigation li.user-balance a div button i {
position: relative;
top: -2px;
font-size: 12px;
margin-left: 3px; }
.mini-profile .vertical-navigation li a {
color: #696f83;
transition: 0.2s;
}
.mini-profile .vertical-navigation li a:hover {
color: #ffffff;
transition: 0.2s;
}
.mini-profile .vertical-navigation li a > i {
margin: 0 16px 0 0;
font-size: 16px;
display: inline-block;
width: 16px;
text-align: center; }
.vk-widgets div[id^="vk_groups"] {
margin-bottom: 30px; }
.vk-widgets div[id^="vk_subscribe"] {
margin: 2px 0; }
.our-steam-group {
display: block;
padding: 25px 16px;
margin-bottom: 10px;
background: #182c4f;
position: relative; }
.our-steam-group span {
font-weight: bold;
line-height: 40px;
font-size: 20px;
letter-spacing: 0.5px;
color: #fff; }
.our-steam-group i {
color: #19abff;
font-size: 50px;
position: absolute;
right: 20px;
margin-top: -6px; }
.vertical-navigation {
list-style: none;
background: #1e2638;
overflow: hidden;
display: flex;
border-radius: 0px;
flex-direction: column;
margin: 0px;
padding: 20px;
}
.vertical-navigation li {
/* border-top: 1px solid #171717; */
list-style-type: none;
}
.vertical-navigation li:first-child {
border: 0;
}
.vertical-navigation li a {
display: block;
line-height: 20px;
font-size: 10.5px;
border: solid 1px #252c3f;
font-weight: 600;
margin-bottom: 6px;
border-radius: 11px;
background: #272f42b5;
color: #6e7a91;
padding: 13px 15px;
transition: 0.2s;
}
.vertical-navigation li a b{
color: #6e7a91;
font-size: 10px;
transition: .2s all;
font-weight: 500;
background-color: #1e1e1e00;
}
.vertical-navigation li a i {
color: #6e7a91;
font-weight: 100;
float: left;
margin-right: 8px;
font-size: 18px;
background-color: #1e1e1e00;
}
.vertical-navigation li a:hover {
display: block;
line-height: 20px;
font-size: 10.5px;
background: #2a3347;
font-weight: 600;
color: #ffffff;
padding: 13px 15px;
transition: 0.2s;
}
.vertical-navigation li a:hover b{
color: #6e7a91;
font-size: 10px;
font-weight: 500;
background-color: #1e1e1e00;
}
.vertical-navigation li a.active {
color: white;
background: linear-gradient(61deg, rgb(42 51 71) 2.61%, rgb(42 51 71) 70.26%);
border: 1px solid rgb(42 51 71);
font-weight: 600;
background-color: #1e1e1e00;
align-items: center;
}
.vertical-navigation li a.active b{
color: #bbc5dd;
font-size: 10px;
font-weight: 500;
background-color: #1e1e1e00;
}
.vertical-navigation li a.active i {
color: #5086ff;
font-weight: 100;
float: left;
margin-right: 8px;
font-size: 18px;
background-color: #1e1e1e00;
}
.vertical-navigation li a.active span {
margin-left: 5px;
color: rgb(255 255 255);
background: #5086ff;
padding: 3px 8px;
position: relative;
font-size: 9px;
border-radius: 50px;
font-weight: bold;
line-height: 8px;
}
.vertical-navigation li.active a {
color: white;
font-weight: 600;
border: dashed 1px #272f42;
background: #272f42;
}
.vertical-navigation.with-icons li a {
position: relative;
margin-bottom: 5px;
height: 60px;
border-radius: 10px;
display: flex;
align-items: center;
}
.vertical-navigationn {
position: relative;
padding-left: 40px;
padding-right: 40px;
width: 275px;
text-align: center;
margin-right: 10px;
background: #212531;
border-radius: 10px;
}
.vertical-navigation.with-icons li a i {
line-height: 20px;
position: relative;
text-align: center;
}
.chat {
padding-bottom: 0;
}
#place_for_messages #messages {
overflow-y: auto;
height: 400px; }
#place_for_messages mytextarea {
border: 0;
border-radius: 10px;
font-size: 11px;
padding-right: 100px;
padding-top: 15px;
margin-bottom: 31px;
width: 100%;
height: 48px;
background: #272f42 !important;
border: 1px solid #272f42;
justify-content: space-evenly;
flex-direction: column-reverse;
align-items: center;
}
#place_for_messages .smile_input #smile_btn {
top: px !important;
}
#place_for_messages .dialog {
margin-top: 8px;
height: 70px;
border-radius: 3px;
overflow: hidden;
cursor: pointer;
}
#place_for_messages .dialog:nth-child(1) {
/* margin-top: 24px; */
}
#place_for_messages .dialog > div:nth-child(1) {
padding-top: 12px;
float: left;
width: calc(100% - 40px);
height: 70px;
line-height: 13px;
border-radius: 12px 0px 0px 12px;
background-color: #272f42;
transition: 0.2s;
}
#place_for_messages .dialog > div:nth-child(1) img {
height: 40px;
width: 40px;
border-radius: 50%;
float: left;
margin: 3px 15px 5px 15px;
}
#place_for_messages .dialog > div:nth-child(1) div {
float: right;
width: calc(100% - 70px); }
#place_for_messages .dialog > div:nth-child(1) div p {
margin: 0;
font-size: 11px;
position: relative;
font-weight: 600;
}
#place_for_messages .dialog > div:nth-child(1) div p:nth-child(2) {
font-size: 11px;
line-height: 20px;
font-weight: 600;
color: #7a8091;
}
#place_for_messages .dialog > div:nth-child(1) div p:nth-child(3) {
margin-top: 1px; }
#place_for_messages .dialog > div:nth-child(1) div p:nth-child(5), #place_for_messages .dialog > div:nth-child(1) div p:nth-child(6) {
margin-top: -5px; }
#place_for_messages .dialog > div:nth-child(1) div p:nth-child(6) {
margin-left: 3px; }
#place_for_messages .dialog > div:nth-child(1) div p:nth-child(5), #place_for_messages .dialog > div:nth-child(1) div p:nth-child(3), #place_for_messages .dialog > div:nth-child(1) div p:nth-child(6) {
font-size: 10px;
font-weight: 600;
line-height: 13px;
}
#place_for_messages .dialog > div:nth-child(2) {
float: right;
width: 40px;
height: 70px;
/* right: 13px; */
position: relative;
text-align: center;
border-radius: 0px 15px 15px 0px;
padding: 26px 5px 5px;
background-color: #272f42;
}
#place_for_messages .dialog > div:nth-child(2) span {
font-size: 13px;
color: #7a8091;
}
#place_for_messages .dialog > div:nth-child(1):hover {
background-color: #2d354a;
transition: 0.2s;
border-color: #1b1b1b00; }
#place_for_messages .dialog > div:nth-child(2):hover {
background-color: #2d354a;
border-color: #17171700;
}
#chat {
border-top: 1px solid #17171700;
position: relative;
top: -9px;
}
#chat a.small {
font-size: 14px; }
#chat .input-group {
margin: -16px;
margin-bottom: 0;
width: calc(100% + 32px);
top: 5px;
}
#chat .input-group .smile_input {
width: 100%;
padding: 0px 20px;
position: relative;
}
#chat .input-group .smile_input input, #chat .input-group .smile_input .custom-file label, .custom-file #chat .input-group .smile_input label {
height: 48px;
line-height: 48px;
padding-left: 53px;
margin-top: 27px;
margin-bottom: -10px;
border: solid 1px #272f42;
background: #272f42 !important;
}
#chat .input-group .smile_input #smile_btn {
position: absolute;
right: 64px;
top: 44px;
font-size: 16px;
font-weight: 100;
}
#chat .input-group .smile_input #smile_btn::after {
color: #67718c;
transition: .2s all;
border-radius: 8px;
position: relative;
}
#chat .input-group .smile_input #smile_btn:hover::after {
color: #ffffff;
transition: .2s all;
}
#chat .input-group button {
font-family: Font Awesome\ 5 Pro;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-size: 1.33333em;
line-height: 0.75em;
vertical-align: -.0667em;
position: absolute;
top: 4px;
right: 12px;
width: 40px;
height: 40px;
border-radius: 50%;
background: #171717;
color: #1b1b1b !important;
overflow: hidden;
font-weight: bold;
}
#chat .input-group button::before {
position: absolute;
font-weight: 400;
content: "\f124";
color: #fff;
font-size: 20px;
line-height: 49px;
left: 8px;
top: -5px; }
#chat #drop_zone {
height: 100%;
position: relative;
margin: 0 -16px -16px -16px;
width: calc(100% + 30px);
}
#chat #drop_zone > #drop_mask {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
display: none;
margin: -1px; }
#chat #drop_zone.loader {
background: #fff;
opacity: 0.4; }
#chat #drop_zone.hover, #chat #drop_zone.error {
font-family: Font Awesome\ 5 Pro;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-size: 1.33333em;
line-height: 0.75em;
vertical-align: -.0667em; }
#chat #drop_zone.hover #chat_messages, #chat #drop_zone.error #chat_messages {
height: 396px; }
#chat #drop_zone.hover:after, #chat #drop_zone.error:after {
position: absolute;
width: 100%;
height: 100%;
top: 0;
border-radius: 2px;
text-align: center;
font-size: 400%;
line-height: 500%;
outline-offset: -10px; }
#chat #drop_zone.hover:after {
content: "\f0c5";
background: #e1effa;
outline: 2px dashed #8db0cc;
color: #0a1f44; }
#chat #drop_zone.error:after {
content: "\f2ed";
background: #fce3e3;
outline: 2px dashed #e09292;
color: #f03d3d; }
#chat #chat_messages, #chat #messages {
overflow-y: auto;
width: calc(100% - 10px);
height: 240px;
margin-left: 10px;
}
#chat #chat_messages .chat_message, #chat #messages .chat_message {
position: relative;
overflow: hidden;
padding: 7px 12px 10px 10px;
}
#chat #chat_messages .chat_message:first-child, #chat #messages .chat_message:first-child {
border-top: 0; }
#chat #chat_messages .chat_message > a, #chat #messages .chat_message > a {
display: block;
width: 36px;
float: left;
}
#chat #chat_messages .chat_message > a img, #chat #messages .chat_message > a img {
border-radius: 50%;
height: 33px;
width: 33px;
transition: .15s all;
}
#chat #chat_messages .chat_message > a img:active, #chat #messages .chat_message > a img {
border-radius: 50%;
height: 33px;
width: 33px;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
transition: .15s all;
}
#chat #chat_messages .chat_message > a span, #chat #messages .chat_message > a span {
width: 100%;
display: block;
text-align: center;
color: #777a85;
line-height: 25px;
right: 3px;
position: relative;
font-size: 10px;
font-weight: 600;
}
#chat #chat_messages .chat_message .message, #chat #messages .chat_message .message {
width: calc(100% - 6px);
float: right;
word-wrap: break-word;
position: relative;
overflow: hidden;
font-size: 14px;
right: 5px;
line-height: 18px;
}
#chat #chat_messages .chat_message .message .info, #chat #messages .chat_message .message .info {
line-height: 15px;
font-size: 11px;
display: block;
font-weight: 600;
height: 16px;
}
#chat #chat_messages .chat_message .message .info .author, #chat #messages .chat_message .message .info .author {
float: left;
position: relative;
cursor: pointer; }
#chat #chat_messages .chat_message .message .with_code, #chat #messages .chat_message .message .with_code {
border-radius: 14px 14px 14px 0px;
padding: 11px;
display: inline-block;
background: #272f42;
max-width: 50%;
margin-top: -16px;
margin-left: 43px;
padding-top: 10px;
padding-left: 16px;
font-weight: 600;
font-size: 11px;
line-height: 17px;
color: #ffffff;
}
#chat #chat_messages .chat_message .message .with_code img, #chat #messages .chat_message .message .with_code img {
/* max-width: 17px; */
}
#chat #chat_messages .chat_message .dell_message, #chat #chat_messages .chat_message .edit_message, #chat #messages .chat_message .dell_message, #chat #messages .chat_message .edit_message {
color: #4b566a;
position: absolute;
top: 3px;
transition: .2s all;
font-size: 11px;
cursor: pointer;
}
#chat #chat_messages .chat_message .dell_message, #chat #chat_messages .chat_message .edit_message:hover, #chat #messages .chat_message .dell_message, #chat #messages .chat_message .edit_message {
color: #aeb6c3;
transition: .2s all;
position: absolute;
top: 3px;
font-size: 11px;
cursor: pointer;
}
#chat #chat_messages .chat_message .dell_message, #chat #messages .chat_message .dell_message {
right: 0; }
#chat #chat_messages .chat_message .edit_message, #chat #messages .chat_message .edit_message {
right: 19px;
}
#chat #chat_messages .chat_message mytextarea, #chat #messages .chat_message mytextarea {
margin: 15px 3px 3px;
width: calc(100% - 10px); }
#chat .auth-to-write {
height: 48px;
margin-top: 16px;
margin-bottom: -25px;
line-height: 46px; }
#chat .auth-to-write .btn {
margin-top: 8px;
margin-left: 8px;
float: right; }
#passive {
text-align: center; }
#smile_btn {
font-family: Font Awesome\ 5 Pro;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-size: 1.33333em;
line-height: 0.75em;
vertical-align: -.0667em;
width: 20px;
height: 17px;
line-height: 15px;
cursor: pointer;
}
#smile_btn::after {
color: #ffffff;
content: "\f598";
font-weight: 500;
}
.g_smile {
height: 20px;
width: 19px;
margin-left: 2px;
display: unset;
}
.g_sticker {
height: auto;
width: auto; }
.popover-body > .smiles_box {
overflow-x: hidden;
overflow-y: scroll;
width: 185px;
height: 190px;
}
.popover-body > .smiles_box .smile {
cursor: pointer;
margin: 7px;
float: left;
width: 21px;
height: 21px;
transition: .3s all;
}
.popover-body > .smiles_box .smile:hover {
cursor: pointer;
margin: 7px;
float: left;
width: 21px;
height: 21px;
-webkit-transform: scale(1.4);
-ms-transform: scale(1.4);
transform: scale(1.4);
transition: .2s all;
}
.popover-body > .smiles_box .sticker {
cursor: pointer;
margin: 6px;
float: left;
width: 65px;
height: 65px; }
.smiles_panel {
width: 100%;
margin-top: 5px;
padding: 0 15px; }
.smiles_panel .smilebtn {
display: block;
width: 40px;
height: 40px;
padding: 5px;
border: 1px solid #e1e4e8;
border-radius: 2px; }
.smiles_panel .smilebtn img {
width: 100%;
height: 100%; }
.smiles_panel > .btn {
margin: 0; }
.smiles_panel > .btn:nth-child(1) {
width: 80px; }
.smiles_panel > .btn:nth-child(2) {
width: 174px; }
.smiles_panel .owl-stage-outer {
position: relative;
z-index: 1061; }
.smiles_panel .owl-nav {
position: absolute;
z-index: 1060;
width: calc(100% + 10px);
top: 0;
margin: 0 -20px;
height: 40px;
line-height: 1; }
.smiles_panel .owl-nav button {
display: block;
width: 15px;
background: transparent;
border: 1px solid #e1e4e8 !important;
border-radius: 2px;
height: 40px;
line-height: 1; }
.smiles_panel .owl-nav button span {
font-size: 25px;
line-height: 12px; }
.smiles_panel .owl-nav button.owl-prev {
float: left; }
.smiles_panel .owl-nav button.owl-next {
float: right; }
.smiles-buy-panel {
width: 100%;
margin-top: 5px; }
.smiles-buy-panel button {
margin: 0 !important; }
.smiles-buy-panel button:nth-child(1) {
width: 100px; }
.smiles-buy-panel button:nth-child(2) {
width: calc(100% - 100px); }
.stickers_img {
border-radius: 2px;
width: 236px;
height: 250px; }
.smile_input_forum .btn {
display: inline-block;
margin-right: 10px;
margin-bottom: 0; }
.smile_input_forum #smile_btn {
position: relative;
display: inline-block;
font-size: 14px;
top: 25px;
right: 5px;
float: right;
}
.smile_input_forum #smile_btn::after {
position: absolute;
top: 0; }
#notifications_line {
padding-bottom: 20px;
}
.noty-block, .bs-callout {
border-radius: 4px;
position: relative;
display: block;
background: #262f42;
border-radius: 15px;
width: 100%;
padding: 16px 24px;
margin-bottom: -10px;
font-weight: 600;
font-size: 10px;
color: #fff;
}
.noty-block h5, .bs-callout h5 {
font-size: 10px;
font-weight: 900;
border-radius: 0px;
left: 17px;
top: -42px;
margin-bottom: -25px;
position: relative;
color: #676b78;
width: 160px;
line-height: 25px;
}
.noty-block.info, .noty-block.bs-callout-info, .noty-block.success, .noty-block.bs-callout-success, .noty-block.error, .noty-block.bs-callout-danger, .noty-block.warning, .noty-block.bs-callout-warning, .noty-block.primary, .bs-callout.info, .bs-callout.bs-callout-info, .bs-callout.success, .bs-callout.bs-callout-success, .bs-callout.error, .bs-callout.bs-callout-danger, .bs-callout.warning, .bs-callout.bs-callout-warning, .bs-callout.primary {
color: #e0e3e9;
}
.noty-block.info *, .noty-block.bs-callout-info *, .noty-block.success *, .noty-block.bs-callout-success *, .noty-block.error *, .noty-block.bs-callout-danger *, .noty-block.warning *, .noty-block.bs-callout-warning *, .noty-block.primary *, .bs-callout.info *, .bs-callout.bs-callout-info *, .bs-callout.success *, .bs-callout.bs-callout-success *, .bs-callout.error *, .bs-callout.bs-callout-danger *, .bs-callout.warning *, .bs-callout.bs-callout-warning *, .bs-callout.primary * {
line-height: 17px;
width: 100%;
}
.noty-block.info p, .noty-block.bs-callout-info p, .noty-block.success p, .noty-block.bs-callout-success p, .noty-block.error p, .noty-block.bs-callout-danger p, .noty-block.warning p, .noty-block.bs-callout-warning p, .noty-block.primary p, .bs-callout.info p, .bs-callout.bs-callout-info p, .bs-callout.success p, .bs-callout.bs-callout-success p, .bs-callout.error p, .bs-callout.bs-callout-danger p, .bs-callout.warning p, .bs-callout.bs-callout-warning p, .bs-callout.primary p {
font-weight: 600;
line-height: 20px;
font-size: 10px;
}
.noty-block.info, .noty-block.bs-callout-info, .bs-callout.info, .bs-callout.bs-callout-info {
background-color: #272f42;
border-radius: 11px;
font-size: 10px;
padding-left: 20px;
margin-top: 18px;
display: flex;
padding-right: 50px;
border: solid 1px #fff0;
font-weight: 600;
height: 100%;
}
.noty-block.success, .noty-block.bs-callout-success, .bs-callout.success, .bs-callout.bs-callout-success {
background-color: #272f42;
border-radius: 11px;
font-size: 10px;
padding-left: 20px;
margin-top: 18px;
display: flex;
padding-right: 50px;
font-weight: 600;
height: 100%;
}
.noty-block.error, .noty-block.bs-callout-danger, .bs-callout.error, .bs-callout.bs-callout-danger {
background-color: #5086ff1a;
border-radius: 13px;
font-size: 11px;
padding-left: 20px;
margin-top: 20px;
display: flex;
text-align: center;
padding-right: 50px;
font-weight: 600;
border: solid 1px #5086ff;
height: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
}
.noty-block.warning, .noty-block.bs-callout-warning, .bs-callout.warning, .bs-callout.bs-callout-warning {
background-color: #ffad0d; }
.noty-block.primary, .bs-callout.primary {
background-color: #1e1e1e;
-webkit-box-shadow: 0 18px 18px rgba(10, 31, 68, 0.05), 0 0 1px rgba(10, 31, 68, 0.1);
box-shadow: 0 18px 18px rgba(10, 31, 68, 0.05), 0 0 1px rgba(10, 31, 68, 0.1); }
.noty-block .m-icon.icon-remove, .bs-callout .m-icon.icon-remove {
position: absolute;
top: 66px;
right: -28px;
transition: .2s all;
font-size: 11px;
font-weight: 500;
color: #586378;
cursor: pointer;
}
.noty-block .m-icon.icon-remove:hover, .bs-callout .m-icon.icon-remove {
position: absolute;
/* top: 15px; */
right: -28px;
font-size: 11px;
transition: .2s all;
font-weight: 500;
color: #ffffff;
cursor: pointer;
}
.noty-block .close, .bs-callout .close {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-weight: 100;
font-size: 11px;
color: #fff;
position: absolute;
right: 0;
top: 0;
}
#events {
margin: -24px;
background: #fff0;
padding-right: 8px;
padding-left: 8px;
}
#events .event {
padding: 0 14px;
position: relative;
display: flex;
width: 100%;
box-shadow: 0px 5px 10px #13151a0a;
background: #1e2638;
transition: 0.2s;
border-radius: 15px;
margin-bottom: 10px;
height: 99px;
border-top: 1px solid #f1f2f400;
overflow: hidden;
flex-direction: row;
justify-content: center;
align-items: center;
}
#events .event:first-child {
border-top: 0; }
#events .event > div {
position: relative;
float: left;
height: 100%;
padding-left: 60px;
width: 75%;
margin-left: -20px;
flex-direction: column;
flex-wrap: nowrap;
display: flex;
justify-content: center;
align-items: flex-start;
}
#events .event > div > a {
height: 55px;
vertical-align: middle;
display: table-cell;
line-height: 15px;
margin: 0;
font-size: 10.1px;
position: relative;
top: 13px;
color: #6e7a91;
}
#events .event > a:not(.btn) {
display: block;
color: #ffff;
margin-left: 10px;
font-size: 11px;
background: #2e364a00;
line-height: 60px;
font-weight: bold;
}
#events .event > a:not(.btn) img {
width: 30px;
height: 30px;
float: left;
border-radius: 50%;
margin: 15px 10px 18px 0px;
}
#events .event > span {
color: #ffffff;
float: left;
display: block;
height: 100%;
width: 25%;
padding-right: 10px;
padding-left: 10px;
line-height: 70px; }
#events .event > a.btn {
float: left;
display: block;
width: 15%;
margin-top: 22.5px;
line-height: 21px;
margin-bottom: 22.5px; }
#events .event > i {
cursor: pointer;
position: absolute;
top: 10px;
right: 11px;
font-weight: 100;
font-size: 10px;
color: #586378;
}
@media (max-width: 991.99px) {
#events .event > div {
width: calc(100% - 50px); }
#events .event > a:not(.btn) {
width: 50px; }
#events .event > a:not(.btn) img {
margin-right: 0;
margin-left: 10px; }
#events .event > a:not(.btn) span {
display: none; }
#events .event > span {
display: none; }
#events .event > a.btn {
display: none; } }
.site-stats {
background: #ffffff00;
top: -3px;
position: relative;
}
.site-stats strong {
margin-left: 12px;
line-height: 24px;
font-size: 12.5px;
}
.site-stats strong span {
background: #828aff;
border-radius: 66px;
margin-left: 5px;
padding: 1px 10px;
font-size: 11px;
color: #ffffff;
}
.site-stats #site_stats {
margin: -24px -16px;
margin-bottom: 16px;
}
.site-stats #site_stats div.col-lg-4 {
padding: 16px 47px; }
.site-stats #site_stats div.col-lg-4 i {
width: 48px;
height: 48px;
display: block;
float: left;
text-align: center;
line-height: 48px;
border-radius: 50%;
background: #f1f2f4;
font-size: 18px; }
.site-stats #site_stats div.col-lg-4 div {
width: calc(100% - 68px);
float: right; }
.site-stats #site_stats div.col-lg-4 div b {
color: #0a1f44;
font-weight: bold;
line-height: 23px;
font-size: 28px; }
.site-stats #site_stats div.col-lg-4 div span {
color: #8a94a6;
font-weight: 500;
line-height: 16px;
font-size: 12px;
text-transform: uppercase; }
.site-stats #online_users a {
margin-right: 5px; }
.site-stats #online_users, .site-stats #load_last_online {
color: #1b1b1b; }
.site-stats #online_users a, .site-stats #load_last_online a {
display: inline-block;
width: 36px;
height: 32px;
margin-right: -15px;
margin-bottom: 15px;
}
.site-stats #online_users a img, .site-stats #load_last_online a img {
width: 40px;
transition: .3s all;
height: 40px;
border: solid 3px #1e2638;
border-radius: 50%;
}
.site-stats #online_users a img:hover, .site-stats #load_last_online a img:hover {
width: 40px;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
transition: .3s all;
height: 40px;
border-radius: 50%;
}
.site-stats #online_users {
margin: -37px -16px;
margin-bottom: 10px;
padding: 54px 32px 0px 28px;
border-radius: 15px 15px 0px 0px;
background: #1e2638;
}
.site-stats #load_last_online {
padding: 55px 16px 20px 27px;
margin: -40px -16px;
background: #1e2638;
border-radius: 0px 0px 15px 15px;
}
.site-stats .empty-element {
border: 0; }
.servers-online-line {
border-radius: 3px;
overflow: visible;
height: 4px;
bottom: -9px;
background: #2b3448;
border: 1px solid #2c2c2c00;
position: relative;
}
.servers-online-line .progress-val {
position: absolute;
height: 100%;
width: 100%;
text-align: center;
line-height: 30px;
font-size: 13px; }
.servers-online-line .progress-bar {
margin: -1px;
border-radius: 3px 0 0 3px; }
.servers-online-line .progress-bar.bg-info {
background-color: #5086ff !important;
border: 1px solid #5086ff;
}
.servers-online-line .progress-bar.bg-success {
background-color: #5086ff !important;
border: 1px solid #5086ff;
}
.servers-online-line .progress-bar.bg-warning {
background-color: #5086ff !important;
border: 1px solid #5086ff;
}
.servers-online-line .progress-bar.bg-danger {
background-color: #5086ff !important;
border: 1px solid #5086ff; }
#top_users a, #companions a {display: block;color: #ffff;border-radius: 13px;background: #262e4000;margin-left: -24px;margin-bottom: 6px;width: calc(100% + 24px);padding: 10px 0px 10px 16px;}
#top_users a:hover, #companions a {
display: block;
color: #ffff;
transition: .2s all;
border-radius: 13px;
background: #272f42;
margin-left: -24px;
margin-bottom: 6px;
width: calc(100% + 24px);
padding: 10px 0px 10px 16px;
}
#top_users a:active, #companions a {
display: block;
transition: .3s all;
color: #586076;
border-radius: 11px;
background: #272f42b5;
width: calc(100% + 34px);
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
padding: 15px 0px 10px 16px;
}
#top_users a:active, #companions a:hover {
display: block;
transition: .3s all;
color: #586076;
border-radius: 11px;
background: #2a3347;
width: calc(100% + 34px);
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
padding: 15px 0px 10px 16px;
}
#top_users a:last-child, #companions a:last-child {
}
#top_users a img, #companions a img {
height: 41px;
width: 41px;
border-radius: 50px;
top: -2px;
transition: .3s all;
position: relative;
}
#top_users a img:hover, #companions a img {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
transition: .3s all;
}
#top_users a div, #companions a div {
margin: 0;
display: block;
width: calc(102% - 55px);
float: right;
}
#top_users a div > span, #companions a div > span {
max-width: 100%;
line-height: 14px;
font-size: 12px;
position: relative;
width: auto;
top: -2px;
font-weight: 600;
}
#top_users a div p, #companions a div p {
color: #60677e;
font-size: 11px;
line-height: 16px;
float: right;
position: relative;
font-weight: 600;
top: 10px;
margin-right: 4px;
}
#top_users a div p span, #companions a div p span {
font-size: 9.2px;
padding: 10px 8px 7px 7px;
text-align: center;
color: #fff;
border-radius: 8px;
top: -1px;
background: #5086ff26;
position: relative;
margin-right: 10px;
}
#top_users a div p span i, #companions a div p span i {
margin-right: 3px;
font-size: 11px; }
#top_users a div p span:nth-child(1) i, #companions a div p span:nth-child(1) i {
color: #5086ff;
font-size: 14px;
font-weight: 500;
margin-right: 2px;
}
#top_users a div p span:nth-child(2) i, #companions a div p span:nth-child(2) i {
color: #ff7c8040;
transform: rotate(331deg);
font-size: 14px;
margin-right: -8px;
font-weight: 500;
}
#last_activity > div, #last_activity > span, #mybans > div, #mybans > span {
border-top: 1px solid #17171700;
display: block;
height: 60px;
width: calc(100% + 32px);
margin: 0 -16px;
padding: 10px 16px 10px 16px;
}
#last_activity > div:first-child, #last_activity > span:first-child, #mybans > div:first-child, #mybans > span:first-child {
border-top: 0; }
#last_activity > div:last-child, #last_activity > span:last-child, #mybans > div:last-child, #mybans > span:last-child {
margin-bottom: -19px; }
#last_activity > div > p, #last_activity > span > p, #mybans > div > p, #mybans > span > p {
display: block;
width: 100%;
margin: 0;
font-style: "Open Sans"; }
#last_activity > div > p:nth-child(1), #last_activity > span > p:nth-child(1), #mybans > div > p:nth-child(1), #mybans > span > p:nth-child(1) {
margin-bottom: 2px; }
#last_activity > div > p:nth-child(1) a, #last_activity > span > p:nth-child(1) a, #mybans > div > p:nth-child(1) a, #mybans > span > p:nth-child(1) a {
color: #ffffff;
line-height: 20px;
font-size: 12px;
font-weight: 600;
}
#last_activity > div > p:nth-child(2), #last_activity > span > p:nth-child(2), #mybans > div > p:nth-child(2), #mybans > span > p:nth-child(2) {
color: #7a8091;
font-size: 11px;
line-height: 17px;
}
#last_activity > div > p:nth-child(2) a, #last_activity > span > p:nth-child(2) a, #mybans > div > p:nth-child(2) a, #mybans > span > p:nth-child(2) a {
margin-right: 5px; }
#last_activity > div > p:nth-child(2) a img, #last_activity > span > p:nth-child(2) a img, #mybans > div > p:nth-child(2) a img, #mybans > span > p:nth-child(2) a img {
width: 16px;
height: 16px;
border-radius: 4px; }
#mybans > div {
display: none; }
#mybans > div:nth-child(1), #mybans > div:nth-child(2), #mybans > div:nth-child(3) {
display: block; }
#mybans > div:nth-child(3) {
margin-bottom: -19px; }
#mybans > div:nth-child(4) {
margin-top: 19px; }
.popover_avatar {
width: 50px;
height: 50px;
margin: -5px -8px;
border-radius: 2px; }
#new_news > .col-lg-4 div, .news > .col-lg-4 div {
margin-bottom: 30px;
width: 100%;
height: 265px;
border-radius: 15px;
overflow: hidden;
position: relative;
}
#new_news > .col-lg-4 div img, .news > .col-lg-4 div img {
position: absolute;
height: 100%; }
#new_news > .col-lg-4 div .shadow, .news > .col-lg-4 div .shadow {
position: absolute;
width: 100%;
height: 100%;
padding: 32px 16px;
background: #2125316b;
}
#new_news > .col-lg-4 div a, .news > .col-lg-4 div a {
color: #fff; }
#new_news > .col-lg-4 div a:nth-child(2), .news > .col-lg-4 div a:nth-child(2) {
margin-top: 15px; }
#new_news > .col-lg-4 div a:nth-child(2) h3, .news > .col-lg-4 div a:nth-child(2) h3 {
font-weight: 600;
line-height: 26px;
font-size: 18px; }
#new_news > .col-lg-4 div a:nth-child(3), .news > .col-lg-4 div a:nth-child(3) {
position: absolute;
bottom: 32px;
line-height: 20px;
font-size: 14px;
letter-spacing: 1px;
color: #fff;
}
#new_news > .col-lg-4 div a:nth-child(3) i, .news > .col-lg-4 div a:nth-child(3) i {
font-size: 80%;
color: #8a94a6; }
.comment {
position: relative;
overflow: hidden;
background: #272f42;
margin-bottom: 12px;
border-radius: 15px;
padding: 20px 20px 5px 20px;
}
.comment > a {
display: block;
width: 32px;
float: left; }
.comment > a img {
border-radius: 50%;
height: 38px;
width: 38px;
}
.comment > a span {
width: 100%;
display: block;
text-align: center;
color: #8a94a6;
line-height: 24px;
font-size: 10px; }
.comment .message {
width: calc(100% - 40px);
float: right;
word-wrap: break-word;
position: relative;
top: 5px;
overflow: hidden;
font-size: 14px;
left: 10px;
line-height: 18px;
}
.comment .message .info {
font-family: "Open Sans";
line-height: 8px;
font-size: 13px;
display: block;
height: 16px; }
.comment .message .info .author {
float: left;
position: relative;
cursor: pointer; }
.comment .message .with_code {
border-radius: 4px 15px 15px 15px;
padding: 0px;
padding-bottom: 1px;
max-width: 70%;
display: inline-block;
background: #fff0;
margin-top: 2px;
font-weight: 600;
font-size: 11px;
line-height: 15px;
color: #9fa1ad;
}
.comment .message .with_code img {
max-width: 300px; }
.comment .dell_message {
color: #a6aebc;
position: absolute;
/* top: 2px; */
font-size: 12px;
cursor: pointer;
}
.comment .dell_message {
right: 0;
}
#dop #imgs img {
margin-bottom: 10px; }
#dop #img_result p {
margin-bottom: 10px; }
.ban-application.ban-information p {
margin-bottom: 10px; }
.ban-application #closed .m-icon {
display: none; }
#forum .row {
background: #272f42;
margin: 0px;
margin-top: 10px;
border-radius: 12px;
}
#forum .row .col-lg-8 {
padding-top: 16px;
padding-bottom: 14px;
border-bottom: 1px solid #2f384cd1;
}
#forum .row .col-lg-8 img {
border-radius: 10px;
height: 48px;
width: 48px;
float: left;
margin-right: 16px;
}
#forum .row .col-lg-8 > div {
width: calc(100% - 64px);
float: right; }
#forum .row .col-lg-8 > div h3 {
margin: 0;
line-height: 18px; }
#forum .row .col-lg-8 > div h3 a {
font-weight: 600;
font-size: 13px;
line-height: 24px;
color: #ffffff;
}
#forum .row .col-lg-8 > div p {
line-height: 20px;
font-size: 11px;
font-weight: 600;
margin: 0;
color: #5f687c;
}
#forum .row .col-lg-4 {
padding-top: 16px;
padding-bottom: 16px;
border-bottom: 1px solid #2f384cd1;
}
#forum .row .col-lg-4 div {
border-left: 1px solid #2f384cd1;
height: 48px;
padding-left: 16px;
}
#forum .row .col-lg-4 div img {
margin-top: 12px;
height: 28px;
width: 28px;
float: left;
border-radius: 50px;
}
#forum .row .col-lg-4 div p {
width: calc(100% - 40px);
float: right;
font-size: 10.5px;
line-height: 16px;
font-weight: 600;
color: #5f687c;
display: inline-block;
margin: 0;
}
#forum .row .col-lg-4 div p a {
font-weight: 600;
font-size: 11px;
color: #0c66ff;
}
#forum .row .col-lg-4 div p i {
font-size: 10px;
margin-right: 2px;
display: none;
}
#forum .row > div:nth-last-child(1), #forum .row > div:nth-last-child(2) {
border-bottom: 0; }
.forum-info {
background: #212531;
height: 100px;
border-radius: 15px;
margin-bottom: 50px;
position: relative;
padding: 20px 0;
}
.forum-info div {
position: relative; }
.forum-info div .go-to-back {
float: left;
display: block;
background: #393f52;
border-radius: 12px;
height: 48px;
width: 48px;
font-size: 13px;
margin-left: 10px;
line-height: 48px;
text-align: center;
color: #ffffff;
margin-top: 6px;
margin-right: 25px;
}
.forum-info div .go-to-back:hover {
float: left;
display: block;
background: #41475a;
border-radius: 12px;
height: 48px;
width: 48px;
font-size: 13px;
margin-left: 10px;
line-height: 48px;
text-align: center;
color: #ffffff;
margin-top: 6px;
margin-right: 25px;
}
.forum-info div h3 {
line-height: 24px;
font-size: 16px;
margin: 0;
font-weight: 600;
padding-top: 6px;
}
.forum-info div p {
line-height: 24px;
font-size: 11.5px;
font-weight: 600;
color: #7a8091;
}
.forum-info div p span {
line-height: 16px;
font-size: 12px;
margin-right: 13px;
color: #8a94a6; }
.forum-info div p span i {
color: #a6aebc;
margin-right: 6px; }
.forum-info div #pagination2 {
position: absolute;
left: 79px;
bottom: -18px;
margin: 0; }
.forum-info div #pagination2 .pagination > li > a, .forum-info div #pagination2 .pagination > li > span {
height: 18px;
width: 18px;
margin: 0 3px;
line-height: 16px;
font-size: 10px; }
.forum-info div #pagination2 .pagination > li:first-child > a > span::before, .forum-info div #pagination2 .pagination > li:last-child > a > span::before {
font-size: 9px; }
.forum-info div .add-topic, .forum-info div .dell-topic {
z-index: 1012;
-webkit-box-shadow: 0 26px 26px rgba(10, 31, 68, 0.12), 0 0 1px rgba(10, 31, 68, 0.1);
box-shadow: 0 26px 26px rgba(10, 31, 68, 0.12), 0 0 1px rgba(10, 31, 68, 0.1);
display: block;
position: absolute;
height: 48px;
width: 48px;
border-radius: 12px;
color: white;
text-align: center;
line-height: 48px;
margin-right: 25px;
font-size: 13px;
bottom: 0px;
}
.forum-info div .add-topic {
background: #393f52;
right: 0;
}
.forum-info div .add-topic:hover {
background: #40475b;
right: 0;
}
.forum-info div .dell-topic {
right: 60px;
background: #f03d3d; }
.forum-info h3 i.fa-lock, .forum-info h3 i.fa-paperclip, #forum_topics h3 i.fa-lock, #forum_topics h3 i.fa-paperclip {
color: white;
width: 24px;
height: 24px;
border-radius: 50%;
display: inline-block;
font-size: 12px;
text-align: center;
line-height: 24px;
margin-right: 6px; }
.forum-info h3 i.fa-paperclip, #forum_topics h3 i.fa-paperclip {
background: #0bb07b; }
.forum-info h3 i.fa-lock, #forum_topics h3 i.fa-lock {
background: #f03d3d; }
#forum_topics {
padding: 15px 16px;
}
#forum_topics .row .col-lg-9 {
padding: 16px;
border-bottom: 1px solid #2f384cd1;
}
#forum_topics .row .col-lg-9 h3 {
line-height: 24px;
font-size: 15px; }
#forum_topics .row .col-lg-9 h3 a {
color: #ffffff;
margin-left: 3px;
position: relative;
font-size: 13px;
top: 1px;
}
#forum_topics .row .col-lg-9 p {
line-height: 16px;
font-size: 13px;
margin: 0; }
#forum_topics .row .col-lg-9 p span {
line-height: 16px;
font-size: 11px;
margin-right: 6px;
color: #7a8091;
}
#forum_topics .row .col-lg-9 p span img {
border-radius: 50%;
width: 25px;
height: 25px;
margin-right: 8px;
margin-left: 2px;
}
#forum_topics .row .col-lg-9 p span a {
position: relative;
top: 1px; }
#forum_topics .row .col-lg-9 p span i {
color: #a6aebc;
margin-right: 6px; }
#forum_topics .row .col-lg-3 {
padding: 16px;
border-bottom: 1px solid #2f384cd1;
}
#forum_topics .row .col-lg-3 div {
padding: 12px 18px;
border-left: 1px solid #2f384cd1;
height: 49px;
}
#forum_topics .row .col-lg-3 div img {
height: 28px;
width: 28px;
border-radius: 50px;
float: left;
margin-top: 3px;
}
#forum_topics .row .col-lg-3 div p {
color: #596174;
display: block;
width: calc(100% - 45px);
float: left;
margin: 0 0 0 10px;
font-size: 11px;
line-height: 16px;
}
#forum_topics .row .col-lg-3 div p i {
color: #a6aebc;
font-size: 11px;
margin-right: 3px; }
#forum_topics .row > div:nth-last-child(1), #forum_topics .row > div:nth-last-child(2) {
border-bottom: 0; }
.topic-answers {
background: #1b1b1b00;
}
.topic-answers div[id^="answer"] {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 15px;
overflow: hidden;
}
.topic-answers div[id^="answer"]::after {
clear: both;
display: table;
content: " ";
position: absolute;
bottom: 0;
background: #f1f2f400;
width: calc(100% - 58px);
height: 1px;
left: 26px;
}
.topic-answers div[id^="answer"] .left-side {
flex-grow: 3;
background: #1e2638;
border-radius: 15px;
float: left;
width: 280px;
height: 341px;
padding: 13px 13px;
text-align: center;
}
.topic-answers div[id^="answer"] .left-side img {
width: 70px;
height: 70px;
position: relative;
border-radius: 50%;
top: 20px;
border: solid 5px #1e2638;
margin-bottom: 18px;
}
.topic-answers div[id^="answer"] .left-side a {
line-height: 24px;
font-size: 13px;
font-weight: 600;
position: relative;
top: 4px;
color: #ffffff;
}
.topic-answers div[id^="answer"] .left-side p {
line-height: 20px;
font-size: 10.5px;
margin-bottom: 8px;
font-weight: 600;
}
.topic-answers div[id^="answer"] .left-side span {
line-height: 16px;
font-size: 10.5px;
color: #565e70;
margin-right: 20px;
margin-left: 20px;
font-weight: 600;
padding: 10px;
border-bottom: solid 1px #2e364a;
}
.topic-answers div[id^="answer"] .left-side span i {
font-size: 10px;
margin-right: 3px; }
.topic-answers div[id^="answer"] .right-side {
position: relative;
-webkit-box-flex: 3;
-ms-flex-positive: 3;
flex-grow: 3;
background: #1e2638;
border-radius: 15px;
float: right;
margin-left: 20px;
padding: 25px 25px 55px;
width: calc(90% - 192px);
}
.topic-answers div[id^="answer"] .right-side a.date, .topic-answers div[id^="answer"] .right-side span {
line-height: 17px;
font-size: 11px;
color: #ffffff;
/* background: #272f42; */
display: flex;
width: 100%;
/* display: block; */
border-radius: 12px;
margin: -0px;
padding: 11px;
flex-wrap: wrap;
}
.topic-answers div[id^="answer"] .right-side a.date a, .topic-answers div[id^="answer"] .right-side span a {
color: #ffffff;
margin-left: 5px;
margin-right: 5px;
}
.topic-answers div[id^="answer"] .right-side a.date i, .topic-answers div[id^="answer"] .right-side span i {
font-size: 12px;
margin-right: 3px;
color: #a6aebc; }
.topic-answers div[id^="answer"] .right-side .with_code {
padding: 0;
line-height: 20px;
background: #25293600;
margin-top: 10px;
font-size: 12px;
}
.topic-answers div[id^="answer"] .right-side .signature {
line-height: 16px;
font-size: 12px; }
.topic-answers div[id^="answer"] .right-side .thank_str {
line-height: 16px;
font-size: 11px;
font-weight: 600;
position: absolute;
bottom: 20px;
margin-right: 30px;
padding: 16px 20px;
border-radius: 10px;
background: #272f42;
}
.topic-answers div[id^="answer"] .right-side .thank_str a {
color: #709eff;
}
.topic-answers div[id^="answer"] .right-side .likes-area {
padding: 8px 0;
position: absolute;
width: calc(100% - 64px);
bottom: 5px; }
.topic-answers div[id^="answer"] .right-side .likes-area .btn, .topic-answers div[id^="answer"] .right-side .likes-area .btn:focus {
margin: 0 3px;
border: 0;
padding: 5px 20px;
text-align: center;
-webkit-box-shadow: 0 3px 4px rgba(10, 31, 68, 0.1), 0 0 1px rgba(10, 31, 68, 0.08);
box-shadow: 0 3px 4px rgba(10, 31, 68, 0.1), 0 0 1px rgba(10, 31, 68, 0.08);
border-radius: 7px;
}
.topic-answers div[id^="answer"] .right-side .likes-area i {
margin: 0;
text-align: center; }
.topic-answers div[id^="answer"] .right-side::after {
display: block;
content: " "; }
@media (max-width: 991.99px)
.authorization {
width: 100%;
margin-top: 130px;
padding: 24px 16px;
border-radius: 10px;
background: #242a40;
margin-bottom: 30px;
}
{
.forum-info {
border-top: 0;
background: #1b1b1b; }
.forum-info.no-shadow {
border-bottom: 1px solid #f1f2f4;
-webkit-box-shadow: none;
box-shadow: none; }
.podtoper {
background: #242a40;
width: 93%;
position: relative;
height: 130px;
top: 220px;
margin-left: 15px;
border-radius: 15px;
margin-right: auto;
margin-bottom: 300px;
}
.topzag {
color: #7d70ff;
font-size: 30px;
top: 10px;
position: relative;
margin-left: 85px;
}
.toptext {
position: relative;
top: 30px;
text-align: center;
font-size: 10px;
color: #7b839b;
width: 450px;
font-weight: 600;
line-height: 17px;
margin-left: -62px;
}
a.button10 {
color: white;
position: absolute;
top: 218px;
font-weight: 100;
font-size: 18px;
width: 56px;
text-align: center;
height: 56px;
line-height: 55px;
border-radius: 10px;
border: 1.5px solid #7d70ff;
background: #323a5800;
transition: .2s all;
}
a.button10:hover {
color: white;
position: absolute;
top: 218px;
font-weight: 100;
font-size: 18px;
width: 56px;
text-align: center;
height: 56px;
line-height: 55px;
border-radius: 10px;
border: 1.5px solid #7d70ff;
background: #7d70ff;
transition: .2s all;
}
.toptop {
background: #1e233600;
width: 100%;
position: relative;
top: 80px;
margin-left: 300px;
right: 270px;
}
.topic-answers {
margin: 0 -15px; }
.topic-answers div[id^="answer"] {
background: #1b1b1b;
-webkit-box-shadow: 0 3px 4px rgba(10, 31, 68, 0.1), 0 0 1px rgba(10, 31, 68, 0.08);
box-shadow: 0 3px 4px rgba(10, 31, 68, 0.1), 0 0 1px rgba(10, 31, 68, 0.08);
position: relative;
display: block;
overflow: hidden; }
.topic-answers div[id^="answer"]::after {
display: none; }
.topic-answers div[id^="answer"]:not(:first-child) {
border-top: 1px solid #f1f2f4; }
.topic-answers div[id^="answer"] .left-side {
width: 100%;
padding: 14px;
text-align: left;
-webkit-box-shadow: -1px 0px 26px rgba(10, 31, 68, 0.12);
box-shadow: -1px 0px 26px rgba(10, 31, 68, 0.12); }
.topic-answers div[id^="answer"] .left-side img {
width: 32px;
height: 32px;
border-radius: 8px;
margin: 0; }
.topic-answers div[id^="answer"] .left-side a {
line-height: 27px;
font-size: 16px;
font-weight: 600;
color: #ffffff;
margin-left: 10px; }
.topic-answers div[id^="answer"] .left-side p, .topic-answers div[id^="answer"] .left-side span {
display: none; }
.topic-answers div[id^="answer"] .right-side {
position: relative;
padding: 14px 14px 56px;
width: 100%; }
.topic-answers div[id^="answer"] .right-side .likes-area {
width: calc(100% - 28px); } }
#sections .block_head {
margin-bottom: 16px; }
#sections .btn .m-icon {
color: white; }
.btn-group-toggle .btn.btn-default.active {
background: #0c66ff; }
.btn-group-toggle .btn.btn-default:not(.btn-sm) {
line-height: 26px; }
form[id^="section_settings"] .btn-group-toggle > label, div#add_section .btn-group-toggle > label {
font-size: 14px;
height: 30px;
padding: 5px 11px;
margin: 0 5px 5px 0; }
table tbody[id^="forums"] img {
display: block;
margin: 0 auto;
height: 50px;
width: 50px; }
table tbody[id^="forums"] tr td {
padding: 5px; }
table tbody[id^="forums"] tr td:first-child {
max-width: 60px; }
table tbody[id^="forums"] tr td:nth-child(2) {
max-width: 150px; }
table tbody[id^="forums"] tr td:nth-child(2) input, table tbody[id^="forums"] tr td:nth-child(2) .custom-file label, .custom-file table tbody[id^="forums"] tr td:nth-child(2) label {
width: 100%; }
table tbody[id^="forums"] tr td input, table tbody[id^="forums"] tr td .custom-file label, .custom-file table tbody[id^="forums"] tr td label {
margin: 0; }
#banlist div[id^="baninfo"] i {
font-style: normal !important; }
#banlist div[id^="baninfo"] input, #banlist div[id^="baninfo"] .custom-file label, .custom-file #banlist div[id^="baninfo"] label {
margin: 0; }
#muts div[id^="muteinfo"] i {
font-style: normal !important; }
#muts div[id^="muteinfo"] input, #muts div[id^="muteinfo"] .custom-file label, .custom-file #muts div[id^="muteinfo"] label {
margin: 0; }
#server_admins tr[id^="admin"] > td > i[class^="fa"], #server_admins tr[id^="admin"] > td > .m-icon, #admins tr[id^="admin"] > td > i[class^="fa"], #admins tr[id^="admin"] > td > .m-icon {
margin-left: 5px;
color: #0c66ff;
font-size: 12px;
cursor: pointer; }
#server_admins div[id^="admin_info"] table tbody tr td, #admins div[id^="admin_info"] table tbody tr td {
font-size: 13px;
padding: 7px; }
#server_admins div[id^="admin_info"] .services-title, #admins div[id^="admin_info"] .services-title {
margin-bottom: 12px;
float: left; }
#server_admins div[id^="admin_info"] .add-service, #admins div[id^="admin_info"] .add-service {
float: right; }
#server_admins #admins_services td, #admins #admins_services td {
vertical-align: middle;
word-wrap: normal;
white-space: nowrap;
font-size: 13px;
padding: 7px; }
#server_admins #admins_services td .btn, #admins #admins_services td .btn {
float: right; }
#server_admins #admins_services td .btn > i[class^="fa"], #server_admins #admins_services td .btn > .m-icon, #admins #admins_services td .btn > i[class^="fa"], #admins #admins_services td .btn > .m-icon {
font-size: 12px;
color: #0c66ff; }
#server_admins #admins_services td p, #admins #admins_services td p {
display: block;
width: auto;
float: left; }
#server_admins #admins_services td .form-control, #admins #admins_services td .form-control {
margin: 0; }
#server_admins #admins_services td .hasDatepicker, #admins #admins_services td .hasDatepicker {
font-size: .875rem;
line-height: 1.5;
text-indent: 5px; }
@media (max-width: 991.99px) {
.admin-settings tr > td:first-child {
display: none; }
.admin-settings tr > td:last-child {
border-left: 0; }
.admin-settings tr > td:last-child small {
display: block;
float: right; }
.admin-settings tr > td:last-child small::after {
clear: both;
display: table;
content: " "; } }
@media (min-width: 992px) {
.admin-settings tr > td:last-child small {
display: none; } }
tr[id^="multi-account-"] span {
font-size: 12px;
cursor: pointer;
margin-left: 5px; }
#edit_user_avatar_result p {
margin-bottom: 0; }
div[id^="store_info"] table.table > tbody[id^="admins_services"] > tr > td {
font-size: 13px; }
div[id^="store_info"] table.table > tbody[id^="admins_services"] > tr > td button {
margin-top: 5px;
width: 100%; }
div[id^="store_info"] table.table > tbody[id^="admins_services"] > tr > td select {
margin-top: 5px;
margin-bottom: 0; }
.user {
background: #1e2638;
border-radius: 13px;
padding: 10px;
margin-bottom: 10px;
margin-right: 6px;
display: flex;
transition: .2s;
flex-wrap: nowrap;
}
.user:hover {
background: #272f42;
border-radius: 13px;
transition: .2s;
padding: 10px;
margin-bottom: 10px;
margin-right: 6px;
display: flex;
flex-wrap: nowrap;
}
.user img {
width: 32px;
border-radius: 50px;
position: relative;
top: 3.5px;
margin-right: 12px;
margin-left: 7px;
}
.user span {
display: inline-block;
font-size: 10px;
color: #171717;
height: 0px;
border-radius: 3px;
position: relative;
top: -2px;
font-weight: 500;
}
.user a[href^="../profile"]:not(:first-child) {
display: block;
width: 100%;
font-weight: 600;
line-height: 26px;
font-size: 14px;
margin: 5px 0;
color: #ffffff; }
.user .btn {
width: 100%;
margin-bottom: 0; }
.detailed-profile {
overflow: hidden;
border-radius: 4px;
background: #181818;
margin-bottom: 32px; }
.detailed-profile > div:nth-child(1) {
position: relative;
height: 92px;
background: #1e1e1e;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
padding: 16px; }
.detailed-profile > div:nth-child(1) .avatar {
display: block;
height: 60px;
width: 60px;
border-radius: 4px;
float: left; }
.detailed-profile > div:nth-child(1) .avatar img {
height: 60px;
width: 60px;
border-radius: 4px;
float: left; }
.detailed-profile > div:nth-child(1) > div {
float: right;
width: calc(100% - 60px);
padding: 13px 24px 13px 16px; }
.detailed-profile > div:nth-child(1) > div span {
display: block; }
.detailed-profile > div:nth-child(1) > div span:first-child {
color: white;
font-weight: 600;
line-height: 20px;
font-size: 16px; }
.detailed-profile > div:nth-child(1) > div span:last-child {
font-weight: 500;
line-height: 16px;
font-size: 12px; }
.detailed-profile > div:nth-child(1) > a:not(.avatar) {
color: #98a1b1;
position: absolute;
top: 38px;
right: 16px;
font-size: 20px; }
.detailed-profile table {
margin-top: 15px;
margin-bottom: 15px;
width: 100%; }
.detailed-profile table tr td:nth-child(1) {
padding: 10px 15px;
width: 62px; }
.detailed-profile table tr td:nth-child(1) i {
height: 32px;
width: 32px;
border-radius: 50%;
line-height: 32px;
text-align: center;
background: #313131;
font-size: 16px;
color: white; }
.detailed-profile table tr td:nth-child(2) {
width: 200px !important;
border-bottom: 1px solid #313131; }
.detailed-profile table tr td:nth-child(2) span {
width: 204px !important;
display: block;
font-weight: 600;
line-height: 18px;
font-size: 14px;
letter-spacing: 0.5px;
color: white; }
.detailed-profile table tr td:nth-child(2) p {
font-weight: 500;
line-height: 12px;
font-size: 12px;
color: #8a94a6; }
.detailed-profile table tr:last-child td:first-child {
border-bottom: 1px solid #313131; }
.detailed-profile ul {
margin-bottom: 15px; }
.detailed-profile ul li a {
padding: 10px 15px;
display: block;
border: 1px solid #313131;
margin: 4px 15px;
border-radius: 4px;
color: white;
font-size: 13px; }
.detailed-profile ul li a .m-icon {
font-size: 12px;
margin-right: 5px; }
.detailed-profile ul li a[href^="../messages"] {
border: 1px solid #0c66ff;
background: #0c66ff; }
.detailed-profile .go-exit {
color: white;
font-weight: 500;
line-height: 20px;
font-size: 14px;
display: block;
margin: 15px; }
.detailed-profile .go-exit i {
line-height: 20px;
color: #8a94a6;
margin-right: 10px; }
.money-info-block {
display: block;
background: #0c66ff;
padding: 11px 16px;
color: white;
height: 60px;
margin: 18px 15px 0; }
.money-info-block div {
width: 50%;
float: left; }
.money-info-block div i {
font-size: 18px;
float: left;
line-height: 38px;
margin-right: 9px; }
.money-info-block div p {
color: rgba(255, 255, 255, 0.8);
margin: 0; }
.money-info-block div span {
font-weight: 600;
line-height: 20px;
font-size: 16px; }
.money-info-block:hover {
color: white !important; }
.profile-top-menu {
margin-right: auto;
overflow-y: hidden;
overflow-x: auto;
margin-bottom: 15px;
height: 48px;
width: 102%;
margin-left: auto;
list-style: none;
background: #ffffff00;
flex-wrap: nowrap;
}
.profile-top-menu li {
display: inline-block; }
.profile-top-menu li a {
display: block;
float: left;
font-size: 11px;
line-height: 40px;
padding: 0 26.6px;
color: #60677e;
border-radius: 10px;
top: 3px;
position: relative;
background: #212531;
margin: 0px 7px 0px 0px;
font-weight: 600;
}
.profile-top-menu li a.active, .profile-top-menu li a:hover {
color: #ffffff;
background: #303546;
}
.profile-page h2 {
font-size: 16px;
margin-top: -4px;
}
.profile-page table.profile-table {
width: calc(100% + 32px);
margin: -24px -16px;
display: none;
}
.profile-page table.profile-table tr {
border-bottom: 1px solid #f1f2f400;
}
.profile-page table.profile-table tr:last-child {
border-bottom: 0; }
.profile-page table.profile-table tr td:nth-child(1) {
width: 66px;
padding: 14px 17px; }
.profile-page table.profile-table tr td:nth-child(1) i {
width: 32px;
height: 32px;
border-radius: 9px;
background: #303546;
display: block;
text-align: center;
line-height: 32px;
font-style: normal;
font-weight: 400;
font-size: 13px;
color: #ffffff;
}
.profile-page table.profile-table tr td:nth-child(1) i:not([class^="fa"]) {
font-weight: 600; }
.profile-page table.profile-table tr td:nth-child(1) i.fa-discord {
color: white;
line-height: 35px;
background: #7062e7;
box-shadow: 0 0px 25px rgb(129 112 255 / 0%);
}
.profile-page table.profile-table tr td:nth-child(1) i.fa-skype {
color: white;
background: #0078ca; }
.profile-page table.profile-table tr td:nth-child(1) i.fa-telegram-plane {
color: white;
box-shadow: 0 0px 25px rgb(129 112 255 / 0%);
background: #4c89cf;
line-height: 34px;
}
.profile-page table.profile-table tr td:nth-child(1) i.fa-vk {
color: white;
line-height: 34px;
background: #3762ff;
box-shadow: 0 0px 25px rgb(129 112 255 / 0%);
}
.profile-page table.profile-table tr td:nth-child(1) i.fa-steam-symbol {
color: white;
background: black; }
.profile-page table.profile-table tr td:nth-child(1) i.fa-facebook-f {
color: white;
background: #4267b2; }
.profile-page table.profile-table tr td:nth-child(2) {
padding: 14px 0; }
.profile-page table.profile-table tr td:nth-child(2) p {
position: relative;
margin: 0;
font-weight: 600;
color: #ffffff;
font-size: 11.5px;
line-height: 18px;
margin-left: 1px;
letter-spacing: 0.5px;
}
.profile-page table.profile-table tr td:nth-child(2) p a {
color: #ffffff; }
.profile-page table.profile-table tr td:nth-child(2) p img {
position: absolute;
width: 35px;
height: 35px;
border-radius: 50%;
right: 20px;
top: 2px;
}
.profile-page table.profile-table tr td:nth-child(2) span {
line-height: 16px;
font-size: 11px;
font-weight: 600;
color: #60677e;
}
.profile-page #last_activity, .profile-page #mybans {
margin-top: -24px; }
.profile-page #last_activity .empty-element, .profile-page #mybans .empty-element {
height: auto;
padding-top: 14px !important;
border: 0; }
.profile-page .block.dialogs #chat .input-group {
margin-bottom: -24px; }
.pay-area {
border-radius: 6px;
margin-bottom: 30px;
position: relative;
padding: 20px 16px 0px 16px;
background: url(../img/pay-area.jpg) center;
background-size: 100% auto; }
.pay-area b {
color: white;
font-weight: bold;
font-size: 16px;
line-height: 25px;
display: block;
margin-bottom: 16px; }
.pay-area .money-info-block {
padding: 0;
margin: 0;
background: transparent;
max-width: 230px; }
.pay-area span[data-toggle] {
cursor: pointer;
height: 32px;
display: inline-block;
line-height: 30px;
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.36);
padding: 0 16px;
border-radius: 3px;
font-size: 12px;
font-weight: 500;
float: right;
margin: 6px 0; }
.pay-area .pay-input {
height: 48px;
position: absolute;
bottom: 20px;
width: calc(100% - 32px); }
.pay-area .pay-input input, .pay-area .pay-input .custom-file label, .custom-file .pay-area .pay-input label {
height: 48px;
line-height: 48px;
position: absolute;
bottom: 0;
width: 100%;
margin: 0;
padding-right: 100px; }
.pay-area .pay-input button {
position: absolute;
right: 8px;
top: 8px;
margin: 0; }
.pay-area .pay-input .error_message {
display: none !important; }
@media (max-width: 991.99px) {
.pay-area {
background-size: auto 100%; }
.pay-area span[data-toggle] {
width: 100%;
text-align: center;
margin-top: 0;
margin-bottom: 26px; } }
#operations .with-icon {
padding-left: 60px;
}
#operations .with-icon i {
left: 10px;
top: 14px;
width: 24px;
margin-left: 5px;
height: 24px;
border-radius: 6px;
border: 7px solid;
text-align: center;
line-height: 20px;
font-size: 8px;
}
#operations .with-icon i.fa-plus {
color: #ffffff;
background: #7ab981;
border: 2px solid #7ab981;
}
#operations .with-icon i.fa-minus {
color: #ffffff;
line-height: 20px;
background: #e98383;
border: 2px solid #e98383;
}
.profile-settings h2 {
font-size: 16px;
color: #fff;
}
.profile-settings .btn i.fa-pencil {
display: block;
width: 100%;
height: 100%;
line-height: 30px;
font-size: 15px !important; }
.profile-settings .m-icon {
display: none; }
.profile-settings #vk_user img, .profile-settings #steam_user img, .profile-settings #fb_user img {
height: 30px;
width: 30px;
margin-right: 8px;
border-radius: 50%;
}
.profile-settings #vk_user span, .profile-settings #steam_user span, .profile-settings #fb_user span {
display: inline; }
.profile-settings table tr td[colspan="2"] {
white-space: normal !important; }
.profile-settings small.input-title {
font-size: 11px;
display: block;
color: #fff;
padding: 10px 20px;
margin-bottom: 0px;
border-radius: 10px;
}
.profile-settings .edit-avatar img {
width: 83%;
border-radius: 15px;
}
.profile-settings .edit-privacy p {
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #ffffff;
margin-bottom: -10px;
}
.profile-settings .edit-date .col-12:last-child {
position: relative; }
.profile-settings .edit-date .col-12:last-child small {
position: absolute;
left: 15px;
top: -24px; }
.profile-settings .edit-date .col-3 .btn {
margin-top: 7px; }
#stats table {
max-width: 100%; }
#stats tr td {
max-width: 200px; }
#stats tr td .rank {
width: 80px;
height: 30px;
display: block;
margin: 0 auto; }
#stats tr td a i {
font-style: normal !important; }
#stats .progress {
position: relative;
height: 17px;
margin-top: 5px;
}
#stats .progress span {
position: absolute;
color: #ffffff;
width: 100%;
text-align: center;
font-weight: 600;
font-size: 9.5px;
top: -1px;
}
#stats .area-label {
padding-top: 15px; }
#stats .label {
padding: 3px 6px;
border-radius: 2px;
background-color: whitesmoke;
color: #5d6c84;
border: 1px solid #eaeaea;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
#stats .label.label-primary {
background-color: #0c66ff;
color: #fff;
border: 0; }
#stats .label.label-success {
background-color: #e3f5dc;
color: #0bb07b;
border-color: #cde8c3; }
#stats .label.label-info {
background-color: #e1effa;
color: #0a1f44;
border-color: #cadded; }
#stats .label.label-warning {
background-color: #fff0d2;
color: #ffad0d;
border-color: #e8ddca; }
#stats .label.label-danger {
background-color: #fce3e3;
color: #f03d3d;
border-color: #e8caca; }
.new {
padding-top: 16px; }
.new > p:last-child {
margin: -16px;
padding: 21px 16px 0 16px;
margin-bottom: -10px;
margin-top: 16px;
border-top: 1px solid #f1f2f400;
}
.new > p:last-child span {
margin-top: 10px;
padding: 5px 10px;
background: #303546;
margin-bottom: 10px;
font-size: 10px;
border-radius: 7px;
color: #fff;
}
.new > p:last-child span a {
color: #fff; }
#news a.small-new {
margin: 0 -16px;
padding: 10px 16px 10px 16px;
display: block;
height: 60px;
width: calc(100% + 32px);
}
#news a.small-new img {
height: auto;
width: 70px;
display: none;
border-radius: 4px;
margin-right: 10px;
float: left;
}
#news a.small-new div {
width: calc(100% - 80px);
/* float: right; */
}
#news a.small-new div p {
font-size: 12px;
margin: 0;
line-height: 13.5px;
display: block;
color: #585f74;
}
#news a.small-new:last-child {
/* margin-bottom: -23px; */
}
#main-slider.carousel {
position: relative;
border-radius: 4px;
overflow: hidden;
margin-left: 40px;
margin-bottom: 30px;
height: 400px;
top: 60px;
}
#main-slider.carousel .carousel-inner {
height: 100%;
margin-top: 160px;
}
#main-slider.carousel .carousel-inner .carousel-item {
height: 100%;
}
#main-slider.carousel .carousel-inner .carousel-item img {
height: 100%;
width: 100%; }
#main-slider.carousel .he {
height: 288px;
width: 211px;
position: absolute;
top: 0;
left: calc(50% - 90px);
z-index: 11; }
#main-slider.carousel .carousel-caption {
left: 30px;
top: 20px;
border-radius: 15px;
bottom: auto;
height: 100px;width: 70%;padding: 30px;
background-color: #22283e;
position: relative;
z-index: 10;
color: #fff;
text-align: left;
}
#main-slider.carousel .carousel-caption h1 {
font-size: 13px;
font-weight: bold;
margin-bottom: 30px;
}
#main-slider.carousel .carousel-caption h1 a {
color: #fff; }
#main-slider.carousel .carousel-control-prev, #main-slider.carousel .carousel-control-next {
height: 48px;
width: 48px;
top: 210px;
/* border: 1.0px solid #2d334c; */
padding-right: 1px;
background: rgb(38 44 68 / 0%);
bottom: 2px;
opacity: 1;
border-radius: 50%;
}
#main-slider.carousel .carousel-control-prev i, #main-slider.carousel .carousel-control-next i {
color: #ffffff;
}
#main-slider.carousel .carousel-control-prev:hover i, #main-slider.carousel .carousel-control-next:hover i {
color: #ffffff; }
#main-slider.carousel .carousel-control-prev {
left: 245px;
}
#main-slider.carousel .carousel-control-next {
left: 788px;
}
@media (max-width: 991.99px) {
#main-slider.carousel {
height: 250px; }
#main-slider.carousel .he {
display: none; }
#main-slider.carousel .carousel-caption {
left: 0;
top: 0;
height: 100%;
width: 100%;
border-radius: 4px;
padding: 20px; }
#main-slider.carousel .carousel-caption h1 {
font-size: 200%;
line-height: 100%;
margin-bottom: 10px; }
#main-slider.carousel .carousel-control-prev, #main-slider.carousel .carousel-control-next {
height: 40px;
width: 40px; }
#main-slider.carousel .carousel-control-prev {
/* right: 44px; */
left: auto;
} }
.vk-widgets .block {
padding-bottom: 0; }
.vk-widgets a[id^="admin_widget"] {
margin-top: 3px;
margin-bottom: 3px;
display: block; }
.vk-widgets a[id^="admin_widget"] img {
display: block;
width: 30px;
height: 30px;
float: left;
border-radius: 8px; }
.vk-widgets a[id^="admin_widget"] span {
display: block;
width: calc(100% - 40px);
float: right;
line-height: 30px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-weight: 500;
color: #ffffff;
font-size: 13px; }
.vk-widgets a[id^="admin_widget"]::after {
clear: both;
display: table;
content: " "; }
.disp-b {
display: block;
}
.disp-n {
display: none; }
::-webkit-scrollbar{
width: 4px;
}
::-webkit-scrollbar-track{
/* background: rgb(28 31 39 / 0%); */
}
::-webkit-scrollbar-thumb{
background: #2b3448;
border-radius: 50px;
}
::-webkit-scrollbar-thumb:vertical:hover,
::-webkit-scrollbar-thumb:horizontal:hover{
background: #2b3448;
}
.stors{
}
.stors__img{
border-radius: 5px;
}
#my_cases_area{
margin-top:10px;
border-radius: 5px;
box-shadow: rgb(0 0 0 / 30%) 5px 5px 20px;
}
.opened-case{
background-image:linear-gradient(-90deg, rgba(33,21,54,0) 0%, rgba(24,13,43,0.85) 100%)
}
.onlines {
float: right;
background: #ffffff00;
height: 5px;
padding: 10px;
padding-left: 10px;
margin-top: 18px;
padding-right: 0px;
padding-top: 15px;
padding-bottom: 15px;
border-radius: 0px;
/* border-left: solid 1px #2f3448; */
font-size: 11px;
line-height: 0px;
}
.profile-lvl{
display: flex;
justify-content: space-between;
align-items: center;
font-size: 200%;
}
.help{opacity: 1;transition: 0.2s;}
.help:hover{
transition: 0.2s;
opacity: 0.7;
}
.popover{
z-index: 1060;
display: block;
max-width: 210px;
height: 205px;
width: 200px;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: start;
text-decoration: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
border: 1px solid rgb(0 0 0 / 0%);
line-break: auto;
font-size: .875rem;
word-wrap: break-word;
background-color: #222b3e;
background-clip: padding-box;
border-radius: 15px;
}
:root{
/* --swiper-theme-color: #007aff; */
}
.swiper{
margin-left:auto;
margin-right:auto;
position:relative;
width: auto;
overflow:hidden;
list-style:none;
padding:0;
z-index:1
}
.swiper-vertical>.swiper-wrapper{
flex-direction:column
}
.swiper-wrapper{
position:relative;
width: 100%;
height:100%;
z-index:1;
display:flex;
transition-property:transform;
box-sizing:content-box
}
.swiper-android .swiper-slide,.swiper-wrapper{
transform:translate3d(0px,0,0)
}
.swiper-pointer-events{
touch-action:pan-y;
}
.swiper-pointer-events.swiper-vertical{
touch-action:pan-x
}
.swiper-slide{
flex-shrink:0;
width: 100%;
height: auto;
position:relative;
transition-property:transform
}
.swiper-slide-invisible-blank{
visibility:hidden
}
.swiper-autoheight,.swiper-autoheight .swiper-slide{
height:auto
}
.swiper-autoheight .swiper-wrapper{
align-items:flex-start;
transition-property:transform,height
}
.swiper-backface-hidden .swiper-slide{
transform:translateZ(0);
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{
perspective:1200px
}
.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{
transform-style:preserve-3d
}
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
pointer-events:none;
z-index:10
}
.swiper-3d .swiper-slide-shadow{
background:rgba(0,0,0,.15)
}
.swiper-3d .swiper-slide-shadow-left{
background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-right{
background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-top{
background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-bottom{
background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-css-mode>.swiper-wrapper{
overflow:auto;
scrollbar-width:none;
-ms-overflow-style:none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{
display:none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide{
scroll-snap-align:start start
}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper{
scroll-snap-type:x mandatory
}
.swiper-vertical.swiper-css-mode>.swiper-wrapper{
scroll-snap-type:y mandatory
}
.swiper-centered>.swiper-wrapper::before{
content:'';
flex-shrink:0;
order:9999
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{
margin-inline-start:var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal>.swiper-wrapper::before{
height:100%;
min-height:1px;
width:var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{
margin-block-start:var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-vertical>.swiper-wrapper::before{
width:100%;
min-width:1px;
height:var(--swiper-centered-offset-after)
}
.swiper-centered>.swiper-wrapper>.swiper-slide{
scroll-snap-align:center center
}
.swiper-virtual .swiper-slide{
-webkit-backface-visibility:hidden;
transform:translateZ(0)
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after{
content:'';
position:absolute;
left:0;
top:0;
pointer-events:none
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{
height:1px;
width:var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{
width:1px;
height:var(--swiper-virtual-size)
}
:root{
--swiper-navigation-size:44px
}
.swiper-button-next,.swiper-button-prev{
position:absolute;
top:50%;
width:calc(var(--swiper-navigation-size)/ 44 * 27);
height:var(--swiper-navigation-size);
margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));
z-index:10;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
color:var(--swiper-navigation-color,var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{
opacity:.35;
cursor:auto;
pointer-events:none
}
.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{
opacity:0;
cursor:auto;
pointer-events:none
}
.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{
display:none!important
}
.swiper-button-next:after,.swiper-button-prev:after{
font-family:swiper-icons;
font-size:var(--swiper-navigation-size);
text-transform:none!important;
letter-spacing:0;
font-variant:initial;
line-height:1
}
.swiper-button-prev,.swiper-rtl .swiper-button-next{
left:10px;
right:auto
}
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{
content:'prev'
}
.swiper-button-next,.swiper-rtl .swiper-button-prev{
right:10px;
left:auto
}
.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{
content:'next'
}
.swiper-button-lock{
display:none
}
.swiper-pagination{
position:absolute;
text-align:center;
transition:.3s opacity;
transform:translate3d(0,0,0);
z-index:10
}
.swiper-pagination.swiper-pagination-hidden{
opacity:0
}
.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{
display:none!important
}
.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{
bottom:10px;
left:0;
width:100%
}
.swiper-pagination-bullets-dynamic{
overflow:hidden;
font-size:0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
transform:scale(.33);
position:relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{
transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{
transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{
transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{
transform:scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{
transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{
transform:scale(.33)
}
.swiper-pagination-bullet{
width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
display:inline-block;
border-radius:50%;
background:var(--swiper-pagination-bullet-inactive-color,#000);
opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)
}
button.swiper-pagination-bullet{
border:none;
margin:0;
padding:0;
box-shadow:none;
-webkit-appearance:none;
appearance:none
}
.swiper-pagination-clickable .swiper-pagination-bullet{
cursor:pointer
}
.swiper-pagination-bullet:only-child{
display:none!important
}
.swiper-pagination-bullet-active{
opacity:var(--swiper-pagination-bullet-opacity, 1);
background:var(--swiper-pagination-color,var(--swiper-theme-color))
}
.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{
right:10px;
top:50%;
transform:translate3d(0px,-50%,0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;
display:block
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
top:50%;
transform:translateY(-50%);
width:8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
display:inline-block;
transition:.2s transform,.2s top
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
left:50%;
transform:translateX(-50%);
white-space:nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
transition:.2s transform,.2s left
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
transition:.2s transform,.2s right
}
.swiper-pagination-progressbar{
background:rgba(0,0,0,.25);
position:absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
background:var(--swiper-pagination-color,var(--swiper-theme-color));
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
transform:scale(0);
transform-origin:left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
transform-origin:right top
}
.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
width:100%;
height:4px;
left:0;
top:0
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{
width:4px;
height:100%;
left:0;
top:0
}
.swiper-pagination-lock{
display:none
}
.swiper-scrollbar{
border-radius:10px;
position:relative;
-ms-touch-action:none;
background:rgba(0,0,0,.1)
}
.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{
display:none!important
}
.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{
position:absolute;
left:1%;
bottom:3px;
z-index:50;
height:5px;
width:98%
}
.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{
position:absolute;
right:3px;
top:1%;
z-index:50;
width:5px;
height:98%
}
.swiper-scrollbar-drag{
height:100%;
width:100%;
position:relative;
background:rgba(0,0,0,.5);
border-radius:10px;
left:0;
top:0
}
.swiper-scrollbar-cursor-drag{
cursor:move
}
.swiper-scrollbar-lock{
display:none
}
.swiper-zoom-container{
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
text-align:center
}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{
max-width:100%;
max-height:100%;
object-fit:contain
}
.swiper-slide-zoomed{
cursor:move
}
.swiper-lazy-preloader{
width:42px;
height:42px;
position:absolute;
left:50%;
top:50%;
margin-left:-21px;
margin-top:-21px;
z-index:10;
transform-origin:50%;
box-sizing:border-box;
border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
border-radius:50%;
border-top-color:transparent
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{
animation:swiper-preloader-spin 1s infinite linear
}
.swiper-lazy-preloader-white{
--swiper-preloader-color:#fff
}
.swiper-lazy-preloader-black{
--swiper-preloader-color:#000
}
@keyframes swiper-preloader-spin{
0%{
transform:rotate(0deg)
}
100%{
transform:rotate(360deg)
}
}
.swiper .swiper-notification{
position:absolute;
left:0;
top:0;
pointer-events:none;
opacity:0;
z-index:-1000
}
.swiper-free-mode>.swiper-wrapper{
transition-timing-function:ease-out;
margin:0 auto
}
.swiper-grid>.swiper-wrapper{
flex-wrap:wrap
}
.swiper-grid-column>.swiper-wrapper{
flex-wrap:wrap;
flex-direction:column
}
.swiper-fade.swiper-free-mode .swiper-slide{
transition-timing-function:ease-out
}
.swiper-fade .swiper-slide{
pointer-events:none;
transition-property:opacity
}
.swiper-fade .swiper-slide .swiper-slide{
pointer-events:none
}
.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{
pointer-events:auto
}
.swiper-cube{
overflow:visible
}
.swiper-cube .swiper-slide{
pointer-events:none;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
z-index:1;
visibility:hidden;
transform-origin:0 0;
width:100%;
height:100%
}
.swiper-cube .swiper-slide .swiper-slide{
pointer-events:none
}
.swiper-cube.swiper-rtl .swiper-slide{
transform-origin:100% 0
}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{
pointer-events:auto
}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{
pointer-events:auto;
visibility:visible
}
.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{
z-index:0;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
.swiper-cube .swiper-cube-shadow{
position:absolute;
left:0;
bottom:0px;
width:100%;
height:100%;
opacity:.6;
z-index:0
}
.swiper-cube .swiper-cube-shadow:before{
content:'';
background:#000;
position:absolute;
left:0;
top:0;
bottom:0;
right:0;
filter:blur(50px)
}
.swiper-flip{
overflow:visible
}
.swiper-flip .swiper-slide{
pointer-events:none;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
z-index:1
}
.swiper-flip .swiper-slide .swiper-slide{
pointer-events:none
}
.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{
pointer-events:auto
}
.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{
z-index:0;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
.swiper-creative .swiper-slide{
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
overflow:hidden;
transition-property:transform,opacity,height
}
.swiper-cards{
overflow:visible
}
.swiper-cards .swiper-slide{
transform-origin:center bottom;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
overflow:hidden
}