body {
	font-family: 'Open Sans', sans-serif;
}

/*===# NEWS CAPTION & PRODUCT SERVICE #===*/
.news-product-box {
	margin-left: 1rem;
	position: absolute;
	bottom: 1.5rem;
}

.news-box {
	margin-left: 1rem;
	position: absolute;
	bottom: 1.5rem;
	/*width: 50%;*/
}

figcaption .news-time {
	font-size: 12px;
	margin-bottom: .5rem;
}

figcaption h3 {
	font-size: 22px;
}

figcaption .news-desc,
figcaption .news-product-desc {
	font-size: 14px;
	margin-top: 1rem;
}


/*===# MENU #===*/
.modal-menu .modal-header {
	border-bottom: 0;
}

.modal-menu .modal-full {
	min-width: 100%;
}

.modal-menu .modal-full .modal-content {
	min-height: 100vh;
}

.modal-menu .modal-content {
	background-color: rgb(0, 0, 0, 0.9);
	color: #FFFFFF;
	position: fixed;
	z-index: 999
}

.modal-menu .list-group-item {
	padding: 1rem !important;
}

.modal-menu .list-group-item:first-child {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

.modal-menu .list-group-item:last-child {
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.modal-menu .modal-header .close {
	margin: -1rem 0rem -1rem auto !important;
}

.modal-menu .close {
	font-size: 2.5rem;
	font-weight: normal;
}

/*===# LINE ANIMATION #===*/
.modal-menu .list-group-item:after {
	content: '';
	position: absolute;
	width: 0;
	height: 1.5px;
	display: block;
	margin-top: 10px;
	right: 0;
	background: #fff;
	transition: width .2s ease;
	-webkit-transition: width .2s ease;
}

.modal-menu .list-group-item:hover:after {
	width: 100%;
	left: 0;
	background: #fff;
}

/**==============**/

#main-slide .carousel::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0.05) 100%);
}

.carousel-caption {
	bottom: 120px;
	text-shadow: 1px 1px #000000;
	left: 10% !important;
	right: 40%;
}

.carousel-caption h2 {
	font-size: 48px !important;
}

#main-slide .carousel-item {
	height: 100vh;
	/* min-height: 350px; */
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.carousel-item .row .col-md-6 {
	/* height: 100vh; */
	min-height: 350px;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/*== PARAGRAF ==*/
.carousel-caption .lead {
	font-size: 14px;
}

.btn-more {
	font-size: 12px;
}

#main-slide .controls {
	position: absolute;
	bottom: 103px;
	z-index: 3;
	/*left: 15%;*/
	left: 10%;
}

.logo {
	position: absolute;
	top: 10%;
	z-index: 3;
	left: 5%;
}

.logo img {
	width: 35% !important;
}

.nav {
	position: absolute;
	top: 6%;
	right: 13%;
	z-index: 3;
}

.nav a {
	color: #FFFFFF;
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: 600;
}

.nav a.padding-right {
	padding-right: 10px;
}

.nav a.padding-left {
	padding-left: 8px;
}

.nav a.padding-left-more {
	padding-left: 15px;
}

.menu {
	position: absolute;
	top: 10%;
	right: 5%;
	z-index: 3;
}

.menu a {
	color: #FFFFFF;
	font-size: 9px;
	letter-spacing: 1px;
}

/*== SMALL DEVICE ==*/
@media (max-width: 414px) {
	#carouselVisiMisi .controls {
		left: 70% !important;
		bottom: 24%;
	}

	.cut-visi-misi {
		clip-path: polygon(15% 0px, 100% 0px, 100% 89%, 85% 100.00%, 0px 100%, 0px 11%) !important;
	}
}

@media (max-width: 576px) {
	.carousel-caption h2 {
		font-weight: 700;
		font-size: 30px;
	}

	.carousel-caption .lead {
		font-size: 14px;
	}

	#main-slide .controls {
		position: absolute;
		bottom: 103px;
		z-index: 3;
		left: 40%;
	}

	.logo img {
		width: 25% !important;
	}

	.logo {
		position: absolute;
		top: 4%;
		z-index: 3;
		left: 8%;
	}

	.menu {
		position: absolute;
		top: 4%;
		right: 8%;
		z-index: 3;
	}
}

