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

/*LOGO*/
.main-control-buttons.mcb-logo {opacity: 0; border:0px solid #f90; top: 130px; left: 100px; display: flex; align-items: center; justify-content: center; overflow: hidden;   transition:opacity .4s .5s, width .4s 0s;}
.main-control-buttons.mcb-logo .l-wrapper { display: inline-block; width: 260px; height: 50px;  text-align: center;transition: all .6s;}
.main-control-buttons.mcb-logo .l-image { position: absolute; width: 260px; height: 50px;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 .l-wrapper {  width: 75px;  transition:all .4s 0s, width 1.2s 0s;}

@media all and (min-width: 737px) { 
body.page-scrolled .main-control-buttons.mcb-logo  {opacity: 1;  top: 40px; left: 50px; transition:all .4s 0s, width 1.2s 0s;}
body.page-no-header .main-control-buttons.mcb-logo  {opacity: 1;  top: 40px; left: 50px; transition:all .4s 0s, width 1.2s 0s;}
}
 
 
/* LANG */
.main-control-buttons.mcb-lang {top: 60px; right: 92px;  display: flex; align-items: center; justify-content: center;background-color: #183c6d; border-radius: 5px;box-shadow: 0 0 15px rgba(50,50,50,.3);transition: all .3s;}
.main-control-buttons.mcb-lang .l-wrapper { display: flex; align-items: center; gap: 0;}
.main-control-buttons.mcb-lang a{ display:inline-flex; align-items: center; justify-content: center; width: 36px; height: 40px; padding: 5px;  color: rgba(255,255,255,.5);   font-size: 14px; font-weight: 600; letter-spacing: 1px; transition: all .3s; text-decoration: none;}
.main-control-buttons.mcb-lang a.active { color: #fff;}
.main-control-buttons.mcb-lang a:hover { color: #fff;}

.main-control-buttons.mcb-lang.show-mcb-servizio { bottom: 20px;}

@media all and (min-width: 737px) { 
    body.page-scrolled .main-control-buttons.mcb-lang  { top: 40px; right: 74px;  transition: all .3s; }
    body.page-no-header .main-control-buttons.mcb-lang  {  }
}

/* SERVIZIO */

.main-control-buttons.mcb-servizio {opacity: 0; bottom: 50px; right: 30px;  display: flex; align-items: center; justify-content: start; border-radius: 5px; padding: 0 5px; transition: all .6s; gap:10px}
.main-control-buttons.mcb-servizio a{ display:inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0 0px; background-color: rgba(43,84,147,1); color: #fff; border-radius: 5px; font-size: 18px; box-shadow: 0 0 15px rgba(50,50,50,.3);transition: all .3s}
.main-control-buttons.mcb-servizio a:hover { opacity: .6;}

.main-control-buttons.mcb-servizio.show-mcb-servizio {opacity: 1; transition: all .8s;}

body.page-scrolled .main-control-buttons.mcb-servizio{ bottom: 30px; right: 30px;  }
body.page-no-header .main-control-buttons.mcb-servizio{  }
 

@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: 20px; left: 20px;}
    .main-control-buttons.mcb-logo .l-wrapper {   transition:all .4s 0s, width 1.2s 0s;}
    .main-control-buttons.mcb-lang { top: 20px; right: 50px;}	        	
    
    body.page-no-header .main-control-buttons.mcb-logo {top: 100px; filter:none;  }    
    .main-control-buttons.mcb-servizio { bottom: 30px; right: 30px; left: inherit; gap: 6px;}
    body.page-scrolled .main-control-buttons.mcb-servizio{ bottom: 30px; right: 20px;  }
}

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