html, body {height:100vh;}
	body {
	margin: 0;
	padding: 0;
	font-family: 'Cardo', Nunito Sans !important;
	}
	#photosphere {
		width: 100vw;
		height: 100vh;
	}

    .modal-dialog{
        margin-top:8.5% !important;
    }

.modal-title
{
	font-size: 24px !important;
    font-weight: 600;
}
	img.logo-pano {
		position: fixed;
		top: 20px;
		left:20px;
		z-index: 11;
	}
    .company_site{
        position: fixed;
		top: 30px;
		right:30px;
		z-index: 11;
        text-align:right;
    }

    .modal-content img{
        width:100%;
    }

	img.logo-pano.desktop {
		width: 125px;
	}
    .company_logo{
        width: 35%;
        opacity: 0.6;
        margin-left: auto;
    }
	img.logo-pano.mobile {
		width: 90px;
		display: none;
	}

	@media screen and (max-width: 768px) {
		img.logo-pano.mobile {
			display: block !important;
		}

		img.logo-pano.desktop {
			display: none !important;
		}
	}

	@media screen and (min-width: 769px) {
		img.logo-pano.mobile {
			display: none !important;
		}

		img.logo-pano.desktop {
			display: block !important;
		}
	}

	.psv-marker{
		/*transition: all .2s ease-in-out;*/
		opacity:0.5;
	}

	.psv-marker:before {
		content: 'i';
		width: 46px;
		height: 46px;
		background-color:#000;
		border-radius: 50%;
		display: inline-block;
		color: #fff;
		font-weight: 600;
		position: fixed;
		top: 100px;
		z-index: 99999;
	}

	.psv-marker:hover{
		opacity:1.0;
	}
.modal-content{
    line-height:15px !important;
}