.game-back{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b0bb+0,004352+100 */
	background: #00b0bb; /* Old browsers */
	background: -moz-linear-gradient(top, #00b0bb 0%, #004352 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #00b0bb 0%,#004352 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #00b0bb 0%,#004352 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b0bb', endColorstr='#004352',GradientType=0 ); /* IE6-9 */
	width: 100%;
    height: 100%;
    position: fixed;
}

html, body {
  overflow-x:hidden;
}

.wheel{
   position: absolute;
    top: 41%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 72%;
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;

  

}

.stars{
	width: 100%;
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    margin-top: -8vh;
}

.tp-padding{
	    margin-top: 6vh;
}

.arrow{
	user-drag: none; 
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
	     position: relative;
    top: 3vh;
    z-index: 500;
    width: 3vh;
}

.label-info{
       background: white;
    border: none;
    padding-bottom: .7vh;
    padding-top: .7vh;
    font-size: 1em;
    width: 39vh;
    border-radius: 3px;
    text-align: CENTER;
    font-weight: lighter;
}

.text-center{
	text-align: center;
}

.logo-sm{
	      width: 10vh;
    margin-top: 3vh;
}

.title{
	    margin: 8px;
	        color: #fec242;
    font-weight: bolder;
    text-shadow: -1px 4px 4px rgba(10, 10, 10, 0.61);
}

.sub-title{
	color: white;
	    margin-bottom: 0px;
}

.text{
	color: white;
	    margin-bottom: 0px;
}

.modal {
			text-align: center;
			padding: 0!important;
		}

		.modal:before {
			content: '';
			display: inline-block;
			height: 100%;
			vertical-align: middle;
			margin-right: -4px;
		}

		.modal-dialog {
			display: inline-block;
			text-align: left;
			vertical-align: middle;
		}

		.modal-content{
			    background-color: #ffffff!important;
		}

		.modal-body{
			border: 1px solid white;
			margin: 10px;
			text-align: center;
		}

		.lose-icon{
			    width: 6vh;
		}

		.btn-mod{
		    background-color: #00b0bb;
    color: white;
    padding: 1.5vh;
    border: none;	
		}

		.game-back-loading{
			background-color:#00b0bb;
			width: 100%;
		    height: 100%;
		    position: fixed;

		}

		.loading{
			padding-top: 16vh;
		}

		.logo-big{
			    width: 60%;
		}

		.loading-container{
			    width: 29%;
    height: 12px;
    border: 1px solid white;
    border-radius: 6px;
    margin: 0 auto;
		}

		.loader{
		width: 0%;
    height: 6px;
    background-color: white;
    display: block;
    border-radius: 8px;
    float: left;
    margin: 2px auto;
    margin-left: .3vh;
		}

		.loading-title{
			    margin-top: 6vh;
    color: white;
    font-size: .8em;
		}

		.well-logo{
			float: right;
    width: 15vh;
    margin-top: 15vh;
    margin-right: 4vh;
		}

		.zero-pad{
			padding: 0;
		}

		.ban-margin{
			margin-bottom: 1.6vh;
		}

		.banner{
			width: 100%;
		}

		.banner-bottom{
			    width: 64vh;
    margin: 0 auto;
    opacity: .3;
    
		}

		.game-back-top{
			background-color: #00b0bb;
    width: 100%;
    height: 15.7vh;
    position: fixed;
		}

		.btm-buttons{
			    margin-bottom: 5vh;
		}

		.title-setup{
			font-size: 1em;
    		margin-top: 3vh;
		}

		.sub-title-setup{
			    font-size: 1em;
    width: 90%;
    margin: 2vh auto;
		}

		.text-setup{
			     font-size: 1em;
    width: 90%;
    margin: 0 auto;
		}