* {
	box-sizing: border-box
}

@font-face {
	font-family: myFont;
	src: url('/web/assets/font/aAbrushow.otf');
}

body {
	scroll-behavior: smooth !important;
}

#navbar .container {
	margin: auto;
}
@media (min-width: 768px) {
    #navbar .container {
        max-width: fit-content;
    }
}
input,
input:focus,
button,
buton:focus,
select,
select:focus,
textarea,
textarea:focus {
	outline: none !important;
	outline-style: none !important;
	outline-width: 0 !important;
}

.w-95 {
	width: 95%;
	margin: auto;
}

.clearfix:after {
	content: '';
	display: table;
	clear: both;
}

.col-sm-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
	width: 50%;
	float: left;
}
@media (min-width: 768px) {
    .col-sm-5ths {
    	width: 25%;
    }
}
.right-border {
	border-right: 1px solid #ddd;
	height: calc(100% - 10px);
}

h3,
h4 {
	font-size: unset;
}

a {
	color: #0F0F0F;
}

a:hover {
	color: #b8de3a;
}

/**/
img {
	width: 100%;
}

/**/
.pd-0 {
	padding: 0;
}

.mg-0 {
	margin: 0;
}

/*.mg-top-40 {
margin-top: 40px;
}*/
.mg-top-15 {
	margin-top: 15px;
}

.mg-bt-40 {
	margin-bottom: 40px;
}

.pd-bottom-40 {
	padding-bottom: 40px;
}

.pd-top-40 {
	padding-top: 40px;
}

.md-bot-15 {
	padding-bottom: 15px;
}

.mg-bot-20 {
	margin-bottom: 20px;
}

/**/

.bg-white {
	background: rgba(255, 255, 255, .97);
	transition: all .27s cubic-bezier(0, 0, .58, 1);
	border-bottom: 1px solid #eee;
}

.bg-darks {
	background: #323232;
	position: relative;
}

.bg-darks p {
	color: #fff;
}

.bg-white {
	position: relative;
	background: #fff;
}

.align-center {
	align-items: center;
}

.green-2 {
	color: #024f43;
}

.font-bold {
	font-weight: 700;
	display: flex;
	align-items: center;
	font-size: 19px;
}

.font-bolds {
	font-size: 4rem;
	font-weight: 700;
}

.font-16 {
	font-weight: 600;
}

.font-22 {
	line-height: 35px;
	font-weight: 500;
	font-size: 22px;
	color: #5e6163;
}

.icon-fl {
	padding-right: 5px;
}

/* Section */
section {
	padding: 40px 0;
}

/* Header */
.section-header {
	max-width: 700px;
	margin: 0 auto 20px;
	text-align: center;
}


.section-title {
	font-size: 24px;
	font-weight: 600;
	position: relative;
	display: inline-block;
	color: #0F0F0F;
	margin-bottom:0;
}

@media (min-width: 768px) {
	.section-header {
		margin: 0 auto 40px;
	}

	.section-title {
		font-size: 32px;
	}
}

.section-subtitle {
	margin-top: 15px;
	font-size: 16px;
	color: #666;
	line-height: 1.6;
}


/*-dropdown custom-*/
.language {
	margin: 0 10px;
}

.language img {
	width: 30px;
	height: auto;
	object-fit: cover;
}

.dropbtn {
	background-color: transparent;
	font-size: 16px;
	line-height: 16px;
	color: #5e6163;
	border: 1px solid #a4a8a7;
	border-radius: 6px;
	padding: 5px 20px;
	margin: 0 10px;
}

.dropbtn:hover,
.dropbtn:focus {
	background-color: #b8de3a;
	color: #fff;
	border-color: unset;
	outline: none;
}

.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #fff;
	min-width: 140px;
	overflow: auto;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.dropdown .dropdown-content:after {
	border-bottom: 6px solid #fff;
	left: 27px;
}

.dropdown-content ul {
	margin-bottom: 0;
}

.dropdown-content ul>li {
	position: relative;
	cursor: pointer;
	border-bottom: 1px solid #ccc;
	margin: 0 10px;
}

.dropdown-content ul>li>a {
	color: #333;
	padding: 2px 10px;
	text-decoration: none;
	display: block;
	font-size: 13px;
	font-weight: 400;
}

.dropdown a:hover {
	background-color: #ddd;
}

.show {
	display: block;
}


/* custom check  */

.custom-check {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 13px;
	text-transform: uppercase;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.custom-check input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 16px;
	width: 16px;
	border: 1px solid #999;
	background: transparent;
	border-radius: 4px;
}

.custom-check:hover input~.checkmark {
	background-color: #ccc;
}

.custom-check input:checked~.checkmark {
	background-color: #b8de3a;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.custom-check input:checked~.checkmark:after {
	display: block;
}

.custom-check .checkmark:after {
	left: 5px;
	top: 0px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.tour-type-card {
	position: relative;
	overflow: hidden;
	/* border-radius: 10px; */
	/* optional */
	margin-bottom: 18px;
	min-height: 202px;
}

.tour-type-card img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Title overlay */
.tour-type-card-title {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.6);
	padding: 10px;
	text-align: center;
}

.tour-type-card-title a {
	margin: 0;
	font-size: 24px;
	font-weight: 600;
	color: #fff;
}

.tour-type-card:hover .tour-type-card-title a {
	color: #b8de3a;
}

/* Optional hover effect */
.tour-type-card:hover img {
	transform: scale(1.05);
	transition: 0.3s;
}

.tour-type-card:hover {
	/* box-shadow: 0 0 12px rgba(5, 16, 9, 0.5); */
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
}

.bg-darks .tour-type-card:hover {
	/* box-shadow: 0 0 12px rgba(5, 16, 9, 0.5); */
	box-shadow: 0 0 12px rgba(243, 245, 244, 0.5);
}

/* ===== ITEM TOUR GRID ===== */
.item-tour {
	float: left;
	width: 33.33%;
	padding: 15px;
}

/* ===== CARD ===== */
.item-tour-inner {
	background: #fff;
	overflow: visible;
	transition: all 0.3s ease;
	border-radius: 12px;
}

/* Hover card */
.item-tour-inner:hover {
	/* box-shadow: 0 0 12px rgba(5, 16, 9, 0.5); */
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
}

/* ===== IMAGE ===== */
.item-tour-image {
	display: block;
	overflow: hidden;
	position: relative;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

.item-tour-image img {
	width: 100%;
	height: 220px;
	object-fit: cover;
	transition: transform 0.4s ease;
}

/* Zoom ảnh */
.item-tour-inner:hover .item-tour-image img {
	transform: scale(1.07);
}
/* Overlay nhẹ */
.item-tour-image::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.08);
	opacity: 0;
	transition: 0.3s;
}

.item-tour-inner:hover .item-tour-image::after {
	opacity: 1;
}

/* ===== BODY ===== */
.item-tour-body {
	padding: 16px;
	border: 1px solid #E5E5E5;
	border-top: none;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}

/* ===== TITLE ===== */
.item-tour-title {
	font-size: 17px;
	font-weight: 600;
	//height: 54px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.item-tour-desc{
    height: 68px;
    margin-bottom:12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.item-tour-inner:hover .item-tour-title {
	color: #b8de3a;
}

/* ===== DURATION ===== */
.item-tour-duration {
	color: #666;
	font-size: 14px;
	margin-bottom: 8px;
	border-bottom: 1px solid #eee;
	padding-bottom: 8px;
}

/* ===== COUNTRY ===== */
.item-tour-country-list {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 8px 0 14px 0;
	font-size: 14px;
}

.item-tour-country-list span {
	font-weight: 600;
}

/* ===== FOOTER ===== */
.item-tour-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
}

/* ===== SHARE WRAPPER ===== */
.view-share ul {
	margin: 0;
	padding: 0;
}

.view-share ul>li {
	list-style: none;
	position: relative;
}

/* ===== BOX SHARE ===== */
.view-share ul>li.bt-share .box-share {
	opacity: 0;
	visibility: hidden;

	position: absolute;
	bottom: 100%;
	right: 50%;
	transform: translate(50%, 0);

	background: #fff;
	border: 1px solid #0F0F0F;
	border-radius: 10px;

	padding: 10px;
	margin-bottom: 10px;

	transition: all 0.25s ease;

	/* ❌ bỏ width fix */
	min-width: 90px;
}

/* SHOW */
.view-share ul>li.bt-share:hover .box-share {
	opacity: 1;
	visibility: visible;
	transform: translate(50%, -4px);
}

/* ===== GRID 2 CỘT ===== */
.view-share .box-share ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	/* 2 item mỗi dòng */
	gap: 6px;
	padding: 0;
	margin: 0;
}

/* ===== ITEM ===== */
.view-share .box-share ul>li {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 36px;
	height: 36px;

	border-radius: 8px;
	transition: 0.2s;
}

/* ICON LINK */
.view-share .box-share ul>li a {
	color: #fff;
	font-size: 14px;
}

/* HOVER ITEM */
.view-share .box-share ul>li:hover {
	transform: scale(1.08);
}

/* ===== COLORS ===== */
.view-share .email {
	background: #b8de3a;
}

.view-share .facebook {
	background: #316c9f;
}

.view-share .twitter {
	background: #439bc6;
}

.view-share .linkedin {
	background: #3f88b8;
}

/* ===== ARROW ===== */
.view-share ul>li.bt-share .box-share:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);

	border: 8px solid transparent;
	border-top-color: #0F0F0F;
}

.button-primary {
	display: inline-block;
	align-items: center;
	justify-content: center;
	background: #0F0F0F;
	color: #fff;
	padding: 8px 16px;
	border-radius: 12px;
	border: none;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	transition: all 0.25s ease;
	cursor: pointer;
}

.button-primary:hover {
	background: #1A1A1A;
	color: #fff;
	box-shadow: 0 0 12px rgba(5, 16, 9, 0.5);
	transform: translateY(-1px);
}

.button-primary:active {
	transform: scale(0.97);
}

.button-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	color: #0F0F0F;
	padding: 8px 16px;
	border-radius: 12px;
	border: 1px solid #D4D4D4;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	transition: all 0.25s ease;
	cursor: pointer;
}

.button-secondary:hover {
	border-color: #0F0F0F;
	color: #0F0F0F;
	background: #F5F5F5;
	box-shadow: 0 0 12px rgba(5, 16, 9, 0.5);
	transform: translateY(-1px);
}

.button-green {
	display: inline-block;
	align-items: center;
	justify-content: center;
	background: #b8de3a;
	color: #fff;
	padding: 8px 16px;
	border-radius: 12px;
	border: none;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	transition: all 0.25s ease;
	cursor: pointer;
}

.button-green:hover {
	background: #96b72c;
	color: #fff;
	box-shadow: 0 0 12px rgba(184, 222, 58, 0.5);
	transform: translateY(-1px);
}
/* Outline version */
.button-outline-green {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	color: #b8de3a;
	padding: 8px 16px;
	border-radius: 12px;
	border: 1px solid #b8de3a;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	transition: all 0.25s ease;
	cursor: pointer;
}

.button-outline-green:hover {
	background: #b8de3a;
	color: #fff;
	box-shadow: 0 0 12px rgba(184, 222, 58, 0.5);
	transform: translateY(-1px);
}
.button-contact {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	background: rgba(184, 222, 58, 0.08);
	color: #b8de3a;

	padding: 8px 16px;
	border-radius: 12px;
	border: 1.5px solid rgba(184, 222, 58, 0.4);

	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.3px;

	backdrop-filter: blur(6px);

	transition: all 0.3s ease;
	cursor: pointer;
	margin-left: 10px;

	position: relative;
	overflow: hidden;
}

.button-contact:hover {
	background: linear-gradient(135deg, #b8de3a, #4ade80);
	color: #0F0F0F;

	box-shadow:
		0 6px 20px rgba(184, 222, 58, 0.35),
		0 0 0 2px rgba(184, 222, 58, 0.2);

	transform: translateY(-2px);
}

.button-contact:focus {
	outline: none;
	box-shadow: 0 0 0 3px rgba(184, 222, 58, 0.5);
}

.button-contact::before {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(120deg,
			transparent,
			rgba(255, 255, 255, 0.4),
			transparent);
	transition: all 0.6s ease;
}

.button-contact:hover::before {
	left: 100%;
}

@media (max-width: 991px) and (min-width: 576px) {
	.item-tour {
		width: 50% !important;
	}

	.item-tour.inline-item {
		width: 100% !important;
	}
}

@media (max-width: 575px) {
	.item-tour {
		width: 100% !important;
	}

	.item-tour.inline-item .line {
		width: 100% !important;
	}

	.btn-agent-login {
		color: #fff;
	}
}

@media (max-width: 991px) {
	.title-exo {
		font-size: 1.5rem;
	}

	.detailed__box p.detailed__itinerary.title {
		margin-right: 0;
	}

}

.enter-search {
	display: flex;
	align-items: center;
}


.btn:hover {
	background: #b8de3a;
	color: #fff;
}

.btn.active {
	background: #b8de3a;
	border-color: unset;
	outline: none;
	color: #fff;
}

/* button fix left */
.holdingbox-1 {
	z-index: 9991 !important;
}

.holdingbox-1 {
	position: fixed;
	top: 150px;
	left: 0;
}

.holdingbox-1 a {
	text-decoration: none;
	color: #FFF;
	display: block;
}

.holdingbox-1 .btn-sidebar-leftbox-1 {
	height: 190px;
}

.btn-sidebar-leftbox-1 {
	display: inline-block;
	background: rgba(246, 78, 39, 1);
	color: #FFF;
	padding: 0;
	font-size: 24px;
	height: 140px;
	width: 40px;
	left: 50px;
}

.btn-sidebar-leftbox-1>span {
	top: 77px !important;
	left: -68px;
	font-size: 14px;
	width: 167px;
	transform: rotate(-90deg);
	display: inline-table;
	padding: 5px 0 0;
	position: absolute;
}

@media (max-width: 991px) {
	.holdingbox-1 {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		top: auto;
	}

	.btn-sidebar-leftbox-1 {
		height: auto !important;
		background: rgba(246, 78, 39, .9);
		color: #FFF;
		width: 100%;
		font-weight: 700;
		margin: 0 auto;
		padding: 5px 0 10px;
		text-align: center;
		transform: none !important;
	}

	.btn-sidebar-leftbox-1>span {
		transform: unset;
		display: contents;
		padding: 5px 0 0;
		left: 0 !important;
		font-size: 16px;
		width: 100%;
	}
}


/* button scroll */

.btn-scroll-down {
	width: 30px;
	height: 18px;
	position: absolute;
	bottom: 10%;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 997;
}



/*----------------------------------------------------------------------------------------------------------------------------*/
html,
body {
	position: relative;
	overflow-x: hidden;
}

body {
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe 	UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	margin: 0;
	padding: 0;
}

.menu-tour {
	position: fixed;
	left: 0;
	right: 0;
	top: 0 !important;
	z-index: 110;
	transition: all .1s ease;
}

.menu-tour.active {
	top: 39px !important;
}

.menu-tour.scrollPage {
	background: #fff;
	border-bottom: 1px solid #ddd;
}

.menu-tour.scrollPage .navbar {
	background: #fff
}

.menu-tour.scrollPage .navbar-dark .navbar-nav .nav-link {
	color: #777;
}

.logo {
	transition: 0.4s ease all;
}

.logo_2 {
	display: none;
}

.navbar-dark.bg-white .logo_1 {
	display: none;
}

.navbar-dark.bg-white .logo_2 {
	display: block;
}

.navbar {
	background: rgba(0, 0, 0, 0.24);
	padding: 0;
	height: 100px;
	transition: 0.4s ease all;
}

.navbar.bg-white {
	height: 75px;
}

.navbar-dark .navbar-nav .nav-link {
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	/* text-transform: uppercase; */
}

.navbar-dark.bg-white .navbar-nav .nav-link {
	color: #0F0F0F;
}

.navbar-dark.bg-white .navbar-nav .nav-link.link-quire {
	color: white;
}

.navbar-dark.bg-white .navbar-nav .nav-link .btn-agent-login {
	color: white;
}

.navbar ul>li {
	color: #777;
	display: block;
	padding: 8px 15px;
	line-height: 20px;
	position: relative;
}

div#ftco-nav {
	padding-top: 8px;
}

