/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
@font-face {
  font-family: 'VarelaRound';
  src: url('fonts/VarelaRound-Regular.ttf')  format('truetype');
}
@font-face {
  font-family: 'LibreBaskerville-Bold';
  src: url('fonts/LibreBaskerville-Bold.ttf')  format('truetype');
}
@font-face {
  font-family: 'LibreBaskerville-Regular';
  src: url('fonts/LibreBaskerville-Regular.ttf')  format('truetype');
}
a{
	color:#804FF5;
}
.fit-width {
    width: 100%;
    height: auto;
}
.fit-height {
    height: 100%;
    width: auto !important;
}
#header {
	border-bottom: 0px!important;
}
.header-misc {
	margin-right: 150px;
}
.full-header .primary-menu .menu-container {
	border-right: 0;
}
.full-header #logo {
	border-right: 0;
}
#header.transparent-header.full-header #header-wrap {
	border-bottom: 0;
	background: #FDD937;
}
.sticky-header-shrink #logo a img {
	height: 45px!important;
}
.top-search-form > .form-group {
	height: 100%;
}
a#nav-lang-in {
    color: #34333F;
}
.menu-link {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 150%;
	text-align: center;
	letter-spacing: 0.03em;
	color: #34333F;
    padding: 6px 2px;
    text-transform: capitalize;
    margin: 6px 0;
}
.menu-item:hover > .menu-link, .menu-item.current > .menu-link {
	color: #FF1900!important;
}
.sub-menu-container, .mega-menu-content {
	border-top: 0;
}
#content {
	background-color: #fff;
}
.home-berita-terkini .section {
	background: #fff;
}
.home-berita-terkini h3.section-title {
	margin: 0;
}
.section-title, h3.section-title {
	font-family: 'LibreBaskerville-Regular', sans-serif;
	font-size: 30px;
	text-transform: capitalize;
	color: #CB7152;
}
.our-blog-container {
	height: 100%;
	border: 0;
}
.portfolio-item .portfolio-image, .portfolio-item .portfolio-image > a, .portfolio-item .portfolio-image img {
    display: block;
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.float-wa {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 45px;
    left: 26px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 100;
}
.my-float {
    margin-top: 11px;
}
#content .content-wrap {
	padding: 0;
}
.entry:after {
	content: unset;
}
.dropdown-toggle::after {
    content: unset;
}
.single-portfolio-det img {
	width: 100%;
}
.more-link {
	font-family: 'VarelaRound', sans-serif;
    font-style: normal;
	color: #D69480;
	border-bottom: 0;
}
.blog-pagination ul li {
	border: 0;
}
.blog-pagination ul .active, .blog-pagination ul li:hover {
    /*background-color: #CD9B33;*/
	background-color: transparent;
}
.blog-pagination ul .active span, .blog-pagination ul li a:hover {
	background-color: #CD9B33;
}
.blog-pagination ul li {
	padding: 0;
}
.blog-pagination ul li .ripple-container {
	display: none;
}
.blog-pagination ul li a, .blog-pagination ul li span {
	padding: 7px 12px 7px 12px;
	margin: 0px 3px;
}
.blog-pagination ul li a.next:hover, .blog-pagination ul li a.prev:hover {
	background-color: transparent;
}
.sub-menu-container .menu-link:hover {
	padding-left: 12px;
	background-color: #F9F9F9;
    color: #FF1900!important;
	font-weight: 700;
}
.one-page-arrow {
	display: none;
}
.swiper-pagination span:hover, .swiper-pagination span.swiper-pagination-bullet-active {
	background-color: #CD9B33!important;
	border: 1px solid #CD9B33;
}
#page-title {
	background-color: #fff;
    border-bottom: 0;
}
#page-title h2 {
	font-family: 'LibreBaskerville-Regular', sans-serif;
	font-size: 30px;
	text-transform: capitalize;
}
#page-title h2:after {
    content: ""; 
    display: block;
    margin: 0 auto;
    width: 8%;
    padding-top: 10px;
    border-bottom: 5px solid #CB7152;
}
.breadcrumb-detail-page {
	background: url('../images/breadcrumb.jpg');
	background-position-y: 18%;
}
.breadcrumb-detail-page h2, .breadcrumb-detail-page .breadcrumb li a, .breadcrumb-detail-page .breadcrumb .breadcrumb-item::before {
	color: #fff;
}
.breadcrumb {
	top: 90%!important;
    left: 50%!important;
    right: unset!important;
    margin: 0 auto!important;
	transform: translate(-50%, -50%);
}
.breadcrumb .breadcrumb-item.active {
	color: #D69480;
}
.matrl-blog-post-page {
	background-color: #fff;
}
.blog-post-column #content {
	background-color: #ff;
}
.galery-image-home .masonry-thumbs .grid-item {
	height: 220px;
	overflow: hidden;
}
.galery-image-home .masonry-thumbs .grid-item-big {
	height: 100%;
}
.galery-image-home .masonry-thumbs .grid-item img {
	height: 100%;
	width: 100%;
}
#galery_video_home.portfolio-reveal .portfolio-item:hover .bg-overlay {
    transform: translateY(0);
}
#posts .card {
	height: 100%;
}
#posts .card .card-title {
	font-size: 22px;
}
#posts .card .card-title a, .our-blog-container .card-title a {
	color: #000;
	font-family: 'LibreBaskerville-Regular', sans-serif;
	font-size: 22px;
	text-transform: capitalize;
}
#posts .card .card-title a:hover, .our-blog-container .card-title a:hover {
	color: #D69480;
}
#posts .card .card-body p.card-text {
	color: #8E8E8E;
	
	font-family: 'Rubik', sans-serif;
	font-size: 14px;
}
.sidebar-detail-left h4, .sidebar-detail-right h4 {
	font-family: 'LibreBaskerville-Bold', sans-serif;
	font-size: 18px;
	text-transform: capitalize;
	margin-bottom: 0;
}
.sidebar-detail-left hr, .sidebar-detail-right hr {
	margin-top: 10px;
	margin-bottom: 20px;
}
.sidebar-detail-left .entry-title p {
	font-family: 'VarelaRound', sans-serif;
	font-size: 14px;
	color: #000;
	margin-bottom: 0;
}
.sidebar-detail-left .entry-title p a {
	color: #000;
}
.sidebar-detail-left .entry-title p a:hover {
	color: #CB7152;
}
.pagination {
	justify-content: center;
}
.pagination>li, .pagination>li>a, .pagination>li>span { 
	border-radius: 50% !important;
	margin: 0 5px;
	color: #000;
}
.pagination>li.active span {
	color: #FFF;
}
.pagination>li:last-child:hover {
	background-color: transparent;
}
.pagination>li:last-child:hover a.next {
	color: #000!important;
}
.portfolio-video .portfolio-item .portfolio-desc h3 {
	font-family: 'LibreBaskerville-Regular', sans-serif;
    font-size: 18px;
    text-transform: capitalize;
}
.portfolio-video .portfolio-item .portfolio-desc h3 a:hover {
	color: #D69480;
}
.portfolio-item .portfolio-image, .portfolio-item .portfolio-image > a, .portfolio-item .portfolio-image img {
    display: block;
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.single-post .entry .entry-content ul, .single-post .entry .entry-content ol {
	padding-left: 40px;
}
.matrl-blog-post-page .blog-post-column .single-blog-post {
    margin-bottom: 40px;
}
.matrl-blog-post-page .single-blog-post {
    height: 607px;
}
.single-blog-post {
    height: 520px;
    position: relative;
    padding-bottom: 70%;
}
.grid-filter li.activeFilter a {
    background-color: #CB7152;
	padding-top: 10px;
    padding-bottom: 10px;
}
.grid-filter li a:hover {
    color: #fff;
	background: #cb7152;
}
.grid-4 > .grid-item:nth-child(2), .grid-4 > .grid-item:nth-child(5) {
	left: 75%!important;
}
.grid-4 > .grid-item-big {
	left: 25%!important;
}
.entry-image a {
	overflow: hidden;
    border-radius: 3px;
}
.grid-shuffle:hover {
    background-color: #cb7152;
}
#galery_video_home {
	margin-bottom: 5rem;
}
#galery_video_home .container {
	right: 0;
}
#form-submit.button {
	background-color: #cb7152;
}
#footer {
	background-color: #3D231A!important;
}
.share-txt {
	float: left;
}
.single-post li a {
	color: #E81820;
}
.workshop-detail a{color: #E81820;}
.workshop-detail .btn-danger{color: #fff;}
.single-post .single-post-meta .share-post {
	float: left;
}
.content-detail-berita .entry-meta ul {
	justify-content: center;
}
h4.footer-title {
	font-family: 'LibreBaskerville-Bold', sans-serif;
	font-size: 18px;
	text-transform: capitalize;
}
.footer-container p {
	margin-bottom: 0;
	font-family: 'VarelaRound', sans-serif;
	font-size: 14px;
}
#footer .footer-widgets-wrap {
    padding: 50px 0;
}
.footer-widgets-wrap .social-icon {
	display: inline-block;
	float: none;
	color: #fff;
}
.dark #copyrights, #copyrights.dark {
	background-color: #3D231A;
	color: #fff;
	padding: 15px 0;
}
#copyrights {color: #fff;}
#copyrights a {
	color: #ffe400 ;
}
#gotoTop {
	border-radius: 50px;
	background-color: #FDD937;
	color: #3D231A;
}
.icon-rotate-90 {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.menu-item .sub-menu-trigger {
    width: 100%;
	text-align: right;
}

/* tambahan pras */
.swiper-slide{width:100% !important;}
.grid-4 > .grid-item:nth-child(3){height:440px;}
.masonry-thumbs{margin-left:0;margin-right:0;}
/* tambahan pras */

.btn-outline{
	padding: 5px 15px;
	color:#3D231A !important;
	border: 1px solid #3D231A;
	border-radius: 50px;
	transition:background .7s ease,color .7s ease;
}
.btn-outline.border-text-white{
	border: 1px solid #fff;
	color:#fff !important;
}
.btn-outline:hover,.btn-outline.border-text-white:hover{
	border: 1px solid #FF1900;
	background: #FF1900;
	color:#fff !important; 
	transition:background .7s ease,color .7s ease;
}
.menu-kanan > .menu-link{
	padding:15px 4px;
}

#logo img{
	/* max-width:142px; */
	/* height:auto !important; */
}
.swiper-slide-bg{
	background-size:auto;
}
#slider{
	margin-top:-60px !important;
	max-height:500px;
	min-height:500px;
}
.slider-caption2{
	top: 50%;
    transform: translateY(-50%);
    height: unset;
}

