/* fonts */
@font-face {
    font-family: 'SourceSansPro';
    src: url('sourcesanspro-regular.eot');
    src: url('sourcesanspro-regular.eot?#iefix') format('embedded-opentype'), url('sourcesanspro-regular.woff') format('woff'), url('sourcesanspro-regular.ttf') format('truetype'), url('sourcesanspro-regular.svg#sourcesanspro') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('opensans-regular.eot');
    src: url('opensans-regular.eot?#iefix') format('embedded-opentype'), url('opensans-regular.woff') format('woff'), url('opensans-regular.ttf') format('truetype'), url('opensans-regular-.svg#opensans') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
    overflow-x: hidden;
    overflow-y: hidden;
}

body {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    font-family: SourceSansPro, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
}

img {
    border-width: 0px;
}

div {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: "";
        clear: both;
        height: 0;
}

a:hover {
    cursor: pointer;
}

/* container */
#screen {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#video {
    position: absolute;
    width: 100%;
    z-index: 94;
}

video {
    width: 100%;
}

#cameraback {
    position: absolute;
    width: 100%;
    z-index: 92;
}

    #cameraback > img {
        width: 100%;
        height: 100%;
    }

#camera {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 95;
}

    #camera > img {
        width: 100%;
        height: 100%;
    }

#overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 96;
}

    #overlay > img {
        position: absolute;
        width: 100%;
        height: 100%;
    }


#objectmovie {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 97;


}

    #objectmovie > img {
        position: absolute;
        width: 100%;
        height: 100%;
    }

.objectmovie-controller {
    cursor: all-scroll;
}

#buttons {
    position: absolute;
    z-index: 98;
    width: 100%;
    height: 100%;
}

#pano {
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 100%;

    cursor: all-scroll;
}

#credentials {
    display: none;
}

#loading {
    position: absolute;
    width: 128px;
    height: 15px;
    top: 50%;
    left: 50%;
    margin-left: -64px;
    margin-top: -8px;
    z-index: 9999;
}


.hide-below-640 {
    display: none;
}

@media (min-width: 640px) {
    .hide-below-640 {
        display: inherit;
    }
}


#logo {
    display: none;
    height: 80px;
    padding: 10px 0px;
}

#footer {
    display: none;
    padding: 4px 0px;
}

#footer.fixed {
    display: block;
    height: 32px !important; 
    padding: 0px !important;
    margin: 0px !important;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 125;  
}

#imagelightbox
{
    position: fixed;
    z-index: 9999;
 
    -ms-touch-action: none;
    touch-action: none;
}

#imagelightbox-overlay {
        position: fixed;
        z-index: 9998;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
}
#imagelightbox-overlay
{
        -webkit-animation: fade-in .25s linear;
        animation: fade-in .25s linear;
}



#imagelightbox-close
{
        
        opacity: 0.7;     
        transition-duration: .25s;

        background-position: center center;
        background-repeat: no-repeat;
        background-size: 32px 32px;
 
        width: 32px;
        height: 32px; 
        position: fixed;
        z-index: 10002;
        top: 1%;
        right: 1%; 

}
#imagelightbox-close:hover,
#imagelightbox-close:focus
{
        opacity: 1;
        transition-duration: .25s;
}

.video-js {
    overflow: hidden;
}