/**
 * Marqen Code Editor v3.1.0
 * Type: css
 * Generated: 2026-04-22 08:10:07
 */

/* === Desktop / Global === */
.page_content{
	margin:0px;
}
.cz_ajax_loadmore a, .cz_ajax_infinite a {
  display: inline-block;
  padding: 8px 20px;
  background: #111;
  color: #fff;
  margin: 20px 0 0;
  overflow: hidden;
  border: 2px solid transparent;
  transition: all .2s linear;
  border-radius: 100px;
  text-transform: uppercase;
  font-size: 14px;
}
.marqen-polylang-wrap {
  position: relative;
  display: inline-block;
  min-width: 190px;
}

.marqen-polylang-native {
  position: absolute !important;
  inset: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

.marqen-polylang-dropdown {
  position: relative;
  width: 100%;
}

.marqen-polylang-trigger {
  width: 100%;
  min-height: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 30px 8px 0px;
  border-bottom: 1px solid #111;
  background: #fff;
  color: #111;
  font: inherit;
	text-transform:uppercase;
  line-height: 1.2;
  cursor: pointer;
  transition: border-color .25s ease, box-shadow .25s ease, background-color .25s ease;
  position: relative;
}

.marqen-polylang-trigger:hover {
  border-color: #000;
}

.marqen-polylang-trigger:focus {
  outline: none;
  border-color: #000;
}

.marqen-polylang-trigger::after {
  content: "";
  position: absolute;
  right: 5px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: translateY(-60%) rotate(45deg);
  transition: transform .25s ease;
  pointer-events: none;
}

.marqen-polylang-wrap.is-open .marqen-polylang-trigger::after {
  transform: translateY(-20%) rotate(-135deg);
}

.marqen-polylang-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid rgba(17,17,17,.1);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity .25s ease, transform .25s ease, visibility .25s ease;
  z-index: 9999;
}

.marqen-polylang-wrap.is-open .marqen-polylang-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.marqen-polylang-item {
  margin: 0;
  padding: 0;
}

.marqen-polylang-option {
  display: block;
  width: 100%;
  background: transparent;
  border: 0;
  padding: 10px 16px;
  text-align: left;
  color: #111;
  font: inherit;
	text-transform:uppercase;
  line-height: 1.3;
  cursor: pointer;
  transition: background-color .2s ease;
}

.marqen-polylang-option:hover,
.marqen-polylang-option:focus,
.marqen-polylang-option.is-active {
  background: rgba(17,17,17,.05);
  outline: none;
}


.logo_2_header_2_center_3 {
  opacity: 0;
  transform: translateY(18px);
  animation: marqenLogo2Reveal 1s cubic-bezier(.22,.61,.36,1) forwards;
  will-change: opacity, transform;
}

@keyframes marqenLogo2Reveal {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.single .cz_post_content a {
  font-weight: 400;
}
.active_offcanvas .offcanvas-close {
  visibility: visible;
  opacity: 1;
  color: #111 !important;
  font-size: 24px;
  position: fixed;
  left: 80px !important;
  z-index: 99999999 !important;
  display: block;
  top: 5px !important;
  overflow: visible;
}
#menu_header_3::before
.page_content {
  position: relative;
  margin: 40px 0 0 0;
}
p {
  margin-bottom: 20px;
}
.cz_grid_posts .cz_grid_item:hover img {
  transform: scale(1);
}
select {
  border: none;
  border-bottom: solid 1px #111;
background:none!important;
background-image: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
  <polyline points='6 9 12 15 18 9' fill='none' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/>\
  </svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right 0px center !important;
  background-size: 24px !important;
	 -webkit-appearance: none!important;
}
.wpcf7-list-item {
  margin: 0;
}
.privacy-text{
	font-weight:600;
}
.marqen-submit-wrap {
  margin-top: 10px;
}
#lang_choice_polylang-2 {
  padding-left: 0;
  text-transform: uppercase;
}
.cz_grid_1 .cz_grid_item > div:hover .cz_grid_link::before, .cz_grid_1.cz_grid_1_hide_on_hover .cz_grid_link::before {
  opacity: 0;
}
.marqen-grid-2 .cz_post_excerpt {
  padding-left: 40px;
  padding-right: 40px;
}
#breadcrumb{
border-top: solid 1px #adadad;
  border-bottom: solid 1px #adadad;
}
.marqen-breadcrumb{
padding:20px 0;
text-transform: uppercase;
}
.marqen-breadcrumb a {
color:#adadad;
font-weight:400!important;
}
.marqen-breadcrumb i {
  margin: 0 5px;
}
.wpcf7-submit {
  background-color: #111 !important;
  color: #fff !important;
  border: none !important;
}
#site_footer .s3{
width:25%;
}
#site_footer .col{
margin-left:0;
}

.header_1{
	border:none!important;
	height:60px;
}

/* khusus icon menu offcanvas */
i.czico-057-menu-6{
  filter:
    drop-shadow(0.15px 0 0 currentColor)
    drop-shadow(-0.15px 0 0 currentColor)
    drop-shadow(0 0.15px 0 currentColor)
    drop-shadow(0 -0.15px 0 currentColor);
}
.codevz-menus-opacity .sf-menu:hover > .cz > a {
  opacity: 0.3!important;
}
.codevz-menus-opacity .sf-menu > .cz:hover > a, .codevz-menus-opacity .sf-menu ul > .cz:hover > a {
  opacity: 1!important;
}