/*== MOBILE ==*/
@media (max-width: 736px) {

	#keanggotaan .row.form-anggota {
		height: unset !important;
	}

	.info {
		position: absolute;
		top: 5rem !important;
		left: 10% !important;
	}

	/*===# NEWS CAPTION #===*/
	.news-product-box {
		width: 65% !important;
	}

	.news-box {
		margin-left: 0rem !important;
		bottom: 1rem !important;
		width: 75% !important;
	}

	#product .col-md-7 {
		padding-left: 5%;
		padding-right: 15px !important;
	}

	.img-product {
		margin-top: -1.6rem !important;
	}

	#product .row.title-aspep .col-md-4 {
		padding-left: 10% !important;
	}

	.news .row:nth-child(3) .col-md-6:nth-child(1) {
		padding-right: 10% !important;
	}

	.news .row:nth-child(3) .col-md-6:nth-child(2) {
		padding-left: 10% !important;
	}

	.carousel-caption {
		right: 15%;
	}

	.cut-visi-misi {
		clip-path: none !important;
		top: 0px !important;
		height: unset !important;
		padding: 3rem 20% 3rem 10% !important;
	}

	#carouselVisiMisi .controls {
		position: absolute;
		bottom: 26%;
	}


	/*===# PAGE #===*/
	#manajemen .col-md-6:nth-child(1) {
		padding-right: 10%;
		padding-left: 10%;
	}

	#manajemen .col-md-6:nth-child(2) {
		padding-right: 10%;
		padding-left: 10%;
	}

	#form-anggota .col-md-8:nth-child(1) {
		padding-right: 10%;
		padding-left: 10%;
	}

	#form-anggota .col-md-4:nth-child(2) {
		padding-right: 10%;
		padding-left: 10%;
	}

	/*===# PAGE PRODUK JASA #===*/
	.produk-jasa-1 .col-md-6:nth-child(2) {
		padding-right: 0 !important;
	}

	.row.produk-jasa-2 {
		top: 0 !important;
	}

	.produk-jasa-2 .col-md-6:nth-child(1) {
		padding-left: 0 !important;
	}

	.txt-jasa-3 {
		margin-top: 2rem !important;
	}

	.row.produk-jasa-3 {
		top: 0 !important;
	}

	.img-produk-jasa-3 {
		top: -90px !important;
	}

	.produk-jasa-3 .col-md-6:nth-child(2) {
		padding-right: 0 !important;
	}

	.row.produk-jasa-4 {
		top: 0px !important;
	}

	.produk-jasa-4 .col-md-6:nth-child(1) {
		padding-left: 0 !important;
	}

	/*===# PAGE ANGGOTA #===*/
	.form-anggota .col-md-6:nth-child(1) {
		padding-right: 10% !important;
	}

	.form-anggota .col-md-6:nth-child(2) {
		top: 0 !important;
		clip-path: none !important;
		padding-left: 10% !important;
		padding-right: 5% !important;
	}

	.row.title-anggota {
		margin-top: 3rem;
	}

	.img-anggota {
		margin-top: 4rem !important;
	}

	.img-anggota .col-md-6:nth-child(1) {
		padding-right: 5%;
	}

	.img-anggota .col-md-6:nth-child(2) {
		padding-left: 10%;
		padding-right: 5% !important;
	}

	/*===# PAGE BERITA KEGIATAN #===*/
	.img-berita-kegiatan .col-md-6:nth-child(1) {
		padding-right: 5%;
	}

	.img-berita-kegiatan .col-md-6:nth-child(2) {
		padding-left: 10%;
		padding-right: 5% !important;
	}

	.img-berita-kegiatan-detail .col-md-6:nth-child(1) {
		padding-right: 10%;
	}

	.img-berita-kegiatan-detail .col-md-6:nth-child(2) {
		padding-left: 10%;
	}

	/*===# PAGE CONTACT #===*/
	#contact .col-md-5 {
		padding-right: 10% !important;
	}

	#contact .col-md-7 {
		padding-left: 10% !important;
	}

	.img-berita-kegiatan .col-md-12 {
		padding-right: 5% !important;
	}

	/*== GALERI ==*/
	.more-galeri .col-md-12 {
		padding-right: 15px !important;
	}

	.row.img-galeri-2 .col-md-6:nth-child(1) {
		padding-left: 15px !important;
	}

	.row.img-galeri-2 .col-md-6:nth-child(2) {
		padding-right: 15px !important;
	}

	#desc-tentang-kami .row {
		padding: 3rem 0 3rem 0 !important;
	}

	#gallery .col-md-4 {
		padding-bottom: 3rem !important;
	}

	.cut-black {
		padding: 1rem !important;
		bottom: -80px !important;
		clip-path: unset !important;
	}

	#carouselGallery {
		clip-path: unset !important;
	}
}

