@charset "utf-8";
/* List category

* - Common

1 - Header

2 - Banner

3 - Game Result

4 - Game Jackpot

5 - News

6 - Partner

7 - Footer

8 - Win Page


*/

/*---------------------------------------------------------------------------------*/


/*Common*/
html {background: #352529 url(../images/bg-xsv.jpg) no-repeat top center;}
body {font-size: 16px;font-family: 'Roboto', sans-serif;color: rgba(255,255,255,.85);}

.bg-dark {background:#242221 !important}

ul {margin-bottom:0; padding: 0}
ul li {list-style:none}

a {color:#000;}
a:hover, a:focus, button:focus {text-decoration:none; outline: none}

.red {color: red}

button:hover{cursor: pointer}

h1, h4, h5, h2, h3 {font-weight: 600; margin-bottom:20px;}

h2 {font-size: 36px}
h3 {font-size: 24px}


.wrap {max-width: 960px;margin: 0 auto;position: relative;}
header .wrap {max-width: 94%;}

.uk-breadcrumb {padding: 8px 15px 9px;background: rgba(76, 45, 72, 0.51);border-radius: 5px;}
.uk-breadcrumb>:last-child>*, .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {color: #ffd3d3a8}


.panel-radios {position: fixed; left: 50%; top: 10px; width: 20px; opacity: 0; z-index: 99;}

.row {margin-right: -15px; margin-left: -15px;}
.wrap-col { padding-left: 15px; padding-right: 15px}

.wrap-col .textpage-ct-box {text-align: justify}
.wrap-col .textpage-ct-box img {display: block;margin: 30px auto 40px;}


header {position: relative; z-index: 10}
header .uk-navbar {background: none !important}
header .uk-logo {margin-top: -36px;margin-left: 10px;width: 72%;}

.uk-navbar-right .burger {position: absolute;padding: 32px 10px;height: auto;margin-top: -2px;color: rgb(240, 112, 103);z-index: 10;display: none;width: 40px;right: -10px;top: 0;}
.uk-navbar-right .burger span, .uk-navbar-right .burger span:before, .uk-navbar-right .burger span:after {
    background: #f27d71;
    border-radius: 0.2em;
    height: 2px;
    position: absolute;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 20px;
    right: 0;
    margin: auto;
    left: 0;
}

.uk-navbar-nav, .uk-navbar-right .burger, .uk-navbar-right .burger span {-webkit-transition: all 0.3s; transition: all 0.3s;}
.uk-navbar-nav>li>a {padding: 8px 20px; color: rgba(255,255,255,.60); height: auto}
.uk-navbar-nav>li>a:hover, .uk-navbar-nav>li>a:focus {color: rgba(255,255,255,1);}


/* Reset the left and create the pseudo-element */

.burger span:before,
.burger span:after {
    content: '';
    left: 0;
}


/* Top bar position */

.burger span:before {
    top: -7px;
}


/* Bottom bar position */

.burger span:after {
    top: 7px;
}


/* Get rid of more on action (IE9 or higher) */

.open .burger:after {
    content: '';
}


/* Get rid of the middle bar on action (IE9 or higher) */

.open .burger span {
    height: 0;
    width: 0;
    margin-top: -5px;
    right: 0;
    left: -24px;
}


/* Moves the top and bottom bars to the middle on action (IE9 or higher) */

.open .burger span:before,
.open .burger span:after {
    top: 6px;
}


/* Rotates the top bar on action with full browser support (IE9 or higher) */

.open .burger span:before {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}


/* Rotates the bottom bar on action with full browser support (IE9 or higher) */

.open .burger span:after {
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(-225deg);
}


.main .girl {position: absolute;top: -224px;margin-left: -168px;text-align: center;width: 70%;}
.main .girl p {margin: 0}
.main .girl p.play {margin: -360px auto 0;z-index: 10;position: relative;width: 40%;}

.main .banner {margin-right: 0px;margin-top: -40px;}

.smartphone {position: relative;width: 65%;}
.smartphone .ball {position: absolute;}
.smartphone .ball.ball-1 {bottom: 18px;right: 0px;width: 32%;}
.smartphone .ball.ball-2 {top: -30px;right: 4px;max-width: 64px;}


.smartphone .ball.ball-4 {top: -71px;left: -30px;width: 46%;}


.text-hightlight {color: #ffe465}
.descript {text-align: center;}

.news {margin: 35px 0 50px;}


.rank .uk-table-striped {}
.rank .uk-table-striped tbody tr:nth-of-type(odd), .rank .uk-table-striped>tr:nth-of-type(odd) {background: rgba(221, 42, 76, .2);border: none;color: rgba(255,255,255,.85);}
.rank .title {text-align: center}

.rank .uk-table td {padding:12px}
.rank .uk-table-striped tbody tr:nth-child(2), .rank .uk-table-striped tbody tr:nth-child(3), .rank .uk-table-striped tbody tr:nth-child(4) {font-weight: bold; color: #ffe465}

.rank .uk-table-striped tbody tr td:nth-child(1) {width: 70px;padding-left: 3px;}
.rank .uk-table-striped tbody tr td:nth-child(3) {padding-right: 22px;width: 70px;}

.event .wrap-event:before {content:"";position: absolute;top:0;bottom:0;left: 32px;background: url(../images/line.png);width: 1px;opacity: .3;}
.event .list {/* margin-top: 20px */}
.event .list ul li a {display: flex;justify-content: space-between;color: rgba(255,255,255,.85);border-bottom: 1px solid rgba(0,0,0,.1);padding: 10px 0 10px 40px;position: relative;}
.event .list ul li a:hover {color:#ffe465}
.event .list ul li a .date {color: #ffffff70;}
.event .list ul li a:before {content:"";position: absolute;left: 0;top:0;bottom: 0;width: 6px;height: 6px;border: 1px solid #f40b45;border-radius: 50%;margin: auto 0;}

.uk-slidenav {display: none}

.lotto-func {margin: 0 0;}
.lotto-func h4 {text-transform: uppercase;color: #ffffff;font-size: 24px;font-weight: 500;}
.lotto-func ul {display: flex; flex-wrap: wrap; justify-content: center}
.lotto-func ul:before {clear: both; content:""; display: block}
.lotto-func ul li {-ms-flex: 0 0 12.5%;flex: 0 0 12.5%;max-width: 12.5%;}
.lotto-func ul li a, .lotto-func ul li p {display: block;text-align: center;font-size: 14px;margin-top: 3px;}
.lotto-func ul li a {color: #ffffff;/* text-transform: uppercase; */}
.lotto-func ul li a img {padding: 0 10px;}
.lotto-func ul li a:hover {color: #ffe465}


footer {background: #000000;padding: 15px 20px;}


.main .wrap-ct {background: rgba(38, 21, 41, 0.54);padding: 30px 30px 40px;color: rgba(255, 211, 211, 0.65);/* margin-top: -30px; */margin-bottom: 50px;}
.main .wrap-ct a {color: #f7cbb5;}
.main .wrap-ct a:hover, .main .wrap-ct a:focus {color: #ffffff;}
.other-news {border-top: 1px dashed #714545;padding-top: 30px;margin-top: 40px;}
.other-news ul li {list-style: disc inside;padding-bottom: 10px;}
.other-news ul li a {}

.help-box ul li {border-top: 1px dashed #714545;}
.help-box ul li:last-child {border-bottom: 1px dashed #714545;}
.help-box ul li a {display: inline-block;padding: 10px 0;font-size: 14px;}
.help-box ul li a:before {
	display: inline-block;
	width: 0;
	height: 0;
	margin-right: 15px;
	vertical-align: 2px;
	content: "";
	border-left: .3em solid;
	border-top: .3em solid transparent;
	border-right: 0;
	border-bottom: .3em solid transparent;
}

.viewest-box h6 {
    font-size: 15px;
    line-height: 1.4;
    margin-top: -4px !important;
    font-weight: 600;
    margin-bottom: 0;
}
.viewest-box h6 a {}
.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 20px;
}
.media-body {
    -ms-flex: 1;
    flex: 1;
    margin-left: 12px;
}
.text-muted {
    color: #ffaa3e94;
}
.small, small {
    font-size: 80%;
    font-weight: 400;
}


/*----------------------------------------------------------------------------------------
										TAB
----------------------------------------------------------------------------------------*/
ul#tabs-list {list-style: none;text-align: center;margin: 0 0 30px;padding: 4px;background: rgba(0, 0, 0, 0.2);border-radius: 10px;box-shadow: inset 0 0 4px rgb(218, 43, 82);display: flex;}
ul#tabs-list li {display: block;text-align: center;font-size: 18px;position: relative;margin-top: -2px;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
ul#tabs-list li label.panel-label {position: relative; padding: 12px 0; font-weight: 500;}

label.panel-label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  width: 100%;
  color: rgba(255, 255, 255, 0.31);
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  text-transform: uppercase;
}
label.panel-label:hover {color: #ffffff;}

#panels section main {box-sizing: border-box; max-height: 0; opacity: 0; -webkit-transition: opacity 600ms; transition: opacity 600ms; overflow-y: hidden;}

#panel-1-ctrl:checked ~ #panels #panel-1 main, #panel-2-ctrl:checked ~ #panels #panel-2 main {max-height: initial; opacity: 1;}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label, #panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label  {background-color: #b90537; color: #ffffff; border-color: #ff0a3b; box-shadow: inset 0px 0px 10px #ff0a0a;}

#li-for-panel-1 label.panel-label {border-radius: 10px 0 0 10px}
#li-for-panel-2 label.panel-label {border-radius: 0 10px 10px 0}


.btn-top {margin-top: -40px;}
.btn-top .btn a {padding: 6px 25px;border: 2px solid #c53177;border-radius: 40px;margin-left: 12px;font-size: 12px;}
.btn-top .btn a {height: auto;color: #fff;font-weight: 500; display: block}
.btn-top .btn a:hover, .btn-top .btn a:focus {color: #fff !important}
.btn-top .btn.btn-money a {background: #16783e;border-color: transparent;}

.ball-4 img {
		position: relative;
		-webkit-animation-name: ball; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 2400ms; /* Chrome, Safari, Opera */
		-webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
		-webkit-animation-timing-function: linear;
		animation-name: ball;
		animation-duration: 2400ms;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		display:block;
	}

	/* Chrome, Safari, Opera */
	@-webkit-keyframes ball {
		0% {top:0px}
		50% {top:20px}
		100% {top:0px}
	}
	
	/* Standard syntax */
	@keyframes ball {
		0% {top:0px}
		50% {top:20px}
		100% {top:0px}


	}

.ball-1 img {
		position: relative;
		-webkit-animation-name: ball2; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 1800ms; /* Chrome, Safari, Opera */
		-webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
		-webkit-animation-timing-function: linear;
		-webkit-animation-delay: 1s;
		animation-name: ball2;
		animation-duration: 1800ms;
		animation-delay: 1s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		display:block;
	}

	/* Chrome, Safari, Opera */
	@-webkit-keyframes ball2 {
		0% {bottom:0px}
		50% {bottom:10px}
		100% {bottom:0px}
	}
	
	/* Standard syntax */
	@keyframes ball2 {
		0% {bottom:0px}
		50% {bottom:10px}
		100% {bottom:0px}
	}

.ball-2 img {
		position: relative;
		-webkit-animation-name: ball3; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 1800ms; /* Chrome, Safari, Opera */
		-webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
		-webkit-animation-timing-function: linear;
		-webkit-animation-delay: 2s;
		animation-name: ball3;
		animation-duration: 1800ms;
		animation-delay: 2s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		display:block;
	}

	/* Chrome, Safari, Opera */
	@-webkit-keyframes ball3 {
		0% {bottom:0px}
		50% {bottom:10px}
		100% {bottom:0px}
	}
	
	/* Standard syntax */
	@keyframes ball3 {
		0% {bottom:0px}
		50% {bottom:10px}
		100% {bottom:0px}
	}

.play img {
		position: relative;
		-webkit-animation-name: play; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 1800ms; /* Chrome, Safari, Opera */
		-webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
		-webkit-animation-timing-function: linear;
		-webkit-animation-delay: 1s;
		animation-name: play;
		animation-duration: 1800ms;
		animation-delay: 1s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
	}

	/* Chrome, Safari, Opera */
	@-webkit-keyframes play {
		0% {-ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1);}
		50% {-ms-transform: scale(0.9, 0.9); -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9);}
		100% {-ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1);}
	}
	
	/* Standard syntax */
	@keyframes play {
		0% {-ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1);}
		50% {-ms-transform: scale(0.9, 0.9); -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9);}
		100% {-ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1);}
	}


.ads { display: none}
.ad-fixed-left, .ad-fixed-right, .ad-fixed-bottom {position: fixed; bottom: 0; z-index: 1000}
.ads-horizontal {margin-bottom: 36px; margin-top: 20px; }
.ad-fixed-left .close, .ad-fixed-right .close, .ad-fixed-top .close, .ad-fixed-bottom .close {background: #000000bf;position: absolute;padding: 5px 8px;z-index: 10;top: 0;right: 0;color: #fff;text-shadow: none;opacity: 1;border: none; font-size: 20px}
.ad-fixed-right  {right: 0}
.ad-fixed-right .close {right: inherit; left: 0}

.modal-ads .uk-modal-body {padding: 0;position: relative;background: none;}
.modal-ads .uk-modal-close {font-size: 24px;position: absolute;top: 0;right: 0;background: #fff;border: none;padding: 0 16px;}