.navbar ul>li>a.hub {
	padding: 7px 22px !important;
	background: #b8de3a;
	text-decoration: none;
	box-shadow: none;
}

.navbar ul>li:hover:before {
	content: '\f0d8';
	position: absolute;
	color: #fff;
	font-family: 'Font Awesome 5 Free';
	font-size: 20px;
	font-weight: 900;
	left: 0;
	right: 0;
	text-align: center;
	bottom: -7px;
	z-index: 9999;
}

.navbar ul>li .sub-menu {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	transition: 0.4s ease all;
	z-index: 60;
	width: 850px;
	padding: 17px 8px 0;
	background: #fff;
	top: 100px;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.24);
}

@media (min-width: 992px) {
	.navbar ul>li .sub-menu {
		left: auto;
		right: 0;
		transform: translate(50%, 0);
	}
}

@media (max-width: 991px) {
	.navbar ul>li .sub-menu {
		left: 0;
		right: auto;
	}

	.navbar ul>li .sub-menu {
		width: 100% !important;
		left: auto;
		right: 0;
	}

	.navbar-collapse {
		background: #fff;
		z-index: 9999;
		overflow: auto;
		position: absolute;
		width: 95%;
		top: 70px;
		right: 50%;
		left: auto;
		transform: translate(50%, 0);
		max-height: 500px;
		overflow-x: hidden;
		overflow-y: auto;
	}

	.navbar-dark .navbar-nav .nav-link {
		color: #242424 !important;
	}

	.navbar-dark .navbar-nav .active>.nav-link {
		color: #242424 !important;
	}

	.navbar {
		padding: 10px;
	}

	.logo_2 {
		max-width: 80px;
	}

	.navbar-dark.bg-white .navbar-toggler i {
		color: #ddd !important;
	}

	.navbar-dark.bg-white .navbar-collapse {
		top: 55px;
	}
}



.navbar ul>li:hover .sub-menu,
.navbar ul>li:focus .sub-menu,
.navbar ul>li:active .sub-menu {
	opacity: 1;
	top: 52px;
	transition: 0.4s ease all;
	visibility: visible;
}

.navbar ul>li .sub-menu.destinations {
	//max-width: 568px;
}

.navbar ul>li .sub-menu.luxe {
	width: 1077px;
}

.navbar ul>li .sub-menu.responsible {
	width: 240px;
}

.navbar ul>li .sub-menu.aventure {
	width: 995px;
}

.navbar ul>li .sub-menu.luxe .col-sm-5ths {
	padding: 0 5px;
	width: 97px;
}

.navbar ul>li .sub-menu.luxe .intro-list li {
	padding: 5px 0;
	font-weight: 500;
	font-size: 12px;
}

.navbar ul>li .sub-menu.aventure .col-sm-5ths {
	padding: 0 5px;
	width: 98px;
}

.navbar ul>li .sub-menu.aventure .intro-list li {
	padding: 2px 0;
	font-weight: 500;
	font-size: 12px;
	display: flex;
	align-items: center;
}

.navbar ul>li .sub-menu.aventure .intro-list li a {
	padding: 0 5px;
	border-right: 1px solid #ccc;
}

.navbar ul>li .sub-menu.aventure .intro-list li a:first-child {
	padding-left: 0;
}

.navbar ul>li .sub-menu.aventure .intro-list li a:last-child {
	border-right: unset;
}

.link-quire {
	padding: 7px !important;
	background: rgba(0, 0, 0, 0.2);
}

.navbar ul>li .sub-menu.groups {
	width: 750px;
	padding: 10px 0;
}

.navbar ul>li .sub-menu .black-bot {
	font-size: 12px;
	text-align: center;
	padding-top: 15px;
	color: #0F0F0F;
}

.navbar ul>li .sub-menu .grey-top {
	color: grey;
	font-size: 12px;
	padding-bottom: 10px;
}

.navbar ul>li .sub-menu.destinations .col-sm-5ths {
	margin-bottom: 10px;
}

.navbar ul>li .sub-menu li {
	padding-left: 15px;
}

.navbar ul>li .sub-menu li.nav-icon {
	padding: 10px 10px 10px 35px;
}

.navbar ul>li .sub-menu a {
	padding: 0;
	display: block;
	text-decoration: none;
}

.navbar ul>li .sub-menu a:hover {
	color: #7bb764 !important;
}

.navbar ul>li .sub-menu li.nav-icon a {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	color: #444;
}

.navbar ul>li .sub-menu .tour-img a img {
	border: 1px solid #e1e1e2;
	margin-bottom: 10px;
}

.sub-menu .menu-item {
	display: inline-block;
	text-align: left;
}

.sub-menu a {
	background: #fff;
	border: none;
	color: #1C434E;
}

.navbar-dark .navbar-toggler {
	outline: unset;
	margin: 0;
	border: 1px solid #ddd;
	padding: 5px 10px;
}

.btn-agent-login {
	display: none;
	padding: 7px 22px;
	background: #b8de3a;
}

.menu-tour.scrollPage .btn-agent-login {
	color: #fff
}

.logo-header {
	min-width: 125px;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.logo-header img {
		width: 100px;
	}
}

/* Sub-menu */
.tab-wrap-img {
	margin: 0;
	padding: 0;
}

.img-overlay-black {
	position: relative;
	height: 100%;
}

.img-overlay-black img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.img-overlay-black span:before {
	content: "";
	position: absolute;
	height: 2px;
	background: #FFFFFF;
	right: 50%;
	left: 50%;
	transition: all 0.3s ease-out;
	bottom: -3px;
}

.img-overlay-black {
	position: relative;
}

.img-overlay-black a span {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 50%;
	top: auto;
	transform: translate(0, 50%);
	color: #fff;
	display: inline-block;
	max-width: 80%;
	text-align: center;
	text-transform: uppercase;

}

.img-overlay-black:hover span:before {
	right: 0;
	left: 0;
}

.img-overlay-black a:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}

.mega-dest-link p {
	margin: 0;
}

.mega-dest-link a {
	width: 100%;
	padding: 0 !important;
	font-size: 12px !important;
	margin: 0;
	text-align: center;
}

.desc-img {
	padding: 10px 0;
}

ul {
	padding-left: 0;
}

li.nav-icon-classic {
	background: url(../images/icon-menu/classic.png) no-repeat;
}

li.nav-icon-beach {
	background: url(../images/icon-menu/beach.png) no-repeat;
}

li.nav-icon-nature {
	background: url(../images/icon-menu/nature.png) no-repeat;
}

li.nav-icon-active {
	background: url(../images/icon-menu/active.png) no-repeat;
}

li.nav-icon-responsible {
	background: url(../images/icon-menu/responsible-travel.png) no-repeat;
}

li.nav-icon-family {
	background: url(../images/icon-menu/family.png) no-repeat
}

li.nav-icon-homestay {
	background: url(../images/icon-menu/homestay.png) no-repeat
}

li.nav-icon-honeymoon {
	background: url(../images/icon-menu/honeymoon.png) no-repeat
}

li.nav-icon-undiscovered {
	background: url(../images/icon-menu/undiscovered.png) no-repeat
}

li.nav-icon-cruise {
	background: url(../images/icon-menu/cruise.png) no-repeat
}

li.nav-icon-golf {
	background: url(../images/icon-menu/golf.png) no-repeat
}

li.nav-icon-shorttrips {
	background: url(../images/icon-menu/shorttrips.png) no-repeat
}

li.nav-icon-culinary {
	background: url(../images/icon-menu/culinary.png) no-repeat;
}

li.nav-icon-responsible-about {
	background: url(../images/icon-menu/RESPONSIBLE-ABOUT.png) no-repeat;
}

li.nav-icon-responsible-hotel {
	background: url(../images/icon-menu/RESPONSIBLE-HOTELS.png) no-repeat;
}

li.nav-icon-responsible-tour {
	background: url(../images/icon-menu/RESPONSIBLE-TOURS.png) no-repeat;
}

li.nav-icon-responsible-experience {
	background: url(../images/icon-menu/RESPONSIBLE-EXPERIENCES.png) no-repeat;
}

@media (min-width: 992px) {
	.navbar ul>li {
		padding: 7px 8px;
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 0;
		padding-left: 0;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		font-size: 11px;
	}

	.navbar ul>li {
		padding: 8px 5px;
	}
}

@media (max-width: 991px) {
	.quire {
		display: inherit !important;
	}
}

/*------------------------------------------------------------------------------------------------------------------------*/


/* Main video */
.full-screen {
	margin-top: -25px;
	/*height: 100vh;*/
	width: 100%;
	position: relative;
	overflow: hidden;
}

.video-main {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

video#videobg {
	background-size: cover;
	height: auto;
	left: 50%;
	min-height: 100%;
	min-width: 100%;
	position: fixed;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: auto;
	z-index: 99;
	vertical-align: baseline;
}

#imgBg .hero-content {
	position: absolute;
	height: 100%;
	width: 100%;
	color: #fff;
	padding: 0;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 100;
}

.hero-content-inner {
	margin: 0 auto;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 98;
	color: #fff;
}

.hero-content-inner>div {
	display: inline-table;
	margin: auto;
}

.hs-line-1 {
	font-size: 4em;
	font-weight: 700;
	margin-bottom: 20px;
	letter-spacing: 2px;
}

.btn-home-wrap div,
.btn-sidebar-hover,
.btn-slider,
.left {
	float: left;
}

@media (max-width: 991px) {
	.hs-line-1 {
		font-size: 20px;
	}

	.hero-content-inner {
		max-width: 300px;
		margin: auto;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
	}

	.btn-home-wrap div,
	.btn-sidebar-hover,
	.btn-slider,
	.left {
		width: 100%;
		margin-bottom: 10px;
	}

	.btn-home {
		width: 100%;
	}

	.btn-home-search {
		margin: 0 !important;
	}
}


.btn-home img,
.btn-home-search img {
	height: 24px;
	width: 26px;
	display: inline-block;
}

.btn-home-search img {
	margin: 4px 12px 0 0;
}

.btn-home img {
	margin: 0 12px 0 0;
}

.home-btn-newsletter {
	display: inline-block;
	padding-top: 10px;
	text-decoration: none !important;
}

input.autocomplete-dynamic {
	color: #444;
	padding: 5px 5px 5px 15px;
	width: 100%;
	top: 0 !important;
	border: 1px solid #fff;
	height: 45px;
	position: relative;
	outline: none;
}

.btn-home-search,
.btn-home {
	height: 45px;
	margin: 0 3px 0 0;
	font-weight: 700;
	display: flex;
	align-items: center;
	outline: none;
}

.btn-home-search {
	color: #fff;
	background: #b8de3a;
	border: 1px solid #b8de3a;
	padding: 0 0 0 17px;
}

.btn-home {
	background: #a4a4a4;
	border: 1px solid #a4a4a4;
	color: #fff;
	padding: 5px 20px 2px;
}

.btn-home:hover {
	background: #b8de3a;
	color: white;
}

/*---------------------------------------------------------------------------------------------------------------------*/


/* page */

.page {
	display: block;
	position: relative;
	background: #fff;
	padding-bottom: 40px;
}

.page .text-center a {
	display: block;
}

.page .text-center img {
	width: 85px;
	height: 64px;
}

 .hightlight-underline {

	margin: 0px 0 20px;
	position: relative;
	display: inline-block;
	padding-top: 0px;
} 

.hightlight-underline:after {
	content: "";
	bottom: -10px;
	height: 1px;
	width: 80%;
	position: absolute;
	border-bottom: 3px solid #b8de3a;
	left: 0;
	right: 0;
	margin: auto;
}

.hightlight-underline.white:after {
	border-color: white;
}

.hightlight-underline.full:after {
	width: 100%;
}

.over__view-items-title.full:after {
	width: 100%;
}

blockquote {
	max-width: 100%;
	margin: auto;
	text-align: center;
	font-size: 22px;
}

blockquote p {
	font-size: 22px;
	line-height: 1.6;
	font-weight: 400;
	color: #fff;
}

.btn-main {
	border-radius: 4px;
	display: inline-block !important;
	color: #b8de3a;
}

.btn-main {
	font-weight: 500;
	font-size: 1.2em;
	padding: 5px 20px;
	transition: .4s ease all;
}

.btn-main:hover {
	background: #b8de3a;
	color: #fff !important;
	text-decoration: none;
	border-color: #fff !important;
}

.btn-main,
.btn-payment {
	border: 1px solid #b8de3a;
}

/*--*/
.content_2 {
	background: #dbdbdb;
}

.content_2 .icon-between {
	display: flex;
	align-items: center;
	justify-content: center;
}

.icon-svg {
	width: 71px;
	height: 71px;
	margin-top: -35px;
	object-fit: cover;
	background: #fff;
	border-radius: 50%;
}

.thumbnail {
	/*height: 300px;*/
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.thumbnail .titleText {
	width: 100%;
	height: 100%;
	display: block;
}

.thumbnail .titleText img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 767px) {
	.thumbnail {
		height: auto;
	}
}

.thumbnail:hover:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.0);
	z-index: -1;
}

.desc,
.desc_2 {
	position: absolute;
	left: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 0;
	/*background: rgba(0,0,0,.5);*/
	padding: 10px;
}

.desc_top {
	display: none;
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	padding: 10px;
	color: white;
	text-align: center;
}

.desc_top h3 {
	font-size: 20px;
	margin: 0;
}

.desc_top span {
	display: block;
	margin-bottom: 10px;
}

.desc_top p img {
	width: 47px;
	height: 27px;
}

.desc_2 {
	background: rgba(0, 0, 0, 0.7);
	/*border-top: 1px solid #eee;*/
	left: 0;
	right: 0%;
	width: 100%;
}

.desc h3,
.desc_2 h3 {
	color: #b8de3a;
	display: inline-block;
	padding-right: 10px;
	margin-bottom: 0;
	font-size: 20px;
	text-transform: uppercase;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.desc p,
.desc_2 p {
	margin-bottom: 0;
}

/* stand for */

.stand-for .thumbnail {
	height: 230px;
}

@media (max-width: 991px) and (min-width: 768px) {
	.stand-for .thumbnail {
		height: 178px;
	}
}

@media (max-width: 767px) {
	.stand-for .thumbnail {
		height: auto;
	}
}

.stand-for .thumbnail:hover:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .8);
}

