html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}

body {
line-height:1;
color:#536f7f;
font-size:10px;
background:url(../images/background/background-gradient.jpg) center top repeat-x;
}

ol,ul {
list-style:none;
}

blockquote,q {
quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
content:none;
}

table {
border-collapse:collapse;
border-spacing:0;
}

.clearfix:after {
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}

* html .clearfix {
height:1%;
}

html,body {
height:100%;
}

.wrapper {
min-height:100%;
width:100%;
background:url(../images/background/nero1.jpg) center top no-repeat;
text-align:center;
background-color:#100a04;
}

html {
font-size:10px;
font-family:"Open Sans";
font-weight:400;
font-smoothing:antialiased;
-webkit-font-smoothing:antialiased;
background:url(../images/background/background-texture.jpg) #0e202a;
}

a {
color:#536f7f;
text-decoration:none;
}

html.swipebox-html.swipebox-touch {
overflow:hidden!important;
}

#swipebox-overlay img {
border:none!important;
}

#swipebox-overlay {
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999!important;
overflow:hidden;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
background:rgba(13,13,13,0.85);
}

#swipebox-slider {
height:100%;
left:0;
top:0;
width:100%;
white-space:nowrap;
position:absolute;
display:none;
}

#swipebox-slider .slide {
background:url(../images/swipebox/loader.html) no-repeat center center;
height:100%;
width:100%;
line-height:1px;
text-align:center;
display:inline-block;
}

#swipebox-slider .slide:before {
content:"";
display:inline-block;
height:50%;
width:1px;
margin-right:-1px;
}

#swipebox-slider .slide img,#swipebox-slider .slide .swipebox-video-container {
display:inline-block;
max-height:100%;
max-width:100%;
width:auto;
height:auto;
vertical-align:middle;
margin:0;
padding:0;
}

#swipebox-slider .slide .swipebox-video-container {
background:none;
max-width:1140px;
max-height:100%;
width:100%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
padding:5%;
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video {
width:100%;
height:0;
padding-bottom:56.25%;
overflow:hidden;
position:relative;
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
width:100%!important;
height:100%!important;
position:absolute;
top:0;
left:0;
}

#swipebox-action,#swipebox-caption {
position:absolute;
left:0;
z-index:999;
height:50px;
width:100%;
text-shadow:1px 1px 1px #000;
background-color:rgba(13,13,13,0.5);
opacity:0.95;
}

#swipebox-action {
bottom:-50px;
border-top:1px solid rgba(0,0,0,0.2);
}

#swipebox-action.visible-bars {
-webkit-transform:translateY(-50px);
-moz-transform:translateY(-50px);
-ms-transform:translateY(-50px);
-o-transform:translateY(-50px);
transform:translateY(-50px);
}

#swipebox-action #swipebox-prev,#swipebox-action #swipebox-next,#swipebox-caption #swipebox-close {
background-image:url(../images/swipebox/icons.html);
background-repeat:no-repeat;
border:none!important;
text-decoration:none!important;
cursor:pointer;
position:absolute;
width:50px;
height:50px;
top:0;
}

#swipebox-action #swipebox-prev {
background-position:-32px 13px;
right:100px;
}

#swipebox-action #swipebox-next {
background-position:-78px 13px;
right:40px;
}

#swipebox-caption #swipebox-close {
background-position:15px 12px;
right:40px;
}

#swipebox-action #swipebox-prev.disabled,#swipebox-action #swipebox-next.disabled {
opacity:0.3;
}

#swipebox-caption {
top:-50px;
text-align:center;
border-bottom:1px solid rgba(0,0,0,0.2);
color:#FFF!important;
font-size:15px;
line-height:43px;
font-family:Helvetica, Arial, sans-serif;
text-shadow:0 1px 3px rgba(0,0,0,0.3);
}

#swipebox-caption.visible-bars {
-webkit-transform:translateY(50px);
-moz-transform:translateY(50px);
-ms-transform:translateY(50px);
-o-transform:translateY(50px);
transform:translateY(50px);
}

