:root{
	--bs-primary: #1B6DF3 !important;
	--bs-primary-rgb-a1: rgba(27, 109, 243,1) !important;
	--bs-primary-rgb-a0: rgba(27, 109, 243,0) !important;
	--whatsapp-color: rgba(45,134,67,1);
}

.table-responsive{
	overflow-y: visible !important; 
}

.home-search-input{
	border: solid 1px rgba(0,0,0,.123);
	border-radius: 50px;
	align-items: center !important;
	justify-content: center !important;
	display: flex-column !important;
	padding: .5em 1em;
	
	width: 100%;
	max-width: 780px;
	
	transition: ease all 300ms;
	background-color: #FFF;
}

.home-search-input .input-bar{
	align-items: center !important;
	justify-content: center !important;
	display: flex !important;
	padding: .5em 1em;
	
	width: 100%;
	
	transition: ease all 300ms;
}

.home-search-input .input-area,
.home-search-input .location-area{
	align-items: center !important;
	justify-content: center !important;
	display: flex !important;
/*	padding: .5em 1em;*/

	transition: ease all 300ms;
}

.home-search-input .input-area{
	flex: 1 1 auto !important;
}

.home-search-input .form-control,
.home-search-input .form-select{
	border: none;
}

.home-search-input .form-select{
	max-width: 200px;
}


.home-search-input .form-select:focus,
.home-search-input .form-control:focus {
    color: #212529;
    border: none;
    outline: 0;
    box-shadow: inherit;
}

.home-search-input .suggestions{	
	padding: 1em 0;
	width: 100%;
	overflow: hidden;
}

.home-search-input .suggestions A{
	display: block;
	padding: .5em 1em;
	text-decoration: none;
	color: var(--bs-dark);
}

.home-search-input .suggestions A:hover{
	background-color: rgba(0,0,0,.0523);
}

.home-search-input .suggestions A + A{
	border-top: solid 1px rgba(0,0,0,.123);
}

@media screen and (max-width: 530px){
	.home-search-input{
		flex-direction: column !important;
		
		border: solid 1px rgba(0,0,0,0);
		border-radius: 0px;
		background: transparent;
	}
	
	.home-search-input .input-area,
	.home-search-input .location-area{
		border: solid 1px rgba(0,0,0,.123);
		border-radius: 50px;
		
		padding: .5em 1em;
		
		width: 100%;
	}
	
	.home-search-input .location-area{
		margin-top: 1em;
	}
	
	.home-search-input .location-area .vr{
		display: none;
	}
	
	.home-search-input .location-area .form-select{
		max-width: unset;
	}
	
	.home-search-input .suggestions{
		border: solid 1px rgba(0,0,0,.123);
		border-radius: 30px;
		width: 100%;
		background-color: #FFF;
	}
}

#header{
	background-color: #FFF;
	box-shadow: 0 0 10px rgba(0,0,0,.123);
	padding: .25em 0;
}

#header .brand{
	vertical-align: middle;
}
#header .brand .logo{
	max-width: 206px;
	max-height: 30px;
	height: auto;
	vertical-align: middle;
	/* margin-bottom: .25em;*/
}


.header-search-input{
	border: solid 1px rgba(0,0,0,.123);
	border-radius: 50px;
	align-items: center !important;
	justify-content: center !important;
	display: flex !important;
	padding: 0em .5em;
	
	width: 100%;
	max-width: 600px;
	box-shadow: 0 0 10px rgba(0,0,0,.123);
	
	
}

.header-search-input .form-control,
.header-search-input .form-select{
	border: none;
	background-color: transparent;
	box-shadow: unset;
}

.header-search-input .form-select{
	max-width: 200px;
	background-color: transparent;
}


.header-search-input .form-select:focus,
.header-search-input .form-control:focus {
    color: #212529;
    border: none;
    outline: 0;
    box-shadow: unset;
    background-color: transparent;
}

.header-search-area{
	position: relative;
}

.header-search-area .suggestions{	
	padding: 1em 0;
	width: 100%;
	overflow: hidden;
	
	position: absolute;
	top: 100%;
	border: solid 1px rgba(0,0,0,.123);
	background-color: #FFF;
	border-radius: 1rem;
	max-width: 350px;
	box-shadow: 0px 10px 10px rgba(0,0,0,.0532)
}

