@font-face {
    font-family: SVNFourth;
    src: url("../fonts/SVN-Fourth Bold.ttf");
}
@font-face {
    font-family: UTMBanque;
    src: url("../fonts/UTM Banque.ttf");
}
body.grayscale {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.body-no-scoll {
    margin: 0;
    height: 100%;
    overflow: hidden
}

.hide {
    display: none !important;
}

::placeholder { /* chạy tốt trên Chrome, Firefox, Opera, Safari 10.1+ */
    color: #c1c1c1 !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* chạy trên Internet Explorer 10-11 */
    color: #c1c1c1 !important;
}

::-ms-input-placeholder { /* chạy trên Microsoft Edge */
    color: #c1c1c1 !important;
}
.no-comment, .feeback-network, .not-comment {
    color: #fff;
    font-size: 14px;
    margin: 5px 0;
    background-color: red;
    border-radius: 12px;
    width: fit-content;
    padding: 0 10px;
}
input::-ms-reveal,
input::-ms-clear {
    display: none;
}
.alert {
    padding: 5px;
    border-radius: 35px;
    font-size: 14px;
}
#loai, #tinh_id, #huyen_id, #xa_id, #ten, #dia_chi, #dien_thoai, #email, #the_du_lich {
    border-radius: 5px !important;
    border: 1px solid #969696 !important;
    height: 52px;
}
#alert-recover-password, #alert-box {
    text-align: center;
}
.special-icons .qr-code {
    display: flex;
}
.is-invalid-input, .is-invalid-captcha {
    color: #FF0000 !important;
    text-align: left !important;
    margin-bottom: 0 !important;
    font-size: .8rem !important;
}

.auth-ui {
    position: relative;
    padding: 10px 0;
    cursor: pointer;
}

.auth-ui.is-login img {
    height: 40px;
    width: 40px;
    border-radius: 45px;
    object-fit: cover;
}

.auth-ui.is-login i {
    font-size: 32px;
    color: #fff;
    padding: 4px 0;
}

.auth-ui.is-login:hover .dropdown {
    max-height: 500px;
    transition: max-height 0.25s ease-in;
}

.auth-ui.is-login .dropdown {
    display: block;
    max-height: 0;
    transition: max-height 0.15s ease-out;
    overflow: hidden;
    position: absolute;
    right: -11px;
    top: 100%;
    background: #fff;
    min-width: 250px;
    box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%);
    z-index: 10;
}

.auth-ui.is-login .dropdown li {
    padding: 15px 25px;
    margin: 0;
    cursor: pointer;
}

.auth-ui.is-login .dropdown li a {
    display: block;
    color: inherit;
    padding: 0;
}

.auth-ui.is-login .dropdown li:hover {
    color: #ccac50;
}

.header__bottom {
    padding: 0;
}

.header__bottom ul li {
    padding: 10px 15px;
}

.header__bottom ul li:last-child {
    margin-right: 0;
}
.header__bottom .menu-lv2 ul li:first-child {
    margin-top: 0px !important;
}
#ngon-ngu-desktop {
    display: none;
}

@media (max-width: 1280px) {
    .travel-item {
/*        padding: 65px 95px;*/
    }
}

.btn-group-nenTang {
    display: flex;
    justify-content: center;
}

.btn-group-nenTang a {
    display: inline-flex;
    padding: 0 5px;
    background: white;
    width: 20%;
    height: 75px;
    justify-content: center;
    align-items: center;
}

.btn-group a:hover {
    border: 0;
}

.btn-group a img {
    max-height: 100%;
}

.dialog-travel,
.dialog-form,
.ctydulich-register-form,
.recover-password-form,
.dialog-feedback,
.dialog-qr-app, .dialog-qr-app-2 {
    position: fixed;
    top: 120px;
    left: 50%;
    max-width: 1200px;
    height: 100vh;
    display: none;
    background-color: #343758;
    z-index: 10000;
    opacity: 1;
    transform: translate(-50%, 0);
    width: 100%;
    /*    overflow: scroll;*/
}
.dialog-travel::-webkit-scrollbar, .dialog-form::-webkit-scrollbar {
    display: none;
}
.dialog-qr-app, .dialog-qr-app-2 {
    max-width: 500px;
}
.dialog-qr {
    position: fixed;
    top: 115px;
    left: 50%;
    width: fit-content;
    height: auto;
    display: none;
    background-color: rgba(57,63,80,.9);
    z-index: 10001;
    opacity: 1;
    transform: translate(-50%, 0);
}

.form-travel-item {
    padding: 35px 60px;
}
.dialog-qr .form-travel-item--bg-white, 
.dialog-qr-app .form-travel-item--bg-white, .dialog-qr-app-2 .form-travel-item--bg-white {
    background-color: #fff !important;
}

.ctydulich-register-form .dialog-wrapper {
    padding: 40px 25px;
}
.dialog-wrapper .col-md-12 {
    display: flex;
}

.dialog-feedback .dialog-feedback-wrapper
{
    /*    max-height: calc(100vh - 130px - 50px);*/
    padding: 25px 65px;
    display: block;
    /*    overflow-y: auto;
overflow-x: hidden;*/
}
    .ctydulich-register-form .dialog-wrapper .form-cluster {
        padding: 20px;
    }

    .dialog-feedback .dialog-feedback-wrapper {
        max-height: calc(100vh - 250px);
        overflow-y: scroll !important;
        overflow-x: hidden;
    }


.dialog .dialog-wrapper
{
    height: auto;
}
.height-auto {
    height: auto !important;
}

.dialog .dialog-wrapper .travel-item {
    overflow:auto;
    height: 100%;
}

.dialog .dialog-wrapper .form-travel-item {
    height: auto;
    position: relative;
    overflow: auto;
    min-height: 100%;
}

h3.width-auto {
    width: auto !important;
    padding-top: 10px;
}
h3.width-auto a {
    color: #2B5CB2;
}


.dialog .travel-item,
.dialog .form-travel-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.form-travel-group {
    margin-bottom: 15px;
}

.form-travel-group select,
.form-travel-group textarea {
    width: 100%;
}

.form-travel-group select,
.form-travel-group textarea {
    border: none;
    background-color: #fff;
    height: 40px;
    padding-left: 10px;
    color: #000;
}

.form-travel-group textarea {
    height: 100px;
    resize: none;
}

body.noscroll {
    overflow-y: hidden;
    touch-action: none;
    -ms-touch-action: none;
    position:relative;
    height:100%;
}

.btn-sign {
    border: 0;
}

.btn-sign i {
    margin-right: 5px;
}

.btn-sign:disabled {
    background: #cdcdcd;
}
.btn-sign:disabled:hover {
    background: #cdcdcd;
    color: #000;
    
}

.input-group#show-hide-password {
    flex-wrap: nowrap;
}

.input-group .input-group-addon {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;

    position: absolute;
    top: 8px;
    right:0;
    color: #495057;
    text-align: center;
 
}

.home-feedback {
    background-image: url('../images/image2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;

    padding-bottom: 75px;
    margin-bottom: 30px;
}

.home-feedback .ip-feedback {
    width: 100%;
    height: 60px;
    padding: 18px 16px 18px 5px;
    background-position: 16px center;

    background-repeat: no-repeat;
    border: none;
    border-right: 1px solid #e5e5e5;
}

.home-feedback .ip-feedback-radio {
    width: 100%;
    height: 60px;
    color: #fff;
    margin-top: 30px;
}

.home-feedback .ip-feedback-textarea {
    display: block;
    width: 100%;
    padding: 18px 16px 18px 5px;
    background-position: 16px center;

    background-repeat: no-repeat;
    border: none;
    border-right: 1px solid #e5e5e5;
    margin-top: 30px;
}

.home-feedback .feedback-btn {
    background: none;
    border: none;
    background-color: #0c3660;
    color: #fff;

    padding: 20px 70px;
    margin-top: 30px;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);

    margin-top: 30px;
}

.custom-file .custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(2.25rem + 2px);

    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.custom-file .custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;

    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;

    background-color: #fff;
    border: 1px solid #ced4da;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*.custom-file .custom-file-label:after {
    content: attr(data-content);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;

    z-index: 3;
    display: block;
    height: calc(calc(2.25rem + 2px) - 1px * 2);
    padding: .375rem .75rem;
    line-height: 1.5;

    color: #495057;
    background-color: #e9ecef;
    border-left: 1px solid #ced4da;
    border-radius: 0 .25rem .25rem 0;
}*/

.feedback-history {
    margin-bottom: 30px;
}

.feedback-history .table-wrapper {
    min-height: 500px;
    overflow: auto;
    max-height: 800px;
}

.dialog-feedback .dialog-feedback-wrapper {
    padding: 20px;
}

.margin-auto {
    margin: auto !important;
}

#list-file .img-item img,
#list-img .img-item img,
#list-file .img-item video,
#list-img .img-item video,
#list-file .img-item audio,
#list-img .img-item audio {
    height: 100px;
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
    cursor: pointer;
}

#list-file .img-item .file-alt,
#list-img .img-item .file-alt {
    height: 100px;
    width: 100%;
    word-break: break-all;
    background: #f5f7fa;
    color: #c0c4cc;

    padding: 5px;
    font-size: .9em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dialog-media {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background-color: rgba(57,63,80,.9);
    z-index: 1000000;
    width: 100%;
    height: 100%;
    display: none;
}

.dialog-media .dialog-wrapper {
    padding: 35px;
    display: flex;
    justify-content: center;

    align-items: center;
    margin: auto;
}

.dialog-media .close-btn {
    top: 25px;
    right: 25px;
}

.dialog-media .dialog-media-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*.dialog-media .dialog-media-wrapper .media-content {
    width: 80%;
    height: calc(100vh - 200px);
}*/

    .dialog-media .dialog-media-wrapper .media-content img,
    .dialog-media .dialog-media-wrapper .media-content video {
/*        width: 100%;*/
        height: 100%;
        object-fit: contain;
    }

.travel-item {
    height: 100%;
}

.travel-item-criteria {
/*    padding: 55px 95px;*/
    color: rgb(229, 192, 78);
    text-align: justify;

    height: 400px;
    overflow: auto;
}

.travel-item-criteria a {
    color: #4fb9fc;
}

@media (max-width: 1440px) {
    .travel-item,
    .form-travel-item {
/*        padding: 35px 60px;*/
    }
}

@media (max-width: 1280px) {
    .travel-item-criteria {
/*        padding: 65px 60px;*/
        height: 475px;
        overflow: auto;
    }
}
.news-item img {
    object-fit: cover;
}

