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

/* SERVIZIO */

.main-control-buttons.mcb-servizio {opacity: 0; bottom: 30px; left: 20px;  /*display: flex; align-items: center; justify-content: start;*/ padding: 0 5px; transition: all .6s;}
.main-control-buttons.mcb-servizio > a{ display:flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 10px 0px 0 0; background-color: rgba(149,26,21,1); color: #fff; border-radius: 50%; font-size: 14px; 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{  }
body.page-no-header .main-control-buttons.mcb-servizio{  }
 
/* CHAT */

.main-control-buttons.mcb-book {opacity: 0; bottom: 30px; right: 70px; display: flex; align-items: center; justify-content: start; border-radius: 20px; padding: 0 5px; transition: all .6s;}
.main-control-buttons.mcb-book > a{ display:inline-flex; align-items: center; justify-content: center; width: 140px; height: 40px; margin: 0 0px; background-color: rgba(149,26,21,1); color: #fff; border-radius:  5px; font-size: 14px; transition: all .3s}
.main-control-buttons.mcb-book > a:hover { opacity: .6;}
.main-control-buttons.mcb-book.show-mcb-book {opacity: 1; transition: all .8s;} 

/* CHAT */

.main-control-buttons.mcb-chat {opacity: 0; bottom: 30px; right: 20px; display: flex; align-items: center; justify-content: start; border-radius: 20px; padding: 0 5px; transition: all .6s;}
.main-control-buttons.mcb-chat > a{ display:inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0 0px; background-color: rgba(149,26,21,1); color: #fff; border-radius:  50%; font-size: 14px; transition: all .3s}
.main-control-buttons.mcb-chat > a:hover { opacity: .6;}
.main-control-buttons.mcb-chat.show-mcb-chat {opacity: 1; transition: all .8s;} 


@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) { 	         
}

@media all and (max-width: 420px) {		
    .main-control-buttons.mcb-servizio> a{ display: inline-flex; margin-right: 5px;}
}