#swipebox-slider.rightSpring {
-moz-animation:rightSpring .3s;
-webkit-animation:rightSpring .3s;
}

#swipebox-slider.leftSpring {
-moz-animation:leftSpring .3s;
-webkit-animation:leftSpring .3s;
}

50% {
margin-left:30px;
}

100% {
margin-left:0;
}

.touch #swipebox-action {
height:100px!important;
}

div.selector,div.checker,div.uniform-button,div.radio,div.uploader {
display:inline-block;
vertical-align:middle;
}

div.selector:focus,div.checker:focus,div.uniform-button:focus,div.radio:focus,div.uploader:focus {
outline:0;
}

div.selector {
cursor:pointer;
display:inline-block;
overflow:hidden;
padding-right:5px!important;
padding-left:15px!important;
position:relative;
vertical-align:middle;
transition:color .25s box-shadow .5s;
}

div.selector span {
background:url(../images/form-dropdown-arrow.html) right center no-repeat transparent;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
height:20px;
line-height:20px;
padding-right:0;
cursor:pointer;
width:100%;
display:block;
}

div.selector select {
cursor:pointer;
opacity:0;
border:none;
background:none;
position:absolute;
height:46px;
top:0;
left:0;
width:100%;
}

div.selector.hover,div.selector.focus {
box-shadow:0 1px 0 rgba(255,255,255,0.1),inset 0 2px 4px rgba(0,0,0,0.4),0 0 10px rgba(57,91,109,0.5)!important;
}

div.selector.focus {
box-shadow:0 1px 0 rgba(255,255,255,0.1),inset 0 2px 4px rgba(0,0,0,0.4),0 0 15px #395b6d!important;
}

div.checker span {
display:inline-block;
background:rgba(13,15,28,0.7);
border-radius:4px;
box-shadow:0 0 1px rgba(255,255,255,0.2),inset 0 2px 4px rgba(0,0,0,0.5);
transition:box-shadow .5s;
}

div.checker span:after {
content:' ';
height:24px;
left:1px;
opacity:0;
position:absolute;
top:-3px;
transition:opacity .5s;
width:24px;
}

div.checker span.checked:after {
background:url(../images/forms/checkmark.html) center center no-repeat;
opacity:1;
}

div.checker input {
opacity:0;
border:none;
background:none;
display:inline-block;
}

div.checker.active span {
background:rgba(13,15,28,0.8);
}

div.checker.hover span,div.checker.focus span {
background:rgba(13,15,28,0.9);
box-shadow:0 1px 0 rgba(255,255,255,0.2),inset 0 2px 4px rgba(0,0,0,0.5);
}

div.checker.hover.active span,div.checker.focus.active span {
background:#0d0f1c;
}

div.checker.focus span {
box-shadow:0 1px 0 rgba(255,255,255,0.2),inset 0 2px 4px rgba(0,0,0,0.5),0 0 15px rgba(255,255,255,0.1);
}

div.radio span {
display:inline-block;
background:rgba(3,18,25,0.5);
border-radius:11px;
box-shadow:0 1px 0 rgba(255,255,255,0.1),inset 0 2px 4px rgba(0,0,0,0.4);
transition:box-shadow .5s;
}

div.radio span:after {
border-radius:5px;
content:' ';
height:9px;
left:6px;
opacity:0;
position:absolute;
top:6px;
transition:opacity .5s;
width:9px;
}

div.radio span.checked:after {
height:9px;
opacity:1;
width:9px;
}

div.radio input {
opacity:0;
border:none;
background:none;
display:inline-block;
text-align:center;
margin:0;
}

div.radio.active span {
background:rgba(3,18,25,0.8);
}

div.radio.hover span,div.radio.focus span {
background:rgba(3,18,25,0.8);
box-shadow:0 1px 0 rgba(255,255,255,0.1),inset 0 2px 4px rgba(0,0,0,0.4),0 0 10px rgba(57,91,109,0.5);
}

