/* small booking modal */

@keyframes BottomToTop {
    0% {opacity: 0;transform: translateY(50px);}
    100% {opacity: .85;transform: translateY(0);}
}

.st-booking-fixed{position:fixed;bottom:0;z-index:11;width:100%;box-shadow: 0 0 3px rgba(120,120,120,0.8);}
.st-booking-fixed .booking_menu{padding:0 0; position:relative;}
.st-booking-fixed .booking_menu .bottom{width:100%;padding: 5vw 5vw; background:rgba(229,224,220,.9);}
.st-booking-fixed .re-conf-box{ display: block;border-top: none;padding:.8em 5vw 0; margin:0px !important;}
.st-booking-fixed .booking-result .re_dtime{text-align:center;border-radius:3px;}
.st-booking-fixed .booking_menu .bottom .booking_wrap > div p{font-size:4.5vw;font-family: 'Oswald';font-weight: 700; overflow:auto;}
.st-booking-fixed .booking_menu .bottom .booking_wrap > div > div{margin:0;}
.st-booking-fixed .booking_menu .bottom .booking_wrap .conf button{padding:0;border-radius:3px;width:70%;background: #fc247c;font-size:4.5vw;border-radius:16px;}
.st-booking-fixed .booking_menu .bottom .booking_wrap .conf a{display:block;padding:3vw 0;}
.st-booking-fixed .booking_menu .bottom .booking_wrap .conf button:before{content:none;}
.st-booking-fixed {animation-duration: 1s;animation-name: BottomToTop;}

.booking-result .re_dtime,.booking-result .re_studio,.booking-result .re_add{ background: #fff;}
.booking-result .re_dtime p,.booking-result .re_studio p,.booking-result .re_add p{ padding: .5em 0; margin: 0 .5em .25em; overflow-x: scroll; white-space: nowrap; font-size: 3.5vw; font-weight: bold;}
.re-conf-box{ display: none; border-top: 1px dotted #333333; width: 100%; padding: 1em 5vw;}
.booking-slide{color:#fff;}
.booking-result .re_dtime p span:not(:first-child),.booking-result .re_add span:not(:first-child){padding-left: .5em;}
    

@media print, screen and (min-width : 769px){
@keyframes BottomToTop {
    0% {opacity: 0;transform: translateX(120px);}
    100% {opacity: 1;transform: translateX(0);}
}
.st-booking-fixed{position:fixed;bottom:auto;right:0;top:140px;width:260px;}
.st-booking-fixed .booking_menu{background:none;}
.st-booking-fixed .booking_menu .bottom .booking_wrap > div{margin:0;}	
.st-booking-fixed .booking_menu .bottom{width:100%;padding:18px 15px; display:block;}
.st-booking-fixed .re-conf-box{ display: block;border-top: none;padding:0em 1em 0;}
.st-booking-fixed .booking-result .re_dtime{display:block;text-align:center;font-size:14px;margin-bottom:1em!important;}
.st-booking-fixed .booking-result .re_dtime p{padding:.5em 0;margin:0;}
.st-booking-fixed .booking_menu .bottom .booking_wrap .time{font-size:14px;width:auto;}
.st-booking-fixed .booking_menu .bottom .booking_wrap > div p{font-size:14px;margin:0;}
.st-booking-fixed .booking_menu .bottom .booking_wrap .conf{position:static;}
.st-booking-fixed .booking_menu .bottom .booking_wrap .conf button{width:70%;font-size:16px;border-radius:16px;}
.st-booking-fixed .booking_menu .bottom .booking_wrap .conf a{padding:.5em 0;}
.st-booking-fixed {animation-duration: .5s;animation-name: BottomToTop;}

.re-conf-box{ display: block; border: none; margin-left: 0; width: auto; position: relative;}
.booking-result .conf{ position: absolute; right: 5vw; bottom: -20px;}

}

@media print, screen and (min-width : 1200px){
    .st-booking-fixed{width:300px;}
}
    
.st-booking-fixed .booking_menu .bottom .booking_wrap > div p.noweb{font-size:4.5vw;font-family: 'Oswald';font-weight: 700;color: #fc247c;letter-spacing:1px;}
.st-booking-fixed .booking_menu .bottom .booking_wrap > div p.noweb span{display:block;font-size:3.5vw;color: #fc247c;}

@media print, screen and (min-width : 768px){
.st-booking-fixed .booking_menu .bottom .booking_wrap > div p.noweb{font-size:4vw;line-height:1.8;}
.st-booking-fixed .booking_menu .bottom .booking_wrap > div p.noweb span{font-size:3.5vw;}
}
@media print, screen and (min-width : 769px){
.st-booking-fixed .booking_menu .bottom .booking_wrap > div p.noweb{font-size:18px;line-height:1.8;}
.st-booking-fixed .booking_menu .bottom .booking_wrap > div p.noweb span{font-size:14px;}	
}