/* CSS Reset
/*-----------------------------------------------------------------------------------*/

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 */

/* Defaults
/*-----------------------------------------------------------------------------------*/
.entry-content img {margin: 0 0 10px 0;}
.alignleft, img.alignleft {margin-right: 10px;display: inline;float: left;}
.alignright, img.alignright {margin-left: 10px;display: inline;float: right;}
.aligncenter, img.aligncenter {margin:0 auto;display: block;clear: both; text-align: center;}
.wp-caption {margin-bottom: 10px;text-align: center;padding-top: 5px;}
.wp-caption img {border: 0 none;padding: 0;margin: 0;}
.wp-caption p.wp-caption-text {line-height: 1.5;font-size: 10px;margin: 0;}
.wp-smiley {margin: 0 !important;max-height: 1em;}
blockquote.left {margin-right: 20px;text-align: right;margin-left: 0;width: 33%;float: left;}
blockquote.right {margin-left: 20px;text-align: left;margin-right: 0;width: 33%;float: right;}
.sticky{}
.left { text-align: left; }
.right { text-align: right; }
.gallery-caption{}
.clear{ clear: both;}
.require{ color: #ff0000;}

.c_in{
    width: 1200px; margin: auto;
}
.c_on{
    width: 1200px; margin: auto;    
}
li{list-style: none;}
/* General Layout *-----------------------------------------------------------------------------------*/
 
html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
    
}

body {
	font-family: 'Arial';
	padding:0;
	font-size:14px;
	margin:0 auto;
	color: #1E1E1E;
    line-height: 18px;
}
a {
	color: #292929;
	text-decoration: none;
}
 
a, a:active, a:focus {
    outline: none;
}

a:hover {
	color: #ea9629;text-decoration:none;
	outline: 0;
}


 
.hover img{
    width: 195px;
}
.feature-tour.style_2 .hover img{
	width: 100%
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin:0;
}

h1 { font-size:26px; }
h2 { font-size:20px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:12px; }
.clear{clear:both;}

p{padding:0;margin:0px;}

.wrapper {
	width: 100%;
	margin: 0 auto;
	clear: both;
}

button,
input,
select,
textarea {
    background: url("../images/input_bg.png") no-repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ABADB3;
    border-radius: 2px;
    font-family: 'UTM Avo',Helvetica,sans-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;
}

.read_more {
    font-style: italic;
    text-decoration: underline;
}
.read_more:hover {
    
}
.duration{
    font-family: 'UTM Avo', sans-serif;
    font-size: 12px;
}
/* Header
/*-----------------------------------------------------------------------------------*/
.logo{ display: inline-block; float: left; width: 15%;}
.logo img{height: 75px}
.slogan{ display: inline-block; float: right; width: 85%;}
.mobile-toggle{display: none;}
.header_fix{
	position: absolute;
    z-index: 1;
    width: 100%;
}

.bannerM{
    position: relative;
    margin: 0px auto; text-align: left; padding: 10px 0;
}
.Banner{
    position: fixed;
    z-index: 99;
    width: 100%;
    background: #ffffffd1;
    height: 89px;
}
 
.menuB {
	float: right;
}
.menuB a{ color: #fff;}
.header-mid{
    width:100%;
    position:relative;
    z-index:9999;
}

.header-hot-link,
.header-hot-link ul{
    margin:0;
    padding:0;
    list-style:none;
}

.header-hot-link{
    display:flex;
    justify-content:center;
    align-items:center;
}

/* Menu cấp 1 */
.sf-arrows .sf-with-ul {
    padding-right: 0em;
}
.header-hot-link > li{
    position:relative;
}

.header-hot-link > li > a{
    display:block;
    padding:18px 15px;
    color:#040404;
    font-size:15px;
    font-weight:600;
    text-transform:uppercase;
    text-decoration:none;
    transition:.3s;
    white-space:nowrap;
}

.header-hot-link > li:hover > a,
.header-hot-link > li > a.active{
    color:#ffcc00;
}

/* ================= Dropdown ================= */

.header-hot-link li ul{
    position:absolute;
    left:0;
    top:100%;
    min-width:250px;

    background:#fff;
    border-radius:6px;

    box-shadow:0 10px 30px rgba(0,0,0,.18);

    opacity:0;
    visibility:hidden;

    transform:translateY(15px);

    transition:.3s;

    z-index:9999;
}

/* Hover hiện menu */

.header-hot-link li:hover > ul{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

/* Item */

.header-hot-link li ul li{
    position:relative;
    border-bottom:1px solid #eee;
}

.header-hot-link li ul li:last-child{
    border-bottom:none;
}

.header-hot-link li ul li a{
    display:block;
    padding:12px 18px;
    color:#333;
    font-size:14px;
    font-weight:500;
    text-decoration:none;
    transition:.25s;
}

.header-hot-link li ul li:hover{
    background:#f5f5f5;
}

.header-hot-link li ul li:hover>a{
    color:#0d6efd;
    padding-left:24px;
}

/* ================= Menu cấp 3 ================= */

.header-hot-link li ul li ul{
    left:100%;
    top:0;
    margin-left:0;
}

/* Mũi tên */

.header-hot-link li ul li.menu-item-has-children>a:after,
.header-hot-link li ul li.parent>a:after{
    content:"▸";
    float:right;
}

/* ================= Mega Fix ================= */

.header-hot-link li{
    position:relative;
}

.header-hot-link li ul{
    overflow:visible;
}

.header-hot-link li:hover{
    overflow:visible;
}

/* Không bị nhảy lên trên */

.header-hot-link li ul{
    bottom:auto !important;
}

/* ================= Hover ================= */

.header-hot-link li:hover>ul{
    display:block;
}
.submenu-btn{
	display: none
}
.header-hot-link > li:last-child > ul,
.header-hot-link > li:nth-last-child(2) > ul{
    right:0;
    left:auto;
}

.header-hot-link > li:last-child ul ul,
.header-hot-link > li:nth-last-child(2) ul ul{
    right:100%;
    left:auto;
}
/* ================= Responsive ================= */

@media(min-width:992px){

    .header-hot-link{
        display:flex;
    }

    .header-hot-link li ul{
        display:block;
    }

}

@media (max-width:991px){
	.mobile-toggle{display: inline;}
	.Banner{
    position: relative;
    z-index: 999999999999999999;
    width: 100%;
}
.header-hot-link li ul,.header-hot-link li dl{
    position: relative;
    top:100%; left: 0;
    background:#7b7b7bbd;
}
.background-slider{
	min-height: auto !important;
}
.header-hot-link li a{
	float: none;
}
.fixedMenu{
	position: relative;
	left: auto;
	}

.header-hot-link li{
	display:block;
	float:none; 
}
/******** Header ********/
.mobile-menu{
    position:fixed;
    inset:0;
    background:#1f1d24;
    z-index:99999;
    display:none;
    overflow-y:auto;
}

.mobile-menu.active{
    display:block;
}

.mobile-head{
    height:82px;
    padding:0 15px;
    background:url(images/mobile-header.jpg) center/cover;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.mobile-head .logo img{
    height:48px;
}

.close-menu{
    color:#fff;
    font-size:38px;
    cursor:pointer;
    line-height:1;
}

.header-hot-link,
.header-hot-link ul{
    margin:0;
    padding:0;
    list-style:none;
}

.header-hot-link>li{
    border-bottom:1px solid rgba(255,255,255,.08);
}

.header-hot-link>li>a{
    display:block;
    color:#fff;
    padding:18px 15px;
    text-transform:uppercase;
}

/* dấu + */

.header-hot-link li{
    position:relative;
}

.header-hot-link li ul{
    display:none;
}


.Banner{
    height:110px;
    transition:.35s;
}

.Banner.fixed{
    height:75px;
    background:#0d3b66;
}

.Banner.fixed .logo img{
    height:55px;
}

.Banner.fixed .menu>li>a{
    line-height:75px;
}
body.fixed-header{
    padding-top:75px;
} 
.bannerM{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:80px;
    background:#294981;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 18px;
    z-index:9999;
}

.bannerM .logo img{
    max-height:46px;
}

.mobile-toggle{
    color:#fff;
    font-size:32px;
    cursor:pointer;
}

/******** Menu ********/

.menuB{
    position:fixed;
    top:0;
    right:-100%;
    width:100%;
    height:100%;
    background:#294981;
    z-index:9998;
    transition:.35s;
    overflow-y:auto;
}

.menuB.active{
    right:0;
}

/******** Header menu ********/

.menuB:before{
    content:"";
    display:block;
    height:80px;
    background:url(images/mobile-header.jpg) center center no-repeat;
    background-size:cover;
}

/******** Menu ********/

.header-hot-link{
    margin:0;
    padding:0;
    display: inline;
}

.header-hot-link li{
    list-style:none;
    position:relative;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.header-hot-link li a{
    display:block;
    color:#fff;
    text-transform:uppercase;
    padding:18px 18px;
    font-size:14px;
}

/******** dấu + ********/

.header-hot-link li ul{
    display:none;
}

.header-hot-link li:has(ul)>a:after{
    content:"+";
    position:absolute;
    right:20px;
    top:50%;
    transform:translateY(-50%);
    font-size:28px;
}

.header-hot-link li.open>a:after{
    content:"−";
}

.header-hot-link li.open>ul{
    display:block;
}

.header-hot-link ul li{
    background:#2a2830;
}

.header-hot-link ul li a{
    padding-left:35px;
    text-transform:none;
    color: #fff !important; 
}
.header-hot-link li ul li:hover {
    background: #616161;
}
/******** desktop ********/

.mobile-toggle{
    display:block;
}

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

.header-hot-link li ul{
    display:none;
}

.header-hot-link li.open > ul{
    display:block;
}
.submenu-btn{
    position:absolute;
    right:0;
    top:0;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    color:#fff;
    cursor:pointer;
    font-size: 20px;
    margin-top: 15px;
    display: inline;
   
}
}

.sf-arrows .sf-with-ul:after{
	display: none
}
.icon-home{ display: block; position: absolute; top: 9px; left: 0px; width: 24px; height: 24px; background: url(../images/icon_home_24.png) no-repeat center center;}

.search_form{ height: 32px; position: absolute; top: 8px; right: 0px;}
.search_form form{ width: 211px; position: relative;}
.search_form form input{ position: absolute; top: 0px; left: 0px; width: 184px;}
.search_form form button{ position: absolute; top: 0px; right: 0px; width: 28px; height: 28px; border: none; background: #4774b6 url(../images/icon-search.png) no-repeat center center;}

.relative{ position: relative;display: none;}
.select_provinces{ background-color: #fff; list-style: none; position: absolute; top: 0px; left: 0; width: 100%; height: 150px; box-shadow: 0 0 1px #333; display: none; overflow: auto;}
.select_provinces li{ line-height: 25px; color: #333; text-indent: 10px; cursor: pointer; font-size: 13px;}
.select_provinces li:hover{ background-color: #dedede;}

/**
 * Site Header
 * ------------*/

.search-box{ width: 600px; min-height: 120px; position: absolute; bottom: 55px; left: 50%; margin-left: -600px; }
#search-tab{ float: left; width: 20%;}
#search-tab li{ display: block; width: 100%; padding: 8px 0; text-align: center; color: #fff; border-radius: 3px 0 0 3px; background: rgba(135, 135,135, 0.4); border-bottom: 1px solid #efefef; font-size: 15px; cursor: pointer;}
#search-tab li.active{ background-color: #a50a21;}
.bgr-form-search{ background: rgba(135, 135,135, 0.4); float: left; width: 80%; border-radius: 0 3px 3px 3px; display: none; height: 238px;}
.bgr-form-search.active{ display: block;}
.tab-location{ display: block; width: 100%; margin: 10px;}
.tab-location li{ background-color: #4e5153; padding: 3px 15px; border-radius: 3px; color: #fff; font-size: 12px; list-style: none; cursor: pointer; display: inline-block; margin-right: 5px;}
.tab-location li.active{ background-color: #a50a21;}

.search-tour { margin: 0 10px 10px 10px;}
.search-tour .textbox{ background-color: #fff; border: none; border-radius: 3px; width: 100%; padding: 3px 0; margin: 5px 0px;}
.search-tour .input-location{ background: #fff url(../images/icon-location.png) no-repeat center left; text-indent: 30px;}
.search-tour .input-datetime{ background: #fff url(../images/icon-datetime.png) no-repeat center right; text-align: right; padding-right: 30px;}
.search-tour .input-room{ background: #fff url(../images/icon-room.png) no-repeat center left; text-indent: 60px;}
.search-tour p{ color: #fff; font-size: 12px;}
.search-tour select{ background-color: #fff; padding: 3px; width: 90%; border: none; margin-bottom: 13px;}
.suggest-keyword{ margin-top: 15px; overflow: hidden;}
.suggest-keyword p{ text-transform: uppercase; color: #fff; float: left; font-size: 12px;}
.suggest-keyword ul{ display: block; margin-left: 28%;}
.suggest-keyword li{ margin: 0 5px 10px 0; padding: 2px 0; width: 23%; background-color: #fff; color: #333; cursor: pointer; font-size: 11px; float: left; text-align: center; border-radius: 3px;}
.btn-search-tour{ clear: both; margin: 5px auto 15px auto; width: 25%; display: block; background: url(../images/bgr-btn-search-tour.png) repeat bottom left; border: none; color: #a50a21; font-size: 13px;}

/* Loading page*/
/* ===========================
   PRELOADER
=========================== */

#preloader{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#fff;
    z-index:999999;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:opacity .6s ease, visibility .6s;
}

#preloader.hide{
    opacity:0;
    visibility:hidden;
}

/* box */

.loader-wrap{
    position:relative;
    width:260px;
    text-align:center;
}

/* icon */

.loader-pin{
    font-size:70px;
    color:#ff5722;
    margin-bottom:18px;
    animation:bounce 1.2s infinite;
}

/* line */

.loader-line{
    width:220px;
    height:2px;
    background:#ececec;
    margin:auto;
    position:relative;
    overflow:hidden;
}

/* dot */

.loader-line span{

    position:absolute;

    width:12px;

    height:12px;

    background:#efefef;

    border-radius:50%;

    top:-5px;

    left:0;

    animation:moveDot 1.8s infinite ease-in-out;
}

/* dot animation */

@keyframes moveDot{

0%{
left:0;
}

50%{
left:208px;
}

100%{
left:0;
}

}

/* pin animation */

@keyframes bounce{

0%,100%{
transform:translateY(0);
}

50%{
transform:translateY(-12px);
}

}
/* ==========================
Tablet (768px - 991px)
========================== */

@media (max-width:991px){

.search-box{
    width:100%;
    bottom:0;
    position: relative;
    left: auto;
    margin-left: auto;
}

#search-tab{
    width:100%;
    float:none;
    display:flex;
}

#search-tab li{
    flex:1;
    border-radius:0;
    font-size:14px;
}

.bgr-form-search{
    width:100%;
    float:none;
    border-radius:0 0 4px 4px;
}

.suggest-keyword li{
    width:31.33%;
}

}


/* ==========================
Mobile (≤767px)
========================== */

@media (max-width:767px){

.search-box{
    position:relative;
    width:98%;
    left:auto;
    transform:none;
    bottom:auto;
    margin:15px auto;
}

#search-tab{
    display:block;
}

#search-tab li{
    width:100%;
    border-radius:3px;
    margin-bottom:2px;
}

.bgr-form-search{
    width:100%;
    min-height:auto;
    height: auto;
}

.tab-location{
    display:flex;
    flex-wrap:wrap;
}

.tab-location li{
    margin-bottom:8px;
}

.suggest-keyword li{
    width:48%;
}

.search-tour .textbox,
.search-tour select{
    font-size:14px;
}

.btn-search-tour{
    width:100%;
}

}


/* ==========================
Small Mobile (≤480px)
========================== */

@media (max-width:480px){

.suggest-keyword li{
    width:100%;
    margin:0 0 8px;
}

.tab-location li{
    width:100%;
    text-align:center;
}

}  

/*CS1*/
/* Tiêu đề */
.cs1-img{
    position:relative;
    overflow:hidden;
}
.cs1-saving{
    position:absolute;
    top:12px;
    right:12px;
    display:flex;
    align-items:center;
    background:#1b2438;
    border:3px solid #f0b321;
    border-radius:35px;
    padding:6px 14px 6px 8px;
    box-shadow:0 4px 12px rgba(0,0,0,.35);
    z-index:10;
}

.cs1-saving:before{
    content:"";
    position:absolute;
    inset:2px;
    border:1px solid rgba(255,215,0,.45);
    border-radius:30px;
}

.cs1-save-icon{
    width:36px;
    height:36px;
    border-radius:50%;
    background:#f0b321;
    color:#1b2438;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    font-weight:bold;
    margin-right:10px;
    z-index:2;
}

.cs1-save-text{
    position:relative;
    z-index:2;
    line-height:1.1;
}

.cs1-save-text small{
    display:block;
    color:#fff;
    font-size:11px;
    font-weight:600;
}

.cs1-save-text strong{
    display:block;
    color:#ffd54d;
    font-size:14px;
    font-weight:700;
    white-space:nowrap;
}
.cs1-box-in{
	margin: 25px auto;
	text-align: center;
}
.cs1-content > .cs1-price{
	padding:0 20px
}
.cs1-box{
    padding:15px 0;
    background:#fff;
}

.cs1-sys-box{
    text-align:center;
}
.cs1-sys-box span,.cs1-sys-box p{
	color: #ff6b57
}
.cs1-sys-box:first-child{
    font-size:42px;
    font-weight:700;
    color:#222;
    margin-bottom:15px;
}

.cs1-sys-box:last-child{
    font-size:17px;
    color:#777;
    margin-bottom:45px;
    line-height:28px;
}

/* Danh sách */
.cs1-sys ul{
    display:flex;
    flex-wrap:wrap;
    gap:30px;
    padding:0;
    margin:0;
    list-style:none;
}

.cs1-sys ul li{
    width:calc(33.333% - 20px);
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    position:relative;
    transition:.4s;
}

.cs1-sys ul li:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.15);
}

/* Ảnh */
.cs1-img{
    height:270px;
    overflow:hidden;
}

.cs1-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s;
    display:block;
}

.cs1-sys ul li:hover img{
    transform:scale(1.08);
}

/* Tiêu đề */
 
.cs1-title a:hover{
    color:#ff6b57;
}

/* Hover content */

.cs1-sys ul li:hover .cs1-featuret{
    transform:translateY(0);
    opacity:1;
    visibility:visible;
}

/* Thông tin */
.cs1-info{
    color:#666;
    line-height:26px;
    margin-bottom:15px;
    font-size:15px;
}

/* Giá */
.cs1-price{
    font-size:12px;
    color:#555;
}

.cs1-price b{
    color:#ff5c49;
    font-size:26px;
    font-weight:700;
}

.cs1-content{
    position:relative;
    height:185px;
    overflow:hidden;
    background:#fff;
    padding:0 15px;
}

.cs1-title{
    transition:.4s;
}

.cs1-featuret{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:15px;
    background:#fff;
    transform:translateY(100%);
    transition:.4s;
}

.cs1-sys li:hover .cs1-title{
    transform:translateY(-100%);
}

.cs1-sys li:hover .cs1-featuret{
    transform:translateY(0);
}
.cs1-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-top:15px;

}

.cs1-price{
    flex:1;
}

.cs1-price .price-row{
    align-items:baseline;
    gap:6px;
    margin-bottom:6px;
}

.cs1-price .price-row:last-child{
    margin-bottom:0;
}

.cs1-price span:first-child{
    color:#ff0000;
    font-size:12px;
}

.cs1-price .old-price{
    color:#666;
    font-size:18px;
    text-decoration:line-through;
}

.cs1-price .new-price{
    color:#ff0000;
    font-size:25px;
    font-weight:700;
    line-height:1;
}

.booking-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:150px;
    height:46px;
    background:#e60000;
    color:#fff;
    font-size:16px;
    font-weight:700;
    text-transform:uppercase;
    text-decoration:none;
    transition:.3s;
}

.booking-btn:hover{
    background:#c70000;
    color:#fff;
}

/* Responsive */
@media (max-width:768px){
    .cs1-bottom{
        flex-direction:column;
        align-items:flex-start;
    }

    .booking-btn{
        width:100%;
    }

    .cs1-price .new-price{
        font-size:30px;
    }
}

@media (max-width:768px){
    .cs1-price{
        gap:6px;
    }

    .cs1-price .old-price{
        font-size:14px;
    }

    .cs1-price .new-price{
        font-size:18px;
    }
}
/* Laptop */
@media (max-width:1200px){

    .cs1-sys ul{
        gap:20px;
    }

    .cs1-sys ul li{
        width:calc(33.333% - 14px);
    }

}

/* Tablet */
@media (max-width:991px){
	.cs1-sys-box:first-child{
	line-height: 45px;
	}
    .cs1-sys ul li{
        width:calc(50% - 10px);
    }

    .cs1-img{
        height:240px;
    }
.cs1-content > .cs1-price{
	display: none;
}
}

/* Mobile */
@media (max-width:767px){

    .cs1-box{
        padding:40px 15px;
    }

    .cs1-sys ul{
        gap:18px;
    }

    .cs1-sys ul li{
        width:100%;
    }

    .cs1-img{
        height:220px;
    }

    /* Mobile không có hover nên luôn hiển thị */
    .cs1-content{
        height:auto;
    }

    .cs1-title{
        transform:none!important;
        padding-bottom:15px;
    }

    .cs1-featuret{
        position:static;
        transform:none!important;
        opacity:1;
        visibility:visible;
        border-top:1px solid #eee;
    }

}

/*C2*/
.c2-features{
	padding: 50px 0;
	color: #fff;  
	text-align: center;
}
.c2-features .c2-feature-title{	  
    font-size: 40px;
    font-weight: bold;
    line-height: 60px;
}
.c2-features .c2-feature-text{
	margin: 25px;
	font-size: 16px;
}
.img-features{
    position:relative;
    overflow:hidden;
}

.img-features img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:.5s;
}

/* Lớp phủ tối */
.img-features::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.15);
    opacity:0;
    transition:.4s;
    z-index:1;
}

.img-features:hover::before{
    opacity:1;
    background:rgba(0,0,0,.45);
}

.img-features:hover img{
    transform:scale(1.08);
}

/* Nút giữa ảnh */
.c2-details{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%) scale(.8);
    opacity:0;
    visibility:hidden;
    z-index:2;
    transition:.35s;
}

.img-features:hover .c2-details{
    opacity:1;
    visibility:visible;
    transform:translate(-50%,-50%) scale(1);
}

.c2-details a{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#11a8db;
    color:#fff;
    text-decoration:none;
    padding:16px 34px;
    font-size:18px;
    font-weight:600;
    transition:.3s;
}

.c2-details a:hover{
    background:#0284c7;
}

.c2-details i{
    transition:.3s;
}

.c2-details a:hover i{
    transform:translateX(5px);
}
@keyframes btnShow{

0%{
    opacity:0;
    transform:translate(-50%,50px);
}

70%{
    opacity:1;
    transform:translate(-50%,-56%);
}

100%{
    opacity:1;
    transform:translate(-50%,-50%);
}

}

.img-features:hover .c2-details{

    animation:btnShow .45s forwards;

}
.c2-features ul{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    padding:0;
    margin:0;
    list-style:none;
}

.c2-features li{
    position:relative;
    overflow:hidden;
}

/* 2 ảnh lớn */

.c2-features li:nth-child(1),
.c2-features li:nth-child(2){
    width:49.3%;
    height:420px;
}

/* 3 ảnh nhỏ */

.c2-features li:nth-child(n+3){
    width:288px;
    height:310px;
}

/* ảnh */

.img-features{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
    background:#000;
}

.img-features img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:all .7s cubic-bezier(.19,1,.22,1);
}

/* overlay */

.c2-overlay{
    position:absolute;
    inset:0;
    background:rgba(15,22,45,.15);
    transition:.45s;
    z-index:1;
}

.img-features:hover .c2-overlay{
    background:rgba(15,22,45,.60);
}

/* zoom */

.img-features:hover img{
    transform:scale(1.08);
}

/* gradient dưới */

.c2-sys-info{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    padding:18px;
    z-index:2;
    background:linear-gradient(to top,
    rgba(0,0,0,.85),
    rgba(0,0,0,0));
    transition:.35s;
}

/* tên */

.c2-name-sys a{
    color:#fff;
    text-decoration:none;
    font-size:18px;
    font-weight:700;
}

/* sao */

.c2-sys-note{
    color:#ffc107;
    margin-bottom:10px;
    font-size:18px;
}

/* nút */

.c2-details{
    position:absolute;
    left:50%;
    top:60%;
    transform:translate(-50%,40px);
    opacity:0;
    visibility:hidden;
    transition:all .45s cubic-bezier(.19,1,.22,1);
    z-index:5;
}

.img-features:hover .c2-details{
    top:50%;
    opacity:1;
    visibility:visible;
    transform:translate(-50%,-50%);
}

.c2-details a{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:200px;
    height:58px;
    background:#0ea5d9;
    color:#fff;
    text-decoration:none;
    font-size:18px;
    font-weight:600;
    transition:.3s;
}

.c2-details a:hover{
    background:#008fc4;
}

/* làm mờ nội dung dưới khi hover */

.img-features:hover .c2-sys-info{
    opacity:.15;
    transform:translateY(20px);
}

@media (max-width:1199px){

.c2-features ul{
    grid-template-columns:repeat(2,1fr);
}

.c2-features li{
    grid-column:auto!important;
    grid-row:auto!important;
    height:360px!important;
}

}

@media (max-width:991px){

.c2-features{
    padding:60px 15px;
}

.c2-features ul{
    grid-template-columns:repeat(2,1fr);
    gap:15px;
}

.c2-features li{
    height:280px!important;
}

.c2-name-sys a{
    font-size:20px;
}

.c2-details a{
    width:200px;
    height:52px;
    font-size:16px;
}
.c2-features li:nth-child(1), .c2-features li:nth-child(2),.c2-features li:nth-child(n+3){
	width: 100%;
}
}
@media (max-width:767px){

.c2-features{
    padding:40px 15px;
}

.c2-features ul{
    display:block;
}

.c2-features li{
    width:100%;
    height:260px!important;
    margin-bottom:18px;
}

.img-features{
    height:100%;
}

.c2-name-sys a{
    font-size:18px;
}

.c2-sys-note{
    font-size:15px;
}

.c2-details a{
    width:180px;
    height:48px;
    font-size:15px;
}

}

@media (max-width:480px){

.c2-features{
    padding:30px 10px;
}

.c2-features li{
    height:220px!important;
}

.c2-name-sys{
    padding:0;
}

.c2-name-sys a{
    font-size:16px;
}

.c2-sys-note{
    font-size:14px;
}

.c2-details a{
    width:170px;
    height:45px;
    font-size:14px;
}

}
@media (hover:none){

.c2-overlay{
    background:rgba(0,0,0,.35);
}

.c2-details{
    opacity:1;
    visibility:visible;
    top:50%;
    transform:translate(-50%,-50%);
}

.c2-sys-info{
    opacity:1!important;
    transform:none!important;
}

}

/*cs3*/
.cs3-feature .swiper-slide{
	background: transparent;
	font-size: 14px;
	display:inline;
}
.cs3-feature .swiper{
	height: 65svh !important;
	background-color:transparent;
	min-height: auto;
}
.cs3-feature{
    padding:80px 0;
    position:relative;
}

.cs3-sys-title{
    text-align:center;
    font-size:48px;
    font-weight:700;
    margin-bottom:20px;
}

.cs3-sys-text{
    text-align:center;
    max-width:700px;
    margin:0 auto 60px;
    color:#666;
    line-height:30px;
}

.cs3-swiper{
    position:relative;
    overflow:hidden;
}

.cs3-slide{
    padding-bottom:20px;
}

.cs3-item{
    position:relative;
}

.cs3-item>a{
    display:block;
    height:570px;
    overflow:hidden;
}

.cs3-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s;
}

.cs3-item:hover img{
    transform:scale(1.08);
}
.img-features:before{
    pointer-events:none;
}
.cs3-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-top:15px;
}

.cs3-price{
    flex:1;
}

.cs3-price-row{
    align-items:baseline;
    gap:8px;
    margin-bottom:6px;
}

.cs3-price-row:last-child{
    margin-bottom:0;
}

.cs3-price-row span:first-child{
    min-width:95px;
    font-size:15px;
}

.cs3-old-price{
    color:#888;
    font-size:15px;
    text-decoration:line-through;
    text-decoration-thickness:2px;
}

.cs3-new-price{
    color:#e60000;
    font-size:17px;
    font-weight:700;
    line-height:1;
}

.cs3-booking-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:135px;
    height:40px;
    background:#e60000;
    color:#fff;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    text-decoration:none;
    border-radius:3px;
    transition:.3s;
    flex-shrink:0;
}

