@import url('https://fonts.googleapis.com/css?family=Tajawal&display=swap');

.latepoint-w {
	font-family: 'Tajawal', sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar
}

.latepoint-w *,
.latepoint-w *::before,
.latepoint-w *::after {
    box-sizing: border-box
}

.latepoint-w article,
.latepoint-w aside,
.latepoint-w figcaption,
.latepoint-w figure,
.latepoint-w footer,
.latepoint-w header,
.latepoint-w hgroup,
.latepoint-w main,
.latepoint-w nav,
.latepoint-w section {
    display: block
}

.latepoint-w [tabindex="-1"]:focus {
    outline: 0 !important
}

.latepoint-w hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

.latepoint-w h1,
.latepoint-w h2,
.latepoint-w h3,
.latepoint-w h4,
.latepoint-w h5,
.latepoint-w h6 {
    margin-top: 0
}

.latepoint-w p {
    margin-top: 0
}

.latepoint-w abbr[title],
.latepoint-w abbr[data-original-title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0
}

.latepoint-w address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

.latepoint-w ol,
.latepoint-w ul,
.latepoint-w dl {
    margin-top: 0;
    margin-bottom: 1rem
}

.latepoint-w ol ol,
.latepoint-w ul ul,
.latepoint-w ol ul,
.latepoint-w ul ol {
    margin-bottom: 0
}

.latepoint-w dd {
    margin-bottom: .5rem;
    margin-left: 0
}

.latepoint-w blockquote {
    margin: 0 0 1rem
}

.latepoint-w dfn {
    font-style: italic
}

.latepoint-w b,
.latepoint-w strong {
    font-weight: bolder
}

.latepoint-w small {
    font-size: 80%
}

.latepoint-w sub,
.latepoint-w sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

.latepoint-w sub {
    bottom: -.25em
}

.latepoint-w sup {
    top: -.5em
}

.latepoint-w a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}

.latepoint-w a:not([href]):not([tabindex]):focus {
    outline: 0
}

.latepoint-w pre,
.latepoint-w code,
.latepoint-w kbd,
.latepoint-w samp {
    font-size: 1em
}

.latepoint-w pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

.latepoint-w figure {
    margin: 0 0 1rem
}

.latepoint-w img {
    vertical-align: middle;
    border-style: none
}

.latepoint-w svg {
    overflow: hidden;
    vertical-align: middle
}

.latepoint-w table {
    border-collapse: collapse
}

.latepoint-w caption {
    text-align: left;
    caption-side: bottom
}

.latepoint-w th {
    text-align: inherit
}

.latepoint-w label {
    display: inline-block
}

.latepoint-w button {
    border-radius: 0
}

.latepoint-w button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

.latepoint-w input,
.latepoint-w button,
.latepoint-w select,
.latepoint-w optgroup,
.latepoint-w textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.latepoint-w button,
.latepoint-w input {
    overflow: visible
}

.latepoint-w button,
.latepoint-w select {
    text-transform: none
}

.latepoint-w button,
.latepoint-w html [type="button"],
.latepoint-w [type="reset"],
.latepoint-w [type="submit"] {
    -webkit-appearance: button
}

.latepoint-w button::-moz-focus-inner,
.latepoint-w [type="button"]::-moz-focus-inner,
.latepoint-w [type="reset"]::-moz-focus-inner,
.latepoint-w [type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

.latepoint-w input[type="radio"],
.latepoint-w input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0
}

.latepoint-w input[type="date"],
.latepoint-w input[type="time"],
.latepoint-w input[type="datetime-local"],
.latepoint-w input[type="month"] {
    -webkit-appearance: listbox
}

.latepoint-w textarea {
    overflow: auto;
    resize: vertical
}

.latepoint-w fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

.latepoint-w legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

.latepoint-w progress {
    vertical-align: baseline
}

.latepoint-w [type="number"]::-webkit-inner-spin-button,
.latepoint-w [type="number"]::-webkit-outer-spin-button {
    height: auto
}

.latepoint-w [type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none
}

.latepoint-w [type="search"]::-webkit-search-cancel-button,
.latepoint-w [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

.latepoint-w::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

.latepoint-w output {
    display: inline-block
}

.latepoint-w summary {
    display: list-item;
    cursor: pointer
}

.latepoint-w template {
    display: none
}

.latepoint-w [hidden] {
    display: none !important
}

@font-face {
    font-family: 'latepoint';
    src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype");
    font-weight: normal;
    font-style: normal
}

[class^="latepoint-icon-"],
[class*=" latepoint-icon-"] {
    font-family: 'latepoint' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.latepoint-icon-lp-logo:before {
    content: "\e91c"
}

.latepoint-icon-book:before {
    content: "\e91a"
}

.latepoint-icon-calendar:before {
    content: "\e91b"
}

.latepoint-icon-message-circle:before {
    content: "\e91d"
}

.latepoint-icon-message-square:before {
    content: "\e91e"
}

.latepoint-icon-minus:before {
    content: "\e914"
}

.latepoint-icon-minus-circle:before {
    content: "\e915"
}

.latepoint-icon-minus-square:before {
    content: "\e916"
}

.latepoint-icon-paperclip:before {
    content: "\e91f"
}

.latepoint-icon-plus:before {
    content: "\e917"
}

.latepoint-icon-plus-circle:before {
    content: "\e918"
}

.latepoint-icon-plus-square:before {
    content: "\e919"
}

.latepoint-icon-google:before {
    content: "\e911"
}

.latepoint-icon-facebook:before {
    content: "\e910"
}

.latepoint-icon-brand:before {
    content: "\e910"
}

.latepoint-icon-social:before {
    content: "\e910"
}

.latepoint-icon-arrow-up:before {
    content: "\e906"
}

.latepoint-icon-arrow-up2:before {
    content: "\e907"
}

.latepoint-icon-arrow-down:before {
    content: "\e908"
}

.latepoint-icon-arrow-down2:before {
    content: "\e909"
}

.latepoint-icon-arrow-right:before {
    content: "\e904"
}

.latepoint-icon-arrow-left:before {
    content: "\e905"
}

.latepoint-icon-clothes-21:before {
    content: "\e912"
}

.latepoint-icon-ui-09:before {
    content: "\e913"
}

.latepoint-icon-ui-15:before {
    content: "\e90b"
}

.latepoint-icon-ui-24:before {
    content: "\e90c"
}

.latepoint-icon-ui-50:before {
    content: "\e90d"
}

.latepoint-icon-ui-47:before {
    content: "\e90e"
}

.latepoint-icon-ui-46:before {
    content: "\e90f"
}

.latepoint-icon-common-01:before {
    content: "\e90a"
}

.latepoint-icon-checkmark:before {
    content: "\e903"
}

.latepoint-icon-arrow-2-right:before {
    content: "\e901"
}

.latepoint-icon-arrow-2-left:before {
    content: "\e902"
}

.latepoint-icon-ui-83:before {
    content: "\e900"
}

.latepoint-w {
	font-family: 'Tajawal', sans-serif;
    font-weight: 400;
    font-size: 14px
}

.latepoint-w h1,
.latepoint-w h2,
.latepoint-w h3,
.latepoint-w h4,
.latepoint-w h5,
.latepoint-w h6 {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500
}

.latepoint-w .latepoint-section-heading-w {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
    padding: 10px 0px;
    margin-top: 20px
}

.latepoint-w .latepoint-section-heading-w .latepoint-section-heading {
    margin: 0px;
    padding: 0px
}

.latepoint-w .latepoint-section-heading-w .heading-extra {
    font-weight: 500;
    color: #8e97b3
}

.latepoint-tab-content {
    display: none
}

.latepoint-tab-content.active {
    display: block
}

.latepoint-btn {
    padding: 9px 14px;
    background-color: #2d54de;
    color: #fff;
    border-radius: 0px;
    text-decoration: none !important;
    font-weight: 500;
    display: inline-block;
    box-shadow: none;
    border: none;
    line-height: 1.2;
    cursor: pointer
}

.latepoint-btn:hover,
.latepoint-btn:focus {
    outline: none;
    color: #fff !important;
    background-color: #1d40bb;
    box-shadow: none
}

.latepoint-btn.latepoint-btn-danger {
    background-color: #FB7F7F;
    color: #fff
}

.latepoint-btn.latepoint-btn-danger.latepoint-btn-link {
    background-color: transparent;
    border-color: transparent
}

.latepoint-btn.latepoint-btn-danger.latepoint-btn-link span,
.latepoint-btn.latepoint-btn-danger.latepoint-btn-link i {
    color: #d83838
}

.latepoint-btn.latepoint-btn-danger.latepoint-btn-link span {
    border-bottom: 1px solid #d83838
}

.latepoint-btn.latepoint-btn-danger.latepoint-btn-link.os-loading,
.latepoint-btn.latepoint-btn-danger.latepoint-btn-link.os-loading:hover,
.latepoint-btn.latepoint-btn-danger.latepoint-btn-link.os-loading:focus {
    color: transparent !important
}

.latepoint-btn.latepoint-btn-danger.latepoint-btn-link.os-loading:after,
.latepoint-btn.latepoint-btn-danger.latepoint-btn-link.os-loading:hover:after,
.latepoint-btn.latepoint-btn-danger.latepoint-btn-link.os-loading:focus:after {
    border-bottom: 2px solid #d83838;
    border-left: 2px solid #d83838;
    border-top: 2px solid #d83838
}

.latepoint-btn.latepoint-btn-danger.latepoint-btn-link:hover,
.latepoint-btn.latepoint-btn-danger.latepoint-btn-link:focus {
    color: #d83838 !important;
    background-color: transparent
}

.latepoint-btn.latepoint-btn-danger.latepoint-btn-link:hover span,
.latepoint-btn.latepoint-btn-danger.latepoint-btn-link:hover i,
.latepoint-btn.latepoint-btn-danger.latepoint-btn-link:focus span,
.latepoint-btn.latepoint-btn-danger.latepoint-btn-link:focus i {
    color: #d83838 !important
}

.latepoint-btn.latepoint-btn-danger:focus,
.latepoint-btn.latepoint-btn-danger:active {
    color: #fff;
    background-color: #FB7F7F
}

.latepoint-btn.latepoint-btn-danger:hover {
    background-color: #f94e4e
}

.latepoint-btn.latepoint-btn-primary {
    background-color: #2d54de;
    color: #fff
}

.latepoint-btn.latepoint-btn-primary span {
    color: #fff
}

.latepoint-btn.latepoint-btn-primary i {
    color: #fff
}

.latepoint-btn.latepoint-btn-primary.latepoint-btn-link {
    background-color: transparent;
    color: #2d54de;
    border-color: transparent;
    padding-left: 0px;
    padding-right: 0px
}

.latepoint-btn.latepoint-btn-primary.latepoint-btn-link span,
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link i {
    color: #2d54de
}

.latepoint-btn.latepoint-btn-primary.latepoint-btn-link span {
    border-bottom: 1px solid #2d54de
}

.latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading,
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading:hover,
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading:focus {
    color: transparent !important
}

.latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading:after,
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading:hover:after,
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading:focus:after {
    border-bottom: 2px solid #2d54de;
    border-left: 2px solid #2d54de;
    border-top: 2px solid #2d54de
}

.latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover,
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link:focus {
    color: #2d54de !important
}

.latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover span,
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover i,
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link:focus span,
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link:focus i {
    color: #2d54de !important
}

.latepoint-btn.latepoint-btn-grey {
    background-color: #eee;
    color: #111 !important
}

.latepoint-btn.latepoint-btn-white {
    background-color: #fff;
    color: #111 !important
}

.latepoint-btn.latepoint-btn-block {
    display: block;
    text-align: center
}

.latepoint-btn.os-loading {
    color: transparent !important;
    position: relative
}

.latepoint-btn.os-loading span,
.latepoint-btn.os-loading i {
    color: transparent !important
}

.latepoint-btn.os-loading:after {
    display: block;
    content: "";
    width: 14px !important;
    height: 14px !important;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    border-right: 2px solid rgba(255, 255, 255, 0);
    border-radius: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: os-loading 700ms infinite linear;
    background-color: transparent !important
}

.latepoint-btn.os-loading.latepoint-btn-white:after,
.latepoint-btn.os-loading.latepoint-btn-secondary:after {
    border-bottom: 2px solid #1f222b;
    border-left: 2px solid #1f222b;
    border-top: 2px solid #1f222b;
    border-right: 2px solid rgba(0, 0, 0, 0)
}

.latepoint-btn.latepoint-btn-secondary {
    background-color: #EDEFF6;
    color: #252C39
}

.latepoint-btn.latepoint-btn-secondary.latepoint-btn-link {
    border-color: 2px solid #111
}

.latepoint-btn.latepoint-btn-secondary:hover,
.latepoint-btn.latepoint-btn-secondary:focus {
    outline: none;
    color: #252C39 !important;
    background-color: #cbd1e5;
    box-shadow: none
}

.latepoint-btn span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5
}

.latepoint-btn i {
    display: inline-block;
    vertical-align: middle
}

.latepoint-btn i+span {
    margin-left: 6px
}

.latepoint-btn span+i {
    margin-left: 6px
}

.latepoint-book-button {
    background-color: #2d54de;
    padding: 10px 20px;
    font-weight: 500;
    color: #fff;
    font-size: 16px;
    line-height: 1.2;
    border: none;
    box-shadow: none;
    border-radius: 0px;
    text-decoration: none;
    outline: none;
    cursor: pointer
}

.latepoint-book-button:focus,
.latepoint-book-button:hover {
    box-shadow: none;
    background-color: #5978e5;
    color: #fff;
    text-decoration: none
}

.latepoint-book-button.os-loading {
    color: transparent !important;
    position: relative
}

.latepoint-book-button.os-loading:after {
    display: block;
    content: "";
    width: 14px !important;
    height: 14px !important;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    border-right: 2px solid rgba(255, 255, 255, 0);
    border-radius: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: os-loading 700ms infinite linear;
    background-color: transparent !important
}

.latepoint-w .os-form-w {
    background-color: #fff;
    padding: 30px;
    margin: 20px 0px
}

.latepoint-w .os-form-group {
    margin-bottom: 15px !important;
    position: relative
}

.latepoint-w .os-form-group.os-form-select-group .os-form-control,
.latepoint-w .os-form-group.os-form-select-group input.os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group .os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control {
    position: relative !important;
    display: block !important;
    box-shadow: none !important;
    border: 1px solid #cad2e0 !important;
    padding: 12px 10px 12px 10px !important;
    border-radius: 0px !important;
    background-color: #fff !important;
    width: 100%;
    color: #32373c;
    line-height: normal;
    line-height: 1.3;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: all 0.2s ease;
    height: auto
}

.latepoint-w .os-form-group.os-form-select-group .os-form-control:focus,
.latepoint-w .os-form-group.os-form-select-group input.os-form-control:focus,
.latepoint-w .os-form-group.os-form-textfield-group .os-form-control:focus,
.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control:focus {
    background-color: #F5F7FF !important;
    border-color: #5779ef !important;
    outline: none;
    box-shadow: none
}

.latepoint-w .os-form-group.os-form-select-group textarea,
.latepoint-w .os-form-group.os-form-select-group input[type="number"],
.latepoint-w .os-form-group.os-form-select-group input[type="email"],
.latepoint-w .os-form-group.os-form-select-group input[type="password"],
.latepoint-w .os-form-group.os-form-select-group input[type="text"],
.latepoint-w .os-form-group.os-form-textfield-group textarea,
.latepoint-w .os-form-group.os-form-textfield-group input[type="number"],
.latepoint-w .os-form-group.os-form-textfield-group input[type="email"],
.latepoint-w .os-form-group.os-form-textfield-group input[type="password"],
.latepoint-w .os-form-group.os-form-textfield-group input[type="text"] {
    -webkit-appearance: none
}

.latepoint-w .os-form-group.os-form-select-group label {
    display: none !important
}

.latepoint-w .os-form-group.os-form-select-group select.os-form-control {
    height: 46px !important
}

.latepoint-w .os-form-group.os-form-checkbox-group label {
    padding: 0px;
    border-radius: 0px;
    display: block;
    color: #1f222b;
    vertical-align: middle;
    margin: 0px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer
}

.latepoint-w .os-form-group.os-form-checkbox-group label input.os-form-checkbox {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    border-radius: 0px;
    box-shadow: none;
    border-color: #aaa
}

.latepoint-w .os-form-group.os-form-checkbox-group label a {
    text-decoration: underline
}

.latepoint-w .os-form-group.os-form-textfield-group label {
    display: block;
    margin-bottom: 1px;
    cursor: default;
    font-size: 11px !important;
    color: #AFB8D6 !important;
    font-weight: 500 !important;
    position: absolute !important;
    top: 5px;
    right: 12px;
    z-index: 2;
    opacity: 0;
    transform: translateY(-3px);
    transition: all 0.2s ease
}

.latepoint-w .os-form-group.os-form-textfield-group .os-form-control input.os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control input.os-form-control {
    z-index: 1
}

.latepoint-w .os-form-group.os-form-textfield-group .os-form-control::placeholder,
.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control::placeholder {
    color: #AFB8D6
}

.latepoint-w .os-form-group.os-form-textfield-group .os-form-control.os-framed-field,
.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control.os-framed-field {
    height: 46px !important
}

.latepoint-w .os-form-group.os-form-textfield-group .os-form-control.os-framed-field.invalid,
.latepoint-w .os-form-group.os-form-textfield-group .os-form-control.os-framed-field.braintree-hosted-fields-invalid,
.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control.os-framed-field.invalid,
.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control.os-framed-field.braintree-hosted-fields-invalid {
    border-color: #f16161 !important
}

.latepoint-w .os-form-group.os-form-textfield-group.has-value label {
    opacity: 1 !important;
    transform: translateY(0) !important
}

.latepoint-w .os-form-group.os-form-textfield-group.has-value textarea.os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group.has-value input.os-form-control {
    padding: 18px 10px 6px 10px !important;
	direction: ltr;
}

.latepoint-w .os-form-buttons.os-flex {
    display: flex;
    align-items: center
}

.latepoint-w .os-form-buttons.os-flex.os-space-between {
    justify-content: space-between
}

.latepoint-w .os-form-buttons .os-form-group {
    display: inline-block;
    margin-bottom: 0px !important
}

.latepoint-w .os-form-buttons .os-form-group .latepoint-btn {
    margin-right: 5px
}

.latepoint-w .os-form-header {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05)
}

