body {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #333;
    font-size: 14px;
    line-height: 20px;
}

.body {
    overflow: visible;
    background-color: #ffe100;
}

.section {
    position: fixed;
}

.section.section_top {
    position: fixed;
    z-index: 1000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.section.section_middle {
    position: fixed;
}

.section.section_behind {
    position: static;
    display: block;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.menu_button {
    padding: 20px;
    background-color: transparent;
    font-family: 'Changa One', Impact, sans-serif;
    color: #333;
    font-size: 20px;
    text-align: center;
}

.menu_button.w--current:hover {
    color: #fff;
}

.menu_button.button_01:hover {
    color: #fff;
}

.menu_button.button_02:hover {
    color: #fff;
}

.menu_button.button_03:hover {
    color: #fff;
}

.menu_button.button_04:hover {
    color: #fff;
}

.menu_button.button_05:hover {
    color: #fff;
}

.menu_button.credit {
    padding: 10px 20px;
    color: #fff;
    font-size: 12px;
}

.page {
    position: relative;
    z-index: -1000;
    width: 100vw;
    height: 100vh;
    margin-right: auto;
    margin-left: auto;
}

.page.page_01 {
    background-color: transparent;
}

.page.page_02 {
    background-color: transparent;
}

.page.page_03 {
    background-color: transparent;
}

.page.page_04 {
    background-color: transparent;
}

.camera {
    display: block;
    width: 100vw;
    height: 100vh;
    -webkit-perspective: 75vw;
    perspective: 75vw;
}

.axis {
    position: absolute;
    width: 100vw;
    height: 100vw;
}

.axis.world {
    border-radius: 100vw;
    background-color: #05f;
}

.world.axis {
    top: 50vh;
    display: block;
    background-color: #007fff;
}

.tilt.axis {
    top: 50vh;
    -webkit-transform: rotateX(20deg) rotateY(-20deg) rotateZ(-20deg);
    transform: rotateX(20deg) rotateY(-20deg) rotateZ(-20deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.tilt.axis.right {
    -webkit-transform: rotateX(20deg) rotateY(20deg) rotateZ(20deg);
    transform: rotateX(20deg) rotateY(20deg) rotateZ(20deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.rotation.axis {
    -webkit-transform: rotateX(-360deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(-360deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.angle.axis {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.angle.axis.item_01 {
    -webkit-transform: rotateX(15deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(15deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.angle.axis.item_02 {
    -webkit-transform: rotateX(30deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(30deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.angle.axis.item_03 {
    -webkit-transform: rotateX(45deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(45deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.angle.axis.item_04 {
    -webkit-transform: rotateX(60deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(60deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.angle.axis.item_05 {
    -webkit-transform: rotateX(75deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(75deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.angle.axis.item_06 {
    -webkit-transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.angle.axis.item_07 {
    -webkit-transform: rotateX(105deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(105deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.angle.axis.item_08 {
    -webkit-transform: rotateX(120deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(120deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.angle.axis.item_09 {
    -webkit-transform: rotateX(135deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(135deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.angle.axis.item_10 {
    -webkit-transform: rotateX(150deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(150deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.angle.axis.item_11 {
    -webkit-transform: rotateX(165deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(165deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.angle.axis.item_12 {
    -webkit-transform: rotateX(180deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(180deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.angle.axis.item_13 {
    -webkit-transform: rotateX(195deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(195deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.angle.axis.item_14 {
    -webkit-transform: rotateX(210deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(210deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.angle.axis.item_15 {
    -webkit-transform: rotateX(225deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(225deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.angle.axis.item_16 {
    -webkit-transform: rotateX(240deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(240deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.angle.axis.item_17 {
    -webkit-transform: rotateX(255deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(255deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.angle.axis.item_18 {
    -webkit-transform: rotateX(270deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(270deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.angle.axis.item_19 {
    -webkit-transform: rotateX(285deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(285deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.angle.axis.item_20 {
    -webkit-transform: rotateX(300deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(300deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.angle.axis.item_21 {
    -webkit-transform: rotateX(315deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(315deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.angle.axis.item_22 {
    -webkit-transform: rotateX(330deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(330deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.angle.axis.item_23 {
    -webkit-transform: rotateX(345deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(345deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.angle.axis.item_24 {
    -webkit-transform: rotateX(360deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(360deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.angle.axis.page_a {
    position: absolute;
    display: block;
    -webkit-transform: rotateX(-180deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(-180deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.angle.axis.page_b {
    display: block;
    -webkit-transform: rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.angle.axis.page_c {
    display: block;
}

.angle.axis.page_d {
    display: block;
    -webkit-transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.angle.axis.page_e {
    display: block;
    -webkit-transform: rotateX(180deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(180deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item {
    position: absolute;
    left: -10vw;
    width: 20vw;
    height: 20vw;
    margin-left: 50vw;
    background-image: url('../images/02-01.png');
    background-position: 0px 0px;
    background-size: cover;
    -webkit-transform: translate(0px, -20vw) rotateX(0deg) rotateY(60deg) rotateZ(0deg);
    transform: translate(0px, -20vw) rotateX(0deg) rotateY(60deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item.building_a {
    background-image: url('../images/01-01.png');
}

.item.building_a.right {
    -webkit-transform: translate(0px, -20vw) rotateX(0deg) rotateY(-60deg) rotateZ(0deg);
    transform: translate(0px, -20vw) rotateX(0deg) rotateY(-60deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item.building_b {
    background-image: url('../images/02-01.png');
}

.item.building_b.right {
    -webkit-transform: translate(0px, -20vw) rotateX(0deg) rotateY(-60deg) rotateZ(0deg);
    transform: translate(0px, -20vw) rotateX(0deg) rotateY(-60deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item.building_c {
    background-image: url('../images/03-01.png');
}

.item.building_c.right {
    -webkit-transform: translate(0px, -20vw) rotateX(0deg) rotateY(-60deg) rotateZ(0deg);
    transform: translate(0px, -20vw) rotateX(0deg) rotateY(-60deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item.building_d {
    background-image: url('../images/04-01.png');
}

.item.building_d.right {
    -webkit-transform: translate(0px, -20vw) rotateX(0deg) rotateY(-60deg) rotateZ(0deg);
    transform: translate(0px, -20vw) rotateX(0deg) rotateY(-60deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item.lamp {
    background-image: url('../images/lamp_01.png');
    -webkit-transform: translate(0px, -20vw) rotateX(0deg) rotateY(60deg) rotateZ(0deg);
    transform: translate(0px, -20vw) rotateX(0deg) rotateY(60deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item.lamp.right {
    -webkit-transform: translate(0px, -20vw) rotateX(0deg) rotateY(-60deg) rotateZ(0deg);
    transform: translate(0px, -20vw) rotateX(0deg) rotateY(-60deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item.cloud_a {
    background-image: url('../images/cloud_01.png');
    -webkit-transform: translate(25vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    transform: translate(25vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item.cloud_b {
    background-image: url('../images/cloud_02.png');
    -webkit-transform: translate(12.5vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    transform: translate(12.5vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item.cloud_c {
    background-image: url('../images/cloud_03.png');
    -webkit-transform: translate(62.5vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    transform: translate(62.5vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item.cloud_d {
    background-image: url('../images/cloud_04.png');
    -webkit-transform: translate(25vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    transform: translate(25vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item.cloud_e {
    background-image: url('../images/cloud_05.png');
    -webkit-transform: translate(50vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    transform: translate(50vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item.cloud_f {
    background-image: url('../images/cloud_01.png');
    -webkit-transform: translate(12.5vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    transform: translate(12.5vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item.cloud_g {
    background-image: url('../images/cloud_02.png');
    -webkit-transform: translate(37.5vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    transform: translate(37.5vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item.cloud_h {
    background-image: url('../images/cloud_03.png');
    -webkit-transform: translate(62.5vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    transform: translate(62.5vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item.cloud_i {
    background-image: url('../images/cloud_04.png');
    -webkit-transform: translate(-12.5vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    transform: translate(-12.5vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item.cloud_j {
    background-image: url('../images/cloud_05.png');
    -webkit-transform: translate(25vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    transform: translate(25vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item.pages {
    left: -25vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50vw;
    height: 50vw;
    padding-bottom: 5vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: none;
    -webkit-transform: translate(0px, -50vw);
    -ms-transform: translate(0px, -50vw);
    transform: translate(0px, -50vw);
}

.item.cloud_k {
    background-image: url('../images/cloud_01.png');
    -webkit-transform: translate(50vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    transform: translate(50vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item.cloud_l {
    display: none;
    background-image: url('../images/cloud_02.png');
    -webkit-transform: translate(75vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    transform: translate(75vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item.cloud_m {
    background-image: url('../images/cloud_03.png');
    -webkit-transform: translate(0vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    transform: translate(0vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item.cloud_n {
    background-image: url('../images/cloud_04.png');
    -webkit-transform: translate(37.5vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    transform: translate(37.5vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item.cloud_o {
    background-image: url('../images/cloud_05.png');
    -webkit-transform: translate(-12.5vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    transform: translate(-12.5vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item.cloud_p {
    background-image: url('../images/cloud_01.png');
    -webkit-transform: translate(25vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    transform: translate(25vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item.cloud_q {
    background-image: url('../images/cloud_02.png');
    -webkit-transform: translate(50vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    transform: translate(50vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item.cloud_r {
    display: none;
    background-image: url('../images/cloud_03.png');
    -webkit-transform: translate(75vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    transform: translate(75vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item.cloud_s {
    background-image: url('../images/cloud_04.png');
    -webkit-transform: translate(12.5vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    transform: translate(12.5vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item.cloud_t {
    background-image: url('../images/cloud_05.png');
    -webkit-transform: translate(37.5vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    transform: translate(37.5vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item.cloud_u {
    background-image: url('../images/cloud_01.png');
    -webkit-transform: translate(62.5vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    transform: translate(62.5vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item.cloud_v {
    background-image: url('../images/cloud_02.png');
    -webkit-transform: translate(25vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    transform: translate(25vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item.cloud_w {
    background-image: url('../images/cloud_03.png');
    -webkit-transform: translate(50vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    transform: translate(50vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item.cloud_x {
    background-image: url('../images/cloud_04.png');
    -webkit-transform: translate(12.5vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    transform: translate(12.5vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item.cloud_y {
    background-image: url('../images/cloud_05.png');
    -webkit-transform: translate(62.5vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    transform: translate(62.5vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item.cloud_z {
    background-image: url('../images/cloud_01.png');
    -webkit-transform: translate(25vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    transform: translate(25vw, -50vw) rotateX(90deg) rotateY(-45deg) rotateZ(90deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.lamps.tilt.axis {
    -webkit-transform: rotateX(12deg) rotateY(-15deg) rotateZ(-15deg);
    transform: rotateX(12deg) rotateY(-15deg) rotateZ(-15deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.lamps.tilt.axis.right {
    -webkit-transform: rotateX(12deg) rotateY(15deg) rotateZ(15deg);
    transform: rotateX(12deg) rotateY(15deg) rotateZ(15deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.clouds.tilt.axis {
    -webkit-transform: rotateX(-45deg) rotateY(0deg) rotateZ(-90deg);
    transform: rotateX(-45deg) rotateY(0deg) rotateZ(-90deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.pages.tilt.axis {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.text_a {
    position: relative;
    font-family: 'Changa One', Impact, sans-serif;
    color: #fff;
    font-size: 75px;
    line-height: 60px;
    text-align: center;
}

.button_overlay {
    position: absolute;
    left: -15vw;
    top: -25vh;
    z-index: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 30vw;
    height: 25vh;
    margin-top: 50vh;
    margin-left: 50vw;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: hsla(0, 0%, 100%, 0);
}

.button_overlay.contact {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.balloon {
    position: fixed;
    left: -25vw;
    top: 0vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50vw;
    height: 50vw;
    margin-left: 25vw;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url('../images/balloon.png');
    background-position: 0px 0px;
    background-size: cover;
}

.button_holder {
    position: absolute;
    display: block;
    width: 100vw;
    height: 100vh;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer {
    position: fixed;
    left: auto;
    top: auto;
    right: 0%;
    bottom: 0%;
    z-index: 500;
    display: block;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.text_b {
    font-family: 'Changa One', Impact, sans-serif;
    color: #fff;
    font-size: 32px;
    line-height: 40px;
    font-weight: 400;
    text-align: center;
}

.text_c {
    font-family: 'Changa One', Impact, sans-serif;
    color: #fff;
    font-size: 50px;
    line-height: 36px;
    text-align: center;
}

.vimeo {
    max-width: 18.75vw;
}

.button_third {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: rgba(56, 152, 236, 0.5);
}

.button_third.dummy {
    cursor: default;
}

.button_link {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: rgba(255, 255, 255, 0);
}

.button_link.dummy {
    cursor: default;
}

@media screen and (max-width: 991px) {
    .section.section_middle {
        margin-top: 6.25vh;
        -webkit-transform: scale(1.25);
        -ms-transform: scale(1.25);
        transform: scale(1.25);
    }
    .menu_button.credit {
        font-size: 10px;
    }
    .text_a {
        font-size: 60px;
        line-height: 45px;
    }
    .button_overlay {
        left: -20vw;
        width: 40vw;
        margin-top: 56.25vh;
    }
    .text_b {
        font-size: 24px;
        line-height: 30px;
    }
    .text_c {
        font-size: 40px;
        line-height: 30px;
    }
}

@media screen and (max-width: 767px) {
    .section.section_middle {
        margin-top: 12.5vh;
        -webkit-transform: scale(1.375);
        -ms-transform: scale(1.375);
        transform: scale(1.375);
    }
    .text_a {
        font-size: 50px;
        line-height: 40px;
    }
    .button_overlay {
        left: -30vw;
        width: 60vw;
        margin-top: 62vh;
    }
    .text_b {
        font-size: 20px;
        line-height: 25px;
    }
    .text_c {
        font-size: 30px;
        line-height: 25px;
    }
}

@media screen and (max-width: 479px) {
    .section.section_middle {
        margin-top: 25vh;
    }
    .menu_button.button_01 {
        padding: 10px;
        font-size: 12px;
    }
    .menu_button.button_02 {
        padding: 10px;
        font-size: 12px;
    }
    .menu_button.button_03 {
        padding: 10px;
        font-size: 12px;
    }
    .menu_button.button_03.w--current {
        font-size: 15px;
    }
    .menu_button.button_04 {
        padding: 10px;
        font-size: 12px;
    }
    .menu_button.button_05 {
        padding: 10px;
        font-size: 15px;
    }
    .menu_button.button_05.w--current {
        font-size: 12px;
    }
    .menu_button.credit {
        padding: 5px 10px;
        font-size: 8px;
    }
    .text_a {
        font-size: 40px;
        line-height: 30px;
    }
    .button_overlay {
        left: -40vw;
        width: 80vw;
        margin-top: 75vh;
    }
    .text_b {
        font-size: 16px;
        line-height: 20px;
    }
    .text_c {
        font-size: 25px;
        line-height: 25px;
    }
}