div.radio.hover.active span,div.radio.focus.active span {
background:#031219;
}

div.radio.focus span {
box-shadow:0 1px 0 rgba(255,255,255,0.1),inset 0 2px 4px rgba(0,0,0,0.4),0 0 15px #395b6d;
}

.separator {
display:block;
overflow:visible;
padding-bottom:1px;
position:relative;
width:60%;
margin:60px auto;
}

.separator:after,.separator:before {
background-repeat:no-repeat;
content:' ';
display:block;
height:3px;
position:absolute;
width:100%;
}

.separator:after {
background-image:url(../images/general/gradient-dark.png);
background-position:center top;
background-size:100% 6px;
top:-2px;
}

.separator:before {
background-image:url(../images/general/gradient-light.png);
background-position:center -3px;
background-size:100% 6px;
opacity:0.2;
top:1px;
}

.abc .panels__links--learn-more .panels__links--cta {
display:none;
}

.button,.textbox {
font-family:"Open Sans", sans-serif;
font-size:1.4rem;
font-smoothing:antialiased;
-webkit-font-smoothing:antialiased;
font-weight:400;
}

.button {
border:0 none;
border-radius:6px;
color:#fff;
cursor:pointer;
display:inline-block;
font-weight:700;
outline:none;
text-decoration:none;
text-shadow:0 -1px 1px rgba(0,0,0,0.4);
transition:background .5s;
user-select:none;
margin:0;
padding:10px 15px;
}

.button--extra-large {
font-size:2.4rem;
font-weight:800;
padding:15px 50px;
}

.button--medium {
font-size:2rem;
padding:10px 20px;
}

.button--gold {
background-color:#9C6812;
background-image:linear-gradient(180deg,rgba(244,228,117,0.33), rgba(112,50,0,0.33));
box-shadow:inset 0 0 12px rgba(255,255,255,0.5),inset 0 1px 1px rgba(255,255,255,0.75),0 0 10px rgba(0,0,0,0.25),0 3px 6px rgba(0,0,0,0.7);
color:#F3F2C4;
}

.button--gold:hover,.button--gold:focus,.panels__links--item:hover .button--gold {
background-color:#D89525;
}

.button--gold:active {
background-color:#a38a00;
}

.button--green {
background-color:#A37133;
background-image:linear-gradient(180deg,rgba(206,231,131,0.33), rgba(35,69,12,0.33));
box-shadow:inset 0 0 12px rgba(255,255,255,0.4),inset 0 1px 1px rgba(255,255,255,0.55),0 0 10px rgba(0,0,0,0.25),0 3px 6px rgba(0,0,0,0.7);
color:#FFF3D1;
}

.button--green:hover,.button--green:focus,.panels__links--item:hover .button--green {
background-color:#D68D32;
}

.button--green:active {
background-color:#487424;
}

.button--purple {
background-color:#8c49de;
background-image:linear-gradient(180deg,rgba(213,172,255,0.33), rgba(40,0,171,0.33));
box-shadow:inset 0 0 12px rgba(255,255,255,0.3),inset 0 1px 1px rgba(255,255,255,0.35),0 0 10px rgba(0,0,0,0.25),0 3px 6px rgba(0,0,0,0.7);
color:#fff;
}

.button--purple:hover,.button--purple:focus,.panels__links--item:hover .button--purple {
background-color:#a774e6;
}

.button--purple:active {
background-color:#6d24c6;
}

.button--red {
background-color:#c1183c;
background-image:linear-gradient(180deg,rgba(238,90,0,0.33), rgba(61,13,0,0.33));
box-shadow:inset 0 0 12px rgba(255,255,255,0.3),inset 0 1px 1px rgba(255,255,255,0.35),0 0 10px rgba(0,0,0,0.25),0 3px 6px rgba(0,0,0,0.7);
color:#fff;
}

.button--red:hover,.button--red:focus {
background-color:#e42850;
}

.button--red:active {
background-color:#8b112b;
}