@media (max-width: 768px) {
	#footer .col-md-4 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	#desc-tentang-kami .row {
		padding: 3rem 0 3rem 0 !important;
	}

	#visi-misi {
		height: unset !important;
	}
}


@media screen and (orientation: landscape) {
	.carousel-caption {
		bottom: 100px;
		text-shadow: 1px 1px #000000;
	}

	.carousel-caption h2 {
		font-weight: 400;
		font-size: 40px;
	}

	#main-slide .controls {
		position: absolute;
		bottom: 75px;
		z-index: 3;
		/*left: 15%;*/
		left: 10%;
	}

	.logo img {
		width: 23%;
	}

}

@media only screen and (width: 768px) {
	#visi-misi .col-md-6 {
		flex: unset;
		max-width: unset;
	}

	.cut-visi-misi {
		clip-path: none !important;
		top: 0px !important;
		height: unset !important;
		padding: 3rem 20% 3rem 10% !important;
	}

	#product .col-md-5 {
		flex: unset !important;
		max-width: unset !important;
	}

	#product .col-md-7 {
		flex: unset !important;
		max-width: unset !important;
		padding-left: 5% !important;
	}

	.img-product {
		margin-top: unset !important;
	}

	#gallery .col-md-4 {
		flex: unset !important;
		max-width: unset !important;
		padding-bottom: 3rem !important;
	}

	#gallery .col-md-8 {
		flex: unset !important;
		max-width: unset !important;
	}

	.cut-black {
		padding: 1rem !important;
		bottom: -80px !important;
		clip-path: unset !important;
	}

	#carouselGallery {
		clip-path: unset !important;
	}

	.row.form-anggota {
		height: unset !important;
	}

	.form-anggota .col-md-6:nth-child(1) {
		flex: unset !important;
		max-width: unset !important;
		padding-right: 10% !important;
	}

	.form-anggota .col-md-6:nth-child(2) {
		flex: unset !important;
		max-width: unset !important;
		top: 5rem !important;
		height: 500px !important;
		clip-path: unset !important;
	}

	.info {
		top: unset !important;
		left: 10% !important;
	}
}

#triangle-bottomright {
	bottom: 0;
	right: 0;
	z-index: 9;
	position: absolute;
	border-bottom: 100px solid white;
	border-left: 100px solid transparent;
}

/*===# PAGE ABOUT #===*/
#about {
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 100% 0;
}

#about .row {
	padding: 5rem 0;
}

#about p {
	line-height: 24px;
	font-size: 14px;
	margin: 3rem 0;
}

#about h2,
#about p {
	color: black;
}

#about .col-md-12 {
	padding-left: 10%;
	padding-right: 20%;
}

/*== BORDER ==*/
.line {
	border: 3px solid #d9000d;
	width: 70px;
	position: relative;
	left: 0;
	top: 5px;
}

.line-white {
	border: 3px solid white;
	width: 70px;
	position: relative;
	left: 0;
	top: 5px;
}

/*===# PAGE PRODUCT #===*/

#product .col-md-5 {
	padding-left: 5%;
	padding-top: 5rem;
	padding-bottom: 5rem;
}

#product .col-md-7 {
	padding-right: 5%;
	padding-bottom: 2rem;
}

#product .col-md-5 p {
	font-size: 14px;
	line-height: 24px;
	margin: 3rem 0;
}

#product,
#form-anggota {
	background: no-repeat center center scroll;
	background-position: center !important;
	background-size: cover !important;
	position: relative;
}

.img-product {
	margin-top: -5.6rem;
}

.img-product .slide-product img {
	height: 480px;
	object-fit: cover;
}

.img-product .controls {
	margin-top: 2rem
}

.row.title-aspep {
	padding: 4rem 0;
}

#product .row.title-aspep .col-md-8 {
	padding-left: 10%;
}

#product .row.title-aspep .col-md-4 {
	padding-right: 10%;
}

#product .row.title-aspep p {
	font-size: 14px;
	line-height: 24px;
	margin-top: 1rem;
}

.btn-formulir {
	background-color: #d9000d !important;
}

