/*font*/
@font-face {
    font-family: frutiger;
    src: url(./frutiger/FrutigerLTStd-Roman.otf);
}

body {
    font-family: frutiger;
}

header.menu-3 {
    
}

/* Paragraf dibiarkan sesuai teks asli (dulu ikut capitalize, sulit dibaca). */
h2, h3, h4 {
    text-transform: capitalize;
}

/* Judul halaman memakai h1 (SEO) tapi tampil sama seperti h2 lama. */
h1 {
    font-size: 32px;
    line-height: 32px;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: 5px;
}
.inner-banner h1 { font-size: 38px; line-height: 40px; letter-spacing: 7.5px; margin-bottom: 20px; }
.detail-content h1 { margin-bottom: 15px; }

.nav .logo {
	padding: 10px;
}

.nav .logo img {
	max-height: 80px;
}

.nav nav {
	padding: 15px 0;
}

@media (max-width: 992px) {
    .menu-3 .nav {
        height: 94px;
    }
    header.menu-3 .nav-menu-icon {
        margin-top: 30px;
    }
}

.color-1.hovered.menu-3 {
	/*background-color: #FFFFFF;*/
}

.menu-3 nav > ul > li {
	border-top: none;
    padding: 35px 10px 10px;
}

.menu-3 nav > ul > li.active {
	border-top: none;
    border-bottom: 3px solid #d4038d;
}

.menu-3 nav > ul > li:hover {
	border-top: none;
    border-bottom: 3px solid #d4038d;
}

.menu-3 nav > ul > li > a {
    font-weight: 400;
    font-size: 12px;
}

.loader-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.simple-tab .nav-tab-item {
    text-transform: capitalize;
}
.tabs-style-1.nav-tabs > li.active > a, .tabs-style-1.nav-tabs > li.active > a:focus, .tabs-style-1.nav-tabs > li.active > a:hover {
    background: rgba(0,3,5,0.7);
}
.tpl-tabs-cont {
    background: none;
}

.tabs-style-1.nav-tabs > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.main-slider .swiper-slide { min-height: 400px; }

.swiper-arrow-left { margin-top: 10px !important; }

.swiper-arrow-right { margin-top: 10px !important; }

.main-slider .swiper-slide img {
    width: 100%;
}

.tabbable {
    padding: 15px 0;
}

.tabbable .nav.nav-tabs {
    padding: 0px;
    padding-left: 15px;
}

.tabbable .nav.nav-tabs>li.active>a {
    background: #f8f8f8b5;
    color: #4d4d4d;
    border: none;
}

.tabbable .nav.nav-tabs>li>a {
    background: #4d4d4d;
    color: #f8f8f8;
    border: none;
}

.tabbable .tab-content {
    padding: 15px;
    background: #f8f8f8b5;
    margin-top: -3px;
}

.tabbable .tabs-block {
    color: #4d4d4d;
    border-bottom-color: #4d4d4d;
}

.tabbable .tabs-block .drop {
    color: #4d4d4d;
}

#banner {
    position: relative;
}

@media (min-width: 767px) {
    #banner #search {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
        padding: 70px;
    }

    .baner-tabs {
        position: relative;
        top: 0;
        bottom: auto;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        background-color: #464646;
    }
}

.tpl-tabs-cont {
    min-height: 110px;
    padding: 15px 0px;
    border-radius: 0;
}

.tabs-block h5 {
    padding-bottom: 17px;
}

.tab-pane .c-button {
    margin-top: 6px;
}

@media (max-width: 767px) {
    .baner-tabs {
        top: 0px;
    }

    .drop-tabs {
        top: 0px;
    }

    .tpl-tabs-cont {
        padding-top: 58px;
    }

    .tabs-block h5 {
        padding-bottom: 10px;
    }
}

.icon-block .icon-img {
    width: 100px !important;
}

/*.testi-wrap { background-color: rgba(70, 70, 70, 0.8); }*/

/*.bg-dark.type-2 { background-color: rgba(0,3,5,1); }*/

header {
    position: relative;
}

header.menu-3.scrol {
    position: fixed;
}

.tabs-style-1.nav-tabs > li > a {
    font-size: 13px;
}

.second-title h2.subtitle {
    font-size: 26px;
    font-weight: bold;
    word-spacing: 4px;
    text-transform: none;
}
.testimonials .second-title {
    padding: 50px 0 40px 0;
}
.testimoni .thumbnail .image {
    position: relative;
    overflow: hidden;
    height: 150px;
}