.button--flat {
background:rgba(116,131,139,0.6);
border-radius:30px;
box-shadow:0 2px 4px rgba(0,0,0,0.2);
color:#0c242e;
font-size:1.35rem;
font-style:italic;
font-weight:400;
letter-spacing:normal;
line-height:normal;
text-shadow:0 1px 0 rgba(255,255,255,0.15);
padding:5px 15px;
}

.button--flat:hover {
background:rgba(116,131,139,0.8);
}

.textbox {
background:rgba(13,15,28,0.7);
border:0 none;
border-radius:4px;
box-shadow:0 0 1px rgba(255,255,255,0.2),inset 0 2px 4px rgba(0,0,0,0.5);
box-sizing:border-box;
color:#bed3e9;
outline:none;
text-shadow:0 1px 3px rgba(0,0,0,0.2);
width:100%;
padding:10px 15px;
}

.textbox::placeholder {
color:#91a7c0;
}

label.error {
color:#dae1e9;
display:block;
font-size:1.3rem;
margin-top:3px;
text-align:center;
}

.logo {
background-size:contain;
display:block;
font-size:0;
max-width:350px;
text-indent:-9999em;
width:50%;
margin:0 auto;
}

.logo:after { 
background-size:contain;
content:' ';
display:block;
padding-bottom:30.80652%;
}

.tagline {
color:#ADA28A;
font-size:1.5rem;
font-weight:700;
text-shadow:0 2px 4px rgba(0,0,0,0.35);
line-height:27px;
height:130px;
}

.tagline strong {
color:#ADA28A;
font-size:2.5rem;
font-weight:800;
}

.trailer-button {
color:rgba(255,255,255,0.75);
font-size:1.3rem;
font-weight:600;
position:relative;
z-index:10;
padding:10px 30px 10px 60px;
}

.trailer-button:before {
background:url(../images/ui/video-play-icon-transparent.png);
content:' ';
display:block;
height:28px;
left:20px;
margin-top:-14px;
position:absolute;
top:50%;
width:27px;
}

.trailer-button strong {
color:#fff;
font-size:2rem;
font-weight:800;
}

.trailer-button__wrapper {
margin:0 0 30px;
}

.panels {
display:block;
overflow:hidden;
position:relative;
width:100%;
padding:37px 0 77px;
}

.panels__wrapper {
display:inline-block;
left:3%;
position:relative;
max-width:585px;
width:53%;
}

.panels__wrapper:after {
content:' ';
display:inline-block;
height:0;
padding-bottom:83.4188%;
}

.panels__graphics--item,.panels__links--item {
display:inline-block;
position:relative;
width:100%;
}

.panels__graphics--item:after,.panels__links--item:after {
background-repeat:no-repeat;
background-size:contain;
content:' ';
display:block;
position:relative;
z-index:5;
}

.panels__graphics--item {
z-index:1;
}

.panels__graphics--item:before {
content:' ';
position:absolute;
transition:box-shadow 1s;
z-index:4;
}

.is-loaded .panels__graphics--item:before {
box-shadow:0 0 30px #000,0 0 60px #000;
}

.is-loaded .panels__graphics--item.is-hovered:before {
box-shadow:0 0 30px rgba(135,245,255,0.25),0 0 60px rgba(135,245,255,0.25),0 0 60px rgba(255,255,255,0.25);
}

.panels__graphics--create-account,.panels__graphics--player-portal {
left:21%;
opacity:0;
position:absolute;
}

.panels__graphics--learn-more {
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:2;
}

.panels__graphics--learn-more:before {
height:97%;
left:2.5%;
top:1%;
width:84.5%;
}

.panels__graphics--learn-more:after {
background-image:url(../images/panels/middle.png);
height:100%;
width:100%;
}

.panels__graphics--create-account {
max-width:312px;
position:absolute;
top:8.60656%;
transition:left 1s;
width:53.33333%;
}

.panels__graphics--create-account:before {
height:92%;
left:3%;
top:4.5%;
width:100%;
}