.cs3-booking-btn:hover{
    background:#c40000;
    color:#fff;
}

@media (max-width:768px){

    .cs3-bottom{
        flex-direction:column;
        align-items:flex-start;
        gap:15px;
    }

    .cs3-price{
        width:100%;
    }

    .cs3-price-row{
        justify-content:space-between;
    }

    .cs3-price-row span:first-child{
        min-width:unset;
    }

    .cs3-new-price{
        font-size:26px;
    }

    .booking-btn{
        width:100%;
    }

}
/* info */

.info{
    position:absolute;
	height: 255px;
    left:25px;
    right:25px;
    bottom:20px;
    background:#fff;
    padding:15px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.country{
    color:#ff6248;
    font-weight:600;
    margin-bottom:15px;
}

.country i{
    margin-right:6px;
}


.cs3-name a{
    color:#333;
    font-size:18px;
    text-decoration:none;
    font-weight:700;
    line-height: 25px
}
 
.cs3-price{
    color:#ff6248;
    font-size:15px;
}

.cs3-price b{
    font-size:20px;
}

/* HOT NEW */

.list_icon{
    position:absolute;
    right:20px;
    top:20px;
    display:flex;
    flex-direction:column;
    gap:10px;
    z-index:10;
}

.list_icon span{

    color:#fff;
    padding:8px 14px;
    border-radius:30px;
    font-size:13px;
    display:flex;
    align-items:center;
    gap:6px;
}
.list_icon{
    z-index:25;
}

.info{
    z-index:30;
}
.hot{
    background:#ff4b2b;
}

.new{
    background:#1e88e5;
}

/* button */

.cs3-prev,
.cs3-next{
    position:absolute;
    top:45%;
    width:60px;
    height:60px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    z-index:100;
    box-shadow:0 5px 20px rgba(0,0,0,.15);
    transition:.3s;
}

.cs3-prev{
    left:-10px;
}

.cs3-next{
    right:-10px;
}

.cs3-prev:hover,
.cs3-next:hover{
    background:#ff6248;
    color:#fff;
}
@media(max-width:1199px){
.cs3-item>a{
    height:470px;
}

}

@media(max-width:991px){
.cs3-name a{
    font-size:24px;
}
.cs3-item>a{
    height:420px;
}
.cs3-feature .swiper{
	height: 375px !important
}

}

@media(max-width:767px){
.cs3-item>a{
    height:350px;
}
.info{
    left:15px;
    right:15px;
    bottom:15px;
    padding:18px;
}

.cs3-name a{
    font-size:20px;
}

.cs3-price b{
    font-size:22px;
}

.cs3-prev,
.cs3-next{
    display:none;
}

}
/*C4*/
/*=========================
    SECTION
==========================*/
.cs4-box{
	padding: 50px 0
}
.cs4-box-in{
    text-align:center;
    margin-bottom:60px;
}

.cs4-sys-box{
    font-size:48px;
    font-weight:700;
    color:#222;
    margin-bottom:15px;
}

.cs4-sys-text{
    max-width:700px;
    margin:auto;
    color:#777;
    line-height:30px;
    font-size:17px;
}

/*=========================
        GRID
==========================*/

.cs4-sys ul{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    padding:0;
    margin:0;
    list-style:none;
}

/* bài đầu */

.cs4-sys li:first-child{
    grid-row:span 2;
}

/*=========================
        CARD
==========================*/

.cs4-sys li{
    background:#fff;
    transition:.35s;
}

.cs4-sys li:hover{
    transform:translateY(-8px);
}

.cs4-img{
    overflow:hidden;
    margin-bottom: 15px;
}

.cs4-img img{
    width:100%;
    height:240px;
    display:block;
    object-fit:cover;
    transition:.6s;
}

.cs4-sys li:first-child .cs4-img img{
    height:350px;
}

.cs4-sys li:hover img{
    transform:scale(1.08);
}

.cs4-content{
    padding:10px 0 10px;
}

/*=========================
    META
==========================*/

.cs4-featuret{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:15px;
    color:#999;
    font-size:15px;
    border-bottom:1px dashed #ececec;
    padding-bottom:18px;
}

.cs4-featuret i{
    color:#ff6757;
    margin-right:6px;
}

/*=========================
    TITLE
==========================*/

.cs4-title a{
    color:#222;
    font-size:15px;
    font-weight:700;
    line-height:25px;
    text-decoration:none;
    transition:.3s;
}

.cs4-title a:hover{
    color:#ff6757;
}

/* bài đầu lớn */

.cs4-sys li:first-child .cs4-title a{
    font-size:24px;
    line-height:28px;
}

/*=========================
    CONTENT
==========================*/

.cs4-info{
    color:#666;
    line-height:25px;
    font-size:15px;
}

/*=========================
    AUTHOR
==========================*/

.cs4-author{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:25px;
}

.cs4-author img{
    width:45px;
    height:45px;
    border-radius:50%;
}

.cs4-author span{
    color:#777;
}
@media(max-width:991px){

.cs4-sys ul{

    grid-template-columns:repeat(2,1fr);

}

.cs4-sys li:first-child{

    grid-column:1/3;

    grid-row:auto;

}

.cs4-sys li:first-child .cs4-img img{

    height:320px;

}

.cs4-sys-box{

    font-size:38px;

}

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


.cs4-sys ul{

    display:block;

}

.cs4-sys li{

    margin-bottom:30px;

}

.cs4-img img{

    height:240px!important;

}

.cs4-title a{

    font-size:22px!important;

    line-height:32px!important;

}

.cs4-content{

    padding:18px 0;

}

.cs4-featuret{

    gap:10px;

    font-size:14px;

}

.cs4-info{

    font-size:15px;

    line-height:28px;

}

.cs4-sys-box{

    font-size:32px;

}

.cs4-sys-text{

    font-size:15px;

    line-height:28px;

}

}

/*C7*/

/*=========================
SECTION
==========================*/

.c7-features{
    width:100%;
    padding:70px 0;
    overflow:hidden;
}

.c7-features .c_in{
    max-width:1400px;
    margin:auto;
}

/*=========================
LAYOUT
==========================*/

.c7-header{
    display:flex;
    align-items:flex-start;
    gap:40px;
}

.c7-left{
    width:42%;
}

.c7-right{
    width:58%;
}

/*=========================
IMAGE
==========================*/

.c7-img-box{
    position:relative;
    overflow:hidden;
    border-radius:28px;
    height:640px;
}

.c7-img-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.c7-img-box:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:160px;
    background:linear-gradient(to top,
    rgba(0,0,0,.75),
    rgba(0,0,0,0));
    z-index:2;
}