.testimoni .thumbnail .image img {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    min-width: 100%;
    height: 100%;
}

.testimoni .thumbnail .image:hover .overlay {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0.9;
    background-color: #464646;
}

.testimoni .thumbnail .image .overlay .fa-play-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.testi-wrap p {
	color: #ffffff;
}

.contact-info .contact-line {
    margin-bottom: 15px;
}
.contact-info .contact-line i{
    color: #ffffff !important;
}

.contact-info .contact-line span, .contact-info .contact-line a {
    color: #ffffff !important;
    font-weight: 700 !important;
}
footer {
    padding-top: 30px;
}
.footer-block {
    margin-bottom: 0px;
}
.footer-block img {
    float: right;
}
.footer-block .f_text {
    float: right;
    padding-bottom: 10px;
}

.detail-block p {
    text-transform: capitalize;
}
.detail-content ul {
    width: 100%;
}

.detail-content {
    color: #636363;
}

.services .media .media-left {
  height: 100px;
}
.services .media .media-object {
  max-width: 100px;
}
.services .media .media-heading {
  color: #000000;
}

.total {
    margin: 0;
    padding: 5px 0;
}

.total.value {
    color: #DA2C7F;
    margin-right: 20px;
}

.overlay-dark:before {
    position: absolute;
    content:"";
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0.6;
    background-color: #464646;
}

.paket-item {
    position: relative;
    padding: 15px;
}

.paket-item .paket-img {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
    z-index: 1;
}

.paket-item a {
    /*overflow: hidden;*/
    /*position: relative;*/
}

.paket-item a:after {
    position: absolute;
    content: "";
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    background: #000;
    opacity: 0.3;
    display: block;
}
.paket-item a:hover:after {
    opacity: 0.6;
}

.paket-item a:hover .paket-img {
    
}

.paket-item .product-title {
    color: #ffffff;
    position: absolute;
    z-index: 12;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-weight: bolder;
    letter-spacing: 2px;
    font-size: 20px;
    text-align: center;
    display: none;
}
.paket-item a:hover .product-title {
    display: inline-block;
}

.hotel-lists {
    padding: 40px 0 90px 0;
}

.hotel-lists .radius-top {
    height: 150px;
}
.hotel-lists .radius-top img {
    min-width: 100%;
    height: 100%;
}

.hotel-lists .radius-top:hover .price {
    display: none;
}

.hotel-lists .radius-top .depature-date {
    display: none;
    position: absolute;
    top: 0;
    padding: 20px;
    background: RGBA(70, 70, 70, 0.56);
    width: 100%;
    height: 100%;
    color: #ffffff;
}

.hotel-lists .radius-top:hover .depature-date  {
    display: block;
    cursor: pointer;
}

.hotel-lists .depature-date .date-lists {
    margin-top: 10px;
}

.hotel-lists .depature-date .date-lists li a {
    font-weight: bold;
}

.hotel-lists .product-title {
    padding: 10px 20px;
    background-color: #464646;
    color: #ffffff;
    height: 64px;
}

.hotel-lists .product-title h4 {
    font-size: 14px;
}

.hotel-lists .hotel-item.style-5 .title {
    padding: 10px 20px;
}

.hotel-item.style-2 .title h4 {
    text-transform: capitalize;
}

.hotel-item .title p {
    min-height: 90px;
}

.hotel-lists .hotel-item .c-price {
    font-size: 20px;
}
.hotel-lists .hotel-item .c-button {
    padding: 10px;
    margin-top: -18px;
}
.hotel-item .hotel-person {
    text-transform: capitalize;
}
.hotel-item .title a {
    text-transform: capitalize;
}

@media (min-width: 480px) {
.hotel-lists .hotel-item .c-price {
        float: left;
    }
.hotel-lists .hotel-item .c-button {
        float: right;
    }
}

.hotel-lists .hotel-item .title h5 {
    display: inline-block;
    width: 120px;
}

@media (max-width: 767px) {
    .hotel-lists .hotel-item .c-button {
        margin-top: 10px;
    }
}

.hotel-item .c-price {
    line-height: 20px;
}

.hotel-desc a {
    text-transform: capitalize;
}

.c-button {
    border-radius: 5px;
}

.f-login-title {
    font-size: 30px;
}

.detail-top {
    margin-bottom: 30px;
}

.detail-price {
    padding-top: 7px;
}
.detail-price span {
    display: inline-block;
    margin-top: 15px;
}

#khalifah-partner .second-title {
    padding-top: 40px;
}