.news-item .news-item__content {
    min-height: 180px;
}

.travel-main-bg .travel-it .travel-info h3 a,
.news-item .news-item__content .news-item__content__title,
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-box-pack: end;
    overflow: hidden;
    
}



.news-item .news-item__content .news-item__content__description,
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -webkit-box-pack: end;
    overflow: hidden;
}

/*.travel-main-bg .travel-it .travel-info > .travel-group-rate-btn {
    display: flex;
}*/
/*.travel-main-bg .travel-it .travel-info > .travel-group-rate-btn a {
   margin: 0 5px;
}*/


.line-clamp-4 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -webkit-box-pack: end;
    overflow: hidden;
}

.travel-main-bg .travel-it .travel-info h3 a {
    line-height: 1.2;
}
.travel-main-bg .travel-it .travel-info > div * {
    line-height: 2;
}

.m-0 {
    margin: 0;
}

.special-icons .icon {
    color: #e1e1e1 !important;
}

/*.special-icons .icon i {
    color: #fff !important;
}*/

.special-icons .icon:hover .fa-facebook-f {
    color: #2962ff !important;
}

.special-icons .icon:hover .fa-youtube {
    color: rgb(253, 3, 3) !important;
}

.banner-img {
    background-size: cover;
    background-position: center;
    height: 500px;
    position: sticky;
    top: 125px;
}

.travel-item {
    position: relative;
/*    padding: 10px 20px;*/
    font-size: 15px;
}

.travel-main-bg .travel-it:last-child {
    margin-bottom: 0;
}

.travel-it {
    flex-direction: column;
}

.travel-main-bg .travel-it .travel-info p {
    margin-bottom: 0;
}

.travel-info-bt {
    padding: 0;
}

.carousel {
    margin: 30px auto;
}

.carousel-indicators {
    bottom: -45px;
}
.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #bebcbc;
}
.carousel-indicators li.active {
    background-color: #343757;
}

.carousel .carousel-item {
    width: 100%;
    padding: 0 15px;
    height: calc(100vh - 220px);
    text-align: center;
}

    .carousel .carousel-item img {
/*        width: 100%;*/
        height: 100%;
        object-fit: contain;
    }
.header__bottom li a.active {
    color: #ccac50;
}
input[type="date"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
select {
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    appearance: none;
}
select {
    background-color: #fff;
}
.endow-item__description__content {
    font-size: 16px;
    color: #fff;
}
.endow-item__description__content p {
    margin-bottom: 1rem;
}

.services-item {
    align-items: center;
    justify-content: flex-start;
    max-width: calc(100% / 7);
    flex: 1 0 calc(100% / 7);
    padding: 10px 0;
}
.news-item img {
    height: 200px;
}

.travel-list {
    margin-top: 20px;
}
.travel-list .travel-it:last-child hr {
    display: none;
}
.travel-main .travel-list .travel-it .travel-info {
    padding: 0 0 0 10px;
}
.feedback-btn {
    background-color: #be0506;
    border-radius: 4px;
}
.item-gray {
    filter: grayscale(1);
    pointer-events: none;
}
.gioithieu-block {
    margin-bottom: 170px;
}
.gioithieu-block h3 {
    color: #bf2524;
    margin: 30px 0;
}
.gioithieu-block a {
    text-transform: uppercase;
    font-weight: 500;
}

.gioithieu-block a.active {
    color: #00C2DF !important;
}
.gioithieu-item {
    border: 1px solid #d5d5d4;
    border-radius: 15px;
    padding: 10px 15px;
}
.gioithieu-item .col-md-1,
.gioithieu-item .col-md-11 {
    padding: 0px;
}
.gioithieu-item .col-md-1 {
    padding-right: 3px;
}
.gioithieu-item .col-md-11 {
    padding-left: 3px;
}
.gioithieu-item p {
    text-align: justify;
    padding-top: 5px;
    font-size: 15px;
}
.gioithieu-item img {
    width: 100%;
}
.gioithieu-item ul {
    margin-top: 1.5rem!important;
}
.gioithieu-item ul li {
    list-style: none;
    list-style-type: none;
    margin-bottom: 15px;

    color: #bf2524;
    display: flex;
    justify-content: flex-start;
}

.gioithieu-item ul li:before {
  content: "";
  background: url(/images/ic-gioithieu-3.png);
  width: 16px;
  display: inline-block;

  height: 24px;
  flex: 0 0 16px;
  background-repeat: no-repeat;

  background-position: center;
  margin-right: 2px;
}
.gioithieu-item ul li span {
    position: relative;
    left: 2px;
    display: block;
}
.home-services {
    background-color: rgb(227, 227, 227) !important;
}
.travel-main .travel-info h3 {
/*  width: calc(100% - 100px);*/
  word-break: break-word;
}
#lnk-recover-password,
#lnk-admin-recover-password, #recover-password-login-ctydulich {
    text-align: start;
    cursor: pointer;
    color: #20a8d8;
}
#qr-code img {
    margin: auto;
}
#qr-string {
    font-size: 1.5rem;
}
.feedback-history .form-travel-group select,
.feedback-history .form-travel-group input {
    border: 1px solid #ced4da;
}
.tooltip {
    z-index: 100000;
}
.tintuc-list .pagination {
    margin-bottom: 0 i !important;
}
.top-bar-search {
    max-width: 1170px;
    margin: 0 auto;
}
.select-diemden,
.select-giaitri, .select-tour, .select-muasam, .select-luutru, .select-amthuc {
    /*    width: 63%;*/
    width: 100%;
    height: 55px;
    border: none;
    text-indent: 10px;
    margin-bottom: 20px;
}
.search-form form {
    justify-content: flex-end;
    flex-direction: row;
}
.ip-luutru {
    height: 55px;
}
.ip-luutru .ip-infor {
    padding: 18px 16px 14px 5px;
}

.card-qr {
/*    min-height: 100%;*/
    display: flex;
    justify-content: center;
    align-items: center;
}
#qr-code {
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 5px;
}
#qr-code img {
    height: auto;
    width: calc(69.93007vh - 139.86014px);
}
.dialog-qr .dialog-wrapper {
    padding: 20px;
}
.dialog-qr .card-qr {
    padding: 20px !important;
}

.home-banner {
    background: unset;
    position: relative;
    width: 100%;
/*    overflow: hidden;*/
}
.home-banner .container {
    position: relative;
    z-index: 9;
}
.home-banner-carousel-item {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 7;
    display: flex;

    align-items: center;
    width: 100%;
    height: 192px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;
    visibility: visible;
    /* animation: opaqTransition 50s cubic-bezier(0, 0, 0, 0.97) infinite; */
    /* pointer-events: none; */
}
.home-banner-carousel-item:nth-child(1) {
    z-index: 8;
    animation-delay: 0s;
}
.home-banner-carousel-item:nth-child(2) {
    z-index: 7;
    animation-delay: 10s;
}
.home-banner-carousel-item:nth-child(3) {
    z-index: 6;
    animation-delay: 20s;
}
.home-banner-carousel-item:nth-child(4) {
    z-index: 5;
    animation-delay: 30s;
}
.home-banner-carousel-item:nth-child(5) {
    z-index: 4;
    animation-delay: 40s;
}
.home-banner-carousel-item:nth-child(6) {
    z-index: 3;
    animation-delay: 40s;
}
@keyframes opaqTransition {
    3% { opacity: 1; visibility: visible; }
    25% { opacity: 1;visibility: visible; }
    30% { opacity: 0; visibility: hidden; }
    100% { opacity: 0;visibility: hidden; }
}


.home-banner .sub-title {
    font-family: SVNFourth;
    font-size: 17px;
    text-shadow: 3px 3px #000;
}
.travel-main a {
    color: #fff;

}

.travel-main .custom-css a {
    color: #0d6efd !important;
}

.travel-main table {
    width: 100%;
    border-collapse: collapse;
}
.travel-main table, 
.travel-main th, 
.travel-main td {
  border: 1px solid #ddd;
}
.travel-main th,
.travel-main td {
    padding: 5px;
}
.ad-price-bracket__header {
    display: flex;
    background-color: #343757;
    justify-content: center;

    align-items: center;
    height: 125px;
}
.ad-price-bracket__header_logo {
    width: 165px;
    text-align: center;
}
.ad-price-bracket__header_logo img {
    margin: 0;
}
.ad-price-bracket__header_title {
    flex: 1;
    text-align: center;
}
.ad-price-bracket__header_title p {
    font-size: 30px;
    color: #e5c04e;
}
.ad-price-bracket__content {
    background-color: #e5c04e;
    padding: 40px;
}
.ad-price-bracket__content_wrapper {
    background-color: #fff;
    border-radius: 30px;
    padding: 40px;
}
.ad-price-bracket__content_wrapper table,
.ad-price-bracket__content_wrapper th,
.ad-price-bracket__content_wrapper td {
    border: 0;
}
.ad-price-bracket__content_wrapper table thead {
    background-color: #be0506;
}
.ad-price-bracket__content_wrapper table thead th {
    background-color: #be0506;
    color: #fff;
    text-align: center; 
}
.ad-price-bracket__content_wrapper table tbody tr {
    border-bottom: 3px solid #be0506;
}
.ad-price-bracket__content_wrapper table tbody td {
    padding: 20px 5px;
    text-align: center;
    font-weight: bold;

    vertical-align: middle;
    font-size: 14px;
}
.ad-price-bracket__content_wrapper table tbody td.quangcao-img {
    width: 20%;
    min-width: 200px;
}
.ad-price-bracket__content_wrapper table tbody td.quangcao-img img {
    margin: 0;
    width: 80%;
}
.ad-price-bracket__content_wrapper table tbody td.quangcao-text {
    color: #000000;
    min-width: 300px;
}
.ad-price-bracket__content_wrapper table tbody td.quangcao-price {
    color: #be0506;
    min-width: 85px;
}
.content-filter.expanded.filter-tinhthanh {
    max-height: 310px;
    overflow: auto;
}
/* width */
.content-filter.expanded.filter-tinhthanh::-webkit-scrollbar {
    width: 5px;
}
/* Track */
.content-filter.expanded.filter-tinhthanh::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
.content-filter.expanded.filter-tinhthanh::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.content-filter.expanded.filter-tinhthanh::-webkit-scrollbar-thumb:hover {
    background: #555;
}


