/*
 * Qline
 * Wunik theme [https://wunik.id]
 * Designed by Degiam [https://degiam.github.io]
 * Copyright (c) 2022
 */

/* Default Style
 * -----------------
 */

	/* Base */
		@import url('https://fonts.googleapis.com/css2?family=Volkhov:wght@400;700&display=swap');

		:root {
			color-scheme: light dark;
			--font-title: 'Volkhov', sans-serif;
			--theme-1: #f30e0e;
			--theme-1-hover: #b90900;
			--theme-1-alt: #d53232;
			--theme-2: #ffd641;
			--theme-2-alt: #ffe37c;
			--black: #000;
			--dark: #2e0808;
			--darken: #160505;
		}

		::-moz-selection {
			color: var(--dark);
			background-color: var(--theme-2);
		}
		::selection {
			color: var(--dark);
			background-color: var(--theme-2);
		}

		body {
			font-size: .875rem;
			cursor: default;
		}

		.container,.container-fluid {
			padding-right: 1.5rem;
			padding-left: 1.5rem;
		}

		.btn,
		.form-control,
		.form-select,
		.input-group-text,
		.dropdown-menu {
			font-size: .875rem;
		}

		a {
			color: var(--theme-1);
		}
		a:hover,
		a:focus {
			color: var(--theme-1-hover);
		}

		h1, h2, h3, h4, h5, h6 {
			font-family: var(--font-title);
		}

		.font-title {
			font-family: var(--font-title);
		}

	/* Hover */
		a, a:hover,
		.btn, .btn:hover {
			-webkit-transition: all .25s ease;
			-moz-transition: all .25s ease;
			transition: all .25s ease;
		}

	/* Focus */
		:focus {
			outline: 0;
		}
		a:-webkit-any-link:focus {
			outline-offset: 0;
		}

		button:focus {
			outline: 0;
		}

		.btn:focus,
		.btn.active:focus,
		.btn:active:focus,
		.show>.btn-dark.dropdown-toggle:focus,
		.btn-close:focus,
		.page-link:focus,
		.form-control:focus,
		.custom-control-input:focus~.custom-control-label:before {
			box-shadow: none !important;
		}
		.form-control:focus {
			border-color: var(--theme-1) !important;
		}

		[class^="form-"]:focus,
		[class^="form-"].is-valid:focus,
		.was-validated [class^="form-"]:valid:focus,
		[class^="form-"].is-invalid:focus,
		.was-validated [class^="form-"]:invalid:focus,
		[class^="custom-"]:focus,
		[class^="custom-"].is-valid:focus,
		.was-validated [class^="custom-"]:valid:focus,
		[class^="custom-"].is-invalid:focus,
		.was-validated [class^="custom-"]:invalid:focus {
			outline: 0;
			box-shadow: none;
		}

		[type="checkbox"],
		[type="radio"],
		[type="radio"]+label {
			cursor: pointer;
		}

	/* Disable */
		a.disabled {
			pointer-events: none;
		}

	/* Color */
		.text-theme-1 {
			color: var(--theme-1);
		}
		.text-theme-2 {
			color: var(--theme-2);
		}
		.text-adaptive {
			color: var(--white);
		}
		.color-inherit {
			color: inherit;
		}

		.link-inverse {
			color: var(--white) !important;
		}
		.link-inverse:hover,
		.link-inverse:focus {
			color: var(--theme-2) !important;
		}

		.bg-dark {
			background-color: var(--dark) !important;
		}
		.bg-theme-1 {
			background-color: var(--theme-1);
		}
		.bg-theme-1-hover {
			background-color: var(--theme-1-hover);
		}
		.bg-theme-1-alt {
			background-color: var(--theme-1-alt);
		}
		.bg-theme-2 {
			background-color: var(--theme-2);
		}
		.bg-theme-2-alt {
			background-color: var(--theme-2-alt);
		}
		.bg-darken {
			background-color: var(--darken);
		}

	/* Opacity */
		.opacity {
			opacity: 1;
		}
		.opacity-0 {
			opacity: 0;
		}
		.opacity-1 {
			opacity: .1;
		}
		.opacity-2 {
			opacity: .2;
		}
		.opacity-3 {
			opacity: .3;
		}
		.opacity-4 {
			opacity: .4;
		}
		.opacity-5 {
			opacity: .5;
		}
		.opacity-6 {
			opacity: .6;
		}
		.opacity-7 {
			opacity: .7;
		}
		.opacity-8 {
			opacity: .8;
		}
		.opacity-9 {
			opacity: .9;
		}

	/* Button */
		.btn-danger,
		.btn-danger:not(:disabled):not(.disabled).active,
		.btn-danger:not(:disabled):not(.disabled):active,
		.show>.btn-danger.dropdown-toggle,
		.btn-outline-danger:hover,
		.btn-outline-danger.focus,
		.btn-outline-danger:focus,
		.btn-outline-danger:not(:disabled):not(.disabled).active,
		.btn-outline-danger:not(:disabled):not(.disabled):active,
		.show>.btn-outline-danger.dropdown-toggle {
			background-color: var(--theme-1);
			border-color: var(--theme-1);
		}
		.btn-danger:hover,
		.btn-danger.focus,
		.btn-danger:focus {
			background-color: var(--theme-1-hover);
			border-color: var(--theme-1-hover);
		}
		.btn-outline-danger {
			color: var(--theme-1);
			border-color: var(--theme-1);
		}

	/* Border */
		.rounded-1 {
			border-radius: .25rem !important;
		}
		.rounded-2 {
			border-radius: .5rem !important;
		}
		.rounded-3 {
			border-radius: .75rem !important;
		}
		.rounded-top-0 {
			border-top-left-radius: 0 !important;
			border-top-right-radius: 0 !important;
		}
		.rounded-bottom-0 {
			border-bottom-left-radius: 0 !important;
			border-bottom-right-radius: 0 !important;
		}
		.rounded-left-0 {
			border-top-left-radius: 0 !important;
			border-bottom-left-radius: 0 !important;
		}
		.rounded-right-0 {
			border-top-right-radius: 0 !important;
			border-bottom-right-radius: 0 !important;
		}
		@media (min-width: 768px) {
			.rounded-top-md-0 {
				border-top-left-radius: 0 !important;
				border-top-right-radius: 0 !important;
			}
			.rounded-bottom-md-0 {
				border-bottom-left-radius: 0 !important;
				border-bottom-right-radius: 0 !important;
			}
			.rounded-left-md-0 {
				border-top-left-radius: 0 !important;
				border-bottom-left-radius: 0 !important;
			}
			.rounded-right-md-0 {
				border-top-right-radius: 0 !important;
				border-bottom-right-radius: 0 !important;
			}
		}

	/* Shadow */
		.shadow {
			box-shadow: 0 0 .5rem rgba(0,0,0,.05), 0 0 1rem rgba(0,0,0,.05) !important;
		}

	/* Border */
		.border {
			border-color: rgba(0,0,0,.05)!important;
		}

	/* Cursor */
		.cursor-default {
			cursor: default;
		}
		.cursor-pointer {
			cursor: pointer;
		}

	/* Overflow */
		@media (min-width: 576px) {
			.overflow-sm-init {
				overflow: initial !important;
			}
		}
		@media (min-width: 768px) {
			.overflow-md-init {
				overflow: initial !important;
			}
		}
		@media (min-width: 992px) {
			.overflow-lg-init {
				overflow: initial !important;
			}
		}
		@media (min-width: 1200px) {
			.overflow-xl-init {
				overflow: initial !important;
			}
		}

	/* Dimension */
		.w-fit-content {
			width: -moz-fit-content;
			width: fit-content;
		}
		@media (min-width: 576px) {
			.w-sm-init {
				width: initial !important;
			}
			.w-sm-25 {
				width: 25% !important;
			}
			.w-sm-50 {
				width: 50% !important;
			}
			.w-sm-75 {
				width: 75% !important;
			}
			.w-sm-100 {
				width: 100% !important;
			}
			.mw-sm-fit-content {
				max-width: -moz-fit-content;
				max-width: fit-content;
			}
		}
		@media (min-width: 768px) {
			.w-md-init {
				width: initial !important;
			}
			.w-md-25 {
				width: 25% !important;
			}
			.w-md-50 {
				width: 50% !important;
			}
			.w-md-75 {
				width: 75% !important;
			}
			.w-md-100 {
				width: 100% !important;
			}
		}
		@media (min-width: 992px) {
			.w-lg-init {
				width: initial !important;
			}
			.w-lg-25 {
				width: 25% !important;
			}
			.w-lg-50 {
				width: 50% !important;
			}
			.w-lg-75 {
				width: 75% !important;
			}
			.w-lg-100 {
				width: 100% !important;
			}
		}
		@media (min-width: 1200px) {
			.w-xl-init {
				width: initial !important;
			}
			.w-xl-25 {
				width: 25% !important;
			}
			.w-xl-50 {
				width: 50% !important;
			}
			.w-xl-75 {
				width: 75% !important;
			}
			.w-xl-100 {
				width: 100% !important;
			}
		}

	/* Spacing */
		.lh-1 {
			line-height: 1;
		}
		.lh-2 {
			line-height: 1.25;
		}
		.lh-3 {
			line-height: 1.5;
		}
		.lh-4 {
			line-height: 2;
		}

		.ls-1 {
			letter-spacing: 1px;
		}
		.ls-2 {
			letter-spacing: 2px;
		}
		.ls-3 {
			letter-spacing: 3px;
		}
		.ls-n1 {
			letter-spacing: -1px;
		}
		.ls-n2 {
			letter-spacing: -2px;
		}
		.ls-n3 {
			letter-spacing: -3px;
		}

		.ws-init {
			white-space: initial;
		}
		.ws-nowrap {
			white-space: nowrap;
		}

		p:last-child {
			margin-bottom: 0;
		}

	/* Type */
		.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
			font-weight: 700;
		}
		.font-weight-semibold {
			font-weight: 600!important;
		}
		.word-break-normal {
			word-break: normal;
		}

	/* Position */
		.top {
			top: 0;
		}
		.bottom {
			bottom: 0;
		}
		.left {
			left: 0;
		}
		.right {
			right: 0;
		}

		.index-1 {
			z-index: 1;
		}
		.index-2 {
			z-index: 11;
		}
		.index-3 {
			z-index: 111;
		}
		.index-4 {
			z-index: 1111;
		}
		.index-5 {
			z-index: 11111;
		}
		.index-n1 {
			z-index: -1;
		}
		.index-n2 {
			z-index: -11;
		}
		.index-n3 {
			z-index: -111;
		}
		.index-n4 {
			z-index: -1111;
		}
		.index-n5 {
			z-index: -11111;
		}

	/* Image */
		img {
			image-rendering: -webkit-optimize-contrast;
			image-rendering: -moz-crisp-edges;
			image-rendering: -o-crisp-edges;
			image-rendering: crisp-edges;
		}
		.obj-fit-cover {
			object-fit: cover;
		}
		.obj-fit-contain {
			object-fit: contain;
		}
		.filter-white {
			filter: brightness(0) invert(1);
		}
		.flip-x {
			transform: scaleX(-1);
		}
		.flip-y {
			transform: scaleY(-1);
		}

	/* Size */
		.fs-1 {
			font-size: calc(1.1rem + 1.5vw) !important;
		}
		.fs-2 {
			font-size: calc(1.4rem + .9vw) !important;
		}
		.fs-3 {
			font-size: calc(1.3rem + .6vw) !important;
		}
		.fs-4 {
			font-size: calc(1.275rem + .3vw) !important;
		}
		.fs-5 {
			font-size: calc(1.2rem + .2vw) !important;
		}
		.fs-6 {
			font-size: calc(.85rem + .2vw) !important;
		}
		.fs-7 {
			font-size: .75rem !important;
		}

	/* Form */
		.form-control::-webkit-input-placeholder {
			color: rgba(0,0,0,.5);
		}
		.form-control::-moz-placeholder {
			color: rgba(0,0,0,.5);
		}
		.form-control:-ms-input-placeholder {
			color: rgba(0,0,0,.5);
		}
		.form-control:-moz-placeholder {
			color: rgba(0,0,0,.5);
		}

		input::-webkit-outer-spin-button,
		input::-webkit-inner-spin-button {
			-webkit-appearance: none;
			margin: 0;
		}
		input[type=number] {
			-moz-appearance: textfield;
		}

		form label {
			font-size: .8rem;
			margin-bottom: .25rem;
			opacity: .5;
		}
		form label[for*="captcha"] {
			color: rgba(33,37,41,.5);
			opacity: 1;
		}
		form label[for*="captcha"] *:not(img):not(div) {
			opacity: .5;
		}

	/* Tooltip */
		.tooltip-inner {
			font-size: .8rem;
		}

	/* Dropdown */
		.dropdown-item {
			color: rgba(0,0,0,.6);
			padding: .5rem 1rem;
		}
		.dropdown-item.open,
		.dropdown-item.active,
		.dropdown-item:active {
			color: var(--dark);
			background-color: transparent;
		}
		.dropdown-item:focus,
		.dropdown-item:hover {
			background-color: transparent;
		}
		.dropdown > .dropdown-menu {
			border: 0;
		}
		.dropdown-menu .dropdown-menu {
			position: relative !important;
			border: none;
			padding-top: 0;
			padding-bottom: 0;
			padding: 0 0 0 1rem;
		}
		.dropdown-toggle {
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
			white-space: initial;
			word-break: break-all;
		}
		.dropdown-toggle .badge {
			margin-top: -1px;
			margin-left: 7px;
		}

		.dropdown-toggle:after,
		.dropup .dropdown-toggle:after,
		.dropleft .dropdown-toggle:after,
		.dropright .dropdown-toggle:after {
			border: 0;
			min-width: 1rem;
			width: 1rem;
			height: 1rem;
			margin-top: 4px;
			background-repeat: no-repeat;
		}
		.dropdown-toggle:after {
			background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"/></svg>');
		}
		.dropup .dropdown-toggle:after {
			background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z"/></svg>');
		}
		.dropleft .dropdown-toggle:after {
			background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z"/></svg>');
		}
		.dropright .dropdown-toggle:after {
			background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"/></svg>');
		}

		@media (min-width: 768px) {
			.dropdown > .dropdown-menu {
				box-shadow: 0 .25rem .75rem rgba(0,0,0,.1);
			}
			.dropdown > .dropdown-toggle {
				padding-right: 1rem !important;
			}
			.dropdown-item {
				padding: .5rem 2rem .5rem 1rem;
			}
			.dropdown-toggle:after,
			.dropup .dropdown-toggle:after,
			.dropleft .dropdown-toggle:after,
			.dropright .dropdown-toggle:after {
				margin-right: -15px;
			}
		}
		@media (max-width: 767px) {
			.dropdown > .dropdown-menu {
				padding: 0;
				margin: 0;
			}
			.dropdown-menu {
				background-color: transparent;
			}
		}
		.no-toggle:after {
			display: none !important;
		}

	/* Carousel */
		.carousel-control-next,
		.carousel-control-prev {
			width: 10%;
			border: none;
			background-color: transparent;
		}
		.carousel:not(:hover) .carousel-control-next-icon,
		.carousel:not(:hover) .carousel-control-prev-icon {
			opacity: 0;
		}
		.carousel-control-next-icon,
		.carousel-control-prev-icon {
			width: 2rem;
			height: 2rem;
			-webkit-transition: all .25s ease;
			-moz-transition: all .25s ease;
			transition: all .25s ease;
		}
		.carousel-control-next-icon {
			background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23000"><path d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"/></svg>');
		}
		.carousel-control-prev-icon {
			background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23000"><path d="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z"/></svg>');
		}

	/* Modal */
		.modal-backdrop.show {
			opacity: .75;
		}

	/* Breadcrumb */
		.breadcrumb a {
			color: inherit;
			text-decoration: none;
		}
		.breadcrumb a:not(:hover) {
			opacity: .5;
		}
		.breadcrumb-item {
			text-transform: uppercase;
		}
		.breadcrumb-item.active {
			color: var(--dark);
		}

	/* Pagination */
		.pagination {
			display: block;
		}
		.page-item {
			display: inline-block;
			vertical-align: top;
		}
		.page-link {
			color: var(--theme-1);
			background: transparent;
			border: none;
			border-radius: .5rem;
			padding: 0.75rem 1rem;
			line-height: 1;
		}
		.page-link:hover {
			color: var(--theme-1);
			background-color: rgba(0,0,0,.03) !important;
		}
		.page-item.active .page-link {
			background-color: var(--theme-1) !important;
		}
		.page-item.disabled .page-link {
			background: transparent;
		}
		.page-item:first-child .page-link,
		.page-item:last-child .page-link {
			color: transparent !important;
			box-sizing: border-box;
			position: relative;
			display: block;
			-webkit-transform: scale(var(--ggs,1));
			-moz-transform: scale(var(--ggs,1));
			transform: scale(var(--ggs,1));
		}
		.page-item:first-child .page-link:before,
		.page-item:last-child .page-link:before {
			content: '';
			display: block;
			box-sizing: border-box;
			position: absolute;
			width: 8px;
			height: 8px;
			border-bottom: 2px solid;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
		}
		.page-item:first-child .page-link:before {
			right: -5px;
			border-left: 2px solid;
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			transform: rotate(45deg);
		}
		.page-item:last-child .page-link:before {
			left: -5px;
			border-right: 2px solid;
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
		.page-item:first-child .page-link:before,
		.page-item:last-child .page-link:before {
			color: var(--theme-1);
		}
		.page-item.disabled:first-child .page-link:before,
		.page-item.disabled:last-child .page-link:before {
			color: var(--black);
			opacity: .25;
		}
		.dark .page-item.disabled:first-child .page-link:before,
		.dark .page-item.disabled:last-child .page-link:before {
			color: var(--white);
			opacity: .5;
		}
		.dark .page-item:not(.disabled):first-child .page-link:before,
		.dark .page-item:not(.disabled):last-child .page-link:before {
			color: var(--theme-2);
		}
		.dark .page-item:not(.disabled):first-child:hover .page-link:before,
		.dark .page-item:not(.disabled):last-child:hover .page-link:before {
			color: var(--white);
		}

/* Theme Style
 * -----------------
 */

	/* Layout */
		body {
			display: flex;
			flex-direction: column;
			height: 100vh;
			padding-top: 82px;
		}
		footer {
			margin-top: auto;
		}
		footer a {
			color: var(--white);
		}
		footer a:hover,
		footer a:focus {
			color: var(--theme-2);
		}
		@media (max-width: 767px) {
			body {
				padding-top: 72px;
			}
			header .navbar {
				padding-left: 1.5rem;
				padding-right: 1.5rem;
			}
		}
		@media (min-width: 768px) and (max-width: 991px) {
			.container {
				max-width: initial;
			}
			header .container {
				padding-left: .5rem;
				padding-right: .5rem;
			}
		}
		@media (min-width: 768px) {
			.footer-left {
				max-width: calc(100% - 180px);
			}
		}
		@media (min-width: 1400px) {
			.container {
				max-width: 1340px;
			}
		}

	/* Navbar */
		.navbar {
			-webkit-backdrop-filter: blur(.25rem);
			backdrop-filter: blur(0.25rem);
			-webkit-transition: all .25s ease;
			-moz-transition: all .25s ease;
			transition: all .25s ease;
		}
		.navbar a {
			text-decoration: none;
		}
		.navbar-brand {
			font-size: 1.5rem;
		}
		.navbar-brand img {
			width: auto;
			height: 40px;
		}
		.navbar-light {
			background-color: rgba(255,255,255,.95);
		}
		.navbar-dark {
			background-color: rgba(46,8,8,.8);
		}
		.navbar-light .navbar-nav .nav-link {
			color: var(--dark);
		}
		.navbar-dark .navbar-nav .nav-link {
			color: var(--white);
		}
		.navbar-light .navbar-nav .nav-link:focus,
		.navbar-light .navbar-nav .nav-link:hover {
			color: var(--theme-1);
		}
		.navbar-dark .navbar-nav .nav-link:focus,
		.navbar-dark .navbar-nav .nav-link:hover {
			color: var(--warning);
		}
		.navbar-light .nav-item .dropdown-menu > .active > .dropdown-item {
			color: var(--black);
		}
		.navbar-dark .nav-item .dropdown-menu > .active > .dropdown-item {
			color: var(--white);
		}
		.navbar .nav-item {
			position: relative;
		}
		.navbar .nav-item.active:before {
			content: '';
			position: absolute;
			margin: auto;
			opacity: .75;
		}
		.navbar .nav-item.active:before {
			background-color: var(--warning);
		}
		@media (max-width: 767px) {
			.navbar .nav-item.active:before {
				width: 5px;
				height: 5px;
				border-radius: 50%;
				left: -12px;
				bottom: 17px;
			}
		}
		@media (min-width: 768px) {
			.navbar .nav-item.active:before {
				width: 50%;
				height: 3px;
				left: 0;
				right: 0;
				bottom: 5px;
			}
			.navbar .nav-item.dropdown.active:before {
				right: 13px;
			}
		}
		[data-target="#navbarMenu"] {
			color: var(--dark);
		}
		[data-target="#navbarMenu"]:hover,
		[data-target="#navbarMenu"][aria-expanded="true"] {
			color: var(--theme-1);
		}
		@media (min-width: 768px) {
			#navbarMenu .dropdown-menu {
				z-index: 1111;
			}
			#navbarMenu > ul > li > .dropdown-menu {
				max-height: calc(100vh - 75px);
				overflow: auto;
			}
		}
		@media (max-width: 767px) {
			.navbar {
				overflow: auto;
				max-height: 100vh;
			}
			.navbar-brand img {
				height: 30px;
			}
			#navbarMenu .nav-link {
				font-size: 1rem;
			}
			#navbarMenu > ul > li {
				padding-top: .5rem;
			}
			#navbarMenu > ul > li:last-child {
				padding-bottom: 1rem;
			}
			#navbarMenu .dropdown-item {
				padding-right: 0;
			}
			#navbarButton .nav-move {
				display: none;
			}
			.menu-opened {
				overflow: hidden;
			}
		}

	/* Background */
		.bg-logo {
			background-repeat: no-repeat;
			background-blend-mode: soft-light;
			background-position: 70vw 20vh;
			background-size: 50vh;
		}
		@media (max-width: 767px) {
			.bg-logo {
				background-position: 60vw 5vh;
			}
		}

	/* Ellipsis */
		.ellipsis {
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
		}
		.line-1 {
			-webkit-line-clamp: 1;
		}
		.line-2 {
			-webkit-line-clamp: 2;
		}
		.line-3 {
			-webkit-line-clamp: 3;
		}
		.line-4 {
			-webkit-line-clamp: 4;
		}
		.line-5 {
			-webkit-line-clamp: 5;
		}
		.line-6 {
			-webkit-line-clamp: 6;
		}
		.line-7 {
			-webkit-line-clamp: 7;
		}
		.line-8 {
			-webkit-line-clamp: 8;
		}
		.line-9 {
			-webkit-line-clamp: 9;
		}
		.line-10 {
			-webkit-line-clamp: 10;
		}

	/* Language */
		[data-title="language"] .dropdown-toggle:after {
			margin-top: 1px;
			background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23fff"><path d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"/></svg>');
		}
		[data-title="language"] .dropdown-menu {
			background-color: var(--theme-1-hover);
		}

	/* Chat */
		.chat-wa {
			background: rgb(32,181,59);
			background: linear-gradient(25deg, rgba(32,181,59,1) 0, rgba(85,255,121,1) 100%);
		}

	/* Table */
		.table {
			color: inherit;
		}

	/* Form */
		input::-webkit-date-and-time-value {
			text-align: left;
		}
		input[type="date"]::-webkit-calendar-picker-indicator,
		input[type="time"]::-webkit-calendar-picker-indicator {
			opacity: 0;
			cursor: pointer;
		}
		[data-title="search"][data-type="form"] .form-control,
		[data-title="newsletter"] .form-control {
			width: 100% !important;
			height: auto;
			padding: .75rem 3rem .75rem 1.25rem;
		}

		.captcha-img {
			max-width: 40%;
		}
		.captcha-img img {
			min-width: 100px;
			max-width: 100%;
		}
		@media (min-width: 576px) {
			.captcha-img img {
				min-width: 160px;
			}
		}
		[data-title="testimonial"][data-type="form"] .captcha-img {
			max-width: initial;
		}

	/* Scrolled Content */
		.scroll-horizontal {
			-ms-overflow-style: none;
			scrollbar-width: none;
		}
		.scroll-horizontal::-webkit-scrollbar {
			display: none;
		}
		@media (max-width: 767px) {
			.scroll-horizontal {
				width: calc(100% + 30px);
				flex-wrap: nowrap;
				overflow: auto;
				cursor: -webkit-grab;
				cursor: grab;
			}
			.scroll-horizontal:active {
				cursor: -webkit-grabbing;
				cursor: grabbing;
			}
		}
		@media (max-width: 575px) {
			.scroll-horizontal {
				width: 100vw;
				margin: 0 -1.5rem;
				padding: 0 1rem;
			}
		}

	/* Pill */
		.pills-responsive a {
			border-color: rgba(0,0,0,.1);
		}
		.pills-responsive a [class*="opacity"] {
			margin-top: 2px;
		}
		.pills-responsive a.active {
			color: var(--white);
			background-color: var(--theme-1);
			border-color: var(--theme-1);
		}
		.pills-responsive a.active [class*="opacity"] {
			opacity: 1;
		}

	/* Home */
		.bg-fluid-left {
			background-color: var(--theme-1-alt);
		}
		.bg-fluid-left a:hover,
		.bg-fluid-left a:focus {
			color: var(--theme-2);
		}
		.bg-fluid-left:before,
		.bg-fluid-left:after {
			content: '';
			position: absolute;
			top: 0;
			width: 50vw;
			height: 100%;
			background-color: var(--theme-1-alt);
			z-index: -1;
		}
		.bg-fluid-left:before {
			left: -25vw;
		}
		.bg-fluid-left:after {
			right: -25vw;
		}
		@media (min-width: 768px) {
			.bg-fluid-left:before {
				right: initial;
			}
			.bg-fluid-left:after {
				display: none;
			}
		}

	/* List */
		[data-title="category"][data-type="list"] small {
			margin-top: -2px;
		}
		[data-title="category"][data-type="list"] .list-group-item,
		[data-title="related"][data-type="list"] .list-group-item {
			border-color: rgba(255,255,255,.35);
		}

		[data-title="tag"][data-type="list"] a:hover {
			color: var(--dark) !important;
			background-color: var(--theme-2);
		}

		[data-title="agenda"]:not([data-type="list"]):not([data-type="detail"]) {
			min-height: 250px;
		}

		[data-title="gallery"] .product-list img,
		[data-title="gallery"] .product-detail img {
			border: 2px solid transparent;
			-webkit-transition: all .25s ease;
			-moz-transition: all .25s ease;
			transition: all .25s ease;
		}
		[data-title="gallery"] .product-list a:hover img,
		[data-title="gallery"] .product-detail li:hover img {
			border-color: rgba(0,0,0,.1);
			padding: .5rem;
		}
		[data-title="gallery"] .product-home img {
			border: 3px solid transparent;
		}
		[data-title="gallery"] .product-home a:hover img {
			border-color: rgba(0,0,0,.1);
			padding: .75rem;
		}

	/* Detail */
		[data-type="detail"] .post-content img {
			max-width: 100% !important;
			height: auto !important;
		}

		[data-title="agenda"]
		[data-title="agenda"] .event {
			min-width: 70px;
		}

		[data-title="gallery"] .product-detail {
			flex-direction: row;
			flex-wrap: wrap;
		}
		[data-title="gallery"] .product-detail li {
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
		}
		@media (min-width: 768px) {
			[data-title="gallery"] .product-detail li {
				-ms-flex: 0 0 50%;
				flex: 0 0 50%;
				max-width: 50%;
			}
			[data-title="gallery"] .pagination {
				text-align: center;
			}
		}

		[data-title="gallery"] [data-category] h2 + a {
			min-width: 100px;
		}

		@media (max-width: 1199px) {
			[data-title="gallery"] .scroll-horizontal {
				width: calc(100% + 30px);
				flex-wrap: nowrap;
				overflow: auto;
				cursor: -webkit-grab;
				cursor: grab;
			}
			[data-title="gallery"] .scroll-horizontal:active {
				cursor: -webkit-grabbing;
				cursor: grabbing;
			}
		}
		@media (max-width: 991px) {
			[data-title="gallery"] .scroll-horizontal {
				width: 100vw;
				margin: 0 -1.5rem;
			}
		}
		@media (max-width: 767px) {
			[data-title="gallery"] .scroll-horizontal {
				width: auto;
				margin: 0 -1rem;
			}
		}
		@media (max-width: 575px) {
			[data-title="gallery"] .scroll-horizontal {
				width: 100vw;
				margin: 0 -1.5rem;
				padding: 0 1rem;
			}
		}

	/* Carousel */
		.carousel-caption {
			color: var(--dark);
			margin: auto;
			top: 0;
			bottom: 0;
			right: 1.5rem;
			left: 1.5rem;
			height: -moz-fit-content;
			height: fit-content;
			padding-top: 72px;
			padding-bottom: 0;
		}
		.carousel .text-dark {
			color: var(--black) !important;
		}
		.carousel .text-shadow {
			text-shadow: 0 0 .5rem rgba(255,255,255,.75),0 0 1rem rgba(255,255,255,1);
		}
		[data-title="slider"] {
			margin-top: -72px;
		}
		/*[data-title="slider"] .parallax {
			min-height: 720px;
		}*/
		@media (min-width: 768px) {
			/*.carousel-caption {
				padding-top: 82px;
			}*/
			.carousel-caption p {
				width: 50ch;
				margin-left: auto;
				margin-right: auto;
			}
			[data-title="slider"] {
				margin-top: -82px;
			}
			/*[data-title="slider"] .parallax {
				min-height: 100vh;
			}*/
		}

	/* Poll */
		.btn-radio {
			position: relative;
		}
		.btn-radio:not(:last-child) {
			margin-bottom: .75rem;
		}
		.btn-radio label {
			display: block;
			background-color: rgba(0,0,0,.05);
			padding: .75rem .75rem .75rem 2.75rem;
			margin-bottom: 0;
			cursor: pointer;
			opacity: 1;
			-webkit-transition: all .25s ease;
			-moz-transition: all .25s ease;
			transition: all .25s ease;
		}
		.btn-radio label:after,
		.btn-radio label:before {
			content: '';
			position: absolute;
			left: .75rem;
			top: .65rem;
			width: 1.3rem;
			height: 1.3rem;
			border-radius: .25rem;
			background-color: var(--theme-1);
		}
		.btn-radio label:before {
			width: 0;
			height: 0;
			z-index: 2;
			overflow: hidden;
			-webkit-transition: 0.1s width cubic-bezier(0.075, 0.82, 0.165, 1) 0s, 0.3s height cubic-bezier(0.075, 0.82, 0.165, 2) 0.1s;
			-moz-transition: 0.1s width cubic-bezier(0.075, 0.82, 0.165, 1) 0s, 0.3s height cubic-bezier(0.075, 0.82, 0.165, 2) 0.1s;
			transition: 0.1s width cubic-bezier(0.075, 0.82, 0.165, 1) 0s, 0.3s height cubic-bezier(0.075, 0.82, 0.165, 2) 0.1s;
			background-color: transparent;
			background-repeat: no-repeat;
			background-size: 13px;
			background-position: center;
			background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.3 13.2" fill="%23fff"><path d="M14.7.8l-.4-.4a1.7 1.7 0 0 0-2.3.1L5.2 8.2 3 6.4a1.7 1.7 0 0 0-2.3.1L.4 7a1.7 1.7 0 0 0 .1 2.3l3.8 3.5a1.7 1.7 0 0 0 2.4-.1L15 3.1a1.7 1.7 0 0 0-.2-2.3z"/></svg>');
		}
		.btn-radio input[type="radio"] {
			display: none;
			position: absolute;
			width: 100%;
			appearance: none;
		}
		.btn-radio input[type="radio"]:checked + label {
			color: var(--white);
			background-color: var(--theme-1);
			-webkit-transition: all .25s ease;
			-moz-transition: all .25s ease;
			transition: all .25s ease;
		}
		.btn-radio input[type="radio"]:checked + label:before {
			width: 1.3rem;
			height: 1.3rem;
		}
		.btn-radio input[type="radio"]:disabled + label,
		.btn-radio input[type="radio"][readonly] + label {
			opacity: .5;
		}
		.poll-percentage {
			height: 1.25rem;
		}

	/* Cart */
		#cartCount {
			margin-right: 2.25rem;
			min-width: 18px;
		}
		.qty .plus,
		.qty .minus {
			margin-top: 1px;
		}
		[data-category] .loading:before {
			content: '';
			position: absolute;
			top: -.5rem;
			bottom: -.5rem;
			left: -.5rem;
			right: -.5rem;
			background-color: var(--white);
			z-index: 1;
		}
		[data-category] .loading:after {
			content: '';
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
			width: 4rem;
			height: 4rem;
			background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="%23f30e0e" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite"/></path></svg>');
			z-index: 1;
		}
		.dark [data-category] .loading:before {
			background-color: var(--dark);
		}

		@media (max-width: 991px) {
			#cartPopup .modal-dialog {
				max-width: calc(100% - 2rem);
			}
		}
		@media (max-width: 767px) {
			.product-title {
				padding-right: 2.5rem;
			}
			.product-remove {
				top: 3rem;
				bottom: initial;
			}
			.qty-sub-total {
				opacity: .5;
			}
		}
		@media (max-width: 575px) {
			#cartPopup .modal-dialog,
			.modal-mobile .modal-dialog {
				display: block;
				min-height: 100%;
				max-width: 100%;
				margin: auto;
			}
			#cartPopup .modal-content,
			.modal-mobile .modal-content {
				border-radius: 0;
				min-height: 100vh;
			}
		}

		@media (min-width: 768px) {
			.product-remove {
				opacity: 0;
			}
			.qty-sub-total {
				transition: all .25s ease;
			}
			#cartDetail li:hover .product-remove {
				opacity: 1;
			}
			#cartDetail li:hover .qty-sub-total {
				margin-right: 1.5rem;
			}
		}

	/* Running Text */
		#marquee > * > *:not(:last-child):after {
			content: '\2022';
			margin-left: 1rem;
			color: var(--theme-1);
		}

	/* Search */
		.result-button > [aria-expanded="true"] {
			color: var(--white);
			background-color: var(--theme-1);
		}
		.result-button > [aria-expanded="true"] small {
			opacity: 1;
		}
		@media (max-width: 767px) {
			[data-title="search"][data-type="list"] .collapse {
				display: block;
			}
		}
		@media (min-width: 768px) {
			[data-title="search"] .pagination {
				text-align: center;
			}
		}

		@media (min-width: 768px) and (max-width: 1200px) {
			[data-title="search"] [data-title="gallery"] .scroll-horizontal {
				width: calc(100% + 30px);
				margin: 0 -15px;
				flex-wrap: wrap;
			}
		}

	/* Footer */
		@media (max-width: 991px) {
			[data-title="menu"] ul {
				display: flex !important;
				flex-direction: row;
				flex-wrap: wrap;
			}
			[data-title="menu"] li {
				max-width: 30%;
				flex: 0 0 30%;
			}
		}
		@media (max-width: 767px) {
			[data-title="menu"] li {
				max-width: 45%;
				flex: 0 0 45%;
			}
		}
		@media (max-width: 575px) {
			[data-title="menu"] ul {
				flex-direction: column;
			}
			[data-title="menu"] li {
				max-width: initial;
				flex: initial;
			}
		}