#bawah-slider{
	margin-top:-180px;
}
#bawah-slider .kotakan{
	background: #F7BA07;
	border-radius: 10px;
	height:100%;
	border-radius: 10px;
}
#bawah-slider .kotakan.light{
	background:#FFF;
}
.text-cokelat {
    color: #3D231A !important;
}
.title-tag{
	font-weight: 700;
	font-size: 29px;
	line-height: 150%;
	letter-spacing: 0.03em;
	color: #3D231A;
}
.tag-container-1{
	background: #FDD937;
	border-radius: 0px 0px 0px 10px;
	padding-left:8px;
}
.tag-container-2{
	/*background: #FDD937;*/
	border-radius: 0px 10px 0px 10px;
	padding-left:8px;
}
body,h1,h2,h3,h4,h5,h6{
	font-family:'Rubik';
}
p{
	font-family: 'Rubik';
	font-style: normal;
	line-height: 150%;
	letter-spacing: 0.03em;
}
.type-10{
	font-size: 10px;
}.type-12{
	font-size: 12px;
}
.type-15{
	font-size: 15px;
}
.type-19{
	font-size: 19px;
}
.type-23{
	font-size: 23px;
}
.type-24{
	font-size: 24px;
}
.type-29{
	font-size: 29px;
}
.type-32{
	font-size: 32px;
}
.btn-merah{
	color:#fff;
	width:fit-content;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 9px 26px;
	background: #FF1900;
	border-radius: 50px;
	transition-duration:0.7s;
}
.bg-kuning{
	background: #FDD937;
}
.btn-merah:hover{
	background: #FDD937;
	transition-duration:0.7s;
	color:#3D231A !important;
	transition-duration:0.7s;
}
.btn-ungu{
	color:#fff;
	width:fit-content;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 9px 26px;
	background: #FF1900;
	border-radius: 50px;
	transition-duration:0.7s;
}
.bg-ungu-muda{
	background: #8D65FD;
}
.bg-ungu{
	background: #3D231A;
}
.bg-ungu-tua{
	background: #3D231A;
}
.bg-gold{
	background: #BC8636;
}
.bg-silver{
	background: #8A8A91;
}
.bg-merah{
	background: #FF1900;
}
.bg-merah-new{
	background: #FF1900;
}
.bg-pink{
	background:#FDD937;
}
.bg-pastel{
	background:#8294C4;
}
.bg-biru{
	background:#362FD9;
}
.bg-hijau{
	background: #00AC7B;
}
.btn-ungu:hover{
	background: #FDD937;
	transition-duration:0.7s;
	color:#3D231A !important;
	transition-duration:0.7s;
}
.bg-paper, .bg-sponsor{
	background-position: center;
	border-radius:10px;
    background-repeat: no-repeat;
	background-size:cover;
}
.sponsor img{
	padding:4px;
	width:100%;
}

