@font-face{font-family:BebasNeue Regular;src:url('//cdn.coingaming.io/bitcasino/fonts/BebasNeue_Regular.eot');src:url('//cdn.coingaming.io/bitcasino/fonts/BebasNeue_Regular.eot') format('embedded-opentype'), url('//cdn.coingaming.io/bitcasino/fonts/BebasNeue_Regular.woff') format('woff'), url('//cdn.coingaming.io/bitcasino/fonts/BebasNeue_Regular.ttf') format('truetype'), url('//cdn.coingaming.io/bitcasino/fonts/BebasNeue_Regular.svg') format('svg')}

.lotteryItem {

	h1 {
		margin: 0;
		text-align: center;
		text-transform: uppercase;
		text-shadow: 0 5px 0 #000000, -1px -1px 1px red, 3px -1px 1px red, 3px 6px 1px red, -1px 6px 1px red;
		font-size: 26px;
		line-height: normal;
		font-weight: bold;
		color: #FFF;
	}

	.submenu li {
    width: 100%;
    }

	font-size: 14px;
    line-height: 20px;

    .moving-header {
	    font-size: 20px;
	    font-style: italic;
	    text-align: center;
	    text-transform: uppercase;
	    font-weight: bold;
	    margin: 15px 0 15px 0px;

	    text-shadow: 0px 0px 1px #fff, 1px 1px 0 #fff, 2px 2px 0 #ccc, 3px 3px 0 #fff, 4px 4px 0 #ccc, 5px 5px 0 #fff, 6px 6px 0 #ccc;


	    &:before {
		    content: '------------------------------\00a0\00a0\00a0\2666\00a0\00a0\00a0';
		}

		&:after {
		    content: '\00a0\00a0\00a0\2666\00a0\00a0\00a0------------------------------';
		}
	}

	.moving-header:before, .moving-header:after {
	    font-size: 10px;
	    vertical-align: middle;
	    letter-spacing: -1px;
	}


	.lottery-prizes {
	    counter-reset: section;
	    display: table;
	    border-collapse: separate;
	    border-spacing: 0 15px;
	    width: 87%;
	    margin: 0px auto;
	    margin-top:-10px;

		.prize {
		    position: relative;
		    background-repeat: no-repeat;
		    background-position: right center;
		    display: table-row;
		}

		.prize-head {
		    font-size: 21px;
		    color: #505050;
		    text-shadow: 0 1px 2px white;
		    font-weight: bold;
		    line-height: 25px;
		    padding: 20px 30px;
		    border-radius: 0 0 0 10px;
		    border: 1px solid #c1c1c1;
		    background: #ffffff;
		    background: -moz-linear-gradient(top, #ffffff 0%, #c1c1c1 100%);
		    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #c1c1c1));
		    background: -webkit-linear-gradient(top, #ffffff 0%, #c1c1c1 100%);
		    background: -o-linear-gradient(top, #ffffff 0%, #c1c1c1 100%);
		    background: -ms-linear-gradient(top, #ffffff 0%, #c1c1c1 100%);
		    background: linear-gradient(to bottom, #ffffff 0%, #c1c1c1 100%);
		    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@topColor', endColorstr='@bottomColor', GradientType=0);
		    border-right: none;
		    display: table-cell;
		    width: 100px;
		    white-space: nowrap;
		    position: relative;
		}

		.prize-head:before {
		    background-color: #444444;
		    border-radius: 3px;
		    width: 55px;
		    position: absolute;
		    left: -8px;
		    color: white;
		    text-align: center;
		    font-weight: bold;
		    font-size: 10px;
		    top: -6px;
		    text-shadow: none;
		    counter-increment: section;
		    content: "#" counter(section) " Prize";
		    line-height: 21px;
		}

		.prize:nth-child(1) .prize-head {
		    line-height: 0px;
		    color: #004900;
		    border-color: #70a52c;
		    background: #89c331;
		    background: -moz-linear-gradient(top, #89c331 0%, #70a52c 100%);
		    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #89c331), color-stop(100%, #70a52c));
		    background: -webkit-linear-gradient(top, #89c331 0%, #70a52c 100%);
		    background: -o-linear-gradient(top, #89c331 0%, #70a52c 100%);
		    background: -ms-linear-gradient(top, #89c331 0%, #70a52c 100%);
		    background: linear-gradient(to bottom, #89c331 0%, #70a52c 100%);
		    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@topColor', endColorstr='@bottomColor', GradientType=0);
		}

		.prize-description {
		    padding: 0px 10px 0px 20px;
		    box-shadow: inset 0px 3px 8px #8a8a8a;
		    background-color: #e5e5e5;
		    border-radius: 0 10px 10px 0;
		    height: 100%;
		    display: table-cell;
		    vertical-align: middle;
		    background-repeat: no-repeat;
		    position: relative;
		}

	}
	
	.container.inner-page{
		background:#fff;
		position:relative;

		.content {
		    background: url('@{cdnUrl}images/lottery/lotteryItemBg.jpg') no-repeat bottom center #ffffff;
		    text-align: center;
		    width: 100%;
		    position: relative;
		    z-index: 1;
		    padding-bottom: 10px;

		}

		.lotterylogo { width:90%; margin-top:20px;}


		.text {
			width:90%;
			margin:0px auto;
			margib-bottom:40px;

			img{margin:10px auto; text-align:center; display:block;}

			.row div {
			    text-align: center;

			    span { display:block; border:1px solid #ccc;padding: 20px 0px; margin:0px;}
			}
			.row {margin-bottom:5px;}
			.row div:first-child span:first-child{ border-right:none; margin-left:5px;}
			.row div:last-child span:last-child{ margin-right:5px;}

			.col-xs-7 span:first-child{ border-right:none;}
		}

		.terms {
		    text-align: center;
		    border: 3px solid #89c331;
		    -webkit-border-radius: 20px;
		    -moz-border-radius: 20px;
		    border-radius: 20px;
		    margin-top: 30px;
		    margin: 0px 10px;
		    padding: 30px 20px 20px 20px;
		    margin-top: 30px;
		    position:relative;
		    margin-bottom:30px;

			h2 {
			    display: inline-block;
			    background: #fff;
			    position: absolute;
			    margin: 0px auto;
			    color: #89C331;
			    top: -15px;
			    padding: 0px 20px;
			    margin-left: -100px;
			}
		}


		.tickets {
		    margin: 0px auto;
		    position: relative;
		    background: url('@{cdnUrl}images/lottery/tickets.png') no-repeat top center;
		    height: 25px;
		    font-family: BebasNeue Regular;
		    color: #fff;
		    font-size: 30px;
		    padding-top: 20px;
		    background-size: 100%;
		    width: 300px;
		    text-align: center;
		    margin-top: 5px;
		    margin-bottom: 10px;

			div {
			    display: inline-block;
			    width: 90px;
			    text-align: right;
			}

		    .myTickets {padding-right:55px;}
		    .allTickets{}
		}

		.lotteryPrice {

			.header-label {
			    text-align: center;
			    color: #363636;
			    font-size: 20px;
			    margin: 10px 0;
			    text-shadow: 0 1px 3px #000;
				>div {
				    display: inline-block;
				    vertical-align: middle;
				    box-shadow: 0 1px 3px #000;
				}
			    .bar {
				    width: 50px;
				    height: 5px;
				    background-color: #363636;
				}
				.value {
				    background-color: #363636;
				    border-radius: 60px;
				    font-size: 24px;
				    padding: 5px 20px;
				    color: #fff;
				    font-weight: 500;
				    text-shadow: 1px 2px 0 #000;
				}
			}


		}

		.timer {
		    height: 100px;
		    background: url('@{cdnUrl}images/lottery/lotteryTimer.png') no-repeat top center;
		    position: relative;
		    margin: 0px auto;
		    width: 300px;
		    background-size: 100%;
		    margin-top: 5px;

			div {
			    float: left;
			    width: 15px;
			    color: #fff;
			    position: relative;
			    top: 47px;
			    font-size: 33px;
			    text-align: center;
			    margin-left: 15px;
			    font-family: BebasNeue Regular;
			}

			.sep {
			    width: 0px;
			    height: 10px;
			}
		}




	}

	.header-label{
		text-align: center;
		color: #363636;
		font-size: 20px;
		margin: 10px 0;
		text-shadow:0 1px 3px #000;
		>div{
			display: inline-block;
			vertical-align: middle;
			box-shadow:0 1px 3px #000;
		}
		.value{
			background-color: #363636;
			border-radius: 60px;
			font-size: 40px;
			padding: 2px 30px;
			color: #fff;
			font-weight: bold;
			text-shadow:1px 2px 0 #000;
		}
		.bar{
			width: 10vw;
			height: 5px;
			background-color: #363636;
		}
		&.small{
			.value{
				font-size: 20px;
				text-transform: uppercase;
				border-radius: 3px;
				width: 43vw;
			}
		}
	}
	.lottery-timer-wrap {
		text-align: center;
		.lottery-timer {
			background-color: rgba(0,0,0,.85);
			box-shadow: 0 0 0 5px rgba(255,255,255,.3);
			border-radius: 10px;
			padding: 0 10px;
			width: 90vw;
			font-weight: 100;
			margin-top: 10px;
			font-family: 'Roboto Condensed';
			font-size: 24px;
			color: #FFF;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			height: 33px;
		}
	}

}