/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */
 @font-face{
    font-family:agency fb;
    font-style:normal;
    font-weight:400;
    src:local('Agency FB'),local('AgencyFB-Regular'),url(agency-fb.woff) format('woff'),url(agency-fb.ttf) format('truetype')
}
html{
    color:#fff;
    background:#000;
    font-size:1em;
    line-height:1.4;
    font-family:'Agency FB',arial
}
body{
    background-image:url(../img/IonMaiden_BG.jpg);
    background-position:top center;
    background-position-x:center;
    background-position-y:top;
    background-size:auto;
    background-repeat:no-repeat;
    background-attachment:fixed
}
.navbar li a,a{
    color:#fff;
    text-decoration:none
}
a:hover{
    color:#f7f7f7
}
#product-component-fd8c8eda5ac,.shopify-buy-frame--product{
    display:none
}
.added_to_cart{
    display:none;
    position:fixed;
    top:0;
    left:0;
    background:rgba(0,0,0,.5);
    color:#fff;
    font-size:6em;
    width:100%;
    height:100vh;
    z-index:10000
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.added_to_cart div{
    top:50%;
    text-align:center;
    position:relative
}
.missedout{
    display:none;
    font-size:.9em
}
.missedout h1{
    margin-top:5px
}
.missedout .signup,div.signup::before{
    width:296px;
    height:78px;
    display:inline-block;
    background-image:url(../img/signup.png);
    background-size:cover;
    cursor:pointer
}
div.signup::before{
    background-image:url(../img/signup_hover.png);
    width:100%;
    height:100%;
    content:' ';
    opacity:0
}
div.gog:hover::before,div.realms:hover::before,div.signup:hover::before,div.steam:hover::before{
    opacity:1;
    -webkit-transition:opacity .25s ease-in-out;
    -moz-transition:opacity .25s ease-in-out;
    -o-transition:opacity .25s ease-in-out;
    -ms-transition:opacity .25s ease-in-out;
    transition:opacity .25s ease-in-out
}
.buy_digital{
    position:fixed;
    top:0;
    left:0;
    background:rgba(0,0,0,.5);
    color:#fff;
    width:100%;
    height:100vh;
    z-index:10000
}
.buy_digital .wrapper{
    top:50%;
    text-align:center;
    position:relative
}
.buy_digital .steam{
    width:219px;
    height:83px;
    background-image:url(../img/btn_steam.png)
}
.buy_digital .gog,.buy_digital .steam,div.steam::before{
    display:inline-block;
    background-size:cover;
    cursor:pointer
}
div.steam::before{
    content:' ';
    opacity:0;
    background-image:url(../img/btn_steam_over.png);
    width:100%;
    height:100%
}
.buy_digital .gog{
    width:219px;
    height:83px;
    background-image:url(../img/btn_gog.png)
}
.buy_digital .realms,div.gog::before{
    background-image:url(../img/btn_gog_over.png);
    background-size:cover;
    cursor:pointer
}
.buy_digital .realms{
    width:219px;
    height:83px;
    display:inline-block;
    background-image:url(../img/btn_3dr.png)
}
div.connectnow::before,div.gog::before,div.realms::before{
    width:100%;
    height:100%;
    content:' ';
    display:inline-block;
    opacity:0
}
div.realms::before{
    background-size:cover;
    cursor:pointer;
    background-image:url(../img/btn_3dr_over.png)
}
div.background{
    background-image:url(../img/background.jpg);
    background-repeat:repeat-y;
    background-size:cover;
    width:100%;
    min-height:100%;
    max-width:1280px;
    margin:0 auto;
    -webkit-box-shadow:0 0 29px 3px rgba(0,0,0,.75);
    -moz-box-shadow:0 0 29px 3px rgba(0,0,0,.75);
    box-shadow:0 0 29px 3px rgba(0,0,0,.75)
}
div.fancy_border{
    max-width:1100px;
    border-style:solid;
    border-width:140px 90px;
    -moz-border-image:url(../img/border.png) 140 90 140 90 repeat;
    -webkit-border-image:url(../img/border.png) 140 90 140 90 repeat;
    -o-border-image:url(../img/border.png) 140 90 140 90 repeat;
    border-image:url(../img/border.png) 140 90 140 90 fill repeat
}
.copies_left{
    font-family:'Orbitron',sans-serif;
    text-align:center
}
.copies_left .price{
    font-size:1.1em
}
.copies_left .num_copies{
    font-size:6em;
    line-height:1.1em
}
h1{
    font-size:2.1em;
    font-weight:700;
    margin-bottom:5px
}
.header{
    text-align:center;
    margin:-140px -90px 20px
}
.header img{
    max-width:1300px;
    width:100%
}
.splitter{
    background:url(../img/splitter.png) no-repeat;
    background-size:contain;
    width:100%;
    height:1px;
    margin:35px 0
}
.splitter_header{
    margin-top:0!important;
    margin-bottom:20px
}
.splitter_glow{
    background:url(../img/glowdivider.png) no-repeat center;
    width:100%;
    height:30px;

}
.steam_connect{
    width:100%;
    max-width:1100px;
    font-size:1.4em;
    text-align:center
}
.inner_text,.items span{
    font-size:1.3em
}
div.connectnow{
    background-image:url(../img/connect_to_steam.png);
    width:258px;
    height:68px;
    margin:15px auto
}
div.connectnow::before{
    background-image:url(../img/connect_to_steam_over.png)
}
div.connectnow:hover::before{
    opacity:1;
    -webkit-transition:opacity .2s ease-in-out;
    -moz-transition:opacity .2s ease-in-out;
    -o-transition:opacity .2s ease-in-out;
    -ms-transition:opacity .2s ease-in-out;
    transition:opacity .2s ease-in-out
}
.big_boxes{
    width:100%;
    margin:0 auto;
    max-width:978px;
    position:relative;
}

.founders_edition{
    width:100%;
    max-width:978px;
    position:relative;
    margin:0 auto;
    display:flex;
    flex-wrap:wrap
}
.founders_edition .c1 img,.screenshots .wrapper img{
    width:100%
}
.founders_edition .c1{
    width:52%
}
.founders_edition .c2{
    width:-webkit-calc(48% - 20px);
    width:calc(48% - 20px);
    margin-left:20px;
    padding-top:5px
}
.founders_edition h1{
    margin-top:0;
    margin-bottom:20px;
}
.founders_edition>img{
    max-width:45%;
    margin-right:15px;
    float:left;
}
.founders_edition::after{
    clear:both;
    content:" ";
    display:block;
}
.founders_edition .limited{
    font-weight:700;
    font-size:1.4em;
    margin-top:13px;
    display:block;
}

.buy_digital_buttons {
    text-align:center;
    width:100%;
    max-width:1100px;
    margin:0 auto;
    padding-bottom: 2em;
}

.what_you_get{
    text-align:center;
    width:100%;
    max-width:1100px;
    margin:0 auto;
}
.what_you_get>h1{
    text-align:center;
    margin-bottom:30px;
}
.what_you_get .container{
    display:flex;
    flex:1 1 auto;
    flex-wrap:wrap;
    width:100%
}
.what_you_get .container .cell{
    width:-webkit-calc(50% - 20px);
    width:calc(50% - 20px);
    text-align:left;
    font-size:1.05em;
    min-width:350px;
    margin:10px
}
.what_you_get .container .cell>a{
    float:left;
    margin-right:10px
}
.what_you_get .container .cell::after{
    content:' ';
    display:block;
    clear:both
}
div.buynow,div.buynow::before,div.connectnow,div.connectnow::before{
    background-size:cover;
    cursor:pointer
}
div.buynow{
    margin:15px auto;
    background-image:url(../img/buynow.png);
    width:196px;
    height:68px
}
div.buynow::before{
    background-image:url(../img/buynow_hover.png);
    width:100%;
    height:100%;
    content:' ';
    display:inline-block;
    opacity:0
}
div.buynow:hover::before{
    opacity:1;
    -webkit-transition:opacity .25s ease-in-out;
    -moz-transition:opacity .25s ease-in-out;
    -o-transition:opacity .25s ease-in-out;
    -ms-transition:opacity .25s ease-in-out;
    transition:opacity .25s ease-in-out
}
.content_wrapper{
    margin:30px
}
.items,.screenshots{
    text-align:center;
    width:100%;
    max-width:1100px;
    margin:0 auto
}
.screenshots-flash figure:hover img{
    opacity:1;
    -webkit-animation:flash 1.5s;
    animation:flash 1.5s
}
@-webkit-keyframes flash{
    0%{
        opacity:.75
    }
    to{
        opacity:1
    }
}
@keyframes flash{
    0%{
        opacity:.75
    }
    to{
        opacity:1
    }
}
.screenshots figure{
    background:#fff;
    position:relative;
    display:inline-block;
    width:calc(33% - 20px);
    margin:10px;
    overflow:hidden
}
.lslide figure::before,.screenshots figure::before{
    position:absolute;
    top:0;
    left:-85%;
    z-index:2;
    display:block;
    content:'';
    width:50%;
    height:100%;
    background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);
    background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);
    -webkit-transform:skewX(-45deg);
    transform:skewX(-45deg)
}
.screenshots figure:hover::before{
    -webkit-animation:shine .75s;
    animation:shine .75s
}
@-webkit-keyframes shine{
    to{
        left:125%
    }
}
@keyframes shine{
    to{
        left:125%
    }
}
.items .item_wrapper{
    width:100%;
    white-space:nowrap;
    margin:0 auto
}
.lslide div{
    margin:5px auto 0
}
.lslide .price{
    font-weight:700;
    font-size:1.2em
}
.lslide figure{
    position:relative;
    overflow:hidden;
    margin:5px 0 0
}
.lslide figure::before{
    left:-125%
}
.lslide figure:hover::before{
    -webkit-animation:shineLong .75s;
    animation:shineLong .75s
}
.loader{
    width:32px!important;
    height:32px!important
}
@-webkit-keyframes shineLong{
    to{
        left:155%
    }
}
@keyframes shineLong{
    to{
        left:155%
    }
}
.items .item_wrapper::after{
    content:' ';
    clear:both
}
.item_wrapper .single_item{
    display:inline-block;
    margin-right:15px
}
.items img{
    width:100%
}
#lightSlider{
    height:auto!important
}
.logos,.reveal_trailer{
    width:100%;
    max-width:1100px;
    margin:0 auto;
    text-align:center;
    padding-bottom: 2em;
}
.reveal_trailer h1{
    margin:0 auto 20px
}
.logos{
    margin:50px auto -100px
}
.logos div{
    margin-top:40px
}
.logos a{
    margin:0 10px
}
.navbar{
    float:left;
    top:0;
    width:100%;
    margin-bottom:-67px;
    margin-top:17px;
    z-index:10;
    position:relative
}
.navbar-right{
    float:right;
    margin-right:30px!important
}
.navbar ul{
    list-style-type:none;
    padding:0;
    overflow:hidden;
    margin:0 0 0 30px
}
.navbar li{
    float:left
}
.navbar li a{
    display:block;
    padding:14px 16px;
    border:0!important
}
#connect-modal h1,.navbar li a{
    text-align:center
}
#connect-modal .col-md-12{
    text-align:left;
    font-size:1.3em
}
.inner-modal{
    margin:90px
}
.legal-modal{
    padding:0;
    margin:0;
    background-image:url(../img/bs_web_middle.png);
    background-repeat:no-repeat;
    background-size:cover;
    width:1067px;
    height:597px;
    display:none;
    text-align:center
}
.legal-modal .modal_head{
    margin-top:-30px;
    margin-bottom:10px
}
.legal-modal a{
    font-weight:700
}
.legal{
    position:absolute;
    bottom:1em;
    left:0
}
.legal p{
    font-size:12px;
    color:#fff;
    margin-bottom:2em
}
.legal-modal h1{
    margin-top:10px;
    color:#fff
}
.legal-modal h2{
    font-size:20px;
    color:#fff
}
.close-btn{
    position:absolute;
    right:75px;
    cursor:pointer;
    z-index:1000
}
.close-btn:hover i{
    color:#bbbaba
}
.faq-body{
    text-align:left;
    height:380px;
    overflow-x:hidden;
    overflow-y:auto
}
@media only screen and (max-width:1000px){
    .legal-modal{
        padding:0;
        margin:0;
        background:#000;
        background-image:none;
        background-repeat:no-repeat;
        background-size:cover;
        width:100vw;
        height:100vh!important;
        height:auto;
        display:none
    }
    .legal-modal .modal_head{
        margin-top:0;
        margin-bottom:0
    }
    .faq-body{
        overflow-x:auto;
        height:calc(100vh - 70px)
    }
    .legal-modal h1{
        margin-top:10px
    }
    .inner-modal{
        margin:5px
    }
    .close-btn{
        margin-top:8px;
        right:16px;
        display:initial;
        z-index:1000
    }
    .legal{
        position:relative;
        bottom:initial;
        left:initial;
        margin-top:10px
    }
    .founders_edition{
        width:100%;
        position:relative;
        margin:0 auto;
        display:block;
        text-align:center;
        min-width:auto;
        padding-top: 2em;
    }
    .founders_edition .c1{
        width:100%
    }
    .founders_edition .c2{
        width:100%;
        margin-left:10px;
        padding-top:0;
        min-width:auto
    }
}
.navbar li a:hover{
    background:linear-gradient(to bottom,rgba(0,0,0,.85) 0%,rgba(0,0,0,0) 100%)
}
.mobile-nav{
    display:none
}
.lSSlideOuter{
    margin-top:10px
}
@media only screen and (max-width:600px){
    .buy_digital .wrapper{
        margin-top:-100px
    }
    .logos{
        position:relative
    }
    .logos div{
        margin-top:0
    }
    .mobile-nav{
        display:block;
        position:absolute;
        top:0;
        right:0;
        margin-top:8px;
        margin-right:15px;
        margin-bottom:8px;
        background-color:transparent;
        background-image:none;
        border:1px solid transparent;
        border-radius:4px
    }
    .navbar_vis{
        display:block!important
    }
    .navbar-right{
        display:none
    }
    .header,.navbar{
        margin-top:0;
        margin-left:0
    }
    .navbar{
        top:0;
        margin-bottom:0;
        float:initial;
        position:absolute;
        right:0;
        display:none;
        width:auto
    }
    .navbar ul{
        list-style-type:none;
        margin:0;
        padding:0;
        overflow:hidden;
        position:absolute;
        right:45px;
        background:rgba(0,0,0,.45)
    }
    .navbar li{
        float:right;
        display:block
    }
    .navbar li a{
        display:block;
        color:#fff;
        text-align:center;
        padding:14px 16px;
        text-decoration:none
    }
    .navbar li a:hover{
        background-color:transparent
    }
    .logos a{
        margin:20px 0;
        display:block
    }
    div.background{
        background-image:url(../img/background.jpg);
        background-repeat:repeat-y;
        width:100%;
        min-height:100%;
        max-width:none;
        margin:0
    }
    .header{
        margin-right:0
    }
    div.fancy_border{
        max-width:none;
        width:100vw;
        border-style:none
    }
    .founders_edition{
        position:relative;
        margin:0 auto;
        display:block
    }
    .founders_edition h1{
        text-align:center;
        margin-top:10px
    }
    .founders_edition,.founders_edition .c1 img{
        width:100%;
        min-width:auto
    }
    .founders_edition .c1{
        width:100%
    }
    .founders_edition .c2{
        width:100%;
        margin-left:10px;
        padding-top:0;
        min-width:auto
    }
    .founders_edition>img{
        max-width:45%;
        margin-right:15px;
        float:left
    }
    .founders_edition::after{
        clear:both;
        content:" ";
        display:block
    }
    .founders_edition .limited{
        font-weight:700;
        font-size:1.4em
    }
    .what_you_get{
        text-align:center;
        width:100%;
        margin:0 auto
    }
    .what_you_get>h1{
        text-align:center;
        margin-bottom:30px
    }
    .what_you_get .container{
        display:flex;
        flex:1 1 auto;
        flex-wrap:wrap;
        width:100%
    }
    .what_you_get .container .cell{
        width:100%;
        text-align:left;
        font-size:1.05em;
        min-width:auto;
        margin:10px
    }
    .what_you_get .container .cell>a{
        float:none;
        margin:0 auto 25px;
        display:block
    }
    .what_you_get .container .cell::after{
        content:' ';
        display:block;
        clear:both
    }
    .screenshots{
        text-align:center;
        max-width:1100px
    }
    .screenshots .wrapper img{
        width:100%;
        margin:0 0 10px
    }
    .screenshots figure{
        background:0 0;
        position:relative;
        display:inline-block;
        width:calc(33% - 20px);
        margin:10px;
        overflow:hidden
    }
    .screenshots-flash figure:hover img{
        opacity:1
    }
    .lslide figure::before,.screenshots figure::before{
        position:absolute;
        top:0;
        z-index:2;
        width:50%;
        height:100%;
        background:0 0
    }
    .screenshots figure::before{
        content:none;
        -webkit-transform:skewX(-45deg);
        transform:skewX(-45deg);
        left:-85%;
        display:none
    }
    .items .item_wrapper,.screenshots{
        width:100%;
        margin:0 auto
    }
    .items .item_wrapper::after{
        content:' ';
        clear:both
    }
    .item_wrapper .single_item{
        display:block;
        width:100%;
        margin-right:0;
        margin-bottom:15px
    }
    .lslide figure::before{
        left:-125%;
        display:block
    }
    .lslide figure:hover::before,.screenshots-flash figure:hover img{
        -webkit-animation:none;
        animation:none
    }
}
::-moz-selection{
    background:#b3d4fc;
    text-shadow:none
}
::selection{
    background:#b3d4fc;
    text-shadow:none
}
fieldset,hr{
    border:0;
    padding:0
}
hr{
    display:block;
    height:1px;
    border-top:1px solid #ccc;
    margin:1em 0
}
audio,canvas,iframe,img,svg,video{
    vertical-align:middle
}
fieldset{
    margin:0
}
textarea{
    resize:vertical
}
.browserupgrade{
    margin:.2em 0;
    background:#ccc;
    color:#000;
    padding:.2em 0
}
.hidden{
    display:none!important
}
.visuallyhidden{
    border:0;
    clip:rect(0 0 0 0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px;
    white-space:nowrap
}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{
    clip:auto;
    height:auto;
    margin:0;
    overflow:visible;
    position:static;
    width:auto;
    white-space:inherit
}
.invisible{
    visibility:hidden
}
.clearfix:after,.clearfix:before{
    content:" ";
    display:table
}
.clearfix:after{
    clear:both
}
@media print{
    *,:after,:before{
        background:0 0!important;
        color:#000!important;
        -webkit-box-shadow:none!important;
        box-shadow:none!important;
        text-shadow:none!important
    }
    a,a:visited{
        text-decoration:underline
    }
    a[href]:after{
        content:" (" attr(href) ")"
    }
    abbr[title]:after{
        content:" (" attr(title) ")"
    }
    a[href^="#"]:after,a[href^="javascript:"]:after{
        content:""
    }
    pre{
        white-space:pre-wrap!important
    }
    blockquote,pre{
        border:1px solid #999
    }
    thead{
        display:table-header-group
    }
    blockquote,img,pre,tr{
        page-break-inside:avoid
    }
    h2,h3,p{
        orphans:3;
        widows:3
    }
    h2,h3{
        page-break-after:avoid
    }
}
.embed-responsive{
    position:relative;
    display:block;
    width:100%;
    padding:0;
    overflow:hidden
}
.embed-responsive::before{
    display:block;
    content:""
}
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    border:0
}
.embed-responsive-21by9::before{
    padding-top:42.857143%
}
.embed-responsive-16by9::before{
    padding-top:56.25%
}
.embed-responsive-4by3::before{
    padding-top:75%
}
.embed-responsive-1by1::before{
    padding-top:100%
}