.header-search-area .suggestions A{
	display: block;
	padding: .5em 1em;
	text-decoration: none;
	color: var(--bs-dark);
}

.header-search-area .suggestions A:hover{
	background-color: rgba(0,0,0,.0523);
}

.header-search-area .suggestions A + A{
	border-top: solid 1px rgba(0,0,0,.123);
}


@media screen and (max-width: 530px){
	.header-search-input .form-select{
		max-width: 25px;
	}
}


#footer {
	background: #FFF;
	border-top: solid 1px rgba(0,0,0,.123);
	font-size: .8em;
}

.header-spacer{min-height: 4em;}
.footer-spacer{min-height: 4em;}





a{
	color: var(--bs-primary);
}

H1 A, H2 A, H3 A, H4 A, H5 A, H6 A{
	text-decoration: none;
}


/* RESULTS INFO*/
.results-info{
	--bs-text-opacity: 1;
	color: #6c757d !important;
	padding-right: 1.5rem;
	padding-left: 1.5rem;
	margin-top: 1rem;
}


/* SEARCH PAGE */
.search-page{
	padding: 1rem;
	max-width: 1200px;
}

.search-results{
	max-width: 1200px;
	padding: 1rem;
}

/* DOCTOR PAGE */
.doctor-page{
	padding: 1rem;
	max-width: 1200px;
}

/* DOCTOR */
.doctor{ 
	border: solid 2px var(--bs-primary-rgb-a0);
	border-radius: 8px;
	margin-bottom: 2rem;
	transition: ease all 300ms;
	text-align: left; 
	box-shadow: 0px 10px 25px rgba(0,0,0,.123);
}

.doctor-basic-info{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 1em;
}

