* {box-sizing: border-box}
.container {
	max-width: 1200px;
	margin: auto;
}
.menu-tour nav > .container{
	max-width: 1300px;
}
input, input:focus, button, buton:focus, select, select:focus, textarea, textarea:focus {
	outline: none !important;
	outline-style: none !important;
	outline-width: 0 !important;
}
.clearfix:after {
	content: '';
	display: table;
	clear: both;
}
.col-sm-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
	width: 138px;
	float: left;
}
.right-border {
	border-right: 1px solid #ddd;
	height: calc(100% - 10px);
}
/**/
img {
	max-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: #dbdbdb;*/
	background:#fff;
	position: relative;
}
.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;
	padding-right: 10px;
	margin-bottom: 30px;
}
.content__des{
	/*height: 250px;*/
	max-height:250px;
	overflow-y: auto;
}
.icon-fl {
	padding-right: 5px;
}

/**/

.owl-theme .owl-dots .owl-dot span {
	background: #8a4545 !important;
}
.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span {
	background: #869791 !important;
}
.owl-theme .owl-nav [class*=owl-]:hover {
	background: transparent !important;
	border-color: unset !important;
	outline: unset !important;
}
/*-dropdown custom-*/
.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: #80b056;
	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;
	-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: #80b157;
}

.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);
}

.item-tour {
	float: left;
	width: 33.33%;
	padding: 10px;
	transition: 0.4s ease all;
	position: relative;
}
.item-tour.inline-item.gray {
	/*background: #ededec;*/
	margin: 25px 0;
}

.item-tour.inline-item .line {
	width: 25%;
	float: left;
}
.item-tour.inline-item .hotel-desc{
	float:left;
	width:50%;
	padding:0 15px;
}
.item-tour.inline-item .hotel-desc .line{
	float:left;
	width:100%;
}
.item-tour.inline-item .hotel-desc .item-content.line{
	padding-top:0;
}


.item-tour.inline-item .item-flag-grid {
	top: 60px;
	width: 50%;
}
@media(min-width:768px){
	.item-tour.inline-item .country-name-list-hide {
		font-size: 16px;
	}
	.item-tour.inline-item .view-share ul > li {
		display: block;
		margin: 15px 0;
	}
}



.item-tour.inline-item:hover {
	background: #fff;
	box-shadow:0px 16px 24px 2px rgba(0,0,0,0.14) , 0px 6px 30px 5px rgba(0,0,0,0.12) , 0px 8px 10px -7px rgba(0,0,0,0.2) ;
}

.item-tour.inline-item .line .caption-h4 p {
	padding: 0px;
	border-bottom: none;
}
.item-tour.inline-item .line .details-tour > li {
	font-size: 11px;
}
@media(max-width:768px){
	.item-tour.inline-item .line  {
		width: 100% !important;
	}
}
@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;
	}
	

	.btn-agent-login {
		color:#fff;
	}
}
@media (max-width: 991px) {
	.title-exo {
		font-size: 1.5rem;
	}
}

.enter-search {
	display: flex;
	align-items: center;
}


.btn:hover {
	background: #80b056;
	color: #fff;
}
.btn.active {
	background: #80b056;
	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: 'Muli', sans-serif;
	margin: 0;
	padding: 0;
}

.menu-tour {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 110;
	transition: all .1s ease;
}
.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 img {
	/*width: 120px;*/
    height: 70px;
}
.logo_2 {
	display: none;
}
.navbar-dark.bg-white .logo_1{
	display: none;
}
.navbar-dark.bg-white .logo_2{
	display: block;
}
.navbar {
	position: fixed;
	top: 0;
	width: 100%;
	background: rgba(255, 255, 255, 0.95);
	padding: 0;
	/*height: 73px;*/
	transition: 0.4s ease all;
	flex-wrap: wrap;
}
.navbar .nav-top{
	width: 100%;
	padding: 5px 0;
	text-align: right;
}
.navbar .nav-top > .container{
	max-width: 1300px;
}
.navbar .nav-top > .container > span{
	margin-left: 10px;
}
@media(max-width:767.98px){
	.navbar .nav-top > .container > span{
		width: 100%;
		display: block;
		margin-bottom: 4px;
		font-size: 14px;
	}
}
.navbar .nav-top a{
	color: inherit;
}
.navbar.bg-white {
	height: 70px;
}
.navbar-dark .navbar-nav .nav-link {
	color: #00803B !important;
	font-size: 13px;
	font-weight: 700;
}

