/*
TAP Website
Theme URI: http://www.truonganphat.vn
Author: Nguyen Ngoc Khoa
Moile: 0903226618
Version: 3.0
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */
 .c_in{    width: 1200px;}
 .c_on{width: 900px; margin: 0 auto}
 .c_mu{width: 600px; margin: 0 auto;padding: 15px;    background: #f2f2f2;   box-shadow: 1px 1px 16px -10px #000;}
/* General Layout
/*-----------------------------------------------------------------------------------*/
/**
 * The font was graciously generated by Font Squirrel (http://www.fontsquirrel.com). 
 */

 
html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
    
}

body {	font-family: "Libre Baskerville", serif;    line-height: 20px;font-size: 13px}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin:0;
}
.line{border-top:1px dotted #a8a8a8; }
h1 { font-size:26px; }
h2 { font-size:20px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:12px; }

h1 span, h2 span, h3 span, h4 span { font-weight:normal; }
li{list-style: none;}
.clear{clear:both;}


p{padding:0;margin:0px;text-align:left;}

button,
input,
select,
textarea { border: 1px solid #ABADB3;  border-radius: 2px;  font-family: "Libre Baskerville", serif;  font-size: 13px;   padding: 4px;}
select {    padding: 3px;}
input, select {    cursor: pointer;}
input[type="text"], input[type="password"], input[type="email"], input[type="number"] {    cursor: text;}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, select:focus, textarea:focus {    border-color: #F2904E;    box-shadow: 1px 1px 1px #CCCCCC;    -webkit-box-shadow: 1px 1px 1px #CCCCCC;}
textarea, input {    outline: medium none;}
textarea {    overflow: auto;}
input[type="button"], button {    cursor: pointer;    padding: 4px;    vertical-align: middle;}
img{object-fit: cover;    width: 100%;    height: 100%;transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;}
img:hover{transform: scale(1.1);}
/* Header
/*-----------------------------------------------------------------------------------*/
.sys-topbanner-home{background: #0000008a; height: 110px;position: absolute;    z-index: 9;    width: 100%;border-bottom: 1px solid #282828;}
.sys-topbanner-home ul .logo img{height: 100px}
.sys-box-support{position: absolute;right: 10px; top: 5px}
.sys-topbanner-home .logo{position: absolute;left: 50%;    transform: translate(-50%, 0);top:5px}

/*

.sys-topbanner-home ul{display: flex;justify-content: space-between;flex-flow: wrap;}
.sys-topbanner-home ul li{width: calc(33.3% - 0px);text-align: center;}

/*Menu slide*/
nav { position: fixed;    /*transform: translateX(-300px);  */  height: 100%;    width: 400px;    transition: all 800ms cubic-bezier(.8, 0, .33, 1);    border-radius: 0% 0% 100% 50%;}
nav.nav-open {    transform: translateX(0px);    border-radius: 0% 0% 0% 0%;	 background: rgba(255, 255, 255, 0.6);}
nav .menu-btn {    position: absolute;    top: 3%;    right: 5%;    padding: 0;    width: 30px;    cursor: pointer;    z-index: 2;}
nav .menu-btn .line {    padding: 0;    width: 30px;    background: #fff;    height: 2px;    margin: 5px 0;    transition: all 700ms cubic-bezier(.9, 0, .33, 1);}
nav .menu-btn .line.line--1 {    width: 30px;    transform: rotate(0) translateY(0);}
nav .menu-btn .line.line--1.line-cross {    width: 30px;    transform: rotate(45deg) translateY(10px);	 background: rgba(0,0,0,0.6);}
nav .menu-btn .line.line--2 {    width: 28px;    transform: translateX(0);}
nav .menu-btn .line.line--2.line-fade-out {    width: 28px;    transform: translate(30px);    opacity: 0;}
nav .menu-btn .line.line--3 {    width: 20px;    transform: rotate(0) translateY(0);}
nav .menu-btn .line.line--3.line-cross {    width: 30px;    transform: rotate(-45deg) translateY(-10px);	 background: rgba(0,0,0,0.6);}
nav .nav-links {    position: absolute;    left: 5%;    top: 10%;  flex-direction: column;    align-items: center;    justify-content: center;    transform: translateX(-100px);    opacity: 0;    transition: all 900ms cubic-bezier(.9, 0, .33, 1);}
nav .nav-links.fade-in {    opacity: 1;    transform: translateX(0px);}
nav .nav-links .link {  position: absolute;   top: 10%;   text-decoration: none;    font-family: sans-serif;    color: rgba(0,0,0,0.9);    font-weight: 700;    text-transform: uppercase;    font-size: 1.2rem;    transition: all 300ms cubic-bezier(.9, 0, .33, 1);}
nav .nav-links .link:hover {    color: rgba(0, 0, 0, .5);}
.inform{	position: absolute;	top: 50%;	left: 50%;	transform: translate(-50%, -50%);	color: rgba(255, 255, 255, 0.8);	font-size: 2rem;	font-family: sans-serif;	text-transform: uppercase;	letter-spacing: 5px;	text-shadow: 0 0 20px rgba(0,0,0,0.6);}
.support{	position: absolute;	right: 10px;	bottom: 10px;	padding: 10px;	display: flex;}
.menu-mb{display: none}

.sys-topbanner-home .sys-topsuport{    color: #333;    background: #ececec;     padding: 13px 15px;    height: 45px;    font-size: 20px;  }
.sys-topbanner-home .sys-box-support{display: flex;  margin: 30px 0;justify-content: right;}
.sys-topbanner-home .sys-box-support i{margin-right: 10px}
.sys-topbanner-home .sys-book{    color: #fff !important;    background-color: #d3b5a3;    border-color: #d3b5a3;    padding: 11px 15px;    text-transform: uppercase;    font-weight: 600;    font-size: 14px;}
.sys-topbanner-home .sys-book:hover{background: #111}
.sys-book a{color: #fff}
.sys-book a:hover{color: #fff}
 
@media only screen and (max-width: 786x) {
.sys-topbanner-home .sys-book{padding: 0}	
.sys-topbanner-home{position: relative;background: #000000;}
.sys-topbanner-home .sys-box-support{margin: 31px 0;}
.swiper{height: auto !important;min-height: 195px !important;}
.menu-mb{display: inline;z-index: 777}
}
/*Menu main*/
.sys-topbanner-home ul li .nav-open ul{display: contents;}
.sys-topbanner-home ul li .nav-open ul li{width: auto;text-align: left;}
.sys-topbanner-home ul li .nav-open ul .ul-level-1{display: none}
.sys-topbanner-home ul li .nav-open ul:hover .ul-level-1{display: inline;     left: 177px;    width: 100%;}
/*gallery*/
.gallery-box-sys{margin-top: 30px;    margin-top: 30px;    background: #f9f5f2 !important;    height: 425px;}
.gallery-box-sys .gallery_box{width: 48%; float: left;}
.text_box{float: right;margin-left: 20px;width: 48%;padding: 25px; text-align: justify;line-height: 30px;    height: 400px;    overflow-y: scroll;}
.text_box a{background: #212529; padding: 10px 25px; color: #fff; font-size: 15px}
.text_box a:hover{background: #d3b5a3}
@media only screen and (max-width: 687px) {
	.gallery_box{width: 100% !important; float: none;margin-bottom: 30px}
	.text_box{width: 100% !important}
	.slbox-sys ul li{width: calc(100% - 0px) !important; margin: 15px 0}
}
/*Case 1*/
.c1-title-box{margin: 50px 0; text-align: center;font-size: 20px;text-transform: uppercase;}
.c1-view-box{text-align: center;margin: 20px 0; }
.c1-view-box a{font-size: 20px;color: #191617;border: 1px solid #191617;padding: 10px 25px}
.c1-view-box a:hover{background: #191617; color: #fff}
.slbox-sys ul{display: flex;justify-content: space-between; flex-flow: wrap;}
.slbox-sys ul li{width: calc(33.3% - 10px)}
.slbox-sys .c1-name-sys{ font-size: 20px;    font-weight: bold;    line-height: 1.5;    margin-bottom: 20px;}
.slbox-sys .c1-name-sys a{ color: #3d3935;   }
.slbox-sys .c1-name-sys a:hover{color: red}
.slbox-sys .c1-book-sys .c1-book{background: #d3b5a3; padding: 10px 25px; color: #000;text-transform: uppercase;margin-right: 10px}
.slbox-sys .c1-book-sys .c1-book a{color: #000}
.slbox-sys .c1-book-sys{margin-top: 10px;display: flex;justify-content: space-between;}
.slbox-sys .c1-book-sys .c1-book:hover{background: #111111;}
.slbox-sys .c1-book-sys .c1-book:hover a{ color: #fff}
.slbox-sys .c1-details{border: 1px solid #111111;    padding: 8px 15px;   text-transform: uppercase;}
.slbox-sys .c1-details:hover{background: #111111}
.slbox-sys .c1-details:hover a{color: #fff}
.slbox-sys .c1-price-sys{color: red; font-weight: bold; font-size: 18px}
.carousel-wrap { float: right;padding: 0 5%;  width: 100%;  position: relative;}
.slbox-sys .c1-hover-box{overflow: hidden;}
.slbox-sys .c1-hover-box img{height: 250px}
/* fix blank or flashing items on carousel */
.owl-carousel .item {  position: relative;  z-index: 100;   -webkit-backface-visibility: hidden; }
/* end fix */
.owl-nav > div {  margin-top: -26px;  position: absolute;  top: 50%;  color: #cdcbcd;}
.owl-nav i {  font-size: 52px;}
.owl-nav .owl-prev {  left: -30px;}
.owl-nav .owl-next {  right: -30px;}
.owl-theme .owl-dots, .owl-theme .owl-nav{margin-top:-50px !important;z-index: 1;}
.owl-dots{display: none}
.owl-carousel .item{padding:0 !important;height:400px !important;;	}
.owl-carousel .owl-item div{position: relative;overflow: hidden;         }
.owl-carousel .owl-item img{display: block;width: 100%;height: auto;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;max-height: 1490px;-webkit-transition: all 20s;-moz-transition: all 20s;-o-transition: all 20s;transition: all 20s;transition-timing-function:linear;         }
.slideall img{width: 100%}
.slide-cata-sys{position: absolute;top: 50%;left: 50%;    transform: translate(-50%, 0);line-height: 67px; text-align: center;}
.cata-name-main {font-size: 50px; font-weight: bold;color: #fff;display: none;}
.crumbs{text-align: center;}
.crumbs ul{  display: flex;  align-items: center;  justify-content: center; margin-top: 10px}
.crumbs ul li a{margin: 0 10px;text-transform: uppercase;color: #000000}
.sys-view{float: left;width: 25%;background-color: #191617;padding: 50px;text-align: center !important;height: 400px}
.sys-view .s_source{color: #fff; font-size: 18px}
.sys-img{float: right;width: 75%}
.require-sys{margin-top: 20px}
.require-sys a{color: #111111; border: 1px solid #d3b5a3 ;  background: #d3b5a3;    border-color: #d3b5a3;padding: 10px 25px; }
.require-sys a:hover{background: #111; border: 1px solid #d3b5a3; color: #fff	}
.sys-sinfo{padding: 0 45px; font-size: 16px}
@media only screen and (max-width: 687px) {
.owl-nav .owl-next {    right: 0;}
.owl-nav .owl-prev {    left: 0;}
.slide-cata-sys{top:20%}
.cata-name-main{font-size: 20px}
}
/*Popup*/
button {    padding: 10px 25px !important;    border: none;    background-color: #d3b5a3 !important;    color: #fff;    font-size: 18px;    cursor: pointer;    transition: background-color 0.2s !important;    text-transform: uppercase !important;   }
button:hover {    background-color: #111 !important;border: 1px solid #fff !important;}
/* The Modal (background) */
.modal {    display: none;    position: fixed;    left: 0;    top: 0;    width: 100%;    height: 100%;    overflow: auto;    background-color: rgba(0, 0, 0, 0.7);}
/* Modal Content */
.modal-content {    position: relative;    background-color: #ffffff;    margin: 10% auto;    padding: 20px;    width: 50%;    border-radius: 8px;    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);}
/* The Close Button */
.close {    color: #aaaaaa;    float: right;    font-size: 28px;    font-weight: bold;    cursor: pointer;    transition: color 0.2s;}
.close:hover,.close:focus {    color: #ff5b5b;}
.sys-order-name{font-size: 35px; font-weight: bold;margin: 35px 0}
.s_text_content button{width: 200px} 
@media only screen and (max-width: 687px) {
	.slbox-sys{padding: 15px}
}

/*c2*/
.slbox-sys{margin: 50px auto}
.c2-box ul{display: flex; justify-content: space-between;flex-flow: wrap;}
.c2-box ul li{width: calc(33.3% - 10px)}
.c2-box .c2-img-sys{overflow: hidden;}
.c2-box .c2-info-box{position: absolute;margin-top: -150px; width: 300px;padding:0 30px; color: #fff}
.c2-box  .c2-img-sys img{height: 500px}
.c2-box .c2-name-sys{font-size: 25px; font-weight: bold;line-height: 35px}
.c2-box .c2-detail-sys{margin-top: 15px}
.c2-box .c2-detail-sys a{cursor: pointer;color: #fff; background: #242021;padding: 10px 20px; font-size: 13px; text-transform: uppercase;}
.c2-box .c2-detail-sys a:hover{background:#d3b5a3 }
.c2-box .box-title {margin: 30px 0;    text-align: center;    text-transform: uppercase;}
.c2-box .box-title a{ font-size: 20px;color: #000; font-weight: bold;}
.news-style ul{display: flex; justify-content: space-between;flex-flow: wrap;}
.news-style ul li{width: calc(48.0% - 10px);height: 500px;}
.news-style ul li .list-sys-img{height: 350px; overflow: hidden;}
.news-style ul li .list-sys-img img{width: 600px}
.news-style ul li .list-details a{color: #111111; border: 1px solid #d3b5a3 ;  background: #d3b5a3;    border-color: #d3b5a3;padding: 10px 25px;}
.news-style ul li .list-details a:hover{background: #111; border: 1px solid #d3b5a3; color: #fff}
/*news-style*/
.news-style li { position: relative; padding-top: 45px; overflow: hidden; }
.news-style li .sys-nname { font-family: "Libre Baskerville", serif !important; position: absolute; top: 5px; left: 5px; font-size: 24px !important; text-shadow: 1px 1px 0 #fff; color: #0f619b !important;}
.news-style li .sys-img img{ border-radius: 14px; float: left; height: 150px; margin: 4px 15px 0 5px; width: 150px !important; box-shadow: 0 0 5px 0 #888;}
.news-style li .sys-info{ width: 600px; text-align: justify !important; font-size: 14px !important; line-height: 160%; padding: 0 5px; float: left;}
.news-style li .vdetail{ float: right; position: relative !important; margin-right: 30px; margin-top: 10px; background: none !important; color: #0f619b !important; font-weight: bold;}
/*QC*/
.qc-box-sys .qc-home-sys{position: absolute;left: 50%;    transform: translate(-50%, 0);z-index: 1;width: 45%;    text-align: center;margin:-410px 0;color: #fff;line-height:40px}
.qc-box-sys .qc-home-sys .qc-name-sys{font-size: 50px; font-weight: bold;}
.qc-box-sys .qc-home-sys .qc-more-sys{margin: 30px 0}
.qc-box-sys .qc-home-sys .qc-more-sys a{background: #111; padding: 10px 25px; color: #fff; text-transform: uppercase;font-size: 15px}
.qc-box-sys .qc-home-sys .qc-more-sys a:hover{background: #ff5b5b}
.qc-box-sys img{width: 100%}
.system-style.footer { background-color: #191617;}
.ho-box-sys ul{display: flex; justify-content: space-between;flex-flow: wrap row;}
.ho-box-sys ul li{width: calc(33.3% - 10px);height: 500px;}
.ho-box-sys ul li .img-sys-hover{height: 300px; overflow: hidden;}
.ho-box-sys ul li .img-sys-hover img{height: 350px}
.ho-box-sys ul li .box-name-sys{font-size: 20px;    font-weight: bold;    line-height: 1.5;    margin: 10px 0;}
.ho-box-sys ul li .box-name-sys a{color: #000}.ho-box-sys ul li .box-name-sys a:hover{color: red}
.ho-box-sys ul li .box-info-sys{font-size: 15px}
.ho-box-sys .c1-book-sys .c1-book{background: #d3b5a3; padding: 10px 25px; color: #000;text-transform: uppercase;margin-right: 10px}
.ho-box-sys .c1-book-sys .c1-book a{color: #000}
.ho-box-sys .c1-book-sys{margin-top: 10px;display: flex;justify-content: space-between;}
.ho-box-sys .c1-book-sys .c1-book:hover{background: #111111;}
.ho-box-sys .c1-book-sys .c1-book:hover a{ color: #fff}
.ho-box-sys .c1-details:hover{background: #111111}
.ho-box-sys .c1-details:hover a{color: #fff}
.ho-box-sys .c1-details{border: 1px solid #111111;    padding: 8px 15px;   text-transform: uppercase;}
.tab-content{margin-top: 20px;padding: 20px;}
.sys-bk-content .col-md-8{line-height: 20px}
.sys-bk-content img{margin-bottom: 20px}
.detail-hotel-sys .content-name-sys{font-size: 45px; font-weight: bold;text-align: center;line-height: 70px;}
.detail-hotel-sys .content-info-sys{font-size: 15px; margin: 15px 0}
/*
.header-hot-link{display:inline-block; float:left ; }
.header-hot-link li i{	position: absolute;z-index: 9;top:5px;right:-8px;	width: 16px; height: 16px}
.header-hot-link li a{  font-family: "Libre Baskerville", serif;    font-size: 15px;    color: #007db7;    padding:0px 10px;     text-transform: uppercase;     line-height: 44px;}
.header-hot-link > li.active,.header-hot-link > li:hover{    backround:#0094da;}
.header-hot-link > li.active a,.header-hot-link > li:hover a{    color: #fff; text-decoration: none;}
.header-hot-link li ul,.header-hot-link li dl{    position: absolute;    top:100%; left: 0;    display: none; background: #0094da;}
.header-hot-link li li ul{top: 0; left: 100%;}
.header-hot-link li li:hover {    background: #18b5ff;}
.header-hot-link li li a{ line-height: 30px;}
*/
.menu-line{display: flex;position: absolute;    z-index: 999;    top: 6%;left: 50%;    transform: translate(-50%, 0);}
.menu-line .l-mn{width: 50%}
.sf-menu a{border: none}
.menu-line .l-mn li{float: left;text-transform: uppercase;background: transparent;}
.menu-line .l-mn li:hover{background: red; border-radius:5px }
.menu-line .l-mn ul li a{color: #fff;padding: .75em 3em}
.menu-line .r-mn{  width:50%; }
.menu-line .r-mn ul{ float: right;}
.menu-line .r-mn li{float: left;text-transform: uppercase;background: transparent;}
.menu-line .r-mn ul li:hover{background: red; border-radius:5px }
.menu-line .r-mn ul li a{color: #fff;padding: .75em 3em}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {    display: block;    background: #00000073;    min-width: 16em;}
.sf-arrows .sf-with-ul:after{position: relative;top: 10px; right: -4px;}
.menu-line .l-mn li .li-level-2{float: none;}
.Banner{ background: #0094da none repeat scroll 0 0; border-bottom: 1px solid #666; position: relative; }
.Banner #logo_home{ float: left;}
.Banner #logo_home img{ margin: 10px; height: 60px;}
.system_forms.s_text_content{font: 0.9em / 1.5em "Libre Baskerville", serif;}
.s_text_content img{width: 70% !important; height: auto !important; margin-bottom: 20px}
.wrap_main_menu{ float: right; position: relative; z-index: 999;}
.wrap_main_menu  .main_menu .li-level-2 a{ padding: 0px 13px;}
.wrap_main_menu .main_menu a:hover{color: #fff;}
.wrap_main_menu .sf-with-ul::after{right: -1px;}
.sf-arrows .sf-with-ul {    padding-right: 15px;}
@media only screen and (max-width: 687px) {
	.ho-box-sys ul li{    width: calc(100% - 0px);padding: 20px;}
	.menu-line{display: none !important}
	.navbar-default{width: 100%;    position: absolute;    z-index: 999;    right: 0;}
}
.overview {max-width: 100%;}
.datetime {font-size: 13px;    color: #003600;    line-height: 23px;    display: flex;}
.leftbox {float: left;    width: 68%;}
.boxright {width: 100%; min-height: 100px}
.rightbox {float: right;    width: 20%;    border: 1px solid #1604a5;    padding: 5px 20px;  line-height: 35px;  border-top: 4px solid #1604a5;}
.option-price {border: 1px solid #1a2b49;    margin-top: 10px;}
.bgrboxbook {background: #1a2b49;    color: #fff;    padding: 10px 20px;}
.tour_info ul li span {font-family: Arial !important;    line-height: 23px !important;}
.detailtab {font-size: 15px;    width: 900px;    float: right;    text-align: justify;}
.titletab {width: 300px;    float: left;    font-weight: bold;    font-size: 15px;}
.tour_info ul li {float: left;   margin: 10px 0;    background: #df7820;    margin-right: 10px;    text-align: center;    color: #fff;    text-transform: uppercase;    padding: 10px 25px;}
.tour_info ul li:hover{background: red}
.tour_book_04 .dropdown-user{color: #000}
.price-sw {    font-size: 27px;    font-weight: bold;display: flex;}
.price-sw .fontext{font-size: 14px}
.glbox{z-index: 999;    position: absolute;  margin: -35px 20px;background: #000; padding: 10px 40px;border-radius:15px }
.booknow a {    color: #fff;    background: #1593ff;    border-color: #1593ff;padding: 5px 15px}
.booknow a:hover{background: red;color: #fff}
.glbox:hover{background: red}
.glbox a{color: #fff}.glbox a:hover{color: #fff}
.tour_info ul li a{color: #fff; font-weight: bold;}
.r-tabs .r-tabs-nav {padding: 0 !important;    margin: 0 !important;    float: left;    width: 100%;}
.r-tabs {position: relative;    margin-top: 10px;}
.slideall{margin-bottom: 60px}
.slideall .img-hover{height: 550px; overflow: hidden;}
.slideall .img-hover img{ float: left;    object-fit: cover;    width: 100%;    height: 100%;}
.owl-carousel .owl-item img{min-height: 400px}
#slider2_container .popup_img img{margin-left: 0 !important; margin-right: auto; height: 550px !important;}
.jssort01 .c{width: 20px !important;height: 20px !important;border-radius: 20px; overflow: hidden; background: #fff;}
.layer3 img{display: none}
.layer3av img {display: none}
.sub-menu ul{margin: 20px 0}
.sub-menu ul li {float: left; margin: 20px 5px}
.sub-menu ul li a{ text-align: center;background: #000; padding: 15px 25px; color: #fff }
.sub-menu ul li a:hover{background: red}
.jssora05l{display: inline !important;top: 185px !important;background: url(http://dulichthanhviet.vn/mssource/lib/slider/jssor/img/a21.png) center center no-repeat;}
.jssora05r{display: inline !important;top: 185px !important;background: url(http://dulichthanhviet.vn/mssource/lib/slider/jssor/img/a21.png) center center no-repeat;}
.side-bar ul li a{color: #fff}
@media only screen and (max-width: 687px) {
	.slideall{margin-bottom: 0}
}
/*----End----*/
.box-tour-sys ul{display: flex; justify-content: space-between;flex-flow: wrap row;}
.box-tour-sys ul li{width: calc(33.3% - 10px);height: 480px;}
.box-tour-sys .tour-hover-sys{height: 250px; overflow: hidden;}
.box-tour-sys .tour-price-sys b{font-size: 18px; color: red}
.box-tour-sys .tour-name-sys {line-height: 25px; font-size: 16px; font-weight: bold;}
.jssora21l, .jssora21r{display: none}

.content-contact table tr{line-height: 40px}
.contact_submit{height: auto}
.contact_form .fild{padding: 0 15px;height: 37px;width: 485px;margin-left:0;margin-right: 20px;}
.contact_form .filds{padding: 0 15px;height: 50px;width: 100%;margin-left:0;margin-right: 20px;}
.contact_form .f_content_textarea{max-width: 100%; height: 140px}
.content-contact table p{text-transform: uppercase;font-size: 13px}
.title-s{text-align: center;    text-transform: uppercase;    margin: 50px 0;}
.title{position: relative !important}
.bottom_nav .text-level-2{display: none}
.bottom_nav img{height: 100px !important; width: auto !important}
.c2-box {height: 645px;}
 
.sys-name{position: absolute;z-index: 999;background: #000000a3;    width: 42.4%;    height: 50px;    padding: 16px;    text-align: center;    color: #fff;    text-transform: uppercase;}
.c4-box ul {display: flex;; justify-content: space-evenly;flex-flow: wrap;margin: 30px 0;}
.c4-box ul li{width: calc(40% - -28px);height: 350px;  overflow: hidden;}
.c4-box ul li img{transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;height: 450px;display: block;    margin-left: auto;    margin-right: auto;    width: 100%;object-fit: cover;    width: 100%;    height: 100%;}
.c4-box ul li img:hover {transform: scale(1.1);}
.c4-box .img-over-sys{overflow: hidden;height: 350px;}
 
.systemFormBooking .ul-list-field >li .book_text{width: 100%;height: 30px;}
.systemFormBooking .ul-list-field >li .book_textarea{width: 100%}
/**
 * Site Header
 * ------------*/
.search-box{
    background: #F4F4F4;
    width: 209px;
    z-index: 1;
    top: 0px;   left:00px;
    border-top:1px solid #fff;
    height: 316px;
    border-radius: 0;
    position: absolute;
}

.search-box .diemden{
    width: 318px; height: 38px; margin: 30px 0 0 58px;
    padding-left: 10px; background: none; border: none; box-shadow: none !important;
}
.search-box .ngaykh{
    width: 132px; height: 38px; margin: 30px 0 0 58px;
    padding-left: 10px;background: none; border: none;box-shadow: none !important;
}   
  .search-box .submit{
    width: 150px; height: 38px; margin: 19px 0 0 10px;
    padding-left: 0px;background: none; border: none;box-shadow: none !important;
}  
.search-box .hotro{
    position: absolute; right: 0; width: 245px; top:0; color: #dbdbdb; font-size: 1.4em; line-height: 22px; font-weight: normal;
} 
.search-box .hotro .tt{
    line-height: 34px;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
     font-family: 'UTM Avo', sans-serif;
} 
.search-box .hotro .tx{
    margin-top: 10px;
} 
.search-box .s-title{
	color: #fff; text-align:center;font-size: 15px;line-height: 35px;border-bottom: 1px solid #f1f1f1; 
	background: #E26B27
}    
.sys-book{background: #106f51;    padding: 10px 3px 10px;    border-radius: 10px;}
/*Contact*/
 
.lang {
    float: right;
    letter-spacing: 10px;
    margin-left: 20px;
    padding-top: 5px;
} 
.searchsite {
    float: right;
    margin-left: 10px;
}
.search-field {
    background-color: #CCCCCC;
    border: 1px solid #D8D8DA;
    height: 25px;
    padding: 0 4px;
    width: 197px;
}
.search-submit {
    background: url("../images/btn_search.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 23px;
    text-indent: -99px;
    width: 23px;
}

.search-page-search-form {
    border-bottom: 1px solid #E6E5E6;
    margin-bottom: 20px;
    padding-bottom: 40px;
    border-color: #E0DEDE !important;
}
.search-page-search-form h2 {
    color: #333333;
    font: 18px/20px 'MuseoSlab500Regular',"Libre Baskerville", serif;
    margin: 0 0 20px;
    padding: 0;
}
.seach-form input[type="text"] {
    padding: 8px 2% !important;
    width: calc(90% - 39px);
}
.search-page-search-form input[type="submit"] {
    background: none repeat scroll 0 0 #000000 !important;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block !important;
    font-family: FontAwesome !important;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    margin: 0;
    padding: 0 !important;
    text-indent: 0 !important;
    width: 68px;
}

.navhead {
    clear: both;
    margin-top: 5px;
}
 
/**
 * Navigation
 * ------------*/
nav {
    padding-top: 2px;
}
#mainNav {
    background: url("../images/bg-menu.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #E2E2E2;
    box-shadow: 1px 1px 2px #888888;
    -webkit-box-shadow: 1px 1px 2px #888888;
    -moz-box-shadow: 1px 1px 2px #888888;
    float: right;
    height: 41px;
    margin: 9px 0;
    padding: 0;
}
#mainNav > li {
    border-right: 1px solid #E2E2E2;
    float: left;
    padding: 5px 4px;
}
#mainNav > li:last-child {
    border: medium none;
}
#mainNav > li > a {
    color: #464646;
    display: block;
    font-weight: bold;
    padding: 7px 9px;
    text-decoration: none;
    text-transform: uppercase;
}
#mainNav a {
    text-shadow: 0px 0px 1px rgba(150, 150, 150, 0.5);
}
#mainNav > li > a:hover/*, #mainNav > li.current_page_parent > a, #mainNav > li.current-menu-item > a*/ {
    color: #EC2528;
}
/*sub-menu*/
#mainNav ul.sub-menu {
    background: none repeat scroll 0 0 #FFFFFF;
    display: none;
    min-width: 220px;
    padding-bottom: 0.5em;
    box-shadow: 1px 1px 3px #888888;
    -webkit-box-shadow: 1px 1px 3px #888888;
	-moz-box-shadow: 1px 1px 3px #888888;
    z-index: 999;
}
#mainNav ul.sub-menu li {
    border-bottom: 1px dotted #DDDDDD;
    border-right: 0 solid #932821;
}
#mainNav ul.sub-menu li:hover {
    background-color: #E9E9E8;
}
#mainNav li ul.sub-menu li a {
    color: #111111;
    font-weight: normal;
    line-height: 30px;
    padding: 5px;
    text-decoration: none;
}
#mainNav li ul.sub-menu li.current-menu-item > a {
    font-weight: bold;
}
#mainNav li ul.sub-menu {
    font-size: 14px;
    padding: 0;
}
#mainNav li:hover ul.sub-menu {
    display: block;
    position: absolute;
}
#mainNav ul.sub-menu ul.sub-menu {
    display: none;
}
#mainNav ul.sub-menu li:hover ul.sub-menu {
    display: block;
    left: 220px;
    margin-top: -30px;
}

/* Content
/*-----------------------------------------------------------------------------------*/
/*---Content index--------*/
.itemtours img{
    width: 395px;
    height: 270px
}

.index-box .box-title a {
font-family: "Libre Baskerville", serif;
    color: #ffffff;
    font-size: 22px;
    display: block;
    background: #2e92ca;
    height: 35px;
    padding: 8px;
    border-left: 5px solid red;
}
.item {
    margin-bottom: 20px;
    height: 640px;
}
.single-item {
    background: #FFF;
    width: 400px;
    height: 425px;
    border: 3px solid #f5f5f5;
    padding-bottom: 25px;
    float: left;
}
.single-item:hover{
    border: 3px solid #0081be;
}
#list-tour{
    width: 1200px;
}
p.img {
    margin-bottom: 0;
}
.item-box .item .img img {
    /* width: 376px; */
    width: 100%;
    height: 250px;
}
.single-wrap {
    background-color: #FFF;
    padding: 0 5px;
}

.title-label {
    color: #324593;
    text-transform: uppercase;
    font-size: 11px;
    float: left;
    font-weight: normal!important;
    padding-left: 10px;
}
.time-dep {
    color: #121212;
    /* line-height: 28px; */
    font-family: "Libre Baskerville", serif;
    font-size: 12px;
    text-transform: uppercase;
}
.tour-button {
    /* position: absolute; */
    /* right: -5px; */
    /* top: 306px; */
    padding-bottom: 5px;
}
.upper {
    font-size: 12px;
    padding: 5px;
}
a:hover, a:active, a:focus {
    color: #FF5126;
    outline: none;
    text-decoration: none;
}
.detail {
    background: #fbcc65;
    color: #FF0000;
}
.book {
    background: #b37a2a;
    color: #FFF;
}
/*---End Content index--------*/
.container {
    margin-bottom: 20px;
    overflow: hidden;
}
#main-content { float: left; width: 950px;}

#crumbs {
	background: #f8f8f8 none repeat scroll 0 0;
    border-bottom: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    padding: 7px 12px;
    text-shadow: 1px 1px 0 #fff;
	font-weight: normal;
}
#crumbs a, #crumbs span {
     
}
#crumbs a {
    margin-left: 5px;
    margin-right: 5px;
}
#crumbs span {
    margin-left: 5px;
}
 
.fea_slide {
    margin-bottom: 20px;
    height: 298px;
}
.testi_item {
    display: none;
}
.slide-controls a {
    background-image: url("../images/car-btns.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 13px;
    text-indent: -5000px;
    width: 16px;
}
.slide-controls a.prev {
    background-position: 0 0;
}
.slide-controls a.prev:hover {
    background-position: 0 -13px;
}
.slide-controls a.next {
    background-position: -12px -13px;
}
.slide-controls a.next:hover {
    background-position: -12px 0;
}
* + html .slide-controls ul li {
    display: inline;
}

.feature-tour, #list-tour {
 
}
.feature-tour header, #list-tour header {
border-bottom: 1px dotted #B3B3B3;
    padding: 10px 0px 6px 9px;
 
}
.feature-tour header h5, #list-tour header h5, #list-tour header h1, .feature-tour header h1 {
    color: #5e5e5e;
    font-size: 15px;
    padding: 0;
}
#list-tour header h1, .feature-tour header h1 {
    line-height: 26px;
    margin-bottom: -4px;
    margin-top: -4px;
}
.feature-tour footer, #list-tour footer {
    background: url("../images/icon_arrow2_313131.png") no-repeat scroll 635px 5px #313131;
    clear: both;
    height: 24px;
    padding-right: 70px;
    padding-top: 5px;
    text-align: right;
}
.feature-tour footer a, #list-tour footer a {
    color:#FFFFFF;
    
}
 
.Book{
    background-color: #EAA376;
    padding: 5px 10px;
    color: #8C3406 !important;
    font: 1.0em/1.2em "Libre Baskerville", serif;
    text-transform: uppercase;cursor: pointer;
    margin-left: -2px
}
  
.dong{
    font: 0.6em/1.0em "Libre Baskerville", serif;
}
.box_entry_meta {
    background: url("../images/bg-trans.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    position: absolute;
    width: 278px;
    padding: 5px 10px;
    color: #585858;
}

.feature-tour article.hotel_list .art-wrap {
    min-height: 154px;
}
.link_hotel {
    background-color: #AC832B;
    height: 50px;
}
.price_hotel {
    background-color: #950113;
    color: #FFFFFF;
    float: right;
    max-height: 40px;
    min-height: 40px;
    padding: 5px;
    text-align: center;
    min-width: 105px;
}
.price_hotel span {
    font-weight: bold;
    font-size: 18px;
}
.lh_detail, .lh_booknow {
    font-size: 14px;
    font-weight: bold;
    line-height: 48px;
    margin: 0 1px 0 5px;
    padding-left: 15px;
    text-decoration: underline;
}
.feature-tour article.hotel_list a.lh_detail {
    background: url("../images/icon_arrow5.png") no-repeat scroll 0 -14px rgba(0, 0, 0, 0);
    color: #FFFFFF;
}
.feature-tour article.hotel_list a.lh_booknow {
    background: url("../images/icon_arrow5.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
    color: #6C000E;
}
.feature-tour article.hotel_list a.lh_detail:hover {
    color:#6C000E;
    text-decoration: none;
}
.feature-tour article.hotel_list a.lh_booknow:hover {
    color:#FFFFFF;
    text-decoration: none;
}

#list-tour article.blog {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    margin: 5px 0 35px;
    max-height: 100%;
}
#list-tour article.blog header.entry-header {
    border-bottom: medium none;
    margin: 0;
    padding: 0;
}
#list-tour article.blog h2.entry-title {
    padding: 10px;
}
.post-featured-image {
    margin: 0;
}
.post-featured-image img {
    max-width: 618px;
    padding: 1px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.post-featured-image img:hover {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0.8;
}
.entry-content {
    display: block;
    overflow: hidden;
    padding: 1.5% 2.5%;
}
.entry-meta-bar {
    background: none repeat scroll 0 0 #F9F9F9;
    border-bottom: 1px solid rgba(0, 0, 0, 0.035);
    border-top: 1px solid rgba(0, 0, 0, 0.035);
    clear: both;
    padding: 7px 5px;
}
.entry-meta {
    float: left;
    font-size: 12px;
    margin-left: 2.2em;
    padding-top: 2px;
    text-indent: -2.5em;
}
.entry-meta a {
    color: #555;
}
.entry-meta a:hover {
    color: #AF0F11;
}
.entry-meta span {
    padding: 8px
}
.entry-meta .author:before,
.entry-meta .date:before,
.entry-meta .category:before,
.entry-meta .comments:before,
.tags:before,
.back-to-top a:before {
    font-family: 'Genericons';
    font-size: 18px;
    vertical-align: bottom;
    padding-right: 3px;
    -webkit-font-smoothing: antialiased;
    *overflow: auto;
    *zoom: 1;
    *display: inline;
}
.entry-meta .author:before{
    content: '\f304';
}
.entry-meta .date:before{
    content: '\f303';
}
.entry-meta .category:before{
    content: '\f301';
}
.entry-meta .comments:before{
    content: '\f300';
}
.tags:before{
    content: '\f302';
    font-size: 18px;
}
.tags {
    margin-bottom: 20px;
}
.tags a {
    color: #888;
}
.tags a:hover {
    color: #AF0F11;
}

.advertise_footer {
    clear: both;
    margin-bottom: 20px;
    overflow: hidden;
}

.anphabet {
    font-weight: bold;
    text-align: center;
    word-spacing: 6px;
}

.f_detail {
    
    float: right;
    font-weight: bold;
    line-height: 22px;
     
}

.feature-tour article .f_detail a {
    background: #00923F;
    color: #fff; 
    position: absolute; 
    border-radius: 9px;
    right: 10px;
    padding: 4px 22px;
    font-weight:normal;
    text-decoration: none;
}
.feature-tour article .f_detail a:hover {
    background: #B4971F;
 
}
.feature-tour article a.booklink {
    color: #BE0000;
    text-transform: uppercase;
}
.feature-tour article a.booklink:hover {
    color: #EA9629;
}

#list-tour article { width: 100%; padding: 10px;}
#list-tour article:hover { background: #f8f8f8;}
#list-tour article .art-wrap { padding: 0px 15px 10px 0;}
#list-tour article .hover a > img { float: left; margin-right: 15px; border-radius: 10px;}

#list-tour.style2 { overflow: hidden; background-color: #fff;}
#list-tour.style2 article { width: 29.33%; margin: 20px 2%; padding: 0px; background: #eee none repeat scroll 0 0; border-bottom: 4px solid #fff; position: relative; box-shadow: 0 0 1px 0 #888;}
#list-tour.style2 article h2{ color: #0f619b; font-size: 17px; margin: 5px; font-weight: normal; line-height: 150%;}
#list-tour.style2 article .day{ background: #ddd none repeat scroll 0 0; display: inline-block; text-transform: none; border: 1px solid #ddd; padding: 5px 10px; text-shadow: 1px 1px #fff; border-radius: 8px;}
#list-tour.style2 article:hover { background: #eee none repeat scroll 0 0;}
#list-tour.style2 article .art-wrap { padding: 5px; width: 100% !important; height: 100px;}
#list-tour.style2 article .art-wrap .info-list{ line-height: 1.5; font-size: 14px; height: 85px;}
#list-tour.style2 article .art-wrap-2 { width: 100% !important; padding: 6px !important; margin-right: 0px !important; background: #ddd none repeat scroll 0 0; border-top: 1px solid #d3d3d3; font-size: 18px; height: 50px; text-shadow: 1px 1px #eee;}
#list-tour.style2 article .art-wrap-2 .wrap-price{ float: left; background: none !important;}
#list-tour.style2 article .art-wrap-2 a{ float: right;  color: #0f619b; margin: 10px; font-size: 15px;}
#list-tour.style2 article .hover{ width: 100%; display: block;}
#list-tour.style2 article .hover a > img { width: 100% !important; height: 200px; margin-right: 0px; border-radius: 0px;}
#list-tour.style2 article .fixed_height { height: 368px; overflow: hidden;}
.search-form {
    display: inline-flex;
}
.search-form .s-input {
    display: block;
    height: 37px;
    font: italic 1.2em "Libre Baskerville", serif;
    padding-left: 5px;
    margin: -23px 0;
    width: 255px;
    background: #ffffff;
}
.search-form .s-submit {
    line-height: 15px;
    padding: 0px 17px;
    border: none;
    height: 37px;
    margin: -23px 3px;
    background: #e49b3c;
}
.b-title-01, .search-form .s-submit {
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    font: bold 1.5em/35px "Libre Baskerville", serif;
    padding: 5px;
}

.btn_detail, .btn_book {
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    box-shadow: 2px 3px 5px #C0C0C0;
    -webkit-box-shadow: 2px 3px 5px #C0C0C0;
    -moz-box-shadow: 2px 3px 5px #C0C0C0;
    display: inline-block;
    float: right;
    font-weight: bold;
    margin-left: 10px;
    padding: 7px 10px;
}
.btn_sort {
    border: medium none;
    border-radius: 6px;
    font-weight: bold;
    display: inline-block;
    box-shadow: 2px 3px 5px #666666;
    -webkit-box-shadow: 2px 3px 5px #666666;
    -moz-box-shadow: 2px 3px 5px #666666;
}
.btn_detail, .btn_sort {
    background: url("../images/btn-details1.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
}
.btn_book {
    background: url("../images/btn-booknow1.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
}
#list-tour .btn_detail:hover, #list-tour .btn_book:hover, .btn_sort:hover {
    text-decoration: none;
    background: url(../images/btn-details.png) repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
#list-tour .btn_book {
    color: #FFFFFF;
}
.art-wrap p {
    text-align: justify;
}

/**
 * Hover readmore
 * ------------*/
 
.hover {
    margin-bottom: 5px;
    position: relative;
}
.readmore{
margin: 10px 0 0 0;
    font: 1.2em/1.2em "Libre Baskerville", serif;
    float: right;
}
.readmore a{text-decoration:  none !important;}
.hover .readmore {
    color: #333333;
    display: none;
    height: 100%;
    left: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 500;
}
.img_idextour{
    max-width: 100%;
}
.hover .readmore {
    background: url("../images/doc.png") no-repeat scroll 0 0 #FFFFFF;
}
.hover .readmore .anchor:before {
}
.hover .readmore span {
    display: block;
    font-size: 13px;
    position: absolute;
    text-align: center;
    width: 100%;
}

  
.totalscore {
    background: none repeat scroll 0 0 #0f7dbd;
    border-radius: 10px 10px 10px 0;
    -moz-border-radius: 10px 10px 10px 0;
    -webkit-border-radius: 10px 10px 10px 0;
    color: #ffffff;
    display: inline-block;
    font-size: 35px;
    margin: 14px 0;
    padding: 22px 13px;
    width: auto;
}
.review_sl {
    margin-bottom: 20px;
}
.review_sl a {
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
    font-size: 12px;
    color: #1e1e1e;
}
.review_sl span {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #87c2f6;
    padding: 2px 10px;
}
.review_sl span.del_sl {
    background: url("../images/icon_delete.png") no-repeat scroll right 5px transparent;
    border: medium none;
    display: inline-block;
    height: 15px;
    padding: 0 0 0 7px;
    width: 10px;
}
.pag_review {
    background-color: #eff7fd;
    border: 1px solid #ceecfb;
    clear: both;
    padding: 6px 6px 7px;
    text-align: center;
}
.pageprev, .pagenext {
    font-weight: 700;
}
.pageprev {
    float: left;
}
.pagenext {
    float: right;
}
.showing {
    color: #555;
}
.nolink {
    color: #c0c0c0;
}
 
.frmRV input[type="text"], .frmRV input[type="email"], .frmRV select {
    border-radius: 3px;
    padding: 4px;
    width: 233px;
}
.frmRV select {
    border: 1px solid #cccccc;
    box-shadow: none;
    padding: 4px;
    width: 243px;
}
#score_sum {
    background: none repeat scroll 0 0 #0f7dbd;
    border-radius: 10px 10px 10px 0;
    color: #ffffff;
    display: inline-block;
    font-size: 18px;
    padding: 8px 9px;
    font-weight: bold;
}

.tour_refer {
    padding-top: 20px;
    font-style: italic;
    clear: both;
}

/* Phân trang */
.sp_pagenavi {
    clear: both;
    padding: 0 0 8px;
    text-align: right;
}
.sp_pagenavi a.page, .sp_pagenavi span.current, .sp_pagenavi a.page-numbers {
    background: none repeat scroll 0 0 #F3F3F3;
    border: 1px solid #CCCCCC;
    font-size: 12px;
    font-weight: bold;
    margin: 2px;
    padding: 2px 7px;
    text-decoration: none;
}
.sp_pagenavi span.current, .sp_pagenavi a.page:hover, .sp_pagenavi a.page-numbers:hover {
    background: #FDFF74; /* Old browsers */
    background: -webkit-linear-gradient(bottom, #CFAC07 0%, #FDFF74 100%); /* Chrome 10+, Safari 5.1+ */
    background: linear-gradient(to top, #CFAC07 0%, #FDFF74 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.sp_pagenavi a.page, .sp_pagenavi a.page-numbers {
    color: #3E3E3E;
}

.rv_pagenavi {
    clear: both;
    font-size: 0.9em;
    height: 24px;
    letter-spacing: 1px;
    padding: 5px 0 0;
    text-transform: uppercase;
}
.rv_pagenavi a.page, .rv_pagenavi span.current {
    border-radius: 4px;
    margin: 0 3px;
    padding: 3px 5px;
    text-decoration: none;
}
.rv_pagenavi a.page {
    color: #666666;
    text-decoration: underline;
}
.rv_pagenavi span.current {
    background-color: #01a1c6;
    color: white;
}
.rv_pagenavi a:hover {
    background-color: #DDDDDB;
    text-decoration: none;
}


  
/*-----------------------------------------------------------------------------------*/
.sidebar { width: 246px; float: right; margin-top: 0px;}

.sidebox {
    background: #FFFFFF; /* Old browsers */
    background: -webkit-linear-gradient(bottom, #E7E7E7 0%, #FFFFFF 100%); /* Chrome 10+, Safari 5.1+ */
    background: linear-gradient(to top, #E7E7E7 0%, #FFFFFF 100%); /* W3C */
    border: 1px solid #FFFFFF;
    box-shadow: 2px 3px 5px #CCCCCC;
    -webkit-box-shadow: 2px 3px 5px #CCCCCC;
    -moz-box-shadow: 2px 3px 5px #CCCCCC;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 10px;
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
}
.bgnone {
    background: none repeat scroll 0 0 #FFFFFF;
}

.hide { position: absolute; top: -9999px; left: -9999px; }

#search-box .list-wrap {
    background: url("../images/bg-search.png") repeat scroll 0 0 transparent;
    border-color: #1E1E1E #FFFFFF #FFFFFF;
    border-style: solid;
    border-width: 2px 1px 1px;
    margin: 0 0 20px;
    padding: 10px;
    border-radius: 0px 2px 2px 2px;
    -moz-border-radius: 0px 2px 2px 2px;
    -webkit-border-radius: 0px 2px 2px 2px;
    -webkit-box-shadow: 2px 3px 5px #CCCCCC;
    -moz-box-shadow: 2px 3px 5px #CCCCCC;
    box-shadow: 2px 3px 5px #CCCCCC;
}

#search-box ul { list-style: none; }
#search-box ul li a { display: block; padding: 4px; color: #464646; }

#search-box .nav {
    overflow: hidden;
    margin-bottom: -2px;
}
#search-box .nav li {
    float: left;
    margin: 0 5px 0 0;
    border-bottom: 2px solid #1e1e1e;
}
#search-box .nav li.last { margin-right: 0; }
#search-box .nav li a { display: block; font-weight: bold; padding: 8px 10px; text-align: center; border: 0;
    background: url("../images/bg-search.png") repeat scroll 0 0 transparent;
    color: #959393;
    border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    line-height: 20px;
    text-decoration: none;
}

#search-box li a.current, #search-box li a.current:hover {
    background-color: #EAEAEA;
    color: #EC2528;
    line-height: 19px;
    border-bottom: 2px solid #EAEAEA;
    border-top: 1px solid #F15A23;
    margin-bottom: -2px;
    text-shadow: 0px 0px 1px rgba(150, 150, 150, 0.5);
}
#search-box .nav li a:hover, #search-box .nav li a:focus {
    color: #EC2528;
}

.customizebox {
    background: url("../images/bg-customize.png") no-repeat scroll 0 0 transparent;
    -webkit-box-shadow: -3px 3px 2px #CCCCCC;
    -moz-box-shadow: -3px 3px 2px #CCCCCC;
    box-shadow: -3px 3px 2px #CCCCCC;
    height: 190px;
    margin-bottom: 20px;
    width: 220px;
    position: relative;
}
a.btn-book {
    background: #ffe467; /* Old browsers */
    background: -webkit-linear-gradient(bottom, #dfb90a 0%, #ffe467 100%); /* Chrome 10+, Safari 5.1+ */
    background: linear-gradient(to top, #dfb90a 0%, #ffe467 100%); /* W3C */
    border-radius: 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    bottom: 14px;
    box-shadow: 2px 3px 4px #666666;
    -webkit-box-shadow: 2px 3px 4px #666666;
    -moz-box-shadow: 2px 3px 4px #666666;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    padding: 7px;
    position: absolute;
    right: 10px;
}
a.btn-book:hover {
    background: url("../images/btn-details.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    text-decoration: none;
    color: #FFFFFF;
}

.srow {
    margin: 8px 0;
    text-align: center;
}
.srow input[type="text"] {
    width: 190px;
}
.srow select {
    width: 200px;
}
.srow > input[type="submit"] {
    background: url("../images/btn-search1.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 50px;
    text-indent: -999px;
    width: 137px;
}

h6.welcome {
    color: #787878;
    font: 18px 'UTM Sharnay',"Libre Baskerville", serif;
    padding: 5px 0 10px;
}
h6.titlebox {
    background: url("../images/bg-title.png") no-repeat scroll -1px 0 transparent;
    color: #BE0000;
    font-size: 13px;
    height: 28px;
    padding: 9px 0 0 47px;
    width: 182px;
}
ul.howto li {
    background: url("../images/li-01.png") no-repeat scroll 0 5px transparent;
    padding: 5px 0 5px 13px;
}
ul.howto1 li {
    background: url("../images/list-arrow.png") no-repeat scroll 0 9px transparent;
    padding: 5px 0 5px 13px;
}
ul.serbox {
    margin-bottom: 20px;
}
ul.serbox a > img {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity: 0.9;
}
ul.serbox a > img:hover {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
ul.article li {
    background: url("../images/li-02.png") no-repeat scroll 0 11px transparent;
    border-bottom: 1px solid #D9D9D9;
    padding: 7px 0 7px 16px;
}
ul.article li:last-child {
    border: medium none;
}

.paynow {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    margin-left: 8px;
    margin-top: 10px;
}

.sidebox.travelstyle {
    padding: 10px 5px;
}
.travelstyle a {
    display: block;
    float: left;
    font-size: 10px;
    font-weight: bold;
    line-height: 15px;
    margin: 5px;
    text-align: center;
    text-transform: uppercase;
    width: 94px;
}
.travelstyle a {
    text-decoration: none;
}
.travelstyle a:nth-child(2n+1) {
    clear: both;
}
.travelstyle span {
    display: block;
    height: 50px;
    width: 94px;
}
.icon_1 span {
    background: url("../images/tour-adventure.png") no-repeat scroll center top transparent;
}
.icon_2 span {
    background: url("../images/tour-vacation.png") no-repeat scroll center top transparent;
}
.icon_3 span {
    background: url("../images/tour-day-trip.png") no-repeat scroll center top transparent;
}
.icon_4 span {
    background: url("../images/tour-halong-cruise.png") no-repeat scroll center top transparent;
}
.icon_5 span {
    background: url("../images/tour-mekong-tour.png") no-repeat scroll center top transparent;
}
.icon_6 span {
    background: url("../images/tour-mekong-cruise.png") no-repeat scroll center top transparent;
}
.icon_7 span {
    background: url("../images/tour-multi-country.png") no-repeat scroll center top transparent;
}
.icon_8 span {
    background: url("../images/tour-muslim.png") no-repeat scroll center top transparent;
}
.icon_9 span {
    background: url("../images/tour-package.png") no-repeat scroll center top transparent;
}
.icon_10 span {
    background: url("../images/tour-trekking.png") no-repeat scroll center top transparent;
}

.top_dest {

}
ul.top_dest li {
    margin: 0 0 10px;
    overflow: hidden;
}
ul.top_dest li a {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
.top_dest img {
    float: left;
    height: 57px;
    margin-right: 7px;
    margin-top: 5px;
    width: 85px;
}

.sideblog {
    border-bottom: 1px solid #E8E8E8;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.sidetitle {
    border-left: 8px solid #41AB3E;
    color: #41AB3E;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 8px;
    padding: 1px 0 1px 8px;
    text-transform: uppercase;
}
.sidetitle > a {
    color: #41AB3E;
}
.sidetitle > a:hover {
    color: #1E1E1E;
    text-decoration: none;
}

.sidehr {
    border-bottom: 1px solid #D2E7D1;
    height: 1px;
    margin-bottom: 15px;
}
.s_thumb {
    max-height: 147px;
    position: relative;
}
.s_thumb .box_entry_meta {
    padding: 3px 0;
    width: 220px;
}
.s_thumb img, .ss_thumb img {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.s_thumb img:hover, .ss_thumb img:hover {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0.8;
}
.ss_thumb {
    float: left;
    margin-top: 3px;
    padding-right: 8px;
}
.sideblog > h2 {
    font-size: 14px;
    padding: 10px 0;
}
.sideblog > h3 {
    font-size: 13px;
    padding: 0;
}
.sideblog a, article.bloglist h2 a {
    color: #1E1E1E;
}
.sideblog a:hover, article.bloglist h2 a:hover {
    color: #41AB3E;
    text-decoration: none;
}
.readblog {
    border: 1px solid #41AB3E;
    margin: 10px auto 0;
    text-align: center;
    text-transform: uppercase;
    width: 110px;
}
.readblog a {
    color: #41AB3E;
    padding: 4px;
    display: block;
    font-size: 12px;
}
.readblog a:hover {
    background-color: #73c971;
    color: #ffffff;
    text-decoration: none;
}
#overview_reading {
    overflow: hidden;
    position: relative;
}
.footer_in{}
.topfooter1{
    float: left;
    width: 365px;
}
.topfooter2{
    float: left;
    width: 290px;
 
}
.title-foo2 {
    color: #00923f;
    font-family: "Libre Baskerville", serif;
    font-weight: normal;
    text-transform: uppercase;
    position: relative;
    margin: 5px 0;
    text-align: right;
}
.clearfix:before, .clearfix:after {
    display: table;
    content: " ";
}
.register-mail .form-mail label.it-email {
    float: left;
    width: 88%;
    text-align: right;
}
.register-mail .form-mail input[type=text] {
    background-image: url('../images/input-l.jpg'), url('../images/input-r.jpg');
    background-position: left, right;
    background-repeat: no-repeat, repeat-x;
    width: 100%;
    max-width: 280px;
    line-height: 42px;
    padding: 0 5px 0 20px;
    border: 0;
}
.register-mail .form-mail input[type=submit] {
    background: url('../images/send.jpg') no-repeat;
    width: 47px;
    height: 42px;
    border: 0;
}
.register-mail .form-mail label.it-send {
    float: right;
    width: 12%;
    text-align: left;
}
.topfooter3{
    float: left;
}

.bgr-footer{
    background-color: #fff;
    margin: 10px 0 0 0;
}
.footer-all{
    color: #5F5C5C; 
}
.system-style.share {
    float:right;
    position:relative;
    width: 100px;
    text-align: center;
}
.system-style.bottom_nav li { width: 23%; margin: 1%; border: none; font-size: 9px; min-height: 0px;}
.system-style.bottom_nav li a{ font-weight: normal; color: #99b7e9;}
.system-style.bottom_nav li a.menu-item-name { color: #fff; display: block; border-bottom: 1px solid #c8c8c8; margin: 0 0 10px; text-transform: uppercase; font-size: 14px; font-weight: bold;}
.system-style.bottom_nav li.li-level-2 { padding: 0; line-height: 125%;}
.system-style.bottom_nav li.li-level-2 a{ color: #fff; font-size: 13px; font-weight: normal; border: none; margin: 0px; text-transform: none;}

.system-style.bottom_nav li li a, .system-style.bottom_nav li .mn-intext {
    font: 1.2em/2.1em "Libre Baskerville", serif;
    color: #fff;
}
@media only screen and (max-width: 687px) {
	.system-style.share{position: relative;}
}
.row2col {
    clear: both;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}
.guidetype_1, .guidetype_2, .guidetype_3, .guidetype_4 {
    background-color: #F0F0F0;
    float: left;
    margin-right: 20px;
    width: 300px;
}
.guidetype_1 h3, .guidetype_2 h3, .guidetype_3 h3, .guidetype_4 h3 {
    background-color: #73C971;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: normal;
    height: 57px;
    padding: 10px 0 0;
    text-align: center;
    text-transform: uppercase;
}
.guideicon {
    height: 75px;
    position: absolute;
    top: 35px;
    width: 300px;
}
.guidetype_1 .guideicon {
    background: url("../images/icon-blog1.png") no-repeat scroll center top rgba(0, 0, 0, 0);
}
.guidetype_2 .guideicon {
    background: url("../images/icon-blog2.png") no-repeat scroll center top rgba(0, 0, 0, 0);
}
.guidetype_3 .guideicon {
    background: url("../images/icon-blog3.png") no-repeat scroll center top rgba(0, 0, 0, 0);
}
.guidetype_4 .guideicon {
    background: url("../images/icon-blog4.png") no-repeat scroll center top rgba(0, 0, 0, 0);
}
.row2col ul {
    margin: 50px 12px 10px;
}
.row2col li, .sidelist li {
    background: url("../images/li-blog.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0);
    padding-left: 14px;
}


/* Footer
/*-----------------------------------------------------------------------------------*/
 
.system_menu_ext_in{
    background: #fff;
}
.system-style.addContact {
   border-top: 0px solid #15B95D;

}
.system-style.addContact {
    border-top: 0px solid #387da4;
        margin: 4px 0 0;
}
 
.nav-footer {
    border-bottom: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 15px 0;
}
.nav-footer li {
    border-right: 1px solid #CCCCCC;
    float: left;
    font-size: 11px;
    font-weight: bold;
    padding: 0 5px;
    text-transform: uppercase;
}
.nav-footer li:last-child {
    border: medium none;
}
  

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

#bgDialog{
    display:none;
    position:fixed;
    _position:fixed; /* hack for internet explorer 6*/
    height:100%;
    width:100%;
    top:0;
    left:0;
    background:#000000;
    z-index:1000;
}
#dialogBox{
    display:none;
    position:fixed;
    _position:fixed; /* hack for internet explorer 6*/
    width:260px;
    background:#FFFFFF;
    border:2px solid #cecece;
    z-index:1001;
}
#popup_Close {
    background-color: #1198d2;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 700;
    height: 22px;
    line-height: 21px;
    position: absolute;
    right: -15px;
    text-align: center;
    top: -18px;
    width: 22px;
}
#popup_Close:hover {
    background-color: #FCB726;
    text-decoration: none;
}
#paynow {
    background: none repeat scroll 0 0 #FCB726;
    color: white;
    height: 30px;
    border-radius:5px;
    margin-bottom: 5px;
    margin-top: 1px;
    width:257px;
}
#paynow > h6 {
    padding: 6px;
}
/*#dialogBox img {
    float: right;
    margin-left: 36px;
    padding-right: 5px;
    width: 150px;
}*/
#dialogBox p {
    margin: 5px;
}
.row_pay {
    padding-top: 10px;
}
.row_pay label {
    display: block;
}

.paypal_now {
    background-color:#fcb726;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border:1px solid #eeb44f;
    box-shadow: 1px 2px 4px #ccc;
    display:inline-block;
    cursor:pointer;
    color:#11334E;
    font-family:"Libre Baskerville", serif;
    font-size:13px;
    font-weight:bold;
    padding:10px 25px;
    text-decoration:none;
    text-shadow:0px 1px 0px #cc9f52;
    width: 255px;
}
.paypal_now:hover {
    background-color:#fb9e25;
}
.paypal_now:active {
    position:relative;
    top:1px;
}

.box_paypall_responsive {
    display: none;
    overflow: hidden;
    width: 184px;
    margin: 0 auto;
}

div.ranking, div.ranking span {
    background: url("../images/stars_rating.png") repeat-x scroll 0 -16px rgba(0, 0, 0, 0);
    display: block;
    height: 16px;
    overflow: hidden;
    width: 80px;
}
div.ranking span {
    background-position: 0 0;
}

.footer_inbound > img {
    width: 320px;
    float: right;
}
.system-style.menu_ext1 li a{
    color:#5EAADE;
    text-transform: uppercase;
    font-size: 1.2em;
    line-height: 20px;
   
}
.system_menu_ext_in{
    padding-top: 0px;
}
.system-style.menu_ext1 li a:after{
    content:'|'; padding: 0 10px;
    color: #999;
}
.system-style.menu_ext1 li:last-child a:after{
    display: none;
}
.system-style.menu_ext1{
    border: 1px solid #dde2e4;
    border-width: 1px 0;
    padding: 10px 15px;
}
.bottom_nav li{
    vertical-align: top;
} 
/* Hoang them vao
--------------------------------------------- */

  
 
#vnt-menu-fixed .fa{color: #fff}
#vnt-menu-fixed ul li .title{display: none}
#vnt-menu-fixed{
    position: fixed;
    bottom: 20%;
    right: 0px;
    z-index: 99999;
}
#vnt-menu-fixed .contfii {
    display: block;
    transform: rotate(-90deg);
    margin-right: -160px;
    position: relative;
    left: -82px;
    top: -90px;
}
#vnt-menu-fixed .contfii a{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0a7dc4;
    border-radius: 25px;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    position: relative;
    z-index: 2;
    padding: 10px 20px;
}
#vnt-menu-fixed .contfii a:hover{
    background-color: #106f51;
}
#vnt-menu-fixed>ul>li{
    position: relative;
    margin-bottom: 5px;
}
#vnt-menu-fixed>ul>li:last-child{
    border-bottom: none;
}
#vnt-menu-fixed>ul>li>span{
    position: absolute;
    top: 0;
    white-space: nowrap;
    color:#ffffff;
    font-size: 14px;
    line-height: 22px;
    right:50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    background: #106f51;
    overflow: hidden;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    width: 0;
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
    opacity: 0;
    visibility: hidden;
}
#vnt-menu-fixed>ul>li>span>span{
    color:#fff;
}
#vnt-menu-fixed>ul>li:hover>span{
    width:auto;
    overflow: visible;
    opacity: 1;
    padding: 2px 30px 2px 15px;
    visibility: initial;
}

#vnt-menu-fixed>ul>li:hover>span:before{
    display: block;
}
#vnt-menu-fixed>ul>li>a{
    width: 45px;
    height: 45px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #106f51;
    border-radius: 100%;
    color: #fff;
    font-size: 20px;
    position: relative;
    z-index: 2;
    border: 2px solid #fff;
}
#vnt-menu-fixed>ul>li.go_top>a{
    background-color: #106f51;
}
#vnt-menu-fixed>ul>li>a>img{
    max-height: 30px;
    max-width: 30px;
    /* filter: invert(1); */
}
#vnt-menu-fixed>ul>li>a span{
    font-size: 25px;
    line-height: 38px;
    color: #ffffff;
    padding-top: 3px;
}
#vnt-menu-fixed a{
    color: #fff;
}
 
/*===============*/
#vnt-menu-fixed ul li.cart>a{
    flex-direction: column;
    position: relative;
    padding-right: 5px;
    color: #fff;
}
#vnt-menu-fixed ul li.cart>a .sl{
    position: absolute;
    top: 10px;
    right: 6px;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    color: #fff;
    display: block;
    font-size: 12px;
    line-height: 11px;
    text-align: center;
}
#vnt-menu-fixed>ul>li.cart>a>img{
    max-height: 20px;
    max-width: 20px;
}

.vnt-bg-over.active{
    opacity: 0.5;
    z-index: 5;
    pointer-events: auto;
}
/*===============*/