@keyframes slideleft{0%{margin-left:100%;width:300%}to{margin-left:0;width:100%}}@keyframes slideright{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}:root{--primary-font:'Open Sans', sans-serif;--secondary-font:'Open Sans', sans-serif}.cta-btn-primary.bookAppointment{margin:0}#serviceList select{border:1px solid var(--primary, #ff9800);position:relative;height:40px;border-radius:5px}.businessCategoryVerb{color:var(--primary, #ff9800);display:inline-block;background-color:#fff;position:absolute;top:13px;left:30px;padding:0 4px;font-size:11px;font-weight:500;letter-spacing:.05rem}.slotList{display:flex;padding:0;flex-wrap:wrap;margin:0;list-style:none}.slotList li:nth-child(1),.slotList li:nth-child(2),.slotList li:nth-child(3){border-top:1px solid #ededed}.slotList li{min-width:33.33%;font-size:10px;padding:12px 0;border-right:1px solid #ededed;border-bottom:1px solid #ededed;font-weight:500;cursor:pointer;text-align:center}.slotList li.booked,.slotList li.unavailable{color:#a4a5a59c;text-decoration:line-through;cursor:default}.slotList li.unavailable:hover{background-color:#e6e6e6!important;color:#a4a5a5}.slotList li.booked:hover{background-color:var(--primary, #ff9800);text-decoration:line-through;color:#fff}.icon>img{width:20px;margin:0 auto}.icon{border-bottom:1px solid #dedede}#enquiry-input:focus+span.head-text.emailorphone,#enquiry-textarea:focus+span.head-text.your-enquiry,.form-group .form-control:focus+span.head-text{display:inline-block}button.confirmBtn{background-color:var(--primary, #ff9800);color:#fff;width:100%;padding:10px;border-radius:4px;margin:20px 0 10px}@media (max-width:390px){.holder{max-width:315px;margin:0 auto}.appointmentInfo>.returnCta{left:-51px!important}}.heading-wrapper div{margin:3px 0 0 12px}.confirm-modal-footer small{color:#898989;line-height:1px;font-size:11px;letter-spacing:.3px}#enquiry-input::placeholder,#enquiry-textarea::placeholder{font-family:"Montserrat",sans-serif;color:rgba(152,152,152,.9);font-size:14px;font-weight:500}#enquiry-form .form-group{position:relative}#book{cursor:pointer}.datepicker table tr td.today{color:#000;background-color:var(--secondary, #ff9800c7);border-color:var(--primary, #ff9800)}.datepicker table tr td.day:hover{background:#eee;cursor:pointer}.datepicker table tr td.active.active{background-color:var(--secondary, #ff9800c7)!important}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{cursor:not-allowed;color:#dedede}.hide{display:none}.appointmentContainer{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0e0d0dbd;z-index:9999}.appointment-confirm,.holder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;width:385px;min-height:478px;border-radius:4px;overflow:hidden}.appointment-confirm{width:602px;min-height:372px}.cardHead{display:flex;flex-direction:row;justify-content:space-around;align-items:center;overflow:hidden}.cardHead .title{width:100%;padding:12px 10px;text-align:center;box-sizing:border-box;border-bottom:1px solid #d1d1d18c;cursor:pointer;font-size:12px;font-weight:700;color:#2f80ed}.title.active:first-child,.title:first-child{box-shadow:1px 0 2px 0#d1d1d1}.title.active:first-child{color:var(--primary, #ff9800);border-bottom:2px solid var(--primary, #ff9800)}.title.active:nth-child(2){box-shadow:-1px 0 2px 0#d1d1d1;color:var(--primary, #ff9800);border-bottom:2px solid var(--primary, #ff9800)}.cardBody{padding:20px 20px 10px}.date{background-color:#f5f5f5;display:flex;margin-top:20px;border-radius:4px;border:1px solid #c3c3c3;justify-content:space-between;cursor:pointer}.navigateDate{width:10%;cursor:pointer}.navigateDate.disabled{opacity:.4;cursor:default}.dateSelector{width:80%;height:34px;border-top:none;border-bottom:none;border-radius:4px;border-left:1px solid #d1d1d1;border-right:1px solid #d1d1d1;text-align:center}.leftTriangle{width:0;height:0;border-top:6px solid transparent;border-right:8px solid var(--primary, #ff9800);border-bottom:6px solid transparent;margin:10px auto}.selected-date{font-size:12px;font-weight:500;color:#6e6e6e;text-align:center;border:0;border-left:1px solid #c4c4c4;border-right:1px solid #c4c4c4;width:100%;padding:6px 0;border-radius:3px;background:#fff}.rightTriangle{width:0;height:0;border-top:6px solid transparent;border-left:8px solid var(--primary, #ff9800);border-bottom:6px solid transparent;margin:10px auto}.days-shift{display:flex;border-bottom:1px solid #c3c3c357}.days-shift:last-child{border-bottom:none}.slotList{width:100%}.slot-rows{width:100%;display:flex;justify-content:space-around;text-align:center;border-bottom:1px solid #c3c3c357}.slot-rows:last-child{width:100%;display:flex;justify-content:space-around;text-align:center;border-bottom:none}.slot-rows span{font-size:10px;width:100%;padding:4px 0;border-right:1px solid #c3c3c357}.slot-rows span:last-child{border-right:none}.slot-rows span:hover{cursor:pointer}.dateSlot{border:1px solid #dedede;border-top:none;border-radius:4px;border-top-left-radius:unset;border-top-right-radius:unset;height:300px;overflow-y:scroll}.btn-block,.slot-rows span:hover{background-color:var(--primary, #ff9800);color:#fff}.btn-block{width:100%;padding:10px;border-radius:4px;margin:10px 0 0;outline:0!important;border:0}.icon{border-right:1px solid #dedede;min-width:70px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:8px;text-transform:uppercase;font-weight:600;letter-spacing:.05em;color:#222}.form-group[data-card=appointment]{margin:0}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.slidein{-webkit-animation-name:slideInLeft;animation-name:slideleft}.slideinRight{animation-name:slideright}.appointmentInfo>.returnCta{position:absolute;top:13px;left:-76px}.returnCta{border:1px solid var(--primary, #ff9800);padding:0 13px;border-radius:4px;cursor:pointer}.appointmentInfo{position:relative;padding:8px}.appointmentInfo p{margin:0;font-size:14px;font-weight:400;text-align:center;color:#6f6f6f;line-height:19px;letter-spacing:.5px}.appointmentInfo .leftTriangle{margin:8px auto}.form-control{border-radius:4px}.form-control:active,.form-control:focus{border:1px solid var(--primary, #ff9800)}p.dayAndTime{font-size:12px;font-weight:700;letter-spacing:0}.bookingCard .cardHead{border-bottom:2px solid var(--primary, #ff9800)}.bookingCard .cardBody .form-group{border-radius:4px;position:relative}.error-text,.head-text{display:none;position:absolute;top:-8px;left:11px;font-size:12px;background:#fff}.head-text,p.dayAndTime{color:var(--primary, #ff9800)}.error-text{padding:0 2px;color:red}.detail p{margin:0}.detail .serviceName{font-weight:600;color:#747474;line-height:9px}.paymentDetail>.serviceName{font-size:20px;font-weight:600}.discounterPrice,.price{display:inline-block;margin-right:3px!important;font-size:12px}.paymentOption{margin:10px 0 4px}.detail>.price{color:#808080bf;text-decoration:line-through}.paymentDetail{border:1px solid #dbdbdb;padding:10px;border-radius:4px}.detail{border-bottom:1px solid #74747469;border-bottom-style:dashed;padding:8px 0}.termAndCondition{font-size:12px;width:100%;text-align:center;margin-top:5px}@media (max-width:375px){.holder{max-width:315px;margin:0 auto}}.confirm-modal-header{padding:20px 40px;border-bottom:1px solid #cfcfcf70}.heading-wrapper{display:flex;align-items:flex-start}.confirm-modal-header .heading-wrapper .heading{margin:0;font-size:20px;line-height:15.7px;color:var(--primary, #ff9800);font-weight:600;letter-spacing:.3px}.confirm-modal-header .heading-wrapper .sub-text{color:#747474;font-size:10px}.confirm-modal-body{padding:30px 40px;border-bottom:1px solid #cfcfcf70}.confirm-modal-body .appointment-details{display:flex;flex-direction:column}.appointment-details-row{display:flex;width:100%}.confirm-close{position:absolute;right:19px;top:18px}.discount{color:#89898979;text-decoration:line-through}.appointment-details-row .left{width:30%;color:var(--primary, #ff9800)}.appointment-details-row .right{width:70%}.appointment-details-row p{line-height:1;margin:0 0 12px}.confirm-modal-footer{padding:20px 40px}#enquiry-textarea{resize:none;width:100%;padding:8px;border-radius:3px;opacity:.5;color:#6f6f6f;font-family:"Montserrat",sans-serif;font-size:14px;font-weight:600;height:276px}#enquiry-input,.head-text.your-enquiry{font-weight:500;font-family:"Montserrat",sans-serif}#enquiry-input{width:100%;padding:8px;opacity:.5;border-radius:3px;border:1px solid #dbdbdb;color:#6f6f6f;font-size:14px;font-weight:600}.head-text.emailorphone,.head-text.your-enquiry{font-size:11px;color:var(--primary, #ff9800);position:absolute;top:-10px;left:11px;letter-spacing:.05em;padding:2px;background:#fff;display:none}.send-enquiry{margin-top:20px}#enquiry-input:focus{border-color:var(--primary, #ff9800);opacity:1}.enquiry-text-box{position:relative}.not-available{height:73px;width:100%;border-bottom:1px solid #ddd9d9;border-right:1px solid #ddd9d9;font-size:12px;color:#787676;background:#f2f2f2;padding:0 25px}.emptySlot,.greyish,.not-available{display:flex;align-items:center;justify-content:center}.greyish{background:#ddd;height:435px;padding:0}#book-appointment-form .staff-container{display:flex;overflow-x:auto}#book-appointment-form .staff-container .staff-circle{padding:2px;text-align:center;margin:5px 9px;position:relative;width:50px;height:70px}#book-appointment-form .staff-circle:hover,#closeSuccessModal{cursor:pointer}#book-appointment-form .staff-container .staff-circle *,.slotList li>div{pointer-events:none}#book-appointment-form .staff-circle img{width:45px;height:45px;border:1px solid #c1c1c1;border-radius:100%;margin-bottom:4px;object-fit:cover}#book-appointment-form .staff-circle .name{font-weight:600;font-size:10.1801px;line-height:12px;text-align:center;color:#828282}#book-appointment-form .staff-circle.active img{border:2px solid #27ae60;object-fit:cover}#book-appointment-form .staff-circle.active .name{color:#333}#book-appointment-form .staff-circle.active::after{content:"✔";color:#fff;background:#27ae60;position:absolute;right:-4px;bottom:18px;padding:0 6px;border-radius:100%;font-size:10px}.emptySlot{border:1px solid #dedede;border-top:none;border-radius:4px;border-top-left-radius:unset;border-top-right-radius:unset;height:250px;padding:0 10px;overflow:hidden;background-color:#c3c3c357;color:#4d4d4d;font-size:14px;font-family:"Montserrat",sans-serif;line-height:16px}.slotList li.selected{background:rgba(45,156,219,.2);border:.848341px solid #2d9cdb}.slotList li>div{font-size:10px;color:#828282;font-weight:400}.slotList li.closed,.slotList li.unavailable{opacity:.5;pointer-events:none}.slotList li:hover{background-color:var(--primary, #ff9800);color:#fff;cursor:pointer}.slotList li:hover div{color:#fff}.skeleton-card{height:336px;border:1px solid #dadada}.skeleton-card:empty::after{content:"";display:block;width:100%;height:100%;background-image:linear-gradient(90deg,rgba(255,255,255,0)0,rgba(255,255,255,.8) 50%,rgba(255,255,255,0) 100%),var(--title-skeleton),linear-gradient(#f7f7f7,var(--desc-line-height),transparent 0),var(--desc-line-skeleton),var(--desc-line-skeleton),var(--avatar-skeleton),var(--footer-skeleton),var(--card-skeleton);background-size:var(--blur-size),var(--title-width) var(--title-height),var(--desc-line-1-width) var(--desc-line-height),var(--desc-line-2-width) 15px,var(--desc-line-3-width) 15px,var(--avatar-size) var(--avatar-size),100% var(--footer-height),100% 100%;background-position:-150%0,var(--title-position),var(--desc-line-1-position),var(--desc-line-2-position),var(--desc-line-3-position),var(--avatar-position),var(--footer-position),0 0;background-repeat:no-repeat;-webkit-animation:loading 1.5s infinite;animation:loading 1.5s infinite}#book-appointment-form .form-footer{display:flex;justify-content:flex-end;margin:5px 0}#book-appointment-form .form-footer button{width:100px;border:0;background:0 0;padding:7px 10px;border-radius:3px;text-transform:uppercase;font-size:12px}#book-appointment-form .form-footer .active-btn{color:#fff;background:var(--primary, #ff9800)}#book-appointment-form .form-footer .cancel-btn{color:var(--primary, #ff9800)}@media (max-width:390px){.appointment-confirm{width:300px}.appointment-details-row .left{width:48%}.appointment-details-row .right{width:52%;line-height:18px}}