.doctor-col-left{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.doctor .doctor-col-avatar{
	max-width: 150px;	
	min-width: 50px;
}

.doctor .doctor-col-avatar .actions{
	margin-top: 1em;
	text-align: center;
	justify-content: center;
}

.doctor .doctor-col-avatar .actions .btn{
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: ease all 300ms;
}

.doctor .doctor-col-avatar .actions .btn .text{
	margin-left: .5em;
}

.doctor .doctor-col-info{
	margin-left: 1em;
	min-width: 250px;
}

.doctor .doctor-col-more{
	margin-left: auto;
	max-width: 300px;
}

.doctor .doctor-col-more .actions{}

.doctor .doctor-col-more .actions .primary-actions{
	align-items: center;
	justify-content: flex-end;
	display: flex;
}

.doctor .doctor-col-more .actions .secondary-actions{
	display: none;
}

.doctor .review-preview{
	display: block;
	margin-top: 1em;
	
	cursor: pointer;
}

.doctor .review-preview-content{
	display: -webkit-box;
	  -webkit-line-clamp: 3;
	  -webkit-box-orient: vertical;  
	  overflow: hidden;
	  
	 font-size: .8em;
}

.doctor .review-preview-info{
	display: block;
	margin-bottom: 1em;
	
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.doctor .review-preview .review-logo{
	max-width: 70px;
	height: auto;
	width: 100%;
	max-height: 30px;
}

.doctor .review-preview-stat{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 1em;
}

.doctor .review-preview .review-stars{
	color: orange;
}

.doctor-reviews .review-preview{
	padding: 1em;
	border: solid 1px rgba(0,0,0,.123);
	border-radius: .5em;
}

.doctor-body{
	padding: 1rem;
	
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.doctor .content-col{
	flex: 1 1 auto;
}

.doctor .doctor-heading{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.doctor-title{
	font-size: 1.5rem;
}

.doctor-title SMALL{
	font-size: 1rem;
	display: block;
	opacity: .75;
}

.doctor-avatar{
  	aspect-ratio: 1/1;
  	width: 100%;
  	max-width: 150px;  	
	overflow: hidden;
	border-radius: 50%;
	
  	object-fit: cover;
  	object-position: 100% 0%;
}

.doctor .avatar-col{
	margin-right: 1rem;
}

.doctor .avatar-inner-col{
	display:none;
	margin-left: 1rem;
}

.avatar-inner-col .doctor-avatar{
	max-width: 100px;
}

.doctor.active{
	border-color: var(--bs-primary-rgb-a1);
	box-shadow: 0 0 15px rgba(0,199,213,.25);
}

.doctor:hover{
	border-color: rgba(0,0,0,.123);
	box-shadow: 0 0 15px rgba(0,0,0,.123);
}

.doctor .treatments{
	margin-top: 1rem;
	flex-wrap: wrap;
}

.doctor .treatment{
	display: inline-flex;
	border: solid 1px rgba(0,0,0,0);
	border-radius: 3rem;
	align-items: center;
	cursor: pointer;
	margin: .25rem;
	font-size: .8em;
	transition: ease all 300ms; 
	background: #FFF;
	justify-content: center;
	text-decoration: underline;
}

.doctor .treatment .name{
	font-weight: 600;
	padding: 3px 5px 5px 5px;
}


.doctor .treatment .text{
	font-weight: 600;
	padding: 3px 15px 5px;
}

.doctor .treatment .price{
	color: var(--bs-orange);
	font-weight: 600;
	padding: 3px 10px 5px 0px;
	margin-left: auto;
	text-decoration: none;
}

.doctor .treatment .price::before{
	content: " ";
}

.doctor .treatment .vr{
	margin-left: 10px;
	color: rgba(0,0,0,.25);
	margin: 4px 0;
}

.doctor .treatment:hover{
	border-color: var(--bs-primary);
}

.doctor .treatment:hover .whatsapp{
	color: rgba(255,255,255,1);
}

.doctor .treatment.more{
	color: var(--bs-secondary);
	transition: ease all 300ms; 	
}

.doctor .treatment.more:hover{
	background: var(--bs-secondary);
	border-color: var(--bs-secondary);
	box-shadow:unset;
	color: var(--bs-light);
}

.doctor .treatment-hidden{
	display: none;
}

.doctor .treatments.active .treatment-hidden{
	display: inline-flex;
}

/* INFO-LIST */
.doctor .info-list{
	display: block !important;
	font-size: .8rem;
	margin-bottom: .5rem;
}

.doctor .info-list .info-item{
	display: block;
	color: var(--bs-gray);
	margin: .25rem;
	margin-right: 1rem;
	cursor: pointer;
}

.info-item-location i{ color: var(--bs-primary); }
.info-item-reviews i{ color: var(--bs-info); }
.info-item-experience i{ color: var(--bs-danger); }
.info-item-operations i{ color: var(--bs-success); }

/* BIOGRAPHY */
.doctor .biography{
	font-size: .9rem;
	color: var(--bs-dark);
}

.doctor .biography.short{
	color: var(--bs-secondary);
}

.doctor .biography .more-link{
	font-weight: bold;
	text-decoration: none;
	margin-left: 1rem;
	white-space: nowrap;
}

.doctor .body-row{
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(var(--bs-gutter-y) * -1);
	margin-right: calc(var(--bs-gutter-x) * -.5);
	margin-left: calc(var(--bs-gutter-x) * -.5);
	
}

.doctor .body-row .side-content{
	order: 1;
	flex: 1 1 auto;
    width: 100%;
    max-width: 100%;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-top: var(--bs-gutter-y);
	
}

.doctor .body-row .side-info{
	order: 2;
	flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-top: var(--bs-gutter-y);
	
}


.btn-whatsapp{
	background-color: var(--whatsapp-color) !important;
	color: #FFF !important;
	border-radius: 3rem !important;
	transition: ease all 300ms !important;
	/* padding: .5rem;*/  
	text-overflow: ellipsis;
	white-space: nowrap;
}

.btn-whatsapp:focus{
	box-shadow: 0 0 15px rgba(116,202,18,.5) !important;
}

.btn-whatsapp:hover{
	box-shadow: 0 0 15px rgba(116,202,18,.25) !important;	
	color: #FFF !important;
	text-shadow: 1px 1px 0px rgba(0,0,0,.25) !important;
}

.btn-question{
	background-color: var(--bs-primary) !important;
	color: #FFF !important;
	border-radius: 3rem !important;
	transition: ease all 300ms !important;
	/* padding: .5rem;*/  
	text-overflow: ellipsis;
	white-space: nowrap;
}

.btn-question:focus{
	box-shadow: 0 0 15px rgba(116,202,18,.5) !important;
}

.btn-question:hover{
	box-shadow: 0 0 15px rgba(116,202,18,.25) !important;	
	color: #FFF !important;
	text-shadow: 1px 1px 0px rgba(0,0,0,.25) !important;
}

.btn-instagram{
	background-color: var(--whatsapp-color) !important;
	color: #FFF !important;
	border-radius: 3rem !important;
	transition: ease all 300ms !important;
	border: none; 
	
	padding: 0 .3rem;
	font-size: x-large;
	
	background: #d6249f;
  	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  	transition: ease all 300ms !important;
  	
  	text-shadow: 1px 1px 1px rgba(0,0,0,.123);
}

.btn-instagram:focus{
	box-shadow: 0 0 15px rgba(116,202,18,.5) !important;
}

.btn-instagram:hover{	
	color: #FFF !important;
	
	background: radial-gradient(circle at 30% 150%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.btn-swal{
	border-radius: 3rem !important;
	font-size: 1em;
	padding: .5em 1em;
	
	text-shadow: 1px 1px 1px rgba(0,0,0,.123);
}

.gallery{
	display:block;
	max-width: 570px;
	margin-bottom: 4rem;
}
.gallery .slider{
	display:block;
	padding: 1px;
}
.gallery .slider .slide-nav{
	margin-top: .5rem;
}

.gallery .slider .slick-slide{	
	padding-right: .5rem;
}

.gallery .slider .slick-list{
	border-radius: 8px;
}

.gallery .slider .slide-thumb{
	border: solid 2px var(--bs-primary-rgb-a0);
	border-radius: 8px;
	overflow: hidden;
	cursor: pointer;
	
	display: flex;
	align-items: stretch;
	padding-top: 60%;
	
	position: relative;
}

.gallery .slider .slide-thumb IMG{
	position: absolute;
	bottom: 0; 
	left: 0; right: 0; top: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.gallery .slider .slide-large{
	border: solid 2px var(--bs-primary-rgb-a0);
	border-radius: 8px;
	overflow: hidden;
	cursor: pointer;
}

.gallery .slider .slick-current .slide-thumb{
	border-color: var(--bs-primary-rgb-a1);
	box-shadow: 0 0 15px rgba(0,199,213,.25);
}

/* REVIEW */
.reviews{
	margin-bottom: 4rem;
}

.reviews .review{
	display: block;
	margin-bottom: 3rem;
}

.reviews .review .review-header{
	display: flex;
	margin-bottom: 1rem;
	justify-content: flex-start;
	align-items: center;
}

.reviews .review .review-content{
	overflow: auto;
	overflow-block: auto;
}

.reviews .review .review-name,
.reviews .review .review-phone,
.reviews .review .review-date{
	margin-right: 1rem;
	font-weight: 600;
}


.read-more-card{	
	position: relative;
	padding-bottom: 2rem;
}

.read-more-body{
	max-height: 20rem;
	overflow: hidden;
	transition: ease all 300ms; 
}

.read-more-card:after{
	display: block;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.9) 70%);
	background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.9) 70%);
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.9) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); 
	
	content: "";
	height: 150px;
	
	position:absolute;
	left: 0;
	right: 0;
	bottom: 0;
	
	transition: ease all 300ms;
	z-index:10;
}

.read-more-footer{
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	
	z-index: 11;
}

.read-more-card.active:after{
	height: 1px;
}

.read-more-card.active .read-more-body{
	max-height: 100rem;
}

.doctor.active .body-row{}

.doctor.active .body-row .side-content{
	width: 60%;
}

.doctor.active .body-row .side-info{
	width: 40%;
}


/**
* DOCTOR CONTENT
******/
.doctor-content{}

.doctor-tabs{
	display: flex;
	margin-bottom: 1rem;
	justify-content: flex-start;
	align-items: center;
	
	padding: 0 1em;
	box-shadow: 0px 5px 10px rgba(0,0,0,.123);
}

.doctor-content:not(.active) .doctor-tabs{
	margin-bottom: 0 !important;
	box-shadow: unset;
}

.doctor-tab{
	background: transparent;
	border: solid 3px rgba(255,255,255,0);
	font-weight: bold;
	padding: 1em 1em;
	font-size: 1em;
}

.doctor-tab.active{
	border-bottom: solid 3px var(--bs-blue);
	color: var(--bs-blue);
}

.doctor-tab-contents{
	
}

.doctor-tab-content{
	padding: 1em;
}

.doctor-content:not(.active) .doctor-tabs{
	padding: .5em .5em;
}

.doctor-content:not(.active) .doctor-tab{
	border: solid 1px rgba(0,0,0,.123);
	border-radius: 3rem;
	padding: .5em 1em;
	margin-right: 1em;
}

@media screen and (max-width: 677px){
	.results-info{
		padding-right: 1rem;
		padding-left: 1rem;
		margin-top: .5rem;
		font-size: .8em;
	}
	
	.header-spacer{
		min-height: 3em;
	}
	
	.doctor{ 
		border: solid 2px var(--bs-primary-rgb-a0);
		border-radius: 8px;
		margin-bottom: 1em; 
		border-bottom: solid 1px rgba(0,0,0,0.123);
		padding-bottom: 1em;
	}
	
	.doctor-basic-info{
		flex-wrap: wrap;
	}
	
	.doctor-col-more{
		flex: 1 1 auto;
		width: 100%;
		max-width: none !important;
		margin: 1em 0 0;
		
		display: flex;
		flex-direction: column;
	}
	
	.doctor-col-more .actions{
		margin-top: 2em;	
		order: 1; 
		align-items: center !important;
		align-content: center !important;
		justify-content: center !important;
	}
	
	.doctor:not(.active) .doctor-col-more .actions .secondary-actions{
			display: flex;
		margin-top: 2em;	
		align-items: center !important;
		align-content: center !important;
		justify-content: center !important;
	}
	
	
	.doctor-body{
		padding: .5rem;
		display: block;
	}
	
	.doctor .avatar-col{
		margin-bottom: 2rem;
		display:none;
	}
	
	.doctor .avatar-inner-col{
		display:block;
	}
	
	.doctor-title{
		font-size: 1rem;
	}
	
	.doctor-title SMALL{
		font-size: .8rem;
	}
	
	.biography-short-text{
		overflow: hidden;
		display: -webkit-box;
  		-webkit-line-clamp: 3;
  		-webkit-box-orient: vertical; 
	}
	
	.doctor .content-col{
		flex: 1 1 auto;
	}
	
	.doctor.active .body-row,
	.doctor .body-row{}
	
	.doctor.active .body-row .side-content,
	.doctor .body-row .side-content{
		order: 2;
		flex: 1 1 auto;
	    width: 100%;
	    max-width: 100%;
	}
	
	.doctor.active .body-row .side-info,
	.doctor .body-row .side-info{
		order: 1;
		flex: 0 0 auto;
		width: 100%;
		max-width: 100%;
		margin-bottom: .5rem;
	}
	
	.doctor .treatments{
		display: flex;
		flex-wrap: wrap;
		margin-top: .5rem;
		margin-left: -.25rem;
		margin-right: -.25rem;
	}
	/*
	.doctor .treatments .treatment{
		display: flex; 
	}
	*/
	.doctor .treatments .treatment .name{
		font-weight: normal;
	}
	
	.doctor .treatments .treatment{
		width: auto;
	}
	
	.doctor .treatments .treatment .price{
		/* display: none; */
	}
	
	.doctor .info-list{
		display: block !important;
	}
	
	.doctor .info-list .info-item{
		margin: 0;
	}
	
	.reviews .review .review-header{
		flex-wrap: wrap;
	}
	
	.doctor .biography .more-link{
		display: block;
		margin: 0px;
		font-weight: normal;
	}
	
	#footer{
		text-align: center;
		align-items: center;
		align-content: center;
	}
	
	#footer .nav{
		margin: 0 auto;
		align-content: center;
	}	
		
	#footer .nav-link{
		padding: .5rem .5rem;
	}
	
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
		padding-right: var(--bs-gutter-x,.5rem);
		padding-left: var(--bs-gutter-x,.5rem);
	}
}

