@import "plugin.css";
/**********/
:root {
    --offset-grid: 24px;
    --offset-top: 12px;
    --offset-bottom: 12px;
    --offset-left: 12px;
    --offset-right: 12px;
    --offset-width: 12px;
}

::-moz-selection {
    background: #ffd200;
    text-shadow: none;
    color: #fff;
}
::selection {
    background: #ffd200;
    text-shadow: none;
    color: #fff;
}
::-webkit-input-placeholder {color: #999;}
:-moz-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
:-ms-input-placeholder {color: #999;}
:disabled {cursor: not-allowed}
/******************************/
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #333;
    padding: 0.2em 0;
}
img {
    display: inline-block;
    max-width: 100%;
    opacity: 1;
    height: auto;
}
img.gray {
    /*noinspection CssInvalidPropertyValue*/
    filter: gray; /* IE */
    -webkit-filter: grayscale(1); /* Old WebKit */
    -webkit-filter: grayscale(100%); /* New WebKit */
    filter: url(resources.svg#desaturate); /* older Firefox */
    filter: grayscale(100%); /* Current draft standard */
}
body {
    font-family: "Roboto", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
    color: #555;
    font-size: 14px;
    background-color: #eee;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-style: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666;
}
h1, h2, h3 {line-height: 1.8;}
a {color:#555;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;display: inline-block}
a:hover, a:focus {color:#E62129}
input, button, textarea, select {font-family: 'Roboto', sans-serif;}
select option {
    font-size: 14px;
}
select option[data-default] {color: #666;}
textarea {line-height: 1.4}
[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.clear {
    clear: both;
    height: 0 !important;
    overflow: hidden;
}
figure, form {display: block; position: relative;}
iframe[name="target_frame"] {position: absolute !important; height: 0 !important;}
.img-res {
    display: block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
}
table.border {
    width: 100%;
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    font-weight: 400;
}
table.border tr th {border-right: 1px solid #e6e6e6;background-color: rgba(12, 80, 161, 0.75);color:#fff}
table.border tr td {
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
table.border tr td > * {
    vertical-align: middle;
    margin-bottom: 0 !important;
    padding: 6px;
}
b, strong {/*font-weight: 700;*/}
.none {display: none !important;}
.g-recaptcha {-webkit-box-ordinal-group: 0;-ms-flex-order: -1;order: -1;}
button.g-recaptcha {-webkit-box-ordinal-group: 12;-ms-flex-order: 11;order: 11}
.grecaptcha-badge {display: none;}
/***********************/
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 1);
    z-index: 99999;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    display: none;
}
.preloader .status {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #CB4332;
    height: 38px;
    width: 38px;
    margin: -19px 0 0 -19px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../img/preloader.gif) center center no-repeat;
    background-size: cover;
}
.preloader .status i {display: none}
/***********************/
.on-top {
    position: fixed!important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.toTop {
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    background: #e57d12;
    border-radius: 50%;
    color: #F0F0F0;
    -webkit-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
            box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
    position: fixed;
    right: 12px;
    bottom: 90px;
    display: none;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    z-index: 9999;
}
.toTop:hover, .toTop:focus {
    color: #fff;
    background: rgba(57, 62, 70, 0.51);
    text-decoration: none;
}
.fixed-bar {height: 0}
.res.res-1by1 {padding-bottom: 100%;}
.res.res-2by1 {padding-bottom: 50%;}
.res.res-3by1 {padding-bottom: calc(100% / 3);}
.res.res-3by2 {padding-bottom: calc((2 * 100%) / 3);}
.res.res-4by1 {padding-bottom: 25%;}
.res.res-4by3 {padding-bottom: 75%;}
.res.res-16by9 {padding-bottom: 56.25%;}
.res.res-custom {}
.res {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    /* z-index: 1; */
}
.res .res-item, .res iframe, .res embed, .res object, .res video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.res > img, .res .img {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    height: 100%;
    width: auto;
    min-width: 100%;
    max-width: none;

}
.res.res2 > img, .res .img {
    min-height: 100%;
    height: auto;
    width: 100%;

}
.wow {  visibility: hidden;  }
.not-show {
    position: absolute;
    top: -99999px;
    left: -99999px;
    text-transform: initial;
    font-style: normal;
}
.inline {display: inline !important;}
.inline-block {display: inline-block !important;}
.block {display: block !important;}
.flex {display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row wrap;flex-flow: row wrap;}
.upper {text-transform: uppercase !important;}
.gsc-tabsArea > .gsc-tabHeader {overflow: hidden !important;}
.r > *:not(:first-child) {
    margin-top: 24px;
    margin-top: var(--offset-grid);
}
/*************************************/
.short img,
.long img,
.cnt img,
.body-item img {
    max-width: 100% !important;
    height: auto !important;
    /*margin-left: auto;
    margin-right: auto;*/
    display: block;
}
.cnt *, .short *, .long * {font-family: "Roboto", sans-serif;}
.cnt span, .short span, .long span {}
.tour-content .cnt div,
.tour-content .cnt span,
.tour-content .cnt p {
    line-height: 1.8
}
/*************************************/
.row .row {
    margin-right: -12px;
    margin-left: -12px;
    margin-right: calc(0px - var(--offset-right));
    margin-left: calc(0px - var(--offset-left));
}
.column, .columns {
    padding-right: 12px;
    padding-left: 12px;
    padding-right: var(--offset-right);
    padding-left: var(--offset-left);
}
.top-bar {
    left: 12px;
    right: 12px;
    left: var(--offset-left);
    right: var(--offset-right);
}
/****************** global **********************/
/*noinspection ALL*/
li h1, li h2, li h3, li h4, li h5, li h6 {
    display:inline \9;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.line {
    height: 1px;
    border-bottom: 1px solid #eee;
    margin-top: 30px;
    margin-bottom: 24px;
}
.no-js .title-bar {display: none;}
.loading {margin-left: 5px; display: none;}
.form-box-alert {
    margin-top: 24px;
    padding: 12px;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    display: none;
    max-width: 100%;
}
.form-box-alert p {margin-bottom: 0}
.form-box-alert p .fa {
    font-size: 15px;
    margin-right: 3px;
}
/*************************************/
.w25 {width: 25% !important;}
.w50 {width: 50% !important;}
.w75 {width: 75% !important;}
.w100 {width: 100% !important;}
/*************************************/
.mw25 {min-width: 25% !important;}
.mw50 {min-width: 50% !important;}
/*************************************/
.is-invalid-input:not(:focus) {border-color: #E62129}
.is-invalid-label {color: #E62129}
/************************************/
.inc-404 {
    max-width: 640px;
    margin: 40px auto;
    padding: 12px;
    background-color: #eeee;
}
.inc-404 h1 {font-size: 2rem;}
.inc-404 p {font-size: 15px;}
/************************************/
.google-map-box {}
.map_locations {display: none !important;}
.map_model img {max-width: none !important;}
.iw-content {}
.iw-content p {margin-bottom: 0;  font-family: "Roboto", sans-serif;}
.iw-content .medium {font-weight: 700;}
.iw-content a {color: #427fed}
.iw-content a:hover {text-decoration: underline}
.gm-style .gm-style-iw {max-width: 640px}
/*************************************/
.is-dropdown-submenu {display: none}
/*************************************/
.main-wrapper {
    margin-left: auto;
    margin-right: auto;
    /*max-width: 1280px;*/
    position: relative;
    background-color: #fefefe;
    overflow: hidden;
}
/*************************************/
.post-social {}
.post-social .item:not(:last-child) {
    margin-bottom: 24px;
    margin-bottom: var(--offset-grid);
}
/*************************************/
.social-share {
    list-style: none;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.social-share li:first-child {margin-left: 0;}
.social-share li {margin-left: 7px;height: 30px;width: 30px;overflow: hidden;}
.social-share li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 30px;
    width: 30px;
    border: 1px dotted #ccc;
    background-color: #fff;
}
.social-share li a:hover {color:#fff}
.social-share li a .fa, .social-share li a.fa {font-size: 17px;}
.social-share .fb a {color: #3B5998;}
.social-share .fb a:hover {background-color: #3B5998;}
.social-share .gp a {color: #DB4437;}
.social-share .gp a:hover {background-color: #DB4437;}
.social-share .yt a {color: #E62117;}
.social-share .yt a:hover {background-color: #E62117;}
.social-share .tw a {color: #1DA1F2;}
.social-share .tw a:hover {background-color: #1DA1F2;}
.social-share .li a {color: #0073B0;}
.social-share .li a:hover {background-color: #0073B0;}
.social-share .pi a {color: #BD081C;}
.social-share .pi a:hover {background-color: #BD081C;}
.social-share .za {border: 1px dotted #ccc;}
.social-share .za .zalo-share-button {
    height: 30px !important;
    width: 30px !important;
    display: block !important;
}
.social-share .za .zalo-share-button:hover {}
.social-share .za .zalo-share-button iframe {height: calc(100% - 2px) !important;}
/*************************************/
.social-follow {font-size: 0;}
.social-follow span.lbl {
    font-size: 13px;
    margin-right: 7px;
    height: 22px;
    vertical-align: middle;
    display: none;
}
.social-follow a {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    margin-right: 10px;
    display: inline-block;
}
.social-follow a:last-child {  margin-right: 0;  }
.social-follow a i {font-size: 14px;color: #fff;}
.social-follow a:hover {margin-top: -2px;}
/*.social-follow a:hover i {color:#E62117;}
.social-follow .fb:hover i {color:#3B5998;}
.social-follow .gp:hover i {color:#DB4437;}
.social-follow .yt:hover i {color:#E62117;}
.social-follow .tt:hover i {color:#1DA1F2;}
.social-follow .le:hover i {color:#0073B0;}
.social-follow .pi:hover i {color:#BD081C;}*/
/*************************************/
.sub-header {background-color: #E62129;padding-top: 6px;padding-bottom: 6px;}
.sub-header a {color: #fff;outline: none}
.sub-header a:hover {text-decoration: underline;}
.sub-header .introsite {
    color: #fff;
    font-size: 13px;
}
.sub-header .introsite p {margin-bottom: 0;}
.sub-header .social-follow {
    /* display: inline-block; */
    border-left: 1px solid #eee;
    padding-left: 10px;
    /*margin-left: 10px;*/
    /* vertical-align: middle; */
}
/*************************************/
.main-header {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
    background-color: #f9f9f9;
    box-shadow: 0 0 3px 0 #eee;
}
.main-header.on-top {padding-bottom: 0;padding-top: 0;background-color: #f9f9f9;}
.main-header.on-top > div {/*max-width: 1280px*/}
.main-header .logo {
    height: 50px;
    overflow: hidden;
}
.main-header.on-top .logo {height: 50px}
.main-header .logo a {font-size: 0;display: inline-block;height: 100%;}
.main-header .logo a + a {margin-left: 6px}
.main-header .logo a img {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    height: 100%;
    display: block;
}
/*************************************/
.lang-box {/* display: inline-block; */position: relative;/* font-size: 0; */margin-right: 10px;}
.lang-box::after {
    content: "\f107";
    font-family: "FontAwesome", serif;
    color: #fff;
    position: absolute;
    top: 2px;
    right: 6px;
    font-size: 12px;
}
#lang-list {
    margin-bottom: 0;
    outline: none;
    border: 1px solid #eee;
    color: #fff;
    font-size: 12px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1;
    height: 22px;
    background: transparent none;
    padding-right: 18px;
}
#lang-list option {color: #555}
#lang-list:hover {}
/*************************************/
.search-box {
    z-index: 10000;
    /* font-size: 0; */
    /* display: inline-block; */
    margin-right: 10px;
}
.search-box > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    border: 1px solid #eee;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #eee;
}
.search-box > a:hover {text-decoration: none}
.search-box > a span {
    display: block;
    font-size: 12px;
    vertical-align: middle;
    padding-right: 6px;
    padding-left: 6px;
    font-family: 'Roboto Condensed', sans-serif;
}
.search-box > a::before {
    font-size: 13px;
    content: "\f002";
    font-family: "FontAwesome", serif;
    text-align: center;
    display: block;
    height: 20px;
    width: 20px;
    border-right: 1px solid #eee;
    line-height: 20px;
}
.search-box > a.hover::before {content: "\f00d";}
.search-box .dropdown-pane {
    padding: 0;
    border: none;
    max-width: 100%;
    z-index: 99999;
    width: 360px;
}
.search-box .frm-search { position: relative;}
.search-box .frm-search input {
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #555;
    padding-right: 47px;
    margin-bottom: 0;
    font-size: 15px;
}
.search-box .frm-search button {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 39px;
    border-left: 1px solid #cacaca;
    cursor: pointer;
}
/*************************************/
.social-box {text-align: center}
/*************************************/
.icons-social-box {display: inline-block;font-size: 0}
.icons-social {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 -3px;
    z-index: 999;
}
.icons-social li {
    padding-left: 3px;
    padding-right: 3px;
}
.icons-social li a {display: block;}
.icons-social li a .tabs-content .tabs-panel .cnt h3, .tabs-content .tabs-panel .cnt h4 i {
    display: block;
    height: 20px;
    width: 20px;
    background: url(../img/pixel.png) no-repeat center;
    background-size: contain;
    -webkit-filter: grayscale(100%);
    filter: url(resources.svg#desaturate);
    filter: grayscale(100%);
}
.icons-social li a:hover i {
    filter: none;
    -webkit-filter: grayscale(0%);
}
.icons-social li a .email {background-image: url(../img/email.png);}
.icons-social li a .viber {background-image: url(../img/viber.png);}
.icons-social li a .whatsapp {background-image: url(../img/whatsapp.png);}
.icons-social li a .zalo {background-image: url(../img/zalo.png);}
/*************************************/
.home-mixed-wrapper {margin-top: 30px}
/*************************************/
.home-slides {
    overflow: hidden;
    position: relative;
}
.home-slides .cam-home-slide {
    margin-bottom: 0 !important;
}
.home-slides .camera_pag {
    position: absolute;
    bottom: 0;
    right: 0;
}
.home-slides .camera_pag .camera_pag_ul {}
.home-slides .camera_pag .camera_pag_ul li {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background-color: #ccc;
    margin: 10px 5px;
}
.home-slides .camera_pag .camera_pag_ul li > span {
    border-radius: 50%;
    height: 8px;
    left: 1px;
    overflow: hidden;
    position: absolute;
    top: 1px;
    width: 8px;
}
.home-slides .camera_pag .camera_pag_ul li.camera_hover {}
.home-slides .camera_pag .camera_pag_ul li.camera_hover > span {background-color: #e62129;}
.home-slides .camera_pag .camera_pag_ul li.cameracurrent {}
.home-slides .camera_pag .camera_pag_ul li.cameracurrent > span {background-color: #e62129;}
.home-slides .camera_caption {display: none !important;}
/*************************************/
.progress-box {margin-top: 50px;}
.progress-box > .row {}
.progress-box .progress-step {
    /* padding: 0; */
    position: relative;
    /* height: 100px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.progress-box .progress-step a {
    font-weight: 700;
    /* position: absolute; */
    /* top: -15px; */
    /* left: 29%; */
    /* margin-top: -15px; */
    /* margin-left: -15px; */
    /* width: 198px; */
    display: block;
    background-color: #ffffff;
    border-radius: 6px;
    border: 2px solid #cacaca;
    padding: 20px;
    text-align: center;
    font-size: 15px;
    color: #555;
    z-index: 1;
}
.progress-box .progress-step a:hover,
.progress-box .progress-step a:focus {color: #555}
.progress-box .progress-step a i {
    display: block;
    font-size: 20px;
    margin-bottom: 12px;
    font-weight: 700;
}
.progress-box .progress-step.complete a i {color: #fff}
.progress-box .progress-step.complete .step {background-color: #e57d12;}
.progress-box .progress-step.active .step {}
.progress-box .progress-step.disabled .step {}
.progress-box .progress-step.complete a {
    border-color: #e57d12;
    background-color: #e57d12;
    color: #fff;
}
.progress-box .progress-step.active a {border-color: #E62129;}
.progress-box .progress-step.disabled a {}
.progress-box .progress-step .step {
    position: absolute;
    border-radius: 0;
    height: 2px;
    -webkit-box-shadow: none;
            box-shadow: none;
    /* margin: 20px 0; */
    left: 50%;
    width: 100%;
    background-color: #cacaca;
    z-index: 0;
    right: 0;
    top: calc(50% - 1px);
}
.progress-box .progress-step:last-child .step {width: 0}
.progress-box .progress-step:last-child a {text-transform: uppercase}
.progress-box .progress-step .step-bar {}
/*************************************/
footer {margin-top: 50px;}
.f {
    /*border-top: 1px solid #eee;*/
    background-color: #f7f7f7;
    padding-top: 12px;
    padding-bottom: 0;
}
.f .copyright, .f .social-share {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 14px;
    margin-right: 24px;
}
.f .social-share {margin-right: 0;}
/*************************************/
.tour-booking {margin-top: 60px;}
.tour-booking > .row {}
.tour-booking .l {}
.tour-booking .l form {
    /*margin-bottom: 24px;
    margin-bottom: var(--offset-grid);*/
}
.tour-booking .l form .h1 {
    border: 1px dotted #E62129;
    padding: 8px 12px;
    background-color: #f5f5f5;
    margin-bottom: 30px;
}
.tour-booking .l form .h1 p {
    font-size: 14px;
    color: #E62129;
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
}
.tour-booking .l form .h1 cite {
    display: inline-block;
    margin-left: 12px;
}
.tour-booking .l form .h1 cite i {
    margin-left: 5px;
    margin-right: 5px;
}
.tour-booking .l form h1 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    line-height: 1.4;
    font-size: 26px;
    text-transform: inherit;
}
.tour-booking .l form h1 span {}
.tour-booking .l form h3 {
    margin-bottom: 24px;
    font-size: 24px;
    /* background-color: #f9f9f9; */
    /* padding: 6px 12px; */
    /* border: 1px solid #eee; */
}
.tour-booking .l form h3 span {
    display: inline-block;
    color: #E62129;
}
.tour-booking .l form .has {}
.tour-booking .l form .payment-booking {margin-top: 24px;}
.tour-booking .l form .btn-booking {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    margin-bottom: 24px;
    margin-bottom: var(--offset-grid);
}
.tour-booking .l form .btn-booking > div:first-child {position: absolute}
.tour-booking .l form .has.btn-booking > a {
    border: 1px solid #ccc;
    background-color: #eee;
    padding: 12px 24px;
    display: inline-block;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
}
.tour-booking .l form .has.btn-booking > a:hover {}
.tour-booking .l form .has.btn-booking > a span {
    display: block;
    line-height: 21px;
    font-weight: 700;
    text-transform: uppercase;
}
.tour-booking .l form .has.btn-booking > button {
    background-color: #E62129;
    color: #fff;
    padding: 12px 24px;
    outline: none;
    font-family: "Roboto", sans-serif;
    border: 1px solid #E62129;
    cursor: pointer;
    width: 115px;
}
.tour-booking .l form .has.btn-booking > button i {font-size: 21px;}
.tour-booking .l form .has.btn-booking > button span {
    display: block;
    line-height: 21px;
    font-weight: 700;
    text-transform: uppercase;
}
.tour-booking .l form .has.btn-booking > button:hover {}
.tour-booking .l form .has.btn-booking > button:hover i {}
.tour-booking .l form .has.btn-booking > button:hover span {}
.tour-booking .l form .has.w {}
.tour-booking .l form .has.w input {width: 60%;}
.tour-booking .l form .has > .item {}
.tour-booking .l form .has > .item label {
    font-weight: 700;
    margin-bottom: 3px;
}
.tour-booking .l form .has > .item label cite {color: #e57d12;}
.tour-booking .l form .has > .item label cite:last-child {margin-bottom: 6px;}
.tour-booking .l form .has > .item label span { color: #E62129}
.tour-booking .l form .has > .item input {margin-bottom: 24px;}
.tour-booking .l form .has.has1 {}
.tour-booking .l form .has.has2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin-left: -12px;
    margin-right: -12px;
    margin-left: calc(0px - var(--offset-left));
    margin-right: calc(0px - var(--offset-right));
}
.tour-booking .l form .has.has1 .item {}
.tour-booking .l form .has.has2 .item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    padding-left: 12px;
    padding-right: 12px;
    padding-left: var(--offset-left);
    padding-right: var(--offset-right);
}
.tour-booking .r {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 360px;
            flex: 0 0 360px;
    max-width: 360px;
    -ms-flex: 0 0 calc(336px + var(--offset-grid));
        flex: 0 0 calc(336px + var(--offset-grid));
    max-width: calc(336px + var(--offset-grid));
    z-index: 1;
}

/*************************************/
.contact-box {}
.contact-box .short {
    margin-bottom: 24px;
    margin-bottom: var(--offset-grid);
}
.contact-info {
    margin-bottom: 24px;
}
.contact-info > address {
    font-weight: 700;
    margin-bottom: 12px;
}
.contact-info .dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.contact-info dl {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    max-width: 100%;
}

dl.telephone {}
.contact-info dt {}
.contact-info dd {}
.contact-info dd a {}
.contact-info .extra-plus {}
.contact-box .frm-text {
    margin-bottom: 24px;
}
.contact-form {
    padding: 24px;
    max-width: 640px;
    border: 1px solid #fff8aa;
    background-color: #fff8aa;
    margin-bottom: 24px;
}
.contact-form .item {}
.contact-form .item label {}
.contact-form .item label span {color: #E62129}
.contact-form .item input {}
.contact-form .item textarea {}
.contact-form .item.btn {
    margin-top: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.contact-form .item.btn button {
    background-color: #E62129;
    border: 1px solid #E62129;
    padding: 6px;
    cursor: pointer;
    width: 105px;
    height: 38px;
}
.contact-form .item.btn button span {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
}
.contact-form .item.btn button i {
    color: #fff;
    font-size: 24px;
}
.contact-form .item.btn .mini-reg {}
.contact-form .item.btn .mini-reg span {color: #E62129}
.contact-form .mess {
    color: #E62129;
    margin-bottom: 0;
    font-weight: 700;
    margin-top: 1rem;
    display: none;
}
/*************************************/
.tour-booking .accordion {margin-bottom: 30px;}
.tour-booking .accordion .accordion-item {margin-bottom: 24px;}
.tour-booking .accordion .accordion-item a {}
.tour-booking .accordion .accordion-item a h4 {margin-bottom: 3px;text-transform: uppercase;font-size: 18px;font-family: "Roboto", sans-serif;font-weight: 700;}
.tour-booking .accordion .accordion-item a p {margin-bottom: 0;font-size: 15px;}
.tour-booking .accordion .accordion-item.is-active a h4 {color: #E62129;}
.tour-booking .accordion .accordion-item.is-active a p {color: #fff}
.tour-booking .accordion .accordion-item .accordion-content {
    border: 1px solid #e6e6e6;
    border-top: none;
}
.tour-booking .accordion .accordion-item .accordion-title {
    color: #555;
    border-bottom: 1px solid #e6e6e6;
    background-color: #f6f6f6;
}
.tour-booking .accordion .accordion-item .accordion-title::before {
    content: "\f00c";
    font-family: "FontAwesome", serif;
}
.tour-booking .accordion .accordion-item.is-active .accordion-title::before {
    /*content: "\f00c";
    font-family: "FontAwesome", serif;*/
    color: #E62129;
    font-size: 38px;
    margin-top: -19px;
    }
.tour-booking .accordion .accordion-item .accordion-title:hover,
.tour-booking .accordion .accordion-item .accordion-title:focus {background-color: inherit;}
.tour-booking .accordion .accordion-item.is-active .accordion-title {background-color: #0173bc;}
.tour-booking .accordion .accordion-item.is-active .accordion-content {background-color: #eee}
.tour-booking .accordion .accordion-item .accordion-title span {display: block;}
.tour-booking .accordion .accordion-item.is-active {}
.tour-booking .lbl-agreement {}
.tour-booking .lbl-agreement * {font-weight: 700}
.tour-booking .lbl-agreement a {text-decoration: underline;color: #E62129;}
.tour-booking .agreement-txt {
    overflow: hidden;
    padding: 24px;
    border: 1px solid #ccc;
    overflow-y: scroll;
    height: 190px;
    /* background-color: #f6f6f6; */
    margin-top: 12px;
}
/***************** fixed slick breaking ********************/
.slick-target {display: none}
.slick-target.slick-initialized {display: block}
.slick-slide {outline: none;}
.slick-list img {outline: none;}
.slick-next, .slick-prev {
    width: 28px;
    height: 28px;
    background: rgba(255,255,255,.8);
    z-index: 9;
    -webkit-transform: translate(0);
        transform: translate(0);
    top: 81px;
    border-radius: 0;
}
.slick-next {right: 1%;}
.slick-prev {left: 1%;}
.slick-next::before, .slick-prev::before {
    font-family: "FontAwesome", serif;
    color: #555;
    font-size: 25px;
}
.slick-prev::before {content: "\f104";}
.slick-next::before {content: "\f105";}
.slick-next:hover, .slick-prev:hover {background: #fff;}
/*************************************/
/****************************************/
.inline-share {
    margin-left: -2px;
    margin-right: -2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}
.inline-share > * {
    margin-left: 2px !important;
    margin-right: 2px !important;
    display: inline-block !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    vertical-align: middle;
}
.inline-share > script {position: absolute;font-size: 0}
.inline-share > .IN-widget {
    margin-top: 3px;
}
.inline-share > .IN-widget > span + span {position: absolute !important;}
/*******************banner******************/
.img-box img {display: block;}
.img-box-center img {margin-right: auto;margin-left: auto}
/*****************datepicker********************/
.datepicker {padding: 6px}
.datepicker td, .datepicker th {font-size: 13px}
.datepicker th.date-switch {width: 200px}
.datepicker.dropdown-menu {border-radius: 0;z-index: 99999}
.datepicker table {}
.datepicker table thead {border: none}
.datepicker table tbody {border: none}
.datepicker table tfoot {border: none}
.datepicker table thead th i {font-size: 14px}
.datepicker table tfoot td, .datepicker table tfoot th, .datepicker table thead td, .datepicker table thead th {font-weight: 700}
.datepicker td.today.day {background-color: #ddd;color: #333}
.datepicker td span.active, .datepicker td.active.day, .datepicker td.active.year {color:#fff;background-color:#E62129}
/*************************************/
.tour-list label.is-invalid-label > span {color: #E62129}
/*************************************/
.home-seach-box {margin-top: 24px;}
.home-seach-box1 {margin-top: 30px}
.search-panel {
    background-color: #f9f9f9;
    padding: 24px;
    border: 1px solid #eee;
    margin-bottom: 0;
    padding: var(--offset-grid);
}
.search-panel .search-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 12px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -18px;
    margin-right: -18px;
}
.search-panel .search-head > h4 {
    font-size: 28px;
    margin-bottom: 0;
    color: #666;
    white-space: nowrap;
    padding-left: 18px;
    padding-right: 18px;
    line-height: normal;
    font-weight: 700;
}
.search-panel1 .search-head {
    margin-bottom: 18px;
}
.search-panel1 .search-head > h4 {
    font-size: 32px;
}
.search-panel .search-head .tour-list {
    padding-left: 18px;
    padding-right: 18px;
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}
.search-panel .search-head .tour-list label {
    font-size: 0;
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    margin-right: 24px;
    color: #555;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.search-panel .search-head .tour-list label:last-child {margin-right: 0}
.search-panel .search-head .tour-list label input {margin-bottom: 0;}
.search-panel .search-head .tour-list label span {font-size: 14px;font-weight: 700;color: #666;}
.search-panel .search-form {}
.search-panel .search-form .row > div {}
.search-panel .search-form .row .tour-promotion,
.search-panel .search-form .row .btn-tour-search {
    margin-top: 24px;
    margin-top: var(--offset-grid);
}
.search-panel .search-form select, .search-panel .search-form input, .search-panel .search-form button {margin-bottom: 0;font-size: 14px;}
.search-panel .search-form button {
    cursor: pointer;
    border: none;
    background-color: #e57d12;
    height: 39px;
    line-height: 39px;
    padding-left: 20px;
    padding-right: 20px;
    outline: none;
    overflow: hidden;
    white-space: nowrap;
    font-size: 16px;
}
.search-panel .search-form button span {display: block;font-weight: 700;color: #fff;}
.search-panel .search-form button:hover {}
.search-panel .search-form button:hover span {}
/*************************************/
.no-js .owl-carousel {display: none}
.owl-theme .owl-nav .disabled {opacity: 0.3}
.list-tour .owl-carousel {}
.list-tour .owl-carousel .item figure {}
.list-tour .owl-carousel .item figcaption {}
.list-tour .owl-carousel .item figcaption > h6 {
    margin-top: 15px;
    margin-bottom: 9px;
    font-weight: 700;
    font-size: 18px;
    /* line-height: 1.4; */
}
.list-tour .owl-carousel .item figcaption > h6 a {
    display: block;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    max-height: 75px;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.list-tour .owl-carousel .item .short {margin-top: 3px;}
.list-tour .owl-carousel .item .short p {
    margin-bottom: 0;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    max-height: 41px;
    -webkit-box-orient: vertical;
}
.list-tour .owl-carousel .item .info .a {}
.list-tour .owl-carousel .item .info .a > a {display: none}
.list-tour .owl-carousel .item .info .b {display: none}
.list-tour .owl-carousel .owl-nav {margin-top: 0;height: 0;}
.list-tour .owl-carousel .owl-nav .owl-prev,
.list-tour .owl-carousel .owl-nav .owl-next {
    width: 28px;
    height: 28px;
    border-radius: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    top: -64px;
    margin: 0;
    border: 1px solid #cacaca;
    background-color: #f9f9f9;
}
.list-tour .owl-carousel .owl-nav .owl-prev {right: 36px;}
.list-tour .owl-carousel .owl-nav .owl-next {right: 0;}
.list-tour .owl-carousel .owl-nav .owl-prev:hover, .list-tour .owl-carousel .owl-nav .owl-next:hover {border-color: #E62129;}
.list-tour .owl-carousel .owl-nav .owl-prev i, .list-tour .owl-carousel .owl-nav .owl-next i {
    color: #cacaca;
    font-size: 24px;
    display: block;
    margin-bottom: 3px;
}
.list-tour .owl-carousel .owl-nav .owl-prev:hover i, .list-tour .owl-carousel .owl-nav .owl-next:hover i {color: #E62129;}
/*************************************/
.home-slides-tour {margin-top: 36px;}
.similar-slides-tour {margin-top: 30px}
/*************************************/
.list-tour .item {
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.list-tour .item .info {
    margin-top: 12px;
    overflow: hidden;
    margin-top: var(--offset-top);
}
.list-tour .item .info .price {
    font-family: "Roboto Condensed", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    padding: 3px 9px;
}
.list-tour .item .info .price::before {
    content: '';
    position: absolute;
    left: 0;
    height: calc(100% - 3px);
    width: 2px;
    top: 0;
    background-color: #eee;
    z-index: 10;
}
.list-tour .item .info .price::after {
    content: '';
    background: -webkit-gradient(linear, left top, right top, from(#eee), to(#fff));
    background: linear-gradient(to right, #eee, #fff);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    left: -9px;
    right: -9px;
    top: -3px;
    bottom: -3px;
}
.bar-hot-list .item .info .price::after {background: -webkit-gradient(linear, left top, right top, from(#eee), to(#f9f9f9));background: linear-gradient(to right, #eee, #f9f9f9);}
.list-tour .item .info > a {display: none}
.list-tour .item .info .price sup {}
.list-tour .item .info .old {
    font-size: 14px;
    text-decoration: line-through;
    margin-right: 12px;
    z-index: 10;
}
.list-tour .item .info .old sup {}
.list-tour .item .info .new {
    color: #E62129;
    font-size: 18px;
    z-index: 10;
    font-weight: 700;
}
.list-tour .item .info .new sup {}
.list-tour .item figcaption .stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin-left: -12px;
    margin-right: -12px;
}
.list-tour .item figcaption .stats > div {
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 3px;
}
.list-tour .item figcaption .stats > div.plan-time {}
.list-tour .item figcaption .stats > div.strip-time {}
.list-tour .item figcaption .stats > div span {font-size: 13px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row nowrap;flex-flow: row nowrap;}
.home-list-tour .item figcaption .stats > div span,
.similar-slides-tour .item figcaption .stats > div span,
.category-list-tour .item figcaption .stats > div span {font-size: 12px;}
.list-tour .item figcaption .stats > div span i {
    color: #0173bc;
    margin-right: 6px;
    font-size: 14px;
}
.list-tour .item figcaption .stats > div span i:hover {color: #E62129}
.list-tour .item figcaption .stats > div span span {
    font-family: "Roboto Condensed", sans-serif;
    color: #666;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.list-tour .item figcaption .stats > div.transport {
    margin-left: -6px;
    margin-right: -6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}
.similar-slides-tour .item figcaption .stats > div.transport,
.home-list-tour .item figcaption .stats > div.transport,
.category-list-tour .item figcaption .stats > div.transport {
    margin-left: -5px;
    margin-right: -5px;
}
.list-tour .item figcaption .stats > div.transport > span {
    padding-left: 6px;
    padding-right: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.similar-slides-tour .item figcaption .stats > div.transport > span,
.home-list-tour .item figcaption .stats > div.transport > span,
.category-list-tour .item figcaption .stats > div.transport > span {
    padding-left: 5px;
    padding-right: 5px;
}
.list-tour .item figcaption .stats > div.transport > span i {}
.list-tour .item figcaption .stats > div.transport > span span {
    color: #999;
}
.list-tour .row > h1, .list-tour .row > h3 {
    margin-bottom: 24px;
    text-transform: uppercase;
    font-size: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.list-tour .row > h1::after, .list-tour .row > h3::after {
    content: "";
    height: 1px;
    width: 100%;
    margin-left: 24px;
    background: -webkit-gradient(linear, left top, right top, from(#666), to(#fff));
    background: linear-gradient(to right, #666, #fff);
    margin-right: 80px;
}
.list-tour .row > h1 span, .list-tour .row > h3 span {
    display: inline-block;
    white-space: nowrap;
}
.list-tour .head-item > .num {}
.list-tour .head-item > .short {margin-bottom: 30px;}
.list-tour .item figure > div {overflow: hidden;position: relative}
.list-tour .item figure > div.bg {}
.list-tour .item figure > div.bg::after {
    content: '';
    background: rgba(0,0,0,0.4) url(../img/loading2.gif) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}
.list-tour .item figure > div > a {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: scale3d(1.01, 1.01, 1.01);
    transform: scale3d(1.01, 1.01, 1.01);
}
.list-tour .item figure > div > a:hover {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
}
.list-tour .item figure > div > a img {
    width: auto;
    display: block;
}
.list-tour .item figure > div .btn-tour {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
    border: 1px solid #E62129;
    background-color: rgba(230, 33, 41, 0.8);
    cursor: pointer;
    padding: 10px 15px;
    outline: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    display: none;
}
.list-tour .item:hover figure > div .btn-tour {
    visibility: visible;
    opacity: 1;
}
.list-tour .item figure > div .btn-tour:hover {
    /*border-color: #E62129;
    background-color: rgba(230, 33, 41, 0.8);*/
}
.list-tour .item figure > div .btn-tour span {
    color: #fff;
    display: block;
    text-transform: uppercase;
    font-size: 15px;
    white-space: nowrap;
}
.list-tour .item figure > div .btn-tour:hover span {}
/*******************************************/
.list-tour .item.last-view {}
.list-tour .item.last-view figure {overflow: hidden;}
.list-tour .item.last-view figure > span {
    z-index: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(1);
        transform: scale(1);
}
.list-tour .item.last-view figure:hover > span {
    -webkit-transform: scale(1.05);
        transform: scale(1.05);
}
.list-tour .item.last-view figure > span img {
    display: block;
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
    min-height: 100%;
    opacity: .6;
}
.list-tour .item.last-view:hover figure > span img {}
.list-tour .item.last-view .txt-view {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: rgba(126,126,126,.3);
}
.list-tour .item.last-view:hover .txt-view {}
.list-tour .item.last-view .txt-view span {
    display: block;
    background: transparent;
    color: #fff;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 20px;
}
.list-tour .item.last-view:hover .txt-view span {}
/***********************************************/
.home-list-tour {margin-top: 36px}
.home-list-tour .head-item {position: relative}
.home-list-tour .head-item > h3 {margin-bottom: 12px;}
.home-list-tour .head-item > h3 span {}
.home-list-tour .head-item > a {
    color: #0173bc;
    position: absolute;
    right: 12px;
    right: var(--offset-right);
    top: 15px;
    font-size: 13px;
    font-weight: 700;
}
.home-list-tour .head-item > a i {}
.home-list-tour .head-item > .short {margin-bottom: 30px;}
.home-list-tour .r {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 324px;
            flex: 0 0 324px;
    max-width: 324px;
    -ms-flex: 0 0 calc(300px + var(--offset-grid));
        flex: 0 0 calc(300px + var(--offset-grid));
    max-width: calc(300px + var(--offset-grid));
    /* border-left: 1px solid #cacaca; */
}
/**********************************************/
.home-list-tour .l {}
.home-list-tour .l .item {
    margin-bottom: 24px;
    margin-bottom: var(--offset-grid);
}
.home-list-tour .l .item figure > div .btn-tour {padding: 8px 12px;}
.home-list-tour .l .item figure > div .btn-tour span {font-size: 14px;}
.home-list-tour .l .item figcaption {}
.home-list-tour .l .item figcaption > h6 {
    margin-top: 15px;
    margin-bottom: 9px;
    font-weight: 700;
    /* font-family: "Roboto", sans-serif; */
    font-size: 17px;
    /* line-height: 1.5; */
}
.home-list-tour .l .item figcaption > h6 a {
    display: block;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    max-height: 46px;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.home-list-tour .l .item .info .old {
    font-size: 13px;
    margin-right: 6px;
    z-index: 10;
}
.home-list-tour .l .item .info .new {font-size: 16px;}
/***********************************************/
.sub-header .rgroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
/***********************************************/
select.chosen {/*display: none;*/}
.lang-box::after {display: none}
/***********************************************/
.chosen-container {
    min-width: 105px !important;
    font-size: 12px;
    font-family: "Roboto Condensed", sans-serif;
    z-index: 10000;
    vertical-align: middle;
}
.chosenImage-container .chosen-single {
    border-radius: 0;
    background: #af4c4c;
    border: 1px solid #eee;
    height: 22px;
    padding-left: 4px;
}
.chosenImage-container .chosen-single:hover {text-decoration: none}
.chosenImage-container .chosen-results li,
.chosenImage-container .chosen-single span {
    background-size: 17px 17px;
}
.chosen-container-single .chosen-single div {
    width: 20px;
}
.chosen-container-single .chosen-single div b {
    background-position: 4px 1px;
}
.chosen-container-active.chosen-with-drop .chosen-single div {}
.chosen-container-active.chosen-with-drop .chosen-single div b {}
.chosenImage-container .chosen-single span {padding-left: 22px;margin-right: 24px;color: #fff;line-height: 20px;}
.chosen-container-single .chosen-drop {
    border-radius: 0;
    background: #af4c4c;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin-top: 0;
    border: 1px solid #eee;
    border-top: none;
}
.chosen-container .chosen-results {
    color: #fff;
    padding: 0;
    margin: 0;
}
.chosen-container-active.chosen-with-drop .chosen-single {
    background: #af4c4c;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 1px solid #eee;
}
.chosen-container .chosen-results li.highlighted {background-color: #ccc}
/***********************************************/
.breadcrumbs-box {margin-top: 30px;margin-bottom: 18px;}
.breadcrumbs-box ul {margin-bottom: 0;}
.breadcrumbs-box ul li {font-size: 13px;}
.breadcrumbs-box ul li a {font-weight: 700;color: #666;font-family: "Roboto Condensed", sans-serif;font-size: 14px;}
.breadcrumbs-box ul li a:hover {color: #E62129}
.breadcrumbs-box ul li span {
    font-weight: 400;
    text-transform: none;
}
/*************************************/
.visa-form-box {}
.visa-form-box > .row {}
.visa-form-box .form-box {max-width: 1024px;margin-left: auto;margin-right: auto;}
.visa-form-box .form-box .item {margin-bottom: 12px;}
.visa-form-box .form-box .item.head {text-align: center;}
.visa-form-box .form-box .item.head h1 {
    margin-top: 18px;
    margin-bottom: 24px;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
}
.visa-form-box .form-box .item.head label > span:first-child {
    text-transform: uppercase;
    /* font-weight: 700; */
    /* color: #E62129; */
}
.visa-form-box .form-box .item.head select {width: 250px;}
.visa-form-box .form-box .item.time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin-left: -12px;
    margin-right: -12px;
    margin-left: calc(0px - var(--offset-left));
    margin-right: calc(0px - var(--offset-right));
}
.visa-form-box .form-box .item.time > div {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    padding-left: 12px;
    padding-right: 12px;
    padding-left: var(--offset-left);
    padding-right: var(--offset-right);
}
.visa-form-box .form-box .item.recaptcha {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.visa-form-box .form-box .item.recaptcha > * {
    display: inline-block;
}
.visa-form-box .form-box .item.btn {
    text-align: center;
    margin-bottom: 0;
    margin-top: 24px;
}
.visa-form-box .form-box .item.btn button {
    background-color: #E62129;
    border: 1px solid #E62129;
    padding: 0;
    cursor: pointer;
    height: 40px;
    width: 135px;
}
.visa-form-box .form-box .item.btn button:hover {}
.visa-form-box .form-box .item.btn button:disabled {
    background-color: #cc777b;
    border-color: #cc777b;
    cursor: not-allowed;
}
.visa-form-box .form-box .item.btn button span {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 15px;
}
.visa-form-box .form-box .item.btn button i {
    font-size: 22px;
    color: #fff;
}
.visa-form-box .form-box .item.btn button:hover span {}
.visa-form-box .form-box .item.txt {margin-top: 24px;}
.visa-form-box .form-box .item.txt p {
    margin-bottom: 18px;
    font-weight: 700;
    /* color: #E62129; */
    font-size: 15px;
}
.visa-form-box .form-box .item.txt h4 {font-size: 27px;}
.visa-form-box .form-box .item label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.visa-form-box .form-box .item.radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}
.visa-form-box .form-box .item.radio > span {
    display: block;
    margin-right: 18px;
}
.visa-form-box .form-box .item.radio > span.hl {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-right: 0;
    margin-bottom: 12px;
    /* color: #fff; */
    /* background-color: #e57d12; */
    /* padding: 12px; */
    font-size: 14px;
    font-weight: 700;
}
.visa-form-box .form-box .item.radio > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.visa-form-box .form-box .item.radio > div > label {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-right: 24px;
}
.visa-form-box .form-box .item.radio > div > label input {}
.visa-form-box .form-box .item.radio > div > label span {
    font-weight: 700;
    display: block;
}
.visa-form-box .form-box .item label > span:first-child {
    white-space: nowrap;
    margin-right: 18px;
    display: block;
    /* font-size: 14px; */
}
.visa-form-box .form-box .item .frm-like,
.visa-form-box .form-box .item input,
.visa-form-box .form-box .item select {
    margin-bottom: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
    line-height: initial;
    height: auto;
    background-color: transparent;
    border-bottom: 1px dashed rgba(0,0,0,.3);
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 6px;
}
.visa-form-box .form-box .item .frm-like {
    min-width: 25%;
    text-align: left;
}
.visa-form-box .form-box .item input.is-invalid-input:not(:focus), .visa-form-box .form-box .item select.is-invalid-input:not(:focus) {border-bottom-color: #E62129}
.visa-form-box .form-box .item input {padding-right: 6px;}
.visa-form-box .form-box .item.chilren {margin-bottom: 24px;}
.visa-form-box .form-box .item.chilren > div {
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin-left: -12px;
    margin-right: -12px;
    margin-left: calc(0px - var(--offset-left));
    margin-right: calc(0px - var(--offset-right));
}
.visa-form-box .form-box .item.chilren > div > label {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% / 3);
            flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
    padding-left: 12px;
    padding-right: 12px;
    padding-left: var(--offset-left);
    padding-right: var(--offset-right);
}
/*************************************/
.print.hide-meta {}
.print.hide-meta header {display: none}
.print.hide-meta .breadcrumbs-box {display: none}
.print.hide-meta footer {display: none}
.print.hide-meta .visa-form-box {padding-top: 40px;padding-bottom: 40px}
/*************************************/
.category-list-tour {margin-top: 40px}
.category-list-tour .head-item {position: relative;}
.category-list-tour .head-item > h1 {margin-bottom: 12px;}
.category-list-tour .head-item > h1::after {content: "";margin-right: 50px;}
.category-list-tour .head-item > h1 span {
    white-space: nowrap;
    display: inline-block;
}
.category-list-tour .head-item > .num {
    color: #E62129;
    position: absolute;
    right: 12px;
    right: var(--offset-right);
    top: 17px;
    font-size: 13px;
    border-bottom: 1px dotted #E62129;
    display: none;
}
.category-list-tour .head-item > .short {}
.category-list-tour .l {}
.category-list-tour .item {
    margin-bottom: 24px;
    margin-bottom: var(--offset-grid);
}
.category-list-tour .item figcaption {}
.category-list-tour .item figcaption > h6 {
    margin-top: 15px;
    margin-bottom: 9px;
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 17px;
}
.category-list-tour .item figcaption > h6 a {
    display: block;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    max-height: 44px;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.category-list-tour .item > .short {
    display: block;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    margin-top: 6px;
    max-height: 40px;
    -webkit-box-orient: vertical;
}
.category-list-tour .r {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 324px;
            flex: 0 0 324px;
    max-width: 324px;
    -ms-flex: 0 0 calc(300px + var(--offset-grid));
        flex: 0 0 calc(300px + var(--offset-grid));
    max-width: calc(300px + var(--offset-grid));
}
/*************************************/
.tag-list-tour .head-item > .num {display: block}
.tag-list-tour .head-item > h1::after {height: 0}
/*************************************/
.intro-box .r {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 324px;
            flex: 0 0 324px;
    max-width: 324px;
    -ms-flex: 0 0 calc(300px + var(--offset-grid));
        flex: 0 0 calc(300px + var(--offset-grid));
    max-width: calc(300px + var(--offset-grid));
}
.intro-box .r .img-box img {
    max-width: 100%;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.intro-box .head-item {position: relative}
.intro-box .head-item > h1 {
    margin-bottom: 12px;
    text-transform: uppercase;
    font-size: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.intro-box .head-item > h1 span {display: inline-block;white-space: nowrap}
.intro-box .head-item > h1::after {
    content: "";
    height: 1px;
    width: 100%;
    margin-left: 24px;
    background: -webkit-gradient(linear, left top, right top, from(#555), to(#fff));
    background: linear-gradient(to right, #555, #fff);
    margin-right: 0;
}
.intro-box .inline-share {margin-top: 24px;margin-bottom: 24px}
/*************************************/
.pagination {
    text-align: center;
    border-top: 1px solid #eee;
    padding-top: 15px;
}
.pagination .page-txt {}
.pagination li {
    font-weight: 400;
    font-size: 13px;
    font-family: "Roboto Condensed", sans-serif;
    display: inline-block !important;
}
.pagination li:not(:last-child) {margin-right:5px}
.pagination li a {
    padding: 3px 7px;
    line-height: 1;
    border-radius: 1px;
    border: 1px solid #eee;
    background-color: #fff;
}
.pagination li:hover a {
    background-color: #e57d12;
    color: #fff;
    border-color: #e57d12;
}
.pagination li.active {}
.pagination li.active span, .pagination li a.active {
    display: inline-block;
    padding: 3px 7px;
    background-color: #e57d12;
    color: #fff;
    line-height: 1;
    border-radius: 1px;
    border: 1px solid #e57d12;
}
/*************************************/
#clock-wp {
    font-family: "Roboto", sans-serif;
    font-size: 0;
    /* color: #E62129; */
}
#clock-wp > :not(:first-child) {margin-left: 6px}
#clock-wp .date-txt {font-size: 12px;display: inline-block;}
#clock-wp ul {
    list-style: none;
    margin: 0 0 0 3px !important;
    font-size: 0;
    display: inline-block;
}
#clock-wp ul::before {
    content: "|";
    font-size: 12px;
    padding-right: 3px;
}
#clock-wp ul li, #clock-wp .gmt {
    display: inline-block;
    font-size: 12px;
}
#clock-wp ul .hours {}
#clock-wp ul .min {}
#clock-wp ul .sec {}
/*************************************/
.bar-hot-list {}
.bar-hot-list > h3 {
    border: none;
    margin-bottom: 0;
    font-size: 18px;
    text-transform: uppercase;
}
.bar-hot-list > h3 span {
    background-color: #E62129;
    color: #fff;
    display: inline-block;
    padding: 0 12px;
}
.bar-hot-list ul {
    list-style: none;
    margin: 0;
    border: 1px solid #E62129;
    background-color: #f9f9f9;
    padding: 12px;
}
.bar-hot-list .item:last-child {margin-bottom: 0}
.bar-hot-list .item .info {margin-top: 3px;}
.bar-hot-list .item .info .price {}
.bar-hot-list .item .info .price .old {}
.bar-hot-list .item .info .price .new {font-size: 18px;}
.bar-hot-list .item:not(:last-child) {
    border-bottom: 1px dotted #ddd;
    margin-bottom: 12px;
    padding-bottom: 12px;
    margin-bottom: var(--offset-bottom);
    padding-bottom: var(--offset-bottom);
}
.bar-hot-list .item figcaption {}
.bar-hot-list .item figcaption > h6 {
    /* margin-top: 12px; */
    /* font-family: "Roboto", sans-serif; */
    /* font-weight: 700; */
    /* margin-bottom: 3px; */
    font-size: 15px;
}
.bar-hot-list .item figcaption > h6 a {
    color: #E62129;
    max-height: 40px;
}
/*************************************/
.tour-detail-box {margin-top: 36px;}
.tour-detail-box > .row {}
.tour-detail-box > .row > .column {}
.tour-detail-box .img-pos {}
.tour-detail-box .img-pos .large-img {}
.tour-detail-box .img-pos .large-img > a img,
.tour-detail-box .img-pos .list-img li > a img {
    display: block;
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
    min-height: 100%;
}
.tour-detail-box .img-pos .list-img {
    list-style: none;
    margin: 6px -3px 0 -3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
}
.tour-detail-box .img-pos .list-img li {
    max-width: 25%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    padding-right: 3px;
    padding-left: 3px;
}
.tour-detail-box .img-pos .list-img li > a {}
.tour-detail-box .img-pos .list-img li > a img {cursor: -webkit-zoom-in;cursor: zoom-in;}
.tour-detail-box .img-pos .large-img > a img {cursor: -webkit-zoom-in;cursor: zoom-in;}
.tour-detail-box .img-pos .list-img li > a:hover img {opacity: 0.8}
.tour-detail-box .img-pos .list-img li > a:hover img {border-color: #eee}
.tour-detail-box .img-pos .list-img .target-item {position: relative;}
.tour-detail-box .img-pos .list-img .target-item .txt-view {
    position: absolute;
    height: 100%;
    width: calc(100% - 6px);
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: rgba(126,126,126,.65);
}
.tour-detail-box .img-pos .list-img .target-item .txt-view > span {
    display: block;
    background: transparent;
    color: #eee;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 27px;
}
.tour-detail-box .img-pos .list-img .target-item > a {}
.tour-detail-box .img-pos .list-img .target-item > a img {}
.tour-detail-box h1 {
    font-size: 23px;
    line-height: 1.4;
    margin-bottom: 0;
    font-weight: 700;
}
.tour-detail-box .promo-box {
    border: 2px dotted #E62129;
    padding: 6px;
    margin-top: 24px;
    /* color: #E62129; */
    font-size: 13px;
    font-weight: 700;
}
.tour-detail-box .infomation-box {margin: 24px 6px -6px;}
.tour-detail-box .infomation-box dl {
    margin-bottom: 0;
    font-size: 0;
}
.tour-detail-box .infomation-box dt {
    color: #e57d12;
    text-transform: uppercase;
    padding-right: 18px;
    display: inline-block;
    font-size: 15px;
    width: 32%;
    margin-bottom: 6px;
    vertical-align: top;
}
.tour-detail-box .infomation-box dd {display: inline-block;font-size: 14px;width: 68%;margin-bottom: 6px;}
.tour-detail-box .infomation-box dd span {}
.tour-detail-box .infomation-box dd .transport {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin-left: -10px;
    margin-right: -10px;
}
.tour-detail-box .infomation-box strong {font-weight: 700}
.tour-detail-box .infomation-box dd .transport > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
}
.tour-detail-box .infomation-box dd .transport > span span { /* font-size: 13px; */}
.tour-detail-box .infomation-box dd .transport span i {color: #0173bc;/* font-size: 13px; */margin-right: 10px;/* font-weight: 700; */}
.tour-detail-box .infomation-box dd .transport span i:hover {color: #E62129}
.tour-detail-box .price-box {
    border: 1px dotted #E62129;
    background-color: #f6f6f6;
    padding: 12px;
    position: relative;
    margin-top: 18px;
}
.tour-detail-box .price-box .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.tour-detail-box .price-box .price > div {}
.tour-detail-box .price-box .price > div h6 {
    font-size: 15px;
    margin-bottom: 0;
}
.tour-detail-box .price-box .price > div > div {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
}
.tour-detail-box .price-box .price-old {
    padding-right: 24px;
    margin-right: 24px;
    border-right: 1px dotted #ccc;
}
.tour-detail-box .price-box .price-old h6 {color: #0a0a0a;}
.tour-detail-box .price-box .price-old > div {text-decoration: line-through;}
.tour-detail-box .price-box .price-new {}
.tour-detail-box .price-box .price-new h6 {color: #e57d12;}
.tour-detail-box .price-box .price-new > div {
    font-size: 22px;
    color: #E62129;
}
.tour-detail-box .price-box .promo-bg {
    background: url(../img/promo.png) center center;
    background-size: contain;
    position: absolute;
    right: 24px;
    height: 60px;
    width: 85px;
    top: 9px;
}
.tour-detail-box .price-box .promo-bg span {
    display: block;
    visibility: hidden;
}
.tour-detail-box .price-box .children-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    border-top: 1px dotted #ccc;
    margin-top: 10px;
    padding-top: 10px;
}
.tour-detail-box .price-box .children-price > div {
    padding-right: 12px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
}
.tour-detail-box .price-box .children-price > div.child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 63%;
            flex: 0 0 63%;
    max-width: 63%;
}
.tour-detail-box .price-box .children-price > div.infant {
    padding-right: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 37%;
            flex: 0 0 37%;
    max-width: 37%;
}
.tour-detail-box .price-box .children-price > div h6 {
    font-size: 15px;
    margin-bottom: 0;
    color: #E62129;
}
.tour-detail-box .price-box .children-price > div > div {font-family: "Roboto", sans-serif;margin-left: -6px;margin-right: -6px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row wrap;flex-flow: row wrap;}
.tour-detail-box .price-box .children-price > div > div span {font-size: 13px;padding-left: 6px;padding-right: 6px;}
.tour-detail-box .price-box .children-price > div > div span:first-child {
    margin-left: 0;
    /* margin-right: 12px; */
}
.tour-detail-box .price-box .children-price > div > div span:last-child {/* margin-left: 6px; */}
.tour-detail-box .price-box .children-price .pr {font-weight: 700;font-size: 14px;font-family: "Roboto Condensed", sans-serif;}
/*************************************/
.tour-detail-box .price-box .children-price .tax {
    padding-right: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.tour-detail-box .price-box .children-price .tax > *{}
.tour-detail-box .price-box .children-price .tax h6 {
    padding-right: 12px;
}
.tour-detail-box .price-box .children-price .tax .pr {}
/*************************************/
#price-frm {
    background-color: #fff;
    padding: 0;
    width: 768px;
}
#price-frm > h2 {
    font-size: 20px;
    padding: 5px 15px;
    border-bottom: 1px solid #ddd;
    background-color: #eee;
    margin-bottom: 30px;
}
#price-frm > h2 span {
    display: inline-block;
    color: #FF3030;
}
#price-frm > .row {
    margin-bottom: 30px;
    margin-left: 15px;
    margin-right: 15px;
}
#price-frm .calc-price {}
#price-frm .calc-price .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 3;
    border-bottom: 1px solid #eee;
    padding-right: 15px;
}
#price-frm .calc-price .item:last-child {border-bottom: none}
#price-frm .calc-price .item.total {
    /* line-height: 3.5; */
}
#price-frm .calc-price .item span {
    font-weight: 400;
    display: block;
}
#price-frm .calc-price .item span + span {
    font-weight: 500;
}
#price-frm .calc-price .item.total span {
    font-weight: 500;
}
#price-frm .calc-price .item.total span + span {
    font-weight: 700;
    color: #FF3030;
}
#price-frm .calc-price .item.single {}
#price-frm .calc-price .item.single span {}
#price-frm .calc-price .item.single span + span {
    font-weight: 500;
    color: #FF3030;
}
#price-frm .calc-action {}
#price-frm .calc-action .txt {
    font-size: 14px;
    margin-bottom: 30px;
    font-weight: 500;
}
#price-frm .calc-action form {}
#price-frm .calc-action form .item {}
#price-frm .calc-action form .or {
    height: 1px;
    background-color: #ccc;
    margin: 20px 0;
    text-align: center;
}
#price-frm .calc-action form .or span {
    background-color: #fff;
    display: inline-block;
    position: relative;
    top: -11px;
    padding: 0 7px;
    font-size: 13px;
}
#price-frm .calc-action form .item button[type="submit"] {
    width: 100%;
    background-color: #FF3030;
    color: #fff;
    text-transform: uppercase;
    line-height: normal;
    font-size: 16px;
    cursor: pointer;
    padding: 10px;
}
#price-frm .calc-action form .item button[type="submit"] i {font-size: 18px}
#price-frm .calc-action form .item button[type="submit"] span {}
#price-frm .calc-action form .item button[type="submit"]:hover {}
#price-frm .calc-action form .item button[type="submit"]:hover span {}
#price-frm .calc-action form .item button[type="reset"] {
    width: 100%;
    background-color: #cacaca;
    color: #fff;
    text-transform: uppercase;
    line-height: normal;
    font-size: 16px;
    cursor: pointer;
    padding: 10px;
}
#price-frm .calc-action form .item button[type="reset"] span {}
#price-frm .calc-action form .item button[type="reset"]:hover {}
#price-frm .calc-action form .item button[type="reset"]:hover span {}
/*************************************/
.tour-detail-box .btn-submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 24px;
}
.tour-detail-box .btn-submit button {
    padding: 10px 20px;
    border: 1px solid #ccc;
    background-color: #eee;
    cursor: pointer;
}
.tour-detail-box .btn-submit button span {
    display: block;
    text-transform: uppercase;
    font-weight: 700;
}
.tour-detail-box .btn-submit button:hover {}
.tour-detail-box .btn-submit button:hover span {}
.tour-detail-box .btn-submit .contact-tour-btn {
    color: #fff;
    background-color: #e57d12;
    border-color: #e57d12;
}
.tour-detail-box .btn-submit .contact-tour-btn span {}
.tour-detail-box .btn-submit .submit-tour-btn {
    color: #fff;
    background-color: #E62129;
    border-color: #E62129;
}
.tour-detail-box .btn-submit .submit-tour-btn span {}
.tour-detail-box .tour-content {}
.tour-detail-box .tour-content .r {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 374px;
            flex: 0 0 374px;
    max-width: 374px;
    -ms-flex: 0 0 calc(350px + var(--offset-grid));
        flex: 0 0 calc(350px + var(--offset-grid));
    max-width: calc(350px + var(--offset-grid));
}
.tour-detail-box .tour-content .r .img-box img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.tour-detail-box .tour-content .l {}
.tour-detail-box .tour-content .tour-short, .tour-detail-box .tour-content .tour-short * {font-family: "Roboto", sans-serif !important;}
/*************************************/
.vid-thumb {position: relative;}
.vid-thumb .res::after {
    content: '';
    background-image: url(../img/vid.png);
    position: absolute;
    background-size: 50px;
    opacity: 0.4;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
    /* z-index: 2; */
    width: 50px;
    height: 50px;
}
.vid-thumb .res:hover::after {
    cursor: pointer;
    opacity: 0.6;
}
/*************************************/
.tour-detail-box .btn-submit.bg {}
.tour-detail-box .btn-submit.bg .add_to_order {position: relative;}
.tour-detail-box .btn-submit.bg .add_to_order::after {
    content: '';
    background: rgba(0,0,0,0.4) url(../img/loading2.gif) center center no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}
.tour-content .inline-share {margin-top: 24px}
/*************************************/
.tour-vid {
    margin-bottom: 24px;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}
/*************************************/
.tour-tabs {margin-top: 24px;}
.tabs {
    border: none;
    border-bottom: 1px solid #e57d12;
}
.tabs li.tabs-title {margin-right: 6px;}
.tabs li.tabs-title:last-child {margin-right: 0}
.tabs li.tabs-title a {
    text-transform: uppercase;
    font-size: 15px;
    font-family: "Roboto Condensed", sans-serif;
    border: 1px solid #e57d12;
    border-bottom: none;
    padding: 12px 24px;
    background-color: #eee;
    color: #666;
    outline: none;
    font-weight: 700;
}
.tabs li.tabs-title.is-active {}
.tabs li.tabs-title:hover {}
.tabs li.tabs-title.is-active a {
    background-color: #e57d12;
    color: #fff;
    border: 1px solid #e57d12;
    border-bottom: none;
}
.tabs li.tabs-title:hover a {}
.tabs-content {
    border: none;
    color: #555;
    background: #fff;
}
.tabs-content .tabs-panel {padding: 24px 0 30px 0;}
.tabs-content .tabs-panel.is-active {}
.tabs-content .tabs-panel .cnt p {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
}
.tabs-content .tabs-panel .cnt strong {font-family: "Roboto",sans-serif; font-weight: 700}
.tabs-content .tabs-panel .cnt h1, .tabs-content .tabs-panel .cnt h2 {font-size: 22px;}
.tabs-content .tabs-panel .cnt h3, .tabs-content .tabs-panel .cnt h4 {font-size: 19px;}
.tabs-content .tabs-panel .cnt h5, .tabs-content .tabs-panel .cnt h6 {font-size: 16px;}
/*************************************/
.video-list-box .r, .video-detail-box .r {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 360px;
            flex: 0 0 360px;
    max-width: 360px;
    -ms-flex: 0 0 calc(336px + var(--offset-grid));
        flex: 0 0 calc(336px + var(--offset-grid));
    max-width: calc(336px + var(--offset-grid));
}
.video-list figure {
    margin-bottom: 24px;
    margin-bottom: var(--offset-grid);
}
.video-list figcaption > h6 {
    font-weight: 700;
    margin-top: 12px;
    margin-bottom: 6px;
    font-size: 15px;
}
.video-list figcaption > h6 a {
    display: block;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    max-height: 42px;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.video-list figcaption > .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.video-list figcaption > .info span,
.video-list figcaption > .info span a {
    font-size: 13px;
    color: #888;
}
.youtube_box {
    border: 1px solid #ccc;
    padding: 12px;
}
.video-hot-box h3 {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 10px;
    position: relative;
    display: none;
}
.video-hot-box .item {}
.video-hot-box .item figcaption {
    padding-bottom: 10px;
    background-color: rgba(0, 0, 0, .5);
    border: 1px solid #eee;
    border-top: none;
}
.video-hot-box .item figcaption h6 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 3px;
}
.video-hot-box .item figcaption h6 a {
    color: #fff;
    display: block;
    padding: 12px 12px 0 12px;
}
.video-hot-box .item figcaption cite {
    color: #ccc;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 12px;
}
/*************************************/
.video-detail-box {}
.video-detail-box .body-item {}
.video-detail-box .body-item h2 {
    font-size: 24px;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    margin-top: 18px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 12px;
    margin-bottom: 12px;
    line-height: 1.4;
}
.video-detail-box .body-item h2 span {display: block}
.video-detail-box .body-item .info {
    margin-bottom: 18px;
    font-size: 14px;
    font-weight: 700;
}
.video-detail-box .body-item .info span + span {margin-left: 24px}
.video-detail-box .body-item .short {
    margin-bottom: 1rem;
    margin-top: 0;
}
/*************************************/
.comment-box {margin-top: 24px;}
.comment-box h3 {}
.comment-box h3 span {}
/*************************************/
.similar-list-box {margin-top: 24px;}
.similar-list-box h3 {
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.similar-list-box h3 span {white-space: nowrap}
.similar-list-box h3::after {
    content: '';
    height: 1px;
    width: 100%;
    margin-left: 24px;
    background: -webkit-gradient(linear, left top, right top, from(#555), to(#fff));
    background: linear-gradient(to right, #555, #fff);
    margin-right: 0;
}
.similar-list-box .list-item ul li .item figcaption > h5 {font-size: 15px}
.similar-list-box .list-item ul li .item figcaption > h5 a {max-height: 42px}
/*************************************/
.news-list-box {}
.news-list-box .r {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 374px;
            flex: 0 0 374px;
    max-width: 374px;
    -ms-flex: 0 0 calc(350px + var(--offset-grid));
        flex: 0 0 calc(350px + var(--offset-grid));
    max-width: calc(350px + var(--offset-grid));
}
.news-list-box .r .img-box img {
    margin-right: auto;
    margin-left: auto;
}
.news-list-box .item figcaption > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.news-list-box .item figcaption > div span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.list-wrap .l .head-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 12px;
    margin-bottom: var(--offset-bottom);
}
.list-wrap .l .head-item > h1 {
    text-transform: uppercase;
    font-size: 30px;
    margin-bottom: 0;
}
.list-wrap .l .head-item > h1 span {}
.list-wrap .l .head-item > .num {}
.list-wrap .l .head-item > .num span {
    color: #e62129;
    font-weight: 700;
}
.list-wrap .l .short {margin-bottom: 12px;}
.wookmark-list.list-item {
    position: relative;
    overflow: hidden;
}
.wookmark-list.list-item ul {
    list-style: none;
    margin: 0 -12px;
    margin: 0 calc(0px - var(--offset-width));
    position: relative;
}
.wookmark-list.list-item ul li {
    padding-left: 12px;
    padding-right: 12px;
    padding-left: var(--offset-left);
    padding-right: var(--offset-right);
    float: left;
    width: calc((100% - 1px) / 2);
}
.list-item ul li .item {
    margin-bottom: 24px;
    margin-bottom: var(--offset-grid);
    border: 1px solid #eee;
    background-color: #fff;
}
.list-item ul li .item figcaption {
    padding: 12px;
    padding: var(--offset-width);
}
.list-item ul li .item figcaption > div {
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 6px;
}
.list-item ul li .item figcaption > div span:not(:first-child) {margin-left: 12px;margin-left: var(--offset-left);}
.list-item ul li .item figcaption > div span i {
    margin-right: 5px;
    color: #666;
}
.list-item ul li .item figcaption > h5 {
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 700;
}
.list-item ul li .item figcaption > h5 a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    max-height: 46px;
    -webkit-box-orient: vertical;
}
.list-item ul li .item > p {
    display: block;
    margin: 0 12px 12px;
    margin: 0 var(--offset-width) var(--offset-width);
    font-weight: 400;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    max-height: 63px;
    -webkit-box-orient: vertical;
}
/*************************************/
.tag-news-list .wookmark-list.list-item ul li {
    width: calc((100% - 1.5px) / 3);
}
/*************************************/
.news-detail-box {}
.news-detail-box h1 {font-size: 36px;line-height: 1.4}
.news-detail-box h1 span {display: inline-block}
.news-detail-box .info-detail {
    list-style: none;
    margin: 0 0 12px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 13px;
    font-weight: 700;
}
.news-detail-box .info-detail li {margin-right: 18px;}
.news-detail-box .info-detail li:last-child {margin-right: 0}
.news-detail-box .info-detail li i {margin-right: 6px}
.news-detail-box .short {margin-bottom: 12px}
.news-detail-box .inline-share {margin-bottom: 18px}
/*************************************/
.tags:not(.body) {
    padding: 10px 0;
    border-top: 1px dotted #ccc;
    margin-top: 24px;
    border-bottom: 1px dotted #ccc;
}
.tags:not(.body) > b, .tags:not(.body) > strong {font-weight: 700;}
.tags:not(.body) > a {
    margin: 0 6px;
    text-shadow: 0 0 2px #e62129;
    font-size: 13px;
}
/*************************************/
.lbl-promo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.lbl-promo > input[type="checkbox"] {}
.lbl-promo > span {
    font-weight: 700;
    color: #E62129;
    white-space: nowrap;
}
/*************************************/
.tour-booking .form-box-alert {
    margin-left: 0;
}
/*************************************/
.order-tour-wrap {
    background-color: #f5f5f5;
    /* border: 1px solid #cacaca; */
}
.order-tour-wrap figure {
    padding-bottom: 12px;
}
.order-tour-wrap figure > a {}
.order-tour-wrap figure > a img {}
.order-tour-wrap figcaption {}
.order-tour-wrap figcaption h6 {
    margin-bottom: 0;
    padding-top: 12px;
    font-size: 17px;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    padding-left: 12px;
    padding-right: 12px;
}
.order-tour-wrap figcaption h6 a {}
.order-tour-wrap .tour-info {
    margin: 0;
    list-style: none;
}
.order-tour-wrap .tour-info li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 12px;
    border-bottom: 1px solid #eee;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: normal;
}
.order-tour-wrap .tour-info li cite {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 14px;
    color: #e57d12;
    font-style: normal;
}
.order-tour-wrap .tour-info li cite:before {
    content: '';
    display: none
}
.order-tour-wrap .tour-info li span {
    padding-left: 12px;
    padding-right: 12px;
    color: #555;
    font-weight: 700;
    font-size: 14px;
}
.order-tour-wrap .tour-info li span.block {
    font-weight: normal;
    font-size: 13px;
    padding: 0 24px;
    color: #999;
}
.order-tour-wrap .tour-info li span i {}
.order-tour-wrap .tour-info li.total {}
.order-tour-wrap .tour-info li.total cite {
    font-weight: 700;
    font-size: 15px;
    color: inherit;
}
.order-tour-wrap .tour-info li.total span {
    font-size: 16px;
    font-weight: 700;
    color: #E62129;
}
.order-tour-wrap .tour-info li:last-child {
    border-bottom: none;
}
/*************************************/
.company-box {margin-bottom: 30px}
.company-box .row > h3 {
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.company-box .row > h3 span {
    display: inline-block;
    white-space: nowrap;
}
.company-box .owl-carousel .owl-nav {
    margin-top: 0;
    height: 0;
}
.company-box .owl-carousel .owl-nav .owl-prev,
.company-box .owl-carousel .owl-nav .owl-next {
    width: 28px;
    height: 28px;
    border-radius: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    top: -56px;
    margin: 0;
    border: 1px solid #cacaca;
    background-color: #f9f9f9;
}
.company-box .owl-carousel .owl-nav .owl-prev {right: 36px;}
.company-box .owl-carousel .owl-nav .owl-next {right: 0;}
.company-box .owl-carousel .owl-nav .owl-prev i,
.company-box .owl-carousel .owl-nav .owl-next i {
    color: #cacaca;
    font-size: 24px;
    display: block;
    margin-bottom: 3px;
}
.company-box .owl-carousel .owl-nav .owl-prev:hover,
.company-box .owl-carousel .owl-nav .owl-next:hover {
    border-color: #E62129;
}
.company-box .owl-carousel .owl-nav .owl-prev:hover i,
.company-box .owl-carousel .owl-nav .owl-next:hover i {
    color: #E62129;
}
.company-box .owl-carousel .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.company-box .owl-carousel .item {
    border: 1px solid transparent;
}
.company-box .owl-carousel .item figure {
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    border: 1px solid #eee;
    overflow: hidden;
}
.company-box .owl-carousel .item figure a {display: block;}
.company-box .owl-carousel .item figure img {display: block;max-width: 100%;height: auto;/* width: auto; */max-height: 100%;}
/*************************************/
.footer-contacts {
    background-color: #f1f1f1;
    padding-top: 40px;
    padding-bottom: 30px;
    border-top: 1px solid #eee;
}
.footer-contacts .footer-contacts-title {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row nowrap;flex-flow: row nowrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-bottom: 24px;}
.footer-contacts .footer-contacts-title > img {
    display: block;
    margin-right: 12px;
    max-height: 100px;
}
.footer-contacts h4 {
    margin-bottom: 0;
    font-size: 22px;
    text-transform: uppercase;
}
.footer-contacts h4 span {}
.footer-contacts h5 {
    /* font-family: "Roboto", sans-serif; */
    font-weight: 700;
    font-size: 17px;
}
.footer-contacts h5 span {
    display: inline-block;
}
.footer-contacts address {
    font-style: normal;
    font-size: 14px;
}
.footer-contacts ul {
    font-size: 13px;
    list-style: none;
    margin: 0 0 24px 0;
    margin-bottom: var(--offset-grid);
}
.footer-contacts ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.footer-contacts ul li span:first-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: block;
    margin-right: 9px;
    color: #666;
}
.footer-contacts ul li span:last-child {
    font-size: 14px;
    font-weight: 700;
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.footer-contacts ul li span:last-child a { /* color: #e57d12; */}
/*************************************/
.tour-mess {
    margin-bottom: 24px;
    margin-bottom: var(--offset-grid);
    padding: 12px;
    border: none;
    background-color: #f2be9a;
    font-size: 13px;
}
/*************************************/
.inline-box-modal {
    background-color: #f6f6f6;
    max-width: 100%;
    max-width: 600px;
}
.inline-box-modal > h3 {
    border-bottom: 1px solid #DB4437;
    margin-bottom: 24px;
    font-size: 22px;
    text-transform: uppercase;
    color: #DB4437;
}
.inline-box-modal .tour-info {
    background-color: #eee;
    padding: 12px;
}
.inline-box-modal .tour-info > h4 {
    /* text-transform: lowercase; */
    font-size: 16px;
    margin-bottom: 3px;
}
.inline-box-modal .tour-info > p {margin-bottom: 0;}
.inline-box-modal .tour-info cite i {margin: 0 3px}
.inline-box-modal .meta {margin: 12px 0;}
.inline-box-modal .form-box {}
.inline-box-modal .form-box .item {}
.inline-box-modal .form-box .item label {
}
.inline-box-modal .form-box .item label > span {
    color: #DB4437;
    margin-left: 3px;
}
.inline-box-modal .form-box .item textarea,
.inline-box-modal .form-box .item input {
    height: inherit;
    padding: 6px;
    line-height: inherit;
    background-size: 9px 5px;
    padding-right: 1.5rem;
    font-size: 14px;
    margin-bottom: 12px;
}
.inline-box-modal .form-box .item.btn {
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: space-between; */
    margin-top: 18px;
}
.inline-box-modal .form-box .item.btn button {
    color: #fff;
    background-color: #e57d12;
    border-color: #e57d12;
    text-transform: uppercase;
    font-size: 15px;
    cursor: pointer;
    width: 80px;
    height: 35px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
}
.inline-box-modal .form-box .item.btn button i {font-size: 18px;}
.inline-box-modal .form-box .item.btn .mini-reg {
    margin-top: 12px;
}
.inline-box-modal .form-box .item.btn .mini-reg > span {
    color: #DB4437;
    margin-right: 6px;
}
.inline-box-modal .fancybox-close-small::after {background: #f6f6f6}
.inline-box-modal .fancybox-close-small:hover::after {background: #eee}
.inline-box-modal .form-box-alert {
    margin-bottom: 0;
    margin-top: 24px;
    padding: 6px;
    width: auto;
    max-width: 100%;
}
.inline-box-modal .form-box-alert .error-txt {
    font-size: 13px;
    margin-right: 30px;
}
.inline-box-modal .form-box-alert .close-button {
    font-size: 19px;
    top: 6px;
    right: 12px;
}
/*************************************/
.tour-order {
    margin-left: auto;
    margin-right: auto;
    width: 640px;
    max-width: 100%;
}
.tour-order.tour-error,
.tour-order.tour-notfound {
    margin-top: 60px;
    margin-bottom: 60px;
}
.tour-order.tour-success {}
.tour-order .tour-title {}
.tour-order .tour-title p {margin-bottom: 0}
.tour-order .tour-info {
    margin-top: 24px;
    margin-bottom: 0;
    width: 360px;
    max-width: 100%;
    border: 1px solid #eee;
    background-color: #f6f6f6;
    padding: 12px;
}
.tour-order .tour-info ul {
    list-style: none;
    margin: 0;
}
.tour-order .tour-info ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 1px dotted #ccc;
    padding: 6px 0;
}
.tour-order .tour-info ul li:last-child {border-bottom: none}
.tour-order .tour-info ul li span {
    display: inline-block;
    font-weight: 700;
}
.tour-order .tour-reorder {
    margin-top: 24px;
    display: inline-block;
    /* background-color: #E62129; */
    /* color: #fff; */
    /* padding: 10px 20px; */
    color: #E62129;
    font-weight: 700;
    text-decoration: underline;
}
/*************************************/
.footer-nav-menu {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.footer-nav-menu ul {
    list-style: none;
    margin: 0 -6px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
.footer-nav-menu ul li {
    padding-left: 6px;
    padding-right: 6px;
}
.footer-nav-menu ul li a {
    padding: 9px 6px;
    display: block;
    color: #666;
    font-weight: 700;
}
.footer-nav-menu ul li a span {
    font-size: 13px;
    display: block;
}
.footer-nav-menu ul li a.active,
.footer-nav-menu ul li a:hover {
    color: #E62129;
}
/*************************************/
.flight-search-box {}
.flight-iframe {}
.flight-iframe iframe {
    margin: 0;
    border: none;
    overflow: hidden;
    width: 100%;
    min-height: 100vh;
}
/*************************************/
.home-list-tour-last {height: 0;position: absolute}
/*************************************/
.frm-main-home {position: relative}
.frm-main-home .center-banner {}
.frm-main-home .form-wrap {
    width: 80%;
    position: absolute;
    background-color: transparent;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
}
.frm-main-home .form-wrap .tabs {display: none}
.form-wrap .tabs-content {background: none}
.form-wrap .tabs-panel {padding: 0}
.frm-home-datxe {}
.frm-home-datxe .item-group {}
.frm-home-datxe .item-group input,
.frm-home-datxe .item-group select,
.frm-home-datxe .item-group textarea {
    font-size: 15px;
    margin-bottom: 24px;
    margin-bottom: var(--offset-grid);
    background-color: rgba(254, 254, 254, 0.95);
}
.frm-home-datxe .item-group input:last-child,
.frm-home-datxe .item-group select:last-child,
.frm-home-datxe .item-group textarea:last-child {
    margin-bottom: 0;
}
.frm-home-datxe .item-group button {
    cursor: pointer;
    background-color: #E62129;
    width: 150px;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    height: 39px;
    outline: none;
    margin-right: 10px;
}
.frm-home-datxe .item-group button span {}
.frm-home-datxe .item-group .message {
    color: #E62129;
    margin-top: 0;
    display: none;
    float: right;
    font-size: 13px;
    font-weight: bold;
}
.frm-home-datxe .item-group .message p {margin-bottom: 0;line-height: 1.4;color: #E62129;margin-top: 10px;}
/*************************************/
.home-text-wrapper {margin-top: 30px;}
.home-text-wrapper .home-text {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    border: 1px dotted #E62129;
    color: #E62129;
    background-color: #eee;
    padding: 20px;
}
/*************************************/
.home-bookcar-wrapper {margin-top: 40px}
.home-bookcar-wrapper h3 {
    position: relative;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-size: 45px;
    text-align: center;
}
.home-bookcar-wrapper h3 a {display: inline-block;color: #E62129;}
.home-bookcar-wrapper h3 a span {display: inline-block}
.bookcar-list {}
.bookcar-list figcaption {}
.bookcar-list figcaption h5 {
    padding-top: 20px;
    margin-bottom: 15px;
    /* padding-right: 15px; */
    /* padding-left: 15px; */
    text-transform: uppercase;
    font-size: 18px;
    text-align: left;
}
.bookcar-list figcaption h5 a {
    display: block;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    max-height: 50px;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.bookcar-list .item-des {
    margin-bottom: 15px;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    max-height: 40px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-align: left;
}
.bookcar-list article {position: relative;}
.bookcar-list .cate {
    position: absolute;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    top: 56.25%;
}
.bookcar-list .cate a {
    color: #fff;
    font-size: 12px;
    display: block;
    padding: 2px 7px;
}
.bookcar-list .cate a:hover {color: #E62129}
.bookcar .list-item ul li .item figcaption > h5 a {text-transform: uppercase}
.bookcar .list-item ul li .item figcaption > div {display: none}
.bookcar .list-item ul li .item figcaption {
    padding-top: 24px;
    padding-top: var(--offset-grid);
}
/*************************************/
.bookcar-cat-list {
    background-color: #fff;
    border: 1px solid #eee;
    margin-top: 24px;
}
.bookcar-cat-list ul {
    list-style: none;
    margin: 0;
    padding: 15px 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    flex: 1 1 0;
}
.bookcar-cat-list ul li {
    width: auto;
    padding: 5px 20px;
    border: 1px solid transparent;
    border-radius: 1px;
}
.bookcar-cat-list ul li a {
    display: block;
    font-weight: 700;
}
.bookcar-cat-list ul li.active a, .bookcar-cat-list ul li a:hover {
    color: #E62129;
    text-decoration: underline;
}
/*************************************/
/*************************************/
/* max-width 1023px */
@media only screen and (max-width: 1023px) {

    .row {max-width: 767px}
    .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after {
        content: '';
        border: 3px inset transparent;
        border-top: solid #fff;
        border-bottom-width: 0;
        right: 6px;
    }
    .title-bar {background-color: #E62117;padding: 5px;}
    .title-bar-title {display: none}
    .top-bar {
        position: absolute;
        z-index: 9999;
        left: auto;
        right: 12px;
        padding: 0;
        /* top: 0; */
        width: 743px;
        /* max-width: 743px; */
    }
    .top-bar .parent_nav.vertical {
        background-color: #E62117;
        padding: 12px 24px;
    }
    .menu.vertical>li:not(:last-child) {
        border-bottom: 1px solid rgba(255,255,255,0.1);
        border-bottom: none;
    }
    .nav > li > a {
        color: #fff;
        padding: 12px 0;
        font-size: 14px;
        font-weight: 700;
    }
    .is-accordion-submenu-parent>a::after {
        content: "";
        border: 3px inset transparent;
        border-top: solid #fff;
        border-bottom-width: 0;
        position: absolute;
        top: 50%;
        margin-top: -3px;
    }
    .menu.nested {
        margin-left: 0 !important;
        padding-left: 12px;
        background-color: #E62117;
    }
    .menu-icon:hover::after {
        background: #fefefe;
        -webkit-box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
                box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
    }
    .title-bar .menu-icon {margin: 0}
    .nav ul { background-color: #393e46;  }
    .menu.vertical>li:not(:last-child) {  border-bottom: 1px solid rgba(255,255,255,0.1);  }
    .nav ul li a {
        color: #fff;
        padding: 12px 0 !important;
        font-size: 13px;
        font-weight: 400;
    }
    /*************************************/
    /*************************************/
    .search-panel .search-form .row > div {/* -webkit-box-flex: 0; *//* flex: 0 0 calc(100% / 3); *//* max-width: calc(100% / 3); *//* padding-left: 6px; *//* padding-right: 6px; */}
    .search-panel .search-form .row > .btn-col button {
        height: 32px;
        line-height: 32px;
    }
    .search-panel1 .promo-col {/* margin-top: 18px; */flex: 0 0 auto !important;max-width: 100% !important;}
    .search-panel1 .search-form .row > .btn-col {flex: 0 0 auto !important;max-width: 100% !important;}
    .search-panel1 .search-form .row > .btn-col button {/* margin-top: 18px */}
    /*************************************/
    .main-header {padding-top: 5px;padding-bottom: 5px;}
    .sub-header .introsite {display: none}
    .main-header .logo {/* height: 50px; */}
    .r-img {display: none}
    .home-list-tour {margin-top: 24px}
    .nav > li > a i {color: #fff !important;}
    .contact-form {/* max-width: 100%; */border: none;margin-left: -12px;margin-right: -12px;margin-right: calc(0px - var(--offset-right));margin-left: calc(0px - var(--offset-left));}

    .res.res-m16by9 {padding-bottom: 56.25%;}
    .tour-detail-box h1 {
        margin-top: 24px;
        /* margin-top: var(--offset-grid); */
    }
    .tour-booking .l form .has.w input {width: 100%}
    .search-panel {padding: 18px}
    .search-panel1 {padding: 24px}
    .search-panel .search-head > h4 {font-size: 23px;margin-bottom: 3px}
    .search-panel1 .search-head > h4 {}
    .search-panel .search-head .tour-list label span {font-weight: normal}
    .search-panel .search-head .tour-list label {margin-right: 12px}
}
@media only screen and (max-width: 767px) {

    .row {max-width: 639px}

    .top-bar {
        right: 12px;
        right: var(--offset-right);
        width: calc(100% - 24px);
        width: calc(100% - var(--offset-grid));
    }
    .tour-booking .r {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
    }

    .box-search {padding: 12px}
    .frm-flight-col, .frm-tour-col {flex: 0 0 100%;max-width: 100%}
    .frm-tour-col .home-slides {display: none}
}
/* max-width 639px, mobile-only styles */
@media only screen and (max-width: 639px) {

    :root {
        --offset-grid: 12px;
        --offset-top: 6px;
        --offset-bottom: 6px;
        --offset-left: 6px;
        --offset-right: 6px;
        --offset-width: 6px;
    }
    /*************************************/
    /*************************************/
    .gm-style .gm-style-iw {max-width: 320px}
    .search-panel .search-form .row > div {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .search-panel .search-form .row #price {margin-top: 12px}
    .search-panel .search-form .row > .tour-price {margin-top: 12px}
    .search-panel .search-form .row > .btn-col button, .lbl-promo {}
    .search-panel .search-form .row > .btn-col {/* -webkit-box-flex: 0; */-ms-flex: 0 0 100%;flex: 0 0 auto;max-width: 100%;}
    .list-wrap .l .head-item > h1 {font-size: 24px}
    .home-list-tour .head-item > a {top:13px}
    .home-list-tour .l .item figcaption > h6 {font-size: 15px;}
    .home-list-tour .l .item figcaption > h6 a {max-height: 42px;}
    .search-panel .search-head > h4,
    .search-panel .search-head .tour-list {
        padding-right: 12px;
        padding-left: 12px;
    }
    .search-panel .search-head {
        margin-left: -12px;
        margin-right: -12px;
        margin-right: calc(0px - var(--offset-right));
        margin-left: calc(0px - var(--offset-left));
    }
    .res.res-m4by3 {padding-bottom: 75%;}
    .res.res-m1by1 {padding-bottom: 100%;}
    .res.res-m3by2 {padding-bottom: calc((2 * 100%) / 3);}
    footer {margin-top: 40px}
    .list-item ul li .item figcaption > h5 {font-size: 15px}
    .list-item ul li .item figcaption > h5 a {max-height: 42px}
    .video-detail-box .body-item h2 {font-size: 18px}
    .news-detail-box h1 {font-size: 26px}
    .visa-form-box .form-box .item.time > div {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%}
    .visa-form-box .form-box .item.time > div:not(:last-child) {margin-bottom: 12px}

    .tour-detail-box h1 {
        font-size: 21px;
        /* text-transform: lowercase; */
        /* font-family: "Roboto", sans-serif; */
        /* font-weight: 700; */
        /*border-bottom: 1px dotted #E62129;*/
        /*padding-bottom: 9px;*/
    }
    .tabs {border-bottom: none}
    .tabs li.tabs-title a {
        font-size: 14px;
        padding: 9px 18px;
        margin-top: 6px;
        font-weight: normal;
        border-bottom: 1px solid #e57d12;
    }
    .tabs li.tabs-title.is-active a {border-bottom: 1px solid #e57d12}
    .search-panel .search-form select, .search-panel .search-form input, .search-panel .search-form button {font-size: 14px;}
    .progress-box .progress-step a {
        font-size: 14px;
        padding: 12px;
    }

    /************fix mobile***********/
    [type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {height: inherit;padding: 6px;line-height: inherit;}
    select {
        height: inherit;
        padding: 6px;
        line-height: inherit;
        background-size: 9px 5px;
        padding-right: 1.5rem;
    }
    select.chosen {/*display: block*/}
    .list-tour .owl-carousel .item figcaption > h6 {font-size: 16px;}
    .list-tour .owl-carousel .item figcaption > h6 a {max-height: 44px}
    .list-tour .item figcaption .stats > div span {font-size: 12px}
    .list-tour .owl-carousel .item .short {display: none}
    .list-tour .row > h1, .list-tour .row > h3 {
        font-size: 24px;
        margin-bottom: 12px;
    }
    .list-tour .row > h1::after, .list-tour .row > h3::after {height: 0}
    .list-tour .item .info .old {font-size: 13px}
    .list-tour .item .info .new {font-size: 16px}
    .list-tour .item figcaption .stats > div span i {font-size: 12px}
    .home-seach-box {margin-top: 0;background-color: #f9f9f9}
    .home-seach-box1 {margin-top: 30px}
    .search-panel {
        border: none;
        padding: 12px;
    }
    .search-box .dropdown-pane {
        width: auto;
        right: 12px;
        left: 12px !important;
        right: var(--offset-right);
        left: var(--offset-right) !important;
    }
    .search-box {-webkit-box-ordinal-group: 1;-ms-flex-order: 0;order: 0}
    .lang-box {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1}
    .social-follow {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2}
    .home-slides-tour, .tour-detail-box {margin-top: 24px}
    .list-tour .owl-carousel .owl-nav .owl-prev, .list-tour .owl-carousel .owl-nav .owl-next {top:-48px}
    .breadcrumbs-box {margin-top: 24px;margin-bottom: 12px}
    .intro-box .head-item > h1::after {height: 0}
    .breadcrumbs li:not(:last-child)::after {margin-left: 6px;margin-right: 6px}
    .category-list-tour .item > .short {display: none}
    .list-tour .item figure > div .btn-tour {padding: 6px 12px}
    .list-tour .item figure > div .btn-tour span {font-size: 13px}
    .gm-style-iw {
        max-width: calc(100% - 24px) !important;
        width: auto !important;
        left: 12px !important;
        min-width: 284px;
    }
    .tour-detail-box .infomation-box dt {
        padding-right: 12px;
        vertical-align: middle;
        font-size: 14px;
    }
    .contact-form {
        /* max-width: 100%; */
        border: none;
        margin-left: -12px;
        margin-right: -12px;
        margin-right: calc(0px - var(--offset-right));
        margin-left: calc(0px - var(--offset-left));
        padding: 12px;
    }
    .tour-detail-box .line {display: none}
    .tour-detail-box .tour-content {margin-top: 24px}
    .tags:not(.body) {
        border: none;
        padding: 0;
        margin-top: 12px;
    }
    .lbl-promo > span {font-weight: normal;}
    .box-search {margin-bottom: 12px}
    /*********************/
    .tour-detail-item {}
    .bookcar-cat-list {border: none}
}
@media only screen and (max-width: 419px) {

    .search-panel .search-form .row > div {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 1rem;
    }
    .search-panel .search-form .row > .tour-price {margin-top: 0}
    .search-panel .search-form .row > .btn-tour-search, .search-panel .search-form .row > .tour-promotion {
        margin-top: 0;
        margin-bottom: 0;
        flex: 1 1 auto;
    }
}
@media only screen and (min-width: 767px) {

    .main-header .main-nav {
        position: relative;
    }
}
/* Large screens */
/* min-width 1024px, large screens */
@media only screen and (min-width: 1024px) {

    .title-bar {display: none;}
    .top-bar {background: none;padding: 0;}
    .top-bar ul {background-color: transparent;z-index: 9999;}
    .title-bar-title {margin-left: 15px;}
    .dropdown.menu>li.is-dropdown-submenu-parent>a::after {
        font-family: 'FontAwesome', serif;
        content: "\f107";
        border: none !important;
        font-size: 13px;
        margin-top: -7px;
        right: 17px;
    }
    .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after,
    .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
        font-family: 'FontAwesome', serif;
        border: none !important;
        font-size: 13px;
        margin-top: -9px;
        right: 13px;
        content: "";
        left: inherit;
    }
    .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {  content: "\f105";  }
    .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {  content: '\f104';  }
    .dropdown.menu a {
        -webkit-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        padding: 0.5rem;
    }
    .dropdown.menu a > i {}
    .dropdown.menu a:hover > i, .dropdown.menu a.active > i {color: #fff !important;}
    .nav > li {border-right: none;margin-right: 1px}
    .nav > li:first-child {}
    .nav > li:last-child {border-right: none}
    .nav > li > a {
        font-size: 16px;
        font-weight: 700;
        color: #555;
        background-color: transparent;
        font-family: "Roboto Condensed", sans-serif;
        line-height: 17px;
    }
    .nav > li.is-active > a, .nav > li > a.active, .nav > li > a:hover, .nav > li > a:focus {
        background-color: #E62129 !important;
        color: #fff !important;
    }
    .dropdown.menu .is-active > a {color:#E62129;}
    .nav ul {
        background-color: #fff;
        z-index: 9999;
        border: 1px solid #ddd;
        box-shadow: 0 0 3px #ddd;
    }
    .nav ul li {  border-bottom: 1px solid #ddd;  }
    .nav ul li a {
        line-height: 20px;
        color: #555;
        -webkit-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        font-size: 14px;
        /* font-family: "Roboto Condensed", sans-serif; */
        /* letter-spacing: 0.4px; */
        font-weight: 700;
    }
    .nav ul li a.active, .nav ul li a:hover, .nav ul li a:focus {
        color: #E62129 !important;
        background-color: transparent !important;
    }
    .nav ul li:last-child { border-bottom: none; }
    /*************************************/
    .frm-flight-col {}
    .frm-tour-col {}
    /*************************************/
    .similar-list-box .wookmark-list.list-item ul li {
        width: calc((100% - 1.5px) / 3);
    }
}
/* XLarge screens */
/* min-width 1200px, xlarge screens */
@media only screen and (min-width: 1200px) {

    .dropdown.menu a {padding: 0.5rem 0.7rem;}
    .dropdown.menu.nav ul li a {padding: .7rem}
    /*************************************/
    /*************************************/
}
@media print {
    .hidden-print, .toTop {
        display: none !important;
        height: 0;
    }
    .visa-form-box {padding-top: 0 !important;}
}