/*------------------------------------------*/
/*	    Fonts
/*------------------------------------------*/

body,p{
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
}
h1,h2,h3,h4,h5 {
	/*original font-family: 'Playfair Display', serif;*/
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}
.text-blue{color:#006DD3;}
.text-white{color:#FFF;}
/*original.text-gold{color:#E3A823;}*/
.text-gold{color:#298bb9;}
.text-dark{color:#2C2C2C;}
.bg-blue{background-color:#006DD3;}
.f-18 {font-size:18px;}
.f-24 {font-size:24px;}
.f-36 {font-size:36px;}
.blockstikyheader{position:absolute;}
.btn-selengkapnya {background-color: #007CC3; border-color: #007CC3; color: #fff;font-size:18px;/*font-family:'Playfair Display', serif;*/font-family: 'Montserrat', sans-serif;font-weight:700;}
.btn-selengkapnya:hover, .btn-selengkapnya:active {color:#E3A823;background-color: #007CC3;border-color: #007CC3;}
#mmenu {
    background: transparent;
    padding: 0;
	position:relative;
}
.top-bar{background:transparent;}
.top-bar .contact-info {color: #CACACA;}
.navbar-transparent{
	background:#00000040;
	width: 100%;
	border-radius: 10px;
}
#navbarSupportedContent {padding: 17px 20px;}
.navbar-brand {
    position: absolute;
    top: 0;
    background: #FFF;
    height: 145px;
    width: 222px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
	padding:20px;
	box-shadow: 0px 4px 9px 7px rgb(0 0 0 / 11%);
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.navbar-brand img {height: auto;}
.navbar-nav .arrow.icon-angle-down, .dropdown-toggle::after {display: none;}
.navbar-nav > li {color:#FFF;/*font-family:'Playfair Display', serif;*/font-family: 'Montserrat', sans-serif;font-weight:500;/*letter-spacing: 0.4px;*/letter-spacing: 0;}
.navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {background: transparent;}
.navbar-nav > li > .dropdown-menu > li > a:hover, 
.navbar-nav > li > .dropdown-menu .dropdown-menu > li > a:hover {color:#E3A823!important;}
/* Search menu */
.search-box {
    background: #fff;
    display: block;
    margin: 0;
    opacity: 0 !important;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 100%;
    transition: visibility 300ms ease 0s, opacity 300ms ease 0s;
    visibility: hidden;
    width: 327px;
    z-index: 888;
    border-radius: 3px;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: all 400ms ease;
}
.search-box.search-open {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    box-shadow: 0 0 50px rgb(0 0 0 / 10%);
}
.search-box button {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 15px;
    position: absolute;
    right: 20px;
    top: 23px; 
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
}
/* Breadcrumb */
.breadcrumb-title {font-size:51px;margin-bottom: 20px;}
.breadcrumb {
    align-items: center;
    justify-content: start;
	color: #000;
}
.breadcrumb-item.active {color: #000;}
.breadcrumb-item+.breadcrumb-item::before {color: #000;}
/* slider */
.owl-item.active:hover .owl-nav [class*=owl-] {opacity: 1;}
#sowl-slider.owl-carousel .owl-item img.slider-video {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -10000px;
    right: -10000px;
    margin: auto;
}
.owl-carousel_ .owl-item img.slider-video {width: 100%;}
.owl-carousel .owl-video-play-icon {
    background: url(../../images/site/play.png) no-repeat;
    background-size: cover;
}
.owl-video-tn_ {
    height: 450px!important;
    background-size: cover!important;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
}
.owl-carousel .owl-nav {margin-top:0;}
.owl-carousel .owl-nav [class*=owl-] {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    left: -36px;
    zoom: 1;
    width: 41px;
    height: 41px;
    line-height: 32px;
    border: 1px solid rgba(0,0,0,0.2);
    color: #fff;
    background-color: #ffffff26;
    font-size: 18px;
    border-radius: 50%;
    opacity: 1;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #ffffff26;
    display: inline-block;
    cursor: pointer;
    border-radius: 50px;
}
.owl-carousel .owl-nav [class*=owl-] {left: 0;}
.owl-carousel .owl-nav .owl-next {right: 0;left: auto;}
.owl-carousel:hover .owl-nav [class*=owl-] {left: 0;}
.owl-carousel:hover .owl-nav .owl-next {right: 0;left: auto;}
.fitWidth{
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: unset !important;
}
.fitHeight{
    height: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    max-width: unset !important;
}
#owl-slider .item {
    position: relative;
    /*padding-top: 47.92307%;*/
    padding-top: 36.92307%
}
#owl-slider .item .gambar, #owl-slider .item-video .gambar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
#owl-slider img {max-width: 100%;height: auto;}
#owl-slider .item .item-caption {
    /* top: 20%; */
    left: 5%;
    right: 5%;
    bottom: 20%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}
#owl-slider .item .item-caption .slider-title {font-size:51px;color:#fff;padding-bottom: 40px;}
#owl-slider .item .item-caption .tagline {font-family: 'Montserrat', sans-serif;font-size:16px;color:#fff;}
#owl-slider .item .item-caption .button {font-size:16px;color:#fff;}
#owl-slider .item .item-caption .button a:hover {color:#E3A823;}
#owl-slider .owl-video-wrapper {max-height: 500px;}
.owl-video-wrapper {width: 100%;height: auto;}
.owl-video-wrapper {height: 48vw !important;}
#owl-slider.owl-carousel .owl-nav [class*=owl-], #owl-slider.owl-carousel .owl-nav [class*=owl-]:hover {
    background-color: #ffffff26!important;
    color: #fff!important;
}
/****************************************/
.container-welcome, .container-pendiri, .container-berita {background: #F7F7F7;}
.post-container {background: #fff;}
.page-title {margin-bottom: 5rem;}
/* Home welcome */
.container-welcome {padding-top: 3rem;}
.container-welcome img{padding-right: 3rem;}
.welcome-content p {line-height: 34px;font-size: 14px; text-align:justify;}
/* home pendiri */
.container-pendiri {padding-top: 3rem;padding-bottom: 2rem;}
.container-pendiri h2 {margin-bottom: 3rem;}
.pendiri-content h5 {padding: 1.5rem 1rem;}
#oc-pendiri .owl-item.active:hover h5 {background: #e3a823;color: #fff;}
/* home karya & pelayanan */
.container-karya {padding-top: 5rem;padding-bottom: 3rem;}
.container-karya h2 {padding-bottom: 2rem;}
.container-karya .karya-content {height: 100%;padding: 60px 20px 37px;}
.container-karya .karya-content img {width:128px;}
.container-karya .col-container-karya:hover {background:#007CC3;color:#fff;}
.container-karya .col-container-karya:hover a, 
.container-karya .col-container-karya:hover p,
.container-karya .col-container-karya:hover h5 {color:#fff;}
.container-karya .col-container-karya:hover img {filter: invert(1%) sepia(1%) saturate(1%) hue-rotate(1deg) brightness(1000%) contrast(100%);}
/* home artikel & berita */
.container-berita {padding-top: 5rem;padding-bottom: 5rem;}
.container-berita h2 {margin-bottom: 3rem;}
.container-berita .news-img {position: relative;}
.container-berita .news-date {
    position: absolute;
    right: 35px;
    bottom: -36px;
    width: 75px;
    height: 90px;
    padding: 19px 1px;
    background-color: #E3A823;
    color: #F5F2EB;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    line-height: 1.4em;
    text-align: center;
}
.container-berita .news-date .tanggal {font-size: 36px;}
.container-berita .news-date .bulan {
    font-size: 11px;
	font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}
/* home galeri */
.container-galeri .btn-selengkapnya {width: 80%;margin-bottom: 20px;}
.container-galeri span.icon-view.btn-play:hover, span.icon-view.btn-play:focus {line-height: 5.5em;}
.container-galeri .image img:hover {cursor:pointer;}
/* banner */
.section-banner {margin-top:7rem;}
#oc-partner {padding-top: 3rem;padding-bottom: 3rem;}
#oc-partner.owl-carousel .owl-item img {width: 70%;margin: 0 auto;filter: grayscale(100%);}
#oc-partner.owl-carousel .owl-item img:hover {filter: grayscale(0);}
#oc-partner .owl-stage {display: flex;align-items: center;}
/* Content */
.section-content {margin-top:0;} 
.section-content .content-list{padding: 55px 0;}
.devider {
	-webkit-box-shadow: inset 0px 11px 14px -10px #CACACA,inset 0px -11px 14px -10px #CACACA;
	-moz-box-shadow: inset 0px 11px 14px -10px #CACACA,inset 0px -11px 14px -10px #CACACA;
	box-shadow: inset 0px 11px 14px -10px #CACACA,inset 0px -11px 14px -10px #CACACA;
}
.section-content h2{/*color:#E3A823;*/color:#298bb9;font-size:51px;}
/***********/
/* Posts */
.section-post {margin:0;padding:40px 0 70px;background: #F7F7F7;}
.post-index-container {background:#F7F7F7;margin-bottom:0;}
.container-berita .card, .post-index-container .card {margin-bottom:40px;border-radius:0;}
.container-berita .card .card-body, .post-index-container .card .card-body {padding: 2rem 2rem;}
.container-berita .card .card-title, .post-index-container .card .card-title {margin-top:13px;margin-bottom: 20px;}
.container-berita .card .card-body .card-text .card-text-warp, 
.post-index-container .card .card-body .card-text .card-text-warp {
    overflow: hidden;
    line-height: 180%;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.container-berita .news-img, .post-index-container .news-img {height: 231px;overflow:hidden;border-top-left-radius: calc(0.25rem - 1px);border-top-right-radius: calc(0.25rem - 1px);}
.container-berita .news-img img {width: auto;height: 100%;max-width: unset;}
.container-berita .news-date, .post-index-container .news-date {top: 186px;bottom:unset;}
h2.post-title {margin-bottom: 1.5rem;font-size:36px;}
.container-post-detail .post-detail-meta {margin-bottom: 3rem;}
.container-post-detail .post-detail-meta ul li {font-size: 14px;color: #E3A823;margin-right: 4px;}
.container-post-detail .post-image {text-align:center;}
.container-post-detail .post-image img{margin-bottom:3rem;}
/* Page */
.page-title {margin-bottom: 3rem;}
.container-page .page-image {text-align:center;}
.container-page .page-image img{margin-bottom: 3rem;}
.share-post li {margin-right: 10px;}
.share-post li a {color: #007CC3;}
/* Pendiri */
/*.pendiri-index-container .media-body {margin-top: 30px;}*/
.pendiri-index-container .media:hover h4 {background: #e3a823;color: #fff;}
.pendiri-index-container h4 {padding: 1.5rem 1rem;}
/* Pendiri detail */
.pendiri-detail-container img {padding-right:20px;}
/* Contact */
#template-contactform-submit {background-color: #007cc3;border-color: #007cc3;}
/* Gallery */
/*filter*/
.grid-filter-wrap {
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}

.grid-filter {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 3.5rem;
	list-style: none;
}

.grid-filter li {
	position: relative;
	width: 50%;
}

.grid-filter li a {
	display: block;
	position: relative;
	padding: 10px 20px;
	font-size: 0.9375rem;
	color: #666;
	text-align: center;
	border-radius: 2px;
}

.grid-filter li a:hover { color: #1ABC9C; }

.grid-filter li.activeFilter a {
	color: #FFF;
	background-color: #1ABC9C;
	margin: 0;
	font-weight: bold;
}

@media (min-width: 576px) {
	.grid-filter li {
		width: 33.333333%;
	}
}

@media (min-width: 768px) {
	.grid-filter li {
		width: auto;
	}
	.grid-filter li:hover{cursor:pointer;}

	.grid-filter {
		border: 1px solid rgba(0,0,0,0.07);
		border-radius: 4px;
	}

	.grid-filter li a {
		border-left: 1px solid rgba(0,0,0,0.07);
		border-radius: 0;
	}

	.grid-filter li:first-child a {
		border-left: none;
		border-radius: 4px 0 0 4px;
	}

	.grid-filter li:last-child a { border-radius: 0 4px 4px 0; }

	.grid-filter li.activeFilter a {
		margin: -1px 0;
		padding-top: 11px;
		padding-bottom: 11px;
	}

	.bothsidebar .grid-filter li a { padding: 12px 14px; }

	.bothsidebar .grid-filter li.activeFilter a { padding: 13px 18px; }
}
.grid-filter li.activeFilter a {
    background-color: #5a25f1;
}
.grid-filter li.activeFilter a:hover {
    color: #fff;
}
.grid-filter li a:hover {
    color: #5a25f1;
}
.grid-shuffle {
	width: 42px;
	height: 42px;
	border: 1px solid rgba(0,0,0,0.07);
	font-size: 1rem;
	text-align: center;
	line-height: 40px;
	color: #333;
	cursor: pointer;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.grid-shuffle:hover {
	background-color: #1ABC9C;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.grid-shuffle:hover {
    background-color: #5a25f1;
}
/**/
.gallery-item {margin-bottom: 25px;}
.nav-album {margin-bottom: 4rem;}
.nav-album ul {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
	width: 100%;
}
.nav-album ul li {
    width: 20%;
    border: 1px solid #ddd;
    text-align: center;
    border-radius: 0.25rem;
    margin: 5px;
    padding: 15px;
}
.nav-album ul li:hover {background: #007cc3;border-color: #007cc3;cursor: pointer;}
.nav-album ul li:hover a{background: #007cc3;border-color: #007cc3;color: #fff;}
.nav-album .active {background: #007cc3;border-color: #007cc3;}
.nav-album .active a {background: #007cc3;border-color: #007cc3;color: #fff;}
/* Video */
/***** Bubba *****/
figure.effect-bubba {text-align: center;cursor: pointer;}
figure.effect-bubba img {opacity: 1;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;}
figure.effect-bubba:hover img {opacity: 0.4;}
figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
figure.effect-bubba h2 {
	padding-top: 30%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}
figure.effect-bubba p {
	padding: 20px 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}
i.far.fa-play-circle {color: #fff;}
figure.effect-bubba .icon-view {
	opacity: 0;
	color: #fff;
	display: block;
	font-size: 24px;
	height: 50px;
	left: 50%;
	line-height: 50px;
	margin-left: -25px;
	margin-top: -25px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 50px;
	z-index: 10;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}
figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
figure.effect-bubba:hover .icon-view {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
figure.effect-bubba > .main-image:hover img {opacity: 1;}
figure.effect-bubba > .main-image:hover .icon-view {opacity: 0;}
span.icon-view.btn-play:hover, span.icon-view.btn-play:focus {line-height: 4em;opacity: 1;}
span.icon-view.btn-play {
    position: absolute;
    height: 100%;
    width: 100%;
    line-height: 0em;
    opacity: 0;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
	font-size: 51px;
    color: #fff;
}
span.icon-view.btn-play:hover i {
    animation-name: rubberBand;
    animation-duration: 1s;
    animation-fill-mode: both;
}
span.icon-view.btn-play i {font-size: 72px;}
.video-list .main-image {margin-bottom: 20px;}
.package-item figcaption {
    color: #fff;
	top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
	margin: auto;
}
.video-title {
    /*font-family: 'Playfair Display',sans-serif;*/
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 700;
}
/* Download */
.dl-icon i, .dl-icon svg {height: 50%;width:auto;}
/* Back to top */
.back-to-top {
    display: none;
    position: fixed;
    bottom: 28px;
    right: 43px;
    width: 48px;
    height: 48px;
	background-color: #E3A823;
}
.back-to-top i, .back-to-top svg {
    width: 31px!important;
    height: 23px;
    background-color: transparent;
	margin: 12px auto;
}
/* WA */
.widget-wa {
    position: fixed;
    bottom: 90px;
    right: 43px;
    background: #01C501;
    font-size: 36px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    width: 50px;
    height: 50px;
    text-align: center;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* footer */
footer, footer p, footer a {font-family: 'Montserrat', sans-serif;}
footer {
    background-color: #fff;
    color: #000;
    font-size: 14px;
}
footer h3 {
	font-size: 16px;
	font-weight: 600;
	margin-top: 30px;
}
footer ul li a {line-height:35px;color: #fff;}
footer p, footer a, footer a:hover {color: #000;}
footer .members a img {margin-top: 15px;}
footer .logo-footer {text-align:left;}
footer .logo-footer img {height: 82px;}
footer .address-item {margin-bottom:15px;}
footer .address {
    text-align: left;
    color: #fff;
    font-size: 14px;
    line-height: 27px;
	padding-right: 70px;
    margin-top: 30px;
}
.footer-section {
    background: #007CC3;
}
.social-icon a, .social-icon .facebook, .social-icon .twitter, .social-icon .youtube, .social-icon .pinterest, .social-icon .instagram {background:transparent;}
.social-icon .instagram:hover {background:#962fbf;}
.social-icon .svg-inline--fa{font-size: 16px;}
.copyright-section {
    background: #007CC3;
	font-size: 11px;
	font-weight: 300;
}
/* search result */
.search-result-container h3.heading{padding-bottom:20px;margin-bottom:20px;text-align:left;}
.search-result-container h3.heading::before {display: none;}
 
@media (min-width: 992px){
	.navbar-expand-lg .navbar-nav .dropdown-menu {
		margin-top: 18px;
		padding-top: 10px;
		padding-bottom: 10px;
		width: 250px;
	}

	.navbar-nav > li {margin-left: 3px;}
	.navbar-nav > li > .dropdown-menu li, .navbar-nav > li > .dropdown-menu li a {
		color: #333333;
		font-size: 14px;
		line-height: 34px;
		font-family: 'Montserrat', sans-serif;
	}
	.navbar-nav > li > .dropdown-menu li {
		border-bottom: 0;
		background: transparent;
		padding: 0px 20px;
	}
	.navbar-nav > li > .dropdown-menu li a {padding: 0;}
	.navbar-nav > li > a {text-transform: capitalize;/*padding: 19px 10px 20px 10px;*/padding: 19px 7px 20px 7px;}
	.navbar-nav > li:hover > a, .navbar-nav > li > a:hover, .navbar-nav > .active > a, .navbar-nav > .active > a:focus, .navbar-nav > .active > a:hover {
		color: #fff!important;
		background: #007CC3;
	}
	.navbar-nav > li > .dropdown-menu > li > a:hover, 
	.navbar-nav > li > .dropdown-menu .dropdown-menu > li > a:hover {color:#E3A823!important;}
	.navbar-nav ul ul {left: 245px !important;}
	.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-menu {
		background: transparent;
		margin-top: 0;
		padding-left: 12px;
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-menu > li {background: #fff;}
}
@media (max-width: 991px){
	.blockstikyheader {position: static;background: #006dd3;}
	.blockstikyheader header {display:none;}
	.navbar-brand {position: relative;width: 100%;}
	.navbar-toggler:focus {box-shadow: none;}
	#mmenu {padding: 10px 0px;text-align: right;}
	.dropdown-menu li {padding: 0 10px;}
}
@media (min-width: 768px) and (max-width: 991px){
	.container-berita .news-img, .post-index-container .news-img {height: 160px;overflow: hidden;}
	.container-berita .card .card-body, .post-index-container .card .card-body {padding: 2rem 1rem;}
	.container-berita .news-date, .post-index-container .news-date {top: 114px;right: 10px;width: 65px;height: 80px;}
	.container-berita .news-date .bulan, .post-index-container .news-date .bulan {font-size: 10px;}
}
@media (max-width: 767px){
	.blockstikyheader {position: static;background: #006dd3;}
	.blockstikyheader header {display:none;}
	.navbar-brand {position: relative;width: 100%;}
	.navbar-brand img {width: 80%;}
	#mmenu {padding: 10px 0px;text-align: right;}
	.dropdown-menu li {padding: 0 10px;}
	.search-box {width:100%;}
	/* slider */
	#owl-slider .item {padding-top: 45.92307%;}
	#owl-slider .item .item-caption .slider-title{font-size:18px;padding-bottom:0;} 
	.item-caption h2, .item-caption h3 {font-size:18px;text-align:left!important;}
	.item-caption .btn {padding: 0 0.5rem;font-size: 14px;}
	/* Home */
	.container-welcome img {padding-right: 0;margin-bottom: 1rem;}
	.container-welcome h1 {text-align: center;}
	.container-pendiri{padding-top: 0;padding-bottom:0;}
	.container-pendiri .pendiri-content {margin-bottom: 2rem;}
	.container-karya {padding-top: 3rem;padding-bottom: 0rem;}
	.container-karya h2 {padding-bottom: 1rem;}
	.container-berita {padding-bottom: 3rem;}
	.container-berita .news-img, .post-index-container .news-img {height: 193px;}
	.container-berita .news-date, .post-index-container .news-date {top: 147px;}
	.container-berita .btn-selengkapnya {width: 80%;margin-bottom: 15px;}
	.container-galeri {padding-top: 2rem;text-align: center;}
	#oc-pendiri .owl-carousel .owl-nav [class*=owl-] {top: 36%;color:#fff;}
	#oc-partner .owl-carousel .owl-nav [class*=owl-] {color:#fff;}
	
	/* Content */
	.section-content {margin-top: 40px;}
	.section-content h2 {font-size: 36px;text-align: center;}
	.section-content .entry-content {text-align:justify;}
	.pendiri-index-container .media {margin-bottom: 2rem;}
	.pendiri-detail-container img {padding-right: 0;margin-bottom: 2rem;}
	.section-content table {width: 100%;}
	/* Footer */
	footer .logo-footer {text-align: center;margin-top: 30px;}
	footer .address {text-align: center;padding-right: 0;}
	.footer-section {padding: 0;text-align: center;}
	.footer-section ul li a {font-size: 16px;}
	.widget-wa{bottom: 75px;right: 10px;font-size: 28px;width: 45px;height: 45px;}
	.back-to-top {bottom: 20px;right: 10px;width: 45px;height: 45px;}
}