.stand-for .thumbnail .desc {
	top: 0;
	bottom: auto;
	display: flex;
	justify-content: space-between;
	padding: 10px 30px;
	background: transparent;
}

.stand-for .thumbnail .desc h3 {
	font-size: 30px;
	font-weight: 600;
	text-transform: capitalize;
}

.stand-for .thumbnail img {
	width: 100%;
}

.stand-for .thumbnail .icon {
	width: 62px;
	height: 62px;
}

/* Tour we love */

.we-love .thumbnail {
	/*height: 330px;*/
}

.we-love .thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 991px) {
	.we-love .thumbnail {
		height: auto;
	}
}

.btn-main.view-more {
	border: 1px solid #5d6162;
	color: #5d6162;
}

/* email-form */
.email-form blockquote p {
	font-weight: 400;
}

.hightlight-underline-black {
	margin: 15px 0 30px;
	color: #111;
	text-transform: uppercase;
}

.about-exo-subscribe input {
	border: 2px solid #ccc;
	border-radius: 4px 0 0 4px;
	color: #444;
	font-size: 22px;
	padding: 13px 15px 13px 25px;
}

.about-exo-subscribe a {
	background: #7fb254;
	border-radius: 0 4px 4px 0;
	color: #fff;
	font-size: 22px;
	padding: 12px 17px 15px;
	-webkit-padding-after: 14px;
	-webkit-padding-before: 14px;
	display: inline-block;
}

.form-subcribe {
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 991px) {
	.about-exo-subscribe input {
		font-size: 13px;
		width: 100%;
	}

	.about-exo-subscribe a {
		font-size: 13px;
	}
}

/* socical */

.social-links a {
	display: inline-block !important;
	width: 35px;
	height: 35px;
	line-height: 34px;
	position: relative;
	margin: 0 6px;
	text-align: center;
	color: #fff;
	background: #b8de3a;
	border-radius: 100%;
	border: 2px solid #b8de3a;
	transition: .4s ease all;
}

.social-links a:hover {
	color: #b8de3a;
	background: #fff;
}

/* brand  */

.brand {
	position: relative;
	background: #fff;
}

.destination-slider .owl-nav button.owl-prev {
	left: 20px;
}

.destination-slider .owl-nav button.owl-next {
	right: 20px;
}

.destination-slider .owl-nav button.owl-prev,
.destination-slider .owl-nav button.owl-next {
	top: 43%;
	position: absolute;
	width: 38px;
	height: 38px;
	background: rgba(255, 255, 255, 0.3) !important;
	color: #b8de3a !important;
	transform: translateY(-50%);
	border-radius: 50%;
	box-shadow: 3px 3px 3px rgba(36, 61, 87, .2);
	border: 1.5px solid rgba(184, 222, 58, 0.4);
}

.destination-slider .owl-nav button.owl-prev:hover,
.destination-slider .owl-nav button.owl-next:hover {
	background: rgba(255, 255, 255, 0.6) !important;
}

.destination-slider .owl-nav {
	margin-top: 0;
}

.destination-slider .owl-nav [class*=owl-]:hover {
	background: #fff !important;
}

.destination-slider .owl-nav i {
	font-size: 20px;
	color: #b8de3a !important;
}


.brand .owl-carousel .owl-item img {
	transition: 0.4s ease all;
	aspect-ratio: 6/4;
}

.item__brand img {
	border-radius: 8px;
}

.brand .owl-carousel .owl-item .destination {

	justify-content: center;
	align-items: center;
	margin: 15px 0;
}

/* footer */


/* modal */

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 750px;
	}
}

.modal-content {
	border-radius: unset;
}

.modal-header {
	background: #b8de3a;
	padding: 20px;
	width: 100%;
	display: block;
	position: relative;
}

.modal-header h4.modal-title {
	color: #fff;
	padding: 0 0 10px;
	font-size: 18px;
}

.modal-header p {
	color: #fff;
	font-size: 14px;
}

.modal-body .nav-tabs {
	border-bottom: 8px solid #004e42;
}

.modal-body .nav {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.modal-body .nav>li {
	display: block;
	margin: 0 7px 0 0;
	position: relative;
}

.modal-body .nav-tabs>li {
	float: left;
}

.modal-body .nav-tabs>li>a {
	background: #0d4f42;
	border-image: none;
	color: #fff;
	text-decoration: none;
	font-weight: 500;
	border: 1px solid transparent;
	padding: 10px 10px;
}

.modal-body .tab-header {
	padding: 20px 0 0;
	font-size: 14px;
}

.modal-body label.control-label {
	font-size: 12px;
	margin-bottom: 5px;
	font-weight: 700;
	color: #5e6163;
}

.modal-footer input,
.modal-header .submit-login {
	background: #fff;
	color: #7ab363 !important;
	border: none;
	padding: 3px 15px;
	border-radius: 3px;
	color: white;
}

#agent_hub .modal-header .control-label {
	font-size: 12px;
	font-weight: 700;
	color: #fff;
}

.button-lg {
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
}

#agent_hub .agent-hub-login-box span,
#agent_hub .agent-hub-login-box a {
	font-size: 12px;
	color: #fff;
}

#tab2 h4 {
	margin-bottom: 1em;
	line-height: 1.4;
	font-weight: 500;
	color: #444;
	font-size: 18px;
}

#tab2 h4 a {
	color: #b8de3a;
}

#agent_hub .modal-footer {
	display: block;
}

#agent_hub .modal-footer ul>li {
	list-style: none;
}

#agent_hub .modal-footer ul>li>a {
	color: #b8de3a;
	text-decoration: none;
	font-size: 12px
}

@media (min-width: 576px) {
	#search .modal-dialog {
		max-width: 100%;
		margin: 0;
		height: 100% !important;
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		margin: auto;
	}
}

#search .modal-content {
	background: #b8de3a;
}

#search .modal-content .modal-body {
	text-align: center;
	margin: auto;
}

#search .modal-content button.close {
	background: transparent;
	border-radius: 50%;
	color: #fff;
	float: none;
	font-size: 24px;
	font-weight: 400;
	height: 45px;
	opacity: 1;
	width: 45px;
	border: 2px solid #fff;
	margin-bottom: 5px;
}

#search .modal-content .modal-body .btn-primary {
	font-size: 20px;
	padding: 5px 40px;
	font-weight: 500;
	background: #ffb300;
	border-color: #fff;
	transition: 0.4s ease all;
}

#search .modal-content .modal-body .btn-primary:hover {
	color: #c52424;
}


/*--------------------------------------------------------------------------------------------------------------------------*/


/* Tour  */

.bg-tour {
	height: 70vh;
}

.bg-tour img {
	width: 100%;
	object-fit: cover;
}

.tour-content {
	position: relative;
	background: #fff;
}

.icon-between {
	justify-content: center;
}

.layout-mode-button-group {
	display: flex;
	align-items: center;
}

.icon-view {
	padding-right: 5px;
}

.bt-view {
	background: transparent;
	padding: 5px 35px;
	border: 1px solid #a4a8a7;
	border-radius: 5px;
	margin-right: 5px;
	color: #a4a8a7;
	font-weight: 600;
}

.group-result,
.group-view-r {
	border-right: 2px solid #999;
}

.green {
	color: #b8de3a;
	font-size: 16px !important;
	padding: 0 10px;
}

.groug-results {
	display: flex;
	align-items: center;
	justify-content: center;
}

.view {
	display: flex;
	align-items: center;
	padding-left: 20px;
}

.found {
	padding-right: 20px;
	border-right: 2px solid #999;
	display: flex;
	align-items: center;
}

.sort-by {
	background: #b8de3a !important;
	font-size: 16px;
	padding: 5px 0;
	width: 180px;
	text-transform: uppercase;
	border: none;
	outline: none !important;
	border-color: unset !important;
	box-shadow: unset !important;
}

.dropdown-menu.show {
	width: 180px;
	border-radius: unset;
	padding: 8px 10px;
}

.dropdown-item {
	border-bottom: 1px solid #eee;
}

.dropdown-item.active {
	color: #fff;
	text-decoration: none;
	background-color: #337ab7;
	outline: 0;
}

nav ul.pagination {
	margin: 0 5px 0 0;
}

.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}

.pagination .disabled {
	opacity: 0.5;
}

@media (max-width: 1199px) {
	.group-view {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.bt-view {
		padding: 0 15px;
	}

	.font-16 {
		font-size: 13px;
	}
}

@media (max-width: 991px) {
	.dropdown.filter-tour {
		width: 100%;
		margin-top: 20px;
	}

	.sort-by {
		width: 100%;
	}

	.dropdown-menu.show {
		width: 100%;
	}

	.group-view {
		margin-bottom: 20px;
	}
}


/*----*/

ul {
	list-style-type: none;
}

.pagination>li {
	display: inline;
}

.d-flex-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.back a {
	border: 1px solid #0F0F0F;
	background: #0F0F0F;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	padding: 6px 12px;
}

ul.pagination li a {
	border: 1px solid #0F0F0F;
	border-radius: 12px;
	background: #fff;
	color: #0F0F0F;
	margin: 0 2px;
	font-size: 14px;
	font-weight: 600;
	position: relative;
	float: left;
	padding: 6px 12px;
	text-decoration: none;
}

ul.pagination li a:hover {
	background: #0F0F0F;
	color: #fff !important;
}

ul.pagination li.active a {
	border: 1px solid #0F0F0F;
	background: #0F0F0F;
	color: #fff;
	margin: 0 2px;
}

.pagination a:not([href]):not([tabindex]):focus,
.pagination a:not([href]):not([tabindex]):hover {
	color: #0F0F0F;
}

.pagination .disabled:hover a {
	background: #fff !important;
	cursor: no-drop;
}

@media (max-width: 767px) {

	#pagination,
	.search-result-view {
		display: flex;
		justify-content: center;
		margin-bottom: 20px;
	}
}

/*---*/

/* content tour */
.fa-times {
	margin-right: 5px;
}

/* left panel*/
.btn-reset {
	border: 1px solid #80be6c !important;
	background: transparent;
	border-radius: 5px;
	color: #b8de3a;
	font-size: 16px;
	width: 100%;
	padding: 5px 10px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	margin-top: 10px;
}

.border-radius-top {
	font-weight: 500;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: #323232;
	border: 1px solid #a4a8a7;
	color: #fff;
	padding: 6px 10px 4px;
	text-transform: uppercase;
}

.search-box {
	border: 1px solid #ccc;
	padding: 10px;
	position: relative;
	background: transparent;
	width: 100%;
}

.search-box .fas.fa-search {
	position: absolute;
	right: 20px;
	top: auto;
	bottom: 50%;
	transform: translate(0, 50%);
}

.search-box ul {
	margin: 0;
	padding: 0;
}

.search-box ul.list-group li {
	padding: 5px 0;
	list-style: none;
}

.roundedOne label span {
	font-size: 13px;
	font-weight: 400;
}

/* right panel */

.label-img {
	position: absolute;
	top: 0px;
	right: 1px;
	z-index: 9;
	width: 100px;
}


.product-link {
	display: block;
	position: relative;
}

.product-link img {
	width: 100%;
	height: 255px;
	object-fit: cover;
}

.item-flag-grid {
	left: auto;
	right: 50%;
	margin: 29px 0 0;
	position: absolute;
	top: 80px;
	text-align: center;
	width: 85%;
	padding-bottom: 10px;
	transform: translate(50%, 0);
	display: none;
}

.icon-flag-japan {
	background: url(../images/flags/icon-japan.png) center 8px no-repeat;
	background-size: 30px 19px;
}

.media-box-icon-country {
	display: inline-block;
	height: 30px;
	margin: 5px;
	text-align: center;
	width: 30px;
}

.caption-h4 p {
	color: #444;
	display: block;
	line-height: 14px;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	padding: 10px 0;
	padding-top: 3px;
	border-bottom: 2px solid #ccc;

}

.details-tour {
	margin: 0 5px 0 0;
	padding: 0 15px 10px 14px;
}

.details-tour>li {
	color: #353838;
	list-style: disc;
	font-size: 12px;
}



/*---------------------------------------------------------------------------------------------------------------------------------------------*/


/* Destinations */

.video-main .title-content-discover {
	text-align: center;
	position: absolute;
	top: 25%;
	left: auto;
	right: 50%;
	transform: translate(50%, 0);
}


.video-main .title-content-discover h1 {
	color: #fff;
	margin: 0;
}

.video-main .title-content-discover h2.white {
	color: #fff;
}

/*---*/

.des-content {
	position: relative;
	background: #fff;
	padding: 0px 0;
}

.tab {
	width: 100%;
	margin: 0;
}

.tab .nav-tabs {
	display: flex;
	align-items: center;
	justify-content: center;
	border: unset;
}

.tab .nav-tabs li a {
	background: #bdbfbf;
	color: #fff !important;
	display: inline-block;
	padding: 5px 20px;
	border: 1px solid #a3a6a5;
	border-radius: 4px;
	cursor: pointer;
	margin: 0 5px;
	min-width: 205px;
	text-align: center;
	margin-bottom: 10px;
}

.tab .nav-tabs li a:active {
	background: #b8de3a;
}

.tab .nav-tabs li a {
	color: #fff;
	text-decoration: none;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------*/


/* Tour Deatil */

.icon-overview {
	width: 60px;
	height: 60px;
}

.video-main .title-content-tourDetail {
	text-align: center;
	position: absolute;
	top: 50%;
	left: auto;
	left: 50%;
	transform: translate(-50%, -50%);
}

.video-main .title-content-tourDetail h1 {
	color: #fff;
	margin: 0;
	font-size: 2.5rem;
}

.video-main .title-content-tourDetail h4.white {
	color: #fff;
	margin-top: 0.5rem;
}

.video-main .title-content-tourDetail img {
	width: auto;
	margin: 5px;
}

.fancybox-custom .fancybox-skin {
	box-shadow: 0 0 50px #222;
}

.fancybox {
	position: relative;
}

span.rollover {
	background: url(../images/icon-menu/icon-gallery-overlay.png) center center no-repeat #0F0F0F;
	height: 118px;
	width: 100%;
	opacity: 0;
	position: absolute;
	transition-duration: .2s;
	z-index: 10;
	left: 0;
	right: auto;
	transition: 0.4s ease all;
}

span.rollover1 {
	background: url(../images/icon-menu/icon-gallery-overlay.png) center center no-repeat #0F0F0F;
	height: 165px;
	width: 100%;
	opacity: 0;
	position: absolute;
	transition-duration: .2s;
	z-index: 10;
	left: 0;
	right: auto;
	transition: 0.4s ease all;
}

span.rollover:hover,
span.rollover1:hover {
	opacity: .4;
}

/*@media (min-width: 1200px) {
#fancybox-content {
width: 800px;
}
}*/

#fancybox-content {
	margin: auto;
	padding-top: 40px;
	padding-bottom: 15px;
}

@media (max-width: 575px) {
	#fancybox-content .fancybox img {
		padding-bottom: 15px;
	}
}

.fav-section ul>li {
	display: inline-block;
	list-style: none;
	font-weight: 500;
	margin: 0 0 10px;
	background: #fff;
	border: 1px solid #b8de3a !important;
	padding: 3px 20px;
	border-radius: 4px !important;
	cursor: pointer;
}

