<div id="outsidee" class="mobile-menu" >
<div class="mobile-menu__contents">
<div style="display: none;" class="mobile-menu__submenu mobile-menu__submenu_games">
<div class=" mobile-menu__submenu-item mobile-menu__submenu-item__games-no-balance mobile-menu__submenu-item_first-in-row">
<a href="/casino/slots" class="mobile-menu__submenu-item__link">
<div class="mobile-menu__submenu-item__link-wrapper new-badge-mobile">
<span class="lightable mobile-menu__submenu-item__link-icon myicon-cherry"></span>
<div class="mobile-menu__submenu-item__link__right">
<div class="mobile-menu__submenu-item__link-name mobile-menu__submenu-item__link-name_no-margin">
Slots Games</div>
</div>
</div>
</a>
</div>
<div class=" mobile-menu__submenu-item mobile-menu__submenu-item__games-no-balance mobile-menu__submenu-item_last-in-row">
<a href="/casino/live" class="mobile-menu__submenu-item__link">
<div class="mobile-menu__submenu-item__link-wrapper new-badge-mobile">
<span class="lightable mobile-menu__submenu-item__link-icon myicon-suit"></span>
<div class="mobile-menu__submenu-item__link__right">
<div class="mobile-menu__submenu-item__link-name mobile-menu__submenu-item__link-name_no-margin">
Live Games</div>
</div>
</div>
</a>
</div>
<div class=" mobile-menu__submenu-item mobile-menu__submenu-item__games-no-balance mobile-menu__submenu-item_first-in-row">
<a href="/mines" class="mobile-menu__submenu-item__link">
<div class="mobile-menu__submenu-item__link-wrapper">
<span class="lightable mobile-menu__submenu-item__link-icon myicon-is-mines"></span>
<div class="mobile-menu__submenu-item__link__right">
<div class="mobile-menu__submenu-item__link-name mobile-menu__submenu-item__link-name_no-margin">
Mines</div>
</div>
</div>
</a>
</div>
<div class=" mobile-menu__submenu-item mobile-menu__submenu-item__games-no-balance mobile-menu__submenu-item_last-in-row">
<a href="/slot" class="mobile-menu__submenu-item__link">
<div class="mobile-menu__submenu-item__link-wrapper">
<span class="lightable mobile-menu__submenu-item__link-icon myicon-is-slot"></span>
<div class="mobile-menu__submenu-item__link__right">
<div class="mobile-menu__submenu-item__link-name mobile-menu__submenu-item__link-name_no-margin">
Slot</div>
</div>
</div>
</a>
</div>
<div class=" mobile-menu__submenu-item mobile-menu__submenu-item_first-in-row">
<a href="/crash" class="mobile-menu__submenu-item__link">
<div class="mobile-menu__submenu-item__link-wrapper">
<span class="lightable mobile-menu__submenu-item__link-icon myicon-is-crash"></span>
<div class="mobile-menu__submenu-item__link__right">
<div class="mobile-menu__submenu-item__link-name">Crash</div>
<div class="mobile-menu__submenu-item__link-bank">
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_535_1789" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="12" height="12">
<rect width="12" height="12" fill="#D9D9D9"></rect>
</mask>
<g mask="url(#mask0_535_1789)">
<path d="M7.5 10C6.38333 10 5.4375 9.6125 4.6625 8.8375C3.8875 8.0625 3.5 7.11667 3.5 6C3.5 4.88333 3.8875 3.9375 4.6625 3.1625C5.4375 2.3875 6.38333 2 7.5 2C8.61667 2 9.5625 2.3875 10.3375 3.1625C11.1125 3.9375 11.5 4.88333 11.5 6C11.5 7.11667 11.1125 8.0625 10.3375 8.8375C9.5625 9.6125 8.61667 10 7.5 10ZM3.5 9.875C2.61667 9.64167 1.89583 9.16667 1.3375 8.45C0.779167 7.73333 0.5 6.91667 0.5 6C0.5 5.08333 0.779167 4.26667 1.3375 3.55C1.89583 2.83333 2.61667 2.35833 3.5 2.125V3.175C2.9 3.38333 2.41667 3.74583 2.05 4.2625C1.68333 4.77917 1.5 5.35833 1.5 6C1.5 6.64167 1.68333 7.22083 2.05 7.7375C2.41667 8.25417 2.9 8.61667 3.5 8.825V9.875ZM7.5 9C8.33333 9 9.04167 8.70833 9.625 8.125C10.2083 7.54167 10.5 6.83333 10.5 6C10.5 5.16667 10.2083 4.45833 9.625 3.875C9.04167 3.29167 8.33333 3 7.5 3C6.66667 3 5.95833 3.29167 5.375 3.875C4.79167 4.45833 4.5 5.16667 4.5 6C4.5 6.83333 4.79167 7.54167 5.375 8.125C5.95833 8.70833 6.66667 9 7.5 9Z" fill="#7E7E7E"></path>
</g>
</svg>
<span id="crash_bank" class="game__bank">3272</span>
</div>
</div>
</div>
</a>
</div>
<div class=" mobile-menu__submenu-item mobile-menu__submenu-item_last-in-row">
<a href="/wheel" class="mobile-menu__submenu-item__link">
<div class="mobile-menu__submenu-item__link-wrapper">
<span class="lightable mobile-menu__submenu-item__link-icon myicon-is-wheel"></span>
<div class="mobile-menu__submenu-item__link__right">
<div class="mobile-menu__submenu-item__link-name">x50</div>
<div class="mobile-menu__submenu-item__link-bank">
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_535_1789" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="12" height="12">
<rect width="12" height="12" fill="#D9D9D9"></rect>
</mask>
<g mask="url(#mask0_535_1789)">
<path d="M7.5 10C6.38333 10 5.4375 9.6125 4.6625 8.8375C3.8875 8.0625 3.5 7.11667 3.5 6C3.5 4.88333 3.8875 3.9375 4.6625 3.1625C5.4375 2.3875 6.38333 2 7.5 2C8.61667 2 9.5625 2.3875 10.3375 3.1625C11.1125 3.9375 11.5 4.88333 11.5 6C11.5 7.11667 11.1125 8.0625 10.3375 8.8375C9.5625 9.6125 8.61667 10 7.5 10ZM3.5 9.875C2.61667 9.64167 1.89583 9.16667 1.3375 8.45C0.779167 7.73333 0.5 6.91667 0.5 6C0.5 5.08333 0.779167 4.26667 1.3375 3.55C1.89583 2.83333 2.61667 2.35833 3.5 2.125V3.175C2.9 3.38333 2.41667 3.74583 2.05 4.2625C1.68333 4.77917 1.5 5.35833 1.5 6C1.5 6.64167 1.68333 7.22083 2.05 7.7375C2.41667 8.25417 2.9 8.61667 3.5 8.825V9.875ZM7.5 9C8.33333 9 9.04167 8.70833 9.625 8.125C10.2083 7.54167 10.5 6.83333 10.5 6C10.5 5.16667 10.2083 4.45833 9.625 3.875C9.04167 3.29167 8.33333 3 7.5 3C6.66667 3 5.95833 3.29167 5.375 3.875C4.79167 4.45833 4.5 5.16667 4.5 6C4.5 6.83333 4.79167 7.54167 5.375 8.125C5.95833 8.70833 6.66667 9 7.5 9Z" fill="#7E7E7E"></path>
</g>
</svg>
<span id="wheel_bank" class="game__bank">32205</span>
</div>
</div>
</div>
</a>
</div>
<div class=" mobile-menu__submenu-item mobile-menu__submenu-item__games-no-balance mobile-menu__submenu-item_first-in-row">
<a href="/plinko" class="mobile-menu__submenu-item__link">
<div class="mobile-menu__submenu-item__link-wrapper">
<span class="lightable mobile-menu__submenu-item__link-icon myicon-is-plinko"></span>
<div class="mobile-menu__submenu-item__link__right">
<div class="mobile-menu__submenu-item__link-name mobile-menu__submenu-item__link-name_no-margin">
Plinko</div>
</div>
</div>
</a>
</div>
<div class=" mobile-menu__submenu-item mobile-menu__submenu-item__games-no-balance mobile-menu__submenu-item_last-in-row">
<a href="/tower" class="mobile-menu__submenu-item__link">
<div class="mobile-menu__submenu-item__link-wrapper">
<span class="lightable mobile-menu__submenu-item__link-icon myicon-is-tower"></span>
<div class="mobile-menu__submenu-item__link__right">
<div class="mobile-menu__submenu-item__link-name mobile-menu__submenu-item__link-name_no-margin">
Tower</div>
</div>
</div>
</a>
</div>
<div class=" mobile-menu__submenu-item mobile-menu__submenu-item__games-no-balance mobile-menu__submenu-item_first-in-row">
<a href="/overgo" class="mobile-menu__submenu-item__link">
<div class="mobile-menu__submenu-item__link-wrapper">
<span class="lightable mobile-menu__submenu-item__link-icon myicon-is-overgo"></span>
<div class="mobile-menu__submenu-item__link__right">
<div class="mobile-menu__submenu-item__link-name mobile-menu__submenu-item__link-name_no-margin ">
Overgo</div>
</div>
</div>
</a>
</div>
<div class=" mobile-menu__submenu-item mobile-menu__submenu-item__games-no-balance mobile-menu__submenu-item_last-in-row">
<a href="/dice" class="mobile-menu__submenu-item__link">
<div class="mobile-menu__submenu-item__link-wrapper">
<span class="lightable mobile-menu__submenu-item__link-icon myicon-is-dice"></span>
<div class="mobile-menu__submenu-item__link__right">
<div class="mobile-menu__submenu-item__link-name mobile-menu__submenu-item__link-name_no-margin">
Dice</div>
</div>
</div>
</a>
</div>
<div class=" mobile-menu__submenu-item mobile-menu__submenu-item_first-in-row">
<a href="/double" class="mobile-menu__submenu-item__link">
<div class="mobile-menu__submenu-item__link-wrapper">
<span class="lightable mobile-menu__submenu-item__link-icon myicon-is-double"></span>
<div class="mobile-menu__submenu-item__link__right">
<div class="mobile-menu__submenu-item__link-name">Double</div>
<div class="mobile-menu__submenu-item__link-bank">
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_535_1789" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="12" height="12">
<rect width="12" height="12" fill="#D9D9D9"></rect>
</mask>
<g mask="url(#mask0_535_1789)">
<path d="M7.5 10C6.38333 10 5.4375 9.6125 4.6625 8.8375C3.8875 8.0625 3.5 7.11667 3.5 6C3.5 4.88333 3.8875 3.9375 4.6625 3.1625C5.4375 2.3875 6.38333 2 7.5 2C8.61667 2 9.5625 2.3875 10.3375 3.1625C11.1125 3.9375 11.5 4.88333 11.5 6C11.5 7.11667 11.1125 8.0625 10.3375 8.8375C9.5625 9.6125 8.61667 10 7.5 10ZM3.5 9.875C2.61667 9.64167 1.89583 9.16667 1.3375 8.45C0.779167 7.73333 0.5 6.91667 0.5 6C0.5 5.08333 0.779167 4.26667 1.3375 3.55C1.89583 2.83333 2.61667 2.35833 3.5 2.125V3.175C2.9 3.38333 2.41667 3.74583 2.05 4.2625C1.68333 4.77917 1.5 5.35833 1.5 6C1.5 6.64167 1.68333 7.22083 2.05 7.7375C2.41667 8.25417 2.9 8.61667 3.5 8.825V9.875ZM7.5 9C8.33333 9 9.04167 8.70833 9.625 8.125C10.2083 7.54167 10.5 6.83333 10.5 6C10.5 5.16667 10.2083 4.45833 9.625 3.875C9.04167 3.29167 8.33333 3 7.5 3C6.66667 3 5.95833 3.29167 5.375 3.875C4.79167 4.45833 4.5 5.16667 4.5 6C4.5 6.83333 4.79167 7.54167 5.375 8.125C5.95833 8.70833 6.66667 9 7.5 9Z" fill="#7E7E7E"></path>
</g>
</svg>
<span id="double_bank" class="game__bank">0</span>
</div>
</div>
</div>
</a>
</div>
<div class=" mobile-menu__submenu-item mobile-menu__submenu-item_last-in-row">
<a href="/jackpot" class="mobile-menu__submenu-item__link">
<div class="mobile-menu__submenu-item__link-wrapper">
<span class="lightable mobile-menu__submenu-item__link-icon myicon-is-jackpot"></span>
<div class="mobile-menu__submenu-item__link__right">
<div class="mobile-menu__submenu-item__link-name">Jackpot</div>
<div class="mobile-menu__submenu-item__link-bank">
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_535_1789" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="12" height="12">
<rect width="12" height="12" fill="#D9D9D9"></rect>
</mask>
<g mask="url(#mask0_535_1789)">
<path d="M7.5 10C6.38333 10 5.4375 9.6125 4.6625 8.8375C3.8875 8.0625 3.5 7.11667 3.5 6C3.5 4.88333 3.8875 3.9375 4.6625 3.1625C5.4375 2.3875 6.38333 2 7.5 2C8.61667 2 9.5625 2.3875 10.3375 3.1625C11.1125 3.9375 11.5 4.88333 11.5 6C11.5 7.11667 11.1125 8.0625 10.3375 8.8375C9.5625 9.6125 8.61667 10 7.5 10ZM3.5 9.875C2.61667 9.64167 1.89583 9.16667 1.3375 8.45C0.779167 7.73333 0.5 6.91667 0.5 6C0.5 5.08333 0.779167 4.26667 1.3375 3.55C1.89583 2.83333 2.61667 2.35833 3.5 2.125V3.175C2.9 3.38333 2.41667 3.74583 2.05 4.2625C1.68333 4.77917 1.5 5.35833 1.5 6C1.5 6.64167 1.68333 7.22083 2.05 7.7375C2.41667 8.25417 2.9 8.61667 3.5 8.825V9.875ZM7.5 9C8.33333 9 9.04167 8.70833 9.625 8.125C10.2083 7.54167 10.5 6.83333 10.5 6C10.5 5.16667 10.2083 4.45833 9.625 3.875C9.04167 3.29167 8.33333 3 7.5 3C6.66667 3 5.95833 3.29167 5.375 3.875C4.79167 4.45833 4.5 5.16667 4.5 6C4.5 6.83333 4.79167 7.54167 5.375 8.125C5.95833 8.70833 6.66667 9 7.5 9Z" fill="#7E7E7E"></path>
</g>
</svg>
<span id="jackpot_bank" class="game__bank">0</span>
</div>
</div>
</div>
</a>
</div>
<div class=" mobile-menu__submenu-item mobile-menu__submenu-item__games-no-balance mobile-menu__submenu-item_first-in-row mobile-menu__submenu-item_last-in-column">
<a href="/raffle" class="mobile-menu__submenu-item__link">
<div class="mobile-menu__submenu-item__link-wrapper">
<span class="lightable mobile-menu__submenu-item__link-icon myicon-is-raffle"></span>
<div class="mobile-menu__submenu-item__link__right">
<div class="mobile-menu__submenu-item__link-name mobile-menu__submenu-item__link-name_no-margin">
Raffle</div>
</div>
</div>
</a>
</div>
</div>
<div style="display: none;" class="mobile-menu__submenu mobile-menu__submenu_more">
<div class="mobile-menu__nav">
<a href="/" class="mobile-menu__navlink active">
Главная
</a>
<a href="/tournament" class="mobile-menu__navlink ">
<span class="active-badge active-badge_mobile">Турнир</span>
</a>
<a href="/fairness" class="mobile-menu__navlink ">
Честная игра
</a>
<a onclick="Intercom('show')" class="mobile-menu__navlink">
<span class="mobile-support-link">
Поддержка
<span class="login__social-bonus support-new-messages support-new-messages_mobile" style="display: none;">0</span>
</span>
</a>
</div>
<div class="mobile-menu__submenu-item_socials">
<span class="mobile-menu__online">
<span class="active-dot"></span> <span class="on">628</span>
</span>
<a href="https://vk.com/moneyx19" class="mobile-menu__submenu-item_social-link mobile-menu__submenu_vk" target="_blank">
<i class="myicon-is-vk"></i>
</a>
<a href="https://t.me/moneyx12" class="mobile-menu__submenu-item_social-link" target="_blank">
<i class="myicon-is-tg"></i>
</a>
</div>
</div>
<a onclick="myFunction1()" class="gradient-text mobile-menu__link ">
<i class="fa fa-gamepad mobile-menu__link-icon" aria-hidden="true"></i>
Игры
</a>
<a href="/me" class="gradient-text mobile-menu__link ">
<i class="fa fa-user mobile-menu__link-icon" aria-hidden="true"></i>
Профиль
</a>
<a href="/index" class="gradient-text mobile-menu__link ">
<i class="fa fa-home mobile-menu__link-icon" aria-hidden="true"></i>
Главная
</a>
<a href="/bonus" class="gradient-text mobile-menu__link ">
<i class="fa fa-gift mobile-menu__link-icon" aria-hidden="true"></i>
Бонус
</a>
<a onclick="myFunction155()" class="gradient-text mobile-menu__link ">
<i class="fa fa-list mobile-menu__link-icon" aria-hidden="true"></i>
Еще
</a>
</div>
</div>
<div id="myDropdown1" class="dropdown-content1" style="margin-bottom: 3.5rem; left: 0;">
<a href="/dice" class="12343" style="color: #707d8e;"><span class="material-icons" style="font-size: 17px;margin-top: -2px;margin-right: 2px; color: #707d8e; ">casino</span> Classic Dice</a>
<a href="/slot"style="color: #707d8e;"><span class="material-icons" style="font-size: 20px;margin-top: -2px;margin-right: 2px; color: #707d8e; ">star</span> Slots</a>
<a href="/live"style="color: #707d8e;"><span class="material-icons" style="font-size: 20px;margin-top: -2px;margin-right: 2px; color: #707d8e; ">record_voice_over</span> Live Dealers</a>
<a href="/mines"style="color: #707d8e;"><span class="material-icons" style="font-size: 20px;margin-top: -2px;margin-right: 2px; color: #707d8e; ">diamond</span> Mines</a>
<a href="/bubbles"style="color: #707d8e;"><span class="material-icons" style="font-size: 20px;margin-top: -2px;margin-right: 2px; color: #707d8e; ">hdr_strong</span> Bubbles</a>
<a href="/x50"style="color: #707d8e;"><span class="material-icons" style="font-size: 20px;margin-top: -2px;margin-right: 2px; color: #707d8e; ">attractions</span> x50</a>
</div>
<div id="myDropdown155" class="dropdown-content155" style=" right: 0;margin-bottom: 3.5rem;">
<a href="/faq" class="12343" style="color: #707d8e;"><span class="material-icons" style="font-size: 17px;margin-top: -2px;margin-right: 2px; color: #707d8e; ">contact_support</span> FAQ</a>
<a href="/support" style="color: #707d8e;"><span class="material-icons" style="font-size: 20px;margin-top: -2px;margin-right: 2px; color: #707d8e; ">alternate_email</span> Контакты</a>
<a href="/history" style="color: #707d8e;"><span class="material-icons" style="font-size: 21px;margin-top: -2px;margin-right: 2px; color: #707d8e; ">schedule</span> Все выплаты</a>
<!-- <a href="#modalTasks" data-toggle="modal" style="color: #707d8e;"><span class="material-icons" style="font-size: 21px;margin-top: -2px;margin-right: 2px; color: #707d8e; ">splitscreen</span> Задания</a> -->
<a href="#modalVoucher"data-toggle="modal" style="color: #707d8e;"><span class="material-icons" style="font-size: 21px;margin-top: -2px;margin-right: 2px; color: #707d8e; ">vpn_key</span> Ваучер</a>
<a href="/credit" style="color: #707d8e;"><span class="material-icons" style="font-size: 21px;margin-top: -2px;margin-right: 2px; color: #707d8e; ">credit_score</span> Займ</a>
<a href="/tournament" style="color: #707d8e;"><span class="material-icons" style="font-size: 21px;margin-top: -2px;margin-right: 2px; color: #707d8e; ">emoji_events</span> Турнир</a>
</div>
<style>
.dropbtn {
background-color: #3498DB;
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}
/* Кнопка выпадающего меню при наведении и фокусировке */
.dropbtn:hover, .dropbtn:focus {
background-color: #2980B9;
}
/* Контейнер <div> - необходим для размещения выпадающего содержимого */
.dropdown {
position: relative;
display: inline-block;
}
/* Выпадающее содержимое (скрыто по умолчанию) */
.dropdown-content155 {
display: none;
position: absolute;
background-color: #ffffff;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgb(201 201 201 / 42%);
z-index: 1555;
border-radius: 0.5rem;
position: fixed;
bottom: 0;
margin-bottom: 4.45rem;
}
/* Ссылки внутри выпадающего списка */
.dropdown-content155 a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
/* Изменение цвета выпадающих ссылок при наведении курсора */
.dropdown-content155 a:hover {background-color: #eae4ff; border-radius: 0.5rem;}
/* Показать выпадающее меню (используйте JS, чтобы добавить этот класс .dropdown-content содержимого, когда пользователь нажимает на кнопку выпадающего списка) */
.show155 {display:block;}
.dropbtn {
background-color: #3498DB;
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}
/* Кнопка выпадающего меню при наведении и фокусировке */
.dropbtn:hover, .dropbtn:focus {
background-color: #2980B9;
}
/* Контейнер <div> - необходим для размещения выпадающего содержимого */
.dropdown {
position: relative;
display: inline-block;
}
/* Выпадающее содержимое (скрыто по умолчанию) */
.dropdown-content1 {
display: none;
position: absolute;
background-color: #ffffff;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgb(201 201 201 / 42%);
z-index: 1555;
border-radius: 0.5rem;
position: fixed;
bottom: 0;
margin-bottom: 4.45rem;
}
/* Ссылки внутри выпадающего списка */
.dropdown-content1 a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
/* Изменение цвета выпадающих ссылок при наведении курсора */
.dropdown-content1 a:hover {background-color: #eae4ff; border-radius: 0.5rem;}
/* Показать выпадающее меню (используйте JS, чтобы добавить этот класс .dropdown-content содержимого, когда пользователь нажимает на кнопку выпадающего списка) */
.show1 {display:block;}
</style>
<script>
/* Когда пользователь нажимает на кнопку,
переключение между скрытием и отображением раскрывающегося содержимого */
function myFunction1() {
document.getElementById("myDropdown1").classList.toggle("show1");
}
// Закройте выпадающее меню, если пользователь щелкает за его пределами
window.onclick = function(event) {
if (!event.target.matches('.dropbtn')) {
var dropdowns = document.getElementsByClassName("dropdown-content1");
var i;
for (i = 0; i < dropdowns.length; i++) {
var openDropdown = dropdowns[i];
if (openDropdown.classList.contains('show1')) {
openDropdown.classList.remove('show1');
}
}
}
}
function myFunction155() {
document.getElementById("myDropdown155").classList.toggle("show155");
}
// Закройте выпадающее меню, если пользователь щелкает за его пределами
window.onclick = function(event) {
if (!event.target.matches('.dropbtn')) {
var dropdowns = document.getElementsByClassName("dropdown-content155");
var i;
for (i = 0; i < dropdowns.length; i++) {
var openDropdown = dropdowns[i];
if (openDropdown.classList.contains('show155')) {
openDropdown.classList.remove('show155');
}
}
}
}
</script>
<style>
@media screen and (max-width: 432px){
#outsidee {
display: block;
}
}
.gradient-text {
background: linear-gradient(45deg, #7869fc 33%, #7274ff 66%, #b29dff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #766cfd;
}
.mobile-menu {
display:none;
height: 55px;
position: fixed;
bottom: 0;
width: 100%;
background: #fff;
z-index: 300;
left: 0;
right: 0;
}
.mobile-menu__contents {
position: relative;
height: 100%;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 5px;
margin: auto;
font-size: 11px;
color: #cdcdcd;
}
.mobile-menu__submenu {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
position: absolute;
bottom: 55px;
left: 0;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
z-index: 100;
background: var(--color-secondary-bg);
padding: 0 8px;
max-height: calc(100vh - 110px);
overflow-y: auto;
padding: 10px 7px;
box-shadow: 0px 0px 7px 3px rgb(0 0 0 / 10%);
}
.mobile-menu__link {
position: relative;
}
.mobile-menu__link {
display: block;
width: 100%;
text-align: center;
padding: 5px 0;
color: #cdcdcd;
}
@media (max-width: 991px)
.btn-toggle3m {
display: block;
}
.mobile-menu__link {
position: relative;
}
.mobile-menu__link {
display: block;
width: 100%;
text-align: center;
padding: 5px 0;
color: #cdcdcd;
}
.btn-toggle3m {
display: none;
}
.mobile-menu__link-icon {
display: block;
margin-bottom: 5px;
font-size: 21px;
}
[class^="myicon-"], [class*=" myicon-"] {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
</style>