.navbar-dark.bg-white .navbar-nav .nav-link {
	color: #777;
}
.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;
}
@media(min-width:992px){
	.navbar ul > li.header-search-popup{
		width:45px;
	}
	.navbar ul > li.header-search-popup a{
		text-align:center;
	}
}
@media(max-width:991px){
	.navbar ul > li.header-search-popup a{
		border:1px solid #000;
		padding:.5rem;
	}
}
div#ftco-nav {
	padding-top: 8px;
}
.navbar ul > li > a.hub {
	padding: 7px 22px !important;
	background: #80b157;
	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);
}
.footer-logo{
	max-width: 200px;
	margin: 0 auto;
}
@media (min-width: 992px) {
	.navbar ul > li .sub-menu {
		left: auto;
		right: 0;
		transform: translate(50%, 0);
	}
}

@media (max-width: 991px) {
	.navbar .nav-top{
		display: none;
	}
	.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%;
		height:calc(100vh - 75px);
		top: 70px;
		top: 100%;
		right: 50%;
		left: auto;
		transform: translate(50%, 0);
		max-height: 700px;
		overflow-x: hidden;
		overflow-y: auto;
		
	}
	.navbar-dark .navbar-nav .nav-link {
		color: #999!important;
	}
	.navbar-dark .navbar-nav .active>.nav-link {
		color: #999!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 {
	width: 300px;
}
.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: #000;
}

.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;
	color: #000;
}
.btn-agent-login {
	padding: 7px 22px;
	background: #0e7943;
	color: white;
}
.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;
}
.img-overlay-black img{
	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: 106px;
	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 {
	height: 100vh;
	width: 100%;
}
.full-screen.bg-tour{
	height:450px;
}
.full-screen.bg-index .video-main{
	height:100vh;
}
.video-main {
	background-position: 50% 100%;
	background-size: cover;
	background-attachment: fixed;
	position: fixed;
	top: 0;
	width: 100%;
	/*height: 100%;*/
	height:450px;
	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;
}

.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: relative;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 98;
}

.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;
	}
	.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: #00803B;
	border: 1px solid #80b157;
	padding: 0 0 0 17px;
}

.btn-home {
	background: #a4a4a4;
	border: 1px solid #a4a4a4;
	color: #fff;
	padding: 5px 20px 2px;  
}

