@import url("https://fonts.googleapis.com/css?family=IBM+Plex+Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i|Rubik:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
/*Social Media Colors*/
/*Theme Colors*/
/*Lite color*/
/*Theme Colors For Dark*/
/*---reset---*/
/*Body*/
/*@import url(color_theme.css);
@import url(style_rtl.css);
/*@import url(../../assets/icons/font-awesome/css/font-awesome.css);*/
@import url(../../assets/icons/font-awesome/css.6.2.1/all.css);
@import url(../../assets/icons/font-awesome/css.6.2.1/sharp-solid.css);
@import url(../../assets/icons/Ionicons/css/ionicons.css);
@import url(../../assets/icons/themify-icons/themify-icons.css);
@import url(../../assets/icons/glyphicons/glyphicon.css);
@import url(../../assets/icons/material-design-iconic-font/css/materialdesignicons.css);
/*@import url(../../assets/icons/linea-icons/linea.css);
@import url(../../assets/icons/flag-icon-css/css/flag-icon.css);
@import url(../../assets/icons/simple-line-icons/css/simple-line-icons.css);
@import url(../../assets/icons/cryptocoins-master/cryptocoins.css);
@import url(../../assets/icons/weather-icons/css/weather-icons.min.css);*/
@import url(../../assets/icons/iconsmind/style.css);
@import url(../../assets/icons/icomoon/style.css);
@import url(../../assets/vendor_components/animate/animate.css);

html {
	height: 100%;
	color: #000000;
}


/*-------------- FONTS AREA --------------*/
@font-face{
	font-family: ArgentL;
	src: url("../../assets/fonts/Argent/ArgentCF-Light.ttf");
	letter-spacing: 1px;
}
.f-argent-l{
	font-family: ArgentL;
}
.fs-0 {
  font-size: 0rem!important; }

.fs-10 {
  font-size: 0.7142857143rem !important; }

.fs-12 {
  font-size: 0.8571428571rem !important; }

.fs-14 {
  font-size: 1rem!important; }

.fs-16 {
  font-size: 1.1428571429rem!important; }

.fs-18 {
  font-size: 1.2857142857rem!important; }

.fs-20 {
  font-size: 1.4285714286rem!important; }

.fs-22 {
  font-size: 1.5714285714rem!important; }

.fs-24 {
  font-size: 1.7142857143rem!important; }

.fs-26 {
  font-size: 1.8571428571rem!important; }

.fs-30 {
  font-size: 2.1428571429rem!important; }

.fs-32 {
  font-size: 2.2857142857rem!important; }

.fs-36 {
  font-size: 2.5714285714rem!important; }

.fs-38 {
  font-size: 2.7142857143rem!important; }

.fs-40 {
  font-size: 2.8571428571rem!important; }

.fs-42 {
  font-size: 3rem!important; }

.fs-46 {
  font-size: 3.2857142857rem!important; }

.fs-48 {
  font-size: 3.4285714286rem!important; }

.fs-50 {
  font-size: 3.5714285714rem!important; }

.fs-60 {
  font-size: 4.2857142857rem!important; }

.fs-70 {
  font-size: 5rem!important; }

.fs-72 {
  font-size: 5.1428571429rem!important; }

.fs-76 {
  font-size: 5.4285714286rem!important; }

.fs-78 {
  font-size: 5.5714285714rem!important; }

.fs-80 {
  font-size: 5.7142857143rem!important; }

.fs-100 {
  font-size: 7.1428571429rem!important; }

.fs-140 {
  font-size: 10rem!important; }

.fs-180 {
  font-size: 12.8571428571rem!important; }

.fs-200 {
  font-size: 14.2857142857rem!important; }

.l-h-0 {
  line-height: 0rem!important; }

.l-h-10 {
  line-height: 0.7142857143rem!important; }

.l-h-12 {
  line-height: 0.8571428571rem!important; }

.l-h-14 {
  line-height: 1rem!important; }

.l-h-16 {
  line-height: 1.1428571429rem!important; }

.l-h-18 {
  line-height: 1.2857142857rem!important; }

.l-h-20 {
  line-height: 1.4285714286rem!important; }

.l-h-22 {
  line-height: 1.5714285714rem!important; }

.l-h-24 {
  line-height: 1.7142857143rem!important; }

.l-h-25 {
  line-height: 1.7857142857rem!important; }

.l-h-26 {
  line-height: 1.8571428571rem!important; }

.l-h-30 {
  line-height: 2.1428571429rem!important; }

.l-h-32 {
  line-height: 2.2857142857rem!important; }

.l-h-35 {
  line-height: 2.5rem!important; }

.l-h-36 {
  line-height: 2.5714285714rem!important; }

.l-h-38 {
  line-height: 2.7142857143rem!important; }

.l-h-40 {
  line-height: 2.8571428571rem!important; }

.l-h-42 {
  line-height: 3rem!important; }

.l-h-45 {
  line-height: 3.2142857143rem!important; }

.l-h-46 {
  line-height: 3.2857142857rem!important; }

.l-h-48 {
  line-height: 3.4285714286rem!important; }

.l-h-50 {
  line-height: 3.5714285714rem!important; }

.l-h-60 {
  line-height: 4.2857142857rem!important; }

.l-h-70 {
  line-height: 5rem!important; }

.l-h-72 {
  line-height: 5.1428571429rem!important; }

.l-h-76 {
  line-height: 5.4285714286rem!important; }

.l-h-78 {
  line-height: 5.5714285714rem!important; }

.l-h-80 {
  line-height: 5.7142857143rem!important; }

.l-h-100 {
  line-height: 7.1428571429rem!important; }

.l-h-140 {
  line-height: 10rem!important; }

.l-h-180 {
  line-height: 12.8571428571rem!important; }

.l-h-200 {
  line-height: 14.2857142857rem!important; }

.l-h-n {
  line-height: normal !important; }

.fw-100 {
  font-weight: 100; }

.fw-200 {
  font-weight: 200; }

.fw-300 {
  font-weight: 300; }

.fw-400 {
  font-weight: 400; }

.fw-500 {
  font-weight: 500; }

.fw-600 {
  font-weight: 600; }

.fw-700 {
  font-weight: 700; }

.fw-800 {
  font-weight: 800; }

.fw-900 {
  font-weight: 900; }

.fw-light {
  font-weight: 100; }

.fw-normal {
  font-weight: 400; }

.fw-medium {
  font-weight: 500; }

.fw-bold {
  font-weight: 700; }



/*-------------- NAVBAR AREA --------------*/
.bg-orange {
	background-color: #ff8800 !important;
}
.bg-yellow {
	background-color: #ffff00;
}
.bg-grey-light {
	background-color: #eaeaeaed;
}
.bg-orange-transparent {
	background-color: #ff880088 !important;
}
.bg-white-transparent {
	background-color: #ffffff87 !important;
}
.bg-light-blue{
	background-color: #d6ecfe;
}
.top-bar {
	background-color: #0033ffc4;
}
.navbar {
	background-color: #ffffff87;
	transition: .5s;
}
.navbar .nav-link {
	padding-left: 5px;
	padding-right: 5px;
}
.navbar .nav-link.active {
	color: #0033ff !important;
	font-weight: bold;
}
.navbar .nav-link.show{
	background-color: #0000004f;
	color: #ffffff;
}
.navbar .nav-link.show > i,
.navbar .nav-link.show > span {
	color: #ffffff !important;
}
.navbar .dropdown-menu.show {
	border: 1px solid #000000 !important;
	background-color: #061776ed;
}
.navbar .dropdown-menu.show .dropdown-divider {
	border-color: #ffffff4a;
}
.navbar .dropdown-menu.show .dropdown-item{
	min-width: 200px;
}
.navbar .dropdown-menu.show .dropdown-item,
.navbar .dropdown-menu.show .dropdown-header,
.navbar .dropdown-menu.show .dropdown-item * {
	color: #ffffffb0;
	white-space: inherit;
}
.navbar .dropdown-toggle{
	-webkit-transition: all 0.4s ease;
	  -o-transition: all 0.4s ease;
	  transition: all 0.4s ease;
}
.navbar .dropdown-menu {
	-webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
@media (min-width: 992px) {
	.navbar .dropdown-menu {
		display: block;
		top: 100%;
		visibility: hidden;
		transform: rotateX(-75deg);
		transform-origin: 0% 0%;
		transition: .5s;
		opacity: 0;
		height: 0px !important;
	}
	.navbar .dropdown-menu.show {
		transform: rotateX(0deg);
		visibility: visible;
		transition: .5s;
		opacity: 1;
		height: auto !important;
	}
	.navbar .dropdown-menu.show .dropdown-item {white-space: nowrap;}
	.dropdown-full{
		position: static;
	}
	.dropdown-full .dropdown-menu {
		width: 100%;
	}
}

.navbar .dropdown-menu.show .dropdown-item:hover,
.navbar .dropdown-menu.show .dropdown-item:hover * {
	color: #000000;
}
.navbar .navbar-nav > .nav-item:hover,
.navbar .navbar-nav > .dropdown:hover > a *{
	color: #000000;
}


/*-------------- NAVBAR AREA --------------*/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}



/*-------------- CAROUSEL AREA --------------*/
/*** Header ***/
.carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: start;
    z-index: 1;
}

