/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-skin {
	position: relative;
	background: #1b1b1b; 
	color: #444;
	text-shadow: none;
	border-radius: 0;
}
.fancybox-opened .fancybox-skin {
	box-shadow:0 0 0 2px #FFF, 0 0 15px #FFF;
}
.fancybox-overlay {
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('//webcdn.triongames.com/common/fancybox/fancybox_overlay.png');
}
.fancybox-lock .fancybox-overlay {overflow: auto;overflow-y: scroll;}
.fancybox-close {
	position: absolute;
	top: -30px;
	right: -2px;
	cursor: pointer;
	z-index: 8040;
	width:18px;
	height:18px;
	background-position: -10px -8px;
	box-shadow:0 0 0 2px #FFF, 0 0 15px #FFF;
}
.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent;
	background: rgba(0, 0, 0, 0.8);
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}
.fancybox-wrap{border:1px solid #000; margin-top: 14px; }


/*! Generic */
body { 
	font-family:'Lato', sans-serif;
	color: #FFF;
	background-color: #0f1638;
}
#registerform, #registerform *, .continue{box-sizing:border-box;text-shadow:none !important;}
#registerform p, .dob{width:100%;position:relative;}
.reg-form{width:530px;height: inherit;overflow: hidden;position: absolute;right: 0;}
.reg-header{padding:0 10px 5px 30px;}
.fields > h1{padding:0 10px 30px 30px;display:none;}
.reg-form h1{font-size:30px;line-height:32px;text-align:center;text-transform:uppercase;}
fieldset p.button:before{position:absolute;pointer-events:none;text-align:center;z-index:2;top:11px;display: block;font-size: 20px;font-weight: 700;text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.7);text-transform:uppercase;width:100%;}
#submit{width:65%;top:-10px;height:60px;z-index:1;margin:30px auto -15px;text-indent:-9999px;}
#submit:hover{cursor:pointer;}
#submit[disabled], fieldset p.button:before{opacity:0.5;cursor:not-allowed;}
#submit[disabled]{background-color:gray;}
#registerform, .pfields-container { position:  relative; }
#registerform, .updateform{padding:1px 40px 40px;margin-right: 15px;background-color:#4c6c4d;box-shadow:inset 0 0 0 2px #a3e7a5, inset 0 0 16px rgba(255,255,255,0.15);}
#registerform input:not([type="checkbox"]):not([type="submit"]), #registerform select{display: block;font-size: 13px;padding: 8px;outline: none;width: 100% !important;height: 42px;background-color:#1e2b1f;color:#fff;box-shadow:0 0 0 1px #a6eba8, 0 0 8px #a6eba8;border:none;}
#registerform input:focus:not(.cta-btn), #registerform select:focus{box-shadow:0 0 0 1px #E2FFE3, 0 0 8px #FFFFFF;}
#form-wrap .updateform { margin-bottom: 600px;}
#dobfields select, .countrycode select{color:#eee;}
#registerform label{color:#f9f9f9; font-size:15px;}
#registerform [class^="password"], #registerform [class$="name"]{width:calc(70% - 10px);float:left;z-index:1;margin:20px 0 10px;}
#registerform .firstname,#registerform .lastname,#registerform .countrycode,#registerform .dob{display:none;}
#registerform .age{ position:absolute; margin:20px 0 10px; top: 0; }
#registerform .age label{display:block;text-align:right;}
#registerform .age select{display:inline;width:auto !important;float:right;}
#registerform .age span { display: none; width: 246px;text-align: right;    right: 0;}
#registerform .captcha_field{clear:both;}
#dobfields select{width:calc(34% - 20px) !important;float:left;}
#registerform [class^="password"], #registerform [class$="name"], #dobfields select{margin-right:20px;}
.lastname, .passwordverify, #dobfields span:last-of-type select{margin-right:0 !important;}
#registerform .password span {position: absolute;right: 0px;left: 100%;top: 0px;padding: 14px 0px 14px 10px; width: 62px;}
#registerform .error{display:block;position:absolute;top:-4px;padding:7px 8px;background-color:#152F16;font-size:13px;color:#fff;width:100%;line-height:14px;}
#registerform input:not([type="checkbox"]):not([type="submit"]).uerror,#registerform select.uerror{border:2px solid #a00;}
#registerform #email_error.error { top: -14px; height: 40px; }
.dob .error{top:90px !important;font-weight:normal;}
#registerform .error:empty{display:none;}
#form-title{font-size:42px;color:#FFA009;text-align:center;margin:10px 0 5px;line-height:50px;text-shadow:0 0 12px #00011d;}
#registerform fieldset{min-width:0;border:none;}
@-moz-document url-prefix(){#registerform fieldset{display:table-cell;}}
#registerform fieldset p.button:before{content:'Register';}
#registerform .checkbox{margin:15px 0 -10px;color:#e8e8e8; line-height: 16px; font-size: 13px; font-weight: 400; font-family: sans-serif; }
#registerform .checkbox *{font-size:12px; font-family: sans-serif;}
#registerform .checkbox input{margin: 0 5px 0 0; position:relative; vertical-align: middle;}
#registerform .checkbox span{line-height:16px;}
#registerform .checkbox .error{text-align:center;margin:-4px 0;}
#registerform option{background-color:rgba(0, 0, 0, 0.85);}
#registerform #country_error {position:relative;top:-28px;margin-bottom:-26px;}
[lang^='de'] #registerform [class$="name"] .error{top:-21px;}
/*
[lang^='fr'] #registerform [class^="password"]{width:100%;}
*/
[lang^='fr'] label[for="dobmonth"]{float:left;display:block;margin:3px 0 4px;}
[lang^='fr'] #registerform .passwordverify{margin:2px 0 10px;}
.passwordverify{display:none;}
.email.clear{margin:10px 0 -11px;}
#validatorator{color:#444;margin:0 0 10px; clear:both; }
#validatorator > div{background-color:rgb(239, 239, 239);padding:17px 17px 12px;}
#validatorator span{  font-size: 15px;color: #eee;margin: 45px 0 0px;display: block;background-color: rgb(111, 26, 27);padding: 10px 17px 10px;}
#validatorator li{font-size:14px;line-height:16px;list-style-position:inside;margin:0 0 10px 20px;}
#validatorator li[style*='dash']{color:rgb(157, 49, 49) !important;}
#validatorator li[style*='check']{color:rgb(107,197,137) !important;}
#country_error.validator-hidden{top:89px;}
[lang^='fr'] #country_error.validator-hidden{top:167px;}
p.already-registered{text-align:center;font-size:15px;margin:35px 0 15px;line-height:14px;color:#fff;font-family:'Tahoma', sans-serif;}
#intro p a{color:#EB8D37;}
#intro p a:hover{color:#FF6207}
#intro ul{padding:0;}
#registerform a{color:#a3e7a5;text-decoration:underline;text-shadow:0 0 1px #000, 0 0 11px rgba(225,0,0,0.8);}
.g-recaptcha, .g-recaptcha div, .g-recaptcha div div{width:100% !important;margin:25px 0 15px;}
.g-recaptcha iframe{position:relative;left:50%;transform:translate(-50%);-webkit-transform:translate(-50%);}
#registerform #captcha_error{position:relative;text-align:center;margin:23px 0 -30px;}
#registerform #tos_error {position:relative;}
.updateform{display:none;}
section.download-btn{margin:25px auto 0 !important;}
.signin-ready .updateform, .signin-ready .fields > h1{display:block;}
.updateform .social{width:100%;margin:110px auto 30px;display:block;}
.updateform .social ul{text-align:center;padding:0;}
.updateform .social li{display:inline;padding:0 6px;position:relative;margin:5px 5px 10px;}
.updateform .social img{width:40px;height:40px;}
.updateform .social img[src*="facebook"]{width:35px;height:35px;}

.signin-ready #registerform, .signin-ready .updateform, .signin-ready .reg-header, p.cb-desc {
    display: none;
}
.signin-ready .updateform {
    display: block;
    padding: 32px 40px 48px;
}
.updateform p span { white-space: nowrap; }

.alpha {
	background: url(//webcdn.triongames.com/ar/assets/images/alpha/sign_bg_2.jpg) top center no-repeat #262b4b;
	width: 100%; min-height: 1120px; 
	max-width: 1920px; }
.alpha ul li { list-style-type: none; }
h1, h2, h3, h4{ 
	text-transform:uppercase;
	width:100%;
	text-align:center;
	color:#ebebeb;
	text-shadow:0 2px 2px #000;
	font-weight:800;
}
h2, header h3 { font-size: 28px; margin: 0; }
p, ul li {font-size: 19px;color: #ebebeb; font-family: sans-serif;}
.alpha ul { padding-left: 0; margin: 0; }
.row { margin-bottom: 15px; }
.clear { clear: both; }
.alpha .hlight1{box-shadow:0 0 0 2px #FFF, 0 0 15px #FFF;}
.alpha .player{position:relative; overflow: hidden; }
.alpha .player:after{
	content:'';
	position:absolute;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	left:50%;
	top:50%;
	background:url(//webcdn.triongames.com/ar/assets/images/alpha/video_btn_sprite_wt.png) center center no-repeat;
	width:78px;
	height:76px;
	margin-top: 0;
	opacity: .25;
}
.alpha .player:hover::after {opacity: .9;}
.alpha .player:hover{cursor:pointer;}
#alpha-trailer {max-width: 360px; margin: 20px auto 20px; }
#alpha-trailer img { width: 100%; }

#thumb-video-src { vertical-align: bottom; max-width: 360px; width: 100%; }

.grey-divider:before{
	position:absolute;
	content:'';
	height:2px;
	width:80%;
	margin-left: 10%;
	background-image:linear-gradient(90deg, transparent, #808080, #FFF, #808080, transparent);
	left: 0;
}

.cta-btn::after{
	border-radius: 14px;
	box-shadow: 0 0 0 3px #fff;
	content: "";
	height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.cta-btn{
	transform:skew(-25deg) translate(-1px, -5px);-webkit-transform:skew(-25deg) translate(-2px, -5px);
	height: 74px;
	width: 100%;
	border-width: 3px 7px;
	border-color:#fff;
	color:#fff;
	border-radius:14px;
	border-style:solid;
	text-transform:uppercase;
	text-align:center;
	display:block;
	position: relative;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fd960f+0,e1680e+20,be4f0e+52,e1680e+85,f07f0e+100 */
	background: rgb(253,150,15);
	background: -moz-linear-gradient(top, rgba(253,150,15,1) 0%, rgba(225,104,14,1) 20%, rgba(190,79,14,1) 52%, rgba(225,104,14,1) 85%, rgba(240,127,14,1) 100%);
	background: -webkit-linear-gradient(top, rgba(253,150,15,1) 0%,rgba(225,104,14,1) 20%,rgba(190,79,14,1) 52%,rgba(225,104,14,1) 85%,rgba(240,127,14,1) 100%);
	background: linear-gradient(to bottom, rgba(253,150,15,1) 0%,rgba(225,104,14,1) 20%,rgba(190,79,14,1) 52%,rgba(225,104,14,1) 85%,rgba(240,127,14,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd960f', endColorstr='#f07f0e',GradientType=0 );
}
.cta-btn span {
	transform:skew(25deg);-webkit-transform:skew(25deg);
	color:#fff;
	display:block;
	font-size:40px;
	font-weight:700;
	text-shadow:0 2px 1px rgba(0,0,0,0.7);
	margin-top: 4px;
	padding-top: 0;
}
.cta-btn:hover{box-shadow:inset 0 3px 6px rgba(0, 0, 0, 0.62); text-decoration: none;}
.cta-btn:active{opacity: .8666; text-decoration: none; }
.alpha fieldset p.button::before { opacity: .8; }

#Main_Header { margin-bottom: 6px; }
#Main_Header a { text-decoration: none; display: inline-block; }
#Main_Header h1 { margin: 0; }
#Main_Header h2 { letter-spacing: 10px; margin: 24px auto 0; color: #f0760e; }
#Main_Header img { width: 100%; max-width: 584px; }
#Main_Header h2.date { color: #EBEBEB; font-size: 48px; font-weight:700; margin: 0; letter-spacing: 1px; font-family: sans-serif; }

#Main_Header h1 strong { display: block; font-weight: 400; font-size: 24px; text-align: left; margin-top: 40px; }
.information { margin-top: 50px; }
.video { height: 660px; }

.description { text-align: center; }
.description p { max-width: 440px; margin: 0 auto; font-weight: 500; color: #232b4d; }
.description p:last-of-type { font-size: 24px; margin: 20px auto 0;}
.description strong { font-weight: 500; }
.description .cta-btn { margin: 0 auto; width: 250px;}
.description #Main_Header .time { color:#FFF; font-size: 22px; margin-top: -4px; margin-bottom: 20px; text-shadow: 0 2px 2px #000; }


.quote { text-align: center; margin: 40px 0 0; text-shadow: 0 2px 2px #000; margin-bottom: 20px; }
.quote p { font-size: 27px; margin-bottom: 4px; }
.quote p:last-of-type { font-size: 21px; }

.video .desc { font-size: 18px; margin-top: 32px; margin-left: auto; margin-right: auto; max-width: 560px; text-shadow: 1px 1px #000; } 
.video > p:last-of-type {margin-left: auto; margin-right: auto; max-width: 560px; }
.video p strong { font-size: 21px; }

/** Form **/
.open-weekend h2 {
	font-size: 28px; color: #fbfbfb;
	padding-top: 25px;
}
.open-weekend h2 span {
	display: block;
	font-size: 24px;
}

#alpha-form { margin: 0 auto 0; max-width: 485px; width: 100%; 
	/* background: url(//webcdn.triongames.com/ar/assets/images/alpha/reg-frame.png) top center no-repeat; background-size: cover; */
	background-color: rgba(41,49,88,.8);
	border: 2px solid #FFF; 
	box-shadow: 0 7px 14px -6px rgba(0, 0, 0, 0.75);
}

.alpha #registerform .close-btn { text-align: right; }
.alpha #registerform .close-btn a { font-weight: 800; font-size: 14px; text-decoration: none; color: #FFF; margin-right: -34px; }
.alpha #registerform { margin-right: 0; background-color: transparent;  box-shadow: none; border:none; padding: 20px 40px 40px; }

.alpha #registerform p { font-family: sans-serif; font-size: 16px; color: #fff; text-align: left; }
.alpha #registerform p.already-registered { text-align: center; font-size: 18px; line-height: 1.2;  margin-top: 38px; }
.alpha #registerform a { color: #f0760e; }
.alpha #registerform .age { text-align: left; }
.alpha #registerform .age label { margin-left: 1px; }
.alpha #registerform .age span { display: none;}
.alpha #registerform input:not([type="checkbox"]):not([type="submit"]),
  .alpha #registerform select { font-family: sans-serif; box-shadow: 0 0 0 0px #fff, 0 0 2px #fff; border: 1px solid #f0760e; background-color: #111423; }
.alpha #registerform p.button:before {  font-size: 25px; }
.alpha #registerform #submit[disabled] { opacity: 1;  background: #8e4404; }
.alpha #registerform #submit[disabled].cta-btn:hover { opacity: 1;  background: #8e4404; }
.alpha #registerform #submit { background: #bc5906; }
.alpha #registerform fieldset p.button:before { opacity: 1; }
.alpha #registerform input#submit.cta-btn { position: static; max-width: 235px; }
.alpha #registerform input#submit.cta-btn:hover{box-shadow:none; text-decoration: none; background: #f0770e; }
.alpha #registerform, .updateform { box-shadow: none; }
.alpha .updateform { background-color: transparent; position: relative; top: 0; margin-right: 0; margin-bottom: 20px; padding: 10px 40px; }
.alpha #registerform .error { background-color: #5161ae; z-index: 100; top: -3px;}
.alpha #registerform #email_error.error { top: -13px; height: 40px; }
.alpha #registerform #email_error.error a { color: #fff; font-weight: 700; }
.alpha .actions { display: inline-block; margin: 30px 0; }
.alpha .learn-more { color: #FFF; font-size: 14px; text-transform: uppercase; text-shadow: 0 2px 2px #000; display: inline-block; margin-top: 20px; }
.alpha #registerform #captcha_error { margin: 10px 0 -20px; }
.alpha #registerform #dob_error { width: 246px; }
.alpha #registerform .close-btn {display: none;}
.alpha #registerform .checkbox .error { top: -3px; }

.alpha #registerform .password span { font-size: 12px; background-color: #5161ae; padding: 0; width: 20px; margin: 40px 0 0 8px; text-align: center; box-shadow: 0 7px 14px -6px rgba(0, 0, 0, 0.75); cursor: pointer; }
.alpha #registerform .password span:hover { opacity: .8; }

.alpha #validatorator { clear: both;}
.alpha #validatorator span { background-color: #5161ae; text-align: left;  margin: 0; }
.alpha #validatorator ul li { text-align: left; list-style-type: disc !important; list-style-image: none !important; margin-left: 5px; }

.alpha #registerform .checkbox input[type="checkbox"] { margin-left: 0; margin-right: 5px; }
.alpha #registerform .checkbox label, .radio label { padding-left: 0; letter-spacing: inherit; font-family: sans-serif; }
.alpha #registerform p.checkbox { font-size: 13px; font-weight: 400; color: #f9f9f9;} 
.uerror { border: 1px solid #f0760e !important; }
.uerror:required { box-shadow: 0 0 1px 1px #f0760e; }

.alpha #registerform .checkbox input { display: none; }
.alpha #registerform .checkbox label:before  {
	content: ""; font-size: 10px;
	border: 1px solid #f0760e; 
	width: 12px; height: 12px; display: inline-block; margin-right: 15px;
	background-color: #111423; text-align: center; line-height: 12px;
	vertical-align: middle; box-shadow: 0 0 0 0 #fff, 0 0 2px #fff;
}
.alpha #registerform .checkbox input:checked + label:before {
    content: "\2713"; font-size: 10px; 
    border: 1px solid #f0760e;
	width: 12px; height: 12px; display: inline-block; margin-right: 15px;
	background-color: #111423; text-align: center; line-height: 10px;
	vertical-align: middle; box-shadow: 0 0 0 0 #fff, 0 0 2px #fff;
}

h2.extended { max-height: 51px;  }
h2.extended > span { 
  display: block;
  background: url('//webcdn.triongames.com/ar/assets/images/alpha/extended02_img.png') 0 0 no-repeat;
  background-position: 0 0; background-size:100.00000% 100.00000%; max-width:313px; width:100%;
  margin: -10px auto 10px; padding: 10px 0;
  letter-spacing: 3.2px;
  font-size: 24px;
  text-shadow: none;
}

.sponsors .row li:nth-child(1) h4 img{
margin-top: 50px;
}
.sponsors .row li:nth-child(2) h4 img{
margin-top: 27px;
}

/** Footer **/
#footer{width:100%;height:1270px;padding-top:0;}
.signup-footer {text-align:center;margin-top:14%}
.signup-footer h1, .signup-footer p, .signup-footer a {}
.signup-footer h1 {font-size:2em;line-height:1.4em;color:#4971a2;width:100%}
.signup-footer p {color:#7b8899;font-size:1.2em;margin-bottom:.8%;width:100%}
.signup-footer a.bottom-cta {color:#FFF;font-size:1.6em;background:transparent url(//webcdn.triongames.com/archeage/img/big-grn-signup-btn-sprite-v2.png) no-repeat scroll center top;padding: 45px 0px 37px;text-transform:uppercase;margin: 0 auto;width: 298px;display:block}
.signup-footer a.bottom-cta:hover {background-position: center -96px}
.footer-game,.footer-100per{width:100%;background-color:#0f1638;padding:2%;border-top:2px solid #686f90;}
.footer-game p,.footer-100per p{font-size:1em;line-height:1.5em;color:#6c7394;text-align:left;padding-top:10px;width:100% !important; font-family: sans-serif;}
.footer-game{bottom:0px}
.footer-100per{position:relative;}
#legal-wrap{margin: 0 auto;max-width: 1060px;width: 96%;}
footer .legal{width:100%;position:relative;}
.page-template-homepage .footer-game p, .page-template-homepage .footer-100per p{text-align:left;}
.rating-copyright {height:195px;margin:0;padding:10px 0;background:#fff;bottom:0px;position:absolute;width:100%}
.rating-copyright .group-01{max-width:960px;padding:35px 0 20px;margin:0 auto;height:68px}
.rating {float:left;padding:0;}
.footer-logo {margin-left:2%;display:block;float:left;height:68px}
.footer-logo img {height:68px;width:auto}
.footer-trion img {height:50px;margin-top:5px;}
.social-game {width:192px; height:48px;position:absolute;z-index:100;bottom:30px;right:30px;}
.social-game a {height:54px;width:54px;display:block;float:left;margin:0 10px 0 0;background-image: url('//webcdn.triongames.com/ar/assets/images/social_media_sprite_orange.png');background-repeat:no-repeat;background-size: 164px auto;}
a.tw {background-position:0px -55px;}
a.fb {background-position:-55px -55px;}
a.yt {background-position:-110px -55px;}
a.tw:hover {background-position:0px -1px;height:53px;}
a.fb:hover {background-position:-55px -1px;height:53px;}
a.yt:hover {background-position:-110px -1px;height:53px;}
.cookie-compliance-container {background:none repeat scroll 0 0 #333;border-bottom:1px solid #FFF;top:0;position:absolute;width:100%;z-index:999; opacity: .9888;}
.cookie-compliance-message {margin:0 auto;position:relative;max-width:978px}
.cookie-compliance-message p {color:#999;font-size:12px;line-height:1.2em;margin:0;padding:14px 10px 18px;max-width:770px;float:left}
.hide-cookie-compliance {padding:6px 9px;position:relative;float:right;margin-top:2%;color: #222;font-family: sans-serif; font-size: 13.3333px;}
.cookie-compliance-message a { color: #80e000; }
.cookie-compliance-message a:hover { text-decoration: none; }

#Main_Header .logo-extended { display: inline-block; margin: 38px 0 0 0; text-align: center; }
#Main_Header .logo-extended img { width: 100%; max-width: 475px; margin-right: -10%; margin-bottom: -40px; }

.updateform p a { color: #f0760e; font-size: 16px; }
.updateform p { font-size: 20px; }
.updateform p:last-of-type {margin: 0;}
.updateform #update--msg2  { font-size: 16px; margin: 0; }

@media (max-width: 1620px) {
	.image-container { margin: 0 auto 12px; }
}

@media (max-width: 1500px) {
	.social-game{position:absolute;right:0;top:0;}
}

@media (max-width: 1490px){
	#Main_Header h2 { font-size: 24px; }
	.rewards h3 { font-size: 36px; }
}

@media (max-width: 1381px){
	.already-registered a { display: block; }
	.alpha #registerform { padding: 10px 15px 54px; }
	#registerform .age span { width: 246px; }
}

@media (max-width: 1281px){
	.rewards p.summary { width: 80%;}
	.rewards li { font-size: 16px; }
	#Main_Header .logo-extended img { margin-bottom: -20px; }
}

@media (max-width: 991px){
	.alpha #registerform { padding: 10px 20px 54px; }
	.alpha .updateform { top: 0; }
	#Main_Header h2 { font-size: 34px; }
	.video { height: 100%; }
	#alpha-trailer { margin-top: 30px;}
	.description p { font-size: 20px; }
	.rewards h3 { font-size: 55px; }
	.video .desc, .video p:last-of-type { max-width: 485px; margin-left: auto; margin-right: auto; }
	#alpha-form { margin-top: 32px; margin-bottom: 32px; }

	.information { margin-top: 10px; }
}

@media (max-width: 768px) {
	.social-game{position:absolute;right:auto;left:0;}
	footer .legal{width:100%;padding-top:88px;}
	.footer-game p, .footer-100per p{text-align:left;}
	.footer-game p{width:100% !important;}
    .quote p { font-size:  18px; }
    .quote p:last-of-type { font-size: 16px; }
	#Main_Header h1 strong {text-align: center;}
}

@media (max-width: 516px) {
	#Main_Header h2 { font-size: 24px; }
	.rewards h3 { font-size: 36px;}
}

@media (max-width: 480px){
	#registerform .age span{ width: 100%; }
	.reg-form .fields #validatorator{padding:0 !important;width:100% !important;background:none !important;}
	.reg-form .fields #validatorator span{margin-left:0 !important;}
	#registerform .age { position: relative; display: inline-block; }
	#registerform .age select { float: inherit; }
	#registerform .age label { text-align: left; }
	#registerform .age span { text-align: left; left: 0; width: 100%; }
	#registerform .age .error { position: absolute; }
	#registerform [class^="password"] { width: calc(100% - 82px); }
	#registerform [class$="name"]{width:100%;}
}

@media (max-width: 472px){
	.rating, .footer-logo { display: block; width: 100%; text-align: center; margin: 15px;}
	.rewards h3 { font-size: 26px;}
}

@media (max-width: 420px){
	.rating, .footer-logo { margin: 10px 0;}
	#Main_Header h2 { font-size: 20px; }
	.description p { font-size: 16px; }
	.quote { height: 82px; }
}

@media (max-width: 360px){
	h2, header h3 { font-size: 20px; }
	p, ul li { font-size: inherit; }
	#Main_Header h2.date { font-size: 40px; }
	.video { height: inherit; }
	.rewards h3 { margin-top: 0;}
	.rewards p.summary { width: 100%; }
	.rewards li { font-size: 16px; }
	.sponsors header p {font-size: inherit;}
	.sponsors h3 {font-size: 20px; }
	.sponsors h4 { margin-top: 12px; }
	.sponsors ul p { margin-bottom: 12px; }
	#registerform{ margin-bottom: 20px; }
}

@media (max-width: 380px) {
    .g-recaptcha iframe{transform:translate(-50%) scale(0.7);-webkit-transform:translate(-50%) scale(0.7);}
}

@media (max-width: 345px){
	.alpha #registerform .age span { top: -3px;}
}


@media (max-width: 320px){
.description p { font-size: 14px; }
.description p:last-of-type { font-size: 18px; }
}

@media screen and (max-width: 480px), screen and (max-width: 736px) and (orientation: landscape),screen and (max-width: 736px) and (orientation:portrait) {
#registerform { padding-top: inherit; }
.alpha #registerform .close-btn a {margin-right: 0;}
#form-wrap {position:relative;width:100%;left:initial;top:initial;}
#form-wrap h4{margin-top:22px;}
#registerform, .updateform, .reg-form, .reg-header{width:100%;left:initial;transform:translateX(0%);-webkit-transform:translateX(0%);margin-right:0;padding:10% 4%;
}