/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 8, 2019, 4:10:57 PM
    Author     : charlienovian
*/
body{
    font-family: 'Open Sans', sans-serif;
}
.container{max-width: 1180px}
#header .header-wrapper{background: #6ead44;}
#header{height: 95px;margin-bottom: 40px;}
.navbar-brand img{width:auto;max-height: 81px;transition: all 0.2s ease-in-out;}
.page-site-index #header{margin-bottom: 0;}
.purpose-sec, .layanan-sec{background: #dbdbdb;}
h3.widget-title{font-size: 1.8em; text-transform: uppercase;font-weight: 900;color: #4e943f;margin-bottom:40px;}
.btn-primary{background-color: #da0f3d; border-color: #da0f3d;border-radius: 0;}

/*Preloader*/
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.bpjs{background: #ffefff !important;}
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #fff;
}
.se-pre-con > img {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -25px 0 0 -25px;
}

.se-pre-con #loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}

.se-pre-con #loader {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 120px;
	height: 120px;
	margin: -60px 0 0 -60px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #F1F1F1;
	-webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

.se-pre-con #loader:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #BC1919;
	-webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

.se-pre-con #loader:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #066a65;
	-webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
.fade.in{opacity:1}

@-webkit-keyframes spin {
	0%   {
		-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);  /* IE 9 */
		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
	100% {
		-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);  /* IE 9 */
		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
	}
}
@keyframes spin {
	0%   {
		-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);  /* IE 9 */
		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
	100% {
		-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);  /* IE 9 */
		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
	}
}



/*---header menu---*/
.navbar{padding: 0;}
.navbar .nav-link{color: #fff;font-weight: 600;font-size: 13px;text-transform: uppercase;letter-spacing: 0.25px;transition: all 0.2s ease-in-out;}
#nav .navbar-nav .nav-link {padding: 42px 1.6em 30px;border-top: 6px solid transparent;}
#nav .navbar-nav .nav-link:hover{color:#2d2d2d;border-top-color: #107f71;}
.navbar-expand .navbar-nav .nav-icon{display: block; padding: 0.3em 0.5em;}
.navbar-expand .navbar-nav .nav-icon img{width: 25px; height: 25px;}
#second-nav > .collapse{background: #515144;}
.page-site-index #second-nav{display: none;position: absolute;width: 100%;overflow: hidden;}
#second-nav .nav-link{font-size: 1rem;padding-left: 2em; padding-right: 2em;}
#second-nav .nav-link:hover{color:#6ead44}
.header-wrapper{position:fixed; top:0;width: 100%;z-index: 10;}
header.spawn-nav #second-nav{display: block;}
header.spawn-nav #second-nav .collapse{animation: comeHere;animation-duration: 0.5s;}
#nav .navbar-nav > li.has-child > ul{overflow: hidden;transition: all ease-in-out 0.2s;height: 0px;}
#nav .navbar-nav > li.has-child:hover > ul{height: 62px !important;}
#nav .navbar-nav > li.has-child > ul{position: absolute;width: 100vw;background: #f0f0f0;left: 50%;margin: 0 0 0 -50vw;display: flex;justify-content: center;list-style: none;padding: 0;z-index: 5;align-items: center;}
#nav .navbar-nav > li.has-child > ul > li{margin: 0 25px;}
#nav .navbar-nav > li.has-child > ul > li a{padding: 10px 5px;display: block;font-size: 13px;font-weight: bold;text-transform: uppercase;color: #5e5e5e;}
#nav .navbar-nav > li.has-child > ul > li a:hover{color: #107f71;text-decoration: none;}

.nav-search{display: flex;padding: 44px 0px 0px 1.6em;transition: all 0.2s ease-in-out;}
/*.nav-search > input[type="text"]{font-size: 13px;color: #fff;background: transparent;border: none;border-bottom: 1px solid #107f71;padding: 0;margin: 0;width: 0;transition: all 0.2s ease-in-out;}
.nav-search > input[type="submit"]{border: none; background: url("../images/icon/icon-search.png") no-repeat center center; background-size: 100%;}
.nav-search:hover > input[type="text"], .nav-search > input[type="text"]:focus{width: 130px;}*/
.nav-search .link-text{font-size: 13px;color: #fff;background: transparent;border: none;border-bottom: 1px solid #107f71;padding: 0;margin: 0;width: 0;transition: all 0.2s ease-in-out;overflow:hidden;height: 28px;line-height: 28px;word-break: break-all;}
.nav-search .link-icon{height: 28px;}
.nav-search .link-icon img{width: 16px;height: 16px;}
.nav-search:hover{text-decoration: none;}
.nav-search:hover > .link-text{width: 140px;}

@keyframes comeHere{
    0%{transform:translateY(-40px);}
    100%{transform:translateY(0);}
}

/*---header menu---*/
.shrink-header .navbar-brand img{max-height: 60px;}
.shrink-header #nav .navbar-nav .nav-link{padding-top: 26px;padding-bottom: 20px;}
.shrink-header #nav .navbar-nav .nav-search{padding-top: 27px}

/*---Footer---*/
footer{background: #eee;border-top: 1px solid #bbb;}
footer .first-footer{padding: 67px 0;}
footer a:hover{text-decoration: none;}
.address > p > img{max-width: 100%;margin-bottom: 35px;}
.address > p{font-size: 13px;}
.widget-menu{padding-top: 14px;}
.widget-menu .widget-menu-title{font-size: 14px; color: #549745; font-weight: 600;display: block;margin-bottom: 18px;}
.widget-menu ul{list-style: none; padding: 0; margin: 0;}
.widget-menu ul li a{font-size: 13px;color: #000;}
.widget-menu ul li a:hover{text-decoration: underline;}
footer .socmed{list-style: none;display: flex;padding: 46px 0 0;justify-content: space-evenly;}
footer .socmed .socmed-icon a{color: #000;cursor: pointer;font-size: 22px;transition: all 0.2s ease-in-out;}
footer .socmed .socmed-icon a:hover{color: #549745;}
footer .second-footer{border-top: 1px solid #bbb;padding: 24px 0;font-size: 11px;}
footer .second-footer a{color: #000;}
footer .second-footer .terms{display: flex; list-style: none;justify-content: flex-end;}
footer .second-footer .terms li{margin: 0 15px;}
footer .second-footer > div > div > div:last-child p{text-align: right;}

/*---- Slider Section ----*/
.slide{position: relative;overflow:hidden;max-height:390px;}
.slick-slide img{width:100%}
.text-contain{position: absolute; top: 0; width: 1110px;margin: auto;left: 0;right: 0;max-width: 90%;padding-right: 50%;height: 100%;display: flex;flex-direction: column;align-content: center;justify-content: center;}
.text-contain h2{color: #bf1e2e;font-weight: 600;font-size: 2.5em;}
.slick-initialized .slick-slide{max-height:479px;}
.main-slider button{height: 100%;width: 17%;z-index: 2;transition: all 0.2s ease-in-out;opacity: 0;}
.main-slider button:hover{opacity: 1;}
.main-slider button::before{display: none;}
.main-slider .slick-prev{left: 0;}
.main-slider .slick-next{right: 0;}
.main-slider .slick-prev:hover{
	cursor: url("../images/arrow-slide_prev.png"), auto;
	background: -moz-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
}
.main-slider .slick-next:hover{
	cursor: url("../images/arrow-slide_next.png"), auto;
	background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
}


/*---- Purpose Section ----*/
.purpose-wrap{display: flex;justify-content: space-evenly;position: relative; top: -30px;}
.btn.purpose-button{border-radius: 50em; background: #515144; color: #fff; font-size: 1.1em; font-weight: 600;padding: 15px 30px 15px 70px; background-repeat: no-repeat; background-size: 33px; background-position: 28px center; text-align: left; letter-spacing: 0.25px;transition: all 0.6s cubic-bezier(0.5, 0, 0, 1) 0s !important;}
.purpose-button.red{background-color: #da0f3d;}
.purpose-button.red:hover{background-color: #aa0000;}
.purpose-button.tosca{background-color: #107f71;}
.purpose-button.tosca:hover{background-color: #005f51;}
.purpose-button.blue{background-color: #0a5c8c;}
.purpose-button.blue:hover{background-color: #003c5c;}
.purpose-button.green{background-color: #43bd32;}
.purpose-button.green:hover{background-color: #138d02;}
.purpose-button.i-doctor{background-image: url("../images/icon/icon-doctor.png")}
.purpose-button.i-checkup{background-image: url("../images/icon/icon-checkup.png")}
.purpose-button.i-emergency{background-image: url("../images/icon/icon-emergency.png")}
.purpose-button.i-pregnant{background-image: url("../images/icon/icon-pregnant.png")}

/*---Layanan Section---*/
.layanan-sec{padding-top: 80px;padding-bottom: 140px;}
.layanan-sec .layanan-tab-wrapper{display: flex;justify-content:space-evenly;}
.layanan-sec .layanan-tab-wrapper a{font-size: 1.6em; font-weight: 900; color: #949494; text-transform: uppercase;display: inline-block;padding: 5px 5px 5px 5px;}
.layanan-sec .layanan-tab-wrapper a.active{color: #4e943f;}
.layanan-sec .layanan-contain{text-align: center;padding: 25px 0;}
.layanan-sec .layanan-icon{display: flex;justify-content: space-around;}
.layanan-sec .layanan-icon .layanan-icon-item{max-width: 200px;text-align: center;}
.layanan-sec .layanan-icon .layanan-icon-item img{margin-bottom: 15px;width: 115px;height: 115px;filter: grayscale(1) brightness(140%);-webkit-filter: grayscale(1) brightness(140%);transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;}
.layanan-sec .layanan-icon .layanan-icon-item img:hover{filter: grayscale(0) brightness(100%);-webkit-filter: grayscale(0) brightness(100%);}
.layanan-sec .layanan-icon .layanan-icon-item span{display: block;font-weight: bold;line-height: 1.2em;font-size:18px;color:#000;text-decoration:none}
.layanan-sec .layanan-icon .layanan-icon-item a:hover{text-decoration:none}

/*---Fasilitas Section---*/
.fasilitas-sec{padding: 75px 0;display: flex;}
.fasilitas-sec > .fasilitas-container{width: 100%;padding: 16px 2% 0 8%;height:450px;}
.fasilitas-sec > .fasilitas-slide{width: 34%;}
.fasilitas-sec .fasilitas-choose ul{padding: 0;margin: 0;list-style: none;}
.fasilitas-sec .fasilitas-choose ul li {background-color: #41b5b3; color:#fff; margin-bottom: 5px; text-transform: uppercase;    font-size: 0.9rem;}
.fasilitas-sec .fasilitas-choose ul li a{font-size: 1.2em; color: #fff;padding: 10px 10px; display: block;transition: all 0.2s ease-in-out;}
.fasilitas-sec .fasilitas-choose ul li a.active , .fasilitas-sec .fasilitas-choose ul li a:hover{background:#f8f8f8;color: #000;text-decoration: none;}
.fasilitas-sec .fasilitas-choose ul li:last-child{border: none;}
.fasilitas-sec .fasilitas-detail{padding: 10px 0;}
.fasilitas-sec .fasilitas-detail ul {display:flex;flex-direction:column;flex-wrap:wrap;height:350px;}
.fasilitas-sec .fasilitas-detail li {margin: 5px 0;width:300px;}
.fasilitas-sec .fasilitas-detail > p{font-size: 1.085em;font-weight: 400;line-height: 1.65em;}

/*---News Section---*/
.news-sec{background: #f3f3f3;padding: 90px 0 50px;}
.news-sec .post-wrapper{background: #fff;position: relative; z-index: 1;}
.news-sec .post-wrapper .image-wrapper{overflow: hidden; height: 220px;position: relative;}
.news-sec .post-wrapper .image-wrapper img{position: absolute;top: -100%;bottom: -100%;margin:auto;left:0;right:0;width:100%;}
.news-sec .date-detail{font-size: 12px;padding: 16px 30px;}
.news-sec .post-title{font-size: 1.4em; line-height: 1.35em;padding: 0px 30px;height:180px;}
.news-sec .post-title a{color: #444;font-weight:700}
.news-sec .post-title a:hover, .news-sec .post-title a:focus{text-decoration: none;}
.news-sec .post-detail{font-size: 0.875em; padding: 0 30px;height: 50px;}
.news-sec .more-detail{padding: 10px 30px 15px;}
.news-sec .more-detail a{color: #da0f3d;font-weight: 600;}
/*.news-sec .more-detail a:before{content: ">"; color: #fff; background: #da0f3d;border-radius: 50em; display: inline-block; text-align: center; padding: 0px 7px; margin-right: 5px;}*/
.news-sec .more-detail a:hover{text-decoration: none;}

/*---Search Section---*/
.search-sec{background: url("../images/search-bg.png") no-repeat top left #095d8c;position: relative; top: -105px; padding-top: 185px;padding-bottom: 185px;margin-bottom: -105px;}
.search-sec .search-wrapper{padding-left: 60px;position: relative;}
.search-sec .search-wrapper::after{content: ''; background: url("../images/icon/icon-search.png") no-repeat #da0f3d center center;background-size: 25px; width: 50px; height: 50px; display: block;position: absolute; top: 0; left: 0;border-radius: 50%;}
.search-sec .search-wrapper h2.title{font-size: 2.625em;color: #fff;}
.search-sec .search-wrapper p{font-size: 1.25em; color: #fff;}
.search-sec .search-wrapper form{position: relative;margin-bottom: 80px;}
.search-sec .search-wrapper form input[type="text"]{border-radius: 15px; border: none;font-size: 1.25em;padding: 6px 80px 8px 20px;width:100%;}
.search-sec .search-wrapper form input[type="submit"]{position: absolute; background: url("../images/icon/icon-search.png") no-repeat #da0f3d center center; border: none; border-radius: 0 15px 15px 0; height: 44px; background-size: 18px;right: 0;width: 60px;}
.search-sec .search-wrapper h3.sub-title{font-size: 1.875em; color: #fff;font-weight: 600;margin-bottom: 30px;}
.search-sec .search-wrapper ul.topik{list-style: none;padding: 0;display: flex;flex-flow: wrap;}
.search-sec .search-wrapper ul.topik li{width: 50%;border-bottom: 1px solid rgba(255,255,255,0.3);padding: 15px 10px 8px 30px; position: relative;}
.search-sec .search-wrapper ul.topik li::before{content: "+"; position: absolute; left: 0;font-size: 1.85em;color: #01d38b;font-weight: 600;bottom: 0px;}
.search-sec .search-wrapper ul.topik li a{color: #fff;font-size: 1.25em;transition: all 0.2s ease-in-out;}
.search-sec .search-wrapper ul.topik li a:hover{color: #01d38b;text-decoration: none;}

/*---Find Doctor Section---*/
.fdh-sec{background: url("../images/find-doctor-bg.jpg") no-repeat center center;background-size: cover;}
.fdh-sec .fd-title{background: rgba(255,255,255,0.6);padding: 40px 0 15px;}
.fdh-sec .fd-title h1{font-size: 1.9em;font-weight: 700;padding-left: 45px;position: relative;}
.fdh-sec .fd-title h1::before{content: ""; position: absolute;width: 30px; height: 30px; background: url("../images/icon/icon-search.png") no-repeat #39b54a center center; background-size: 20px;left: 0;top: 5px}
.fdh-sec .fd-title a.schedule-button{font-size: 1.3125em;font-weight: 700;color: #000;position: relative;padding-left: 42px;display: inline-block;}
.fdh-sec .fd-title a.schedule-button::before{content: ""; position: absolute;width: 30px; height: 30px; background: url("../images/icon/icon-schedule.png") no-repeat center center; background-size: 30px;left: 0;top: 0;}
.fdh-sec .fd-menu{padding: 80px 0;}
.fdh-sec .fd-menu p{color: #006558;}
.fdh-sec.gs-sec{background: url("../images/search-global-bg.png") no-repeat center right;background-size: cover;}
.gs-sec > .global-search{padding: 30px 0 23px;}
.gs-sec > .global-search form{display: flex;flex-wrap: wrap;}
.gs-sec > .global-search form > p{width: 100%;padding-left: 20px;color:#6ead44;}
.gs-sec > .global-search form > .field-globalsearch-globalsearch{width: 980px;}
.field-globalsearch-globalsearch input{border-radius: 0;border: none;padding: 0px 12px;height: 50px;}
.gs-sec > .global-search form button{text-indent: -9999px;background-image: url("../images/icon/icon-search.png");background-size: auto 15px;background-repeat: no-repeat;background-position: center;height: 50px;width: 60px;border-radius: 0 15px 15px 0;}

.fdc-sec{padding: 60px 0;}
.fdc-sec .alphabet-sec .alphabet-wrapper{display: flex; flex-flow: wrap;margin-bottom: 30px;}
.fdc-sec .alphabet-sec .alphabet-wrapper >a{width: 34px; height: 34px; line-height: 30px; border:1px solid transparent; text-align: center; color: #098b7a;transition: all 0.2s ease-in-out;text-transform: uppercase;}
.fdc-sec .alphabet-sec .alphabet-wrapper >a.active,
.fdc-sec .alphabet-sec .alphabet-wrapper >a:hover{background: #098b7a; color: #fff; border-color: #000; text-decoration: none;}

.doctor-card-sec h3{font-size: 1.4em;font-weight: 600;margin-bottom: 20px;}
.doctor-card-sec .doctor-card-wrapper{display: flex;flex-wrap: wrap;justify-content: space-between;}
.doctor-card-sec .doctor-card-wrapper .doctor-card{background: #fff;border: 10px solid #ededed;position: relative;display: flex;width: 560px;margin-bottom: 30px;border-top-width: 115px;}
.doctor-card-sec .doctor-card-wrapper .doctor-card .left{width: 38%;display: flex;flex-direction: column;align-items: center;padding: 20px 10px 20px;margin-top: -95px;}
.doctor-card-sec .doctor-card-wrapper .doctor-card .left .doctor-image{position: relative;overflow: hidden;width: 150px; height: 150px; border-radius: 50em;margin-bottom: 10px;}
.doctor-card-sec .doctor-card-wrapper .doctor-card .left .doctor-image > img{position: absolute; top: 0; width: 100%;}
.doctor-card-sec .doctor-card-wrapper .doctor-card .left .doctor-focus{width: 100%; border-top: 1px solid #ccc;margin-bottom: 10px;border-bottom: 1px solid #ccc;font-size: 14px;line-height: 18px;padding: 5px 0 5px 20px; position: relative;}
.doctor-card-sec .doctor-card-wrapper .doctor-card .left .doctor-focus::before{content: ">"; position: absolute; left: 5px;color: #098b7a;}
.doctor-card-sec .doctor-card-wrapper .doctor-card .left .doctor-schedule{padding: 5px 0 5px 20px;width: 100%;}
.doctor-card-sec .doctor-card-wrapper .doctor-card .left .doctor-schedule a{font-size: 12px; color: #000; font-weight: 700;padding-left: 25px;position: relative; display: inline-block; line-height: 20px;}
.doctor-card-sec .doctor-card-wrapper .doctor-card .left .doctor-schedule a::before{content: ""; position: absolute;width: 20px; height: 20px; background: url("../images/icon/icon-schedule.png") no-repeat center center; background-size: 20px;left: 0;top: 0;}
.doctor-card-sec .doctor-card-wrapper .doctor-card .right{width: 62%;display: flex; flex-direction: column;padding: 20px 10px 0; margin-top: -95px;}
.doctor-card-sec .doctor-card-wrapper .doctor-card .right .doctor-grey{height: 75px;}
.doctor-card-sec .doctor-card-wrapper .doctor-card .right .doctor-name{font-size: 1.1875em;font-weight: 600;color: #098b7a;line-height: 1.25em;margin-bottom: 5px;}
.doctor-card-sec .doctor-card-wrapper .doctor-card .right .doctor-specialist{font-size: 1em; color: #000;}
.doctor-card-sec .doctor-card-wrapper .doctor-card .right .doctor-achievement{padding: 20px 0 0;}
.doctor-card-sec .doctor-card-wrapper .doctor-card .right .doctor-achievement ul{padding: 0; list-style: none;}
.doctor-card-sec .doctor-card-wrapper .doctor-card .right .doctor-achievement ul li{position: relative; padding-left: 30px;font-size: 14px;font-weight: 600; margin-bottom: 10px;line-height: 1.2em;min-height: 28px;}
.doctor-card-sec .doctor-card-wrapper .doctor-card .right .doctor-achievement ul li::before{position: absolute; top: 3px; left: 0px; content: ""; background: url("../images/icon/icon-redflag.png") no-repeat center center;width: 25px; height: 25px; background-size: 25px;}
.doctor-card .doctor-name a{color:#098b7a}
.btn.find-doctor, .input.find-doctor{border: 1px solid #dadada;background:#fff;font-weight:bold;height:50px;line-height:35px;text-align:left;font-size:0.95rem;width:90%;overflow:hidden}
.btn.find-doctor #selected {width: 80%;text-overflow: ellipsis;display: inline-block;height: 33px;white-space: nowrap;overflow: hidden;}
.input.find-doctor {padding: 6px 12px;display:inline-block;width:84%;vertical-align:top;}
.find-doctor input{border:none;width:80%}
.find-doctor input:focus{outline: 0;}
.input.find-doctor img{width:28px;height:28px;}
.btn.find-doctor .rightmost, .input.find-doctor .rightmost {font-size:1.7rem;line-height: 35px;float:right;}
.submit.find-doctor{background:#e8143d;border-bottom-right-radius: 10px;border-top-right-radius: 10px;display:inline-block;width:15%;height:48px;padding:13px;text-align:center  }
.submit.find-doctor img{width:15px;height:15px;}
ul.dropdown-menu.find-doctor {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	min-width: 176px;
	padding-top: 0;
	padding-bottom: 0;
	z-index: 4;
	margin: 0;
	background-color: transparent;
}
.dropdown-menu.find-doctor-name {
    width: 387px;
    left: 16px;
}
li.call-us > a, li.find-doctor > a{
	background: #bc1919;
	margin: 0;
	color: #fff;
	padding: 0px 20px 0px 44px;
	position: relative;
	line-height: 38px;
	border-top: 1px solid #bc1919;
	border-left: 1px solid #bc1919;
	transition: all ease-in-out 0.2s;
	height: 43px;
}

.nav.main-menu li.call-us > a:hover, .top-nav-collapse .navbar-nav > li.call-us > a:hover,
.nav.main-menu li.find-doctor > a:hover, .top-nav-collapse .navbar-nav > li.find-doctor > a:hover{
	background-color: #900;
	color: #fff;
}
.nav.main-menu li.call-us > a:focus{
	background-color: #bc1919;
	color: #fff;
}
li.call-us > a::after, li.find-doctor > a::after{
	content: '';
	position: absolute;
	background: url("../images/call-center.svg") no-repeat;
	width: 26px;
	height: 26px;
	top: 10px;
	left: 10px;
	background-position: 0px 0px;
	background-size: 23px;
}
li.find-doctor > a::after{background: url("../images/find-doctor.svg") no-repeat;background-size: 23px;}
ul.dropdown-menu.find-doctor li{
	padding:5px;
	border: 0;
	border-radius: 0;    
	-webkit-box-shadow: none;
	cursor: pointer;
	background: #fff;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	position: relative;
}
ul.dropdown-menu.find-doctor li a{color:#000;}
ul.dropdown-menu.find-doctor li:nth-child(even){
	background: #fff;
}
ul.dropdown-menu.find-doctor li:hover{
	background: #41b5b3 !important;
}
ul.dropdown-menu.find-doctor li:hover > a{color: #fff;}
.hidden {
	display: none;
}
ul.dropdown-menu.find-doctor > li > i, .schedule-panel > .pilihan li > i{
	position: absolute;
	top: 8px; right: 8px;
}
ul.dropdown-menu.find-doctor > li > ul{
	position: absolute;
	left: 100%;
	top: -1px;
	list-style: none;
	margin: 0;padding: 0;
	width: 100%;
	display:none;
}
ul.dropdown-menu.find-doctor > li:hover > ul{
	display:block;
}

ul.dropdown-menu.find-doctor > li > ul >li > a{
	display: block;
}
ul.dropdown-menu.find-doctor > li > ul > li:hover > a{text-decoration: none;}
.dokter-schedule .table .has-note.top{height: auto;padding-bottom:10px;}
.dokter-schedule .nama-dokter {color: #41b5b3;font-weight: 600;}
.dokter-schedule .table thead th{color:#444;width:12%}
.dokter-schedule .table thead th.spec-title{color:#000;width:24%;}
.dokter-schedule .table small {font-size:55%}
.dokter-schedule .table .has-note {line-height:15px;height:40px;}


.umumbpjs{background: #098b7a;color: #fff;}
.bpjs{background: #0a5c8c;color: #000;}

/**Additional**/
.nav > li > a {position: relative;display: block;padding: 10px 15px;}
.no-padding {padding-left: 0;padding-right: 0;}
.img-responsive {max-width:100%}
.card-header {padding: 10px 15px;}
.panel-group .panel + .panel{margin-top:5px}
.back-to-top {
	cursor: pointer;
	position: fixed;
	top: 50%;
	right: 20px;
	display:none;
}
.back-to-top.btn-primary {
	background: #dd4045;
	padding: 15px 15px;
	border-radius: 0;
	border: 0;
	webkit-box-shadow: 3px 1px 10px -2px rgba(0,0,0,0.5);
	-moz-box-shadow: 3px 1px 10px -2px rgba(0,0,0,0.5);
	box-shadow: 3px 1px 10px -2px rgba(0,0,0,0.5);
        z-index: 3;
}
.powered a{color:#fff;}

/** Sidemenu **/
.sidemenu ul{list-style: none; padding: 0;}
.sidemenu ul li a{
	font-size: 1.125em;
	display: block;
	background: #41b5b3;
	width: 100%;
	color: #f8f8f8;
	font-family: 'Open Sans';
	padding: 6px 15px;
	margin-bottom: 2px;
	transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	-webkit-transition: all ease-in-out 0.2s;
}
.sidemenu ul li a:hover, .sidemenu ul li a:focus{text-decoration: none;background: #4fbfbf;}
.sidemenu ul li.active a{background: #f8f8f8 !important; pointer-events: none;color: #333;box-shadow: 0 1px 3px rgba(0,0,0,0.1);}

.sidemenu .nav-tabs .nav-link{
    border-radius:0;
}
.sidemenu .nav-tabs .nav-item{
    width:100%;
}

/** About us **/
.row.aboutus{
        width:100%;
}
div.container.about-us {
	margin-top: 100px;
}
.service img{max-width: 100%;}
.service .top > img{width: 100%;}
.service .top {
	margin-bottom: 20px;
	padding-bottom: 46.51%;
	overflow: hidden;
	height: 0;
}
.about-us, .services {
	text-align: center;
	padding: 50px 0 20px;
}
.about-us h4, .services h4, h4.title{
	color: #da0f3d;
	font-weight: 700;
	font-family: 'Open Sans';
	font-size: 1.5625em;
	letter-spacing: 1.3px;
}
.about-details{
	text-align: center;
	line-height: 30px;
	font-family: "Open Sans";
	font-size: 1.125em;
	font-weight: 400;
	padding: 10px 60px;
}
.row.menu-about, .row.menu-services, div.row.menu-find-doctor, .row.menu-career{
	padding: 20px 0px 55px;
	position: relative;
	z-index: 1;
        width:100%;
}
.row.menu-find-doctor {
	padding-top: 75px !important;
	margin-top: 11%;
}
.menu-about .menu ul.nav-tabs, .menu-services .menu ul.nav-tabs, .menu-find-doctor .menu ul.nav-tabs, .menu-career .menu ul.nav-tabs {
	border-bottom: 0;
	padding: 0 140px;
}
.menu-about .menu ul.nav-tabs li a, .menu-services .menu ul.nav-tabs li a, .menu-find-doctor .menu ul.nav-tabs li a, .menu-career .menu ul.nav-tabs li a{
	background: #f1f1f1;
	text-align: center;
	border-bottom: 3px solid #da0f3d;
	border-radius: 0;
}
.menu-about .menu ul.nav-tabs li a, .menu-services .menu ul.nav-tabs li a, .menu-find-doctor .menu ul.nav-tabs li a, .menu-career .menu ul.nav-tabs li a{
	color: #da0f3d;
	font-family: Raleway;
	font-size: 1em;
	font-weight: bold;

	border-right: 0;
	border-top: 0;
	border-left: 0;
	line-height: 1.8em;
	letter-spacing: 0.5px;
}
.menu-about .menu ul.nav-tabs li a:hover, .menu-services .menu ul.nav-tabs li a:hover, .menu-find-doctor .menu ul.nav-tabs li a:hover, .menu-career .menu ul.nav-tabs li a:hover{
	text-decoration: none;
}
.menu-about .menu ul.nav-tabs li.active a, .menu-services .menu ul.nav-tabs li.active a, .menu-find-doctor .menu ul.nav-tabs li.active a, .menu-career .menu ul.nav-tabs li.active a {
	background: #da0f3d;
	border-bottom-color: #da0f3d;
	color: #fff;
	border-radius: 0;
	border-right: 0;
	border-top: 0;
	border-left: 0;
}
.menu-find-doctor .menu ul.nav-tabs li a{color: #da0f3d;border-bottom-color: #da0f3d;}
.menu-find-doctor .menu ul.nav-tabs li.active a{background-color: #da0f3d;color:#fff;border-bottom-color:#da0f3d;}
.menu-find-doctor .menu ul.nav-tabs li a:hover{text-decoration: none;}
.menu-about .menu ul.nav-tabs li a, .menu-services .menu ul.nav-tabs li a{}
.aboutus .vision-mission{
	padding: 30px 75px;
	background: #dfebe7;
	padding-bottom: 0;
}
.aboutus .history, .aboutus #csr > section, .aboutus #borromeus > section{
	padding: 50px 0px;
	background: #E9F1EF;
	padding-bottom: 0;
}
.aboutus #borromeus > section{padding-bottom:45px;}
.aboutus .facility .image{margin-bottom:15px;}
#borromeus h3 {margin-top:15px;}

.aboutus .i-care-content{
	padding: 30px 75px;
	background: #3f595b;
	border-bottom: 3px solid #fff;
	-webkit-box-shadow: 0px 6px 18px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 6px 18px -5px rgba(0,0,0,0.75);
	box-shadow: 0px 6px 18px -5px rgba(0,0,0,0.75);
}

.tab-pane .content{
	padding: 30px 40px 25px;
	background: #fff;
	border-bottom: 2px solid #20776c;
	margin-bottom: 30px;
}
.tab-pane .content h4 {
	color: #207571;
	font-family: Raleway;
	font-weight: 600;
	line-height: 25px;
	display: inline-block;
	font-size: 1.25em;
	letter-spacing: 0.5px;
}
.tab-pane .content p {
	font-size: 1em;
	line-height: 25px;
	font-family: 'Open Sans';
	font-weight: 400;
	margin-bottom: 0;
	padding: 0px 0px 10px;
}
.content.i-care{
	background: transparent;
	border-bottom: 0;
	margin-bottom: 0;
}
.content.i-care h4 {
	color: #fff;
	border-bottom: #fff 1px solid;
	width: 5.2%;
}
.i-care .row div {
	text-align: center;
	display: inline-block;
}
.i-care .row div h5 {
	font-family: 'Open Sans';
}
.i-care .row div p {
	font-family: 'Open Sans';
	font-weight: 400;
}
.i-care-2{background: #e9f1ef;padding: 20px 0 30px;font-family: 'Open Sans';}
.i-care-2 .title{padding-left: 45px;color: #1f736f;}
.i-care-2 .title span{font-size: 1.2em;font-weight: 600;}
.i-care-2 .title h4{text-decoration: underline;margin: 3px 0px 15px;font-size: 22px;}
.i-care-2 .images{margin-bottom: 20px;}
.i-care-2 .detail{text-align: center;}
.i-care-2 .detail h5{font-weight: 700;font-size: 1.2em;}
.i-care-2 .detail p{font-size: 14px;}
.row.space {
	height: 488px;
	background: #f8f8f8;
}
.history > .content {
	background: transparent;
	border-bottom: 0;
	font-family: 'Nunito', sans-serif;
}
.history .content h3, #csr .title h3{
	font-family: 'Open Sans', Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-weight: 700;
	font-size: 2em;
	margin-bottom: 30px;
	color: #b7a740;
}
.box > .history-animate > .milestone-content {
	font-family: 'Oranienbaum', serif;
	text-align: center;
	height: 102px;
}
.box > .history-animate > .milestone-content > .image {
	width: 130px;
	height: 93px;
	background: #c5c5c5;
}
.box > .history-animate > .milestone-content .bottom {
	height: 17px;
	background: url(../images/kotakhijau.png);
	width: 130px;
	opacity: 0.8;
	position: absolute;
	bottom: 0;
}
.box > .history-animate > .milestone-content > h3 {
	color: #000000;
	font-family: 'Open Sans';
	font-size: 2em;
	position: absolute;
	margin: 0;
	bottom: 0;
	left: 0;
	right: 0;
	letter-spacing: 4px;
}
.milestone .box{position: relative;}
.milestone .box .history-desc{
	padding: 10px 35px;
}
.line-circle {
	padding-top: 20px;
}
.line-circle img {
	position: absolute;
	top: 16px;
}
.line-circle .garis {
	height: 1px;
	width: 100%;
	background: #a1a1a1;
}
.milestone div.row:nth-child(even) div.box:nth-last-child(1)::after{
	position: absolute;
	content: '';
	height: 100%;
	width: 1px;
	right: 0px;
	top: 123px;
	background: #a1a1a1;
	float: left;
	padding-bottom: 60px;
	box-sizing: content-box;
}
.milestone div.row:nth-child(odd) div.box:nth-child(1)::after{
	position: absolute;
	content: '';
	height: 100%;
	width: 1px;
	left: 4px;
	top: 123px;
	background: #a1a1a1;
	float: left;
	padding-bottom: 60px;
	box-sizing: content-box;
}
.milestone div.row:nth-last-child(1) div.box:nth-last-child(1)::after{
	display: none;
}
.milestone div.row:nth-child(even):nth-last-child(1) div.box:nth-last-child(1) .line-circle .garis{
	background: transparent;
}


p.history-desc {
	text-align: justify;
}
.garis-samping-kanan {
	width: 1px;
	background: #a1a1a1;
	height: 383px;
	position: absolute;
	right: 0;
	margin-right: 30px;
	top: 0;
	margin-top: 223px;
}
.garis-samping-kiri {
	width: 1px;
	background: #a1a1a1;
	height: 320px;
	position: absolute;
	left: 0;
	margin-left: 34px;
	bottom: 0;
	margin-bottom: 194px;
}
.content.milestone .row {
	padding-bottom: 30px;
}
section.awards{
	padding: 30px 0px;
	background: #E9F1EF;
	padding-bottom: 0;
}
section.our-doctor-profile{margin-bottom: 40px;}
.awards-content.content {
	border-bottom: 0;
	font-family: 'Open Sans';
	font-weight: 400;
	color: #414042;
	background: transparent;
	padding: 12px 0px;
}
.awards-detail .content-awards {
	padding-top: 60px;
}
.timeline-centered:before {
	content: '';
	position: absolute;
	display: block;
	width: 1px;
	background: #d7d7d7;
	/* left: 50%; */
	top: -20px;
	bottom: 20px;
	margin-left: -15px;
}
.timeline-centered.first:before {
	top: 20px;
}
.timeline-centered span.year {
	font-family: 'Open Sans' !important;
	font-weight: 700 !important;
	font-size: 1.7em !important;
	color: #525252 !important;
	width: auto !important;
	border-bottom: 3px solid #9d8521;
	margin-top: -15px;
	display: inline-block;
}
.timeline-centered .line-bottom {
	width: 100%;
	height: 1px;
	background: #b7b7b7;
}
.timeline-centered {
	position: relative;
}
.timeline-entry {
	position: relative;

}
.timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
	content: " ";
	display: table;
}
.timeline-centered .timeline-entry .timeline-entry-inner {
	position: relative;
	margin-left: -20px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
	background: #139776;
	color: #737881;
	display: block;
	width: 10px;
	height: 10px;
	margin-top: -7px;
	/* -webkit-background-clip: padding-box; */
	-moz-background-clip: padding;
	/* background-clip: padding-box; */
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px; 
	text-align: center;

	/* box-shadow: 0 0 0 5px #f5f5f6; */
	line-height: 10px;
	font-size: 15px;
	float: left;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
	position: relative;
	padding: 16px 16px 32px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label ul{
	padding:0;
	margin:0;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label li {
	padding: 8px 0;
	padding-left: 15px;
	list-style-type: none;
	font-size: 1em;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label li:before{ 
	content: ' ';
	position: absolute;
	display: block;
	width: 15px;
	height: 1px;
	background: #d7d7d7;
	margin-left: -31px;
	margin-top: 8px;
}
.tab-content.about{width:100%}
.white-section img {
    margin-bottom: 20px;
    width: 200px;
}
/**end of About Us**/

/** services **/
section#services {
	margin-top: 100px;
}
footer.service {
	background: #bc1919;
}
.row.service{
	margin-bottom: 120px;
        width:100%;
}
.menu-about .menu ul.nav-tabs li, .menu-services .menu ul.nav-tabs li {
	padding: 10px 10px;
}
.menu-services .menu .menu-list div {
	padding-bottom: 15px;
}
.tab-content.service{
	padding-top: 30px;
}
.outpatient .title{
	padding: 0px 30px;
}
h2.patient, .title h2 {
	font-family: 'Raleway';
	font-weight: bold;
	font-size: 32px;
	border-bottom: 2px solid #d8d8d8;
	line-height: 68px;
	margin-bottom: 60px;
	letter-spacing: 1.6px;
}
.patient > span.tebal, .title h2 span.tebal {
	border-bottom: 3px solid #6ead44;
	display: inline-block;
	margin-bottom: -2px;
}
h3.patient{
	font-family: 'Raleway';
	font-weight: bold;
	font-size: 26px;
	border-bottom: 2px solid #d8d8d8;
	line-height: 56px;
	margin-bottom: 20px;
	letter-spacing: 1.4px;
}

h4.mb-0 {line-height:29px}
h4.mb-0 a {
	padding-left: 15px;
	vertical-align: middle;
	font-family: Raleway;
	font-size: 1.125em;
	color: #fff;
	letter-spacing: 0.5px;
        cursor:pointer;
}
.panel-general .card-header.actives a, 
.panel-outpatient .card-header.actives a{
    color: #414042
}

.card-header .mb-0 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
.panel-general .card,
.panel-outpatient .card {
	border-radius: 0;
	border: 0;
	-webkit-box-shadow: 0;
	box-shadow: none;
	margin-bottom: 3px;
	cursor: pointer;
}
.panel-outpatient .card a{color: #fff;}
.panel-outpatient .card:hover a{color: #fff;}
.panel-outpatient .card .kanan-putar > .fa-plus{transition: all 0.2s ease-in-out;}
.panel-outpatient .card:hover .kanan-putar > .fa-plus{transform: rotate(90deg);}
.panel-outpatient .card .card-header.actives h4 > img{filter: contrast(0)}

.panel-general .card-header,
.panel-outpatient .card-header {
	color: #333;
	background-color: #41b5b3;
	border-color: #ddd;
	border: 0;
	border-radius: 0;
	padding-right: 0;
	width: 98%;
	transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	-webkit-transition: all ease-in-out 0.2s;
	box-shadow: 0px 0px 0px rgba(50,50,50,0.15);
	-moz-box-shadow: 0px 0px 0px rgba(50,50,50,0.15);
	-webkit-box-shadow: 0px 0px 0px rgba(50,50,50,0.15);
}

.panel-general .card-header.actives a,
.panel-outpatient .card-header.actives a {
	color: #414042;
}
.card > .card-header + .collapse > .panel-body{border-top: none;}
span.kanan-btn {
	content: " ";
	margin-top: -10px;
	height: 51px;
	width: 1px;
	background: #fff;
	position: absolute;
	margin-left: -18px;
}
.kanan-putar {
	float: right;
        margin-right:20px;
}
.card-header span.fa.fa-plus{
    color:#fff;
}
.card-header.actives span.fa.fa-plus{
    color:#959595
}
div.plus-minus {
	font-size: 2em !important;
	vertical-align: middle !important;
	color: #fff;
}

.panel-general .card-header.actives h4.panel-title img,
.panel-outpatient .card-header.actives h4.panel-title img {
	filter: brightness(0%);
}

.panel-general .card-header.actives,
.panel-outpatient .card-header.actives {
	background: #f8f8f8;
	width: 100%;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.15);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.15);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.15);
}
span.balik {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

.panel-general .card-header.actives .plus-minus,
.panel-outpatient .card-header.actives .plus-minus {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

.panel-general .card-header.actives span.kanan-btn,
.panel-outpatient .card-header.actives span.kanan-btn {
	background: #959595;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;	
}

.panel-general .card-header.actives span.glyphicon-plus, .panel-general .card-header.actives span.glyphicon-remove,
.panel-outpatient .card-header.actives span.glyphicon-plus, .panel-outpatient .card-header.actives span.glyphicon-remove {
	color: #959595;
}

.panel-general .card-header.actives .plus-minus,
.panel-outpatient .card-header.actives .plus-minus {
	color: #959595;

}
.tab-content.service{width:100%}
.service-content h4{margin-top:15px;}
.tab-pane .insurance{display: flex; flex-wrap: wrap; align-items: center;justify-content: left;max-width: 1250px; margin: 0 auto;}
.tab-pane .insurance img{width: 135px;margin: 0 15px 20px;}
/**Akhir dari Service**/

/*----------------Article-----------------------*/
#articles{padding-top:120px;}
.article-image .img-detail {
	width: 100%;
	max-height: 480px;
	overflow: hidden;
	margin-bottom: 10px;
}
.article-container{background: #dfebe7;padding: 40px 0;max-width:100%;height:92%}
.article-box{background: #fff;margin-bottom: 30px;position: relative;width: 560px;box-shadow: 0 0 3px rgba(0,0,0,0.3);max-width: 100%;}
.article-box .article-image{height: 180px;overflow: hidden;}
.article-box .article-image > a > img{max-width: 100%;}
.article-box .article-content{padding: 20px 25px;}
.article-box .article-content .article-title{border-bottom: 2px solid #333;margin-bottom: 10px;padding-bottom: 10px;}
.article-box .article-content .article-title a{
	font-size: 1.125em;
	text-transform: uppercase;
	color: #333;
	display: block;
	line-height: 1.2em;
	font-weight: 600;
}
.article-box .article-content .article-title a:hover{text-decoration: none; color: #066a65;}
.article-box .article-content .article-desc{
	padding-bottom: 40px;
}
.article-box .article-content .article-date{
	font-size: 0.75em;
	display: inline-block;
	position: absolute;
	bottom: 20px;
	left: 25px;
}
.article-box .article-content > a{
	display: inline-block;
	position: absolute;
	bottom: 20px; right: 25px;
	color: #066a65;
	font-size: 0.875em;
}
.side-title{font-size: 18px;font-weight: 500;border-bottom: 2px solid #aaa;}
.side-title .tebal{border-bottom: 3px solid #333;display: inline-block;padding-bottom: 5px;margin-bottom: -2px;font-weight: 600;}
.side-article{
	border: 1px solid #333;
	margin-bottom: 8px;
}
.side-article > a{
	display: block;
	background: #fff;
	padding: 10px 15px 45px;
	position: relative;
}
.side-article > a > .title{color: #333;font-weight: 600;line-height: 1.3em;margin-bottom: 3px;}
.side-article > a > .date{font-size: 0.75em;color: #333;font-weight: 500;}
.side-article > a > .arrow{position: absolute; right: 15px; bottom: 10px;font-size: 0.875em;font-weight: 500;}
.side-article > a:hover, 
.side-article > a:focus{text-decoration: none;background: #066a65;}
.side-article > a:hover > .title, 
.side-article > a:focus > .title,
.side-article > a:hover > .date, 
.side-article > a:focus > .date,
.side-article > a:hover > .arrow, 
.side-article > a:focus > .arrow{color: #fff;}
.article-content-wrapper{background: #fff;margin-top: 20px;margin-bottom: 40px;}
.article-content-wrapper > .detail-title{padding: 25px 30px 10px;}
.article-content-wrapper > .detail-title > h2.title{margin: 0;}
.article-content-wrapper > .detail-title > h1.title{margin: 0;margin-top: 60px;font-size: 1.75em;font-weight: 600;color: #b7a740;}
.article-content-wrapper > .detail-title > .sub-title{font-size: 1.25em;font-weight: 400;line-height: 1.4em;}
.article-content-wrapper > .detail-title > .date{font-size: 0.75em;font-weight: 600;}
.article-content-wrapper > .detail-text{padding: 10px 30px 25px;text-align: justify;line-height: 1.6em;}
.article-content-wrapper > .detail-text p{margin-bottom: 25px;}
.article-content-wrapper > .detail-text p img {max-width:100%};
.article-content-wrapper > .image{max-height: 430px; overflow: hidden;}
.article-content-wrapper > .image > img{max-width: 100%;}

.event-label, .promo-label{
	position: absolute;
	top: -5px;
	left: 20px;
	background: #066a65;
	text-align: center;
	color: #fff;
	padding: 6px 12px 10px;
	line-height: 18px;
}
.promo-label{background: #bc1919;text-transform: uppercase;font-size: 0.875em;line-height: 1.1em;padding: 11px 8px 10px;}
.event-label span.month{display: block;font-size: 14px;}
.event-label span.date{display: block;font-size: 24px;}
.promo-label .p1{display: block;}
.promo-label .p2{display: block;}

/*----------------Event-----------------------*/
.tab-content.event{padding-top:120px;}
#events{padding-top:120px;}
.event-container{background: #dfebe7;padding: 40px 0;}
.event-box{padding: 8px 10px;background: #fff;position: relative;margin-bottom:30px;}
.event-box .image{overflow: hidden; height: 240px;}
.event-box .image img{max-width: 100%;}
.event-box .event-box-content{padding: 15px 20px 25px;}
.event-box .title{text-transform: uppercase;font-weight: 500;font-size: 1em; line-height: 1.2em;display: block; margin-bottom: 5px;min-height: 58px;}
.event-box .title > a{color: #333;}
.event-box .title > a:hover{text-decoration: none;color:#066a65;}
.event-box .date{font-size: 0.75em;font-weight: 500;}
.event-box .event-box-content > a{color: #066a65;font-size: 0.875em; position: absolute; right: 25px; bottom: 10px;}

.side-event{margin-bottom: 15px;}
.side-event >a{background: #fff;position: relative;display: block;padding: 15px 10px 20px 80px;border: 1px solid #aaa;}
.side-event > a >.label{position: absolute; top: 13px;left: 12px;color: #066a65;line-height: 2.3em;}
.side-event >a>.label>span{display: block; text-align: center;}
.side-event>a>.label>.date{font-size: 38px;}
.side-event>a>.label>.month{font-size: 22px;}
.side-event>a>.title{color: #333;line-height: 1.25em;display: block;margin-bottom: 5px; font-weight: 500;}
.side-event>a>.arrow{font-size: 0.875em;color: #066a65;}
.side-event>a:hover{background: #066a65;}
.side-event>a:hover>.label,
.side-event>a:hover>.title,
.side-event>a:hover>.arrow{color: #fff;}

/**Contact Us**/
section.map-wrapper{width:100%;overflow:hidden;}
#contact-message {padding: 10px 0px;font-style: italic;color: #0a0;}
#contact-form{padding: 75px 0;}
#contact-form h4.title{color:#6ead44}
section.information {padding:50px 0; background:#eee}
section.information a{color:#111}
section.information a:hover{text-decoration:none;color:#000}
section.information div.col-md-6 {text-align:center;}
section.information img {width:20px;}
#contact-form .form-group label{font-weight: 600;}

/** Info Career **/
span.tab-title{color: #BC1919;font-weight: 500;text-transform: uppercase;}
.career h2{font-size: 24px; margin: 10px 0 30px;}
.career .vacancy p{font-size: 16px;}
.panel-info-career li{line-height: 1.8em;}
.panel-info-career h5{font-weight:bold;margin-bottom:10px;font-size:18px;}
.panel-info-career .button {font-size:12px; color:#fff; background-color: #BC1919; padding: 3px 20px;border-radius:5px;}
.panel-info-career .button:hover {text-decoration:none;}
.career .opening{margin-bottom:0px;}
.panel-info-career .vacancy-row {position:relative;margin-bottom:0px;width: 50%;padding: 20px 15px;border-bottom: 1px dashed #ccc;}
.panel-info-career .vacancy-row:nth-child(odd){border-right: 1px dashed #ccc;}
.panel-info-career .info-apply {
	background: rgba(255,255,255,0.95);
	border: 1px solid #ddd;
	position: absolute;
	bottom: 50px;
	left: 250px;
	padding: 10px;
	width: 300px;
	border-radius: 10px;
	font-size: 0.9em;
	box-shadow: 2px 2px 10px #efefef;
}
.tab-content.career{width:100%}
.criteria-box{background: #f6f6f6;padding: 15px 15px 20px 15px;}
.panel-info-career h4{cursor: pointer;background: #f1f1f1;border-bottom: 3px solid #da0f3d;color: #da0f3d;padding: 8px 12px;font-family: Raleway;font-size: 22px;font-weight: bold;}
.panel-info-career .panel-collapse > .panel-body{padding: 0 15px;margin-bottom: 20px;}
.panel-info-career h4 .kanan-btn{display: none;}
.panel-info-career h4 .kanan-putar{transition: all ease-in-out 0.2s;}
.panel-info-career h4:hover .kanan-putar{transform: rotate(180deg);}

/**Doctor & Schedule **/
.content-profile .img-detail {
	position: relative;
}
.img-detail .dokter-titles {
	background: #6ead44;
	color: #fff;
	padding: 15px;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.img-detail .dokter-titles h5 {
	margin: 0;
	font-family: 'Open Sans', Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	margin-bottom: 5px;
	font-size: 1.2em;

}
.img-detail .dokter-titles p {
	font-family: 'Open Sans';
	margin-bottom: 0;
}
.jadwal-button{
    background:#6ead44;
    padding:22px 15px 15px;
}
.jadwal-button a{
    color:#fff;
}
.jadwal-button a h5{
    margin-bottom:0;
    font-weight:600;    
}
.jadwal-praktek {
	padding: 15px;
	background: #daeacf;
	color: #111;
}
.jadwal-praktek ul.jadwal-dokter {
	list-style-type: none;
	padding-left: 0;
}
.jadwal-praktek ul.jadwal-dokter li{
	font-size: 1em;
	word-break: keep-all;
	margin-bottom:10px;
}
.jadwal-praktek ul.jadwal-dokter small{
	font-size:90%;
	overflow-wrap: break-word;
}
.jadwal-praktek h5 {
	font-family: 'Open Sans', Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	margin: 0;
	font-weight: 600;
	font-size: 1.1em;
	margin-bottom: 5px;
}
.jadwal-praktek a.btn.janji {
	background: #41b5b3;
	color: #fff;
	padding: 5px;
	border-radius: 5px;
}
.profile .detail-profile {

}
.profile .detail-profile h4.name {
    color: #707070;
    font-size: 1.5em;    
}
.profile .detail-profile h5 {
    color:#6ead44;
    font-weight:600;    
    margin-bottom:30px;
}
.riwayat {
    padding-bottom: 30px;
    font-size:1rem;
}
.riwayat .kiri span {
	color: #066a65;
	font-family: 'Open Sans'; 
	font-weight: 600;  
}
.riwayat .kanan ul {
	padding-left: 0;
}
.riwayat .kanan ul li {
	color: #231f20;
	font-family: 'Open Sans';
	font-weight: 400;
}

.profile .detail-profile h4 {
    font-family: 'Open Sans', Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    color: #111;
    font-size: 1.2em;    
    line-height: 30px;
    font-weight:600;
}
.detail-profile .fellowship ul {list-style:none;padding-left:15px;}
.detail-profile .fellowship ul li{position: relative; padding-left: 30px;margin-bottom: 10px;line-height: 1.2em;min-height: 28px;}
.detail-profile .fellowship ul li::before{position: absolute; top: 3px; left: 0px; content: ""; background: url("../images/icon/icon-redflag.png") no-repeat center center;width: 25px; height: 25px; background-size: 25px;}
.fellowship, .workshop, .educations{margin-bottom:10px;border-bottom:1px solid #ddd;}

a.list-group-item{position: relative;}
a.list-group-item-success.top {
	font-family: "Open Sans";
	background: #f6f6f6;
	color: #41b5b3;
	margin: 0;
	border: none;
	border-bottom: 2px solid #41b5b3;
	text-align: center;
	font-size: 20px;
	letter-spacing: 0.8px;
	transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	-webkit-transition: all ease-in-out 0.2s;
}
.schedule-panel > .pilihan{border: 1px solid #eee;border-top: none;}
.schedule-panel > .pilihan, .schedule-panel > .pilihan ul{list-style: none;}
.schedule-panel > .pilihan > a.active{padding: 6px 15px 5px; border: none;background: #fff;box-shadow: none;color: #111;text-align: left;border-bottom: 1px solid #eee;}
.schedule-panel > .pilihan > a.active:hover{color: #fff;background: rgba(65, 181, 179, 0.9);}
.schedule-panel > .pilihan li{border-top: 1px solid #eee;margin: 0; padding: 0;position: relative;}
.schedule-panel > .pilihan li a{
	text-align: left;
	border: none;
	display: block;
	width: 300px;
	overflow: hidden;
	padding: 6px 15px 5px;
	white-space: initial;
}
.schedule-panel > .pilihan > li > ul{
	display: none;
	position: absolute;
	margin: 0;
	padding: 0;
	left: 100%;
	top: -3px;
	border: 1px solid #eee;
}
.schedule-panel > .pilihan > li:hover > ul{
	display: block;
}


.list-group-item:first-child {
	border-radius: 0;
}
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
	color: #fff;
	text-decoration: none;
	background: rgba(65, 181, 179, 0.9);
}
a span.putar, a span.putar-balik, a span.putar-rj {
	top: 4px;
}
.pilihan a.list-group-item:nth-child(even){background: #36a9a6;}
.pilihan a.list-group-item.header {
	border: 0;
	background: rgba(65, 181, 179, 0.9);
	color: #727272;
}
.row.schedule-menu {

}
.row.schedule-menu h2{
	font-family: Raleway;
	margin: 0;
	color: #333;
	font-size: 2em;
	line-height: 45px;
	font-weight: 700;
}
.row.schedule-menu h2 span {
	border-bottom: 3px solid #41b5b3;

	padding-bottom: 12px;
	display: inline-block;
}
.row.schedule-menu .line-bottom {
	width: 100%;
	height: 1px;
	background: #d8d8d8;
	margin-bottom: 30px;
}
.dokter-schedule {padding-top: 30px;}
.schedule-content h4 {
	color: #b59841;
	font-family: 'Open Sans', Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	margin: 0;
	line-height: 30px;
	font-size: 1.6em;
}
.schedule-content h4 span {
	border-bottom: 3px solid #41b5b3;
}
.schedule-content .line-bottom {
	width: 100%;
	height: 2px;
	background: #d8d8d8;
	margin-bottom: 10px;
}
table.table.schedule tr:first-child{
	background: #41b5b3;
	color: #fff;
}
table.table.schedule tr:first-child td{
	background: #68c4c3;
	color: #fff;
	border-bottom: 0;
	padding: 3px 5px 0px;
} 

table.table.schedule tr td:first-child{
	width: 28%;
	border-right: 8px solid #fff;

}
table.table.schedule tr td {
	width: 12%;
	border-right: 5px solid #fff;
	font-family: 'Open Sans';
	text-align: center;
	background: #efefef;
	color: #4e9a98;
	padding: 3px 15px 0px;
	border-bottom: 2px solid #fff;
	vertical-align: middle;
	font-size: 0.875em;
	/*! margin: 0; */
}
table.table.schedule tr td.nama-dokter {
	background: #f8f8f8;
}
span.zero {
	font-size: .6em;
	vertical-align: super;
}
.jadwal-dokter {
	padding-bottom: 10px;
        width:100%;
}
span.perjanjian {
	font-size: 0.6em;
}

/**Doctor Schedule**/
.table.doctor-schedule thead th{width:10%}

/*View Doctor*/
.doctor {
    cursor: pointer;
    margin-bottom: 5px;
    padding-right: 0.5%;
}
.doctor-filter .bottom {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #f8f8f8;
    background-image: none;
    background-origin: padding-box;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    background-size: auto auto;
    bottom: 0;
    padding-bottom: 15px;
    padding-left: 31px;
    padding-right: 31px;
    padding-top: 15px;
    position: absolute;
    text-align: left;
    min-height: 110px;
    height:120px;
    width: 98%;
}
.doctor-filter .bottom h5 {
    font-weight: bold;
}
.doctor-filter a .bottom{transition: all 0.2s ease-in-out;}
.doctor-filter a h5{color: #2e2e2e;font-size: 18px;}
.doctor-filter a span.spec{font-size: 16px; font-weight: 600;color:#6ead44;}
.doctor-filter a span.spec > span{font-size: 13px; display: block;font-weight: 400;}
.doctor-filter a:hover .bottom{background: #eee;}
.doctor-filter .bottom .cons{color:#888;display:block;font-size:0.9rem;}

/*---------- untuk article jadwal dokter yang berisi gambar jadwal -----------*/
.article-content-wrapper > .detail-text > p > img {max-width: 100%; height: auto !important;}

/*------------------------------Logo Insurance--------------------------------*/
.insurance-sec{padding: 100px 0;}
.insurance-wrapper{display: flex; flex-wrap: wrap; align-items: center;justify-content: center;max-width: 1250px; margin: 0 auto;}
.insurance-wrapper .item-logo-wrapper{text-align: center;width: 10%;margin-bottom: 50px;}
.insurance-wrapper .items-logo{max-height: 50px; max-width: 100%;padding: 0 5px}
.insurance-sec a{font-size: 13px; color: #5e5e5e;}
.insurance-sec a > i{color: #da0f3d;}

/*------------------------------Saran Topik--------------------------------*/
.suggestion-sec{padding: 31px 0px 26px;}
.suggestion-sec .keywords-wrapper a{font-size: 18px; color: #006ab5;line-height: 1.6em;width: 25%;}
.suggestion-sec h3{font-size: 1.4em; font-weight: 600; margin-bottom: 18px;}
.suggestion-sec .keywords-wrapper{display: flex;flex-wrap: wrap;justify-content: space-between;}
/*-----------------------------------Proposal/Lamaran------------------------*/
.proposal-container {margin-top:50px;}
.proposal-container .panel-heading {background: #f1f1f1;font-size: 1.2em;font-weight: bold;padding: 10px 20px;border:1px solid #da0f3d;border-bottom:none;}
.proposal-container .panel-body{border:1px solid #da0f3d;padding: 10px 20px;margin:0;}
.proposal-container .panel-common{margin-bottom:20px;}