/*=========================
TITLE
==========================*/

.c7-feature-title{
    font-size:48px;
    font-weight:700;
    color:#fff;
    margin-bottom:15px;
    line-height:1.2;
}

.c7-feature-text{
    color:#d9d9d9;
    font-size:18px;
    line-height:30px;
    max-width:700px;
    margin-bottom:45px;
}

/*=========================
LIST
==========================*/

.c7-right ul{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
    padding:0;
    margin:0;
    list-style:none;
}

.c7-right ul li{
    background:#34393d;
    border-radius:22px;
    overflow:hidden;
    transition:.35s;
}

.c7-right ul li:hover{
    transform:translateY(-8px);
    background:#3f454a;
}

/*=========================
IMAGE CARD
==========================*/

 
.c7-right li:hover img{
    transform:scale(1.08);
}

.c7-details{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:18px;
    background:linear-gradient(to top,
        rgba(0,0,0,.7),
        rgba(0,0,0,0));
    opacity:0;
    transition:.35s;
}

.c7-right li:hover .c7-details{
    opacity:1;
}

.c7-details a{
    color:#fff;
    text-decoration:none;
    font-size:15px;
    font-weight:600;
}

/*=========================
CONTENT
==========================*/

.c7-sys-info{
    padding:25px;
}

.c7-name-sys{
    margin-bottom:12px;
}

.c7-name-sys a{
    font-size:24px;
    color:#fff;
    text-decoration:none;
    font-weight:700;
    line-height:1.4;
}

.c7-sys-note{
    color:#d7d7d7;
    line-height:28px;
    font-size:16px;
}

/*=========================
RESPONSIVE
==========================*/

@media(max-width:1200px){

.c7-header{
    gap:30px;
}

.c7-left{
    width:40%;
}

.c7-right{
    width:60%;
}

.c7-feature-title{
    font-size:40px;
}

.c7-right ul{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:991px){

.c7-header{
    flex-direction:column;
}

.c7-left,
.c7-right{
    width:100%;
}

.c7-img-box{
    height:500px;
}

.c7-feature-title{
    font-size:36px;
}

}

@media(max-width:767px){

.c7-features{
    padding:50px 0;
}

.c7-img-box{
    height:360px;
    border-radius:18px;
}

.c7-feature-title{
    font-size:30px;
}

.c7-feature-text{
    font-size:16px;
    line-height:28px;
}

.c7-right ul{
    grid-template-columns:1fr;
    gap:20px;
}

 
.c7-name-sys a{
    font-size:22px;
}

}

@media(max-width:480px){

.c7-feature-title{
    font-size:26px;
}

.c7-img-box{
    height:280px;
}

.c7-sys-info{
    padding:20px;
}

}
/*End C7*/
.title-tour{
	font-weight: bold;
	font-size: 18px;
}
.explore-sys{
	text-align: center;
    margin: 20px auto;
    background: #8d0000;
    width: 250px;
    padding: 20px;
        text-transform: uppercase;
}
.explore-sys a{
	color: #fff;

	}
/*Tour relate*/
.related-tour{
    padding:70px 0;
    background:#f7f7f7;
    overflow:hidden;
}

.related-slider{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
}

.related-slider .item{
    width:calc(33.333% - 14px);
    margin:0;
}

.title-related{
    text-align:center;
    margin-bottom:45px;
}

.title-related h2{
    font-size:42px;
    font-weight:700;
    margin-bottom:10px;
}

.title-related span{
    color:#ff6b63;
}

.title-related p{
    max-width:700px;
    margin:auto;
    color:#777;
    line-height:1.7;
}

.tour-card{
    background:#fff;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.35s;
    height:100%;
    border-radius:8px;
}

.tour-card:hover{
    transform:translateY(-6px);
}

.tour-img{
    height:270px;
    overflow:hidden;
}

.tour-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.4s;
}

.tour-card:hover img{
    transform:scale(1.08);
}

.tour-info{
    padding:22px;
}

.tour-info h3{
    margin:0 0 12px;
    line-height:1.5;
}

.tour-info h3 a{
    color:#333;
    font-size:22px;
    font-weight:700;
    text-decoration:none;
}

.tour-info h3 a:hover{
    color:#ff6b63;
}

.sys-info{
    margin-bottom:15px;
    text-align:justify;
}

.tour-desc{
    color:#777;
    line-height:1.7;
    height:84px;
    overflow:hidden;
}

.tour-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-top:1px solid #eee;
    padding-top:18px;
}

.tour-time{
    color:#666;
    font-size:15px;
}

.tour-time i{
    color:#ff6b63;
    margin-right:5px;
}

.tour-price,
.tour-price-relate{
    font-size:22px;
    font-weight:bold;
    color:#d70000;
}

/* Navigation */

.related-slider .owl-nav{
    margin:0;
}

.related-slider .owl-prev,
.related-slider .owl-next{
    position:absolute;
    top:45%;
    transform:translateY(-50%);
    width:50px;
    height:50px;
    border-radius:50%!important;
    background:#fff!important;
    color:#ff6b63!important;
    font-size:22px!important;
    box-shadow:0 5px 18px rgba(0,0,0,.15);
    transition:.3s;
}

.related-slider .owl-prev{
    left:-25px;
}

.related-slider .owl-next{
    right:-25px;
}

.related-slider .owl-prev:hover,
.related-slider .owl-next:hover{
    background:#ff6b63!important;
    color:#fff!important;
}

/* ===========================
   Tablet
=========================== */

@media (max-width:991px){

    .related-tour{
        padding:55px 0;
    }

    .title-related h2{
        font-size:34px;
    }

    .related-slider .item{
        width:calc(50% - 10px);
    }

    .tour-img{
        height:220px;
    }

    .tour-info{
        padding:18px;
    }

    .tour-info h3 a{
        font-size:20px;
    }

    .related-slider .owl-prev{
        left:5px;
    }

    .related-slider .owl-next{
        right:5px;
    }

}

/* ===========================
   Mobile
=========================== */

@media (max-width:767px){

    .related-tour{
        padding:40px 0;
    }

    .title-related{
        margin-bottom:30px;
    }

    .title-related h2{
        font-size:28px;
    }

    .title-related p{
        font-size:15px;
    }

    .related-slider .item{
        width:100%;
    }

    .tour-img{
        height:210px;
    }

    .tour-info{
        padding:15px;
    }

    .tour-info h3 a{
        font-size:18px;
    }

    .tour-desc{
        height:auto;
    }

    .tour-bottom{
        flex-direction:column;
        align-items:flex-start;
        gap:8px;
    }

    .tour-price,
    .tour-price-relate{
        font-size:20px;
    }

    .related-slider .owl-prev,
    .related-slider .owl-next{
        width:42px;
        height:42px;
        font-size:18px!important;
    }

}

/* ===========================
   Small Mobile
=========================== */

@media (max-width:480px){

    .title-related h2{
        font-size:24px;
    }

    .tour-img{
        height:180px;
    }

    .tour-info{
        padding:12px;
    }

    .tour-info h3 a{
        font-size:17px;
    }

    .tour-time{
        font-size:14px;
    }

    .tour-price,
    .tour-price-relate{
        font-size:18px;
    }

}
/*Testimmonial*/
/*---- Testimonial---*/
.titleboxintro {font-size: 50px; font-weight: bold;text-align: center;margin-top: 50px;}
.contentin{font-size: 18px}
 
