/* LESS Document */
@import "elements.less";
@import "config.less";

body{
	color:@color-1;
	.font_merriweather;
	width:810px;
	margin:0 auto;
	overflow:hidden;
	.noAnimate{
		-webkit-transition:none !important;  
	    -moz-transition:none !important;  
	    -o-transition:none !important;  
	    transition:none !important;  
	}
	.top_bg{
		position:absolute;
		top:0;
		left:0;
		right:0;
		.deco1{
			position:absolute;
			top:0;
			left:5px;
		}
		.deco2{
			position:absolute;
			top:0;
			right:5px;
		}
	}
	.oneWord{
		display:inline-block;
	}
	.res_rect{
		position:absolute;
		bottom:0;
		left:0;
		right:0;
		overflow:hidden;
		.rect_inner{
			position:absolute;
			top:0;
			left:0;
			right:0;
			bottom:0;
		}
	}
	.res_rect:before{
		content:"";
		display:block;
		padding-top:44.44%
	}
	.infavourlink{
		text-decoration:underline;
		color:@color-3;
		padding-bottom:0;
	}
	.infavourlink:hover, .infavourlink:focus, .infavourlink:active{
		text-decoration:none;
		border-bottom:none;
	}
	.big_wrapper{
		position:relative;
		max-width:1024px;
		margin:0 auto;
		background:@color-4 url(../images/bg.png) center bottom repeat;
	}
	.content {
		position:relative;
	}
	.nav-desktop{
		text-align:center;
		ul{
			list-style:none;
			padding-top:24px;
			padding-bottom:15px;
			margin:0;
			li{
				display:inline-block;
				a{
					display:inline-block;
					color:@color-2;
					text-decoration:none !important;
					font-size:0.9em;
					letter-spacing:0px;
					position:relative;
					height:26px;
					line-height:26px;
					width:166px;
					text-align:center;
					background:none;
				}
				a:hover, a.active{
					color:@color-4;
					background:url(../images/nav_bg.png);
				}
			}
		}
		ul:after{
			clear:both;
			content:'';
			display:block;	
		}
	}
	
	.nav-mobile{
		display:none;
		.navigation {
			background:@color-3;
			padding:.5em;
		}
		.toggle {
		  display: block;
		  width: 28px;
		  height: 30px;
		  margin: 10px auto -10px;
		}

		.toggle span:after,
		.toggle span:before {
		  content: "";
		  position: absolute;
		  left: 0;
		  top: -9px;
		}
		.toggle span:after{
		  top: 9px;
		}
		.toggle span {
		  position: relative;
		  display: block;
		}

		.toggle span,
		.toggle span:after,
		.toggle span:before {
		  width: 100%;
		  height: 5px;
		  background-color: #fff;
		  transition: all 0.3s;
		  backface-visibility: hidden;
		  border-radius: 2px;
		  z-index: 101;
		}

		/* on activation */
		.toggle.active span {
		  background-color: transparent;
		}
		.toggle.active span:before {
		  transform: rotate(45deg) translate(5px, 5px);
		}
		.toggle.active span:after {
		  transform: rotate(-45deg) translate(7px, -8px);
		}

		/*
		.button_container {
			position:relative;
			margin:0 auto;
			height: 16px;
			width: 18px;
			cursor: pointer;
			-webkit-transition: opacity .25s ease;
			transition: opacity .25s ease;
		}
		.button_container:hover {
			opacity: .85;
		}
		.button_container.active .top {
			-webkit-transform: translateY(6px) translateX(0) rotate(45deg);
			-ms-transform: translateY(6px) translateX(0) rotate(45deg);
			transform: translateY(6px) translateX(0) rotate(45deg);
		}
		.button_container.active .middle {
			opacity: 0;
		}
		.button_container.active .bottom {
			-webkit-transform: translateY(-6px) translateX(0) rotate(-45deg);
			-ms-transform: translateY(-6px) translateX(0) rotate(-45deg);
			transform: translateY(-6px) translateX(0) rotate(-45deg);
		}
		.button_container.active .navibg{
			background:#fff;	
		}
		.button_container span {
			background: @color-1;
			border: none;
			height: 2px;
			width: 100%;
			position: absolute;
			top: 0;
			left: 0;
			-webkit-transition: all .35s ease;
			transition: all .35s ease;
			cursor: pointer;
			z-index: 100;
		}
		.button_container span:nth-of-type(2) {
			top: 6px;
		}
		.button_container span:nth-of-type(3) {
			top: 12px;
		}
		*/
		.overlay {
			position: fixed;
			background: #B29A60;
			top: 0;
			left: 0;
			width: 100%;
			height: 0%;
			opacity: 0;
			visibility: hidden;
			-webkit-transition: opacity .35s, visibility .35s, height .35s;
			transition: opacity .35s, visibility .35s, height .35s;
			overflow: hidden;
		}
		.overlay.open {
			opacity: .9;
			visibility: visible;
			height: 100%;
			z-index: 999999;
		}
		.overlay.open li {
			-webkit-animation: fadeInRight .5s ease forwards;
			animation: fadeInRight .5s ease forwards;
			-webkit-animation-delay: .35s;
			animation-delay: .35s;
		}
		.overlay.open li:nth-of-type(2) {
			-webkit-animation-delay: .4s;
			animation-delay: .4s;
		}
		.overlay.open li:nth-of-type(3) {
			-webkit-animation-delay: .45s;
			animation-delay: .45s;
		}
		.overlay.open li:nth-of-type(4) {
			-webkit-animation-delay: .50s;
			animation-delay: .50s;
		}
		.overlay nav {
			position: relative;
			height: 40%;
			top: 50%;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			font-size: 2em;
			font-family: 'Vollkorn', serif;
			font-weight: 400;
			text-align: center;
		}
		.overlay ul {
			list-style: none;
			padding: 0;
			margin: 0 auto;
			display: inline-block;
			position: relative;
			height: 100%;
		}
		.overlay ul li {
			display: block;
			height: 33.33%;
			height: calc(100% / 3);
			min-height: 50px;
			position: relative;
			opacity: 0;
			-webkit-animation: fadeOutLeft .5s ease forwards;
			animation: fadeOutLeft .5s ease forwards;
			-webkit-animation-delay: .35s;
			animation-delay: .35s;
		}
		.overlay ul li a {
			display: block;
			position: relative;
			color: #fff;
			text-decoration: none;
			overflow: hidden;
			
			-webkit-transition: all .35s ease;
			transition: all .35s ease;
			text-transform:uppercase;
			letter-spacing:1px;
		}
		
		.overlay ul li a:hover, .overlay ul li a:active{
			opacity:.5;
		}
		
		.overlay ul li .active{
			opacity:.5;
		}


		.trans-delay-1s{
			-webkit-transition-delay: 1s;
			-moz-transition-delay: 1s;
			-ms-transition-delay: 1s;
			-o-transition-delay: 1s;
			transition-delay: 1s;	
		}
		.trans-delay-1_2s{
			-webkit-transition-delay: 1.2s;
			-moz-transition-delay: 1.2s;
			-ms-transition-delay: 1.2s;
			-o-transition-delay: 1.2s;
			transition-delay: 1.2s;	
		}
		.trans-delay-1_4s{
			-webkit-transition-delay: 1.4s;
			-moz-transition-delay: 1.4s;
			-ms-transition-delay: 1.4s;
			-o-transition-delay: 1.4s;
			transition-delay: 1.4s;	
		}
		.trans-delay-1_5s{
			-webkit-transition-delay: 1.5s;
			-moz-transition-delay: 1.5s;
			-ms-transition-delay: 1.5s;
			-o-transition-delay: 1.5s;
			transition-delay: 1.5s;	
		}

		.trans-delay-2s{
			-webkit-transition-delay: 2s;
			-moz-transition-delay: 2s;
			-ms-transition-delay: 2s;
			-o-transition-delay: 2s;
			transition-delay: 2s;	
		}
		
		.trans-delay-3s{
			-webkit-transition-delay: 3s;
			-moz-transition-delay: 3s;
			-ms-transition-delay: 3s;
			-o-transition-delay: 3s;
			transition-delay: 3s;	
		}
		
		.fade {
		  transition: all 300ms linear 700ms;
		  -webkit-transform: translate3d(0,0,0);
		  -moz-transform: translate3d(0,0,0);
		  -ms-transform: translate3d(0,0,0);
		  -o-transform: translate3d(0,0,0);
		  transform: translate3d(0,0,0);
		  opacity: 1;
		}
		
		.fade.out {
		  opacity: 0;
		}
	}

	.ctabtn{
		display:inline-block;
		padding:.7em 2.1em;
		color:@color-4;
		background-color:@color-3;
		outline:none;
		text-decoration:none;
		border:none;
		.rounded(5px);
	}
	.ctabtn:hover, .ctabtn:active, .ctabtn:focus{
		background-color:@color-2;
		color:@color-1;
		outline:none;
		text-decoration:none;
	}

	.roundbtn{
		padding:0;
		text-align:center;
		width:64px;
		line-height:64px;
		.rounded(100%);
		border-bottom:solid 4px darken(@color-3, 10%);
	}

	.roundbtn:hover, .roundbtn:active, .roundbtn:focus{
		border-bottom-color:darken(@color-2, 10%);
	}

	.ctabtnsmall{
		font-size: .8em;
    	padding: .5em 2.8em .4em;
	}

	.ppcontainer{
		position:relative;
	    width: 81px;
	    height: 81px;
	    border: 2px solid #7E6D65;
	    overflow: hidden;
	    .rounded(50%);
	    img{
	    	width:100%;
	    	height:100%;
	    }
	    .winnerouter{
	    	width: 100%;
		    height: 100%;
		    .rounded(50%);
		    position: absolute;
		    top: 0;
		    left: 0;
		    background: fadein(#7E6D65, 20%);
		    display: none;

		    .tcby{
		    	display: table;
			    width: 100%;
			    height: 100%;
			    overflow: hidden;
			    .rounded(50%);
			    cursor: default;
			    span{
			    	display: table-cell;
				    vertical-align: middle;
				    width: 100%;
				    height: 100%;
				    overflow: hidden;
				    text-align: center;
				    font-size: 12px;
				    line-height: 12px;
				    .rounded(50%);
				    color: #fff;
				    padding: 5px;
				    text-transform: uppercase;
			    }
		    }
	    }
	}
	.ppcontainer:hover {
		.winnerouter{
		    display: block;
		}
	}
	.imagebtn{
		position:relative;
		.up{
			position:absolute;
			top:0;
			left:0;

		}
		.hover{
			position:absolute;
			top:0;
			left:0;
			-webkit-transition:all .2s ease-in;  
		    -moz-transition:all .2s ease-in;  
		    -o-transition:all .2s ease-in;  
		    transition:all .2s ease-in; 
		    .opacity(0);
		}
	}
	.imagebtn:hover{
		.hover{
			.opacity(1);
		}
	}

	.fb-function{
		font-size:.75em;
		text-align:center;
		line-height:11px;
		.profiles, .text{
			float:left;
			text-align:left;
		}
		.text{
			position:relative;
			top:-2px;
			width: calc(~"100% - 90px");
		}
		.pp{
			display:inline-block;
			padding-right:5px;
		}
		span{
			padding-top:6px;
			display:inline-block;
			text-align:left;
		}
	}
	.pp1{
		.text{
			width: calc(~"100% - 30px");
		}
	}
	.pp2{
		.text{
			width: calc(~"100% - 60px");
		}
	}
	.fb-function:after{
		display:block;
		content:'';
		clear:both;
	}

	.page{
		padding-top:30px;
		padding-bottom:200px;
		.app_logo{
			display:inline-block;
			cursor:default;
			width:206px;
			height:64px;
			background:url(../images/app-icon.png);
		}
		h1{
			.font_raviprakash;
			line-height:1em;
		}
		p{
			width:90%;
			max-width:600px;
			margin:0 auto;
		}
	}

	label.special{
		.font_coveredbyyourgrace;
		font-size:1.3em;
		color:@color-3;
	}

	.landingpage{
		label{
			padding-top:50px;
		}
		.fb-container{
		    display: flex;
		    align-items: center;
		    justify-content: center;
			width:324px;
			height:60px;
			background:url(../images/likebox.png);
			margin:5px auto;
		}
	}

	.gamepage{
		padding-bottom:19px;
		.gamebox{
			width:596px;
			height:247px;
			background:url(../images/gameboard-frame.png);
			margin:50px auto 0;
			position:relative;
			.boxtop{
				position:absolute;
				top:0;
				left:0;
				right:0;
				.prize{
					position: absolute;
				    left: 79px;
				    top: -39px;
				}
				.eggs{
					position:absolute;
					top: 13px;
    				left: 209px;
    				cursor:help;
					text-align:left;
					.egg{
						display:inline-block;
						width:44px;
						height:57px;
						padding-top:8px;
						font-size:2em;
						background:url(../images/number-cloud.png);
						line-height:49px;
						text-align:center;
						.font_raviprakash;
						float:left;
					}
				}
				.history_scroll{
					position:absolute;
					top:75px;
					right:92px;
					font-size:.7em;
				}
			}
			.boxbottom{
				.buttons{
					float: left;
				    margin-left: 11px;
				    position: relative;
				    top: 6px;
					.roundbtn{
					}
					.resetlink{
						position: absolute;
					    bottom: -2em;
					    left: 0;
					    width: 100%;
					    text-align: center;
					}
				}
			}
		}
	}

	.winnerpage{
		.winnerboxes::after{
			content:"";
			display:block;
			clear:both;
		}
		.winnerboxes{
			width:700px;
			margin:10px auto;

			.winnerbox{
				width:325px;
				margin:10px;
				float:left;
				position:relative;
				.rounded(10px);
				background:#F2D7B3;

				.number{
					.font_raviprakash;
					color:#D1B884;
					font-size:4em;
					position:absolute;
					top:-8px;
					left:8px;
				}

				.deco1{
					position:absolute;
					left:auto;
					top:auto;
					right:-7px;
					bottom:-12px;
				}

				.leftbox{
					float:left;
					width:132px;
					height:160px;
					position:relative;
					display:-webkit-flex;
					display:flex;
					justify-content:center;
					align-items:center;
				}

				.rightbox{
					float:left;
					width:calc(~"100% - 132px");
					position:relative;
					padding: 0 10px 0 0;
					h3{
						font-size: 1.1em;
					    padding-left: 3px;
					    text-transform: uppercase;
					    text-align: left;
					    font-weight:700;
					    margin-bottom: 2px;
					}
					.static_numbers:after{
						content:"";
						display:block;
						clear:both;
					}
					.box_row{
						position:relative;
						padding-top:10px;
						margin:0 0 10px;
						.ppcontainer{
							width:50px;
							height:50px;
							.tcby{
								span{
									font-size:.6em;
									line-height:1.1em;
									font-weight:300;
								}
							}
						}
						.your_entries_cont{
							position: absolute;
						    top: 0;
						    right: 2em;
						    font-size: .7em;
						}
					}
					.box_row:after{
						content:"";
						display:block;
						clear:both;
					}
				}
			}
			.winnerbox::after{
				content:"";
				display:block;
				clear:both;
			}
		}
	}

	.endpage{
		.text-center{
			margin:30px 0;
		}
	}

	.gamenumber{
		width:55px;
		height:82px;
		position:relative;
		float:left;
		.btn_top{
			position:absolute;
			width:35px;
			height:35px;
			top:-30px;
			left:50%;
			margin-left:-17.5px;
		}
		.btn_bottom{
			position:absolute;
			width:35px;
			height:35px;
			bottom:-30px;
			left:50%;
			margin-left:-17.5px;
		}
		.imagebtn{
			.big{
				display:block;
			}
			.small{
				display:none;
			}
		}
		.numberlayer{
			width:55px;
			height:82px;
			background:url(../images/code.jpg);
			overflow:hidden;
			.rounded(10px);
			background-repeat-y: repeat;
		    background-repeat-x: no-repeat;
		    -webkit-transition:background-position .2s ease-in;  
		    -moz-transition:background-position .2s ease-in;  
		    -o-transition:background-position .2s ease-in;  
		    transition:background-position .2s ease-in; 
			.numbermask{
				width:55px;
				height:82px;
				background:url(../images/codebox.png);
			}
		}
	}

	.small_numbers{
		.gamenumber{
			width:24px;
			height:35px;
			position:relative;
			.numberlayer{
				width:24px;
				height:35px;
				background:url(../images/code_small.jpg);
				overflow:hidden;
				.rounded(5px);
				background-repeat-y: repeat;
			    background-repeat-x: no-repeat;
			    -webkit-transition:background-position .2s ease-in;  
			    -moz-transition:background-position .2s ease-in;  
			    -o-transition:background-position .2s ease-in;  
			    transition:background-position .2s ease-in; 
				.numbermask{
					width:24px;
					height:35px;
					background:url(../images/codebox_small.png);
				}
			}
		}
	}
	.static_numbers{
		.gamenumber.number0{
			.numberlayer{
				background-position:0 0;
			}
		}
		.gamenumber.number1{
			.numberlayer{
				background-position:0 -82px;
			}
		}
		.gamenumber.number2{
			.numberlayer{
				background-position:0 -164px;
			}
		}
		.gamenumber.number3{
			.numberlayer{
				background-position:0 -246px;
			}
		}
		.gamenumber.number4{
			.numberlayer{
				background-position:0 -328px;
			}
		}
		.gamenumber.number5{
			.numberlayer{
				background-position:0 -410px;
			}
		}
		.gamenumber.number6{
			.numberlayer{
				background-position:0 -492px;
			}
		}
		.gamenumber.number7{
			.numberlayer{
				background-position:0 -574px;
			}
		}
		.gamenumber.number8{
			.numberlayer{
				background-position:0 -656px;
			}
		}
		.gamenumber.number9{
			.numberlayer{
				background-position:0 -738px;
			}
		}
	}
	.static_numbers.small_numbers{
		.gamenumber.number0{
			.numberlayer{
				background-position:0 0;
			}
		}
		.gamenumber.number1{
			.numberlayer{
				background-position:0 -35px;
			}
		}
		.gamenumber.number2{
			.numberlayer{
				background-position:0 -70px;
			}
		}
		.gamenumber.number3{
			.numberlayer{
				background-position:0 -105px;
			}
		}
		.gamenumber.number4{
			.numberlayer{
				background-position:0 -140px;
			}
		}
		.gamenumber.number5{
			.numberlayer{
				background-position:0 -175px;
			}
		}
		.gamenumber.number6{
			.numberlayer{
				background-position:0 -210px;
			}
		}
		.gamenumber.number7{
			.numberlayer{
				background-position:0 -245px;
			}
		}
		.gamenumber.number8{
			.numberlayer{
				background-position:0 -280px;
			}
		}
		.gamenumber.number9{
			.numberlayer{
				background-position:0 -315px;
			}
		}
		.gamenumber.number10{
			.numberlayer{
				background-position:0 0;
				background:url(../images/q-small.jpg);
			}
		}
	}
	.white-tooltip + .tooltip > .tooltip-inner { background-color: #fff;
		color:@color-1; }
	.white-tooltip + .tooltip > .tooltip-arrow { border-top-color:#fff; }

	.socialbox{
		text-align:center;
		padding:0 10px;
		h3{
		  .font_raviprakash;
		  font-size:1.4em;
		  margin-bottom:0;
		}
		p{
			font-size:.75em;
			width:100%;
		}
		.btn_container{
			margin: 5px auto 10px;
		}
		.fb-function{
			margin-top:5px;
		}
	}
	.nofriends{
		.btn_container{
			margin: 13px auto 17px;
		}
		.fb-function{
			display:none;
		}
	}

	.gamenumbers{
		position: absolute;
	    top: 132px;
	}
	.gamenumbers.number7{
		left: 81px;	
		.gamenumber{
			margin-left:-2px;
			margin-right:-2px;
		}
	}
	.gamenumbers.number6{
		left:98px;
		.gamenumber{
			margin-left:0;
			margin-right:0;
		}
	}
	.gamenumbers.number5{
		left:116px;
		.gamenumber{
			margin-left:2px;
			margin-right:2px;
		}
	}
	.gamenumbers.number4{
		left:154px;
		.gamenumber{
			margin-left:2px;
			margin-right:2px;
		}
	}
	.minisharebox{
		background-color:@color-10;
		padding:10px;
		.rounded(10px);
		display:none;
		margin:20px auto 20px;
		h3, .number, .label, .divider{
			float:left;
			margin: 0 5px;
		}
		h3{
			.font_raviprakash;
			font-size: 1.5em;
		    line-height: 20px;
		    padding-top: 5px;
		}
		.number{
			.font_raviprakash;
			font-size: 2.5em;
		    line-height: 20px;
		    padding-top: 6px;
		}
		.label{
		    font-size: 1em;
		    font-weight: 300;
		    line-height: 20px;
		    padding: 1px 0 0 0;
		    color: #414141;
		    margin-left: 0;
		}
		.divider{
			height: 20px;
		    width: 1px;
		    background-color:lighten(#000 , 40%);
		    position: relative;
		    top: 1px;
		}
	}
	.minisharebox::after{
		content:"";
		display:none;
		clear:both;
	}
	.sharebox{
		width:90%;
		margin:30px auto;
		max-width:550px;
		background-color:#fff;
		.rounded(10px);
		overflow:hidden;
		h3{
			.font_raviprakash;
			font-size:1.4em;
		}
		.leftbox{
			float:left;
			width:150px;
			background-color:@color-10;
			.innerbox{
				margin-bottom:10px;
			}
			.chance_row{
				.number, .label{
					float:left;
					width:50%;
				}
				.number{
					.font_raviprakash;
					text-align:right;
					padding-right:5px;
					font-size: 2.5em;
	    			line-height: 0.8em;
				}
				.label{
					text-align:left;
					padding-left:5px;
					color:@color-1;
					font-size: 1em;
	    			font-weight: 300;
				}
			}
			.chance_row::after{
				content:"";
				display:block;
				clear:both;
			}
			.divider{
				margin:5px auto 15px;
				width:80%;
				background-color:lighten(#000 , 40%);
				height:1px;
			}

		}
		.rightbox{
			float:left;
			width:calc(~"100% - 150px");
		}
		.sharebox::after{
			content:"";
			display:block;
			clear:both;
		}
	}
	.popbg{
		position:absolute;
		z-index:102;
		width:100%;
		height:100%;
		top:0;
		background-color:fade(#000,80%);
		overflow:hidden;
		.popcontainer{
			position:relative;
			width:100%;
			height:100%;
		}

		.popoutbox{
			width:90%;
			max-width:628px;
			position:relative;
			margin:0 auto;
			.rounded(10px);
			background:@color-4 url(../images/lightbox-bg.png) center bottom repeat;
			padding:40px 80px;
			top:40px;
			.closebtn{
				display:inline-block;
				position:relative;
				width:26px;
				height:26px;
			}
			.deco1{
				position:absolute;
				top:0;
				left:5px;
			}
			h1{
				.font_raviprakash;
				text-align:center;
				margin-bottom:0;
			}
			.subheader2{
				font-size:.9em;
				text-align:center;
				font-style:italic;
			}
			.closebtnbox{
				position:absolute;
				top:7px;
				right:12px;
				a{
					text-decoration:none;
					font-size:2em;
					color:@color-5;
				}
				a:hover{
					text-decoration:none;
					color:@color-3;
				}
			}
			.tips{
    			text-align:center;
    			font-size:.6em;
    			margin:1em auto;
    		}
		}

		.tutorial{
			background:none;
			color:@color-4;
			
				.subheader2{
					font-weight:300;
					font-style:normal;
				}
				.static_numbers{
					margin:30px auto;
					text-align:center;
					.gamenumber{
						float:none;
						display:inline-block;
					}
					.hugenum{
						display:inline-block;
					}
					.smallnum{
						display:none;
					}
				}
				.text-center{
					.ctabtn{
						margin:10px;
					}
				}
			.tutorial_page{
				padding-bottom:100px;
			}
			.page2{
				.static_numbers{
					span{
						text-decoration: underline;
					    font-size: 2.5em;
					    font-weight: 300;
					}
				}
			}
			.page3{

			}
			.page4{
				.static_numbers{
					.rounded(10px);
					background-color:@color-7;
					padding:20px;
					h3{
					  .font_raviprakash;
					  font-size:1.4em;
					  margin-bottom:0;
					  margin-top:0;
					  color:#6c6c6c;
					}
					p{
						font-size:.75em;
						width:100%;
						color:#6c6c6c;
					}
					.btn_container{
						margin: 5px auto 10px;
						text-align:center;
						span{
							display:inline-block;
							font-size: .8em;
	    					padding: .5em 2.8em .4em;
	    					color:@color-7;
	    					background-color:#D5BDB0;
	    					.rounded(7px);
						}
					}
				}
			}
		}

		.withfooter{
			padding-left:80px;
			padding-right:80px;
			.prompt_footer{
				background-color:#d8bbab;
				position:absolute;
				bottom:0;
				left:0;
				right:0;
				font-size:.8em;
				padding:1em;
				text-align:center;
				.border-radius(0, 10px,10px,0);
				.infavourlink{
					color:@color-1;
				}
			}
		}

		.helpers_prompt{
			.bignumber{
				text-align:center;
				color:@color-3;
				font-size:3em;
				padding:0;
				margin:0;
				line-height:1em;
				.font_raviprakash;
			}
			.text-center{
				margin:20px 0;
			}
			.fb-function{
				max-width: 400px;
				margin: 0 auto;
			}
		}

		.registered_prompt{
			.register{
				width:100%;
				max-width:320px;
				margin:20px auto 0;
				.input_box{
					margin:5px 0;
					input{
						background:@color-8;
						width:100%;
						display:block;
						padding:1em 2em;
						border:solid 1px @color-9;
						.rounded(10px);
					}
				}
				.error{
					font-size: .7em;
				    font-style: italic;
				    text-indent: 1em;
				    margin: 5px 0;
				    color:@color-3;
				}
				.checkbox label{
					font-size: .8em;
				}
				.checkbox label:before{
					background-color:@color-4;
				}
				input[type="checkbox"]:checked + label::after, input[type="radio"]:checked + label::after {
				    color: @color-3;
				}
			}
		}

		.maxattempt_prompt{
			.socialbox{
				margin:5px auto;
				background-color: #fff;
			    border-radius: 10px;
			    padding: 10px 20px;
			    width: 413px;
			    h3{
			    	margin-top:0;
			    }
			}
			.nofriends{
				.btn_container{
					margin:5px auto;
				}
			}
			.text-center{
				margin:10px auto;
			}
		}

		.pastentries_prompt{
			.scroll-pane{
				height:240px;
				margin:0 auto 20px;
			}
			.codes{
				position:relative;
			}
			.codes::after{
				content:"";
				display:block;
				clear:both;
			}

			.code{
				float:left;
				width:32%;
				.font_raviprakash;
				text-align:center;
				line-height:1.4em;
				margin-top:.2em;
				margin-bottom:.2em;
				letter-spacing:.2em;
				font-size:2em;
				position:relative;
			}
			.code::before{
				content:"";
				position:absolute;
				display:block;
				height:1em;
				width:2px;
				background:@color-1;
				top:2px;
				left:-1px;
			}
			.code:nth-child(3n+1)::before{
				display:none;
			}
		}

		.stolen_prompt{
			.username{
				color:@color-3;
			}
			.static_numbers{
				text-align:center;
				.gamenumber{
					display:inline-block;
					float:none;
				}
			}
		 	.winnerprizebox{
		     	background-color:@color-6;
		     	position:relative;
		     	.rounded(10px);
		     	width: 264px;
			    margin: 25px auto 10px;
			    padding: 10px;
			    .prizebox{
			    	position:absolute;
			    	right:-20px;
			    	top:-20px;
			    }
			}
			label.special{
				display:block;
				text-align:center;
			}
			.text-center{
				margin:5px auto 10px;
			}
		}

		.won_prompt{
			.winnerprizebox{
				width:427px;
				margin:10px auto;
				.prizebox{
					width:147px;
					float:left;
				}
				.rightbox{
					width:calc(~"100% - 147px");
					float:left;
					padding:20px 10px 0;
				}
				.mobilealternative{
					display:none;
				}
			}

			.winnerprizebox::after{
				content:"";
				display:block;
				clear:both;
			}

			label.special{
				display:block;
				text-align:center;
			}
			.text-center{
				margin:5px auto 10px;
			}
		}

		.sent_acknowledge_prompt{
			padding-left: 130px;
    		padding-right: 130px;
    		.shareurlbox{
    			width:261px;
    			margin:20px auto 0;
    			background-color:@color-6;
    			.rounded(10px);
    			padding:10px 40px 10px 10px;
    			position:relative;
    			input{
    				color:@color-3;
    				background-color:transparent;
    				border:none;
    				text-align:center;
    			}
    			.deco1{
    				left:auto;
    				right:-20px;
    				top:-20px;
    				width:95px;
    				height:62px;
    				background:url(../images/cloud.png);
    			}
    		}
    		.text-center{
				margin:15px auto 20px;
			}
		}
	}

	.scroll-pane{
		outline:none;
		.jspContainer{
			outline:none;
		}
		height:10em;
		.jspVerticalBar{
			width:7px;
			background:none;
		}
		.jspTrack{
			background-color:#d8bbab;
		}
		.jspDrag{
			background-color:@color-3;
		}
	}
}


.microsite{
	body{
		width:auto;
	}
}

@media only screen
and (min-width : 1200px)
and (min-height : 610px) {

}