.fav-section ul>li>a {
	color: #5d6162;
	font-size: 1.2em;
	text-decoration: none;
}

.fav-section ul>li>a .icon-share {
	color: #b8de3a;
	font-size: 16px;
	margin-right: 10px;
}

.fav-section ul>li:hover {
	background: #b8de3a;
}

.fav-section ul>li:hover a {
	color: #fff;
}

.fav-section ul>li:hover a .icon-share {
	color: white;
}

.highlight-section-r h4 {
	color: #004e42;
	font-weight: 700;
	margin: 0;
	font-size: 18px;
	line-height: 24px;
}

.highlight-section-r i {
	display: inline-flex;
	margin: 0 10px 0 0;
	position: relative;
	top: 5px;
	float: left;
	width: 10px;
}

.highlight-section-r p {
	color: #5d6162;
	font-size: 18px !important;
}

@media (max-width: 767px) {
	.highlight-section-r {
		margin-top: 20px;
	}
}

/*--*/

.card {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: .25rem;
}

#accordion .card {
	margin-bottom: 2px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	border: none;
}

.card-header {
	padding: .75rem 1.25rem;
	margin-bottom: 0;
	background-color: rgba(0, 0, 0, .03);
}

.card-headers {
	display: flex;
	justify-content: flex-end;
	padding: 20px;
}

.card-header:first-child {
	border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-headers a {
	color: #454545;
	font-weight: 900;
}

#accordion .card .card-header {
	padding: 0;
	background: #f6f6f6;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	border: none;
}

#accordion .card .card-header a {
	padding: 12px 20px;
	display: block;
	font-size: 16px;
	font-weight: 700;
	color: #454545;
	text-decoration: none;
	position: relative;
}

#accordion .card .card-header a span {
	float: right;
	position: absolute;
	right: 5px;
	bottom: 50%;
	top: auto;
	transform: translate(0, 50%);
}

#accordion [aria-expanded=false]>.expanded,
#accordion [aria-expanded=true]>.collapsed {
	display: none;
}

.card-body {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1.25rem;
}

.collapse:not(.show) {
	display: none;
}

#accordion .card .card-header a span i {
	color: #8bc34a;
}


.tab-tour-detail .nav-tabs {
	justify-content: flex-start;
	padding: 0;
	border-bottom: 7px solid #004e42;
}

.tab-tour-detail .nav-tabs li a {
	margin: 0;
	padding: 14px 20px;
	min-width: auto;
	border-radius: unset;
	background: #7fb254;

}

.tab-tour-detail .nav-tabs li a.active {
	background: #004e42;
}

.exo-table {
	padding: 0 35px;
}

.exo-table ul {
	padding: 0 25px;
}

.exo-table ul>li {
	/*list-style: circle;*/
	list-style: none;
	color: #5e6163;
	line-height: 30px;
	position: relative;
}

.thumbnail.tout-detal-thb {
	height: 330px;
	position: relative;
}

.thumbnail.tout-detal-thb a {
	position: absolute;
	left: 0;
	right: 0;
	transition: 0.4s ease all;
}

.thumbnail.tout-detal-thb a:before,
.thumbnail a:before {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	/*background: rgba(0,0,0,.3);*/
	width: 100%;
	height: 100%;
	transition: 0.4s ease all;
}

.thumbnail.tout-detal-thb a:before,
.thumbnail a.titleText:before {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0);
	width: 100%;
	height: 100%;
	transition: 0.4s ease all;
}

/*.thumbnail.tout-detal-thb:hover a:before, .thumbnail:hover a:before {
background:none;
}*/
.thumbnail:hover a.titleText:before {
	background: rgba(0, 0, 0, 0.0);
}

.thumbnail:hover a.titledes {
	background: none;
}

.desc a.titledes {
	background: none;
}

.thumbnail.tout-detal-thb img {
	height: 100%;
}

#addboxes-tours a {
	background: #b8de3a !important;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #0F0F0F;
	font-size: 1.2em;
	font-weight: 500;
	padding: 3px 35px;
	text-decoration: none;
	transition: 0.4s ease all;
}

#addboxes-tours a:hover {
	background: 0 0 !important;
	color: #fff;
	border-color: #b8de3a;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------*/


/* adventure */

.btn-agent-login.aventure {
	background: #ef6800;
	transition: 0.4s ease all;
}

.btn-agent-login.aventure:hover {
	background: #564842;
	color: white;
}

.btn-slider-p,
.btn-slider-p-ad {
	color: #fff;
	font-size: 16px;
	height: 45px;
	padding: 12px 15px 10px;
}

.btn-slider-p-ad {
	background: #564842;
	width: 200px;
	text-transform: uppercase;
}

.btn-slider-arrow-ad {
	background: #de7026;
	border: 1px solid #de7026;
	width: 100%;
	padding: 10px 14px 14px;
	height: 45px;
	color: #fff;
}

.btn-slider {
	color: #5e6163;
	font-weight: 500;
}

.btn-slider-ad {
	text-transform: uppercase;
	color: #de7026 !important;
}

.btn-slider label {
	position: relative;
	font-weight: 400;
}

.btn-slider select {
	margin: 0;
	color: #79b562;
	border: 1px solid #a8abac;
	outline: 0;
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	text-align: center;
	height: 45px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.btn-slider select {
	background: url(../images/icon-menu/arrow-right-grey.png) right 14px no-repeat #fff;
	border-bottom: 1px solid transparent;
	border-right: 30px solid transparent !important;
	-webkit-padding-start: 15px;
	-webkit-padding-end: 0;
	width: 250px;
	text-align-last: center;
	border-top: 1px solid transparent;
	font-weight: 500;
	text-transform: uppercase;
	padding: 0 28px 0 18px;
}

@media (max-width: 991px) {
	.btn-slider select {
		width: 100%;
	}

	.btn-slider-p-ad {
		width: 100% !important;
	}

	.white {
		display: none;
	}

	.btn-slider label {
		width: 100%;
	}
}

/**/

.adventure {
	position: relative;
	display: block;
	background: #fff;
}

.accordion ul {
	width: 100%;
	display: table;
	table-layout: fixed;
	margin: 0;
	padding: 0;
}

.accordion ul li:nth-child(1) {
	background: url(../images/img-adventure/pic-adventure-01.jpg) center top no-repeat;
	background-size: cover;
}

.accordion ul li:nth-child(2) {
	background: url(../images/img-adventure/pic-adventure-02.jpg) center top no-repeat;
	background-size: cover;
}

.accordion ul li:nth-child(3) {
	background: url(../images/img-adventure/pic-adventure-03.jpg) center top no-repeat;
	background-size: cover;
}

.accordion ul li:nth-child(4) {
	background: url(../images/img-adventure/pic-adventure-04.jpg) center top no-repeat;
	background-size: cover;
}

.accordion ul li:nth-child(5) {
	background: url(../images/img-adventure/pic-adventure-05.jpg) center top no-repeat;
	background-size: cover;
}

.accordion ul li:nth-child(6) {
	background: url(../images/img-adventure/pic-adventure-06.jpg) center top no-repeat;
	background-size: cover;
}

.adventure .accordion ul li {
	display: table-cell;
	vertical-align: bottom;
	position: relative;
	width: 16.666%;
	height: 100vh;
	transition: all .5s ease;
	visibility: visible;
	animation-duration: 1s;
	animation-delay: 0.1s;
	animation-name: fadeInUp;
}

.adventure .accordion ul li:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: rgba(47, 35, 35, .6);
	z-index: 0;
}

.adventure .accordion ul>li>a:hover {
	text-decoration: none !important;
}

.accordion ul>li>a div {
	display: block;
	overflow: hidden;
	text-align: center;
	width: 100%;
	position: relative;
}

.accordion ul>li>a .first {
	position: absolute;
	top: 40%;
}

.accordion ul>li:nth-child(2)>a>div {
	position: absolute;
	top: 40%;
}

.accordion ul>li:nth-child(3)>a>div {
	position: absolute;
	top: 40%;
}

.accordion ul>li:nth-child(4)>a>div {
	position: absolute;
	top: 40%;
}

.accordion ul>li:nth-child(5)>a>div {
	position: absolute;
	top: 40%;
}

.accordion ul>li:nth-child(6)>a>div {
	position: absolute;
	top: 40%;
}

.accordion h2,
.accordion-icon {
	display: table-cell;
	position: relative;
}

.accordion-icon {
	width: 55px;
	height: 55px;
	margin: 0 auto;
	z-index: 999;
	opacity: .6;
}

.accordion h2 {
	color: #fff;
	padding: 10px;
	border-bottom: 2px solid #fff;
}

.accordion-details p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	color: white;
	width: 200px;
	margin: auto;
	font-size: 12px;
}

.accordion ul>li>a>div .accordion-details {
	transition: .4s ease;
	left: -100%;
	padding: 10px;
}

.accordion ul:focus li:focus,
.accordion ul:hover li:hover {
	width: 25%;
}

.accordion ul:focus li:focus .accordion-icon,
.accordion ul:hover li:hover .accordion-icon {
	opacity: 1;
}

.accordion ul:focus li:focus .accordion-details,
.accordion ul:hover li:hover .accordion-details {
	left: 0;
}

button#myBtn {
	background: 0 0 !important;
	border: 1px solid #5d6162;
	border-radius: 4px;
	color: #5d6162;
	font-size: 1.2em;
	font-weight: 500;
	padding: 3px 35px;
	text-decoration: none;
	transition: 0.4s ease all;
}

button#myBtn1 {
	background: 0 0 !important;
	border: 1px solid #5d6162;
	border-radius: 4px;
	color: #5d6162;
	font-size: 1.2em;
	font-weight: 500;
	padding: 3px 35px;
	text-decoration: none;
	transition: 0.4s ease all;
}





@media (max-width: 1199px) {
	.accordion h2 {
		padding: 5px;
		font-size: 16px;
	}
}

@media (max-width: 991px) {
	.accordion-details p {
		width: 140px;
		-webkit-line-clamp: 4;
	}
}

@media (max-width: 767px) {
	.adventure .accordion ul li {
		display: block;
		width: 100%;
	}

	.accordion ul:focus li:focus,
	.accordion ul:hover li:hover {
		width: 100%;
	}
}


/*-----*/
.adventure-section {
	background: url(../images/img-adventure/bg-climb-right.jpg) right top no-repeat,
		url(../images/img-adventure/bg-bird-left.jpg) left top no-repeat #fff;
}

.find-adventure {
	background: url(../images/img-adventure/bg-adventure-02.jpg) no-repeat;
	padding-top: 40px;
	padding-bottom: 0;
}

.find-adventure .bg-bottom {
	background: url(../images/img-adventure/bg-local-top.jpg) 0 bottom repeat-x #ede6de;
	padding-bottom: 120px;
}

.bg-brown {
	background: #ece6de;
	position: relative;
}

.bg-bottom {
	background: url(../images/img-adventure/bg-local-top.jpg) 0 bottom repeat-x #ede6de;
	padding-bottom: 60px;
	padding-top: 120px;
}

.bg-adventure-walk {
	position: relative;
	background: url(../images/img-adventure/bg-local-walk-l.png) left bottom no-repeat,
		url(../images/img-adventure/bg-local-walk-r.jpg) right bottom no-repeat,
		url(../images/img-adventure/bg-local-walk-c.jpg) 0 bottom repeat-x;
}


#addboxes-tours a.aventure {
	border-color: #ef6800;
	color: #ef6800;
}

#addboxes-tours a.aventure:hover {
	background: #ef6800 !important;
	color: #fff;
	border-color: #ef6800;
}

.social-links.aventure a {
	border-color: #dd7026;
	background: #dd7026;
}

.social-links.aventure a:hover {
	border-color: #dd7026;
	background: #fff;
	color: #dd7026;
}

/*------------------------------------------------------------------------------------------------------------------------------------------*/

/* Hotels */

.hotel-destination {
	text-align: center;
	position: absolute;
	top: 20%;
	left: auto;
	right: 50%;
	transform: translate(50%, 0);
	font-size: 4rem;
	color: #fff;
	font-weight: 700;
}

.view-share ul>li>a.hotel {
	padding: 5px 15px;
}

.hotels-more-info-text a {
	color: #b8de3a;
	outline: 0;
	cursor: pointer;
}

.hotel-detail .video-main .title-content-tourDetail h1 {
	font-size: 3.5rem;
}

#slideBoxInFo.owl-theme .owl-nav [class*=owl-]:hover {
	background: transparent;
	color: inherit;
}

#slideBoxInFo.owl-carousel .owl-nav button span {
	display: none
}

#slideBoxInFo.owl-carousel .owl-nav button {
	position: absolute;
	top: 50%;
	transition: .3s;
	opacity: 0;
	visibility: hidden
}

#slideBoxInFo.owl-carousel:hover .owl-nav button {
	opacity: 1;
	visibility: visible
}

#slideBoxInFo.owl-carousel .owl-nav button.owl-prev {
	left: 30px;
}

#slideBoxInFo.owl-carousel .owl-nav button.owl-next {
	right: 30px;
}

#slideBoxInFo.owl-carousel:hover .owl-nav button.owl-prev {
	left: 0px
}

#slideBoxInFo.owl-carousel:hover .owl-nav button.owl-next {
	right: 0px
}

#slideBoxInFo.owl-carousel .owl-nav button:before {
	font-family: "Font Awesome 5 Pro";
	font-size: 40px;

}

#slideBoxInFo.owl-carousel .owl-nav button.owl-prev:before {
	content: "\f104"
}

#slideBoxInFo.owl-carousel .owl-nav button.owl-next:before {
	content: "\f105"
}

#slideBoxInFo.owl-carousel .owl-nav button.owl-next {}

ul.tess {
	border: 2px solid;
	margin: 10px 0 15px;
	padding: 0 15px;
	text-align: center
}

ul.tess li {
	display: inline-block;
}

ul.tess li a {
	letter-spacing: 1.3px;
}

.travel-choose-us span.icon-transport-7 {
	float: none;
	display: inline-block;
	border-color: #235636;
	color: #235636;
	height: 75px;
	width: 75px;
	line-height: 84px;
	font-size: 30px;
	margin-bottom: 25px;
	position: relative;
}

.travel-choose-us h5 a,
.slide-content h5 a {
	display: inline-block;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	color: #235636;
	font-family: 'Poppins', sans-serif;
}

.travel-choose-us span {
	text-align: center;
	border: 2px solid #fff;
	border-radius: 100%;
	font-size: 15px;
}

table td {
	text-align: left;
}

table {
	margin-top: 15px;
}

#item_img {
	padding-top: 20px;
	padding-bottom: 30px;
}

.itemss {
	border-radius: 100%;
}

.item-content.line {
	padding-top: 5px;
	padding-bottom: 5px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}

.item-content.line .country-desc {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	min-height: 50px;
}

.companyPage {
	color: #fff;
	margin-top: 10px;
}

i.iconsHotel {
	margin-right: 5px;
	font-size: 15px;
}

.iconTour {
	margin-top: 50px;
}

.tripTour i {
	font-size: 60px;
}

.highlight-section-r ul li:before {
	content: '\2713';
	font-size: 20px;
	margin-right: 5px;
}