/*===# PAGE NEWS #===*/
.news .col-md-12 {
	padding: 0 10%;
}

.news .row:nth-child(1) {
	padding: 5rem 0;
}

.news .row:nth-child(3) .col-md-6:nth-child(1) {
	padding-left: 10%;
}

.news .row:nth-child(3) .col-md-6:nth-child(2) {
	padding-right: 10%;
}

.news .row:nth-child(3) {
	margin-top: 1rem;
}

.news-img-single img {
	height: 400px;
	object-fit: cover;
}

.news-img-single figure:hover>#triangle-bottomright-news {
	clip-path:
		polygon(0% 0px,
			/* top left */
			0px 0%,
			/* top left */
			calc(100% - 0px) 0%,
			/* top right */
			100% 0px,
			/* top right */
			100% calc(100% - 90px),
			/* bottom right */
			calc(100% - 90px) 100%,
			/* bottom right */
			0px 100%,
			/* bottom left */
			0 calc(100% - 0px)
			/* bottom left */
		);
}

/*#triangle-bottomright-news {
	width: 0;
	height: 0;
	bottom: 0;
	right: 0;
	z-index: 8;
	position: absolute;
	border-bottom: 100px solid white;
	border-left: 100px solid transparent;
}*/
.news-img-multi img {
	height: 350px;
	object-fit: cover;
}

.news h2 {
	color: black;
}

.news .btn-more {
	margin-top: -3.3rem;
}

.news .col-sm-5 img {
	object-fit: cover;
}

/*== FOOTER ==*/
#footer h6 {
	color: #c7c7c7;
}

#footer p,
#footer a {
	color: #767676;
	font-size: 12px;
}

#footer li {
	list-style: none;
}

#footer hr {
	border-top: 1px solid #767676;
}

.relative {
	position: relative;
}

.relative img::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0.05) 100%) !important;
	z-index: 9
}

/*== GALLERY ==*/
#gallery .col-md-4 {
	padding-left: 5%;
	padding-top: 5rem;
	padding-botom: 5rem;
}

#gallery .col-md-8 {
	padding-top: 5rem;
	padding-botom: 5rem;
}

#gallery p {
	margin: 3rem 0;
	line-height: 24px;
	font-size: 14px;
}

.slide-galeri img {
	height: 480px;
	object-fit: cover;
}

#gallery h2,
#gallery p {
	color: black;
}

#carouselGallery {
	height: 480px;
	clip-path:
		polygon(0% 90px,
			/* top left */
			90px 0%,
			/* top left */
			calc(100% - 0px) 0%,
			/* top right */
			100% 0px,
			/* top right */
			100% calc(100% - 0px),
			/* bottom right */
			calc(100% - 0px) 100%,
			/* bottom right */
			0px 100%,
			/* bottom left */
			0 calc(100% - 0px)
			/* bottom left */
		);
}

.cut-black {
	background: black;
	padding: 2rem;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	clip-path:
		polygon(0% 90px,
			/* top left */
			90px 0%,
			/* top left */
			calc(100% - 0px) 0%,
			/* top right */
			100% 0px,
			/* top right */
			100% calc(100% - 0px),
			/* bottom right */
			calc(100% - 0px) 100%,
			/* bottom right */
			0px 100%,
			/* bottom left */
			0 calc(100% - 0px)
			/* bottom left */
		);
}

.cut-black .controls {
	position: relative;
	z-index: 9;
}

#img-breadcrumb .carousel-caption {
	bottom: 30%;
}

#img-breadcrumb .carousel-item {
	/*height: 100vh;*/
	min-height: 400px;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/*===# PAGE ABOUT #===*/
#desc-tentang-kami {
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#desc-tentang-kami .row {
	padding: 3rem 0 8rem 0;
}

#desc-tentang-kami .col-md-12 {
	padding-right: 20%;
	padding-left: 10%;
}

#desc-tentang-kami h6,
#desc-tentang-kami h2,
#desc-tentang-kami p {
	color: black;
}

#desc-tentang-kami h6 {
	font-size: 14px;
}

#desc-tentang-kami h2,
#desc-tentang-kami p.paraf-1 {
	margin-top: 3rem;
}

#desc-tentang-kami p {
	font-size: 14px;
	line-height: 24px;
}

/*===# PAGE VISI MISI #===*/
#visi-misi {
	height: 510px;
}

