@charset "UTF-8";

*,
*::after,
*::before {
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
}

    *,
    *::after,
    *::before {
        box-sizing: border-box;
        -webkit-backface-visibility: hidden;
    }

body,
html {
    height: 100%;
    margin: 0;
    padding: 0;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #333;
}

ol,
ul {
    list-style: outside none none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Roboto', sans-serif;
}

h1, h2 {
    font-weight: bold;
}

.cWhite {
    color: #fff;
}

.cBlack {
    color: #000;
}

.cBlue {
    color: #0075bd;
}

.align-center {
    text-align: center;
}

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

.no-padding {
    padding: 0;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0;
}

.full-width {
    width: 100%;
    float: left;
}
/**** CSS HEADER *****/
.header-support {
    background: #f0f0f0;
    height: 30px;
    line-height: 30px;
    float: left;
    width: 100%;
    position: relative;
    z-index: 100;
}

    .header-support p {
        font-size: 12px;
        font-family: 'Arial', sans-serif;
        color: #555;
        margin: 0;
    }

        .header-support p img {
            margin-top: -3px;
            margin-right: 5px;
        }

        .header-support p span {
            font-weight: bold;
            color: #0075bd;
        }

        .header-support p a {
            color: #555;
        }

.contact-support > div {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.contact-support div:first-child {
    margin-right: 45px;
}

    .contact-support div:first-child img {
        margin-top: -2px;
    }

.contact-support div:last-child {
    margin-right: 0;
    margin-left: 33px;
}

.header-slogan {
    background: #fff;
    height: 92px;
    line-height: 92px;
    float: left;
    width: 100%;
    position: relative;
}

.logo {
}

.slogan h1 {
    font-size: 24px;
    color: #0075bd;
    font-weight: 500;
    margin: 0;
    line-height: 92px;
}

    .slogan h1 span {
        font-weight: 300;
    }

.social {
    text-align: right;
}

.header-menu {
    background: #0075bd;
    float: left;
    width: 100%;
    position: relative;
}

ul.mainmenu {
    margin: 0;
    padding: 0;
    position: relative;
}

.mainmenu li {
    list-style: none;
    float: left;
    width: auto;
}

    .mainmenu li a {
        color: #fff;
        text-transform: uppercase;
        font-weight: 500;
        padding: 15px 17px 10px 17px;
        display: block;
        line-height: 1.5em;
        text-decoration: none;
        position: relative;
        z-index: 99;
    }

    .mainmenu li.home a {
        padding: 15px 13px 8px 13px;
        background-image: url('../images/icon_home_2.png');
        width: 45px;
        height: 46px;
        background-position: center;
        text-indent: -9999px;
        background-repeat: no-repeat;
    }

        .mainmenu li.home a.active, .mainmenu li.home a:hover {
            background-color: #1d2353;
            background-image: url('../images/icon_home_2.png');
            height: 46px;
        }

    .mainmenu li a.active, .mainmenu li:hover {
        background-color: #1d2353;
        color: #fff;
        transition: all 0.4s ease 0s;
    }

.box-seach {
    float: right;
    padding-right: 15px;
    padding-top: 12px;
}

.mainmenu > li > div {
    background: #fff;
    display: block;
    left: 0;
    opacity: 0;
    overflow: hidden;
    padding: 10px 0px 10px 5px/*20px 0px 20px 13px*/;
    position: absolute;
    top: 36px;
    visibility: hidden;
    width: 100%;
    z-index: 9999;
}

.mainmenu > li.dropdown_normal {
    position: relative;
}

    .mainmenu > li.dropdown_normal > div {
        width: 190px;
    }

.mainmenu > li:hover > div {
    opacity: 1;
    overflow: visible;
    visibility: visible;
}

.mainmenu hr {
    border-top: 1px thin #999;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
}

.mainmenu .titleEvent a {
    font-weight: bold;
    color: #0075bd;
    font-size: 10pt !important;
    margin: 0;
    padding: 0;
    padding-top: 10px;
}

.mainmenu .SubTitleEvent {
    font-weight: bold;
    color: #000;
    font-size: 12pt;
    padding-bottom: 10px;
}

.mainmenu .cruise a {
    margin: 0;
    padding: 0;
}

.menu-sub {
    padding: 0;
    margin: 0;
}

    .menu-sub li {
        float: none;
        line-height: 1em;
        margin-left: 15px;
        padding: 7px 0;
        list-style-image: url('../images/icon_list_menu.png');
    }

        .menu-sub li:hover {
            background: none;
        }

.mainmenu li ul.menu-sub a {
    color: #000;
    float: none;
    font-weight: normal;
    line-height: 1em;
    padding: 0;
    text-transform: none;
}

.mainmenu > li > div a:hover {
    background: none;
    color: #0075bd;
}

.mainmenu li .box-tour-menu p {
    line-height: 1.3em;
    font-family: 'Roboto-Regular';
    font-size: 10pt;
    margin-bottom: 0;
}

.mainmenu li .box-tour-menu {
    margin-top: 5px;
}

    .mainmenu li .box-tour-menu h4 {
        color: #1b2354;
        margin-left: 10px;
        margin-top: 0px !important;
    }

    .mainmenu li .box-tour-menu a {
        color: #333;
        float: none;
        padding: 0;
        text-transform: none;
        text-decoration: none;
    }

.mainmenu li ul.menu-sub li a:hover, .box-new-menu p a:hover {
    color: #0075bd;
}

.mainmenu li .box-tour-menu p.ot_title {
    margin-top: 10px;
    height: 55px;
    overflow: hidden;
}
.mainmenu li .box-tour-menu p.price {
    margin-top: 10px;
    overflow: hidden;
    margin:5px 0px 15px 0px;
}
    .mainmenu li .box-tour-menu p.price {
        font-weight: bold;
        font-size: 14px;
        color: #74af1f;
    }

.global-overlay {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
    height: 100%;
    z-index: 999;
    transition: all 0.3s ease 0.15s;
    display: none;
}

.global-overlay-mobile {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.7;
    height: 100%;
    z-index: 90;
    transition: all 0.3s ease 0.15s;
    display: none;
}

.global-overlay-mobile {
    z-index: 9999;
}

.global-overlay.active, .nav-is-active .global-overlay-mobile,
.search-is-active .global-overlay-mobile {
    display: block;
}

.box-tour-menu img {
    width: 100%;
}
.height-banner {max-height:442px;overflow:hidden}
/**** END CSS HEADER *****/
#main {
    width: 100%;
    float: left;
    position: relative;
}

.wrapper {
    width: 100%;
    float: left;
}

.bg-blue {
    background: #1a2152;
}

.bg-white-gray {
    background: #f5f5f5;
}

.bg-gray {
    background: #e6e6e6;
}
/***** CSS HOMEPAGE*********/
.column-find-tour {
    padding-right: 7px;
    color: #fff;
}

.box-find-tour {
    background: #2f396e;
    padding: 18px 25px 13px 25px/*25px 25px 20px 25px*/;
}

    .box-find-tour h3 {
        color: #fff;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: bold;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .box-find-tour .titleSearch {
        font-family: 'Arial',sans-serif;
        color: #a1abdb;
        padding-top: 2px;
    }

select {
    width: 100%;
    margin-bottom: 5px;
    padding: 5px 5px;
    font-family: 'Arial',sans-serif;
    color: #999;
    height: 32px;
    line-height: 32px;
    border: none;
    /*border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;*/
    /*background: #fff url(../images/select_arrow.png) no-repeat right center;*/
    text-indent: 0.01px;
    text-overflow: "";
    outline: none !important;
}

    select:focus {
        outline: none;
    }

.select {
    width: 100%;
    margin-bottom: 5px;
    padding: 5px 5px;
    font-family: 'Arial',sans-serif;
    color: #999 !important;
    height: 32px;
    line-height: 32px;
    border: none;
    /*border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;*/
    text-indent: 0.01px;
    text-overflow: "";
    outline: none !important;
    border-radius: 0px;
}


.form-find-tour input[type="submit"] {
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    /*border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;*/
    text-align: center;
    height: 45px;
    line-height: 45px;
    padding: 0;
    background: #0075bd;
    border: none;
    margin-top: 10px;
}

    .form-find-tour input[type="submit"]:hover {
        background: #6eae00;
    }

.center-support {
    margin-top: 5px;
    padding-top: 15px;
    padding-bottom: 7px;
}

    .center-support h3 {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .center-support p {
        margin-bottom: 6px;
        font-weight: bold;
    }

        .center-support p strong, .center-support p b {
            font-weight: 500;
        }

        .center-support p img {
            margin-top: -3px;
            margin-right: 5px;
        }

.slidehome .slick-arrow, .silde-promotion .slick-arrow,
.slide-testimonial-tour .slick-arrow {
    display: none !important;
}

.slick-dots {
    display: block;
    width: 100%;
    position: absolute;
    padding: 0;
    margin: 0;
    left: 0;
    bottom: 15px;
    text-align: center;
    height: 9px;
}

.slide-testimonial-tour .slick-dots {
    bottom: 0;
}

.slick-dots li {
    height: 9px;
    width: 9px;
    background: url('../images/icon_list.png');
    text-indent: -9999px;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
}

    .slick-dots li.slick-active {
        background-position-y: -9px;
    }

.title-trikethrough {
    overflow: hidden;
    text-align: center;
    position: relative;
    z-index: 1;
    margin: 36px 0 25px;
}

    .title-trikethrough:before,
    .title-trikethrough:after {
        background-color: #0075bd;
        content: "";
        display: inline-block;
        height: 3px;
        position: absolute;
        width: 100%;
        bottom: 21px;
        z-index: -1;
    }

    .title-trikethrough:before {
        left: 0;
    }

    .title-trikethrough:after {
        right: 0;
    }

.wraper-title {
    padding: 0 15px;
    display: inline-block;
}

    .wraper-title h3, .wraper-title h1 {
        margin: 0;
        line-height: 1.2em;
        text-transform: uppercase;
    }

    .wraper-title h3 {
        color: #666;
        font-size: 24px;
        font-weight: 400;
    }

    .wraper-title h1 {
        font-size: 36px;
        color: #0075bd;
        font-weight: bold;
    }

h1.trikethrough {
    position: relative;
    z-index: 1;
    text-align: center;
    font-size: 36px;
    color: #000;
    font-weight: bold;
    margin: 36px 0 25px;
}

    h1.trikethrough:before {
        border-top: none;
        content: "";
        margin: 0 auto;
        position: absolute;
        top: 34%;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        z-index: -1;
    }

    h1.trikethrough span {
        padding: 0 15px;
    }

    h1.trikethrough:after {
        content: "";
        margin: 0 auto; /* this centers the line to the full width specified */
        position: absolute;
        top: 34%;
        left: 0;
        right: 0;
        width: 100%;
        z-index: -1;
        background: url('../images/line3.png') repeat-x;
        height: 12px;
    }

.promotion-banner {
    margin-bottom: 50px;
}

.promotion-content {
    text-align: center;
}

    .promotion-content p {
        margin-bottom: 15px;
    }

.infomation-tour {
    padding: 15px;
    background: #fff;
}

.box-tour {
    margin-bottom: 30px;
    box-shadow: 2px 3px 5px #e5e5e5;
    -webkit-box-shadow: 2px 3px 5px #e5e5e5;
    -moz-box-shadow: 2px 3px 5px #e5e5e5;
    position: relative;
}

    .box-tour h4 {
        font-size: 18px;
        margin: 0 0 13px 0;
        line-height: 1.28em;
        height: 70px;
        overflow: hidden;
    }

    .box-tour h5 {
        font-size: 16px;
        margin: 0 0 0px 0;
        line-height: 1.28em;
        height: 20px;
        overflow: hidden;
    }

        .box-tour h4 a, .box-tour h5 a {
            color: #1c2253;
        }

            .box-tour h4 a:hover, .box-tour h5 a:hover {
                text-decoration: none;
                color: #1579bd;
            }

.tour-vietnam h4 {
    color: #000;
    font-size: 14px;
    min-height: inherit;
    margin-bottom: 5px;
}

    .tour-vietnam h4 a {
        color: #000;
    }

.box-tour ul {
    padding: 0;
    margin: 0 0 15px 0;
}

    .box-tour ul li {
        font-size: 13px;
        color: #666;
        padding: 5px 0 3px 0;
        border-top: 1px dashed #e0e0e0;
    }

        .box-tour ul li:last-child {
            border-bottom: 1px dashed #e0e0e0;
        }

.box-tour select {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #ccc;
    background-color: #f6f6f6;
    color: #666;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 0;
    padding-left: 10px;
}

.box-tour p {
    font-size: 13px;
    margin-bottom: 5px;
}

.tour-vietnam p.price-tour {
    font-size: 14px;
}

.box-tour p.price-tour {
    font-weight: bold;
}

    .box-tour p.price-tour span,
    .box-tour p.price-tour strong {
        font-size: 16px;
        color: #1579bd;
        font-weight: bold;
    }

.list-start-price {
    padding: 12px 10px 5px 10px;
    border: 1px solid #ccc;
    border-top: none;
    margin-top: -2px;
    height: 80px;
    overflow: hidden;
}

    .list-start-price td {
        margin: 0px;
        padding: 0px;
    }

    .list-start-price p {
        font-size: 12px;
        margin-bottom: 3px;
    }

        .list-start-price p span,
        .list-start-price p strong {
            color: #1579bd;
            font-weight: bold;
        }

        .list-start-price p span {
            float: right;
        }









.percent-promotion {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    width: 58px;
    height: 58px;
    line-height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    background: url('../images/bg_promotion.png');
    text-align: center;
    padding-left: 8px;
}

.view-all-tour {
    display: block;
    width: 315px;
    margin: 20px auto 50px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 45px;
    background: #0075bd;
}

    .view-all-tour:hover {
        color: #fff;
        text-decoration: none;
        background: #1d2353;
    }
/***** Testimonial ******/
.testimonial {
    padding: 30px 0;
    position: relative;
}

.testimonial-content h1 {
    color: #fff;
    text-align: center;
    font-weight: bold;
    margin-bottom: 15px;
}

.testimonial-content p {
    color: #c3ced4;
    text-align: center;
}

.testimonial-content {
    margin-bottom: 40px;
}

.box-testimonial {
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
    outline: none;
}

    .box-testimonial img {
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        padding: 5px;
        background: #fff;
        width: 165px;
        height: 165px;
        margin-bottom: 15px;
        display: inline-block;
    }

    .box-testimonial p {
        color: #fff;
    }

.author-testimonial {
    width: auto;
    height: 60px;
    margin: 0px auto 0;
    padding-top: 10px;
    border-bottom: 1px solid #464f88;
    display: inline-block;
    overflow: hidden;
}

.view-all-testimonial {
    width: 200px;
    position: absolute;
    margin: 0;
    transform: translate(-50%,-57%);
    -ms-transform: translate(-50%,-57%);
    -moz-transform: translate(-50%,-57%);
    -webkit-transform: translate(-50%,-57%);
    left: 50%;
    top: 100%;
}
/***** End Testimonial ******/
.list-tour {
    padding: 75px 0 30px;
}

.list-destination {
    margin-bottom: 20px;
}

    .list-destination a, .list-destination span {
        color: #666;
    }

    .list-destination span {
        margin: 0 12px;
    }

.info-travel-media {
    padding: 45px 0;
}

    .info-travel-media h3 {
        font-size: 24px;
        color: #000;
        font-weight: bold;
        margin: 0 0 25px 0;
        padding-bottom: 10px;
        border-bottom: 1px solid #ccc;
    }

.news-description {
    height: 180px;
    overflow: hidden;
}

    .news-description p {
        color: #000;
        margin-bottom: 0;
    }

    .news-description h4 {
        font-size: 18px;
        line-height: 1.3em;
        margin: 0 0 7px 0;
    }

        .news-description h4 a {
            color: #1579bd;
        }

.news-publish {
    color: #999;
    font-size: 12px;
    margin-bottom: 6px;
}

.news-feature img {
    width: 270px;
    height: 170px;
}

.news-feature hr {
    border-top: 1px dashed #999;
    width: 100%;
    margin: 24px 0;
}

.box-info-travel {
    margin-bottom: 25px;
}

    .box-info-travel img {
        width: 170px;
        max-height: 108px;
    }

    .box-info-travel p {
        font-weight: 500;
        color: #333;
        margin: 10px 0 0 0;
        height: 38px;
        overflow: hidden;
    }

        .box-info-travel p a {
            color: #333;
        }

.fulll-video iframe {
    width: 100%;
    height: 334px;
}

.fulll-video h4 {
    color: #1579bd;
    font-weight: 500;
    font-size: 18px;
}

.list-videos {
    float: left;
    width: 100%;
    margin-top: 31px;
}

.thumbnail-video {
    position: relative;
}

.overlay-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    transition: all 0.4s ease 0s;
    display: none;
}