.slick-lis{
	width: 400px;
    float: left;
}
.testimonial-pic{text-align: justify; 
}
.imgarg{width: 100%;        margin: 7px 0;height: 250px;}
.imgarg img{
	height: 100%;
	width: 100%;
	object-fit:cover
}
.img-title{display: flex;justify-content: center;margin: 20px 0;}
.line{border-bottom: 1px solid #f36527; width: 300px; margin: 20px auto;}
.star{width: 100%;}
.star img{width: 70px !important; margin: 0 auto;}
.testimonial-pic img{    position: relative;    z-index: 10;}
.box-content.slick-slider .slick-next-items {
    position: absolute;
	top: 100%;
    right: 48%;
    background: url(../images/arrowright.png) no-repeat;
    border: none;
    overflow: hidden;
    text-indent: 100px;
        cursor: pointer;
    -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
} 
.box-content.slick-slider .slick-prev-items {
    position: absolute;
	top: 100%;
    left: 48%;
    background: url(../images/arrowleft.png) no-repeat;
    border: none;
    overflow: hidden;
    text-indent: 100px;
        z-index: 999
            cursor: pointer;
    -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}
.box-content.slick-slider .slick-next-items:hover {
    background: url(../images/arrowrighthover.png) no-repeat;
} 
.box-content.slick-slider .slick-prev-items:hover {
    background: url(../images/arrowlefthover.png) no-repeat;
}
.onmousexxx{
	padding: 5px;
    text-align: center
}
.testimonial {
    width: 100%;
    margin: 10px;
  	text-align: center;
    padding: 0 10px;
    color: #020202;
    font-size: 12px;
}
.slick-prev-items {
    position: absolute;
    top: 50%;
    left: 15px;
    background: url(../images/leftarrow.png) no-repeat;
    width: 15px;
    height: 15px;
    border: none;
    overflow: hidden;
    text-indent: 100px;
        z-index: 999
}
.slick-next-items {
    position: absolute;
    top: 50%;
    right: 15px;
    background: url(../images/rightarrow.png) no-repeat;
    width: 15px;
    height: 15px;
    border: none;
    overflow: hidden;
    text-indent: 100px;
}
.boxtab.slick-slider .slick-prev-items {
    position: absolute;
    top: -5%;
    right: 40px;
    background: url(../images/icon-arrow-left2.png) no-repeat;
    width: 20px;
    height: 47px;
    border: none;
    overflow: hidden;
    text-indent: 100px;
        z-index: 999
}
.boxtab.slick-slider .slick-next-items {
    position: absolute;
    top: -5%;
    right: 0;
    background: url(../images/icon-arrow-right2.png) no-repeat;
    width: 20px;
    height: 47px;
    border: none;
    overflow: hidden;
    text-indent: 100px;
}
.testimonial-review a{
    font: bold 18px/1.2em "Poppins", serif;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #020202;
}
.testimonial-review p{
	font: 1.0em/1.5em "Poppins", serif;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.popup{
display: none;
}
.popuptext{
	
}
.stars{background: url(../images/stars.png) no-repeat;padding: 20px;       margin-left: 106px;    margin-top: 10px;}
/*---- End Testimonial---*/
/*BOoking css*/
.book-sys{
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#fff;
    padding:15px 20px;
    border:1px solid #ddd;
}

.tour-price{
    font-size:18px;
    color:#d60000;
    font-weight:bold;
}

.tour-price strong{
    font-size:20px;
}

.sys-booking{
    background:#e60000;
    color:#fff;
    padding:14px 35px;
    cursor:pointer;
    text-transform:uppercase;
    font-weight:bold;
    transition:.3s;
}

.sys-booking:hover{
    background:#c40000;
}

.popup-booking{
    display:none;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.6);
    z-index:99999;
}

.popup-content{
    position:relative;
    background:#fff;
    width:90%;
    max-width:55%;
    margin:60px auto;
    padding:25px;
    border-radius:6px;
    max-height:85vh;
    overflow:auto;
}

.close-popup{
    position:absolute;
    right:15px;
    top:10px;
    font-size:30px;
    cursor:pointer;
    color:#999;
}

.close-popup:hover{
    color:#f00;
}


.list_icon{ position: absolute; width: 114px; top: 0px; right: 0px; z-index: 10;}
.list_icon span{ background: url(../images/bgr_icon.png); display: block; width: 114px; height: 30px; margin: 5px 0; color: #fff; text-transform: uppercase; text-align: center; line-height: 30px; font-size: 14px; font-weight: bold; cursor: pointer;}
/*onmouse*/
.onmouse{ display: none; position: absolute; top: 0; left: 0; height: 245px; z-index: 11; width: 100%; background: rgba(0,0,0,0.3); text-align: center;}
.view_now{ width: 136px; display: inline-block; line-height: 45px; height: 45px; font-size: 15px; text-transform: uppercase; color: #fff; background-color: #969936; margin-bottom: 10px;}

 
 
.pBox{ font-size: 13px;}
.pBox .title{ }
.pBox .title a{ color: #9d7129; display: inline-block; margin: 10px 0;}
.pBox .row2{ background-color: #E0DFDF;}
table#list tr td{ padding: 10px 0px; vertical-align: middle;}
table#list tr td a{ color: #9d7129;}
table#list tr td a:hover{ color: #333;}
table#list tr.item:hover{ background-color: rgb(229, 184, 111);}
table#list tr td.price{ color: #be0500; font-weight: bold;}
table#list tr td .red_button{ background-color: #9d7129; border-bottom: solid 3px #795418; border-radius: 3px; color: #fff; padding: 5px 10px;}
table#list tr td .red_button:hover{ background-color: #f4be03;}

.pBox .content h1 { width: 100%; font-size: 13pt; margin-bottom: 10px;}
.pBox .content h1 a{ color: #9a7129;}
.pBox .row {    min-height: 30px;    overflow: hidden; margin: 0 !important;}

#sz_TabRegister{ list-style: none;}
#sz_TabRegister li{ display: inline-block; background: url(../images/bk_DangKyTour_inactive.jpg); width: 331px; height: 62px; line-height: 62px; text-align: center; font-size: 13px; color: #fff;}
#sz_TabRegister li.active{ background: url(../images/bk_DangKyTour_active.jpg);}

.booking_tab .title {
    border-bottom: 1px solid #333;
    margin-bottom: 10px;
    padding: 0px;
    text-align: left;
    font-weight: bold;
    color: #ffffff;
    overflow: hidden;
    vertical-align: middle;
    line-height: 26px;
}
.booking_tab b {
    background-color: #8e8e92;
    padding: 10px;
    font-weight: bold;
    font-size: 12px;
}
.booking_tab table {
    width: 100%;
}
.booking_tab table .header {
    background-color: #E0DFDF;
}
.booking_tab table td {
    height: 35px; vertical-align: middle;
}
.booking_tab .price {
    color: #be0500; font-weight: bold;
}
.red_button:hover {
    background-color: #f4be03;    
}
.red_button {
    background-color: #9d7129;
    border-bottom: solid 3px #795418;
    border-radius: 3px; padding: 5px;
	color: white;
}

.tophead {
	margin-top: 30px;
}
.hotline {
	background: url("../images/hotilne.png") no-repeat scroll 0 0 transparent;
	float: right;
    height: 28px;
    width: 254px;
}
 
.lang {
    float: right;
    letter-spacing: 10px;
    margin-left: 20px;
    padding-top: 5px;
}
.topnav {
	clear: both;
    overflow: hidden;
    padding-top: 10px;
}
.topnav ul {
    float: right;
    list-style: none outside none;
    margin-top: 6px;
}

.topnav li {
    border-right: 1px solid #5F5D5D;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}
.topnav li:last-child {
    border-right: medium none;
}
.topnav a {
    color: #5F5D5D;
    font-weight: bold;
}
.topnav a:hover {
    border-bottom: 1px dotted #5F5D5D;
    text-decoration: none;
}
.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','UTM Avo',helvetica,sans-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
/*-----------------------------------------------------------------------------------*/
.bgr-white{ background-color: #fff;}
.container {
    margin-bottom: 20px;
    overflow: hidden;
}
#main-content {
    float: left;
    width: 850px;
}

/*Nội dung*/
.sl-hover{
	height: 450px;
    overflow: hidden;
}
.sl-hover img{
	width: 100%;
	height: 100%;
    object-fit: cover;
}
.checkin-tour{
    list-style: none;
    display: block;
    overflow: hidden;
    background-color: #ebebeb;
    padding: 2% 1%;
    margin: 0;
}

.checkin-tour::after{
    content: "";
    display: block;
    clear: both;
}

.checkin-tour li{
    width: 48%;
    float: left;
    padding: 1%;
    background: #fff;
    overflow: hidden;
    margin: 0 1% 20px;
    box-sizing: border-box;
    border-radius: 6px;
}

.checkin-tour li img{
    width: 30%;
    float: left;
    margin-right: 2%;
    height: 130px;
    object-fit: cover;
    border-radius: 5px;
}

.checkin-tour li .descript{
    overflow: hidden;
    font-size: 13px;
    line-height: 1.6;
}

.checkin-tour li .descript .title{
    font-size: 17px;
    display: block;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.4;
}

.checkin-tour li .descript .more{
    float: right;
    font-size: 12px;
    color: #a50a21;
}

/*==========================
    Laptop 1200px
==========================*/
@media (max-width:1200px){

    .checkin-tour li img{
        height:120px;
    }

}

/*==========================
    Tablet ngang
==========================*/
@media (max-width:992px){

    .checkin-tour{
        padding:15px;
    }

    .checkin-tour li{
        width:100%;
        margin:0 0 15px;
    }

    .checkin-tour li img{
        width:1005%;
        height:auto;
    }

    .checkin-tour li .descript .title{
        font-size:16px;
    }

}

/*==========================
    Tablet dọc
==========================*/
@media (max-width:768px){

    .checkin-tour li{
        padding:12px;
    }

    .checkin-tour li img{
        width:100%;
        height:auto;
    }

    .checkin-tour li .descript{
        font-size:14px;
    }

    .checkin-tour li .descript .title{
        font-size:15px;
    }

}

/*==========================
    Mobile
==========================*/
@media (max-width:576px){

    .checkin-tour{
        padding:10px;
    }

    .checkin-tour li{
        width:100%;
        margin:0 0 15px;
        padding:10px;
    }

    .checkin-tour li img{
        width:100%;
        height:auto;
        float:none;
        margin:0 0 12px;
    }

    .checkin-tour li .descript{
        width:100%;
        overflow:visible;
    }

    .checkin-tour li .descript .title{
        font-size:16px;
        line-height:1.5;
    }

    .checkin-tour li .descript .more{
        float:none;
        display:inline-block;
        margin-top:10px;
    }

}

/*==========================
    Mobile nhỏ
==========================*/
@media (max-width:375px){

    .checkin-tour li img{
        height:auto;
    }

    .checkin-tour li .descript{
        font-size:13px;
    }

    .checkin-tour li .descript .title{
        font-size:15px;
    }

}
/*Nội dung tiếp theo*/
.tour-toolbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:30px;
    flex-wrap:wrap;
}

.tour-action{
    display:flex;
    align-items:center;
    gap:15px;
}

.view-mode{
    display:flex;
}

.view-mode a{
    width:45px;
    height:45px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#f5f5f5;
    color:#333;
    border:1px solid #ddd;
    text-decoration:none;
}

.view-mode a.active{
    background:#1b2945;
    color:#fff;
}

.tour-sort{
    height:45px;
    min-width:180px;
    border:1px solid #ddd;
    padding:0 15px;
}
.tour-internation-level2 ul{
    margin:0;
    padding:0;
}

.tour-internation-level2 ul li{
    display:flex;
    background:#fff;
    border:1px solid #ececec;
    margin-bottom:30px;
    overflow:hidden;
    transition:.3s;
    padding-right: 10px;
}

/* Khung ảnh */
.tour-internation-level2 ul li .sys-img-show {
    width: 357px;      /* hoặc 30% */
    height: 255px;
    flex-shrink: 0;
    margin-right: 20px;
    position: relative;
}
.tour-image{
    position:relative;
    position: absolute;
    top: 10px;
    right: 10px;
}

.sys-img-show .saving-badge{
    display:flex;
    align-items:center;
    background:#1b2438;
    border:3px solid #f5b51c;
    border-radius:40px;
    padding:6px 16px 6px 8px;
    box-shadow:0 4px 12px rgba(0,0,0,.35);
    z-index:9;
    min-width: 160px;
}

.saving-badge:before{
    content:'';
    position:absolute;
    inset:2px;
    border:1px solid rgba(255,215,0,.4);
    border-radius:35px;
}

.save-icon{
    width:36px;
    height:36px;
    border-radius:50%;
    background:#f5b51c;
    color:#1b2438;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    font-weight:bold;
    margin-right:10px;
    z-index:2;
}

.save-content{
    line-height:1.1;
    position:relative;
    z-index:2;
}

.save-content small{
    display:block;
    color:#fff;
    font-size:11px;
    font-weight:600;
}

.save-content strong{
    display:block;
    color:#ffd64d;
    font-size:14px;
    font-weight:700;
    white-space:nowrap;
}

.save-effect{
    position:absolute;
    right:10px;
    top:50%;
    width:12px;
    height:12px;
    transform:translateY(-50%);
}

.save-effect:before,
.save-effect:after{
    content:'';
    position:absolute;
    width:2px;
    height:8px;
    background:#f5b51c;
    border-radius:2px;
}

.save-effect:before{
    right:0;
    transform:rotate(35deg);
}

.save-effect:after{
    right:6px;
    transform:rotate(-35deg);
}
/* Ảnh */
.tour-internation-level2 ul li .sys-img-show img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
}
.tour-internation-level2 ul li .sys-img-show{
    aspect-ratio:4/3;
    overflow:hidden;
}

.tour-internation-level2 ul li .sys-img-show img{
    width:100%;
    height:100%;
    object-fit:cover;
}
 
.tour-internation-level2 ul li:hover{
    box-shadow:0 8px 25px rgba(0,0,0,.1);
}

.tour-internation-level2 ul li>a{
    width:38%;
    display:block;
}

.tour-internation-level2 ul li>a img{
    width:100%;
    height:260px;
    object-fit:cover;
    display:block;
    padding: 15px;
}
.sys-inside{
	line-height: 25px;
}
.title-relate{
    font-size: 42px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px;
    text-align: center;
}
.sys-inside{
    position:relative;
    z-index: 1;
}
.title{
    display:block;
    font-size:20px;
    color:#222;
    font-weight:700;
    margin-bottom:10px;
    line-height: 25px;
}

 

.bold_price{
    margin-top:20px;
    font-size:18px;
    color:#ff5722;
    font-weight:bold;
}


.more{
    display:inline-block;
    margin-top:20px;
    padding:12px 30px;
    background:#ff5722;
    color:#fff;
    text-decoration:none;
    border-radius:4px;
}

.more:hover{
    background:#e64a19;
}
.tour-internation-level2.grid ul{
    display:flex;
    flex-wrap:wrap;
    gap:30px;
}

.tour-internation-level2.grid li{
    width:calc(33.333% - 20px);
    display:block;
    padding: 0 10px;
}

.tour-internation-level2.grid li>a{
    width:100%;
}

.tour-internation-level2.grid .descript{
    width:100%;
}

.tour-internation-level2.grid img{
    height:240px;
}
@media(max-width:991px){

.tour-internation-level2 ul li{
    display:block;
}

.tour-internation-level2 ul li>a,
.descript{
    width:100%;
}

.tour-internation-level2 ul li img{
    height:230px;
}

.tour-toolbar{
    flex-direction:column;
    align-items:flex-start;
    gap:15px;
}

.tour-action{
    width:100%;
    justify-content:space-between;
}

.tour-sort{
    width:100%;
}

.tour-internation-level2.grid li{
    width:100%;
}

}


/*==============================
TOP TOUR
===============================*/

.tour-internation-level2-2{
    background:#182344;
    padding:70px 0;
    position: relative;
}

.tour-internation-level2-2 ul{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
    list-style:none;
    margin:0;
    padding:0;
}

/* tiêu đề */
 
.tour-internation-level2-2 h2{
    margin:0;
    color:#fff;
    font-size:42px;
    font-weight:700;
}
.tour-internation-level2-2 .img-hover{
	overflow: hidden;
}
.tour-internation-level2-2 h2 span{
    color:#ff6b5f;
}

/*==============================
ITEM
===============================*/
.tour-internation-level2-2 ul li{
	position: relative;
	width: 66%;
	background:#162757;
	box-shadow:0 15px 35px rgba(0,0,0,.35);
}
.tour-internation-level2-2 ul>li:not(:first-child){
    width:calc(33.333% - 12px);
    position:relative;
    overflow:hidden;
    background:#162757;
    border:1px solid rgba(255,255,255,.08);
    transition:.35s;
}

.tour-internation-level2-2 ul>li:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.35);
}

.tour-internation-level2-2 ul>li>a{
    display:block;
}

.tour-internation-level2-2 ul>li img{
    width:100%;
    height:420px;
    display:block;
    object-fit:cover;
    transition:.5s;
}

.tour-internation-level2-2 ul>li:hover img{

    transform:scale(1.08);

}

/*==============================
OVERLAY
===============================*/

.tour-internation-level2-2 ul>li:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:55%;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.95),
        rgba(0,0,0,.45),
        transparent
    );
    z-index:1;

}

/*==============================
TEXT
===============================*/

.tour-internation-level2-2 .inside-descripts{
    position:absolute;
    left:18px;
    right:18px;
    bottom:15px;
    z-index:2;
}

.tour-internation-level2-2 .title{
    display:block;
    color:#fff;
    font-size:20px;
    font-weight:700;
    margin-bottom:15px;
    text-decoration:none;
    line-height: 25px
}

.tour-internation-level2-2 .title:hover{

    color:#ff6b5f;

}
.inside-descripts{
	color: #fff;
}
.inside-descripts .tour-time{
	color: #fff;
	margin: 10px 0;
}
.inside-descripts .cs3-price-row span{
	color: #fff
}
/* giá */

.tour-internation-level2-2 .new-price{
    display:inline-block;
    margin-top:10px;
    padding:10px 18px;
    border:1px dashed #ff6b5f;
    color:#fff;
    font-size:18px;
    font-weight:bold;
    background:rgba(0,0,0,.25);
    line-height: 15px;
}

.tour-internation-level2-2 .new-price:before{
    content:"From ";
    color:#ff6b5f;
    font-weight:400;
}
.tour-internation-level2-2 .tour-meta{
	color: #fff;
	margin-bottom:20px 
}
 
.inside-descript{
	margin-top: 10px
}
/*==============================
TABLET
===============================*/

@media(max-width:991px){

.tour-internation-level2-2{

    padding:50px 15px;

}

.tour-internation-level2-2 ul>li:not(:first-child){

    width:calc(50% - 9px);

}

.tour-internation-level2-2 ul>li img{

    height:330px;

}

.tour-internation-level2-2 h2{

    font-size:34px;

}

.tour-internation-level2-2 .title{

    font-size:24px;

}

.tour-internation-level2-2 .new-price{

    font-size:18px;

}

}

/*==============================
MOBILE
===============================*/

@media(max-width:767px){

.tour-internation-level2-2{

    padding:40px 10px;

}

.tour-internation-level2-2 ul{

    gap:15px;

}

.tour-internation-level2-2 ul>li:not(:first-child){

    width:100%;

}

.tour-internation-level2-2 ul>li img{

    height:260px;

}

.tour-internation-level2-2 h2{

    font-size:28px;

}

.tour-internation-level2-2 .title{

    font-size:22px;

}

.tour-internation-level2-2 .inside-descripts{

    left:15px;

    right:15px;

    bottom:15px;

}

.tour-internation-level2-2 .new-price{

    font-size:16px;

    padding:8px 14px;

}

}

.tour-pagination{
    margin:40px 0;
    text-align:center;
}

.tour-pagination a,
.tour-pagination span{
    display:inline-block;
    min-width:40px;
    height:40px;
    line-height:40px;
    margin:0 5px;
    border:1px solid #ddd;
    border-radius:4px;
    text-decoration:none;
    color:#333;
    transition:.3s;
}

.tour-pagination a:hover{
    background:#0066cc;
    color:#fff;
    border-color:#0066cc;
}

.tour-pagination .current{
    background:#0066cc;
    color:#fff;
    border-color:#0066cc;
    font-weight:bold;
}
/*Chi tiết*/
.main-title-home{
	margin: 50px 0;
	text-align: center;
}
.tour-gallery{
    width:100%;
}

.tourBig{
    width:100%;
    height:560px;
    overflow:hidden;
    border-radius:3px;
}

.tourBig .swiper-slide{
    display:flex;
    align-items:center;
    justify-content:center;
}

.tourBig img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.thumb-wrap{
    position:relative;
    margin-top:10px;
    padding:0 45px;
}

.tourThumb{
    height:90px;
}
.swiper{
	min-height: auto !important
}
.tourThumb .swiper-slide{
    cursor:pointer;
    opacity:.55;
    transition:.3s;
    border:2px solid transparent;
}

.tourThumb .swiper-slide-thumb-active{
    opacity:1;
    border:2px solid #ff6b57;
}

.tourThumb img{
    width:100%;
    height:90px;
    object-fit:cover;
    display:block;
}

.thumb-prev,
.thumb-next{
    width:40px;
    height:40px;
    background:#ff6b57;
    color:#fff;
    border-radius:3px;
    top:70%;
    transform:translateY(-50%);
}

.thumb-prev:after,
.thumb-next:after{
    font-size:18px;
    font-weight:bold;
}

.thumb-prev{
    left:0;
}

.thumb-next{
    right:0;
}

@media(max-width:991px){

    .tourBig{
        height:400px;
    }

    .tourThumb{
        height:70px;
    }

    .tourThumb img{
        height:70px;
    }

}

@media(max-width:767px){

    .tourBig{
        height:250px;
    }

    .tourThumb{
        height:60px;
    }

    .tourThumb img{
        height:60px;
    }

    .thumb-wrap{
        padding:0 30px;
    }

    .thumb-prev,
    .thumb-next{
        width:30px;
        height:30px;
    }

}
/*Decription*/
.descript-tour{
    margin:25px 0;
    font-family:Arial, Helvetica, sans-serif;
}

.tour-info-box{
    display:flex;
    flex-wrap:wrap;
    border:1px solid #e6e6e6;
    border-bottom:none;
    padding:0;
    margin:0 0 25px;
    list-style:none;
    background:#fff;
}

.tour-info-box li{
    width:33.333%;
    display:flex;
    align-items:center;
    gap:10px;
    padding:14px 18px;
    border-right:1px solid #e6e6e6;
    border-bottom:1px solid #e6e6e6;
    box-sizing:border-box;
    font-size:16px;
    color:#555;
}

.tour-info-box li:nth-child(3n){
 
}

.tour-info-box li i{
    color:#ff6b63;
    font-size:16px;
    width:18px;
    text-align:center;
}

.tour-info-box li span{
    line-height:1.4;
}

.tour-price{
    font-size:28px;
    font-weight:bold;
    color:#d70000;
    margin-bottom:20px;
}

.tour-content{
    color:#555;
    line-height:1.8;
}

.tour-note{
    margin-top:20px;
    padding:15px;
    background:#fafafa;
    border-left:4px solid #ff6b63;
    color:#666;
}
.tour-note .tour-note-title {
	line-height: 25px;
}
.tour-note-title li,.descript li{
	list-style: inside;
	padding-left: 15px;
}
.tour-note .tour-note-title span{
	font: bold 18px/36px 'UTM Avo';
	margin-bottom: 20px;
}
.tour-note .tour-note-title > div:before{
	content:"+";
	
}

/*Saving*/
.book-sys{
    display:flex;
    justify-content:space-between;
    align-items:center;
    border:1px solid #ddd;
    padding:18px;
    background:#fff;
    gap:20px;
}

.sys-inside{
    align-items:center;
    gap:40px;
    flex-wrap:wrap;
}

.price-box{
    line-height:1.8;
}

.price-old span,
.price-new span{
    color:#222;
    font-size:18px;
}

.price-old del{
    color:#888;
    font-size:18px;
}

