.gold{color:#F1C76A;}
.bg-blue{background-color:#05374e;}
.shadow{
  -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
}
.game-container {
    height: 100%;
    width: 100%;
    display: inline-block;
    position: absolute;
	transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -moz-transition: all .5s ease;
	opacity: 1;
	right:0;
}
.game-container.close{
	right:-105%;
	opacity:0;
}
.game-container iframe {
    border: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
}
.game-bg{
	background-size:cover;
	background-position: top center;
	height:100%;
}
.game-bg .container{
	position: relative;

}
.game-bg .full-height{
	height:100%;
}
.fg-image{
	position: fixed;
	top:0;
	left:0;
	width:100%;
  background-image: url('../images/Snow@2x.png');
	background-size:100%;
	background-position: top center;
	height:100%;
	background-repeat: no-repeat;
}
.temp-overlay{
	background-image:url('../../images/overlay.jpg');
	background-size:cover;
	background-position: top center;
	position: fixed;
	z-index: 10;
	top:0;
	left:0;
	height:100%;
	width:100%;
}

.rank-icon{
  background-color: #20BAB2;
  width: 40px;
  height: 40px;
  font-size: 16px;
  border-radius: 50%;
  font-weight: 400;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center!important;
  -ms-flex-align: center!important;
  align-items: center!important;
  -webkit-box-pack: center!important;
  -ms-flex-pack: center!important;
  justify-content: center!important;
  border: 1px solid #ffffff;
  color: #ffffff;
}
.rank-icon span{
  position: relative;
  left: -1px;
}
.rank-icon.large{
  width: 80px;
  height: 80px;
  font-size: 24px;
    border: 2px solid #ffffff;
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -40px;
}
.form-group{margin:0;}
.form-control{
	border:none;
	padding:20px;
	border-bottom:solid 1px #31CAEF;
}
.form-group:last-of-type .form-control{
	border-bottom:none;
}
.magic-placeholder .form-group span.placeholder {
   text-transform: uppercase;
   line-height: 64px;
	padding-left: 20px;
}
.btn.custom.form-btn{
	background-color:#ff3453;
	font-size:16px;
	font-weight:700;
	border:none;
}
.game-form-container{
	background-color:rgba(0,0,0,0.3);
	padding:40px 80px 80px;
	transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -moz-transition: all .5s ease;
    right: -105%;
    position: absolute;
	width: 96%;
	height:100%;
	opacity:0;
}
.game-form-container.open{
	right:3%;
	opacity:1;
}
.custom-checkbox {
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border: 1px solid #5c6363;
    flex-shrink: 0;
    margin-right: 20px;
	border-radius:3px;
}
.checkbox.custom.selected .custom-checkbox {
    background-image: url(../images/tick.svg);
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
}

.custom-checkbox:hover {
    cursor: pointer;
}
.custom.checkbox input {
    position: absolute;
}
.form-error{
	background-color: #ffffff;
    border-bottom-left-radius: 3px;
    padding: 5px 8px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    margin-top: 0;
    border-bottom-right-radius: 3px;
}
.game-form-container .logo{
	height:40px;
}
.custom.checkbox {
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
}
.cc-btn.cc-dismiss{
	color:#ffffff !important;
}
.cc-btn.cc-dismiss:hover, .cc-btn.cc-dismiss:focus{
	text-decoration: none;
}
@font-face {
	font-family: 'Marker Felt';
	src: url('../fonts/marker felt.ttf') format('truetype');
}
.marker{font-family: 'Marker Felt';}
	.btn.custom{
		font-family: 'Marker Felt';
		background-color: #f4c051;
		border:1px solid #f4c051;
		padding:12px 18px;
	}
	.btn.custom:hover{
		background-color: #f4c051;
		border:1px solid #f4c051;
	}
	.btn.custom:before, .btn.custom:before{
		background-color: #f4c051;
		border:1px solid #f4c051;
	}
.btn.custom{
	background-color:#1aaca8;
	border: 1px solid #1aaca8;
}
.btn.custom:before, .btn.custom:before {
    background-color: #1aaca8;
    border: 1px solid #1aaca8;
}
.btn.custom:hover, .btn.custom:focus {
	background-color:#109490;
	border: 1px solid #109490;
}
.btn.custom.form-btn {
    border: 1px solid #ff3453;
}
.btn.custom.form-btn:hover, .btn.custom.form-btn:focus {
    background-color: #de2441;
}
.blue {
    color: #1aaca8;
}
@media (min-width: 1600px)
{
	.col-xl-5{
		-webkit-box-flex: 0;
    	-ms-flex: 0 0 50%;
    	flex: 0 0 50%;
    	max-width: 50%;
	}
}
@media (max-width: 1600px) {
	h1.large {
    	font-size: 70px;
	    line-height: 42px;
	}
	.form-control {
    	padding: 10px 20px;
		font-size: 14px;
	}
	.magic-placeholder .form-group span.placeholder {
    	line-height: 44px;
    	font-size: 14px;
	}
	.magic-placeholder .form-group span.placeholder.active {
    	font-size: 9px;
    	line-height: 16px;
	}
	.game-form-container .mt-5 {
    	margin-top: 1rem!important;
	}
	p.small{font-size:12px;}
}

@media (max-width: 1200px) {
	.fg-image {
    	background-size: 150%;
	}
}
@media (max-width: 992px)
{
	.fg-image {
	    background-image: none;
	}
	.leaderboard-title .company, .leaderboard-row .company{
		display: none !important;
	}
	.leaderboard-row .align-items-center {
    	-webkit-box-pack: center!important;
    	-ms-flex-pack: center!important;
    	justify-content: center!important;
	}
	.leaderboard-row p.small {
    	font-size: 12px;
	}
	.leaderboard-row .name {
    	display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.leaderboard-row .rank {
    	display: -webkit-box!important;
    	display: -ms-flexbox!important;
    	display: flex!important;
		-webkit-box-align: center!important;
    	-ms-flex-align: center!important;
    	align-items: center!important;
		-webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
	}
}
@media (max-width: 768px)
{
	.game-form-container{
		padding:15px;
	}

	.game-form-container h3{
		font-size:16px;
	}

	.leaderboard-row p .small {
    	font-weight:400;
		font-size:14px;
	}
}