@import url('https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root{
	--warna-1: #003aa7;
	--warna-2: #2b2b2b;
	--warna-putih: #ffffff;
	--font-1: "Asap", sans-serif;
	--font-2: "Schibsted Grotesk", sans-serif;
	--font-3: "Open Sans", sans-serif;
}

body {
	font-family: var(--font-3);
}
h1,h2,h3,h4,h5,h6 {
	font-family: var(--font-2);
}
.main_header_area .header-content {
	background: var(--warna-1);
}
.main_header_area.headerstye-1 .header_menu.fixed-top .navbar-default {
    background: #cfab57;
}
.main_header_area.headerstye-1 .header_menu.fixed-top .navbar.navbar-default .nav.navbar-nav li.active>a {
    color: #fff;
}
.main_header_area.headerstye-1 .header_menu.fixed-top .navbar.navbar-default .nav.navbar-nav li>a {
    color: #111;
}
.main_header_area .header-content li:first-child {
    border: none;
    padding-left: 8px;
}
.main_header_area .header-content li {
    display: inline-block;
    padding: 1px 0 0 8px;
    border-left: none;
    margin: 0;
    background: #121212;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    line-height: 30px;
}
.header_menu .navbar.navbar-default .nav.navbar-nav li a {
	padding: 0 15px;
    font-size: 1rem;
    font-family: var(--font-1);
	color: var(--warna-2);
    font-weight: 500;
}
.header_menu .navbar.navbar-default .nav.navbar-nav li:hover a, .header_menu .navbar.navbar-default .nav.navbar-nav li.active a {
    color: var(--warna-1);
	font-weight: 700;
}
.header_menu .navbar.navbar-default.navbar-sticky-in .nav.navbar-nav li:hover>a, 
.header_menu .navbar.navbar-default.navbar-sticky-in .nav.navbar-nav li.active>a {
    color: var(--warna-1);
}
.header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li a:hover {
    background: #43A047;
    color: #fff;
}
.header_menu .navbar.navbar-default {
    background: var(--warna-putih);
}
.navbar-default a.navbar-brand {
    padding: 15px 0;
}
.navbar-brand .img-logo {
	width: 150px;
}
.featured-counter-inner {
	background: var(--warna-1);
}
.why-us-icon {
	color: var(--warna-2);
}
.why-us-content h4 a {
	color: var(--warna-2);
}
.why-us .why-us-item:hover h4 a {
    color: var(--warna-1);
}
.why-us .why-us-item::after {
    background: var(--warna-1);
}
.m-100{
    margin-top: 100px;
}
.top-destination:before{
    background: #cfab57;
}

footer.footermain .footer-upper .footer-about p, footer.footermain .footer-upper .footer-about li{
    color: #111 !important;
}
.main_header_area.headerstye-1 .header_menu .navbar.navbar-default .nav.navbar-nav li.active>a {
    color: #cfab57;
    font-weight: 600;
}
.main_header_area.headerstye-1 .header_menu .navbar.navbar-default .nav.navbar-nav li:hover>a {
    color: #fff;
}
.form-control{
    height: 100%;
}
.overlay, .dot-overlay, .color-overlay, .black-overlay {
    background: transparent;
    opacity: 0;
}
.testimonial .testimonial-item .testimonial-content .testimonial-icon, 
.testimonial .testimonial-item1 .testimonial-content .testimonial-icon {
    width: 50px;
    height: 45px;
    background: #303F9F;
    text-align: center;
    font-size: 22px;
    color: #fff;
    line-height: 45px;
    position: absolute;
    top: 37px;
    left: -19px;
}
.testimonial .testimonial-item .testimonial-content .testimonial-icon:before, .testimonial .testimonial-item1 .testimonial-content .testimonial-icon:before {
    content: "";
    border-bottom: 16px solid #303F9F;
    border-left: 18px solid transparent;
    position: absolute;
    top: -16px;
    left: 1px;
}
.section-title h2 span, .section-title-w h2 span {
    color: var(--warna-1);
    font-weight: 700;
}
footer {
    background-color: #002771;
}
footer .footer-listing-main .footer-listing {
    border: none;
}
.footer-listing-main {
	border-top: 1px dashed #ffffff5c;
}
footer .footer-upper .footer-links ul li a {
    transition: all ease-in-out .5s;
    color: #fff;
    padding: 0 20px;
}
.cta-overlay{
    background: #162241;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all ease-in-out 0.5s;
    opacity: 0.7;
}

#back-to-top a {
    background: var(--warna-1);
}
.news-content h4{
    font-size: 1.3rem;
}

.bg-pink {
    background: #e90417!important;
}

.main_header_area {
    box-shadow: 0px 2px 10px -6px #444444;
}

.trending.destination .trend-box .trend-item .trend-content-main .trend-last-main {
    opacity: 1;
    visibility: visible;
    position: relative;
    transform: none;
    box-shadow: none;
}
.trending .trend-item .trend-content-main .trend-last-main .trend-last {
    background: #3f51b5;
}
.btn-success {
    color: #fff;
    background-color: #353535;
    border-color: #ffffff;
    padding: 10px;
}
.about-us1:after {
    bottom: -30px;
}
/*Stycky Wa*/
.stickynav-dekstop {
    position: fixed;
    bottom: -15%;
    right: 0%;
    line-height: 40px;
    overflow: hidden;
    padding: 0px 10px 25px 0;
    text-decoration: none!important;
    z-index: 100;
    -webkit-transition: var(--transition-3);
    -moz-transition: var(--transition-3);
    -ms-transition: var(--transition-3);
    -o-transition: var(--transition-3);
    transition: var(--transition-3);
}

.stickynav-dekstop.active {
    bottom: 7%;
    visibility: visible;
    opacity: 0.7;
}


@media(max-width:567px){
    .banner .slider {
        height: 425px;
		margin-top: 100px;
        position: relative;
    }
    .banner .slider .swiper-container .swiper-slide .slide-inner .slide-image {        
        background-size: cover;
        background-repeat: no-repeat;
    }
}