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

.c_in{
    width: 1400px;
}
/* Desktop lớn */
.c_in{
    width:100%;
    max-width:1400px;
    margin:0 auto;
    padding:0 20px;
    box-sizing:border-box;
}

/* Laptop */
@media (max-width:1200px){
    .c_in{
        max-width:1140px;
        padding:0 20px;
    }
}

/* Tablet ngang */
@media (max-width:992px){
    .c_in{
        max-width:960px;
        padding:0 18px;
    }
}

/* Tablet dọc */
@media (max-width:768px){
    .c_in{
        max-width:100%;
        padding:0 15px;
    }
}

/* Mobile */
@media (max-width:576px){
    .c_in{
        padding:0 12px;
    }
}
/* General Layout
/*-----------------------------------------------------------------------------------*/
 
html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
    
}

body {
	font-family: 'Playfair Display', serif;
	padding:0;
	font-size:100%;
	margin:0 auto;
	color: #1E1E1E;
    line-height: 18px;
}

a {
	color: #292929;
	text-decoration: none;
}
/*
a:visited {
	color: #ac0404;
}
*/
 

a:hover {
	color: #ea9629;text-decoration:none;
	outline: 0;
}
 
.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; }

h1 span, h2 span, h3 span, h4 span { font-weight:normal; }