.icon-video {
    position: absolute;
    width: 28px;
    height: 20px;
    background: url('../images/icon_video.png');
    transition: all 0.4s ease 0s;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    display: none;
}

.thumbnail-video a:hover .overlay-video, .thumbnail-video a:hover .icon-video {
    display: block;
}

.gallery-home {
    background: #0274bb;
    padding: 30px 0 50px 0;
}

.box-gallery {
    background: #fff;
    padding: 10px;
}

    .box-gallery p {
        color: #333;
        margin-bottom: 0;
        font-weight: bold;
        margin-top: 10px;
        text-align: center;
        height: 40px;
        overflow: hidden;
    }

.home-gallery {
    float: left;
    width: 100%;
}

    .home-gallery .slick-prev, .home-gallery .slick-next {
        display: block;
        position: absolute;
        z-index: 100;
        width: 35px;
        height: 36px;
        top: 45%;
        text-indent: -9999px;
        border: none;
        outline: none;
    }

    .home-gallery .slick-prev {
        left: -35px;
        background: url('../slider-slideshow/images/prev.png');
    }

    .home-gallery .slick-next {
        right: -35px;
        background: url('../slider-slideshow/images/next.png');
    }

    .home-gallery .slick-dots {
        display: none !important;
    }

.line-gallery {
    height: 1px;
    background: #ccc;
    margin-top: 10px;
    margin-bottom: 43px;
}

.gallery-home h2 {
    color: #fff;
    font-weight: bold;
    font-size: 30px;
    margin-top: 10px;
}

.footer {
    background: #f0f0f0;
    padding: 30px 0;
    border-top: 5px solid #1579bd;
}

.footer-logo, .block-footer {
    float: left;
}

.footer-logo {
    width: 170px;
    margin-right: 70px;
}

    .footer-logo p {
        font-size: 12px;
        color: #666;
        font-weight: 300;
        margin-top: 10px;
    }

.block-footer {
    width: 190px;
    border-right: 1px solid #ccc;
    padding: 8px 26px 0 26px;
}

    .block-footer h3 {
        text-transform: uppercase;
        color: #0477bd;
        font-weight: bold;
        margin: 0 0 12px 0;
        font-size: 14px;
    }

    .block-footer ul {
        padding: 0;
        margin: 0;
    }

        .block-footer ul li {
            margin-bottom: 2px;
        }

            .block-footer ul li a {
                color: #333;
            }

    .block-footer.time-work {
        padding-left: 0;
    }

    .block-footer:last-child {
        border-right: none;
        padding-right: 0;
        width: 170px;
    }

.time-work p {
    margin-bottom: 2px;
}

    .time-work p:last-child {
        margin-top: 24px;
    }

.address-footer {
    padding-top: 20px;
    margin: 20px 0 30px;
    border-top: 1px solid #ccc;
    float: left;
    width: 100%;
}

.social-footer {
    width: 170px;
    margin-right: 70px;
    float: left;
}

.hotline-footer {
    background: #0274bb;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 5px 0;
    text-align: center;
    color: #fff;
    font-weight: bold;
    margin-top: 10px;
    margin-right: 2px;
}

.social-footer a {
    display: inline-block;
    margin-right: 2px;
}

    .social-footer a:last-of-type {
        margin-right: 0;
    }

.block-footer-address {
    float: left;
    width: 260px;
    padding-right: 30px;
    padding-top: 3px;
}

.chungnhan {
    width: 150px;
    float: right;
    padding-top: 10px;
}

.block-footer-address h4 {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    margin: 0 0 12px 0;
}

.block-footer-address p {
    margin-bottom: 0;
}

.wrapper-breadcrumb {
    background: #ededed;
    padding: 12px 0 10px;
    border-bottom: 1px solid #ddd;
    float: left;
    width: 100%;
    color: #666;
    margin-bottom: 30px;
}

.wrapper-breadcrumb-fullpage {
    background: #ededed;
    padding: 12px 0 10px;
    border-bottom: 1px solid #ddd;
    float: left;
    width: 100%;
    color: #666;
}

    .wrapper-breadcrumb a, .wrapper-breadcrumb-fullpage a {
        color: #666666;
    }

.wrapper-main-content {
    padding-bottom: 50px;
}

    .wrapper-main-content h1 {
        color: #0075bd;
        margin-top: 0;
        margin-bottom: 22px;
    }

    .wrapper-main-content h2 {
        font-size: 24px;
        text-transform: uppercase;
        margin: 30px 0 20px;
        color: #0075bd;
    }

    .wrapper-main-content p {
        margin-bottom: 20px;
    }

.banner_big, .banner_list {
    margin-bottom: 30px;
}

