/* BOX */

.prenota-box { position:fixed; left:60px;right: calc(100% - 460px); bottom:50px; width:auto; transform: translateY(120%);overflow: hidden;  background-color: rgba(113,138,167,.98); color: #fff; border-radius: 15px; box-shadow: 0 0 15px rgba(50,50,50,.3); z-index:10; 
    -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition: all .3s; }
.prenota-box >.prenota-box-btn-close{position:absolute; display: flex; align-items: center; justify-content: center; width:54px; height:54px; top:10px;right:10px;cursor:pointer;font-size: 18px;  color: #fff; z-index: 10; }
.prenota-box >.prenota-box-btn-close:hover{opacity:1 }
.prenota-box > .inner{ position: relative; display: flex; align-items: center; justify-content: center; height: 100%; padding:25px 15px 65px 15px; }
.prenota-box a{ width: 100%; display: inline-flex; align-items: center; font-size: 16px; border-radius: 5px;color:#fff; padding: 6px 18px; }
.prenota-box a i.fa { font-size: 20px; margin-right: 10px;}
 
.prenota-box.pb-open {transform: translateY(0%)!important;transition: all .6s;}

@media all and (min-width: 737px) { 
body.page-scrolled .prenota-box {  bottom: 40px; left: 50px; transition: all .5s ;}
body.page-no-header .prenota-box { transition: all .5s ;} 
}

@media screen and (max-width:736px){
    .prenota-box {   left:15px;  right:15px; bottom:15px; width:auto; }
    .prenota-box > .inner{    }
} 


/* wrap prenota*/
.prenota-box-btn { opacity: 0; position:fixed; z-index: 11;  bottom: 50px; left: 70px; border-radius: 8px; }
.prenota-box-btn a {position: relative;display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 18px;  -webkit-font-smoothing: antialiased; color: #fff; background-color: rgba(113,138,167,.98); padding: 8px 20px; border-radius: 8px;box-shadow: 0 0 15px rgba(50,50,50,.3); cursor: pointer; transition: all .3s; }
.prenota-box-btn a:hover{ opacity: 1;}
.prenota-box-btn.show-pb-button {opacity: 1; transition: all .8s;}
 
.prenota-box-btn.pbb-clicked {  }
.prenota-box-btn.pbb-clicked a { box-shadow:none;}

@media all and (min-width: 737px) { 
body.page-scrolled .prenota-box-btn {  bottom: 40px; left: 50px; transition: all .5s ;}
body.page-no-header .prenota-box-btn { transition: all .5s ;}
}
/* mobile vertical */ 
@media all and (max-width: 812px) {   
    .prenota-box-btn { bottom: 30px; left: 20px; }
    .prenota-box-btn a { font-size: 16px; }
    
 }