@font-face {
        font-family: Proxima-Nova-Black;
		src: url(fonts/ProximaNovaBlack.woff) format('woff');
    }

@font-face {
        font-family: Proxima-Nova-Bold;
		src: url(fonts/ProximaNovaBold.woff) format('woff');
}

@font-face {
        font-family: Proxima-Nova-Font;
		src: url(fonts/ProximaNovaFont.woff) format('woff');
}



::-webkit-scrollbar-track
{
	background-color: transparent;
}

::-webkit-scrollbar
{
	width: 6px;
	background-color: transparent;
}

::-webkit-scrollbar-thumb
{
	background-color: #ff0087;
}

.mobile-content:before{
    content: '';
    mix-blend-mode: multiply;
    display: block;
    background-size: contain;
    background-image: url(assets/Rotate-screen.png);
    background-position: center;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
	margin-top:10vh;
    margin-bottom: 15px;
    min-height: 150px;
	height:30vh;
	max-height:400px;
	animation: fadeIn 5s;
	-webkit-animation: fadeIn 1s;
	-moz-animation: fadeIn 1s;
	-o-animation: fadeIn 1s;
	-ms-animation: fadeIn 1s;
	}
	
	.mobile-content{
	animation: fadeIn 1s;
	-webkit-animation: fadeIn 1s;
	-moz-animation: fadeIn 1s;
	-o-animation: fadeIn 1s;
	-ms-animation: fadeIn 1s;
	}
	
	
.switch{
 background:transparent;
 text-align:center;
 color:#FF0087;
 display:block;
 margin-left:auto;
 margin-right:auto;
 line-height:30px;
 margin-top:5px;
 font-size:16px;
 text-transform:uppercase;
 text-decoration:none;
}		

.desktop-content, #begin{
	display:none;
}

.desktop .desktop-content{
	display:block;
}


.desktop #begin{
	display:inline-block !important;
}
.desktop .mobile-content{
	display:none;
}

.mobile-content p{
    text-transform:uppercase;
	font-size:15px;
	margin-top:20px;
	margin-bottom:0;
}

.iframe-wrapper{
	position:relative;
}


.iframe-sound{
	position:absolute;
	z-index:111111111;
	bottom:50px;
	margin-left:1%;
}


.hide-content{
	display:none !Important;
}

.show-content{
	display:block !Important;
}

button, a{
	cursor:pointer;
}

body{
  overflow-x:hidden;
  margin:0 !important;
  box-sizing border-box
  height: -webkit-fill-available !important;
  background-color:#2D2E4D;
}

html{
	 box-sizing border-box
	 height: -webkit-fill-available !important;
}

.landing-header{
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
	position:relative;
	z-index:1;
}


.landing-header:before{
	content:'';
	width:100%;
	height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
	position:absolute;
	top:0;
	left:0;
	opacity:.999;
	display:block;
	background-image:url(assets/TalTech-360-min.jpg);
	background-size:cover;
	background-position:center;
	z-index:-1;
}


.landing-title{
	text-align:center;
	position:relative;
	z-index:2;
	width:100% !important;
	max-width:100%;
	padding:3.25rem 1rem 0 1rem;
	margin-left:auto;
	margin-right:auto;
}

.landing-title h2, .landing-title p{
	color:#fff;
    text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.landing-title h2{
    font-size:36px;
	line-height:1em;
	max-width:460px;
}

.landing-title p{
    font-size:20px;
	line-height:1.4em;
}

#begin{
    background: transparent;
    border: solid 2px #FF0087 !important;
    border-radius: 50px;
    color: #FF0087;
    margin-top: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 18px;
    width: 220px;
    margin-bottom: 5px;
    line-height: 38px;
}

.desktop #begin{
	margin-top:20px;
	margin-bottom:20px;
	box-shadow: 0 0 25px 5px #FF0087;
	-webkit-animation: blink 1s infinite alternate;
    animation: blink 1s infinite alternate;
	transition:.5s;
}


#begin:hover{
	transform:translatey(-5px);
	transition:.5s;
	-webkit-animation: dontblink 1s alternate;
	animation: dontblink 0s alternate;
	box-shadow: 0 0 3px #fa81c1, 0 0 10px #fa81c1, 0 0 20px #fa81c1, 0 0 40px #FF0087,
      0 0 70px #FF0087, 0 0 60px #FF0087;
}

.banner-footer{
	width:98%;
	left:1%;
	right:1%;
	top: calc(100vh - calc(100vh - 100%) - 100px);
	height:80px;
	z-index:1;
	display:block !important;
	position:absolute !important;
}


.i .banner-footer {
    top: calc(100vh - calc(100vh - 100%) - 60px);
}


.banner-footer button, .iframe-sound button{
	font-size:0;
	background-color:transparent;
}

.sound-btn{
  width:50px;
	position:absolute;
	top:10px;
	right:5px;
	margin-left:auto;
}
::-moz-selection {
  background: transparent !important;
}

::selection {
   background: transparent !important;
}
#fullScreen{
	width:28px;
	height:28px;
	margin-right:20px !Important;
	background-image:url(assets/Full-screen.svg);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
}

#fullScreen.exit {
    background-image: url(assets/exit.svg);
}

#play{
	width:32px;
	height:32px;
	background-image:url(assets/Sound.svg);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
}

#play-video{
	width:80px;
	height:80px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	display:block;
	margin-top:0;
	padding-top:0;
	vertical-align:top;
	background-image:url(assets/move.svg);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
}


.playing{
background-image:url(assets/mute.png) !important;
}

.footer-left{
	width:33%;
	height:40px;
	vertical-align:bottom;
	display:inline-block;
}

.footer-center{
	width:33%; 
	vertical-align:top;
	display:none;
}

.footer-right{ 
	vertical-align:bottom;
	display:inline-block;
	width:33%;
}


@media (max-width:900px){
	.footer-left{
	width:33%;
	height:40px;
}
	#play-video{
		width:60px;
	}
	.banner-footer{
		bottom:30px;
	}
	.footer-right {
    width: 32%;
}
	
	.footer-right svg{
		max-width:60px !important;
	}
}
	.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li{
		margin-bottom:0;
	}

@media (min-width:1200px){
		.landing-title h2{
		margin-top:calc(45vh - 150px);
	}
}
@media (max-width:1199px){
		.landing-title h2{
		margin-top:calc(35vh - 150px);
	}
}

@media (max-width:800px){
	.footer-left{
	width:32%;
	height:40px;
}
.footer-left, .footer-center, .footer-right{
	width:32.9%;
	margin:-2px;
}
	
	#play-video{
		width:60px;
	}
	.banner-footer{
		bottom:30px;
	}
	
	.footer-right svg{
		max-width:60px !important;
	}
	
}

.is-active .footer-left{
		width:100px;
	}
	
	.is-active .footer-right{
		width:100px;
		float:right;
	}
.is-active .banner-footer {
    top: calc(100vh - calc(100vh - 100%) - 60px);
    height: 60px;
	}
@media screen and (max-width:960px) and (orientation:landscape){
	.mobile .landing-title{
		margin-top: 0;
	}

	.mobile .desktop-content{
		display:block;
	}
	#begin, .mobile #begin{
		display:inline-block !Important;
	}
	.banner-footer {
    top: calc(100vh - calc(100vh - 100%) - 60px);
    height: 60px;
	}
	
	.footer-left{
		width:100px;
	}
	.footer-center{
		display:none;
	}
	.footer-right{
		width:100px;
		float:right;
	}

	.mobile .mobile-content:before, .mobile-content, .footer-center{
		display:none !important;
	}
	

	
	.mobile .banner-footer{
	 bottom:10px;
	}
	
	.mobile .landing-title h2{
		font-size:30px;
	}
	
	.mobile .landing-title{
		width:100%;
	}
	
	.landing-title button{
		width:220px;
		padding:0 12px;
		font-size:16px;
	}
	
	.landing-title p{
		font-size:18px;
	}
	
	.sound-btn{
		z-index:11111;
		display:block;
	}
	
	.mobile .landing-title p{
		margin-top:0;
	}
	.mobile .landing-title h2{
		margin-bottom:10px;
	}
	
	#play-video{
		width:50px;
	}
	
}

.mobile .banner-footer{
	max-width:96%;
	margin-left:2%;
	top:calc(100vh - calc(100vh - 100%) - 75px);
}

.mobile #fullScreen{ 
  display:none !important;
}

@media screen and (orientation:landscape){
	
	.mobile .banner-footer{
		bottom:10px;
		width:150px;
	}
	
.mobile .footer-right {
    float: right;
    position: fixed;
    right: 0;
}


.hGGnoQ > div > div > div > div{
	overflow:auto scroll;
}

.hGGnoQ > div > div > div > div ::-webkit-scrollbar-track
{
	background-color: transparent;
}

.hGGnoQ > div > div > div > div ::-webkit-scrollbar
{
	width: 6px;
	background-color: transparent;
}

.hGGnoQ > div > div > div > div ::-webkit-scrollbar-thumb
{
	background-color: #ff0087;
}

.hGGnoQ > div > div > div > div ::-webkit-scrollbar-thumb {
    height: 2px;
    border: 1px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border-radius: 7px;
    background-color: rgba(0, 0, 0, 0.15);
    box-shadow: rgb(0 0 0 / 5%) -1px -1px 0px inset, rgb(0 0 0 / 5%) 1px 1px 0px inset;
}

}


.top-row{
	position:absolute;
	top:0;
	z-index:11111;
	right:0;
	width:100%;
	height:50px;
}


@media (max-width:600px){
	.landing-title begin{
		width:220px;
		padding:0 12px;
		margin-top:30px;
		font-size:16px;
	}
	
	.landing-title h2{
		font-size:30px;
	}
	
	.landing-title h2{
	width:100%;
	margin-top: 30px;
	}
	
	.landing-title p{
		font-size:16px;
	}
}

@media (min-width:600px) and (orientation:landscape){
	.desktop .footer-center{
	display:inline-block;
}
	
}

@media (min-width:600px) and (orientation:portrait){
	.desktop .mobile-content, #play-video{
	display:none;
}


.footer-right{
	position:fixed !important;
	bottom:20px;
	right:10px;
}

#fullScreen{
	display:none;
}

.footer-left {
	width:40px !important;
    position: fixed;
    top: 20px;
    right: 20px;
    width: 30px;
}

.mobile .desktop-content{
	display:block;
}	

.mobile #begin{
	display:inline-block !important;
}	
}

.footer-right svg{
	display:block;
	max-height:40px;
	max-width:90px;
	text-align:right;
	margin-right:0;
	margin-left:auto;
	vertical-align:bottom;
}

@-webkit-keyframes blink {
  100% {
    box-shadow: 0 0 3px #fa81c1, 0 0 10px #fa81c1, 0 0 20px #fa81c1, 0 0 40px #FF0087,
      0 0 70px #FF0087, 0 0 60px #FF0087;
  }
}

@keyframes blink {
  100% {
    box-shadow: 0 0 3px #fa81c1, 0 0 10px #fa81c1, 0 0 20px #fa81c1, 0 0 40px #FF0087,
      0 0 70px #FF0087, 0 0 60px #FF0087;
  }
}
@keyframes dontblink {
  100% {
  	box-shadow: 0 0 25px 5px #FF0087;
  }
}
h3:before{
	display: inline-block !important;
}

h1, h2, h3, h4{
	color:#fff;
	font-family:Proxima-Nova-Bold !important;
}

p{
	font-family:Proxima-Nova-Font !important;
	font-weight:500;
	color:#fff !important;
}

.vr-iframe{
	width:100%;
	height: 100vh; /* Fallback for browsers that do not support Custom Properties */
    height: calc(var(--vh, 1vh) * 100);
}





#ast-desktop-header{
	display:none;
}

.vjs-poster{
	
}

.pano-wrap{
	width:100% !important;
	height: calc(100vh - calc(100vh - 100%)) !important;
}


.vc_column_container>.vc_column-inner{
	padding-left:0;
	padding-right:0;
}


.vjs-poster{
	background-image:url(assets/Browser_2_browse-min.jpg) !important;
	background-size:cover;
}

.pnlm-about-msg{
	display:none !Important;
}


#pano54{
	position:absolute;
}


.outer-cont{
	position:relative;
}

#hot1{
	position:absolute;
	bottom:45%;
	left:16%;
	color:#fff;
	z-index:11 !Important;
}


.astra-cart-drawer.open-right{
	display:none !important;
}

.svg-layer{
	position:absolute;
	z-index:111;
	top:0;
	cursor: move;
}

.pnlm-hotspot-base{
	z-index:11111111111111111111!important; 
}

div.pnlm-tooltip span{
	background-color:transparent !Important;
}


.hGGnoQ {
	top:40%;
    text-align: left;
    padding: 0 1.2em 1em;
    max-width: 500px !important;
    max-height:100%; 
	border-radius:0 !important;
    background: transparent!important;
}

.egWCZz {
    top:40%;   
    border-radius:0 !important;
    width: max-content;
    height: max-content;
    background: #191c33a8!important;
    color: #fff;
    box-shadow: rgb(0 0 0 / 0%) 0px  0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px inset !important;  
}


.hptBjf{
background:transparent !important;
}

.svg-inline--fa.fa-w-16 svg, .videoWidgetBar{
display:none !important;
}
.TourViewer__RotateDesktopImage-oodlia-2 bxqqOP{
display:none !important;
}
@media screen and (max-width: 812px){
	.egWCZz {
		height: calc(100vh - calc(100vh - 100%)) !important;
	}
}

.svg-inline--fa.fa-w-16:before{
content:'';
background-image:url(assets/letter-x.png);
width:30px;
height:30px;
display:inline-block;
background-size:30px;
background-repeat:no-repeat;
background-position:center;
}

.jAPdNr, .btn-hide-controls, .ldGanw, .btn-vr-control, .hIvoMe{
display:none !important;
}

.Modal__BannerSection-lhk90q-3:before{
content:'';
background-image:url(assets/letter-x.png);
width:30px;
height:30px;
display:inline-block;
background-size:30px;
background-repeat:no-repeat;
background-position:center;
}

.hWrsDS .hGGnoQ, .Modal__ModalContent-lhk90q-5{
padding-top:0 !important;
}

#rootDownloadable h2{
   font-size:16px !important;
   font-family: 'proxima_nova_rgregular', Helvetica, Arial, sans-serif !important;
}
.panolens-infospot{
font-family: 'proxima_nova_rgbold', Helvetica, Arial, sans-serif !important;
}

#rootDownloadable p{
line-height:28px!Important;
font-family: 'proxima_nova_rgregular', Helvetica, Arial, sans-serif !important;
}

.modal-infospot svg{
background-image:url(assets/letter-x.png) !important;
width:13px !important;
height:13px !important;
display:inline-block;
background-size:30px !important;
background-repeat:no-repeat !important;
background-position:center !important;
}

.modal-infospot svg path{
display:none;
}
.panolens-infospot{
top:50px !important;
width:300px !important; 
max-width:300px !Important;
}

.cTULga{
 backdrop-filter: blur(10px) !Important;
}

.panolens-infospot{
display:none !important;
}

.egWCZz{
top:40% !important;
left:50%;
}

#root > div > div.TourViewer__Wrapper-oodlia-4.ePKvKm, #root > div > div.TourViewer__Wrapper-oodlia-4{
display:none !important; 
}

button{
	border:0!important;
	outline:none !Important;
}

@media (max-width:900px){
	.footer-left{
	width:33%;
	height:40px;
	}

	#play-video{
		width:60px;
	}
	
	.banner-footer{
		bottom:30px;
	}
	
	.footer-right {
    width: 32%;
}
	
	.jtxaRb .egWCZz {
    top: 0 !important;
    left: 0 !important;
	overflow-y: scroll !important;
	-webkit-overflow-scrolling: touch;
    height: calc(100vh - calc(100vh - 100%)) !important;
    z-index: 1111111111111111111 !important;
}

.bOtBAP p{
	line-height: 26px!Important;
	font-size:15px;
}

.egWCZz {
    top: 0% !important;
    left: 0%;
    max-width: 460px !important;
}
	
	.footer-right svg{
		max-width:60px !important;
	}
}

.mobile .footer-left{
		position:fixed;
		margin-top:0;
		right:0;
		top:20px;
		width:50px;
}
	

@media screen and (max-width: 812px){
	.mobile .footer-left{
		position:fixed;
		margin-right:10px;
		bottom:0;
		width:50px;
	}

.mobile #rootDownloadable p{
padding-right:10px;
}	
	.mobile .footer-center{
	 display:none;
	}
	
.mobile .footer-right {
    float: right;
	bottom:15px;
	margin-right:10px;
}

}

.desktop .landing-header:before{
	background-image:url(assets/TalTech-desktop.jpg);
}


@media screen and (min-width:800px){
	.landing-header:before{
	background-image:url(assets/TalTech-360.jpg);
}		
	
}


@media screen and (min-width:1000px){
	.mobile-content{
	animation: fadeIn 2s;
	-webkit-animation: fadeIn 2s;
	-moz-animation: fadeIn 2s;
	-o-animation: fadeIn 2s;
	-ms-animation: fadeIn 2s;
	}
}

@media (max-width:600px) and (orientation:portrait){
	.mobile .desktop-content{
		display:none !important;
	}

	.mobile .landing-title{
		height:100%;
		position:relative;
	}
	
	.mobile .footer-left{
		
		position:fixed;
		margin-top:0;
		right:0;
		top:20px;
		width:50px;
	}
	.mobile #begin{
		display:none;
	}
	
	.mobile .mobile-content{
	display:block;
}
	
	.footer-center{
		display:none;
	}
	.footer-left{
		position:fixed;
		top:20px;
		right:20px;
		width:30px;
	}
	.footer-right{
		width:100%;
	}
	
	.footer-right svg{
		text-align:center;
		margin-right:auto !important;
	}
	
	.banner-footer{
		bottom:0;
	}
	
	#fullScreen{
		display:none;
	}
	
}

.panolens-infospot:hover{
	transform:scale(1)!Important;
}

.mobile #rootDownloadable p{
	font-size:14px !important;
	line-height:25px !Important;
}
.HYoHN, .modal-infospot{
	backdrop-filter: blur(10px) !important;	
}
h3:before{
	margin-top:-25px;
}


@media (max-width:700px) and (orientation:portrait){
.mobile .footer-right {
    width: 70px;
    float: none;
    bottom: 15px;
    margin-left: 50%;
    transform: translate(-50%);
    margin-right: 5px;
}

}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}