html {scroll-behavior: smooth;}

div::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}
div::-webkit-scrollbar-button {
	width: 6px;
	height: 5px;
}
div::-webkit-scrollbar-track {
	background-color: #eee;
	border: thin solid lightgray;
	box-shadow: 0px 0px 3px #D0D0D0 inset;
	border-radius: 10px;
}
div::-webkit-scrollbar-thumb {
	background-color: #D0D0D0;
	border: #D0D0D0 1px solid;
	border-radius: 10px;
}
div::-webkit-scrollbar-thumb:hover {
	background-color: #D0D0D0;
}

div.scroll::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
div.scroll::-webkit-scrollbar-button {
	width: 8px;
	height: 5px;
}
div.scroll::-webkit-scrollbar-track {
	background-color: #eee;
	border: thin solid lightgray;
	box-shadow: 0px 0px 3px #D0D0D0 inset;
	border-radius: 10px;
}
div.scroll::-webkit-scrollbar-thumb {
	background-color: #D0D0D0;
	border: #D0D0D0 1px solid;
	border-radius: 10px;
}
div.scroll::-webkit-scrollbar-thumb:hover {
	background-color: #D0D0D0;
}


body { font-size: 15px; line-height: 1.5;}

/*Pagination */
.page-nav{ text-align:center; margin:0 auto;}
.page-nav > span {display:inline-block; }
.page-nav > span a{
	display:block;
	background:#dcdcdc;
	color:#fff;
	border-radius:100%;
	height:30px;
	width:30px;
	padding:2px;
	font-size:15px;
	line-height:27px;
	text-align:center !important;
}
.page-nav > span a > i {font-size:15px;}
.page-nav > span.current a {background:#F1BB00; color: #fff !important; cursor: pointer;}
.page-nav > span.current a:hover {color: #fff !important;}
.page-nav > span a:hover, .pager > span a:focus{color: #fff !important; background:#535353; text-decoration: none !important;}

img {max-width: 100%;}

.imgCode {width: 260px; padding: 0; margin: 0;}
.imgCode img {float: right; height: 30px; margin-top: 2px;}
.imgCode .form-control {float: left;}
.imgCode:after {clear: both;}

.textbody {font-size: 15px; line-height: 1.5; text-align: justify;}
.textbody table {max-width: 100% !important;}
.textbody table td {padding: 3px 5px;}
.textbody img {max-width: 100%;}
.textbody div {padding: 0; margin: 0;}
.textbody p {padding: 0; margin: 0;}
.textbody blockquote {color: #000;}
.textbody ul {margin: 0; padding: 0 0 2px 20px; list-style-type: square !important; list-style-position: inside;}
.textbody ul ul {padding: 0 0 2px 40px;}
.textbody ol {margin: 0; padding: 0 0 2px 25px; list-style-type: decimal !important; list-style-position: inside;}
.textbody ul li, .textbody ol li {padding: 5px 0 5px 0 !important; display: list-item !important; background: none !important; border: none !important;}
.textbody ul li p, .textbody ol li p {margin: -22px 0 0 15px;}
.textbody iframe {max-width: 100% !important;}

.tblborder {text-align:left; background-color: #97c2cd;}
.tblborder table {border-spacing: 1px !important; border-collapse: separate;}
.tmenu {font-weight: bold; text-align: center;
	background: #d4f1f7; /* Old browsers */
}
tr.tmenu td, td.tmenu {padding: 4px 8px;}
.tdtext1 {background-color: #E1EBF1; color: #000000; min-height: 28px; padding: 5px 8px;}
.tdtext2 {background-color: #F0F0F0; color: #000000; min-height: 28px; padding: 5px 8px;}

.news-box {display: block; overflow: auto; clear: both; padding: 15px 0; border-bottom: #E0E0E0 1px dotted; text-align: left; font-size: 14px; line-height: 1.4;}
.news-box a {color: #000;}
.news-box:first-child {padding-top: 0; margin-top: 12px;}
.news-box h4 {font-size: 18px; font-weight: 500; margin: 0; padding: 0; color: #000;}
.news-box .preview {margin-top: 10px;}

.news-thumb {float: left; max-width: 220px; margin: 6px 15px 0 0; max-height: 140px; overflow: hidden;}
.news-thumb img {width: 100%;}

.other-news {border-top: #E0E0E0 1px solid; padding-top: 5px; margin: 10px 0; text-align: left;}
.other-news h2 {font-size: 20px; margin: 10px 0;}
.other-news ul {list-style-type: none; padding: 0; margin: 0;}
.other-news li {list-style-type: none; padding: 5px 0 0 20px; margin: 0;}
.other-news li i {font-size: 14px; padding-right: 5px;}
.other-news li a {color: #000;  font-size: 15px;}


.tour-row {border-bottom: #E0E0E0 1px dotted;}
.tour-box {display: block; overflow: auto; clear: both; padding: 15px 0; text-align: left; font-size: 14px; line-height: 1.4;}
.tour-box a {color: #000;}
.tour-box:first-child {padding-top: 0; margin-top: 12px;}
.tour-box h4 {font-size: 18px; font-weight: 500; margin: 0; padding: 0; color: #000;}
.tour-box .preview {margin-top: 10px;}

.tour-thumb {float: left; max-width: 220px; margin: 6px 15px 0 0; max-height: 140px; overflow: hidden;}
.tour-thumb img {width: 100%;}


.page-content {min-height: 450px;}
.page-content2 {padding-top: 15px !important;}
.content-box {padding-top: 20px;} 

.errorMsg {color: #ff0000; font-size: 16px; font-weight: normal;}
.bTitle {font-size: 24px; font-weight: 600; padding: 0; margin: 0 0 5px 0 !important;}
.nTitle {font-size: 17px; font-weight: normal; padding: 0; margin: 0 !important;}
.date {color: #808080;}

.box-others {margin: 20px 0 30px 0;}
.box-others:after {clear: both;}

.clear {clear: both;}
.share-mxh {margin-top: 10px;}

.video-box {display: block; width: 900px; max-width: 100%; margin: 0 auto;}
.video-box iframe {width: 100%; height: 500px;}


.idx-about {text-align: justify; padding-right: 10px;}

.mfp-title {line-height: 1.4;}
.mfp-title .team-fullname {display: block; font-size: 17px; font-weight: 600; margin-bottom: 5px;}
.mfp-title .team-title {display: block; font-size: 14px;}
.mfp-title .team-intro {display: block; font-size: 14px; font-style: italic;}
.mfp-bottom-bar {margin-top: -120px; margin-left: 15px;}

.news-title {font-size: 17px !important; margin-bottom: 10px !important;}
.news-title a {font-size: 17px !important;}
.news-preview {font-size: 17px; line-height: 1.6;


overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 8;
     display: -webkit-box;
    -webkit-box-orient: vertical; max-height: 209px

}
.news-pic {display: block; height: 220px; overflow: hidden;}
.news-pic img {width: 100%; height: 100%;}
.news-pic2 {display: block; height: 170px; overflow: hidden;}
.news-pic2 img {width: 100%; height: 100%;}

.review-name {font-size: 17px; margin-bottom: 5px; font-weight: 600; text-align: center; padding: 0 10px;}
.review-company {font-size: 16px; margin-bottom: 15px; font-weight: 500; text-align: center; padding: 0 10px;}
.review-content {font-size: 16px; text-align: justify;
	display: block;
	height: 170px;
	overflow: auto !important;
	padding: 0 10px;
}
.review-limit {
	overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.show-more {display: block; margin-top: 15px;}
.hide-less {display: block; margin-top: 15px;}
.hidden {display: none;}


.heading-section h2 a {color: #a92222;}

.topnav {background-color: #efefef;padding: 0px 0;}
.topnav .breadcrumb {
	font-size: 17px;
	padding: 8px 15px 8px 0;
    margin-top: 5px;
    list-style: none !important;
    list-style-type: none !important;
    border-radius: 0px; color:#000  
}
.topnav .breadcrumb-item::before {}
.topnav .breadcrumb li {display: inline-block;}
.topnav .breadcrumb > .active {color: #000;}
.topnav .breadcrumb a{color:#909090}

.aside-block h2 {font-size: 22px;}
.ctg-list{padding: 0 15px;}
.ctg-list li{padding: 5px 0; border-bottom: #E0E0E0 1px dotted;}
.ctg-list li a{ color: #362c82; font-size: 18px;}
.ctg-list li a:hover{ color: red; text-decoration: none;}

.portfolio-title {display: block; padding-top: 5px;}

.form-control, .form-group label:not(.error) {
    font-size: 15px !important;
}

/*.share #myDIV a.mobile-hidden {display: inline-block !important;}*/
.white a {color: #fff;}
.white a:hover {color: #F0F0F0 !important;}

.client-logos {padding-top: 15px !important;}

.idx-news-box {padding: 18px !important;}
.service-tour-box {padding: 18px !important;}
.service-tour-box2 {padding: 12px !important;}
.service-tour-box2 h2 {text-align: center;}
.post-item.border .post-item-wrap {border: 0 !important}


.other-gallery{}
.other-gallery .portfolio-image{max-height: 175px; overflow: hidden;}

.popup-banner {max-width: 100%; max-height: 100%; text-align: center; margin: 0 auto;}
.popup-banner img {max-width: 100%; max-height: 100%;}

.logo-default img {max-height: 60px;}

.thumb-pic {height: 230px; text-align: center; overflow: hidden;}
.thumb-pic img {max-height: 100%; min-height: 100% !important;}

.team-pic {height: 160px; text-align: center; overflow: hidden;}
.team-pic img {min-height: 100%;}

.service-desc { font-size: 14px; line-height: 1.5;
	text-align: justify;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 8;
	line-clamp: 8; 
	-webkit-box-orient: vertical;
}

.m-t-10 {margin-top: 10px;}
.m-t-20 {margin-top: 20px;}
.m-b-0 {margin-bottom: 0px;}
.m-b-5 {margin-bottom: 5px;}
.contact-hour {margin: 15px 0;}
.white, .white a, .white:hover {color: #fff !important;}

.modal-footer a {color: #000;}
.destination-pic {margin-bottom: 15px;}
.destination-desc {text-align: justify;}

.btn-contact {text-align: center;}
.btn-contact a {display: inline-block; padding: 8px 20px; border-radius: 5rem; background-color: #a82224; color: #fff; font-weight: 600; font-size: 16px; -webkit-transition: all 0.3s; transition: all 0.3s;}
.btn-contact a:hover {background-color: #D89A0A; color: #fff !important;}

.page-body {padding: 20px 0 40px 0;}

.page-title {font-size: 20px; color: #000; padding: 0; margin: 0 0 20px 0;}
.page-title h1 {font-size: 24px; color: #000;}
.page-title h1 a {color: #000;}

.overflow-hidden {overflow: hidden;}
.resource-block {margin-bottom: 30px !important;}
.list {padding-left: 10px;}

.story .heading-text h2 {font-size: 30px; color: #a82224; margin-bottom: 5px;}
.story-desc {text-align: center; padding: 15px 0px 0px 0px !important;}
.story-desc h3 {font-size: 18px; font-weight: 600; color: #000;}
.story-desc h3 a {color: #000;}
.story-desc p {padding: 0; margin: 0;}
.story-desc .team-job {font-weight: 600; font-size: 14px;}

.story-info {min-height: 70px;}
.story-bg {background-color: #eee;}

.story-heading h2 {font-size: 30px; color: #a82224; margin-bottom: 5px;}

.heading-title {margin-bottom: 0 !important;}
.heading-title h2 {font-size: 30px !important; color: #a82224; margin-bottom: 0px;}

.gallery-title {text-align: center; min-height: 65px; padding-top: 8px; font-size: 15px;}
.portfolio-item {padding-bottom: 5px !important;}

.story .carousel {padding-bottom: 40px;}
.story .carousel .flickity-page-dots {bottom: 20px;}

.post-career {padding-left: 20px;}

.career-desc {padding: 0 !important;}
.career-desc h2 {color: #000; font-size: 17px; font-weight: 600; padding: 10px 0; margin: 0;}
.career-desc h2 a {color: #000;}

.career-desc2 {height: auto; margin: 0 0 5px 20px !important; padding-bottom: 15px; border-bottom: #D0D0D0 1px dashed;}
.career-desc2 h2 {color: #000; font-size: 17px; font-weight: 600; padding: 10px 0; margin: 0;}
.career-desc2 h2 a {color: #000;}

.center {text-align: center !important;}
.text-right {text-align: right !important;}
.anchor {scroll-margin-top: 120px;}

.topnav {background-color: #efefef; padding: 0px; margin-top: -5px;}
.topnav .breadcrumb {
	font-size: 15px;
	padding: 8px 15px 8px 0;
    margin-top: 5px;
    list-style: none !important;
    list-style-type: none !important;
    border-radius: 0px; color:#000  
}
.topnav .breadcrumb-item::before {}
.topnav .breadcrumb li {display: inline-block;}
.topnav .breadcrumb > .active {color: #000;}
.topnav .breadcrumb a{color: #808080;}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    font-size: 15px;
    color: #6c757d;
    content: "/";
}

.resource-box {margin: 20px 10px;}
.resource-box .pic {height: 200px; overflow: hidden;}
.resource-box .pic img {width: 100%; min-height: 100%;}
.resource-box .title {}
.resource-box .title h2 {font-size: 22px; color: #fff; text-align: center; padding: 20px 10px; background-color: #a82224;}
.resource-box .title h2 a {color: #fff;}
.resource-box .title h2 a:hover {color: #C0FFC0;}
.resource-box .title2 h2 {font-size: 22px; color: #000; text-align: center; padding: 10px;}
.resource-box .title2 h2 a {color: #000;}
.resource-box .title2 h2 a:hover {color: #585800;}

.guidebook-box {margin: 20px 10px;}
.guidebook-box .pic {height: 280px; overflow: hidden;}
.guidebook-box .pic img {width: 100%; min-height: 100%;}
.guidebook-box .title {}
.guidebook-box .title h2 {font-size: 22px; color: #000; text-align: center; padding: 20px 10px; background-color: #E0E0E0;}
.guidebook-box .title h2 a {color: #000;}
.guidebook-box .title h2 a:hover {color: #ff0000;}

.guidebook-item {margin: 10px 0px;}
.guidebook-item .pic {height: 200px; overflow: hidden;}
.guidebook-item .pic img {width: 100%; min-height: 100%;}
.guidebook-item .title {}
.guidebook-item .title h2 {font-size: 16px; color: #000; text-align: center; padding: 20px 10px; background-color: #E0E0E0;}
.guidebook-item .title h2 a {color: #000;}
.guidebook-item .title h2 a:hover {color: #ff0000;}

.topnews-box {}
.topnews-box .news-item {background-color: #F0F0F0; color: #000; padding: 10px 15px; margin: 5px 0;}
.topnews-box .news-item a {color: #000;}
      
.copyright-text, .copyright-text a {color: #fff;}
.copyright-text a:hover {color: #C0C0C0 !important;}

.destination-sub {padding-left: 10px !important;}
.destination-sub i {font-size: 12px; color: #585858;}

.view-more {color: #585858;}
.view-more a {color: #585858; text-decoration: underline;}

.social-zalo img {max-height: 18px !important; margin-top: -4px !important;}
.zalo-f img {margin-top: -2px !important; margin-left: -1px !important;}
.whatsapp-f i {font-size: 18px !important;}

.text-justify {text-align: justify;}
.banner-idxtour {text-align: center; padding-top: 20px;}
.banner-idxtour img {width: 100% !important;}

.btn-price {display: inline-block; padding: 5px 20px; color: #fff !important; font-weight: bold; border-radius: 15px; background-color: #c00005; box-shadow: 0px 0px 5px #585858; min-width: 160px; text-align: center;}
.btn-price:hover {color: #fff !important; background-color: #d52529;}

.btn-booktour {display: inline-block; padding: 5px 20px; color: #fff; font-weight: bold; border-radius: 15px; background-color: #184f90; box-shadow: 0px 0px 5px #585858; min-width: 160px; text-align: center;}
.btn-booktour:hover {color: #fff !important; background-color: #134076;}

.price-content {text-align: center; padding-top: 40px;}
.price-content p {padding: 5px 0 !important; margin: 0;}

.price-content2 {text-align: left; padding-top: 10px;}
.price-content2 p {display: inline-block; padding: 5px; margin: 0;}

.company-info {}
.company-info p {padding: 0; margin: 4px 0; line-height: 1.5;}
.company-info .company-name {font-weight: bold; font-size: 18px; padding-bottom: 8px;}

input, select, textarea {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	height: auto !important;
	padding: 6px 10px !important;
	font-size: 14px !important;
}
input[type=text], input[type=password], input[type=number] {padding: 4px 8px; border: #ACACAC 1px solid; background-color: #FFFFFF;}
input[type=file] {padding: 2px; border: #ACACAC 1px solid; background-color: #FFFFFF; width: 350px;}
input[type=radio], input[type=checkbox] {margin-right: 3px; vertical-align: top; margin-top: 2px;}

input[type="submit"], input[type="button"] {color: #000;
	padding: 6px 15px; border: #C0C0C0 1px solid; cursor: pointer; border-radius: 5px;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
	font-size: 15px;
}
input[type="submit"]:hover, input[type="button"]:hover {border: #118200 1px solid;}

select {min-height: 30px; padding: 3px 2px; border: #ACACAC 1px solid;}
textarea {padding: 8px; border: #ACACAC 1px solid; background-color: #FFFFFF;}
.mybutton {min-width: 100px; text-align: center; font-size: 14px !important; color: #000 !important; background-color: #E0E0E0 !important; font-size: 16px; font-weight: normal;}

.checkbox {padding: 0 !important; margin: 4px 5px 0 0 !important; width: auto !important; vertical-align: baseline;}

input.checkbox[type="checkbox"][disabled][checked] {
  filter: invert(100%) hue-rotate(18deg) brightness(5);
}
input.checkbox[type="checkbox"][disabled] {
  filter: invert(100%) hue-rotate(18deg) brightness(5);
}

.contactForm input[type=text], .contactForm input[type=number] {width: 350px;}
.contactForm textarea {width: 350px;}

.bocongthuong img {width: 200px; margin-top: 15px;}