/*! Generic */
body { 
	font-family:'Raleway', sans-serif;
	color: #FFF;
	background: url(//webcdn.triongames.com/trove/img/bg/trove-bg.jpg) center -74px no-repeat #18508d;
}
.social-game{float:right;}
.console-logos {padding-top: 1em;}
.console-logos img {padding:0.5em 2em;}
.alpha {
/*
	background: url(//webcdn.triongames.com/ar/assets/images/alpha/sign_bg_2.jpg) top center no-repeat #262b4b;
*/
	width: 100%; min-height: 1100px; 
	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/trove/img/form/video_button.png) center center no-repeat;
    width: 80px;
    height: 80px;
    margin-top: 0;
    opacity: .9;
}
.alpha .player:hover::after {opacity: 1;}
.alpha .player:hover{cursor:pointer;}
#alpha-trailer {max-width: 360px; margin: 30px auto 0; }
#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: #f6ea5a; }
#Main_Header img { width: 100%; max-width: 400px; }
#Main_Header h2.date { color: #EBEBEB; font-size: 48px; font-weight:700; margin: 0; letter-spacing: 1px; font-family: sans-serif; }

.video { height: 660px; }
.information {margin-top:0;margin-bottom:2em;}

.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: 20px 0 10px 0; text-shadow: 0 2px 2px #000; /* height:110px; */ }
.quote p { font-size: 27px; margin-bottom: 4px; }
.quote p:last-of-type { font-size: 21px; }

.video .desc { font-size: 15px; line-height: 1.5em; margin-top: 30px; margin-left: auto; margin-right: auto; max-width: 560px; text-shadow: 0px 2px 3px rgba(0, 0, 0,.39);} 
.video > p:last-of-type {margin-left: auto; margin-right: auto; max-width: 560px;  text-shadow: 0px 2px 3px rgba(0, 0, 0,.39);}
.video p strong { font-size: 21px; }

.ps4 {float:left;max-width: 200px;}
.xb1 {float:right;max-width: 220px;}

/** Form **/
#alpha-form { margin: 0 auto 0; width: 500px; position:relative;
	/* background: url(//webcdn.triongames.com/ar/assets/images/alpha/reg-frame.png) top center no-repeat; background-size: cover; */
}
#alpha-form:before {
    position: absolute;
    content: " ";
    top: -17px;
    left: 0;
    width: 100%;
    height: 17px;
    background: url('//webcdn.triongames.com/trove/img/form/top.png') no-repeat;
}
#alpha-form:after {
    position: absolute;
    content: " ";
    top: -17px;
    right: 0;
    width: 24px;
    height: 100%;
    background: url('//webcdn.triongames.com/trove/img/form/topright.png') no-repeat;
}
.alpha #registerform { margin-right: 0; padding-top:18px; box-shadow: none; border:none; padding-bottom: 42px; width: 476px; min-height:494px; }
.alpha .updateform:before, .alpha #registerform:before {
    position: absolute;
    content: " ";
    bottom: 0;
    right: -24px;
    width: 24px;
    height: 100%;
    background: url('//webcdn.triongames.com/trove/img/form/right.png') no-repeat right bottom;
}
.alpha .updateform:before{right:0;}
.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 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: #f6ea5a; }
.alpha #registerform .age { text-align: left; }
.alpha #registerform .age label { margin-left: 1px; }
.alpha #registerform .age span { display: none; width: 70%; }
.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 #ffff64; background-color: rgba(15, 44, 66, 0.6); }
.alpha #registerform p.button:before {  font-size: 25px; }
.alpha #registerform #submit[disabled], .alpha #registerform #submit[disabled]:hover { opacity: 1; background-position:0 0;}
#cta2:hover,#cta2:active,.alpha #registerform #submit:hover,.alpha #registerform #submit:active {background-position:0 -122px;}
#cta2:focus,.alpha #registerform #submit:focus{box-shadow:none;outline:none;}
/*.alpha #registerform #submit { background: #d6c500; }*/
/*.alpha #registerform #submit:hover {background: #FFEA00;}*/
.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{
    margin-right: 0;
    box-shadow: none;
    border: none;
    padding-bottom: 54px;
    width: 476px;
    min-height: 494px;
}
/*.alpha .updateform { background-color: transparent; position: relative; top: 0; margin-right: 0; margin-bottom: 20px; padding: 10px 40px; text-align: left !important; }*/
.alpha #registerform .error { background-color: #366221; z-index: 100; top: 3px;}
.alpha #registerform #email_error.error { top: -10px; height: 40px; }
.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, .alpha #registerform #tos_error { }
.alpha #registerform .close-btn {display: none;}
.alpha #registerform .checkbox .error { top: -3px; }