.clear{clear:both;}
.wrapper {	width: 1170px; max-width:100%;	margin: 0 auto;	clear: both;}
input, select {    cursor: pointer;    background: #fff;    color: #000;font-size: 14px;}
.systemFormBooking .calender_input {    color: #222222;font-size: 14px}
.systemFormBooking .ul-list-field >li.sys-bk-lsp span, .systemFormBooking .ul-list-field >li.sys-bk-lsp select {    color: #2e2e2e;font-size: 14px;}
.systemFormBooking .ul-list-field >li .book_textarea {    background: #fff;    color: #000;font-size: 14px}
.systemFormBooking .ul-list-field >li input[type=text]{font-size: 13px}
.label_for_input input{width: auto}
.bksbm{    padding: 10px 30px;    border: 1px solid #f3b407;    border-radius: 10px;}
.bksbm:hover{background: #f3b407;border: 1px solid #fff;}
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;width: 300px;}
textarea {    overflow: auto;}
input[type="button"], button {    cursor: pointer;    padding: 4px;    vertical-align: middle;}
.checkout-payment li label input{width: auto}
.read_more {    font-style: italic;    text-decoration: underline;}
/* Header
/*-----------------------------------------------------------------------------------*/
 .container1 {    width: 1170px;}
.header_fix {
    width: 100%;
    height: 35px;
    z-index: 99999999999;
    min-width: 1090px;
    background: #fe0002;
    position: absolute; top: 0;
 display:none;
    -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid #fff;
}
.header-mid {
    width: 999px;
 position: relative;
    height: 35px;
    margin: 0px auto;
}
ul.sys_menu_top li .menu-item-name {
    color: #fff;
}
ul.sys_menu_top li:after {
    content: '|';
    color: #fff;
}
#logo{
    padding: 0;
    margin:  0;
    position: absolute;
    top: 3px;
}
#header {
   float: left; width: 100%; 
}
#header._index {

}
/*- top menu -*/
.header-top{display:inline-block; }
.header-top li{display:inline-block;float:left; position: relative; padding-left: 5px; padding-right: 5px}
.header-top li i{
	position: absolute;z-index: 9;top:5px;right:-8px;
	width: 16px; height: 16px
}
.header-top li a{
    display:block;
    float:left;
    font-size: 12px;
    color: #fff;
    padding:0px 10px; 
    line-height: 30px;
    font-family: 'Playfair Display', serif;
    text-transform: uppercase;
    z-index: 9;
    }
.header-top > li.active,.header-top > li:hover{
     
}
.header-top .li-level-2 a {
    font-family: 'Playfair Display', serif;
    font-size: 12px;
    color: #fff;
    padding: 0px 10px;
    line-height: 30px;
    text-transform: none;
}
.header-top > li.active a,.header-top > li:hover a{
     text-decoration: none;
     color: #fff;
}
.header-top li ul,.header-top li dl{
    position: absolute;
    top:35px; left: 0;
        z-index: 999;
        background:#403c32;
}
.header-top li li {
    min-width: 200px;
}
.header-top li li ul{top: 0; left: 100%;}
.header-top li li:hover {
    background: #8a2371;
}
/*.background-slider{
    position: absolute;
    top: 223px; left: 0; width: 100%;z-index: 0;
}*/
 

.header-top li li a{ line-height: 30px;}
ul.sys_menu_top {
    right: 0;
}
/*- end top menu -*/

.header-hot-link{display:inline-block;float:right ; }
.header-hot-link li{display:inline-block;float:left; position: relative; padding-left: 5px; padding-right: 5px}
.header-hot-link li i{
	position: absolute;z-index: 9;top:5px;right:-8px;
	width: 16px; height: 16px
}
.header-hot-link li a{
    display:block;
    float:left;
    font-size: 14px;
    color: #000;
    padding:0px 10px; 
    text-transform: uppercase; 
    line-height: 30px;
        font-family: 'Playfair Display', serif;
        }
.header-hot-link > li.active,.header-hot-link > li:hover{
     
}
.header-hot-link .li-level-2 a {
    font-family: 'Playfair Display', serif;
    font-size: 15px;
    color: #fff;
    padding: 0px 10px;
    line-height: 35px;
    text-transform: none;
}
.header-hot-link > li.active a,.header-hot-link > li:hover a{
     text-decoration: none;
     color: #fff;
}
.header-hot-link li ul,.header-hot-link li dl{
    position: absolute;
    top:32px; left: 0;
    background:#403c32;
}
.header-hot-link li li {
    min-width: 250px;
}
.header-hot-link li li ul{top: 0; left: 100%;}
.header-hot-link li li:hover {
    background: #8a2371;
}
.header-hot-link li li a{ line-height: 30px;}
ul.sys_menu_top {
    right: 0;
}
.menuB{    height: 43px;    color: #fff;    position: absolute;    bottom: -12px;    right: 165px;}

/*Top banner*/
/*==============================
TOP BAR
==============================*/

.sys-top-banner{
    background:#fff;
    border-bottom:1px solid #e5e5e5;
    font-size:14px;
}

.sys-top-banner .c_in{
    margin:auto;
    padding:0 15px;
}

.top-banner-flex{
    display:flex;
    justify-content:space-between;
    align-items:center;
    min-height:44px;
    gap:20px;
}

/*==============================
MENU
==============================*/

.header-top{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
}

.header-top>li{
    list-style:none;
    position:relative;
}

.header-top>li>a{
    display:flex;
    align-items:center;
    color:#222;
    padding:0 16px;
    line-height:44px;
    text-decoration:none;
    transition:.3s;
}

.header-top>li:first-child>a{
    padding-left:0;
}

.header-top>li>a:hover{
    color:#0073e6;
}

.header-top>li:not(:last-child):after{
    content:"";
    position:absolute;
    right:0;
    top:14px;
    width:1px;
    height:16px;
    background:#ddd;
}

/* icon */

.header-top i{
    margin-right:8px;
    color:#111;
}

/*==============================
LANGUAGE
==============================*/

.sys_lang.s_lang{
    position:relative;
    display:inline-block;
    z-index:9999;
}

.lang-title{
    min-width:110px;
    height:34px;
    line-height:34px;
    padding:0 18px;
    border:1px solid #ddd;
    border-radius:18px;
    background:#fff;
    cursor:pointer;
    font-size:15px;
    color:#222;
}

.lang-title i{
    float:right;
    margin-top:10px;
    font-size:12px;
}

/* Dropdown */

.lang-list{
    position:absolute;
    top:100%;
    left:0;
    width:160px;
    margin-top:6px;
    padding:8px 0;
    background:#fff;
    border:1px solid #ddd;
    box-shadow:0 6px 15px rgba(0,0,0,.15);

    opacity:0;
    visibility:hidden;
    transform:translateY(8px);
    transition:.25s;

    list-style:none;
}

.sys_lang:hover .lang-list{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.lang-list li{
    margin:0;
    padding:0;
}

.lang-list li a{
    display:block;
    padding:10px 12px;
    text-decoration:none;
    color:#333;
    font-size:16px;
    transition:.2s;
    cursor: pointer;
    margin-left: 5px;
}

.lang-list li a:hover{
    background:#f3f3f3;
    color:#0b6fc7;
}
.sys_lang.s_lang .sys_flag{
	float: none;
}
/*==============================
RESPONSIVE
==============================*/

@media(max-width:991px){

    .top-banner-flex{
        flex-direction:column;
        align-items:flex-start;
        padding:10px 0;
    }

    .header-top{
        width:100%;
    }

    .header-top>li>a{
        padding:8px 12px;
        line-height:24px;
    }

    .header-top>li:after{
        display:none;
    }

    .sys_lang{
        width:180px;
        margin-top:10px;
    }

}

@media(max-width:767px){

    .header-top{
        display:block;
    }

    .header-top>li{
        display:block;
        border-bottom:1px solid #eee;
    }

    .header-top>li>a{
        display:flex;
        justify-content:flex-start;
        width:100%;
        padding:12px 0;
    }

    .lang-dropdown{
        width:100%;
        right:auto;
        left:0;
    }

}

/**/
.header-main{
    display:flex;
    align-items:center;
    height:80px;
    background:#fff;
    position:relative;
    z-index:999;
    box-shadow:0 2px 10px rgba(0,0,0,.08);
}

/*=====================*/
/* LOGO */
/*=====================*/

.header-logo{
    width:28%;
    height:80px;
    background:#28a8d2;
    border-radius:0 80px 0 0;
    display:flex;
    align-items:center;
    justify-content:right;
    padding-right: 40px;
}

.header-logo img{

    max-height:85px;
}

/*=====================*/
/* RIGHT */
/*=====================*/

.header-right{
    width:72%;
    display:flex;
    justify-content:right;
    align-items:center;
    padding:0 40px;
}

.main-menu{

    display:flex;

    align-items:center;
}

.main-menu>li{

    position:relative;

    list-style:none;
}

.main-menu>li>a{

    display:block;

    padding:30px 22px;

    color:#333;

    font-size:16px;

    font-weight:500;

    transition:.3s;
}

.main-menu>li>a:hover{

    color:#1aa5cf;
}
.main-menu li ul{

    position:absolute;

    left:0;

    top:100%;

    width:260px;

    background:#fff;

    border-top:3px solid #28a8d2;

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

    opacity:0;

    visibility:hidden;

    transform:translateY(20px);

    transition:.3s;

    z-index:999;
}

.main-menu li:hover>ul{

    opacity:1;

    visibility:visible;

    transform:none;
}

.main-menu li ul li{

    position:relative;
}

.main-menu li ul li a{

    display:block;

    padding:14px 25px;

    color:#333;

    transition:.3s;
}

.main-menu li ul li:hover>a{

    color:#1aa5cf;

    background:#f7f7f7;
}
.main-menu li ul li ul{

    top:0;

    left:100%;

    margin-left:0;

    opacity:0;

    visibility:hidden;
}

.main-menu li ul li:hover>ul{

    opacity:1;

    visibility:visible;
}
.main-menu li.menu-item-has-children>a:after{

    content:"▼";

    font-size:9px;

    margin-left:6px;

    vertical-align:middle;
}

.main-menu li ul li.menu-item-has-children>a:after{

    float:right;

    content:"▶";
}

.main-menu li:has(ul)>a:after{
    content:"▼";
    font-size:9px;
    margin-left:5px;
}
.quote-btn{

    background:#133d49;

    color:#fff;

    padding:14px 34px;

    border-radius:40px;

    transition:.3s;
}

.quote-btn:hover{

    background:#28a8d2;
}
.mobile-toggle{
    display:none;
    width:56px;
    height:56px;
    background:#29abd4;
    color:#fff;
    border-radius:8px;
    cursor:pointer;
    justify-content:center;
    align-items:center;
    font-size:26px;
}
.submenu-btn{
display: none
}
@media (max-width:991px){

.header-main{

    position:relative;
    height:80px;
}

.header-logo{

    width:75%;
}

.mobile-toggle{

    display:flex;

    position:absolute;

    right:20px;

    top:12px;

    z-index:9999;
}

.header-right{

    display:none;

    position:absolute;

    left:0;

    top:80px;

    width:100%;

    background:#fff;

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

.header-right.active{

    display:block;
}

.main-menu{

    display:block;
}

.main-menu li{

    position:relative;

    border-bottom:1px solid #eee;
}

.main-menu li a{

    display:block;

    padding:15px 20px;
}

.main-menu li ul{

    display:none;

    position:static;

    opacity:1;

    visibility:visible;

    transform:none;

    box-shadow:none;

    width:100%;

    border:none;

    padding-left:15px;
}

}
.submenu-btn{

    position:absolute;

    right:15px;

    top:13px;

    width:32px;

    height:32px;

    text-align:center;

    line-height:32px;

    cursor:pointer;

    color:#29abd4;
}

@media(max-width:991px){

.header-main{

    flex-direction:column;

    height:auto;
}

.header-logo{

    width:100%;

    border-radius:0;

    height:70px;
}

.header-right{

    width:100%;

    padding:15px;

    flex-direction:column;
}

.main-menu{

    width:100%;

    display:block;
}

.main-menu>li>a{

    padding:15px;
}

.main-menu li ul{

    position:static;

    opacity:1;

    visibility:visible;

    display:none;

    transform:none;

    box-shadow:none;
}

}
/*
 * Site Header
 * ------------*/
.sl-hover{
	margin-bottom:50px;
    overflow: hidden;
}
.sl-hover img{
	width: 100%;
	height: 100%;
    object-fit: cover;
}
.box-tour{
	width: 70%;
	float: left;
}
.tour-side{
	width: 70%;
} 
.flr-box{
	float: right;
	width: 30%
}
.sys-hot-tours{
font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 15px 30px;
    background: #2e86ff;
    color: #fff;
    margin: 0 30px;
}
.slideall{
    position:relative;
    overflow:hidden;
}

.slideall .sl-hover{
    position:relative;
}

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

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

/* Breadcrumb đè lên banner */

.crumbs{
    position:absolute;
    left:0;
    right:0;
    top:50%;
    transform:translateY(-50%);
    z-index:10;
    text-align:center;
    color:#fff;
}

.crumbs .page-title{
    font-size:54px;
    font-weight:700;
    color:#fff;
    margin:0 0 20px;
    line-height:1.2;
}

.crumbs h4{
    margin:0;
    font-size:18px;
    font-weight:400;
}

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

.crumbs span{
    margin:0 10px;
    color:rgba(255,255,255,.8);
}

@media(max-width:991px){

    .slideall .sl-hover img{
        height:320px;
    }

    .crumbs .page-title{
        font-size:36px;
    }

    .crumbs h4{
        font-size:15px;
    }

}

@media(max-width:576px){

    .slideall .sl-hover img{
        height:240px;
    }

    .crumbs .page-title{
        font-size:26px;
        margin-bottom:12px;
    }

    .crumbs h4{
        font-size:13px;
    }

}
/*Trip info*/
.box-info{
    margin:40px 0;
    padding:45px;
    background:#fff;
    border:1px solid #dfe6eb;
    border-radius:4px;
}

.trip-title{
    margin:0 0 40px;
    font-size:30px;
    font-weight:700;
    color:#17384a;
}

.trip-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px 50px;
}

.trip-item{
    display:flex;
    align-items:flex-start;
}

.trip-item i{
    width:55px;
    font-size:25px;
    color:#8d9499;
    text-align:center;
    margin-top:5px;
    flex-shrink:0;
}

.trip-item div{
    flex:1;
}

.trip-item span{
    display:block;
    color:#7a7a7a;
    font-size:17px;
    margin-bottom:8px;
}

.trip-item strong{
    display:block;
    color:#222;
    font-size:16px;
    font-weight:700;
    line-height:1.4;
}

/******** Hover ********/

.trip-item:hover i{
    color:#0a7acb;
    transform:scale(1.1);
    transition:.3s;
}

.trip-item:hover strong{
    color:#0a7acb;
    transition:.3s;
}

/******** Tablet ********/

@media(max-width:991px){

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

    .trip-title{
        font-size:34px;
    }

    .trip-item strong{
        font-size:22px;
    }

}

/******** Mobile ********/

@media(max-width:767px){

    .box-info{
        padding:25px;
    }

    .trip-grid{
        grid-template-columns:1fr;
        gap:25px;
    }

    .trip-title{
        font-size:28px;
        margin-bottom:25px;
    }

    .trip-item i{
        width:45px;
        font-size:24px;
    }

    .trip-item span{
        font-size:15px;
    }

    .trip-item strong{
        font-size:18px;
    }

}
/*Trip info End*/
.sys-box-full{
    margin:40px 0;
}

.box-info-note{
    background:#fff;
    border-left:4px solid #ff5a5f;
    padding:22px 28px;
    margin-bottom:20px;
    box-shadow:0 2px 8px rgba(0,0,0,.05);
}

.box-info-note h3{
    margin:0 0 15px;
    font-size:18px;
    font-weight:700;
    color:#303030;
}

.box-content{
    color:#555;
    font-size:15px;
    line-height:1.8;
}

/* Danh sách */

.box-content ul{
    margin:0;
    padding:0;
    list-style:none;
}

.box-content li{
    position:relative;
    padding-left:20px;
    margin-bottom:10px;
}

.box-content li:before{
    content:"";
    width:8px;
    height:8px;
    background:#ff4d4d;
    border-radius:50%;
    position:absolute;
    left:0;
    top:10px;
}

/* Nếu nội dung chỉ có <p> */

.box-content p{
    margin:0 0 12px;
}

/* Responsive */

@media(max-width:768px){

    .box-info-note{
        padding:18px;
    }

    .box-info-note h3{
        font-size:24px;
    }

    .box-content{
        font-size:15px;
        line-height:1.7;
    }

}

.sys-box-price{
    margin:35px 0;
    padding:18px 25px;
    border:1px solid #ddd;
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#fff;
    gap:20px;
}

.price-box{
    flex:1;
}

.price-public,
.price-hot{
    font-size:20px;
    line-height:1.8;
}

.price-public span,
.price-hot span{
    color:#333;
    font-weight:500;
}

.price-public del{
    color:#888;
    font-size:24px;
    margin-left:8px;
}

.price-hot strong{
    color:#ff0000;
    font-size:34px;
    font-weight:700;
    margin-left:8px;
}

.booknow{
    flex-shrink:0;
}

.booknow a{
    display:inline-block;
    background:#f40000;
    color:#fff;
    text-decoration:none;
    padding:16px 35px;
    font-size:18px;
    font-weight:700;
    text-transform:uppercase;
    transition:.3s;
}

.booknow a:hover{
    background:#d60000;
}

/* Tablet */

@media(max-width:991px){

    .price-public,
    .price-hot{
        font-size:20px;
    }

    .price-hot strong{
        font-size:28px;
    }

}

/* Mobile */

@media(max-width:768px){

    .sys-box-price{
        flex-direction:column;
        align-items:flex-start;
    }

    .booknow{
        width:100%;
    }

    .booknow a{
        width:100%;
        text-align:center;
        box-sizing:border-box;
    }

}

/* Thanh tab */

.tour-tabs{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    border-bottom:1px solid #e5e5e5;
    margin:0 0 30px;
    padding:0;
    list-style:none;
    gap:20px;
}

.tour-tabs li{
    position:relative;
    margin:0;
}

.tour-tabs li a{
    display:block;
    padding:18px 12px;
    font-size:22px;
    color:#888;
    text-decoration:none;
    transition:.3s;
}

.tour-tabs li:hover a{
    color:#16a6e8;
}

.tour-tabs li.active a{
    color:#16a6e8;
}

.tour-tabs li.active:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    height:3px;
    background:#16a6e8;
}

/* Nội dung */

.tab_content{
    animation:fadeIn .35s;
}
.tour-tabs{
    display:flex !important;
    list-style:none;
    padding:0;
    margin-bottom: 20px;
}

.tour-tabs li{
    display:block;
}
.detailtour img{
	width: 80% !important;
	height: auto !important;
	margin: 15px;
}
/* Nội dung từ Editor */

.detailtour img,
#content-box img,
.editor-content img,
.content-detail img{
    display:block;
    max-width:100% !important;
    height:auto !important;
    margin:25px auto !important;
}

/* Nếu editor sinh thẻ figure */

.detailtour figure,
#content-box figure,
.editor-content figure,
.content-detail figure{
    display:table;
    margin:25px auto !important;
    text-align:center;
    max-width:100%;
}

.detailtour figure img,
#content-box figure img,
.editor-content figure img,
.content-detail figure img{
    display:block;
    margin:0 auto;
}

.detailtour figure figcaption,
#content-box figure figcaption{
    margin-top:10px;
    color:#666;
    font-size:14px;
    font-style:italic;
    text-align:center;
}
@keyframes fadeIn{
    from{
        opacity:0;
        transform:translateY(8px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

@media(max-width:768px){

    .tour-tabs{
        overflow-x:auto;
        white-space:nowrap;
        gap:5px;
    }

    .tour-tabs li{
        flex:0 0 auto;
    }

    .tour-tabs li a{
        font-size:16px;
        padding:15px 10px;
    }

}
#tour_book_04{
	padding: 30px;
    border: 1px solid #a9a9a9;
    border-radius: 30px;
    background: #f9f9f9;
    margin-top: 50px;
}
.title-form-checkout{
	margin-bottom: 30px
}
.mediabox{
	display: none;
}
/*Other post*/
.other-post{
    margin:60px 0;
}

.related-title{
    font-size:42px;
    color:#15384d;
    margin-bottom:35px;
    font-weight:700;
}

.related-tour{
    display:flex;
    flex-wrap:wrap;
    gap:30px;
    padding:0;
    margin:0;
    list-style:none;
}

.related-tour>li{
    width:calc(33.333% - 20px);
}

.tour-card{
    background:#fff;
    border:1px solid #e6e6e6;
    border-radius:18px;
    overflow:hidden;
    transition:.35s;
    height:100%;
    box-shadow:0 5px 20px rgba(0,0,0,.05);
}

.tour-card:hover{
    transform:translateY(-8px);
    box-shadow:0 12px 35px rgba(0,0,0,.12);
}

.tour-image{
    position:relative;
    overflow:hidden;
}

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

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

.tour-price{
    position:absolute;
    right:20px;
    bottom:15px;
    color:#fff;
    font-size:32px;
    font-weight:700;
    text-shadow:0 2px 8px rgba(0,0,0,.5);
}

.tour-info{
    padding:25px;
}

.tour-info h4{
    margin:0 0 15px;
    font-size:18px;
    line-height:1.4;
}

.tour-info h4 a{
    color:#18384a;
    text-decoration:none;
}

.tour-info h4 a:hover{
    color:#00a5ef;
}

.tour-meta{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    color:#777;
    font-size:16px;
}

.tour-meta span i{
    margin-right:6px;
    color:#999;
}

/******** Responsive ********/

@media(max-width:991px){

    .related-tour>li{
        width:calc(50% - 15px);
    }

}

@media(max-width:767px){

    .related-title{
        font-size:30px;
    }

    .related-tour{
        gap:20px;
    }

    .related-tour>li{
        width:100%;
    }

    .tour-image img{
        height:220px;
    }

}
#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;
}
/*===============*/