@import url('https://fonts.googleapis.com/css?family=Lobster|Lora:400,700|Montserrat:300,400,500,600,700&display=swap');
:root{
	--theme-color:#33658A;
}
h1, h2, h3, h4, p, a, li, img, input, span, ul, h5 { padding: 0; margin: 0; outline: 0; }
a, span, label { display: inline-block; }
body { font-family: 'Montserrat'; overflow-x:hidden !important; overflow-y:scroll !important; min-width:360px;  }
.smooth, a, button, input { -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -ms-transition: all linear 0.2s; transition: all linear 0.2s; }
.smooth:hover, a:hover, button:hover, input:focus { -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -ms-transition: all linear 0.2s; transition: all linear 0.2s; text-decoration: none; }
p { font-size: 14px; line-height: 20px; color: #222; }
.img-container img { width: 100%; }
.left-align { padding-left: 0 }
.right-align { padding-right: 0; }
.color-orange { color: #FCA51F; }
.color-blue { color: #052F69; }
.bg-blue { background: var(--theme-color); color:#fff; }
.bg-orange { background: #FCA51F; }
.img-container { overflow: hidden }
.img-container img { width: 100%; }
.img-fitted { height: 100%; object-fit: cover }
.mobile { display: none; }
.btn-common { color: #fff; padding: 10px 30px; background-color: #FCA521; font-size: 12px; box-shadow: none; font-weight: 600; border:none; border-radius:30px;  }
.btn-common:hover { color: #fff !important; background-color:var(--theme-color);  }
.btn-stylish { font-size: 13px; font-weight: 600; color: #FCA51F; border: 1.5px solid #FCA51F; padding: 12px 50px; font-family: "Open Sans"; border-radius: 30px; }
.btn-stylish:hover { color: #245999; border-color: #245999; text-decoration: none }
.btn-naked { background: none; border: none; color: #2B3890; font-weight: 700; font-size: 14px; letter-spacing: 1px; }
.btn-naked i { margin-left: 5px; }
.heading-vsm { font-family: 'Open Sans'; font-size: 14px; font-weight: 700; margin-bottom: 5px; }
.heading-sm { font-family: 'Lora',serif; font-size: 24px; font-weight: 700; }
.heading-mid { font-family: 'Lora',serif; font-size: 28px; font-weight: 700; }
.heading-large { font-family: 'Lora',serif; font-size: 44px; font-weight: 700; }
.heading-ultra { font-family: garamond; font-size: 60px; font-weight: bold; }
.pad-top { padding-top: 60px; }
.pad-bot { padding-bottom: 60px; }
.large-container {max-width:1366px; padding:0 60px; margin:0 auto}

/* modern menu */
.on-menu {overflow-y:hidden !important;}
.mobile-mega-nav {position:relative}
.modern-menu-wrap {position:fixed; left:0; top:0; z-index: 100; width:100%; height:100%; overflow: hidden; background-color:var(--theme-color)}
.modern-menu-inner {position:absolute; left:0 ; top:0 ; width:100%; z-index: 1; padding:15px 0;}
.close-btn {background-color: #F5B418; border:none; position:absolute; top:5px; right:15px; color:#fff; font-size:24px; width:34px; height:34px; font-weight:600;
text-align:center; z-index: 2; border-radius: 50%; line-height:34px; cursor: pointer;
}
.close-btn:focus {outline:none}
.close-btn:hover {background:#0072BC !important}
.mobile-mega {overflow: hidden; position:relative}
.mobile-mega, .mobile-mega ul {list-style:none}
.mobile-mega>li {background:#2b5472; padding:10px 15px; margin-bottom:10px; border-radius: 6px;}
.mobile-mega li, .mobile-mega li a {color:#fff} 
.mega-link>a {margin-top:4px;}
.mega-link a, .mobile-mega .mega-sub-link>a {font-weight:600; font-size:16px; text-transform: uppercase; letter-spacing: 0.02em}
.mega-sub-link {margin-left:15px; margin-top:10px;}
.mega-sub-link>a {font-size:15px !important}
.mega-link, .mega-sub-link {display:flex;}
.mega-list li {padding-bottom:5px;}
.mega-toggle {
	margin-left:auto;
  width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.6);
		text-align: center;
		padding-top:3px;
}
.mega-toggle i {font-size:20px;}
.mega-sub-link .mega-toggle { border: 1px solid rgba(255,255,255,0.6); height:24px; width:24px; padding-top:3px; margin-right:3px;}
.mega-sub-link .mega-toggle i {font-size:12px; vertical-align: super}
.abs-mega {
	position:absolute;
	height:100%;
	width:100%;
	left:0;
	background-color:#fff;
	padding: 15px 20px;
	top:-100%;
	z-index: -1;
}
.mega-show {top:0 !important; z-index: 1;}
.abs-mega a {margin-bottom:5px; color:#444 !important; font-weight:500; font-size:15px !important}
.mega-list {height:0; overflow: hidden;}
.mega-list-show {height:auto !important; margin-top:5px;}
.mega-list, .mega-sub-list, .mega-toggle, .abs-mega {
	-webkit-transition: all linear 0.2s;
	-moz-transition: all linear 0.2s;
	-ms-transition: all linear 0.2s;
	transition: all linear 0.2s;
} 
.open-active {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.mega-back-btn {color:#fff; font-size:14px; font-weight:800; background-color:#0C2049; border:none; padding:8px 15px; margin-bottom:15px;}
.mega-back-btn i {margin-right:8px;}
.mega-back-btn:focus {outline:none;}

/* Header */
.header-top {padding: 5px 0; }
.header-top span {
	color: #444;
	font-size: 12px;
	font-weight: 600;
}
.top-left span {margin-right:20px;}
.header-social a {font-size:16px; color:var(--theme-color); }
.top-left { padding-left: 210px; }
.top-left span a, .top-left span text { margin-left: 5px; }
.header-social { list-style: none; display: inline-block }
.header-social a { margin-left: 0; padding: 0 5px; }
.header-social li { display: inline-block }
.top-right { text-align: right }
.top-right span { margin-right: 5px; }
.header-search {background-color:#f4f4f4; padding:15px 0; }
.search-div {padding-left:210px;}
.search { position: relative; }
.search img { max-width: 20px; }
.search button {
	position: absolute;
	left: 10px;
    top: 7px;
	border: none;
	background: none;
	outline: none;
	padding: 0; }
.search input {
	width:100%;
	max-width: 500px;
	padding: 13px;
	border: none;
	border:none;
	font-size: 10px;
	font-weight: 500;
	border-radius: 5px;
	padding-left:40px;

}
.search input:focus { box-shadow:0 0 5px rgba(51,101,138,0.6) }
.search input:focus + button {color:#fff}
.inquiry-btn {
	background-color:var(--theme-color);
	color:#fff;
	font-weight:700;
	font-size:12px;
	padding:11px 20px;
	border-radius: 6px;
}
.inquiry-btn:hover {box-shadow:0 0 5px #444; color:#fff}
.menu-btn {
	display:none;
	color:var(--theme-color);
	border:none;
	padding:0;
	background:none;
	font-size: 28px;
    line-height: 30px;
    margin-left: 10px;
    vertical-align: middle;
}
.mobile-search {margin-bottom:20px; display:none}
.mobile-search input {font-size:12px;}
.lang-drop {
    display:inline-block;
    margin-right:10px;
}
.lang-drop button{
    background-color:#fff;
    border:1px solid #ccc;
    font-size:12px;
    font-weight:600;
    border-radius:5px;
    padding:4px 8px;
}
.lang-drop button:focus{
    outline:none;
}
.lang-drop .dropdown-toggle::after{
    vertical-align:2px;
}
.flag-icon{
    max-width:18px;
    margin-left:10px;
    margin-right:2px;
}
.lang-drop .dropdown-item{
    font-size:12px;
    padding:5px 12px;
    font-weight:500;
    color:#444;
}
.lang-drop .dropdown-item img{
    margin-left:0;
    margin-right:10px;
}
.lang-drop .dropdown-menu{
    min-width:100%;
}
.logo-main {
	position: relative; 
	width:100%;
	max-width:170px;
	border:4px solid #f4f4f4;
	position: absolute;
	bottom: 11px;
	left: 0;
	padding:15px 5px;
	background-color:#fff;
}
.logo-main img { width:100% }
.nav-wrapper {background-color:var(--theme-color);}
.navbar-custom { padding: 0 }
.menu-nav { display:flex; list-style:none }
.menu-nav>li a {
	font-size: 15px;
	font-weight: 600;
	padding:15px;
	color: #fff;
	padding-top:16px;
	letter-spacing: 0.02em
}
.navbar-custom li a:hover { color: #24599B; background: none }
.navbar-custom li a:focus { color: #24599B; }
.navbar-custom .active>a { color: #fff; background-color:#FCA521 }
.menu-nav ul {list-style: none}
.menu-nav>li>ul {animation-duration: 0.1s}
/* dropdown menu */
.multidropdown ul li { position: relative; float: left;}
/* This hides the dropdowns */
.multidropdown li ul { display: none; background: #f4f4f4; min-width:200px; z-index:9999; text-align:left;
	border-bottom:4px solid var(--theme-color); }
.multidropdown li ul li ul {min-width:200px; }
.multidropdown ul li ul li a {display:block; padding:15px 20px; border-bottom:1px solid rgba(0,0,0,0.1);  }
.multidropdown ul li ul a {color:#444; padding:15px; font-family:"Montserrat"; font-size:12px;}
.multidropdown ul li a:hover { background: #eee; color:#24599B; }
/* Display the dropdown */
.multidropdown li:hover > ul { display: block; position: absolute; }
.multidropdown li:hover li { float: none; }
.multidropdown li:hover > a { background: #eee !important; color:#24599B }
.multidropdown li:hover li a:hover { background: #eee !important; color:#24599B }
.multidropdown .main-navigation li ul li { border-top: 0; }
/* Displays second level dropdowns to the right of the first level dropdown */
.multidropdown ul ul ul { left: 100%; top: 0; }
/* Simple clearfix */

.multidropdown ul:before, ul:after { content: " "; /* 1 */ display: table; /* 2 */ }
.multidropdown ul:after { clear: both; }
#slider .carousel-item { background: rgba(0,0,0,0.30); height: 520px; }
#slider  img { width: 100%; height: 100% !important; object-fit: cover }
#slider .carousel-indicators li {
	height: 16px;
	width: 16px;
	background: none;
	border: 2px solid rgba(255,255,255,0.4);
	text-align: center;
	padding-top: 3px;
	padding-left: 3px;
	border-radius:50%; 
}
#slider .carousel-indicators li span { height: 10px; width: 10px; background: #fff; display: block; border-radius: 10px; }
#slider .carousel-indicators .active { height: 16px !important; width: 16px !important; background: none; border-color: #FCA521 }
#slider .carousel-indicators .active span { background: #FCA521 !important; }
.big-common {font-size:15px; font-family:'Lora', serif; padding:12px 40px;}
.caption-wrap {max-width:500px;}
.caption-wrap {display:inline-block; text-align: right}
#slider .carousel-caption {bottom:40px;}
.slider-caption {
	animation-delay: 1s;
	font-family:'Lobster', cursive;
	font-weight:400;
	display:inline-block;
	background-color:rgba(51,101,138,0.6);
	padding:10px 15px;
	border:3px solid rgba(255,255,255,0.6);
	padding-top:8px;
}
.slider-link{background-color:var(--theme-color);
	color:#fff;
	padding:8px 15px;
	font-family:'Lora',serif;
	font-size:14px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	margin-right:-4px;
	animation-delay: 1.5s;
}
.slider-link:hover {
	background-color:#FCA521;
	color:#fff;
}
/* intro part */
.intro-wrapper {position:relative}
.home-intro p {font-size:15px; line-height:24px; color:#777; margin-top:15px; padding-bottom:30px;}
.intro-image {padding-left:40px;}
.intro-image .img-container {border-radius:6px; height:100%; min-height:250px;}
/* activities */
.activities-wrapper { background: linear-gradient(rgba(255,255,255,0.0),rgba(255,255,255,0.8)); margin-top:160px;}
.activities-wrapper .heading-large { color: #FFFFFF; display: inline-block; border-bottom: 1px solid rgba(255,255,255,0.2); padding: 0 40px; padding-bottom: 20px; }
.activities-slider { margin-top: 50px; }
.activity-in { width: 160px; height: 160px; margin:0 auto; border-radius: 50%; background: var(--theme-color); padding: 20px; padding-top:30px;}
.activity-in img { max-width: 50px; width:auto !important; display: inline-block !important}
.activity-in span { font-size: 15px; font-weight: 600; color: #FFFFFF; line-height: 20px;display:block; }
.abs-image {position:absolute; width:100%; bottom:0 ; left:0; z-index: -1;}
/* packages */
.top-title {padding:16px; font-size:16px; font-weight:600; letter-spacing: 1px;}
.package-tabs {border:none; margin:0 -15px;}
.package-tabs li a{border:none !important; 
	color:var(--theme-color); 
	font-family: 'Lora',serif; 
	font-weight:400; 
	font-size:16px; 
	letter-spacing: 1px;
    position:relative
}
.package-tabs li a::after {
	content:'';
	position:absolute;
	bottom:0;
	left:15px;
	width:0;
	height:2px;
	background-color:var(--theme-color);
	z-index:1
}
.package-tabs .active::after, .package-tabs li a:hover::after  {
	width:60px;
}
.main-package {margin-top:30px;}
.main-package .img-container {
	height:300px;
	position:relative;
	border-radius:6px;
}
.main-package .package-overview {
	background-color:rgba(0,0,0,0.7);
	padding:10px 15px;
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	min-height:75px;
}
.main-package .img-container:hover > .package-overview {
	min-height:300px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color:rgba(51,101,138,0.7)
}
.main-package .package-overview span, .main-package .package-overview h3 {
	font-family:'Lora',serif;
	color:#fff;
	font-size:14px;
	font-weight:400;
	letter-spacing: 1px;
}
.main-package .package-overview h3 {
	font-size:20px;
	font-weight:600;
	margin-top:4px;
}
.abs-link {position:absolute; height:100%; width:100% ; z-index:1; top:0 ; left:0}
/* testimonials */
.client-tes-wrapper { background: url(../images/tes-banner.jpg); 
	background-size: cover; 
	background-repeat: no-repeat; 
	background-position: top;
	background-attachment: fixed
	 }
.tes-layer {background-color:rgba(51,101,138,0.9); }
#tes-slider {margin-top:40px;}
.tes-indicators {width:280px; margin:0; left:auto; justify-content: left; bottom:auto; top:20px;}
.tes-indicators li {width:auto; height:auto; text-indent:0; background-color:transparent !important; position:relative}
.tes-indicators li::before, .tes-indicators li::after {content:unset} 
.tes-indicators .img-container {height:80px; width:80px; border-radius: 50%; position: absolute; left:0 ; top:0; z-index: 1; opacity:0.6}
.tes-indicators li:nth-child(2) .img-container {left:60px; z-index:3;}
.tes-indicators li:nth-child(3) .img-container{left:120px;  z-index:2}
.tes-indicators li:nth-child(4) .img-container{left:180px;  z-index:1}
.tes-indicators .active .img-container {opacity:1; z-index: 4;}
#tes-slider .carousel-inner { max-width: 760px; overflow: hidden; border-right:2px solid rgba(255,255,255,0.4); padding-right:30px; }
.tes-slide {display:flex;}
.tes-details {padding-left:30px;}
.client-img { width: 120px; height: 120px; border-radius: 50%; flex-shrink: 0}
.tes-details strong {font-size:18px; color:#fff; font-family:'Lora',serif; font-weight:700;}
.tes-details p {color:rgba(255,255,255,0.8); line-height:22px; margin-top:5px;}
/* best paclages*/
.best-pkgs { margin-top: 10px; }
.best-pkg { margin-top: 30px; }
.best-pkg a { display: block }
.best-pkg-in .img-container { position: relative; height: 380px; border-radius: 6px; -webkit-transform: translateY(0); transform: translateY(0); }
.overlay-layer { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-background: linear-gradient(rgba(0,0,0,0.00), rgba(0,0,0,0.50)); -moz-background: linear-gradient(rgba(0,0,0,0.00), rgba(0,0,0,0.50)); -ms-background: linear-gradient(rgba(0,0,0,0.00), rgba(0,0,0,0.50)); background: linear-gradient(rgba(0,0,0,0.00), rgba(0,0,0,0.50)); }
.overlay-in { position: absolute; bottom: 0; left: 0; padding: 20px; width: 100%; }
.overlay-in h5 { color: #FFFFFF; font-size: 14px; margin-bottom: 2px; text-shadow: 1px 1px 1px #222222; }
.overlay-in h5 span { font-weight: bold; }
.overlay-in h4 { color: #FFFFFF; font-size: 22px; font-family: garamond; font-weight: bold; text-shadow: 1px 1px 4px #222222 }
.overlay-in h3 { color: #FFFFFF; font-size: 28px; font-family: garamond; font-weight: bold; text-shadow: 1px 1px 4px #222222; border-top: 1px solid rgba(255,255,255,0.30); padding-top: 15px; margin-top: 10px; }
.best-pkg a:hover { -moz-background: linear-gradient(rgba(0,0,0,0.00), rgba(36,89,153,0.50)); -webkit-background: linear-gradient(rgba(0,0,0,0.00), rgba(36,89,153,0.50)); -ms-background: linear-gradient(rgba(0,0,0,0.00), rgba(36,89,153,0.50)); background: linear-gradient(rgba(0,0,0,0.00), rgba(36,89,153,0.50)) }
/* other or common pacKages*/
.other-packages { margin-top: 10px; }
.common-pkg { padding-top: 30px; padding-bottom: 10px; }
.common-pkg-in .img-container { height: 300px; border-radius: 6px; -webkit-transform: translateY(0); transform: translateY(0); }
.common-pkg-in .img-container a { display: inline; }
.brief-contents { padding-right: 100px; padding-top: 10px; padding-left: 10px; }
.common-pkg-brief { position: relative; }
.brief-contents h4 { color: #444; font-size: 20px; font-family: garamond; font-weight: bold; }
.brief-contents h5 { color: #DDDDDD; margin-top: 3px; }
.brief-contents h5 text { color: #666666; font-weight: 500; font-size: 12px; }
.round-price { background: #24599B; color: #FFFFFF; width: 80px; height: 80px; border-radius: 50%; border: 5px solid #FFFFFF; text-align: left; padding: 10px; padding-top: 18px; }
.round-price span { font-size: 11px; font-weight: 600; font-family: "Open Sans"; display: block }
.round-price h4 { font-size: 18px; font-weight: bold; font-family: garamond; line-height: 16px; }
.common-pkg-brief .round-price { position: absolute; right: 15px; top: -20px; }
.btn-wrap { margin-top: 40px; }
.event { margin-top: 30px; }
.event-small-in { border-radius: 6px; background: #FFFFFF; overflow: hidden ; padding:20px; border-bottom:4px solid var(--theme-color)}
.event-small-in .img-container { height: 200px; }
.event-small-des { padding: 15px 0; }
.event-small-des h4 { font-size: 18px; font-family: 'Lora',serif; font-weight: 700; color: #222; letter-spacing: 1px }
.event-small-des p{font-size:13px; color:#666; margin-top:7px; line-height:22px}
.event-small-des span { font-weight: 700; margin-top: 8px; font-size: 12px; color:var(--theme-color)}
.video-main {margin-top:30px;}
.video-main .img-container{height:260px; border-radius: 6px; position:relative}
.video-overview {margin-top:15px;}
.video-overview h4 {font-family:'Lora',serif; font-size:22px; font-weight:400; color:#000; letter-spacing: 1px }
.video-overview span {color:#888; font-size:13px; margin-top:5px; font-weight:500}
.abs-play {position: absolute;
	background-color:rgba(51,101,138,0.4);
	height:100%;
	width:100%;
	top:0;
	left:0;
	display: flex;
	justify-content: center;
	align-items: center;
	color:#fff;
}
.abs-play img {max-width:80px}
.abs-play:hover {background-color:rgba(51,101,138,0.6);}
.abs-play:hover > img {
	transform:scale(1.2,1.2);
} 
.big-footer { background:var(--theme-color) !important; }
.footer-in .heading-sm { color: #FFFFFF; margin-bottom: 15px; }
.footer-in p {color:rgba(255,255,255,0.7); font-size:13px; margin-bottom:20px; line-height:22px;}
.footer-list { list-style: none; }
.footer-list li a {
	 color: rgba(255,255,255,0.7); 
	 font-size: 14px;
	 font-weight: 500;
	 margin-bottom: 7px; }
.footer-list li i { margin-right: 7px; color: #fff}
.footer-list li a:hover { color: #FCA51F }
.footer-about { border-top: 1px solid rgba(255,255,255,0.15); border-bottom: 1px solid rgba(255,255,255,0.15); padding-bottom: 20px; margin-top: 60px; }
.footer-social {margin-top:20px;}
.footer-social a {color:#fff; font-size:20px; padding:0; margin-right:15px;}
.footer-contact-list li{
    position:relative;
    padding-left:25px;
}
.footer-contact-list  li i{
    position:absolute;
    left:0;
    top:5px;
}
.footer-contact-list  li i{
    word-break: break-all;
}
.copyright { padding: 20px 0; padding-bottom: 15px; background-color:#2A5575 }
.copyright p, .copyright span { font-size: 14px; color: rgba(255,255,255,0.6); font-weight: 400; font-family:'Lora',serif }
.copyright span {margin-top:5px;}
.copyright a { color: #265AFF; font-weight: 700; }
.copyright li a { color: #FFFFFF; padding: 0 10px; padding-top: 5px; }
.copyright li a i { font-size: 16px; color: inherit }
.copyright li a:hover { color: #FCA51F }
.right-texted { text-align: right; }
/* inner pages */
.inner-banner { height: 340px; position:relative}
.banner-layer {position:absolute; background:rgba(0,0,0,0.40); width:100%; height:100%; padding:30px; padding-top:10%;}
.site-map {list-style:none;}
.site-map li {display:inline-block; color:#FFFFFF; padding-left:5px; font-weight:500;}
.site-map li:last-child i {display:none;}
.site-map li i{margin-left:5px;}
.site-map li a {color:#FFFFFF}
.site-map li a:hover {color:#FDC46F}
.inner-page-content  {margin-top:30px;}
.container-img  {max-height:400px; margin-top:30px; border-radius: 6px;}
/* item details */
.details-main {padding-right:30px;}
.top-title p { color: #666; ; margin-top: 5px; font-weight: bold; font-size: 12px;}
.top-title p text { margin-right: 10px; padding-right: 15px; border-right: 1px solid #DDDDDD; }
.top-title p text:last-child { border: none; }
/* slider */
#slideshow { width: 100%; height: 420px; ; position: relative; overflow: hidden; margin-top: 20px; border-radius:6px; }
.package-slider { width: 100%; height: 500px; margin: 0; padding: 0; overflow: hidden; }
.img-wrapper { min-width: 100%; min-height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; overflow: hidden; z-index: 8; background-size: cover; background-position: center center; }
#slideshow .img-wrapper.active { z-index: 10; }
#slideshow .img-wrapper.last-active { z-index: 9; }
/*********************************
	* Thumbnail Styling
	*********************************/
.thumbs-container { width: 100%; height: 120px; position: absolute; left: 0; z-index: 11; -webkit-background:linear-gradient(rgba(0,0,0,0.00),rgba(0,0,0,0.80)); -moz-background:linear-gradient(rgba(0,0,0,0.00),rgba(0,0,0,0.80)); -ms-background:linear-gradient(rgba(0,0,0,0.00),rgba(0,0,0,0.80)); background:linear-gradient(rgba(0,0,0,0.00),rgba(0,0,0,0.60)) ;}
.thumbs-container.top { top: 0; }
.thumbs-container.bottom { bottom: 0; }
#slideshow .prev, #slideshow .next {cursor:pointer;  margin-top: 40px;}
#slideshow .prev { float: left; margin-left: 24px;}
#slideshow .next { float: right; margin-right: 24px;}
ul.thumbs { position: absolute; top: 10px; left: 5%; right: 5%; height: 140px; padding: 0; margin: 0 5%; overflow: hidden; white-space: nowrap; text-align: center; }
.thumb { display: inline-block; width: 120px; height: 85px; margin: 8px; overflow: hidden; background-size: cover; background-position: center center; cursor: pointer; border-radius:4px;     box-shadow: 0 0 5px rgba(255,255,255,0.5);}
.thumb:first-of-type { margin-left: 0px; }
.thumb.active { width: 120px; height: 85px; border: 2px solid #FFF; }

.slide-move {width:40px; height:40px; background:#24599A; box-shadow:0 0 10px #FFFFFF; border-radius:50%; text-align:center; padding-top:4px;}
.slide-move i{font-size:30px; color:#FFFFFF}
.prev .slide-move i {margin-right:4px;}
.next .slide-move i {margin-left:4px;}
.slide-move:hover {background:#FCA520}
/* trip overview */
.trip-overview  {margin-top:30px;}
.trip-overview ul {list-style:none; margin-top:15px; display:-ms-flex; display:flex;flex-wrap:wrap; }
.trip-overview ul li {padding:5px 0; font-weight:600; font-size:14px; border-right:1px solid #ddd; padding-right:15px; margin-right:15px;}
.trip-overview ul li i {margin-right:6px;}
.trip-details p{font-size:15px; margin-top:20px; line-height:27px;}
.trip-overview ul li:last-child{
    border:none;
    padding-right:0;
}
/* trip info tabs */
.custom-tabs ul{
    margin:0;
}
.custom-tabs li a{background-color:#fff}
.custom-tabs .active {background-color:#f4f4f4 !important}
.custom-tabs li a::after {content:unset !important}
.custom-tabs li a i {margin-right:7px;}
.custom-tab-content {margin-top:30px;}
.des-contents {background-color:#f4f4f4; 
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	padding:20px;
}
/* sidebar */
.main-sidebar {margin-top:60px;}
.sidebar-inner {padding:20px 24px; border-radius:6px;}
.booking-btns {margin-top:20px;}
.booking-btns a {display:block; color:#fff; padding:14px 0; text-align:center; border-radius:30px;  font-family:"Open Sans"; font-weight:600;font-size:12px; margin-bottom:20px;}
.booking-btns a i {margin-right:7px;}
.btn-1 {background:#FCA520; }
.btn-1:hover {background:#E08803; }
.btn-2 {background:#3178CE;}
.btn-2:hover {background:#1B4374;}
.sidebar-inner .heading-vsm {font-size:13px;}
.help-calls {background-color:#f4f4f4; margin-top:30px; border-bottom: 4px solid #24599B;}
.help-calls .heading-sm {border-bottom:1.5px solid #EEEEEE; padding-bottom:8px;}
.side-inquiry {background:#FFFFFF; margin-top:30px;}
.numbers-wrap {margin-top:30px;}
.numbers-wrap img {max-width:100px; margin-bottom:20px}
.numbers-wrap a {font-size:20px; font-weight:700; color:#444444; display:block; } 
.numbers-wrap a:hover {color:#FCA51F}
.side-inquiry {border-bottom: 4px solid #24599B;}
.inner-heading  {font-weight:700; font-size:20px; color:#444444; margin-bottom:20px;}
.stylish-form input, .side-inquiry textarea {border:none; border-bottom:1.5px solid #DDDDDD; width:100%; font-size:12px; font-weight:500; padding:6px 0; padding-left:24px; color:#888888;}
.stylish-form  input:focus, .side-inquiry textarea:focus {border-color:#4E8BD6; outline:none; }
.stylish-form  .form-group {position:relative; padding-top:10px;}
.stylish-form  .form-group i {position:absolute; font-size:16px; left:0; top:15px; color:#888888}
/* related packages */
.related-packages {background:#FFFFFF; margin-top:30px; border:1px solid #ddd}
.related-in {
	margin-bottom:15px;
	border-top:1px solid #DDDDDD; 
  	padding-top:15px; 
    display:flex;
}
.related-image {
	height:70px; 
	width:90px; 
	border-radius:4px;
	flex-shrink:0
 }
.related-image a {display:inline}
.related-brief {padding-left:15px; display: flex; flex-direction: column; justify-content: center}
.related-brief a {font-weight:400; font-family:"Lora",serif; font-size:16px; display:block; color:#222; line-height:20px;}
.related-brief a:hover{color:#FCA521}
.related-section {background-color:#f4f4f4}

/* region */
.region-title {margin-top:30px;}
.region-single>.container{padding:0 30px;}
.region-details-wrap {background:#FFFFFF; padding:30px;}
.region-details {margin-top:15px;}
.region-details p {line-height:26px; color:#666666; font-size:15px;}
.available-packages .round-price {border-color:#EEEEEE}

.news-main-image {max-height:350px; margin-top:15px; -webkit-transform: translateY(0); transform: translateY(0); border-radius:6px;} 
.team-member {background-color:#F5f5f9; padding:30px 15px; border-bottom:5px solid var(--theme-color); margin-top:30px; border-radius: 6px;}
.big-round {height:280px; width:280px; border-radius:50%;}
 .member-brief {padding-left:0;}
 .member-brief h4 {font-size:20px; font-weight:700; font-family:'Lora', serif;}
 .member-brief span {color:var(--theme-color); font-size:12px; font-weight:700;}
 .member-brief p {
	 border:1px solid #DDDDDD;
	 padding:10px 15px;
	 margin-top:10px;
	 color:#555;
	 border-radius:6px;
	 line-height:23px;
	background-color:#fff;
	text-align:left
	}
 
 
 /* about page */
 .about-single {background:#f6f6f9; padding:25px 30px; margin-top:30px; border-radius: 6px;}
 .about-single h4{font-size:20px; font-weight:700; margin-bottom:10px;}
 .about-single p {line-height:25px; font-size:15px; }
 .basic-page-content {padding:0; background-color:#fff; margin-top:10px;}
   
 /* activity cover */
 .activity-main {margin-top:30px;}
 .activity-grid {position:relative}
 .activity-cover {position:relative; height:300px; border-radius:6px;}
 .activity-cover a {
	 position:absolute;
	 width:100%;
	 left:0;
	 font-size:18px;
	 font-weight:700;
	 color:#FFFFFF;
	 z-index:1;
	 bottom:0;
	 padding:30px 15px;
	 padding-bottom:10px;
	 background: -webkit-linear-gradient(rgba(0,0,0,0.00), rgba(0,0,0,1.00));
	 background: -moz-linear-gradient(rgba(0,0,0,0.00), rgba(0,0,0,1.00));
	 background: -ms-linear-gradient(rgba(0,0,0,0.00), rgba(0,0,0,1.00));
	 background:linear-gradient(rgba(0,0,0,0.00), rgba(0,0,0,1.00));
	 font-family:'Lora',serif;
	 letter-spacing: 1px;
	}
 
 .activity-cover a:hover { -moz-background: linear-gradient(rgba(0,0,0,0.00), rgba(36,89,153,1.0)); -webkit-background: linear-gradient(rgba(0,0,0,0.00), rgba(36,89,153,1.0)); -ms-background: linear-gradient(rgba(0,0,0,0.00), rgba(36,89,153,1.0)); background: linear-gradient(rgba(0,0,0,0.00), rgba(36,89,153,1.0)) }
 .activity-brief {background-color:#fff; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
 .activity-brief h5 {font-size:15px; font-weight:600px; padding:10px 15px;}
 .activity-brief h5 span {font-weight:700; margin-right:5px;} 
 
 /* Booking form */
 .booking-single {background:#FFFFFF; margin-top:40px; border-bottom:5px solid #24599B; padding:0 30px;}
.booking-single form {width:100%; position:relative; height:550px; overflow:hidden}
.package-heading {font-size:36px; margin-bottom:15px;} 
.booking-single .form-group {margin-bottom:20px;}
.input-wrapper {padding:0 10px;}
.form-btn-wrap {padding-top:15px;}
.common-form input, .common-form select, .common-form textarea {
	height:auto;
	font-size:11px;
	padding:14px 12px;
	width:100%;
	border:none;
	font-weight:500;
	color:#888888;
    border-radius: 6px;
}
.common-form input:focus, .common-form select:focus, .common-form textarea:focus {outline:none; box-shadow:0 0 10px rgba(36,89,153,0.30)}
.booking-form input, .booking-form select, .booking-form textarea {padding-left:35px;}
.booking-form .form-group, .booking-form .input-wrapper {position:relative}
.booking-form i {position:absolute; font-size:18px; color:#888; left:20px; top:12px;}

/* Date picker */
.datepicker {padding:5px 10px !important; z-index:9999999;}
.datepicker:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; z-index:9999999; }
.datepicker:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 7px; z-index:9999999; }
.datepicker > div { display: none; }
.datepicker table { width: 100%; margin: 0; }
.datepicker td {font-weight:500 !important; font-size:13px;}
.datepicker td,
.datepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.datepicker td.day:hover { background: #eeeeee; cursor: pointer; }
.datepicker td.day.disabled { color: #eeeeee; }
.datepicker td.old,
.datepicker td.new { color: #999999; }
.datepicker td.active,
.datepicker td.active:hover { color: #ffffff; background-color: #24599B; }
.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] { color: #ffffff; background-color: #24599B !important; }
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active { background-color: #003399 \9; }
.datepicker td span { display: block; width: 47px; height: 54px; line-height: 54px; float: left; margin: 2px; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.datepicker td span:hover { background: #eeeeee; }
.datepicker td span.active { color: #ffffff; background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] { color: #ffffff; background-color: #0044cc;  *background-color: #003bb3;
}
.datepicker th {background:none !important; text-shadow:none !important; font-size:14px !important; color:#222 !important;}
.datepicker td span.active:active,
.datepicker td span.active.active { background-color: #003399 \9; }
.datepicker td span.old { color: #999999; }
.datepicker th.switch { width: 145px; }
.datepicker th.next,
.datepicker th.prev { font-size: 21px; }
.datepicker thead tr:first-child th { cursor: pointer; }
.datepicker thead tr:first-child th:hover { background: #eeeeee; }
.input-append.date .add-on i,
.input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; }

/* contact form */
.contact-form-in {background:#f4f4f4; padding:20px; box-shadow:0 0 15px #ccc; margin-top:30px; border-radius: 6px;}
.contact-form-in .row {margin-left:-10px; margin-right:-10px;}
.contact-form-in label {font-size:13px; font-weight:600; color:#222}
.contact-others {margin-top:30px}
.contact-others h3 {border-bottom:1.5px solid #EEEEEE; padding-bottom:5px; font-size:20px;}
.contact-others ul {list-style:none; font-size:15px; margin-top:15px;}
.contact-others ul li {margin-bottom:5px; font-weight:500; color:#666}
.contact-others ul li a {color:#FCA521}
.contact-others ul li span {font-weight:600; color:#444444; margin-right:8px;}
.inquiry-single {background-color:#f4f4f4; margin-top:30px; padding:20px; border-radius: 6px;}
.inquiry-form .form-group-wrapper {margin-bottom:15px;}
.inquiry-form .form-group-wrapper h3 {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1.5px solid #EEEEEE;
	font-size:18px;
	font-weight:500;
	color:var(--theme-color);
	font-family:'Lora',serif
}
.inquiry-form .row {margin:0 -10px;}
.inquiry-form label {font-size:12px; font-weight:700; color:#444}
.form-btn {
	font-family:'Lora',serif;
	font-size:14px;
	font-weight:700;
	cursor:pointer
}
.form-btn:focus {outline:none}
.form-btn i {margin-left:8px}
.contact-others-wrap {margin-top:30px;}
.contact-map iframe {
	width:100%;
}
.inner-event {background-color:#f4f4f4}
.top-titles span {font-family:"Lora",serif;
font-size:14px;
margin-top:5px;
color:#666
}
.top-titles span i {margin-right:8px;}
.news-page-image {max-height:450px; border-radius:6px; margin-top:15px;}
.news-sidebar .related-brief {display:block}
.news-sidebar .related-brief span {font-size:12px; margin-top:5px; font-weight:600; color:var(--theme-color)}
.news-sidebar .related-brief span i {margin-right:7px;}
.news-sidebar .sidebar-inner {margin-top:15px;}
@media (max-width:1292px){
	.menu-nav>li a{
		font-size:14px;
		padding-left:10px;
		padding-right:10px;
	}
}
@media (max-width:1148px){
	.navbar-custom {display:none}
	.logo-main {
		max-width: 130px;
		bottom: 6px;
		padding: 5px;
		left:15px;
	}
	.search-div, .top-left {padding-left:170px;}
	.menu-btn {display:inline-block}
	#slider .carousel-item {
		height: 480px;
	}
}
@media (max-width:992px){
	.large-container {padding-left:30px; padding-right:30px;}
	#slider .carousel-item {
		height: 420px;
	}
	.intro-image {
		padding-left: 15px;
		margin-top:30px;
	}
	.big-footer .container {padding-bottom:0}
	.footer-in {margin-bottom:30px;}
	.member-image {padding-left:15px; margin-bottom:20px;}
	.member-image .img-container {margin:0 auto}
	.member-brief {text-align:center; padding-right:0}
	.mb-lang{
	    display:none;
	}
}
/* responsive */
@media (max-width:768px){
	.desktop {display:none}
	.mobile {display:block}
	.top-left {text-align:right}
	.mobile-nav {float:right; margin-right:15px; font-size:30px; color:#24599B;}
	.heading-ultra {font-size:50px;}
	.heading-vsm {font-size:12px;}
	.heading-large {font-size:36px;}
	.search-div {display:none}
	.mobile-search {display:block}
	.activities-wrapper {
		margin-top:60px;
	}
	.event-small-in {height:auto}
	.other-pkgs-wrap h5.text-center {font-size:14px;}
	.why-col-left {padding-right:15px;}
	.why-rows-wrap {border-left:0 !important; border-right:0 !important;}
	.tes-indicators {display:none}

	}
	
	
@media (max-width:575px){
	.pad-top {padding-top:40px;}
	.pad-bot {padding-bottom:40px;}
	.heading-large  {font-size:32px;}
	.heading-sm {font-size:22px;}
	.large-container {padding-left:15px; padding-right:15px;}
	.top-left {display:none}
	.logo-main {
		max-width: 110px;
		bottom: 6px;
		padding: 5px;
		left:15px;
	}
	.mobile-nav {margin-top:20px;}
	.header-search {
		padding: 10px 0;
	}
	.inquiry-btn {
		padding: 10px 15px;
		font-size:11px;
	}

	#slider .carousel-item {
		height: 280px;
	}
	.slider-caption {font-size:24px;}
	.slider-link {font-size:12px}
	.home-intro .heading-large {font-size:28px;}
	.home-intro p {
		font-size:14px;
	    margin-top: 10px;
        padding-bottom: 20px;
	}
	.activity-in {
		width: 150px;
		height: 150px;}
		
	.best-pkg-in .img-container {height:320px;}
	.main-package .img-container {
		height: 260px;
		position: relative;
		border-radius: 6px;
	}
	.main-package .package-overview span {font-size:13px;}
	.main-package .package-overview h3 {
		font-size: 18px;
	    margin-top:0;
	}
	.package-tabs {margin:0 -10px; margin-left:-6px;}
	.package-tabs li a::after {
		left:6px;
	}
	.package-tabs li a {
		padding:12px 6px;
		font-size:14px;
	}
	.tes-slide {display:block}
	.tes-details {padding-left:0 ; margin-top:15px;}
	.client-tes-wrapper {text-align:center}
	.client-img {margin:0 auto}
	#tes-slider {margin-top:20px;}
	#tes-slider .carousel-inner {padding-right:0; border:none}
	.event-small-in {padding:10px;}
	.event-small-des p {line-height:20px;}
	.video-main .img-container {
		height: 200px;}
	.common-pkg-in .img-container {height:250px;}	
	.why-row img {max-width:50px;}
	.why-row h3 {padding-left:65px; }
	.why-row {
   
    padding-top: 10px;
    padding-bottom: 15px;
}
.footer-in .heading-sm {margin-bottom:10px;}
.big-round {
    height: 220px;
    width: 220px;}
    .dt-lang{
        margin-right:0;
    }
	.inquiry-btn{
	    display:none;
	}
}
	
	
@media (max-width:360px) {
	body{overflow-x:scroll !important}
	}