/*!
 * Start Bootstrap - Landing Page Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */



/*
	START SELF DEFINED CSS
		Reference
		---------
		XS screen max 767px
		LG screen min 1200px
*/




/* HOME PAGE CSS */
	.content {
		background-size: cover !important;
	}
	.carousel-inner {
		min-height: inherit;
	}
	@media (max-width: 767px) {
		.content {
			background: none !important;
			min-height: 0px !important;
			max-height: inherit !important;
		}
		.topContentWrapper {
			border-bottom: 0px !important;
		}
		.botContentWrapper {
			border-bottom: 1px solid #ccc;
			max-height: inherit !important;
			padding: 10px 0 !important;
		}
	}
	.qrCode {
		max-width: 219px;
		max-height: 133px;
	}
	.botContentWrapper {
		padding: 80px 0 20px;
	}

/* END HOME PAGE CSS */
	


/* STICKY NAVBAR CSS */
	.navbarIcon{
		width: 81px;
		height: 81px;
		display: inline-block;
		vertical-align: middle;	
	}
	.sticky-wrapper.is-sticky > .shortcut-nav a > .navbarIcon{
		background-size:50px 50px;
		width:50px;
		height:50px;
		opacity:0.7;
	}
	.sticky-wrapper.is-sticky > .shortcut-nav a > .navbarIcon:hover{
		opacity:1;
	}
/* END STICKY NAVBAR CSS */



/* MODAL BACKGROUND MODIFIER */
#myModal { background-color: rgba(0,0,0,0.8); }
#myModal .modal-backdrop { background-color: transparent !important; }
.modal-open .navbar-default { padding-right: 17px; }
/* END MODAL BACKGROUND MODIFIER */



/* EXPLORE PAGE CSS */
	.explore-content .title {
		margin: 60px 0 10px;
	}
/* END EXPLORE PAGE CSS */