.matrl-blog-post-page h1,.matrl-blog-post-page h3{
	color:#3D231A;
}
.color-ungu-tua{
	color:#3D231A !important;
}
.btn-kecil{
	padding:4px 14px;
}
.workshop-title{
	font-size:29px;
}
.agenda-row a{
	color:#804FF5 !important;
}
.bg-login{
	background: url('../images/xbg_login.png');
    background-size: cover;
}
.primary-menu .dropdown-menu {
	position:relative !important;
	transform:unset !important;
	width:100%;
}
.full-header .primary-menu .menu-container {
    padding-right: 0;
    margin-right: 0;
}

@media (max-width: 1199px) {
	.menu-link  .btn-outline {
		padding: 2px 8px;
	}
}
@media (max-width: 1024px) {
	.header-misc {
		margin-right: 0;
	}
	 
}

@media (max-width: 991px) {
	.contact-container .postcontent {
		padding-bottom: 0.5rem !important;
	}
	.galery-image-home h3.section-title, .galeri-video-home h3.section-title {
		margin: 0;
	}
	#bawah-slider{
		margin-top:20px;
	}
	.sticky-header .header-wrap-clone {
		height: 81px !important;
	}
	.sticky-header .menu-container {
		max-height:unset;
	}
	.menu-link {
		margin: 0px 0;
	}
	.link-nama-profile p{
		max-width:8em;
	}
}