.btn-home:hover {
	background: #80b157;
	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{
	line-height: 1.4;
	font-weight: 600;
	/*color: #444;*/
	color:#004C96;
	margin: 0px 0 30px;
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 3px;
}

.hightlight-underline:after {
	content: "";
	bottom: -10px;
	height: 1px;
	width: 80%;
	position: absolute;
	border-bottom: 3px solid #ccc;
	left: 0;
	right: 0;
	margin: auto;
}
.hightlight-underline.white:after  {
	border-color: white;
}
.hightlight-underline.full:after {
	width: 100%;
}

blockquote {
	max-width: 900px;
	margin: auto;
	text-align: center;
	font-size: 16px;
}
blockquote p {
	font-size: 16px;
	line-height: 1.6;
	font-weight: 400;
	color: #5e6163;
}

.btn-main {
	border-radius: 4px;
	display: inline-block !important;
	color: #80b157;
}
.btn-main{
	font-weight: 500;
	font-size: 1.2em;
	padding: 5px 20px;
	transition: .4s ease all;
}
.btn-main:hover  {
	background: #80b157;
	color: #fff !important;
	text-decoration: none;
	border-color: #fff !important;
}
.btn-main,.btn-payment {
	border: 1px solid #80b157;
}

@media (max-width: 991px) {
	.hightlight-underline {
		font-size: 20px;
	}
	blockquote p {
		font-size: 16px;
	}
	.hightlight-underline-black {
		font-size: 16px;
	}
}

/*--*/
.content_2 {
	background: #dbdbdb;
}
.content_2 .icon-between {
	display: flex;
	align-items: center;
	justify-content: center;
}
.icon-our-asia
,.icon-svg {
	width: 50px;
	height: 50px;
	margin-top: -35px;
}
.thumbnail {
	height: 220px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
.thumbnail > a{
	width:100%;
	height:100%;
	display:block;
}
.thumbnail > a img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.thumbnail-link{
	display:block;
	height:100%;
	width:100%;
}
@media (max-width: 767px) {
	.thumbnail {
		height: auto;
	}
}
.special-country .thumbnail > a{
	display:block;
	width:100%;
	height:100%;
}
.special-country .thumbnail > a img{
	width:100%;
	height:100%;
	aspect-ratio: 6/4;
}
.thumbnail:hover:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: -1;
}
.special-country .thumbnail .desc .titlecountry img{
	width: 50px;
}
.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;
}
.special-country .desc,
.special-country .desc_2{
	height:100%;
	align-items:flex-start;
}

.desc_top {
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	transform:  translateY(-50%);
	padding: 10px;
	color: white;
	text-align: center;
	margin-top: 0;
}
.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: transparent;
	border-top: 1px solid #eee;
	left: auto;
	right: 50%;
	transform: translate(50%, 0);
	width: calc( 100% - 30px );
}

.desc h3,.desc_2 h3 {
	color: white;
	display: inline-block;
	padding-right: 10px;
	margin-bottom: 0;
	font-size: 20px;
	text-transform: uppercase;
}
.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;
}
@media (max-width: 991px) {
	.we-love .thumbnail {
		height: 220px;
	}
}
@media (max-width: 768px) {
	.we-love .thumbnail {
		height: auto;
	}
}
.we-love .thumbnail > a{
	display:block;
	width:100%;
	height:100%;
}
.we-love .thumbnail > a img{
	width:100%;
	height:100%;
	aspect-ratio: 6/4;
}
.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 !important;
	border-radius: 100%;
	/*background: #80b157;
	border: 2px solid #80b157;*/
	transition: .4s ease all;
	cursor: pointer;
	
	background:#0065b3;
	border:2px solid #0065b3;
}
.social-links a:hover {
	color: #80b157 !important;
	background: #fff;
}

/* brand  */

.brand {
	position: relative;
	background: #fff;	
}
.brand .owl-carousel .owl-item:hover img {
	transform: scale(1.1);
	overflow: hidden;
}
.brand .owl-carousel .owl-item img {
	max-width: 150px;
	height: 61px;
	transition: 0.4s ease all;
}

.brand .owl-carousel .owl-item .destination {
	display: flex;
	justify-content: center;
	height: 70px;
	align-items: center;
	margin: 15px 0;
}

/* footer */

.footer {
	background-color: #f5f5f5;
	position: relative;
	padding-top: 80px;
}

.footer:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.8);
}

.footer ul {
	margin: 0;
	padding: 0;
}
.footer ul li {
	list-style: none;
	color: #fff;
	margin-bottom:.5rem;
}
.footer ul li a {
	color: #fff;
	text-decoration: none;
}
.footer ul li a:hover {
	color: #80b157;
}
.sign-up {
	color: #fff;
}
.footer input {
	color: #fff;
	background: rgba(255,255,255,.2);
	margin-bottom: 5px;
	margin-top: 5px;
	vertical-align: top;
	border: none;
	padding: 7px;
	border-radius: 3px;
	width: 100%;
	font-size: 14px;
}
.btn-submit {
	background: #fff!important;
	color: #5e6163!important;
}
.footer-bottom {
	padding: 30px 0;
	position: relative;
	background-color: #f5f5f5;
}

