@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700i|Roboto:400,500,700);
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html{
    line-height:1.15;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
h1{
    font-size:2em;
    margin:.67em 0
}
hr{
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre{
    font-family:monospace,monospace;
    font-size:1em
}
a{
    background-color:transparent
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    text-decoration:underline dotted
}
b,strong{
    font-weight:bolder
}
code,kbd,samp{
    font-family:monospace,monospace;
    font-size:1em
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
img{
    border-style:none
}
button,input,optgroup,select,textarea{
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
[type=button],[type=reset],[type=submit],button{
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
    outline:1px dotted ButtonText
}
fieldset{
    padding:.35em .75em .625em
}
legend{
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress{
    vertical-align:baseline
}
textarea{
    overflow:auto
}
[type=checkbox],[type=radio]{
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
details{
    display:block
}
summary{
    display:list-item
}
[hidden],template{
    display:none
}
@font-face{
    font-family:Antonio;
    src:url('../fonts/Antonio-Regular.35307bf3.woff') format("woff");
    font-weight:400
}
@font-face{
    font-family:Antonio;
    src:url('../fonts/Antonio-Bold.4e2c22db.woff') format("woff");
    font-weight:700
}
@font-face{
    font-family:Antonio;
    src:url('../fonts/Antonio-Light.91bb46a5.woff') format("woff");
    font-weight:300
}
.column-dt.row,.column.row,.row-dt.row,.row.row{
    width:100%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:row;
    flex-direction:row
}
.column-dt.column,.column.column,.row-dt.column,.row.column{
    -ms-flex-direction:column;
    flex-direction:column;
    display:-ms-flexbox;
    display:flex
}
@media (min-width:1281px){
    .column-dt.column-dt,.column.column-dt,.row-dt.column-dt,.row.column-dt{
        display:-ms-flexbox;
        display:flex;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .column-dt.column-dt.reverse-dt,.column.column-dt.reverse-dt,.row-dt.column-dt.reverse-dt,.row.column-dt.reverse-dt{
        -ms-flex-direction:column-reverse;
        flex-direction:column-reverse
    }
}
@media (min-width:1281px){
    .column-dt.row-dt,.column.row-dt,.row-dt.row-dt,.row.row-dt{
        display:-ms-flexbox;
        display:flex;
        -ms-flex-direction:row;
        flex-direction:row;
        width:100%
    }
    .column-dt.row-dt .gutter:first-child,.column-dt.row-dt .gutter:not(:first-child):not(:last-child),.column.row-dt .gutter:first-child,.column.row-dt .gutter:not(:first-child):not(:last-child),.row-dt.row-dt .gutter:first-child,.row-dt.row-dt .gutter:not(:first-child):not(:last-child),.row.row-dt .gutter:first-child,.row.row-dt .gutter:not(:first-child):not(:last-child){
        margin-right:15px
    }
    .column-dt.row-dt .gutter:last-child,.column-dt.row-dt .gutter:not(:first-child):not(:last-child),.column.row-dt .gutter:last-child,.column.row-dt .gutter:not(:first-child):not(:last-child),.row-dt.row-dt .gutter:last-child,.row-dt.row-dt .gutter:not(:first-child):not(:last-child),.row.row-dt .gutter:last-child,.row.row-dt .gutter:not(:first-child):not(:last-child){
        margin-left:15px
    }
    .column-dt.row-dt.reverse-dt,.column.row-dt.reverse-dt,.row-dt.row-dt.reverse-dt,.row.row-dt.reverse-dt{
        -ms-flex-direction:row-reverse;
        flex-direction:row-reverse
    }
    .column-dt.row-dt.reverse-dt .gutter:first-child,.column-dt.row-dt.reverse-dt .gutter:not(:first-child):not(:last-child),.column.row-dt.reverse-dt .gutter:first-child,.column.row-dt.reverse-dt .gutter:not(:first-child):not(:last-child),.row-dt.row-dt.reverse-dt .gutter:first-child,.row-dt.row-dt.reverse-dt .gutter:not(:first-child):not(:last-child),.row.row-dt.reverse-dt .gutter:first-child,.row.row-dt.reverse-dt .gutter:not(:first-child):not(:last-child){
        margin-left:15px
    }
    .column-dt.row-dt.reverse-dt .gutter:last-child,.column-dt.row-dt.reverse-dt .gutter:not(:first-child):not(:last-child),.column.row-dt.reverse-dt .gutter:last-child,.column.row-dt.reverse-dt .gutter:not(:first-child):not(:last-child),.row-dt.row-dt.reverse-dt .gutter:last-child,.row-dt.row-dt.reverse-dt .gutter:not(:first-child):not(:last-child),.row.row-dt.reverse-dt .gutter:last-child,.row.row-dt.reverse-dt .gutter:not(:first-child):not(:last-child){
        margin-right:15px
    }
}
.column-dt.wrap,.column.wrap,.row-dt.wrap,.row.wrap{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.column-dt.x-start,.column.x-start,.row-dt.x-start,.row.x-start{
    -ms-flex-pack:start;
    justify-content:flex-start
}
.column-dt.x-center,.column.x-center,.row-dt.x-center,.row.x-center{
    -ms-flex-pack:center;
    justify-content:center
}
.column-dt.x-end,.column.x-end,.row-dt.x-end,.row.x-end{
    -ms-flex-pack:end;
    justify-content:flex-end
}
.column-dt.x-space-between,.column.x-space-between,.row-dt.x-space-between,.row.x-space-between{
    -ms-flex-pack:justify;
    justify-content:space-between
}
.column-dt.x-space-around,.column.x-space-around,.row-dt.x-space-around,.row.x-space-around{
    -ms-flex-pack:distribute;
    justify-content:space-around
}
.column-dt.x-space-evenly,.column.x-space-evenly,.row-dt.x-space-evenly,.row.x-space-evenly{
    -ms-flex-pack:space-evenly;
    justify-content:space-evenly
}
.column-dt.y-stretch,.column.y-stretch,.row-dt.y-stretch,.row.y-stretch{
    -ms-flex-align:stretch;
    align-items:stretch
}
.column-dt.y-start,.column.y-start,.row-dt.y-start,.row.y-start{
    -ms-flex-align:start;
    align-items:flex-start
}
.column-dt.y-end,.column.y-end,.row-dt.y-end,.row.y-end{
    -ms-flex-align:end;
    align-items:flex-end
}
.column-dt.y-center,.column.y-center,.row-dt.y-center,.row.y-center{
    -ms-flex-align:center;
    align-items:center
}
.column-dt.y-baseline,.column.y-baseline,.row-dt.y-baseline,.row.y-baseline{
    -ms-flex-align:baseline;
    align-items:baseline
}
@media (min-width:1281px){
    .column-dt.x-start-dt,.column.x-start-dt,.row-dt.x-start-dt,.row.x-start-dt{
        -ms-flex-pack:start;
        justify-content:flex-start
    }
    .column-dt.x-center-dt,.column.x-center-dt,.row-dt.x-center-dt,.row.x-center-dt{
        -ms-flex-pack:center;
        justify-content:center
    }
    .column-dt.x-end-dt,.column.x-end-dt,.row-dt.x-end-dt,.row.x-end-dt{
        -ms-flex-pack:end;
        justify-content:flex-end
    }
    .column-dt.x-space-between-dt,.column.x-space-between-dt,.row-dt.x-space-between-dt,.row.x-space-between-dt{
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .column-dt.x-space-around-dt,.column.x-space-around-dt,.row-dt.x-space-around-dt,.row.x-space-around-dt{
        -ms-flex-pack:distribute;
        justify-content:space-around
    }
    .column-dt.x-space-evenly-dt,.column.x-space-evenly-dt,.row-dt.x-space-evenly-dt,.row.x-space-evenly-dt{
        -ms-flex-pack:space-evenly;
        justify-content:space-evenly
    }
    .column-dt.y-stretch-dt,.column.y-stretch-dt,.row-dt.y-stretch-dt,.row.y-stretch-dt{
        -ms-flex-align:stretch;
        align-items:stretch
    }
    .column-dt.y-start-dt,.column.y-start-dt,.row-dt.y-start-dt,.row.y-start-dt{
        -ms-flex-align:start;
        align-items:flex-start
    }
    .column-dt.y-end-dt,.column.y-end-dt,.row-dt.y-end-dt,.row.y-end-dt{
        -ms-flex-align:end;
        align-items:flex-end
    }
    .column-dt.y-center-dt,.column.y-center-dt,.row-dt.y-center-dt,.row.y-center-dt{
        -ms-flex-align:center;
        align-items:center
    }
    .column-dt.y-baseline-dt,.column.y-baseline-dt,.row-dt.y-baseline-dt,.row.y-baseline-dt{
        -ms-flex-align:baseline;
        align-items:baseline
    }
}
@media (max-width:1280px){
    .dt-only{
        display:none!important
    }
}
@media (min-width:1281px){
    .mob-only{
        display:none!important
    }
}
#landing{
    height:100vh;
    background-color:#000015;
    width:100vw;
    overflow:hidden
}
@media (min-width:1281px){
    #landing{
        overflow-y:auto;
        position:absolute;
        height:auto;
        top:0;
        left:0;
        right:0;
        bottom:0
    }
}
#landing #wsoe-logo{
    width:168px;
    height:51px;
    margin-top:15px
}
@media (min-width:1281px){
    #landing #wsoe-logo{
        margin-top:50px
    }
}
#landing #top-bar{
    height:75px;
    background-color:#000015;
    padding-left:20px;
    overflow-y:visible;
    position:relative;
    z-index:1
}
#landing #top-bar a{
    width:127px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
#landing #top-bar a #logo{
    width:100%;
    stroke-width:0;
    fill:#fff;
    font-size:25px;
    font-family:Roboto Condensed;
    font-weight:700;
    font-style:italic
}
#landing #below-bar{
    overflow-y:auto;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:75px
}
@media (min-width:1281px){
    #landing #below-bar{
        max-height:9999vh;
        height:auto;
        min-height:100vh;
        overflow-y:initial;
        position:static
    }
}
#landing #below-bar #bg-img{
    height:387px
}
@media (min-width:1281px){
    #landing #below-bar #bg-img{
        width:100%;
        height:auto
    }
}
#landing #below-bar #landing-content{
    padding-left:20px;
    padding-right:20px;
    max-width:480px;
    margin-left:auto;
    margin-right:auto
}
@media (min-width:1281px){
    #landing #below-bar #landing-content{
        width:696px;
        margin:0;
        padding-left:50px;
        padding-right:50px
    }
}
#landing #below-bar #landing-content .dt-logo-link{
    width:127px;
    margin-bottom:80px;
    margin-top:50px
}
#landing #below-bar #landing-content .dt-logo-link svg{
    width:100%;
    stroke-width:0;
    fill:#fff;
    font-size:25px;
    font-family:Roboto Condensed;
    font-weight:700;
    font-style:italic
}
#landing #below-bar #landing-content h1{
    font-family:Antonio;
    color:#f0f0f0;
    font-weight:700;
    margin:0;
    margin-top:-234px;
    margin-bottom:30px;
    font-size:34px;
    text-align:center
}
@media (min-width:1281px){
    #landing #below-bar #landing-content h1{
        margin-top:50px;
        text-align:left;
        font-size:44px
    }
}
#landing #below-bar #landing-content p{
    color:#ddd;
    font-size:15px;
    font-weight:400;
    margin:0;
    font-family:Roboto Condensed;
    line-height:22px
}
@media (min-width:1281px){
    #landing #below-bar #landing-content p{
        font-size:20px;
        line-height:30px
    }
}
#landing #below-bar #landing-content form{
    margin-top:60px
}
#landing #below-bar #landing-content form input{
    width:100%
}
#landing #below-bar #landing-content form button{
    height:59px;
    width:100%;
    margin-top:25px
}
#landing #below-bar #landing-content #social-links{
    margin-top:20px
}
@media (min-width:1281px){
    #landing #below-bar #landing-content #social-links{
        margin-left:-30px;
        margin-top:50px
    }
}
#landing #below-bar #landing-content #social-links a{
    width:70px;
    height:70px
}
#landing #below-bar #landing-content #social-links a.twitch:hover svg{
    fill:#6441a5
}
#landing #below-bar #landing-content #social-links a.twitter:hover svg{
    fill:#01acee
}
#landing #below-bar #landing-content #social-links a.facebook:hover svg{
    fill:#3b5998
}
#landing #below-bar #landing-content #social-links svg{
    height:20px;
    fill:#999
}
#landing #below-bar #landing-content #terms{
    font-family:Roboto;
    font-size:12px;
    color:#999;
    text-decoration:none;
    margin-top:20px;
    margin-bottom:75px
}
#landing #below-bar #landing-content #terms:hover{
    color:#ffc001
}
#landing .pubg-logo{
    margin-top:10px;
    margin-bottom:10px;
    width:39px
}
#landing #right-content{
    margin-top:50px
}
@media (min-width:1281px){
    #landing #right-content{
        height:calc(100% - 80px);
        margin-top:0;
        margin-left:100px
    }
}
#landing #right-content h3{
    color:#fff;
    margin:0;
    font-weight:700;
    font-family:Antonio;
    font-size:28px;
    margin-bottom:30px;
    text-align:center
}
@media (min-width:1281px){
    #landing #right-content h3{
        text-align:left;
        margin-top:0
    }
}
#landing #right-content .news-block{
    box-shadow:0 3px 8px 0 rgba(0,0,0,.26);
    width:290px;
    background-color:#2b2b2d;
    margin-bottom:30px
}
@media (min-width:1281px){
    #landing #right-content .news-block{
        margin-right:30px;
        margin-bottom:0
    }
}
#landing #right-content .news-block img{
    width:100%
}
#landing #right-content .news-block .content{
    padding:20px;
    height:160px
}
@media (min-width:1281px){
    #landing #right-content .news-block .content{
        width:calc(100% - 40px)
    }
}
#landing #right-content .news-block .content h4{
    color:#fff;
    margin:0;
    font-weight:700;
    font-family:Antonio;
    font-size:20px;
    margin-bottom:15px
}
#landing #right-content .news-block .content p{
    width:100%;
    line-height:27px;
    color:#ddd;
    opacity:.47;
    margin:0;
    font-weight:400;
    font-family:Roboto Condensed;
    font-size:16px;
    margin-bottom:15px
}
#landing #right-content .news-block .content a{
    color:#ffc001;
    text-decoration:none;
    margin:0;
    font-weight:700;
    font-family:Antonio;
    font-size:18px
}
.input-label[data-v-5897f84d]{
    font-family:Antonio;
    font-size:18px;
    font-weight:400;
    color:#f0f0f0;
    display:block;
    text-transform:uppercase;
    margin:0;
    margin-bottom:20px;
    margin-top:20px
}
.input-label span[data-v-5897f84d]{
    color:#f62f3f
}
input[type=number][data-v-5897f84d]::-webkit-inner-spin-button,input[type=number][data-v-5897f84d]::-webkit-outer-spin-button{
    -webkit-appearance:none;
    margin:0
}
input[type=email][data-v-5897f84d],input[type=number][data-v-5897f84d],input[type=password][data-v-5897f84d],input[type=text][data-v-5897f84d]{
    background:none;
    border:none;
    width:100%;
    border-radius:0;
    padding:0;
    font-family:Roboto;
    font-size:15px;
    border-bottom:2px solid hsla(0,0%,87%,.5);
    padding-bottom:10px;
    outline:none;
    color:hsla(0,0%,87%,.5)
}
@media (min-width:1281px){
    input[type=email][data-v-5897f84d],input[type=number][data-v-5897f84d],input[type=password][data-v-5897f84d],input[type=text][data-v-5897f84d]{
        font-size:18px
    }
}
input[type=email][data-v-5897f84d]::-webkit-input-placeholder,input[type=number][data-v-5897f84d]::-webkit-input-placeholder,input[type=password][data-v-5897f84d]::-webkit-input-placeholder,input[type=text][data-v-5897f84d]::-webkit-input-placeholder{
    color:hsla(0,0%,87%,.5)
}
input[type=email][data-v-5897f84d]:-ms-input-placeholder,input[type=email][data-v-5897f84d]::-ms-input-placeholder,input[type=number][data-v-5897f84d]:-ms-input-placeholder,input[type=number][data-v-5897f84d]::-ms-input-placeholder,input[type=password][data-v-5897f84d]:-ms-input-placeholder,input[type=password][data-v-5897f84d]::-ms-input-placeholder,input[type=text][data-v-5897f84d]:-ms-input-placeholder,input[type=text][data-v-5897f84d]::-ms-input-placeholder{
    color:hsla(0,0%,87%,.5)
}
input[type=email][data-v-5897f84d]::placeholder,input[type=number][data-v-5897f84d]::placeholder,input[type=password][data-v-5897f84d]::placeholder,input[type=text][data-v-5897f84d]::placeholder{
    color:hsla(0,0%,87%,.5)
}
input[type=email][data-v-5897f84d]:valid,input[type=number][data-v-5897f84d]:valid,input[type=password][data-v-5897f84d]:valid,input[type=text][data-v-5897f84d]:valid{
    border-bottom-color:#f0f0f0;
    color:#f0f0f0
}
input[type=email].invalid[data-v-5897f84d]:not(:focus),input[type=number].invalid[data-v-5897f84d]:not(:focus),input[type=password].invalid[data-v-5897f84d]:not(:focus),input[type=text].invalid[data-v-5897f84d]:not(:focus){
    border-bottom-color:#f62f3f
}
.error[data-v-5897f84d]{
    cursor:pointer;
    position:absolute;
    z-index:2;
    margin-top:90px
}
.error .error-triangle[data-v-5897f84d]{
    -webkit-clip-path:polygon(50% 50%,0 100%,100% 100%);
    clip-path:polygon(50% 50%,0 100%,100% 100%);
    background-color:#2b2b2b;
    width:20px;
    height:20px;
    margin-left:5px
}
.error .error-box[data-v-5897f84d]{
    background-color:#2b2b2b;
    padding:15px 18px
}
.error .error-box h1[data-v-5897f84d]{
    color:#f0f0f0;
    font-family:Roboto;
    font-weight:700;
    margin:0;
    font-size:15px;
    width:auto
}
.error .error-box h1 span[data-v-5897f84d]{
    text-transform:capitalize
}
.error .error-box h2[data-v-5897f84d]{
    color:#f0f0f0;
    font-family:Roboto;
    font-weight:400;
    margin:0;
    margin-top:5px;
    font-size:15px
}
.error .error-box .checkbox[data-v-5897f84d]{
    margin-top:3px;
    width:10px!important;
    height:10px!important
}
.error .error-box .checkbox svg[data-v-5897f84d]{
    width:6px;
    height:6px
}
.error.red .error-box[data-v-5897f84d],.error.red .error-triangle[data-v-5897f84d]{
    background-color:#f62f3f
}
button[data-v-2b76a1b2]{
    border:none;
    background:none;
    color:#fff;
    font-family:Antonio;
    font-weight:700;
    font-size:18px;
    outline:none;
    text-transform:uppercase;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    padding:0 20px;
    background:linear-gradient(#cc1327,#660a14)
}
button.sending[data-v-2b76a1b2]{
    pointer-events:none;
    opacity:.5
}
button[data-v-2b76a1b2]:disabled{
    cursor:auto;
    pointer-events:none
}
button.complete[data-v-2b76a1b2]{
    pointer-events:none;
    color:#fff!important;
    background:#16b165
}
button.failed[data-v-2b76a1b2]{
    pointer-events:none;
    color:#fff!important;
    background:#f62f3f!important
}
button svg[data-v-2b76a1b2]{
    margin-right:10px;
    fill:#fff;
    width:25px;
    height:25px
}