.desc a {
	position: absolute;
	left: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 0;
	background: rgba(0, 0, 0, .5);
	padding: 10px;
	text-decoration: none;
}

.contentDes {
	background-color: rgba(0, 0, 0, 0.3);
	display: none;
	font-size: 18px;
	/*-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;*/
	overflow: hidden;
	text-overflow: ellipsis;
	transition: 0.3s;
	color: #fff;
	z-index: 2;
	margin-bottom: 50px;
}

.thumbnail:hover .contentDes {
	display: block;

	/*margin-bottom: 90px;*/
}

.desc_top a {
	text-decoration: none;
	color: #fff;
}

.black-noline {
	font-size: 20px;
}

.top-40 {
	/*margin-top: 40px;*/
}

.top-20 {
	margin-top: 20px;
}

.mg-bt-60 {
	margin-bottom: 60px;
}

.pd-bottom-60 {
	padding-bottom: 60px;
}

.iconDes {
	width: 50px;
}

.iconImg {
	filter: invert(100%);

}



@media (min-width: 1200px) {
	.hotel-detail .img-hotel {
		height: 500px;
	}
}

@media (max-width: 1199px) {
	.hotel-detail .video-main .title-content-tourDetail h1 {
		font-size: 1.5rem;
		line-height: 1.5rem;
	}

	.hotel-detail.bg-tour img,
	.bg-tour img {
		width: 100%;
		height: 350px;
		max-width: initial;
	}

	.hotel-destination {
		font-size: 2rem;
	}
}

.modal-imgs {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.2);
	z-index: 10000;
	display: none;
}

.modal-imgs.active {
	display: block;
}


.modal__content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 360px;
	padding: 20px;
	background: #fff;
}

.img-large img {
	width: 100%;
	object-fit: cover;
}

ul.list-img-small {
	margin-top: 15px;
}


.list-img-small .owl-nav button.owl-prev,
.list-img-small .owl-nav button.owl-next {
	position: absolute;
	top: -100px;
	width: 35px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10000;
	background: transparent !important;
}

.list-img-small .owl-nav button.owl-prev {
	left: -60px;
}

.list-img-small .owl-nav button.owl-next {
	right: -60px;
}

.list-img-small .owl-nav button.owl-prev span,
.list-img-small .owl-nav button.owl-next span {
	font-size: 5em;
	color: #fff;
	font-weight: bold;
}

.des-content .tab-content .tab-pane ul li {
	list-style: none;
}

.des-content .tab-content .tab-pane:nth-child(1) ul li:before {
	content: '\2713';
	position: absolute;
	top: 0;
	left: -20px;
	color: lime;
	opacity: 0;
}

.des-content .tab-content .tab-pane:nth-child(2) ul li:before {
	content: '\2718';

	position: absolute;
	top: 0;
	left: -20px;
	color: red;
}

.des-content .tab-content .tab-pane:nth-child(3) ul li:before,
.des-content .tab-content .tab-pane:nth-child(4) ul li:before,
.des-content .tab-content .tab-pane:nth-child(5) ul li:before {
	content: '\2022';

	position: absolute;
	top: 0;
	left: -20px;
	color: black;
	font-size: 12px;
}

.thumbnail .desc_top a {
	text-transform: uppercase;
}

.search-home-form {
	width: 100%;
	display: inline-flex;
	padding: 16px 0 8px;
	flex-wrap: wrap;
	margin: 0 auto;
	justify-content: center;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 99;
}

.search-home-form h2 {
	line-height: 50px;
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	margin-right: 8px;
}

.search-home-form-seclect {
	width: 300px;
	height: 50px;
	margin: 0 8px;
	display: inline-block;
	border-radius: 12px;
	overflow: hidden;
}

.search-home-form-seclect select {
	width: 100%;
	height: 100%;
	border: none;
	outline: none;
	padding: 0 8px;
}

.search-home-form-seclect.uppercase select {
	text-transform: uppercase;
}

.search-home-btn {
	display: inline-block;
	width: 15%;
	height: 50px;
	align-items: center;
	justify-content: center;
	background: #b8de3a;
	color: #fff;
	padding: 8px 16px;
	border-radius: 12px;
	border: none;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	transition: all 0.25s ease;
	cursor: pointer;
}

.search-home-btn:hover {
	background: #96b72c;
	color: #fff;
	box-shadow: 0 0 12px rgba(184, 222, 58, 0.5);
	transform: translateY(-1px);
}

.container__why h5 {
	font-size: 30px;
	margin-bottom: 10px;
	color: #b8de3a;
}

.container__why h2 {
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 10px;
	position: relative;
	padding-bottom: 10px;
	color: #b8de3a;
}

.container__why h2::after {
	content: "";
	display: block;
	position: absolute;
	width: 100px;
	height: 3px;
	background: #b8de3a;
	left: 0;
	bottom: 0;
}

.container__why-title h3 {
	font-size: 30px;
	margin-bottom: 10px;
	color: #0F0F0F;
	font-family: myFont;
}

.container__why-title p {
	font-size: 16px;
	color: #0F0F0F;
	text-align: justify;
	margin-bottom: 16px;
}

.container__why img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-height: 500px;
	border-radius: 12px;
}

.col-lg-2-4 {
	flex: 0 0 auto;
	width: 20%;
}

.cl {
	padding-left: 8px;
	padding-right: 8px;
}

@media (min-width: 992px) {}

.container__colorful-img {
	width: 100%;
	padding-top: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 65%;
}

.container__colorful-text h5 {
	margin-top: 10px;
	font-size: 15px;
	text-transform: uppercase;
}

.container__colorful-text p {
	padding: 10px 0px;
	border-top: 2px solid #0F0F0F;
	border-bottom: 2px solid #0F0F0F;
	height: 110px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	font-size: 15px;
	margin: 0;
	line-height: 23px;
	display: none;
}

.container__colorful .slick-prev:before {
	position: absolute;
	left: 0;
	color: #0F0F0F;
}

.container__colorful .slick-next:before {
	position: absolute;
	right: 0;
	color: #0F0F0F;
}

.container__colorful .slick-dots {
	display: none !important;
}

.container__news {
	position: relative;
	margin-bottom: 40px;
	overflow: hidden;
}

.container__news::after {
	position: absolute;
	content: "";
	display: block;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
}

.container__news-img {
	width: 100%;
	height: 250px;
	object-fit: cover;
}

.container__news:hover img {
	transform: scale(1.05);
	transition: 0.3s;
}

.container__news-wrap {
	position: absolute;
	bottom: 0;
	color: #fff;
	padding: 20px;
	z-index: 1;
}

.container__news-title-header {
	font-size: 18px;
	/* text-transform: uppercase; */
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
}

.container__news-title {
	font-size: 16px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.1;
}

@media (max-width: 1023px) {

	.search-home-btn,
	.search-home-form-seclect,
	.search-home-form {
		width: 100%;
		margin-bottom: 15px;
	}

	.search-home-form {
		padding: 0 10px;
	}

	.search-home-form-seclect {
		margin-left: 0;
		margin-right: 0;
	}

	.video-main img {
		height: 100%;
		object-fit: cover;
	}
}

.sign-up {
	margin-top: 10px;
}

.footer__title {
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 24px;
	color: #b8de3a !important;
}

.footer__form-input {
	position: relative;
}

.footer__form-input i {
	position: absolute;
	width: 35px;
	height: 35px;
	right: 0;
	background-color: #fff;
	text-align: center;
	top: 5px;
	line-height: 35px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	color: #5a5a5a;
}

.logo img {
	width: auto;
	height: 70px;
}


.container__information-title {
	text-align: center;
	margin-bottom: 20px;
	font-size: 30px;
	text-transform: uppercase;
	color: #0F0F0F;
	font-weight: 700;
	position: relative;
	padding-bottom: 10px
}

.container__information-title::after {
	content: '';
	display: block;
	position: absolute;
	width: 200px;
	height: 2px;
	background-color: #b8de3a;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
}

.container__information .infor-text {
	padding: 0;
	font-size: 16px;
	color: #0F0F0F;
	margin-bottom: 15px;
	text-align: justify;
}

.container__information img {
	width: 100%;
	padding: 0 15px;
}

.container__information-items h5 {
	font-size: 24px;
	margin-top: 30px;
	padding: 0 15px;
	margin-bottom: 10px;
	color: #b8de3a;
}

.container__information-items p {
	font-size: 16px;
	color: #0F0F0F;
}

.container__information-icon {
	padding: 0 15px;
	display: flex;
	align-items: center;
}

.container__information-icon p {
	margin-bottom: 0;
}

.container__information-items span {

	color: #0F0F0F;
	display: block;
}

.container__information-item li {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	color: #666;
	padding: 0 15px;
}

.container__information-item h6 {
	width: 20%;
	font-weight: 700;
}

.container__tabs-list-nav {
	list-style: none;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

.container__tabs-list-nav li {
	line-height: 56px;
	flex-grow: 1;
	height: 56px;
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.3);
	margin: 0 8px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	padding: 0 12px;
	cursor: pointer;
}

.container__tabs-list-nav .active {
	background-color: #b8de3a;
}

.container__tabs-list-wrap h2 {
	text-align: center;
	margin-bottom: 20px;
	font-size: 32px;
}

.container__tabs-list-wrap img {
	width: 100%;
	height: 186px;
	object-fit: cover;
}

.container__tabs-list-wrap p {
	text-align: center;
	margin-top: 10px;
	font-weight: 600;
	font-size: 20px;
}

@media (max-width: 1023px) {

	.navbar.bg-white {
		height: 100px;
	}

	.container__tabs-list-nav {
		flex-wrap: wrap;
	}

	.container__tabs-list-nav li {
		font-size: 12px;
		height: 40px;
		padding: 0 4px;
		margin: 4px;
		line-height: 40px;
	}

	.container__information img {
		padding: 0 15px;
	}

	.container__information-title {
		font-size: 28px;
	}

	.container__information-items h5 {
		font-size: 24px;
		margin-top: 10px;
	}
}

.font-16 {
	font-size: 16px;
	line-height: 24px;
	color: #5e6163;
}

.amenities-items {
	list-style: none;
	margin: 0;
	padding: 20px 10px 10px;
	border: 1px solid #333;
}

