<script>(() => { const header = document.querySelector('#preloaded-header'); if (!header) { return; } header.style.display = 'none'; })();</script>
<a id="back-to-top-button"><i></i></a>
<div class="header-holder">
<div class="container-header">
<div class="top-nav-wrapper flex">
<div class="flex nav-container hidden-native">
<a class="inline-block logo" href="/sports">
<img width="42" hight="32" class="logo-img" src="/library/10bet_logo_gray.png?siteid=11" alt="Logo">
</a> <!---logo-->
<div class="mobile-menu" onclick="Playtech.API.menu.openSlideMenu();"></div>
<nav class="top-navigation flex gap6">
<a href="/sports" class="top-nav-a-holder block top-nav-link sports-h">
<span class="nav-menu-icons sport"></span>
<span>Sports</span>
</a>
<a href="/sports/live-betting" class="top-nav-a-holder block top-nav-link live-bets-h">
<span class="nav-menu-icons live-bets"></span>
<span>Live Bets</span>
</a>
<a href="/casino" class="top-nav-a-holder block top-nav-link casino-h">
<span class="nav-menu-icons casino"></span>
<span >Casino</span>
</a>
<a href="/live-casino" class="top-nav-a-holder block top-nav-link live-casino-h">
<span class="nav-menu-icons live-casino"></span>
<span>Live Casino</span>
</a>
<a href="/promotions" id="sport-promotions" style="display:none;" class="top-nav-a-holder block top-nav-link live-casino-h top-nav-link-promotions">
<span class="nav-menu-icons promotions"></span>
<span>Promotions</span>
</a>
<a href="/promotions-casino" id="casino-promotions" style="display:none;" class="top-nav-a-holder block top-nav-link live-casino-h top-nav-link-promotions">
<span class="nav-menu-icons promotions"></span>
<span>Promotions</span>
</a>
</nav>
<hub2-logged-out>
<div class="flex account-links">
<a class="login-link inline-block" onclick="Playtech.API.popup.showPopup('login')" href="">Log In</a>
<a id="main-join-btn" class="main-button inline-block button-signup" href="/register">Join now</a>
</div>
</hub2-logged-out>
<hub2-logged-in>
<div class="user-block flex gap27 flex account-links">
<div class="flex gap9 logged-user-options lighter-font">
<span class="hide-on-mobile flex"> <a class="main-button inline-block button-signup" href="/deposit" >Deposit</a></span>
<a href="/balance" class="deposit inline-block top-nav-link gap9 hide-on-desktop"><hub2-casino-gaming-balance></hub2-casino-gaming-balance><span class="grn-background">+</span></a>
<div style="position:relative">
<p class="user-block-text lighter-font"><span class="hide-on-mobile flex ">Balance <hub2-casino-gaming-balance></hub2-casino-gaming-balance><span class="header-user-black-arrow"></span></span></p>
<div class="hover-menu saldo">
<a href="/balance"> <span class="hm-tit">Total</span> <span><hub2-balance type="total_balance"></hub2-balance></span></a>
<a href="/balance"> <span class="hm-tit">Cash </span><span><hub2-balance type="mainreal_balance"></hub2-balance></span></a>
<a href="/my-account/sportsbook-active-bonuses"> <span class="hm-tit">Sports bonus</span><span><hub2-balance type="sportsbook_bonus_balance"></hub2-balance></span></a>
<a href="/my-account/sportsbook-active-bonuses"> <span class="hm-tit">Free Bets</span><span><hub2-sportsbook-balance type="sportsToken"></hub2-sportsbook-balance></span></a>
<a href=""> <span class="hm-tit">Casino buy-in </span><span><hub2-balance type="casino_buyin"></hub2-balance></span></a>
<a href="/bonus-history"> <span class="hm-tit">Casino bonus</span><span><hub2-balance type="total_bonus_balance"></hub2-balance></span></a>
<a href="/free-spins"> <span class="hm-tit">Free Spins</span><span><hub2-balance type="free_spin_balance"></hub2-balance></span></a>
<a href="" style="display:none"> <span class="hm-tit">Loyalty </span><span><hub2-balance type="loyalty_balance"></hub2-balance></span></a>
<a href="/betting-history"> <span class="hm-tit">Open bets</span><span><hub2-balance type="sportsbook_in_play_balance"></hub2-balance></span></a>
<a href="/detailed-transactions-history"> <span class="hm-tit">Pending withdrawals </span><span><hub2-balance type="pending_withdrawals"></hub2-balance></span></a>
</div>
</div>
</div>
<div class="flex gap9 align-center m-top-fix logged-user-options lighter-font">
<a class="inline-block hide-on-desktop" onclick="Playtech.API.sidebar.open()"><img src="/library/icons/user-icon.png?siteid=1" alt="my-account" style="width:20px;height:20px;"></a>
<!--<a href="" onclick="window.Communication.API.inbox.showInboxTab()" class="hide-on-mobile flex" style="color:#000;"><p class="user-block-text lighter-font">Notifications <span class="hide-if-0"><hub2-unread-messages-count></hub2-unread-messages-count></span></p></a>--><span class="hide-on-mobile">|</span>
<div style="position:relative">
<p class="user-block-text"><span class="hide-on-mobile flex"><hub2-user-info property="firstName"></hub2-user-info> <hub2-user-info property="lastName"></hub2-user-info><span class="header-user-black-arrow"></span></span></p>
<div class="hover-menu welc-user">
<!-- <a href="/verification" class="hm-tit"> <span>Account verificarion</span></a> -->
<a href="/personal-information" class="hm-tit"> <span>Account details</span></a>
<a href="/my-bonuses" class="hm-tit"> <span>Bonuses</span></a>
<a href="/balance" class="hm-tit"> <span>Balance</span></a>
<a href="/deposit" class="hm-tit"> <span>Deposit</span></a>
<a href="/withdraw" class="hm-tit"> <span>Withdraw</span></a>
<a href="" onclick="Playtech.API.auth.logout();" class="hm-tit"> <span>Logout</span></a>
</div>
</div>
<!-- <a href="" class="block top-nav-link" onclick="Playtech.API.sidebar.open()"> <p class="user-block-text" >logout</p></a> -->
</div>
</hub2-logged-in>
</div>
</div>
</div>
<div class="bottom-nav-wrapper">
<nav class="flex secondary-nav">
<a class="inline-block secondary-nav-link" href="/responsible-gambling-home">Responsible gambling</a>
<a class="inline-block secondary-nav-link" href="/contact-us">Contact us</a>
<a class="inline-block secondary-nav-link" href="https://helpcentre.10bet.co.uk/hc/en-gb">Help centre</a>
<a class="inline-block secondary-nav-link" id="sport-promotions" href="/about-us">About us</a>
</nav>
<ul class="widgets-wrapper">
<li class="widget" style="border: none;"><hub2-date-time-display format="dd.MM.yyyy HH:mm"></hub2-date-time-display></li>
</ul>
</div>
</div>
<script>
(async () => {
function promoLinkChange() {
//Desktop
window.waitForElementToExist('.top-nav-link-promotions').then(() => {
const sportPromLink = document.getElementById("sport-promotions");
const casinoPromLink = document.getElementById("casino-promotions");
if (window.location.pathname.startsWith("/casino")) {
sportPromLink.style.display = "none";
casinoPromLink.style.display ="flex";
} else if (window.location.pathname.startsWith("/live-casino")) {
sportPromLink.style.display = "none";
casinoPromLink.style.display ="flex";
} else {
sportPromLink.style.display ="flex";
casinoPromLink.style.display ="none";
}
});
//Mobile
window.waitForElementToExist('.mob-men-sect').then(() => {
const sportMobPromLink = document.getElementById("sport-mobile-promotions");
const casinoMobPromLink = document.getElementById("casino-mobile-promotions");
if (window.location.pathname.startsWith("/casino")) {
sportMobPromLink.style.display = "none";
casinoMobPromLink.style.display = "block";
} else if (window.location.pathname.startsWith("/live-casino")) {
sportMobPromLink.style.display = "none";
casinoMobPromLink.style.display = "block";
} else {
sportMobPromLink.style.display = "block";
casinoMobPromLink.style.display = "none";
}
});
}
promoLinkChange();
Playtech.on('navigate', () => {
promoLinkChange();
});
if (performance.navigation.type == 1) {
promoLinkChange();
}
})();
</script>
<style type="text/css">
/* Icons styles*/
.st0i{fill:#4f464a;}
.st1i{fill:#E1E1E1;}
a:hover,
a.active-header-url {
.st0i{fill:#000;}
.st1i{fill:#E1E1E1;}
}
/* Icons styles*/
.container-header {
margin-right: auto;
margin-left: auto;
width: 100%;
}
.hide-if-0{display:none;}
.header .top-nav-wrapper .nav-container{
background-color:#fff!important;
}
.has-message{
background-color:#76fd80;
padding:2px 6px;
border-radius:50%;
font-weight: bold;
}
.hover-menu{
width: 180px;
background-color:#4e454a;
color: #fff;
position: absolute;
z-index:120;
display:none
}
.saldo{
top:60px;
right:0px;
width:200px;
}
.hover-menu.saldo a,
.hover-menu.welc-user a{
color: #fff;
}
.lighter-font {
font-weight: normal;
font-size:12px;
}
.welc-user{
top:60px;
right:0px;
}
.account-links{position:relative;}
.user-block-text:hover + .hover-menu,
.hover-menu:hover{
display:flex;
flex-direction: column;
}
.user-block-text:hover + .header-user-black-arrow{
transform: rotate(45deg)
}
.user-block-text,
.hover-menu{cursor:pointer;}
.hover-menu.saldo a,
.hover-menu.welc-user a{
display: flex;
justify-content: space-between;
padding: 10px;
font-size: 12px;
font-weight: normal;
font-family: 'GT-Walsheim-Pro';
}
.grn-background {
background-color:#76fd80;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
width: 20px;
height:20px;
font-size:25px;
}
.header-holder{
width:100%;
background-color:#fff;
}
.top-nav-a-holder{
display:flex;
align-items:center;
justify-content:center;
}
.top-nav-a-holder img{
width: 32px;
height:32px;
}
.nav-menu-icons{
display:inline-block;
width:14px;
height:14px;
}
.nav-menu-icons.sport{
background-image: url("/library/icons/Football-Ball-Unselected.svg");
}
.active-header-url .nav-menu-icons.sport{
background-image: url("/library/icons/Football-Ball-Selected.svg");
}
.nav-menu-icons.live-bets{
background-image: url("/library/icons/LiveBetting-Text-Unselected.svg");
}
.active-header-url .nav-menu-icons.live-bets{
background-image: url("/library/icons/LiveBetting-Text-Selected.svg");
}
.nav-menu-icons.casino{
background-image: url("/library/icons/Casino-Chip_1-Unselected.svg");
}
.active-header-url .nav-menu-icons.casino{
background-image: url("/library/icons/Casino-Chip_1-Selected.svg");
}
.nav-menu-icons.live-casino{
background-image: url("/library/icons/LiveCasinoDressBowTie-Unselected.svg");
}
.active-header-url .nav-menu-icons.live-casino{
background-image: url("/library/icons/LiveCasinoDressBowTie-Selected.svg");
}
.nav-menu-icons.promotions{
background-image: url("/library/icons/GiftBox-Unselected.svg");
}
.active-header-url .nav-menu-icons.promotions{
background-image: url("/library/icons/GiftBox-Selected.svg");
}
.top-nav-a-holder span{line-height:1;}
.top-nav-a-holder.top-nav-link{
gap: 6px;
font-weight: bold;
}
.hide-on-desktop{display:none;}
.hide-on-mobile{align-items:center;}
.flex{display:flex;}
.header .top-nav-link.active-header-url{
color: #fff;
background: #4d454a;
padding: 8px 12px;
border-radius: 6px;
}
.desktop .application-root .hover-menu.saldo a:hover,
.desktop .application-root .hover-menu.welc-user a:hover{
background-color:#726b70;
color:#fff!important;
}
.hover-menu.saldo a span:not(.hm-tit) {
color:#fff;
}
.header-user-black-arrow{
display:inline-block;
transform: rotate(225deg);
width: 5px;
height: 5px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
border-left: 1px solid #000;
border-top: 1px solid #000;
margin-left:5px;
}
.gap6{
gap:6px !important;
}
.gap9{
gap:9px!important;
}
@media only screen and (min-width: 1024px) {
.header .top-nav-wrapper .nav-container {
height: 77px;
}
}
@media only screen and (max-width: 1024px) {
.hide-on-mobile,
.top-navigation {
display:none;
}
.hide-on-desktop{
display:flex;
}
.account-links{
gap:12px!important;
}
.header .deposit.top-nav-link{
font-weight: normal;
color:#000;
}
}
@media only screen and (max-width: 480px) {
.header .top-nav-wrapper .nav-container {
height: 54px;
}
}
</style>