.footer-bottom:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.7);
}
.copy-right {
	text-align: center;
}
.copy-right a {
	color: white;
	font-size: 10px;
}

@media (max-width: 991px) {
	.form-sign-up-footer {
		padding-top: 30px;
	}
	.sign-up {
		text-align: center;
	}
}

/* modal */

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 750px;
	}
}
.modal-content {
	border-radius: unset;
}

.modal-header {
	background: #80b157;
	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: #80b157;
}
#agent_hub .modal-footer {
	display: block;
}

#agent_hub .modal-footer ul > li {
	list-style: none;
}

#agent_hub .modal-footer ul > li > a {
	color: #80b157;
	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: #7caf58;
}
#search .modal-content .modal-body{
	width: 600px;
	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: #7ab363;
	border-color: #fff;
	transition: 0.4s ease all;
}
#search .modal-content .modal-body .btn-primary:hover {
	color: #c52424;
}


/*--------------------------------------------------------------------------------------------------------------------------*/


/* Tour  */

/*.bg-tour {
height: 60vh;
}*/
.bg-tour img {
	width: 100%;
	height: auto;
	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: #80b157;
	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: #80b056 !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;
}


@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;
}

ul.pagination li a {
	border: 1px solid #80b157;
	border-radius: 4px;
	background: #fff;
	color: #80b157;
	margin: 0 2px;
	font-size: 12px;
	font-weight: 700;
	position: relative;
	float: left;
	padding: 6px 12px;
	text-decoration: none;
}
ul.pagination li a:hover {
	background: #80b157;
	color: white;
}

ul.pagination li.active a {
	border: 1px solid #80b157;
	border-radius: 4px;
	background: #80b157;
	color: #fff;
	margin: 0 2px;
}

@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 #00803B!important;
	background: transparent;
	border-radius: 5px;
	color: #00803B;
	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: #bdbfbf;
	border: 1px solid #a4a8a7;
	color: #fff;
	padding: 6px 10px 4px;
}
.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;
}
.item-tour .wrap-tour {
	position: relative;
}
.item-tour .wrap-tour > img{
	width:100%;
	object-fit: cover;
}
.item-tour .wrap-tour > img{
	height:240px;
}
.item-tour .wrap-tour .text-center {
	color: #fff;
	line-height: 1.1em;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 20px 0px;
	display: block;
	width: 100%;
	font-weight: 600;
}

.item-tour .wrap-tour .btn-compare {
	border: 1px solid #9fa29e;
	background: #9fa29e;
	font-size: 20px;
	width: 30px;
	height: 30px;
	line-height: 27px;
	outline: 0;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	cursor: pointer;
	position: absolute;
	bottom: 0;
	right: 0;
	color: #fff;
	z-index:60;
	text-align: center;
}
.item-tour .wrap-tour .btn-compare .fa-plus{
	font-size: 15px;
}
.product-link {
	display: block;
	position: absolute;
	/*width: 280px;
	height: 175px;*/
	z-index: 60;
}
#test .item-flag-grid{
	position: static;
	margin-top: 10px;
	display: inline-block;
	transform: translate(0,0);
}
.item-flag-grid {
	left: auto;
	right: 50%;
	margin: 29px 0 0;
	position: absolute;
	text-align: center;
	width: 85%;
	padding-bottom: 10px;
	transform: translate(50%, 0);
}

.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: 1.6;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 10px 0;
	border-bottom: 2px solid #ccc;
	margin-bottom: 10px;
}

.details-tour {
	margin: 0 5px 0 0;
	padding: 0 15px 10px 14px;
}
.details-tour > li {
	color: #353838;
	list-style: disc;
	font-size: 12px;
}