.latepoint-w .os-form-header h2,
.latepoint-w .os-form-header h3,
.latepoint-w .os-form-header h4 {
    margin-bottom: 5px;
    margin-top: 0px
}

.latepoint-w .os-form-desc {
    color: rgba(0, 0, 0, 0.7)
}

.latepoint-w .os-image-container {
    border: 5px solid #fff;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    max-width: 100px;
    margin-bottom: 10px;
    min-height: 50px
}

.latepoint-w .os-image-container img {
    border-radius: 4px;
    width: 100%;
    height: auto;
    display: block
}

.latepoint-w .settings-image-selector {
    margin: 20px 0px
}

.latepoint-w .os-form-message-w {
    padding: 12px 20px;
    background-color: #f9f9f9;
    color: #333;
    margin-bottom: 20px;
    font-weight: 500;
    border-radius: 0px
}

.latepoint-w .os-form-message-w ul {
    list-style: none;
    margin: 0px;
    padding: 0px
}

.latepoint-w .os-form-message-w ul li {
    margin-bottom: 10px
}

.latepoint-w .os-form-message-w ul li:last-child {
    margin-bottom: 0px
}

.latepoint-w .os-form-message-w.status-error {
    background-color: #fff4f4;
    color: #d00c0c;
    border: 2px solid #f75160
}

.latepoint-w .os-form-message-w.status-success {
    background-color: #e0fbd1;
    color: #437724
}

.text-center {
    text-align: center
}

.os-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-left: -7px;
    margin-right: -7px
}

.os-col-3 {
    flex: 0 0 25%;
    padding: 0px 7px
}

.os-col-9 {
    flex: 0 0 75%;
    padding: 0px 7px
}

.os-col-6 {
    flex: 0 0 50%;
    padding: 0px 7px
}

.os-col-12 {
    flex: 0 0 100%;
    padding: 0px 7px
}

@media (max-width: 600px) {
    .os-col-sm-12 {
        flex: 0 0 100%;
        padding: 0px 7px
    }
}

.latepoint-login-form-w {
    max-width: 430px;
    margin: 30px auto !important;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 10px 25px rgba(0, 0, 0, 0.1);
    padding: 40px;
    background-color: #fff
}

.latepoint-login-form-w h4 {
    margin: 0px;
    margin-bottom: 15px;
    padding: 0px;
    color: #2d54de
}

.latepoint-login-form-w .os-form-group:last-child {
    margin-bottom: 0px
}

.latepoint-login-form-w .os-form-buttons {
    justify-content: space-between
}

.latepoint-login-form-w .os-social-or {
    color: #2d54de;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 10px;
    font-weight: 500;
    font-size: 16px
}

.latepoint-login-form-w .os-social-or span {
    display: inline-block;
    position: relative
}

.latepoint-login-form-w .os-social-or span:before,
.latepoint-login-form-w .os-social-or span:after {
    content: "";
    position: absolute;
    top: 50%;
    height: 1px;
    background-color: #E2E5EF;
    width: 20px;
    left: -30px
}

.latepoint-login-form-w .os-social-or span:after {
    left: auto;
    right: -30px
}

.latepoint-login-form-w .os-social-login-options {
    display: flex;
    justify-content: space-between
}

.latepoint-login-form-w .os-social-login-options .os-social-login-option {
    padding: 5px 10px 5px 10px;
    border-radius: 6px;
    border: 1px solid #2d54de;
    display: block;
    flex: 0 0 49%;
    color: #2d54de;
    text-decoration: none;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer
}

.latepoint-login-form-w .os-social-login-options .os-social-login-option i,
.latepoint-login-form-w .os-social-login-options .os-social-login-option span {
    display: inline-block;
    vertical-align: middle
}

.latepoint-login-form-w .os-social-login-options .os-social-login-option i {
    margin-right: 10px
}

.latepoint-login-form-w .os-social-login-options .os-social-login-option.os-social-login-google {
    color: #C02A2A;
    border-color: #C02A2A
}

.latepoint-login-form-w .os-social-login-options .os-social-login-option.os-social-login-facebook {
    color: #465499;
    border-color: #465499
}

.os-password-reset-form-w {
    position: relative
}

.os-password-reset-form-w .password-reset-back-to-login {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 11px;
    align-items: center;
    color: #bd3d3d
}

.os-password-reset-form-w .password-reset-back-to-login span {
    margin-right: 5px
}

.os-password-reset-form-w .password-reset-back-to-login span,
.os-password-reset-form-w .password-reset-back-to-login i {
    display: inline-block;
    vertical-align: middle
}

.os-notifications {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    top: 20px;
    z-index: 10000;
    display: flex;
    flex-direction: column-reverse
}

.os-notifications .os-notification-close {
    position: absolute;
    top: 50%;
    right: 5px;
    cursor: pointer;
    padding: 5px;
    font-size: 14px;
    transform: translateY(-50%);
    display: block;
    line-height: 1
}

.os-notifications .item {
    padding: 14px 30px;
    background-color: rgba(29, 210, 101, 0.95);
    color: #fff;
    font-weight: 500;
    font-size: 16.8px;
    min-width: 500px;
    text-align: center;
    padding-right: 40px;
    position: relative
}

.os-notifications .item+.item {
    margin-bottom: 10px
}

@keyframes latepointFadeUp {
    0% {
        transform: translate3d(0, 40px, 0);
        opacity: 0
    }
    100% {
        transform: translate3d(0, 0px, 0);
        opacity: 1
    }
}

@keyframes latepointFadeDown {
    0% {
        transform: translate3d(0, -40px, 0);
        opacity: 0
    }
    100% {
        transform: translate3d(0, 0px, 0);
        opacity: 1
    }
}

@keyframes agentBio {
    0% {
        transform: scale(0.8);
        opacity: 0
    }
    100% {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes osLightboxAnimation {
    0% {
        transform: translate3d(-50%, -40%, 0px) scale(1.2);
        opacity: 0
    }
    100% {
        transform: translate3d(-50%, -50%, 0px) scale(1);
        opacity: 1
    }
}

@keyframes latepointNextBtn {
    0% {
        transform: translate3d(-15px, 0px, 0) scale(0.9);
        opacity: 0
    }
    100% {
        transform: translate3d(0, 0px, 0) scale(1);
        opacity: 1
    }
}

@keyframes latepointPrevBtn {
    0% {
        transform: translate3d(15px, 0px, 0) scale(0.9);
        opacity: 0
    }
    100% {
        transform: translate3d(0, 0px, 0) scale(1);
        opacity: 1
    }
}

.latepoint-login-form-w {
    animation: 0.6s cubic-bezier(0.45, 1.1, 0.4, 1) 0s both latepointFadeUp
}

.os-step-tab-content {
    animation: 0.3s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s both latepointFadeUp
}

.os-password-reset-form-w {
    animation: 0.3s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s both latepointFadeUp
}

.os-agent-bio-popup {
    animation: 0.4s cubic-bezier(0.45, 1.3, 0.6, 1) 0s both agentBio
}

.agent-bio-popup-content-i {
    animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1) 0s both latepointFadeUp
}

.agent-bio-popup-head h3 {
    animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1) 0s both latepointFadeDown
}

.agent-bio-popup-head .agent-bio-title {
    animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1) 0s both latepointFadeDown
}

.agent-bio-popup-feature-value {
    animation: 0.4s cubic-bezier(0, 1, 0.51, 1) 0.05s both latepointFadeUp
}

.agent-bio-popup-feature-label {
    animation: 0.4s cubic-bezier(0, 1, 0.51, 1) 0.1s both latepointFadeUp
}

.latepoint-lightbox-i {
    transform-origin: center center;
    animation: 0.5s cubic-bezier(0, 1, 0.51, 1) 0s both osLightboxAnimation
}

.lp-options {
    margin-top: 20px
}

.lp-options .lp-option {
    box-shadow: 0px 0px 0px 2px #E8EBEE;
    cursor: pointer;
    transition: transform 0.1s ease
}

.lp-options .lp-option.selected {
    box-shadow: 0px 0px 0px 2px #2d54de
}

.lp-options .lp-option.selected .lp-option-label {
    color: #2d54de
}

.lp-options .lp-option:hover {
    box-shadow: 0px 0px 0px 2px #2d54de
}

.lp-options .lp-option:hover .lp-option-label {
    color: #2d54de
}

.lp-options .lp-option .lp-option-image {
    padding-bottom: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    transform-origin: center center
}

.lp-options .lp-option .lp-option-label {
    font-weight: 500;
    color: #1f222b;
    font-size: 16px;
    padding: 10px
}

.lp-options.lp-options-grid {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap
}

.lp-options.lp-options-grid .lp-option {
    text-align: center
}

.lp-options.lp-options-grid .lp-option .lp-option-image-w {
    padding: 15px 30px;
    border-bottom: 1px solid #E8EBEE
}

.lp-options.lp-options-grid.lp-options-grid-three .lp-option {
    flex: 0 0 33%
}

.lp-options.lp-options-grid.lp-options-grid-two .lp-option {
    flex: 0 0 45%
}

.lp-options.lp-options-rows {
    display: flex;
    flex-direction: column
}

.lp-options.lp-options-rows .lp-option {
    margin-bottom: 15px;
    display: flex;
    align-items: center
}

.lp-options.lp-options-rows .lp-option .lp-option-image {
    flex: 0 0 50px;
    width: 50px
}

.lp-options.lp-options-rows .lp-option.lp-option-with-paypal {
    display: block;
    box-shadow: none
}

.lp-options.lp-options-rows .lp-option .lp-option-image-w {
    padding: 10px 15px;
    border-right: 1px solid #E8EBEE
}

.lp-options.lp-options-rows .lp-option .lp-option-label {
    flex: 1;
    padding-left: 20px
}

.lp-options .lp-option-amount-w {
    padding: 15px 30px;
    border-bottom: 1px solid #E8EBEE
}

.lp-options .lp-option-amount {
    border-radius: 50%;
    padding-bottom: 100%;
    box-shadow: 0px 0px 0px 2px #2d54de;
    position: relative
}

.lp-options .lp-option-amount .lp-amount-value {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 500;
    color: #1f222b;
    font-size: 16px
}

.lp-options .lp-option-amount.lp-amount-deposit {
    background-color: #D5DEFF;
    box-shadow: none
}

.lp-options .lp-option-amount.lp-amount-deposit .lp-slice {
    width: 50%;
    padding-bottom: 50%;
    background: #fff;
    border-radius: 70px 0px 0px 0px;
    box-shadow: 0px 0px 0px 2px #2d54de, 0px 0px 0px 6px #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: bottom right;
    transform: rotate(-45deg)
}

.lp-options .lp-option-amount.lp-amount-deposit .lp-amount-value {
    left: 0px;
    background-color: #fff;
    padding: 2px 0px
}

.customer-dashboard-tabs {
    display: flex;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin: 20px 0px 30px
}

.customer-dashboard-tabs a {
    display: block;
    padding: 10px 0px;
    font-weight: 500;
    text-decoration: none;
    color: #8e97b3;
    position: relative;
    font-size: 19px;
    margin-right: 40px
}

.customer-dashboard-tabs a:focus,
.customer-dashboard-tabs a:hover {
    text-decoration: none
}

.customer-dashboard-tabs a:after {
    content: "";
    height: 3px;
    background-color: #2d54de;
    left: 0px;
    bottom: -1px;
    display: block;
    position: absolute
}

.customer-dashboard-tabs a.active {
    color: #2d54de
}

.customer-dashboard-tabs a.active:after {
    width: 100%
}

.customer-bookings-tiles {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0px
}

.customer-bookings-tiles .customer-booking {
    background: #FFFFFF;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    flex: 0 0 300px;
    margin-right: 40px;
    margin-bottom: 40px;
    padding: 20px;
    color: #222
}

.customer-bookings-tiles h6.customer-booking-service-name {
    color: #2d54de;
    padding-bottom: 20px;
    margin: 0px;
    text-align: center;
    font-size: 16px;
    line-height: 1.2
}

.customer-bookings-tiles .customer-booking-service-color {
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1)
}

.customer-bookings-tiles .customer-booking-info {
    margin: 20px 0px;
    padding: 0px;
    font-size: 15px
}

.customer-bookings-tiles .customer-booking-info .customer-booking-info-row {
    display: flex;
    margin: 10px 0px
}

.customer-bookings-tiles .customer-booking-info .booking-info-label {
    flex: 0 1 80px;
    color: #8e97b3
}

