:root{
	--main-color:#C1057D;
	--main-color-hover:#B0077B;
	--second-color:#B08965;
	--second-color-hover:#9E795A;
	--third-color:#63D8D8;
	--third-color-hover:#35C0CD;
	--dark-color:#232323;
	--medium-color:#808080;
}

/*Common*/
a, .btn{
	transition: 0.3s;
}
body{
	color: var(--dark-color);
}
#navigation{
	z-index: 99;
	transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
}
#navigation.hide {
  transform: translateY(-150%);
}
.navbar-brand img{
	height: 50px;
}
.thumb-flag{
	width: 30px;
	height: 30px;
	border-radius: 30px;
	border:1px solid var(--main-color);
	overflow: hidden;
	position: relative;
}
.thumb-flag img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
}
.bg-gradient{
	background: linear-gradient(90deg, rgba(193, 5, 125, 0.10) 50%, rgba(99, 216, 216, 0.10) 108.06%);
}
.bg-main{
	background: var(--main-color);
	background-color: var(--main-color) !important;
}
.bg-third{
	background: var(--third-color);
}
.text-main{
	color: var(--main-color);
}
.text-second{
	color: var(--second-color) !important;
}
.text-third{
	color: var(--third-color);
}
.text-dark{
	color: var(--dark-color);
}
.text-medium{
	color: var(--medium-color) !important;
}
.nav-card{
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0px 2px 25px 0px rgba(193, 5, 125, 0.10);
	top:26px !important;
}
.nav-card .navbar{
	padding: 24px 32px;
}
.nav-card .navbar-nav .nav-link{
	color: var(--second-color);
	font-family: 'MontserratMedium';
	font-size: 1.25rem;
}
.padding-top-body{
	padding-top:161px;
}
#banner .image-container{
	width: calc(100% - 180px);
	height: 474px;
	border-radius: 20px;
	border:8px solid rgba(0, 0, 0, 0.1);
	position: relative;
	z-index: 2;
}
#banner .image-container.fullwidth{
	width: 100% !important;
	height: 561px !important;
}
#banner .image-container img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 12px;
}
#banner .image-container:before{
	content: '';
	position: absolute;
	width: 190px;
	height: 190px;
	background: var(--second-color);
	border-radius: 20px;
	right: -8px;
	top: -8px;
	z-index: -1;
}
#banner .image-container:after{
	content: '';
	position: absolute;
	width: 190px;
	height: 190px;
	background: var(--second-color);
	border-radius: 20px;
	left: -8px;
	bottom: -8px;
	z-index: -1;
}
#banner .caption-container{
	position: absolute;
	margin:auto;
	top:0;
	bottom: 0;
	left: 0;
	right: auto;
	background: var(--main-color);
	padding:60px 40px;
	width: 250px;
	border-radius: 10px;
	z-index: 3;
	color: #FFF;
	display: table;
	opacity: 0.7;
}
#banner .caption-container small{
	font-size: 0.875rem;
	margin:0 0 8px;
	display: block;
}
#banner .caption-container h3{
	font-size: 1.3rem;
	line-height: 1.4;
	margin:0;
	display: block;
	font-family: MontserratSemiBold;
}
#banner .slick-padding{
	padding:0 1px;
}
#testimony .slick-padding{
	padding:0 16px;
}
/*#banner .slick-dots{
	left: 0 !important;
	bottom: 20px !important;
	width: auto !important;
}*/
#testimony .slick-dots{
	left: 16px !important;
	bottom: -60px !important;
	width: auto !important;
}
.slick-dots li{
	width: 31px !important;
	height: 5px !important;
	margin:0 5px !important;
}
.slick-dots li button{
	background: var(--second-color) !important;
	width: 31px !important;
	height: 5px !important;
	border-radius: 5px;
	padding:0 !important;
	opacity: 0.5;
}
.slick-dots li.slick-active button{
	opacity: 1;
}
.slick-dots li button:before{
	display: none;
}
#testimony .slick-dots li button{
	background:#fff !important;
}
.pt-10{
	padding-top:2.5rem;
}
.pb-10{
	padding-bottom:2.5rem;
}
.py-16{
	padding-top:4rem;
	padding-bottom:4rem;
}
.pt-16{
	padding-top:4rem;
}
.pb-16{
	padding-bottom:4rem;
}
.mb-16{
	margin-bottom: 4rem;
}
.mb-8{
	margin-bottom: 2rem !important;
}
.container-rounded{
	border-radius: 40px;
	box-shadow: 0px 2px 25px 0px rgba(35, 35, 35, 0.20);
	background: #FFF;
	display: block;
}
.rounded-bot{
	border-radius:  0 0 40px 40px;
}
.image-frame{
	width: calc(100% - 24px);
	position: relative;
	border-radius: 20px;
	border:8px solid rgba(0, 0, 0, 0.1);
	height: 490px;
	z-index: 1;
}
.image-frame img{
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
	border-radius: 12px;
}
.image-frame:after{
	content: '';
	position: absolute;
	width: 190px;
	height: 190px;
	background: var(--second-color);
	border-radius: 20px;
	right: -8px;
	top: -8px;
	z-index: -1;
}
.image-frame:before{
	content: '';
	position: absolute;
	width: 190px;
	height: 190px;
	background: var(--second-color);
	border-radius: 20px;
	left: -8px;
	bottom: -8px;
	z-index: -1;
}
.video-frame{
	width: calc(100% - 24px);
	position: relative;
	border-radius: 20px;
	border:8px solid rgba(0, 0, 0, 0.1);
	height: auto;
	z-index: 1;
}
.video-frame:after{
	content: '';
	position: absolute;
	width: 190px;
	height: 190px;
	background: var(--second-color);
	border-radius: 20px;
	right: -8px;
	top: -8px;
	z-index: -1;
}
.video-frame:before{
	content: '';
	position: absolute;
	width: 190px;
	height: 190px;
	background: var(--second-color);
	border-radius: 20px;
	left: -8px;
	bottom: -8px;
	z-index: -1;
}
.embed-responsive{
	border-radius: 12px;
}
.image-dental{
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	width: calc(100% - 24px);
}
.image-dental img{
	width: 100%;
	object-fit: contain;
}
.price-list{
	display: block;
}
.price-list .list{
	display: flex;
	margin-bottom: 10px;
}
.price-list .list .product{
	padding-left: 10px;
	position: relative;
	font-size: 0.9rem;
	color: var(--medium-color);
	margin:0;
	width: calc(100% - 150px);
}
.price-list .list .price{
	margin-left: auto;
	font-family: MontserratSemiBold;
	color: var(--main-color);
	margin-bottom:0;
	width: 150px;
	text-align: right;
}
.price-list .list .product:after{
	content:'';
	position: absolute;
	left: 0;
	top: 1px;
	width: 3px;
	height: 18px;
	background: var(--main-color);
	border-radius: 10px;
}
.foundation{
	display: flex;
	align-items: start;
	font-size: 0.825rem;
	color: var(--medium-color);
	margin:0;
}
.foundation img{
	height: 20px;
	margin-top:5px;
	margin-left: 10px;
}
.title{
	font-family: MontserratSemiBold;
	font-size: 1.875rem;
	color: var(--main-color);
	margin:0;
	display: block;
}
.title span{
	font-family: MontserratRegular;
	color: var(--second-color);
}
.paragraph{
	font-size: 0.875rem;
	color: var(--dark-color);
	line-height: 1.75;
}
.text-xl{
	font-family: MontserratSemiBold;
	font-size: 1.25rem;
	margin:0;
	display: block;
}
.text-sm{
	font-size: 0.875rem;
}
.nav-service .nav-link img{
	width: 50px;
	height: 50px;
}
.nav-service .nav-link{
	font-size: 1rem;
	font-family: MontserratSemiBold;
	color: #FFF;
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: start;
	border-radius: 20px !important;
	transition: 0.2s;
	margin-right: 17px !important;
}
.nav-service .nav-link:hover{
	background: rgba(193, 5, 125, 0.1); !important;
}
.nav-service .nav-item:last-child .nav-link{
	margin-right: 0 !important;
}
.nav-service .nav-link.active{
	width: 200px;
	background: var(--main-color) !important;
}
.nav-service .nav-link.active img{
	width: 30px;
	height: 30px;
}
.nav-service .nav-link.active span{
	display: block;
}
.nav-service .nav-link span{
	display: none;
}
.nav-service .nav-link img{
	width: 50px;
	height: 50px;
}
.nav-service-sm .nav-link{
	font-size: 1rem;
	color: var(--medium-color);
	width: auto;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: start;
	border-radius: 10px !important;
	transition: 0.2s;
	margin-right: 5px !important;
}
.nav-service-sm .nav-link:hover{
	background: rgba(193, 5, 125, 0.1); !important;
}
.nav-service-sm .nav-item:last-child .nav-link{
	margin-right: 0 !important;
}
.nav-service-sm .nav-link.active{
	width: auto;
	background: var(--main-color) !important;
}
.nav-service-sm .nav-link img{
	width: 20px;
	height: 20px;
}
.nav-insurance{
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid rgba(193, 5, 125, 0.1);
	width: max-content;
	margin: auto;
}
.nav-insurance .nav-link{
	color: var(--medium-color);
	border-radius: 0px !important;
	border-bottom: 3px solid transparent;
}
.nav-insurance .nav-link:hover{
	background: transparent !important;
}
.nav-insurance .nav-link.active{
	background: transparent !important;
	border-color: var(--main-color);
	color: var(--medium-color) !important;
}
.nav-insurance .nav-link .frame{
	width: 50px;
	height: 50px;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	background: #fff;
	margin:0 auto 10px;
	border:1px solid rgba(193, 5, 125, 0.1);
}
.nav-insurance .nav-link .frame img{
	width: 100%;
	height: auto;
	margin:auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.nav-insurance .nav-link span{
	display: block;
	text-align: center;
}
.nav-insurance .nav-item{
	width: 180px;
}
.insurance-logo{
	position: relative !important;
	overflow: hidden;
	padding-bottom: 62.50% !important;
}
.insurance-logo img{
	position: absolute;
	width: 100%;
	height: auto;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.scroll-auto{
	display: block;
	width: 100%;
	overflow-x: auto;
}
.price-label-container{
	position: relative;
	padding-left: 20px;
	width: calc(100% - 180px);
}
.price-label-container .price-label{
	color: var(--second-color);
	font-family: MontserratSemiBold;
	display: block;
	margin:0px;
}
.price-label-container .price-desc{
	color: var(--medium-color);
	display: block;
	font-size: 0.875rem;
	margin:0px;
}
.price-tag{
	color: var(--main-color);
	display: block;
	font-size: 1.3rem;
	margin:0px;
	text-align: right;
	margin-left: auto;
	font-family: MontserratSemiBold;
	width: 180px;
}
.price-label-container:after{
	content: '';
	position: absolute;
	margin:auto;
	top:0;
	bottom:0;
	left: 0;
	width: 6px;
	height: 34px;
	border-radius: 6px;
	background: var(--second-color);
}
.btn-second{
	background: var(--second-color) !important;
	border-color: var(--second-color) !important;
	color: #FFF !important;
}
.btn-second:hover, .btn-second:active, .btn-second:focus{
	background: var(--second-color-hover) !important;
	border-color: var(--second-color-hover) !important;
}
.btn-md{
	padding:12px 24px !important;
	border-radius: 0.5rem !important;
}
.card-custom{
	border-radius: 20px !important;
	padding:20px;
}
.image-testimony{
	width: 100%;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
}
.image-testimony img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.text-testimony{
	padding-top: 10px;
}
.testimony-name{
	color: var(--main-color);
	font-size: 1rem;
	font-family: MontserratSemiBold;
}
.testimony-role{
	color: var(--second-color);
	font-size: 0.875rem;
}
.flex-row-sm, .flex-row-md{
	flex-direction: row !important;
}
.image-news{
	width: 100%;
	height: 180px;
	display: block;
	border-radius: 10px;
	overflow: hidden;
}
.image-news img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: 0.4s;
}
.text-news{
	position: relative;
	padding-left: 20px;
}
.text-news:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin:auto;
	width: 6px;
	height: 35px;
	border-radius: 6px;
	background: var(--second-color);
}
.text-news .title-news{
	font-size: 1rem;
	color: var(--dark-color);
	margin:0 0 1px;
	font-family: MontserratSemiBold;
}
.text-news .date-news{
	font-size: 0.875rem;
	color: var(--second-color);
	margin:0;
}
.button-news:hover{
	text-decoration: none;
}
.button-news:hover img{
	transform: scale(1.5);
}
.image-location{
	width: 180px;
	height: 180px;
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	flex-shrink: 0;
}
.image-location img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.text-location{
	width: calc(100% - 220px);
	padding-left: 20px;
}
.text-location .title-location{
	font-family: MontserratSemiBold;
	color: var(--second-color);
	margin-bottom: 4px;
	font-size: 1.25rem;
}
.contact-location{
	font-size: 0.875rem;
}
.btn-detail-location{
	width: 40px;
	height: 40px;
	padding:0;
	display: flex !important;
	align-items: center;
	justify-content: center;
	color: #FFF !important;
	border-radius: 40px !important;
	background: var(--second-color) !important;
	border-color: var(--second-color) !important;
	align-self: center;
}
.btn-detail-location:hover{
	background: var(--second-color-hover) !important;
	border-color: var(--second-color-hover) !important;
}
.map-frame{
	width: 100%;
	height: 460px;
	display: block;
	border:8px solid rgba(0, 0, 0, 0.1);
	position: relative;
	z-index: 3;
	border-radius: 20px;
}
.map-frame img{
	width: auto;
	height: 100%;
	object-fit: cover;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.map-frame .scroll-image{
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
	overflow-x: auto;
	border-radius: 12px;
}
.map-frame iframe{
	width: 100%;
	height: 100%;
	border-radius: 12px;
}
.map-frame:after{
	content: '';
	position: absolute;
	width: 190px;
	height: 190px;
	background: var(--second-color);
	border-radius: 20px;
	left: -8px;
	top: -8px;
	z-index: -1;
}
.map-frame:before{
	content: '';
	position: absolute;
	width: 190px;
	height: 190px;
	background: var(--second-color);
	border-radius: 20px;
	right: -8px;
	bottom: -8px;
	z-index: -1;
}
.title-footer{
	font-family: MontserratSemiBold;
	font-size: 0.875rem;
	text-transform: uppercase;
	color: var(--second-color);
	margin-bottom: 10px;
}
.list-footer{
	list-style: none;
	padding-left: 0;
}
.list-footer li{
	padding-left: 2rem;
	position: relative;
}
.list-footer li:before{
	content: "\f054";
  font-family: FontAwesome;
  display: inline-block;
  margin-left: calc( 1.3rem * -1 );
  width: var(2rem);
  color: var(--main-color);
  font-size: 0.7rem;
}
.list-footer li a{
	font-size: 0.875rem;
	color: var(--main-color);
	margin-bottom: 10px;
	display: inline-block;
	padding-left: 1rem;
}
.list-sosmed{
	padding-left: 0;
	list-style: none;
	display: flex;
	justify-content: center;
	align-items: center;
}
.list-sosmed li{
	display: inline-block;
	margin:5px 10px;
}
.list-sosmed li a{
	display: flex;
	align-items: center;
	margin-bottom: 0px;
	color: var(--main-color);
	font-size: 1.575rem;
}
.list-sosmed li a img{
	height: 30px;
	margin-right: 10px;
	fill:var(--main-color);
}
.divider{
	display: block;
	margin:30px auto;
	height: 1px;
	background: rgba(193, 5, 125, 0.1);
}
.copy{
	display: block;
	margin:5px 0;
	text-align: center;
	font-size: 0.875rem;
	color: var(--dark-color);
}
.video-container{
	width: 420px;
	max-width: 100%;
	overflow: hidden;
	border-radius: 20px;
}
.gallery-thumb{
	width: 100%;
	height: 1px;
	padding-bottom: 100%;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	display: block;
}
.gallery-thumb:hover img{
	transform: scale(1.5);
}
.gallery-thumb img{
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
	display: block;
	position: absolute;
	transition: 0.4s;
}
.fullscreen{
	width: 90%;
	margin:auto;
	max-height: calc(100vh - 60px);
	overflow: hidden;
	display: block;
	position: relative;
}
.fullscreen img{
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.btn-float-right{
	position: absolute;
	right: 15px;
	top: 10px;
	z-index: 9999;
}
.modal-clean{
	background: transparent !important;
	border:0 !important;
	box-shadow: none !important;
	padding:0;
}
.h-modal-full{
	height: calc(100vh - 56px);
}
.badge-main{
	background: var(--main-color);
	color: #fff;
}
#aboutus .image-container{
	width: 100%;
	height: 300px;
	border-radius: 20px;
	border:8px solid rgba(0, 0, 0, 0.1);
	position: relative;
	z-index: 2;
}
#aboutus .image-container.foto{
	height: auto;
}
#aboutus .image-container img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 12px;
}
#aboutus .image-container:before{
	content: '';
	position: absolute;
	width: 190px;
	height: 190px;
	background: var(--second-color);
	border-radius: 20px;
	right: -8px;
	top: -8px;
	z-index: -1;
}
#aboutus .image-container:after{
	content: '';
	position: absolute;
	width: 190px;
	height: 190px;
	background: var(--second-color);
	border-radius: 20px;
	left: -8px;
	bottom: -8px;
	z-index: -1;
}
#aboutus .image-container.white-accent:before, #aboutus .image-container.white-accent:after{
	background: #fff;
}
.card-image{
	display: block;
	height: auto;
	max-height: 100%;
	overflow: hidden;
	border-radius: 20px;
}
.card-image img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.logo-service{
	height: 50px;
}
/*Login*/
.h-full{
	height: 100vh;
}
.login-image{
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 20px;
	position: relative;
	display: block;
}
.login-image:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(193, 5, 125, 0.90);
}
.login-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.logo-login{
	height: 60px;
	display: block;
	margin:0 auto 10px;
	position: absolute;
	display: block;
	margin:auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
}
.login-form{
	width: 480px;
	max-width: 95%;
}
.form-float-icon{
	display: flex;
	width: 100%;
	align-items: center;
}
.form-float-icon .icon-login{
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--main-color);
}
.form-float-icon .form-group{
	width: calc(100% - 30px);
	padding-left: 15px;
}
.form-float-icon .form-label{
	font-size: 0.825rem;
	color: var(--medium-color);
	margin-bottom: 5px;
}
.form-float-icon .form-line{
	border-radius: 0 !important;
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	padding:0 !important;
}
.form-float-icon .form-line:focus{
	outline: none;
	box-shadow: none;
	border-color: var(--main-color) !important;
}
.page-link{
	color: var(--medium-color) !important;
}
.page-item.active .page-link{
	background-color:var(--second-color) !important;
	border-color:var(--second-color) !important;
	color: #fff !important;
}
.list-news{
	padding-left: 0;
	list-style: none;
}
.list-news li{
	display: block;
	margin-bottom: 15px;
}
.list-news li a{
	display: flex;
	padding:5px;
	border-radius: 10px;
}
.list-news li a:hover{
	background: rgba(193, 5, 125, 0.1);
	text-decoration: none;
}
.list-news li a .image-thumbnail-sm{
	width: 70px;
	height: 50px;
	overflow: hidden;
	border-radius: 10px;
}
.list-news li a .image-thumbnail-sm img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.list-news li a .news-box-sm{
	width: calc(100% - 70px);
	padding-left: 15px;
}
.list-news li a .news-box-sm .title-news{
	font-size: 1rem;
	color: var(--dark-color);
	margin:0 0 1px;
	font-family: MontserratSemiBold;
}
.list-news li a .news-box-sm .date-news{
	font-size: 0.875rem;
	color: var(--second-color);
	margin:0;
}
.form-control{
	border-color: rgba(193, 5, 125, 0.1) !important;
}
.form-control:focus{
	border-color: var(--main-color) !important;
	outline: none;
	box-shadow: none !important;
}
.form-group .icon-search{
	position: absolute;
	right: 15px;
	top: 10px;
	color: var(--second-color);
}
.border-main{
	border-color: rgba(193, 5, 125, 0.1) !important;
}
.image-gallery-lg{
	width: 100%;
	display: block;
	height: 322px;
	border-radius: 20px;
	overflow: hidden;
}
.image-gallery-lg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.logo-404{
	display: block;
	margin:0 auto 20px;
	width: 240px;
}
.animated-container{
	width: 100%;
	height: 100vh;
	position: absolute;
	z-index: 3;
	left: 0;
	top: 0;
	overflow: hidden;
}
.animated-top{
	-webkit-animation: animateLeft 35s linear infinite;
	-moz-animation: animateLeft 35s linear infinite;
	animation: animateLeft 35s linear infinite;
	position: absolute;
	top:0;
	opacity: 0.1;
	height: 45%;
}
.animated-bottom{
	-webkit-animation: animateRight 35s linear infinite;
	-moz-animation: animateRight 35s linear infinite;
	animation: animateRight 35s linear infinite;
	position: absolute;
	bottom:0;
	right: 0;
	opacity: 0.1;
	height: 45%;
}
.z-4{
	z-index: 4;
}
@-webkit-keyframes animateLeft {
    0% {
        margin-left: -1000px;
    }
    100% {
        margin-left: 100%;
    }
}
@-webkit-keyframes animateRight {
    0% {
        margin-right: -1000px;
    }
    100% {
        margin-right: 100%;
    }
}
.loading-skeleton h1, .loading-skeleton h2, .loading-skeleton h3, .loading-skeleton h4, .loading-skeleton h5, .loading-skeleton h6,
.loading-skeleton p, .loading-skeleton li,
.loading-skeleton .btn,
.loading-skeleton label,
.loading-skeleton .form-control,
.loading-skeleton i {
  color: transparent !important;
  appearance: none;
  -webkit-appearance: none;
  background-color: #eee !important;
  border-color: #eee !important;
}
.loading-skeleton h1::placeholder, .loading-skeleton h2::placeholder, .loading-skeleton h3::placeholder, .loading-skeleton h4::placeholder, .loading-skeleton h5::placeholder, .loading-skeleton h6::placeholder,
.loading-skeleton p::placeholder, .loading-skeleton li::placeholder,
.loading-skeleton .btn::placeholder,
.loading-skeleton label::placeholder,
.loading-skeleton .form-control::placeholder {
  color: transparent;
}