@media (min-width: 768px) AND (max-width: 991px) {
	#header #header-wrap .container {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.footer-widgets-wrap p {
		font-size: 18px;
	}
}

@media (max-width: 767px) {
	.galery-image-home .grid-4 > .grid-item {
		width: 100%;
		height:auto;
	}
	.galery-image-home .masonry-thumbs .grid-item-big {
		height: auto;
	}
	.section {
		margin: 0;
	}
	.content-wrap {
		padding: 0;
	}
	.grid-4 > .grid-item:nth-child(2), .grid-4 > .grid-item:nth-child(5), .grid-4 > .grid-item-big {
		left: 0!important;
	}
	.footer-widgets-wrap .logo-footer {
		margin-bottom: 1rem !important;
		margin-top: 1rem !important;
	}
	.float-wa {
		right: 26px;
		left: unset;
		bottom: 20px;
	}
	.retina-logo img {
		height: 40px!important;
	}
	.single-post {
		padding-left: 0;
		padding-right: 0;
	}
	 
	.footer-container {
		margin-top: 30px!important;
	}
	#footer .footer-widgets-wrap {
		padding: 20px 0;
	}
	.footer-widgets-wrap .widget img {
		margin-bottom: 20px;
	}
	#galeri-det .single-post {
		padding-top: 30px;
	}
	.blog-pagination ul {
		margin-bottom: 40px;
	}
	#gotoTop {
		bottom: 77px;
	}
	
    /* tambahan pras */
	#logo img{max-height:40px !important;}
    /* tambahan pras */
	.footer-widgets-wrap p {
		font-size: 16px;
	}
	.workshop-title{
		font-size:18px;
	}	
}
.tablebdn{background:#F7F7F7;}
.hedtablebdn {background:#E81820;-webkit-border-top-right-radius: 9px;
-moz-border-radius-topright: 9px;
border-top-right-radius: 9px;
width: 360px;
height: 56px;
}
.hedtablebdn h5{
color: #FEF000;
text-align:center;
padding-top:14px;
font-size:1 rem;
}
.hedtablebdn h3{
color: #FEF000;
text-align:center;
padding-top:15px;
font-size: 1.1rem;
margin-top:10px;
}
.header-img h1 {color:#FEF000;}
.title-header{color:#ffffff;margin-top: 140px;}
.partner{margin:0 auto; text-align:center;}
.img-gold{width:200px;}
.img-gold2{width:40%;}
.img-silver{width:180px;}
.img-silver2{width:25%;}
.sebelumya-event {margin-bottom:25px; margin-top:25px;}
.sebelumya-event a{color:#E81820;}
.sebelumya-event h3{margin: 5px 0;}
@media (max-width: 479px) {   
	.menu-link {
		padding: 5px 4px;
	}
	.title-header{color:#ffffff;margin-top: 70px;}
	.submenufooter .menu-container{display:block !important;}

	.hedtablebdn{width:100%;}
	.hedtablebdn h3{font-size: 16px; padding-top:10px;}

	#slider{
		margin-top:0px !important;
		max-height:unset;
		min-height:unset;
		padding-top:50%;
		position:relative;
	}
	#slider .slider-inner {
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
	}
	#slider .swiper-slide-bg{
		background-size:cover;
	}
	#slider .slider-caption2 p{
		font-size:12px;
		margin-bottom:0;
	}
	.sponsor img{
		padding:4px;
		width:180px;
	}
	.sponsor-co-host img{
		padding:4px;
		width:240px;
	}
	.sponsor-platinum img{
		padding:4px;
		width:220px;
	}
	.sponsor-gold img{
		padding:4px;
		width:200px;
	}
	.sticky-header .header-wrap-clone {
		height: 50px !important;
	}
	.btn-ungu{
		padding:8px 16px;
		font-size:15px;
	}
	.link-nama-profile p{
		max-width:6em;
	}
	.g-recaptcha {
		transform: scale(0.8);
		transform-origin: top left;
	}
	#conf-bo.nav-tabs .nav-link {
		padding: 4px 0;
	}
}