.customer-bookings-tiles .customer-booking-info .booking-info-value {
    font-weight: 500
}

.customer-bookings-tiles .customer-booking-info .booking-info-value.status-approved,
.customer-bookings-tiles .customer-booking-info .booking-info-value.status-pending,
.customer-bookings-tiles .customer-booking-info .booking-info-value.status-cancelled {
    font-size: 13px;
    padding: 2px 5px
}

.customer-bookings-tiles .customer-booking-info .booking-info-value.status-approved {
    background-color: #41c75a;
    color: #fff
}

.customer-bookings-tiles .customer-booking-info .booking-info-value.status-pending {
    background-color: #fde29f;
    color: #3a2f15
}

.customer-bookings-tiles .customer-booking-info .booking-info-value.status-cancelled {
    background-color: #e63c26;
    color: #fff
}

.customer-bookings-tiles .customer-booking-buttons {
    display: flex;
    padding-top: 10px;
    border-top: 1px solid #eee;
    justify-content: space-between
}

.customer-bookings-tiles .customer-booking-buttons .latepoint-btn {
    display: block;
    padding: 5px 0px;
    white-space: nowrap
}

.customer-bookings-tiles .customer-booking-buttons .latepoint-btn i+span {
    margin-left: 4px
}

.customer-bookings-tiles .customer-booking-buttons .latepoint-request-booking-cancellation {
    margin-left: auto
}

.latepoint-customer-timezone-selector-w {
    position: relative;
    margin-top: -10px
}

.latepoint-customer-timezone-selector-w.os-loading label {
    position: relative
}

.latepoint-customer-timezone-selector-w.os-loading label:before {
    display: block;
    content: "";
    width: 12px !important;
    height: 12px !important;
    border-bottom: 2px solid #1f222b;
    border-left: 2px solid #1f222b;
    border-top: 2px solid #1f222b;
    border-right: 2px solid rgba(255, 255, 255, 0);
    border-radius: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: os-loading 700ms infinite linear;
    background-color: transparent !important;
    right: auto;
    left: -15px;
    top: 50%;
    z-index: 9999
}

.latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group {
    display: flex;
    align-items: center
}

.latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group label {
    display: block !important;
    font-size: 15px;
    font-weight: 500;
    color: #8e97b3;
    white-space: nowrap;
    margin-right: 5px;
    margin-bottom: 0px;
    margin-left: auto
}

.latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group select.os-form-control {
    width: 240px;
    height: 34px !important;
    padding: 0px 3px !important
}

.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
    box-shadow: none
}

.latepoint-lightbox-v2 {
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    z-index: 9998;
    display: none
}

.latepoint-lightbox-v2 button,
.latepoint-lightbox-v2 input,
.latepoint-lightbox-v2 select,
.latepoint-lightbox-v2 textarea {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    font-size: 14px
}

.latepoint-lightbox-v2 .latepoint-lightbox-i {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 740px;
    z-index: 9999;
    border-radius: 0px
}

.latepoint-lightbox-v2 .latepoint-lightbox-i .latepoint-booking-form-element {
    background-color: #fff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2), 0px 20px 50px rgba(0, 0, 0, 0.4)
}

.latepoint-lightbox-v2 .latepoint-lightbox-i a {
    box-shadow: none
}

.latepoint-lightbox-v2 .latepoint-lightbox-i a img {
    box-shadow: none
}

.latepoint-lightbox-v2 h1,
.latepoint-lightbox-v2 h2,
.latepoint-lightbox-v2 h3,
.latepoint-lightbox-v2 h4,
.latepoint-lightbox-v2 h5,
.latepoint-lightbox-v2 h6 {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    color: #2d54de;
    text-transform: none;
    letter-spacing: 0px;
    line-height: 1.45
}

.latepoint-lightbox-v2 h5 {
    font-size: 15px
}

.latepoint-w {
    line-height: 1.3;
    max-width: initial !important
}

.latepoint-w strong,
.latepoint-w b {
    font-weight: 500
}

.latepoint-w ul li {
    list-style: none
}

.latepoint-w.latepoint-shortcode-booking-form .latepoint-booking-form-element {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 10px 25px rgba(0, 0, 0, 0.1);
    margin: 20px auto;
    max-width: 740px
}

.latepoint-w.latepoint-shortcode-booking-form .latepoint-booking-form-element .latepoint-lightbox-close {
    display: none !important
}

.latepoint-w.latepoint-shortcode-booking-form .latepoint-booking-form-element .latepoint-heading-w {
    text-align: center
}

.latepoint-w.latepoint-shortcode-booking-form .latepoint-booking-form-element .latepoint-form-w .latepoint-body {
    max-height: inherit;
	direction: rtl;
}

.latepoint-w.latepoint-with-summary .latepoint-lightbox-i {
    transition: all 0.4s cubic-bezier(0.05, 0.45, 0.1, 1)
}

.latepoint-w.latepoint-with-summary .latepoint-booking-form-element {
    transition: all 0.4s cubic-bezier(0.05, 0.45, 0.1, 1)
}

.latepoint-w .latepoint-booking-form-element {
    display: flex;
    align-items: stretch;
    position: relative
}

.latepoint-w .latepoint-booking-form-element h1,
.latepoint-w .latepoint-booking-form-element h2,
.latepoint-w .latepoint-booking-form-element h3,
.latepoint-w .latepoint-booking-form-element h4,
.latepoint-w .latepoint-booking-form-element h5 {
    color: #2d54de
}

.latepoint-w .latepoint-booking-form-element a {
    text-decoration: none
}

.latepoint-w .latepoint-booking-form-element.current-step-datepicker .latepoint-side-panel .latepoint-timezone-selector-w {
    display: block
}

.latepoint-w .latepoint-booking-form-element .info-box {
    background-color: #FFF3CB;
    margin-top: 20px;
    padding: 10px;
    font-size: 12px;
    color: #4e4841
}

.latepoint-w .latepoint-booking-form-element .info-box .info-box-buttons {
    margin-top: 10px
}

.latepoint-w .latepoint-booking-form-element .info-box .info-box-buttons a {
    background-color: #fff;
    color: #1f222b;
    font-weight: 500;
    padding: 3px 8px;
    display: inline-block;
    text-decoration: none;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1)
}

.latepoint-w .latepoint-booking-form-element .latepoint-summary-w {
    position: absolute;
    width: 240px;
    top: 0px;
    right: 0px;
    height: 100%;
    transition: all 0.4s cubic-bezier(0.05, 0.45, 0.1, 1);
    transform: translateX(-60px);
    background-color: #fff;
    z-index: 1
}

.latepoint-w .latepoint-booking-form-element .latepoint-summary-w h3.summary-header {
    font-size: 13px;
    line-height: 1.3;
    color: #2d54de;
    font-weight: 600;
    padding: 13px 28px 13px 26px;
    text-transform: uppercase;
    /* letter-spacing: 2px; */
    position: relative;
    margin-bottom: 15px;
    text-align: right;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05)
}

.latepoint-w .latepoint-booking-form-element .latepoint-summary-w h3.summary-header span {
    background-color: #fff;
    position: relative;
    z-index: 2;
    padding: 5px;
    display: inline-block
}

.latepoint-w .latepoint-booking-form-element .latepoint-summary-w h3.summary-header .os-lines {
    position: absolute;
    top: 21px;
    left: 20px;
    right: 18px;
    z-index: 1
}

.latepoint-w .latepoint-booking-form-element .latepoint-summary-w h3.summary-header .os-lines:before {
    display: block;
    content: "";
    height: 6px;
    border-top: 2px dotted #b7c2e8;
    border-bottom: 2px dotted #b7c2e8;
    margin-bottom: 2px
}

.latepoint-w .latepoint-booking-form-element .latepoint-summary-w h3.summary-header .os-lines:after {
    display: block;
    content: "";
    height: 6px;
    border-top: 2px dotted #b7c2e8
}

.latepoint-w .latepoint-booking-form-element .latepoint-summary-w .os-summary-lines {
    padding: 0px 30px 20px;
    text-align: right
}

.latepoint-w .latepoint-booking-form-element .latepoint-summary-w .os-summary-line {
    padding: 5px 0px 0px;
    margin-bottom: 5px;
    display: none;
    position: relative
}

.latepoint-w .latepoint-booking-form-element .latepoint-summary-w .os-summary-line:after {
    bottom: 4px;
    left: 0px;
    right: 0px;
    content: "";
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    position: absolute
}

.latepoint-w .latepoint-booking-form-element .latepoint-summary-w .os-summary-line .os-summary-label {
    margin-bottom: 0px;
    color: #8e97b3;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px
}

.latepoint-w .latepoint-booking-form-element .latepoint-summary-w .os-summary-line .os-summary-value {
    line-height: 1.3;
    color: #2d54de;
    font-weight: 500;
    font-size: 14px;
    padding-bottom: 0px;
    position: relative;
    background-color: #fff;
    display: inline-block;
    padding-left: 2px;
    z-index: 2
}

.latepoint-w .latepoint-booking-form-element .latepoint-summary-w .os-summary-line:last-child {
    border-bottom: none
}

.latepoint-w .latepoint-booking-form-element .latepoint-summary-w.summary-dark {
    background-color: #191a2d
}

.latepoint-w .latepoint-booking-form-element .latepoint-summary-w.summary-dark h3.summary-header {
    color: #fff
}

.latepoint-w .latepoint-booking-form-element .latepoint-summary-w.summary-dark h3.summary-header span {
    background-color: #191a2d
}

.latepoint-w .latepoint-booking-form-element .latepoint-summary-w.summary-dark h3.summary-header .os-lines {
    border-color: #fff
}

.latepoint-w .latepoint-booking-form-element .latepoint-summary-w.summary-dark h3.summary-header .os-lines:before,
.latepoint-w .latepoint-booking-form-element .latepoint-summary-w.summary-dark h3.summary-header .os-lines:after {
    border-color: #fff
}

.latepoint-w .latepoint-booking-form-element .latepoint-summary-w.summary-dark .os-summary-line {
    border-bottom: 1px dashed #515667
}

.latepoint-w .latepoint-booking-form-element .latepoint-summary-w.summary-dark .os-summary-line .os-summary-label {
    color: #8e97b3
}

.latepoint-w .latepoint-booking-form-element .latepoint-summary-w.summary-dark .os-summary-line .os-summary-value {
    color: #fff
}

.latepoint-w .latepoint-booking-form-element .latepoint-side-panel {
    flex: 0 0 270px;
    background-color: #fff;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px 30px 25px 30px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 0px 0px 0px 0px;
    position: relative
}

.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w {
    margin-top: 15px;
    display: none;
    position: relative;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 10px
}

.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w.os-loading:before {
    display: block;
    content: "";
    width: 12px !important;
    height: 12px !important;
    border-bottom: 2px solid #1f222b;
    border-left: 2px solid #1f222b;
    border-top: 2px solid #1f222b;
    border-right: 2px solid rgba(255, 255, 255, 0);
    border-radius: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: os-loading 700ms infinite linear;
    background-color: transparent !important;
    left: -13px;
    right: auto;
    top: auto;
    bottom: 1px;
    z-index: 9999
}

.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group.os-form-select-group label {
    display: block !important;
    font-size: 11px !important;
    color: #8e97b3
}

.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group.os-form-select-group select.os-form-control {
    height: 26px !important;
    padding: 0px 3px !important;
    font-size: 11px !important
}

.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group {
    margin-bottom: 0px !important
}

.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w select {
    text-align-last: center;
    text-align: center
}

.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-progress {
    text-align: center;
    color: #8e97b3;
    font-size: 14px;
    padding-top: 10px;
    margin-bottom: auto
}

.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-progress ul {
    list-style: none;
    margin: 0px auto;
    padding: 0px;
    text-align: center;
    justify-content: center;
    display: flex
}

.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-progress ul li {
    display: block;
    flex: 0 0 6px;
    margin: 0px;
    padding: 0px;
    margin: 0px 4px
}

.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-progress ul li a {
    height: 6px;
    width: 6px;
    background-color: rgba(0, 0, 0, 0.07);
    display: block;
    color: #8e97b3;
    text-decoration: none;
    position: relative;
    box-shadow: none;
    font-weight: 500;
    font-size: 12px
}

.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-progress ul li a span {
    position: absolute;
    display: block;
    left: 50%;
    top: -2px;
    transform: translate(-50%, -150%);
    display: inline-block;
    background-color: #2d54de;
    color: #fff;
    padding: 3px 6px;
    line-height: 1.1;
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s ease;
    white-space: nowrap
}

.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-progress ul li a:hover {
    background-color: rgba(0, 0, 0, 0.15)
}

.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-progress ul li a:hover span {
    opacity: 1;
    transform: translate(-50%, -105%);
    visibility: visible
}

.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-progress ul li.active a,
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-progress ul li.complete a {
    background-color: #2d54de
}

.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w {
    padding: 20px 0px 50px 0px;
    color: #8e97b3
}

.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc-library {
    display: none
}

.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media {
    margin-top: 20px;
    width: 80px;
    height: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
    display: inline-block;
    margin-bottom: 15px
}

.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-title {
    padding-top: 0px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.2
}

.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions {
    color: #8e97b3;
    margin-top: auto
}

.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions h5 {
    margin: 0px;
    line-height: 1.4;
    margin-bottom: 5px;
    position: relative;
    font-size: 15px
}

.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions p:last-child {
    margin-bottom: 0px
}

