/* Pannellum 2.2.1, https://github.com/mpetroff/pannellum */
#threesixty {
        display:block;
        position:absolute;
        z-index:999999;
        text-align: left;
        color:#fff;
        left: 20px;
        top: 20px;
    }
	
	body{
		background-image: url("img/placeholder.jpg");
	}
	
        .pnlm-container {
            margin: 0;
            padding: 0;
            overflow: hidden;
            position: relative;
            cursor: default;
            width: 100%;
            height: 100%;
            font-family: Verdana, Tahoma, sans-serif;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -o-user-select: none;
            -ms-user-select: none;
            user-select: none;
            outline: 0;
            line-height: 1.4
        }
        .pnlm-container * {
            box-sizing: content-box
        }
        .pnlm-grab {
            cursor: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2226%22%20width%3D%2226%22%3E%0A%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%221px%22%20fill%3D%22%23fff%22%20d%3D%22m15.3%2020.5s6.38-6.73%204.64-8.24-3.47%201.01-3.47%201.01%203.61-5.72%201.41-6.49c-2.2-0.769-3.33%204.36-3.33%204.36s0.873-5.76-1.06-5.76-1.58%205.39-1.58%205.39-0.574-4.59-2.18-4.12c-1.61%200.468-0.572%205.51-0.572%205.51s-1.58-4.89-2.93-3.79c-1.35%201.11%200.258%205.25%200.572%206.62%200.836%202.43%202.03%202.94%202.17%205.55%22%2F%3E%0A%3C%2Fsvg%3E%0A') 12 8, default
        }
        .pnlm-grabbing {
            cursor: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2226%22%20width%3D%2226%22%3E%0A%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%221px%22%20fill%3D%22%23fff%22%20d%3D%22m15.3%2020.5s5.07-5.29%203.77-6.74c-1.31-1.45-2.53%200.14-2.53%200.14s2.74-3.29%200.535-4.06c-2.2-0.769-2.52%201.3-2.52%201.3s0.81-2.13-1.12-2.13-1.52%201.77-1.52%201.77-0.261-1.59-1.87-1.12c-1.61%200.468-0.874%202.17-0.874%202.17s-0.651-1.55-2-0.445c-1.35%201.11-0.68%202.25-0.365%203.62%200.836%202.43%202.03%202.94%202.17%205.55%22%2F%3E%0A%3C%2Fsvg%3E%0A') 12 8, default
        }
        .pnlm-sprite {
            background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%22156%22%3E%0A%3Ccircle%20fill-opacity%3D%22.78%22%20cy%3D%22117%22%20cx%3D%2213%22%20r%3D%2211%22%20fill%3D%22%23fff%22%2F%3E%0A%3Ccircle%20fill-opacity%3D%22.78%22%20cy%3D%22143%22%20cx%3D%2213%22%20r%3D%2211%22%20fill%3D%22%23fff%22%2F%3E%0A%3Cpath%20d%3D%22m5%2083v6h2v-4h4v-2h-6zm10%200v2h4v4h2v-6h-6zm-5%205v6h6v-6h-6zm-5%205v6h6v-2h-4v-4h-2zm14%200v4h-4v2h6v-6h-2z%22%2F%3E%0A%3Cpath%20d%3D%22m13%20110a7%207%200%200%200%20-7%207%207%207%200%200%200%207%207%207%207%200%200%200%207%20-7%207%207%200%200%200%20-7%20-7zm-1%203h2v2h-2v-2zm0%203h2v5h-2v-5z%22%2F%3E%0A%3Cpath%20d%3D%22m5%2057v6h2v-4h4v-2h-6zm10%200v2h4v4h2v-6h-6zm-10%2010v6h6v-2h-4v-4h-2zm14%200v4h-4v2h6v-6h-2z%22%2F%3E%0A%3Cpath%20d%3D%22m17%2037.9998v2h-8v-2z%22%2F%3E%0A%3Cpath%20d%3D%22m12%209v3h-3v2h3v3h2v-3h3v-2h-3v-3h-2z%22%2F%3E%0A%3Cpath%20d%3D%22m13%20136-6.125%206.125h4.375v7.875h3.5v-7.875h4.375z%22%2F%3E%0A%3C%2Fsvg%3E%0A')
        }

        .pnlm-container:-moz-full-screen {
            height: 100%!important;
            width: 100%!important
        }
        .pnlm-container:-webkit-full-screen {
            height: 100%!important;
            width: 100%!important
        }
        .pnlm-container:fullscreen {
            height: 100%!important;
            width: 100%!important
        }
        .pnlm-render-container {
            cursor: inherit;
            position: absolute;
            height: 100%;
            width: 100%
        }
        .pnlm-controls {
            position: absolute;
            background-color: #fff;
            border: 1px solid #999;
            border-color: rgba(0, 0, 0, 0.4);
            border-radius: 3px;
            cursor: pointer;
            z-index: 2;
            -webkit-transform: translateZ(9999px);
            transform: translateZ(9999px);
            display:none;
        }
        .pnlm-control:hover {
            background-color: #f8f8f8
        }
        .pnlm-zoom-controls {
            top: 4px;
            left: 4px;
            width: 26px;
            height: 52px;
            display:none;
        }
        .pnlm-zoom-in {
            width: 100%;
            height: 50%;
            position: absolute;
            top: 0;
            border-radius: 3px 3px 0 0
        }
        .pnlm-zoom-out {
            width: 100%;
            height: 50%;
            position: absolute;
            bottom: 0;
            background-position: 0 -26px;
            border-top: 1px solid #ddd;
            border-top-color: rgba(0, 0, 0, 0.10);
            border-radius: 0 0 3px 3px
        }
        .pnlm-fullscreen-toggle-button {
            top: 66px;
            left: 4px;
            width: 26px;
            height: 26px
        }
        .pnlm-fullscreen-toggle-button-inactive {
            background-position: 0 -52px
        }
        .pnlm-fullscreen-toggle-button-active {
            background-position: 0 -78px
        }
        .pnlm-panorama-info {
            position: absolute;
            bottom: 4px;
            background-color: rgba(0, 0, 0, 0.7);
            border-radius: 0 3px 3px 0;
            padding-right: 10px;
            color: #fff;
            text-align: left;
            display: none;
            z-index: 2;
            -webkit-transform: translateZ(9999px);
            transform: translateZ(9999px)
        }
        .pnlm-title-box {
            position: relative;
            font-size: 20px;
            display: table;
            padding-left: 5px;
            margin-bottom: 3px
        }
        .pnlm-author-box {
            position: relative;
            font-size: 12px;
            display: table;
            padding-left: 5px
        }
        .pnlm-load-box {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 200px;
            height: 150px;
            margin: -75px 0 0 -100px;
            /*background-color: rgba(0, 0, 0, 0.7);*/
            border-radius: 3px;
            text-align: center;
            font-size: 12px;
            display: none;
            text-transform:uppercase;
            letter-spacing: 0.06em;
            color: #333;
        }
        .pnlm-load-box p {
            margin: 20px 0 5px 0;
        }
        .pnlm-lbox {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 20px;
            height: 20px;
            margin: -10px 0 0 -10px;
            display: none
        }
        .pnlm-loading {
            animation-duration: 1.5s;
            -webkit-animation-duration: 1.5s;
            animation-name: pnlm-mv;
            -webkit-animation-name: pnlm-mv;
            animation-iteration-count: infinite;
            -webkit-animation-iteration-count: infinite;
            animation-timing-function: linear;
            -webkit-animation-timing-function: linear;
            height: 3px;
            width: 10px;
            background-color: #333;
            position: relative
        }
        @keyframes pnlm-mv {
            from {
                left: 0;
                top: 0
            }
            25% {
                left: 10px;
                top: 0
            }
            50% {
                left: 10px;
                top: 10px
            }
            75% {
                left: 0;
                top: 10px
            }
            to {
                left: 0;
                top: 0
            }
        }
        @-webkit-keyframes pnlm-mv {
            from {
                left: 0;
                top: 0
            }
            25% {
                left: 10px;
                top: 0
            }
            50% {
                left: 10px;
                top: 10px
            }
            75% {
                left: 0;
                top: 10px
            }
            to {
                left: 0;
                top: 0
            }
        }
        .pnlm-load-button {
            position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			margin: 0;
			padding: 0;
			cursor: pointer
        }
		
		.button-pic{
			position: absolute;
			top: 48%;
			left: 50%;
			width: 250px;
			height: 150px;
			margin: -75px 0 0 -125px;
			background-image: url("img/360-icon.png");
			background-size: 100%;
		}
		
		.button-text{
			font-family: Verdana, Tahoma, sans-serif;
			color: white;
			font-weight: bold;
			font-size: 11px;
		}
		
        .pnlm-load-button p {
            display: table-cell;
            vertical-align: middle
        }
        .pnlm-info-box {
            font-size: 15px;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 200px;
            height: 150px;
            margin: -75px 0 0 -100px;
            background-color: #000;
            border-radius: 3px;
            display: table;
            text-align: center;
            color: #fff
        }
        .pnlm-info-box a {
            color: #fff
        }
        .pnlm-info-box p {
            display: table-cell;
            vertical-align: middle;
            padding: 0 5px 0 5px
        }
        .pnlm-error-msg {
            display: none
        }
        .pnlm-about-msg {
            font-size: 11px;
            line-height: 11px;
            color: #fff;
            padding: 5px 8px 5px 8px;
            background: rgba(0, 0, 0, 0.7);
            border-radius: 3px;
            position: absolute;
            top: 50px;
            left: 50px;
            display: none;
            opacity: 0;
            -moz-transition: opacity .3s ease-in-out;
            -webkit-transition: opacity .3s ease-in-out;
            -o-transition: opacity .3s ease-in-out;
            -ms-transition: opacity .3s ease-in-out;
            transition: opacity .3s ease-in-out;
            z-index: 1
        }
        .pnlm-about-msg a:link,
        .pnlm-about-msg a:visited {
            color: #fff
        }
        .pnlm-about-msg a:hover,
        .pnlm-about-msg a:active {
            color: #eee
        }
        .pnlm-hotspot {
            position: absolute;
            height: 26px;
            width: 26px;
            visibility: hidden;
            cursor: pointer;
            border-radius: 16px;
            vertical-align: middle;
            top: 0;
            z-index: 998;
            background-color:#ffe451;
            border: 4px solid #ffe451;
            -webkit-transition: background-color 0.3s ease-in-out;
            -moz-transition: background-color 0.3s ease-in-out;
            -o-transition: background-color 0.3s ease-in-out;
            transition: background-color 0.3s ease-in-out;
        }
        /*.pnlm-hotspot:hover {
            background-color: rgba(255, 255, 255, 0.2)
        }*/
        .pnlm-hotspot.pnlm-info {
            background-position: 0 0px
        }
        .pnlm-hotspot.pnlm-scene {
            background-position: 0 0px
        }
        div.pnlm-tooltip span {
            opacity: 0;
            position: absolute;
            /*background-color: rgba(255, 255, 255, 0.9);*/
            color: #fff;
            text-align: center;
            width: 400px;
            /*padding: 5px 10px;
            margin-top: -41px;
            margin-left: -220px;*/
            cursor: default;
            font-weight: 600;
            text-rendering: optimizeLegibility;
            font-size: 24px;
            -webkit-transition: opacity 0.3s linear;
            -moz-transition: opacity 0.3s linear;
            -o-transition: opacity 0.3s linear;
            transition: opacity 0.3s linear;
            text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);
        }
        div.pnlm-tooltip:hover span {
            opacity: 1;
             -webkit-transition: opacity 0.3s ease-in-out;
            -moz-transition: opacity 0.3s ease-in-out;
            -o-transition: opacity 0.3s ease-in-out;
            transition: opacity 0.3s ease-in-out;
        }
         div.pnlm-tooltip:hover {
            background-color: #fff;
            -webkit-transition: background-color 0.3s ease-in-out;
            -moz-transition: background-color 0.3s ease-in-out;
            -o-transition: background-color 0.3s ease-in-out;
            transition: background-color 0.3s ease-in-out;
        }
        /*div.pnlm-tooltip:hover:after {
            content: '';
            position: absolute;
            width: 0;
            height: 0;
            border-width: 10px;
            border-style: solid;
            border-color: rgba(255, 255, 255, 0.9) transparent transparent transparent;
            top: -12px;
            left: 3px
        }*/
        .pnlm-compass {
            width: 50px;
            height: 50px;
            right: 4px;
            bottom: 4px;
            border-radius: 25px;
            background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2250%22%20width%3D%2250%22%3E%0A%3Cpath%20d%3D%22m24.5078%206-3.2578%2018h7.5l-3.25781-18h-0.984376zm-3.2578%2020%203.2578%2018h0.9844l3.2578-18h-7.5zm1.19531%200.9941h5.10938l-2.5547%2014.1075-2.5547-14.1075z%22%2F%3E%0A%3C%2Fsvg%3E%0A');
            cursor: default;
            display: none
        }
        .pnlm-world {
            position: absolute;
            left: 50%;
            top: 50%
        }
        .pnlm-face {
            position: absolute;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0
        }
        .pnlm-dragfix,
        .pnlm-preview-img {
            position: absolute;
            height: 100%;
            width: 100%
        }
        .pnlm-preview-img {
            background-size: cover;
            background-position: center
        }
        .pnlm-lbar {
            width: 150px;
            margin: 0 auto;
            height: 4px
        }
        .pnlm-lbar-fill {
            background: #ffe451;
            height: 100%;
            width: 0
        }
        .pnlm-lmsg {
            font-size: 12px;
            color:#fff;
            display:none;
        }
        .pnlm-fade-img {
            position: absolute;
            top: 0;
            left: 0
        }
        html {
            height: 100%
        }
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
            position: fixed;
            cursor: default;
            width: 100%;
            height: 100%
        }