.price-new strong{
    color:#e60000;
    font-size:32px;
    font-weight:700;
}

.saving-badge{
    display:flex;
    align-items:center;
    position:relative;
    background:#13253c;
    border:4px solid #f2b321;
    border-radius:40px;
    color:#ffd54a;
    padding:8px 24px 8px 10px;
    min-width:190px;
    box-shadow:0 6px 16px rgba(0,0,0,.2);
}

.saving-badge:before{
    content:'';
    position:absolute;
    inset:3px;
    border:1px solid rgba(255,215,0,.5);
    border-radius:30px;
}

.save-icon{
    width:46px;
    height:46px;
    border-radius:50%;
    background:#f2b321;
    color:#13253c;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    font-weight:bold;
    margin-right:12px;
    z-index:2;
}

.save-text{
    position:relative;
    z-index:2;
    line-height:1.2;
}

.save-text span{
    display:block;
    color:#fff;
    font-size:14px;
}

.save-text strong{
    display:block;
    color:#ffd54a;
    font-size:18px;
    font-weight:700;
}

.save-rays{
    position:absolute;
    right:14px;
    top:50%;
    transform:translateY(-50%);
    width:18px;
    height:18px;
}

.save-rays span{
    position:absolute;
    width:2px;
    height:8px;
    background:#f2b321;
    border-radius:2px;
}

.save-rays span:nth-child(1){
    right:0;
    top:0;
    transform:rotate(30deg);
}

.save-rays span:nth-child(2){
    right:6px;
    top:5px;
    transform:rotate(0deg);
}

.save-rays span:nth-child(3){
    right:0;
    bottom:0;
    transform:rotate(-30deg);
}

.sys-booking{
    background:#f10000;
    color:#fff;
    font-weight:700;
    padding:15px 35px;
    cursor:pointer;
    transition:.3s;
    white-space:nowrap;
}

.sys-booking:hover{
    background:#d70000;
}

@media(max-width:768px){

    .book-sys{
        flex-direction:column;
        align-items:stretch;
    }

    .sys-inside{
        flex-direction:column;
        align-items:flex-start;
        gap:15px;
    }

    .saving-badge{
        width:100%;
        max-width:260px;
    }

    .sys-booking{
        width:100%;
        text-align:center;
    }

}
/*Highlight*/
.tour-highlight{
    margin-top:20px;
    padding:15px;
    background:#fafafa;
    border-left:4px solid #ff6b63;
    color:#666;
}
.tour-highlight .tour-note-title {
	line-height: 25px;
}
.tour-highlight .tour-note-title span{
	font: bold 18px/36px 'UTM Avo';
	margin-bottom: 20px;
}

.tour-highlight .tour-note-title div,.tour-intro .tour-note-title p,.tour-note .tour-note-title li{
    margin: 0;
    padding: 0;
    list-style: none;
}

.tour-highlight .tour-note-title div,.tour-intro .tour-note-title p,.tour-note .tour-note-title li{
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
    line-height: 1.6;
    color: #555;
}

.tour-highlight .tour-note-title div::before,.tour-intro .tour-note-title p::before,.tour-note .tour-note-title li:before{
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 7px;
    height: 7px;
    background: #ff4b4b;
    border-radius: 50%;
}



/*Intro*/
.tour-intro{
    margin-top:20px;
    padding:15px;
    background:#fafafa;
    border-left:4px solid #ff6b63;
    color:#666;
}
.tour-intro .tour-note-title {
	line-height: 25px;
}
.tour-intro .tour-note-title span{
	font: bold 18px/36px 'UTM Avo';
	margin-bottom: 20px;
}
.tour-intro .tour-note-title > div:before{
	content:"+";
	
}

.timeline-tour{
	line-height: 25px;
	text-align: justify;
	width: 70%;
	float: left;
}
.timeline-tour ul li > .bgr-title-day >p{
	width: 100%;
    background: #ff6b63;
    padding: 10px;
    color: #fff;
    margin-bottom: 15px;
}

@media(max-width:991px){
    .tour-info-box li{
        width:50%;
    }
    .timeline-tour,.fl-right{
    width: 100%;
    float: none;
    padding: 20px;
    }

    .tour-info-box li:nth-child(3n){
        border-right:1px solid #e6e6e6;
    }

    .tour-info-box li:nth-child(2n){
        border-right:none;
    }
}

@media(max-width:576px){
    .tour-info-box li{
        width:100%;
        border-right:none;
    }

    .tour-price{
        font-size:22px;
    }
}

.fl-right{
	float: right;
	width: 30%;
	padding: 0 20px;
} 
.sys-hot-tours{
	font-size: 18px;
	font-weight: bold;
	
}
@media(max-width:991px){
    .fl-right{
    width: 100%;
    float: none;
    margin-top: 30px;
        border-top: 1px dotted #a5a5a5;
        padding: 20px;
    }
}

/* ==========================
   Banner
========================== */
.slideall{
    position: relative;
    width:100%;
    height:380px;
    overflow:hidden;
    background:#222;
}

.slideall .sl-hover{
    width:100%;
    height:100%;
    position:relative;
}

.slideall .sl-hover::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.45);
    z-index:1;
}

.slideall img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

/* ==========================
   Tiêu đề trên banner
========================== */

.crumbs-sys{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:1200px;
    max-width:calc(100% - 40px);
    z-index:10;
    color:#fff;
}

.page-title{
    font-size:58px;
    line-height:1.2;
    font-weight:700;
    color:#fff;
    margin:0;
    text-shadow:0 3px 15px rgba(0,0,0,.4);
}

#crumbs{
    margin-top:18px;
    font-size:25px;
    font-weight:500;
    text-transform: uppercase;
}

#crumbs a{
    color:#fff;
    opacity:.9;
    text-decoration:none;
    transition:.3s;
}

#crumbs a:hover{
    color:#f6c04d;
}

/* ==========================
   Desktop lớn
========================== */

@media (min-width:1600px){

.slideall{
    height:500px;
}

.page-title{
    font-size:70px;
}

}

/* ==========================
   Tablet
========================== */

@media (max-width:1024px){

.slideall{
    height:300px;
}

.page-title{
    font-size:42px;
}

#crumbs{
    font-size:14px;
}

}

/* ==========================
   Mobile
========================== */

@media (max-width:768px){

.slideall{
    height:220px;
}

.crumbs-sys{
    text-align:center;
    top:50%;
}

.page-title{
    font-size:30px;
    line-height:1.3;
}

#crumbs{
    font-size:13px;
    margin-top:10px;
}

}

/* ==========================
   Mobile nhỏ
========================== */

@media (max-width:480px){

.slideall{
    height:180px;
}

.page-title{
    font-size:24px;
}

#crumbs{
    font-size:12px;
}

}
 

.fea-wrap {
    overflow: hidden;
}
.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: 1px solid #fff;
    margin-bottom: 20px;
    padding: 10px 0px 15px 9px;
    background: #0D577A;
}
.feature-tour header h5, #list-tour header h5, #list-tour header h1, .feature-tour header h1 {
    color: #fff;
    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;
}
.feature-tour article {
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
    width: 283px;
}
.feature-tour article:nth-child(3) {
    margin-right: 0;
}
.index_info{
    height: 72px; display: block; font-size: 1.2em; overflow: hidden;font-family: 'UTM Avo', sans-serif;
}

.feature-tour article h2, #list-tour article h2 {
    color: #0D577A;
    font-size: 18px;
    font-family: 'UTM Avo';
    text-transform: uppercase;
    line-height: 29px;
}
.Detail{
    background-color: #afa62d;
    padding: 5px 5px;
    color: #fff;
    font: 1.0em/1.2em 'UTM Avo';
}
.Book{
    background-color: #415e19;
    padding: 5px 15px;
    color: #fff !important;
    font: 1.0em/1.2em 'UTM Avo';
    text-transform: uppercase;cursor: pointer;
}

.feature-tour article h2:hover {
     color: green;
    
}
.feature-tour article a, #list-tour article a {
    color: #1E1E1E;
}
.feature-tour article a, #list-tour article.hotel_list a {
    color: #BE7B02;
}
.feature-tour article a:hover, #list-tour article a:hover {
    color: #1198D2;
}
.feature-tour article .art-wrap {
    background: #FFFFFF; /* Old browsers */
    height: 197px;

}

.f_link {
    margin: 10px 0;
}
.boxprice, .boxprice1 {
     
    color: #585858;
 
    line-height: 20px;
    padding: 0 8px 15px 0px;
    text-align: left;
}
.boxprice1 {
    border-radius: 0 0 4px;
    position: absolute;
}
.boxprice .bprow1, .boxprice1 .bprow1 {
    font-size: 15px;font-family: 'UTM Avo', sans-serif;
}
.f12e {
    font-size: 1.2em;font-family: 'UTM Avo', sans-serif;
}
.f12eshow {
    font-size: 1.4em;font-family: 'UTM Avo', sans-serif;
    margin-bottom: 15px;
}
.boxprice .bprow2, .boxprice1 .bprow2 {
    color: #ff0000;
    font-family: tahoma;
    font-size: 17px;
    font-weight: bold;
    line-height: 32px;
}
.boxprice .bprow2 em, .boxprice1 .bprow2 em {
    color: #585858;
     
    font-size: 14px;
    font-weight: normal;
    line-height: 32px;
}
.price-tb-bx {
    margin-bottom: 10px;
}
.price-tb-bx  {
    display: inline-block;
    border: 1px solid #00923f;
}
.price-tb-bx .price-sw{
    background-color: #00923f;
    color: #ffffff;
    display: block;
    padding: 23px 41px 15px;
    font-size: 35px;
    font-weight: 700;
    text-shadow: 0 2px 2px #332713;
}
.dong{
    font: 0.6em/1.0em 'UTM Avo';
}
.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;
}
 
.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 a, #list-tour article.hotel_list a{
    color: #0F6392; 
}
.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 {
    background: #FFFFFF; /* Old browsers */
    background: -webkit-linear-gradient(bottom, #cbcbcb 0%, #ececec 100%); /* Chrome 10+, Safari 5.1+ */
    background: linear-gradient(to top, #cbcbcb 0%, #ececec 100%); /* W3C */
    margin-bottom: 20px;
     
}
#list-tour article .art-wrap {
    padding: 5px 15px 10px 0;
}
#list-tour article .hover a > img {
    float: left;
    margin-right: 15px;
}
.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
 * ------------*/
.fea-wrap article .hover {
    float: left;
     
    width: 100%;
    height: 199px;
}
.hover {
    margin-bottom: 5px;
    position: relative;
}
.readmore{
    margin: 12px 0 0 0;
    font: 1.2em/1.2em 'UTM Avo';
}
.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%;
        width: 346px;
}
.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%;
}

.overview {
 
    border: 1px solid #E3E3E3;
        padding: 18px 15px 0 15px;
}
.overview > h2 {
    padding-bottom: 10px;
}
.overview.fulltext p {
    padding-bottom: 18px;
}

.headbox {
 
    border-top: 1px solid #CACACA;
}
.headbox img {
    float: right;
    margin-right: 12px;
}
.tour_info {
    background-color: #FFFFFF;
    display: inline-block;
    min-height: 178px;
        padding: 10px 0 0 0;
    width: 100%;
}
.tour_info h6 {
    color: #C5932C;
    font-size: 14px;
    padding-bottom: 10px;
}
.tour_info ul {
    margin-bottom: 8px;
    margin-left: 10px;
}
.tour_info li {
    background: url("../images/list-arrow.png") no-repeat scroll 0 11px rgba(0, 0, 0, 0);
    padding-left: 11px;
}
.nametitle{
    font: bold 1.2em/1.3em 'UTM Avo';
    color: #6F6F6F;
        line-height: 29px;
}
.nametitle-detail{
    font: 1.2em/1.3em UTM Avo;
    color: #00923f;

}
.sorting {
    background: #E0E0E0; /* Old browsers */
    background: -webkit-linear-gradient(bottom, #A3A3A3 0%, #E0E0E0 100%); /* Chrome 10+, Safari 5.1+ */
    background: linear-gradient(to top, #A3A3A3 0%, #E0E0E0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    clear: both;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 4px;
}
.sortform {
    background-color: #939292;
    color: #FFFFFF;
    padding: 10px;
    text-align: center;
}
 
.info-list{
        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 13px;
    text-align: justify;
    font-size: 12px;
}

/* Review */
#review_content {
    min-height: 292px;
}
.review {
    background: none repeat scroll 0 0 #EFF7FD;
    border: 1px solid #CEECFB;
    margin: 10px 0 20px;
    padding: 10px;
}
.review h4 {
    color: #C5932C;
    padding-bottom: 10px;
}
.review button {
    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 */
    box-shadow: 2px 3px 5px #CCCCCC;
    -webkit-box-shadow: 2px 3px 5px #CCCCCC;
    -moz-box-shadow: 2px 3px 5px #CCCCCC;
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    color: #1198D2;
    margin: 10px;
}
.review button:hover {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.review button:hover a {
    color: #EA9629;
}
.breakdown_score_wrapper {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 0 3px 3px;
    -moz-border-radius: 0 3px 3px;
    -webkit-border-radius: 0 3px 3px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    margin: 2% 0;
    min-height: 180px;
}
.tbl_review_score {
    width: 100%;
}
.tbl_review_score td {
}
.tbl_review_score label {
    color: #5e5e5e;
    font-size: 14px;
    font-weight: bold;
}
ul.score_filter, ul.rating_scale {
    list-style: none outside none !important;
    padding: 0 !important;
}
.score_filter li {
    border-bottom: 1px dotted #cccccc;
    clear: both;
    padding-left: 1px;
    padding-top: 4px;
}
.score_filter span, .rating_scale span {
    float: right;
}
.noscope {
    color: #949494;
}
.rating_scale {
    margin-top: 5px !important;
}
.rating_scale li {
    clear: both;
    font-weight: 700;
    margin-bottom: 4px;
    padding-left: 1px;
    padding-top: 4px;
}
.rating_scale div {
    background: none repeat scroll 0 0 #e6f2ff;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    color: #003580;
    font-size: 12px;
    font-weight: 700;
    overflow: hidden;
    text-indent: 5px;
    width: 80%;
}
.rating_scale div .per_bar {
    background: none repeat scroll 0 0 #87c2f6;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    height: 20px;
    margin-top: -18px;
    overflow: hidden;
}
#review_total_score {
    text-align: center;
}
.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;
}
#list_review ul {
    list-style: none outside none !important;
    margin-bottom: 0 !important;
    padding: 10px 0 !important;
}
#list_review li {
    border-top: 1px solid #ceecfb;
    margin-top: -11px;
    padding: 12px 0 20px;
}
.cell_user {
    float: left;
    padding: 0;
    width: 120px;
}
.cell_comments {
    padding-left: 120px;
    text-align: justify;
}
.comment_wraper {
    float: left;
    padding-right: 10px;
    width: 445px;
}
.cell_score {
    background: url("../images/bg-score.png") no-repeat scroll 0 -8px rgba(0, 0, 0, 0);
    float: right;
    height: 48px;
    position: relative;
    width: 42px;
}
.cell_score > span {
    color: white;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 48px;
}
.user_name {
    font-size: 16px;
    word-wrap: break-word;
    padding-bottom: 3px;
}
.user_location, .cell_input_time {
    color: #666;
    font-size: 10px;
    line-height: 14px;
}
.comments_good {
    background: url("../images/icon_cmgood.gif") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
    text-indent: 15px;
}
.comments_bad {
    background: url("../images/icon_cmbad.gif") no-repeat scroll 0 5px rgba(0, 0, 0, 0);
    text-indent: 15px;
}
.no_comment {
    color: #666;
    font-style: italic;
}
.moretext {
    display: none;
}

.frmRV td {
    padding: 4px 12px !important;
}

.morecontent span {
    display: none;
}
.morelink {
    
}

.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: 10px 0;
    text-align: center;
}
.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: 5px 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;
}


