﻿
.top-slider #getBonusButton {
	/*float: right;
	position: relative;
	margin-top: -30px;
	margin-right: 15px;
	color: #20202F;
	font-size: 14px;
	font-weight: bold;
	z-index: 1000;*/
	color: #fff;
	font-weight: bold;
}

.content-page-padding #getBonusButton { 
	color: #BF1C21; 
	font-weight: bold;
}

#getBonusModal {
	width: 600px; 
	/*background: url('/images/na_site_W_up-01.png') no-repeat;*/
	background: #fff;
	border: 10px solid #000000;
	border-radius: 19px;
	position: fixed; 
	top: 45%; 
	left: 50%; 
	margin-top: -250px;
	margin-left: -300px; 
	display: none; 
	opacity: 0; 
	z-index: 5001; 
	padding: 30px 40px 20px;
}

#bonus_overlay {
	z-index: 5000; 
	position: fixed; 
	background-color: #000;
	opacity: 0.8;
	width: 100%; 
	height: 100%; 
	top: 0; 
	left: 0; 
	cursor: default;
	display: none;
}

#getBonusModal #modal_close {
	width: 24px;
	height: 24px;
	position: absolute;
	border-radius: 18px;
	border: 4px solid #eee;
	background-color: #111111;
	color: #ddd;
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	text-align: center;
	padding: 3px;
	top: -21px;
	right: -21px;
	cursor: pointer;
	display: block; }
	#getBonusModal #modal_close:hover {
		color: #fff;
}

#getBonusModal h1 {
	text-align: center;
	font-family: 'pf_agora_slab_probold';
	font-size: 33px; 
	font-weight: bold;
	margin-bottom: 20px; 
}
	
#getBonusModal h2 { 
	font-size: 24px; 
	font-weight: bold;
	margin-bottom: 15px; 
}	

#getBonusModal h2 b { 
	font-size: 31px; 
	font-weight: bold;
}

#getBonusModal .enter {
	display: block;
	float: left; 
	margin-bottom: 15px;
}

#getBonusModal .enter_or {
	display: block;
	float: left; 
	margin-left: 10px;
	margin-right: 10px;
}

#getBonusModal #uLogin {
	float: left;
	margin-left: 15px;
}

#getBonusModal [data-uloginbutton] {
	cursor: pointer;
	display: block;
	float: left;	
}



#getBonusModal h3 { 
	margin-top: 35px; 
	margin-bottom: 0;
}

#getBonusModal #result {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 9000;
}