/* CSS Document */
 
.main-control-buttons {position: fixed; border: 0px solid #f90; z-index: 10;}

/*LOGO*/
.main-control-buttons.mcb-logo {opacity: 1; border:0px solid #f90; top: 40px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; overflow: hidden;
    transition:opacity .4s .5s, top .4s 0s;}
.main-control-buttons.mcb-logo .l-wrapper { display: inline-block; width: auto; padding: 0 20px; height: 100%; text-align: center;transition: all .6s;}
.main-control-buttons.mcb-logo .l-image { position: relative; width: 100%; margin: 0 auto 0 auto; overflow: hidden; transition: all .6s;}
.main-control-buttons.mcb-logo .l-image img { object-fit: contain; object-position: center;}

body.page-scrolled .main-control-buttons.mcb-logo {opacity: 0; top: -250px;  transition:opacity .4s 0s, top 1.6s 1s;}

 
 
/* LANG */
.main-control-buttons.mcb-lang {
	top: 20px;
	right: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	z-index: 30;
}

.main-control-buttons.mcb-lang .lang-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	padding: 0;
	border-radius: 8px;
	background-color: rgba(255, 255, 255, .95);
	color: #0f4fa8;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .02em;
	text-decoration: none;
	box-shadow: 0 8px 18px rgba(19, 54, 106, .22);
	transition: opacity .2s ease, transform .2s ease, background-color .2s ease, color .2s ease;
}

.main-control-buttons.mcb-lang .lang-pill + .lang-pill {
	border-left: none;
}

.main-control-buttons.mcb-lang .lang-pill:hover {
	opacity: .92;
	transform: translateY(-1px);
}

.main-control-buttons.mcb-lang .lang-pill.is-active {
	background-color: #1f5fbf;
	color: #ffffff;
}

/* SERVIZIO */

.main-control-buttons.mcb-servizio {
	opacity: 0;
	left: 50px;
	bottom: 98px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	pointer-events: none;
	transform: translateY(8px);
	transition: opacity .25s ease, transform .25s ease;
	z-index: 26;
}

.main-control-buttons.mcb-servizio .mcb-contact-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 8px;
	background-color: rgba(255, 255, 255, .95);
	color: #1f5fbf;
	font-size: 17px;
	text-decoration: none;
	box-shadow: 0 8px 18px rgba(19, 54, 106, .22);
	transition: opacity .2s ease, transform .2s ease;
}

.main-control-buttons.mcb-servizio .mcb-contact-email {
	color: #1f5fbf;
}

.main-control-buttons.mcb-servizio .mcb-contact-phone {
	color: #2f2f2f;
}

.main-control-buttons.mcb-servizio .mcb-contact-whatsapp {
	color: #25d366;
}

.main-control-buttons.mcb-servizio .mcb-contact-link:hover {
	opacity: .92;
	transform: translateY(-1px);
}

.main-control-buttons.mcb-servizio.is-open {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}

.main-control-buttons.mcb-chat {
	opacity: 0;
	left: 50px;
	bottom: 50px;
	display: flex;
	z-index: 27;
	transition: opacity .4s ease;
}

.main-control-buttons.mcb-chat .mcb-chat-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border: none;
	border-radius: 10px;
	background-color: #1f5fbf;
	color: #fff;
	font-size: 17px;
	cursor: pointer;
	box-shadow: 0 10px 24px rgba(19, 54, 106, .28);
	transition: opacity .2s ease, transform .2s ease;
}

.main-control-buttons.mcb-chat .mcb-chat-toggle:hover {
	opacity: .92;
	transform: translateY(-1px);
}

.main-control-buttons.mcb-chat .mcb-chat-toggle[aria-expanded="true"] {
	background-color: #15468f;
}

.main-control-buttons.mcb-chat.show-mcb-chat {
	opacity: 1;
}
 

@media only screen and (min-width: 2000px) and (max-width: 3500px)  {		
}

@media only screen and (min-width: 1100px) and (max-width: 1280px)  {	
}

 
@media only screen and (min-width: 720px) and (max-width: 1200px)  and (max-height: 1106px)  { 	
}


@media all and (max-width: 736px) { 	
	
	.main-control-buttons.mcb-logo {top: 100px; filter: brightness(0) invert(1);  }
	.main-control-buttons.mcb-logo .l-image { height: auto; }		
	.main-control-buttons.mcb-lang { top: 10px; right: 10px; }
	.main-control-buttons.mcb-lang .lang-pill { width: 40px; height: 40px; font-size: 14px; padding: 0; }
	.main-control-buttons.mcb-chat { left: 20px; bottom: 20px; }
	.main-control-buttons.mcb-chat .mcb-chat-toggle { width: 44px; height: 44px; }
	.main-control-buttons.mcb-servizio { left: 20px; bottom: 74px; }
	.main-control-buttons.mcb-servizio .mcb-contact-link { width: 40px; height: 40px; font-size: 16px; }
    
    body.page-no-header .main-control-buttons.mcb-logo {top: 100px; filter:none;  }    
 	
}

@media all and (max-width: 420px) {	
	
}