.filter-tour {
    padding: 10px 0px 11px;
    background: #eee;
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

    .filter-tour .item-filter {
        margin-left: 2.3%;
        width: 22.1%;
        float: left;
    }

    .filter-tour .item-filter2 {
        margin-left: 3.333%;
        width: 30%;
        float: left;
    }

        .filter-tour .item-filter2 .selectSearch {
            width: 100%;
            float: left;
        }

        .filter-tour .item-filter .title, .filter-tour .item-filter2 .title {
            padding-left: 17px;
            color: #999;
        }

.box-tour-boat {
    float: left;
    width: 100%;
    padding-bottom: 35px;
    margin-bottom: 35px;
    border-bottom: 1px solid #ccc;
}

.info-date-tour {
    float: left;
    width: 9.197%;
}

    .info-date-tour > div {
        width: 100%;
        height: 63px;
        border: 1px solid #ccc;
        border-bottom: none;
        padding-top: 10px;
    }

    .info-date-tour div.day-tour {
        padding-top: 13px;
    }

    .info-date-tour > div:last-child {
        border-bottom: 1px solid #ccc;
        padding-top: 0;
    }

.day-tour p {
    margin-bottom: 0;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    line-height: 0.8em;
}

.day-tour span {
    font-size: 12px;
    text-transform: uppercase;
}

.date-tour {
    background: #e9e9e9;
}

    .date-tour p {
        font-size: 26px;
        font-weight: 500;
        margin-bottom: 0;
        line-height: 1em;
    }
    .date-tour span {
        font-size: 12px;
        text-transform: uppercase;
    }

.btn-booking-tour a {
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    display: block;
    padding-top: 13px;
    line-height: 1.2em;
    background: #2385c4;
}

    .btn-booking-tour a:hover {
        background: #74af1f;
        color: #fff;
        text-decoration: none;
    }

.thumbnail-tour-boat {
    height: 189px;
    width: 33.794%;
    padding: 0 13px 0 0px;
    float: left;
    position: relative;
}

    .thumbnail-tour-boat img {
        height: 100%;
    }

    .thumbnail-tour-boat .percent-promotion-listtour {
        font-size: 18px;
        font-weight: 500;
        color: #fff;
        width: 58px;
        height: 58px;
        line-height: 50px;
        position: absolute;
        top: 0;
        right: 20px;
        z-index: 10;
        background: url('../images/bg_promotion.png');
        text-align: center;
        padding-left: 8px;
    }

.detail-tour-boat {
    width: 57.009%;
    float: left;
    padding-right: 5px;
    height: 189px;
}

    .detail-tour-boat h3 {
        font-size: 18px !important;
        font-family: 'Roboto-Regular' !important;
        font-weight: 300;
        text-transform: uppercase;
        margin: 0 0 5px 0;
        line-height: 1.2;
    }

        .detail-tour-boat h3 a {
            display: block;
            margin-top: 3px;
            font-size: 16px !important;
            font-family: Roboto-Medium !important;
        }

    .detail-tour-boat a:hover {
        text-decoration: none;
        color: #0075bd;
    }

.type-boat, .destination-boat {
    display: inline-block;
    color: #666;
    margin-bottom: 15px !important;
}

.type-boat {
    margin-right: 30px;
}

    .type-boat span, .destination-boat span {
        font-style: italic;
        font-size: 10pt;
    }

    .type-boat a {
        color: #666;
    }

.list-tab, list-tab ul {
    float: left;
    width: 100%;
}

    .list-tab .nav-tabs > li > a {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        padding: 5px 14px;
        color: #999;
        margin-right: 0;
    }

    .list-tab .nav > li > a:focus {
        background: #fff;
        border-bottom-color: transparent;
    }

    .list-tab .nav > li > a:hover {
        border-color: #ccc #ccc #ccc;
        background: transparent;
        color: #ff3300;
        font-weight: 500;
    }

    .list-tab .nav > li.active > a {
        border-color: #ccc #ccc #ccc;
        color: #ff3300;
        font-weight: 500;
    }

    .list-tab .nav-tabs > li > a:hover, .list-tab .nav > li.active > a {
        border-bottom-color: transparent !important;
    }

    .list-tab .nav-tabs {
        border-bottom-color: #ccc;
    }

    .list-tab .nav > li:first-child > a {
        background-image: url('../images/icon_money.png');
        background-repeat: no-repeat;
        background-position: 10px center;
        padding-left: 30px;
    }

        .list-tab .nav > li:first-child > a:hover, .list-tab .nav > li.active:first-child > a {
            background-image: url('../images/icon_money_active.png');
        }

    .list-tab .nav-tabs > li:last-child {
        float: left;
    }

.tab-content > .tab-pane {
    border: 1px solid #ccc;
    border-top: none;
    padding: 0px;
    float: left;
    width: 100%;
}

.price-tab-value {
    float: left;
    width: 33.3333%;
    padding: 5px 0px;
    border-right: 1px solid #ccc;
}

.tab-pane .price-tab-value div {
    margin-bottom: 0;
}

.tab-pane .price-tab-value:last-child {
    border-right: none;
}

.price-tab-value p span, .price-tab-value .price {
    color: #107bbf;
    font-size: 18px;
    font-weight: bold;
    display: block;
}

.list-tour-boat .box-tour-boat:last-child {
    border-bottom: none;
}

.view-more-tour-boat {
    position: relative;
    z-index: 1;
    text-align: center;
    font-weight: bold;
    margin: 36px 0 25px;
}

    .view-more-tour-boat:before {
        border-top: none;
        content: "";
        margin: 0 auto;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        z-index: -1;
    }

    .view-more-tour-boat a {
        padding: 20px 50px 15px;
        background: #0075bd;
        font-size: 16px;
        color: #fff;
        text-decoration: none;
    }

        .view-more-tour-boat a span {
            font-weight: normal;
        }

    .view-more-tour-boat:after {
        content: "";
        margin: 0 auto; /* this centers the line to the full width specified */
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        width: 100%;
        z-index: -1;
        background: #0075bd;
        height: 1px;
    }

.sidebar-right {
    background: #f5f5f5;
    float: left;
    width: 100%;
}

.block-sidebar {
    padding: 20px 0;
    border-bottom: 1px solid #dcdcdc;
    float: left;
    width: 100%;
}

.title-block-sidebar {
    border-left: 8px solid #0075bd;
    font-weight: bold;
    font-size: 18px;
    color: #1d2454;
    padding-left: 12px;
    margin-bottom: 15px;
    line-height: 1.2em;
}

.content-block-sidebar {
    padding: 0 20px;
}

    .content-block-sidebar ul {
        margin: 0;
        padding: 0;
    }

        .content-block-sidebar ul li {
            margin-bottom: 5px;
        }

            .content-block-sidebar ul li h3 {
                margin: 0px;
                padding: 0px;
                font-weight: normal;
            }

                .content-block-sidebar ul li h3 a {
                    color: #333;
                    font-size: 10pt !important;
                    line-height: 1;
                }

    .content-block-sidebar .box-testimonial {
        margin-bottom: 20px;
    }

        .content-block-sidebar .box-testimonial img {
            width: 130px;
            height: 130px;
        }

        .content-block-sidebar .box-testimonial p {
            color: #333;
            font-size: 13px;
            margin-bottom: 5px;
        }

    .content-block-sidebar .author-testimonial {
        border-color: #ccc;
        color: #333;
        font-weight: 500;
        font-size: 13px;
    }

.testimonial-sidebar {
    margin-top: 30px;
}

    .testimonial-sidebar .slick-slide img {
        display: inline-block;
    }

    .testimonial-sidebar .slick-arrow {
        display: none !important;
    }

    .testimonial-sidebar .slick-dots {
        bottom: 0;
    }

        .testimonial-sidebar .slick-dots li {
            background: url('../images/icon_list_s.png');
            height: 8px;
            width: 8px;
        }

            .testimonial-sidebar .slick-dots li.slick-active {
                background-position-y: -8px;
            }

.box-new-sidebar {
    background: #fff;
    margin: 5px 0 15px;
    border-bottom: 1px solid #d4d4d4;
    text-align: center;
    padding-bottom: 10px;
    box-shadow: 1px 2px 5px #efefef;
    -webkit-box-shadow: 1px 2px 5px #efefef;
    -moz-box-shadow: 1px 2px 5px #efefef;
}

    .box-new-sidebar img {
        width: 100%;
    }

    .box-new-sidebar a {
        color: #333;
    }

    .box-new-sidebar p {
        margin-bottom: 0;
        padding: 0 12px;
        margin-top: 10px;
        font-size: 14px;
    }

.content-block-sidebar p {
    font-size: 12px;
}

.content-block-sidebar input {
    background: #fff;
    color: #666;
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    margin-bottom: 5px;
    width: 100%;
    border: 1px solid #ccc;
}

.content-block-sidebar select {
    color: #666;
    height: 30px;
    padding: 0 12px;
    margin-bottom: 5px;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.content-block-sidebar textarea {
    color: #666;
    padding: 12px;
    margin-bottom: 5px;
    width: 100%;
    border: 1px solid #ccc;
    resize: none;
    height: 125px;
}

    .content-block-sidebar input::-webkit-input-placeholder,
    .content-block-sidebar textarea::-webkit-input-placeholder {
        color: #666;
    }

    .content-block-sidebar input::-moz-placeholder,
    .content-block-sidebar textarea::-webkit-input-placeholder {
        color: #666;
    }

    .content-block-sidebar input:-ms-input-placeholder,
    .content-block-sidebar textarea::-webkit-input-placeholder {
        color: #666;
    }

    .content-block-sidebar input:-moz-placeholder,
    .content-block-sidebar textarea::-webkit-input-placeholder {
        color: #666;
    }

.content-block-sidebar .btn-submit {
    background: #ebebeb;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    text-transform: uppercase;
}

.sidebar-right .block-sidebar:last-child {
    border-bottom: none;
}

.content-detail-tour h1 {
    font-size: 30px;
    font-weight: 300;
    color: #000;
    font-weight: bold;
}

    .content-detail-tour h1 span {
        font-size: 36px;
        color: #000;
        font-weight: bold;
        display: block;
        margin-top: 3px;
    }

.content-detail-tour p {
    line-height: 1.5em;
}

.schedule-label {
    font-size: 24px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

.list-schedule-tab {
    border: none;
    padding: 11px 15px 0 15px;
}

    .list-schedule-tab .nav-tabs > li {
        width: auto;
        margin-bottom: 0;
    }

        .list-schedule-tab .nav-tabs > li > a {
            border-top-left-radius: 5px;
            -webkit-border-top-left-radius: 5px;
            -moz-border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            -moz-border-top-right-radius: 5px;
            padding: 10px 20px 5px 20px;
            border: none;
            background: #70ae00;
            color: #fff;
            margin-right: 5px;
        }

    .list-schedule-tab .nav > li > a:focus {
        background: #0075bd;
        border: none;
    }

    .list-schedule-tab .nav > li > a:hover {
        border: none;
        background: #0075bd;
        color: #fff;
    }

    .list-schedule-tab .nav > li.active > a {
        color: #fff;
    }

    .list-schedule-tab .nav-tabs > li > a:hover, .list-schedule-tab .nav > li.active > a {
        background: #0075bd;
        border: none;
    }

    .list-schedule-tab .nav-tabs {
    }

.schedule-detail {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ebebeb;
    background-image: url('../images/iconarrow.jpg');
    background-position: right 20px;
    background-repeat: no-repeat;
    padding-bottom: 10px;
    padding-right: 32px;
}

.list-schedule-tab .nav > li > a:hover .schedule-detail,
.list-schedule-tab .nav > li.active > a .schedule-detail {
    background-image: url('../images/iconarrow_active.jpg');
}

.schedule-detail .day-schedule {
    font-size: 18px;
    font-weight: bold;
    color: #0076c3;
    float: left;
    width: auto;
}

.schedule-detail .date-publish-schedule {
    font-size: 14px;
    font-weight: 300;
    color: #0076c3;
    float: right;
    width: auto;
    margin-top: 3px;
}

.schedule-detail .title-schedule {
    font-size: 16px;
    font-weight: 300;
    color: #666;
    float: left;
    width: 100%;
    margin-top: 5px;
}

.list-schedule-tab .nav > li {
    margin-top: -1px;
}

    .list-schedule-tab .nav > li > a:hover .day-schedule,
    .list-schedule-tab .nav > li > a:hover .date-publish-schedule,
    .list-schedule-tab .nav > li > a:hover .title-schedule,
    .list-schedule-tab .nav > li.active > a .day-schedule,
    .list-schedule-tab .nav > li.active > a .date-publish-schedule,
    .list-schedule-tab .nav > li.active > a .title-schedule {
        color: #29317b;
    }

    .list-schedule-tab .nav > li:last-child a .schedule-detail,
    .list-schedule-tab .nav-tabs {
        border-bottom: none;
    }

.content-detail-schedule-tour h2 {
    color: #0076c3;
    font-size: 20px;
    margin: 0px 0 5px 0;
    text-transform: none;
    font-weight: normal;
}

.content-detail-schedule-tour p {
    margin-bottom: 15px;
    line-height: 1.5;
}

    .content-detail-schedule-tour p strong {
        background: #eee;
        color: #000;
        padding: 2px 5px 0;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        font-weight: normal;
    }

    .content-detail-schedule-tour p img {
        width: 100%;
        height: auto;
    }

.schedule .tab-content > .tab-pane {
    padding: 20px 5px;
    border: 1px solid #ebebeb;
}

.gallery-tour {
    padding-bottom: 69px;
}

    .gallery-tour .slick-slider, .gallery-tour .slick-slider1 {
        margin-bottom: 0;
        position: relative;
    }

    .gallery-tour .slick-slide, .gallery-tour .slick-slide1 {
        position: relative;
    }

ul.slickslide, ul.slickslide1 {
    padding-left: 0;
    max-width: 100%;
}

.gallery-tour .slick-slider .slick-track, .gallery-tour .slick-slider1 .slick-track {
    min-width: 100%;
}

ul.slickslide li img, ul.slickslide1 li img, .gallery-tour .slick-dots button img {
    width: 100%;
    height: auto;
}

.gallery-tour .slick-dots {
    position: relative;
    line-height: 0;
    background: #fff;
    height: auto;
    margin-top: 5px;
    bottom: 0;
}

    .gallery-tour .slick-dots li, .slick-dots li button:before {
        margin: 0;
        padding: 0;
    }

    .gallery-tour .slick-dots li {
        margin: 0;
        display: inline-block;
        width: auto;
        height: auto;
        background: #fff;
        padding: 0px 5px 5px 0px;
        margin-bottom: 0;
    }

.gallery-tour .slick-slider .slick-track, .gallery-tour .slick-slider1 .slick-track {
    min-width: 100%;
}

.gallery-tour .slick-dots li button {
    margin: 0;
    height: auto;
    width: 100%;
    padding: 0;
    border: none;
}

    .gallery-tour .slick-dots li button.tab {
        clear: both;
        display: block;
    }

    .gallery-tour .slick-dots li button img {
        width: 100%;
        max-width: 103px;
        height: auto;
    }

    .gallery-tour.slick-dots li button:before {
        content: '';
        border: none;
        display: block;
        width: 100%;
        max-width: 103px;
        overflow: hidden;
        float: none;
        position: absolute;
        width: 100%;
        height: 100%;
    }

.slick-thumbs, .slick-thumbs-two {
    position: absolute;
    left: -9999px;
}

.gallery-tour .slick-arrow {
    display: none !important;
}

.gallery-tour-detail {
    clear: both;
    padding-top: 50px;
}

.testimonial-tour-detail {
    margin-bottom: 45px;
    float: left;
    width: 100%;
}

    .testimonial-tour-detail h1 {
        font-size: 30px;
    }

h1.cBlack {
    color: #000;
}

.testimonial-tour-detail p {
    color: #333;
}

.testimonial-tour-detail .author-testimonial {
    color: #333;
    font-weight: 500;
}

.note-price-term {
    float: left;
    width: 100%;
    border-top: 1px solid #ccc;
    padding-top: 25px;
    margin-top: 25px;
}

    .note-price-term h3 {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 15px;
        margin-top: 0;
    }

.include-price h3 {
    color: #2683c2;
}

.exclude-price h3 {
    color: #ff3333;
}

.note-price-term ul {
    padding: 0 0 0 22px;
    margin: 0;
}

.note-price-term li {
    padding-left: 10px;
    margin-bottom: 5px;
    line-height: 1.5em;
}

    .note-price-term li span {
        margin-bottom: 5px;
        font-style: italic;
        line-height: 1.7em;
    }

.exclude-price li {
    list-style-image: url('../images/icon_tick_exclude.png');
}

.include-price li {
    list-style-image: url('../images/icon_tick.png');
}

.term-booking li, .term-cancel li {
    list-style-image: url('../images/icon_tick_disc.png');
    padding-left: 5px;
    color: #666;
}

.term-booking p, .term-cancel p {
    color: #666;
}

.term-booking ul, .term-cancel ul {
    padding: 0 0 0 18px;
}

.term-booking h3 {
    color: #2683c2;
}

.term-cancel h3 {
    color: #000;
}

.box-date-start-other {
    border: 1px solid #cbcbcb;
    text-align: center;
    padding-top: 15px;
    margin-bottom: 30px;
}

    .box-date-start-other p {
        font-size: 18px;
        margin: 0;
    }

.date-start-other a {
    color: #333;
}

    .date-start-other a:hover {
        color: #107bbf;
        text-decoration: none;
    }

.box-date-start-other .date-start-other-date {
    font-size: 24px;
    font-weight: bold;
}

.box-date-start-other .date-start-other-price {
    font-size: 16px;
    color: #107bbf;
    border-top: 1px solid #cbcbcb;
    padding: 8px 0 5px 0;
    margin-top: 10px;
}

    .box-date-start-other .date-start-other-price span {
        font-weight: bold;
    }

.box-date-start-other:hover {
    color: #107bbf;
}

    .box-date-start-other:hover .date-start-other-price {
        background: #107bbf;
        color: #fff;
    }

.date-start-other {
    margin-top: 70px;
}

.tour-other {
    margin-top: 50px;
}

.tour-other, .date-start-other {
    float: left;
    width: 100%;
}

.information-booking-tour .info-date-tour {
    width: 100%;
}

.information-booking-tour {
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

    .information-booking-tour .info-date-tour .day-tour {
        float: left;
        width: 30%;
    }

    .information-booking-tour .info-date-tour .date-tour {
        float: left;
        width: 30%;
    }

    .information-booking-tour .info-date-tour .address-start {
        float: left;
        width: 40%;
        padding-top: 10px;
        text-transform: uppercase;
    }

    .information-booking-tour .info-date-tour > div {
        border-right: none;
        background: #e9e9e9;
        border-bottom: 1px solid #ccc;
        border-top: none;
    }

        .information-booking-tour .info-date-tour > div:first-child {
            border-left: none;
        }

    .information-booking-tour .information-tour-boat {
        padding: 15px 20px 10px 20px;
        float: left;
        width: 100%;
    }

        .information-booking-tour .information-tour-boat p {
            display: block;
            margin-bottom: 3px !important;
            margin-right: 0;
        }

            .information-booking-tour .information-tour-boat p span {
                font-style: italic;
            }

.information-tour-boat-price {
    padding: 15px 20px 10px 20px;
    float: left;
    width: 100%;
    border-top: 1px solid #ccc;
}

    .information-tour-boat-price p {
        margin-bottom: 0;
    }

    .information-tour-boat-price strong {
        font-size: 28px;
        display: block;
        color: #293585;
        font-weight: bold;
        margin-top: 5px;
        line-height: 1em;
    }

.information-tour-boat-btn {
    padding: 15px 20px 10px 20px;
    float: left;
    width: 100%;
    border-top: 1px solid #ccc;
}

    .information-tour-boat-btn a.btn-booking-tour-boat {
        display: block;
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 24px;
        font-weight: bold;
        padding: 15px 0 12px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        background: #107bbf;
        margin-bottom: 15px;
        text-transform: uppercase;
        line-height: 1em;
    }

        .information-tour-boat-btn a.btn-booking-tour-boat:hover {
            text-decoration: none;
            background: #6eae00;
        }

    .information-tour-boat-btn p {
        margin-bottom: 5px;
    }

        .information-tour-boat-btn p strong {
            color: #0075bd;
        }

.share-tour {
    text-align: center;
    line-height: 26px;
    color: #666;
    float: left;
    width: 100%;
}

.box-booking-tour {
    position: relative;
}

.box-list-day {
    position: relative;
    padding-top: 10px;
}

.fixed-on {
    position: fixed;
    top: 30px;
    max-width: 270px;
    background: #fff;
    z-index: 99;
    margin-bottom: 300px;
}

.fixed-bottom {
    position: fixed;
    top: 30px;
    max-width: 270px;
    background: #fff;
    z-index: 99;
    margin-top: -300px;
}

.international-list-tour {
    margin-top: 20px;
    float: left;
    width: 100%;
}

    .international-list-tour .box-tour {
        -webkit-box-shadow: 1px 1px 2px 2px rgba(240,240,240,1);
        -moz-box-shadow: 1px 1px 2px 2px rgba(240,240,240,1);
        box-shadow: 1px 1px 2px 2px rgba(240,240,240,1);
        margin-bottom: 40px;
    }

        .international-list-tour .box-tour h4 {
            font-size: 18px !important;
            font-family: 'Roboto-Regular' !important;
            margin: 0;
            line-height: 130%;
        }

            .international-list-tour .box-tour h4 a {
                color: #000;
            }

                .international-list-tour .box-tour h4 a:hover {
                    color: #0075bd;
                }

    .international-list-tour .infomation-tour {
        padding: 15px 15px 0px 15px;
    }

.description-tour {
    padding: 10px 15px;
    border-top: 1px solid #e2e2e2;
}

    .description-tour p {
        margin-bottom: 3px;
        font-style: italic;
        font-size: 14px;
    }

.description-visa {
    padding: 10px 15px;
    border-top: 1px solid #e2e2e2;
}

    .description-visa p {
        margin-bottom: 3px;
        font-size: 14px;
        height: 85px;
        overflow: hidden;
    }

.btn-booking-price {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background: #0075bd;
    padding: 10px 15px 7px 13px;
    position: relative;
}

    .btn-booking-price a.button-booking {
        background: #2396dc url('../images/icon_s.png') right 5px no-repeat;
        text-transform: uppercase;
        font-weight: 500;
        width: 105px;
        height: 28px;
        line-height: 29px;
        border-radius: 3px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        position: absolute;
        top: 6px;
        right: 8px;
        padding-left: 12px;
        color: #fff;
        font-size: 14px;
    }

        .btn-booking-price a.button-booking:hover {
            background: #fff url('../images/icon_s2.png') right 5px no-repeat;
            color: #0075bd;
            text-decoration: none;
        }

.international-list-tour .view-more-tour-boat a {
    background: #e9e9e9;
}

.international-list-tour .view-more-tour-boat a {
    color: #333;
}

.international-list-tour .view-more-tour-boat:after {
    background: #e9e9e9;
}

.banner_promotion_bottom {
    margin-top: 80px;
}

.box-news-sidebar {
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

    .box-news-sidebar img {
        float: left;
        width: 50%;
        height: 65px;
        padding-right: 10px;
    }

    .box-news-sidebar p {
        float: left;
        width: 50%;
        margin-bottom: 0;
        font-size: 14px;
        color: #333;
    }

.title-gallery {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: rgba(0,0,0,0.6);
    padding: 10px;
    color: #fff;
    font-size: 18px;
    text-align: center;
}

.box-news-lastest {
    max-width: 75%;
    margin: -105px auto 0;
    background: #fff;
    padding: 30px;
    position: relative;
}

    .box-news-lastest h2 {
        font-size: 30px;
        text-transform: none;
        margin-top: 0;
        font-weight: 500;
    }

    .box-news-lastest p {
        font-size: 16px;
    }

.list-feature-news {
    padding: 0 5px;
    float: left;
    width: 100%;
}

.box-feature-new {
    padding: 0 10px;
}

    .box-feature-new p {
        color: #000;
        font-weight: 500;
        margin-top: 10px;
        margin-bottom: 0;
        height: 55px;
        overflow: hidden;
    }

    .box-feature-new img {
        width: 100%;
    }

.box-list-news h3 {
    margin: 0 0 15px 0;
    font-size: 24px;
    font-weight: 500;
}

.box-list-news {
    margin-bottom: 50px;
    float: left;
    width: 100%;
}

    .box-list-news a {
        color: #0075bd;
    }

    .box-list-news p {
        font-size: 16px;
        margin: 0;
    }

p.date-publish-news {
    font-style: italic;
    font-size: 14px;
    margin-bottom: 16px;
}

.pagination-news ul {
    padding: 0;
    margin: 0;
}

.pagination-news {
    float: left;
    width: 100%;
    margin: 20px 0;
}

    .pagination-news li {
        float: left;
        margin-right: 5px;
        margin-bottom: 10px;
    }

    .pagination-news a {
        padding: 5px 12px;
        color: #666;
        font-weight: bold;
        font-size: 18px;
        background: #ebebeb;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }

    .pagination-news li a.active {
        color: #fff;
        background: #1579bd;
    }

.content-news-detail h1 {
    color: #000;
    margin-bottom: 15px;
}

.content-news-detail h3 {
    font-size: 24px;
    color: #000;
    margin-bottom: 25px;
}

.max-width-content {
    max-width: 670px;
    margin: 0 auto;
}

.content-news-detail p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 25px;
}

.other-news {
    float: left;
    width: 100%;
    margin: 70px 0 100px 0;
}

    .other-news .schedule-label {
        border-color: #0075bd;
    }

.full-width-content img {
    width: 100%;
}

.full-width-content p {
    margin-left: 255px;
    width: 660px;
}

.full-width-content h2 {
    padding-left: 255px !important;
    width: 660px !important;
    line-height: 1.25;
}

.full-width-content h3 {
    padding-left: 255px !important;
    width: 660px !important;
    line-height: 1.25;
}

.full-video-media {
    position: relative;
}

    .full-video-media .title-gallery {
        bottom: 5px;
        text-align: left;
        font-weight: bold;
        font-size: 24px;
    }

.list-media-feature .thumbnail-video {
    margin-bottom: 16px;
}

    .list-media-feature .thumbnail-video .title-gallery {
        font-size: 14px;
        padding: 5px 10px;
        text-align: left;
        font-weight: bold;
    }

.title-tab-media {
    padding-left: 0;
    border-bottom: 1px solid #d4d4d4;
    float: left;
    width: 100%;
    margin: 50px 0 15px;
}

    .title-tab-media li {
        float: left;
        width: auto;
        margin-right: 35px;
    }

        .title-tab-media li a {
            font-size: 18px;
            font-weight: bold;
            color: #999;
            padding-bottom: 10px;
            border-bottom: 2px solid transparent;
            display: inline-block;
            margin-bottom: -1px;
        }

            .title-tab-media li a.active, .title-tab-media li a:hover {
                border-bottom-color: #0075bd;
                color: #0075bd;
                text-decoration: none;
            }

.box-video-media p {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 0px;
    margin-top: 10px;
    min-height: 45px;
}

.box-video-media a {
    color: #333;
}

.box-video-media span {
    font-size: 11px;
    color: #666;
}

.box-video-media {
    margin-bottom: 25px;
}

.list-media {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}

.box-gallery-list {
    -webkit-box-shadow: 1px 1px 2px 2px rgba(240,240,240,1);
    -moz-box-shadow: 1px 1px 2px 2px rgba(240,240,240,1);
    box-shadow: 1px 1px 2px 2px rgba(240,240,240,1);
    margin-bottom: 20px;
    position: relative;
}

.thumbnail-gallery {
    position: relative;
}

.overlay-gallery {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #1d2454;
    opacity: 0.8;
    transition: all 0.4s ease 0s;
    display: none;
}

.icon-gallery {
    position: absolute;
    width: 33px;
    height: 33px;
    background: url('../images/icon_gallery.png');
    transition: all 0.4s ease 0s;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    display: none;
}

.box-gallery-list a:hover .overlay-gallery, .box-gallery-list a:hover .icon-gallery {
    display: block;
}

.box-gallery-list p {
    font-size: 14px;
    color: #000;
    padding: 10px;
    min-height: 65px;
}

.box-gallery-list a {
    color: #000;
}

.feature-gallery .box-gallery-list p {
    font-size: 18px;
    color: #000;
    padding: 10px 15px;
}

.feature-gallery .box-gallery-list a {
    color: #000;
}

.feature-gallery {
    margin-bottom: 50px;
}

.btn-view-more {
    position: absolute;
    right: 15px;
    color: #000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #ccc;
    height: 30px;
    width: 82px;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    top: -5px;
}

    .btn-view-more:hover {
        text-decoration: none;
        color: #fff;
        background: #0075bd;
    }

.list-gallery {
    margin-bottom: 50px;
}

.page-gallery {
    padding-bottom: 0;
}

.testimonial-gallery {
    margin-bottom: 85px;
}

.list-image-gallery {
    width: 100%;
    float: left;
    margin-bottom: 80px;
    margin-top: 15px;
}

.grid-item {
    margin-bottom: 30px;
}

.panel-default > .panel-heading {
    background: none;
    border: none;
    padding: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

    .panel-default > .panel-heading a {
        display: block;
        padding: 8px 15px 8px 15px;
        font-size: 18px;
        color: #0075bd;
        border: 1px solid #dfdfdf;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        outline: none;
    }

        .panel-default > .panel-heading a.accordion-toggle {
            background: #f5f5f5;
            color: #1d2454;
            font-weight: 500;
        }

            .panel-default > .panel-heading a.accordion-toggle.collapsed {
                background: #fff;
                color: #0075bd;
                font-weight: normal;
            }

.list-faq .panel-group .panel {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border: none !important;
}

.list-faq .panel-body {
    border: none !important;
    padding: 15px 0px 5px 0;
    color: #666;
    line-height: 1.6;
}

.list-faq .panel {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel-default > .panel-heading a:hover {
    text-decoration: none;
}

.box-address-contact {
    margin-bottom: 30px;
}

    .box-address-contact h3 {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 5px;
        margin-top: 0;
    }

    .box-address-contact.active h3, .box-address-contact:hover h3 {
        color: #0075bd;
        cursor: pointer;
    }

    .box-address-contact p {
        margin-bottom: 0;
    }

.email-website {
    margin-top: 0px;
}

    .email-website p {
        font-size: 16px;
        margin-bottom: 0;
    }

.page-contact h1.cBlack {
    margin-bottom: 55px;
    margin-top: 22px;
}

.googlemap {
    opacity: 0;
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 420px;
}

    .googlemap.active {
        opacity: 1;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1000;
    }

.content-page-about h1 {
    margin-top: 25px;
    margin-bottom: 3px;
}

.content-page-about p {
    font-size: 18px;
    color: #666;
    font-weight: 300;
    margin-bottom: 30px;
}

.list-number-about {
    margin-bottom: 35px;
    float: left;
    width: 100%;
}

.box-number-about {
    background: #f3f3f3;
    font-size: 16px;
    color: #000;
    padding: 30px 15px;
    border-radius: 3px;
    min-height: 150px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

    .box-number-about span {
        color: #000;
        font-size: 48px;
        display: block;
        line-height: 1em;
    }

.history-about {
    background: #1d2454;
    padding: 35px 0 73px;
}

    .history-about p {
        color: #fff;
    }

.box-history {
    border-top: 2px solid #0075bd;
    padding-left: 10px;
    padding-top: 16px;
    padding-right: 10px;
    color: #0075bd;
    position: relative;
    margin-bottom: 30px;
}

.list-history {
    padding: 0 15px;
    float: left;
    width: 100%;
    margin-top: 50px;
}

.history-year {
    font-size: 24px;
    font-weight: bold;
    color: #0075bd;
    line-height: 1em;
    margin-bottom: 10px;
}

.box-history:after {
    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    content: "";
    display: block;
    height: 13px;
    left: 50%;
    position: absolute;
    top: -7px;
    width: 13px;
    z-index: 1000;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.slide-testimonial .slick-arrow {
    display: none !important;
}

.slide-testimonial, .slide-testimonial-tour {
    float: left;
    width: 100%;
}

    .slide-testimonial .slick-slide img {
        display: inline-block;
    }

    .slide-testimonial .slick-dots {
        bottom: 0;
    }

.testimonial-about p, .testimonial-about .author-testimonial {
    color: #333;
}

.slide-founder {
    float: left;
    width: 100%;
    padding: 0 15px;
    position: relative;
}

.founder {
    padding: 70px 0 80px;
}

    .founder h1 {
        margin-bottom: 57px;
    }

.detail-founder {
    padding-right: 20px;
}

.box-founder {
    float: left;
    width: 100%;
    background: #f1f1f1;
}

.detail-founder h3 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 5px;
}

.detail-founder h4.position {
    font-size: 18px;
    font-weight: 300;
    color: #000;
    margin-bottom: 20px;
}

.detail-founder p {
    font-size: 16px;
    font-weight: 300;
    color: #000;
    line-height: 1.5em;
    margin-bottom: 25px;
    text-align: justify;
}

.slide-founder .slick-prev {
    position: absolute;
    top: 40px;
    right: 78px;
    width: 23px;
    height: 23px;
    background: url('../images/btn_slide.jpg') no-repeat left;
    text-indent: -9999px;
    border: none;
    z-index: 1000;
}

.slide-founder .slick-next {
    position: absolute;
    top: 40px;
    right: 50px;
    width: 23px;
    height: 23px;
    background: url('../images/btn_slide.jpg') no-repeat right;
    text-indent: -9999px;
    border: none;
    z-index: 1000;
}

.slide-founder .slick-dots {
    display: none !important;
}

.box-client {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: center;
    margin-bottom: 30px;
}

    .box-client img {
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }

.list-client {
    float: left;
    width: 100%;
    margin: 15px 0 0px;
}

.silde-promotion {
    float: left;
    width: 100%;
}

.select-text {
    display: none;
}

.date-start-tour {
    color: #666;
}

.box-hotel .box-tour {
    -webkit-box-shadow: 1px 1px 2px 2px rgba(240,240,240,1);
    -moz-box-shadow: 1px 1px 2px 2px rgba(240,240,240,1);
    box-shadow: 1px 1px 2px 2px rgba(240,240,240,1);
    margin-bottom: 40px;
}

.box-hotel .btn-booking-price {
    background: #ededed;
    color: #000;
}

    .box-hotel .btn-booking-price a.button-booking {
        background: #0075bd;
        color: #fff;
    }

        .box-hotel .btn-booking-price a.button-booking:hover {
            background: #74af1f;
        }

.box-hotel .box-tour img {
    width: 270px;
    height: 160px;
}

.box-hotel .address {
    height: 22px;
    overflow: hidden;
}

.box-hotel .box-tour h4 {
    min-height: inherit;
    margin-bottom: 0;
    font-weight: 500;
}

    .box-hotel .box-tour h4 a {
        color: #0075bd;
    }

.list-hotels .view-more-tour-boat a {
    background: #e9e9e9;
    color: #333;
}

.list-hotels .view-more-tour-boat:after {
    background: #e9e9e9;
}

.filter-hotel {
    float: left;
    width: 100%;
    background: #f8f8f8;
    padding: 15px 30px 10px;
    margin-bottom: 23px;
    margin-top: 10px;
}

.filter-destination, .filter-stars {
    float: left;
    width: 40%;
    display: table;
}

    .filter-destination select, .filter-stars select {
        width: 60%;
        margin-left: 15px;
        display: inline-block;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border: 1px solid #d9d9d9;
    }

    .filter-destination label, .filter-stars label {
        font-weight: normal;
    }

.filter-destination {
    margin-right: 30px;
}

.filter-hotel .btnsearch {
    border: none;
    background: #0075bd;
    color: #fff;
    width: 16%;
    height: 27px;
    line-height: 25px;
    font-weight: bold;
}

    .filter-hotel .btnsearch:hover {
        border: none;
        background: #74af1f;
    }

.label-box {
    position: relative;
    z-index: 1;
    text-align: center;
    font-weight: bold;
    margin: 36px 0 40px;
}

    .label-box span {
        padding: 10px 15px 10px;
        background: #f0f0f0;
        font-size: 18px;
        color: #000;
        font-weight: 500;
        line-height: 1em;
    }

    .label-box:after {
        content: "";
        margin: 0 auto; /* this centers the line to the full width specified */
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        width: 100%;
        z-index: -1;
        background: #999;
        height: 1px;
    }

.btn-booking-hotel .label-box a {
    padding: 18px 51px 17px;
    background: #1579bd;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    line-height: 1em;
    text-transform: uppercase;
}

.btn-booking-hotel .label-box {
    margin-bottom: 30px;
}

.hotel-detail .gallery-tour {
    padding-bottom: 10px;
}

.list-tien-nghi {
    display: table;
    font-size: 0;
    width: 100%;
}

    .list-tien-nghi ul {
        display: inline-table;
        margin-bottom: 25px;
        width: 100%;
        margin: 0;
        padding: 0 0 0 15px;
    }

    .list-tien-nghi li {
        float: left;
        width: 20%;
        font-size: 16px;
        list-style-image: url('../images/icon_li.png');
        color: #000;
        margin-bottom: 5px;
        padding: 0px;
    }

.list-room ul {
    display: table;
    padding: 0;
    width: 100%;
    font-size: 0;
}

.list-room li {
    display: table-cell;
    padding: 0 7px 0 8px;
    font-size: 14px;
}

    .list-room li img {
        width: 100%;
    }

.list-room {
    float: left;
    width: 100%;
    padding: 0 8px 0 7px;
    margin: 75px 0 25px 0;
}

    .list-room li p {
        margin-top: 10px;
    }

.overview-hotel h3 {
    margin-top: 0;
    font-weight: bold;
}

.other-hotel {
    margin-top: 25px;
}

    .other-hotel h3 {
        font-weight: bold;
        margin-bottom: 17px;
    }

table {
    width: 100%;
    margin: 0;
    padding: 0;
    border-spacing: 0;
    border: 1px solid #808080;
    border-top: none;
    border-left: none;
    border-collapse: inherit;
}

th,
td {
    margin: 0;
    padding: 5px;
    border: 1px solid #808080;
    border-bottom: none;
    border-right: none;
    font-size: 14px;
}

.content-page h2 {
    color: #333;
}

.content-page table, .content-des table {
    border-collapse: collapse;
    border: none !important;
}

    .content-page table td, th, .content-des table td, th {
        border: none !important;
    }

.price-tab-value table {
    border-collapse: collapse;
    border: none;
}

    .price-tab-value table tr, td, th {
        border: none !important;
    }

.price-tour-river table {
    border-collapse: collapse;
    border: none;
}

    .price-tour-river table tr, td, th {
        border: none !important;
    }

.border-page table.grid {
    border-collapse: collapse !important;
}

    .border-page table.grid td, th {
        border: 1px solid #dedcdc !important;
    }

/*s/m: uppercase;
    font-weight: bold;
    background: #fff url('../images/icon_btn_search.jpg') no-repeat center center;
    text-indent: -9999px*/

.form-member {
    max-width: 590px;
}

.header-form {
    padding-bottom: 25px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    background: url('../images/member_register.png') no-repeat left top;
    padding-left: 50px;
    float: left;
    width: 100%;
    padding-top: 10px;
}

    .header-form h3 {
        font-size: 20px;
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 5px;
    }

    .header-form p {
        font-size: 13px;
        margin-bottom: 0;
    }

        .header-form p a {
            color: #0075bd;
        }

.form-detail {
    float: left;
    width: 58%;
}

.row-form input {
    width: 75%;
    float: left;
    border: 1px solid #dadada;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    height: 33px;
    line-height: 33px;
    padding: 0 10px;
}

.row-form {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

    .row-form label {
        width: 25%;
        float: left;
        line-height: 35px;
        margin: 0;
    }

    .row-form input[type="radio"], .row-form input[type="checkbox"] {
        width: auto;
        margin: 0 5px 0 0;
    }

    .row-form select {
        border: 1px solid #dadada;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        height: 33px;
        line-height: 33px;
        width: 24.3%;
        float: left;
        padding: 0 15px 0 10px;
        margin-right: 1%;
    }

        .row-form select:last-child {
            margin-right: 0;
        }

.label-gender {
    font-weight: normal;
}

label.subscribe {
    width: auto;
    font-weight: normal;
}

.row-form input[type="submit"] {
    background: #0274bb url('../images/btn_icon_member.png') no-repeat left center;
    border-color: #0274bb;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.login-social {
    float: left;
    width: 42%;
    padding-left: 40px;
}

    .login-social a {
        margin-bottom: 10px;
        display: block;
    }

.input-search-field {
    position: absolute;
    width: 500px;
    height: 40px;
    z-index: 9999999999999;
    display: none;
    float: right;
    left: 52%;
    top: 0;
    margin-top: 46px;
}



.input-search-field.is-expand {
    display: block;
}

.box-seach {
    cursor: pointer;
}
/*.input-search-field input[type="text"]{
    float: left;
    width: 300px;
    height: 50px;
    padding: 0 15px;
    background-color: #fff;
    color: #333;
    font-size: 14px;
    line-height: 50px;
    border: 1px solid #ccc;
}

.input-search-field button {
    float: left;
    width: 50px;
    height: 50px;
    border: 0;
    background: #0075bd;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    background: #fff url('../images/icon_btn_search.jpg') no-repeat center center;
    text-indent: -9999px;
}*/
.close-search {
    background: url('../images/icon_close_blue.png');
    width: 29px;
    height: 29px;
    position: absolute;
    right: -40px;
    top: 10px;
    cursor: pointer;
}

.close-search-mobile {
    background: url('../images/icon_close_blue.png');
    width: 29px;
    height: 29px;
    position: absolute;
    right: 0px;
    top: -40px;
    cursor: pointer;
}

.wrapper-full-video {
    background: #1d2454;
    padding: 40px 0;
    margin-bottom: 50px;
}

    .wrapper-full-video iframe {
        height: 525px;
    }

    .wrapper-full-video h1 {
        font-size: 24px;
        margin-top: 0;
        color: #ffffff;
        font-weight: bold;
        margin-bottom: 35px;
        text-align: center;
    }

.wrapper-media-detail .title-tab-media {
    margin-top: 0;
}

.wrapper-media-detail .schedule-label {
    font-size: 18px;
}

.arrow_box {
    position: absolute !important;
    background: #fff;
    border: 1px solid #ffffff;
    width: 183px;
    padding: 13px;
    z-index: 1000 !important;
    left: -12px;
    margin: 0 !important;
    box-shadow: 2px 3px 5px #e5e5e5;
    -webkit-box-shadow: 2px 3px 5px #e5e5e5;
    -moz-box-shadow: 2px 3px 5px #e5e5e5;
    transition: all 0.4s ease 0s;
}

    .arrow_box:after, .arrow_box:before {
        bottom: 100%;
        left: 20%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 10px;
        margin-left: -10px;
    }

    .arrow_box:before {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #ffffff;
        border-width: 11px;
        margin-left: -11px;
    }

.box-login-isActive .box-login {
    display: block;
}

.btn-login {
    height: 25px;
    width: 154px;
    background: url('../images/icon_login.png') no-repeat top;
    color: #fff;
    text-align: center;
    line-height: 25px;
    font-size: 12px;
    font-weight: bold;
    display: block;
    font-family: 'Arial';
}

.btn-register {
    height: 25px;
    width: 154px;
    background: url('../images/icon_login.png') no-repeat bottom;
    color: #fff;
    text-align: center;
    line-height: 25px;
    font-size: 12px;
    font-weight: bold;
    display: block;
    font-family: 'Arial';
    margin-top: 5px;
}

    .btn-register:hover, .btn-login:hover {
        text-decoration: none;
        color: #fff;
    }

.box-login {
}

    .box-login ul {
        padding-left: 13px;
        margin-top: 10px;
    }

        .box-login ul li {
            list-style-type: disc;
            line-height: 1.2em;
        }

            .box-login ul li a {
                font-size: 12px;
                font-family: 'Arial';
                color: #333;
            }

                .box-login ul li a:hover {
                    color: #ff0000;
                }

.box-login {
    display: none;
}

#form-login {
}

    #form-login label {
        display: block;
        width: 100%;
    }

    #form-login input {
        width: 100%;
    }

    #form-login .btn-form-login {
        height: 33px;
        width: 288px;
        background: url('../images/btn_form_login.png') no-repeat top;
        color: #fff;
        text-align: center;
        line-height: 34px;
        font-size: 14px;
        font-weight: bold;
        display: block;
        font-family: 'Arial';
        margin-top: 5px;
    }

#form-login {
    max-width: 348px;
}

    #form-login .form-detail {
        width: 100%;
        padding: 0 15px;
    }

    #form-login .btn-form-login-facebook {
        height: 33px;
        width: 288px;
        background: url('../images/btn_form_login.png') no-repeat bottom;
        color: #fff;
        text-align: center;
        line-height: 34px;
        font-size: 14px;
        font-weight: bold;
        display: block;
        font-family: 'Arial';
        margin-top: 5px;
    }


.clear {
    clear: both;
}

.lineheight {
    line-height: 150%;
}

.top5px {
    padding-top: 5px;
}

.top10px {
    padding-top: 10px;
}

.top15px {
    padding-top: 15px;
}

.top20px {
    padding-top: 20px;
}

.top30px {
    padding-top: 30px;
}

.top40px {
    padding-top: 40px;
}

.top50px {
    padding-top: 50px;
}

.top70px {
    padding-top: 70px;
}

.top100px {
    padding-top: 100px;
}

.bottom5px {
    padding-bottom: 5px;
}

.bottom10px {
    padding-bottom: 10px;
}

.margin-top10px {
    margin-top: 10px;
}

img:hover {
    opacity: 0.9;
}

.line-through {
    text-decoration: line-through;
}

.videocruise {
    width: 100%;
    height: 640px;
}

.dattour {
    width: 225px;
    float: left;
}

.colorblue {
    color: #1579bd;
    font-family: Arial;
    font-weight: bold;
}

.colorblue1 {
    color: #2683c2;
}

.colorblue2 {
    color: #1579bd;
}

.colorblue3 {
    color: #4a96cc;
}

.colorred {
    color: #ff3333;
}

.colorwhite {
    color: #fff;
}

.colorgreen {
    color: #9fdb6c;
}

.colororange {
    color: #f64f15;
    font-family: Arial;
    font-weight: bold;
}

.italic {
    font-style: italic;
    font-family: 'Roboto-Light';
}

.center {
    text-align: center;
}

/*-----------------------Master content------------------------------------*/
#bannerpage {
    display: block;
    position: relative;
    width: 100% !important;
    z-index: 10;
    overflow: hidden;
    margin-top: -1px;
}

    #bannerpage .duthuyen {
        background: url('../images/bannerpage/banner-du-thuyen-5-sao.jpg');
        background-position: center top;
        width: 100%;
        height: 200px;
    }

    #bannerpage .tourtet {
        background: url('../images/bannerpage/banner-du-thuyen-tet.jpg');
        background-position: center top;
        width: 100%;
        height: 450px;
    }

    #bannerpage .hoaanhdao {
        background: url('../images/bannerpage/mua-hoa-anh-dao.jpg');
        background-position: center top;
        width: 100%;
        height: 450px;
    }

    #bannerpage .banner30_4 {
        background: url('../images/bannerpage/tour-du-thuyen-30-4.jpg');
        background-position: center top;
        width: 100%;
        height: 450px;
    }

    #bannerpage .tourhesoidong {
        background: url('../images/bannerpage/tour-he-soi-dong.jpg');
        background-position: center top;
        width: 100%;
        height: 450px;
    }

    #bannerpage .tournn {
        background: url('../images/bannerpage/banner-tour-du-lich-nuoc-ngoai.jpg');
        background-position: center top;
        width: 100%;
        height: 200px;
    }

    #bannerpage .tourtn {
        background: url('../images/bannerpage/banner-tour-trong-nuoc.jpg');
        background-position: center top;
        width: 100%;
        height: 200px;
    }

    #bannerpage .vemaybay {
        background: url('../images/bannerpage/banner-ve-may-bay.jpg');
        background-position: center top;
        width: 100%;
        height: 200px;
    }

    #bannerpage .bannerhotel {
        background: url('../images/bannerpage/banner-khach-san.jpg');
        background-position: center top;
        width: 100%;
        height: 200px;
    }

    #bannerpage .bannervisa {
        background: url('../images/bannerpage/banner-visa.jpg');
        background-position: center top;
        width: 100%;
        height: 200px;
    }

    #bannerpage .new {
        background: url('../images/bannerpage/banner-tin-tuc.jpg');
        background-position: center top;
        width: 100%;
        height: 200px;
    }

    #bannerpage .contact {
        background: url('../images/bannerpage/banner-lien-he.jpg');
        background-position: center top;
        width: 100%;
        height: 200px;
    }

    #bannerpage .general {
        background: url('../images/bannerpage/banner_startravel.jpg');
        background-position: center top;
        width: 100%;
        height: 200px;
    }

    #bannerpage .phunut10 {
        background: url('../images/tourgroup/t10/tour-du-thuyen-thang-10.jpg');
        background-position: center top;
        width: 100%;
        height: 559px;
    }

    #bannerpage .giangsinh {
        background: url('https://thegioidulich.com/images/tourgroup/giangsinh/tour-giang-sinh.jpg');
        background-position: center top;
        width: 100%;
        height: 596px;
    }