/* Dark Mode
 * -----------------
 */

	/* Base */
		:root {
			--light-1: #bbb;
			--light-2: #555;
			--light-3: #333;
			--dark-1: #1a0606;
			--dark-2: #200505;
			--dark-3: #100303;
		}
		.dark {
			color: var(--white);
			background-color: var(--dark-2);
		}

	/* Color */
		.dark .bg-light {
			background-color: var(--dark) !important;
		}
		.dark .bg-dark {
			background-color: var(--dark-1);
		}
		.dark .bg-darken {
			background-color: var(--dark-2) !important;
		}
		.dark .bg-adaptive {
			background-color: var(--dark) !important;
		}
		.dark .bg-adaptive-1 {
			background-color: var(--dark-1) !important;
		}
		.dark .bg-adaptive-2 {
			background-color: var(--dark-2) !important;
		}
		.dark .bg-adaptive-3 {
			background-color: var(--dark-3) !important;
		}
		.dark .text-adaptive {
			color: var(--dark) !important;
		}
		.dark .text-adaptive-inverse {
			color: var(--white) !important;
		}
		.dark .btn-clear {
			color: inherit;
		}

	/* Border */
		.dark hr,
		.dark .list-group-item {
			border-color: rgba(255,255,255,.1);
		}
		.dark .bg-theme-2 .list-group-item,
		.dark .bg-theme-2-alt .list-group-item {
			border-color: rgba(0,0,0,.1);
		}

	/* Type */
		.dark h1:not([class*="text-theme"]),
		.dark h2:not([class*="text-theme"]),
		.dark h3:not([class*="text-theme"]),
		.dark h4:not([class*="text-theme"]),
		.dark h5:not([class*="text-theme"]),
		.dark h6:not([class*="text-theme"]) {
			color: var(--white);
		}

	/* Form */
		.dark .form-control::-webkit-input-placeholder {
			color: rgba(255,255,255,.5);
		}
		.dark .form-control::-moz-placeholder {
			color: rgba(255,255,255,.5);
		}
		.dark .form-control:-ms-input-placeholder {
			color: rgba(255,255,255,.5);
		}
		.dark .form-control:-moz-placeholder {
			color: rgba(255,255,255,.5);
		}
		.dark .form-control {
			color: var(--white);
			background-color: var(--dark-2);
		}
		.dark .form-control:not(.is-valid):not(.is-invalid) {
			border-color: #441111;
		}
		.dark .valid-feedback {
			color: var(--white);
		}
		.dark .invalid-feedback {
			color: var(--theme-2);
		}
		.dark form label[for*="captcha"] {
			color: rgba(187,187,187,.8);
		}
		.dark form label:not([for*="captcha"]):not(.form-check-label) {
			opacity: .8;
		}
		.dark .custom-select {
			background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23fff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e");
		}

	/* Breadcrumb */
		.dark .breadcrumb a:not(:hover) {
			opacity: 1;
		}
		.dark .breadcrumb-item.active {
			color: var(--white);
		}

	/* Navbar */
		.dark [data-target="#navbarMenu"] {
			color: var(--white);
		}

	/* Card */
		.dark .card .card-header,
		.dark .card .card-footer {
			border-color: rgba(255,255,255,.1);
		}

	/* Dropdown */
		.dark .dropdown-menu {
			color: var(--white);
		}
		.dark .dropdown-menu .dropdown-item {
			color: rgba(255,255,255,.7);
		}
		.dark .dropdown-menu .dropdown-item:focus,
		.dark .dropdown-menu .dropdown-item:hover,
		.dark .dropdown-item.open,
		.dark .dropdown-item.active,
		.dark .dropdown-item:active {
			color: var(--white);
		}
		.dark .dropdown-toggle:after {
			background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23fff"><path d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"/></svg>');
		}
		.dark .dropup .dropdown-toggle:after {
			background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23fff"><path d="M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z"/></svg>');
		}
		.dark .dropleft .dropdown-toggle:after {
			background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23fff"><path d="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z"/></svg>');
		}
		.dark .dropright .dropdown-toggle:after {
			background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23fff"><path d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"/></svg>');
		}
		@media (min-width: 768px) {
			.dark .dropdown-menu {
				background-color: var(--dark);
			}
		}

	/* Search */
		.dark .result-button > [aria-expanded="true"] {
			color: var(--white);
			background-color: var(--theme-1) !important;
		}

	/* Pill */
		.dark .pills-responsive a {
			color: inherit;
			border-color: rgba(255,255,255,.1);
		}
		.dark .pills-responsive a.active {
			color: var(--white);
		}

	/* Carousel */
		.dark .carousel-control-next-icon {
			background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23fff"><path d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"/></svg>');
		}
		.dark .carousel-control-prev-icon {
			background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23fff"><path d="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z"/></svg>');
		}

	/* Link */
		.dark a:not(.btn) {
			color: var(--theme-2);
		}
		.dark a:not(.btn):hover,
		.dark a:not(.btn):focus {
			color: var(--white);
		}

		.dark .navbar-brand,
		.dark footer a {
			color: var(--white) !important;
		}
		.dark footer a:hover {
			color: var(--theme-2) !important;
		}

		.dark [data-title="agenda"] a.color-inherit {
			color: inherit;
		}
		.dark [data-title="agenda"] a.color-inherit:hover,
		.dark [data-title="agenda"] a.color-inherit:focus {
			color: var(--theme-2);
		}

	/* Button */
		.dark [data-title="link"] .btn-outline-danger:not(:hover):not(:focus),
		.dark [data-title="gallery"].bg-light .btn-outline-danger:not(:hover):not(:focus) {
			color: var(--theme-2);
			border-color: var(--theme-2);
		}

	/* Gallery */
		.dark [data-title="gallery"] .product-home a:hover img {
			border-color: rgba(255,255,255,.25);
		}
		.dark [data-title="gallery"][data-type="category"] .custom-select {
			background-color: var(--theme-1);
			border-color: var(--theme-1) !important;
		}

