/* header */
html {box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body, html {height:100%;margin:0;font:400 15px/1.8 "Lato",sans-serif;color:#777;}

/* sections */
.parallax-focal {
  position:relative;opacity:1;background-attachment:fixed;background-position:top center;background-repeat:no-repeat;
  background-size:cover;background-image:url("images_m/bg_focal.jpg");min-height:600px;}
.parallax-focal-sprites {
  position:relative;opacity:1;background-position:top 200px center;background-repeat:no-repeat;
  background-image:url("images_m/focal_sprites_media.png");min-height:500px;}
.parallax-screenshots {
  position:relative;opacity:1;background-position:top center;background-repeat:no-repeat;
  background-size:cover;background-image:url("images/bg_media_screenshots.jpg");min-height:600px;}
.parallax-trailers {
  position:relative;opacity:1;background-attachment:fixed;background-position:top center;background-repeat:no-repeat;
  background-size:cover;background-image:url("images/bg_media_trailers.jpg");min-height:600px;}
.parallax-downloads {
  position:relative;opacity:1;background-position:top center;background-repeat:no-repeat;
  background-size:cover;background-image:url("images/bg_media_downloads.jpg");min-height:600px;}
.parallax-section-lore {
  position:relative;opacity:1;background-attachment:fixed;background-position:top center;background-repeat:no-repeat;
  background-size:cover;background-image:url("images/bg_index_03.jpg");min-height:400px;}
.parallax-section-gameplay {
  position:relative;opacity:1;background-attachment:fixed;background-position:top center;background-repeat:no-repeat;
  background-size:cover;background-image:url("images/bg_index_04.jpg");min-height:400px;}
.parallax-section-distractions {
  position:relative;opacity:1;background-attachment:fixed;background-position:top center;background-repeat:no-repeat;
  background-size:cover;background-image:url("images/bg_index_06.jpg");min-height:150px;padding-bottom:40px;}
.section-footer {
  position:relative;opacity:1;background-color:#FFF;min-height:175px;}
.section-title {
  position:absolute;height:150px;width:100%;opacity:0.9;background-color:#333}

/* menu */
.menu {position:fixed;top:25px;width:100%;}

/* section lore */
.lore {position:absolute;top:25px;right:40%;height:300px;width:70%;}
.lore_text {position:absolute;left:50%;width:45%;}

/* section screenshots */
.floating-box-screenshots {
  display:inline-block;width:400px;min-height:225px;
  margin-right:20px;margin-top:10px;margin-bottom:10px;overflow:hidden;background-color:#000;opacity:1;}
.floating-box-screenshots-blank {
  display:inline-block;width:400px;max-height:1px;
  margin-right:20px;margin-top:10px;margin-bottom:10px;overflow:hidden;}
    
/* section trailers */
.floating-box-trailers {
  display:inline-block;width:800px;min-height:450px;
  margin-right:30px;margin-top:15px;margin-bottom:15px;overflow:hidden;opacity:1;}
 
/* section downloads */
.floating-box-downloads {
  display:inline-block;width:400px;min-height:450px;
  margin-right:20px;margin-top:10px;margin-bottom:5px;overflow:hidden;opacity:1;}
.floating-box-downloads-blank {
  display:inline-block;width:800px;min-height:1px;
  margin-right:20px;margin-top:10px;margin-bottom:5px;overflow:hidden;}

/* fonts */
.font_focal {font-family:'Annie Use Your Telescope',cursive;color:#333;font-size:8em;line-height:1.2em;font-weight:bold;letter-spacing:3px;opacity:0.7;}
.font_title {font-family:'Annie Use Your Telescope',cursive;color:#fff;font-size:6em;font-weight:normal;letter-spacing:0px;opacity:1;}
.font_section_titles {font-family:'Annie Use Your Telescope',cursive;color:#333;font-size:6em;font-weight:normal;line-height:0.8em;letter-spacing:0px;opacity:0.5;}
.font_body {font-family:'Annie Use Your Telescope',cursive;color:#000;font-size:1.5em;line-height:1.5em;font-weight:bold;}
.font_distractions {font-family: 'Spectral SC', serif;color:#FFF;font-size:4em;font-weight:normal;}
.font_footer {font-family:tahoma;color:#666;font-size:0.7em;}
.font_trailers {font-family:'Annie Use Your Telescope',cursive;width:90%;color:#000;font-size:4em;line-height:1.2em;letter-spacing:1.5px;font-weight:bold;}
.font_wallpapers {font-family:'Annie Use Your Telescope',cursive;color:#fff;font-size:3em;font-weight:bold;letter-spacing:0px;opacity:1;}
.font_click {font-family:'Annie Use Your Telescope',cursive;width:90%;color:#fff;font-size:4em;line-height:1.4em;letter-spacing:1.5px;font-weight:bold;}
.font_click_black {font-family:'Annie Use Your Telescope',cursive;width:90%;color:#000;font-size:4em;line-height:1.4em;letter-spacing:1.5px;font-weight:bold;}

/* mobile */
.menu_top {position:fixed; top:0;}
.menu_bottom {position:fixed; bottom:0;}
.footer {width:100%;background-color:#fff;font-family:tahoma;color:#000;font-size:1.5em;line-height:1.2em;text-align:justify;}

/* a link */
a:link {color:#fff;text-decoration:none;}
a:visited {color:#fff;text-decoration:none;}
a:hover {color:#FF0;text-decoration:none;}

/* max widths */
.max600 {max-width:600px;margin:auto;border:}
.max1600 {max-width:1600px;margin:auto;border:}

/* spacer */
.spacer-5 {width:100%;height:5px;}
.spacer-10 {width:100%;height:10px;}
.spacer-15 {width:100%;height:15px;}
.spacer-20 {width:100%;height:20px;}
.spacer-25 {width:100%;height:25px;}
.spacer-40 {width:100%;height:40px;}
.spacer-50 {width:100%;height:50px;}
.spacer-100 {width:100%;height:100px;}
.spacer-150 {width:100%;height:150px;}
.spacer-250 {width:100%;height:250px;}
.spacer-1000 {width:100%;height:1000px;}

/* slide anim */
.slideanim {
    visibility:hidden;
    visibility:visible\9;/*For old IE browsers IE6-8 */
}
.slideanim.slide {                  
    visibility: visible;                  
    animation: slide 1s;
}
.slideanim::after {
    /* useful when its child elements are float:left; */
    content: "";
    display: table;
    clear: both;
}
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(50%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}