/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
legend,td,th{padding:0}
a,body{color:#fff}
hr,img,legend{border:0}
.btn:focus,a:active,a:hover{outline:0}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
abbr[title]{border-bottom:1px dotted}
b,optgroup,strong{font-weight:700}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{max-width:100%;vertical-align:middle;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
hr{box-sizing:content-box;height:0}
pre,textarea{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
.btn,.h6,h1,h2,h3,h4,h5,h6{-webkit-font-smoothing:antialiased}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
table{border-collapse:collapse;border-spacing:0}
.btn,.header .main-menu a,.modal-wrap .download-link{transition:all .3s ease}
.btn.btn-show,.legacy-character-select-wrapper,.modal-wrap{transition:all .45s ease}
.legacy-character-select li a{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}
.btn.btn-show{left:50%;transform:translateX(-50%)}
.modal-wrap,.modal-wrap .modal-inner{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}
.embed-container{position:relative;height:0;padding-bottom:56.25%;overflow:hidden}
.embed-container embed,.embed-container iframe,.embed-container img,.embed-container object,.embed-container video{position:absolute;top:0;left:0;width:100%;height:100%}
@-ms-viewport{width:device-width}
@viewport{width:device-width}
*,:after,:before{box-sizing:inherit}
body,html{height:100%;font-size:62.5%}
body{margin:0;font-size:10px;font-family:Sylfaen,sans-serif;line-height:22px;background-color:#fff;overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:rgba(255,255,255,0);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
a,p{font-size:1.6rem}
@font-face{font-family:Sylfaen;src:url(../fonts/Sylfaen.eot);src:url(../fonts/Sylfaen.eot?#iefix) format("embedded-opentype"),url(../fonts/Sylfaen.woff) format("woff"),url(../fonts/Sylfaen.ttf) format("truetype"),url(../fonts/Sylfaen.svg#b5bdee2c4cb2dea56a18be017796d76a) format("svg");font-style:normal;font-weight:400}
@font-face{font-family:'Van Helsing';src:url(../fonts/Van-Helsing.eot);src:url(../fonts/Van-Helsing.eot?#iefix) format("embedded-opentype"),url(../fonts/Van-Helsing.woff) format("woff"),url(../fonts/Van-Helsing.ttf) format("truetype"),url(../fonts/Van-Helsing.svg#af1af1ef81810130b0ea3e55089f7e8c) format("svg");font-style:normal;font-weight:400}
a{background:0 0;text-decoration:none}
a:hover{color:#e6e6e6;text-decoration:underline}
p{margin:0 0 11px}
blockquote{font-size:1.6em}
em{font-style:italic}
cite{font-style:normal}
.h6,h1,h2,h3,h4,h5,h6{margin:11px 0;font-weight:600;font-family:Artifika,sans-serif;line-height:1;color:inherit;text-rendering:optimizelegibility}
form,form ul{margin:0 0 22px}
h1{font-size:3.6em}
h2{font-size:3em}
h3,h5{font-size:2.4em}
h4{font-size:1.8em}
h6{font-size:2.2em}
hr{margin:22px 0;border-top:1px solid #444}
figure{margin:0}
::-webkit-scrollbar{width:12px}
::-webkit-scrollbar-track{background:#333}
address{font-size:1.6rem;font-style:initial}
::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.5);background:#fff}
.btn.btn-hide,.btn.btn-show{box-shadow:inset 1px 1px 10px #000;text-transform:uppercase}
form fieldset{margin-bottom:22px;padding:0;border-width:0}
form p{margin-bottom:11px}
form ul{list-style-type:none;padding:0}
.app{height:100%;background-image:url(../images/background.jpg);background-repeat:no-repeat;background-position:25%;background-size:cover}
button{background-color:transparent;border:none;padding:0}
.btn{display:inline-block;font-size:1.8em;text-transform:uppercase;letter-spacing:.2em;color:#444}
.btn.btn-close,.btn.btn-hide{color:#fff;position:absolute}
.btn.btn-close{right:1em;top:1.5em}
.btn.btn-close img{height:30px}
.btn.btn-hide{display:block;bottom:5px;background:rgba(68,68,68,.7);padding:.1em 2em;font-size:1.2em;right:20px;border-radius:5px}
.btn.btn-hide:hover{text-decoration:none;color:#e6e6e6;background:#333}
.btn.btn-show{position:absolute;bottom:0;padding:.5em 6em;line-height:1;color:#fff;background:rgba(68,68,68,.7);text-align:center}
.btn.btn-show:hover{text-decoration:none;color:#e6e6e6;background:#333}
.modal-wrap{width:100%;height:100%;background:rgba(0,0,0,.6)}
.modal-wrap .modal-inner{width:100%;height:100%;padding:0 2em 2em;border-radius:5px;text-align:justify;color:#fff;background:rgba(33,33,33,.9);box-shadow:inset 1px 1px 20px #000}
@media (min-width:768px){.modal-wrap .modal-inner{height:80%;width:80%}
}
@media (min-width:992px){.modal-wrap .modal-inner{top:55%;width:50%}
}
.modal-wrap .modal-inner .modal-content{background:rgba(0,0,0,.5);padding:2em;height:100%;border-radius:5px;max-height:83%;position:relative;line-height:26px;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.modal-wrap .modal-inner h1{text-align:center;margin:20px 0;min-height:3rem}
.modal-wrap .character-image{text-align:center;max-width:175px;margin:0 auto 2.5em}
.modal-wrap .character-description h4{margin-top:0}
.modal-wrap .download-link{display:block;text-align:left;margin-top:1em;font-size:1.6em;line-height:1;text-decoration:underline}
.header,.header .logo,.header .main-menu li,.legacy-character-select,.modal-wrap .chronicle-return{text-align:center}
.modal-wrap .download-link:last-child{margin-top:.3em}
.modal-wrap .download-link:hover{text-decoration:none}
.modal-wrap .chronicle-item{padding:1em 0}
.modal-wrap .chronicle-nav-title{padding-left:25px;margin-top:0}
.modal-wrap .chronicle-nav{margin-left:100px}
.modal-wrap .chronicle-nav ul{list-style:none}
.modal-wrap .chronicle-nav a{font-size:1.8em;text-decoration:underline}
.modal-wrap .chronicle-nav a:hover{text-decoration:none}
.modal-wrap .chronicle-avatar{float:left;width:100px}
.modal-wrap .story-image{max-width:300px;margin:0 auto}
.modal-wrap .story-to-chronicle{text-decoration:underline;margin:1.5rem}
.modal-wrap .story-to-chronicle:hover{text-decoration:none}
.header{width:100%;height:150px;margin:0 auto;padding:5em 0 0;border-radius:10px;background:url(../images/header-bg-mobile.png) left no-repeat;background-size:100% 100%}
.header .logo{margin:0;font-size:3.8em;line-height:33px}
.header .logo .legacy{color:#222;font-family:"Van Helsing";font-size:1.5em}
.header #region-main-menu{display:inline-block}
.header .main-menu{width:200px;height:100%;position:absolute;top:0;left:0;background-color:#333;transform:translate3d(-100%,0,0);transition:transform .3s ease}
.header .main-menu.menu-is-open{transform:translate3d(0,0,0);z-index:10}
@media (min-width:992px){.header .main-menu{float:right;bottom:25px;top:auto;position:relative;width:auto;height:auto;background-color:transparent}
.header .main-menu li{display:inline-block;margin:0}
}
.header .main-menu ul{margin:10em 0 0;padding:0}
.header .main-menu li{list-style:none;display:block;margin:1em 0}
.header .main-menu a{padding:.5em 1em;font-size:1.6em;color:#fff;font-family:Artifika}
.header .main-menu a:hover{text-decoration:none;color:#d9d9d9}
.header .toggle-menu{position:absolute;top:1em;left:1em;display:inline-block;opacity:1;background-color:#333;transition:all .3s ease;z-index:20}
.header .toggle-menu.hide-toggle-menu{opacity:0;visibility:hidden}
@media (min-width:992px){.header .toggle-menu{display:none}
}
.header .hamburger{backface-visibility:hidden;margin:0;padding:1.75em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
.header .hamburger .bar{width:14px;height:2px;margin-bottom:4px;background-color:#fff;transition:transform .6s 0s ease,background-color .6s 0s}
.header .hamburger .bar:nth-child(2){transition:transform .6s .2s ease,background-color .6s 0s}
.header .hamburger .bar:last-child{margin-bottom:0}
.header .hamburger.menu-is-open .bar:first-child{transition:transform .6s 0s ease,background-color .6s 0s;transform:rotate(45deg) translateY(9px) translateX(2px);transform-origin:50%,100%}
.header .hamburger.menu-is-open .bar:nth-child(2){transition:transform .6s 0s ease,background-color .6s 0s;transform:scaleX(.01)}
.header .hamburger.menu-is-open .bar:nth-child(3){transition:transform .6s 0s ease,background-color .6s 0s;transform-origin:50%,0;transform:rotate(-45deg) translateY(-7px) translateX(-1px)}
.legacy-character-select-wrapper{text-align:center;display:none;margin-top:75px}
@media (min-width:1382px){.legacy-character-select-wrapper{margin-top:200px}
}
.legacy-character-select{padding:1em 2em 2.5em;display:inline-block;background:#333;position:relative;border-radius:5px;box-shadow:inset 1px 1px 20px #000}
.legacy-character-select .character-list{border-radius:5px;padding:1.5em 1.5em 0;text-align:left;background:rgba(22,22,22,.9);display:inline-block}
.legacy-character-select li{display:inline-block;margin:0 .75em 1.5em;position:relative}
.legacy-character-select li:first-child{margin-left:0}
.legacy-character-select li:last-child{margin-right:0}
.legacy-character-select li p{background:rgba(68,68,68,.7);position:absolute;bottom:0;padding:.5em 0;width:100%;margin:0;text-align:center}
.legacy-character-select li img{width:75px}
.element3{z-index:2000}
.element2{z-index:1000}
.element1{z-index:-1000}
@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
.pull-right{float:right}
.pull-left{float:left}
.hidden,.hide{display:none}
.show{display:block}
.invisible{visibility:hidden}
.visible{visibility:visible}
.is-hidden{opacity:0;visibility:hidden}
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both}
.hide-text{height:1em;line-height:1.5;overflow:hidden}
.hide-text::before{content:"";display:block;width:0;height:100%}
.no-pointer-events{pointer-events:none}
@media (min-width:768px){.app{background-image:url(../images/background.jpg);background-position:center center;background-size:cover}
.modal-wrap .character-image{position:fixed}
.modal-wrap .character-description{margin-left:200px}
}
@media (min-width:992px){.header{width:100%;margin:0 auto;padding:2em 0 0 22%;border-radius:10px;text-align:left;background:url(../images/header-bg-desktop.png) left no-repeat;background-size:100% 100%;color:#fff}
.header .logo{display:inline-block;text-align:center;padding-top:30px}
.header #region-main-menu{display:inline-block;width:70%}
.header .main-menu{float:right;bottom:27px;top:auto;position:relative;width:auto;height:auto;background-color:transparent;transform:translate3d(0,0,0)}
.header .main-menu ul{margin:0}
.header .main-menu li{display:inline-block;margin:0}
.header .main-menu a{padding:.5em .7em;font-size:1.5em;color:#fff}
.header .main-menu a:hover{text-decoration:none}
.header .toggle-menu{display:none}
}
@media (min-width:1382px){.header{width:100%;margin:0 auto;padding:2em 0 0 25%}
}