/* update ui*/
.border.border-secondary {
    color:  #f05a23 !important;
}
.header__top__wrapper {
/*    padding: 23px 0 23px 30px;*/
height: 69px;
}
.header__top .logo {
    z-index: 2;
    background: rgb(50,70,150);
    background: linear-gradient(180deg, rgba(50,70,150,1) 0%, rgba(50,200,220,1) 100%);
    padding: 10px 25px;

    width: 160px;
    height: 114px;
    display: flex;
    flex-direction: column;

    justify-content: center;
    align-items: center;
}
.header__top .logo p {
    font-family: UTMBanque;
    text-transform: uppercase;
    /*    color: #51e7fc;*/
    color: #E0E5EE;
    font-size: 8px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 5px;
}
.header__top .logo p.logo__top {
    font-family: Roboto;
    color: #51e7fc;
    font-size: 8px;
    margin-bottom: 0;
}
.header__top .logo img {
    background-color: unset;
    width: 115px;
}
.header__bottom {
    background-color: #324696;
    position: relative;
    z-index: 1;
/*    margin-bottom: 24px;*/
}
.header .header__top {
    background-color: #fff;
}
.header.fixed-top {
    background-color: transparent;
}
.header.fixed-top .header__bottom {
    margin-bottom: 0;
}
.header__bottom ul li a:hover,
.header__bottom li a.active {
    color: #32c8dc;
}
.auth-ui {
    padding: 6.5px 0 !important;
}
.auth-ui.is-login img {
    height: 30px;
    width: 30px;
}
.sign-btn {
    color: #32c8dc;
    border: 2px solid #32c8dc;
    padding: 2px 15px;
}
.home-banner {
   /* margin-top: -24px;*/
/*    padding-bottom: 147px;*/
    z-index: 0;
}
.home-brand {
    background: rgb(240,90,35);
    background: linear-gradient(90deg, rgba(240,90,35,1) 0%, rgba(245,180,45,1) 100%);
}
.home-services {
    border-bottom: 7px solid #c2c3cc;
/*    padding-top: 94px;*/
}
/*.articles-title p::before {
    background-color: #f05a23 !important;
}*/
.home-brand-wrapper .description p:nth-of-type(1) {
    color: #000 !important;
}
.header-top-left .contact a,
.header-top-left .contact i {
    color: #f05a23 !important;
}
.endow-item {
    background: rgb(50,70,150);
    background: linear-gradient(180deg, rgba(50,70,150,1) 0%, rgba(50,200,220,1) 100%);
    padding-top: 90px;
}
.endow-item .endow-item__icon {
    background: rgb(240,90,35);
    background: linear-gradient(180deg, rgba(240,90,35,1) 0%, rgba(245,180,45,1) 100%);
    border-radius: 50%;
}
.endow-item.endow-item--yellow {
    background: rgb(240,90,35);
    background: linear-gradient(180deg, rgba(240,90,35,1) 0%, rgba(245,180,45,1) 100%);
}
.endow-item.endow-item--yellow .endow-item__icon {
    background: rgb(50,70,150);
    background: linear-gradient(180deg, rgba(50,70,150,1) 0%, rgba(50,200,220,1) 100%);
}
.endow-item__description__title {
    color:  #fff !important;
}

footer,
.footer {
    background-color: #f4f9ff;
}

.footer .copy-right {
    background-color: #323232 !important;
}

.footer__title,
.footer__contact .footer__contact__item i {
    color:  #f05a23;
}
.services-list {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.services-item {
    position: relative;
    height: 170px;
    border: 3px solid #f1f1f1;
    padding: 30px 0;

    border-radius: 7.5px;
    flex: unset;
    max-width: unset;
    background: transparent;

    background-repeat: no-repeat;
    background-position: center;
    background-size: 105% 105%;
}
.services-item::after {
    content: "";
    position: absolute;
    top: -3px;
    right: -3px;

    bottom: -3px;
    left: -3px;
    background-color: rgba(0, 0, 0, .3);
    z-index: -1;
}
.services-item:hover {
    border-width: 0;
    background-position: center center !important;
}
.services-item:hover:after {
    z-index: 0;
}
.services-item[data-item="diemdulich"] {
    background-image: url('/images/bg-diemdulich.png');
}
.services-item[data-item="tour"] {
    background-image: url('/images/bg-tour.png');
}
    .services-item[data-item="khu_diemdulich"] {
        background-image: url('/images/khu_diemdulich.png');
    }
.services-item[data-item="luutru"] {
    background-image: url('/images/bg-luutru.png');
}
.services-item[data-item="amthuc"] {
    background-image: url('/images/bg-amthuc.png');
}
.services-item[data-item="giaitri"] {
    background-image: url('/images/bg-giaitri.png');
}
.services-item[data-item="vedientu"] {
    background-image: url('/images/bg-vedientu.png');
}
.services-item[data-item="muasam"] {
    background-image: url('/images/bg-muasam.png');
}
    .services-item[data-item="shopping"] {
        background-image: url('/images/mua sam.png');
    }
    .services-item[data-item="transport"] {
        background-image: url('/images/van_tai_khach_du_lich.png');
    }
    .services-item[data-item="khac"] {
        background-image: url('/images/dich_vu_du_lich_khac.png');
    }
.services-item:not(:hover) {
    background-position: 1000px 1000px;
}
.services-item img {
    transition: unset;
}
.services-item a,
.services-item__name {
    position: relative;
    z-index: 0;
}
.services-item:hover .services-item__name {
    color: #fff;
}
.services-item:hover img {
    transform: unset;
    filter: brightness(0) invert(1);
}
.header .sub-title {
    text-shadow: 2px 3px #000;
}


.home-banner-btn, .home-banner-btns-mobile {
    height: 45px;
    background-color: #13bad7;
    border: 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    padding: 0 15px 0 25px;
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
    margin-right: 64px;
    position: relative;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.home-banner-btns-mobile {
    position: fixed;
    top: 122px;
    right: 7px;
    display: flex;
    flex-direction: column;
    z-index: 9;
    background-color: transparent;
    margin-right: 0px;
    transition: 0.2s;
}
.home-banner-btn:before{
    content: "";
    position: absolute;
    border: 5px solid #13bad7;
    background-color: #1f5198;
    height: 64px;
    width: 64px;
    top: -9.5px;
    left: -48px;
    border-radius: 50%;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.khampha-mobile::before, .kichcauDL2025-mobile::before, .uudai-mobile::before, .taiapp-mobile::before, .taiapp-mobile-quan-tri::before, .theviet-mobile::before, .thuonghieu-mobile::before {
    content: "";
    border: 3px solid #13bad7;
    position: absolute;
    background-color: #1f5198;
    border-radius: 50%;
    height: 58px;
    width: 58px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.khampha-mobile::before {
    top: 0;
    right: 0;
}
.taiapp-mobile::before {
    top: 62px;
    right: 0;
}
.theviet-mobile::before {
    top: 124px;
    right: 0;
}
.taiapp-mobile-quan-tri::before {
    top: 186px;
    right: 0;
}
.thuonghieu-mobile::before {
    top: 245px;
    right: 0;
}
.kichcauDL2025-mobile::before {
    top: 186px;
    right: 0;
}
.home-banner-btn.khampha::before, .khampha-mobile::before {
    background-image: url('../images/icon-banner-khampha.png');
}
.home-banner-btn.uudai::before, .uudai-mobile::before{
    background-image: url('../images/icon-banner-uudai.png');
}
.home-banner-btn.taiapp::before, .taiapp-mobile::before, .taiapp-mobile-quan-tri::before {
    background-image: url('../images/icon-banner-taiapp.png');
}
.home-banner-btn.theviet::before, .theviet-mobile::before {
    background-image: url('../images/the-viet.png');
}
.home-banner-btn.kichcauDL2025::before, .kichcauDL2025-mobile::before {
    background-image: url('../images/v-logo-kichcauDL2025-no-text.png');
    background-position-y: 8px;
    background-size: 80% 80%;
}
.thuonghieu-mobile::before {
    background-image: url('../images/icon.png');
    border: none;
    background-color: transparent;
}
/*.home-banner-btn:hover,
.home-banner-btn.active {
    background-color: #e5c04e;
}*/

/*.home-banner-btn:hover:before,
.home-banner-btn.active:before {
    border-color: #ccac50;
}*/
.home-banner-btns {
    display: none;
    padding-left: 48px;
}
.form-search {
/*    margin-top: 25px;*/
    position: absolute !important;
    left: 0;
    right: 0;
}
.form-search .tab-control {
    text-shadow: 2px 2px #000;
}
.form-search .search-btn {
    background-color: #f05724;
}

button.search-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 55px;
}

.home-app {
    background: rgb(50,70,150);
    background: linear-gradient(0deg, rgba(50,70,150,1) 0%, rgba(50,200,220,1) 100%);
    padding: 30px 0;
    display: grid;

    grid-template-columns: 1fr 1fr;
    grid-gap:  25px;
}
.home-app img {
    cursor: pointer;
}

#list-dich-vu .travel-it-flex {
    display: flex;
    flex-direction: row;
}
#list-dich-vu .travel-it .travel-feature {
    position: relative;
    top: 0 !important;
    left: 0 !important;
}

.travel-feature-group {
    display:flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
}

.travel-feature-group-position a {
    color: #335096;
}


.travel-feature-group img, .travel-feature-group-position img {
    width: 60px;
}

.travel-feature-group h3, .travel-feature-group-position h3 {
    margin-bottom: 0;
    padding-right: 2px;
    font-size: 22px;
}

#list-dich-vu .travel-it .travel-feature a img {
    width: 100%;
    height: 200px;
}
#list-dich-vu .travel-it .travel-feature .travel-feature-info {
/*    margin-top: 15px;*/
    padding: 0 15px;
}

#list-dich-vu .travel-it .travel-feature .travel-feature-info p {
    
/*    padding: 5px 0;*/
}
#list-dich-vu .travel-it .travel-feature .travel-feature-info i {
    margin-right: 10px;
}
#list-dich-vu .travel-it .travel-feature .travel-feature-info .travel-email {
    margin-right: 0;
}
.travel-email, .travel-website {
    display: flex;
    max-width: 250px;
    word-break: break-word;
    align-items: baseline;
}

#list-dich-vu .travel-it .travel-feature .travel-feature-info h6{
    margin-top: 15px;
}
#list-dich-vu .travel-it .travel-info {
    flex-grow: 1;
}

/*.travel-label {
    position: absolute;
    top: 8px;
    right: 8px;
}*/

