/*! 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: #ebebeb;
	background-color: #000;
}

.alpha {
	background: #000 url(//webcdn.triongames.com/rift/assets/images/bg-rift.jpg) center top no-repeat;
	padding-top: 20px;
	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/rift/assets/images/play-btn-rift.png) center center no-repeat;
	width:134px;
	height:128px;
	margin-top: 0;
	opacity: .75;
}
.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%; }

/*.video-slot {
    background: transparent url(//webcdn.triongames.com/rift/assets/images/rift-text-bg.png) no-repeat center bottom / contain;
}
*/
#thumb-video-src { vertical-align: bottom; max-width: 360px; width: 100%; background: #252525;}

.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;
	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; }
*/

#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: center; margin-top: 20px; }
.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: 15px; margin-top: 32px; margin-left: auto; margin-right: auto; max-width: 560px; } 
.video > p:last-of-type {margin-left: auto; margin-right: auto; max-width: 560px; }
.video p strong { font-size: 21px; }

/** Form **/
.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.already-registered { text-align: center; font-size: 18px; line-height: 1.2;  margin-top: 10px; }
.alpha #registerform .age { text-align: left; }
.alpha #registerform .age label { margin-left: 1px; }
.alpha #registerform .age span { display: none;}

.alpha #registerform select option {background-color: #fff; color: #000;}
/*
.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 input#submit.cta-btn { position: static; max-width: 235px; }*/
.alpha #registerform input#submit.cta-btn:hover{box-shadow:none; text-decoration: none;}

.alpha .updateform { background-color: transparent; position: relative; top: 0; margin-right: 0; margin-bottom: 20px; padding: 10px 40px; text-align: left !important; }
.alpha #registerform #email_error.error { top: -10px; 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; max-width:100%;}
.alpha #registerform .close-btn {display: none;}
.alpha #registerform .checkbox .error { top: -3px; }

.alpha #validatorator { clear: both;}
.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: #ebebeb;} 
.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/rift/assets/images/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/rift/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}
.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 { text-align: center !important; font-size: 20px; }
.updateform p:last-of-type {margin: 0;}
.updateform #update--msg2  { font-size: 16px; margin: 0; }

.dob-form input#month, .dob-form input#day, .dob-form input#year {
    margin: 1%;
    padding: .35em .2em;
    width: 4em;
    text-align: center;
    border: 0;
    background: #00e8e8;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,rgba(0,232,232,1) 0%,rgba(0,127,127,1) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,232,232,1)),color-stop(100%,rgba(0,127,127,1)));
    background: -webkit-linear-gradient(top,rgba(0,232,232,1) 0%,rgba(0,127,127,1) 100%);
    background: -o-linear-gradient(top,rgba(0,232,232,1) 0%,rgba(0,127,127,1) 100%);
    background: -ms-linear-gradient(top,rgba(0,232,232,1) 0%,rgba(0,127,127,1) 100%);
    background: linear-gradient(to bottom,rgba(0,232,232,1) 0%,rgba(0,127,127,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00e8e8',endColorstr='#007f7f',GradientType=0);
    color: #FFF;
    font-family: 'libre baskerville',Georgia,Times,serif;
    font-size: 3em;
}
.dob-submit {
    max-width: 291px;
    margin: 0 auto;
}
.dob-error h2, .dob-header h2, .age-selector, .dob-submit {
    text-align: center;
}
.dob-submit input {
    background: url(//webcdn.triongames.com/rift/img/continue-sprites.png) no-repeat;
    background-position: 0 0;
    background-size: 100% 900%;
    height: 0;
    max-width: 291px;
    padding-bottom: 31.27148%;
    width: 100%;
    border: none;
    text-indent: -9999px;
    outline: 0;
}
.dob-error, .dob-header {
    padding-top: 10%;
}
.dob-error h2, .dob-header h2 {
    font-size: 2em;
    line-height: 24px;
    margin: 20px 0 6px;
    color: #6f26ff;
    font-weight: 400;
}

@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){
	#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 {
        background: #271135 url(//webcdn.triongames.com/rift/assets/images/mobile-bg-rift.jpg) center top no-repeat;
    }
    .video-slot {
        background: transparent url(//webcdn.triongames.com/rift/assets/images/rift-text-bg.png) no-repeat center bottom / contain;
    }
	.alpha #registerform { padding: 0 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: 760px) {
	.social-game{position:absolute;right:auto;left:0;}
	.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; }
}

@media (max-width: 516px) {
	#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){
	.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: 345px){
	.alpha #registerform .age span { height: 42px; top: -10px;}
}

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