/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1755614240
Updated: 2025-08-19 14:37:20

*/
/* MAPPING Building */
.text_atelier_fog {
	color: var(--Pure-White, #FFF);
	text-align: right;
	font-feature-settings: 'liga' off;
	/* Desktop/H3 */
	font-family: "UNIQA Galano";
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	line-height: 114.5%; /* 36.64px */
	text-transform: uppercase;
}

.interactive_map_title{
	background: rgba(0, 92, 169, 0.40);
	box-shadow: 0 4px 14.5px 0 rgba(0, 0, 0, 0.10);
	padding:40px;
}
.increase-imagemap{
	transform: scale(1,1) translate(0,0);
	transform-origin: 0 0;
}

.increase-imagemap .increase-imagemap-image{
	position: relative !important;
	z-index: 0 !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	max-width: none !important;
	max-height: none !important;
	display: block !important;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}

.increase-imagemap .increase-imagemap-shape-container{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.increase-imagemap .increase-imagemap-shape{
	cursor: pointer;
	pointer-events: all;
	transition: all .25s cubic-bezier(.55,0,.1,1);
	-moz-transition: all .25s cubic-bezier(.55,0,.1,1);
	-webkit-transition: all .25s cubic-bezier(.55,0,.1,1);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	outline:none;
}

.increase-imagemap .increase-imagemap-shape:hover{
	opacity: 1 !important;
}

.increase-imagemap-building .increase-imagemap-building-name{
	position: absolute;
	top: 20px;
	left: 0;
	background: rgba(255,255,255,0.3);
	font-size: 1.3rem;
	padding: 10px 15px;
	z-index: 6;
}

/* Modal Popup */

body.modal-open {
	overflow: hidden !important;
}

#increase-imagemap-building-modal.modal{
	border: none;
	padding: 0 !important;
}

#increase-imagemap-building-modal .modal-dialog{
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	max-width: 99999999px;
	height: 100%;
	background: #fff;
}

#increase-imagemap-building-modal.modal.fade{
	opacity:1;
}

#increase-imagemap-building-modal.modal.fade .modal-dialog {
	-webkit-transform: translate(0);
	-moz-transform: translate(0);
	transform: translate(0);
	overflow: hidden;
	position: relative;
}

#increase-imagemap-building-modal .modal-content,
#increase-imagemap-building-modal .modal-content-desc{
	width: 100%;
	height: 100%;
	border: none;
	border-radius: 0;
}

.imgmap-frontend-image{
	overflow: auto;
	/*height: 100%;*/
	display: block;
	position: fixed;
	top: 54px;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	/*padding: 30px;*/
}


#increase-imagemap-building-modal .modal-content-desc #increase-imagemap-building-modal-content{
	z-index: 2;
	position: relative;
}

#increase-imagemap-building-modal .modal-content-desc .close-modal{
	z-index: 3;
	position: relative;
	float: right;
	line-height: 54px;
	width: 54px;
	-webkit-appearance: none;
	padding: 0;
	border: none;
	font-size: 2rem;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
}

#increase-imagemap-building-modal .modal-content-desc .close-modal:hover{
	opacity: 0.9;
}

.increase-imagemap-floor-modal .title{
	position: relative;
	z-index: 2;
	text-align: center;
}

#increase-imagemap-building-modal-content{
	z-index: 2;
	position: relative;
}
/*
.modal-backdrop{
	background-color: transparent;
}*/

#increase-imagemap-building-modal .modal-hover{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
	visibility: visible;
	opacity: 1;
	background: red;
	webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

#increase-imagemap-building-modal .modal-hover.hidden-modal{
	display: none !important;
	opacity: 0;
	visibility: hidden;
}

#increase-imagemap-container > div{
	margin: 0 auto;
}

#increase-imagemap-building-modal .legenda-map{
	/*margin: 15px;
	padding: 5px 15px;
	border: 1px solid #ccc;*/
}

#increase-imagemap-building-modal .legenda-map *{
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 0;
}

#increase-imagemap-building-modal .legenda-map > *:last-child{
	margin-right: 0;
}

#increase-imagemap-building-modal .legenda-map .legenda-item > span{
	vertical-align: middle;
	display: inline-block;
	width: 20px;
	height: 20px;
	opacity: 0.6;
}
.glass-container2 {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    background-color: rgba(255, 255, 255, 0.027);
    
    backdrop-filter: blur(10px);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-left: 1px solid rgba(255, 255, 255, 0.1.5);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 8px 32px 0 rgb(0 0 0 / 9%);
    /*background-color: red;*/
    
    
}

.orange-underline{
    text-decoration: underline #FF7E33 9px!important;
}