.carousel-control-prev,
.carousel-control-next {
    width: 3rem;
	opacity: 1 !important;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 3rem;
    height: 3rem;
    background-color: var(--primary);
    border: 10px solid var(--primary);
}

.carousel-control-prev-icon {
    border-radius: 0 3rem 3rem 0;
}

.carousel-control-next-icon {
    border-radius: 3rem 0 0 3rem;
}

@media (max-width: 768px) {
    #header-carousel .carousel-item {
        position: relative;
        min-height: 450px;
    }
    
    #header-carousel .carousel-item img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}



.list-group-item a {
	color: inherit;
	text-decoration: none;
}
.text-semi-dark, .text-semi-dark * {
	color: #4d4d4d;
}
.dropdown-menu{
	border-radius: 0px;
}
.dropdown-toggle::after {
	display: none !important;
}

.pull-up{
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
}
.pull-up:hover{
	-webkit-transform: translateY(-4px) scale(1.02);
	-moz-transform: translateY(-4px) scale(1.02);
	-ms-transform: translateY(-4px) scale(1.02);
	-o-transform: translateY(-4px) scale(1.02);
	transform: translateY(-4px) scale(1.02);
	-webkit-box-shadow: 0 14px 24px rgba($black,.2);
	box-shadow: 0 14px 24px rgba($black,.2);
	z-index: 999;
}
.berita-beranda,
.berita-beranda * {
	transition: .5s;
}
.berita-beranda:hover{
	border-color: #198754;
}
.berita-beranda:hover .title{
	border-color: #198754 !important;
	background-color: #198754 !important;
	color: #ffffff !important
}
.berita-beranda .title{
	margin-top: -40px !important;
}
@media (min-width: 992px) {
	.rounded-lg-start{
		border-bottom-left-radius: var(--bs-border-radius) !important;
		border-top-left-radius: var(--bs-border-radius) !important;
		border-bottom-right-radius: 0 !important;
		border-top-right-radius: 0 !important;
	}
	.position-lg-absolute{
		position: absolute !important;
	}
	.berita-flex .title{
		width: 120%;
	}
	.berita-flex .title{
		margin-top: 0 !important;
	}
}
.hover-bg-light:hover {
	background-color: #ffffff21;
}

.ig {
	background: #d6249f;
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
	color: #fff;
}
.ig:hover{
	color: #fff;
}