.panels__graphics--create-account:after {
background-image:url(../images/panels/left.png);
padding-bottom:127.24359%;
}

.is-loaded .panels__graphics--create-account {
left:-51.11111%;
opacity:1;
}

.panels__graphics--player-portal {
max-width:353px;
position:absolute;
top:6.35246%;
transition:left 1s;
width:60.34188%;
}

.panels__graphics--player-portal:before {
height:82%;
right:14%;
top:6%;
width:90%;
}

.panels__graphics--player-portal:after {
background-image:url(../images/panels/right.png);
padding-bottom:126.34561%;
}

.is-loaded .panels__graphics--player-portal {
left:87.17949%;
opacity:1;
}

.panels__links--item {
opacity:0;
position:absolute;
transition:opacity 1s;
z-index:3;
}

.panels__links--item a {
box-sizing:border-box;
display:block;
height:100%;
text-align:center;
width:100%;
}

.panels__links--item a:hover .panels__links--text {
text-shadow:0 1px 3px rgba(0,0,0,0.65),0 0 15px rgba(255,255,255,0.5),0 0 45px rgba(255,255,255,0.75);
}

.panels__links--create-account,.panels__links--player-portal {
top:12.29508%;
transition-delay:1s;
}

.panels__links--create-account {
height:75.81967%;
left:-49.57265%;
width:51.79487%;
}

.panels__links--create-account a,.panels__links--create-account .panels__links--button {
padding-left:10.4918%;
}

.panels__links--create-account .panels__links--text {
color:#BBA77B;
}

.panels__links--learn-more .panels__links--cta {
display:block;
font-size:0;
left:39.93506%;
max-width:91px;
position:absolute;
text-indent:-9999em;
top:43.06494%;
width:30.033%;
}

.panels__links--learn-more .panels__links--cta:before {
background:url(../images/panels/cta-open-beta.png) center center no-repeat;
background-size:contain;
content:' ';
display:inline-block;
height:0;
padding-bottom:163.73626%;
width:100%;
}

.is-loaded .panels__links--learn-more .panels__links--cta {
animation-delay:1s;
animation-duration:2s;
animation-iteration-count:infinite;
animation-name:bounce-cta;
}

.panels__links--learn-more {
height:99.38525%;
left:2.22222%;
top:.20492%;
width:85.47009%;
}

.panels__links--learn-more .panels__links--text {
color:#BBA77B;
font-size:1.6rem;
top:7.58197%;
}

.panels__links--learn-more .panels__links--text strong {
font-size:3.6rem;
font-weight:800;
}

.panels__links--player-portal {
height:76.02459%;
right:-39.65812%;
width:52.13675%;
}

.panels__links--player-portal a,.panels__links--player-portal .panels__links--button {
padding-right:10.4918%;
}

.panels__links--player-portal .panels__links--text {
color:#BBA77B;
}

.panels__links--text {
font-size:1.4rem;
line-height:2rem;
position:relative;
text-shadow:0 1px 3px rgba(0,0,0,0.65),0 0 15px rgba(0,0,0,0.75);
transition:text-shadow 1s;
top:4.09836%;
}

.panels__links--text strong {
color:#ADA28A;
font-size:2.6rem;
font-weight:700;
}

.panels__links--button {
bottom:15.36885%;
box-sizing:border-box;
display:block;
left:0;
position:absolute;
width:100%;
}

.rock {
display:block;
position:absolute;
z-index:1;
}

.rock:before {
content:' ';
display:block;
height:0;
}

.rock--flat {
bottom:-11.21076%;
right:-39.94334%;
width:127.76204%;
z-index:2;
}

.rock--flat:before {
background:url(../images/panels/rock-right.png) no-repeat;
background-size:contain;
padding-bottom:26.16408%;
}

.rock--tall {
bottom:-16.18852%;
left:-43.24786%;
width:70.59829%;
z-index:6;
}

.rock--tall:before {
background:url(../images/panels/rock-left.png) no-repeat;
background-size:contain;
padding-bottom:47.2155%;
}