.cz_readmore > span, .more-link > span {
  display: inline-block;
  vertical-align: baseline;
}

.marqen-underline-hover .cz_grid_post_title, .marqen-related-inline__link {
  position: relative;
  display: inline-block;
}

.marqen-underline-hover .cz_grid_post_title::after, .marqen-related-inline__link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0;
  height: 1px;
  background: currentColor;
  transition: width .35s ease;
}

.marqen-underline-hover .cz_grid_post_title:hover::after, .marqen-related-inline__link:hover::after {
  width: 100%;
}

.header_1.have_center.header_is_sticky.cz_menu_fx_fade_in .logo_header_1_center_1, .header_4.have_center.header_is_sticky.cz_menu_fx_fade_in .logo_header_4_center_5 {
  opacity: 0;
  transition: opacity 0.8s cubic-bezier(.4,0,.2,1);
  will-change: opacity;
}
.header_4.have_center.header_is_sticky.cz_menu_fx_fade_in.onSticky .logo_header_4_center_5{
	opacity:1!important;
}
.header_1.have_center.header_is_sticky.cz_menu_fx_fade_in.onSticky .logo_header_1_center_1 {
  opacity: 1;
}
@media (min-width: 481px) and (max-width: 1024px) {
    .arrows_bc .slick-arrow {
        top: 85%!important;
    }
}
@media (max-width:768px) and (min-width:480px) {
.show_on_tablet,
	.show_only_tablet {
		display: none !important
	}
}
/* ===== DESKTOP: Tabs Mode ===== */
.col.s4.sidebar_footer-1 img {
    width: 200px;
margin-bottom:40px;
}
.textwidget p {
  text-decoration: none !important;
}
.page_footer .codevz-widget-title {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 8%;
  font-weight: 400;
margin-bottom:0px;
 text-decoration: none !important;
}
.vc_tta-tabs-list .vc_tta-tab > a {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.vc_tta-title-text::after {
content: var(--fa);
  --fa: '\e93e';
  font-family: "czicons";
  font-size: 24px;
  opacity: 0;
  transform: translateX(-6px);
  transition: all 0.3s ease;
  display: flex;
  justify-content: flex-end;
  float: right;
}

.vc_tta-tab.vc_active .vc_tta-title-text::after{
  opacity: 1;
  transform: translateX(4px);
}

/* ===== MOBILE: Accordion Mode ===== */
@media (max-width: 480px) {
 .vc_tta-tabs-list .vc_tta-tab > a {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.vc_tta-title-text::after {
content: var(--fa);
  --fa: '\e93e';
  font-family: "czicons";
  font-size: 24px;
  opacity:1;
 transform: translateX(-6px)rotate(90deg);
  transition: all 0.3s ease;
  display: flex;
  justify-content: flex-end;
  float: right;
}
.vc_active .vc_tta-title-text::after{
  opacity: 1;
 transform: translateX(-6px)rotate(-90deg);
}
}

/* === Tablet (max-width: 1024px) === */
@media (max-width: 1024px) {
.logo_is_img.logo_2 {
  max-width: 280px;
}
}

/* === Mobile (max-width: 767px) === */
@media (max-width: 767px) {
.header_4 .row.elms_row {
  width: 95% !important;
}
#menu_header_4::before {
  content: "";
  height: 1px;
  background-color: #adadad;
  width: 100%;
  position: absolute;
  left: 0;
  top: 55px;
}
	.marqen-breadcrumb{
padding:15px 0;
text-transform: uppercase;
}
	.copyright .brand, .copyright .company {
  display: block;
}
.copyright .separator{
display:none;
}
	.active_offcanvas .offcanvas-close {
  visibility: visible;
  opacity: 1;
  color: #111 !important;
  font-size: 24px;
  position: fixed;
  left: 10px !important;
  z-index: 99999999 !important;
  display: block;
  top: -5px !important;
  overflow: visible;
}
	.xtra-mobile-menu-additional {
  margin-top: auto;
  padding-top: 20px;
  text-align: center;
  font-size: 14px;
  position: absolute;
  right: 20px;
  top: -10px;
}
	.footer_1_center {
  text-align: left !important;
}
.marqen-grid-2 .cz_post_excerpt {
  padding-left: 0px;
  padding-right: 0px;
}
.reverse-col-mobile{
  flex-direction: column-reverse;
}
#site_footer .cz_middle_footer{
		display:none;
	}
	.elms_right.footer_2_right {
  margin-bottom:0;
}
.footer_2{
  padding-top:40px !important;
}
.elms_left.footer_2_left {
  flex-direction: column;
}
.cz_elm.icon_footer_2_left_10.inner_icon_footer_2_left_0 {
  margin-right: 0px !important;
}
.elms_left.footer_2_left {
  margin-bottom: 20px;
}
    .slick-slider:not(.cz_ticker) .slick-list {
        overflow: visible !important;
        clip-path: none !important;
        -webkit-clip-path: none !important;
        transform: scale(1) !important;
    }
.have_center .elms_center {
  margin: 0 auto;
  flex-basis: 40%;
}
.cz_popup_modal .cz_close_popup{
top:0;
right:0;
}
.footer_2 .elms_left > div {
    float: none;
}
.col.s4.sidebar_footer-1 img {
    width: 140px;
margin-bottom:10px;
}
}