.amenities-item {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.amenities-item i {
	font-size: 13px;
	color: #aa9a6f;
}

.amenities-item p {
	margin-bottom: 0;
	margin-left: 8px;
	font-size: 16px;
}

.amenities-item-share {
	position: relative;
	display: inline-block;
}

.amenities-item-share-icon {
	display: inline-flex;
	background-color: #0F0F0F;
	align-items: center;
	color: #fff;
	padding: 10px 25px;
	border-radius: 5px;
}

.amenities-item-share-icon i {
	margin-top: 3px;
}

.amenities-item-share-icon p {
	margin-bottom: 0;
	margin-left: 12px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 600;
}

.amenities-item-share-social {
	position: absolute;
	width: 300px;
	right: 0;
	bottom: 100%;
	background-color: #fff;
	border: 1px solid #666;
	padding: 10px;
	border-radius: 4px;
	display: none;
	flex-wrap: wrap;
}

.amenities-item-share:hover .amenities-item-share-social {
	display: flex;
}

.amenities-item-share-social-icon {
	width: 50%;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.amenities-item-share-social-icon i {
	width: 25px;
	height: 25px;
	background: #1d9bf0;
	margin-right: 4px;
	text-align: center;
	line-height: 25px;
	color: #fff;
	border-radius: 4px;
}

.amenities-item-share-social-icon a {
	text-decoration: none;
	color: #1d9bf0;
}

.amenities-item-share-social-icon a:hover {
	color: #333;
}

.amenities-item-contact {
	display: inline-flex;
	background-color: #b8de3a;
	color: #fff;
	padding: 10px 25px;
	align-items: center;
	margin-left: 30px;
	border-radius: 5px;
}

.amenities-item-contact p {
	margin-bottom: 0;
	margin-left: 12px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 600;
}

.mt-20 {
	margin-top: 20px;
}

.call-us {
	position: fixed;
	bottom: 100px;
	right: 20px;
	width: 60px;
	height: 60px;
	background-color: #0d6efd;
	color: #fff;
	text-decoration: none;
	border-radius: 50px;
	text-align: center;
	z-index: 9999999999;
}

.mail-us:hover,
.call-us:hover {
	color: #fff;
}

.mail-us i,
.call-us i {
	font-size: 35px;
	line-height: 60px;
}

.call-us i {
	animation: phone-ring 1.5s infinite;
}

.mail-us {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 60px;
	height: 60px;
	background-color: #ea4335;
	color: #fff;
	text-decoration: none;
	border-radius: 50px;
	text-align: center;
	z-index: 9999999999;
}

@keyframes phone-ring {
	0% {
		transform: rotate(0deg) scale(1) skew(1deg);
	}

	10% {
		transform: rotate(-25deg) scale(1) skew(1deg);
	}

	20% {
		transform: rotate(25deg) scale(1) skew(1deg);
	}

	30% {
		transform: rotate(-25deg) scale(1) skew(1deg);
	}

	40% {
		transform: rotate(25deg) scale(1) skew(1deg);
	}

	50% {
		transform: rotate(0deg) scale(1) skew(1deg);
	}

	100% {
		transform: rotate(0deg) scale(1) skew(1deg);
	}
}

#destination-select {
	width: 100%;
	height: 40px;
	padding: 0 12px;
	border: 1px solid #ccc;
	outline: none;
	text-transform: uppercase;
}

.pd-top-120 {
	padding-top: 120px;
}

/*.about-us__wrap{
margin-bottom: 30px;
}*/
@media (min-width:768px) {
	.des-content .container .about-us__wrap:nth-child(even)>div:first-child {
		order: 2;
		padding-left: 0;
	}

	.des-content .container .about-us__wrap:nth-child(odd)>div:first-child {
		padding-right: 0;
	}

	.des-content .container .about-us__wrap:first-child .about-us__text {
		padding-top: 0;
	}

	.mg-top {
		margin-top: 30px;
	}
}

.des-content .container .about-us__wrap:nth-child(4)>div {
	flex: 0 0 100%;
	max-width: 100%;
	text-align: center;
}

.des-content .container .about-us__wrap:nth-child(4) .about-us__text-content p,
.des-content .container .about-us__wrap:nth-child(4) .about-us__text-content div {
	text-align: center !important;
}

.des-content .container .about-us__wrap:nth-child(4) .about-us__img {
	display: none;
}

.des-content .container .about-us__wrap:nth-child(4) .about-us__text {
	margin-top: 50px;
}

.des-content .container .about-us__wrap:nth-child(4) .about-us__text h2 {
	font-size: 32px;
}

.about-us__img {
	width: 100%;
	height: 100%;
}

.about-us__img-img {
	width: 100%;
	height: auto;
	max-height: 500px;
	background-repeat: no-repeat;
	background-size: cover;
}

.about-us__text {
	color: #0F0F0F;
	padding: 10px 0;
}

.about-us__wrap .about-us__text-content h2 {
	border-bottom: 2px solid #b8de3a;
	padding-bottom: 5px;
}

.about-us__text h2 {
	font-size: 24px;
	font-weight: 600;
	text-transform: uppercase;
}

.about-us__text p {
	font-size: 16px;
	margin-bottom: 0;
}

.about__why-us-title {
	text-align: center;
	font-size: 45px;
	position: relative;
	margin-bottom: 30px;
}

.about__why-us-title h2 {
	z-index: 1;
	background-color: #fff;
}

.about__why-us-title .line {
	position: absolute;
	top: 60%;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #b8de3a;
}

.about__why-us-items h6 {
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	text-transform: capitalize;
}

.about__why-us-items p {
	text-align: center;
	font-size: 15px;
	margin-bottom: 30px;
}

.about__people-title {
	text-align: center;
	font-size: 45px;
	position: relative;
	margin-bottom: 30px;
}

.about__people-title .line {
	position: absolute;
	top: 60%;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #0F0F0F;
}

.about__people-wrap {
	margin-bottom: 30px;
	text-align: center;
}

.about__people-wrap img {
	width: 100%;
	height: auto;
	max-width: 250px;
	border-radius: 50%;
	margin-bottom: 30px;
}

.about__people-info h3 {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 10px;
	text-align: center;
}

.about__people-info p {
	font-size: 15px;
	color: #555;
	text-align: center;
	margin-bottom: 10px;
}

.about__people-contact {
	text-align: center;
}

.about__people-contact i {
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	background-color: #b8de3a;
	color: #fff;
}

@media (max-width: 576px) {}

.discovery_1 .column-left {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.discovery_1 .column-right {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.discovery_1-title {
	font-size: 35px;
	text-align: center;
	font-weight: 900;
	letter-spacing: 2px;
	margin-bottom: 10px;
}

.discovery_1-description {
	font-size: 16px;
	text-transform: capitalize;
	text-align: start;
	margin-bottom: 30px;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe 		UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/*.discovery_1-description>div{
text-align: center !important;
line-height: 34px;
max-width: 700px;
margin: 0 auto;
}*/

.recommendations h2,
.highlights h2 {
	font-size: 35px;
	font-weight: 700;
	margin-bottom: 10px;
}

.recommendations p {
	display: -webkit-box;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.recommendations ul {
	margin-bottom: 0;
	padding-left: 20px;
}

.recommendations ul li,
.destinations-derc-text ul {
	list-style: disc;
}

.destinations-derc-text ul {
	padding-left: 20px;
}

.discovery_1-list {
	margin: 10px 0;
	position: relative;
}

.discovery_1-item {
	display: inline-block;
	margin: 0 10px;
	position: relative;
	cursor: pointer;
}

.discovery_1-item.active::after {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background-color: #b8de3a;
}

.discovery_1-item p {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0;
}
@media (min-width: 768px) {
    font-size: 18px;
}

.discovery_1-item-detail table {
	margin-top: 0;
}

.discovery_1-item-detail {
	display: none;
}

.discovery_1-item-detail ol,
.discovery_1-item-detail ul {
	padding-left: 20px;
}

.discovery_1-item-detail ol li {
	list-style: decimal;
}

.discovery_1-item-detail ul li {
	list-style: disc;
}

.discovery_1-item-detail.active {
	display: block;
	padding: 25px 16px;
	background: transparent;
	border-top: 1px solid #ccc;
}

.discovery_1-item-detail h6 {
	font-size: 16px;
	text-transform: capitalize;
	font-weight: 700;
}

.discovery_1-detailed-itinerary {
	border-bottom: 1px solid #ccc;
	transition: all linear 0.5s;
}

.discovery_1-detailed-itinerary-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 20px;
	background-color: #eee;
}

.discovery_1-detailed-itinerary-title p {
	margin-bottom: 0;
	font-size: 15px;
	font-weight: 700;
}

.discovery_1-detailed-itinerary-title i {
	font-size: 18px;
	color: #b8de3a;
	cursor: pointer;
	transform: rotate(0);
}

.discovery_1-detailed-itinerary-desc span {
	display: block;
}

.discovery_1-detailed-itinerary-desc strong {
	font-weight: bold;
	letter-spacing: 1px;
}

.discovery_1-detailed-service {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.discovery_1-detailed-service li {
	display: inline-block;
	text-align: center;
}

.discovery_1-detailed-service li i {
	width: 40px;
	height: 40px;
	background-color: #b8de3a;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
}

.discovery_1-detailed-service li span {
	display: block;
	margin-top: 10px;
}

.discovery_1-detailed-service,
.discovery_1-detailed-itinerary-desc {
	display: none;
}

.discovery_1-detailed-service.active {
	display: flex;
}

.discovery_1-detailed-itinerary-desc.active {
	display: block;
	padding: 20px 20px 20px 0;
	margin-left: 20px;
	font-size: 15px;
	text-align: justify;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.discovery_1-detailed-itinerary-desc span div {
	line-height: 20px;
}

p.detailed__itinerary.title {
	margin-right: -170px;
}


.title__tour {
	margin-top: 10px;
}

.title__tour a {
	display: inline-block;
	font-size: 18px;
	color: #0F0F0F;
	font-weight: 500;
}

.discovery_1-visit-desc {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 30px 0;
}

.discovery_1-visit-desc li {
	margin: 0 30px;
	display: flex;
	align-items: center;
}

.discovery_1-visit-desc .green {
	background-color: green;
	width: 20px;
	height: 20px;
	display: inline-block;
}

.discovery_1-visit-months .green {
	color: green;
}

.discovery_1-visit-desc .yellow {
	background-color: rgb(253, 224, 33);
	width: 20px;
	height: 20px;
	display: inline-block;
}

.discovery_1-visit-months .yellow {
	color: rgb(253, 224, 33);
}

.discovery_1-visit-desc .gray {
	background-color: gray;
	width: 20px;
	height: 20px;
	display: inline-block;
}

.discovery_1-visit-months .gray {
	color: gray;
}

.discovery_1-visit-desc p {
	margin-bottom: 0;
	margin-left: 8px;
	text-transform: capitalize;
	color: #fff;
}

.discovery_1-visit-months {
	display: flex;
	flex-wrap: wrap;
}

.discovery_1-visit-months li {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 800;
	flex: 1;
	text-align: center;
	padding: 0 12px;
}

.discovery_1-visit {
	margin-top: 20px;
	padding: 0px 0;
	background-color: #323232;
}

.discovery_1-tours-title {
	margin: 30px 0;
	text-align: center;
	font-size: 35px;
	text-transform: uppercase;
	font-weight: 700;
}

.discovery_1-tours-wrap {
	width: 100%;
	height: 250px;
	position: relative;
	margin-bottom: 20px;
}

.discovery_1-tours-wrap-img {
	width: 100%;
	height: 100%;
}

.discovery_1-tours-wrap p {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	color: #fff;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 10px 0;
	margin-bottom: 0;
	text-transform: capitalize;
}

.discovery_1-list-wrap {
	transition: all linear 0.5s;
	overflow: hidden;
	justify-content: center;
	background: transparent;
	border-radius: 12px;
	border: 1px solid #d4d4d4;
	box-shadow: 0 2px 6px 0 rgba(16, 24, 40, 0.06);
	margin: 0 0 40px 0;
}

.discovery_1-tours .slick-prev:before,
.discovery_1-tours .slick-next:before {
	color: #0F0F0F;
}

.discovery_1-tours .slick-dots li button:before {
	font-size: 14px;
}

.discovery_1-tours {
	display: none
}

.text-black {
	color: #0F0F0F !important;
}

.text-white {
	color: #fff;
}

.text-yellow {
	color: #b8de3a !important;
}

a:hover {
	text-decoration: none !important;
}

u {
	color: #b8de3a;
}

.container__colorful-text p,
.container__colorful-text h5 {
	color: #0F0F0F;
	text-align: center;
}

.container__colorful-text p a,
.container__colorful-text h5 a {
	color: currentcolor;
}

.contact__us {
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9999999999999;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.contact__us-item {
	width: 40px;
	height: 40px;
	overflow: hidden;
	display: flex;
	background-color: #323232;
	align-items: center;
	cursor: pointer;
	margin-bottom: 15px;
	transition: all linear 0.5s;
}

.contact__us-item>i {
	min-width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #b8de3a;
	font-size: 18px;
}

.contact__us-wrap a {
	color: #fff;
	text-decoration: none;
}

.contact__us-wrap a:hover {
	color: #fff !important;
}

.contact__us-form {
	width: 100%;
	height: 100%;
	position: relative;
	flex-grow: 1;
}

.contact__us-form input {
	width: 100%;
	height: 30px;
	border: none;
	outline: none;
	background-color: rgba(255, 255, 255, 0.3);
}

.contact__us-form button {
	position: absolute;
	right: 0;
	width: 30px;
	height: 30px;
	background-color: #fff;
	color: #b8de3a;
	border: none;
	display: none;
}

.contact__us-item:hover {
	width: 200px;
	background-color: #b8de3a;
}

.contact__us-item:hover>i {
	color: #fff;
}

.contact__us-item:hover .contact__us-form button {
	display: inline-block;
}

.footer-m-30>li {
	margin-bottom: 15px;
}

.contact__icon {
	position: fixed;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9999;

	display: flex;
	flex-direction: column;
	gap: 12px;
}

.contact__icon li {
	list-style: none;
	width: fit-content;
	margin-left: auto;
}

/* item */
.contact__icon a {
	position: relative;

	display: flex;
	align-items: center;

	max-width: 50px;
	height: 50px;
	transition: max-width 0.3s ease;
	padding: 0 14px;
	border-radius: 999px;

	background: rgba(50, 50, 50, 0.6);
	backdrop-filter: blur(8px);

	color: #b8de3a;
	text-decoration: none;

	transition: all 0.3s ease;
	overflow: hidden;

	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

/* icon */
.contact__icon i {
	font-size: 18px;
	min-width: 22px;
	text-align: center;
}

/* text (ẩn ban đầu) */
.contact__icon span {
	margin-left: 10px;
	white-space: nowrap;
	opacity: 0;
	transform: translateX(10px);
	transition: all 0.3s ease;
	font-size: 14px;
	font-weight: 500;
}

.contact__icon a:hover {
	background: linear-gradient(135deg, #b8de3a, #4ade80);
	color: #0F0F0F;
	padding-right: 20px;
	max-width: 200px;
	box-shadow:
		0 6px 20px rgba(184, 222, 58, 0.4),
		0 0 0 2px rgba(184, 222, 58, 0.2);

	transform: translateX(-6px);
}

/* hiện text khi hover */
.contact__icon a:hover span {
	opacity: 1;
	transform: translateX(0);
}

.contact__icon a:active {
	transform: scale(0.95);
}

.contact__icon-phone {
	color: #b8de3a;
}

.contact__icon-contact {
	color: #3b82f6;
}

@media (max-width: 768px) {
	.contact__icon span {
		display: none;
	}

	.contact__icon a {
		width: 50px;
		justify-content: center;
		padding: 0;
	}
}

.contact__icon-mail {
	color: #b8de3a;
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
}

.contact__icon-mail i {
	font-size: 20px;
	margin: 0 15px;
}

.contact__icon-mail-form {
	display: flex;
	align-items: center;
	width: 100%;
}

.contact__icon-mail-form input {
	height: 30px;
	background-color: transparent;
	border: 1px solid #fff;
	outline: none;
	color: #fff;
	width: 100%;
}

.contact__icon-mail-form button {
	display: inline-block;
	border: none;
	outline: none;
	width: 30px;
	height: 30px;
	background-color: #fff;
}

.contact__icon-mail-form button>i {
	width: 100%;
	height: 100%;
	margin: 0;
	font-size: 13px;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
	display: block;
}

.contact__icon li:hover .contact__icon-mail {
	color: #fff;
}

.mb-40 {
	margin-bottom: 40px !important;
}

.text-center-2 {
	left: 50%;
	transform: translateX(-50%);
}

.img-center-2 {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.brand-slide {
	margin: auto;
}

.brand-slide img {
	max-width: 100%;
	height: 70px;
	object-fit: contain;
	margin: auto;
}

* {
	padding: 0;
	margin: 0;
}

#footer {
	background-color: #323232;
	color: #fff;
	padding: 20px 0;
	position: relative;
	font-size: 14px;
}

.bg-footer {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	transform: scaleX(-1) rotate(180deg);
	mix-blend-mode: color;
}

.footer-logo {
	width: 130px;
	margin-bottom: 5px;
}

.footer__title {
	font-size: 16px;
	color: #b8de3a;
	font-weight: 600;
}

.footer__address {
	margin-bottom: 0px;
}

.footer__mail,
.footer__hotline,
.footer__hotline {
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	display: block;
	margin-bottom: 0px;
}

.footer__mail~span {
	margin-bottom: 0px;
	display: inline-block;
}

.footer__form label {
	display: block;
}

.footer__form-wrap {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	width: 100%;
}

.footer__form input {
	width: 49%;
	height: 40px;
	margin-bottom: 5px;
	padding: 0 15px;
	margin-left: 0;
}

.footer__form button {
	position: absolute;
	right: 0;
	width: 40px;
	height: 40px;
	outline: none;
	border: none;
	background-color: #b8de3a;
	font-size: 20px;
	color: #fff;
}

.margin-lg-left-8 {
	margin-left: 8px;
}

.margin-lg-right-8 {
	margin-right: 8px;
}

.footer__items {
	list-style: none;
}

.footer ul li a:hover {
	color: #b8de3a !important;
}

.footer__items-link {
	display: block;
	color: #fff;
	text-decoration: none;
	margin-bottom: 5px 0;
}

.footer__items-link:hover {
	color: #b8de3a !important;
}

.footer__bottom {
	text-align: center;
	margin-top: 20px;
}

.footer__social-title {
	text-align: center;
	margin-bottom: 10px;
	padding-right: 62px;
	/*padding-left: 50px;*/
}

.footer__social-items {
	display: flex;
	justify-content: flex-start;
	gap: 10px;
}



.footer__social-item i {
	margin-right: 6px;
}

.pos-relative {
	position: relative !important;
	z-index: 2;
}

.footer__social-items a {
	color: #fff;
	text-decoration: none;
	display: inline-block;
}

.footer__bottom p {
	margin-bottom: 0;
}

.experiences p {
	text-align: center;
	margin: 15px 0 40px;
	color: #0F0F0F;
}

.container__tabs-list-nav li a {
	color: #fff;
}

.container__tabs-list-nav li:hover {
	background-color: #b8de3a;
}

@media(min-width: 720px) and (max-width: 960px) {
	.bg-footer {
		height: 50%;
		bottom: 0;
		top: auto;
	}
}

@media(max-width: 576px) {
	.bg-footer {
		height: 30%;
		bottom: 0;
		top: auto;
	}

	.footer__form-wrap {
		flex-wrap: wrap;
	}

	.margin-lg-left-8 {
		margin-left: 0;
	}

	.margin-lg-right-8 {
		margin-right: 0;
	}

	.footer__form button {
		bottom: 10px;
	}
}

.scroll-top {
	position: fixed;
	bottom: 10px;
	right: 30px;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background-color: #b8de3a;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #fff;
	z-index: 999999;
}

.btn-fixed {
	position: fixed;
	bottom: 10px;
	right: 30px;
	z-index: 100;
}

.btn-fixed ul li a {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #67b734;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 23px;
	color: #fff;
}

.discovery_1-item-detail-link {
	text-transform: uppercase;
	/*width: 130px;*/
	height: 40px;
	color: #fff;
	border-radius: 5px;
	padding: 10px 25px;
	font-family: 'Lato', sans-serif;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	display: none;
	box-shadow: inset 2px 2px 2px 0px rgb(255 255 255 / 50%), 7px 7px 20px 0px rgb(0 0 0 / 10%), 4px 4px 5px 0px rgb(0 0 0 / 10%);
	outline: none;
	background: #b8de3a;
}

.discovery_1-item-detail-link i {
	color: #fff;
	margin-right: 6px;
}

.discovery_1-item-detail-link:hover {
	color: #fff !important;
	background-color: #b8de3a;
}

.discovery_1-item-detail-link:hover i {
	color: #fff !important;
}

.video-main img {
	height: 100% !important;
	object-fit: cover;
	min-height: 240px;
	aspect-ratio: 6/4;
	max-height: 100vh;
}

.banner__header {
	overflow: hidden;
}

.banner__header .slick-prev {
	left: 70px;
	z-index: 99;
}

.banner__header .slick-next {
	right: 70px;
	z-index: 99;
}

.banner__header .slick-prev,
.banner__header .slick-next {
	display: none !important;
}

@media(min-width: 768px) {

	.banner__header .slick-prev,
	.banner__header .slick-next {
		display: inline-block;
	}
}

.banner__header .slick-prev::before,
.banner__header .slick-next::before {
	font-size: 30px;
}

.flag-destinations {
	width: 100%;
	display: flex;
	flex-wrap: wrap;

	justify-content: center;
	margin-bottom: 20px;
}

.flag-destinations img {
	flex: 0 0 calc(100% / 4);
	object-fit: cover;
	width: calc(100% / 4);
	max-width: 160px;
	padding: 0 30px;
}

@media(max-width: 763px) {
	.flag-destinations img {
		padding: 0 5px;
	}
}

.search-home-form-seclect option {
	font-size: 14px;
}

.nav-button {
	margin-top: 4px;
	width: 82px;
	height: 26px;
	color: #fff;
	border-radius: 5px;
	/* padding: 9px 18px; */
	font-family: 'Lato', sans-serif;
	font-weight: 500;
	background: transparent;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	display: inline-block;
	box-shadow: inset 2px 2px 2px 0px rgb(255 255 255 / 50%), 7px 7px 20px 0px rgb(0 0 0 / 10%), 4px 4px 5px 0px rgb(0 0 0 / 10%);
	outline: none;
	background: #b8de3a;
	border: none;
	text-transform: uppercase;
}

.nav-button.btn-header {
	width: unset;
	padding: 0 5px;
}

.nav-button a {
	color: #fff;
	margin-top: 2px;
	display: block;
	letter-spacing: 1px;
	font-size: 13px;
}

.trip__options {
	width: 100%;
	height: 280px;
	overflow: hidden;
	position: relative;
}

.trip__options::after {
	position: absolute;
	content: "";
	display: block;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
}

.trip__options img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: relative;
}

.trip__options::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.trip__options-wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translateX(-50%) translateY(-50%);
	text-align: center;
	z-index: 2;
}

.trip__options-wrap p {
	color: #fff;
	font-size: 24px;
	text-align: center;
	margin-bottom: 16px;
}


.tour__detail-btn {
	margin: 30px auto;
}

.tour__detail-btn .view-share.clearfix {
	display: inline-block;
	transform: translateX(-50%);
	position: relative;
	left: 50%;
}

.detailed__itinerary.title {
	font-size: 24px;
	text-align: center;
	font-weight: 700;
	margin-bottom: 10px;
}

.experiences__list-title {
	font-size: 42px;
	font-weight: 700;
	color: #b8de3a;
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	text-transform: uppercase;
	margin: 30px 0;
	padding-bottom: 10px;
}

.experiences__list-title::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 80%;
	height: 3px;
	background-color: #b8de3a;
}

.experiences__list-desc {
	font-size: 16px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 30px;
}

.experiences__list-item-title {
	text-align: center;
	margin: 20px 0;
	text-transform: uppercase;
	font-size: 32px;
	font-weight: 600;
	color: #b8de3a;
}

.experiences__list-link {
	text-decoration: none;
	color: #0F0F0F;
	display: block;
	margin-bottom: 20px;
}

.experiences__list-link img {
	width: 100%;
	height: 250px;
}

.experiences__list-introduce {
	font-size: 16px;
	margin-top: 10px;
	text-align: left;
	text-transform: uppercase;
	/*min-height: 42px;*/
}

.experiences__list-btn {
	display: inline-block;
	text-transform: uppercase;
	font-weight: 600;
	color: #fff;
	background-color: #b8de3a;
	text-decoration: none;
	padding: 8px 16px;
	margin-top: 20px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	letter-spacing: 2px;
	margin-bottom: 30px;
}

.experiences__list-btn:hover {
	opacity: 0.8;
}

.duration {
	margin-bottom: 30px;
}

.discovery_1-description {
	margin-bottom: 0px;
}

.over__view-items-title full {
	margin-bottom: 0px !important;
}

.destinations .over__view-items-title,
.duration .over__view-items-title,
.recommendations .over__view-items-title {
	line-height: 1.4;
	font-weight: 600;
	color: #0F0F0F;
	position: relative;
	display: inline-block;
	text-transform: uppercase;
}

/*.destinations .over__view-items-title::after,
.duration .over__view-items-title::after,
.recommendations .over__view-items-title::after{
content: "";
width: 30px;
position: absolute;
height: 2px;
background-color: #0F0F0F;
left: 0;
top: 50%;
}*/

p {
	margin-bottom: 0;
}

.footer__social {
	margin-top: 20px;
}

.itinerary {
	position: relative;
}

.itinerary .show-hide {
	position: absolute;
	top: 0;
	right: 0;
}

.itinerary .show-hide a {
	border: 1px solid #b8de3a;
	padding: 8px 10px;
	text-transform: capitalize;
	font-size: 14px;
	margin-right: 10px;
	line-height: 1;
	font-weight: 600;
	cursor: pointer;
}

.itinerary .show-hide a:hover {
	background-color: #b8de3a;
	color: white !important;
}


.gallery-image {
	position: relative;
	margin-bottom: 30px;
	max-width: 990px;
	margin: auto;
}

.gallery-image .slick-slider {
	margin-bottom: 0 !important;
}

.gallery-image .slider-for {
	display: block;
	height: 100%;
	z-index: 1;
}

.gallery-image .slider-for .item img {
	max-height: 630px;
	width: 990px;
	max-width: 990px;
	margin: auto;
	height: 550px;
}

/*.gallery-image .slider-nav{
width: 70%;
position: absolute;
bottom: 10px;
left: 10px;
z-index:2;
}
.gallery-image .slider-nav .slick-prev,.gallery-image .slider-nav .slick-next{
display:none !important;
}
.gallery-image .slider-nav .item{
display: block;
position: relative;
border: 2px solid transparent;
margin-right:20px;
}
.gallery-image .slider-nav .item.slick-current,.gallery-image .slider-nav .item:hover{
border-color:white;
}
.gallery-image .slider-nav .item img{
height:72px;
}
*/

.gallery-image .slider-nav {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	z-index: 2;
}

.gallery-image .slider-nav .item {
	display: block;
	padding: 0 10px;

}

.gallery-image .slider-nav .item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	height: 72px;
}

.gallery-image .slider-nav .item.slick-current img {
	border: 2px solid #fff;
	display: block;
}

.discovery_1 .hightlight-underline {
	color: #0F0F0F;
}

.discovery_1-map iframe {
	width: 100%;
}

.our__partner h3 {
	font-size: 30px;
	color: #0F0F0F;
	font-weight: 600;
	text-align: center;
	margin-bottom: 25px;
}

.slide__our__partner img {
	width: auto !important;
	height: 73px;
	max-width: 100%;
	object-fit: contain;
	margin: auto;
}

/*.row.tab-wrap-img{
display: grid;
grid-template-columns: repeat(9, calc(30vw/9));
grid-template-rows: repeat(2, 13vh);
grid-auto-flow: column;
width: 40%;
gap: 7px;
padding: 7px;
}
.row.tab-wrap-img .item img{
width:100%;
height:100%;
object-fit:cover;
}
.row.tab-wrap-img .item:nth-child(1){
grid-column: 1/4;
}
.row.tab-wrap-img .item:nth-child(2){
grid-column: 4/7;
}
.row.tab-wrap-img .item:nth-child(3){
grid-column: 7/10;
}
.row.tab-wrap-img .item:nth-child(4){
grid-column: 1/5;
}
.row.tab-wrap-img .item:nth-child(5){
grid-column: 5/10;
}*/


.navbar ul>li .sub-menu.destinations .row .item {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
	width: calc(100%/3);
	float: left;
	margin-bottom: 10px;

}

.navbar ul>li .sub-menu.destinations .row .item.item2 {
	width: 50%;

}

.navbar ul>li .sub-menu.destinations .row .item img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	max-height: 90px;
}

/*.navbar ul > li .sub-menu.destinations .row .item:nth-child(4),
.navbar ul > li .sub-menu.destinations .row .item:nth-child(5){
width:50%;	
}*/

/*.bg-darks .list-destinations .list-destinations__item:nth-child(4),
.bg-darks .list-destinations .list-destinations__item:nth-child(5){
max-width:50%;
flex:0 0 50%;
}*/

.recommendations h2,
.highlights h2 {
	font-size: 24px;
	line-height: 1.4;
	font-weight: 600;
}

.discovery_1-description div {
	font-weight: 400;
}

.discovery_1-visit-wrap iframe {
	width: 100%
}

.detailed__box {
	display: flex;
	justify-content: end;
	align-items: center;
}

.detailed__box label {
	border: 1px solid #b8de3a;
	padding: 5px 10px;
	margin-left: 15px;
}

.detailed__box label:hover {
	cursor: pointer;
}


/*.slick-initialized .slick-slide {
display: block;
height: 200px !important;
display: flex !important;
align-items: center;
justify-content: center;
}*/



.detailed__container {
	max-width: 910px;
	width: 100%;
}

.recommendations {
	line-height: 1.3;
}

.discovery_1 {
	max-width: 990px;
	width: 100%;
}

.view-share.clearfix>ul {
	display: flex;
	gap: 20px;
}

div#test img {
	width: 100% !important;
	/*height: 250px!important;*/
	height: 280px !important;
}

img.experiences__list-img {
	width: 100% !important;
	height: 255px !important;
	object-fit: cover;
}

img.footer-logo {
	height: auto !important;
}

h2.over__view-items-title.full {
	font-size: 18px;
}

h3.experiences__list-introduce {
	margin-bottom: 8px;
}

/*.name-tour.col-md-4.mg-bot-20:nth-child(4),
.name-tour.col-md-4.mg-bot-20:nth-child(5){
max-width:50%;
flex:0 0 50%;
}*/

.city_country {
	display: none;
	font-size: 16px;
	position: relative;
}

.city_country .city_country-content {
	max-height: 680px;
	overflow: hidden;
	transition: all .3s ease-in-out;
	text-align: justify;
	color: #0F0F0F;
}

.city_country .city_country-content.show {
	height: auto;
	max-height: fit-content;
	transition: all .3s ease-in-out;
}

.city_country .view-more__country,
.view-more__information {
	display: block;
	margin-top: 30px;
	padding: 10px 25px;
	border: none;
	font-weight: 600;
	transition: all .3s ease-in-out;
	background-color: #b8de3a;
	border-radius: 3px;
	border: 1px solid transparent;
}

.city_country .view-more__country:hover,
.view-more__information:hover {
	border: 1px solid #b8de3a;
	transition: all .3s ease-in-out;
	background-color: transparent;
}

.city_country ul li {
	list-style: disc;
	margin-left: 20px;
}

.bt-show,
.bt-hide {
    display: none;
}

.view-more__country.show .bt-show,
.view-more__information.show .bt-show {
	display: none;
}

.view-more__country.show .bt-hide,
.view-more__information.show .bt-hide {
	display: block !important;
}

.container__information {
	position: relative;
	text-align: justify;
	font-size: 16px;

}

.container__information.show {
	height: auto;
}


.click-icons {
	display: none;
	position: absolute;
	top: 200px;
	right: 5%;
	max-width: 200px;
}

@media (max-width:1200px) {
	.click-icons {
		max-width: 100px;
		top: 100px;
	}

	.logo__footer {
		text-align: center;
	}

	.logo__footer img {
		width: 50%;
		object-fit: cover;
		display: block;
		margin: auto;
	}
}

@media (min-width:768px) and (max-width:1200px) {

	.city_country-content {
		max-height: 430px;
	}
}


.inner-information {
	position: relative;
	display: block;
	color: #0F0F0F;
}

.inner-information span {
	position: absolute;
	width: 50px;
	height: 50px;
	top: 15px;
	left: 0;
	color: #fff;
	display: flex;
	align-items: center;
	max-width: 50px;
	height: 50px;
	transition: max-width 0.3s ease;
	padding: 0 14px;
	border-radius: 50%;
	background: #ff7a00;
	backdrop-filter: blur(8px);
	transition: all 0.3s ease;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	cursor: pointer;
}

.inner-information .inner-infor__title {
	text-transform: capitalize;
	padding: 30px 0 30px 70px;
	border-bottom: 1px solid #f2e6ee;
	cursor: pointer;
	text-align: left;
}

.inner-information .inner-infor__title.active {
	font-weight: 700;
}

.inner-information .inner-infor__content {
	display: none;
}

.inner-information .inner-infor__content h5 {
	padding: 0;
	margin: 0;
	font-size: 20px;
	color: currentcolor;
}

.inner-information .inner-infor__content.active {
	display: block;
}

.inner-information .show-hide.active .icon-show {
	display: none;
}

.inner-information .show-hide.active .icon-hide {
	display: block !important;
}

.des-content ul {
	margin-bottom: 0;
}

.love-hotel ul {
	list-style: disc;
}

.amenities ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	list-style: disc;
}

.amenities ul li {
	width: 50%;
	margin-bottom: 5px;
}

.form-order {
	padding: 100px 0;
}

.form-order .form-order__content .form-title {
	margin-bottom: 50px;
	text-align: center;
}

.form-order .form-order__content .btn-submid {
	background: #b8de3a;
	padding: 10px 20px;
	border-radius: 5px;
	color: #fff;
	font-size: 18px;
	margin-top: 10px;
	text-align: center;
	display: inline-block;
	text-transform: capitalize;
}

.slider__image {
	display: block !important;
	width: 73% !important;
	margin: 0 auto;
}

.image__slide img {
	object-fit: cover;
	height: 420px;
}

.custom__dots img {
	width: 178px;
	height: 72px;
	object-fit: cover;
}

.custom__dots {
	display: flex;
	gap: 20px;
	margin-bottom: 0;
	overflow-x: scroll;
	white-space: nowrap;
}

.main__slider__img {
	position: relative;
}

.main__slider__img .dots {
	position: absolute;
	bottom: 10px;
	left: 0;
	z-index: 3;
	overflow: hidden;
	width: 100%;
}

.fancybox-container {
	z-index: 999999 !important;
}

.nav-list-menu ul li {
	display: inline-block;
	margin-right: 10px;
}

.nav-list-menu ul li a {
	display: inline-block;
	padding: 5px 12px;
	color: #0F0F0F;
	font-weight: 600;
	border: 2px solid #0F0F0F;
	border-radius: 4px;
}

.nav-list-menu ul li a:hover {
	background: #b8de3a;
	border-color: #b8de3a;
	color: #fff;
}

.activities-title {
	text-align: center;
	text-transform: uppercase;
	font-size: 45px;
	margin: 20px auto;
	font-weight: 600;
	position: relative;
	display: block;
	padding-bottom: 10px;
	color: #0F0F0F;
}

.activities-title.highlight-title {
	margin: 60px 0 20px;
}

.section__tour .section__tour-option a {
	font-size: 24px;
	font-weight: 500;
	color: #222;
}

@media (max-width:991.98px) {
	.activities-title {
		font-size: 35px;
	}

	.gallery-image .slider-nav .item img,
	.gallery-image .slider-for .item img {
		height: auto;
	}

	.container__why-title strong:not(:first-child) {
		display: inline-block;
		margin: 8px 0;
	}

	.footer__title {
		height: auto;
		margin: 10px 0
	}


	.search-home-form {
		position: static;
		left: 0;
		transform: translateX(0);
	}
}

@media (max-width:767.98px) {
	.gallery-image .slider-for .item img {
		width: 100%;
		height: auto;
	}

	.activities-title {
		font-size: 28px;
	}

	.activities-title.highlight-title {
		margin: 20px 0;
	}

	.pos-relative .pl_ex,
	.pos-relative .pl__ct {
		padding-left: 15px;
	}

	.brand-slide {
		width: 95%;
		margin: auto;
	}

	.brand-slide img {
		max-width: 90%;
	}

	.tab__news-wrap-img,
	.tab__news-img {
		height: auto !important;
	}

	.footer__social-title {
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}

	.footer__social .footer__social-item:first-child {
		margin-left: 0;
	}

	.footer__social-items {
		justify-content: center;
	}

}


.visa {
	width: 90%;
	margin: 30px auto;
}

.form-visa label {
	display: block;
}

.inquire__content {
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe 	UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	margin: auto;
	padding-bottom: 30px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

.inquire__content p,
.visa p {
	color: #0F0F0F;
}

.inquire__content label {
	font-weight: 700;
}

.inquire__content h4,
.inquire__content h5,
.inquire__content h6,
.visa h3 {
	font-size: 24px;
	font-weight: 500;
}

.inquire__content h4 {
	background: #ff9700;
	padding-left: 5%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 15px 0;
	color: #0F0F0F;
}

.inquire__tour,
.travel__rqm {
	padding: 0 5%;
}

.btn-submit-uqr {
	background-color: #ff9700;
	border: none;
	margin-top: 15px;
}


.inquiry,
.visa {
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe 	UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.requirement label {
	/*height: 48px;*/
	display: flex;
	line-height: 38px;
	font-weight: 700;
	align-items: flex-end;
}


.inquiry {
	margin: 30px 0;
}

.main__inquiry {
	width: 90%;
	margin: auto;
	padding-bottom: 30px;
	border-radius: 12px
}

.img__banner {
	position: relative;
	min-height: 42vh;
	height: 42vh;
	overflow: hidden;
}

.img__banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

@media (min-width: 768px) {
	.img__banner {
		min-height: 80vh;
		height: 80vh;
	}
}

.banner-title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 52px;
	font-family: myfont;
	color: white;
}

.welness-cont h2 {
	text-align: center;
	text-transform: uppercase;
	font-size: 45px;
	font-weight: 600;
	display: block;
	padding-bottom: 10px;
	color: #0F0F0F;
}

.btn__contact {
	font-size: 18px;
	padding: 10px 18px;
	color: #fff;
	background: #b8de3a;
	cursor: pointer;
	border: transparent;
	margin-top: 20px;
	border-radius: 4px;
	font-weight: 600;
	display: block;
	width: max-content;
	margin: auto;
}

.btn__contact:hover {
	color: #fff !important;
}

#form-contact button.btn,
#form-contact1 button.btn {
	width: auto;
	background: #b8de3a;
	padding: 12px 34px;
	color: #fff;
	border: none;
	display: block;
	border-radius: 0;
	padding: 0 15px;
	text-align: center;
	margin: 0 auto;

}

#form-contact button.btn {
	background: #fff;
	border-radius: 4px;
}

#form-contact .modal-header,
#form-contact1 .modal-header {
	background: #fff;
}