.view-share ul > li {
	display: inline-block;
	position: relative;
}
.view-share ul > li > a{
	/*background: #bdbfbf;
	border: 1px solid #a4a8a7;*/
	background: #004C96;
	border: 1px solid #004C96;
	font-size: 11px;
	letter-spacing: 2px;
	color: #fff;
	padding: 5px 30px;
	width: 100%;
	font-weight: 600;
	border-radius: 4px;
	text-decoration: none;
}
.view-share ul > li.bt-share > a {
	/*background: #80b056;*/
	background: #0e7943;
	position: relative;
}
.view-share ul > li.bt-share .box-share {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	bottom: 100%;
	margin: auto;
	height: 116px;
	transition: 0.4s ease all;
	background: #fff;
	border: 1px solid #80b157;
	padding: 10px;
	width: 145px;
	height: auto;
	left: auto;
	right: 50%;
	transform: translate(50%, 0);
	margin-bottom: 10px;
}
.view-share ul > li.bt-share:hover .box-share {
	opacity: 1;
	visibility: visible;
}

.view-share ul .bt-share .box-share ul > li {
	display: inline-block;
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	margin: 0.5px;
}

.view-share ul .bt-share .box-share ul > li.email {
	background: #80b157;
}

.view-share ul .bt-share .box-share ul > li.reddit {
	background: #ff4500;
}
.view-share ul .bt-share .box-share ul > li.messenger {
	background: #0084ff;
}
.view-share ul .bt-share .box-share ul > li.facebook {
	background: #316c9f;
}
.view-share ul .bt-share .box-share ul > li.twitter {
	background: #439bc6;
}
.view-share ul .bt-share .box-share ul > li.linkedin {
	background: #3f88b8;
}
.view-share ul .bt-share .box-share ul > li.googleplus {
	background: #c84f47;
}
.view-share ul .bt-share .box-share ul > li.pinterest {
	background: #cf2434;
}
.view-share ul .bt-share .box-share ul > li.whatsapp {
	background: #80b157;
}

.icon-link-share {
	font-size: 16px;
}

.view-share ul > li.bt-share .box-share:before {
	content: "";
	position: absolute;
	top: 100%;
	border: 10px solid transparent;
	border-top-color: #80b056;
	left: 50%;
	margin-left: -.5125rem;
	background: transparent;
}

.view-share ul .bt-share .box-share ul > li > a {
	width: 30px;
	height: 30px;
	padding: 0;
	background: transparent;
	border: none;
}
.fas.fa-share-alt {
	margin-left: 5px;
}


/*---------------------------------------------------------------------------------------------------------------------------------------------*/


/* 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;
}
.des-content#test{
	background: while;
}

.des-content#test .hightlight-underline{
	color:#00803B;
}
.des-content#test .hightlight-underline:after{
	border-color:#fff;
}
.des-content#test blockquote{
	width:100%;
	color:#fff;
}
.des-content#test blockquote a{
 	color:#00803B;
	font-weight:700;
}
.des-content#test .iconTour .iconImg{
	filter: invert(0);
}
.des-content ul{
	list-style:disc;
	margin-left: 22px;
}
.des-content .fav-section ul{
	margin-left:0;
}
.des-content .tab-tour-detail ul{
	margin-left:0;
}
.des-content .img-logo {
	width: 25%;
	max-width:280px;
}
.des-content#test .img-logo{
	width: auto;
	object-fit: cover;
}
.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: #80b157;
}
.tab .nav-tabs li a {
	color: #fff;
	text-decoration: none;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------*/


/* Tour Deatil */

.icon-overview {
	width: 50px;
	height: 50px;
	background:#fff;
	border-radius:50%;
	margin-top: -25px;
}
.video-main .title-content-tourDetail {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
@media(max-width:768px){
	.video-main .title-content-tourDetail{
		width:100%;
		padding:0 15px;
	}
}
.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;
	display:block;
}
span.rollover {
	background: url(../images/icon-menu/icon-gallery-overlay.png) center center no-repeat #000;
	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 #000;
	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;
}