#list-dich-vu .travel-it .travel-info .dropdown {
    margin-top: 13px;
}
.home-brand {
    left: 0;
    right: 0;
    bottom: -100%;

    z-index: 1000;
    transition: .3s;
}
.home-brand.fixed {
    position: fixed;
    bottom: 0;
}
.travel-main a:not([href]) {
    color: #0a58ca !important;
    cursor: pointer;
}
.travel-icon {
    width: 13px !important;
    height: 16px !important;
    object-fit: cover !important;
    margin-right: 10px;
}

/*style for lienhe.cshtml*/
.vContact {
    background-color: #339dc5;
    padding: 20px;
    margin-bottom:30px;
    border-radius: 5px;
}

.vContact__contact {
    text-align: center;
}

.vContact__contact--name {
    font-size: 18px;
}

.vContact__contact--center {
    font-weight: 600;
    font-size: 20px;
}

.vContact__contact--address {
    font-size: 16px;
}

.vContact__contact--icon i {
    color: #1f4f97;
    font-size: 35px;
}

.vContact__contact--nameIcon {
    padding-bottom: 15px;
}

.vContact__contact--nameIcon a {
    color: #fff;
}

.vContact__contact--nameIcon a:hover {
    text-decoration: none;
}

.vContact__contact h1 {
    color: #fff;
}

.vContact__form input,
.vContact__form textarea {
    width: 100%;
    border-radius: 5px;
    border: none;
    padding-left: 10px;
}

.vContact__form input:focus, .vContact__form input:active,
.vContact__form textarea:focus,
.vContact__form textarea:active {
    outline: none;
}

.vContact__form input {
    height: 40px;
    
}

.vContact__form--input {
    margin-bottom: 15px;
}

.vContact__form textarea {
    height: 204px;
}

.vContact__form button {
    border: none;
    border-radius: 5px;
    background-color: #1f4f97;
    color: #fff;

    padding: 10px 30px;
    cursor: pointer;
    margin-top: 20px;
    width: 100%;
}

.vContact__group {
    padding-top: 20px;
}

.vContact__button {
    width: 100%;
    text-align:start;
}

label.error {
    color: #be0506;
    font-size: 15px;
}

.v-desktop {
    display: none !important;
    margin-top: 0;
}
.v-mobile {
    margin-bottom: 7px;
}
.v-mobile img {
    width: 60px;
    margin-left: 5px;
}
.v-mobile a, .v-desktop a {
    color: #335096;
    font-weight: 600;
    font-size: 18px
}

.v-result-search {
    color: #084EA5;
    font-weight: 700;
    font-size: 14px;

    margin-left: 5px;
    min-width: 81px;
}
.wrap-content {
    
    height: auto;
}
.travel-info-v, .travel-info-luutru-mobile, .travel-info-diem-den, .travel-info-tin-tuc {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-top: 25px;
    text-align: justify;
}
.diem-den-info-desktop {
    display: none;
}


.ticket-trafic-width {
    width: 100%;
}
.ticket {
    display: flex !important;
    padding: 0;
    margin-top: 0;
}


.popUp {
    background-color: #fff;
    border-radius: 5px;
    padding: 15px;
    display: none;

    width: 270px;
    position: absolute;
    top: 145px;
    left: 50%;

    transform: translateX(-50%);
    font-size: 18px;
    box-shadow: 0 0 10px 0;
    align-items: center;
    flex-direction: column;
}

.popUp button {
    border: none;
    border-radius: 5px;
    background-color: #1f4f97;
    color: #fff;

    padding: 10px 20px;
    cursor: pointer;
    margin-top: 20px;
    width: 100%;
}

.popUp i {
    font-size: 50px;
    color: #0d8102;
    padding-bottom: 10px;
}

.popUp-text {
    text-align: justify;
}

.border-top {
    border-top: none !important;
}

.page-link {
    padding: 2px 7px;
}
.page-link {
    color: #000 !important;
}
.active .page-link {
    color: #fff !important;
    background: #2B5CB2 !important;
}
/*.form-travel-group input.v-border-left {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    
}*/
.width-email {
    max-width: calc(100% - 130px);
}
.form-travel-group input#account, .form-travel-group input#accountCheck, .form-travel-group input#password, .form-travel-group input#password-email, #check-dang-ky, #password-dang-ky, #re-password-dang-ky {
    border-radius: 5px !important;
    border: 1px solid #969696;
}
.form-travel-group input#account-email {
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    width: calc( 100% - 137px );
}


.form-travel-group .input-group {
    display: inline-block;
}

.form-login-mail, .form-login-account {
    position: relative;
}
.form-login-mail {
    cursor: pointer;
    transition: 0.3s;
}

.form-login-mail i, .form-login-account i {
    position: absolute;
    top: 50%;
    left: 9px;
    transform: translateY(-50%);

    background-color: #fff;
    padding: 5px;
    border-radius: 50%;
}

.form-login-mail-content,.form-login-account-content {
    font-size: 14px;
    border-radius: 27px;
    padding: 8px 0;
    text-align: center;

    margin-bottom: 15px;
}
.form-login-mail-content, .form-login-account-content {
    background-color: #e5c04e;
    display: flex;
    align-items: center;
    padding-left: 10px;
    color: #fff;
}

/*.form-login-mail:hover p, .form-login-account:hover .form-login-account-content p {

    color: #fff;
}*/
/*.form-login-mail:hover .form-login-mail-content, .form-login-account:hover .form-login-account-content {
    background-color: #324696;
}*/
.login-active {
    background-color: #304995 !important;
}
    .login-active p {
        color: #fff !important;
    }
/*.form-login-mail i.fa-envelope, .form-login-account-content i.fa-user-alt {
    transition: 0.3s;
}
.form-login-mail:hover i.fa-envelope, .form-login-account:hover i.fa-user-alt {
    color: #324696;
}*/

.form-login-account {
    cursor: pointer;
}

.form-login-mail-content p, .form-login-account-content p {
    color: #000;
    margin-bottom: 0;
    transition: 0.3s;
}


/*.form-login-account-content p {
    margin-bottom: 0;
    transition: 0.3s;
}*/


.form-login-mail-content p, .form-login-account-content p {
    margin-left: 10px;
    font-size: 13px;
    font-weight: 600;
}

.form-login-dropdown{
    position: relative;
}


.v-rate-btn {
    cursor: pointer;
    font-size: 14px;
    line-height: 1.1875;
    background: #FB9A35;
    border-radius: 3px;
    text-transform: uppercase;
    border-radius: 25px;
}
a.v-rate-btn {
    color: #fff;
}
.drop-email {
    display: block;
}

.choose-email{
    position: relative;
}
.choose-email select {
    margin-right: 8px;
    background-color: transparent;
}

.choose-email-list {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    background-color: #fff;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}
.choose-email-item {
    width: max-content !important;
    cursor: pointer;
    padding-left: 0 !important;

    -moz-appearance: auto;
    -webkit-appearance: auto;
    appearance: auto;
}
.show-email-line {
    height: 30px;
    width: 2px;
    background-color: #d6d6d6;
    margin-left: 5px;
    margin-right: 2px;
}
#form-login {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    max-width: 393px;
/*    min-height: 326px;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.form-travel-login-group {
/*    padding: 0 15px;*/
    left: 50%;
    transform: translateX(-50%);
    max-width: 393px;
    position: relative;
}
.accept-login {
    padding-top: 10px;
}

.choose-account-list {
    position: relative;
    top: 0;
    left: 0;
    background-color: #fff;
    width: calc(100% + 20px);
    height: auto;
    border-radius: 5px;
    max-height: 270px;
    overflow: auto;
    display: none;
    z-index: 140;
    margin: 0 -10px;
}
.choose-account-list .v-choose-dd {
    transition: 0.3s;
    cursor: pointer;
    border: none;
    padding: 5px 10px;
    width: 100%
}
.choose-account-list .v-choose-dd:hover {
    background-color: #e5c04e;
}
.l-mail-hover {
    position: absolute;
    top: -13px;
    left: 0;
    background: #13bad7;
    width: 4px;
    height: 60%;
    border-radius: 8px;
    transform: translateY(-50%);
    transition: 0.3s;
}

.choose-account-list .v-choose-dd:hover .v-choose-dd-hover {
    top: 50%;
}

#form-login-email {
    display: none;
}

.image-style-align-center {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}
.image-style-align-left {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.image-style-align-right {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}

@media (min-width: 425px) {
    .popUp {
        width: 340px;
    }
}

@media (min-width: 576px) {
    .vContact__contact {
        text-align: end;
    }
}

@media (min-width: 1025px) {
    .vContact {
        padding: 50px;
        margin-bottom: 70px;
    }

    .vContact__form button {
        width: auto;
    }

    .vContact__contact {
        padding: 0 50px;
    }
}
/*# sourceMappingURL=style.css.map */


.l-mail {
    position: absolute;
    top: 42px;
    left: 0;
    background-color: #fff;
    z-index: 3;
    min-width: 130px;
    border-radius: 5px;
    overflow: hidden;
    display: none;
}
.l-mail-list {
    position: relative;
    overflow: hidden;
}
.l-mail-list:hover .l-mail-hover {
    top: 50%;
}
.l-mail-list:hover {
    background-color: #f5f5f5;
}
.l-mail-list {
    cursor: pointer;
    padding: 5px 0 5px 11px;
}
.show-list-email {
    position: absolute;
    top: 1px;
    right: 1px;
}
.v-flex {
    display: flex;
    align-items:center;
    flex-wrap: wrap;
    position: relative;
}
.show-email {
    background-color: #fff;
    height: 50px;
    border-top-right-radius: 27px;
    border-bottom-right-radius: 27px;

    line-height: 50px;
    display: flex;
    align-items: center;
    min-width: 130px;

    position: relative;
    
    cursor: pointer;
}
.show-email i.fa-sort-down {
        position: absolute;
        right: 5px;
        height: 20px;
        width: 10px;
        transition: 0.3s;
}
.v-image-group{
    position: relative;
}
.travel-feature img.saleOff {
    height: 60px;
    width: 60px;
    
}
.saleCount {
    position: absolute;
    top: 0;
    right: 0;
}
.saleCount p {
    position: absolute;
    top: 0;
    left: 50%;
    color: red;

    font-weight: 600;
    font-size: 20px;
    transform: translateX(-50%);
}

.show-account-error {
    background-color: #fff;
    box-shadow: 0 0 10px 0;
    border-radius: 20px;
    position: absolute;
    top: 10%;
    left: 50%;
    display: flex;
    flex-direction: column;
    font-size: 18px;
    text-align: center;
    transform: translateX(-50%);
    min-width: 264px;
    display: none;
    z-index: 3;
}

.show-account-error .account-again {
    border: none;
    padding: 15px;
    background-color: #f0f0f0;
    border-top: 1px solid #cfcfcf;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    height: 60px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    cursor: pointer;
    transition: 0.3s;
}
.show-account-error .account-again:hover {
    background-color: #000;
    color: #fff;
}

.show-account-error p {
    padding: 10px;
}


.dialog .close-btn + .row::-webkit-scrollbar{
    display: none;
}
/*.dialog-feedback-wrapper::-webkit-scrollbar {
    display: block !important;
}*/

/*.stop-scolls {
    height: calc(100vh - 230px);
height: 100%;
    overflow: hidden !important;
}*/
/*.stop-scolls .col-md-6:first-child {
    height: 100%;
}*/
.hook{
    height: auto !important;
/*    overflow-y: scroll;
    overflow-x: hidden;*/
}
.hook100 {
    height: 100% !important;
}

.fix-scolls{
 height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}
.fix-scolls::-webkit-scrollbar{
    display: none;
}
.dialog .close-btn + .row {
    height: calc(100svh - 148px);
        overflow: scroll;
/*    min-height: 451px;*/
/*    height: 528px !important;*/
}
.show-account-error-text {
    margin: 15px;
}
.error-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #dfdfe4;
    display: none;
    z-index: 2;
}
.fa-facebook-f:before {
    content: "\f39e" !important;
}
.home-feedback-modify .container {
    border: 1px solid #a0a0a0;
    padding: 10px 10px 0 10px;
    border-radius: 7px;
}
.home-feedback-modify {
    margin-bottom: 20px;
    padding: 15px;
}