.cut-visi-misi {
	top: -90px;
	height: 600px;
	padding: 5.5rem 5% 5rem 5%;
	clip-path:
		polygon(0% 90px,
			/* top left */
			90px 0%,
			/* top left */
			calc(100% - 0px) 0%,
			/* top right */
			100% 0px,
			/* top right */
			100% calc(100% - 90px),
			/* bottom right */
			calc(100% - 90px) 100%,
			/* bottom right */
			0px 100%,
			/* bottom left */
			0 calc(100% - 0px)
			/* bottom left */
		);
}

.slide-visi-misi {
	height: 510px;
}

.slide-visi-misi .carousel-item {
	height: 510px !important;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#carouselVisiMisi .controls {
	position: absolute;
	bottom: 8%;
	z-index: 999;
	right: 5%;
}

.desc-visi-misi {
	/*position: absolute;
	top: 16%;
	left: 10%;
	right: 12%;*/
}

.desc-visi-misi h5 {
	font-size: 18px;
	line-height: 24px;
}

.desc-visi-misi p {
	font-size: 14px;
	line-height: 24px;
}

/*GLOBAL*/
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 600;
}

p {
	/*font-size: 18px;*/
}

.btn-outline-secondary {
	color: black;
	border-color: black !important;
}

.btn-outline-secondary:hover {
	color: white !important;
	background-color: black !important;
}

/*== MANAJEMEN ==*/
.row.title-manajemen {
	padding: 5rem 0 4rem 0;
}

#manajemen h2 {
	color: black;
}

#manajemen .img-400 img {
	object-fit: cover;
	height: 400px;
}

#manajemen .img-350 img {
	object-fit: cover;
	height: 350px;
}

#manajemen .col-md-12 {
	padding: 0 10%;
}

#manajemen .col-md-6:nth-child(1) {
	padding-left: 10%;
}

#manajemen .col-md-6:nth-child(2) {
	padding-right: 10%;
}

.caption-sosmed figcaption {
	padding: 30px 50px !important;
}

.caption-sosmed-box {
	position: absolute;
	top: 37%;
}

.caption-sosmed-box p {
	font-size: 14px;
	margin-top: .5rem;
}

.caption-sosmed figcaption .fab {
	font-size: 26px;
}

#form-anggota .row {
	/*height: 200px;*/
}

#form-anggota p {
	font-size: 14px;
	line-height: 24px;
}

#form-anggota .col-md-8:nth-child(1) {
	padding-left: 10%;
}

#form-anggota .col-md-4:nth-child(2) {
	padding-right: 10%;
}


#footer {
	position: relative;
}

#footer .row:nth-child(1) {
	padding: 30px 0;
}

#footer .row:nth-child(1) .col-md-4:nth-child(1) {
	padding-right: 9%;
}

#footer .row:nth-child(1) .col-md-4:nth-child(2) {
	padding: 0px 5%;
}

#footer .row:nth-child(1) .col-md-4:nth-child(3) {
	padding-left: 9%;
}

#footer ul li:not(:first-child) {
	padding: 7px 0;
}

#footer .col-md-12 {
	padding: 0 10%;
}

#footer .row:nth-child(2) p {
	padding: 25px 0;
}

