/* desktop large screen */
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
	--ob-color-blue: #06086C;
	--ob-color-orange: #ff8613;
	--ob-color-black: #212121;
	--ob-color-green: #52F4F4;
	--ob-color-green-dark: #007a7a;
	--ob-color-pink: #FF0D82;
	--ob-color-soft-gray: #b4b4b4;
	--ob-font-default: 'Quicksand', sans-serif;
	--ob-font-2: 'Raleway', sans-serif;
	--ob-radius: 10px;
	--ob-box-shadow-1: 0 2px 8px rgb(0 0 0 / 8%);
	--ob-box-shadow-2: 0 5px 15px rgb(0 0 0 / 8%);
	--ob-box-shadow-3: 0 14px 25px rgb(0 0 0 / 16%);
	--ob-text-large: 18px;
	--ob-text-medium: 16px;
	--ob-text-small: 14px;
	--ob-text-xmall: 11px;
	--ob-icon-large: 42px;
	--ob-icon-medium: 32px;
	--ob-icon-small: 22px;
	--ob-icon-xmall: 19px
	--ob-icon-xlmall: 19px
}

@media only screen and (min-width:1366px) and (max-width:5000px) {
	/*====================================
component header 
======================================*/
	.ob-header {
		position: -webkit-sticky;
		position: sticky;
	}
	.ob-header__desktop {
		height: 100px;
		display: flex;
		align-items: center;
		z-index: 1001;
		background-color: white;
	}
	.ob-header__mobile {
		display: none;
	}
	.on-header__search__wrap {
		min-width: 400px;
	}
	/*====================================
component Slide 
======================================*/
	.ob-slide__desktop {
		position: relative;
	}
	.ob-slide__infos {
		position: absolute;
		margin-top: -109px;
		width: 80%;
		padding-left: 10px;
		padding-right: 10px;
		left: 300px;
		z-index: 102;
		transition: 0.6s;
		display: block;
	}
	.ob-slide__business__name {
		font-family: var(--ob-font-default);
		font-size: 32px;
		font-weight: 700;
		color: white;
		margin-bottom: 10px;
	}
	.ob-slide__business__adress {
		padding-bottom: 3px;
	}
	.uk-overlay-primary {
		background: rgb(34 34 34 / 33%) !important;
	}
	.ob-slide__wrap:hover .ob-slide__infos {
		display: none;
	}
	.ob-slide__business__adress {
		color: white;
	}
	/*====================================
component container 
======================================*/
	.ob-container {
		max-width: 1282px;
		padding: 0 55px;
		width: 100%;
		margin: 0 auto;
	}
	.ob-container__title {
		font-family: var(--ob-font-default);
		line-height: 1;
		font-weight: 700;
		color: var(--ob-color-black);
		font-size: var(--ob-text-large);
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.ob-container__subtitle {
		font-family: var(--ob-font-default);
		line-height: 1;
		font-weight: 500;
		color: var(--ob-color-black);
		font-size: var(--ob-text-small);
		margin-top: 0px;
		margin-bottom: 20px;
	}
	.ob-container__title__label {
		font-family: var(--ob-font-default);
		line-height: 1;
		font-weight: 500;
		color: rgb(148, 148, 148);
		font-size: var(--ob-text-small);
	}
	.ob-appointment__container {
		padding: 0;
		box-sizing: border-box;
	}
	/*====================================
component NAV Container 
======================================*/
	.ob-nav__content {
		display: flex;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.ob-nav__content {
		border-bottom: 0;
		border-style: solid;
		border-width: 0 0 1px 0;
		border-bottom-color: var(--ob-color-green);
	}
	.ob-nav__content__list a {
		padding-bottom: 25px;
		padding-top: 25px;
	}
	.ob-nav__content__item {
		font-family: var(--ob-font-default);
		line-height: 1;
		font-weight: 700;
		color: var(--ob-color-black);
	}
	.uk-tab::before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 20px;
		right: 0;
		border-bottom: 0 solid var(--ob-color-green);
	}
	.uk-tab>.uk-active>a {
		border-bottom: 4px solid var(--ob-color-green);
	}
	/*====================================
component grid 
======================================*/
	.ob-app__content__grid {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.ob-app__content__grid>ul {
		padding: 8px;
		box-sizing: border-box;
	}
	.ob-app__content__grid>div {
		padding: 8px;
		box-sizing: border-box;
	}
	/*====================================
component Main 
======================================*/
	.ob-content__main {
		max-width: 832px;
		width: 100%;
	}
	/*====================================
component Filters 
======================================*/
	.ob-service__filters {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.ob-service__filters-search {
		border-radius: 10px;
		background-color: whitesmoke;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.ob-service__filters__drop-area {
		max-height: 200px;
		border-radius: var(--ob-radius);
		overflow-y: auto;
	}
	.ob-dropdown__search {
		border-radius: var(--ob-radius);
		margin-bottom: 20px;
	}
	.ob-filter__dropdown__item {
		font-size: var(--ob-text-medium);
	}
	/*====================================
component Service List 
======================================*/
	.ob-service__list__container {
		background-color: rgb(255, 255, 255);
	}
	.ob-category__service__list {
		padding-top: 10px;
	}
	.ob-treatment__desktop {
		border-top: 10px;
		padding-bottom: 10px;
		border-bottom: solid 1px rgb(190, 190, 190);
	}
	.ob-service__category__frame {
		margin-top: 40px;
	}
	.ob-service__category__title {
		font-family: var(--ob-font-default);
		font-weight: 500;
		color: rgb(165, 165, 165);
		font-size: var(--ob-text-medium);
	}
	.ob-service__category {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.ob-treatment__title {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.ob-treatment__name {
		display: flex;
		font-family: var(--ob-font-default);
		font-weight: 700;
		color: var(--ob-color-black);
	}
	.service__selected--border {
		border-left-width: 8px;
		border-right-width: 0;
		border-top-width: 0;
		border-bottom-width: 0;
		border-color: var(--ob-color-pink);
		border-style: solid;
		padding-left: 20px;
	}
	.ob-treatment__extra__info {
		display: flex;
		align-items: center;
		margin-left: 10px;
	}
	.ob-treatment_time {
		font-family: var(--ob-font-default);
		font-weight: 500;
		color: rgb(182, 182, 182);
	}
	.ob-treatment-label {
		display: inline-block;
		margin-left: 10px;
		padding-left: 10px;
		padding-right: 10px;
		border-radius: 50px;
		font-size: var(--ob-text-xmall);
	}
	.ob-treatment__description {
		font-family: var(--ob-font-default);
		font-weight: 400;
		color: rgb(138, 138, 138);
	}
	.ob-treatment__description__more {
		font-family: var(--ob-font-default);
		font-weight: 700;
		color: rgb(41, 41, 41);
		font-size: var(--ob-text-small) !important;
		margin-top: 10px;
	}
	.ob-treatment__info {
		display: flex;
		align-items: center;
	}
	.ob-treatment__price {
		font-size: var(--ob-text-mall);
		font-family: var(--ob-font-default);
		font-weight: 700;
		color: var(--ob-color-black);
		margin-right: 10px;
	}
	.ob-price__prefix {
		font-size: var(--ob-text-xmall);
		font-family: var(--ob-font-default);
		font-weight: 400;
		color: var(--ob-color-black);
	}
	.round {
		position: relative;
	}
	.round label {
		background-color: #fff;
		border: 1px solid #ccc;
		border-radius: 50%;
		cursor: pointer;
		height: 28px;
		left: 0;
		position: absolute;
		top: -6;
		width: 28px;
	}
	.round label:after {
		border: 2px solid #fff;
		border-top: none;
		border-right: none;
		content: "";
		height: 6px;
		left: 7px;
		opacity: 0;
		position: absolute;
		top: 8px;
		transform: rotate(-45deg);
		width: 12px;
	}
	.round input[type="radio"],
	.round input[type="checkbox"] {
		visibility: hidden;
	}
	.round input[type="radio"]:checked+label,
	.round input[type="checkbox"]:checked+label {
		background-color: var(--ob-color-pink);
		border-color: var(--ob-color-pink);
	}
	.round input[type="radio"]:checked+label:after,
	.round input[type="checkbox"]:checked+label:after {
		opacity: 1;
	}
	/*====================================
component Business About 
======================================*/
	.ob-business__politics {
		margin-top: 40px;
	}
	.ob-business__description p {
		font-family: var(--ob-font-default);
		font-size: var(--ob-text-medium);
	}
	.ob-business__politics p {
		font-family: var(--ob-font-default);
		font-size: var(--ob-text-medium);
	}
	/*====================================
component Comments 
======================================*/
	.ob-comments__postulation {
		margin-top: 20px;
	}
	.ob-comments__rating {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.ob-comments__rating-value {
		font-size: 118px;
		font-family: var(--ob-font-default);
		font-weight: 700;
		line-height: 1;
		color: var(--ob-color-black);
	}
	.ob-comments__rating-value sup {
		font-size: 58px;
		font-family: var(--ob-font-default);
		font-weight: 700;
		line-height: 1;
		color: var(--ob-color-black);
	}
	.uk-progress.progress-green::-webkit-progress-value {
		background-color: LightGreen;
	}
	.uk-progress.progress-green::-moz-progress-bar {
		background-color: LightGreen;
	}
	.uk-progress.progress-green::-ms-fill {
		background-color: LightGreen;
	}
	.uk-progress.progress-coral::-webkit-progress-value {
		background-color: Coral;
	}
	.uk-progress.progress-coral::-moz-progress-bar {
		background-color: Coral;
	}
	.uk-progress.progress-coral::-ms-fill {
		background-color: Coral;
	}
	.ob-comments__rating__chart {
		display: flex;
		align-items: center;
	}
	.ob-comments__rating__chart--objective {
		margin-right: 10px;
		margin-left: 10px;
		font-size: var(--ob-text-medium);
		font-family: var(--ob-font-default);
		font-weight: 500;
		color: var(--ob-color-black);
	}
	.ob-comments__rating__chart--count {
		margin-left: 10px;
		font-size: var(--ob-text-small);
		font-family: var(--ob-font-default);
		font-weight: 700;
		color: var(--ob-color-black);
	}
	.ob-comments__rating__chart .uk-progress {
		height: 8px !important;
		margin-bottom: 0 !important;
		margin-top: 0 !important;
	}
	.ob-comments__list {
		margin-bottom: 40px;
	}
	.ob-comments__item {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.ob-comment__image__user {
		width: 50px;
		height: 50px;
		border-radius: 150px;
		background-position: center;
		background-size: cover;
		margin-right: 20px;
	}
	.ob-comments__clients {
		list-style: none;
		margin: 40px 0 0;
		padding: 0;
	}
	.ob-comment__review-author {
		font-size: var(--ob-text-medium);
		font-family: var(--ob-font-default);
		font-weight: 700;
		color: var(--ob-color-black);
	}
	.ob-comment__review-date {
		font-size: var(--ob-text-small);
		font-family: var(--ob-font-default);
		font-weight: 500;
		color: var(--ob-color-soft-gray);
	}
	.ob-comment__review-rating {
		font-size: var(--ob-text-medium);
		font-family: var(--ob-font-default);
		font-weight: 400;
		color: var(--ob-color-black);
		margin-top: 15px;
	}
	/*====================================
component Footer 
======================================*/
	/*====================================
component Sidebar 
======================================*/
	.ob-content__sidebar {
		width: 340px;
	}
	/*====================================
component Widgets 
======================================*/
	.ob-widgets__wrap {
		position: relative;
		margin-top: 40px;
	}
	.ob-widgets__wrap--default {
		position: relative;
	}
	.ob-widgets__cart {
		box-shadow: var(--ob-box-shadow-3);
		padding: 20px;
		border-radius: var(--ob-radius);
		z-index: 104;
	}
	.ob-widgets__cart {
		position: -webkit-sticky;
		position: sticky;
		margin-top: -150px;
		margin-bottom: 50px;
		background-color: white;
		min-height: 150px;
	}
	.ob-service__list__container {
		min-height: 400px;
	}
	.ob-widget__title {
		font-size: var(--ob-text-medium);
		text-transform: uppercase;
		margin-top: 0;
		margin-bottom: 20px;
		font-family: var(--ob-font-default);
		font-weight: 700;
	}
	.ob-cart__resume {
		list-style: none;
		margin: 0 0 10px;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
	}
	.ob-cart__resume__list {
		padding: 8px;
		box-sizing: border-box;
	}
	.ob-cart__resume__item {
		padding: 8px 10px;
		line-height: 1;
		border-radius: 150px;
		box-sizing: border-box;
		background-color: var(--ob-color-green);
		color: var(--ob-color-black);
		max-width: 16ch;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-family: var(--ob-font-default);
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}
	.ob-selected__remove {
		font-size: 16px;
		margin-left: 10px;
	}
	/*====================================
component Buttons 
======================================*/
	.ob-search__button__header--desktop {
		width: 60px;
		min-width: 60px;
		height: 60px;
		border-radius: 100%;
		background-color: #f6f8f8;
		color: rgba(39, 40, 45, 0.2) !important;
		cursor: pointer;
		font-size: var(--ob-icon-medium);
		border: none;
		margin-left: 20px;
		transition: 0.6s;
	}
	.ob-search__button__header--desktop:hover {
		background-color: #e4e4e4;
		font-size: var(--ob-icon-large);
	}
	.ob-button {
		padding-left: 25px;
		padding-right: 25px;
		border-width: 2px 2px;
		border-radius: 10px;
		border-style: solid;
		display: flex;
	}
	.ob-account__button {
		border-color: var(--ob-color-pink);
		color: #ff8613;
		font-family: var(--ob-font-default);
		font-weight: 700;
		font-size: var(--ob-text-large);
		padding: 10px 32px;
		box-sizing: border-box;
		background-color: #fffbf7;
		border: none;
	}
	.ob-account__button:hover {
		color: var(--ob-color-pink);
		text-decoration: none;
	}
	.ob-account__button--back {
		border-color: var(--ob-color-orange);
		color: var(--ob-color-orange);
		font-family: var(--ob-font-default);
		font-weight: 700;
		font-size: var(--ob-text-large);
		padding: 10px 32px;
		box-sizing: border-box;
		background-color: rgb(238, 231, 255);
	}
	.ob-button__form__login {
		border-color: var(--ob-color-green);
		color: var(--ob-color-green-dark);
		font-family: var(--ob-font-default);
		font-weight: 700;
		font-size: var(--ob-text-small);
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 10px;
		padding-bottom: 10px;
		box-sizing: border-box;
		background-color: rgb(231, 255, 249);
		border-width: 0px;
	}
	.ob-button__form__login--register {
		border-color: var(--ob-color-pink);
		color: var(--ob-color-pink);
		font-family: var(--ob-font-default);
		font-weight: 700;
		font-size: var(--ob-text-small);
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 10px;
		padding-bottom: 10px;
		box-sizing: border-box;
		background-color: rgb(255, 231, 251);
		border-width: 0px;
		margin-top: 20px;
	}
	.ob-account__button--back:hover {
		text-decoration: none;
	}
	.on-button__select__service-area {
		border-width: 1px;
		padding-top: 10px;
		padding-bottom: 10px;
		min-width: 200px;
		display: flex;
		justify-content: space-between;
		font-family: var(--ob-font-default);
		font-weight: 500;
		color: var(--ob-color-orange);
		align-items: center;
		border-color: var(--ob-color-color);
		background-color: white;
		margin-left: 20px;
	}
	.on-button__select__service-area i {
		font-size: var(--ob-icon-small);
	}
	.ob-cart__add-to-cart {
		width: 100%;
		padding-top: 15px;
		padding-bottom: 15px;
		box-sizing: border-box;
		border-width: 0;
		text-align: center;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		background-color: var(--ob-color-orange);
		color: white;
		z-index: 1008;
	}
	.ob-cart__add-to-cart::after {
		content: "\f07a";
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		transition: 0.6s;
		display: inline-block;
		margin-left: 10px;
		font-size: var(--ob-icon-small);
	}
	.ob-cart__add-to-cart:hover::after {
		content: "\f105";
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		display: inline-block;
		line-height: 1;
		margin-left: 10px;
		font-size: var(--ob-icon-medium);
		cursor: pointer;
	}
	.ob-cart__label {
		font-family: var(--ob-font-default);
		font-weight: 500;
		font-size: var(--ob-text-xmall);
		width: 100%;
		text-align: center;
		margin-top: 10px;
	}
	.ob-cart__add-to-gift {
		font-family: var(--ob-font-default);
		font-weight: 700;
		font-size: var(--ob-text-small);
		width: 100%;
		border-radius: 0;
		margin-top: 10px;
		border-width: 1px;
		border-right-width: 0;
		border-left-width: 0;
		border-bottom-width: 0;
		text-align: center;
		justify-content: space-between;
		padding-top: 20px;
		padding-bottom: 20px;
		background-color: transparent;
		align-items: center;
		color: var(--ob-color-black);
		cursor: pointer;
		transition: 0.6s;
	}
	.ob-cart__add-to-gift i {
		font-size: var(--ob-icon-medium);
		color: var(--ob-color-black);
	}
	.ob-cart__add-to-gift:focus {
		background-color: var(--ob-color-orange);
		border-radius: 10px;
		border-top-width: 0;
	}
	.ob-nav__button {
		border-color: var(--ob-color-orange);
		font-family: var(--ob-font-default);
		font-weight: 700;
		color: var(--ob-color-orange);
	}
	.ob-nav__button:hover {
		text-decoration: none;
		color: var(--ob-color-orange);
	}
	.ob-button__booking {
		margin-top: 40px;
		min-width: 320px;
		max-width: 320px;
		text-align: center;
		display: flex;
		justify-content: center;
		padding-top: 15px;
		padding-bottom: 15px;
		background-color: var(--ob-color-orange);
		color: white;
		border: none;
		cursor: pointer;
	}
	.ob-button__open__calendar {
		border-width: 0px;
		border-color: var(--ob-color-orange);
		color: var(--ob-color-orange);
		font-size: 22px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-family: var(--ob-font-default);
		font-weight: 700;
		background-color: rgb(241, 241, 255);
		margin-left: 10px;
		cursor: pointer;
		transition: 0.6s;
	}
	.ob-button__open__calendar:hover {
		font-size: 25px;
	}
	.ob-calendar__accordion--inactive {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	.ob-calendar__accordion--inactive .uk-card {
		margin-bottom: 20px;
	}
	/*====================================
component Forms 
======================================*/
	.ob-search {
		border-bottom: 2px solid gray;
		border-top: 0;
		border-left: 0;
		border-right: 0;
		background-color: transparent;
	}
	.ob-input {
		border-top: 0 !important;
		border-left: 0 !important;
		border-right: 0 !important;
	}
	.ob-textarea {
		border-top: 0 !important;
		border-left: 0 !important;
		border-right: 0 !important;
	}
	/*====================================
component Order Resume 
======================================*/
	.ob__steps__navigation {
		min-height: 100px;
		box-shadow: var(--ob-box-shadow-2);
		margin-bottom: 20px;
		align-items: center;
		display: flex;
	}
	.ob-resume__grid {
		display: flex;
		flex-wrap: wrap;
		min-height: 600px;
	}
	.ob-resume__services {
		width: 60%;
		padding-right: 50px;
		box-sizing: border-box;
	}
	.ob-resume_order {
		width: 40%;
		background-color: rgb(217, 249, 255);
		padding: 8px 40px;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		border-radius: var(--ob-radius);
		/*
		max-height: 720px;
		*/
	}
	.ob-order__resume__title {
		font-family: var(--ob-font-default);
		font-weight: 700;
		font-size: var(--ob-text-large);
		margin-top: 20px;
	}
	.ob-order__steps {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.ob-order__step__list {
		padding-bottom: 10px;
		border-bottom: solid 1px rgb(168, 168, 168);
		padding-top: 10px;
	}
	.ob-order__step__list:first-child {
		padding-top: 0
	}
	.ob-order__total {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.ob-order__total__value {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	.ob-order__total {
		width: 100%;
		padding: 15px 25px;
		box-sizing: border-box;
	}
	.ob-order__steps__tittle {
		font-family: var(--ob-font-default);
		font-size: var(--ob-text-medium);
		font-weight: 700;
		color: var(--ob-color-soft-gray);
		text-transform: uppercase;
		margin-bottom: 30px;
	}
	.ob-installment__politics--tittle {
		font-family: var(--ob-font-default);
		font-size: var(--ob-text-small);
		font-weight: 700;
	}
	.ob-forms-payment {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.ob-treatment__date__employee {
		margin-top: 20px;
	}
	/*====================================
component Gift
======================================*/
	.ob-gift__description {
		font-family: var(--ob-font-default);
		font-size: var(--ob-text-medium);
		font-weight: 400;
	}
	.ob-gift__form {
		margin-top: 200px;
	}
	/*====================================
component Cards Appointment
======================================*/
	.ob-card {
		position: relative;
	}
	.ob-badge__appointment {
		width: auto;
		max-width: 100px;
		display: flex;
		justify-content: center;
		font-family: var(--ob-font-default);
		font-size: var(--ob-text-small);
		font-weight: 700;
		text-transform: uppercase;
		position: absolute;
		left: 40px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.ob-appointment__summary {
		padding: 40px 10px 10px;
		box-sizing: border-box;
		font-family: var(--ob-font-default);
		font-size: var(--ob-text-small);
		font-weight: 700;
		color: var(--ob-color-black);
	}
	.ob-business__name {
		font-family: var(--ob-font-default);
		font-size: var(--ob-text-large);
		font-weight: 700;
		color: var(--ob-color-black);
		margin-top: 20px;
	}
	.ob-appointment__treatment {
		list-style: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.ob-appointment__treatment__list {
		padding: 15px 8px;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
	}
	.ob-appointment__treatment__name {
		font-family: var(--ob-font-default);
		font-size: var(--ob-text-small);
		font-weight: 400;
		color: var(--ob-color-black);
	}
	.ob-appointment__treatment__price {
		font-family: var(--ob-font-default);
		font-size: var(--ob-text-small);
		font-weight: 700;
		color: var(--ob-color-black);
	}
	.ob-appointment__total {
		border-top: solid 1px rgb(168, 168, 168);
		padding: 8px;
		box-sizing: border-box;
		display: flex;
		justify-content: flex-end;
		font-family: var(--ob-font-default);
		font-size: var(--ob-text-large);
		font-weight: 700;
		color: var(--ob-color-black);
	}
	.ob-appointment__location {
		width: 100%;
		border-top: solid 1px rgb(168, 168, 168);
		padding: 8px;
		box-sizing: border-box;
	}
	.ob-appointment__location--adress {
		font-family: var(--ob-font-default);
		font-size: var(--ob-text-small);
		font-weight: 400;
		color: var(--ob-color-black);
	}
	.ob-appointment__info-note {
		width: 100%;
		border-top: solid 0 rgb(168, 168, 168);
		padding: 8px;
		box-sizing: border-box;
		font-family: var(--ob-font-default);
		font-size: var(--ob-text-small);
		font-weight: 400;
		color: var(--ob-color-black);
		background-color: rgb(242, 245, 255);
	}
	.ob-appointment__actions {
		display: flex;
		justify-content: space-between;
		position: relative;
		min-height: 30px;
		padding: 8px;
		box-sizing: border-box;
	}
	.ob-appointment__action--direction {
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 32px !important;
		background-color: var(--ob-color-green);
		border-radius: 150px;
		margin-bottom: -80px;
		height: 50px;
		width: 50px;
		transition: 0.6s;
	}
	.ob-appointment__action--direction:hover {
		font-size: 42px !important;
		height: 60px;
		width: 60px;
		text-decoration: none;
	}
	.ob-appointment__action {
		font-size: 32px !important;
	}
	.ob-appointment__extras {
		background-color: transparent;
		font-size: 32px;
		position: absolute;
		right: 8px;
		top: 0;
		border: none;
	}
	.ob-appointment__extras--item {
		display: flex;
		justify-content: space-between;
		font-size: var(--ob-text-medium);
	}
	/*====================================
component List Favorites
======================================*/
	.ob-booking__favorite {
		padding: 8px;
		font-size: var(--ob-text-xmall);
		box-sizing: border-box;
		border: none;
		background-color: var(--ob-color-green);
		cursor: pointer;
		border-radius: 150px;
	}
	.ob-booking__favorite--remove {
		background-color: transparent;
		color: rgb(255, 149, 149);
		font-size: 22px;
		border: none;
		cursor: pointer;
	}
	.ob-booking__favorite__actions {
		display: flex;
		align-items: center;
	}
	/*====================================
component Old Orders
======================================*/
	.ob-old__orders {
		list-style: none;
		padding: 0;
		margin: 0;
		width: 100%;
	}
	.ob-old__orders__list {
		padding: 8px;
		box-sizing: border-box;
	}
	.ob-old__orders__item {
		box-shadow: var(--ob-box-shadow-2);
		border-radius: var(--ob-radius);
	}
	.ob-orders__info {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 8px;
		box-sizing: border-box;
		align-items: center;
	}
	.ob-old__orders__date {
		font-family: var(--ob-font-default);
		font-size: var(--ob-text-small);
		font-weight: 500;
		color: var(--ob-color-black);
	}
	.ob-old__orders__total {
		padding-left: 10px;
		padding-right: 10px;
		background-color: rgb(0, 255, 234);
		color: --ob-color-black;
	}
	.ob-old__orders__business__name {
		width: 100%;
		font-family: var(--ob-font-default);
		font-size: var(--ob-text-large);
		font-weight: 700;
		color: var(--ob-color-black);
	}
	.ob-old__orders__summary {
		padding: 8px;
		box-sizing: border-box;
		margin-top: 0 !important;
	}
	.ob-old__orders__treatment {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.ob-old__treatment__info {
		padding: 8px;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.ob-old__treatment__name {
		font-family: var(--ob-font-default);
		font-size: var(--ob-text-small);
		font-weight: 400;
		color: var(--ob-color-black);
	}
	.ob-old__treatment__price {
		font-family: var(--ob-font-default);
		font-size: var(--ob-text-small);
		font-weight: 500;
		color: var(--ob-color-black);
	}
	.ob-old__orders__accordio--title {
		font-family: var(--ob-font-default);
		font-size: var(--ob-text-large);
		font-weight: 700;
		color: var(--ob-color-black);
	}
	/*====================================
component Login e Registro
======================================*/
	.ob-user__access__wrap {
		display: flex;
		min-height: 80vh;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}
	.ob-user__access__area {
		width: 100%;
	}
	.ob-user__access__area {
		width: 100%;
	}
	.ob-user__access__form__wrap {
		box-shadow: var(--ob-box-shadow-2);
		width: 100%;
		min-width: 100%;
		padding: 20px;
		box-sizing: border-box;
	}
	.ob-user-access__tabs {
		width: 100%;
		min-width: 100%;
	}
	.ob-user__access__marketing {
		background-position: center;
		background-size: cover;
		min-height: 600px;
	}
	.on-input__form__login {
		border-width: 0px !important;
		border-bottom-width: 1px !important;
		margin-top: 15px;
	}
	.ob-input__label__login {
		font-family: var(--ob-font-default);
		font-size: var(--ob-text-small);
		font-weight: 400;
		color: var(--ob-color-black);
	}
	/*====================================
component Modal
======================================*/
	.ob-full__modal .uk-modal-dialog {
		min-width: 100%;
	}
	.ob-full__modal {
		padding: 0px !important;
	}
	.ob-full__modal .uk-modal-dialog {
		min-height: 100vh;
	}
	.ob-full__modal .uk-modal-body {
		max-height: 75vh;
	}
	.uk-modal-footer {
		display: flow-root;
		padding: 15px 30px;
		background: #fff;
		border-top: 1px solid #e5e5e5;
		bottom: 0px;
		position: absolute;
		width: 100%;
		box-sizing: border-box;
	}
	.ob-modal__title {
		font-family: var(--ob-font-default);
		font-size: var(--ob-text-large);
		font-weight: 700;
		color: var(--ob-color-black);
	}
	/*====================================
component scroll
======================================*/
	::-webkit-scrollbar {
		width: 8px;
		height: 8px;
	}
	::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(223, 222, 222, 0.3);
		border-radius: 8px;
	}
	::-webkit-scrollbar-thumb {
		border-radius: 8px;
		-webkit-box-shadow: inset 0 0 6px rgba(187, 187, 187, 0.5);
	}
	/*====================================
component Calendar
======================================*/
	.ob-week__day {
		width: 14.28% !important;
		min-width: 14.28% !important;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.ob-order__calendar__frame {
		position: relative;
	}
	.ob-calendar__slides {
		display: flex;
		list-style: none;
		padding: 0px;
		margin: 0px;
		overflow-x: auto;
		max-width: 100%;
		position: relative;
	}
	.ob-week__day__inner {
		padding: 8px;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		width: 100%;
		align-items: center;
		position: relative;
	}
	.ob-calendar__label_day {
		width: 100%;
		height: 30px;
		background: rgb(245, 245, 255);
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: var(--ob-font-default);
		font-size: var(--ob-text-small);
		font-weight: 700;
		color: var(--ob-color-black);
		margin-bottom: 8px;
	}
	.ob-calendar__day {
		width: 100%;
		height: 30px;
		background: rgb(255, 255, 255);
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: var(--ob-font-default);
		font-size: var(--ob-text-large);
		font-weight: 700;
		color: var(--ob-color-black);
	}
	.ob-calendar__left__arrow {
		position: absolute;
		top: 10%;
		left: -19px;
		font-size: 32px;
		cursor: pointer;
	}
	.ob-calendar__arrows {
		display: none;
		transition: 0.6s;
	}
	.ob-order__calendar__compositor:hover .ob-calendar__arrows {
		display: block;
	}
	.ob-calendar__right__arrow {
		position: absolute;
		top: 10%;
		right: -19px;
		font-size: 32px;
		cursor: pointer;
	}
	.ob-day__active .ob-calendar__day {
		width: 30px;
		height: 30px;
		border-radius: 150px;
		background: var(--ob-color-pink);
		color: white;
		transition: 0.6s;
	}
	.ob-day__active .ob-calendar__label_day {
		border-bottom: solid 4px var(--ob-color-pink);
	}
	.ob-day__active:hover .ob-calendar__day {
		width: 40px;
		height: 40px;
		border-radius: 150px;
		background: var(--ob-color-pink);
		color: white;
		cursor: pointer;
	}
	.ob-day__active {
		cursor: pointer;
	}
	.ob-calendar__time__slots {
		list-style: none;
		padding: 0px;
		margin: 0px;
		margin-top: 0px;
	}
	.ob-calendar__time__list {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-bottom: 20px;
		border-bottom: solid 1px rgb(233, 233, 233);
	}
	.ob-calendar__time__value {
		font-family: var(--ob-font-default);
		font-size: var(--ob-text-large);
		font-weight: 700;
		color: var(--ob-color-black);
	}
	.ob-calendar__time__label {
		font-family: var(--ob-font-default);
		font-size: var(--ob-text-small);
		font-weight: 400;
		color: var(--ob-color-black);
	}
	.ob-calendar__timecourse__header {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	/*====================================
component Landing Pages ADDON 
======================================*/
	.ob-landing__header {
		min-height: 520px;
		background-color: blue;
	}
	.ob-landing__calendar {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.ob-landing__content {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
	}
	.ob-landing__form__frame {
		margin-bottom: 40px;
		margin-top: -50px;
		box-shadow: 0 14px 25px rgb(0 0 0 / 16%);
		padding: 20px;
		border-radius: 10px;
		z-index: 1005;
		background-color: white;
	}
	.ob-landing__form__header {
		text-align: center;
		margin-bottom: 40px;
	}
	.ob-landing__buttons {
		padding-left: 25px;
		padding-right: 25px;
		height: 32px;
		border-radius: 150px;
		width: 100%;
		font-size: 12px;
		font-weight: 700;
		padding-top: 8px;
		padding-bottom: 8px;
		box-sizing: border-box;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-top: 20px;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.ob-landing__buttons:hover {
		text-decoration: none;
	}
	.ob-landing__card__descriptions {
		padding: 10px;
		padding-bottom: 40px;
	}
	.ob-landing__card__title {
		font-family: var(--ob-font-default);
		font-weight: 700;
		color: var(--ob-color-black);
		font-size: var(--ob-text-large);
		margin-bottom: 20px;
	}
	.ob-landing__section {
		padding-top: 75px;
		padding-bottom: 75px;
	}
	.ob-landing__titles {
		font-family: var(--ob-font-default);
		line-height: 1;
		font-weight: 700;
		color: var(--ob-color-black);
		font-size: 42px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.ob-landing__title-h3 {
		font-family: var(--ob-font-default);
		line-height: 1;
		font-weight: 700;
		color: var(--ob-color-black);
		font-size: 22px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.ob-landing__subtitle {
		font-family: var(--ob-font-default);
		line-height: 1;
		font-weight: 300;
		color: var(--ob-color-black);
		font-size: 22px;
		margin-top: 0px;
		margin-bottom: 20px;
	}
	.ob-landing__title_feature {
		font-family: var(--ob-font-default);
		line-height: 1;
		font-weight: 700;
		font-size: 22px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.ob-landing__footer {
		min-height: 200px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.ob-landing__label-alt {
		font-family: var(--ob-font-default);
		line-height: 1;
		font-weight: 700;
	}
	.ob-landing__area {
		padding: 8px;
		box-sizing: border-box;
	}
	.ob-landing__area--selected {
		border: solid 3px #38b4c2;
	}
	.ob-landing__image--mobile {
		display: none !important;
	}
	/*====================================
component Alertas BLocks 
======================================*/
	.ob-alert__success {
		background: #edfbf6 !important;
		color: #32d296;
		border-radius: 10px !important;
		font-size: 16px;
		font-family: var(--ob-font-default);
		font-weight: 700;
	}
	.ob-alert__warning {
		background: #fff6ee;
		color: #faa05a;
		font-size: 16px;
		font-family: var(--ob-font-default);
		font-weight: 700;
		border-radius: 10px !important;
	}
	.ob-alert__danger {
		background: #fef4f6;
		color: #f0506e;
		font-size: 16px;
		font-family: var(--ob-font-default);
		font-weight: 700;
		border-radius: 10px !important;
	}
	.ob-lert__pay__description{
		font-family: var(--ob-font-default);
		font-weight: 500;
	}
	.ob-lert__pay__title{
		margin-top: -20px;
		font-size: 24px;
	}
	.ob-lert__pay__action__btns{
		margin-top: 40px;
	}
	.ob-lert__pay__action{
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 10px;
		padding-bottom: 10px;
		border-radius: 150px;
		border: none;
		font-family: var(--ob-font-default);
		font-weight: 700;
		cursor: pointer;
	}
	/*====================================
component Alertas BLocks 
======================================*/
	.ob-logo-app {
		width: 91px;
	}
	/*====================================
component Footer
======================================*/
	.ob-footer__wrap {
		width: 100%;
		background-color: #F6F8F8;
		padding-top: 75px;
	}
	.ob-footer__map {
		min-height: 300px;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		padding-left: 0px;
	}
	.ob-footer__grid {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.ob-footer__map__box {
		width: 300px;
		background-color: white;
		border-radius: 10px;
		box-shadow: var(--ob-box-shadow-2);
		padding: 20px;
		box-sizing: border-box;
		position: relative;
	}
	.ob-footer__business__name {
		font-size: 18px;
		font-family: var(--ob-font-default);
		font-weight: 700;
		margin: 0px;
	}
	.ob-footer__business__address {
		font-size: 12px;
		font-family: var(--ob-font-default);
		font-weight: 400;
		margin: 0px;
		margin-top: 20px;
	}
	.ob-footer__get-direction {
		width: 50px;
		height: 50px;
		border-radius: 150px;
		font-size: 22px;
		position: absolute;
		right: -10px;
		bottom: -10px;
		cursor: pointer;
		border: none;
		background-color: var(--ob-color-orange);
		display: flex;
		align-items: center;
		justify-content: center;
		color: var(--ob-color-black);
	}
	.ob-footer__get-direction:hover {
		text-decoration: none;
		color: white;
	}
	.ob-footer__grid {}
	.ob-footer__menu__tem--title {
		font-family: var(--ob-font-2);
		font-weight: 800;
		font-size: 18px;
		color: #ff8613;
		margin-bottom: 10px;
	}
	.ob-footer__map__direction{
		border: solid 2px #d3d3d3;
		width: 70%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
	}
	.ob-footer__map__direction__unidade{
		color: #ff8613;
		font-family: var(--ob-font-2);
		font-weight: 800;
	}
	.ob-footer__map__direction__unidade:hover{
		color: #ff8613;
		font-family: var(--ob-font-2);
		font-weight: 800;
		text-decoration: none;
	}
	.ob-text__footer{
		font-family: var(--ob-font-2);
		font-weight: 300;
		font-size: 16px;
	}
	.ob-footer__menu__tem {
		color: rgb(151, 151, 151) !important;
		font-family: var(--ob-font-default);
		font-weight: 600;
	}
    .ob-footer__system__directory{
        width: 100%;
        height: 70px;
        background-color: #40454c;
		padding-bottom: 75px;
    }
    .ob-footer__system__directory{
        background-color: #40454c;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-weight: 300;
        margin-bottom: 0px !important;
    }
    .ob-link__powered{
        color: white !important;
    }
    .ob-link__powered:hover{
        text-decoration: none;
    }
	.ob-compom__field{
		border-bottom: solid 4px white;
		background: transparent;
		border-top: 0px;
		border-left: 0px;
		border-right: 0px;
	}

}