* {
    margin:0;
    padding:0;
    box-sizing: border-box;
}

body {
	overflow:hidden;
}
#swipe {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0.9;
    height: auto;
    transform: translate(-50%, -50%);
}

@media only screen and (max-width: 767px) {
  #swipe {width: 90vw;}
}

@media only screen and (min-width: 768px) {
  #swipe {width: 40vw;}
}

#canvas {
    width:100vw!important;
    height:100vh!important;
    background:black;
    display:none;
    cursor: grab;
    /*cursor:url(./bird-icon.png), auto !important;*/
}

#hover_text {
    position: absolute;
    z-index: 1;
    color: #F2823B;
    font-family: Sackers;
    text-align: center;
    /*cursor:url(./bird-icon.png), auto !important;*/
    font-size: 10px;
    /*pointer-events: none;*/
    cursor: pointer!important;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    width: 0;
    height: 0;
}
#hover_text.hide {
    opacity: 0;
    visibility: hidden;
}
#hover_text div {
    opacity: 0;
    visibility: hidden;
    display: inline-block;
    white-space: nowrap;
}
#hover_text span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap !important;
    height: 0;
    /* text-shadow: 3px -1px 27px rgba(80,80,80,0.76); */
}
#hover_text svg {
    width: 100%;
    fill: #F2823B;
    overflow: visible;
}
#wrapper #main {
    position: absolute!important;
    top: 0!important;
    height:100vh!important;
}
.absolute-footer, html {
    background-color: transparent;
    color: white;
}

#wrapper,#main,.header-bg-color, .header-wrapper {
background-color: transparent!important;
}

#wrapper {
height:100vh!important;
}

.footer-wrapper {
    width: 100%;
    position: absolute;
    bottom: 0;
}

#loader {
    width:100vw!important;
    height:100vh!important;
    background:black;
}

#loader>img {
    left: 0;
    right: 0;
    margin: auto;
    max-width: 200px;
    top: 30%;
    bottom: 30%;
    position: absolute;
}

#wrapper #main {
    background-image:none!important;
    height:auto!important;
}