/*== PRODUK & JASA ==*/
.container-fluid.title-produk-jasa {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.container-fluid.title-produk-jasa h2 {
	margin-top: 3rem;
}

.container-fluid.title-produk-jasa h2,
.container-fluid.title-produk-jasa h6 {
	color: black;
}

.title-produk-jasa .col-md-12 {
	padding-left: 10%;
	padding-right: 10%;
}

.produk-jasa-1 h2 {
	margin-top: 5rem;
}

.produk-jasa-1 .col-md-6:nth-child(1) {
	padding-left: 10%;
	padding-right: 0;
	height: 540px;
}

.produk-jasa-1 .col-md-6:nth-child(2) {
	padding-left: 0;
	padding-right: 5%;
	height: 540px;
}

.img-produk-jasa-1 {
	position: relative;
	top: -90px;
	width: 100%;
	/*z-index: 1;*/
	clip-path:
		polygon(0% 90px,
			/* top left */
			90px 0%,
			/* top left */
			calc(100% - 0px) 0%,
			/* top right */
			100% 0px,
			/* top right */
			100% calc(100% - 90px),
			/* bottom right */
			calc(100% - 90px) 100%,
			/* bottom right */
			0px 100%,
			/* bottom left */
			0 calc(100% - 0px)
			/* bottom left */
		);
}

.txt-jasa-1 {
	width: 89%;
}

.txt-jasa-1 {
	font-size: 14px;
	line-height: 24px;
	margin: 3rem 0;
}

.img-produk-jasa-1 img {
	height: 630px;
	width: 100%;
	object-fit: cover;
}

.row.produk-jasa-2 {
	top: -90px;
	position: relative;
}

.produk-jasa-2 .col-md-6:nth-child(1) {
	padding-left: 5%;
	padding-right: 0;
	height: 540px;
}

.produk-jasa-2 .col-md-6:nth-child(2) {
	padding-left: 0;
	padding-right: 10%;
	height: 630px;
	z-index: -1
}

.img-produk-jasa-2 {
	position: relative;
	width: 100%;
	/*z-index: 1;*/
	clip-path:
		polygon(0% 0px,
			/* top left */
			0px 0%,
			/* top left */
			calc(100% - 90px) 0%,
			/* top right */
			100% 90px,
			/* top right */
			100% calc(100% - 0px),
			/* bottom right */
			calc(100% - 0px) 100%,
			/* bottom right */
			90px 100%,
			/* bottom left */
			0 calc(100% - 90px)
			/* bottom left */
		);
}

.txt-jasa-2 {
	width: 89%;
	margin-top: 8rem;
	margin-left: 10%;
}

.txt-jasa-2 p {
	margin: 3rem 0;
	font-size: 14px;
	line-height: 24px;
}

.img-produk-jasa-2 img {
	height: 630px;
	width: 100%;
	object-fit: cover;
}

.row.produk-jasa-3 {
	top: -180px;
	position: relative;
}

.produk-jasa-3 .col-md-6:nth-child(1) {
	padding-left: 10%;
	padding-right: 0;
	height: 630px;
	z-index: -1
}

.produk-jasa-3 .col-md-6:nth-child(2) {
	padding-left: 0;
	padding-right: 5%;
	height: 540px;
}

.img-produk-jasa-3 {
	position: relative;
	/*top: -90px;*/
	width: 100%;
	/*z-index: 1;*/
	clip-path:
		polygon(0% 90px,
			/* top left */
			90px 0%,
			/* top left */
			calc(100% - 0px) 0%,
			/* top right */
			100% 0px,
			/* top right */
			100% calc(100% - 90px),
			/* bottom right */
			calc(100% - 90px) 100%,
			/* bottom right */
			0px 100%,
			/* bottom left */
			0 calc(100% - 0px)
			/* bottom left */
		);
}

.txt-jasa-3 {
	width: 89%;
	margin-top: 8rem;
}

.txt-jasa-3 p {
	line-height: 32px;
	font-size: 14px;
	line-height: 24px;
	margin: 3rem 0;
}

.img-produk-jasa-3 img {
	height: 630px;
	width: 100%;
	object-fit: cover;
}

.row.produk-jasa-4 {
	top: -270px;
	position: relative;
}

.produk-jasa-4 .col-md-6:nth-child(1) {
	padding-left: 5%;
	padding-right: 0;
	height: 540px;
}

.produk-jasa-4 .col-md-6:nth-child(2) {
	padding-left: 0;
	padding-right: 10%;
	height: 540px;
	z-index: -1
}

.img-produk-jasa-4 {
	position: relative;
	width: 100%;
	/*z-index: 1;*/
	clip-path:
		polygon(0% 0px,
			/* top left */
			0px 0%,
			/* top left */
			calc(100% - 90px) 0%,
			/* top right */
			100% 90px,
			/* top right */
			100% calc(100% - 0px),
			/* bottom right */
			calc(100% - 0px) 100%,
			/* bottom right */
			90px 100%,
			/* bottom left */
			0 calc(100% - 90px)
			/* bottom left */
		);
}

.txt-jasa-4 {
	width: 89%;
	margin-top: 8rem;
	margin-left: 10%;
}

.txt-jasa-4 p {
	line-height: 32px;
	font-size: 14px;
	line-height: 24px;
	margin: 3rem 0;
}

.img-produk-jasa-4 img {
	height: 630px;
	width: 100%;
	object-fit: cover;
}

#carouselProdukService {
	clip-path:
		polygon(0% 90px,
			/* top left */
			90px 0%,
			/* top left */
			calc(100% - 0px) 0%,
			/* top right */
			100% 0px,
			/* top right */
			100% calc(100% - 90px),
			/* bottom right */
			calc(100% - 90px) 100%,
			/* bottom right */
			0px 100%,
			/* bottom left */
			0 calc(100% - 0px)
			/* bottom left */
		);
}