.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions a {
    text-decoration: underline
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w {
    flex: 1;
    max-width: 470px;
    background-color: #fff;
    border-radius: 0px 0px 0px 0px;
    position: relative;
    z-index: 2
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w form {
    background-color: #fff;
    padding: 0px;
    min-height: 100%
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-form {
    display: flex;
    justify-content: stretch;
    flex-direction: column
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w {
    position: absolute;
    z-index: 2;
    background-color: #fff;
    top: 0px;
    left: 0px;
    right: 0px;
    padding: 15px 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05)
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
    position: absolute;
    top: 50%;
    right: 28px;
    transform: translateY(-50%);
    font-size: 18px;
    box-shadow: none;
    display: block;
    color: #2d54de;
    line-height: 18px;
    z-index: 2
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close i {
    line-height: 1;
    display: block
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .os-heading-text {
    margin: 0px;
    font-size: 19px;
    line-height: 1.2
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .os-heading-text-library {
    display: none
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body {
    padding: 80px 30px 0px;
    flex: 1;
    max-height: 84vh;
    overflow-y: scroll;
    transition: all 0.2s ease;
    position: relative
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body:after {
    content: "";
    height: 80px;
    display: block
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h3,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h4 {
    color: #14161d
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body .os-step-header {
    margin-top: 0px;
    margin-bottom: 25px
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h3 {
    font-size: 19px
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h4 {
    font-size: 16px
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer {
    padding: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #fff
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-next-btn {
    margin-left: auto;
    animation: 0.3s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s both latepointNextBtn
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-next-btn.disabled {
    display: none
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-prev-btn {
    animation: 0.3s cubic-bezier(0.45, 1, 0.4, 1.2) 0s both latepointPrevBtn
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-prev-btn.disabled {
    display: none
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn {
    font-weight: 500;
    box-shadow: none;
    padding: 8px 14px;
    font-size: 12px;
    /* letter-spacing: 0.2px */
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn.disabled {
    background-color: #E3E6F0;
    color: #B5BAD2
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn.disabled span {
    color: #B5BAD2
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn.disabled i {
    color: #B5BAD2
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn i {
    font-size: 9px
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn i+span {
    margin-left: 10px
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn span+i {
    margin-left: 10px
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-agent-bio-popup {
    overflow-y: auto;
    position: absolute;
    z-index: 9999;
    background-color: #fff;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: none
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-agent-bio-popup.active {
    display: block
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-agent-bio-popup .os-agent-bio-close {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #FF5151;
    color: #fff;
    padding: 10px;
    font-size: 12px;
    font-weight: 500;
    z-index: 9999
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-agent-bio-popup .os-agent-bio-close span,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-agent-bio-popup .os-agent-bio-close i {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-agent-bio-popup .os-agent-bio-close span {
    margin-right: 10px
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-head {
    background-size: cover;
    background-position: center center;
    padding: 80px 40px 40px 40px;
    position: relative
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-head h3 {
    color: #fff;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    font-size: 28px;
    margin: 0px;
    z-index: 2;
    position: relative
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-head .agent-bio-title {
    margin-top: 5px;
    color: rgba(255, 255, 255, 0.8);
    z-index: 2;
    position: relative;
    font-size: 19px
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-head:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
    z-index: 1
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content {
    padding: 40px;
    font-size: 15px;
    line-height: 19px;
    position: relative;
    z-index: 2
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .bio-curve {
    position: absolute;
    top: 1px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    transform: translateY(-100%);
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    z-index: 9999
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-features {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
    margin-top: -15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 30px
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-features .agent-bio-popup-feature {
    flex: 1;
    padding: 0px 15px
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-features .agent-bio-popup-feature:first-child {
    padding-left: 0px
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-features .agent-bio-popup-feature:last-child {
    padding-right: 0px
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-features .agent-bio-popup-feature .agent-bio-popup-feature-value {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.2;
    color: #2d54de
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-features .agent-bio-popup-feature .agent-bio-popup-feature-label {
    font-size: 12px;
    color: #8e97b3
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-features .agent-bio-popup-feature+.agent-bio-popup-feature {
    border-left: 1px solid rgba(0, 0, 0, 0.05)
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-content-i::first-letter {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    font-size: 25px;
    line-height: 19px;
    color: #2d54de;
    font-weight: 600;
    padding-right: 1px
}

.latepoint-w .latepoint-booking-form-element .latepoint-step-content {
    color: #8e97b3
}

.latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-centered {
    text-align: center
}

.latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-centered>h4 {
    margin-bottom: 5px
}

.latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-left>h4 {
    margin-bottom: 5px
}

.latepoint-w .latepoint-booking-form-element .lp-demo-mode-msg {
    padding: 5px 10px;
    background-color: #ffd534;
    color: #211f1a;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
    text-align: center
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #FDF2D9;
    padding: 5px 15px;
    color: #A38E7B;
    font-size: 16px;
    margin-top: 20px
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info div {
    white-space: nowrap
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .lp-price-value {
    font-weight: 500;
    color: #A45D00
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .lp-price-value>span {
    text-decoration: line-through;
    display: inline-block;
    margin-right: 3px;
    opacity: 0.5;
    font-size: 14px
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info a {
    color: #846337;
    display: block;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.61);
    font-weight: 500;
    padding: 2px;
    border-radius: 2px 5px;
    font-size: 12px;
    margin-left: 30px
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-deposit-price-w,
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-total-price-w {
    padding: 4px 0px;
    margin: 0px auto
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-deposit-price-w {
    display: none
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.paying-deposit .payment-total-price-w {
    display: none
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.paying-deposit .payment-deposit-price-w {
    display: block
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code {
    display: none;
    padding: 3px 5px 3px 8px;
    background-color: #fff;
    color: #111;
    border: 1px dashed #111;
    font-weight: 500;
    font-size: 12px;
    margin-left: 20px;
    text-transform: uppercase;
    vertical-align: middle;
    position: relative
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code .coupon-code-self {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.1
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code .coupon-code-clear {
    line-height: 1.1;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    cursor: pointer;
    position: relative
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code .coupon-code-clear.os-loading:before {
    display: block;
    content: "";
    width: 10px !important;
    height: 10px !important;
    border-bottom: 2px solid #111;
    border-left: 2px solid #111;
    border-top: 2px solid #111;
    border-right: 2px solid rgba(255, 255, 255, 0);
    border-radius: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: os-loading 700ms infinite linear;
    background-color: transparent !important;
    right: -5px;
    left: auto
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code .coupon-code-clear.os-loading i {
    opacity: 0
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w {
    display: none;
    position: relative;
    margin-left: 20px !important
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w.os-loading:before {
    display: block;
    content: "";
    width: 12px !important;
    height: 12px !important;
    border-bottom: 2px solid #A45D00;
    border-left: 2px solid #A45D00;
    border-top: 2px solid #A45D00;
    border-right: 2px solid rgba(255, 255, 255, 0);
    border-radius: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: os-loading 700ms infinite linear;
    background-color: transparent !important;
    left: -13px
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input {
    border: none !important;
    border: 1px solid #bbaa98 !important;
    padding: 4px !important;
    background-color: #fff !important;
    box-shadow: none !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    display: block !important;
    width: 135px !important;
    margin: 0px !important
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input:focus,
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input:active {
    box-shadow: none !important;
    outline: none !important
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input::placeholder {
    color: #A38E7B !important
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w .coupon-code-input-submit {
    position: absolute;
    top: 50%;
    right: 3px;
    transform: translateY(-50%);
    vertical-align: middle;
    background-color: #111;
    color: #fff;
    text-transform: uppercase;
    padding: 3px 5px;
    font-size: 11px;
    font-weight: 500;
    cursor: pointer
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.entering-coupon .coupon-code-trigger-w {
    display: none
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.entering-coupon .coupon-code-input-w {
    display: block
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.coupon-is-applied .coupon-code-trigger-w {
    display: none
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.coupon-is-applied .coupon-code-input-w {
    display: none
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.coupon-is-applied .applied-coupon-code {
    display: block
}

.latepoint-w .latepoint-booking-form-element .step-payment-w>h4 {
    margin-bottom: 10px
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-methods-w {
    display: none
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-portion-selection-w {
    display: none
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-times-w {
    display: none
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w {
    display: none;
    text-align: center
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-demo-mode-trigger {
    display: inline-block;
    text-align: center;
    padding: 10px 20px;
    background-color: #fac555;
    border-radius: 40px;
    color: #111;
    margin-top: 15px;
    font-weight: 500;
    cursor: pointer
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-demo-mode-trigger:hover {
    box-shadow: 0px 0px 0px 2px #ffb011
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-demo-mode-trigger span {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid rgba(0, 0, 0, 0.1)
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-demo-mode-trigger img {
    height: 20px;
    width: auto;
    display: inline-block;
    vertical-align: middle
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-btn-trigger {
    padding: 20px 0px 5px;
    position: relative;
    min-height: 60px
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-btn-trigger:before {
    display: block;
    content: "";
    width: 20px !important;
    height: 20px !important;
    border-bottom: 2px solid #2d54de;
    border-left: 2px solid #2d54de;
    border-top: 2px solid #2d54de;
    border-right: 2px solid rgba(255, 255, 255, 0);
    border-radius: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: os-loading 700ms infinite linear;
    background-color: transparent !important;
    top: 35px
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-card-chip {
    background-color: #ffe5b6;
    padding: 7px 1px;
    position: absolute;
    top: 20px;
    right: 20px;
    border-radius: 6px
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-card-chip:before {
    content: "";
    position: absolute;
    top: 13px;
    left: 0px;
    width: 10px;
    height: 4px;
    box-shadow: 0px 1px 0px 0px #D4C7B9, 0px -1px 0px 0px #D4C7B9
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-card-chip:after {
    content: "";
    position: absolute;
    top: 13px;
    right: 0px;
    width: 10px;
    height: 4px;
    box-shadow: 0px 1px 0px 0px #D4C7B9, 0px -1px 0px 0px #D4C7B9
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-card-chip .chip-i {
    height: 16px;
    width: 40px;
    box-shadow: 0px 1px 0px 0px #D4C7B9, 0px -1px 0px 0px #D4C7B9
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-card-chip .chip-i:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 11px;
    width: 20px;
    bottom: 0px;
    box-shadow: 1px 0px 0px 0px #D4C7B9, -1px 0px 0px 0px #D4C7B9
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-card-w {
    display: none;
    background-color: #FFFCF4;
    padding: 10px 30px 10px;
    border-radius: 10px
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-card-w .lp-card-i {
    background-color: #5a2dde;
    background: linear-gradient(45deg, #25272f 0%, #0a2275 58%, #102984 58%, #1b2856 100%);
    box-shadow: 0 10px 20px 0 rgba(207, 140, 51, 0.5), 0 2px 3px 0 rgba(64, 51, 40, 0.66);
    border-radius: 8px;
    border: 1px solid #000;
    border: 1px solid #051b67;
    padding: 15px 20px 10px;
    position: relative
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-card-w .lp-card-i .lp-card-header {
    color: #fff;
    margin: 0px;
    margin-bottom: 25px;
    font-size: 26px
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-card-w .lp-card-i .os-form-group.os-form-textfield-group .os-form-control.os-framed-field,
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-card-w .lp-card-i .os-form-group.os-form-textfield-group input.os-form-control.os-framed-field {
    height: 29px !important
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-card-w .lp-card-i .os-form-group {
    margin-bottom: 15px
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-card-w .lp-card-i label {
    color: rgba(175, 184, 214, 0.5) !important;
    top: -10px !important;
    left: 0px !important
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-card-w .lp-card-i .os-form-group.os-form-select-group .os-form-control,
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-card-w .lp-card-i .os-form-group.os-form-select-group input.os-form-control,
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-card-w .lp-card-i .os-form-group.os-form-textfield-group .os-form-control,
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-card-w .lp-card-i .os-form-group.os-form-textfield-group input.os-form-control {
    box-shadow: none !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
    padding: 5px 0px 5px 0px !important;
    border-radius: 0px !important;
    background-color: transparent !important;
    color: #fff !important
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-card-w .lp-card-i .os-form-group.os-form-select-group .os-form-control::placeholder,
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-card-w .lp-card-i .os-form-group.os-form-select-group input.os-form-control::placeholder,
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-card-w .lp-card-i .os-form-group.os-form-textfield-group .os-form-control::placeholder,
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-card-w .lp-card-i .os-form-group.os-form-textfield-group input.os-form-control::placeholder {
    color: #7d89b1 !important
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .latepoint-secured-payments-label {
    font-size: 12px;
    margin-top: 10px;
    color: #A9814A;
    font-weight: 500;
    padding-left: 40px;
    padding-right: 40px;
    text-align: center;
    position: relative
}

.latepoint-w .latepoint-booking-form-element .step-payment-w .latepoint-secured-payments-label:after {
    position: absolute;
    font-family: 'latepoint' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 20px;
    top: 50%;
    left: 10px;
    color: #A9814A;
    transform: translateY(-50%)
}

.latepoint-w .latepoint-booking-form-element .step-payment-w.lp-show-pay-times .lp-payment-times-w {
    display: block
}

.latepoint-w .latepoint-booking-form-element .step-payment-w.lp-show-pay-methods .lp-payment-methods-w {
    display: block
}

.latepoint-w .latepoint-booking-form-element .step-payment-w.lp-show-pay-portion-selection .lp-payment-portion-selection-w {
    display: block
}

.latepoint-w .latepoint-booking-form-element .step-payment-w.lp-show-card .lp-card-w {
    display: block
}

.latepoint-w .latepoint-booking-form-element .step-payment-w.lp-show-paypal .lp-paypal-btn-trigger-w {
    display: block
}

.latepoint-w .latepoint-booking-form-element .step-services-w .latepoint-step-content-text-centered {
    display: none
}

.latepoint-w .latepoint-booking-form-element .step-services-w.selecting-service-duration .latepoint-step-content-text-centered {
    display: block
}

.latepoint-w .latepoint-booking-form-element .step-services-w.selecting-service-duration .os-services .os-item .os-service-selector {
    display: none !important
}

.latepoint-w .latepoint-booking-form-element .step-services-w.selecting-service-duration .os-service-category-info-w {
    display: none !important
}

.latepoint-w .latepoint-booking-form-element .step-services-w.selecting-service-duration .os-service-category-w>.os-services .os-item {
    border: none !important
}

.latepoint-w .latepoint-booking-form-element .step-services-w.selecting-service-duration .os-service-category-w.selected {
    box-shadow: none !important
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-durations {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    list-style-type: none !important;
    margin: 0px;
    margin-top: 20px;
    padding: 0px
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-durations .os-item {
    position: relative
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-durations .os-item .os-duration-value {
    font-size: 39px;
    font-weight: 500;
    line-height: 1.1;
    color: #2d54de
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-durations .os-item .os-duration-label {
    color: #8e97b3
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-durations .os-item .os-duration-price {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 5px;
    color: #D09F1D;
    line-height: 1;
    font-size: 18px;
    font-weight: 500
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-category-w>.os-services {
    display: none
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-category-w>.os-services .os-item.selected {
    position: relative;
    z-index: 2
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-category-w>.os-services .os-item.selected>.os-service-selector:hover {
    border-color: #2d54de
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-category-w>.os-services .os-item:hover {
    z-index: 2;
    position: relative
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-category-w>.os-services .os-item a.os-service-selector {
    position: relative
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-category-w>.os-services .os-item a.os-service-selector .service-name-w .service-name {
    font-size: 15px
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-category-w>.os-services .os-item a.os-service-selector:hover {
    border-color: #2d54de
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-category-w .os-service-category-w {
    margin-top: 0px;
    box-shadow: none
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-category-w .os-service-category-w .os-service-category-info-w {
    border: none
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-category-w .os-service-category-w .os-service-category-info-w {
    display: none
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-category-w .os-service-category-info .os-service-category-img-w {
    flex: 0 0 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    margin-right: 15px;
    display: block
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-category-w .os-service-category-info .os-service-category-name {
    display: block;
    font-weight: 500;
    font-size: 16px;
    display: block;
    margin-right: auto;
    flex: 1;
    transition: transform 0.2s ease
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-category-w .os-service-category-info .os-service-category-services-count {
    display: block;
    color: #8e97b3;
    font-size: 11px;
    transform: translateX(-40px);
    transition: transform 0.2s ease
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-category-w.selected {
    box-shadow: none
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-category-w.selected>.os-service-category-info-w {
    display: block;
    border-bottom: 1px solid #E5E7EE;
    background-color: #F4F6F9;
    border-top: none;
    position: relative
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-category-w.selected>.os-service-category-info-w:last-child {
    border-bottom: none
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-category-w.selected>.os-service-category-info-w .os-service-category-img-w {
    opacity: 0
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-category-w.selected>.os-service-category-info-w .os-service-category-services-count {
    transform: translateX(0)
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-category-w.selected>.os-service-category-info-w:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 25px;
    font-family: 'latepoint' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 10px;
    transform: translateY(-50%);
    color: #8e97b3;
    transition: all 0.2s ease
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-category-w.selected>.os-service-category-info-w>.os-service-category-info:after {
    opacity: 0;
    transform: translate(5px, -50%)
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-category-w.selected>.os-service-category-info-w:hover:before {
    transform: translate(-5px, -50%);
    color: #2d54de
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-category-w.selected>.os-service-category-info-w:hover .os-service-category-name {
    color: #2d54de
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-category-w.selected>.os-services {
    display: block
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-categories-holder.show-selected-only .os-service-category-info-w {
    display: none
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-categories-holder.show-selected-only .os-service-category-w:not(.selected) {
    border: none
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-categories-holder.show-selected-only .os-service-category-w.selected>.os-service-category-info-w {
    display: none
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-categories-holder.show-selected-only .os-service-category-w.selected>.os-service-categories-holder>.os-service-category-w>.os-service-category-info-w {
    display: block
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-categories-holder.show-selected-only .os-service-category-w.selected>.os-service-categories-holder>.os-service-category-w,
.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-categories-holder.show-selected-only .os-service-category-w.selected>.os-service-categories-holder>.os-services {
    display: block
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-services_ {
    list-style-type: none !important;
    margin: 0px !important;
    padding: 0px !important
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-services_ .os-item {
    margin-bottom: 15px;
    list-style: none
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-services_ .os-item .os-item-i {
    display: flex;
    background: #FFFFFF;
    border: 1px solid #E5E7EE;
    align-items: center;
    box-shadow: none;
    outline: none;
    padding: 10px 15px;
    color: #1f222b;
    text-decoration: none
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-services_ .os-item .os-item-i:hover {
    border-color: #2d54de;
    text-decoration: none
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-services_ .os-item .os-item-i .service-img-w {
    flex: 0 0 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    margin-right: 15px
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-services_ .os-item .os-item-i .service-name-w {
    padding: 10px 0px;
    margin-right: auto
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-services_ .os-item .os-item-i .service-name-w .service-name {
    font-weight: 500;
    font-size: 16px;
    display: block
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-services_ .os-item .os-item-i .service-name-w .service-desc {
    color: #8e97b3;
    font-size: 12px;
    display: block;
    margin-top: 3px
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-services_ .os-item .os-item-i .service-price-w {
    border-left: 1px solid rgba(0, 0, 0, 0.05);
    padding-left: 15px;
    margin-left: 10px;
    text-align: center
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-services_ .os-item .os-item-i .service-price-w .service-price {
    display: block;
    color: #D09F1D;
    font-size: 22px;
    line-height: 1.1;
    font-weight: 500
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-services_ .os-item .os-item-i .service-price-w .service-price-label {
    display: block;
    color: #8e97b3;
    font-size: 11px;
    white-space: nowrap
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-services_ .os-item.selected .os-service-durations {
    display: flex
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-services_ .os-item.selected>.os-item-i {
    border-color: #2d54de
}

.latepoint-w .latepoint-booking-form-element .step-services-w .os-services_ .os-item.with-description a .service-name-w {
    padding: 5px 0px
}

.os-weekdays {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.os-weekdays .weekday {
    text-transform: uppercase;
    font-size: 9px;
    color: #859cec;
    font-weight: 500;
    letter-spacing: 2px;
    width: 14.2%;
    text-align: center;
    padding: 5px 0px
}

.os-weekdays .weekday.weekday-6,
.os-weekdays .weekday.weekday-7 {
    color: #ccb63b;
    background-color: #fffef2
}

.os-current-month-label-w {
    position: relative
}

.os-current-month-label-w .os-month-prev-btn,
.os-current-month-label-w .os-month-next-btn {
    position: absolute;
    border: none;
    font-size: 14px;
    background-color: transparent;
    box-shadow: none;
    outline: none;
    color: #111;
    top: 55%;
    transform: translateY(-50%);
    padding: 0px;
    margin: 0px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer
}

.os-current-month-label-w .os-month-prev-btn.os-loading,
.os-current-month-label-w .os-month-next-btn.os-loading {
    color: transparent !important
}

.os-current-month-label-w .os-month-prev-btn.os-loading span,
.os-current-month-label-w .os-month-prev-btn.os-loading i,
.os-current-month-label-w .os-month-next-btn.os-loading span,
.os-current-month-label-w .os-month-next-btn.os-loading i {
    color: transparent !important
}

.os-current-month-label-w .os-month-prev-btn.os-loading:after,
.os-current-month-label-w .os-month-next-btn.os-loading:after {
    display: block;
    content: "";
    width: 14px;
    height: 14px;
    border-bottom: 2px solid #1f222b;
    border-left: 2px solid #1f222b;
    border-top: 2px solid #1f222b;
    border-right: 2px solid rgba(0, 0, 0, 0);
    border-radius: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: os-loading 700ms infinite linear
}

.os-current-month-label-w .os-month-prev-btn:hover,
.os-current-month-label-w .os-month-next-btn:hover {
    color: #2d54de
}

.os-current-month-label-w .os-month-prev-btn:focus,
.os-current-month-label-w .os-month-next-btn:focus {
    outline: none
}

.os-current-month-label-w .os-month-prev-btn.disabled,
.os-current-month-label-w .os-month-next-btn.disabled {
    color: rgba(0, 0, 0, 0.1)
}

.os-current-month-label-w .os-month-prev-btn {
    left: 10px
}

.os-current-month-label-w .os-month-next-btn {
    right: 10px
}

.os-current-month-label-w .os-current-month-label {
    text-align: center;
    font-weight: 500;
    letter-spacing: 2px;
    font-size: 16px;
    margin-bottom: 10px;
    color: #1f222b
}

.os-monthly-calendar-days-w {
    display: none
}

.os-monthly-calendar-days-w.active {
    display: block
}

.step-datepicker-w {
    padding: 0px 30px
}

.os-monthly-calendar-days {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.os-monthly-calendar-days .os-day {
    width: 14.2%;
    padding: 2%;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer
}

.os-monthly-calendar-days .os-day.week-day-6,
.os-monthly-calendar-days .os-day.week-day-7 {
    background-color: #fffef2
}

.os-monthly-calendar-days .os-day.os-day-next-month,
.os-monthly-calendar-days .os-day.os-day-prev-month {
    color: #B7BCCB;
    background-color: #fff
}

.os-monthly-calendar-days .os-day.os-day-current .os-day-box {
    background-color: #F2F4F9
}

.os-monthly-calendar-days .os-day.os-day-passed .os-day-box {
    background-color: #f7f8fb
}

.os-monthly-calendar-days .os-day.os-day-passed .os-day-box .os-day-number {
    color: #bdc5da
}

.os-monthly-calendar-days .os-day.os-not-in-allowed-period .os-day-box {
    background-color: #f7f8fb
}

.os-monthly-calendar-days .os-day.os-not-in-allowed-period .os-day-box .os-day-number {
    color: #bdc5da
}

.os-monthly-calendar-days .os-day.os-today .os-day-box {
    background-color: #fff6cb
}

.os-monthly-calendar-days .os-day.os-month-next .os-day-box,
.os-monthly-calendar-days .os-day.os-month-prev .os-day-box {
    opacity: 0.6
}

.os-monthly-calendar-days .os-day.os-month-next .os-day-box:hover,
.os-monthly-calendar-days .os-day.os-month-prev .os-day-box:hover {
    opacity: 1
}

.os-monthly-calendar-days .os-day .os-day-box {
    padding-bottom: 100%;
    position: relative;
    overflow: hidden
}

.os-monthly-calendar-days .os-day .os-day-number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #4c5261;
    transition: transform 0.1s ease
}

.os-monthly-calendar-days .os-day:hover .os-day-box .os-day-number {
    top: 46%;
    font-size: 15px;
    white-space: nowrap
}

.os-monthly-calendar-days .os-day.selected .os-day-box {
    background-color: #2d54de;
    color: #fff;
    opacity: 1
}

.os-monthly-calendar-days .os-day.selected .os-day-box .os-day-number {
    color: #fff;
    font-size: 16px
}

.os-monthly-calendar-days .os-day.selected .os-day-box .os-day-status {
    display: none
}

.os-day-status {
    width: 100%;
    margin: 0px auto;
    margin-top: 10px;
    height: 6px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #f95858;
    background-color: #e7ebf2
}

.os-day-status .day-available {
    background-color: #80dc6e;
    top: 0px;
    bottom: 0px;
    position: absolute;
    z-index: 1;
    min-width: 3px
}

.time-selector-w {
    display: none;
    padding-bottom: 35px;
    margin-top: 25px
}

.times-header {
    color: #16171d;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: center;
    padding-bottom: 10px
}

.times-header span {
    color: #2d54de;
    border-bottom: 1px dotted #2d54de
}

.os-dates-w {
    margin: 0px -2.2%
}

.os-times-w {
    position: relative
}

.timeslots {
    display: flex;
    justify-content: space-between
}

.timeslots .not-working-message {
    flex: 1;
    padding: 3px 5px;
    text-align: center;
    background-color: #ffd4d4;
    color: #752f2f;
    font-weight: 500
}

.dp-timeslot {
    height: 18px;
    flex-grow: 1;
    margin: 0px;
    box-shadow: inset 1px 0px 0px 0px #fff, inset -1px 0px 0px 0px #fff;
    border-radius: 0px;
    position: relative;
    cursor: pointer;
    background-color: #5fda80
}

.dp-timeslot .dp-tick {
    position: absolute;
    display: block;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 8px;
    text-align: center;
    color: rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: 1px
}

.dp-timeslot .dp-tick strong {
    display: block;
    color: #000;
    font-size: 10px;
    line-height: 1.2;
    letter-spacing: 0px
}

.dp-timeslot .dp-success-label {
    color: rgba(255, 255, 255, 0.8);
    display: block;
    text-align: center;
    margin-bottom: 4px
}

.dp-timeslot .dp-label {
    display: none;
    text-align: center;
    padding: 5px 8px 5px 8px;
    line-height: 1;
    border-radius: 0px;
    background-color: #04bb03;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    left: 50%;
    top: -8px;
    transform: translate(-50%, -100%);
    white-space: nowrap;
    transition: all 0.2s ease;
    z-index: 10
}

.dp-timeslot.selected:not(.is-booked,
.is-off) {
    background-color: #2d54de;
    z-index: 4
}

.dp-timeslot.selected:not(.is-booked,
.is-off):hover {
    background-color: #2d54de
}

.dp-timeslot.selected:not(.is-booked,
.is-off):after {
    content: "";
    position: absolute;
    width: 1px;
    left: 50%;
    transform: translateX(-50%);
    top: 0px;
    bottom: 0px;
    background-color: #2d54de;
    display: none
}

.dp-timeslot.selected:not(.is-booked,
.is-off) .dp-label {
    top: -3px;
    background-color: #2d54de;
    color: #fff;
    display: block
}

.dp-timeslot.selected:not(.is-booked,
.is-off):before {
    background-color: #2d54de;
    display: block;
    width: 10px;
    height: 10px;
    transform: translateX(-50%) rotate(45deg);
    top: -12px;
    left: 50%
}

.dp-timeslot.is-booked {
    background-color: #e6ebf2;
    margin: 0px
}

.dp-timeslot.is-booked:before {
    background-color: #E42806
}

.dp-timeslot.is-booked .dp-label {
    background-color: #E42806
}

.dp-timeslot.is-booked:hover {
    background-color: #E42806
}

.dp-timeslot.is-off {
    background-color: #e6ebf2;
    margin: 0px;
    border-color: #fff;
    max-width: 25%
}

.dp-timeslot.is-off:before {
    background-color: #E42806
}

.dp-timeslot.is-off .dp-label {
    background-color: #E42806
}

.dp-timeslot.is-off:hover {
    background-color: #E42806
}

.dp-timeslot.with-tick:after {
    content: "";
    position: absolute;
    width: 1px;
    left: 50%;
    height: 5px;
    bottom: -9px;
    background-color: rgba(0, 0, 0, 0.2)
}

.dp-timeslot:hover {
    background-color: #04bb03
}

.dp-timeslot:hover:before {
    top: 0px
}

.dp-timeslot:hover .dp-label {
    display: block
}

.latepoint-booking-form-element .step-verify-w .payment-summary-info h5 {
    margin-bottom: 5px;
    font-size: 16px;
    display: inline-block;
    border-bottom: 1px dotted #2d54de;
    margin-top: 15px
}

.latepoint-booking-form-element .step-verify-w .payment-summary-info .confirmation-info-w {
    margin-top: 0px
}

.latepoint-booking-form-element .step-verify-w .confirmation-info-w {
    margin-top: 20px
}

.latepoint-booking-form-element .step-verify-w .confirmation-info-w .confirmation-customer-info h5 {
    margin-top: 15px
}

.latepoint-booking-form-element .step-verify-w .confirmation-info-w h5 {
    margin-bottom: 5px;
    font-size: 16px;
    display: inline-block;
    border-bottom: 1px dotted #2d54de
}

.latepoint-booking-form-element .step-verify-w .confirmation-info-w ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap
}

.latepoint-booking-form-element .step-verify-w .confirmation-info-w ul li {
    flex: 0 0 50%;
    list-style-type: none;
    margin: 0px;
    color: #8e97b3;
    font-weight: 500;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 5px 10px 5px 0px;
    line-height: 1.3;
    font-size: 12px
}

.latepoint-booking-form-element .step-verify-w .confirmation-info-w ul li strong {
    color: #1f222b;
    display: block;
    font-size: 14px
}

.latepoint-booking-form-element .step-confirmation-w .payment-summary-info h5 {
    margin-bottom: 5px;
    font-size: 16px;
    display: inline-block;
    border-bottom: 1px dotted #2d54de;
    margin-top: 20px
}

.latepoint-booking-form-element .step-confirmation-w .payment-summary-info .confirmation-info-w {
    margin-top: 0px
}

.latepoint-booking-form-element .step-confirmation-w .confirmation-header {
    margin-bottom: 0px;
    margin-top: 0px
}

.latepoint-booking-form-element .step-confirmation-w .confirmation-number {
    color: #8e97b3;
    margin-top: 5px;
    padding-top: 0px;
    margin-bottom: 8px;
    font-size: 16px
}

.latepoint-booking-form-element .step-confirmation-w .ical-download-btn {
    padding: 3px 10px 4px 8px;
    border: 1px solid #ad3d12;
    text-decoration: none;
    color: #ad3d12;
    border-radius: 4px;
    margin-bottom: 25px;
    display: inline-block;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    font-size: 14px
}

.latepoint-booking-form-element .step-confirmation-w .ical-download-btn span,
.latepoint-booking-form-element .step-confirmation-w .ical-download-btn i {
    display: inline-block;
    vertical-align: middle
}

.latepoint-booking-form-element .step-confirmation-w .ical-download-btn span {
    margin-left: 7px
}

.latepoint-booking-form-element .step-confirmation-w .confirmation-info-w .confirmation-customer-info h5 {
    margin-top: 15px
}

.latepoint-booking-form-element .step-confirmation-w .confirmation-info-w h5 {
    margin-bottom: 5px;
    font-size: 16px;
    display: inline-block;
    border-bottom: 1px dotted #2d54de
}

.latepoint-booking-form-element .step-confirmation-w .confirmation-info-w ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap
}

.latepoint-booking-form-element .step-confirmation-w .confirmation-info-w ul li {
    flex: 0 0 50%;
    list-style-type: none;
    margin: 0px;
    color: #8e97b3;
    font-weight: 500;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 5px 10px 5px 0px;
    line-height: 1.4;
    font-size: 12px
}

.latepoint-booking-form-element .step-confirmation-w .confirmation-info-w ul li strong {
    color: #1f222b;
    display: block;
    font-size: 14px
}

.latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password {
    display: none;
    margin-top: 10px;
    padding-top: 20px;
    padding-bottom: 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.05)
}

.latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password h5 {
    margin-bottom: 10px
}

.latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields {
    display: flex;
    align-items: center
}

.latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields .os-form-group {
    flex: 0 0 37%;
    margin: 0px;
    margin-bottom: 0px !important;
    margin-right: 10px
}

.latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields .latepoint-btn {
    flex: 1;
    display: block;
    text-align: center;
    padding: 13px 20px
}

.latepoint-booking-form-element.hidden-buttons .latepoint-form-w .latepoint-body:after {
    height: 40px
}

.latepoint-booking-form-element.hidden-buttons .latepoint-form-w .latepoint-footer {
    display: none
}

.latepoint-booking-form-element .os-social-or {
    color: #2d54de;
    text-align: center;
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 16px
}

.latepoint-booking-form-element .os-social-or span {
    display: inline-block;
    position: relative
}

.latepoint-booking-form-element .os-social-or span:before,
.latepoint-booking-form-element .os-social-or span:after {
    content: "";
    position: absolute;
    top: 50%;
    height: 1px;
    background-color: #E2E5EF;
    width: 20px;
    left: -30px
}

.latepoint-booking-form-element .os-social-or span:after {
    left: auto;
    right: -30px
}

.latepoint-booking-form-element .os-social-login-options {
    display: flex;
    justify-content: space-between
}

.latepoint-booking-form-element .os-social-login-options .os-social-login-option {
    padding: 5px 10px 5px 10px;
    border-radius: 6px;
    border: 1px solid #2d54de;
    display: block;
    flex: 0 0 49%;
    color: #2d54de;
    text-decoration: none;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer
}

.latepoint-booking-form-element .os-social-login-options .os-social-login-option i,
.latepoint-booking-form-element .os-social-login-options .os-social-login-option span {
    display: inline-block;
    vertical-align: middle
}

.latepoint-booking-form-element .os-social-login-options .os-social-login-option i {
    margin-right: 10px
}

.latepoint-booking-form-element .os-social-login-options .os-social-login-option.os-social-login-google {
    color: #C02A2A;
    border-color: #C02A2A
}

.latepoint-booking-form-element .os-social-login-options .os-social-login-option.os-social-login-facebook {
    color: #465499;
    border-color: #465499
}

.latepoint-booking-form-element .os-step-tabs {
    display: flex;
    color: #898C98;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #E2E5EF;
    height: 34px
}

.latepoint-booking-form-element .os-step-tabs .os-step-tab {
    transition: all 0.2s ease;
    text-align: center;
    padding: 8px 0px;
    position: relative;
    line-height: 14px;
    font-size: 14px
}

.latepoint-booking-form-element .os-step-tabs .os-step-tab:hover {
    cursor: pointer;
    color: #1f222b
}

.latepoint-booking-form-element .os-step-tabs .os-step-tab:before {
    position: absolute;
    content: "";
    background-color: #2d54de;
    height: 3px;
    left: 0px;
    bottom: -2px;
    width: 0%;
    transition: all 0.2s ease
}

.latepoint-booking-form-element .os-step-tabs .os-step-tab.active {
    color: #1f222b;
    font-size: 15px;
    line-height: 14px;
    padding-bottom: 12px;
    padding-top: 8px
}

.latepoint-booking-form-element .os-step-tabs .os-step-tab.active:before {
    width: 100%
}

.latepoint-booking-form-element .step-contact-logged-in-header-w {
    display: flex;
    color: #898C98;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #E2E5EF;
    height: 34px
}

.latepoint-booking-form-element .step-contact-logged-in-header-w span {
    display: block;
    margin-right: 5px;
    margin-left: auto
}

.latepoint-booking-form-element .step-contact-logged-in-header-w a {
    display: block;
    color: #2d54de;
    text-decoration: underline
}

.latepoint-booking-form-element .step-contact-logged-in-header-w div {
    color: #1f222b;
    font-size: 15px;
    line-height: 14px;
    padding-bottom: 12px;
    padding-top: 8px;
    position: relative
}

.latepoint-booking-form-element .step-contact-logged-in-header-w div:before {
    position: absolute;
    content: "";
    background-color: #2d54de;
    height: 3px;
    left: 0px;
    bottom: -2px;
    width: 100%;
    transition: all 0.2s ease
}

.latepoint-booking-form-element .os-form-buttons {
    align-items: flex-start
}

.latepoint-booking-form-element .os-password-reset-form-holder .os-password-reset-form-w {
    padding: 20px;
    border: 1px solid #aaa;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), 0px 5px 10px rgba(0, 0, 0, 0.05);
    margin-bottom: 15px
}

.latepoint-booking-form-element .os-password-reset-form-holder h4 {
    margin: 0px;
    margin-bottom: 5px;
    padding: 0px
}

.latepoint-booking-form-element .os-password-reset-form-holder p {
    margin-bottom: 10px
}

.latepoint-booking-form-element .os-password-reset-form-holder .os-form-message-w {
    margin-bottom: 10px;
    margin-top: 10px
}

.latepoint-booking-form-element .os-step-existing-customer-login-w {
    margin-bottom: 10px
}

.latepoint-booking-form-element .os-step-existing-customer-login-w .step-forgot-password-btn {
    text-decoration: underline;
    padding-top: 0px;
    padding-bottom: 0px
}

.latepoint-booking-form-element .os-step-existing-customer-login-w .step-login-existing-customer-btn {
    padding: 12px 25px;
    font-size: 15px;
    position: relative
}

.latepoint-booking-form-element .os-step-existing-customer-login-w .step-login-existing-customer-btn i {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px
}

.latepoint-message {
    border-radius: 0px
}

.latepoint-message.latepoint-message-success {
    padding: 10px 15px;
    font-weight: 500;
    margin-bottom: 15px;
    background: #aeffbe;
    color: #258432;
    text-align: center;
    border: 1px solid #54e665;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05)
}

.latepoint-message.latepoint-message-error {
    padding: 10px;
    font-weight: 500;
    margin-bottom: 15px;
    background: #ff9999;
    color: #750e0e;
    text-align: center;
    border: 1px solid #c11a18;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05)
}

.latepoint-message.latepoint-message-info {
    padding: 10px;
    font-weight: 500;
    margin-bottom: 15px;
    background: #d5dcff;
    color: #181b2d;
    text-align: center
}

.os-booking-limit-reached {
    position: absolute;
    top: 10px;
    right: 10px;
    left: 10px;
    bottom: 10px;
    background-color: #fff0f0;
    border: 1px solid #b95252;
    color: #b95252;
    font-size: 16px;
    text-align: center;
    padding: 30px;
    display: flex;
    align-items: center
}

.os-booking-limit-reached .os-booking-limit-icon-w {
    margin-bottom: 10px;
    font-size: 40px;
    color: #d8adb0;
    line-height: 1
}

.os-booking-limit-reached h3 {
    color: #5f1b1b;
    margin-bottom: 10px;
    margin-top: 0px;
    padding: 0px
}

.latepoint-w .latepoint-booking-form-element .os-items {
    margin: 0px !important;
    padding: 0px !important
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item {
    margin-bottom: 15px
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i {
    cursor: pointer;
    display: flex;
    background: #FFFFFF;
    border: 2px solid #E5E7EE;
    align-items: center;
    box-shadow: none;
    outline: none;
    padding: 10px 15px;
    color: #1f222b;
    text-decoration: none
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i:hover {
    border-color: #2d54de;
    text-decoration: none
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-img-w {
    flex: 0 0 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    margin-right: 15px;
    display: block
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-name-w {
    padding: 5px 0px;
    margin-right: auto;
    display: block
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-name-w .os-item-name {
    font-weight: 500;
    font-size: 16px;
    display: block
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-name-w .os-item-desc {
    color: #8e97b3;
    font-size: 12px;
    display: block;
    margin-top: 3px
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-child-count {
    display: block;
    color: #8e97b3;
    font-size: 11px;
    transform: translateX(-35px);
    transition: transform 0.2s ease
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-price-w {
    border-left: 1px solid rgba(0, 0, 0, 0.05);
    padding-left: 15px;
    margin-left: 10px;
    text-align: center;
    display: block
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-price-w .os-item-price {
    display: block;
    color: #D09F1D;
    font-size: 22px;
    line-height: 1.1;
    font-weight: 500
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-price-w .os-item-price-label {
    display: block;
    color: #8e97b3;
    font-size: 11px;
    white-space: nowrap
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item:last-child {
    margin-bottom: 0px
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item.with-plus:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    font-family: 'latepoint' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 16px;
    transform: translateY(-50%);
    color: #2d54de;
    transition: all 0.2s ease;
    padding-left: 10px;
    border-left: 1px solid rgba(0, 0, 0, 0.1)
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item.with-description .os-item-name-w {
    padding: 5px 0px
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item.os-allow-multiselect .os-item-i {
    padding-left: 50px
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item.os-allow-multiselect .os-item-i:before {
    background-color: #fff;
    color: #fff;
    padding: 3px;
    font-size: 14px;
    font-family: 'latepoint' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    top: 50%;
    left: 15px;
    display: block;
    transform: translateY(-50%);
    box-shadow: inset 0px 0px 0px 2px #E5E7EE
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item.os-allow-multiselect.selected .os-item-i:before {
    background-color: #2d54de;
    box-shadow: none
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item.os-allow-multiselect.selected .os-item-i:before:hover {
    box-shadow: none
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item.selected.has-child-items>.os-item-i {
    display: none
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item:not(.selected) .os-items {
    display: none
}

.latepoint-w .latepoint-booking-form-element .os-items.selected>.os-items+.os-service-categories-holder {
    margin-top: 15px
}

.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item {
    text-align: center
}

.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i {
    display: block;
    padding: 10px
}

.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i .os-item-name-w {
    padding-bottom: 0px;
    padding-top: 10px
}

.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i .os-item-img-w {
    flex: 1;
    height: auto;
    padding-bottom: 100%;
    margin: 0px
}

.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i .os-item-img-w.os-with-avatar {
    padding: 0px
}

.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i .os-item-img-w.os-with-avatar .os-avatar {
    background-size: cover;
    background-position: center center;
    padding-bottom: 100%
}

.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item.with-floating-price .os-item-i {
    padding: 25px 10px
}

.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid.os-three-columns .os-item {
    margin-bottom: 5%;
    flex: 0 0 30%
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item-details-btn {
    cursor: pointer;
    font-size: 12px;
    background-color: #2d54de;
    color: #fff;
    padding: 0px 0px 9px 0px;
    font-weight: 500;
    cursor: pointer;
    opacity: 0;
    position: absolute;
    bottom: 19px;
    left: 0px;
    right: 0px;
    max-width: 100%;
    z-index: 1;
    border: 2px solid #2d54de;
    border-top: none;
    background-color: #fff;
    color: #2d54de;
    transform: translateY(120%);
    transition: transform 0.2s ease
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item-details-btn span {
    display: inline-block;
    transition: all 0.2s ease;
    border-bottom: 1px solid #2d54de;
    opacity: 0;
    transform: translateY(2px)
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item-details-btn:hover {
    border-color: #E5E7EE;
    color: #16318f
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item-details-btn:hover span {
    border-bottom-style: dotted
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item {
    position: relative
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item.with-details .os-item-name-w {
    transition: transform 0.2s ease;
    z-index: 2;
    position: relative
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item.with-details .os-item-img-w {
    transition: transform 0.2s ease
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item.selected .os-item-details-btn:hover {
    border-color: #2d54de
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item:hover.with-details .os-item-img-w,
.latepoint-w .latepoint-booking-form-element .os-items .os-item.selected.with-details .os-item-img-w {
    transform: translateY(-4px)
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item:hover.with-details .os-item-name-w,
.latepoint-w .latepoint-booking-form-element .os-items .os-item.selected.with-details .os-item-name-w {
    transform: translateY(-11px)
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item:hover .os-item-details-btn,
.latepoint-w .latepoint-booking-form-element .os-items .os-item.selected .os-item-details-btn {
    opacity: 1;
    transform: translateY(100%)
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item:hover .os-item-details-btn span,
.latepoint-w .latepoint-booking-form-element .os-items .os-item.selected .os-item-details-btn span {
    transform: translateY(-2px);
    opacity: 1
}

.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded {
    border-radius: 4px;
    overflow: hidden
}

.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-monthly-calendar-days .os-day .os-day-box {
    border-radius: 4px
}

.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .dp-timeslot .dp-label {
    border-radius: 4px
}

.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-side-panel {
    border-radius: 4px 0px 0px 4px
}

.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-summary-w {
    border-radius: 0px 4px 4px 0px
}

.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item .os-item-i {
    border-radius: 4px
}

.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item .os-item-i .os-item-img-w {
    border-radius: 4px
}

.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item .os-item-i .os-with-avatar {
    padding: 5px 15px 5px 15px
}

.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item .os-item-i .os-with-avatar .os-avatar {
    border-radius: 50%;
    background-size: cover;
    background-position: center center;
    padding-bottom: 100%
}

.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item.os-allow-multiselect .os-item-i:before {
    border-radius: 4px
}

.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item-details-btn {
    border-radius: 0px 0px 4px 4px
}

.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-btn {
    border-radius: 4px
}

.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-select-group .os-form-control,
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-select-group input.os-form-control,
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-textfield-group .os-form-control,
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-textfield-group input.os-form-control {
    border-radius: 4px !important
}

.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-payment-w .payment-total-info {
    border-radius: 4px
}

@keyframes LatepointSlideUp {
    0% {
        transform: translate3d(0, 40px, 0);
        opacity: 0
    }
    100% {
        transform: translate3d(0, 0px, 0);
        opacity: 1
    }
}

@keyframes LatepointSlideDown {
    0% {
        transform: translate3d(0, -40px, 0);
        opacity: 0
    }
    100% {
        transform: translate3d(0, 0px, 0);
        opacity: 1
    }
}

@keyframes LatepointSlideUpHalf {
    0% {
        transform: translate3d(0, 20px, 0);
        opacity: 0
    }
    100% {
        transform: translate3d(0, 0px, 0);
        opacity: 1
    }
}

@keyframes LatepointSlideDownHalf {
    0% {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
    100% {
        transform: translate3d(0, 0px, 0);
        opacity: 1
    }
}

@keyframes os-loading-delayed {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
        opacity: 0
    }
    50% {
        transform: translate(-50%, -50%) rotate(180deg);
        opacity: 1
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
        opacity: 0
    }
}

.latepoint-w .latepoint-booking-form-element .payment-total-info {
    animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .latepoint-timezone-selector-w {
    animation: 0.3s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUpHalf;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .lp-demo-mode-msg {
    animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0.2ms LatepointSlideDown;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .lp-card-i {
    animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .lp-paypal-demo-mode-trigger,
.latepoint-w .latepoint-booking-form-element .lp-paypal-btn-trigger {
    animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0.1s LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .os-animated-parent>.os-animated-child>.os-animated-self {
    animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0.1s LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .os-animated-parent>.os-animated-child:nth-child(1)>.os-animated-self {
    animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .os-animated-parent>.os-animated-child:nth-child(2)>.os-animated-self {
    animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 70ms LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .os-animated-parent>.os-animated-child:nth-child(3)>.os-animated-self {
    animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 140ms LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .os-animated-parent>.os-animated-child:nth-child(4)>.os-animated-self {
    animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 210ms LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .os-animated-parent>.os-animated-child:nth-child(5)>.os-animated-self {
    animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 280ms LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .os-animated-parent>.os-animated-child:nth-child(6)>.os-animated-self {
    animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 350ms LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .os-animated-parent>.os-animated-child:nth-child(7)>.os-animated-self {
    animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 420ms LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .os-animated-parent>.os-animated-child:nth-child(8)>.os-animated-self {
    animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 490ms LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .os-animated-parent>.os-animated-child:nth-child(9)>.os-animated-self {
    animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 560ms LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-centered h4,
.latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-left h4 {
    animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-centered div,
.latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-left div {
    animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0.05s LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option {
    animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0.1s LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(1) {
    animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(2) {
    animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 70ms LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(3) {
    animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 140ms LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(4) {
    animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 210ms LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(5) {
    animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 280ms LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(6) {
    animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 350ms LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-body:before {
    display: block;
    content: "";
    width: 40px !important;
    height: 40px !important;
    border-bottom: 2px solid #2d54de;
    border-left: 2px solid #2d54de;
    border-top: 2px solid #2d54de;
    border-right: 2px solid rgba(255, 255, 255, 0);
    border-radius: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: os-loading 700ms infinite linear;
    background-color: transparent !important;
    animation-delay: 0.25s;
    opacity: 0
}

.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-message,
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content {
    transition: all 0.3s ease;
    opacity: 0;
    transform: translateY(20px)
}

.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-contact-w {
    transform: translateY(10px)
}

.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-contact-w .os-form-group {
    transition: all 0.3s ease;
    opacity: 0;
    transform: translateY(20px)
}

.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-contact-w .os-form-group:nth-child(1) {
    transition-delay: .05s
}

.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-contact-w .os-form-group:nth-child(2) {
    transition-delay: .1s
}

.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-contact-w .os-form-group:nth-child(3) {
    transition-delay: .15s
}

.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-contact-w .os-form-group:nth-child(4) {
    transition-delay: .2s
}

.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-contact-w .os-form-group:nth-child(5) {
    transition-delay: .25s
}

.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-contact-w .os-form-group:nth-child(6) {
    transition-delay: .3s
}

.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-contact-w .os-form-group:nth-child(7) {
    transition-delay: .35s
}

.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-contact-w .os-form-group:nth-child(8) {
    transition-delay: .4s
}

.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-contact-w .os-form-group:nth-child(9) {
    transition-delay: .45s
}

.latepoint-w .latepoint-booking-form-element.step-content-mid-loading .step-contact-w {
    opacity: 0;
    transform: translateY(10px)
}

.latepoint-w .latepoint-booking-form-element.step-content-mid-loading .step-contact-w .os-form-group {
    opacity: 0;
    transform: translateY(20px)
}

.latepoint-w .latepoint-booking-form-element.step-content-mid-loading .latepoint-message,
.latepoint-w .latepoint-booking-form-element.step-content-mid-loading .latepoint-step-content {
    opacity: 0;
    transform: translateY(30px)
}

.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content,
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-message {
    transition: all 0.3s cubic-bezier(0.25, 1.15, 0.5, 1.2);
    opacity: 1;
    transform: translateY(0px)
}

.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-contact-w {
    transform: translateY(0px)
}

.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-contact-w .os-form-group {
    transition: all 0.3s cubic-bezier(0.25, 1.15, 0.5, 1.2);
    opacity: 1;
    transform: translateY(0px)
}

.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-contact-w .os-form-group:nth-child(1) {
    transition-delay: .05s
}

.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-contact-w .os-form-group:nth-child(2) {
    transition-delay: .1s
}

.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-contact-w .os-form-group:nth-child(3) {
    transition-delay: .15s
}

.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-contact-w .os-form-group:nth-child(4) {
    transition-delay: .2s
}

.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-contact-w .os-form-group:nth-child(5) {
    transition-delay: .25s
}

.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-contact-w .os-form-group:nth-child(6) {
    transition-delay: .3s
}

.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-contact-w .os-form-group:nth-child(7) {
    transition-delay: .35s
}

.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-contact-w .os-form-group:nth-child(8) {
    transition-delay: .4s
}

.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-contact-w .os-form-group:nth-child(9) {
    transition-delay: .45s
}

.latepoint-w .latepoint-booking-form-element.step-changing .os-heading-text {
    transition: all 0.3s ease;
    transform: translateX(-15px);
    opacity: 0
}

.latepoint-w .latepoint-booking-form-element.step-changing .latepoint-step-desc .latepoint-desc-media {
    transition: all 0.7s cubic-bezier(0.25, 1.15, 0.5, 1);
    transform: translateX(-25px);
    opacity: 0
}

.latepoint-w .latepoint-booking-form-element.step-changing .latepoint-step-desc .latepoint-desc-title {
    transition: all 0.5s ease;
    transition-delay: 0.05s;
    transform: translateX(-15px);
    opacity: 0
}

.latepoint-w .latepoint-booking-form-element.step-changing .latepoint-step-desc .latepoint-desc-content {
    transition: all 0.5s ease;
    transition-delay: 0.1s;
    transform: translateX(-20px);
    opacity: 0
}

.latepoint-w .latepoint-booking-form-element.step-changed .latepoint-heading-w .os-heading-text {
    transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1);
    transform: translateX(0px);
    opacity: 1
}

.latepoint-w .latepoint-booking-form-element.step-changed .latepoint-step-desc .latepoint-desc-media {
    transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1);
    transform: translateX(0px);
    opacity: 1
}

.latepoint-w .latepoint-booking-form-element.step-changed .latepoint-step-desc .latepoint-desc-title {
    transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1);
    transform: translateX(0px);
    transition-delay: 0.1s;
    opacity: 1
}

.latepoint-w .latepoint-booking-form-element.step-changed .latepoint-step-desc .latepoint-desc-content {
    transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1);
    transform: translateX(0px);
    transition-delay: 0.2s;
    opacity: 1
}

@keyframes os-loading {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
        opacity: 1
    }
    50% {
        transform: translate(-50%, -50%) rotate(180deg);
        opacity: 0.2
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
        opacity: 1
    }
}

@keyframes stepCategoryItem {
    0% {
        transform: translate3d(0, -10px, 0);
        opacity: 0
    }
    100% {
        transform: translate3d(0, 0px, 0);
        opacity: 1
    }
}

body.latepoint-lightbox-active .latepoint-lightbox-w {
    display: block
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-purple h1,
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple h2,
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple h3,
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple h4,
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple h5 {
    color: #a32f96
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
    color: #a32f96
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-side-panel {
    background-color: #fcf1fd
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-side-panel .latepoint-progress ul li.active a,
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-side-panel .latepoint-progress ul li.complete a {
    background-color: #a32f96
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-side-panel .latepoint-step-desc-w,
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-side-panel .latepoint-questions {
    color: #a58eb3
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-side-panel .latepoint-progress ul li a span {
    background-color: #a32f96
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-summary-w .os-summary-line .os-summary-value {
    color: #a32f96
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-summary-w .os-summary-line .os-summary-label {
    color: #a58eb3
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-summary-w h3.summary-header {
    color: #a32f96
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-summary-w h3.summary-header .os-lines:before,
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-summary-w h3.summary-header .os-lines:after {
    border-color: #a32f96
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-btn.latepoint-btn-primary {
    background-color: #a32f96
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-btn.latepoint-btn-primary.latepoint-btn-link {
    background-color: transparent;
    color: #a32f96
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover {
    color: #a32f96
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .os-items .os-item.selected>.os-item-i {
    border-color: #a32f96;
    box-shadow: 4px 4px 0px 0px #fcecfd
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .os-items .os-item>.os-item-i:hover {
    border-color: #a32f96
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-features .agent-bio-popup-feature .agent-bio-popup-feature-value {
    color: #a32f96
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-content-i::first-letter {
    color: #a32f96
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-content-i {
    color: #a58eb3
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-features .agent-bio-popup-feature .agent-bio-popup-feature-label {
    color: #a58eb3
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .os-monthly-calendar-days .os-day.selected .os-day-box {
    background-color: #a32f96
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .dp-timeslot.selected .dp-label {
    background-color: #a32f96
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .dp-timeslot.selected {
    background-color: #a32f96
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .os-weekdays .weekday {
    color: #a58eb3
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .os-weekdays .weekday.weekday-6,
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .os-weekdays .weekday.weekday-7 {
    color: #ccb63b
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .os-step-tabs .os-step-tab:before {
    background-color: #a32f96
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .step-contact-logged-in-header-w div:before {
    background-color: #a32f96
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .step-contact-logged-in-header-w a {
    color: #a32f96
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .os-social-or {
    color: #a32f96
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-green h1,
.latepoint-w .latepoint-booking-form-element.latepoint-color-green h2,
.latepoint-w .latepoint-booking-form-element.latepoint-color-green h3,
.latepoint-w .latepoint-booking-form-element.latepoint-color-green h4,
.latepoint-w .latepoint-booking-form-element.latepoint-color-green h5 {
    color: #1ca00f
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
    color: #1ca00f
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-side-panel {
    background-color: #f0fff4
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-side-panel .latepoint-progress ul li.active a,
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-side-panel .latepoint-progress ul li.complete a {
    background-color: #1ca00f
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-side-panel .latepoint-step-desc-w,
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-side-panel .latepoint-questions {
    color: #708e6e
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-side-panel .latepoint-progress ul li a span {
    background-color: #1ca00f
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-summary-w .os-summary-line .os-summary-value {
    color: #1ca00f
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-summary-w .os-summary-line .os-summary-label {
    color: #708e6e
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-summary-w h3.summary-header {
    color: #1ca00f
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-summary-w h3.summary-header .os-lines:before,
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-summary-w h3.summary-header .os-lines:after {
    border-color: #1ca00f
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-btn.latepoint-btn-primary {
    background-color: #1ca00f
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-btn.latepoint-btn-primary.latepoint-btn-link {
    background-color: transparent;
    color: #1ca00f
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover {
    color: #1ca00f
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-green .os-items .os-item.selected>.os-item-i {
    border-color: #1ca00f;
    box-shadow: 4px 4px 0px 0px #e7fde4
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-green .os-items .os-item>.os-item-i:hover {
    border-color: #1ca00f
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-features .agent-bio-popup-feature .agent-bio-popup-feature-value {
    color: #1ca00f
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-content-i::first-letter {
    color: #1ca00f
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-content-i {
    color: #708e6e
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-features .agent-bio-popup-feature .agent-bio-popup-feature-label {
    color: #708e6e
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-green .os-monthly-calendar-days .os-day.selected .os-day-box {
    background-color: #1ca00f
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-green .dp-timeslot.selected .dp-label {
    background-color: #1ca00f
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-green .dp-timeslot.selected {
    background-color: #1ca00f
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-green .os-weekdays .weekday {
    color: #708e6e
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-green .os-weekdays .weekday.weekday-6,
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .os-weekdays .weekday.weekday-7 {
    color: #ccb63b
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-green .os-step-tabs .os-step-tab:before {
    background-color: #1ca00f
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-green .step-contact-logged-in-header-w div:before {
    background-color: #1ca00f
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-green .step-contact-logged-in-header-w a {
    color: #1ca00f
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-green .os-social-or {
    color: #1ca00f
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-red h1,
.latepoint-w .latepoint-booking-form-element.latepoint-color-red h2,
.latepoint-w .latepoint-booking-form-element.latepoint-color-red h3,
.latepoint-w .latepoint-booking-form-element.latepoint-color-red h4,
.latepoint-w .latepoint-booking-form-element.latepoint-color-red h5 {
    color: #ad1111
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
    color: #ad1111
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-side-panel {
    background-color: #fdf1f1
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-side-panel .latepoint-progress ul li.active a,
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-side-panel .latepoint-progress ul li.complete a {
    background-color: #ad1111
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-side-panel .latepoint-step-desc-w,
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-side-panel .latepoint-questions {
    color: #947777
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-side-panel .latepoint-progress ul li a span {
    background-color: #ad1111
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-summary-w .os-summary-line .os-summary-value {
    color: #ad1111
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-summary-w .os-summary-line .os-summary-label {
    color: #947777
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-summary-w h3.summary-header {
    color: #ad1111
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-summary-w h3.summary-header .os-lines:before,
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-summary-w h3.summary-header .os-lines:after {
    border-color: #ad1111
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-btn.latepoint-btn-primary {
    background-color: #ad1111
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-btn.latepoint-btn-primary.latepoint-btn-link {
    background-color: transparent;
    color: #ad1111
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover {
    color: #ad1111
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-items .os-item.selected>.os-item-i {
    border-color: #ad1111;
    box-shadow: 4px 4px 0px 0px #fef2f2
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-items .os-item>.os-item-i:hover {
    border-color: #ad1111
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-features .agent-bio-popup-feature .agent-bio-popup-feature-value {
    color: #ad1111
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-content-i::first-letter {
    color: #ad1111
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-content-i {
    color: #947777
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-features .agent-bio-popup-feature .agent-bio-popup-feature-label {
    color: #947777
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-monthly-calendar-days .os-day.selected .os-day-box {
    background-color: #ad1111
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-red .dp-timeslot.selected .dp-label {
    background-color: #1449ff
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-red .dp-timeslot.selected {
    background-color: #1449ff
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-weekdays .weekday {
    color: #ab9595
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-weekdays .weekday.weekday-6,
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-weekdays .weekday.weekday-7 {
    color: #ccb63b
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-step-tabs .os-step-tab:before {
    background-color: #ad1111
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-red .step-contact-logged-in-header-w div:before {
    background-color: #ad1111
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-red .step-contact-logged-in-header-w a {
    color: #ad1111
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-social-or {
    color: #ad1111
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-black h1,
.latepoint-w .latepoint-booking-form-element.latepoint-color-black h2,
.latepoint-w .latepoint-booking-form-element.latepoint-color-black h3,
.latepoint-w .latepoint-booking-form-element.latepoint-color-black h4,
.latepoint-w .latepoint-booking-form-element.latepoint-color-black h5 {
    color: #222
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
    color: #222
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-side-panel {
    background-color: #f5f5f5
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-side-panel .latepoint-progress ul li.active a,
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-side-panel .latepoint-progress ul li.complete a {
    background-color: #222
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-side-panel .latepoint-step-desc-w,
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-side-panel .latepoint-questions {
    color: #999
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-side-panel .latepoint-progress ul li a span {
    background-color: #222
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-summary-w .os-summary-line .os-summary-value {
    color: #222
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-summary-w .os-summary-line .os-summary-label {
    color: #999
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-summary-w h3.summary-header {
    color: #222
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-summary-w h3.summary-header .os-lines:before,
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-summary-w h3.summary-header .os-lines:after {
    border-color: #222
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-btn.latepoint-btn-primary {
    background-color: #222
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-btn.latepoint-btn-primary.latepoint-btn-link {
    background-color: transparent;
    color: #222
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover {
    color: #222
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-black .os-items .os-item.selected>.os-item-i {
    border-color: #222;
    box-shadow: 4px 4px 0px 0px #eee
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-black .os-items .os-item>.os-item-i:hover {
    border-color: #222
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-features .agent-bio-popup-feature .agent-bio-popup-feature-value {
    color: #222
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-content-i::first-letter {
    color: #222
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-content-i {
    color: #999
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-features .agent-bio-popup-feature .agent-bio-popup-feature-label {
    color: #999
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-black .os-monthly-calendar-days .os-day.selected .os-day-box {
    background-color: #222
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-black .dp-timeslot.selected .dp-label {
    background-color: #222
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-black .dp-timeslot.selected {
    background-color: #222
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-black .os-weekdays .weekday {
    color: #999
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-black .os-weekdays .weekday.weekday-6,
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .os-weekdays .weekday.weekday-7 {
    color: #ccb63b
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-black .os-step-tabs .os-step-tab:before {
    background-color: #222
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-black .step-contact-logged-in-header-w div:before {
    background-color: #222
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-black .step-contact-logged-in-header-w a {
    color: #222
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-black .os-social-or {
    color: #222
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-blue h1,
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue h2,
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue h3,
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue h4,
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue h5 {
    color: #2d54de
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
    color: #2d54de
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-side-panel {
    background-color: #fff
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-side-panel .latepoint-progress ul li.active a,
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-side-panel .latepoint-progress ul li.complete a {
    background-color: #2d54de
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-side-panel .latepoint-step-desc-w,
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-side-panel .latepoint-questions {
    color: #8e97b3
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-side-panel .latepoint-progress ul li a span {
    background-color: #2d54de
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-summary-w .os-summary-line .os-summary-value {
    color: #2d54de
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-summary-w .os-summary-line .os-summary-label {
    color: #8e97b3
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-summary-w h3.summary-header {
    color: #2d54de
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-summary-w h3.summary-header .os-lines:before,
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-summary-w h3.summary-header .os-lines:after {
    border-color: #2d54de
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-btn.latepoint-btn-primary {
    background-color: #2d54de
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-btn.latepoint-btn-primary.latepoint-btn-link {
    background-color: transparent;
    color: #2d54de
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover {
    color: #2d54de
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item.selected>.os-item-i {
    border-color: #2d54de;
    box-shadow: 4px 4px 0px 0px #e0e9ff
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item>.os-item-i:hover {
    border-color: #2d54de
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-features .agent-bio-popup-feature .agent-bio-popup-feature-value {
    color: #2d54de
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-content-i::first-letter {
    color: #2d54de
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-content-i {
    color: #8e97b3
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-features .agent-bio-popup-feature .agent-bio-popup-feature-label {
    color: #8e97b3
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-monthly-calendar-days .os-day.selected .os-day-box {
    background-color: #2d54de
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .dp-timeslot.selected .dp-label {
    background-color: #2d54de
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .dp-timeslot.selected {
    background-color: #2d54de
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-weekdays .weekday {
    color: #7a98ff
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-weekdays .weekday.weekday-6,
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-weekdays .weekday.weekday-7 {
    color: #ccb63b
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-step-tabs .os-step-tab:before {
    background-color: #2d54de
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .step-contact-logged-in-header-w div:before {
    background-color: #2d54de
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .step-contact-logged-in-header-w a {
    color: #2d54de
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-social-or {
    color: #2d54de
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-teal h1,
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal h2,
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal h3,
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal h4,
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal h5 {
    color: #0f8c77
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
    color: #0f8c77
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-side-panel {
    background-color: #edf8f9
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-side-panel .latepoint-progress ul li.active a,
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-side-panel .latepoint-progress ul li.complete a {
    background-color: #0f8c77
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-side-panel .latepoint-step-desc-w,
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-side-panel .latepoint-questions {
    color: #67807c
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-side-panel .latepoint-progress ul li a span {
    background-color: #0f8c77
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-summary-w .os-summary-line .os-summary-value {
    color: #0f8c77
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-summary-w .os-summary-line .os-summary-label {
    color: #67807c
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-summary-w h3.summary-header {
    color: #0f8c77
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-summary-w h3.summary-header .os-lines:before,
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-summary-w h3.summary-header .os-lines:after {
    border-color: #0f8c77
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-btn.latepoint-btn-primary {
    background-color: #0f8c77
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-btn.latepoint-btn-primary.latepoint-btn-link {
    background-color: transparent;
    color: #0f8c77
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover {
    color: #0f8c77
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .os-items .os-item.selected>.os-item-i {
    border-color: #0f8c77;
    box-shadow: 4px 4px 0px 0px #edf8f9
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .os-items .os-item>.os-item-i:hover {
    border-color: #0f8c77
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-features .agent-bio-popup-feature .agent-bio-popup-feature-value {
    color: #0f8c77
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-content-i::first-letter {
    color: #0f8c77
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-content-i {
    color: #67807c
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-features .agent-bio-popup-feature .agent-bio-popup-feature-label {
    color: #67807c
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .os-monthly-calendar-days .os-day.selected .os-day-box {
    background-color: #0f8c77
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .dp-timeslot.selected .dp-label {
    background-color: #0f8c77
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .dp-timeslot.selected {
    background-color: #0f8c77
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .os-weekdays .weekday {
    color: #67807c
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .os-weekdays .weekday.weekday-6,
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .os-weekdays .weekday.weekday-7 {
    color: #ccb63b
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .os-step-tabs .os-step-tab:before {
    background-color: #0f8c77
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .step-contact-logged-in-header-w div:before {
    background-color: #0f8c77
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .step-contact-logged-in-header-w a {
    color: #0f8c77
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .os-social-or {
    color: #0f8c77
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-orange h1,
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange h2,
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange h3,
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange h4,
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange h5 {
    color: #cc7424
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
    color: #cc7424
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-side-panel {
    background-color: #fffbf3
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-side-panel .latepoint-progress ul li.active a,
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-side-panel .latepoint-progress ul li.complete a {
    background-color: #cc7424
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-side-panel .latepoint-step-desc-w,
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-side-panel .latepoint-questions {
    color: #9e9e9e
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-side-panel .latepoint-progress ul li a span {
    background-color: #cc7424
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-summary-w .os-summary-line .os-summary-value {
    color: #cc7424
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-summary-w .os-summary-line .os-summary-label {
    color: #9e9e9e
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-summary-w h3.summary-header {
    color: #cc7424
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-summary-w h3.summary-header .os-lines:before,
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-summary-w h3.summary-header .os-lines:after {
    border-color: #cc7424
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-btn.latepoint-btn-primary {
    background-color: #cc7424
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-btn.latepoint-btn-primary.latepoint-btn-link {
    background-color: transparent;
    color: #cc7424
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover {
    color: #cc7424
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .os-items .os-item.selected>.os-item-i {
    border-color: #cc7424;
    box-shadow: 4px 4px 0px 0px #fdf2e7
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .os-items .os-item>.os-item-i:hover {
    border-color: #cc7424
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-features .agent-bio-popup-feature .agent-bio-popup-feature-value {
    color: #cc7424
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-content-i::first-letter {
    color: #cc7424
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-content-i {
    color: #9e9e9e
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-features .agent-bio-popup-feature .agent-bio-popup-feature-label {
    color: #9e9e9e
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .os-monthly-calendar-days .os-day.selected .os-day-box {
    background-color: #cc7424
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .dp-timeslot.selected .dp-label {
    background-color: #cc7424
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .dp-timeslot.selected {
    background-color: #cc7424
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .os-weekdays .weekday {
    color: #9e9e9e
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .os-weekdays .weekday.weekday-6,
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .os-weekdays .weekday.weekday-7 {
    color: #ccb63b
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .os-step-tabs .os-step-tab:before {
    background-color: #cc7424
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .step-contact-logged-in-header-w div:before {
    background-color: #cc7424
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .step-contact-logged-in-header-w a {
    color: #cc7424
}

.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .os-social-or {
    color: #cc7424
}

@keyframes osLightboxMobileAnimation {
    0% {
        transform: translate3d(0%, 10%, 0px) scale(0.9);
        opacity: 0
    }
    100% {
        transform: translate3d(0%, 0%, 0px) scale(1);
        opacity: 1
    }
}

@media (max-width: 600px) {
    .latepoint-login-form-w .os-social-login-options {
        display: block
    }
    .latepoint-login-form-w .os-social-login-options .os-social-login-option {
        flex: 1;
        margin-bottom: 10px
    }
    .customer-bookings-tiles {
        flex-direction: column;
        flex-wrap: nowrap
    }
    .latepoint-w .os-form-group.os-form-textfield-group textarea.os-form-control,
    .latepoint-w .os-form-group.os-form-textfield-group select.os-form-control,
    .latepoint-w .os-form-group.os-form-textfield-group input[type="password"].os-form-control,
    .latepoint-w .os-form-group.os-form-textfield-group input[type="email"].os-form-control,
    .latepoint-w .os-form-group.os-form-textfield-group input[type="number"].os-form-control,
    .latepoint-w .os-form-group.os-form-textfield-group input[type="text"].os-form-control {
        font-size: 16px !important
    }
    .latepoint-w .customer-bookings-tiles .customer-booking {
        flex: 1;
        margin: 0px 0px 40px 0px
    }
    .latepoint-w .customer-dashboard-tabs {
        flex-direction: column
    }
    .latepoint-w .customer-dashboard-tabs a {
        margin: 0px 0px;
        border-bottom: 1px solid #eee;
        text-align: center
    }
    .latepoint-w .customer-dashboard-tabs a:after {
        bottom: 0px;
        top: 0px;
        height: 0px;
        width: 3px
    }
    .latepoint-w .customer-dashboard-tabs a.active:after {
        height: 100%
    }
    .latepoint-w .latepoint-section-heading-w .heading-extra {
        display: none
    }
    .latepoint-w .latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group {
        display: block
    }
    .latepoint-w .latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group label {
        margin-bottom: 5px
    }
    .latepoint-w .latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group select {
        width: 100% !important
    }
    .latepoint-w .dp-timeslot {
        height: 30px
    }
    .latepoint-w .latepoint-booking-form-element {
        display: block;
        height: 100%
    }
    .latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid {
        justify-content: space-between
    }
    .latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid.lp-options-grid-three .lp-option {
        flex: 0 0 45%
    }
    .latepoint-w .latepoint-booking-form-element .step-datepicker-w {
        padding: 10px 0px
    }
    .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-card-w {
        padding-left: 0px;
        padding-right: 0px
    }
    .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info {
        flex-direction: column;
        align-items: center
    }
    .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-deposit-price-w,
    .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-total-price-w {
        padding: 8px 0px
    }
    .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-trigger-w {
        margin-bottom: 5px
    }
    .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-trigger-w a {
        margin-left: 0px
    }
    .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w {
        margin-left: 0px !important
    }
    .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input {
        font-size: 16px !important;
        -webkit-appearance: none;
        width: 155px !important;
        border-radius: 0px !important
    }
    .latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li a {
        padding: 5px 10px
    }
    .latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li a .service-price-w {
        padding-left: 5px;
        margin-left: 5px
    }
    .latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li a .service-img-w {
        margin-right: 10px
    }
    .latepoint-w .latepoint-booking-form-element .step-services-w .os-service-category-w .os-service-category-info .os-service-category-services-count {
        display: none
    }
    .latepoint-w .latepoint-booking-form-element .step-services-w .os-service-durations li .os-duration-value {
        font-size: 32px
    }
    .latepoint-w .latepoint-booking-form-element .os-social-login-options {
        flex-wrap: wrap;
        text-align: center;
        justify-content: space-around
    }
    .latepoint-w .latepoint-booking-form-element .os-social-login-options>.os-social-login-option {
        margin-bottom: 10px;
        padding: 5px 5px 5px 5px
    }
    .latepoint-w .latepoint-booking-form-element .os-social-login-options>.os-social-login-option i {
        margin-right: 5px
    }
    .latepoint-w .latepoint-booking-form-element .os-monthly-calendar-days .os-day {
        padding: 2.2%
    }
    .latepoint-w .latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-number {
        top: 45%
    }
    .latepoint-w .latepoint-booking-form-element .step-confirmation-w .confirmation-info-w .confirmation-app-info {
        padding-right: 15px
    }
    .latepoint-w .latepoint-booking-form-element .step-confirmation-w .confirmation-info-w .confirmation-customer-info {
        padding-left: 15px
    }
    .latepoint-w .latepoint-booking-form-element .latepoint-side-panel {
        display: none
    }
    .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w {
        padding-left: 15px
    }
    .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
        right: 15px
    }
    .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body {
        padding-left: 15px;
        padding-right: 15px;
        max-height: calc(100vh - 80px)
    }
    .latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content {
        padding: 40px 15px
    }
    .latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-agent-bio-popup .agent-bio-popup-content .agent-bio-popup-features {
        margin-bottom: 20px
    }
    .latepoint-w .latepoint-booking-form-element.current-step-datepicker .latepoint-side-panel {
        display: block;
        flex: 1;
        padding: 0px;
        border: none !important;
        background-color: #fff
    }
    .latepoint-w .latepoint-booking-form-element.current-step-datepicker .latepoint-side-panel .latepoint-step-desc-w,
    .latepoint-w .latepoint-booking-form-element.current-step-datepicker .latepoint-side-panel .latepoint-questions,
    .latepoint-w .latepoint-booking-form-element.current-step-datepicker .latepoint-side-panel .latepoint-progress {
        display: none !important
    }
    .latepoint-w .latepoint-booking-form-element.current-step-datepicker .latepoint-side-panel .latepoint-timezone-selector-w {
        margin-top: 0px;
        padding: 15px;
        border-top: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1)
    }
    .latepoint-w .latepoint-booking-form-element.current-step-datepicker .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group {
        display: flex;
        align-items: center
    }
    .latepoint-w .latepoint-booking-form-element.current-step-datepicker .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group label {
        margin-bottom: 0px;
        margin-right: 10px;
        white-space: nowrap;
        flex: 1
    }
    .latepoint-w .latepoint-booking-form-element.current-step-datepicker .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group select {
        text-align-last: left;
        text-align: center
    }
    .latepoint-w .latepoint-summary-w {
        display: none !important
    }
    .latepoint-w.latepoint-lightbox-v2 .latepoint-form-w {
        height: 100%
    }
    .latepoint-w.latepoint-lightbox-v2 .latepoint-form-w .latepoint-heading-w {
        padding-left: 15px
    }
    .latepoint-w.latepoint-lightbox-v2 .latepoint-form-w .latepoint-body {
        padding-left: 15px;
        padding-right: 15px
    }
    .latepoint-w.latepoint-lightbox-v2 .latepoint-lightbox-i {
        width: auto;
        top: 0px;
        left: 0px;
        right: 0px;
        transform: none;
        animation: 0.4s cubic-bezier(0, 1, 0.51, 1) 0s both osLightboxMobileAnimation
    }
    body.admin-bar .latepoint-w.latepoint-lightbox-v2 .latepoint-lightbox-i {
        top: 46px
    }
    @keyframes osLightboxAnimation {
        0% {
            transform: translate3d(0%, -40%, 0px) scale(1.2);
            opacity: 0
        }
        100% {
            transform: translate3d(0%, -50%, 0px) scale(1);
            opacity: 1
        }
    }
}

@media (min-width: 960px) {
    .latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-booking-form-element {
        padding-right: 240px
    }
    .latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-summary-w {
        opacity: 1;
        transform: translateX(0px)
    }
    .latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-form-w {
        border-right: 1px solid rgba(0, 0, 0, 0.1)
    }
    .latepoint-w.latepoint-lightbox-v2.latepoint-with-summary.latepoint-summary-is-open .latepoint-lightbox-i {
        width: 980px
    }
    .latepoint-shortcode-booking-form.latepoint-with-summary.latepoint-summary-is-open .latepoint-booking-form-element {
        max-width: 980px
    }
}


/*# sourceMappingURL=main_front.css.map */