@media (max-width: 1169px) {
    #bannerpage .duthuyen {
        background: url('../images/bannerpage/banner-du-thuyen-5-sao.jpg') no-repeat center top;
        margin-left: 0%;
        background-size: 155%;
        min-height: 150px;
    }

    #bannerpage .tournn {
        background: url('../images/bannerpage/banner-tour-du-lich-nuoc-ngoai.jpg') no-repeat center top;
        margin-left: 0%;
        background-size: 155%;
        min-height: 150px;
    }

    #bannerpage .tourtn {
        background: url('../images/bannerpage/banner-tour-trong-nuoc.jpg') no-repeat center top;
        margin-left: 0%;
        background-size: 155%;
        min-height: 150px;
    }

    #bannerpage .banner30_4 {
        background: url('../images/bannerpage/tour-du-thuyen-30-4.jpg') no-repeat center top;
        margin-left: 0%;
        background-size: 155%;
        min-height: 150px;
    }

    #bannerpage .tourhesoidong {
        background: url('../images/bannerpage/tour-he-soi-dong.jpg') no-repeat center top;
        margin-left: 0%;
        background-size: 155%;
        min-height: 150px;
    }

    #bannerpage .vemaybay {
        background: url('../images/bannerpage/banner-ve-may-bay.jpg') no-repeat center top;
        margin-left: 0%;
        background-size: 155%;
        min-height: 150px;
    }

    #bannerpage .bannerhotel {
        background: url('../images/bannerpage/banner-khach-san.jpg') no-repeat center top;
        margin-left: 0%;
        background-size: 155%;
        min-height: 150px;
    }

    #bannerpage .bannervisa {
        background: url('../images/bannerpage/banner-visa.jpg') no-repeat center top;
        margin-left: 0%;
        background-size: 155%;
        min-height: 150px;
    }

    #bannerpage .new {
        background: url('../images/bannerpage/banner-tin-tuc.jpg') no-repeat center top;
        margin-left: 0%;
        background-size: 155%;
        min-height: 150px;
    }

    #bannerpage .contact {
        background: url('../images/bannerpage/banner-lien-he.jpg') no-repeat center top;
        margin-left: 0%;
        background-size: 155%;
        min-height: 150px;
    }

    #bannerpage .general {
        background: url('../images/bannerpage/banner_startravel.jpg') no-repeat center top;
        margin-left: 0%;
        background-size: 155%;
        min-height: 150px;
    }
}