/*== CAROUSEL PRODUK SERVIS ==*/
#carouselProdukService,
#carouselProdukService .carousel-inner {
	height: 480px;
}

#carouselProdukService .carousel-inner .carousel-item,
#carouselGallery .carousel-inner .carousel-item {
	transition: -webkit-transform 2s ease;
	transition: transform 2s ease;
	transition: transform 2s ease, -webkit-transform 2s ease;
}

/*== MODAL ==*/
#produk-jasa .modal-dialog,
#produk-jasa .modal-content {
	height: 64%;
}

#produk-jasa .modal-body {
	max-height: calc(100% - 120px);
	overflow-y: scroll;
}

/*== IMG-HOVER ==*/
[class*=" imghvr-"],
[class^="imghvr-"] {
	display: block !important;
	background-color: rgba(0, 0, 0, 0.5) !important;
}

[class^="imghvr-shutter-out-"]::before {
	background: rgba(0, 0, 0, 0.5) !important;
}

[class^="imghvr-"] figcaption {
	background-color: rgba(0, 0, 0, 0.5) !important;
	/*padding: 160px 60px !important;*/
}

[class^="imghvr-"] figcaption a {
	color: #767676 !important;
	font-size: 28px;
}

[class*=" imghvr-"] a,
[class^="imghvr-"] a {
	position: unset !important;
}

#gallery .imghvr-shutter-out-diag-2:hover::before {
	top: -70% !important;
	bottom: -70% !important;
}

.img-anggota .imghvr-shutter-out-diag-2:hover::before {
	top: -70% !important;
	bottom: -70% !important;
}

#manajemen .imghvr-shutter-out-diag-2:hover::before {
	top: -70% !important;
	bottom: -70% !important;
	left: -45%;
	right: -45%;
}

#berita-kegiatan .imghvr-shutter-out-diag-2:hover::before {
	top: -120% !important;
	bottom: -120% !important;

}

#berita-kegiatan [class^="imghvr-"] figcaption {
	background-color: rgba(0, 0, 0, 0.5) !important;
	padding: 160px 60px 50px 60px !important;
}

.menu-category button,
.search input {
	font-size: 16px !important;
}

.news .imghvr-shutter-out-diag-2:hover::before {
	top: -120% !important;
	bottom: -120% !important;
}

.news [class^="imghvr-"] figcaption {
	background-color: rgba(0, 0, 0, 0.5) !important;
	/*padding: 160px 60px 50px 60px !important;*/
}

.title-berita-kegiatan .row {
	padding: 5rem 0;
}

.title-keanggotaan .row {
	padding: 3rem 0 6rem 0;
}

.title-keanggotaan h6 {
	font-size: 14px;
}

.title-keanggotaan .col-md-12 {
	padding: 0 10%;
}

.title-keanggotaan h2,
.title-keanggotaan h6,
.title-anggota h2,
.berita-terkait h2 {
	color: black;
}

.title-keanggotaan h2,
.title-berita-kegiatan h2 {
	margin-top: 3rem;
	color: black;
}

.berita-description p {
	font-size: 14px;
	line-height: 24px;
	color: black;
}

.form-anggota .col-md-6:nth-child(1) {
	padding-left: 10%;
	padding-right: 5%;
}

.form-anggota .col-md-6:nth-child(2) {
	padding-left: 5%;
	padding-right: 10%;
	padding-top: 5rem;
	padding-bottom: 6.6rem;
	top: -8.6rem;
	height: 582px;
	clip-path:
		polygon(0% 90px,
			/* top left */
			90px 0%,
			/* top left */
			calc(100% - 0px) 0%,
			/* top right */
			100% 0px,
			/* top right */
			100% calc(100% - 90px),
			/* bottom right */
			calc(100% - 90px) 100%,
			/* bottom right */
			0px 100%,
			/* bottom left */
			0 calc(100% - 0px)
			/* bottom left */
		);
}

.info {
	position: absolute;
	top: 8rem;
	left: 6rem;
}

.info table {
	margin: 2rem 0 2rem 0;
}

