blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

* , :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

a {
    color: #fff;
    text-decoration: none;
}

a:focus, a:hover {
    color: #fff;
    text-decoration: underline
}

a:focus {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

.placeTop { 
	background: #f5f5f1;
	border-bottom: 1px solid #ccccc8;
	overflow:visible;
	position:relative;
	height: 400px;
    min-height: 400px;
	overflow: hidden;
}

.placePhotografer {font-size: 0.8em;
    color: #fff;
    text-align: right;
    padding-top: 5px;
    margin-right: 7px;
	position:absolute;
	right:0;
	z-index:1000;
	opacity:0.65;
	transition:all 0.25s linear;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .50);
}
.placePhotografer:hover { opacity:1;}
.placePhotografer a{color:#fff;}
.placePhotografer a:hover{color:#fff !important;}

.panoramaScenes { position:absolute; bottom:0vh; text-align: center; transition: 0.4s all;width: 100%; margin-bottom:0px !important; padding-left: 0px !important;}
.panoramaScenes .scenes {background-color:rgba(255,255,255,0.6); padding: 2vh 0;}
.panoramaScenesClosed {transform: translateY(calc(100% - 30px));}
.panoramaScenes li { display:inline-block; 
	font-weight:bold; color:#444; cursor:pointer; padding:5px 10px; margin:0 5px 0 3px; 
	border-radius: 4px;
	transition:all 0.5s;} 
.panoramaScenes li:hover { background-color:rgba(255,255,255,0.6);}
.panoramaScenes li.active { cursor:default;background-color:rgba(255,255,255,0.7) !important;}
.panoramaScenes .legend { background-color:transparent; opacity:0.9;display: block;margin-bottom: 1.5vh; cursor: pointer; text-shadow:1px 1px 2px rgba(0,0,0,1.00);color:#fff; }
.panoramaScenes .legend i {font-size:1.2em; opacity:0.5; transition:all 0.5s;}
.panoramaScenes .legend:hover {background-color:transparent;} 
.panoramaScenes .legendResponsive{display: none;background-color:rgba(255,255,255,0) !important;}
@media(max-width: 768px){
	.panoramaScenes li { padding: 5px 5px;margin: 0 3px 0 3px;font-size: 0.8em;}
	/*.panoramaScenes{width: 46vw;}	
	
	.panoramaScenes li.active, .panoramaScenes .legendResponsive, .legendResponsive { display: block; background-color: rgba(255,255,255,0.7);}
	.panoramaScenes li.changeSceneActivated{display: block;}
	*/
}

.rotate{
    -moz-transition: all 2s linear;
    -webkit-transition: all 2s linear;
    transition: all 2s linear;
}

.rotate.down{
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.pnlm-scenes-next,
.pnlm-scenes-prev{background-color: #fff;
opacity: 0.2;
position: absolute;
top: calc(50% - 28px);
transition: 0.3s all ease-in;
text-align: center;
padding: 20px 16px;
font-size: 1.2em;
}

.pnlm-scenes-next{right: 1px;}
.pnlm-scenes-prev{left: 1px;}

.pnlm-scenes-next:hover,
.pnlm-scenes-prev:hover{opacity: 0.7;}

#panoramaContent{height: 100%;
min-height: 100%;}
#panoramaHome {
	width: 100%;
	height: 100vh; 
	margin:auto; 
	opacity:0.85;
	transition:all 0.5s;
}

#panorama {
	width: 100%;
	height: 100%;
min-height: 100%;
	margin:auto; 
	opacity:1;
	transition:all 0.5s;
}

.touchAlert { opacity:1 !important; display:block !important;}
 #panoramaOverlay{ position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	height: 100%;
	width: 100%;
	padding: 0px;
	border-width: 0px;
	margin: 0px;
	transition: opacity 0.7s ease-in-out;
  -moz-transition: opacity 0.7s ease-in-out;
  -webkit-transition: opacity 0.7s ease-in-out;
	background-color: rgba(0, 0, 0, 0.45);
	text-align: center;
	opacity: 0;
	display:block;
	pointer-events: none;
	}
#panoramaOverlay p {font-size: 22px;
	color: white;
	font-family: Roboto, Arial, sans-serif;
	position: relative;
	margin: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)}

@media (min-width:768px) {
    #panorama {
        opacity:1;
    }
}

@media (min-width:1020px) {
    #panorama {
        opacity:1;
    }
}
@media(max-width: 768px) and (orientation: portrait){
	#panorama{height: 80vw;}	
}
@media(max-width: 768px) and (orientation: landscape){
	#panorama{height: 85vh;}	
}