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

/*LOGO*/
.main-control-buttons.mcb-logo {border:0px solid #f90;top: 0px; left: 0px; width: 33.3%; height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden; background-color: rgba(255,255,255,1); transition: all .6s}
.main-control-buttons.mcb-logo .l-wrapper { display: inline-block; width: auto; padding: 0 10px; height: 80%; text-align: center;transition: all .6s;}
.main-control-buttons.mcb-logo .l-image { position: relative; width: 22vh; height: 100%; margin: 8vh auto 0 auto; transform: translateX(-10%);overflow: hidden; transition: all .6s;}
.main-control-buttons.mcb-logo .l-image img { object-fit: contain; object-position: center;}
.main-control-buttons.mcb-logo .l-txt1 {height: 50px; overflow: hidden;transition: all .2s;-webkit-font-smoothing: antialiased; }
.main-control-buttons.mcb-logo .l-txt1 span{ color: #ccc; height: 100%;-webkit-font-smoothing: antialiased;  transition: all .6s}
.main-control-buttons.mcb-logo .l-txt2{ margin: 10px 0 -10px 0;transition: all .6s;}
.main-control-buttons.mcb-logo .l-txt3{ margin-left: 5px; transition: all .6s;}
.main-control-buttons.mcb-logo .l-txt1 span,.main-control-buttons.mcb-logo .l-txt2 span,.main-control-buttons.mcb-logo .l-txt3 span { transition: all .6s;}


/* SERVIZIO */

.main-control-buttons.mcb-servizio {bottom: 20px; left: 0px; width: 33.3%; display: flex; align-items: center; justify-content: center; transition: all .3s;}
.main-control-buttons.mcb-servizio a{ display:inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0 10px; background-color: #fff; border-radius: 50%; font-size: 18px; transition: transform .3s}
.main-control-buttons.mcb-servizio a:hover { transform: scale(1.1);}



/* SOCIAL */

.main-control-buttons.mcb-social {bottom: 20px; right: 20px;}
.main-control-buttons.mcb-social a{ display:inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0 10px; background-color: #2d2b68; color: #fff; border-radius: 50%; transition: transform .3s}
.main-control-buttons.mcb-social a:hover { transform: scale(1.1);}

/* BOOK */

.main-control-buttons.mcb-book { bottom: 20px; left: 35%; width: 53.3%; display: flex; align-items: start; justify-content: start;}
.main-control-buttons.mcb-book a.mcb-book-room, .main-control-buttons.mcb-book a.mcb-book-table{ display:inline-flex; align-items: center; justify-content: center; margin: 0 5px; padding: 5px 20px; height: 40px; background-color: rgba(45, 43, 104,.8); color: #fff;  transition: all .3s; }
.main-control-buttons.mcb-book a.mcb-book-room:hover { background-color: rgba(45, 43, 104,1);}

.main-control-buttons.mcb-book a.mcb-book-table { background-color: rgba(100,100,100,.8);  }
.main-control-buttons.mcb-book a.mcb-book-table:hover { background-color: rgba(100,100,100,1);}

.main-control-buttons.mcb-book a { font-weight: 100!important;}
 

/* LANG */

.main-control-buttons.mcb-lang {top: 20px; left: 15px;}
.main-control-buttons.mcb-lang a{ display:inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0 10px; background-color: #2d2b68; color: #fff;   transition: transform .3s}
.main-control-buttons.mcb-lang a:hover { transform: scale(1.1);}


/* SCROLL */

body.page-scrolled .main-control-buttons.mcb-logo { top:12px; height: 80px; background-color: rgba(255,255,255,0); transition: all .6s;}
body.page-scrolled .main-control-buttons.mcb-logo .l-wrapper {background-color: rgba(45,43,104,1);transition: all .6s;}
body.page-scrolled .main-control-buttons.mcb-logo {}
body.page-scrolled .main-control-buttons.mcb-logo .l-txt1 { height: 0;transition: all .2s;}
body.page-scrolled .main-control-buttons.mcb-logo .l-txt2 {margin-top: 0;transition: all .6s;}
body.page-scrolled .main-control-buttons.mcb-logo .l-txt2 span { color: #fff;transition: all .6s;}
body.page-scrolled .main-control-buttons.mcb-logo .l-txt3 span { color: #fff;transition: all .6s;}
body.page-scrolled .main-control-buttons.mcb-logo .l-image { height: 0;transition: all .6s;}


@media only screen and (min-width: 2000px) and (max-width: 3500px)  {
	
	.main-control-buttons.mcb-book { left: 50%; transform: translateX(-50%);width: auto;}
}

@media only screen and (min-width: 1100px) and (max-width: 1280px)  {
	.main-control-buttons.mcb-book a.mcb-book-room, .main-control-buttons.mcb-book a.mcb-book-table { font-size: 16px;}
}

 
@media only screen and (min-width: 720px) and (max-width: 1200px)  and (max-height: 1106px)  { 	
.main-control-buttons.mcb-book a.mcb-book-room, .main-control-buttons.mcb-book a.mcb-book-table { font-size: 12px;}
}


@media all and (max-width: 736px) { 
	
	
	.main-control-buttons.mcb-logo { width: 100%; height: 50vh;}
	.main-control-buttons.mcb-logo .l-image { display: flex; height: 50%; margin: 4vh auto 0 auto; transform: none}	
	
	.main-control-buttons.mcb-logo .l-txt2{margin: 0px 0 -10px 0; }
	body.page-scrolled .main-control-buttons.mcb-logo { top: 20px; height: 60px;}
	body.page-scrolled .main-control-buttons.mcb-logo .l-wrapper { height: 100%;}
	
	.main-control-buttons.mcb-servizio { z-index: 12; top: 44vh; bottom: inherit; width: 100%; transform: inherit;}
	.main-control-buttons.mcb-servizio.show-on-mobile{ top: 78vh; }	
	
	body.page-scrolled .main-control-buttons.mcb-servizio { transform: translateY(150%); /* opacity: 0; */ top: inherit; bottom: 0;	}
	
	.main-control-buttons.mcb-social { display: none;}
	.main-control-buttons.mcb-book { width: 100%; left: 0; right: 0; }
	.main-control-buttons.mcb-book a{ width: 100%; font-size: 14px;font-weight: 300!important;}
	
	
	.main-control-buttons.mcb-book a.mcb-book-room { margin-left: 15px;}
	.main-control-buttons.mcb-book a.mcb-book-table{ margin-right: 15px;}
	
}

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