@media screen and (max-width: 550px){
	.doctor .doctor-col-avatar{
		max-width: 50px;	
		min-width: 50px;
	}
	
	.doctor .doctor-col-avatar .actions .btn .text{
		display: none;
	}
	
}

@media screen and (max-width: 500px){
	.avatar-inner-col .doctor-avatar{
		max-width: 80px;
	}
}

@media screen and (max-width: 350px){
	.avatar-inner-col .doctor-avatar{
		max-width: 60px;
	}
	
	.doctor .treatments{
		max-width: 220px;
	}
}





.doctor-popup{
	max-width: 768px !important;
	width: 100% !important;
}

.doctor-popup .doctor{
	border:none;
	box-shadow: unset;
	margin-bottom: 0rem !important;
}

.doctor-popup .doctor .doctor-body{
	display: flex;
	
}

.doctor-popup .doctor:hover{
	border:none;
	box-shadow: unset;
}

.doctor-popup .doctor-avatar{
	max-height: 100px;
}

.doctor-popup .doctor-contact-form{
	max-width: 32rem;
	margin: auto auto;
	text-align: left;
	padding: .5rem 0;
}

@media screen and (max-width: 600px){
	.doctor-popup .doctor-avatar{
		max-height: 60px;
	}
	
	.doctor-popup .side-content{
		display: none;
	}
	
	.doctor-popup .doctor-contact-form{
		padding: 1rem 0;
		max-width: unset;
	}
}