#content-box {
    clear: both;
}
#content-box .list-wrap {
    border-color: #D3AA29 #FFFFFF #FFFFFF;
    border-style: solid;
    border-width: 2px 1px 1px;
    margin: 0 0 20px;
    padding-top: 15px;
}
#content-box ul.nav, #content-box ul.tabs {
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
#content-box ul.nav li, #content-box ul.tabs li {
    float: left;
    line-height: inherit;
}
#content-box ul.nav li span, #content-box ul.tabs li span {
    float: left;
    margin-bottom: 1px;
    padding: 1px 0px 0px 10px;
    margin-right: 3px;
}
#content-box ul.nav li a span span, #content-box ul.tabs li a span span {
    color: #D3AA29;
    padding: 6px 10px 0px 0px;
    font-weight: bold;
    height: 22px;
    margin-right: 0;
}
#content-box ul.nav li a.current span, #content-box ul.nav li a:hover span, #content-box ul.tabs li a.current span, #content-box ul.tabs li a:hover span {
    background: linear-gradient(to top, #C29841 0%, #F2D599 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 5px 5px 0 0;
    padding: 3px 3px 0;
}
#content-box ul.nav li a.current span span, #content-box ul.nav li a:hover span span, #content-box ul.tabs li a.current span span, #content-box ul.tabs li a:hover span span {
    background: linear-gradient(to top, #CB9C2B 0%, #D6AE28 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 4px 4px 0 0;
    color: #000000;
    text-shadow: 0 0 1px rgba(150, 150, 150, 0.5);
    padding: 3px 7px;
}

 
.tabs_container {
    clear: both;
}
.tab_content {
    display: none;
    border-color: #D3AA29 #FFFFFF #FFFFFF;
    border-style: solid;
    border-width: 0px 1px 1px;
    margin: 0 0 20px;
    padding-top: 15px;
}

/* Begin Tour Itinerary */
.tweetfeed-list-container {
    
}
.tweetfeed-list-container a {
    text-decoration: none;
}
.tweetfeed-list-container .tweetfeed-item-container {
    padding: 10px 0;
    position: relative;
}
.tweetfeed-list-container .tweetfeed-item-container .tweetfeed-time-bar {
    background: none repeat scroll 0 0 #B4B4B4;
    height: 100%;
    left: 120px;
    position: absolute;
    /*top: 25px;*/
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 10px;
}
.tweetfeed-list-container .tweetfeed-item-container .tweetfeed-author-container {
    cursor: pointer;
    left: 100px;
    position: absolute;
    width: 80px;
}
.tweetfeed-list-container .tweetfeed-item-container .tweetfeed-author-container .tweetfeed-author-img-container {
    background-color: #FFFFFF;
    -moz-border-radius: 30px 30px 30px 30px;
    -webkit-border-radius: 30px 30px 30px 30px;
    border-radius: 30px 30px 30px 30px;
    -webkit-box-shadow: 0 0 0 6px #B4B4B4;
    -moz-box-shadow: 0 0 0 6px #B4B4B4;
    box-shadow: 0 0 0 6px #B4B4B4;
    font-size: 13px;
    font-weight: bold;
    height: 48px;
    line-height: 48px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 48px;
}
.tweetfeed-item-content h3 {
    border-bottom: 1px solid #CCCCCC;
    font-size: 14px;
    margin: 0 0 6px;
    padding: 0 0 4px;
}
.attribute-itinerary {
    float: left;
    text-align: center;
    width: 96px;
}
#content-box ul.desti {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.tweetfeed-list-container .tweetfeed-item-container .tweetfeed-item-content-container {
    background: #DDDDDD; /* Old browsers */
    background: -webkit-linear-gradient(bottom, #DDDDDD 0%, #FFFFFF 100%); /* Chrome 10+, Safari 5.1+ */
    background: linear-gradient(to top, #DDDDDD 0%, #FFFFFF 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 10px;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(72, 72, 72, 0.4);
    -moz-box-shadow: 1px 1px 4px 0 rgba(72, 72, 72, 0.4);
    box-shadow: 0 0 4px 0 rgba(72, 72, 72, 0.4);
    color: #484848 !important;
    cursor: pointer;
    margin-left: 170px;
    padding: 15px;
    position: relative;
    text-decoration: none;
    -webkit-transform-origin: 0 50% 0;
    -moz-transform-origin: 0 50% 0;
    -o-transform-origin: 0 50% 0;
    -ms-transform-origin: 0 50% 0;
    transform-origin: 0 50% 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.tweetfeed-list-container .tweetfeed-item-container .tweetfeed-item-content-container.tweetfeed-flag-animate {
    -webkit-transition: none 0s ease 0s;
    -moz-transition: none 0s ease 0s;
    -o-transition: none 0s ease 0s;
    -ms-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
}
.tweetfeed-list-container .tweetfeed-item-container .tweetfeed-item-content-container .tweetfeed-date-container {
    position: relative;
}
.tweetfeed-list-container .tweetfeed-item-container .tweetfeed-item-content-container .tweetfeed-triangle {
    border-bottom: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid #FFFFFF;
    border-top: 10px solid rgba(0, 0, 0, 0);
    height: 0;
    left: -10px;
    position: absolute;
    top: 14px;
    width: 0;
}
.tweetfeed-list-container .tweetfeed-item-container .tweetfeed-item-content-container .tweetfeed-triangle-background {
    border-bottom: 12px solid rgba(0, 0, 0, 0);
    border-right: 12px solid rgba(72, 72, 72, 0.15);
    border-top: 12px solid rgba(0, 0, 0, 0);
    height: 0;
    left: -12px;
    position: absolute;
    top: 12px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 0;
}
.tweetfeed-list-container .tweetfeed-item-container .tweetfeed-item-content-container .tweetfeed-tweet-content {
    overflow: hidden;
    text-overflow: ellipsis;
}
.tweetfeed-list-container .tweetfeed-item-container:hover .tweetfeed-time-bar {
    background: none repeat scroll 0 0 #8FE0F2;
}
.tweetfeed-list-container .tweetfeed-item-container:hover .tweetfeed-item-content-container {
    -webkit-box-shadow: 1px 1px 4px 0 rgba(72, 72, 72, 0.8);
    -moz-box-shadow: 1px 1px 4px 0 rgba(72, 72, 72, 0.8);
    box-shadow: 1px 1px 4px 0 rgba(72, 72, 72, 0.8);
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    -o-transform: translateX(8px);
    -ms-transform: translateX(8px);
    transform: translateX(8px);
}
.tweetfeed-list-container .tweetfeed-item-container:hover .tweetfeed-item-content-container .tweetfeed-triangle-background {
    border-bottom: 12px solid rgba(0, 0, 0, 0);
    border-right: 12px solid rgba(72, 72, 72, 0.3);
    border-top: 12px solid rgba(0, 0, 0, 0);
    height: 0;
    left: -12px;
    position: absolute;
    top: 12px;
    width: 0;
}
.tweetfeed-list-container .tweetfeed-item-container:hover .tweetfeed-author-img-container {
    -webkit-box-shadow: 0 0 0 6px #8FE0F2;
    -moz-box-shadow: 0 0 0 6px #8FE0F2;
    box-shadow: 0 0 0 6px #8FE0F2;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
/* End */

/* Blog */
h1.catblog_title {
    background-color: #F6F6F6;
    padding: 20px 0;
}
.list-blog {

}
.list-blog header {
    height: 314px;
    position: relative;
}
.list-blog header h1.countryname {
    bottom: 0;
    position: absolute;
    min-width: 360px;
    margin-left: 40px;
    font-weight: normal;
    padding: 0;
    font-size: 34px;
}
.list-blog header h1.countryname a {
    background-color: #41AB3E;
    color: #FFFFFF;
    display: block;
    font-size: 32px;
    padding: 12px;
}
.list-blog header h1.countryname a:hover {
    background: url("../images/bg-search.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    text-decoration: none;
    color: #1E1E1E;
}
.title_overview {
    background-color: #73C971;
    color: #FFFFFF;
    display: inline-block;
    margin-bottom: 20px;
    padding: 10px;
}
.desc-catblog {
    padding: 0 40px 20px;
    background-color: #FFFFFF;
}
.desc-catblog p {
    padding-bottom: 18px;
}
.desc-catblog img {
    max-width: 620px;
}
a.continue {
    background-color: #73C971;
    color: #FFFFFF;
    display: inline-block;
    padding: 4px;
    text-decoration: none;
    border: 1px solid #FFFFFF;
}
a.continue:hover {
    border: 1px solid #41AB3E;
    color: #41AB3E;
    background-color: #FFFFFF;
}
.popur_desti {
    border: 1px solid #E8E8E8;
    border-bottom: none;
    margin: 20px 0;
    padding: 20px;
    overflow: hidden;
}
.title_desti {
    color: #41AB3E;
    font-size: 18px;
    font-weight: normal;
    padding-bottom: 18px;
}
.list_desti, .sidelist {
	list-style: none !important;
    padding: 0 !important;
}
.list_desti li {
    background: url("../images/icon_desti.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    margin-bottom: 4px;
    padding-left: 20px;
    width: 172px;
}
.list_desti li a, .row2col ul li a, .sidelist li a {
    color: #1E1E1E;
    text-decoration: none;
}
.list_desti li a:hover, .row2col ul li a:hover, .sidelist li a:hover {
    color: #41AB3E;
}
ul.sidelist {
    margin-bottom: 30px;
    margin-left: 1px;
}
.sidelist li {
    margin-bottom: 4px;
}

article.bloglist {
    margin-bottom: 20px;
    max-height: 199px;
    overflow: hidden;
}
article.bloglist .hover {
    float: left;
    height: 199px;
    margin-right: 15px;
    width: 298px;
}
article.bloglist h2 {
    line-height: 24px;
    padding-bottom: 5px;
}
article.bloglist .readblog {
    float: left;
}
article.bloglist p {
    padding-bottom: 0;
}
ul.blogother {
    list-style: outside none none !important;
    margin: 20px 0 0 !important;
    padding: 0 !important;
}
ul.blogother li {
    background: url("../images/li-blog1.png") no-repeat scroll 0px 3px rgba(0, 0, 0, 0);
    margin: 4px 0;
    padding-left: 16px;
}
ul.blogother li h2 {
    font-size: 13px;
    font-weight: normal;
    padding: 0;
}
ul.blogother li a {
    color: #1E1E1E;
}
ul.blogother li a:hover {
    color: #41AB3E;
}

#content-box p {
    margin-bottom: 18px;
}
#content-box img {
    max-width: 620px;
}
/* */
#content-box blockquote, #content-box q {
    margin-bottom: 0;
    margin-top: 0;
}

/*  Lists  */
#content-box ul, .desc-catblog ul { 
    list-style-type:disc; 
    margin: 0 0 12px 0;
    padding: 0 0 0 37px;
}
#content-box ol, .desc-catblog ol {
    list-style: decimal;
    margin: 0 0 12px 0;
    padding: 0 0 0 37px;
}
#content-box ol li, #content-box ul li, .desc-catblog ol li, .desc-catblog ul li {
    line-height: 18px;
}
#content-box ul ul, #content-box ol ol, #content-box ul ol, #content-box ol ul, .desc-catblog ul ul, .desc-catblog ol ol, .desc-catblog ul ol, .desc-catblog ol ul {
    margin-bottom: 0;
}

/*  Tables  */
#content-box table, .desc-catblog table {
    margin: 12px 0;
    border-collapse: collapse;
    border-spacing: 0;
}
#content-box table th, .desc-catblog table th {
    text-transform: uppercase;
}
#content-box table th, #content-box table td, .desc-catblog table th, .desc-catblog table td {
    padding: 6px 12px;
}
#content-box table.otour td, .desc-catblog table.otour td {
    padding: 6px;
}
#content-box td, #content-box th, .desc-catblog td, .desc-catblog th {
    display: table-cell;
    vertical-align: inherit;
}
/*  Tables Price */
table.tblPrice {
    margin-bottom: 20px;
    width: 100%;
}
table.tblPrice, table.tblPrice th, table.tblPrice td {
    border: 1px solid #DDDDDD;
    border-collapse: collapse;
    padding: 4px;
}
table.tblPrice th {
    background-color: #EEEEEE;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}
table.tblPrice td.txtName {
    color: #1E1E1E;
    font-weight: bold;
    text-align: left;
}
table.tblPrice td {
    background-color: white;
    text-align: center;
    color: #BE0000;
}
/*  Tables Departure */
table.tbl {
     float: left;
    margin-bottom: 20px;
    width: 99%;
}
table.tbl, table.tbl th, table.tbl td {
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    padding: 4px;
}
table.tbl th {
    background-color: #EBEBEB;
    font-weight: bold;
    text-transform: none;
    vertical-align: middle;
}

table.tblTrain {
    border-collapse: collapse;
}
table.tblTrain tr td {
    border: 1px solid #B5B5B5;
    padding: 3px;
    text-align: center;
}

#catTour {
    background: #E8E8E8; /* Old browsers */
    background: -webkit-linear-gradient(bottom, #E8E8E8 0%, #F6F6F6 100%); /* Chrome 10+, Safari 5.1+ */
    background: linear-gradient(to top, #E8E8E8 0%, #F6F6F6 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #E3E3E3;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 10px;
}
#catTour h6 {
    font-size: 20px;
    font-weight: normal;
    padding-bottom: 10px;
}
#catTour ul {
    list-style: none outside none;
}
#catTour ul li {
    background: url("../images/list-arrow.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0);
    float: left;
    margin-bottom: 5px;
    padding-left: 12px;
    width: 187px;
}
#catTour.catCruise ul li {
    background: none;
    padding-left: 0;
    width: 148px;
}

.popular_cruises {
    background: none repeat scroll 0 0 #E6F5FD;
    border: 1px solid #CEECFB;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 20px;
}
.popular_cruises li {
    background: url("../images/icon_cruise.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
    padding: 5px 0 5px 38px;
}
.title_best_deals {
    color:#BE0000;
    font-weight:normal;
}
.title_popular {
    color:#BE0000;
    padding-bottom: 10px;
}
.col01, .col02 {
    float: left;
    margin-right: 20px;
    width: 279px;
}
.col02 {
    margin-right: 0px;
}

/* wpcf7-response-output */
.wpcf7-response-output {
    padding:20px 20px 20px 90px!important;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    font-size:.91em;
    line-height:1.4em;
    border:1px solid #dbdbdb;
    font-family:'UTM Avo',Helvetica,sans-serif;
    margin: 2em auto;
    width: auto;
}
.wpcf7-mail-sent-ng {
    border-color:#ff9999;
    color:#c31b00;
    background:url(../images/icon-error.png) no-repeat 20px 50% #ffcccc;
}
.wpcf7-validation-errors {
    border-color:#e6c555;
    color:#9e660d;
    background:url(../images/icon-note.png) no-repeat 20px 50% #fdebae;
}
.notice-box {
    border-color:#68a2cf;
    color:#2e6093;
    background:url(../images/icon-info.png) no-repeat 20px 50% #bfe4f9;
}
.wpcf7-mail-sent-ok{
    border-color:#a3c159;
    color:#5e6f33;
    background:url(../images/icon-download.png) no-repeat 20px 50% #ccff99;
}

.error_page {
    position: relative;
}
.error_page h5 {
    color: #333333;
    font: 18px/20px 'UTM Avo','UTM Avo',helvetica,sans-serif;
    margin: 0 0 20px;
    padding: 0;
}
.error_page .sidebar-oops {
    position: absolute;
    right: 0;
    top: 0;
}
.error_page .oops {
    color: #F0F0F0 !important;
    font-family: "PT Sans",'UTM Avo',Helvetica,sans-serif !important;
    font-size: 117px !important;
    font-weight: bolder !important;
    line-height: 117px !important;
    margin: 20px 0;
}


/* Form booking */
.title-form {
    font: 22px verdana;
    letter-spacing: 1px;
    margin-bottom: 10px;
    margin-top: 20px;
    padding-top: 10px;
    text-transform: uppercase;
}
.dot-line {
    border-top: 1px dotted #CCCCCC;
    height: 10px;
}
#frm {
    background-color: #EEEEEE;
    border-radius: 2px;
    padding: 20px;
}
#frm h4 {
    font-size: 16px;
    padding: 20px 0 10px;
    text-decoration: underline;
}
.rowFrm {
    clear: both;
    margin: 4px 0;
    min-height: 26px;
}
.list-member {
    line-height: 30px;
    padding-left: 215px;
    padding-top: 3px;
}
.rowFrm label {
    float: left;
    padding-top: 3px;
    width: 215px;
}
.rowFrm input[type="text"], .rowFrm input[type="email"], .rowFrm select {
    border-radius: 3px 3px 3px 3px;
    padding: 4px;
    width: 233px;
}
.rowFrm input[type="number"] {
    padding: 4px;
    width: 30px;
}
.rowFrm select {
    width: 243px;
    padding: 4px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid #CCCCCC;
}
.rowFrm input.calendar {
    cursor: alias;
}
#frm input[type="submit"] {
    background: url("../images/btn_submit.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    height: 58px;
    text-indent: -1200px;
    width: 203px;
}
#frm input[type="submit"]:hover {
    background-position: 0px -60px;
}
.rowFrm .required {
    color: #F50303;
    font-size: 16px;
    font-weight: bold;
}
.si-captcha {
    float: left;
}
#content-box .wp-editor-container table {
    border-collapse: inherit;
    margin: 0;
}
#content-box .wp-editor-container td {
    padding: 1px;
}

#content-box ul.cotInfo {
    list-style: none outside none;
    overflow: hidden;
    padding: 0;
}
#content-box ul.cotInfo li {
    float: left;
    width: 310px;
}

