@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&family=The+Nautigal:wght@400;700&display=swap');
*{margin:0;padding:0;}
html,body,nav,header,footer,main,hgroup,h1,h2,h3,h4,h5,h6,span,strong,p,ol,ul,aside,figure,figcaption{margin:0;padding:0;}
body{overflow-x: hidden;background: #fff;font-family: 'Poppins', sans-serif;font-weight: 400;font-size: 15px;}
body{top:0 !important;}
/* ol,ul,li{list-style:none;} */
a{text-decoration:none;outline:none;}
a:focus{border:none;}
a:focus, a:hover {text-decoration: none;}
a img{border:none;}
img{width: 100%;}

.pak-box {border-radius: 8px; padding: 20px; line-height: 30px; margin: 0px 0px 40px 0px; height: 90%;  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;}
.pak-box h4 { margin: 10px 0px;}
.pak-box span a { color: #ad0000; }
.pak-box span a:hover { color: #000000; }

.whybest h2 { text-align: center; font-size: 36px;
    font-weight: bold; margin: 20px 0px 20px 0px;}
.whybest h2 span { color: #c73a3c;}
.whybest p { text-align: center; margin: 20px 0px 60px 0px;}
.whybest h3 {  margin: 20px 0px; }


.explore h2 { text-align: center; font-size: 36px;
    font-weight: bold; margin: 20px 0px 20px 0px;}
.explore h2 span { color: #c73a3c;}
.explore p { text-align: center; margin: 20px 0px 60px 0px;}


.topik h2 { text-align: left; font-size: 36px;
    font-weight: bold; margin: 10px 0px 20px 0px;}
.topik h2 span { color: #c73a3c;}
.topik p { text-align: left; margin: 20px 0px 60px 0px;}

.gallery {
	display: grid;
	list-style-type: none;
	padding: 0;
	margin: 0;
	grid-gap: 1rem;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	grid-auto-rows: 300px;
	grid-auto-flow: dense; border-radius: 20px;
}

.wide {
	grid-column: span 2;
}

.tall {
	grid-row: span 2;
}

img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover; border-radius: 0px;
}

/* Hover effect specific styles. */
.gallery li {
	overflow: hidden; border-radius: 20px;
}

.gallery img {
	transform: scale(1);
	transition: transform .3s ease-in-out; border-radius: 20px;
}

.gallery img:hover {
	transform: scale(1.2); border-radius: 20px;
}






.clear{clear:both;font-family: 'Poppins', sans-serif;font-family: 'The Nautigal', cursive;}
.header{width: 100%;margin:0;padding:0;position: relative;}
.header::before{content: '';display: table;clear: both;}
.topheader{width: 100%;margin:0;padding:0;overflow: hidden;background:#1b1b1b;}
.topheader .sideleft{display: inline-block;float: left;}
.logo{width: 150px;float: left;margin:10px 10px 0px 0;}
.info{display: inline-block;float: left;}
.info ul{}
.info ul li{display: inline-block;}
.info ul li a{    display: inline-block;
    padding-right: 25px;
    font-size: 14px;
    margin-top: 6px;
    color: #fff;
    padding-top: 9px;
    position: relative;
    font-weight: 400;}
.socialbg{display: inline-block;float: right;}
.socialbg .social{display: inline-block;float: left;}
.socialbg .social ul{}
.socialbg .social ul li{display: inline-block;margin-right:0px;float: left;font-size: 11px;line-height: 48px;color: #fff;}
.socialbg .social ul li a{display: inline-block;font-size: 18px;line-height: 48px;color: #fff;padding: 0 10px;transition: all 0.3s ease-in-out;}
.socialbg .social ul li:first-child{margin-right: 5px;}
.socialbg .social ul li:last-child{margin-right: 15px;}
.planatrip{display: inline-block;float: right;line-height: 36px;}
.planatrip a{display: inline-block;padding:0 15px;font-size: 16px;line-height: 48px;color: #fff;background: #C73A3C;}
.navigationbg{width: 100%;margin:0;padding:10px 0;position: absolute;left: 0;z-index: 9999999999 !important; text-align: center;line-height: 1px;background: #fff;}
.navigationbg::before{content: '';display: table;clear: both;}
.navigationbg .container{position: relative;}
.newcssmenu{display:block;float: right;width: calc(100% - 220px);margin-top: 22px;}
.bannerslider{width: 100%;margin:0;padding:0;position: relative;overflow: hidden;}
.bannerslider .item{overflow: hidden;align-items: center !important;position: relative;background-position:center;background-size: cover;width: 100%;}
.owl-slider .owl-nav{position: absolute;left: 5%;top: 50%;transform: translate(0,-50%);width: 90%;}
.owl-slider .owl-nav .owl-prev{float: left;position: relative;z-index: 9;}
.owl-slider .owl-nav .owl-next{float: right;}
.owl-slider .fa{font-size: 30px;background: rgba(0,0,0,0.5);width: 35px;height: 35px;line-height: 35px;text-align: center;border-radius: 50%;}
.owl-slider .owl-nav [class*='owl-']:hover{background: none !important;}
.bannertext{position: absolute;text-align: center;z-index: 8; display: block;width: 70%;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.bannertext h1{display: block;font-size: 40px;line-height: 56px;text-align: center;color: #fff;font-weight: 700;}
.bannertext p{display: block;font-size: 20px;line-height: 28px;color: #fff;text-align: center;margin-bottom: 20px;}
.bannertext .serachbg{position: relative;width: 600px;max-width: 100%;margin: 0 auto;}
.bannertext .serachbg input[type="search"]{width: 100%;background: #fff;line-height: 55px;border-radius: 55px;padding: 0 30px;font-size: 17px;line-height: 55px;border: 0;text-shadow: none;}
.bannertext .serachbg button[type="submit"]{width: 60px;height: 55px;text-align: center;line-height: 55px;font-size: 36px;color: #C73A3C;position: absolute;top: 0;right: 0;border: 0;text-shadow: none;background: no-repeat;}
.homeform{width: 100%;margin: 0;padding: 0;position: relative;z-index: 9; top:-80px;}
.homeform::before{content: '';display: table;clear: both;}
.homeform .forminner{width: 90%;margin: 0 auto;background: #fff;box-shadow: 0 0 15px rgba(0, 0, 0, .15);border-radius: 8px;padding: 20px 20px;position: relative;margin-top: 30px;}
.homeform [class*='col-']{border-right: 1px solid #ddd;padding: 0 30px;}
.homeform [class*='col-']:last-child{border-right: none;}
.homeform input[type='text'],.homeform input[type='email']{width: 100%;margin: 0;padding: 0 ;font-size: 17px;line-height: 42px;border: none;background: none;text-shadow: none;}
.homeform label{display: block;font-size: 15px;line-height: 20px;color: #000;font-weight: 600;}
.homeform input[type='submit']{display: block;width: 100%;background: #C73A3C;border: 0;text-shadow: none;font-size: 20px;line-height: 50px;color: #fff;text-align: center;margin-top: 6px;border-radius: 5px;}
.topdestination{width: 100%;margin: 0;padding: 40px 0;overflow: hidden;}
.heading{display: block;font-size: 36px;line-height: 38px;color: #29363e;font-weight:600;margin-bottom: 15px;font-family: 'Poppins', sans-serif;}
.headingsmall{color: #877c73;font-size: 20px;font-weight: 700;cursive;display: block;}
.shortdesc{width: 70%;margin:0 auto;overflow: hidden;}
.shortdesc p{display: block;font-size: 18px;line-height: 24px;color: #4d5459}
.shortdesc p:not(:last-child){margin-bottom: 15px;}
.destinationbx{width: 100%;margin: 0;padding: 0;overflow: hidden;box-shadow: 0 0 15px rgba(0, 0, 0, .15);box-sizing: border-box;border-radius: 6px;border-bottom: 2px solid #C73A3C;}
.destinationbx .figure{width: 100%;position: relative;overflow: hidden;}
.destinationbx .figure .toooltip{display: inline-block;background: #dc813e;line-height: 36px;padding: 0 15px 0 5px;font-size: 14px;font-weight: 600;color: #fff;position: absolute;top: 50px;left: 0;border-radius: 0 28px 28px 0;z-index: 9;}
.destinationbx .caption{width: 100%;overflow: hidden;padding: 20px;}
.destinationbx .caption .title{display: block;font-size: 24px;line-height: 36px;color: #000;margin-bottom: 0px;font-weight: 100;}
.destinationbx .caption p{display: block;font-size: 14px;line-height: 22px;color: #333;margin-bottom: 10px;font-weight: 400;}
.destinationbx .caption .readmore span {color: #C73A3C; font-weight:bold; font-size:22px;}
.destinationbx .caption .readmore {font-size: 12px; line-height: 12px; color: #333;}
.destinationbx .caption .packageprice-left{display: inline-block; margin: 18px 12px 0px 0px; padding: 0px 10px;border-radius: 5px;background: #C73A3C;color: #fff;font-size: 15px;line-height: 36px;}

.destinationbx .caption .packageprice-right{display: inline-block; margin: 18px 0px 0px 0px; padding: 0px 24px;border-radius: 5px; border:1px solid #C73A3C;  color: #000;font-size: 15px;line-height: 36px;}

.project-slider{margin-top: 50px;}
.project-slider .owl-nav{position: absolute;top: 35%;transform: translate(0,-50%);width: 100%;height: 0;}
.project-slider .owl-nav .owl-prev{float: left;position: relative;z-index: 9;}
.project-slider .owl-nav .owl-next{float: right;}
.owl-collection .fa{font-size: 22px;}
.project-slider .owl-nav [class*='owl-']{width: 60px !important;height: 35px !important;line-height: 35px !important;color:#fff  !important;background: #29363e !important;border-radius: 20px !important;}
.project-slider .owl-nav [class*='owl-']:hover{background: #fff !important;color:#000 !important;}
.owl-theme .owl-dots{margin-top: 20px;}
.owl-dot span{background: #000 !important;}
.owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #C73A3C !important;}
.leadingbg{width: 100%;margin: 0;padding: 60px 0;overflow: hidden;background: url(../images/bg-indonesia.jpeg) no-repeat;background-size: cover;position: relative;}
.leadingbg::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.9);}
.leadingbg .container{position: relative;z-index: 1;}
.leadingbg .caption{width: 100%;overflow: hidden;}
.leadingbg .caption .playvideo{border: 1px solid rgba(255,255,255,0.5);margin-bottom: 30px;box-sizing: border-box;padding: 6px;border-radius: 5px;display: inline-block;background: rgba(0, 0, 0, 0.8);}
.leadingbg .caption .playvideo a{width: 60px;height: 60px;display: inline-block;background: #C73A3C;color: #fff;line-height: 60px;text-align: center;font-size: 17px;border-radius: 5px;}
.leadingbg .caption .headingsmall{text-align: left;}
.leadingbg .caption .heading{text-align: left;color: #fff;line-height: 42px;}
.leadingbg .leadingbx{width: 100%;margin:5px 0;padding: 30px;box-sizing: border-box;overflow: hidden;border: 1px solid rgba(255,255,255,0.4);border-radius: 5px;text-align: center;}
.leadingbg .leadingbx .icon{width: 60px;text-align: center;margin:5px auto 15px auto;overflow: hidden;font-size: 30px;color: #C73A3C;}
.leadingbg .leadingbx p{font-size: 15px;line-height: 22px;display: block;color: #fff;font-weight: 600;}
.whychoosebg{width: 100%;margin: 0;padding: 40px 0 0;overflow: hidden;}
.group-title {
    margin-bottom: 20px;
    text-align: left;
    position: relative;
}
.group-title .sub-title .text {
    display: inline-block;
    margin-bottom: 0;
    text-transform: uppercase;
}
.group-title .sub-title .icons {
    font-size: 28px;
    position: relative;
    margin-left: 60px;
}
.group-title .sub-title .icons:after {
    position: absolute;
    right: 105%;
    bottom: 7px;
    width: 54px;
    height: 2px;
    content: '';
}
.group-title .main-title {
    font-size: 22px;
    font-weight: bold;
    margin: 5px 0 0 0;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.group-before-img:after{
    content: " ";
    position: absolute;
    top: 20px;
    left: 0px;
    width: 64px;
    height: 64px;
    background-repeat: no-repeat;
    background-size: 61px;
    background-image: url(../images/luggage.svg);
}
.group-before-img{
    padding-left: 64px;
}
.sub-title{
    font-size: 13px;
}
.bulletbg{width: 100%;margin:20px 0 0;padding: 0;overflow: hidden;}
.bulletbg ul{}
.bulletbg ul li{display: block;padding-left: 30px;position: relative;font-size: 15px;line-height: 22px;margin: 10px 0;color: #414141;}
.bulletbg ul li::before{content: '\f178';position: absolute;top: 0;left: 0;font-size: 17px;line-height: 22px;color: #C73A3C;font-family: 'FontAwesome';}
.bulletbg .readmore{display: block;margin-top: 15px;}
.bulletbg .readmore a{display: inline-block;padding: 0 25px;background: #C73A3C;color: #fff;font-size: 18px;line-height: 38px;border-radius: 38px;}
.deletbg{width: 100%;margin: 0;padding: 0px 0;overflow: hidden;}
.homecontact{width: 100%;margin: 0;padding: 60px 0 0;overflow: hidden;background: url(../images/bg-section-contact-2.jpg) no-repeat center center;position: relative;background-size: cover;}
.homecontact .contactform{width: 100%;margin: 0;padding: 30px;overflow: hidden;background: #C73A3C;border-radius: 5px;box-shadow: 0 0 15px rgba(0, 0, 0, .15);box-sizing: border-box;}
.homecontact .contactform .title{display: block;text-align: center;font-size:28px;font-weight: 700;line-height: 36px;color: #fff;margin-bottom: 15px;}
.homecontact .contactform p{display: block;font-size: 16px;line-height: 22px;color: #fff;text-align: center;}
.homecontact .contactform form{margin-top: 30px;}
.homecontact .contactform input[type='text'],.homecontact .contactform input[type='email']{display: block;width: 100%;box-sizing: border-box;padding: 0 15px;font-size: 15px;line-height: 42px;background: #fff;color: #3d3d3d;border: 0;text-shadow: none;border-radius: 5px;margin-bottom: 15px;}
.homecontact .contactform textarea{display: block;width: 100%;box-sizing: border-box;padding:15px;font-size: 15px;line-height: 22px;background: #fff;color: #3d3d3d;border: 0;text-shadow: none;border-radius: 5px;margin-bottom: 15px;}
.homecontact .contactform button[type='submit']{display: inline-block;padding: 0 30px 0 0px;font-size: 17px;line-height: 36px;border-radius: 36px;position: relative;background: #3c3c3c;color: #fff;border: none;text-shadow: none;}
.homecontact .contactform button[type='submit'] i{width: 36px;height: 36px;background: #000;color: #fff;text-align: center;line-height: 36px;border-radius: 50%;margin-right: 10px;}
.subscribg{width: 100%;margin: 0;padding:35px 0 25px 0;overflow: hidden;background: #EA4349;}
.subscribg .title{display: block;font-size: 22px;line-height: 36px;color: #fff;margin-bottom: 5px;}
.subscribg .title strong{text-transform: uppercase;font-size: 36px;}
.subscribg p{display: block;font-size: 16px;line-height: 22px;color: #ddd;}
.subscribg .inputbg{position: relative;width: 100%;margin-top: 10px;}
.subscribg .inputbg input[type="email"]{display: block;background: #3C3C3C;color: #fff;font-size: 15px;line-height: 36px;width: 100%;padding: 0 15px;border-radius: 36px;border: 0;text-shadow: none;}
.subscribg .inputbg button[type="submit"]{width: 36px;height: 36px;position: absolute;top: 0;right: 5px;z-index: 1;background: none;border: none;}
.subscribg .inputbg button[type="submit"] i{width: 36px;height: 36px;background: #000;color: #fff;text-align: center;line-height: 36px;border-radius: 50%;margin-right: 10px;}
.footer{background: #333; background-image:url(../images/bg-footer-1.jpg); background-repeat: repeat;
    background-attachment: fixed;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover; width: 100%;margin: 0; padding: 80px 0 20px;overflow: hidden;}
.footer .logofooter{width: 100%;text-align: center;margin-bottom: 10px;}
.footer .logofooter img{width: auto;}
.footer .title{display: block;font-size: 18px;line-height: 28px;margin: 10px 0;color: #fff;font-weight: 500;}
.footerlink{width: 100%;margin: 0;padding: 0;}
.footerlink ul{}
.footerlink ul li{display: block;margin-bottom: 5px;}
.footerlink ul li a{display: block;font-size: 14px;line-height: 22px;color: #8e8e8e;}
.footerbulletlink{width: 100%;margin: 0;padding: 0;}
.footerbulletlink ul{}
.footerbulletlink ul li{display: block;margin-bottom: 5px;}
.footerbulletlink ul li a{display: block;font-size: 14px;line-height: 22px;color: #8e8e8e;position: relative;padding-left: 12px;}
.footerbulletlink ul li a::after{content: '\f1db';position: absolute;font-size: 7px;line-height: 22px;color: #f7333a;top: 0;left: 0;font-family: 'FontAwesome';}
.footerlink ul li a:hover,.footerbulletlink ul li a:hover{transition: all 0.3s ease-in-out;color: #f7333a;}
.contactlink{width: 100%;overflow: hidden;}
.contactlink ul{}
.contactlink ul li{display: block;font-size: 14px;line-height: 22px;color: #8e8e8e;margin-bottom: 5px;}
.contactlink ul li a{display: block;font-size: 14px;line-height: 22px;color: #8e8e8e;margin-bottom: 5px;display: inline-block;float: left;}
.contactlink ul li i{display: inline-block;font-size: 14px;margin-right: 10px;}
.footerbottom{width: 100%;margin: 0;padding: 20px 0;overflow: hidden;background: #121212;}
.footerbottom .clientslider{}
.footerbottom .clientslider .figure{width: 100%;margin: 0;padding: 0;text-align: center;}
.footerbottom .clientslider .figure img{width: auto;max-width: 100%;transition: all .5s ease; opacity: .2;}
.footerbottom .clientslider .figure:hover img{opacity: 1;}
.socialbgfooter{display:block;text-align: center;}
.socialbgfooter .social{display: inline-block;}
.socialbgfooter .social ul{}
.socialbgfooter .social ul li{display: inline-block;margin-right:0px;float: left;font-size: 16px;line-height: 36px;color: #424242;}
.socialbgfooter .social ul li a{display: inline-block;font-size: 20px;line-height: 36px;color: #424242;padding: 0 10px;transition: all 0.3s ease-in-out;}
.socialbgfooter .social ul li:last-child{margin-right:0px;}
.footerbottom p{display: block;text-align: center;font-size: 12px;line-height: 14px;color: #424242;font-weight: 300;}





 /* OLD CSS FOR TRADE FAIR BOTTOM */

img {
    vertical-align: middle;
    border-style: none;
}
	
	a {
    padding: 0 0 12px;
    text-transform: none;
    text-decoration: none !important;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.pad-0 {
    padding: 0px;
	}
	
	.mar-0 {
    margin: 0px;
}
	
	.center-box span {
    color: #8e4f12;
    border: 1px solid #8e4f12;
    padding: 2px 10px;
}
	
	.widget-box {
    position: relative;
    overflow: hidden;
}

.widget-box .title-wrapper a {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0;
    /* bottom: 0px; */
    /* right: 0px; */
}

*, ::after, ::before {
    box-sizing: border-box;
}

.widget-box .image-wrapper .link img {
    width: 100%;
    -webkit-transition: all .8s ease;
   
    transition: all .8s ease;
}

.widget-box:hover .image-wrapper .link img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.widget-box .title-wrapper a img {
    width: 90%;
    padding-top: 20%;
}

.center-box .display-3 {
    font-size: 36px;
}
.text-center {
    text-align: center!important;
}

.text-uppercase {
    text-transform: uppercase!important;
}

.widget-box:hover .title-wrapper {
    background: rgba(0, 0, 0, 0.24);
    border: 1px solid rgba(255, 255, 255, 0.68);
}

.widget-box .title-wrapper {
    position: absolute;
    z-index: 5;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    color: #ffffff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.center-box {
    text-align: center;
    padding: 79px;
    position: relative;
    width: 100%;
    height: 100%;
    background: #ff9f43;
    z-index: 12;
    color: #fff;
}

.footer-main {
    font-size: 14px;
    text-align: center;
    color: #8e8e8e;
    background-color: #121212;
    background-image: url(images/background/bg-footer-1.jpg);
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}