.home-feedback-modify__body--person {
    /*    border-top: 1px solid #b4b4b4;*/
    margin-top: 30px;
}

.home-feedback-modify__body--status {
    margin: 30px 0;
}

.home-feedback-modify__comment {
    border: 1px solid #b4b4b4;
    border-radius: 5px;
    position: relative;
}

.home-feedback-modify__body--checkbox {
    margin: 15px 0;
    cursor: pointer;
}

    .home-feedback-modify__body--checkbox label {
        cursor: pointer;
    }

.home-feedback-modify__comment textarea {
    border: none;
    min-height: 135px;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #b4b4b4;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.home-feedback-modify__image {
    color: #2f80ed;
    cursor: pointer;
    padding: 10px;
}

.up-image {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.home-feedback-modify__image i {
    /*    margin-right: 10px;*/
    font-size: 20px;
}

.home-feedback-modify__btn {
    border-radius: 5px;
    border: none;
    padding: 5px 15px;
    background-color: #0c3660;
    font-weight: 500;
    transition: 0.3s;
    color: #fff;
}



.home-feedback-modify__header {
    text-align: center;
}

.home-feedback-modify__s {
    display: block;
    justify-content: center;
    margin: 20px 0;
}

.home-feedback-modify__s p {
    margin-bottom: 0;
}

.br-theme-fontawesome-stars .br-widget a {
    margin-right: 9px;
    font-size: 25px;
}
a[data-rating-text="5"] {
    margin-right: 0 !important;
}

.home-feedback-modify__textarea {
    width: 100%;
    min-height: 135px;
    border: none;
    padding: 10px;
}

.home-feedback-modify__star {
    margin: 10px;
}

.home-feedback-modify__btn {
    padding: 10px 30px;
}

.home-feedback-modify__body--point {
    display: flex;
    align-items: center;
}

.home-feedback-modify__body--score {
    border-radius: 5px;
    color: #e5c04e;
    font-weight: 600;
    border: 1px solid #b4b4b4;
    padding: 5px;
    margin-right: 10px;
    height: 48px;
    width: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

.home-feedback-modify__body--search {
    position: relative;
    width: 100%;
}

    .home-feedback-modify__body--search input {
        width: 100%;
        border-radius: 20px;
        min-height: 40px;
        padding-left: 34px;
        border: 1px solid #b4b4b4;
    }

    .home-feedback-modify__body--search i {
        position: absolute;
        top: 50%;
        left: 12px;
        font-size: 18px;
        transform: translateY(-50%);
        color: #b4b4b4;
    }

.home-feedback-modify__body--ms, .home-feedback-modify__body--date {
    display: flex;
    margin: 5px 0;
}

    .home-feedback-modify__body--ms i, .home-feedback-modify__body--date i {
        color: #e5c04e;
        padding-right: 7px;
    }

.home-feedback-modify__body--star, .home-feedback-modify__body--comment {
    margin: 5px 0;
}

.home-feedback-modify__body--dvcc-conttent {
    width: fit-content;
    border: 1px solid #b4b4b4;
    padding: 5px;
    border-radius: 5px;
    background-color: #f4fbff;
}

.answer-hide {
 display: none;
    margin-top: 10px;
}

#triangle-top {
    position: absolute;
    top: 0;
    left: 14px;
    width: 0;
    height: 0;
    border-left: 10px solid #f4fbff;
    border-right: 10px solid #f4fbff;
    border-bottom: 13px solid #f4fbff;
}

.home-feedback-modify__body--item {
    border-top: 1px solid #b4b4b4;
    padding: 15px 0;
}

#feedback-img {
    display: flex;
}

.images-comment img {
    width: 100%;
    object-fit: cover;
}

.img-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.img-btn i {
    color: red;
}

.btn-assess {
    cursor: pointer;
    padding-left: 7px;
}
.img-btn img {
    height: 100px;
    object-fit: cover;
}
.img-btn video {
    width: 100%;
    height: 100px;
    object-fit: cover;
}
.render-stars {
    display: flex;
}
.render-stars i {
    color: #EDB867;
    font-size: 21px;
    margin-right: 3px;
}
.list-image-feedback img {
    height: 100px;
    object-fit: cover;
    width: 100%;
    cursor: pointer;
}
.list-image-feedback video {
    width: 120px;
    height: 100px;
    object-fit: cover;
}
.pagination-v, .pagination-v-search, .pagination-v-filter, .pagination-v-filter-ms, .pagination-v-search-ft {
    display: flex;
    justify-content: center;
}
.page-active {
    background-color: #00219a !important;
    color: #fff;
    transition: 0.3s;
}
.pagination-v button.pagination-prev, .pagination-v button.pagination-next, .pagination-v button.pagination-top, .pagination-v button.pagination-end {
    display: flex;
    align-items: center;
    background-color: #000;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    justify-content: center;
    margin: 0 3px;
}
.pagination-v-search button.pagination-prev-search, .pagination-v-search button.pagination-next-search, .pagination-v-search button.pagination-top-search, .pagination-v-search button.pagination-end-search,
.pagination-v-search-ft button.pagination-prev-search-ft, .pagination-v-search-ft button.pagination-next-search-ft, .pagination-v-search-ft button.pagination-top-search-ft, .pagination-v-search-ft button.pagination-end-search-ft,
.pagination-v-filter button.pagination-prev-filter, .pagination-v-filter button.pagination-next-filter, .pagination-v-filter button.pagination-top-filter, .pagination-v-filter button.pagination-end-filter,
.pagination-v-filter-ms button.pagination-prev-filter-ms, .pagination-v-filter-ms button.pagination-next-filter-ms, .pagination-v-filter-ms button.pagination-top-filter-ms, .pagination-v-filter-ms button.pagination-end-filter-ms {
    display: flex;
    align-items: center;
    background-color: #000;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    justify-content: center;
    margin: 0 3px;
}

.pagination-v button, .pagination-v-search button, .pagination-v-search-ft button, .pagination-v-filter button, .pagination-v-filter-ms button {
    border: none;
    padding: 0 10px;
    background-color: transparent;
    font-size: 20px;
    border-radius: 5px;
}
.pagination-list button {
    width: 30px;
/*    line-height: initial;*/
}
.pagination-list-search button, .pagination-list-search-ft button, .pagination-list-filter button, .pagination-list-filter-ms button {
    width: 30px;
    /*    line-height: initial;*/
}

.pagination-top i, .pagination-end i, .pagination-prev i, .pagination-next i, .pagination-prev-search i, .pagination-next-search i, .pagination-prev-filter i, .pagination-next-filter i, .pagination-prev-filter-ms i, .pagination-next-filter-ms i, .pagination-prev-search-ft i, .pagination-next-search-ft i {
    font-size: 25px;
    color: #fff;
}

.pagination-wrap {
    position: relative;
    max-width: 120px;
    min-width: 30px;
    overflow: hidden;
    width: 100%;
}
.pagination-list, .pagination-list-search, .pagination-list-filter, .pagination-list-filter-ms, .pagination-list-search-ft {
    position: absolute;
    display: flex;
}

.pagination-dots {
    position: absolute;
    right: 0;
    bottom: -4px;
    z-index: 1;
    display: none;
}
.show-map-chi-tiet {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(57,63,80,.9);
    z-index: 1000001;
    width: 100%;
    height: 100%;
    padding: 20px;
    display: none;
}

#mapChiTiet {
    width: 100%;
    height: calc(100% - 60px);
}
#close-map {
    cursor: pointer;
}

#close-map i {
    font-size: 25px;
    color: #fff;
    font-weight: 400;
}
.show-img-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(57,63,80,.9);
    z-index: 1000000;
    width: 100%;
    height: 100%;
    display: none;
}
.show-img {
/*    display: flex;*/
    justify-content: center;
    align-items: center;
    margin: auto;
    position: relative;
/*    height: auto;*/
    padding: 15px;
    width: 100%;
/*    height: calc(100vh - 260px);*/
}
.show-img .close-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 25px;
    height: 25px;
    background-color: #fff;
    border-radius: 100%;
    text-align: center;
    cursor: pointer;
    z-index: 10;
}
span i.fa-horizontal-rule {
    transform: rotate( 90deg );
    padding-right: 0;
    color: #c5c5c5;
}
.send-answer-img img, .answer-auth div {
    cursor: pointer;
}