@media (max-width: 359px) { 
	.btn-ungu{
		padding:8px 16px;
		font-size:12px;
	}
	.link-nama-profile p{
		max-width:3em;
	}
	#nav-lang-in img {
		margin-right: 0px;
	}
	.g-recaptcha {
		transform: scale(0.7);
		transform-origin: top left;
	}
}
@media (max-width: 319px) { 
}
@media (max-width: 299px) { 
	.link-nama-profile p{
		display:none;
	}
}

.spinner-border-lg {height:6rem; width:6rem;}
.img-platinum {width:300px !important;}
.manual-konfirm a {color:#E81820;}

.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next{
	opacity:1 !important;
}
.owl-carousel .owl-nav button[class*=owl-]:hover{
	background-color:#FDD937 !important;
}
.owl-carousel .owl-nav .owl-prev{
	left:0 !important;
}
.owl-carousel .owl-nav .owl-next{
	right:0 !important;
}
.sticky-header-shrink #nav-lang-in {
    color: #804FF5;
}
.menu-link.active>a, .primary-menu .menu-link>a:hover{
	color:#FF1900 !important;
	border-bottom:2px solid #FF1900 !important;
} 
.sponsor hr{
    border-top: 2px solid rgba(0, 0, 0, 0.3);
}
#conf-bo.nav-tabs .nav-link.active{
	background:#3D231A;
	color:#fff;
}
#conf-bo.nav-tabs .nav-link {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.link-putih-hover-merah {
    color: #fff;
}

.link-putih-hover-merah:hover {
    color: #FF1900;
}