/* PLACEHOLDER */
@keyframes placeHolderShimmer{
    0%{
        background-position: -750px 0;
    }
    100%{
        background-position: 750px 0;
    }
}

.ph-ab {
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: darkgray;
    background: linear-gradient(to right, #eeeeee 10%, #dddddd 18%, #eeeeee 33%);
    background-size: 1500px 204px;
    position: relative;
    cursor: wait !important;
}

.doctor.ph{
	border: none;
	box-shadow: unset;
}

.doctor.ph .doctor-avatar{
	display: block;
	min-width: 5rem;
	width: 100%;
	height: 5rem;
}

.doctor.ph .doctor-title{
	max-width: 15rem;
	height: 1.5rem;
}

.doctor.ph .info-item{
	width: 3rem;
	height: 1rem;
}

.doctor.ph .treatments{
	margin-top: .5rem;
}

.doctor.ph .treatment2{
	display: inline-flex;
	border-radius: 3rem;
	align-items: center;
	cursor: pointer;
	margin: .25rem;
	font-size: .8em; 
	
	width: 5rem;
	height: 2rem;
	
}

.doctor.ph .side-content P > .ph-ab{
	display: block;
	max-width: 80%;
	height: 1rem;
	margin-top: .25rem;
}

.doctor.ph .side-content P > .ph-ab:first-of-type{
	max-width: 70%;
}

.doctor.ph .side-content P > .ph-ab:last-of-type{
	max-width: 50%;
}

.doctor.ph .btn-whatsapp{
	width: 5rem;
	height: 2rem;
}


.gallery-ph .slide-large{
	padding-top: 60%;
}

.gallery-ph .slide-thumb{
	padding-top: 60%;
}

.ph > .ph-ab{
	display: block;
	max-width: 80%;
	height: 1rem;
	margin-top: .25rem;
}

.ph > .ph-ab:first-of-type{
	max-width: 70%;
}

.ph > .ph-ab:last-of-type{
	max-width: 50%;
}

.ph .ph-inline-list .ph-ab{
	height: .8rem;
	width: 5rem;
	margin-right: 1rem;
}






/**
****************************************************************************************************************************************
**/
.btn-search{		
	color: #000;
	background-color: #ffc107;
	border-color: #ffc107;
}

.btn-search:hover{		
	color: #000;
	background-color: #ffca2c;
	border-color: #ffc720;
}

.btn-search:focus{		
	color: #000;
	background-color: #ffca2c;
	border-color: #ffc720;
	box-shadow: 0 0 0 .25rem rgba(217,164,6,.5);
}

.btn-search.active,
.btn-search:active{		
	color: #000;
	background-color: #ffcd39;
	border-color: #ffc720;
}

/*
BODY.home{
	background-image: url('/assets/img/bubble.svg');
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-size:contain;
	background-attachment: fixed;
	
	transition: ease all 300ms;
}
*/

BODY.home .text-2{
	font-size: 1em;
}

BODY.home .text-3{
	font-size: 1em;
}

.treatment-cloud{
	position: relative;
	overflow: visible;
	
	margin: auto auto 0;
}

.treatment-cloud:before{
	background-image: url('/assets/img/bubble.svg');
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-size: cover;
	
	transition: ease all 300ms;
	
	
	content: "";
	position: absolute;
	top: -15em;
	left: 0px;
	right: 0px;
	bottom: 0px;
	
	z-index:  -1;
}

@media screen and (max-height: 600px)
{
	.treatment-cloud:before{
		top: -13em;
	}
}

@media screen and (max-width: 660px)
{
	.treatment-cloud:before{
		top: -13em;
		background-size: 200%;
		background-position: 10% 0%;
	}
}

@media screen and (max-width: 400px)
{
	.treatment-cloud:before{
		background-size: 200%;
		background-position: 10% 0%;
	}
}

@media screen and (max-width: 400px) and (min-height: 650px)
{
	.treatment-cloud:before{
		top: -10em;
	}
}

@media screen and (max-width: 310px)
{
	.treatment-cloud:before{
		top: -6em;
	}
}



/**  
** MODAL 
**************************************************** */
/* Modal */
.touch-modal{
	display:none;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	overflow: hidden;
	z-index: 151600;
	background: none !important;
}

.touch-modal-body{
	display: block;
	background-color: #FFF;
	width: 90%;
	max-width: 500px;
	border-radius: 15px;
	padding: 1em;
	box-shadow: 5px 5px 0px rgba(0,0,0,.123);
	z-index:151602;
	position: relative;
}

.touch-input-group{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
		align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: 1.2em;
	border:solid 1px rgba(0,0,0,.123);
	border-radius: 15px;
	line-height: 1em;
	overflow: hidden;
}

.touch-input-icon{
	display: inline-block;
	padding: 0 0 0 .5em;
	transform: scale(0.75);
}

.touch-select{
	margin:0;
	padding:.5em 0em;
	border:none !important;
	font-size: .8em;
	background: transparent;
	
	width: -moz-fit-content;
			width: fit-content;
			text-align:center;
			outline: none;
}

.touch-select OPTION{
	width: -moz-fit-content;
			width: fit-content;
}

.touch-input{
	margin:0;
	padding:.5em 1em;

	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	border:none !important;
	font-size: 1em;
	background: transparent;
	
	max-width: 100%;
	outline: none;
}			

.touch-modal-buttons{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
		align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0.5em;
	font-size: 1.2em;
	margin-top: 1em;
}

.touch-submit{
	display: block;
	border: solid 2px rgba(0,0,0,.0123);
	background-color: rgba(64,195,81,1);
	color: #FFF;
	padding: 0.5em 1em;
	border-radius: 30px;
}

.touch-modal.modal-instagram .touch-submit{
	background: #d6249f;
}

.touch-cancel{
	display: block;
	border: solid 2px rgba(0,0,0,.0123);
	background-color: rgba(0,0,0,.125);
	color: #333;
	padding: 0;
	width: 2.5em;
	height: 2.5em;
	line-height: 1em;
	border-radius: 30px;
	text-align:center;
	margin-right: 1em;
}

.touch-logo{
	display: block;
	position: fixed;
	bottom: 25px;
	left: calc(50% - 75px);
	
	width: 150px;
	color: rgba(0,0,0,.5);
	z-index:151601;
}

.touch-logo SVG{
	
}

.touch-modal-backdrop{
	z-index: 151600;
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(64, 195, 81, .75);				
}

.touch-modal.modal-instagram .touch-modal-backdrop{
	background: #d6249f;
  	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.touch-modal.active{
	display: block;
	
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	-ms-flex-align: center;
		align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.touch-modal.active .touch-modal-backdrop, 
.touch-modal.active ~ .touch-modal-backdrop{
	display: block;
}

@media screen and (max-width: 767px){
	.touch-input-icon{ display: none; }
	.touch-modal-buttons{ font-size: 1.2; }
	.touch-input-group{ font-size: 1.2; }
}