.title-anggota .col-md-12,
.img-anggota-1 .col-md-12 {
	padding: 0 10%;
}

.img-anggota {
	margin-top: 5rem;
}

#keanggotaan {
	margin -top: 3rem;
}

#keanggotaan .row.form-anggota {
	padding: 3rem 0;
	height: 550px;
}

#keanggotaan .btn-secondary {
	background: #343434 !important;
}

.img-anggota img {
	height: 400px;
	object-fit: cover;
}

.img-anggota-1 img {
	height: 350px;
	object-fit: cover;
}

.form-anggota ::placeholder {
	color: #d8d8dd;
}

.img-anggota .col-md-6:nth-child(1) {
	padding-left: 10%;
}

.img-anggota .col-md-6:nth-child(2) {
	padding-right: 10%;
}

.more-anggota {
	padding: 3rem 0;
}

.img-berita-kegiatan .col-md-12 {
	padding: 0 10%;
}

.img-berita-kegiatan .col-md-6:nth-child(1) {
	padding-left: 10%;
}

.img-berita-kegiatan .col-md-6:nth-child(2) {
	padding-right: 10%;
}

.img-berita-kegiatan img {
	height: 400px !important;
	object-fit: cover;
}

.title-berita-kegiatan p {
	font-size: 12px;
}

.title-berita-kegiatan .col-md-12 {
	padding: 0 10%;
}

.img-berita-kegiatan .col-md-12 {
	padding-left: 10%;
	padding-right: 10%;
}

.img-berita-kegiatan-detail .row:nth-child(1) .col-md-12 {
	padding: 0 10%;
}

.img-berita-kegiatan-detail .row:nth-child(1) .col-md-12 img {
	clip-path:
		polygon(0% 0px,
			/* top left */
			0px 0%,
			/* top left */
			calc(100% - 0px) 0%,
			/* top right */
			100% 0px,
			/* top right */
			100% calc(100% - 90px),
			/* bottom right */
			calc(100% - 90px) 100%,
			/* bottom right */
			0px 100%,
			/* bottom left */
			0 calc(100% - 0px)
			/* bottom left */
		) !important;
	object-fit: cover;
	height: 400px;
}

.img-berita-kegiatan-detail .row:nth-child(2) .col-md-12 {
	padding-left: 10% !important;
	padding-right: 20% !important;
}

.img-berita-kegiatan-detail .col-md-6:nth-child(1) {
	padding-left: 10%;
}

.img-berita-kegiatan-detail .col-md-6:nth-child(2) {
	padding-right: 10%;
}

.img-berita-kegiatan-detail .row:nth-child(3) {
	padding: 3rem 0;
}

.img-berita-kegiatan-detail .row:nth-child(3) .col-md-12 {
	padding: 0 10%;
}

#contact .col-md-5 {
	padding-left: 10%;
}

#contact .col-md-7 {
	padding-right: 10%;
}

#contact iframe {
	height: 23rem;
}

.txt-contact {
	padding: 4rem 3rem;
	background: #e7e7e7;
}

.txt-contact p {
	font-size: 16px;
}

.row.title-galeri {
	padding: 3rem 0 2rem 0;
}

.title-galeri h2 {
	margin-top: 2rem;
}

.title-galeri .col-md-12 {
	padding-left: 10%;
	padding-right: 10%;
}

/*===# PAGE GALERI #===*/
.row.more-galeri {}

.more-galeri .col-md-12 {
	padding-left: 10%;
	padding-right: 10%;
}

.row.img-galeri-2 {
	margin-top: 30px;
}

.row.img-galeri-2 .col-md-6:nth-child(1) {
	padding-left: 10%;
}

.row.img-galeri-2 .col-md-6:nth-child(2) {
	padding-right: 10%;
}

.row.img-galeri-2 img {
	height: 400px;
	object-fit: cover;
}

.img-galeri-3 img {
	height: 350px;
	object-fit: cover;
}

.img-galeri-2 .imghvr-shutter-out-diag-2:hover::before {
	top: -120% !important;
	bottom: -120% !important;
}

.row.img-galeri-3 {
	margin-top: 30px;
}

.row.img-galeri-3 .col-md-12 {
	padding-left: 10%;
	padding-right: 10%;
}

.row.galeri-btn {
	padding: 2rem 0 4rem 0;
}

.more-galeri .btn-outline-dark:hover {
	background-color: black !important;
	border-color: black !important;
}