@keyframes loading-skeleton {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
.loading-skeleton {
  pointer-events: none;
  animation: loading-skeleton 1s infinite alternate;
}
.loading-skeleton img {
  filter: grayscale(100) contrast(0%) brightness(1.8);
}
.loading-skeleton .banner:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	color: transparent !important;
  appearance: none;
  -webkit-appearance: none;
  background-color: #eee !important;
  border-color: #eee !important;
}
@media(max-width:991px){
	.price-tag{
		font-size: 1rem;
	}
	.flex-row-md{
		flex-direction: column !important;
	}
	.image-testimony{
		width: 100%;
	}
	.text-testimony{
		width: 100%;
		padding-left: 0;
		padding-top:24px;
	}
	.image-location{
		width: 100%;
	}
	.text-location{
		width: 100%;
		padding-left: 0;
		padding-top:20px;
	}
}
@media(max-width:767px){
	body{
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
	.price-tag{
		font-size: 1rem;
	}
	.flex-column-sm{
		flex-direction: column;
	}
	.flex-column-sm .ml-auto{
		margin-left: 0 !important;
	}
	.image-frame, .image-dental{
		width: 100%;
	}
	.flex-row-sm{
		flex-direction: column !important;
	}
	#banner .caption-container{
		position: relative;
		width: 100%;
		height: auto;
	}
	#banner .caption-container h3{
		font-size: 1rem;
	}
	#banner .image-container{
		width: 100%;
		height: 200px;
	}
	#banner .slick-padding{
		flex-direction: column;
	}
	#banner .image-container:before, #banner .image-container:after{
		width: 90px;
		height: 90px;
	}
	#banner .slick-dots{
		display: block 	!important;
		width: 100% !important;
		bottom: -25px !important;
	}
	.res-col{
		display: none;
	}
}