.button--support {
margin-top:30px;
}

.button--support:before {
background:url(../images/footer/icon-support.png) center center no-repeat;
background-size:contain;
content:' ';
display:inline-block;
height:18px;
margin-right:7px;
opacity:0.7;
transition:opacity .25s;
vertical-align:middle;
width:18px;
}

.social-media {
font-size:0;
padding:10px;
}

.social-media__item {
display:inline-block;
margin-right:20px;
}

.social-media__item a {
background-color:rgba(209,228,242,0.05);
background-image:url(../images/footer/social-media-v2.png);
background-repeat:no-repeat;
background-size:294px 98px;
border:2px solid transparent;
border-radius:50%;
box-shadow:inset 0 0 10px rgba(255,255,255,0.05),inset 0 1px 1px rgba(255,255,255,0.1),0 2px 4px rgba(0,0,0,0.45);
display:block;
height:49px;
text-indent:-9999em;
transition:background .25s border .25s box-shadow .25s;
width:49px;
}

.social-media__item a:hover {
box-shadow:0 2px 4px rgba(0,0,0,0.45);
}

.social-media__item--spacer {
margin:0;
}

.social-media__item--facebook a {
border:2px solid #3b599b;
background-position:0 -49px;
}

.social-media__item--facebook:hover a {
background-color:#3b599b;
background-position:0 0;
}

.social-media__item--twitter a {
border:2px solid #29aef0;
background-position:-49px -49px;
}

.social-media__item--twitter:hover a {
background-color:#29aef0;
background-position:-49px 0;
}

.social-media__item--google-plus a {
border:2px solid #cc181e;
background-position:-98px -49px;
}

.social-media__item--google-plus:hover a {
background-color:#cc181e;
background-position:-98px 0;
}

.social-media__item--twitch a {
border:2px solid #6441a5;
background-position:-147px -49px;
}

.social-media__item--twitch:hover a {
background-color:#6441a5;
background-position:-147px 0;
}

.social-media__item--youtube a {
border:2px solid #cc181e;
background-position:-196px -49px;
}

.social-media__item--youtube:hover a {
background-color:#cc181e;
background-position:-196px 0;
}

.social-media__item--steam a {
border:2px solid #2a83c3;
background-position:-245px -49px;
}

.social-media__item--steam:hover a {
background-color:#2a83c3;
background-position:-245px 0;
}

.footer {
color:#536f7f;
font-size:1.4rem;
font-style:italic;
}

.footer p {
margin-bottom:10px;
}

.partner-icons {
font-size:0;
margin:60px 0;
}

.partner-icons__item {
display:inline-block;
margin-right:30px;
vertical-align:middle;
}

.partner-icons__item a {
background-position:center center;
background-repeat:no-repeat;
background-size:contain;
display:block;
text-indent:-9999em;
}

.partner-icons__item--s2-games a {
background-image:url(../images/footer/logo-s2-games.png);
height:48px;
width:43px;
}

.partner-icons__item--yy-inc a {
background-image:url(../images/footer/logo-yy-inc.png);
height:29px;
width:93px;
}

.partner-icons__item--mail-ru-games a {
background-image:url(../images/footer/logo-mail-ru-games.png);
height:27px;
width:129px;
}

.partner-icons__item--asiasoft a {
background-image:url(../images/footer/logo-asiasoft.png);
height:39px;
width:80px;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,html[xmlns] .clearfix {
display:block;
}

div.selector.fixedWidth,div.selector.fixedWidth span {
width:190px;
}

div.checker,div.radio {
margin-right:8px;
position:relative;
}

div.checker,div.checker span,div.checker input,div.radio,div.radio span,div.radio input {
cursor:pointer;
width:21px;
height:21px;
}

div.checker.disabled,div.checker.disabled.active,div.radio.disabled span,div.radio.disabled.active span {
opacity:0.5;
}

.is-loaded .panels__links--item,.button--support:hover:before {
opacity:1;
}

.social-media__item:last-child,.partner-icons__item:last-child {
margin-right:0;
}

@media screen and max-width 800px{
#swipebox-caption #swipebox-close {
left:0;
}

#swipebox-action #swipebox-prev {
right:60px;
}