/* STEPS CSS (in explore page) */
	.steps-col-4 {
		/*  one row 4 items, 3 arrows
			each arrow 3.3% width
			space after minus arrow width is 100-(3.3*3) = 90.1
			width for each item = 90.1/4 = 22.525% (round down to 22.5)
		*/
		width: 22.5%;
		float: left;
		text-align: center;
	}
	.steps-col-3 {
		/*  one row 3 items, 2 arrows
			each arrow 3.3% width
			space after minus arrow width is 100-(3.3*2) = 93.4
			width for each item = 93.4/3 = 31.133% (round down to 31.1)
		*/
		width: 31.1%;
		float: left;
		text-align: center;
	}
	.steps-col-2 {
		/*  one row 2 items, 1 arrows
			each arrow 3.3% width
			space after minus arrow width is 100-3.3 = 96.7
			width for each item = 96.7/2 = 48.35% (round down to 48.3)
		*/
		width: 48.3%;
		float: left;
		text-align: center;
	}
	.steps-col-1 {
		width: 100%;
		float: left;
		text-align: center;
	}
	.rotatedArrow {
		position: relative;
		top: 12px;
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
/* END STEPS CSS */



/* CONTACT US PAGE CSS */
	.dmcMap{
		padding: 0;
		margin-bottom: -5px;
	}
	.dmcMapTitle {
		padding: 20px 0;
	}
	.g-recaptcha {
		width: 302px;	/*304px*/
		height: 76px;	/*78px*/
		margin-left: auto;
		margin-right: auto;
	}
	.g-recaptcha iframe {
		width: 302px !important;
		height: 76px !important;
	}
	#captchaWrapper {
		width: 302px;
	}
	.validationSummaryWrapper {
		margin: 15px 0;
		overflow: hidden;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
	}
	.validationSummary {
		max-width: 400px;
		margin-top: 15px;
		padding: 10px;
		color: #b91100;
		font-weight: 600;
		background: #e2e2e2;
	}
	.validationFieldWrapper {
		height: 0px;
		overflow: hidden;
		float: right;
		position: relative;
		right: 6px;
		top: 6px;
	}
	.validationField {
		width: 32px;
		height: 32px;
	}
	.val-error .form-control, .val-error iframe, .validationSummary {
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-ms-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		-webkit-box-shadow: 0px 0px 8px 1px #b91100; 
		-moz-box-shadow: 0px 0px 8px 1px #b91100; 
		box-shadow: 0px 0px 8px 1px #b91100;
	}
	.val-error .validationFieldWrapper {
		overflow: visible !important;
	}
	.formStatusWrapper {
		color: #fff;
		font-size: 17px;
		font-weight: 600;
		overflow: hidden;
	}
	.formStatusWrapper, .formStatus {
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
	}
	.formStatus {
		margin-top: 1px;
		margin-bottom: 15px;
		height: 44px;
		width: 600px;
    	padding: 10px 15px;
	}
	.formStatus.sending { background: #3498db; }
	.formStatus.success { background:#2ecc71; }
	.formStatus.fail { background: #e74c3c; }
/* END CONTACT US PAGE CSS */



/* BUTTONS COLOUR */

	.btn {
		color:#fff;	
		/*text-transform: uppercase;*/
		font-size: 15px;
		font-weight: 400;
	}
	
	.content-btn {
		min-width:240px;
		letter-spacing: 1px;
		margin-bottom: 11px;
	}

	.content-btn:disabled {
		background: grey;
	}

	.content-btn:hover {
		color: #fff !important;
	}

	.btn:hover,
	.btn:focus,
	.btn.focus {
		color: inherit;
		text-decoration: none;
	}

	.btn-red { background:#e74c3c; }
	.btn-red:hover { background:#CB4335; }

	.btn-orange { background:#e67f25; }
	.btn-orange:hover { background:#D07322; }

	.btn-yellow { background:#f1c40f; }
	.btn-yellow:hover { background:#E0B710; }

	.btn-green { background:#2ecc71; }
	.btn-green:hover { background:#2AB364; }

	.btn-blue { background: #3498db; } /*#3fa5f1*/
	.btn-blue:hover { background:#3088C3; } /*068BEF*/

	.btn-purple { background:#8e44ad; }
	.btn-purple:hover { background:#7C3D96; }

	.btn-midnight-blue { background:#2c3e50; }
	.btn-midnight-blue:hover { background:#202D3A; }
	
	.btn-maroon { background:#A52A30; }
	.btn-maroon:hover { background:#A52A30; }

	.btn-download-icon { height: 22px; position: relative; bottom: 2px; }
	.btn-download-icon img { height: 26px; width: 26px; }


	.btn-sign {
		font-size: 13px;
		background:none;
		padding:5px 30px;
		margin:8px 0 0 8px;
	}
	.btn-sign:hover { color:#fff; }

	.btn-sign-red { border:2px solid #c0392b; color: #c0392b; }
	.btn-sign-red:hover { background: #c0392b; }

	.btn-sign-orange { border:2px solid #e67f25; color: #e67f25; }
	.btn-sign-orange:hover { background: #e67f25; }

	.btn-sign-yellow { border:2px solid #f1c40f; color: #f1c40f; }
	.btn-sign-yellow:hover { background: #f1c40f; }

	.btn-sign-green { border:2px solid #00a397; color:#00a397; }
	.btn-sign-green:hover { background: #00a397; }

	.btn-sign-blue { border:2px solid #3fa9f5; color: #3fa9f5; }
	.btn-sign-blue:hover { background: #3fa9f5; }

	.btn-sign-purple { border:2px solid #8e44ad; color: #8e44ad; }
	.btn-sign-purple:hover { background: #8e44ad; }

	.btn-sign-midnight-blue { border:2px solid #2c3e50; color: #2c3e50; }
	.btn-sign-midnight-blue:hover { background: #2c3e50; }

/* END BUTTONS COLOUR */

@media only screen and (max-width: 1300px){
.jp-title {
    display: block;
    /* font-size: 12px; */
}
		}
/*Override bootstrap section*/
@media (max-width: 1200px) {
	.img-steps {
		min-width: 200px;
	}
	.btn-explore {
		margin-top: 0px !important;
	}
}

@media (max-width: 767px) {
	/* for xs screen */

	/*.full-xs {
		/* replace bootstrap col properties
			used in explore 
		padding-left: 0px !important;
		padding-right: 0px !important;
	}*/

	.content-btn {
		width:100%;	
		border:0;
	}

	.content {
		background: none;
		padding: 10px 0 !important;
		max-height: inherit;
		border-bottom: 1px solid #ccc;
	}

}
@media (min-width: 1200px) {
	/* for lg screen */
	
	.biggerButton {
		/* replace bootstrap btn properties
			used in explore	*/
		padding-right: 0px !important;
	}
	.img-steps{
		min-width:292px;	
	}
}

/*
	END SELF DEFINED CSS
*/




body,
html {
    width: 100%;
    height: 100%;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
}
h2{
	font-size:33px;	
}
body{
	overflow-x:hidden;	
}
a:hover{
	text-decoration:none;	
}
a:hover, a:active, a:focus {
  outline:0;
}
.margin-0{
	margin:0;	
}
.no-padding{
	padding:0;	
}
.no-margin{
	margin:0;	
}
.margin-top-30px{
	margin-top:30px;	
}
.margin-bottom-10{
	margin-bottom:10%;	
}
.btn{
	border-radius:0;	
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.btn-lg{
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
/*.btn-lg:hover{
	padding:10px 25px;
}*/
.btn-lg, .btn-group-lg>.btn{
	border-radius:0;	
}
.transition02s{
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;	
}
.lead {
    font-size: 18px;
    font-weight: 400;
}
.modal-lg{
	margin:1% auto 0;	
	width:1170px;
}
.modal-header{
	padding:0 15px;
	border:none;	
}
.modal-header .close{
	color:#FFFFFF;
	opacity:1;	
	font-size:25px;
	font-weight:500;
}
.modal-backdrop.in{
	opacity:0.8;
}
#member-menu .nav.navbar-nav {
	margin:0;
}
/*#member-menu .navbar-nav > li > a{
	padding:13px 15px;	
}*/
.jp-drawcol{
	width:11%;
	float:left;
	padding:9px 15px;	
	text-align:left;
	border-right:1px solid #777;
	color:#ccc;
}
/*.jp-draw{
	display:block;	
	font-size:16px;
	padding-bottom:3px;
}
.jp-drawdate{
	display:inline-block;	
	font-size:11px;
}
.jp-info {
	width: 17%;
	float: left;
	padding: 5px 15px;
	text-align:center;
}
.next-draw{
	text-align:right;
	margin:0 10px;	
}
.jp-title{
	display:block;
	font-size:14px;	
}
.jp-currency{
	display:inline-block;	
	font-size:11px;
}
.jp-price{
	display:inline-block;	
	font-size:20px;
	font-weight:600;
}*/
.jp-drawcol{
	width:15%;
	float:left;
	padding:9px 15px;	
	text-align:left;
	border-right:1px solid #777;
}
.jp-draw{
	display:block;	
	font-size:13px;
}
.jp-drawdate{
	display:inline-block;	
	font-size:11px;
}
.jp-info {
	width: 13.5%;
	float: left;
	padding: 5px 5px;
	text-align:center;
}
.jp-info.old-jackpot {
    width: 16%;
    float: left;
    padding: 5px 15px;
    text-align: center;
	margin:0;
}
.jp-title{
	display:block;
	font-size:12px;	
}
.jp-currency{
	display:inline-block;	
	font-size:11px;
}
.jp-price{
	display:inline-block;	
	font-size:17px;
	font-weight:600;
}
.nav.navbar-nav{
	/*margin:15px 0 0 0;	*/
}
.navbar-nav > li > a{
	padding:13px 15px;	
}
.navbar-default .navbar-nav > li > a.active {
	color:#ac2a30;
	font-weight:600;
}
.navbar-default{
	background-color:#ffffff;	
}

.navbar-brand{
	height:auto;
	padding:0 15px;	
}
.navbar-brand > img{
	max-width:172px;	
}
.navbar-fixed-top{
	z-index:1000;	
}
li.nav-sign-btn.hidden-menu-btn{
	display:none;	
}
li.hidden-menu-btn{
	display:none;	
}
.carousel-control.left{
	background-image:none;	
	transition:all 0.5s ease-in-out;
}
.carousel-control.right{
	background-image:none;	
	transition:all 0.5s ease-in-out;
}
.carousel-control.result-arrow{
	opacity:0.8;	
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-next{
	margin-left:-30px;	
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{
	margin-right:-30px;	
}
.slider-arrow{
	margin-top:60%;	
}

#undefined-sticky-wrapper{
	height:auto !important;
}
.shortcut-nav{
	text-align:center;	
	padding:20px 0;
	background:#e5e5e5;
	z-index:998;
	width: 100%;
	
}
.shortcut-nav a{
	color:#818181;	
	font-size:15px;
	text-decoration:none;	
}
.shortcut-nav a > .fa{
	width: 60px;
	height: 60px;
	border:1px solid #A1A1A1;
	border-radius:50%;
	padding:10px;
	font-size:35px;
}

.shortcut-nav a > .nav-text{
	display:block;	
	margin:10px 0 0 0;
}
.shortcut-nav a > .nav-text-about{
	display:block;	
}
.result-mobile{
	display:none;	
}


/*winning numbers*/
.tile_content{}
.winning_num_tile{width:85%;margin:0 auto;padding:10px;text-align:center;}
.winning_num_tile .winning_num_tile_nav{overflow:hidden;}
.winning_num_tile .winning_num_tile_nav .download_win{background: url("/javax.faces.resource/admin/images/ui/download.png.jsf") no-repeat; width:30px; height:27px;}
.winning_num_tile .winning_num_tile_nav .print_win{background: url("/javax.faces.resource/admin/images/ui/print.png.jsf") no-repeat; width:30px; height:27px;}
.winning_num_tile .winning_num_tile_nav .print_win:hover, .winning_num_tile .winning_num_tile_nav .download_win:hover{background-position:0% 100%;}
.winning_num_tile .winning_num_tile_nav .winning_num_tile_left{ float:left; text-align:left;}
.winning_num_tile .winning_num_tile_nav  h1, .winning_num_tile .winning_num_tile_nav p{margin:5px 0px;}
.winning_num_tile .winning_num_tile_nav p{font-size:0.9em;}
.winning_num_tile .winning_num_tile_nav .winning_num_tile_right{position:absolute; right:75px; top:10px;}
.winning_num_tile .winning_num_tile_nav .winning_num_tile_right div{float:right; margin:0px;color:#333; font-size:.9em; margin:5px;}
.winning_num_tile .winning_num_tile_nav .winning_num_tile_right div img{vertical-align:middle;}
.winning_num_tile .winning_num_tile_nav .winning_num_tile_right>div.winning_num_tile_btns a{float:right;}
.winning_num_tile .winning_num_tile_nav .winning_num_tile_right>div.winning_num_tile_btns{float:right; padding:0px; clear: both;}
.winning_num_tile  .winning_num_tile_prize{width:55%; float:left;}
.winning_num_tile  .winning_num_tile_prize h3{font-size:1em; text-align:left; margin:8px 0px 5px 0px; color:#09185b;}
.winning_num_tile .col3, .winning_num_tile .col2{overflow:hidden;} 
.winning_num_tile  .winning_num_tile_prize .col3_td{background:#fff; float:left; width:32%; margin-right:1.33%;}
.winning_num_tile .td_label, .winning_num_tile .td_data{padding:5px;}
.winning_num_tile .td_label{background:#1c377c; color:#fff; font-size:1em; font-weight:bold;border-radius:25px;}
.winning_num_tile .col2_label{background:#1c377c; color:#fff; padding:5px; font-size:.8em; border-radius: 25px;}
.winning_num_tile .td_data{font-weight:bold; font-size:1.2em;}
.winning_num_tile .winning_num_tile_prize .col2 .td_data:nth-child(even){}
.winning_num_tile .col2{width:48%; margin-right:1.99%;float:left; margin-bottom:20px;}
.winning_num_tile .col2_data{width:50%; float:left; background:#fff;}
.winning_num_tile_jackpot .col1_td{margin-bottom:11px; position:relative;}
.winning_num_tile_jackpot .col1_td span.won1{position:absolute; top:0px; right:0px; /*background: url("/javax.faces.resource/frontend/images/ui/won.png.jsf") no-repeat;*/ width:49px; height:50px;}
.winning_num_tile_jackpot .col1_td span.won2{position:absolute; top:0px; left:0px; background: url("/media/1083/wonpng.png") no-repeat; width:49px; height:50px;}
.winning_num_tile_jackpot .col1_td div.jackpot_popup{position:absolute; left:100%; display:none;}
.winning_num_tile_jackpot .td_label{text-align:center; background:#fff; color:#09185b; font-weight:bold;}
.winning_num_tile_jackpot .td_data{background:#1c377c; color:#fff; cursor:pointer; position:relative;    border-radius: 25px;}
.winning_num_tile_jackpot .td_data:hover :after{position:absolute; content:' ';  right:5px; top:5px; width:20px; height:20px; background: url("/javax.faces.resource/frontend/images/ui/next.png.jsf");}
.winning_num_tile_jackpot .td_data span{font-weight:normal; font-size:.6em;}
.winning_num_tile  .winning_num_tile_jackpot{width:43%; float:right; margin-top: 28px;}
.winnning_num_tile_noti{clear:both; padding:5px; font-size:.8em; margin: 0px;}
.winning_num_tile_footer{background:#006; color:#fff;overflow:hidden; display:block; height:24px;}
.winning_num_tile_footer span{ padding: 5px; display:inline-block; *display:inline; zoom:1; font-size:.8em;}
.winning_num_tile_footer>div{float:right; margin-left:5px;}
span.red_txt {color: #fc0000;}


.member-profile{
	/*background:#ac2a30;*/
	background:rgba(134, 25, 30, 0.9);
	padding:10px 0;
	color:#ffffff;
	width:100%;
	z-index:999;
}
.member-label{
	display:block;
	font-size:11px;	
	transition:all 0.3s ease-in-out;
}
.member-detail{
	display:block;
	font-size:20px;	
	margin:0 0 5px;
	transition:all 0.5s ease-in-out;
}
.member-currency{
	display:inline-block;
	font-size:12px;	
}
.member-number{
	display:inline-block;
	font-size:25px;	
	transition:all 0.3s ease-in-out;
}
.member-title{
	font-size:30px;
	margin:0 0 30px;
	color:#808795;	
}

.ico-top-up{
	background: url('../media/img/icon/ico-top-up.png')no-repeat;
	width: 84px;
	height: 84px;
	display: block;
	vertical-align: middle;
	margin:auto;
	background-size:84px 84px;
}
.ico-top-up:hover{
	background: url('../media/img/icon/ico-top-up-hover.png')no-repeat;
	background-size:84px 84px;
}
.ico-withdrawal{
	background: url('../media/img/icon/ico-withdraw.png')no-repeat;
	width: 84px;
	height: 84px;
	display: block;
	vertical-align: middle;
	margin:auto;
	background-size:84px 84px;
}
.ico-withdrawal:hover{
	background: url('../media/img/icon/ico-withdraw-hover.png')no-repeat;
	background-size:84px 84px;
}
.ico-fav-no{
	background: url('../media/img/icon/ico-fav-no.png')no-repeat;
	width: 84px;
	height: 84px;
	display: block;
	vertical-align: middle;
	margin:auto;
	background-size:84px 84px;
}
.ico-fav-no:hover{
	background: url('../media/img/icon/ico-fav-no-hover.png')no-repeat;
	background-size:84px 84px;
}
.ico-lucky-no{
	background: url('../media/img/icon/ico-lucky-no.png')no-repeat;
	width: 84px;
	height: 84px;
	display: block;
	vertical-align: middle;
	margin:auto;
	background-size:84px 84px;
}
.ico-lucky-no:hover{
	background: url('../media/img/icon/ico-lucky-no-hover.png')no-repeat;
	background-size:84px 84px;
}
.ico-profile{
	background: url('../media/img/icon/ico-profile.png')no-repeat;
	width: 84px;
	height: 84px;
	display: block;
	vertical-align: middle;
	margin:auto;
	background-size:84px 84px;
}
.ico-profile:hover{
	background: url('../media/img/icon/ico-profile-hover.png')no-repeat;
	background-size:84px 84px;
}
.ico-transaction{
	background: url('../media/img/icon/ico-transaction.png')no-repeat;
	width: 84px;
	height: 84px;
	display: block;
	vertical-align: middle;
	margin:auto;
	background-size:84px 84px;
}
.ico-transaction:hover{
	background: url('../media/img/icon/ico-transaction-hover.png')no-repeat;
	background-size:84px 84px;
}
/*.member-icon{
	background:#555555;
	padding:25px;	
	border-radius:50%;
}*/
.ipad-title-01{
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	color:#4d4d4d;
	font-size:60px;
	font-weight:800;
	text-transform:uppercase;	
}
.ipad-title-02{
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	color:#4d4d4d;
	font-size:60px;
	font-weight:500;	
	margin-top:0;
}

/*.red-border{
	background:url('../media/img/red-border.png')no-repeat;
}*/
.red-border {
	width: 195px;
	height: 195px;
	margin-right: 5px;
	border: 4px solid #C01100;
	padding: 40px 20px;
	border-radius: 50%;
}
.business-hour{
	margin:0 0 5px;	
}
.business-hour td{
	padding:2px 5px 2px 0;	
}
.member-menu{
	display:block;
	font-size:14px;
	color:#808795;
	margin:10px 0 30px;	
}
span.member-menu:hover{
	text-decoration:none;	
}
.member-announce{
	margin:10px;
	color:#e01c24;	
	font-weight:600;
	font-size:16px;
}
.jackpot-price{
	font-size:18px;	
	font-weight:600;
}
.acc-type {
	display: block;
	font-size: 11px;
	margin: -10px 0 0 25px;
}
/*.sticky-wrapper.is-sticky > .member-profile{
	padding:5px 0;
	transition:all 0.5s ease-in-out;
}
.sticky-wrapper.is-sticky > .member-profile > div > div > div > div > .member-label,.member-detail{
	display:inline-block;	
	margin:0 0 0 5px;
	transition:all 0.5s ease-in-out;
}
.sticky-wrapper.is-sticky > .member-profile > div > div > div > .member-number{
	display:inline-block;
	font-size:25px;	
}

.sticky-wrapper.is-sticky > .member-profile > div > div > div > .acc-type{
	display:inline-block;
	margin:0 0 0 3px;
}*/

.sticky-wrapper{
	background:#eeeeee;	
}

.sticky-wrapper.is-sticky > .shortcut-nav a > .nav-text{
	display:inline-block;
	margin-left:10px;	
}

.sticky-wrapper.is-sticky > .shortcut-nav a > .nav-text-about{
	display:block;
}

.sticky-wrapper.is-sticky > .shortcut-nav a > .fa{
	width: 40px;
	height: 40px;
	font-size:20px;	
}

.sticky-wrapper.is-sticky > .shortcut-nav{
	background:rgba(92,92,92,0.9);	
	padding:6px 10px;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.sticky-wrapper.is-sticky > .shortcut-nav a{
	color:#ffffff;	
}
.sticky-wrapper.is-sticky > .shortcut-nav > div > .hidden-text{
	display:none;	
}


.social-bar{
	background:#515158;	
	color:#ffffff;
	margin-top: 96px;
}
p.shortcut-p{
	font-family: 'Titillium Web', sans-serif;
	text-transform:uppercase;
	font-size:35px;
	text-align:center;	
	color:#000;
	font-weight:300;
	margin:0 0 15px;
}
.social-bar p{
	margin:10px 0;	
}
.social-bar .fa{
	font-size:22px;	
	margin:0 0 0 10px ;
	color:#fff;
}
.social-bar .fa a{
	color:#fff;
}
.countdown-white{
	margin: 10px 0 0 0;	
	color:#fff;
}
.countdown-white p{
	display:inline;	
}
.countdown-nextdraw{
	text-align:right;
	margin: 0 -8px 0 0;	
	color:#666;
	min-height:20px;
}
.countdown-nextdraw p{
	display:inline;	
}
.countdown{
	display:inline;
	font-weight:600;
}
.jp-btn{
	padding:8px 12px;	
	background:none;
	display:block;
	color:#eee;	
}
.jp-btn:hover, .jp-btn:active, .jp-btn:focus{
	color:#eee;	
	text-decoration:none;
}
.announcement-bar{
	background:#e71c24;
	color:#ffffff;	
}
.alert{
	padding:10px 15px 10px 0;
	margin:0;	
}
.result-slider > .item{
	min-height:300px;	
}

.alert-dismissable .close, .alert-dismissible .close{
	opacity:1;	
}

.result-modal > .modal-dialog{
	width:800px;	
}
/*.result-modal > .modal-backdrop.in{
	background:none;	
}*/
span.member-br {
	display: block;
}
.section-01{
	background:url('../media/img/section-01.jpg')no-repeat top;	
	background-size:cover;
	max-height:550px;
	padding:160px 0 0;
}

.section-02{
	background:url('../media/img/section-02.jpg')no-repeat top;	
	background-size:cover;
	min-height:550px;
}
.about-section-01{
	background:url('../media/img/about-section-01.jpg')no-repeat top;	
	background-size:cover;
	min-height:350px;
}
.about-section-02{
	background:url('../media/img/about-section-02.jpg')no-repeat top;	
	background-size:cover;
	min-height:400px;
}
.about-section-03{
	padding:50px 0;	
}

.member-end-bg{
	background:url('../media/img/member-end-bg.jpg')no-repeat top;	
	background-size:cover;
}
.transaction-title{
	background:#C01100;	
	color:#FFFFFF;
	padding:10px 0;
}
.t-odd{
	background:#E0E0E0;	
	padding:10px 0;
}
.t-even{
	background:#ECECEC;	
	padding:10px 0;
}
.col-odd{
	background:#f0f0f0;	
	padding:10px 15px;
}
.col-even{
	background:#f7f7f7;	
	padding:10px 15px;	
}
.col-even,.col-odd{
	height:520px;	
}
.bank-img{
	margin:10px;	
	vertical-align:top;
}
.snow-bg{
	background:#ffffff url('../media/img/snow-bg.png')repeat;	
}

.fresh-snow{
	background:#ffffff url('../media/img/fresh-snow.png')repeat;	
}

.hands-bg{
	background:#f8dad0 url('../media/img/hands-bg.jpg')no-repeat;
	background-size:cover;
	padding:80px 0 0;	
}

.contact-bg{
	background:url('../media/img/contact-bg.png')no-repeat;
	background-size:cover;	
}

.overhead-img{
	margin-top:-50px;	
}

img.go-title{
	margin-top:-10px;
	max-width:80px;
}

img.go-footer{
	max-width:98px;	
}

.title{
	font-family: 'Titillium Web', sans-serif;
	text-transform:uppercase;	
	font-weight:300;
	color: #b91100;
}
.btn-grey{
	background:#777;	
	color:#fff;	
	text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;	
}
.btn-grey:hover{
	color:#fff;
	background:#555555;
}

/* .btn-blue & .btn-blue:hover moved to top */

.btn-download{
	/*background:#3fa5f1;	*/
	width:100%;
	color:#fff;	
	/*text-transform: uppercase;*/
	padding:16px 15px;
    font-size: 15px;
    font-weight: 600;
	text-align:left;
	margin-bottom:11px;
}

.btn-download:hover{
	color:#fff;
	/*background:#068BEF;*/
}

.btn-download > .fa-apple{
	font-size: 26px;
	vertical-align: middle;
	margin-right: 10px;	
}

.btn-download > .fa-android{
	font-size: 26px;
	vertical-align: middle;
	margin-right: 10px;	
}
/*
.btn-sign-up{
	background:none;
	color:#3fa9f5;	
	border:2px solid #3fa9f5;
	padding:5px 30px;
	margin:8px 0 0 8px;
}
.btn-sign-up:hover{
	background:#3fa9f5;
	color:#ffffff;
}
.btn-sign-in{
	background:none;
	color:#00a397;	
	border:2px solid #00a397;
	padding:5px 30px;
	margin:8px 0 0 8px;
}
.btn-sign-in:hover{
	background:#00a397;
	color:#ffffff;
}
.btn-sign-out{
	background:none;
	color:#c0392b;	
	border:2px solid #c0392b;
	padding:5px 30px;
	margin:8px 0 0 8px;
}
.btn-sign-out:hover{
	background:#c0392b;
	color:#ffffff;
}*/
.btn-logo{
	background: url('../media/img/btn-logo.png')no-repeat 0 5px;
	width: 17px;
	height: 22px;
	display: inline-block;
	margin: 0 0 -3px -2px;	
}

.btn-explore{
	margin-top:40px;	
}

.intro-header {
    /*padding-top: 50px; 
    padding-bottom: 50px;*/
    color: #333;
   /* background: url(../media/img/intro-bg.jpg) no-repeat center center;*/
    background-size: cover;
}
.carousel-caption{
	/*top:20%;*/
	top:10%;	
	text-align:left;
	color:#1a1a1a;
	text-shadow:none;
	width: 32%;
	max-width:420px;
	left: 10%;
}
.carousel-caption h2{
	font-family: 'titilliumlight', sans-serif;
	font-size:55px;	
}
.carousel-caption h2 > img{
	margin-top:-5px;	
}
.carousel-caption p{
	font-size:16px;	
}
/*.img-steps moved to top (seperated to min-width:1200px & max-width:1200px)*/
.steps-col{
	width:22.5%;
	float:left;
	text-align:center;	
}
.steps-arrow{
	width:3.3%;
	float:left;	
	text-align:center;
}
.intro-message {
    position: relative;
    padding-top: 20%;
    padding-bottom: 20%;
}

.intro-message > h1 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
    font-size: 5em;
}

.intro-divider {
    width: 400px;
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.intro-message > h3 {
    /*text-shadow: 2px 2px 3px rgba(0,0,0,0.6);*/
}
.app-store{
	margin:35% 0 0 0;	
}

.animated{
	visibility: hidden;	
}

.small-logo{
	margin-top:-5px;	
}
.medium-logo{
	margin-top:10px;
	display:block;
	margin-left: auto;	
	margin-right: auto;	
}
.form-control{
	border-radius:0;	
	padding:10px 15px;	
}

.contact-form .form-control{
	padding:11px 15px;	
	height:auto;
	background:#e2e2e2;
	color:#808080;
	border:1px solid #e2e2e2;
	/*-webkit-box-shadow: none;
	box-shadow: none;	*/
}

.contact-ico{
	color:#ae2a30;	
	border-radius:50%;
	border:1px solid #ae2a30;
	padding:5px;
}


/*.network-name {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 2px;
}*/

.content-section{
	padding:100px 0;	
}

.content-section-a {
    padding:100px 0;	
    background-color: #ffffff;
}

.content-section-b {
   	padding:100px 0;	
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}

.section-heading {
    margin-bottom: 30px;
}

.section-heading-spacer {
    float: left;
    width: 200px;
    border-top: 3px solid #e7e7e7;
}
.red-border-top{
	background:#ffffff url('../media/img/red-border-top.png')no-repeat;
	background-size:cover;	
	height:100px;
}
.red-border-btm{
	background:#ffffff url('../media/img/red-border-btm.png')no-repeat;
	background-size:cover;	
	height:100px;
}

.mobile-app-text{
	margin:80px 0 0 0;	
	color:#1a1a1a;
}
.steps-banner{
	margin:50px auto 15px;	
}
.banner {
    padding: 200px 0;
    color: #f8f8f8;
    background: url(../media/img/bg-banner.jpg) no-repeat center center;
    background-size: cover;
}

.banner h2 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
    font-size: 3em;
}

.banner ul {
    margin-bottom: 0;
}

.banner-social-buttons {
    float: right;
    margin-top: 0;
}
.contact-info td{
	padding:0 10px 10px 0;	
}
.contact-info > .fa{
	vertical-align:top;	
}
.dmcgomap{
	width:100%;
	min-height:500px;
	border:0;	
}
.footer-logo p{
	text-align:right;	
}
.footer-logo img{
	max-width:160px;	
}


@media(max-width:1199px) {
    ul.banner-social-buttons {
        float: left;
        margin-top: 15px;
    }
	.top-nav-collapse {
		padding: 8px 0;
	}
	.navbar-brand > img{
		max-width:150px;	
	}
	.nav.navbar-nav{
		font-size:13px;
		padding: 0 30px;	
	}
	.social-bar{
		margin-top:97px;
	}
	.jp-drawcol{
		padding:5px 15px;	
	}
	.jp-draw{
		font-size:12px;	
		text-align:center;
		padding:0;
	}
	.jp-drawdate{
		display:block;	
		font-size:12px;	
		text-align:center;
	}
	.jp-info{
		padding:8px 15px;	
	}
	.jp-title{
		font-size:13px;	
	}
	.jp-price{
		font-size:17px;	
	}
	.img-steps{
		margin-left:auto;
		margin-right:auto;	
	}
	.btn-sign-in,.btn-sign-up{
		font-size:13px;	
	}
	.carousel-caption {
		top: 3%;
		text-align: left;
		color: #1a1a1a;
		text-shadow: none;
		width: 30%;
		min-width: 420px;
		left: 12%;
	}
	.carousel-caption h2 {
		font-size: 45px;
	}
	.modal-lg{
		width:80%;
		margin:3% auto 0;	
	}
	
}
/*collapse menu*/
@media (max-width: 990px) {
    .navbar-header {
        float: none;
    }
	
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
	.navbar-fixed-top{
		padding:13px 0!important;
		background:rgba(255,255,255,0.9);	
	}
    .navbar-collapse.collapse {
        display: none!important;
		visibility: visible;
    }
	.navbar-collapse.collapse.in,
	.navbar-collapse.collapse.show
	{
        display: block!important;
		
    }
	
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: left;
		width:100%;
    }
	.navbar-nav>li.nav-sign-btn {
		float:left;
		width:100%;
		/*width:100%;*/
	}
	.countdown-nextdraw{
		text-align:center;
		color:#ffffff;	
	}
	.social-bar {
		margin-top: 83px;
	}
	.carousel-control{
		opacity:.8;
	}
	.carousel-caption{
		padding-top:0px;
		width: 33%;
		/*min-width: inherit;
		top: 10%;	*/
	}
	.slider-arrow {
		margin-top: 45%;
	}
	.carousel-caption h2 {
		font-size: 38px;
	}
	.jp-drawcol{
		width:13%;	
	}
	.jp-info{
		width:17%;	
	}
	.jp-title{
		font-size:13px;	
	}
	.jp-currency{
		font-size:10px;
	}
	.jp-price{
		font-size: 14px;
		letter-spacing: -1px;
	}
	.col-even,.col-odd{
		height:auto;	
	}
	span.member-br {
		display: inline-block;
	}
	.btn-sign-in,.btn-sign-up{
		width:99%;	
		margin:10px 0;
	}
	.btn-download{
		padding:10px 16px;	
	}
	li.nav-sign-btn.hidden-menu-btn{
		display:block;	
	}
	li.hidden-menu-btn{
		display:block;	
	}
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
		border-bottom:1px solid #eee;
    }
		.sticky-wrapper.is-sticky > .shortcut-nav a > .ico-explore{
		background: url('../media/img/icon/ico-explore-white.png')no-repeat;
		background-size:40px 40px;
		width:40px;
		height:40px;	
	}
	.sticky-wrapper.is-sticky > .shortcut-nav a > .ico-download{
		background: url('../media/img/icon/ico-download-white.png')no-repeat;
		background-size:40px 40px;
		width:40px;
		height:40px;	
	}
	.sticky-wrapper.is-sticky > .shortcut-nav a > .ico-result{
		background: url('../media/img/icon/ico-result-white.png')no-repeat;
		background-size:40px 40px;
		width:40px;
		height:40px;	
	}
	.sticky-wrapper.is-sticky > .shortcut-nav a > .ico-member{
		background: url('../media/img/icon/ico-member-white.png')no-repeat;
		background-size:40px 40px;
		width:40px;
		height:40px;	
	}
	.modal-lg {
		width: 100%;
		margin:25% auto 0;
	 }
	 
	 
}

@media(width:768px){
	.no-padding{
		padding:15px 0 !important;	
	}
	
	.section-01 {
		background: url('../media/img/section-01-tablet.jpg')no-repeat top;
		background-size: cover;
	}
	.shortcut-nav{
		padding:20px 0;	
	}
	.overhead-img{
		margin:0;	
	}
	.result-modal > .modal-dialog{
		width:auto;	
		margin:45% 10px 0;
	}
	.carousel-inner > .item > img, .carousel-inner > .item > a > img{
		min-height:	255px;
	}
	.carousel-caption h2{
		font-size:42px;	
	}
	.mobile-app-text {
		margin: 35px 0 0 0;
	}
	.ipad-title-01,.ipad-title-02{
		font-size:45px;	
	}
}

@media(max-width:767px) {
	.container{
		width:75%;	
	}
	.no-padding{
		padding:0 !important;	
	}
	.width50{
		max-width:250px;
	}
    .intro-message {
        padding-bottom: 15%;
    }

    .intro-message > h1 {
        font-size: 3em;
    }
	.overhead-img{
		margin:0;	
	}
    ul.intro-social-buttons > li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.intro-social-buttons > li:last-child {
        margin-bottom: 0;
    }
	
    .intro-divider {
        width: 100%;
    }
	.modal-body {
		padding: 5px;
	}
	.winning_num_tile  .winning_num_tile_prize{width:100%;}
	.winning_num_tile .winning_num_tile_jackpot{width:100%;}
	.winning_num_tile .td_label{
		font-size:0.8em; 
	}
	.winning_num_tile .col2_label{
		font-size:0.7em;
	}
	.navbar-brand{
		padding:14px 15px;	
	}
	.navbar-fixed-top{
		padding:0!important;;	
	}
	.navbar-toggle{
		margin-top:25px;	
	}
	.result-mobile{
		display:inline;
		float: right;
		margin: 25px 10px 0 0;
		padding: 3px 12px;
		border-radius: 4px;
		min-width: 44px;
		font-size: 20px;
		color: #fff;
		background: #068BEF;
	}
	.result-mobile:hover{
		color:#555;	
		background:#ddd;
	}
	.social-bar{
		text-align:center;	
		margin-top:85px;
	}
	.section-01,.section-02{
		background:none;	
		padding:10px 0 !important; 
		max-height:inherit;
		border-bottom:1px solid #ccc;
	}
	.carousel-inner {
		height:auto;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
	}
	.carousel-caption {
		position: relative;
		min-width: inherit;
		width: 75%;
	}
/*
	.btn-default,.btn-blue,.btn-grey{
		width:100%;	
		border:0;
		margin:2px 0;
	}
*/
	.btn-explore{
		margin-top:10px;	
	}
	.mobile-app-text{
		margin:0 !important;	
	}
	.member-label{
		font-size:12px;	
	}
	.member-number{
		font-size:13px;	
	}
	.member-detail{
		font-size:13px;	
		font-weight:600;
		margin:0;
	}
	.acc-type{
		display:inline-block;
		margin:0 0 0 3px;
			
	}
	#undefined-sticky-wrapper{
		/*display:none;*/
	}
	.sticky-wrapper.is-sticky > .member-profile > div > div > div > div > .member-label, .member-detail{
		margin:0;	
	}
	.sticky-wrapper.is-sticky > .member-profile > div > div > div > .member-number{
		font-size:13px;	
	}
	.result-modal > .modal-dialog{
		width:auto;	
		margin:10% 10px 0;
	}
	.red-border{
		margin:10px auto;	
	}
	.banner h2 {
        margin: 0;
        text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
        font-size: 3em;
    }
	.jp-drawcol{
		width:100%;
		float:none;
		padding:5px 15px;	
		text-align:center;
		border-right:none;
		border-bottom:1px solid #777;
		color:#ccc;
	}
	.jp-draw{
		display:inline-block;	
		font-size:16px;
		padding-bottom:3px;
	}
	.jp-drawdate{
		display:inline-block;	
		font-size:14px;
	}
	.jp-info {
		width: 50%;
	}
	.jp-info.jp1{
		width:100%;	
	}
	.jp-title.jp1{
		font-size:22px;	
	}
	.jp-price.jp1{
		font-size:30px;	
	}
    ul.banner-social-buttons > li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.banner-social-buttons > li:last-child {
        margin-bottom: 0;
    }
	
	.transaction-table{
		font-size:74%;
	}
	.transaction-table h4{
		font-size:80%;
	}
	.dmcgomap{
		min-height:400px;	
	}
	footer ul.list-inline{
		text-align:center;
	}
	footer p{
		text-align:center;	
	}
	.footer-logo{
		margin-top:20px;	
	}
	.footer-logo p{
		text-align:center;	
	}
}

@media(max-width:549px) {
	.container{
		width:100%;	
	}
}

.text-muted{
	margin-top:10px;	
}

footer {
    padding: 30px 0;
    background-color: #f8f8f8;
}
footer a{
	color:#777;	
}
footer ul.list-inline{
	margin:0;	
}
footer ul.list-inline > li {
	padding:0 2px;	
}
p.copyright {
    margin:0;
}
.mainNumber, .decimalNumber {
	<!--font-weight: 600;-->
	vertical-align: top;
	width: 35px;
    padding: 5px 0;
}
	.show{
	visibility:visible !important;
}

	
	
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */