/* GENERAL */
.background-video { width:100%; height:100%; position:absolute; pointer-events:none; max-width:100%; overflow:hidden; background-size:cover; background-position:center top; top:0; left:0; background-color:#000; z-index:0; }
.background-video:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; z-index:0; }
.background-video video { object-fit:cover; width:100%; height:100%; max-width:100%; }

.btn, .btn:hover { border: none !important; outline: none !important; box-shadow: none !important; background: transparent; }

#video { display:flex; align-items:center; justify-content:center; }
#video video { position:relative; width:100%; }

header#main-title { position: fixed; z-index: 1; left: 50%; top: 2rem; transform: translateX(-50%); }


#menu { position: fixed; left: 1rem; top: 50%; transform: translateY(-50%); z-index: 9; background-color: var(--dark-green); flex-direction: column; padding: 0; width: 65px; border-radius: 1rem; }
#menu.open { width: 270px; }

#menu .navbar-nav { position: relative; display: flex; flex-direction: column; width: 100%; }
#menu .navbar-nav li { margin: 1.5rem 0; position: relative; }
#menu .navbar-nav li a { display: flex; align-items: center; justify-content: flex-start; text-align: center; color: #ffffff; padding: 0; width: 100%; font-size: 1.15rem; }
#menu .navbar-nav li.active a { background: #ccdfde; color: var(--dark-green); }
#menu .navbar-nav li a img { margin: .5rem 1rem; }
#menu .navbar-nav li a span { padding: .5rem 1rem; line-height: 30px; display: none; }
#menu.open .navbar-nav li a span { display: inline-block; }




/* APLICATIVO */
#vivInfo-box { position: fixed; z-index: 9; right: 0; top: 0; display: block; border-radius: 1rem; border: solid 1px #ffffff; transform: scale(.75); }
#vinfobx-header { position: relative; display: block; background: rgba(224, 243, 242, .95); color: var(--dark-green); font-size: 1.35rem; padding: 1rem 2rem; border-top-left-radius: 1rem; border-top-right-radius: 1rem; }
#vinfobx-body { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(149, 207, 198, 0.9); padding: 2rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
#vinfobx-body button { background: var(--dark-green); color: #ffffff; font-size: 1.6rem; line-height: 1; padding: 1.5rem 2rem; font-weight: 600; width: 300px; border-radius: 1rem; }

#svgOvlWrp { position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; }
#disp-img { width:100%; height:100%; position:absolute; pointer-events:none; max-width:100%; overflow:hidden; top:0; left:0; background-color:#000; z-index:0; object-fit: contain; }

#lightbx { position: fixed; z-index: 99; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.9); display: flex; align-items: center; justify-content: center; }
#close-lgbtx { position: absolute; z-index: 9; right: 2rem; top: 2rem; }




/* TOUR */
#nav-floors { position: fixed; z-index: 9; right: 0; top: 50%; transform: translateY(-50%) scale(.7); transform-origin: right center; }
#nav-floors ul { display: flex; flex-direction: column; width: 100%; }
#nav-floors ul li { position: relative; display: flex; width: 100%; transform: translateX(335px);margin-bottom: 2rem; }
#nav-floors ul li.active { transform: translateX(0); }
/*#nav-floors ul li:nth-child(2) { margin: 2rem 0; }*/
#nav-floors ul li a { font-weight: 600; display: flex; position: relative; flex-direction: row; align-items: center; justify-content: flex-end; flex: 1 1 auto; min-width: 0; }
#nav-floors ul li a span { white-space: nowrap; flex-shrink: 0; }
#nav-floors ul li a span#floor-numb { width: 85px; border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; background: var(--dark-green); color: #ffffff; padding: 1rem; font-size: 3rem; }
#nav-floors ul li a span#floor-name { background: rgba(255,255,255,.75); color: var(--dark-green); padding: 1.75rem 2rem; font-size: 2rem; width: 331px; }














@media only screen and (max-width: 1024px){
	#menu .navbar-nav li { margin: 1rem 0; }
}


@media only screen and (max-width: 915px) and (max-height: 412px) and (orientation: landscape){
}


@media only screen and (max-width: 844px) and (orientation:landscape){
	
}



@media only screen and (max-width: 768px) and (orientation:portrait){
}



@media only screen and (max-height: 400px) and (orientation:landscape){
}