/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;0,800;1,300;1,400;1,700&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,700;0,800;1,400&display=swap');
body {
	font-family: 'Montserrat', sans-serif;
	color: white;
	padding-top: 4.5rem;
	background: #000000;  /* fallback for old browsers */
	/*background: -webkit-linear-gradient(to right, #000000, #040000, #0A0A0A, #222222);  /* Chrome 10-25, Safari 5.1-6 */
	/*background: linear-gradient(to right, #000000, #040000, #0A0A0A, #222222); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	background-image:
    radial-gradient(
      circle closest-side,
      #222222,
      #040000
    );
}
.border-gold {
	border-top: 3px solid #B8860B;
	border-image: radial-gradient(#B8860B, #000000) 30;
}
.kaler-gold {
	color: #B8860B !important;
}
.kaler-gold1 {
	color: #996F09 !important;
}.font-200 {
	font-weight: 200 !important;
}
.font-300 {
	font-weight: 300 !important;
}
.font-700 {
	font-weight: 700 !important;
}
.font-800 {
	font-weight: 800 !important;
}
.harga-big {
	font-size: 1.75rem;
}
.byg-text-gold {
	text-shadow: -1px -1px 2px #000, 1px 1px 2px #000, 0 -1px 4px #FFF, 0 -2px 10px #ff0, 0 -10px 20px #ff8000, 0 -18px 40px #F00, 0 1px 4px #FFF, 0 2px 10px #ff0, 0 10px 20px #ff8000, 0 18px 40px #F00;
}
.nav-item.active {
	color: aqua;
}
.navbar-tajuk {
	color: #B8860B !important;
	/*font-size: 1rem;*/
	background: -webkit-linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
	background:linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.navbar-harga {
	font-size: 0.8rem;
	color: #B8860B !important;
}
.tajuk-harga {	
	font-weight: 200;
	color: #B8860B !important;
}
.kelas-harga {
	color: #B8860B !important;
}
.footer {
	font-size: 0.8rem;
	color: #6c757d;
}
footer>.container {
	border-top: 3px solid #B8860B;
	border-image: radial-gradient(#B8860B, #000000) 30;
}
.footer a {
	color: #6c757d;
}
.footer a:hover {
	color: #B8860B;
}
.bg-menu-custom {
	background-color: #5e1111;
	background: -webkit-linear-gradient(to bottom, #414345, #232526);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #414345, #232526); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	transition: background-color 2s ease-in-out;
	border-bottom: 3px solid #B8860B;
	border-image: radial-gradient(#B8860B, #FFD700) 30;
}
section {
	padding: 3em 0;
}
.section-gold {
	border: 5px solid #B8860B;
	border-image: radial-gradient(45deg, #B8860B, #FFD700) 1;
	box-shadow: rgba(184, 134, 11, 0.56) 0px 15px 40px 4px;
	background: #000000;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #000000, #040000, #0A0A0A, #222222);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #000000, #040000, #0A0A0A, #222222); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	padding: 3em 3em 1em 3em;
}
.bg-default {
	background: #5e1111;
}
.curve {
	border-bottom-right-radius: 25%;
	border-top-left-radius: 25%;
}
/*
* Posts
*/
.post-classic-counter {
	counter-reset: post-classic;
}

@media (min-width: 1200px) {
	.post-classic-counter [class*='col-']:nth-child(3n + 1) .post-classic {
		margin-left: 0;
		margin-right: auto;
	}
	.post-classic-counter [class*='col-']:nth-child(3n + 1) .post-classic::after {
		content: '';
		display: block;
		position: absolute;
		top: 42%;
		right: -41%;
		/*background-image: url(../img/arrow-110x14.png);*/
		background-repeat: no-repeat;
		background-position: center;
		width: 37%;
		height: 14px;
		transition: all 0.3s;
	}
	.post-classic-counter [class*='col-']:nth-child(3n + 2) .post-classic {
		margin-left: auto;
		margin-right: auto;
	}
	.post-classic-counter [class*='col-']:nth-child(3n + 2) .post-classic::after {
		content: '';
		display: block;
		position: absolute;
		top: 42%;
		right: -41%;
		transform: rotateX(180deg);
		/*background-image: url(../img/arrow-110x14.png);*/
		background-repeat: no-repeat;
		background-position: center;
		width: 37%;
		height: 14px;
	}
	.post-classic-counter [class*='col-']:nth-child(3n) .post-classic {
		margin-left: auto;
		margin-right: 0;
	}
}

.post-classic {
	width: 300px;
	max-width: 100%;
	padding: 37px 15px 15px 37px;
	position: relative;
	border: 1px solid #B8860B;
	border-radius: 60px 4px;
	transition: all 0.3s;
	color: #F5F5F5;
	margin: 3em auto;
}

@media (min-width: 576px) {
	.post-classic {
		padding: 51px 15px 26px 40px;
	}
}

.post-classic:hover {
	transform: translateY(-5px);
}

.post-classic::before {
	content: counter(post-classic, decimal-leading-zero);
	counter-increment: post-classic;
	position: absolute;
	top: -15px;
	left: -11px;
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	background-color: #5e1111;
	width: 58px;
	height: 58px;
	line-height: 58px;
	text-align: center;
	border-radius: 10em;
	box-shadow: 6px 8px 15px rgba(0, 0, 0, 0.25);
}

.post-classic-title {
	color: #F5F5F5;
	text-transform: uppercase;
	font-size: 1.3rem;
	font-weight: 700;
}

.post-classic-text {
	margin-top: 10px;
}