.answer-hide-content {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.answer-content {
    width: 100%;
    height: 40px;
    border-radius: 20px;
/*    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;*/
    border: 1px solid #b4b4b4;
    border-bottom: 1px solid #b4b4b4;
    border-right: 1px solid #b4b4b4;
    border-left: 1px solid #b4b4b4;
    border-top: 1px solid #b4b4b4;

    padding-left: 10px;
   
    padding-right: 40px;
}
.group-feedback-btn {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 40px;
 background-color: #fff;
    border-bottom: 1px solid #b4b4b4;
    border-left: none;
    border-right: 1px solid #b4b4b4;
    border-top: 1px solid #b4b4b4;
    display: flex;
    justify-content: space-around;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    height: 40px;
    z-index: 99;
}
.group-feedback-btn div {
    border: none;
    background-color: transparent;
    color: #298bde;
    
}
    .group-feedback-btn .send-answer {
        padding: 0 3px;
        display: flex;
        align-items: center;
    }
.send-answer-img {
    width: 34px;
    border-radius: 17px;
    display: flex;
    height: 34px;
    align-items: center;
    justify-content: center;
    position: relative;
}
    .send-answer-img::after {
        position: absolute;
        z-index: 1;
        content: "";
        height: inherit;
        width: inherit;
        border-radius: inherit;
        background: rgba(230,230,230, 0.8) !important;
        transform: scale(0);
        transition: all 0.3s ease-in-out;
        opacity: 0;
    }
    .send-answer-img:hover::after {
        opacity: 1;
        transform: scale(1);
    }
    .send-answer img {
        height: 20px;
        position: absolute;
        z-index: 2;
        left: 9px;
    }
button.send-answer {
    border: none;
    background-color: transparent;
    color: #298bde;
}

.error-not-comment{
    border: 1px solid #ffa3a3;
    background-color: #fff8f8;
    border-radius: 10px;
    padding: 5px;
    width: fit-content;
}
.popup-update-name-user__error {
    color: red;
}
.feedback-content-answer {
    display: none;
}
.feedback-content-answer div {
    border: 1px solid #c0d1ff;
    background-color: #f7faff;
    border-radius: 10px;
    padding: 5px;
    width: fit-content;
    margin: 5px 0;
}
.time-feedback-header {
    display: flex;
    padding: 0 !important;
}
.time-feedback-item, .time-feedback-header {
    border: none !important;
    background-color: transparent !important;
    margin: 0 !important;
}
.p-name, .p-time {
    border: none !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}
.feedback-content-answer div.time-feedback {
    border: none;
    background-color: transparent;
    font-size: 14px;
    padding: 0;
}
.video-icon {
    position: relative;
    width: fit-content;
    cursor: pointer;
}
    .video-icon img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 40px;
        width: 40px;

    }
.answer-auth {
/*    background-color: #467b00;*/
    padding: 2px 5px;
    border-radius: 5px;
    color: #505050;
    width: fit-content;
}

    .answer-auth span {
        padding-right: 5px;
    }

    .otp-peoplecode {
        background-color: #fff;
        border-radius: 7px;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 10002;
        min-width: 274px;
    }
.otp-content {
    padding: 5px;
}

.otp-btn {
    display: flex;
    justify-content: center;
}
.otp-btn div {
    width: 50%;
    border-top: 1px solid #dedede;
    padding: 10px;
    transition: 0.3s;
    cursor: pointer;
}
.otp-btn div:hover {
    background-color: #F5F5F5;
}

.otp-btn .otp-cancle {
    border-right: 1px solid #dedede;
    border-bottom-left-radius: 7px;
}
.otp-btn .otp-send { 
    border-bottom-right-radius: 7px;
}
.otp-btn .otp-send i{
    margin-right: 5px;
}

.tab-list {
    display: flex;
    justify-content: space-evenly;
    list-style: none;
}
    .tab-list li.active p::before{
        background-color: #f05a23;
    }

.tabs .tab-panel {
    display: none;
}
.tabs .tab-panel.active {
    display: block;
}
.show-img-content video {
    height: 100%;
    width: 100%;
}
.popup-signin, .popup-update-name-user {
    position: fixed;
    top: 250px;
    left: 50%;
    height: auto;
    display: none;
    z-index: 10001;
    background-color: #fff;
    transform: translate(-50%, 0);
    min-width: 290px;
    text-align: center;
    border: 1px solid #8a8a8a;
    border-radius: 7px;
    box-shadow: 0px 0px 5px 0px;
}
.popup-update-name-user{
    padding: 15px;
}
.popup-update-name-user__title {
    font-size: 30px;
}

.popup-update-name-user input {
    width: 100%;
    border-radius: 20px;
    height: 40px;
    padding-left: 10px;
    border: 1px solid #a7a7a7;
}
    .popup-update-name-user button {
        width: auto;
        border-radius: 7px;
        padding: 5px 10px;
        border: none;
        margin-top: 15px;
    }
.popup__content {
    border-bottom: 1px solid #8a8a8a;
    padding: 15px;
}
.popup__btn {
    padding: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    transition: 0.3s;
    cursor: pointer;
}
.popup__btn:hover {
    background-color: #ececec;
}
.popup-update-name-user__content {
    padding: 15px;
}
/*.answer-click {
    display: none;
}*/
.carousel-control-prev, .carousel-control-next {
    display: none;
    width: 5%;
    height: fit-content;
    top: 50%;
    transform: translateY(-50%);
}
.accept-login label, .accept-login input, .accept-dang-ky label, .accept-dang-ky input {
    cursor: pointer;
}
#date_phan_hoi {
    border-radius: unset;
    padding-left: 40px;
    border: none;
    height: 38px;
}
input:focus {
    outline: none !important;
}
.form-control:focus {
    box-shadow: none;
}

td {
    vertical-align: middle;
}
td.td-center {
    text-align: center;
}
.popup-update-name-group-btn button {
    margin: 15px 15px 0;
}
.date-icon {
    color: #be0506;
    font-size: 20px;
    cursor: pointer;
    transition: 0.3s;
    position: absolute;
    top: 5px;
    right: 10px;
}

.mask-body {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    background: rgba(0,0,0,.4);
    display: none;
}
.not-found-html {
    text-align: center;
    padding: 20px;
    font-size: 18px;
}
.error-empty-search {
    position: absolute;
    color: red;
    left: 0;
    bottom: 0;
}
.otp-title {
    font-size: 20px;
    border-bottom: 1px solid #dedede;
    padding: 10px;
}
.calendar-group {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid #ced4da;
}
.calendar-icon {
    position: absolute;
    top: 5px;
    left: 13px;
    font-size: 20px;
    color: #ababab;
}
#dvcc {
    margin-right: 5px;
    cursor: pointer;
}
.score-modify {
    text-align: center;
}
.render-item {
    display: block;
    /*align-items: center;
    justify-content: space-between;*/
}
.filter-evaluates {
    background-color: #e5c04e;
    border-radius: 20px;
    padding:1px 7px;
    width: fit-content;
    transition: 0.3s;
    display: none;
}


.v-choose-dd-container {
    min-width: 80px;
}
.v-choose-dd-style {
    background-color: #e5c04e !important;
    border-radius: 20px;
    padding: 3px 5px !important;
    width: fit-content;
    font-size: 15px;
    min-width: 70px;
    text-align: center;
}
.v-choose-dd-name {
    min-width: calc(100% - 80px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mask-list-email {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #dfdfe4;
    z-index: 1;
    height: 100%;
    width: 100%;
}
.choose-account-text {
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid #dcdcdc;
}
.loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 35px;
}
.loading i {
    animation: spin 2s linear infinite;
}
.filter-item {
    display: flex;
    flex-direction: column;
}
.md-checkbox {
    display: inline-flex;
    align-items: baseline;
    width: 100%;
}

#loai_nhom_phan_hoi, #nhom_phan_hoi_select {
    cursor: pointer;
}
.mobile-nav i {
    cursor: pointer;
}
#alert-login {
    text-align:center;
}
.expand-content, .short-content {
    text-align: end;
    cursor: pointer;
}
.icon-zalo {
    color: #fff;
    font-weight: 600;
    font-size: 12px;
}
.icon-zalo:hover {
    color: #017cc2
}
.out-card {
    color: #304995;
    cursor: pointer;
}
#tong-dai {
    height: 100%;
    overflow-x: hidden;
}
#tong-dai::-webkit-scrollbar {
    width: 0px;
}
#tong-dai p {
    color: #1F4F97;
    font-weight: 600;
    font-size: 18px;
    text-align: start;
}
.tong-dai {
    margin: 15px 0;
}
.tong-dai, .tong-dai-phone {
    display: flex;
    align-items: center;
}
.tong-dai-phone {
    border: 1px solid #44BACC;
    border-radius: 16px;
    padding: 0 10px;
    font-size: 13px;

    color: red;
    margin-left: 5px;
    line-height: 17px;
    min-width: 104px;
}
.tong-dai-phone i {
    padding-right: 7px;
}
.tong-dai-phone a {
    color: red;
}
.tong-dai-phone a:hover {
    color: red;
}
.img-the-viet {
    border-radius: 12px;
   /* box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.37);*/
}
.articles-title-p {
    font-size: 20px;
    border-bottom: 3px solid red;
}
.home-brand-mobile {
    background: linear-gradient(90deg, rgba(240,90,35,1) 0%, rgba(245,180,45,1) 100%);
    height: 61px;
    display: flex;
    align-items: center;
    position:absolute;
    z-index: 1;
}
.description1 {
    font-weight: 600;
    font-size: 10px;
    margin-right: 54px;
    text-align: center;
}
.description2 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    margin-right: 54px;
    font-size: 12px;
}
#find-mobile {
    position: absolute;
    right: 19px;
    top: 9px;
    background: #13BAD7;
    padding: 10px;
    border-radius: 30px;
    z-index: 0;
    width: 115px;
    font-size: 14px;
}
.search-desktop {
    display: none;
}
.banner-title {
    width: 84%;
}
.right145 {
    right: -145px;
}
.close-search {
    position: absolute;
    right: 24px;
    top: 5px;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
}
#zalo-web {
    display: none;
}
#zalo-mobile a {
    font-size: 20px;
}
.group-lang {
    display: none;
    align-items: center;
}
.group-lang i {
    color: #787878;
}
.header-lang a:hover {
    color: red;
}
.header-lang a {
    color: red;
}
.header-lang a.dropdown-item {
    color: #000;
}
.header-lang .dropdown-toggle::after {
    color: #BE0506;
}
.travel-hoa {
    height: auto !important;
    margin-top: 20px;
}
.info-desktop {
    display: none;
}
.travel-info-v {
    display: none;
}
.travel-row i {
    margin-right: 5px;
}
.travel-row p {
    font-size: 13px;
    margin-bottom: 0;
}
.xem-them {
    border-radius: 16px;
    border: 1px solid #dcdcdc;
    padding: 0px 10px;
    font-size: 13px;
    width: fit-content;
    margin-top: 10px;
}
.xem-them i {
    margin-left: 5px;
}
.info-mobile {
    margin-top: 23px;
}