#form-contact1 h5 {
	font-size: 24px;
	color: #0F0F0F;
}

.contact__title {
	border-bottom: 1px solid;
	margin-bottom: 15px;
	padding-bottom: 8px;
}

.head__office {
	padding: 0 20px;
}

#sendctmsg {
	display: flex;
	align-items: center;
}


.about__people-wrap:nth-child(1) .contact__people,
.about__people-wrap:nth-of-type(2) .contact__people,
.about__people-wrap:nth-of-type(3) .contact__people,
.about__people-wrap:nth-of-type(4) .contact__people,
.about__people-wrap:nth-of-type(7) .contact__people {
	display: inline-block;
}

.contact__people {
	padding: 7px 22px;
	border-radius: 4px;
	background: #ff9700;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	display: none !important;
}

.modal__contact {
	display: flex;
	justify-content: space-between;
}

.title__modal {
	color: #fff;
}

.txt__header {
	margin-bottom: 15px;
}

.submit-mess {
	float: right;
	background: #ff9700;
	font-size: 12px;
	text-transform: uppercase;
	padding: 4px 25px;
	letter-spacing: 1px;
	border: none;
}

.fade {
	transition: opacity .15s linear !important;
}

.respon__title {
	font-size: 45px;
	color: #0F0F0F;
	margin-bottom: 0 !important;
	padding-bottom: 0;
}