/* Print
 * -----------------
 */

	@media print {
		@page {
			size: auto;
			margin: 20mm 20mm 20mm 20mm;
		}
		body {
			margin: 0;
			padding: 0;
			-webkit-print-color-adjust: exact;
		}
		header,
		footer,
		.no-print,
		.breadcrumb,
		.tooltip {
			display: none;
		}
	}

/* Override
 * -----------------
 */
	.datepicker-dropdown,
	.ui-timepicker-standard {
		z-index: 1111 !important;
	}
	.modal {
		z-index: 11140 !important;
	}
	.modal-backdrop {
		z-index: 11139 !important;
	}


/* add style (5 oktober 2022) */

	footer section:nth-child(3) {
    background-color: #808000!important;
	}

	@media (max-width: 768px) {
		.carousel-item .parallax {
		height: 0!important;
		padding: 0;
		padding-bottom: calc(100% * 3 / 4)!important;
		}
		#carousel .carousel-caption p {
	    display:none;
		}
		#carousel .carousel-caption .btn{
		    padding:2px 12px!important;
		    font-size:12px;
		}
	}

	.dark .form-control option {
	    color:#000000!important
	}

	/* 2022.12.09 */

	[data-title="welcome"] .parallax:after {
		background-image: none !important;
	}
	[data-title="welcome"] .col-md-7 {
		color: var(--dark-1);
		background-color: rgba(255,255,255,.8);
		border-radius: 1rem;
		padding: 2rem !important;
	}
	[data-title="welcome"] .col-md-7 > h2 {
		color: var(--dark-1);
	}
	.dark [data-title="welcome"] .col-md-7 {
		color: var(--white);
		background-color: rgba(47,8,9,.8);
	}
	.dark [data-title="welcome"] .col-md-7 > h2 {
		color: var(--white);
	}

	[data-title="running"] p {
		margin-bottom: 0;
	}
	#marquee > * > *:not(:last-child):after {
		margin-right: 1rem;
	}

	[data-title="slider"] {
		margin-top: 0 !important;
	}
	[data-title="slider"] .carousel-item img {
		width: 100%;
	}
	[data-title="slider"] .carousel-caption {
		padding-top: 0;
	}
	[data-title="slider"] a[href=""] {
		display: none;
	}