.travel-main .dropdown a {
    display: block;
/*    margin: auto;*/
    text-align: start;
    position: relative;
    width: 100%;
    height: 37px;
    line-height: 37px !important;
    text-indent: 6px;
}

.travel-main .dropdown a:after {
    content: "\f138";
    position: absolute;
    font-family: 'Font Awesome 5 Pro';
    font-size: 21px;
    right: 10px;
}
.travel-it .slick-prev {
    left: 0;
}
.travel-it .slick-prev:before {
    content: "\f053";
}
.travel-it .slick-next:before {
    content: "\f054";
}
.travel-it .slick-next {
    right: 0;
}
.travel-it .slick-prev:before, .travel-it .slick-next:before {
    color: #C8C8C8;
    font-size: 13px;
    font-family: 'Font Awesome 5 Pro';
}
.tour-slider {
    margin: 17px -15px 30px -15px;
    border-top: 1px solid #C8C8C8;
    border-bottom: 1px solid #C8C8C8;
}
.non-flex {
    display: block !important;
}
.luutru-desktop {
    display: none;
}
.luutru-mobile .travel-group-rate-btn, .amthuc-mobile .travel-group-rate-btn {
    display: flex;
    justify-content: end;
}
.luutru-mobile .travel-group-rate-btn a, .amthuc-mobile .travel-group-rate-btn a {
    width: 155px;
}
.luutru-mobile .dropbtn, .amthuc-mobile .dropbtn {
    margin-top: 0 !important;
    margin-left: 20px
}
.xem-them-luutru {
    display: flex;
    justify-content: end;
}
.xem-them-luutru .xem-them {
    padding: 5px 10px;
    margin-bottom: 15px;
}

.services-icon {
    width: 35px !important;
    margin: 5px 5px 0px 0px;
}
.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #008bc4;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
}
.luutru-icon-slide {
    margin-top: 20px;
}
.travel-row-desktop {
    display: none;
}
.travel-desktop-btn {
    margin-top: 27px;
    display: flex;
}
.travel-desktop-btn a {
    position: relative;
    width: 155px;
    height: 37px;
    line-height: 37px !important;
    color: #fff !important;
    text-indent: 36px;
}
.travel-desktop-btn a:after {
    content: "\f138";
    position: absolute;
    font-family: 'Font Awesome 5 Pro';
    font-size: 21px;
    right: 10px;
}
.travel-desktop-btn .dropbtn {
    margin-top: 0 !important;
    margin-left: 20px;
}

.dia-chi-amthuc {
    display: none;
    justify-content: space-between;
}
.dia-chi-amthuc .travel-desktop-btn {
    flex-direction: column;
}
.dia-chi-amthuc .travel-desktop-btn .dropbtn {
    margin-left: 0;
    margin-top: 12px !important;
}
.amthuc-slider, .giaitri-slider {
    margin: 17px 0px 30px 0px;
/*    border-top: 1px solid #C8C8C8;*/
    border-bottom: 1px solid #C8C8C8;
}
.travel-it-desktop {
    margin-top: 13px;
}
.travel-it-item {
    margin-bottom: 16px;
}
.travel-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.travel-group-btn {
    display: flex;
}
.travel-group-btn a {
    color: #1F4F97;
}
.travel-group-btn i, .travel-group-btn .zalo-btn{
    height: 35px;
    width: 35px;
    border-radius: 30px;
    border: 1px solid;
    display: flex;
    justify-content: center;
    align-items: center;
}
.travel-group-btn .zalo-btn{
    font-weight: 600;
    margin-left: 10px;
}
.uu-dai {
    display: flex;
    margin-top: 15px;
}
.gia-tien, .bao-hiem, .giam-gia-tien-dich-vu, .be-boi, .massage, .giam-gia-tien-the-du-lich {
    border-radius: 5px;
    padding: 5px 10px;
    color: #fff;
    font-size: 13px;
    margin-right: 5px;
}
.gia-tien {
    background-color: #BD0504;
}
.bao-hiem, .be-boi, .giam-gia-tien-the-du-lich {
    background-color: #FF7B00;
}
.giam-gia-tien-dich-vu, .massage {
    background-color: #67AF56;
}

.chi-tiet-tour-btn, .chi-tiet-btn {
    text-align: center;
}
.chi-tiet-tour-btn a, .chi-tiet-btn a, .chi-tiet-tour-btn .bok-tour, .bok-dichvu {
    cursor: pointer;
    font-size: 14px;
    position: relative;
    background-color: #33AEE4;
    text-transform: uppercase;

    border-radius: 25px;
    line-height: 37px;
    padding: 10px 45px 10px 25px;
    border: none;
    width: 155px;
    color: #fff;
}
.bok-dichvu {
    padding: 0
}
.chi-tiet-tour-btn a:after, .chi-tiet-btn a:after, .chi-tiet-tour-btn .bok-tour:after, .bok-dichvu:after {
    content: "\f138";
    position: absolute;
    font-family: 'Font Awesome 5 Pro';
    font-size: 21px;
    right: 10px;
    color: #fff;
}
.bok-tour {
    padding: 0 !important;
    margin-top: 15px;
    border: none;
}
.img-chi-tiet-desktop {
    display: none;
    margin-left: 15px;
}
.img-chi-tiet-desktop img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.img-chi-tiet-btn {
/*    position: absolute;
    bottom: 0;
    left: 0;*/
    background-color: #3C3C3C;
    height: 56px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.travel-group-text p {
    margin-bottom: 0;
}

.menu-tabs {
    background: #00C2DF;
}


.menu-tabs .nav-link {
    border-top-left-radius: 17px !important;
    border-top-right-radius: 17px !important;
    text-align: center;
    font-size: 14px;
}
.gioithieu-title {
    text-align: center;
    margin: 53px 0;
}
.gioithieu-title h3 {
    color: #1F4F97;
    margin: 0;
}
.gioithieu-title .slick-list {
    margin: 0 15px;
}

.gioithieu-slide .slick-prev:before {
    content: "\f104";
    font-family: "Font Awesome 5 Pro";
}

.gioithieu-slide .slick-next:before {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
}
.gioithieu-slide .slick-prev:before, .gioithieu-slide .slick-next:before {
    color: #04C3E0;
}
/*    .gioithieu-slide .slick-slide[data-slick-index='0'] {
            width: fit-content !important;
    }*/
.gioithieu-slide .slick-current p {
    background: #C5F2FA;
}
.gioithieu-slide .slick-slide p {
    border: 1px solid #C5F2FA;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 0 5px;
    font-size: 11px;
}
.gioithieu-slide-content{
    margin-top: 38px;
}

.gioithieu-contents{
    text-align: justify;
}

#gioithieu-menu-mobile, #chuyen-doi-so-menu-mobile {
    display: flex;
    padding: 5px 5px 0px 5px;
    font-size: 13px;
}
    #gioithieu-menu-mobile .nav-link, #chuyen-doi-so-menu-mobile .nav-link {
        padding: 5px;
    }
#gioithieu-menu-mobile a.active, #chuyen-doi-so-menu-mobile a.active {
    color: #00C2DF !important;
}
#gioithieu-menu-desktop, #chuyen-doi-so-menu-desktop {
    display: none;
    padding: 5px 50px 0 28px;
}
.gioithieu-form {
    margin-top: 48px;
}

.border-grad {
    background: linear-gradient(#fff,#fff) padding-box, /*this is your background*/
    linear-gradient(to right, #286EB5, #36CADB) border-box;
    padding: 4px 10px;
    border: 2px solid transparent;
    border-radius: 20px;
    display: inline-block;
    font-size: 13px;
    color: #36CADB !important;
    margin: 9px 0;
    cursor: pointer;
}
.border-grad i {
    margin-left: 5px;
}
.chi-tiet-btn-desktop {
    display: none;
}
#showBanDoLuuTru {
    color: #FF6F00 !important;
    font-style: italic;
    text-decoration: underline;
}

.show-search-mobile {
    width: 71px;
    height: 55px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.show-click-search-mobile{
    background: #FFF;
    padding: 20px;
}
.show-click-search-mobile .select-tour{
    border: 1px solid #dcdcdc;
    border-radius: 5px;
}
#search-btn-mobile {
    min-width: 142px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    height: 44px;
    border-radius: 5px;
}
.collapse-item{
    margin-bottom: 17px;
}
.collapse-btn {
    background: #fff;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
}
.collapse-btn:after {
    content: '\f107';
    font-weight: bold;
    float: right;
    margin-left: 5px;
    font-family: "Font Awesome 5 Pro";
}
.collapse-btn.active:after {
    content: '\f106';
}
.collapse-panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    color: black;
}

/*style form gallery*/
.show-gallery {
    padding: 80px 73px 73px 73px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(57,63,80,.9);
    z-index: 1000001;
    width: 100%;
    height: 100%;
    visibility: hidden;
}
.show-gallery-mobile {
    padding: 25px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    z-index: 1000001;
    width: 100%;
    height: 100%;
    visibility: hidden;
}
.show-gallery .slick-prev {
    left: -73px;
}
.show-gallery .slick-next {
    right: -73px;
}
.show-gallery-mobile .slick-prev {
    left: 0px;
    z-index: 1
}

.show-gallery-mobile .slick-next {
    right: 0px;
    z-index: 1
}
.show-gallery .slick-prev::before, .show-gallery .slick-next::before, .show-gallery-mobile .slick-prev::before, .show-gallery-mobile .slick-next::before {
    font-family: "Font Awesome 5 Pro";
    font-size: 35px;
    font-weight: 600;
}
.show-gallery .slick-prev::before, .show-gallery-mobile .slick-prev::before {
    content: "\f104";
}
.show-gallery .slick-next::before, .show-gallery-mobile .slick-next::before {
    content: "\f105";
}
.list-gallery {
    height: calc(100vh - 300px);
}
.list-gallery .slick-prev, .list-gallery .slick-next, .item-gallery-mobile .slick-prev, .item-gallery-mobile .slick-next {
    height: 35px;
    width: 35px;
}
.item-gallery-mobile img {
    height: 244px;
    object-fit: cover;
}
.gallery-box {
    height: 100%;
    /*    position: relative;*/
    z-index: 1;
}
.gallery-box img {
    width: 100%;
/*    height: 100%;*/
    height: calc(100vh - 325px);
    object-fit: cover;
}

