html {
	font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%
}
a,body,center,div,em,kolongramen,h1,h2,h3,h4,h5,h6,header,html,iframe,img,li,menu,nav,ol,p,span,table,tbody,td,tfoot,th,thead,tr,ul {
	font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline
}
a,a:active,a:focus {
	outline:0;
	text-decoration:none
}
a {
	color:#fff
}
* {
	padding:0;
	margin:0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.btn {
	--bs-btn-padding-x:0.75rem;
	--bs-btn-padding-y:0.375rem;
	--bs-btn-font-family:;
	--bs-btn-font-size:1rem;
	--bs-btn-font-weight:400;
	--bs-btn-line-height:1.5;
	--bs-btn-color:#212529;
	--bs-btn-bg:transparent;
	--bs-btn-border-width:var(--bs-border-width);
	--bs-btn-border-color:transparent;
	--bs-btn-border-radius:0.375rem;
	--bs-btn-hover-border-color:transparent;
	--bs-btn-box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
	--bs-btn-disabled-opacity:0.65;
	--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb),.5);
	display:inline-block;
	padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);
	font-family:var(--bs-btn-font-family);
	font-size:var(--bs-btn-font-size);
	font-weight:var(--bs-btn-font-weight);
	line-height:var(--bs-btn-line-height);
	color:var(--bs-btn-color);
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);
	border-radius:var(--bs-btn-border-radius);
	background-color:var(--bs-btn-bg);
	transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
	.btn {
		transition:none
	}
}
.btn-check+.btn:hover {
	color:var(--bs-btn-color);
	background-color:var(--bs-btn-bg);
	border-color:var(--bs-btn-border-color)
}
.btn:focus-visible {
	color:var(--bs-btn-hover-color);
	background-color:var(--bs-btn-hover-bg);
	border-color:var(--bs-btn-hover-border-color);
	outline:0;
	box-shadow:var(--bs-btn-focus-box-shadow)
}
.btn-check:focus-visible+.btn {
	border-color:var(--bs-btn-hover-border-color);
	outline:0;
	box-shadow:var(--bs-btn-focus-box-shadow)
}
.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active {
	color:var(--bs-btn-active-color);
	background-color:var(--bs-btn-active-bg);
	border-color:var(--bs-btn-active-border-color)
}
.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible {
	box-shadow:var(--bs-btn-focus-box-shadow)
}
.btn.disabled,.btn:disabled,fieldset:disabled .btn {
	color:var(--bs-btn-disabled-color);
	pointer-events:none;
	background-color:var(--bs-btn-disabled-bg);
	border-color:var(--bs-btn-disabled-border-color);
	opacity:var(--bs-btn-disabled-opacity)
}
.btn-secondary {
	--bs-btn-color:#fff;
	--bs-btn-bg:#6c757d;
	--bs-btn-border-color:#6c757d;
	--bs-btn-hover-color:#fff;
	--bs-btn-hover-bg:#5c636a;
	--bs-btn-hover-border-color:#565e64;
	--bs-btn-focus-shadow-rgb:130,138,145;
	--bs-btn-active-color:#fff;
	--bs-btn-active-bg:#565e64;
	--bs-btn-active-border-color:#51585e;
	--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
	--bs-btn-disabled-color:#fff;
	--bs-btn-disabled-bg:#6c757d;
	--bs-btn-disabled-border-color:#6c757d
}
.btn-success {
	--bs-btn-color:#fff;
	--bs-btn-bg:#198754;
	--bs-btn-border-color:#198754;
	--bs-btn-hover-color:#fff;
	--bs-btn-hover-bg:#157347;
	--bs-btn-hover-border-color:#146c43;
	--bs-btn-focus-shadow-rgb:60,153,110;
	--bs-btn-active-color:#fff;
	--bs-btn-active-bg:#146c43;
	--bs-btn-active-border-color:#13653f;
	--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
	--bs-btn-disabled-color:#fff;
	--bs-btn-disabled-bg:#198754;
	--bs-btn-disabled-border-color:#198754
}
.btn-info {
	--bs-btn-color:#000;
	--bs-btn-bg:#0dcaf0;
	--bs-btn-border-color:#0dcaf0;
	--bs-btn-hover-color:#000;
	--bs-btn-hover-bg:#31d2f2;
	--bs-btn-hover-border-color:#25cff2;
	--bs-btn-focus-shadow-rgb:11,172,204;
	--bs-btn-active-color:#000;
	--bs-btn-active-bg:#3dd5f3;
	--bs-btn-active-border-color:#25cff2;
	--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
	--bs-btn-disabled-color:#000;
	--bs-btn-disabled-bg:#0dcaf0;
	--bs-btn-disabled-border-color:#0dcaf0
}
.btn-warning {
	padding:5 30 5 30;
	--bs-btn-color:#000;
	--bs-btn-bg:#28315b;
	--bs-btn-border-color:#28315b;
	--bs-btn-hover-color:#000;
	--bs-btn-hover-bg:#ffca2c;
	--bs-btn-hover-border-color:#28315b;
	--bs-btn-focus-shadow-rgb:217,164,6;
	--bs-btn-active-color:#000;
	--bs-btn-active-bg:#ffcd39;
	--bs-btn-active-border-color:#28315b;
	--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
	--bs-btn-disabled-color:#000;
	--bs-btn-disabled-bg:#28315b;
	--bs-btn-disabled-border-color:#28315b
}
.btn-danger {
	--bs-btn-color:#fff;
	--bs-btn-bg:#dc3545;
	--bs-btn-border-color:#dc3545;
	--bs-btn-hover-color:#fff;
	--bs-btn-hover-bg:#bb2d3b;
	--bs-btn-hover-border-color:#b02a37;
	--bs-btn-focus-shadow-rgb:225,83,97;
	--bs-btn-active-color:#fff;
	--bs-btn-active-bg:#b02a37;
	--bs-btn-active-border-color:#a52834;
	--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
	--bs-btn-disabled-color:#fff;
	--bs-btn-disabled-bg:#dc3545;
	--bs-btn-disabled-border-color:#dc3545
}
.btn-light {
	--bs-btn-color:#000;
	--bs-btn-bg:#f8f9fa;
	--bs-btn-border-color:#f8f9fa;
	--bs-btn-hover-color:#000;
	--bs-btn-hover-bg:#d3d4d5;
	--bs-btn-hover-border-color:#c6c7c8;
	--bs-btn-focus-shadow-rgb:211,212,213;
	--bs-btn-active-color:#000;
	--bs-btn-active-bg:#c6c7c8;
	--bs-btn-active-border-color:#babbbc;
	--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
	--bs-btn-disabled-color:#000;
	--bs-btn-disabled-bg:#f8f9fa;
	--bs-btn-disabled-border-color:#f8f9fa
}
.btn-dark {
	--bs-btn-color:#fff;
	--bs-btn-bg:#212529;
	--bs-btn-border-color:#212529;
	--bs-btn-hover-color:#fff;
	--bs-btn-hover-bg:#424649;
	--bs-btn-hover-border-color:#373b3e;
	--bs-btn-focus-shadow-rgb:66,70,73;
	--bs-btn-active-color:#fff;
	--bs-btn-active-bg:#4d5154;
	--bs-btn-active-border-color:#373b3e;
	--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
	--bs-btn-disabled-color:#fff;
	--bs-btn-disabled-bg:#212529;
	--bs-btn-disabled-border-color:#212529
}
.btn-outline-primary {
	--bs-btn-color:#0d6efd;
	--bs-btn-border-color:#0d6efd;
	--bs-btn-hover-color:#fff;
	--bs-btn-hover-bg:#0d6efd;
	--bs-btn-hover-border-color:#0d6efd;
	--bs-btn-focus-shadow-rgb:13,110,253;
	--bs-btn-active-color:#fff;
	--bs-btn-active-bg:#0d6efd;
	--bs-btn-active-border-color:#0d6efd;
	--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
	--bs-btn-disabled-color:#0d6efd;
	--bs-btn-disabled-bg:transparent;
	--bs-btn-disabled-border-color:#0d6efd;
	--bs-gradient:none
}
.btn-outline-secondary {
	--bs-btn-color:#6c757d;
	--bs-btn-border-color:#6c757d;
	--bs-btn-hover-color:#fff;
	--bs-btn-hover-bg:#6c757d;
	--bs-btn-hover-border-color:#6c757d;
	--bs-btn-focus-shadow-rgb:108,117,125;
	--bs-btn-active-color:#fff;
	--bs-btn-active-bg:#6c757d;
	--bs-btn-active-border-color:#6c757d;
	--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
	--bs-btn-disabled-color:#6c757d;
	--bs-btn-disabled-bg:transparent;
	--bs-btn-disabled-border-color:#6c757d;
	--bs-gradient:none
}
.btn-outline-success {
	--bs-btn-color:#198754;
	--bs-btn-border-color:#198754;
	--bs-btn-hover-color:#fff;
	--bs-btn-hover-bg:#198754;
	--bs-btn-hover-border-color:#198754;
	--bs-btn-focus-shadow-rgb:25,135,84;
	--bs-btn-active-color:#fff;
	--bs-btn-active-bg:#198754;
	--bs-btn-active-border-color:#198754;
	--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
	--bs-btn-disabled-color:#198754;
	--bs-btn-disabled-bg:transparent;
	--bs-btn-disabled-border-color:#198754;
	--bs-gradient:none
}
.btn-outline-info {
	--bs-btn-color:#0dcaf0;
	--bs-btn-border-color:#0dcaf0;
	--bs-btn-hover-color:#000;
	--bs-btn-hover-bg:#0dcaf0;
	--bs-btn-hover-border-color:#0dcaf0;
	--bs-btn-focus-shadow-rgb:13,202,240;
	--bs-btn-active-color:#000;
	--bs-btn-active-bg:#0dcaf0;
	--bs-btn-active-border-color:#0dcaf0;
	--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
	--bs-btn-disabled-color:#0dcaf0;
	--bs-btn-disabled-bg:transparent;
	--bs-btn-disabled-border-color:#0dcaf0;
	--bs-gradient:none
}
.btn-outline-warning {
	--bs-btn-color:#28315b;
	--bs-btn-border-color:#28315b;
	--bs-btn-hover-color:#000;
	--bs-btn-hover-bg:#28315b;
	--bs-btn-hover-border-color:#28315b;
	--bs-btn-focus-shadow-rgb:255,193,7;
	--bs-btn-active-color:#000;
	--bs-btn-active-bg:#28315b;
	--bs-btn-active-border-color:#28315b;
	--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
	--bs-btn-disabled-color:#28315b;
	--bs-btn-disabled-bg:transparent;
	--bs-btn-disabled-border-color:#28315b;
	--bs-gradient:none
}
.btn-outline-danger {
	--bs-btn-color:#dc3545;
	--bs-btn-border-color:#dc3545;
	--bs-btn-hover-color:#fff;
	--bs-btn-hover-bg:#dc3545;
	--bs-btn-hover-border-color:#dc3545;
	--bs-btn-focus-shadow-rgb:220,53,69;
	--bs-btn-active-color:#fff;
	--bs-btn-active-bg:#dc3545;
	--bs-btn-active-border-color:#dc3545;
	--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
	--bs-btn-disabled-color:#dc3545;
	--bs-btn-disabled-bg:transparent;
	--bs-btn-disabled-border-color:#dc3545;
	--bs-gradient:none
}
.btn-outline-light {
	--bs-btn-color:#f8f9fa;
	--bs-btn-border-color:#f8f9fa;
	--bs-btn-hover-color:#000;
	--bs-btn-hover-bg:#f8f9fa;
	--bs-btn-hover-border-color:#f8f9fa;
	--bs-btn-focus-shadow-rgb:248,249,250;
	--bs-btn-active-color:#000;
	--bs-btn-active-bg:#f8f9fa;
	--bs-btn-active-border-color:#f8f9fa;
	--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
	--bs-btn-disabled-color:#f8f9fa;
	--bs-btn-disabled-bg:transparent;
	--bs-btn-disabled-border-color:#f8f9fa;
	--bs-gradient:none
}
.btn-outline-dark {
	--bs-btn-color:#212529;
	--bs-btn-border-color:#212529;
	--bs-btn-hover-color:#fff;
	--bs-btn-hover-bg:#212529;
	--bs-btn-hover-border-color:#212529;
	--bs-btn-focus-shadow-rgb:33,37,41;
	--bs-btn-active-color:#fff;
	--bs-btn-active-bg:#212529;
	--bs-btn-active-border-color:#212529;
	--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
	--bs-btn-disabled-color:#212529;
	--bs-btn-disabled-bg:transparent;
	--bs-btn-disabled-border-color:#212529;
	--bs-gradient:none
}
.btn-link {
	--bs-btn-font-weight:400;
	--bs-btn-color:var(--bs-link-color);
	--bs-btn-bg:transparent;
	--bs-btn-border-color:transparent;
	--bs-btn-hover-color:var(--bs-link-hover-color);
	--bs-btn-hover-border-color:transparent;
	--bs-btn-active-color:var(--bs-link-hover-color);
	--bs-btn-active-border-color:transparent;
	--bs-btn-disabled-color:#6c757d;
	--bs-btn-disabled-border-color:transparent;
	--bs-btn-box-shadow:none;
	--bs-btn-focus-shadow-rgb:49,132,253;
	text-decoration:underline
}
.btn-link:focus-visible {
	color:var(--bs-btn-color)
}
.btn-link:hover {
	color:var(--bs-btn-hover-color)
}
.btn-group-lg>.btn,.btn-lg {
	--bs-btn-padding-y:0.5rem;
	--bs-btn-padding-x:1rem;
	--bs-btn-font-size:1.25rem;
	--bs-btn-border-radius:0.5rem
}
.btn-group-sm>.btn,.btn-sm {
	--bs-btn-padding-y:0.25rem;
	--bs-btn-padding-x:0.5rem;
	--bs-btn-font-size:0.875rem;
	--bs-btn-border-radius:0.25rem
}
.btn-primary {
	padding:5 30 5 30;
	--bs-btn-color:#fff;
	--bs-btn-bg:#0d6efd;
	--bs-btn-border-color:#0d6efd;
	--bs-btn-hover-color:#fff;
	--bs-btn-hover-bg:#0b5ed7;
	--bs-btn-hover-border-color:#0a58ca;
	--bs-btn-focus-shadow-rgb:49,132,253;
	--bs-btn-active-color:#fff;
	--bs-btn-active-bg:#0a58ca;
	--bs-btn-active-border-color:#0a53be;
	--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
	--bs-btn-disabled-color:#fff;
	--bs-btn-disabled-bg:#0d6efd;
	--bs-btn-disabled-border-color:#0d6efd;
	animation:blink 1s;
	animation-iteration-count:10000;
	font-size:15px;
	font-weight:bold;
}
.btn-warning {
	padding:5 30 5 30;
	--bs-btn-color:#000;
	--bs-btn-bg:#28315b;
	--bs-btn-border-color:#28315b;
	--bs-btn-hover-color:#000;
	--bs-btn-hover-bg:#ffca2c;
	--bs-btn-hover-border-color:#28315b;
	--bs-btn-focus-shadow-rgb:217,164,6;
	--bs-btn-active-color:#000;
	--bs-btn-active-bg:#ffcd39;
	--bs-btn-active-border-color:#28315b;
	--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
	--bs-btn-disabled-color:#000;
	--bs-btn-disabled-bg:#28315b;
	--bs-btn-disabled-border-color:#28315b;
	animation:blink 1s;
	animation-iteration-count:10000;
	font-size:15px;
	font-weight:bold;
	color:#323232;
}
@keyframes blink {
	50% {
		border-color:#fff;
	}
}
*,::after,::before {
	box-sizing:border-box;
}
.carousel {
	position:relative;
}
.carousel.pointer-event {
	touch-action:pan-y;
}
.carousel-inner {
	position:relative;
	width:100%;
	overflow:hidden;
}
.carousel-inner::after {
	display:block;
	clear:both;
	content:"";
}
.carousel-item {
	position:relative;
	display:none;
	float:left;
	width:100%;
	margin-right:-100%;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	transition:transform .6s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
	.carousel-item {
		transition:none;
	}
}
.carousel-item-next,.carousel-item-prev,.carousel-item.active {
	display:block;
}
.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start) {
	transform:translateX(100%);
}
.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end) {
	transform:translateX(-100%);
}
.carousel-fade .carousel-item {
	opacity:0;
	transition-property:opacity;
	transform:none;
}
.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active {
	z-index:1;
	opacity:1;
}
.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start {
	z-index:0;
	opacity:0;
	transition:opacity 0s .6s;
}
@media (prefers-reduced-motion:reduce) {
	.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start {
		transition:none;
	}
}
.carousel-control-next,.carousel-control-prev {
	position:absolute;
	top:0;
	bottom:0;
	z-index:1;
	display:flex;
	align-items:center;
	justify-content:center;
	width:15%;
	padding:0;
	color:#fff;
	text-align:center;
	background:0 0;
	border:0;
	opacity:.5;
	transition:opacity .15s ease;
}
@media (prefers-reduced-motion:reduce) {
	.carousel-control-next,.carousel-control-prev {
		transition:none;
	}
}
.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover {
	color:#fff;
	text-decoration:none;
	outline:0;
	opacity:.9;
}
.carousel-control-prev {
	left:0;
}
.carousel-control-next {
	right:0;
}
.carousel-control-next-icon,.carousel-control-prev-icon {
	display:inline-block;
	width:2rem;
	height:2rem;
	background-repeat:no-repeat;
	background-position:50%;
	background-size:100% 100%
}
.carousel-control-prev-icon {
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}
.carousel-control-next-icon {
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
.carousel-indicators {
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	z-index:2;
	display:flex;
	justify-content:center;
	padding:0;
	margin-right:15%;
	margin-bottom:1rem;
	margin-left:15%;
	list-style:none;
}
.carousel-indicators [data-bs-target] {
	box-sizing:content-box;
	flex:0 1 auto;
	width:30px;
	height:3px;
	padding:0;
	margin-right:3px;
	margin-left:3px;
	text-indent:-999px;
	cursor:pointer;
	background-color:#fff;
	background-clip:padding-box;
	border:0;
	border-top:10px solid transparent;
	border-bottom:10px solid transparent;
	opacity:.5;
	transition:opacity .6s ease;
}
@media (prefers-reduced-motion:reduce) {
	.carousel-indicators [data-bs-target] {
		transition:none;
	}
}
.carousel-indicators .active {
	opacity:1;
}
.carousel-caption {
	position:absolute;
	right:15%;
	bottom:1.25rem;
	left:15%;
	padding-top:1.25rem;
	padding-bottom:1.25rem;
	color:#fff;
	text-align:center;
}
.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon {
	filter:invert(1) grayscale(100)
}
.carousel-dark .carousel-indicators [data-bs-target] {
	background-color:#000;
}
.carousel-dark .carousel-caption {
	color:#000;
}
[data-bs-theme=dark] .carousel .carousel-control-next-icon,[data-bs-theme=dark] .carousel .carousel-control-prev-icon {
	filter:invert(1) grayscale(100)
}
[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target] {
	background-color:#000;
}
[data-bs-theme=dark] .carousel .carousel-caption {
	color:#000;
}
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto;
}
.row {
	display:flex;
	flex-wrap:wrap;
	margin-right:-15px;
	margin-left:-15px;
}
.row>* {
	flex-shrink:0;
	width:100%;
	max-width:100%;
	padding-right:calc(var(--bs-gutter-x) * .5);
	padding-left:calc(var(--bs-gutter-x) * .5);
	margin-top:var(--bs-gutter-y);
}
body {
	background-color:#121212;
	font-family:Arial,Helvetica,sans-serif;
}
.nav {
	background:#00adfa;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	padding:var(--n-space-s) var(--n-space);
}
.logo {
	background-color:#000;
	border-radius:10px;
	transform:skewY(-3deg) skewX(-17deg);
	padding:36px 25px 16px 66px;
	margin:-30px 0 -20px -65px;
	display:flex;
	align-items:center;
}
.logo-inner {
	transform:skewY(3deg) skewX(17deg);
	display:flex;
	align-items:center;
	padding-left:5px;
}
.button-wrapper {
	display:flex;
	align-items:center;
	padding:0px 10px 0px 0px;
}
.button-wrapper a:first-child {
	margin-right:0.5rem;
}
.news {
	background-color:#00adfa;
	display:flex;
	margin:3 0 3 0;
}
.news img {
	width:40px;
}
.marquee-text {
	overflow:hidden;
	line-height:25px;
	position:relative;
	width:100%;
	font-weight:550;
	font-family:font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	padding:0 0 0 5;
	color:#323232;
	font-size:14px;
}
.marquee-text p {
	position:absolute;
	width:100%;
	height:100%;
	transform:translateX(100%);
	margin:0;
}
.marquee-text p:nth-child(1) {
	animation:left-one 10s infinite
}
.marquee-text p:nth-child(2) {
	animation:left-two 10s infinite
}
.marquee-text p:nth-child(3) {
	animation:left-one 10s infinite
}
.marquee-text p:nth-child(4) {
	animation:left-two 10s infinite
}
.normal {
	-webkit-marquee:auto medium infinite scrollnormal;
}
.alter {
	-webkit-marquee:auto medium infinite alternate normal;
}
.up {
	-webkit-marquee:up medium infinite scroll normal;
}
@keyframes left-one {
	0% {
		transform:translateX(100%)
	}
	10% {
		transform:translateX(0%)
	}
	40% {
		transform:translateX(0%)
	}
	41% {
		transform:translateX(5%)
	}
	50% {
		transform:translateX(-100%)
	}
	100% {
		transform:translateX(-100%)
	}
}
@keyframes left-two {
	0% {
		transform:translateX(100%)
	}
	50% {
		transform:translateX(100%)
	}
	60% {
		transform:translateX(0%)
	}
	90% {
		transform:translateX(0%)
	}
	91% {
		transform:translateX(5%)
	}
	100% {
		transform:translateX(-100%)
	}
}
.rawr {
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	padding:0;
}
.carousel-inner img {
	width:100%;
	height:100%;
}
.top1 {
	position:fixed;
	z-index:999;
	width:100%;
	top:0%;
}
.slide {
	margin-top:10%;
}
.scrolled-down {
	transform:translateY(0);
	transition:all 0.3s ease-in-out;
}
.scrolled-up {
	transform:translateY(-500%);
	transition:all 0.3s ease-in-out;
}
.topnav {
	z-index:999;
	position:fixed;
}
.slot {
	display:block;
}
.slot .content {
	float:none;
	width:100%;
	padding:0;
	flex:0 0 100%;
	max-width:100%;
	background-color:#000000a8;
	border:5px solid #00ffff
}
.wrapper {
	width:100%;
	padding:0;
	overflow:hidden;
	position:relative;
	z-index:0;
}
.cari {
	margin-bottom:5px;
}
.wrapper {
	width:100%;
	padding:0;
	overflow:hidden;
	position:relative;
	z-index:0;
}
.search-icon {
	position:absolute;
	top:10px;
	left:10px;
	width:14px;
}
.search {
	border:1px solid #ffcc00;
	border-radius:10px;
	height:35px;
	width:100%;
	padding:2px 23px 2px 35px;
	outline:0;
	background-color:#ffcc00;
	color:#fff;
}
a:active,a:hover {
	outline:0;
	text-decoration:none;
}
a {
	background-color:transparent;
	text-decoration:none;
}
.footertext {
	background:#00adfa;
	margin-bottom:2em;
	padding:2em;
	width:100%;
	border-radius:5px;
	border-top:3px solid #000;
	color:#323232;
	font-family:Arial,Helvetica,sans-serif;
	text-align:justify;
}
.footertext p {
	margin-bottom:15px;
}
.footertext h1 {
	font-size:25px;
	margin-bottom:10px;
	text-align:center;
}
.footertext h2 {
	font-size:20px;
	margin-bottom:10px;
	text-align:center;
}
.footertext h3 {
	font-size:18px;
	margin-bottom:10px;
}
.card {
	float:left;
	width:20%;
	background:transparent;
	border:none;
	text-align:center;
	position:relative;
}
.card-content {
	margin:7px 7px 3px 7px;
	color:#fff;
	font-size:12px;
	border:none;
	overflow:hidden;
	position:relative;
	background:linear-gradient(0deg,#012b11 5%,#00ff63 50%);
	border-radius:5px;
}
.m-hide {
	color:#fff;
	text-decoration:none;
	font-size:10px;
	white-space:nowrap;
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
}
.m-hide b {
}
.percent {
	height:20px;
	display:flex;
	overflow:hidden;
	line-height:1;
	font-size:0.75rem;
	background-color:#6d8b96;
	border-radius:0.25rem;
	position:relative;
	z-index:1;
	margin:5px 10px 10px 10px;
}
.percent p {
	z-index:15;
	position:absolute;
	text-align:left;
	margin-left:2em;
	width:100%;
	font-size:14px;
	font-weight:bold;
	transform:translateY(3px);
	color: black;
}
.percent-bar {
	background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	background-size:1rem 1rem;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column;
	-ms-flex-pack:center;
	justify-content:center;
	overflow:hidden;
	color:#fff;
	text-align:center;
	white-space:nowrap;
	/* background-color:#00adfa;
	*/
	transition:width 0.6s ease;
	-webkit-animation:progress-bar-stripes 1s linear infinite;
	animation:progress-bar-stripes 1s linear infinite;
	/* animation:;
	*/
	z-index:10;
}
@-webkit-keyframes progress-bar-stripes {
	0% {
		background-position-x:1rem
	}
}
@keyframes progress-bar-stripes {
	0% {
		background-position-x:1rem
	}
}
.yellow {
	background-color:#28315b;
}
.green {
	background-color:#28a745;
}
.red {
	background-color:#dc3545;
}
.hover-btn {
	position:absolute;
	opacity:0;
	background-color:rgba(0,0,0,0.80);
	transition:all 0.45s ease-in-out;
	z-index:10;
	width:100%;
	height:100%;
	border-radius:5px;
}
.play-btn {
	font-size:15px;
	text-decoration:none;
	color:rgb(f,0,0);
	text-align:center;
	align-items:center;
	width:98px;
	margin:25% auto;
	padding:8px;
	margin-top:90px;
	background-image:linear-gradient(0deg,#00adfa,#30f27b);
	border-radius:5px;
}
.img-zoom {
	transition:all 0.45s ease-in-out;
	height:130px;
	border-radius:5px;
	margin-bottom:1px;
}
.hover-btn:hover {
	opacity:100%;
}
.hover-btn:hover ~ .img-zoom {
	transform:scale(1.2);
	position:relative;
}
@media (min-width:576px) {
	.container {
		max-width:540px;
	}
}
@media (min-width:768px) {
	.container {
		max-width:720px;
	}
}
@media (min-width:992px) {
	.container {
		max-width:960px;
	}
}
@media (min-width:1200px) {
	.container {
		max-width:1024px;
	}
}
@media (max-width:992px) {
	.card {
		width:50% !important;
	}
}
@media only screen and (max-width:768px) {
	.provider-pilihan {
		padding:7px !important;
	}
	.provider-colum {
		padding:5px !important;
	}
	.provider-canvas {
		padding:3px !important;
	}
	.provider-canvas img {
		width:30px !important;
	}
	.provider-canvas p {
		font-size:1em !important;
	}
	.m-hide {
		font-size:.8em !important;
	}
	@media only screen and (max-width:472px) {
		.provider-canvas p {
			font-size:1em !important;
			white-space:nowrap;
			width:100%;
			overflow:hidden;
			text-overflow:ellipsis;
		}
	}
	@media only screen and (max-width:330px) {
		.provider-canvas p {
			font-size:1em !important;
			white-space:nowrap;
			width:100%;
			overflow:hidden;
			text-overflow:ellipsis;
		}
	}
}
.btn-primary {
	padding:5 15 5 15;
	--bs-btn-color:#000;
	--bs-btn-bg:#ffcc00;
	--bs-btn-border-color:#0d6efd;
	--bs-btn-hover-color:#000;
	--bs-btn-hover-bg:#ff8c07;
	--bs-btn-hover-border-color:#0a58ca;
	--bs-btn-focus-shadow-rgb:49,132,253;
	--bs-btn-active-color:#000;
	--bs-btn-active-bg:#ff8c07;
	--bs-btn-active-border-color:#0a53be;
	--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
	--bs-btn-disabled-color:#000;
	--bs-btn-disabled-bg:#0d6efd;
	--bs-btn-disabled-border-color:#0d6efd
}
.btn-warning {
	padding:5 15 5 15;
	--bs-btn-color:#000;
	--bs-btn-bg:#ffcc00;
	--bs-btn-border-color:#28315b;
	--bs-btn-hover-color:#000;
	--bs-btn-hover-bg:#ffca2c;
	--bs-btn-hover-border-color:#28315b;
	--bs-btn-focus-shadow-rgb:217,164,6;
	--bs-btn-active-color:#000;
	--bs-btn-active-bg:#ffcd39;
	--bs-btn-active-border-color:#28315b;
	--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
	--bs-btn-disabled-color:#000;
	--bs-btn-disabled-bg:#28315b;
	--bs-btn-disabled-border-color:#28315b
}
footer {
	text-align:center;
	color:#fff;
	width:100%;
}
.provider-pilihan {
	margin:0px auto;
	padding:10px 80px;
	border-radius:20px;
}
.provider-colum {
	float:left;
	width:33.3%;
	padding:10px;
	text-align:center;
}
.provider-canvas:hover {
	box-shadow:0px 0px 0px 2px #ffe600;
	color:#ffe600;
	transition:all 0.3s ease-in-out;
}
.provider-canvas.active {
	box-shadow:0px 0px 0px 2px #ffcc00;
	color:#ffa600;
}
.provider-canvas {
	background:#00adfa;
	border-radius:20px;
	padding:5px;
	color:#191b1a;
	animation:blink 1s;
	animation-iteration-count:10000;
	border:1px #323232 solid;
	font-size:15px;
}
.provider-canvas p {
	font-size:1em;
	display:inline-block;
	vertical-align:middle;
}
.provider-canvas img {
	display:inline-block;
	width:50px;
	vertical-align:middle;
}
@keyframes blink {
	50% {
		border-color: #fff;
	}
}
/* popup style*/
.popup-container {
	display:none;
	width:100vw;
	height:100vh;
	position:fixed;
	z-index:9999;
	background:#080808b0;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.popup-body {
	width:347px;
	height:530px;
	margin:1% auto;
	background:#fff;
	border-radius:0px;
	color:#000;
}
.popup-img {
	width:450px;
	height:555px;
	margin:8% auto;
}
.popup-img-close {
	cursor:pointer;
	width:36px;
	height:36px;
	background:white;
	color:black;
	float:right;
	padding:5px;
	border-radius:100px;
	position:absolute;
	margin-left:-7px;
	margin-top:-20px
}
@media (max-width:512px) {
	.popup-body {
		width:310px;
		margin:10% auto;
	}
}
@media (min-width:993px) {
	.popup-img-close {
		margin-left:42px;
		margin-top:-12px;
	}
}
.popup-header {
	height:48px;
	width:100%;
	background:linear-gradient(90deg,#00adfa,#01aa42);
	float:left;
	color:#000;
}
.popup-header h6 {
	margin:13px;
}
.popup-content {
	width:100%;
	height:auto;
	padding:15px 39px;
	float:left;
	font-size:12px;
}
.pola-content {
	width:100%;
	height:auto;
	float:left;
	font-size:12px;
}
.pola-content .yap {
	height:auto;
	width:100%;
	overflow-y:scroll;
	padding:15px 39px;
	height:200px;
	float:left;
	font-size:12px;
}
.col2 {
	width:50%;
}
.left {
	text-align:left;
}
.right {
	text-align:right;
}
.mrtop10 {
	margin-top:10px;
}
.hr {
	width:100%;
	height:2px;
	background:#5e5e5e;
	float:left;
}
.popup-label {
	width:100%;
	float:left;
	.bg-blue-buttonbackground:#f7df9c;
	padding:10px 15px;
	font-size:12px;
	color:#00adfa;
}
.popup-close {
	cursor:pointer;
	width:36px;
	height:36px;
	background:white;
	color:black;
	float:right;
	padding:5px;
	border-radius:100px;
	position:absolute;
	margin-top:-10px;
	margin-left:-9px;
}
.bg-blue-button {
	background:linear-gradient(0deg,#00adfa,#01aa42);
}
.bg-black-button {
	background:linear-gradient(0deg,#00adfa,#01aa42);
}
.popip-button:hover {
	filter:brightness(1.2);
	-webkit-filter:brightness(1.2);
	transition:all 0.3s ease-in-out;
}
.popip-button {
	cursor:pointer;
	width:50%;
	float:left;
	height: 40px;
}
/* Slideshow container */
.slideshow-images-container {
	max-width:100%;
	position:relative;
	margin:auto;
	margin-bottom: 6px;
}
/* Hide the images by default */
.slideshow-images {
	display: none;
}
/* Next & previous buttons */
.prev-slideshow-images,.next-slideshow-images {
	cursor:pointer;
	position:absolute;
	top:50%;
	width:auto;
	margin-top:-14px;
	padding:16px;
	color:white;
	font-weight:bold;
	font-size:18px;
	transition:0.6s ease;
	border-radius:0 3px 3px 0;
	user-select:none;
}
h1,h2,h3,h4,h5,h6,header,html,iframe,img,li,menu,nav,ol,p,span,table,tbody,td,tfoot,th,thead,tr,ul {
	font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
}
.fixed-footer {
	display:flex;
	justify-content:space-around;
	position:fixed;
	padding:5px 0;
	left:0;
	right:0;
	bottom:0;
	z-index:99;
	background:#00adfa;
	box-shadow:0px -20px 20px rgba(0,0,0,0.25);
}
.fixed-footer a {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.fixed-footer img {
	max-width:%;
	margin-bottom:5px;
	width:25px;
	height:25px;
}
.fixed-footer a {
	color:#323243;
}
@media(min-width:250px) {
	footer {
		padding-bottom:60px;
		color:#fff;
		text-align:center;
	}
	.last-footer {
	}
}
@media(min-width:768px) {
	footer {
		padding-bottom: 60px;
	}
	.last-footer {
	}
}
/* SECTION */
@media (min-width:768px) {
	.container,.container-md,.container-sm {
		max-width:720px;
	}
	footer {
		color:#fff;
		text-align:center;
	}
}
@media (min-width:992px) {
	.container,.container-lg,.container-md,.container-sm {
		max-width:960px;
	}
	footer {
		color:#fff;
		text-align:center;
	}
}
@media (min-width:1200px) {
	.container,.container-lg,.container-md,.container-sm,.container-xl {
		max-width:1140px;
	}
	footer {
		color:#fff;
		text-align:center;
	}
}
@media (min-width:1400px) {
	.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
		max-width:1320px;
	}
	footer {
		color:#fff;
		text-align: center;
	}
}