#swipebox-action #swipebox-next {
right:0;
}
}

@media only screen and max-width 1000px{
html {
font-size:9px;
}
}

@media only screen and max-width 900px{
html {
font-size:8px;
}

.button--extra-large {
padding:10px 30px;
}

.button--medium {
padding:7px 15px;
}

.button--medium.trailer-button {
padding-left:60px;
}
}

@media only screen and max-width 700px{
html {
font-size:8px;
}

.button--extra-large {
padding:10px 30px;
}

.button--medium {
font-size:1.8rem;
}
}

@media only screen and max-width 650px{
.panels__links--learn-more .panels__links--text,.panels__links--create-account .panels__links--text,.panels__links--player-portal .panels__links--text {
font-size:1.2rem;
line-height:1.2rem;
top:4.5%;
}

.panels__links--learn-more .panels__links--text strong,.panels__links--create-account .panels__links--text strong,.panels__links--player-portal .panels__links--text strong {
font-size:2.2rem;
}

.panels__links--learn-more .panels__links--text {
font-size:1.4rem;
top:8%;
}

.panels__links--learn-more .panels__links--text strong {
font-size:3.2rem;
}

.panels__links--button .button {
padding:5px 7px;
}
}

@media only screen and max-width 600px{
.panels__links--learn-more .panels__links--text,.panels__links--create-account .panels__links--text,.panels__links--player-portal .panels__links--text {
top:7.5%;
}

.panels__links--learn-more .panels__links--text--sub-text,.panels__links--create-account .panels__links--text--sub-text,.panels__links--player-portal .panels__links--text--sub-text {
display:none;
}
}

@media only screen and max-width 550px{
.panels {
padding:60px 0 30px;
}

.panels__wrapper {
left:0;
width:100%;
}

.panels__links--item {
background:url(../images/panels/mobile-bottom.png) center center no-repeat;
bottom:auto;
display:block;
height:103px;
left:auto;
opacity:1;
position:relative;
right:auto;
top:auto;
width:100%;
}

.panels__links--item a {
display:table;
position:static;
padding:0;
}

.panels__links--item .panels__links--text {
font-size:1.6rem;
padding-left:10px;
}

.panels__links--item .panels__links--text strong {
font-size:3.2rem;
font-weight:700;
}

.panels__links--text,.panels__links--button {
box-sizing:border-box;
display:table-cell;
position:static;
vertical-align:middle;
}

.panels__links--item .panels__links--text,.panels__links--item .panels__links--button {
top:auto;
padding:0;
}

.panels__links--text {
line-height:2rem;
text-align:left;
width:60%;
}

.panels__links--text .panels__links--text--sub-text {
display:block;
}

.panels__links--button {
text-align:right;
width:40%;
}

.panels__links--button .button {
box-sizing:border-box;
display:block;
font-size:2.4rem;
font-weight:700;
text-align:center;
width:100%;
padding:10px;
}

.panels__links--item .panels__links--button {
padding-right:10px;
top:auto;
}

.panels__links--learn-more .panels__links--text,.panels__links--create-account .panels__links--text,.panels__links--player-portal .panels__links--text {
line-height:2.2rem;
}

.panels__links--learn-more.panels__links--item {
background:url(../images/panels/mobile-top.png) center center no-repeat;
height:120px;
}

.separator {
margin:30px auto;
}

.social-media__item--spacer {
margin:0;
}

.panels__wrapper:after,.panels__links--learn-more .panels__links--cta,.panels__graphics--item,.rock {
display:none;
}

.social-media__item,.partner-icons__item {
margin:10px 15px;
}
}

@media only screen and max-width 500px{
.tagline,.footer {
padding:0 10px;
}

.social-media__item--spacer {
display:block;
}
}