.map {
    position: relative;
}
.map input[type="checkbox"] {
    position:absolute;
}

.mceIframeContainer.mceFirst.mceLast {
    background: url("../images/input_bg.png") no-repeat scroll 0 0 #CCCCCC;
}

#tab_detail {
    margin-bottom: 5px;
}

.other-post {
    background: url("../images/line_hor.png") repeat-x scroll center top rgba(0, 0, 0, 0);
    padding-top: 20px;
}
.other-post h6 {
    font-size: 20px;
    font-weight: normal;
    padding-bottom: 18px;
}
.other-post h2 {
    font-size: inherit;
    font-weight: normal;
    padding-bottom: 4px;
}
.other-post > ul {
    list-style: disc outside none;
    padding-left: 15px;
}
.other-post.other-hotel > ul {
    list-style: none outside none;
    padding-left: 0;
}
.other-post.other-hotel li:nth-child(2n+1) {
    clear: both;
}
.other-post.other-hotel li {
    float: left;
    margin-bottom: 20px;
    width: 310px;
}
.other-post.other-hotel img.hotel_thumb {
    border: 1px solid #CCCCCC;
    float: left;
    margin-right: 5px;
    padding: 2px;
}
.other_hotel_price {
    
}

#content-box ul.search-list {
    padding: 0;
}
#content-box ul.search-list > li {
    margin-bottom: 18px;
}

.title_post {
    color: #5E5E5E;
    font-size: 20px;
    line-height: 26px;
    padding-top: 20px;
}

.button-dat-tour{ background: url(../images/button-dat-tour.png); width: 233px; height: 54px; display: inline-block;}
.video_index .col-sm-4{ padding-top: 57px;}
.video_index .col-sm-4 img{ max-width: 100%; height: auto !important; margin-bottom: 10px;}

 
 
.slide-gallery{position: relative;}
.slide-gallery div{ overflow: hidden; margin: 2%; }
.slide-gallery .prev{ width: 34px; height: 34px; position: absolute; left: 0%; top: 49%; background: url(../images/prev2.png);}
.slide-gallery .next{ width: 34px; height: 34px; position: absolute; right: 0%; top: 49%; background: url(../images/next2.png);}
.slide-gallery ul{ width: 5000px; margin: 0; position: relative;}
.slide-gallery li{ width: 787px !important; margin: 0px !important;}
.slide-gallery li img{ width: 100%; display: block; height: 503px !important;}

.tour_index{ }
.tour_index .info{ height: 150px !important;}
.tour_index .price_list{ }
.tour_index .price_list p{ font-size: 13px;}
.tour_index .price_list p b{ color: #ff0000;
    font-size: 19px;}
.tour_index .price_list p span{ text-decoration: line-through; font-size: 12px;}

 
 
.left_hotel{}
.left_hotel h5{ margin: 10px 0;}
.left_hotel label{ line-height: 25px; font-size: 13px;}