.heading__responsible {
	text-align: center;
	margin-bottom: 30px;
}

.heading__responsible p {
	color: #0F0F0F;
	text-align: justify;
}

.heading__responsible ul {
	padding-left: 20px;
	margin-top: 20px;
}

.heading__responsible ul li {
	list-style: disc;
	text-align: left;
	color: #0F0F0F;
	text-align: justify;
	margin-bottom: 10px;
}

.heading__responsible strong {
	font-weight: 400;
	font-style: italic;
}

.our__responsible a {
	color: #fff !important;
	margin-bottom: 20px;
}

.partner {
	background: #f9f9f9;
	display: none;
}

.title__partners {
	background-color: #fff;
	color: #b8de3a;
	text-align: center;
	padding-bottom: 15px;
}

.slide__partner {
	width: 90% !important;
	margin: auto;
	padding: 10px 0;
	background-color: #f9f9f9;
}

.partner__img img {
	object-fit: contain;
	height: 50px;
}

.slide__partner .owl-stage {
	display: flex;
	align-items: center;
}


.main__inquiry h4 {
	background: rgba(184, 222, 58, 0.08);
	border-radius: 12px;
	padding-left: 10%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 15px 0;
	color: #0F0F0F;
}

.heading__inquire {
	text-align: center;
	padding: 0 5%;
}

.about__you label {
	font-weight: 700;
}

.about__you,
.requirement {
	padding: 0 10%;
}

.form__child {
	display: flex;
	gap: 30px;
}

.form__child input {
	width: 30%;
}

.number__rooms {
	display: flex;
	align-items: center;
	gap: 10px;
}

.number__rooms label {
	width: 60px;
}

.number__rooms input {
	width: calc(100% - 60px);
}

.section__tour-item .section__tour-item-icon {
	width: 48px;
	height: 48px;
}

.apply {
	font-size: 16px;
	color: #0F0F0F;
	font-weight: 700;
	cursor: pointer;
	margin-top: 10px
}

.apply-contact {
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
	font-style: italic;
	margin-top: 10px
}


/*.footer__social-item:first-child{
margin-left: 200px;
}*/

.pl_ex {
	padding-left: 45px;
}

.heading__inquire p {
	margin-top: 20px;
}

.wrapper-contact-form label {
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	color: #fff;
	font-size: 16px;
}

.pl__ct {
	padding-left: 37px;
}

.main__contact__form {
	padding: 0 10%;
}

.img__destination {
	height: 300px;
}

#feedback {
	display: none;
}

#captcha-img {
	width: auto;
	margin-bottom: 15px;
	display: inline-block;
	margin-left: 20px;
	border-radius: 4px;
}

#captcha_inputmiddle {
	width: 30%;
	float: left;
}

.destinations__title {
	margin-top: 10px;
	border-bottom: 2px solid #ccc;
	padding-bottom: 10px;
}

.destinations__title h3 {
	font-size: 16px;
	color: #0F0F0F;
	text-transform: uppercase;
	font-weight: 600;
}

.destinations__title p {
	font-size: 14px;
	font-weight: 500;
	color: #444;
	text-transform: uppercase;
}

.article__des .title__post {
	min-height: unset;
	text-align: center;
}

.list__other__article {
	border: 1px solid #e6e6e6;
	padding-bottom: 10px;
}

.article__des {
	padding: 0 10px;
}

.amenities-item-share-social {
	width: 100px;
	gap: 10px;
	bottom: 125%;
	right: 50%;
	transform: translateX(50%);
	justify-content: center;
	border: 1px solid #b8de3a;
}

.amenities-item-share-social:before {
	content: "";
	position: absolute;
	top: 100%;
	border: 10px solid transparent;
	border-top-color: #b8de3a;
	left: 50%;
	margin-left: -0.5125rem;
	background: transparent;
}

.amenities-item-share-social-icon {
	width: 30px;
	height: 30px;
	justify-content: center;
	background: #1d9bf0;
	margin-bottom: 0;
}

.amenities-item-share-social-icon i {
	width: 25px;
	height: 25px;
	background: transparent;
	margin-right: 0;
}

.amenities-item-share-social-icon:nth-child(1) {
	background-color: #b8de3a;
}

.amenities-item-share-social-icon:nth-child(2) {
	background-color: #316c9f;
}

.amenities-item-share-social-icon:nth-child(3) {
	background-color: #439bc6;
}

.amenities-item-share-social-icon:nth-child(4) {
	background-color: #3f88b8;
}

.img__search img {
	width: 100%;
	height: 255px;
	object-fit: cover;
	display: block;
}

.slide__tours .tour__img img {
	aspect-ratio: 6/4;
	object-fit: cover;
}

.recent-img img {
	aspect-ratio: 6/4;
	object-fit: cover;
}

.recent-item .recent-content {
	padding: 10px 0;
}

.recent-item .recent-content .recent-title {
	color: #0F0F0F;
	font-size: 18px;
}

.recent-item .recent-content .recent-title a {
	color: inherit;
}

.recent-item .recent-content .recent-text {
	margin-bottom: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	-webkit-box-orient: vertical;
}

@media(max-width:767.98px) {
	.recent-item {
		margin-bottom: 30px;
	}
}

.topcontact {
	display: flex;
	justify-content: space-between;
	padding: 4px 10px;
	align-items: center;
	font-weight: 600;
	z-index: 1111;
	transition: all .5s ease-in-out;
}

.contacthotel {
	position: relative;
	background: #0072bd;
	z-index: 111111;
	width: 100%;
	transition: all .5s ease-in-out;
}

.order {
	display: flex;
	color: #FFF;
	align-items: center;
	font-weight: 600;
	z-index: 111;
}

.topcontact a {
	color: #FFF !important;
	font-family: Arial, sans-serif;
	font-size: 16px;
	display: block;
}

.closetop {
	padding-left: 10px;
	color: #FFF;
	z-index: 111;
	background: transparent !important;
}

.topcontact .order a {
	padding: 3px 15px;
	border-radius: 5px;
	background: #f8c218;
	font-size: 14px;
	line-height: 1.6;
	font-weight: 600;
}

/*.contacthotel.fixedcontact {
            position: fixed;
            width: 100%;
            z-index: 1111;
            top: 0;
            left: 0;
        }*/
@media(max-width:767px) {
	.contacthotel {
		position: fixed;
		width: 100%;
		z-index: 1111;
		bottom: 0;
		left: 0;
		display: block !important;
	}

	.contacthotel.fixedcontact {
		position: fixed;
		width: 100%;
		z-index: 1111;
		top: 93%;
		left: 0;
	}

	.topcontact {
		display: flex;
		justify-content: space-between;
		padding: 5px 0px;
		align-items: center;
		font-weight: 600;
		z-index: 111;
		transition: all .5s ease-in-out;
		font-size: 13px;
	}

	.topcontact .order a {
		padding: 5px 5px;
		border-radius: 5px;
	}
}

.footer__social-item a {
	position: relative;
	display: inline-block;
	width: 34px;
	height: 34px;
	border-radius: 100%;
	border: 1px solid #96b72c;
	background: #b8de3a;
	transition: .4s;
	margin: 0 3px;
	color: #fff;
}

.footer__social-item i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.form-control {
	color: #495057;
	border: 1px solid #ced4da;
	border-radius: 12px !important;
	background-color: #fff;
	box-shadow: none;
}

.form-control:focus {
	border-color: #b8de3a;
	box-shadow: 0 0 0 .2rem rgba(34, 159, 65, 0.25);
}

.form-group label {
	color: #0F0F0F;
	font-weight: 600;
	margin-bottom: 0.1rem;
}

.tour-facts {
	margin-top: 30px;
}

.tour-fact-item {
	margin-bottom: 24px;
}

.tour-fact-label {
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
	color: #777;
	margin-bottom: 6px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.tour-fact-label i {
	color: #ff7a00;
	/* màu cam travel */
	font-size: 16px;
}

.tour-fact-value {
	font-size: 18px;
	font-weight: 600;
	color: #222;
}

.tour-description {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.7;
	color: #555;
}

@media(min-width:768px) {
	.search-input {
		margin-top: 18px;
		margin-bottom: 18px;
		width: 600px;
		height: 60px;
	}
}
.owl-stage{
    padding:12px 0;
}
.owl-nav{
    position:absolute;
    top:40%;
    width:100%;
}

.owl-prev,
.owl-next{
    position:absolute;
    width:44px;
    height:44px;
    border-radius:50% !important;
    background:#fff !important;
    box-shadow:0 4px 10px rgba(0,0,0,0.15);
    font-size:22px !important;
}

.owl-prev{ left:-20px; }
.owl-next{ right:-20px; }

.owl-prev:hover,
.owl-next:hover{
    background:#b8de3a !important;
    color:#fff !important;
}

.toast {
    min-width: 320px;
    max-width: 420px;
    border-radius: 12px;
    border: 1px solid;
    background-color: #ffffff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    animation: slideInRight 0.35s ease-out;
}

.toast-success {
    border-color: #10b981;              /* xanh emerald */
    background-color: #ecfdf5;           /* xanh rất nhạt */
    color: #065f46;
}

.toast-error {
    border-color: #ef4444;               /* đỏ */
    background-color: #fef2f2;           /* đỏ rất nhạt */
    color: #991b1b;
}

.toast-body::before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    font-size: 15px;
    font-weight: bold;
    margin-right: 12px;
    flex-shrink: 0;
}

.toast-body {
    padding: 14px 18px;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.toast .btn-close {
    filter: none;
    opacity: 0.6;
}

.toast .btn-close:hover {
    opacity: 1;
}

.toast:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

.toast.hide {
    animation: slideOutRight 0.35s ease-in forwards;
}