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

/* menu */
.menu {position:fixed;top:0px;width:100%;min-height:160px;background-image:url("images/bg_header_red.png");background-position:center;}

/* scroll to top */
.scroll_to_top {position:fixed;bottom:6px;right:20px;}

/* sections */
.parallax-01 {
  position:relative;opacity:1;background-attachment:fixed;background-position:top center;background-repeat:no-repeat;
  background-image:url("images/bg_index_01.jpg");min-height:1150px;}
.parallax-02 {
  position:relative;opacity:1;background-position:top center;background-repeat:no-repeat;
  background-image:url("images/bg_index_02.jpg");min-height:110px;}
.parallax-03 {
  position:relative;opacity:1;background-position:top center;background-repeat:no-repeat;
  background-image:url("images/bg_index_03.jpg");min-height:900px;}
.parallax-04 {
  position:relative;opacity:1;background-attachment:fixed;background-position:top center;background-repeat:no-repeat;
  background-image:url("images/bg_index_04.jpg");min-height:1100px;}
.parallax-world-tour {
  position:relative;opacity:1;background-position:top center;background-repeat:no-repeat;
  background-image:url("images/bg_world_tour.jpg");min-height:750px;}
.section-footer-black {
  position:relative;opacity:1;background-position:top center;background-repeat:no-repeat;
  background-image:url("images/bg_footer_black.jpg");min-height:130px;}
.section-footer-red {
  position:relative;opacity:1;background-position:top center;background-repeat:no-repeat;
  background-image:url("images/bg_footer_red.jpg");min-height:130px;}
.section-footer-copyright {
  position:relative;opacity:1;background-color:#FFF;min-height:90px;}

/* section 1 */
.trees_left {position:absolute;top:700px;left:0px;margin-left:auto;margin-right:auto;}
.trees_right {position:absolute;top:590px;right:0px;margin-left:auto;margin-right:auto;}
.cast {position:absolute;top:170px;margin-left:auto;margin-right:auto;width:100%;}
.buy {position:absolute;top:250px;left:75px;margin-left:auto;margin-right:auto;}

/* section 2 */
.index_logo {position:absolute;top:1080px;width:100%;}

/* section 4 */
.story {position:relative;top:100px;left:15%;width:840px;height:800px;background-image:url(images/index_story.png);background-position:top 0px center;}
.story_text {position:relative;top:225px;left:105px;width:535px;height:530px;text-align:left;text-align:justify;}

/* floating box */
.floating-box-games {display:inline-block;overflow:hidden;opacity:1;margin-top:0px;margin-bottom:0px;margin-right:5px;margin-left:5px;}

/* fonts */
.font_footer {font-family:tahoma;color:#333;font-size:0.7em;}

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

/* spacing */
.spacer-2 {width:100%;height:2px;}
.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-75 {width:100%;height:75px;}
.spacer-100 {width:100%;height:100px;}
.spacer-150 {width:100%;height:150px;}
.spacer-200 {width:100%;height:200px;}
.spacer-250 {width:100%;height:250px;}
.spacer-1000 {width:100%;height:1000px;}
.center {display:block;margin-left:auto;margin-right:auto;width:50%;}



/* 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);
    } 
}

.bounce {position:relative;margin-left:auto;margin-right:auto;width:100%;top:150px;left:40%;-webkit-animation:bounce 2s infinite;}
@-webkit-keyframes bounce {
  0%       { top:150px; }
  50%      { top:170px; }
}