@media (max-width: 480px) {
.testi-wrap {
    max-width: 280px;
}
}

@media (max-width: 400px) {
.color-1.hovered.menu-3::after,
.color-1.hovered.menu-3::before {
    background-size: 30%;
}
}

@media (min-width: 400px) and (max-width: 480px) {
.color-1.hovered.menu-3::after,
.color-1.hovered.menu-3::before {
    background-size: 25%;
}
}

@media (min-width: 480px) and (max-width: 700px) {
.color-1.hovered.menu-3::after,
.color-1.hovered.menu-3::before {
    background-size: 18%;
}
}

@media (min-width: 700px) and (max-width: 750px) {
.color-1.hovered.menu-3::after,
.color-1.hovered.menu-3::before {
    background-size: 14%;
}
}

/* The heart of the matter */
@media (max-width: 480px) {
  .col-xxs-12 {
    width: 100% !important;
  }
}

/*owl carousel*/

.owl-carousel.owl-theme .owl-dots {
 top: -60px;
 position: relative;
}
.owl-carousel.owl-theme .owl-nav {
 position: absolute;
 top: 150px;
 width: 95%;
}
.owl-carousel.owl-theme .owl-nav [class*=owl-] {
 background: none;
 color: #D6D6D6 ;
}
.owl-carousel.owl-theme .owl-nav [class*=owl-] .fa {
 font-size: 5.5rem;
}
.owl-carousel.owl-theme .owl-nav .owl-prev {
 float: left;
 margin-left: 5%;
}
.owl-carousel.owl-theme .owl-nav .owl-next {
 float: right;
 margin-right: 0;
}

.list-item-entry .hotel-item .table-view {
    height: auto;
}
.list-item-entry .hotel-item .table-view a img {
    width: 258px;
}
.drop-wrap.color-5 .drop-list .fa {
    line-height: 50px;
}

/*Sticky Social Media Button*/
#sticky-social {
   left: 0;
   position: fixed;
   top: 150px;
   z-index: 1000;
}
#sticky-social a {
   background: #333;
   color: #fff;
   display: block;
   height: 35px;
   font: 16px "Open Sans", sans-serif;
   line-height: 35px;
   position: relative;
   text-align: center;
   width: 35px;
}
#sticky-social a span {
   line-height: 35px;
   left: -120px;
   position: absolute;
   text-align:center;
   width:120px;
}
#sticky-social a:hover span {
   left: 100%;
}
#sticky-social a[class*="facebook"],
#sticky-social a[class*="facebook"]:hover,
#sticky-social a[class*="facebook"] span { background: #3b5998; }

#sticky-social a[class*="twitter"],
#sticky-social a[class*="twitter"]:hover,
#sticky-social a[class*="twitter"] span { background: #00aced; }

#sticky-social a[class*="gplus"],
#sticky-social a[class*="gplus"]:hover,
#sticky-social a[class*="gplus"] span { background: #dd4b39; }  

#sticky-social a[class*="linkedin"],
#sticky-social a[class*="linkedin"]:hover,
#sticky-social a[class*="linkedin"] span { background: #007bb6; }  

#sticky-social a[class*="instagram"],
#sticky-social a[class*="instagram"]:hover,
#sticky-social a[class*="instagram"] span { background: #517fa4; }  

#sticky-social a[class*="stumbleupon"],
#sticky-social a[class*="stumbleupon"]:hover,
#sticky-social a[class*="stumbleupon"] span { background: #eb4924; }  

#sticky-social a[class*="pinterest"],
#sticky-social a[class*="pinterest"]:hover,
#sticky-social a[class*="pinterest"] span { background: #cc2127; }  

#sticky-social a[class*="flickr"],
#sticky-social a[class*="flickr"]:hover,
#sticky-social a[class*="flickr"] span { background: #ff0084; }  

#sticky-social a[class*="tumblr"],
#sticky-social a[class*="tumblr"]:hover,
#sticky-social a[class*="tumblr"] span { background: #32506d; }

.post-data {
    font-size: 12px;
}
.post-body {
    padding-top: 10px;
}
.viewmore {
    margin-bottom: 15px;
}

.drop-wrap.color-5 .drop {
    color: #222;
}

.input-style-1.color-3 input {
    color: #222;
}

/* ===================================================================
   Rilis 1 — CTA WhatsApp, memakai token kt-design-system.css.
   Warna brand magenta (bukan hijau WhatsApp) supaya selaras dengan tema;
   ikon WA tetap memberi tahu ke mana tombol mengarah.
   =================================================================== */
