/*  
Theme Name: Bsparkle Clinic
Theme URI: https://bimastudio.co/
Author: m0n0kur0b0
Author URI: https://bimastudio.co/
Description: Fast and responsive wp themes!
Version: 1.0
Tags: fast, responsive, green, white, flat
*/


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border: 0;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
html{scroll-behavior: smooth;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,.descuser span{display: block;}
ol,ul{list-style: none;}
.c{clear:both}
.l{float:left!important;}
.r{float:right!important;}
.mt80{margin-top:80px!important;}
.mt40{margin-top:40px!important;}
.mt20{margin-top:20px!important;}
.mb20{margin-bottom:20px!important;}
.ml20{margin-left:20px!important;}
.mb40{margin-bottom:40px!important;}
.mb120{margin-bottom:120px!important;}
.pt100{padding-top:100px!important;}
.p20{padding: 20px!important;}
a{color:#D3BA66;-moz-transition: 0.4s; -webkit-transition: 0.4s;transition: 0.4s;}
a:hover{color:#000;}
a, a:hover{text-decoration:none}
.tr{text-align:right;background:none!important;border:none!important;}
.tl{text-align:left!important;}
h1,h2,h3,h4,h5,h6{color: #0C2845;font-family: 'Exo', sans-serif;font-weight: bold;line-height: 1.2;margin: 0 0 16px;}
h1 {font-size: 36px;}
h2 {font-size: 22px;}
h3 {font-size: 20px;}
h4 {font-size: 16px;}
h5 {font-size: 16px;}
h6 {font-size: 116px;}
p{margin:15px 0;}
blockquote{font-size:18px;}
blockquote::before,
blockquote::after {font-size: 350%;font-family: arial;display:block;position: absolute;}
blockquote::before {content: open-quote;left: 0px;line-height: 40px;}
blockquote::after {content: close-quote;right: 10px;line-height: 30px;}
body {font-family:'Roboto', sans-serif;font-size:16px;color:#222;line-height: 1.625;}
#header{width: 100%;height: 84px;padding: 0;background-color: #fff;outline: 0;z-index: 101;-webkit-backface-visibility: hidden;-webkit-box-sizing: border-box;box-sizing: border-box;}
.headerbt{background-color: transparent;background-image: linear-gradient(90deg,#D3BA66 0%,#896536 100%);height: 5px;width: 100%;color: #fff;}
#logo img{float:left;height:70px;margin: 7px 10px;}
.menu{background:#fff;margin-top:8px;}
.menu ul li{font-family:'Exo', sans-serif;float:left;display: block;color: #896536;text-align: center;padding: 14px 16px;text-decoration: none;text-transform:uppercase;}
.menu ul li a{color:#896536;}
ul.sub-menu li {float: none;color: black;padding: 12px 16px;text-decoration: none;display: block;text-align: left;}
.menu ul li:hover>.sub-menu {display: block;}
#content,#single{}
.slidesc{background:#000;color:#fff;}
.slidesc h3{color:#fff;font-size:30px;margin-top:40px;text-transform:uppercase;}
.dt{background-image: linear-gradient(90deg,#D3BA66 0%,#896536 100%);color:#fff;padding:10px 35px;margin-right:10px;border-radius:5px;text-transform:uppercase;font-weight:bold;}
.smt{background:#D3BA66;padding:10px 0;margin-right:10px;display:block;margin:10px auto 0 auto;text-transform:uppercase;width:80%;cursor:pointer;}
.psn{background-image: linear-gradient(90deg,#d4d4d4 0%,#838383 100%);color:#000;padding:10px 35px;border-radius:5px;text-transform:uppercase;font-weight:bold;}
.smt:hover{background:#d4d4d4;}
.psn:hover{background-image: linear-gradient(90deg,#D3BA66 0%,#896536 100%);color:#fff;}
.dt:hover{background-image: linear-gradient(90deg,#d4d4d4 0%,#838383 100%);color:#000;}
#kontakbox{background-image: linear-gradient(90deg,#D3BA66 0%,#896536 100%);width: 100%;color: #fff;padding:10px 0;}
.knkbtn{color:#fff;background-color: rgba(0,0,0,.07);border-style: solid;border-width: 1px;border-color: rgba(0,0,0,.1);border-radius: 0 0 0 0;padding:10px 0;display:block;position:relative;}
#produk,#kontak,#about{position:relative;width:100%;}
.knkbtn i{margin: 0 6px 0 16px;padding: 10px;background-color: rgba(0,0,0,.3);border-radius: 5px;}
.knkbtn:after{content:"\f105";font-family:FontAwesome;position:absolute;right:16px;top: 14px;}
.knkbtn:hover{color:#fff;}
.knkwa{color:#fff;display: block;}
.knkwa:hover{color:#fff;}
.knkwa i{float:left;font-size:58px;margin-right:16px;}
.knkwa span{font-size:20px;}
.bxtitle{position: relative;text-align: center;margin-bottom: 20px;}
.bxtitle:before{width: 100%;height: 3px;left: 0;top: 26px;background-image: linear-gradient(90deg,#D3BA66 0%,#896536 100%);content: '';position: absolute;}
.bxtitle h2{background-color: #000;color:#D3BA66;width:300px;padding:10px 0;margin: 0 auto;font-size:30px;text-align:center;border-radius:5px;}
.dtlayanan:hover{opacity:0.8;}
.dtlayanan:before, .dtlayanan2:before{position: absolute;content: '';left: 10px;right: 10px;top: -10px;height: 10px;background-image: linear-gradient(90deg,#D3BA66 0%,#896536 100%);-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;}
.dtlayanan h3, .dtlayanan2 h1{text-align: center;font-size: 24px;color: #D3BA66;}
.dtlayanan:hover:before, .dtlayanan2:hover:before{position: absolute;content: '';left: 0;right: 0;top: 0;height: 10px;background-color: #D3BA66;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;}
.dtlayanan ul li, .dtlayanan2 ul li{color:#D3BA66;list-style: disc;}
.dtlayanan ul li a, .dtlayanan2 ul li a{color:#fff;}
.middle {transition: .5s ease;opacity: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);text-align: center;}
.text a{background-color: #D3BA66;color: #000;font-size: 14px;padding: 10px 30px;font-size:20px;font-family: 'Exo', sans-serif;font-weight: bold;}
.dtlayanan:hover .middle{opacity: 1;}
.dtlayanan2 span{float:right;}
.dtlayanan2 h1 a:hover{color:#D3BA66;}
.dtlayanan2 ul{margin:0 17px;}
.produk img,img.pricelist,.imgtop img{width:100%;}
.ptop {transition: .5s ease;opacity: 1;position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);text-align: center;}
.ptop h3{font-size:16px;color:#000;}
.pbtm{position: absolute;bottom: 8px;background-color: #00000094;color: #D3BA66;width: 96%;padding: 2%;line-height: 16px;}
span.harga{color:#fff;}
.detail{background:#D3BA66;color:#000;padding:5px 20px;margin:3px 5px 0 0;border:1px solid #222;float:right;font-size:12px;}
.detail:hover{color:#000;}
.ftop{background:#000;color:#fff;padding:30px 0;}
.ftop h3{color:#D3BA66;text-transform:uppercase;}
.ftopbox1 ul li{list-style:none;}
.ftopbox1 ul li a{color:#fff;}
.ftopbox1 ul li a:hover{color:#D3BA66;}
.fbtm{background-image: linear-gradient(90deg,#D3BA66 0%,#896536 100%);color:#fff;padding:10px 0;}
.fbtm a{color:#000;}
.heroimg{text-align:center;position:relative;}
.heroimg img{width:100%;}
.metabg{background:#82449A94;width:100%;height:98%;top:0;left:0;position:absolute;}
.meta{color:#fff;transition: .5s ease;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);text-align: center;}
.meta a{color:#fff;}
.kontenr .htitle{background:#D3BA66;width:100%;padding:10px 0;text-align:center;}
.htitle h3{color:#fff;margin:0!important;font-size:18px;}
.btnpesan{font-family: 'Exo', sans-serif;font-weight: bold;background:#D3BA66;padding:10px 45px;border-radius:5px;color:#222;font-size:18px;}
.btnpesan:hover{background:#d4d4d4;color:#333;}
.dokter{font-size:12px;}
.imgdok{border:5px solid #D3BA66;border-radius:50%;position:relative;}
.imgdok img{margin:5px 0 0 0;border:5px solid #fff;border-radius:50%;}
.imgdok i{font-size:40px;position:absolute;right:10px;bottom:30px;color:#000;background:#D3BA66;border:3px solid #000;border-radius:50%;padding:10px 14px;}
.dokter h3{margin-top:10px;color:#000;}
.jabatan{color:#D3BA66;;font-size:16px;}
h3.title{margin-top:40px;font-size:20px;text-transform:uppercase;}
.blog{margin-bottom:10px;}
.blog h3{font-size:18px;}
.relpost{margin-top:10px;font-size:12px;}
.relpost img{width:70px;margin-right:10px;float:left;}
.slideshow-container{width: 100%;position: relative;margin: auto;}
.prev, .next {cursor: pointer;position: absolute;bottom:42%;width: auto;padding: 16px 24px;margin-top: -22px;color: white;font-weight: bold;font-size: 18px;transition: 0.6s ease;user-select: none;}
.prev {background:#D3BA66;left: 0;color:#fff;}
.next {background:#896536;right: 0;color:#fff}
.prev:hover{background-color: #d4d4d4;color:#333;}
.next:hover{background-color: #d4d4d4;color:#333;}
.dot {cursor: pointer;height: 12px;width: 12px;margin: 0 2px;background-color: #bbb;border-radius: 50%;display: inline-block;transition: background-color 0.6s ease;}
.active, .dot:hover {background-color: #717171;}
.fade{animation:fading 6s;}
@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.is-visible{position:relative;animation:animatebottom 2s}
@keyframes animatebottom{from{bottom:-200px;opacity:0} to{bottom:0;opacity:1}}
.testimonial{padding:195px 0 195px 275px;position:relative;}
.testimonial .pic{width:225px;height:400px;position:absolute;top:25px;left:25px;}
.testimonial .pic img{width:100%;height:400px;}
.testimonial .description{font-size:16px;color:#333;line-height:27px;position:relative;}
.testimonial .description:before{content:"\f10d";font-family:"FontAwesome";font-weight:900;position:absolute;top:-70px;left:0;font-size:20px;color:#7a7e82;}
.testimonial .testimonial-title{font-size:22px;font-weight:800;color:#22272c;text-transform:capitalize;}
.testimonial .post{display:block;font-size:15px;font-weight:700;color:#D3BA66;margin-top:10px;}
.owl-theme .owl-controls{text-align:right;margin-top:30px;}
.owl-theme .owl-controls .owl-buttons div{background:#D3BA66!important;border-radius:0;opacity:1;padding:5px 10px;}
#single .owl-next:before,#single .owl-prev:before{content:"\f053";font-family:"FontAwesome";font-weight:900;color:#fff;}
#single .owl-next:before{content:"\f054";}
.bxtitle2{position:relative;border-bottom:5px solid #D3BA66;}
.bxtitle2 h2{background:#000;font-size:30px;padding:10px 45px;color:#D3BA66;margin:0!important;display:inline-block;}
.bxtitle2 h2:before {content: "";position: absolute;top: 0;right: -40px;border-bottom: 56px solid #000;border-right: 40px solid transparent;}
.artikel img{width:150px;float:left;margin-right:20px;}
.artikel h3{font-size:22px;color:#D3BA66;}
.kontent ul{margin-left:17px;}
.kontent ul li{list-style:disc!important;}
.side a{color:#222;}
.side a:hover{color:#D3BA66;}
.kontenr .imgdok img{width:330px;margin-left:5px;}
.pimg{position:relative;}
#btnBeli{cursor:pointer;}
.modal {display: none;position: fixed;z-index: 1;padding-top: 100px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
.modal-content {background-color: #444;margin: auto;padding: 20px;border: 1px solid #888;width: 80%;}
.modal-content a{color:#fff;}
.modal-content i{font-size:44px;margin:0 5px;}
.modal-content img{height:44px;margin:0 5px;}
.close {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;}
.close:hover,.close:focus {color: #000;text-decoration: none;cursor: pointer;}
.testimonial{width:100%;padding:50px 0!important;}
.testimonial .description:before{content:none!important;}
.testimonial-content{padding:0 4%;width:92%;text-align:center;}
@media only screen and (max-width:990px){
	.testimonial{padding:80px 0 80px 265px;}
}
@media only screen and (max-width: 767px){
	.testimonial{padding: 0;border: none;}
	.testimonial:before,
	.testimonial:after{border: none;}
	.testimonial .pic{position: relative;top: 0;left: 0;}
	.testimonial .description{margin-top: 15px;}
	.testimonial .description:before{content: "";}
}
@media only screen and ( max-width: 4000px ) {
	.menu {float:right;width:800px;}
	.box1140,.box1140h{width:1140px;margin:0 auto;}
	ul.sub-menu ul.sub-menu {display: none;position: absolute;right:-160px;margin-top:-38px;background-color: #f9f9f9;width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 10;}
	ul.sub-menu {display: none;position: absolute;background-color: #f9f9f9;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 10;}
	.menu-item-has-children:after{font-family:FontAwesome;font-style:normal;font-weight:normal;content:"\f107";color:#222;}
	.sub-menu .menu-item-has-children:after{font-family:FontAwesome;font-style:normal;font-weight:normal;content:"\f105";color:#222;}
	.kontakbox{width:29.3%;padding:2%;float:left;}
	.sosmed{width:100%;}
	.sosmed i{margin:0 10px;}
	.sosmed img{height:14px;margin:0 10px;}
	.sosmed a i{color:#fff;}
	.imgslide{width:65%;float:left;height:460px;overflow: hidden;}
	.mySlides img{width:100%;}
	.slidesc{width:25%;padding:60px 5% 0;float:left;height:400px;}
	.titlebg{position:absolute;left: 0;color: #f5f6f7;-webkit-text-fill-color: transparent;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #d2d2d4;display: inline-block!important;line-height: 210px;font-weight: 600;overflow: hidden;font-size: 180px;z-index:-1;}
	.dtlayanan{background: #000;color: #fff;width: 36%;padding: 5%;float: left;margin: 20px 2%;position: relative;}
	.dtlayanan2{background: #000;color: #fff;width: 86%;padding: 5%;float: left;margin: 20px 2%;position: relative;}
	#content,#single{width: 100%;}
	.produk{width:23%;margin:1%;float:left;position:relative;}
	.ftopbox1{width:36%;padding:0 2%;float:left;}
	.ftopbox2{width:20%;float:left;}
	.kontenl{float:left;width:760px;margin-right:20px;}
	.kontenr{float:left;width:360px;}
	.dokter,.video{width:29.3%;margin:2%;float:left;text-align:center;}
	.kontak{width:46%;float:left;margin:0 2%;}
	.blog img{float:left;margin-right:20px;width:300px;}
	.side{width:20%;float:left;}
	.kontent{width:80%;float:left;}
	#header .icon,#logo h2, #logo h1{display:none;}
}
@media only screen and ( max-width: 960px ) {
	.box1140{width:96%;margin:0 auto;}
	.box1140h{width:100%;margin:0 auto;}
	#header a.icon {float: right;display: block;font-size:34px;margin-right:10px;}
	.imgslide{width:100%;height:auto;float:left;overflow: hidden;}
	.mySlides img{width:100%;height:auto;}
	.blog img{width:100%;margin:0;float:none;}
	.slidesc{margin-top: -7px;width:90%;padding:0 5% 10%;float:left;height:auto;}
	.menu{margin-top:-84px;}
	.menu.responsive {width: 100%;margin-top:0;position: relative;}
	#header .icon {position: absolute;right: 0;top: 0;}
	.menu.responsive ul li {float: none;display: block;text-align: left;}
	.menu.responsive ul {float: none;}
	.menu.responsive ul.sub-menu {position: relative;background-color: #fff;width: 100%;box-shadow: none;}
	ul.sub-menu ul.sub-menu {display: none;position: relative;right:0;margin-top:0;z-index: 10;}
	.menu-item-has-children:after{content:"";}
	.sub-menu .menu-item-has-children:after{content:"";}
	#logo{float:left;height:100%;}
	#logo img{height:72px;margin-left:2%;}
	#content,#single{margin-left:0;float: none;width: 100%;}
	.kontakbox,.paket,.ftopbox1,.ftopbox2,.dokter,.video,.kontenl,.kontenr{width:96%;padding:2%;float:none;}
	.dtlayanan{width: 86%;padding: 5%;float: none;margin: 20px 2%;position: relative;}
	.dtlayanan2 span{float:none;}
	.produk,.side,.kontent{width:98%;margin:1%;float:none;}
	.fmid span,.fmid ul li{width:100%;display:block;text-align:center;}
	.meta h1{font-size:16px;}
	.meta span{font-size:12px;}
	.artikel img{width:100%;margin:0;float:none;}
	.titlebg{position:absolute;left: 0;color: #f5f6f7;-webkit-text-fill-color: transparent;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #d2d2d4;display: inline-block!important;line-height: 110px;font-weight: 600;overflow: hidden;font-size: 90px;z-index:-1;}
	.kontak{width:96%;float:none;margin:2%;}
	.kontenr .imgdok{border:none;margin:0 auto;}
	.menu a:not(:first-child),.kontenr .imgdok i{display: none;}
}