/*Top Group tour*/
#top1 {
    background: #f0f0f0;
    height: 40px;
    line-height: 40px;
}

    #top1 .address {
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }

    #top1 .hotline {
        float: left;
        margin-left: 15px;
        margin-top: 10px;
        background: url('../images/icon/icongroup/hotline.png') no-repeat;
        padding-left: 25px;
        height: 16px;
        line-height: 16px;
        font-size: 12pt;
        font-weight: 600;
        color: #000;
    }

        #top1 .hotline span {
            color: #da251d;
        }

    #top1 .mxh {
        float: left;
        padding-top: 5px;
        padding-left: 7px;
    }

    #top1 .padding {
        float: left;
        padding-left: 30px;
    }

#header1 {
    display: block;
    padding-top: 15px;
    width: 1170px;
    margin: 0px auto;
}

    #header1 .logo {
        float: left;
        width: 30%;
    }

    #header1 .name {
        float: left;
        width: 70%;
        padding-top: 12px;
    }

        #header1 .name h1 {
            font-family: 'Roboto-Light';
            font-size: 30pt;
        }

.bannergroup {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.bgRed {
    width: 100%;
    background: #fe2845;
    overflow: hidden;
    margin-top: -5px;
}

.bgPink {
    width: 100%;
    background: #ff96a0;
    overflow: hidden;
    margin-top: -20px;
}

.bgYello {
    width: 100%;
    background: #f9d012;
    overflow: hidden;
}

.bgLightPink {
    width: 100%;
    background: #f8e2ee;
    overflow: hidden;
}

.bgWhite {
    width: 100%;
    background: #fff;
    overflow: hidden;
}

.bgBlue {
    width: 100%;
    background: #121f32;
    overflow: hidden;
}

.bgGreen {
    width: 100%;
    background: #3e6125;
    overflow: hidden;
}

.award {
    width: 1170px;
    margin: 0 auto;
    padding-top: 10px;
}

    .award .girl {
        float: left;
        width: 280px;
        padding-left: 10px;
        margin-bottom: -5px;
    }

    .award .text {
        float: left;
        width: 880px;
    }

.grouptitle1 {
    padding: 40px 0px 10px 10px;
    font-family: 'Roboto-Regular';
    font-size: 18pt;
    color: #fff;
}

.grouptitle2 {
    padding: 5px 0px 0px 10px;
    font-family: 'Roboto-Black';
    font-size: 18pt;
    color: #fff;
}

.awardt10 {
    width: 1240px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 30px;
}

    .awardt10 .group {
        float: left;
        width: 187px;
        padding-right: 60px;
    }

        .awardt10 .group .subtitle {
            font-family: 'Roboto-Light';
            font-style: normal;
            text-transform: none;
            font-size: 11pt;
            color: #fff;
        }

        .awardt10 .group .title {
            font-family: Roboto-Bold;
            font-size: 17pt;
            color: #fff;
        }


.formcontent {
    width: 1170px;
    margin: 0 auto;
}

.formcontent1 {
    width: 1000px;
    margin: 0 auto;
}

.iconshow {
    padding-left: 500px;
    position: relative;
}

    .iconshow:before {
        content: '';
        position: absolute;
        z-index: 9999;
        width: 0;
        height: 0;
        border: 25px solid transparent;
        border-top-color: #fe2845;
        top: 0px;
    }

.iconshow1 {
    padding-left: 500px;
    position: relative;
}

    .iconshow1:before {
        content: '';
        position: absolute;
        z-index: 9999;
        width: 0;
        height: 0;
        border: 25px solid transparent;
        border-top-color: #ff96a0;
        top: 0px;
    }

.listtourGroup {
    display: block;
    padding-top: 30px;
    font-size: 12pt;
}

    .listtourGroup .left {
        float: left;
        width: 550px;
        height: 300px;
        background: #fff;
        position: relative;
    }

        .listtourGroup .left img {
            padding: 2%;
            width: 96%;
            height: 280px;
        }

    .listtourGroup .right {
        float: left;
        margin-left: 10px;
        width: 610px;
        background: #fff;
    }

        .listtourGroup .right .infotour {
            display: block;
            height: 200px;
            padding: 30px;
        }

            .listtourGroup .right .infotour h3 a {
                font-size: 18pt;
                font-family: 'Roboto-Medium';
                line-height: 130%;
            }

            .listtourGroup .right .infotour a {
                font-size: 18pt;
                font-family: 'Roboto-Medium';
                line-height: 70%;
            }

            .listtourGroup .right .infotour .formgia {
                float: left;
                width: 50%;
            }

            .listtourGroup .right .infotour .datnhanh {
                float: left;
                width: 50%;
                padding-top: 15px;
            }

        .listtourGroup .right .contact {
            display: block;
            height: 40px;
            background: #f9aa12;
            line-height: 40px;
            font-family: 'Roboto-Bold';
            color: #fff;
            font-size: 14pt;
            padding-left: 30px;
        }

        .listtourGroup .right .contact1 {
            display: block;
            height: 40px;
            line-height: 40px;
            font-family: 'Roboto-Light';
            color: #fff;
            font-size: 14pt;
            margin-left: 30px;
            margin-right: 30px;
            color: #d27079;
            border-top: 1px solid #feb7be;
        }

.listtourGroup1 {
    display: block;
    padding-top: 30px;
    font-size: 12pt;
}

    .listtourGroup1 .left {
        float: left;
        width: 50%;
        height: 300px;
        background: #fc2f30;
        position: relative;
    }

        .listtourGroup1 .left img {
            padding: 2.5%;
            width: 100%;
            height: auto;
        }

    .listtourGroup1 .right {
        float: left;
        padding-left: 0px;
        width: 50%;
        background: #fc2f30;
        color: #fff;
        height: 300px;
        overflow: hidden;
    }

        .listtourGroup1 .right .infotour {
            display: block;
            height: 200px;
            padding: 30px;
        }

            .listtourGroup1 .right .infotour h3 {
                margin: 0px !important;
                padding: 0px !important;
            }

                .listtourGroup1 .right .infotour h3 a {
                    font-size: 20pt;
                    font-family: 'Roboto-Medium';
                    line-height: 130%;
                    color: #fff;
                }

            .listtourGroup1 .right .infotour a {
                font-size: 20pt;
                font-family: 'Roboto-Medium';
                line-height: 70%;
            }

            .listtourGroup1 .right .infotour .formgia {
                float: left;
                width: 60%;
            }

            .listtourGroup1 .right .infotour .datnhanh {
                float: left;
                width: 40%;
                padding-top: 15px;
            }

        .listtourGroup1 .right .contact {
            display: block;
            height: 40px;
            background: #f9aa12;
            line-height: 40px;
            font-family: 'Roboto-Bold';
            color: #fff;
            font-size: 14pt;
            padding-left: 30px;
        }

        .listtourGroup1 .right .contact1 {
            display: block;
            height: 39px;
            line-height: 34px;
            font-family: 'Roboto';
            color: #fff;
            font-size: 12pt;
            margin-left: 30px;
            margin-right: 30px;
            border-top: 1px solid #feb7be;
        }

.listtourGroup2 {
    display: block;
    padding-top: 50px;
    font-size: 12pt;
}

    .listtourGroup2 .left {
        float: left;
        width: 50%;
        height: 300px;
        background: #1b3355;
        position: relative;
    }

        .listtourGroup2 .left img {
            padding: 2.5%;
            width: 100%;
            max-height: 300px;
        }

    .listtourGroup2 .right {
        float: left;
        padding-left: 0px;
        width: 50%;
        background: #1b3355;
        color: #fff;
        height: 300px;
        overflow: hidden;
    }

        .listtourGroup2 .right .infotour {
            display: block;
            height: 200px;
            padding: 30px;
        }

            .listtourGroup2 .right .infotour h3 {
                margin: 0px !important;
                padding: 0px !important;
            }

                .listtourGroup2 .right .infotour h3 a {
                    font-size: 20pt;
                    font-family: 'Roboto-Medium';
                    line-height: 130%;
                    color: #fff;
                }

            .listtourGroup2 .right .infotour a {
                font-size: 20pt;
                font-family: 'Roboto-Medium';
                line-height: 70%;
            }

            .listtourGroup2 .right .infotour .formgia {
                float: left;
                width: 60%;
            }

            .listtourGroup2 .right .infotour .datnhanh {
                float: left;
                width: 40%;
                padding-top: 15px;
            }

        .listtourGroup2 .right .contact {
            display: block;
            height: 40px;
            background: #f9aa12;
            line-height: 40px;
            font-family: 'Roboto-Bold';
            color: #fff;
            font-size: 14pt;
            padding-left: 30px;
        }

        .listtourGroup2 .right .contact1 {
            display: block;
            height: 39px;
            line-height: 34px;
            font-family: 'Roboto-Light';
            color: #1579bd;
            font-size: 12pt;
            margin-left: 30px;
            margin-right: 30px;
            border-top: 1px solid #1579bd;
        }

.listtourGroupD {
    display: block;
    padding-top: 50px;
    font-size: 12pt;
}

    .listtourGroupD .left {
        float: left;
        width: 50%;
        height: 300px;
        position: relative;
    }

        .listtourGroupD .left img {
            padding: 2.5%;
            width: 100%;
            max-height: 300px;
        }

    .listtourGroupD .right {
        float: left;
        padding-left: 0px;
        width: 50%;
        color: #fff;
        height: 300px;
        padding-bottom: 6px;
    }

        .listtourGroupD .right .infotour {
            display: block;
            height: 200px;
            padding: 30px;
        }

            .listtourGroupD .right .infotour h3 {
                margin: 0px !important;
                padding: 0px !important;
            }

                .listtourGroupD .right .infotour h3 a {
                    font-size: 16pt;
                    font-family: 'Roboto-Medium';
                    line-height: 130%;
                    color: #fff;
                }

            .listtourGroupD .right .infotour a {
                font-size: 18pt;
                font-family: 'Roboto-Medium';
                line-height: 70%;
            }

            .listtourGroupD .right .infotour .formgia {
                float: left;
                width: 60%;
            }

            .listtourGroupD .right .infotour .datnhanh {
                float: left;
                width: 40%;
                padding-top: 15px;
            }

        .listtourGroupD .right .contact1 {
            display: block;
            height: 39px;
            line-height: 34px;
            font-family: 'Roboto-Light';
            color: #4a96cc;
            font-size: 12pt;
            margin-left: 30px;
            margin-right: 30px;
            border-top: 1px solid #4a96cc;
        }

.boxGreen {
    background: #548a25;
    overflow: hidden;
}

.boxBlue {
    background: #153564;
    overflow: hidden;
}

.dna-title3 {
    font-family: 'Roboto-Bold';
    font-size: 36pt;
}

.dna-title6 {
    font-family: 'Roboto-Light';
    font-size: 24pt;
}

.picture50 {
    float: left;
    width: 49.5%;
}

    .picture50 img {
        width: 100%;
        height: auto;
    }

.right2pc {
    padding-right: 1%;
}

.top4px {
    padding-top: 4px;
}

.font-light {
    font-family: 'Roboto-Light';
}

.remarkm1 {
    display: block;
    position: absolute;
    z-index: 10;
    right: -10px;
    top: 10px;
    background: url('../images/icon/icon_red.png') no-repeat;
    width: 64px;
    height: 57px;
    line-height: 40px;
    color: #fff;
    font-size: 14pt;
    font-family: 'Roboto-Medium';
    padding-left: 20px;
    white-space: nowrap;
}

.remarkmYello {
    display: block;
    position: absolute;
    z-index: 10;
    right: 2.5%;
    top: 15px;
    background: url('../images/icon/icon_yello.png') no-repeat;
    width: 64px;
    height: 57px;
    line-height: 40px;
    color: #fff;
    font-size: 14pt;
    font-family: 'Roboto-Medium';
    padding-left: 20px;
    white-space: nowrap;
}

.colorPriceRed {
    color: #fe2845;
    font-weight: 600;
    font-size: 12pt;
}

.colorPriceWhite {
    color: #fff;
    font-weight: 600;
    font-size: 12pt;
}

.colorPriceYello {
    color: #fffd6b;
    font-weight: 600;
    font-size: 12pt;
}

.btndangkynhanh {
    background: #fe2845;
    height: 60px;
    width: 100%;
    line-height: 60px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .btndangkynhanh a {
        font-size: 14pt;
        color: #fff;
    }

    .btndangkynhanh:hover {
        background: #f9aa12;
    }

    .btndangkynhanh a:hover {
        text-decoration: none;
    }

.btndangkynhanh1 {
    background: #f14f5f;
    height: 60px;
    width: 100%;
    line-height: 60px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .btndangkynhanh1 a {
        font-size: 14pt;
        color: #fff;
    }

    .btndangkynhanh1:hover {
        background: #f9aa12;
    }

    .btndangkynhanh1 a:hover {
        text-decoration: none;
    }

.btndangkynhanhWhite {
    background: #fff;
    height: 60px;
    width: 100%;
    line-height: 60px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .btndangkynhanhWhite a {
        font-size: 12pt;
        color: #fc2f30;
    }

    .btndangkynhanhWhite:hover {
        background: #f9aa12;
    }

    .btndangkynhanhWhite a:hover {
        text-decoration: none;
    }

.btndangkynhanhBlue {
    background: #1579bd;
    height: 60px;
    width: 100%;
    line-height: 60px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .btndangkynhanhBlue a {
        font-size: 16pt !important;
        color: #fff;
        font-family: 'Roboto-Medium';
    }

    .btndangkynhanhBlue:hover {
        background: #0970b6;
    }

    .btndangkynhanhBlue a:hover {
        text-decoration: none;
    }

.btndangkynhanhOrange {
    background: #fb8e01;
    height: 60px;
    width: 100%;
    line-height: 60px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .btndangkynhanhOrange a {
        font-size: 16pt !important;
        color: #fff;
        font-family: 'Roboto-Medium';
    }

    .btndangkynhanhOrange:hover {
        background: #e68201;
    }

    .btndangkynhanhOrange a:hover {
        text-decoration: none;
    }

.divdocument {
    padding: 30px 30% 0px 30%;
}

.line3 {
    border-top: 1px solid #dcdcdc;
}

#menuGroup {
    width: 100%;
    height: 48px;
}

.icondesRed {
    background: url('../images/icon/icon-des-red.png') no-repeat;
    padding-left: 30px;
    height: 19px;
    line-height: 19px;
    margin-top: 10px;
    padding-top: -10px;
}

.icondesPink {
    background: url('../images/icon/icon-des-pink.png') no-repeat;
    padding-left: 30px;
    height: 19px;
    line-height: 19px;
    margin-top: 10px;
    padding-top: -10px;
}

.icondesWhite {
    background: url('../images/icon/icon-des-white.png') no-repeat;
    padding-left: 30px;
    height: 19px;
    line-height: 19px;
    margin-top: 10px;
    padding-top: -10px;
}

@media (max-width: 1280px) {
    .bannergroup img {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 1169px) {
    #top1 .address {
        float: left;
        padding-left: 10px;
        padding-right: 0px;
        font-size: 8pt;
    }

    #header1 .name h1 {
        font-family: 'Roboto-Light';
        font-size: 22pt;
    }

    #top1 .hotline {
        float: left;
        margin-left: 10px;
        margin-top: 10px;
        background: url('../images/icon/icongroup/hotline.png') no-repeat;
        padding-left: 25px;
        height: 16px;
        line-height: 16px;
        font-size: 10pt;
        font-weight: 600;
        color: #000;
    }

    .bannergroup img {
        width: 100%;
        height: auto;
    }

    .grouptitle2 {
        padding: 5px 0px 0px 10px;
        font-family: 'Roboto-Black';
        font-size: 17pt;
        color: #fff;
    }

    .award {
        width: 100%;
        margin: 0 auto;
        padding-top: 10px;
    }

        .award .girl {
            float: left;
            width: 28%;
            padding-left: 2%;
            margin-bottom: -5px;
        }

        .award .text {
            float: left;
            width: 70%;
        }

            .award .text img {
                width: 100%;
                height: auto;
            }

    .formcontent {
        width: 96%;
        margin: 0 auto;
        padding-left: 2%;
        padding-right: 2%;
    }

    .iconshow {
        padding-left: 40%;
        position: relative;
    }

    .listtourGroup {
        display: block;
        padding-top: 30px;
        font-size: 12pt;
    }

        .listtourGroup .left {
            float: left;
            width: 45%;
            height: 300px;
            background: #fff;
            position: relative;
        }

            .listtourGroup .left img {
                padding: 2%;
                width: 96%;
                height: 280px;
            }

        .listtourGroup .right {
            float: left;
            margin-left: 3%;
            width: 52%;
            background: #fff;
        }
}
/*End Top Group tour*/

/*CSS Phân trang*/
.pagination {
    display: block;
    float: right;
}

    .pagination a {
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #428bca;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd;
    }

        .pagination a:hover {
            color: #2a6496;
            background-color: #eee;
            border-color: #ddd;
        }

        .pagination a.first {
            margin-left: 0;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }

        .pagination a.last {
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
        }

        .pagination a.active {
            z-index: 2;
            color: #fff;
            cursor: default;
            background-color: #428bca;
            border-color: #1579bd;
        }

/* -----Tour detail-----*/
.subtitle {
    display: block;
    padding: 0px 10px 10px 0px;
    color: #868484;
    font-family: Cambria;
    font-size: 24px;
    line-height: 1.24;
    font-weight: normal;
    font-style: italic;
}

.author {
    float: left;
    padding: 5px 20px 10px 0px;
}

    .author .people {
        color: #fa4b2a;
    }

    .author .date {
        color: #848484;
    }

.fblike {
    float: left;
    padding: 5px 25px 10px 0px;
}

/*Font*/
@font-face {
    font-family: 'Roboto-Light';
    src: local(Roboto-Light), url('/fonts/Roboto-Light.ttf') format('opentype');
}

@font-face {
    font-family: 'Roboto-Thin';
    src: local(Roboto-Thin), url('/fonts/Roboto-Thin.ttf') format('opentype');
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('/fonts/Roboto-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Medium';
    src: local(Roboto-Medium), url('/fonts/Roboto-Medium.ttf') format('opentype');
}

@font-face {
    font-family: 'Roboto-Bold';
    src: local(Roboto-Bold), url('/fonts/Roboto-Bold.ttf') format('opentype');
}

.box-tour ul li span {
    font-size: 13px;
    color: #fff;
    padding: 3px 5px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

    .box-tour ul li span.bg-green {
        background: #72ae00;
    }

    .box-tour ul li span.bg-orange {
        background: #fd5d33;
    }

.bg-tour-river {
    background: url('../images/bg_river.png') no-repeat;
    background-size: cover;
    padding-top: 66px;
}

    .bg-tour-river .title-trikethrough:before,
    .bg-tour-river .title-trikethrough:after {
        width: 25%;
    }

    .bg-tour-river .wraper-title {
        background: transparent !important;
    }

    .bg-tour-river .list-start-price {
        height: auto;
        border-top: 1px solid #ccc;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        height: 70px;
        overflow: hidden;
    }

        .bg-tour-river .list-start-price p span {
            font-size: 14px;
            float: none;
            margin-left: 5px;
        }

.box-tour-type {
    background: #f5f5f5;
    float: left;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 10px;
}

.detail-tour-type {
    padding: 0 25px;
}

    .detail-tour-type h3 {
        font-size: 20px;
        font-weight: bold;
        color: #0075bd;
    }

    .detail-tour-type p {
        text-align: justify;
    }

.btn-tour-type {
    margin-top: 10px;
    float: left;
    width: 100%;
}

.btn-target-tour {
    background: #9f9f9f;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 20px;
    display: inline-block;
}

    .btn-target-tour:hover {
        background: #74af1f;
        text-decoration: none;
        color: #fff;
    }

.btn-view-detail {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    color: #333;
    font-size: 16px;
    padding: 5px 20px;
    margin-left: 10px;
    display: inline-block;
}

    .btn-view-detail:hover {
        text-decoration: none;
    }

.price-tour-river {
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    margin-top: 0px;
}

.price-hcm, .price-hn {
    float: left;
    width: 50%;
    padding: 10px 20px;
}

.price-hcm {
    border-right: 1px solid #ccc;
}

.price-tour-river p {
    margin-bottom: 0;
    margin-left: -10px;
}

.price-tour-river .title-price {
    font-weight: 500;
    color: #ff3300;
}

.price-tour-river p span {
    color: #107bbf;
    font-size: 18px;
    font-weight: bold;
}

#tour-beach, #tour-river {
    float: left;
    width: 100%;
}

#tour-river {
    margin-top: 50px;
}

.schedule-day-detail {
    float: left;
    width: 100%;
    padding-top: 30px;
}

    .schedule-day-detail ul li {
        list-style: disc;
        margin-left: -25px;
    }

.box-schedule-day {
    border: 1px solid #ccc;
    border-radius: 5px;
    line-height: 30px;
    margin-bottom: 3px;
    padding-left: 0;
    color: #333;
}

    .box-schedule-day a {
        color: #333;
    }

        .box-schedule-day a:hover {
            text-decoration: none;
        }

    .box-schedule-day span.day-schedule-title {
        background: #efefef none repeat scroll 0 0;
        display: inline-block;
        line-height: 30px;
        margin-right: 0px;
        padding: 0 10px;
        font-weight: bold;
        color: #000;
    }

span.day-schedule-start {
    display: inline-block;
    background: #efefef;
    padding: 0 10px;
    line-height: 30px;
    border-left: 1px solid #ccc;
    margin-right: 5px;
}

table {
    width: 100%;
    margin: 0;
    padding: 0;
    border-spacing: 0;
    border: 1px solid #ebebeb;
    border-top: none;
    border-left: none;
}

    table td, th {
        border: 1px solid #ebebeb;
    }

th,
td {
    margin: 0;
    padding: 10px;
    border: 1px solid #ebebeb;
    border-bottom: none;
    border-right: none;
    vertical-align: top;
}

.other-tour td a {
    background: #0075bd;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    padding: 3px 10px;
}

    .other-tour td a:hover {
        text-decoration: none;
        background: #70ae00;
    }

.other-tour table {
    border-collapse: collapse;
    border: none;
}

    .other-tour table td, th {
        border: none !important;
    }

.content-detail-schedule-tour h1 {
    color: #000;
    font-size: 30px;
    margin-top: 0;
}

.information-tour-boat-price2 {
    background: #f4f4f4;
    border-top: 1px solid #ccc;
    float: left;
    padding: 5px 0px 5px;
    width: 100%;
}

    .information-tour-boat-price2 table tr, .information-tour-boat-price2 table td {
        height: 25px !important;
        line-height: 25px;
        padding: 0px 15px;
    }

    .information-tour-boat-price2 p {
        margin-bottom: 0;
    }

    .information-tour-boat-price2 a {
        color: #757575;
    }

    .information-tour-boat-price2 strong {
        font-weight: bold;
        color: #293585;
    }

.row-founder {
    float: left;
    width: 100%;
}

.row-box-founder {
    margin-bottom: 45px;
}

    .row-box-founder h3 {
        font-size: 16px;
        font-weight: bold;
        color: #000;
        margin: 12px 0 3px 0;
    }

    .row-box-founder p {
        color: #000;
        font-family: 'Roboto-Light';
        margin-bottom: 0;
    }

    .row-box-founder a:hover {
        text-decoration: none;
    }

.popup-founder {
    max-width: 700px;
    padding-top: 15px;
    padding-bottom: 15px;
    float: left;
    width: 100%;
}

    .popup-founder h3 {
        margin-top: 0;
    }

.clients {
    background: #0274bb;
    padding-top: 20px;
}

    .clients h1, .clients p {
        color: #fff;
    }

.box-press-releases {
    float: left;
    width: 100%;
    padding: 20px 5px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

    .box-press-releases h3 {
        margin: 0 0 10px 0;
        font-size: 16px;
        font-weight: bold;
    }

    .box-press-releases p.date-publish-news {
        color: #666;
        margin-bottom: 10px;
    }

.btn-download {
    width: 152px;
    height: 34px;
    display: block;
    background: url('../images/icon_download.png');
    line-height: 40px;
    padding-left: 15px;
    color: #333;
}

    .btn-download:hover {
        text-decoration: none;
    }

.intro-tourdn {
    background: #fff url('../images/bg_tdn.jpg') no-repeat;
    background-size: cover;
    background-position: bottom;
    text-align: center;
    padding: 40px 0 40px 0;
}

    .intro-tourdn h3 {
        font-family: 'Roboto-Light';
        font-size: 36px;
        margin: 0;
        text-transform: uppercase;
    }

    .intro-tourdn h1 {
        font-family: 'Roboto-Bold';
        font-size: 48px;
        margin: 0 0 30px 0;
        text-transform: uppercase;
    }

    .intro-tourdn p {
        font-family: 'Roboto-Light';
        font-size: 16px;
    }

.detail-tour-dn {
    padding: 18px 18px 60px 18px;
    background: #fff;
    min-height: 220px;
}

    .detail-tour-dn h4 {
        font-size: 18px;
        font-weight: bold;
        margin-top: 0;
        color: #0075bd;
        text-align: left;
    }

    .detail-tour-dn p {
        margin-bottom: 0;
        text-align: left;
        font-size: 14px;
    }

.number-tour {
    background: #74af1f;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    position: absolute;
    left: 50%;
    bottom: -35px;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    font-family: 'Roboto-Bold';
    font-size: 36px;
    color: #fff;
}

.list-tour-dn {
    float: left;
    width: 100%;
    padding: 30px 0 0 0;
}

.box-tour-dn {
    margin-bottom: 100px;
}

.why-star-travel {
    background: #1d2454;
    color: #fff;
    text-align: center;
    padding: 0;
}

    .why-star-travel h1 {
        font-family: 'Roboto-Light';
        font-size: 42px;
        color: #fff;
        margin-bottom: 0;
    }

        .why-star-travel h1 span {
            font-family: 'Roboto-Medium';
            color: #fff;
        }

    .why-star-travel h3 {
        font-family: 'Roboto-Light';
        font-size: 28px;
        margin: 0;
    }

.box-why-star-travel p {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 15px;
}

.box-why-star-travel {
    margin-bottom: 30px;
}

.list-box-why-star-travel {
    float: left;
    width: 100%;
    margin-top: 65px;
}

.bg-why {
    background: url('../images/doanhnghiep/bg_why.png') right top no-repeat;
    float: left;
    width: 100%;
    margin-top: -40px;
    padding: 100px 0 45px 0;
}

.heading-tour-dn {
    text-align: center;
    padding: 70px 0;
}

    .heading-tour-dn h3 {
        font-size: 24px;
        margin: 0 0 5px 0;
        color: #333;
        text-transform: uppercase;
    }

    .heading-tour-dn h1 {
        color: #0075bd;
        font-size: 30px;
        font-weight: bold;
        margin: 0;
        text-transform: uppercase;
    }

.box-tdn {
    margin-bottom: 40px;
}

    .box-tdn h3 {
        color: #000;
        font-weight: bold;
        font-size: 16px;
        margin: 10px 0 5px 0;
    }

    .box-tdn p {
        color: #666;
        margin: 0;
    }

.support-tourdn {
    margin: 40px 0 30px 0;
}

.btn-tourdn {
    display: inline-block;
    width: 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #0075bd;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 60px;
    text-align: center;
    font-weight: bold;
}

    .btn-tourdn:hover {
        color: #fff;
        text-decoration: none;
        background: #74af1f;
    }

.phone-support-dn {
    font-size: 18px;
    font-family: 'Roboto-Light';
    text-transform: uppercase;
    text-align: center;
    margin-top: 10px;
}

    .phone-support-dn strong {
        font-family: 'Roboto-Black';
        color: #0477bd;
        font-size: 24px;
        font-weight: normal;
    }

.support-tourdn p {
    font-family: 'Roboto-Light';
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0;
}

.txtsearchhotel {
    height: 30px;
    line-height: 30px;
    background: #fff;
    border: 1px solid #eee;
    margin: 0;
    padding: 0;
    width: 70%;
    padding-left: 10px;
    margin-left: 10px;
    color: #666;
}

.input {
    height: 30px;
    line-height: 30px;
    background: #fff;
    border: 1px solid #eee;
    margin: 0;
    padding: 0;
    width: 50%;
    padding-left: 10px;
    margin-left: 10px;
    color: #666;
}

.inputform {
    height: 120px;
    background: #fff;
    border: 1px solid #eee;
    margin: 0;
    padding: 0;
    width: 50%;
    padding-left: 10px;
    margin-left: 10px;
    color: #666;
}

.txtname {
    width: 12%;
    font-weight: bold;
    vertical-align: middle;
}

.txtname1 {
    width: 12%;
    font-weight: bold;
    vertical-align: top;
}

.txtinput {
    width: 88%;
}

.btn {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    /*border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;*/
    text-align: center;
    height: 35px;
    line-height: 25px;
    padding-left: 30px;
    padding-right: 30px;
    color: #fff;
    background: #0075bd;
    border: none;
    margin-left: 8px;
    border-radius: 0px;
}

    .btn:hover {
        background: #6eae00;
    }

table.grid {
    border-collapse: collapse;
}

    table.grid td, th {
        border: 1px solid #dedcdc !important;
        height: 40px;
        line-height: 40px;
    }

/*
    Update by Tam.Nguyen at 2017/02/17
*/
.txtngaykhcruise {
}

    .txtngaykhcruise table, .list-start-price table {
        border: none !important;
    }

.box-find-tour table tr {
    padding: 0;
}

    .box-find-tour table tr td {
        padding: 5px;
    }
/*.box-find-tour table tr, .box-find-tour table tr td {
    padding: 0;
}*/

.txtngaykhcruise #txtngaykhcruise_DDD_C > table tbody tr {
    height: 40px;
}

#txtngaykhcruise_DDD_C_NMCImg, #txtngaykhcruise_DDD_C_NYCImg, #txtngaykhcruise_DDD_C_PMCImg, #txtngaykhcruise_DDD_C_PYCImg {
    margin: 5px 0px;
}

.txtngaykhcruise td.dxeCalendarDay:hover {
    background-color: #0075bd;
}
/*#ComboBoxDiemkh_I, #ComboBoxDiemdenCruise_I, #txtngaykhcruise_I {
    color: #ccc;
}*/
.message_error {
    color: #ff3300;
    padding: 5px 5px 0px 5px;
    display: none;
}

.dxeCalendarToday span, .dxeCalendarToday_MetropolisBlue span {
    padding: 3px;
}

.modal_loading {
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
    height: 62px;
    margin-top: -10px;
    height: 66px;
    margin-bottom: -7px;
}

.center_loading {
    z-index: 1000;
    /*margin: 300px auto;
    width: 130px;
    
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;*/
}

    .center_loading img {
        position: absolute;
        width: 66px;
        top: 0px;
        text-align: center;
        left: 47%;
    }

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    color: #162053 !important;
    font-family: 'Arial',sans-serif;
}

#txtngaykhcruise_I {
    font-family: 'Arial',sans-serif;
    margin-left: 5px;
    font-size: 13.5px;
    color:#162053;
}