.kt-wa-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 48px;
	padding: 12px 22px;
	border-radius: var(--kt-r-pill);
	background: var(--kt-primary);
	box-shadow: var(--kt-shadow-glow);
	color: #fff !important;
	font-family: var(--kt-font-body);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	text-decoration: none !important;
	transition: background-color var(--kt-dur-fast) var(--kt-ease), transform var(--kt-dur-fast) var(--kt-ease);
}
.kt-wa-btn:hover, .kt-wa-btn:focus { background: var(--kt-primary-hover); color: #fff !important; }
.kt-wa-btn:active { transform: scale(.97); }
.kt-wa-btn:focus-visible { outline: 2px solid var(--kt-primary); outline-offset: 2px; }
.kt-wa-btn .fa { font-size: 19px; line-height: 1; }
.kt-wa-btn-block { display: flex; width: 100%; margin-top: 14px; }
.kt-wa-btn-sm { min-height: 40px; padding: 8px 14px; font-size: 13px; margin-top: 8px; box-shadow: none; }
.hotel-right .kt-wa-btn-sm { display: flex; margin-top: 10px; background: #fff; color: var(--kt-primary-hover) !important; }
.hotel-right .kt-wa-btn-sm:hover { background: var(--kt-primary-soft); }
.bg-dr-blue-2 .kt-wa-btn-block { background: #fff; color: var(--kt-primary-hover) !important; box-shadow: none; }
.bg-dr-blue-2 .kt-wa-btn-block:hover { background: var(--kt-primary-soft); }

/* Tombol di menu header (desktop) */
.menu-3 nav > ul > li.kt-wa-menu > a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: var(--kt-primary);
	color: #fff !important;
	border-radius: var(--kt-r-pill);
	padding: 9px 18px;
	margin-top: -9px;
	text-transform: none;
	font-weight: 600;
	letter-spacing: 0;
	transition: background-color var(--kt-dur-fast);
}
.menu-3 nav > ul > li.kt-wa-menu > a:hover { background: var(--kt-primary-hover); }
.menu-3 nav > ul > li.kt-wa-menu:hover,
.menu-3 nav > ul > li.kt-wa-menu.active { border-top: none !important; border-bottom: none !important; }

/* Ikon WA di samping hamburger (mobile) */
.kt-wa-header-icon { display: none; }
@media (max-width: 991px) {
	header.menu-3 .nav { position: relative; }
	.kt-wa-header-icon {
		display: block;
		position: absolute;
		right: 56px;
		top: 22px;
		width: 44px;
		height: 44px;
		border-radius: 50%;
		background: var(--kt-primary-soft);
		color: var(--kt-primary) !important;
		text-align: center;
		line-height: 44px;
		font-size: 22px;
		z-index: 2;
	}
	.menu-3 nav > ul > li.kt-wa-menu > a { margin-top: 10px; }
}

/* Bar WhatsApp menempel di bawah layar HP/tablet (kaca + tombol pil) */
.kt-wa-sticky {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1001;
	padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
	background: rgba(255, 255, 255, .92);
	-webkit-backdrop-filter: blur(12px) saturate(160%);
	backdrop-filter: blur(12px) saturate(160%);
	box-shadow: 0 -4px 20px -8px rgba(27, 33, 48, .18);
}
.kt-wa-sticky-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 48px;
	border-radius: var(--kt-r-pill);
	background: var(--kt-primary);
	box-shadow: var(--kt-shadow-glow);
	color: #fff !important;
	font-family: var(--kt-font-body);
	font-size: 15px;
	font-weight: 600;
	text-decoration: none !important;
}
.kt-wa-sticky-btn:active { transform: scale(.98); }
.kt-wa-sticky-btn .fa { font-size: 20px; }
@media (max-width: 991px) {
	body { padding-bottom: 72px; }
	/* Tombol sosial melayang menutupi judul di HP: tampil di desktop saja */
	#sticky-social { display: none; }
	/* Bubble chat Qontak naik di atas bar WhatsApp */
	#qontak-webchat-widget { bottom: 72px !important; max-width: 100vw; }
}

/* Pemberitahuan paket yang sudah berangkat (gaya dasar .kt-notice di kt-design-system.css) */
.detail-header .kt-notice { margin-top: 16px; }

/* Halaman 404 bawaan tema */
.kt-404-text { margin: 20px auto 30px; max-width: 560px; font-size: 16px; line-height: 26px; }
.kt-404-text + p .kt-wa-btn { margin-left: 10px; vertical-align: middle; }