.alpha #registerform .password span { display:block;padding: 0; width: 46px; margin: 38px 0 0 4px; text-align: center; cursor: pointer; }
.alpha #registerform .password span:hover { opacity: .8; }

#registerform .password span.passwordshow, #registerform .password span.passwordhide {    
	position: absolute;
	right: 0px;
	left: 100%;
	top: 0px;
	font-size: 12px;
	padding: 0;
	width: 20px;
	height: 18px;
	margin: 38px 0 0 8px;
	text-align: center;
	border-radius: 4px;
	cursor: pointer;
}

.alpha #validatorator { clear: both;}
.alpha #validatorator span { background-color: #366221; 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 #ffff64 !important; }
.uerror:required { box-shadow: 0 0 1px 1px #f6ea5a; }

.alpha #registerform .checkbox input { display: none; }
.alpha #registerform .checkbox label:before  {
	content: ""; font-size: 10px;
	border: 1px solid #ffff64; 
	width: 12px; height: 12px; display: inline-block; margin-right: 15px;
	background-color: rgba(15, 44, 66, 0.6); text-align: center; line-height: 12px;
	vertical-align: middle; box-shadow: 0 0 2px rgba(148,133,185,0.28);
}
.alpha #registerform .checkbox input:checked + label:before {
    content: "\2713"; font-size: 10px; 
    border: 1px solid #ffff64;
	width: 12px; height: 12px; display: inline-block; margin-right: 15px;
	background-color: rgba(15, 44, 66, 0.6); text-align: center; line-height: 10px;
	vertical-align: middle; box-shadow: 0 0 2px rgba(148,133,185,0.28);
}

/** 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;}
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:-103px;position:absolute;width:100%;z-index:999; opacity: .9888;}
.video .cookie-compliance-message p:last-of-type,.cookie-compliance-message p {max-width:100% !important;margin:0;}
.hide-cookie-compliance {padding:6px 9px;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: #f6ea5a; font-size: 16px; }
.updateform p { text-align: left !important; font-size: 20px; }
.updateform p:last-of-type {margin: 0;}
.updateform #update--msg2  { font-size: 16px; margin: 0; padding-bottom:32px;}

#form-wrap{width: 485px;left: 770px;position: relative;top: 90px; margin-bottom: 148px; }
#form-wrap h4{text-transform:uppercase;font-size:24px;font-weight:700;margin:0 0 15px;line-height:1.2em}
#form-wrap h5{font-size:21px;line-height:28px;font-size:21px;font-weight:300;margin:0 0 20px;}
#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;}
/*#submit{width:100%;top:-10px;height: 60px;position:absolute;z-index:1;opacity:0;top:-10px;}*/
fieldset p.button:before{position:absolute;pointer-events:none;text-align:center;z-index:2;top:19px;display: block;font-size: 20px;font-weight: 700;color:#274546;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:rgba(77, 141, 46, 0.9);}
#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: calc(70% - 10px);text-align: right;    right: 0;}
/*#registerform #dob_error { top: -8px; }*/
#registerform .captcha_field{clear:both;padding-top:10px;}
#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; }

/*
#registerform input#password{border:0 none;width:92%;}
#registerform input#password.uerror{border:2px solid #a00;width:90.5%;}
*/
.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';}
[lang^='fr'] #registerform fieldset p.button:before{content:'S\'inscrire';}
[lang^='de'] #registerform fieldset p.button:before{content:'Registrieren';}
#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'] 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;}
.container-landing a#video{display:block;color:#FFF;text-align:center;text-decoration:underline;text-transform:uppercase;font-weight:bold;margin: 25px 0 15px;font-size:17px;}
.container-landing a#video:hover{cursor:pointer;}

#validatorator{color:#444;margin:0 0 8px; 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:#e8e8e8;}
#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:0 auto;}
.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;}
#update--msg1{font-size:45px;color:#e8e8e8;text-align:center;margin:0;padding:24px 0;}
#update--msg2{margin:0.8em auto 25px;width:100%;line-height:28px;font-size:21px;color:#fff;}
#update--msg3{margin:35px 0 0;color:#e8e8e8;padding-top:30px;font-size:22px;text-align:center;}
#update--msg4{text-align:left;margin:20px 0 25px;font-size:16px !important;line-height:23px !important;color:#e8e8e8;}
#cta2{background:#d6c500;margin:0font-family: sans-serif;padding: 15px 10px;font-size: 25px;font-weight: 700;width: 240px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);text-transform:uppercase;color:#274546;text-decoration:none;position:absolute;text-align:center;}
/*#cta2:hover{background:#FFEA00;}*/
.suc-subsection{position:relative;}
#landing .continue{text-align:center;position:relative;font-size:14px;margin:-22px 0px 25px;}
.signin-ready #landing .continue{margin:5px 0;}
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:none;}
.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{display:none;}
.signin-ready .updateform{display:block;padding:0px 40px;margin:0;height:540px;}
.signin-ready #footer{height:750px;}
.signin-ready #footer-bg{top:0 !important;}
.signin-ready #footer .parent-wrapper{top:80px !important;display:block !important;}
a.silo-cta{text-decoration:none;}

