@charset "utf-8";
/* CSS Document */
.FloatButton-Group a , .FloatButton-Group a: hover{ text-decoration: none; }
.FloatButton-Group { position: fixed; right: 4px; top: calc(160px + 5vh); z-index: 11;  }
.FloatButton-Group ul { padding: 0; margin: 0; }
.FloatButton-Group ul > li { padding: 0; margin: 0; list-style: none; display: block; line-height: 1 !important; margin-bottom: 2px; }
.FloatButton-Group ul > li > a { font-size: 15px; line-height: 1.1 !important; color: #f1f1f1; background-color: #444444; border: 1px solid #919191; transition: all 0.2s ease; position: relative; padding: 6px 4px 4px 4px !important; min-width: 48px !important; text-align: center; text-decoration: none; }
.FloatButton-Group ul > li > a span { font-size: 13px !important; }
.FloatButton-Group ul > li > a:hover { background-color: #7b7b7b; color: #f1f1f1; transition: all 0.8s ease; }
.FloatBtn-Booking > a { display: block; min-height: 32px; }
.FloatBtn-CovBtn > a { display: block; min-height: 100px; background-color: #db5106 !important; border: 1px solid #ffb27d !important; color: #f1f1f1 !important; padding: 6px 4px 10px 4px !important; }
.FloatBtn-CovBtn > a:hover { background-color: #903402 !important; border: 1px solid #d26820 !important; color: #f1f1f1 !important; }
.FloatBtn-CovBtn img { width: 40px; height: auto; margin-bottom: 4px; }
.FloatBtn-CovBtn > a b { line-height: 1.2 !important; font-weight: normal; }
.FloatBtn-Photos > a { display: block; min-height: 20px; }
.FloatBtn-Photos img { width: 24px; height: auto; margin: 4px 0; }
.FloatBtn-Booking img { width: 24px; height: auto; margin: 4px 0; }
.Float-EN .FloatBtn-Booking > a{  padding: 8px 4px 8px 4px !important; min-height: auto!important;}
.Float-EN .FloatBtn-CovBtn > a{ padding: 8px 4px 4px 4px !important; min-height: auto!important;}
.Float-EN .FloatBtn-Photos > a{  padding: 8px 4px 8px 4px !important;min-height: auto!important;}
.Float-EN .FloatBtn-CovBtn img { width: 32px; margin-bottom: 0px; }
.Float-EN .FloatBtn-Booking img { width: 32px; margin-bottom: 0px; }
.animation-fadeInDown { animation: fadeInDown 1s 0.2s ease both; }
@keyframes fadeInDown {
0% { opacity: 0; transform: translateY(-20px) }
100% { opacity: 0.99; transform: translateY(0) }
}
@media (min-width:0px) and (max-width:600px) {
.FloatButton-Group{ top: 20vh; }
.FloatButton-Group ul > li > a { padding: 6px 3px 4px 3px !important; line-height: 0.9 !important; }
.FloatButton-Group ul > li > a span { font-size: 12px !important; }
}