.list-start-price > p {
    padding-bottom: 3px;
}
/*.gsc-control-cse gsc-control-cse-vi,.cse .gsc-control-cse, .gsc-control-cse {
    background: none !important;
    border: none !important;
}*/
.dxeCalendarFooter_Aqua > table {
    width:150px;
}
.dxeCalendarFooter_Aqua{
    background:#e9e9e9 !important;
}
.dxeCalendarToday_Aqua span{
    padding:2px 5px;
}
.dxeCalendarButton_Aqua, .dxeColorEditButton_Aqua {
    color: #2C4D79;
    vertical-align: middle;
    border: 1px solid #A3C0E8;
    /* background: #C8DFFF url(/DXR.axd?r=0_77-xcWke) repeat-x top; */
    padding: 3px 11px 4px;
    min-width: 37px;
    border: 1px solid #cccccc !important;
    background: #fff;
    border-radius: 0px;
}
.dxeCalendarHeader_Aqua {
    color: #ffffff;
    background:none;
    /* background: #c7dfff url(/DXR.axd?r=0_85-xcWke) repeat-x top; */
    border-bottom: 1px solid #e1e1e1 !important;
    padding: 3px;
     margin: 0px; 
    font-weight: bold;
    display: block;
}
.select2-selection__placeholder{
    color:#162053 !important;
}
.select2-container--bootstrap .select2-results > .select2-results__options {
    max-height: 96px !important;
    overflow-y: hidden !important;
}
#txtngaykhcruise {
    color: #162053 !important;
    padding-left: 11px;
}
td.ui-datepicker-unselectable.ui-state-disabled.undefined.ui-datepicker-today span{
    border:1px solid #f9aa12 !important;
}
.ui-datepicker td {
    border: 0;
    padding: 2px !important;
}
.gallery-tour .slick-dots li a.tab {
    clear: both;
    display: flex;
}
.gallery-tour .slick-dots li a img {
    width: 100% !important;
    max-width: 103px !important;
    height: 70px !important;
}
.phplive_widget,#phplive_widget_image,#phplive_widget{
    display:none !important;
}