#cta2,.alpha #registerform #submit{background: transparent url(//webcdn.triongames.com/trove/img/form/cta-btn_sprite.png) no-repeat 0 -61px;width: 246px;height: 61px;}
.no-scrolls{overflow:hidden;}

#mobile-menu-overlay{display:none;position:fixed;width:100%;height:100%;z-index:2;top:0;left:0;}
.collapsed #mobile-menu-overlay{display:block;}


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

@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: 0 15px 54px; }
	#registerform .age span { width: calc(70% - 4px); }
}

@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: 1024px){
	.xb1, .ps4 {height:36px;}
}

@media (max-width: 991px){
	body {background-image: url(//webcdn.triongames.com/trove/img/bg/trove-mobile-bg.jpg);}
	.alpha #registerform { padding: 0 40px 54px; }
	.alpha .updateform { top: 0; }
	#Main_Header h2 { font-size: 34px; }
	.video { height: 100%; }
	#alpha-trailer { margin-top: 20px;}
	.description p { font-size: 20px; }
	.rewards h3 { font-size: 55px; }
	.video .desc, .ps4-xb1 { max-width: 485px; margin-left: auto; margin-right: auto; }
	#alpha-form { margin-top: 32px; margin-bottom: 32px; }
}

@media (max-width: 760px) {
	.social-game {float: left;}
	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; }
    #alpha-form:before,#alpha-form:after,.alpha .updateform:before, .alpha #registerform:before{display:none;}
	#alpha-form,.alpha #registerform,.alpha .updateform{width:100%;max-width:500px;}
	.alpha #registerform .age{position:relative;display:inline-block;}
	.alpha #registerform .age label,#registerform .age select {text-align:left;float:inherit !important;}
	.signin-ready .updateform{height:625px;}
	.register-btn{float:none !important;margin:0 auto !important;}
	.register-btn.mac{margin-top:10px !important;}
	.updateform #update--msg2{padding-bottom:10px;}
	.updateform #update--msg3{padding-top:10px;margin-top:0;}
}

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

@media (max-width: 480px){
	#registerform .age span{ 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){
	.social-game{position: absolute;right: auto;top: 0;text-align: center;margin: 0 auto;width: 100%;}
    .console-logos {text-align: center;}
	.rating, .footer-logo { margin: 10px 0;}
	#Main_Header h2 { font-size: 20px; }
	.description p { font-size: 16px; }
	.quote { display: none; }
	.ps4, .xb1 {float:none;margin: 1em auto;}
	.ps4-xb1 {text-align: center;}
}

@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: 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;}
}