#fancybox-content {
	margin: auto;
	padding-top: 40px;
	padding-bottom: 15px;
}
#fancybox-content .fancybox{
	width:100%;
	height:100%;
}
#fancybox-content .fancybox img{
	width:100%;
	height:100%;
}

@media (max-width: 575px) {
	#fancybox-content .fancybox img {
		padding-bottom: 15px;
		width:100%;
	}
}
.fav-section ul > li {
	display: inline-block;
	list-style: none;
	font-weight: 500;
	margin: 0 0 10px;
	background: #fff;
	border: 1px solid #80b157!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: #80b157;
	font-size: 16px;
	margin-right: 10px;
}

.fav-section ul > li:hover {
	background: #80b157;
}
.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;
	list-style:none;
}
.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;
}

@media(max-width:768px){
	.tab-tour-detail .nav-tabs{
		justify-content:center;
		border:0;
	}
	.tab-tour-detail .nav-tabs li{
		width:100%;
	}
	.tab-tour-detail .nav-tabs li a{
		width:100%;
		padding:10px 20px;
	}
}
.exo-table {
	padding: 0 35px;
}
@media(max-width:768px){
	.exo-table{
		padding:0 15px;
	}
}
.exo-table ul {
	/*padding: 0 25px;*/
	padding:0 0 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,.3);
	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.55);
}
.thumbnail:hover a.titledes {
	background: none;
}
.desc>a.titledes
{
	color:#fff;
	background:none;
	height: 100%;
	align-items: flex-start;
}
.desc a.titledes{
	color:#fff;	
}

.thumbnail.tout-detal-thb img {
	height: 100%;
}
#addboxes-tours a {
	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;
}

#addboxes-tours a:hover {
	background: #80b157 !important;
	color: #fff;
	border-color: #80b157;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------*/


/* 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: #80b157;
	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{
	color:#00803B;
}
.travel-choose-us span.icon-transport-7 {
	float: none;
	display: inline-block;
	/*border-color: #235636;*/
	color: #235636;
	height: 55px;
	width: 55px;
	line-height: 84px;
	font-size: 30px;
	margin-bottom: 25px;
	position: relative;
	background-color:#fff;
}

.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 h5 a{
	font-size: 17px;
	color:#fff;
}
.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: 10px;
	padding-left:0;
	padding-right:0;
}
.companyPage{
	color: #fff;
	margin-top: 10px;
}
i.iconsHotel {
	margin-right: 5px;
	font-size: 15px;
}
.iconTour{
	margin-top: 50px;
}
.tripTour i {
	font-size: 60px;
}
@media(max-width:576px){
	.tripTour{
		margin-bottom:20px;
	}
	.tripTour i {
		font-size: 38px;
	}
}
.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 {
	opacity:0;
	visibility:hidden;
	font-size: 18px;
	overflow: hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	transition: 0.3s;
	color: #fff;
	z-index: 2;
	margin-bottom: 50px;
}
.thumbnail:hover .contentDes{
	opacity:1;
	visibility:visible;
	/*margin-bottom: 90px;*/
}
.desc_top a{
	text-decoration: none;
	color: #fff;
}
.black-noline {
	font-size: 20px;
}
.black-noline p{
	font-size:16px;
}
.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: auto;*/
		/*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;
}

//sua tai day
.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;
}
.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;
}
@media only screen and (max-width: 767.98px){
	.footer{
		padding-top: 30px;
	}
}

.getTouch{
	background: #00803B;
}
.getTouch .hightlight-underline{
	color: #fff;
}
.getTouch blockquote p{
	color:#fff;
}

.highlight-picture img{
	width:100%;
}

#mapp{
	text-align:center;
}
#mapp img{
	max-width: 100%;
	height: auto;
	object-fit: cover;
}