.list_hotel{}
.list_hotel li{ display: block; border: 1px solid #ddd; margin-bottom: 25px; overflow: hidden;}
.list_hotel li:hover{ box-shadow: 0 0 5px #dedede;}
.list_hotel li .image img{ display: block; width: 100%; height: 225px; float: left;}
.list_hotel li .col-sm-4{ padding-right: 0px !important;}
.list_hotel li .col-sm-6{ background-color: #f7f7f7; height: 225px;}
.list_hotel li .col-sm-6 h4{ margin: 10px 0;}
.list_hotel li .col-sm-6 .address, .detail_hotel_address{ font-size: 13px; color: #488BF8;}
.list_hotel li .col-sm-6 .address a, .detail_hotel_address a{ font-size: 13px; color: #488BF8;}
.list_hotel li .col-sm-6 .info { font-size: 13px; margin-top: 10px;}
.list_hotel li .col-sm-2{ background-color: #ffffff; height: 225px; position: relative;}
.list_hotel li .col-sm-2 .price{ position: absolute; bottom: 100px; right: 25px; font-size: 15px; font-weight: bold; color: #ff0000;}

.system-style.ul-detail .l-left{ width: 450px;}

.pagination{ font-size: 13px;}

/* Sidebar
/*-----------------------------------------------------------------------------------*/
.sidebar {
    width: 340px;
    float: right;
}
 
.book-tour-sidebar{ padding: 10px; border: 1px solid #dedede; box-shadow: 0 0 2px #b5b5b5; font-size: 13px; margin-bottom: 5%; background-color: #fff;}
.book-tour-sidebar img{ display: block; width: 100% !important; margin-bottom: 10px;}
.book-tour-sidebar input{ margin: 5px 0px; width: 98%;}
.book-tour-sidebar textarea{ margin: 5px 0px; width: 100%;}
.book-tour-sidebar .col6{ width: 45%; display: inline-block;}
.book-tour-sidebar .col6:first-child{ margin-right: 6%;}
.book-tour-sidebar button{ background: url(../images/btn-confirm.png) no-repeat top left; width: 70px; height: 56px; border: none; float: right; margin-right: 1%;}

.video-pavorites{ border: 1px solid #b5b5b5; padding: 3%; margin-bottom: 5%; background-color: #fff;}
.video-pavorites .play-video{ width: 100%; overflow: hidden;}
.video-pavorites .play-video iframe{ width: 100% !important; height: auto !important;}
.video-pavorites li{ list-style: none; display: block; padding: 2%; border-bottom: 1px solid #b5b5b5;}
.video-pavorites li a{ font-size: 13px; font-weight: bold;}
.video-pavorites li textarea{ display: none;}
.video-pavorites h2{ text-transform: uppercase; font-weight: normal; padding: 3%; text-align: center; font-size: 17px;}

.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: -91200px; left: -91200px; }

#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: -1200px;
    width: 137px;
}

h6.welcome {
    color: #787878;
    font: 18px 'UTM Sharnay','UTM Avo';
    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{
    background: #fff;
    margin: 10px 0 -5px 0;
    padding: 10px 0 0 10px;
}
.topfooter1{
    float: left;
    width: 365px;
}
.topfooter2{
    float: left;
    width: 290px;
 
}
.title-foo2 {
    color: #00923f;
    font-family: 'UTM Avenida', sans-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;
}

/*footer*/
#footer {
    background: rgba(13, 87, 122, 0.86);
	margin: 20px 0 0 -10px; width: 1200px;
}
#footer .c_in,.system_menu_ext .c_in,.xfooter .c_in{
    width: 1200px; 
}
.system-style.bottom_nav li li a{text-transform: none;}

#footer .footer_in{
    background: rgba(5, 80, 107, 0);
        
}
.system-style.bottom_nav li li a {
    text-transform: none;
    color: #fff;
	font-size: 12px;
}
.system-style{
	background: #162241
}

.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;
}
   
.system-style.bottom_nav li a {
        font: bold 1.3em/2em 'UTM Avo', sans-serif;
    color: #fff;
}
.bgr-footer{
    background-color: #fff;
    margin: 10px 0 0 0;
}
.footer-all{
    
    color: #5F5C5C;
    border-top: 1px solid #fff;
    height: 180px;
}
.system-style.share {
    position: relative;
    width: auto;
    top: 0px;
    right: 0px;
    text-align: center;
	float: right;
	margin-top: 0px;
}

.system-style.bottom_nav li {
    min-width: 128px;
	width: 20%;
    border-right: 0px dashed #4d7890;
    min-height: 100px;
    margin: 0;
}
.system-style.bottom_nav li li a, .system-style.bottom_nav li .mn-intext {
    font: 1.0em/2.1em 'UTM Avo', sans-serif;
    color: #CACACA;
}
/* ===========================
   1400px
=========================== */
 
/* ===========================
   1200px
=========================== */

@media (max-width:1200px){

img{
    max-width:100%;
    height:auto;
}

}

/* ===========================
   Tablet Landscape
=========================== */

@media (max-width:991px){
.system-style{
	padding: 15px;
}

/* 2 cột */

.cs1-sys ul,
.cs2-sys ul,
.cs3-sys ul,
.cs4-sys ul{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
}

.cs1-sys li,
.cs2-sys li,
.cs3-sys li,
.cs4-sys li{
    width:calc(50% - 10px)!important;
    margin:0;
}

/* Tiêu đề */

.cs1-sys-box,
.cs2-feature-title,
.cs3-sys-title,
.cs4-sys-box{

    font-size:34px!important;

}

}

/* ===========================
   Tablet Portrait
=========================== */

@media (max-width:768px){

/* Menu */

.menuB{
    width:100%;
}

/* Banner */

.banner img,
.swiper img{
    height:auto;
}

/* Card */

.cs1-sys li,
.cs2-sys li,
.cs3-sys li,
.cs4-sys li{

    width:100%!important;

}

.cs1-img,
.cs2-img,
.cs3-img,
.cs4-img{

    height:260px;

}

.cs1-img img,
.cs2-img img,
.cs3-img img,
.cs4-img img{

    width:100%;
    height:100%;
    object-fit:cover;

}

.info{

    position:relative!important;

    left:0!important;

    right:0!important;

    bottom:0!important;

    margin-top:-50px;

}

}

/* ===========================
   Mobile
=========================== */

@media (max-width:576px){

body{

    overflow-x:hidden;

}
/* Tiêu đề */

.cs1-sys-box,
.cs2-feature-title,
.cs3-sys-title,
.cs4-sys-box{

    font-size:28px!important;

    line-height:38px;

}

.cs1-sys-text,
.cs2-feature-text,
.cs3-sys-text,
.cs4-sys-text{

    font-size:15px;

    line-height:28px;

}

/* Card */

.cs1-sys li,
.cs2-sys li,
.cs3-sys li,
.cs4-sys li{

    width:100%!important;

}

/* Hình */

.cs1-img,
.cs2-img,
.cs3-img,
.cs4-img{

    height:220px!important;

}

/* Nội dung */

.info{

    padding:18px!important;

}

.cs1-title a,
.cs2-name-sys a,
.cs3-name a,
.cs4-title a{

    font-size:20px!important;

    line-height:30px!important;

}

.cs1-price b,
.cs3-price b{

    font-size:22px!important;

}

/* Ẩn nút slider */

.swiper-button-next,
.swiper-button-prev,
.cs3-next,
.cs3-prev{

    display:none!important;

}

}

/* ===========================
   Small Mobile
=========================== */

@media (max-width:480px){

.cs1-img,
.cs2-img,
.cs3-img,
.cs4-img{

    height:190px!important;

}

.cs1-title a,
.cs2-name-sys a,
.cs3-name a,
.cs4-title a{

    font-size:18px!important;

}

}
/*----------------------*/ 
/*CS 5*/
/*=========================
    SECTION
=========================*/
.cs5-img{
    position:relative;
}

.cs5-saving{
    position:absolute;
    top:15px;
    right:15px;
    display:flex;
    align-items:center;
    padding:6px 14px 6px 8px;
    background:#1c2940;
    border:3px solid #f2b321;
    border-radius:30px;
    box-shadow:0 3px 10px rgba(0,0,0,.3);
    z-index:5;
    width: 130px;
}

.cs5-saving:before{
    content:"";
    position:absolute;
    inset:2px;
    border:1px solid rgba(255,215,0,.45);
    border-radius:25px;
}

.cs5-save-icon{
    width:34px;
    height:34px;
    border-radius:50%;
    background:#f2b321;
    color:#1c2940;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:17px;
    margin-right:8px;
    z-index:2;
}

.cs5-save-text{
    line-height:1.1;
    z-index:2;
}

.cs5-save-text small{
    display:block;
    color:#fff;
    font-size:11px;
    font-weight:600;
}

.cs5-save-text strong{
    display:block;
    color:#ffd64d;
    font-size:14px;
    font-weight:700;
    white-space:nowrap;
}

.cs5-saving:after{
    content:"";
    position:absolute;
    right:10px;
    top:50%;
    width:12px;
    height:12px;
    transform:translateY(-50%);
    background:
        linear-gradient(#f2b321,#f2b321) right 0 top 0/2px 7px no-repeat,
        linear-gradient(#f2b321,#f2b321) right 5px center/2px 7px no-repeat,
        linear-gradient(#f2b321,#f2b321) right 0 bottom 0/2px 7px no-repeat;
}
.cs5-feature-box{
    position:relative;
    padding:90px 0;
    background-position:center;
    background-size:cover!important;
}

.cs5-feature-box:before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(30,35,58,.55);
}

.cs5-feature-box>.c_in{
    position:relative;
    z-index:2;
}

/*=========================
    TITLE
=========================*/

.cs5-title{
    text-align:center;
    margin-bottom:20px;
}

.cs5-title a{
    color:#fff;
    font-size:48px;
    font-weight:700;
    text-decoration:none;
}
.cs5-text{
	text-align: center;
    color: #fff;
    margin: 25px 0;
}
/*=========================
    SUB MENU
=========================*/
.cs5-sub-menu{
    text-align:center;
    margin:35px 0 50px;
}

.cs5-sub-menu ul{
    display:inline-flex;
    flex-wrap:wrap;
    justify-content:center;
    list-style:none;
    padding:0;
    margin:0;
}

.cs5-sub-menu li{
    margin:0 2px;
}

.cs5-sub-menu li a{
    display:block;
    padding:16px 40px;
    background:#fff;
    color:#333;
    font-size:18px;
    font-weight:600;
    text-decoration:none;
    transition:.3s;
}

.cs5-sub-menu li:hover a,
.cs5-sub-menu li.active a{
    background:#ff6660;
    color:#fff;
}
 

.cs5-sub-menu li{
    margin:0;
}

.cs5-sub-menu li a{
    display:block;
    padding:18px 42px;
    color:#333;
    font-size:20px;
    font-weight:600;
    text-decoration:none;
    border-right:1px solid #ddd;
    transition:.35s;
}

.cs5-sub-menu li:last-child a{
    border-right:0;
}

.cs5-sub-menu li.active a,
.cs5-sub-menu li:hover a{
    background:#ff6a63;
    color:#fff;
}

.cs5-info-sys ul{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:30px;
    padding:0;
    margin:0;
    list-style:none;
}

.cs5-info-sys li{
    width:calc(33.333% - 20px);
    background:#fff;
    overflow:hidden;
    transition:.35s;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
}

.cs5-info-sys li:hover{
    transform:translateY(-8px);
}

.cs5-img{
    overflow:hidden;
    height:270px;
}

.cs5-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s;
}

.cs5-info-sys li:hover img{
    transform:scale(1.08);
}
.cs5-item-info{
    padding:25px;
}

.cs5-name{
    margin-bottom:15px;
}

.cs5-name a{
    font-size:18px;
    color:#333;
    font-weight:700;
    text-decoration:none;
}
.cs5-name a:hover{
    color:#ff6a63;
}

.cs5-info{
    color:#666;
    line-height:30px;
    margin-bottom:20px;
}

.cs5-pr{
    color:#777;
    font-size:16px;
}
.cs5-pr-in{
    display:block;
    margin-top:8px;
    color:#ff5d47;
    font-size:20px;
    font-weight:bold;
}
.cs5-detail{
    margin-top:20px;
}

.cs5-detail a{
    display:inline-block;
    padding:12px 30px;
    background:#ff6a63;
    color:#fff;
    text-decoration:none;
    transition:.3s;
}

.cs5-detail a:hover{
    background:#f45149;
}
/* Laptop */
.cs5-old-price{
    color:#888;
    text-decoration:line-through;
    text-decoration-thickness:2px;
    font-size:15px;
}

.cs5-new-price{
    color:#e60000;
    font-size:22px;
    font-weight:700;
}

.cs5-pr{
    color:#555;
    font-weight:600;
    margin-right:5px;
}

.cs5-pr-in{
    display:inline-block;
    margin-right:15px;
}
@media(max-width:1199px){
.cs5-info-sys li{
    width:calc(50% - 15px);
}

}

/* Tablet */

@media(max-width:991px){
.cs5-title a{
    font-size:38px;
}

.cs5-sub-menu li a{
    padding:15px 25px;
    font-size:17px;
}

}

/* Mobile */

@media(max-width:767px){
.cs5-feature-box{
    padding:60px 15px;
}

.cs5-title a{
    font-size:30px;
}

.cs5-sub-menu ul{
    display:flex;
    width:100%;
}

.cs5-sub-menu li{
    flex:1;
}

.cs5-sub-menu li a{
    padding:12px 10px;
    font-size:14px;
}

.cs5-info-sys li{
    width:100%;
}

.cs5-img{
    height:230px;
}

.cs5-name a{
    font-size:22px;
}

.cs5-pr-in{
    font-size:24px;
}

}

.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;
}
.feature-tour.style_1 article {
    width: 100%; margin-right: 0;
}
.feature-tour.style_1 .fea-wrap article .hover{
    width: 200px; margin-right: 20px
}
.feature-tour.style_1 .feature-tour article .art-wrap{
    padding: 5px 15px 0;
}.feature-tour.style_1 .index_info{
    height: 54px;
}
.feature-tour.style_1 .boxprice .bprow1, .boxprice1 .bprow1{
    float: left;    margin: 7px 7px 0 0;
}
.feature-tour.style_1 .boxprice .bprow2, .boxprice1 .bprow2{
    float: left;
}.feature-tour.style_1 .tkhoihanh {
    display: block;
}
.system_menu_ext{
    margin-top: 5px;
}
 
/* Hoang them vao
--------------------------------------------- */

/* Responsive Menu
--------------------------------------------- */
.system-style.share.style-03 {
    width: 140px;
    text-align: left;
}
.system-style.share.style-03 a{ border-radius: 50%;}
.responsive-menu-icon {
    cursor: pointer;
    display: none;
    margin-bottom: -1px;
    text-align: center;
}

.responsive-menu-icon::before {
    content: "\f333";
    display: inline-block;
    font: normal 20px/1 'dashicons';
    margin: 0 auto;
    padding: 10px;
}

.site-header .responsive-menu-icon::before {
    padding: 0;
}
.top_left_menu{
    color: #fff; 
    font-size: 1.5em;
    text-align: left;
    font-family: 'UTM Avo', sans-serif;
    border-bottom: 1px solid #dbdede ; line-height: 43px; padding-left: 10px;
    background: #0D577A;
}
.box_left{
    border:1px solid #dbdbdb; background-color: #fff;
}
.box_support .sb{
    margin: 10px 10px 10px 20px;color: #7c7c7c;
}
.box_support .sb .tt{color: #292929;font-size: 1.2em;}
.box_support .sb .yahoo{color: #a8a8a8;font-size: 12px;
background: url('../images/icon_yahoo.png') no-repeat left center; padding-left: 20px; display: block;
margin-left: 15px; line-height: 30px;
} 
.box_support .sb .skype{color: #a8a8a8;font-size: 12px;
background: url('../images/icon_skype.png') no-repeat left center; padding-left: 20px; display: block;
margin-left: 15px; line-height: 30px;
}

.box_support .sb .phone{color: #a8a8a8;font-size: 12px;
background: url('../images/icon_phone.png') no-repeat left center; padding-left: 20px; display: block;
margin-left: 15px; line-height: 30px;
}
.box_support .sb .email{color: #a8a8a8;font-size: 12px;
background: url('../images/icon_email.png') no-repeat left center; padding-left: 20px; display: block;
margin-left: 15px; line-height: 30px;
}
#list-tour .list-tour-1 article .art-wrap{
    padding-left: 10px;
}
#list-tour .list-tour-1 article .f_detail a{
    color:#fff
}
.box_left {
    margin-bottom: 10px;
}
.feature-tour.style_2 article{
    width: 45%;
    margin-right: 20px;
    height: 369px;
    background: #fff;
    padding: 9px;
}
 
.feature-tour.style_2 article._4clm_3{
    margin-right:0px;
}
 
.tabs{width:96%;height:26px;border-bottom:1px solid #dcdcdc;}
.tabs ul{display:inline-block;width:100%;height:26px;margin:0;padding:0;list-style:none;}
.tabs ul li{display:inline-block;height:24px;border-bottom:2px solid #fff;margin:0 2px 0 0;width:33%;}
.tabs ul li.current{border-bottom-color:#0e6dc7;}
.tabs ul li.last{margin-right:0px !important;}
.tabs li a{display:block;height:24px;line-height:24px;color:#141414;text-decoration:none;}
 
.r-tabs {
	position: relative; margin-top: 10px;
}
.r-tabs .r-tabs-nav{
    padding:  0  !important; margin:  0 !important; float: left; width: 100%;
}
.r-tabs .r-tabs-nav .r-tabs-tab {
	position: relative;
}
.r-tabs .r-tabs-nav .r-tabs-anchor,
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	background-color: #fefefe;
	position: relative;
	display: block;
	color: #424242;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	line-height: 38px;
	padding: 0 15px;
	cursor: pointer;
}
.r-tabs-smoke.r-tabs .r-tabs-nav .r-tabs-anchor,
.r-tabs-smoke.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	background-color: #ECECEC;
	color: #424242;
}
.r-tabs-smoke.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	border: 1px dashed #00923f;
}
.r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor.order {
	background-color: #e61c05;
	color: #ffffff;
	text-transform: uppercase;
}
.r-tabs-smoke.r-tabs .r-tabs-accordion-title:nth-child(7n) .r-tabs-anchor {
	background-color: #e61c05;
	border-color: transparent;
	color: #ffffff;
	text-transform: uppercase;
}
.r-tabs .r-tabs-nav .r-tabs-anchor:hover,
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor,.r-tabs-tab.active .r-tabs-anchor,
.r-tabs .r-tabs-accordion-title .r-tabs-anchor:hover,
.r-tabs .r-tabs-accordion-title.r-tabs-tab.active .r-tabs-anchor {
	background-color: #00923f !important;
	color: #ffffff !important;
    text-decoration: none !important;
}
.r-tabs .r-tabs-nav .r-tabs-anchor:hover::after,
.r-tabs .r-tabs-nav .r-tabs-tab.active .r-tabs-anchor::after,
.r-tabs .r-tabs-accordion-title .r-tabs-anchor:hover::after,
.r-tabs .r-tabs-accordion-title.r-tabs-tab.active .r-tabs-anchor::after {
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -10px;
	bottom: -12px;
	z-index: 2;
	border-top: 12px solid #00923f;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
	opacity: 0.5;
}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	margin-bottom: 15px;
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
	opacity: 0.5;
}
.r-tabs .r-tabs-nav {
	border-bottom: 2px solid #00923f;
	margin: 0 auto;
	padding: 0;
}
.r-tabs .r-tabs-tab {
	display: block;
	float: left;
	list-style: none; 
	padding-right: 5px;
}
.r-tabs .r-tabs-panel {
	background-color: #ffffff;
	border: solid 1px #d9d9d9;
	margin-top: 15px;
	padding: 20px;
	display: none;
}
.r-tabs .r-tabs-accordion-title {
	display: none;
}
.r-tabs .r-tabs-panel.r-tabs-state-active {
	display: block;
}




.xdsoft_datetimepicker{
	background: #ffffff;
	color: #424242;
	font-family: inherit;
	font-weight: 400;
	padding: 8px;
	padding-left: 0px;
	padding-top: 2px;
	position: absolute;
	z-index: 9999;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display:none;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
	box-shadow: 0 6px 12px rgba(0,0,0,0.175);
	background-clip: padding-box;
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border:none;
}
/*For IE8 or lower*/
.xdsoft_datetimepicker button {
    border:none !important;
}

.xdsoft_noselect{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.xdsoft_noselect::selection { background: transparent; }
.xdsoft_noselect::-moz-selection { background: transparent; }
.xdsoft_datetimepicker.xdsoft_inline{
	display: inline-block;
	position: static;
	box-shadow: none;
}
.xdsoft_datetimepicker *{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0px;
	margin:0px;
}
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker  .xdsoft_timepicker{
	display:none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker  .xdsoft_timepicker.active{
	display:block;
}
.xdsoft_datetimepicker .xdsoft_datepicker{
	width: 224px;
	float:left;
	margin-left:8px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{
	width: 256px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker{
	width: 58px;
	float:left;
	text-align:center;
	margin-left:8px;
	margin-top:0px;
}
.xdsoft_datetimepicker  .xdsoft_datepicker.active+.xdsoft_timepicker{
	margin-top:8px;
	margin-bottom:3px
}
.xdsoft_datetimepicker  .xdsoft_mounthpicker{
	position: relative;
	text-align: center;
}

.xdsoft_datetimepicker  .xdsoft_prev, .xdsoft_datetimepicker  .xdsoft_next,.xdsoft_datetimepicker  .xdsoft_today_button{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg==');
}
.xdsoft_datetimepicker  .xdsoft_prev{
    float: left;
	background-position:-20px 0px;
}
.xdsoft_datetimepicker  .xdsoft_today_button{
    float: left;
	background-position:-70px 0px;
	margin-left:5px;
}

.xdsoft_datetimepicker  .xdsoft_next{
    float: right;
	background-position:0px 0px;
}
.xdsoft_datetimepicker  .xdsoft_next:active,.xdsoft_datetimepicker  .xdsoft_prev:active{
}
.xdsoft_datetimepicker  .xdsoft_next,.xdsoft_datetimepicker  .xdsoft_prev ,.xdsoft_datetimepicker  .xdsoft_today_button{
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0px none currentColor;
	cursor: pointer;
	display: block;
	height: 30px;
	opacity: 0.5;
	outline: medium none currentColor;
	overflow: hidden;
	padding: 0px;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	width: 20px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_next{
	float:none;
	background-position:-40px -15px;
	height: 15px;
	width: 30px;
	display: block;
	margin-left:14px;
	margin-top:7px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev{
	background-position:-40px 0px;
	margin-bottom:7px;
	margin-top:0px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box{
	height:151px;
	overflow:hidden;
	border-bottom:1px solid #DDDDDD;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div{
	background: #FFFFFF;
	border-top:1px solid #DDDDDD;
	color: #666666;
	font-size: 12px;
	text-align: center;
	border-collapse:collapse;
	cursor:pointer;
	border-bottom-width:0px;
	height:25px;
	line-height:25px;
}

.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div > div:first-child{
 border-top-width:0px;
}
.xdsoft_datetimepicker  .xdsoft_today_button:hover,
.xdsoft_datetimepicker  .xdsoft_next:hover,
.xdsoft_datetimepicker  .xdsoft_prev:hover {
    opacity: 1;
}
.xdsoft_datetimepicker  .xdsoft_label{
	display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
	float:left;
	width:182px;
	text-align:center;
	cursor:pointer;
}
.xdsoft_datetimepicker  .xdsoft_label:hover{
	text-decoration:underline;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select{
	border:1px solid #ccc;
	position:absolute;
	right:0px;
	top:30px;
	z-index:101;
	display:none;
	background:#fff;
	max-height:160px;
	overflow-y:hidden;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_monthselect{right:-7px;}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_yearselect{right:2px;}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{
	color: #fff;
    background: #ff0000;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option{
	padding:2px 10px 2px 5px; 
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{
	background: #00923f;
	box-shadow: #007c36 0 1px 3px 0 inset;
	color:#fff;
	font-weight: 700;
}
.xdsoft_datetimepicker  .xdsoft_month{
	width:90px;
	text-align:right;
}
.xdsoft_datetimepicker  .xdsoft_calendar{
	clear:both;
}
.xdsoft_datetimepicker  .xdsoft_year{
	width:56px;
}
.xdsoft_datetimepicker  .xdsoft_calendar table{
	border-collapse:collapse;
	width:100%;
	
}
.xdsoft_datetimepicker  .xdsoft_calendar td > div{
	padding-right:5px;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
	height: 25px;
}
.xdsoft_datetimepicker  .xdsoft_calendar td,.xdsoft_datetimepicker  .xdsoft_calendar th{
	width:14.2857142%;
	background: #FFFFFF;
	border:1px solid #DDDDDD;
	color: #666666;
	font-size: 12px;
	text-align: right;
	padding:0px;
	border-collapse:collapse;
	cursor:pointer;
	height: 25px;
}
.xdsoft_datetimepicker.xdsoft_showweeks  .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks  .xdsoft_calendar th{
	width:12.5%;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
	background: #FFFFFF;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_today{
	color:#00923f;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
	background: #00923f;
	box-shadow: #065cac 0px 1px 3px 0px inset;
	color:#fff;
	font-weight: 700;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker  .xdsoft_time_box >div >div.xdsoft_disabled{
	opacity:0.5;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{
	opacity:0.2;
}
.xdsoft_datetimepicker  .xdsoft_calendar td:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
	color: #fff !important;
    background: #ff0000 !important;
    box-shadow: none !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover{
	color: inherit	!important;
    background: inherit !important;
    box-shadow: inherit !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
	font-weight: 700;
	text-align: center;
	color: #999;
	cursor:default;
}
.xdsoft_datetimepicker  .xdsoft_copyright{ color:#ccc !important; font-size:10px;clear:both;float:none;margin-left:8px;}
.xdsoft_datetimepicker  .xdsoft_copyright a{ color:#eee !important;}
.xdsoft_datetimepicker  .xdsoft_copyright a:hover{ color:#aaa !important;}


.xdsoft_time_box{
	position:relative;
	border:1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller{
	background:#ccc !important;
	height:20px;
}
.xdsoft_scrollbar{
	position:absolute;
	width:7px;
	right:0px;
	top:0px;
	bottom:0px;
	cursor:pointer;
}
.xdsoft_scroller_box{
position:relative;
}
ul.tagit {
    padding: 1px 5px;
    overflow: auto;
    margin-left: inherit; /* usually we don't want the regular ul margins. */
    margin-right: inherit;
}
ul.tagit li {
    display: block;
    float: left;
    margin: 0 5px 0 0;
}
ul.tagit li.tagit-choice {    
    position: relative;
    line-height: inherit;
}
input.tagit-hidden-field {
    display: none;
}
ul.tagit li.tagit-choice-read-only { 
    padding: .2em .5em .2em .5em; 
} 

ul.tagit li.tagit-choice-editable { 
    padding: 2px 15px 2px 5px;
} 

ul.tagit li.tagit-new {
    padding: 0;
}

ul.tagit li.tagit-choice a.tagit-label {
    cursor: pointer;
    text-decoration: none;
}
ul.tagit li.tagit-choice .tagit-close {
    cursor: pointer;
    position: absolute;
    right: .1em;
    top: 0;
    line-height: 15px;
}

/* used for some custom themes that don't need image icons */
ul.tagit li.tagit-choice .tagit-close .text-icon {
    display: none;
}

ul.tagit li.tagit-choice input {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
}
ul.tagit input[type="text"] {
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;

    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;

    border: none;
    margin: 0;
    padding: 0;
    width: inherit;
    background-color: inherit;
    outline: none;
}
 
.item-book{display:inline-block;width:100%;margin-bottom:10px}
.item-book .tit{display:block;width:160px;height:24px;line-height:24px;color:inherit;float:left;padding-right:16px;text-align:right;font-size:14px}
.item-book .text{display:block;float:left;height:22px;border:1px solid #ccc;padding-left:5px;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px}
.item-book .ui-select-default{display:block;float:left;height:24px;margin-right:5px;border:1px solid #ccc;padding:2px;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px}
.item-book .ui-textarea-default{width:548px;height:80px;padding:5px 5px 5px 20px;border:1px solid #ccc;background:url(../images/icon/field_icon.png) no-repeat 5px 5px;resize:none;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px}
.item-book .full{width:270px}
#request{width:264px;padding:5px}
input.error{border:1px solid #c00000 !important}
label.error{display:none !important}
.item-book .medium{width:200px}
.item-book .select-full{width:246px}
.item-book .select-short{width:60px}
.noticeText{display:inline-block;margin:-5px 0 0;float:left;height:20px;line-height:20px;color:#666;font-size:11px;padding-left:195px}
.button-contact{ margin:20px auto 10px;width:130px}
.addTicket{background:url("../images/round_plus.png") no-repeat scroll 0 0 transparent;display:block;height:16px;overflow:hidden;text-indent:-9999%;width:16px}
.removeTicket{background:url("../images/round_delete.png") no-repeat scroll 0 0 transparent;display:block;ght:16px;overflow:hidden;text-indent:-9999%;width:16px}
.check{background:none repeat scroll 0 0 #A82229;color:#FFFFFF}
.v-menu ul{
	left: -200px;	
}
.v-menu ul ul{
	left: -100%;	
}

.collapse-body{
    display: block;
    font-family: arial;
    font-size: 13px;
    text-align: justify;
    color: #464646;
}

.system-style.ul-detail .l-right{ width: 720px;}
.popup_message{ top: 25%; width: 500px; left: 50%;}
#vnt-menu-fixed{
    position: fixed;
    bottom: 20%;
    right: 0px;
    z-index: 6;
}
#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: #3399cc;
}
#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:#3399cc;
    font-size: 14px;
    line-height: 22px;
    right:50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
   /* background: #3399cc;*/
    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: #0a7dc4;*/
    border-radius: 100%;
    color: #fff;
    font-size: 20px;
    position: relative;
    z-index: 2;
}
#vnt-menu-fixed>ul>li.go_top>a{
    background-color: #3399cc;
}
#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: #3399cc;
    padding-top: 3px;
}
#vnt-menu-fixed a{
    color: #080808;
}
#vnt-menu-fixed>ul>li:hover>a{
 
}
/*===============*/
#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;
}
/*===============*/