@charset "utf-8";
/* CSS Document */
#registerpopup { width:100%; height:100%; top:0; left:0; position:fixed; /*overflow:auto;*/ font-family: 'Lato'; font-size: 14px; line-height:18px; display:none; z-index:999; }
#registerpopup p { margin:0 0 1em 0; }
#registerpopup a { text-decoration:none; }
#registerpopup a:hover { text-decoration:underline; }
#registerpopup .dialog { position:absolute; z-index:101; display:flex; align-items:center; justify-content:center; width:100%; height:100%; pointer-events:none; }
#registerpopup .dialogbg { position:absolute; z-index:100; width:100%; height:100%; background-color:rgba(0,0,0,0.8); }
#registerpopup .frmdialog { max-width:1000px; background-color:#FFF; background:#FFF; }

#registerpopup .section { padding:20px; }
#registerpopup .section:nth-child(2) { border-bottom:1px solid #CCC; }
#registerpopup .section:nth-child(2) p { margin:0; }

#registerpopup .registerbtn { background: #e0262b; color: #fff; text-transform: uppercase; float: left; width:180px; height:35px; padding-left: 10px; text-align:center; border:0px;cursor: pointer; -webkit-border-radius: 0; border-radius:0 !important; -webkit-appearance: none; }
#registerpopup .registerfsbtn { height:28px; color:#FFF; border:0px; padding:10px 25px 0 50px; text-transform: uppercase; text-align:center; cursor: pointer; background:url(../i/regpopup/facebook-btn.jpg) #354f88 no-repeat; margin-top:20px; width:200px; }
#registerpopup .registered { margin:20px 0; }
#registerpopup .loginhere { padding-left:200px;padding-top:7px;margin-bottom:10px }

#registerpopup .toph {font-family:'Roboto Slab';color:#00399e;font-size:24px; line-height:28px; margin:0; font-weight:bold; text-transform:uppercase; }
#registerpopup .top {font-family:'Roboto Slab';color:#00399e;font-size:20px; line-height:24px; padding:0px 0px 20px 0px; font-weight:bold; text-transform:uppercase; }

#registerpopup .leftwrapping { float:left; padding-right:20px; min-width:280px; }
#registerpopup .rightwrapping { float:right; width: 560px; }

#registerpopup .space {padding-top:10px;}
#registerpopup .asterisk { color:red; }
#registerpopup .transbox { color:#FFF; position:absolute; width:100%; bottom:0px; background-color:rgba(0,0,0,0.6); }
#registerpopup .transbox1 { color:#FFF; position:absolute; width:100%; bottom:0px; background-color:rgba(0,0,0,0.6); font-size: 12px;}
#registerpopup .gamenamepopup {margin-left:10px; padding-bottom:5px;padding-top:5px}
#registerpopup .gamenamepopup h4 { margin:0; font-size:14px; line-height:18px; text-transform:uppercase; font-weight:normal; }
#registerpopup .gamenamepopup p { margin:0; }

#registerpopup .rarea input {
	width: 90%;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 30px;
	padding:0 10px;
	border: 1px solid #ccc;
  	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;
  	border-radius: 4px;
  	font-size: 14px;
}
#registerpopup .terms, 
#registerpopup .news { margin-bottom: 15px; }

#registerpopup .backgroundmain {
	position:relative; 
	background: url(../i/regpopup/gamehubs-ffxv.jpg) center center no-repeat;
	background-size:cover;
	width: 100%;
	height:380px;
}
#registerpopup #background1 {
	position:relative; 
	background: url(../i/regpopup/gamehubs-overwatch.png) center center no-repeat;
	background-size:cover;
	float:left;
	height:140px;
	width:33.3%;
}
#registerpopup #background2 {
	position:relative; 
	background: url(../i/regpopup/gamehubs-halo5.jpg) center center no-repeat;
	background-size:cover;
	float:left;
	height:140px;
	width:33.3%;
}
#registerpopup #background3 {
	position:relative;
	background: url(../i/regpopup/gamehubs-pokken.jpg) center center no-repeat;
	background-size:cover;
	float:left;
	height:140px;
	width:33.4%;
}

/*IPADS PORTRAIT*/
@media only screen 
and (max-width : 640px) {
	#registerpopup .dialog { }
	#registerpopup .dmobnone { display: none; }
	#registerpopup .registerfb { padding-top:10px; }
	#registerpopup .leftwrapping { padding-right:0px; }
}

/* 2nd format */
#registerpopup .dialog {  }
#registerpopup .dialog .diacont { max-width:900px; max-height:500px; width:100%; height:100%; position:relative; /*background-image:url(../i/avs/201704/edge-subscription-pop-up-900x500.jpg); background:center center no-repeat; background-size:contain;*/ pointer-events:all; }
#registerpopup .dialog .diacont.dmobnone { display:none; }

@media only screen 
and (max-width : 480px) {
	#registerpopup .dialog .diacont { display:none; }
	#registerpopup .dialog .diacont.dmobnone { display:block; max-width:280px; max-height:280px; /*background-image:url(../i/avs/201704/edge-subscription-pop-up-280x280.jpg);*/ }
}