.item-gallery .slick-current img{
    border: 2px solid #fff !important;
}
.item-gallery .slick-slide div {
    padding-right: 7px;
}

.item-gallery img {
    width: 80px !important;
    object-fit: cover;
    height: 60px;
}

.gallery-content-group {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #fff;
    padding-left: 100px;
}
.item-gallery-content-title {
    color: #2D4B93;
    font-size: 18px;
    font-weight: 600;
}
.gallery-content-icon {
    position: absolute;
    display: flex;
    right: 40px;
    bottom: 0;
}
.gallery-content-icon-facebook, .gallery-content-icon-zalo {
    border: 1px solid #2D4B93;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    
    margin-right: 5px;
}
.gallery-content-icon-facebook a, .gallery-content-icon-zalo a {
    color: #2D4B93;
    font-weight: 900;
}
.close-gallery {
    font-size: 30px;
    color: #fff;
    font-weight: 400;
    cursor: pointer;
}
.img-chi-tiet-mobile img{
    margin-top: 16px;
    height: 255px;
    width: 100%;
    object-fit: cover
}
.img-chi-tiet-foot {
    background: #3c3c3c;
    color: #fff;
    line-height: 2;
    text-align: center;
}
.click-show-gallery-desktop, .luutru-slide-desktop {
    display: none;
}
.show-click-search-mobile .select-diemden {
    border: 1px solid #dcdcdc;
    border-radius: 5px;
}
.show-click-search-mobile select {
    -moz-appearance: auto;
    -webkit-appearance: auto;
    appearance: auto;
}
.text-8line {
    display: -webkit-box;
    font-size: 16px;
    line-height: 1.3;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
/*    height: calc(100vh - 454px);
    overflow: hidden;*/
}
.image_resized {
    width: 100% !important;
    text-align: center;
}

.diem-den-chi-tiet-slide-box .news-item__content__title {
    color: #2E4C94;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    -webkit-box-pack: end;
    overflow: hidden;
    margin-left: 10px;
}

.diem-den-chi-tiet-slide-content {
    display: flex;
}

.diem-den-chi-tiet-slide-content img {
    width: 220px !important;
    height: 150px;
}
.diem-den-chi-tiet-slide-box .slick-prev, .diem-den-chi-tiet-slide-box .slick-next {
    z-index: 1;
}
.diem-den-chi-tiet-slide-box .slick-prev {
    left: 0px;
}
.diem-den-chi-tiet-slide-box .slick-prev::before {
    content: "\f137";
    font-family: "Font Awesome 5 Pro";
}
.diem-den-chi-tiet-slide-box .slick-next {
    right: 0px;
}
.diem-den-chi-tiet-slide-box .slick-next::before {
    content: "\f138";
    font-family: "Font Awesome 5 Pro";
}

.select_the_du_lich{
    justify-content: space-between;
}
.select_sale_div {
    width: 100%;
    margin: 5px 0;
}
.select_the_du_lich select {
    border-radius: 5px;
    border: 1px solid #969696;
    height: 52px;
}
.select_the_du_lich select:focus {
    border-color: transparent;
    border: 1px solid #969696;
    box-shadow: none;
}

.input_sale {
    position: relative;
}
#input_sale_dv {
    position: absolute;
    right: 4px;
    top: 4px;
/*    transform: translateY(-50%);*/
    background: #dcdcdc;
    border-radius: 5px;
    height: 44px;
    width: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mg-l {
    margin-left: 0;
}
.mg-r {
    margin-right: 0;
}
#the_du_lich{
    text-align: center;
    padding-left: 0px;
}

.slick-slide a {
    height: 100px;
    display: flex !important;
    align-items: center;
}
.slick-slide a img {
    max-height: 100%;
}
.hook-blockquote ul {
    padding: 0 20px;
}
.style-h-prev-blockquote {
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    padding: 19px 10px;
    font-weight: 400;
    cursor: pointer;
    font-size: 20px;
}
.style-h-prev-blockquote::after {
    content: '\f107';
    font-weight: bold;
    float: right;
    margin-left: 5px;
    font-family: "Font Awesome 5 Pro";
}

#ngon-ngu-mobile .dropdown-item {
    color: #000;
    line-height: 30px;
    padding: 0 0 0 15px;
}

.auth-ui {
        margin-right: 0;
        text-align: center;
    }
@keyframes spin {
    0% {
    transform: rotate(0deg);
}

100% {
    transform: rotate(360deg);
}
}


.menu-lv2 {
    background-color: #121c40;
    display: block;
    width: 100%;
    position: absolute;
    z-index: 1;
    box-shadow: 5px 3px 10px -1px rgb(0 0 0 / 46%);
    padding: 0 20px;
    opacity: 0.9;
    color: #fff;
}
.vc-block {
    max-width: 1260px;
    margin: auto;
    display: flex;
    padding: 25px 0
}
.vc-col {
    width: 20%
}
.vc-menu2 {
    display: block;
}
/*.vc-menu1:hover .vc-menu2 {
    display: block;
}*/
.vc-menu1 p:before {
    content: "";
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px
}
.vc-menu2 p:before {
    content: "";
    margin-right: 5px
}
.vc-menu1 a, .vc-menu2 a {
    cursor: pointer;
    transition: 0.2s;
    color: #fff;
}
.vc-menu1 p:hover, .vc-menu2 a:hover {
    color: #32c8dc
}

.menu-lv2-trigger:hover .menu-lv2 {
    display: block;
}

.error-accountCheck, .error-account-dang-ky {
    text-align: center;
    color: red;
    position: relative;
    top: -30px;
}
.error-account-dang-ky span, .error-accountCheck span {
    cursor: pointer;
    color: #34B1CD;
    text-decoration: underline;
}
#form-vc-login-ctydulich {
    position: relative;
}
#form-vc-login-ctydulich input {
    border: 1px solid #969696;
}
#alert-login-ctydulich, #alert-otp-validate {
    text-align: center;
}
.menu-bank {
    background: #fdea7c;
    padding: 5px 7px;
    border-radius: 7px;
    cursor: pointer;
}
#togglePassword, #toggleRePassword, #toggleNewPassword {
    position: absolute;
    right: 15px;
    top: 44px;
    cursor: pointer;
}
.btns-login {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.tooltip-account {
    display: inline-flex;
}
.tooltip-account i {
    height: 16px;
    margin-top: 3px
}
.tooltip-account {
    position: relative
}
.tooltip-account-content {
    position: absolute;
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
    min-width: 270px;
    font-size: 12px;
    top: -160px;
    left: 100px;
}
.tooltip-account-body{
    margin-top: 10px
}
.tooltip-account-content i {
    float: right;
    font-size: 20px
}
.tooltip-account-footer {
    display: flex;
    margin-top: 5px;
    padding: 0 10px;
    justify-content: space-around
}
.tooltip-account-footer img, #close-tooltip-account, #show-tooltip-account {
    cursor: pointer
}
#show-tooltip-account {
    margin-left: 5px;
    background-color: #fff;
    border-radius: 50%
}
#menuLv2-mobile {
    background-color: transparent;
    box-shadow: unset
}
.tab-content-chuyen-doi-so {
    padding-top: 15px;
}
.text-warning {
    color: #8a6d3b
}
.rate-tabs-ul .nav-link {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    font-size: 14px;
    height: 66px;
    background-color: #fff;
    border-radius: 10px;
    border: thin solid #C5F2FA !important;
    padding: 0.5rem;
    line-height: 100%
}
.rate-tab .nav-tabs .nav-link.active {
    border-color: none;
    background-color: #C5F2FA;
}
.rate-tabs-ul .nav-link > p {
    font-size: 14px;
    padding-bottom: 5px
}
.rate-tabs-ul .nav-item {
    margin-right: 16px;
    margin-bottom: 20px;
    min-width: 230px
}

.table-rates span {
    font-style: italic;
}
.button-rate {
    margin-bottom: 10px;
}
.button-rate button {
    border-radius: 30px;
    font-size: 14px;
    border: none;
    line-height: 40px;
    padding: 0 20px;
    min-width: 190px;
    transition: 0.2s
}
.button-rate .btn-luu-du-lieu {
    background-color: #C5F2FA;
    margin-right: 10px;
}
.button-rate .btn-luu-du-lieu:hover {
    background-color: #87edff;
}
.button-rate .btn-gui-du-lieu {
    background-color: #E5C04E;
    margin-left: 10px;
}
.button-rate .btn-gui-du-lieu:hover {
    background-color: #ffca28;
}
.sum-rate {
    margin-bottom: 15px;
}
.sum-rate-container {
    border: 1px solid #324696;
    width: 500px;
    margin: auto;
}
.sum-rate-item:first-child {
    border-bottom: 1px solid #324696;
}
.sum-rate-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 35px;
    line-height: 35px;
    padding: 5px;
    font-weight: bold
}
.sum-rate-item p:first-child {
    color: #324696; 
}
.score {
    font-size: 12px;
    display: flex;
justify-content: space-between;
width: 100%;
padding-bottom: 5px
}
.score .score-myself {
    font-weight: bold;
    color: red;
    display: flex
}
.score span {
    padding-left: 5px
}
@keyframes xoayvong {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}
.loading-icon {
    animation: xoayvong 2s linear 0s infinite;
}
.modal-chuyen-doi-so .modal-header {
    display: block
}
.modal-chuyen-doi-so .modal-body-item {
    display: flex;
    justify-content: space-between;
}
.modal-chuyen-doi-so .modal-body-detail {
    padding-top: 10px;
    text-align: start
}
#modalNoti .modal-content {
    padding: 20px;
}

#modalNoti i {
    font-size: 50px;
    color: #63e6be;
    margin-bottom: 20px
}
#modalNoti p {
    font-size: 20px;
    font-weight: bold
}



.slideshow-container {
    position: absolute;
    width: 100%;
    height: 447px;
}
.slideshow-container a {
    position: absolute;
    width: 100%;
    height: 100%;
}
.slideshow-container img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    visibility: hidden;
    transition: opacity 1s;
}
.slideshow-container img.active {
    visibility: visible;
}
.btn-login-now {
    text-align: center;
    width: 100%;
    display: block;
    margin-top: 10px;
}
.captcha-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.captcha-group__input {
    display: flex;
    align-items: center;
    width: calc(100% - 180px);
    border: 1px solid #969696;
    background-color: #fff;
    border-radius: 5px;
    padding: 0 15px;
}
.captcha-group__input i {
    cursor: pointer;
}