@font-face {
	font-family: 'icomoon';
	src: url("../fonts/icomoond996.eot?ihsmwr");
	src: url("../fonts/icomoond996.eot?ihsmwr#iefix") format("embedded-opentype"), url("../fonts/icomoond996.ttf?ihsmwr") format("truetype"), url("../fonts/icomoond996.woff?ihsmwr") format("woff"), url("../web/home.html?ihsmwr#icomoon") format("svg");
	font-weight: normal;
	font-style: normal
}
[class^="icon-"], [class*=" icon-"] {
font-family:'icomoon' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.icon-affiliate:before {
	content: "\e600"
}
.icon-agent:before {
	content: "\e934"
}
.icon-android:before {
	content: "\e91a"
}
.icon-announcement:before {
	content: "\e601"
}
.icon-announcement-right:before {
	content: "\e936"
}
.icon-apple:before {
	content: "\e91b"
}
.icon-arrow-down:before {
	content: "\e915"
}
.icon-arrow-left:before {
	content: "\e914"
}
.icon-arrow-right:before {
	content: "\e91e"
}
.icon-arrow-up:before {
	content: "\e91f"
}
.icon-back:before {
	content: "\e916"
}
.icon-banking:before {
	content: "\e602"
}
.icon-banking-options:before {
	content: "\e937"
}
.icon-bell:before {
	content: "\e901"
}
.icon-bell-solid:before {
	content: "\e900"
}
.icon-box-checked:before {
	content: "\e920"
}
.icon-box-unchecked:before {
	content: "\e921"
}
.icon-bullet:before {
	content: "\e801"
}
.icon-bullet-outline:before {
	content: "\e800"
}
.icon-calatog:before {
	content: "\e92d"
}
.icon-cancel:before {
	content: "\e925"
}
.icon-card:before {
	content: "\e938"
}
.icon-casino:before {
	content: "\e603"
}
.icon-chat:before {
	content: "\e604"
}
.icon-check:before {
	content: "\e926"
}
.icon-check-circle:before {
	content: "\e908"
}
.icon-check-fat:before {
	content: "\e939"
}
.icon-close:before {
	content: "\e917"
}
.icon-compose:before {
	content: "\e605"
}
.icon-currency:before {
	content: "\e606"
}
.icon-currency-circle:before {
	content: "\e911"
}
.icon-currency-fat:before {
	content: "\e93a"
}
.icon-delivery:before {
	content: "\e93b"
}
.icon-deposit:before {
	content: "\e607"
}
.icon-desktop:before {
	content: "\e90f"
}
.icon-download:before {
	content: "\e913"
}
.icon-error:before {
	content: "\e92b"
}
.icon-event:before {
	content: "\e92a"
}
.icon-eye:before {
	content: "\e93e"
}
.icon-eye-slashed:before {
	content: "\e93f"
}
.icon-filter:before {
	content: "\e91d"
}
.icon-fish:before {
	content: "\e902"
}
.icon-flag:before {
	content: "\e92e"
}
.icon-forward:before {
	content: "\e918"
}
.icon-freebet:before {
	content: "\e608"
}
.icon-games:before {
	content: "\e91c"
}
.icon-grid:before {
	content: "\e903"
}
.icon-grid-solid:before {
	content: "\e904"
}
.icon-help-buoy:before {
	content: "\e620"
}
.icon-history:before {
	content: "\e609"
}
.icon-home:before {
	content: "\e60a"
}
.icon-info:before {
	content: "\e907"
}
.icon-info-centre:before {
	content: "\e93c"
}
.icon-keno:before {
	content: "\e60b"
}
.icon-ladders:before {
	content: "\e93d"
}
.icon-location:before {
	content: "\e60c"
}
.icon-login:before {
	content: "\e60d"
}
.icon-logout:before {
	content: "\e60e"
}
.icon-mahjong:before {
	content: "\e90b"
}
.icon-mail:before {
	content: "\e60f"
}
.icon-minus:before {
	content: "\e927"
}
.icon-monitor:before {
	content: "\e932"
}
.icon-more:before {
	content: "\e930"
}
.icon-navicon:before {
	content: "\e906"
}
.icon-password:before {
	content: "\e610"
}
.icon-phone:before {
	content: "\e611"
}
.icon-plus:before {
	content: "\e928"
}
.icon-profile:before {
	content: "\e612"
}
.icon-profile-edit:before {
	content: "\e935"
}
.icon-promo:before {
	content: "\e905"
}
.icon-promo-claim:before {
	content: "\e614"
}
.icon-promo-solid:before {
	content: "\e909"
}
.icon-radio-checked:before {
	content: "\e922"
}
.icon-radio-unchecked:before {
	content: "\e923"
}
.icon-rebates:before {
	content: "\e910"
}
.icon-referral-bonus:before {
	content: "\e615"
}
.icon-refresh:before {
	content: "\e924"
}
.icon-rewards:before {
	content: "\e806"
}
.icon-rewards-solid:before {
	content: "\e805"
}
.icon-search:before {
	content: "\e919"
}
.icon-security:before {
	content: "\e617"
}
.icon-settings:before {
	content: "\e618"
}
.icon-skype:before {
	content: "\e621"
}
.icon-slots:before {
	content: "\e619"
}
.icon-smartphone:before {
	content: "\e933"
}
.icon-soccer:before {
	content: "\e90d"
}
.icon-spade:before {
	content: "\e90a"
}
.icon-spade-solid:before {
	content: "\e90c"
}
.icon-sports:before {
	content: "\e61a"
}
.icon-submit:before {
	content: "\e61b"
}
.icon-super-bull:before {
	content: "\e92c"
}
.icon-swap:before {
	content: "\e929"
}
.icon-template:before {
	content: "\e61c"
}
.icon-transfer:before {
	content: "\e61d"
}
.icon-trash:before {
	content: "\e92f"
}
.icon-wallet:before {
	content: "\e808"
}
.icon-wallet-solid:before {
	content: "\e807"
}
.icon-wheel:before {
	content: "\e931"
}
.icon-withdraw:before {
	content: "\e61f"
}
.icon-world:before {
	content: "\e912"
}
.icon-zalo:before {
	content: "\e90e"
}/*!
 * Slidebars - A jQuery Framework for Off-Canvas Menus and Sidebars
 * Version: 2.0.2
 * Url: http://www.adchsm.com/slidebars/
 * Author: Adam Charles Smith
 * Author url: http://www.adchsm.com/
 * License: MIT
 * License url: http://www.adchsm.com/slidebars/license/
 */
html, body, [canvas=container], [off-canvas] {
margin:0;
padding:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
html, body {
	width: 100%;
	height: 100%;
	/*overflow: hidden;*/
	margin: 0 auto;
}
[canvas] {
z-index:1
}
[canvas=container] {
width:100%;
height:100%;
overflow-y:auto;
position:relative;
background-color:white;
-webkit-overflow-scrolling:touch
}
[canvas=container]:before, [canvas=container]:after {
	clear: both;
	content: '';
	display: table
}
[off-canvas] {
display:none;
position:fixed;
overflow:hidden;
overflow-y:auto;
background-color:black;
color:white;
-webkit-overflow-scrolling:touch
}
[off-canvas*=top] {
width:100%;
height:255px;
top:0
}
[off-canvas*=right] {
width:255px;
height:100%;
top:0;
right:0
}
[off-canvas*=bottom] {
width:100%;
height:255px;
bottom:0
}
[off-canvas*=left] {
width:255px;
height:100%;
top:0;
left:0
}
[off-canvas*=reveal] {
z-index:0
}
[off-canvas*=push] {
z-index:1
}
[off-canvas*=overlay] {
z-index:9999
}
[off-canvas*=shift] {
z-index:0
}
[canvas], [off-canvas] {
-webkit-transform:translate(0px, 0px);
-ms-transform:translate(0px, 0px);
transform:translate(0px, 0px);
-webkit-transition:-webkit-transform 300ms;
transition:transform 300ms;
-webkit-backface-visibility:hidden
}
[off-canvas*=shift][off-canvas*=top] {
-webkit-transform:translate(0px, 50%);
transform:translate(0px, 50%)
}
[off-canvas*=shift][off-canvas*=right] {
-webkit-transform:translate(-50%, 0px);
transform:translate(-50%, 0px)
}
[off-canvas*=shift][off-canvas*=bottom] {
-webkit-transform:translate(0px, -50%);
transform:translate(0px, -50%)
}
[off-canvas*=shift][off-canvas*=left] {
-webkit-transform:translate(50%, 0px);
transform:translate(50%, 0px)
}
@media print {
[canvas] {
-webkit-transform:translate(0px, 0px) !important;
-ms-transform:translate(0px, 0px) !important;
transform:translate(0px, 0px) !important
}
[off-canvas] {
display:none !important
}
}
.side-nav {
	width: 100px;
	background-color: #04749e;/*#030303*/
}
.side-nav.overflow-shown {
	width: 310px;
	overflow: scroll
}
.side-nav.overflow-shown nav {
	width: 310px;
	overflow: scroll
}
.side-nav-items {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	background: transparent;
}
.side-nav-items>li {
    display: block;
    padding: 10px;
    background: linear-gradient(to bottom, #f7f7f7 0%, #f5f5f5 99%);
}
.side-nav-items>li>a {
    font-size: 12px;
    text-transform: uppercase;
    color: #5b5b5b;
    text-align: center;
    padding: 10px 5px 10px 1px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.side-nav-items>li>a img{
	max-width: 30px;
	margin: 0 auto;
	/*filter: invert(99%) sepia(1%) saturate(2166%) hue-rotate(334deg) brightness(118%) contrast(101%);*/
    margin-right: 10px;
    filter: invert(0.7);
}
.line img{
	filter: none!important;
}
.side-nav-items>li.active a, .side-nav-items>li.active a:hover{border:0px;}

.side-nav-items>li>a .icon {
	color: #ffffff;
	font-size: 2.125rem;
	text-align: center;
	margin: 0 auto 4px;
	display: grid;
}
.side-nav-items>li:last-child {
	border-bottom: none
}
.side-nav-items>li.active {
	color: #070707;
}
.side-nav-items>li.active a{
	color: #5b5b5b;
}
.side-nav-items>li>span{color: #f1cb7a;}
.side-nav-items>li>a:focus .icon, .side-nav-items>li>a:hover .icon, .side-nav-items>li.active .icon {
	color: #fff
}
.nav-category-items {
	width: 210px;
	background:#eee;
	padding: 2px;
	display: none;
	top: 0;
	left: 100px;
	bottom: 0;
	position: absolute
}
.nav-category-items h4 {
	color: #2c3f6a; /*#ffed00;*/ 
	background:#ddd;
	padding: 15px;
	margin: 0;
	text-transform: uppercase;
	font-size: 1.2rem; /*0.875rem;*/
	font-weight: 700
}
.nav-category-items .row {
	margin-left: -1px;
	margin-right: -1px
}
.nav-category-items .row div[class^="col-"], .nav-category-items .row div[class*=" col-"] {
	padding-left: 1px;
	padding-right: 1px
}
.nav-category-items img {
	width: 85%; border-radius:50%;
}
.nav-category-items div, .nav-category-items div[class^="col-"], .nav-category-items>a, .nav-category-items div[class*=" col-"]>a {
	text-align: center;
	background-color: #f2f2f2;/*#030303*/
	padding-bottom: 15px;
	margin-bottom: 4px;
	display: block
}
.nav-category-items div span, .nav-category-items div[class^="col-"] span, .nav-category-items>a span, .nav-category-items div[class*=" col-"]>a span {
	margin-top: 5px;
	font-size: 0.875rem;
	color: #2c3f6a; /*#ffed00;*/ 
	display: block;
	height: 30px
}
.nav-category-items div:focus>span, .nav-category-items div:hover>span, .nav-category-items div[class^="col-"]:focus>span, .nav-category-items div[class^="col-"]:hover>span, .nav-category-items>a:focus>span, .nav-category-items>a:hover>span, .nav-category-items div[class*=" col-"]>a:focus>span, .nav-category-items div[class*=" col-"]>a:hover>span {
	color: #fff
}
.nav-category-items div {
	position: relative
}
.nav-category-items div .nav-category-btns {
	padding-top: 20%;
	background-color: transparent;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: linear all 300ms;
	transition: linear all 300ms
}
.nav-category-items div:focus>.title, .nav-category-items div:hover>.title {
	color: #2a8fbd
}
.nav-category-items div:focus>img, .nav-category-items div:hover>img {
	opacity: 0.3
}
.nav-category-items div:focus>.nav-category-btns, .nav-category-items div:hover>.nav-category-btns {
	visibility: visible;
	opacity: 1
}
.nav-category-items.nav-category-items-shown {
	display: block
}
.side-submenu {
	list-style: none;
	padding: 0;
	margin: 0
}
.side-submenu li {
	display: block;
	border-bottom: 1px solid rgba(255,255,255,0.04)
}
.side-submenu li a {
	text-align: left;
	color: #d3dee3;
	padding: 10px 15px;
	background-color: transparent;
	text-transform: uppercase;
	display: block
}
.side-submenu li a span {
	font-size: 0.875rem;
	color: #d3dee3 !important
}
.side-submenu li a:active span, .side-submenu li a:focus span {
	color: #2a8fbd
}
@media all and (max-width: 320px) {
.side-nav.overflow-shown {
	width: 290px
}
.side-nav.overflow-shown nav {
	width: 290px
}
.nav-category-items {
	width: 190px
}
}
.offscreen-view {
	width: 100%;
	height: 100%;
	top: 0;
	left: 100%;
	right: 0;
	bottom: 0;
	z-index: 30;
	position: fixed;
	background: #fff;
	-webkit-transition: all 400ms ease;
	transition: all 400ms ease
}
.offscreen-view.offscreen-view-downloads {
	background-color: #1f1f1f
}
.offscreen-view.offscreen-view-open {
	left: 0
}
.offscreen-view .offscreen-view-close {
	color: #fff;
	font-size: 1rem;
	background: rgba(1,55,77,0.75);
	padding: 1px 3px;
	top: 0;
	left: 0;
	z-index: 5;
	position: absolute
}
.offscreen-view .offscreen-view-header {
	background: #01374d;
	padding: 5px 0
}
.offscreen-view .offscreen-view-header .offscreen-back {
	color: #bbb;
	font-size: 1.5rem;
	padding-left: 6px;
	padding-right: 6px
}
.offscreen-view .offscreen-container {
	width: 100%;
	height: 100%;
	max-width: 100%;
	top: 39px;
	position: absolute;
	overflow: hidden
}
.offscreen-view .offscreen-container iframe, .offscreen-view .offscreen-container object, .offscreen-view .offscreen-container embed {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	position: absolute
}
.offscreen-view .offscreen-container.offscreen-container-slots {
	top: 0
}
.canvas-overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
    top: 0;
    left: 0;
    z-index: -1;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.main-screen {
    position: relative;
    height: 100%;
}