.index header {
    position: absolute;
}

.hd-bot {
}

.logo-banner {
    display: block;
    float: left;
    position: relative;
    padding: 10px 0 0 10px;
    width: 15.8%;
}

.logo-banner:before {
    background: url(images/light.png) no-repeat;
    width: 288px;
    height: 262px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0
}

.logo {
    max-width: 100%;
    position: relative;
    width: 100%;
}

.hotline {
    position: absolute;
    right: 260px;
    top: 7px;
    margin: 0;
    font-size: 15px;
    font-family: 'UTMAvo';
    color: #fff;
}

.hotline a {
    color: #fff;
    display: inline-block;
    position: relative;
}

.hotline a:not(:last-child):after {
    content: " - ";
    margin-right: 3px;
}

#wrapper_main {
}

.main-nav>ul>li:last-child> a {
    padding-right: 0;
}

.main-nav>ul>li.homeicon>a:before {
    content: url(images/homeicon.png);
    position: absolute;
    bottom: 3px;
    left: 0;
}

.langs li a.lang_vi {
    background: url(images/lang_vi.png) no-repeat 0 center;
}

.langs li a.lang_en {
    background: url(images/lang_en.png) no-repeat 0 center;
}

.langs:hover {
    height: auto
}

.langs:after {
    content: url(images/arrow.png);
    position: absolute;
    right: 0;
    top: 0px;
    cursor: pointer;
}

.about-bg {
    min-height: 495px;
    cursor: pointer;
    position: relative;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: cover;
    padding-top: 30px;
}

.about-bg .desc {
    max-width: 35%;
}

.idx-tit {
    /* font-family: 'UVNBenXuan_R'; */
    font-size: 33px;
    background: url(images/idx-tit.png) no-repeat left 80px bottom;
    padding-bottom: 30px;
    position: relative;
}

.idx-tit span,.idx-tit a {
    color: #2330ff;
}

.dichvunb-box {position: relative;z-index: 1;}

.dichvu-nb {
    padding: 65px 0;
    background: #c8b18b;
    position: relative;
    /* background-repeat: repeat-x !important; */
    background-size: 100% 100% !important;
}

.dichvu-nb .imgsp {
    min-height: 490px;
    width: 59%;
    display: block;
    float: left;
    position: relative;
    z-index: 50;
}

.dichvu-nb .info {
    float: right;
    width: 38%;
}

.dichvu-nb:nth-child(odd) {
    background: url(images/dv-bg.png);
}
.dichvu-nb:nth-child(odd):after{content:url(images/van1.png);position: absolute;left: 0;bottom: -130px;z-index: 10;}
.dichvu-nb:nth-child(odd) .imgsp {
    float: right;
}

.dichvu-nb:nth-child(odd) .info {
    float: left;
}

.dichvu-nb .desc {
    text-align: justify;
    position: relative;
}

.xemthem {
    text-align: right;
    position: relative;
}

.xemthem a {
    display: inline-block;
    color: #fff;
    font-family: 'UVNBenXuan_R';
    font-size: 33px;
    background: #4899c4;
    padding: 10px 29px;
    line-height: 1;
}

.linknhahang {
    display: block;
}

.linknhahang img {
    width: 100%
}

.pr-box article {
}

.hethongphong-bg {
    padding: 30px 30px 0;
    position: relative;
}
.hethongphong-bg:after{
    content: url(images/van2.png);
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 10;
}
.hethongphong-bg:before{
    content: url(images/van1.png);
    position: absolute;
    left: 0;
    bottom: -210px;
    z-index: 0;
}
.hethongphong-bg .tit {
    text-align: center;
    font-family: 'UVNThangVu';
    font-size: 28px;
    margin-top: 0;
}

.hethongphong-bg .tit a,.hethongphong-bg .tit span {
    display: inline-block;
    text-transform: uppercase;
    color: #2330ff;
    background: #fff url(images/titi.png) no-repeat bottom center;
    padding-bottom: 60px;
    min-width: 210px;
    position: relative;
}

.spnoibat-main {margin-bottom: 0 !important;}

.hethongphong-bg .tit:before, .hethongphong-bg .tit:before {
    content: "";
    background: #de6e00;
    position: absolute;
    left: 50%;
    top: 60px;
    height: 1px;
    width: 82.5%;
    transform: translateX(-50%);
}

.hethongphong-bg .tit:after, .hethongphong-bg .tit:after {
    content: "";
}

.pr-box .info {
    z-index: 5;
    width: 100%;
    bottom: 0;
    left: 0;
    position: absolute;
}
.pr-box.even .info{bottom: unset;top: 0;}
.spnoibat-main .slick-prev:before, .spnoibat-main .slick-next:before {
    content: url(images/sl_prev.png)
}

.spnoibat-main .slick-next:before {
    content: url(images/sl_next.png)
}

.spnoibat-main .slick-prev, .spnoibat-main .slick-next {
    width: 43px;
    z-index: 50;
    height: 43px;
    left: -15px;
}

.spnoibat-main .slick-next {
    left: unset;
    right: -15px;
}

.trainghiemnb-bg {
}

.trainghiemnb-bg .tit {
    text-align: center;
    margin-bottom: 40px;
}

.trainghiemnb-bg .tit span {
    display: inline-block;
    position: relative;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 28px;
    padding-bottom: 5px;
}

.trainghiem-main {
}

.trainghiem-item {
    width: 25%;
}

.trainghiem-item a {
}

.trainghiem-item figure {
    height: 340px;
    width: 100%;
    background-size: 100% 100%;
    overflow: hidden;
}

.trainghiem-item .info {
    padding: 20px;
    background-color: #a45e4d;
}

.trainghiem-item .info h4 {
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    /* font-family: 'HelveticaNeueLTStdCn'; */
    /* overflow: hidden !important; */
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
}

.trainghiem-item .info p {
    color: #fff;
    font-size: 20px;
    margin: 10px 0;
    overflow: hidden;
    height: 114px;
}

.trainghiemnb-bg .tit span:after {
    content: url(images/sunsetbeach.png);
    margin-left: 10px;
}

.trainghiemnb-bg .tit span:before {
    content: "";
    height: 2px;
    width: 240px;
    position: absolute;
    left: -30px;
    background: #c3c3c3;
    bottom: 0;
}

.thuvien-bg {
    padding: 8px 0;
}

.thuvien-item {
    height: 285px;
    background-size: 100% 100%;
    position: relative;
    margin-bottom: 5px;
}

.thuvien-item-1 {
    height: 195px;
    float: left;
    width: 49.5%;
}

.thuvien-item-2 {
    width: 530px;
    float: right;
    width: 49.5%;
    height: 195px;
}

.thuvien-item-3 {
    float: none;
    width: 100%;
    clear: left;
    height: 375px;
}

.thuvien-item-4 {
    float: left;
    width: 49.5%;
}

.thuvien-item-5 {
    width: 49.5%;
    float: right;
}

.thuvien-item-6 {
    width: 49.5%;
    clear: left;
    float: left;
}

.thuvien-item-7 {
    float: right;
    width: 49.5%;
}

.thuvien-item-8 {
    width: 49.2%;
    float: left;
    clear: left;
}

.thuvien-item-9 {
    width: 49.1%;
    float: right;
}

.thuvien-left {
    float: left;
    width: 49.6%;
}

.thuvien-right {
    width: 50%;
    float: right;
}

.thuvien-item a {
    color: #fff;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.thuvien-item a:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    background: transparent;
    transition: .3s;
    left: 0;
    top: 0;
}

.thuvien-item a:hover:before {
    background: rgba(0, 0, 0, .5);
}

.thuvien-item a h2 {
    margin: 0;
    padding: 15px;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    top: 50%;
    z-index: 15;
    transform: translateY(-50%);
    font-family: 'UVNThangVu';
    font-size: 40px;
    color: #2330ff;
}

.sukien-tin-bg {
}

.sukien-tin-bg .tit {
    text-transform: uppercase;
    position: relative;
    font: 20px arial;
    padding: 3px 0 9px;
    color: #d77007;
}

.sukien-tin-bg .tit:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 120px;
    height: 1px;
    background: #000;
}

.sukien-tin-bg .tit span {
    color: #0072af;
}

.tin-bg {
}

.sukien-bg {
    float: left;
    width: 49%;
}

.sukien-main {
}

.sukien-first {
    margin-bottom: 20px;
}

.sukien-first a {
    display: block;
    position: relative;
}

.sukien-first figure {
    height: 365px;
    background-size: 100% 100%;
    position: relative;
    overflow: hidden;
}
.sukien-first figure{width:100%;}
.sukien-first .info {
    background: rgba(0, 0, 0, 0.73);
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 7px 15px;
}

.sukien-first .info h4 {
    text-transform: uppercase;
    font-size: 28px;
    line-height: 39px;
    color: #fff;
    margin: 0;
}

.sukien-first .info p {
    color: #fff;
    font-size: 13px;
    margin: 0;
}

.sukien-item {
    float: left;
    width: 48%;
}

.sukien-item:nth-child(even) {
    float: right
}

.sukien-item a {
    display: block;
    position: relative;
}

.sukien-item figure {
    height: 170px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    overflow: hidden;
    }.sukien-item figure img{width:100%;height: 100%;}

    .sukien-item .info {
        width: 50%;
        position: absolute;
        padding: 7px 15px;
        height: 100%;
        top: 0;
        background: rgba(0, 0, 0, 0.69);
    }

    .sukien-item .info h4 {
        /* padding: 7px 15px; */
        font-size: 22px;
        color: #fff;
        text-transform: uppercase;
        height: 59px;
        overflow: hidden;
        line-height: 30px;
        margin: 0;
    }

    .sukien-item .info p {
        font-size: 13px;
        color: #fff;
        margin: 9px 0;
    }

    .sukien-item .info span {
        color: #fff;
        text-transform: uppercase;
        display: inline-block;
        border: 1px solid #8f7d5f;
        background: rgba(0, 0, 0, 0.66);
        padding: 5px 10px;
    }

    .tinnb-bg {
        float: right;
        width: 49%;
    }

    .tinnb-main {
    }

    .tinnb-item {outline: none;}

    .tinnb-item a {
        display: block;
        background: #f6f6f6;
        margin-bottom: 20px;
        outline: none;
    }

    .tinnb-item figure {
        height: 170px;
        width: 50%;
        float: left;
        background-size: 100% 100%;
        position: relative;
        overflow: hidden;
        }.tinnb-item figure img{
            width: 100%;
            position: absolute;
            height: 100%;
            -webkit-transition: opacity 1s, -webkit-transform 1s;
            transition: opacity 1s, transform 1s;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }
        .tinnb-item figure:hover{}
        .tinnb-item .info {
            float: right;
            width: 50%;
            padding: 5px 10px;
        }

        .tinnb-item .info h4 {
            69px: color: #0072af
            font: 20px arial;
            /* text-transform: uppercase; */
            margin: 0;
            height: 67px;
            overflow: hidden;
            font: 20px arial;
        }

        .tinnb-item .info .p-date {
            font-size: 14px;
            color: #818181;
            margin: 0;
        }

        .tinnb-item .info p:not(.p-date) {
            font-size: 14px;
            color: #000;
            margin: 0;
            height: 60px;
            overflow: hidden;
        }

        .doitac-main .slick-prev:before, .doitac-main .slick-next:before {
            content: url(images/sl_prev1.png)
        }

        .doitac-main .slick-next:before {
            content: url(images/sl_next1.png)
        }

        .doitac-main .slick-prev, .doitac-main .slick-next {
            width: 22px;
            z-index: 50;
            height: 49px;
            left: -15px;
        }

        .doitac-main .slick-next {
            left: unset;
            right: -15px;
        }

        .zoom-hinhcon .slick-prev:before, .zoom-hinhcon .slick-next:before {
            content: url(images/sl_prev2.png)
        }

        .zoom-hinhcon .slick-next:before {
            content: url(images/sl_next2.png)
        }

        .zoom-hinhcon .slick-prev, .zoom-hinhcon .slick-next {
            width: 20px;
            z-index: 50;
            height: 32px;
            left: -35px;
        }

        .zoom-hinhcon .slick-next {
            left: unset;
            right: -35px;
        }

        .doitac {
            outline: none;
        }

        .doitac a {
            display: block;
            margin: 0 auto;
            width: 81%;
            outline: none;
        }

        .doitac a img {
            width: 100%
        }

        .doitac-main {
            margin-top: 30px;
        }

        .ft-top {
        }

        .ft-top span {
            display: inline-block;
            padding: 0 10px;
            position: relative;
        }

        .ft-top span:not(:last-child):after {
            content: "";
            background: #000;
            position: absolute;
            right: -3px;
            top: 5px;
            width: 1px;
            height: 13px;
        }

        .ft-top span a {
            color: #000;
            text-transform: uppercase;
        }

        .main-container {
            padding: 20px 0;
        }

        .index .main-container {
            padding: 0
        }

        .product_detail .hethongphong-bg {
            padding: 20px 0 0;
        }

        .product-title h1:before {
            content: "";
            background-color: #de6e00;
            height: 3px;
            width: 190px;
            position: absolute;
            left: 0;
            bottom: 0;
        }

        .product_detail #main {
        }

        .box-price .cur-price span {
            color: #0072af
        }

        .about #main .container,.dichvu #main .container {
            width: 960px
        }

        .dichvu-item {
            margin-bottom: 20px;
            background: #fff;
        }

        .dichvu-item> a {
            display: block;
        }

        .dichvu-item figure {
            float: left;
            width: 33%;
        }

        .dichvu-item figure img {
            width: 100%;
            height: 225px;
        }

        .dichvu-item .info {
            float: right;
            width: 67%;
            padding: 5px 10px;
        }

        .dichvu-item .info h3 {
            /* font-family: 'UVNBenXuan_R'; */
            font-size: 30px;
            background: url(images/idx-tit.png) no-repeat left bottom;
            padding-bottom: 30px;
            margin: 0 0 5px 0;
        }

        .dichvu-item .desc {
            font-size: 20px;
            color: #000;
            line-height: 24px;
        }

        .dichvu-item .xemthem {
        margin: 5px 0 0;
        }

        .dichvu-item .xemthem span {
            display: inline-block;
            color: #fff;
            font-family: 'UVNBenXuan_R';
            font-size: 21px;
            background: #4899c4;
            padding: 7px 29px;
            line-height: 1;
        }

        .hinh-video-bg .nav-pills>li>a {
            text-transform: uppercase;
            color: #8e8888 !important;
            font-size: 28px;
            padding: 4px 15px;
        }

        .hinh-video-bg .nav>li>a:focus, .hinh-video-bg .nav>li>a:hover {
        }

        .hinh-video-bg .nav-pills>li.active>a, .hinh-video-bg .nav-pills>li.active>a:focus, .hinh-video-bg .nav-pills>li.active>a:hover {
            background-color: transparent;
            font-weight: 700;
            color: #000 !important;
        }

        .hinh-video-bg .nav-pills>li {
            float: none;
            display: inline-block;
        }

        .hinh-video-bg .nav {
            text-align: center;
            background: url(images/idx-tit.png) no-repeat left 60% bottom;
            padding-bottom: 35px;
            margin-bottom: 30px;
        }

        .hinh-video-bg .nav-pills>li>a:before {
            content: "";
            height: 1px;
            width: 50%;
            position: absolute;
            bottom: 0;
            left: 15px;
            background: #000;
        }

        .booking-form {
            width: 738px;
            margin: 0 auto;
        }

        #booking-form.form-horizontal .control-label {
            text-align: left;
        }

        #booking-form .tit {
            font-size: 20pt;
            position: relative;
            padding-bottom: 10px;
            color: #de6e00;
        }

        #booking-form .tit:before {
            content: "";
            height: 3px;
            width: 100px;
            background: #de6e00;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 0;
        }

        .frmngay i {
            position: absolute;
            right: 25px;
            top: 9px;
        }

        .bookpanel {
            position: relative;
            width: 100%;
            z-index: 500;
        }

        .book-box {
            background: #0072af;
            padding: 15px;
        }

        .book-box .tit {
            margin: -6px 20px 0 0;
            display: inline-block;
            text-transform: uppercase;
            font-size: 30px;
            font-family: 'helveticaneuecondensedblack';
            color: #ff0;
            line-height: 1;
            text-align: right;
            float: left;
        }

        .book-box .tit span {
            display: block;
            color: #fff;
            font-size: 18px;
            font-family: 'helveticaneuebold';
            text-transform: initial;
        }

        .book-box .btn {
            color: #fff;
            flex: 1;
            margin-left: 15px;
            font-size: 18px;
            font-family: 'helveticaneuebold';
            text-transform: uppercase;
            -webkit-border-radius: 10px 9px 9px 10px/8px;
            -moz-border-radius: 10px 9px 9px 10px/8px;
            border-radius: 10px 9px 9px 10px/8px;
            background-color: #dd6a00;
            line-height: 36px;
            padding: 0 15px;
            border-color: #dd6a00;
        }

        .fixpanel {
            position: absolute;
            width: 100%;
            top: -55px;
        }

        .book-box form {

        }
        .book-box .form-group.chonphong{width: 18.7%;}
        .book-box .form-group.ngay {width: 12.5%;}
        .book-box .form-group.songuoi{
            width: 10.4%;
        }
        .book-box .form-group{
            float: left;
            margin: 0 5px;
        }
        .book-box .form-control{border-radius: 0;width: 100%;height: 38px;}
        .hinh-video-bg{position: relative;}
        .hinh-video-bg:after{
            content: url(images/van2.png);
            position: absolute;
            right: 0;
            top: -60px;
            z-index: 0;
        }
        .hinh-video-bg:before{    content: url(images/van1.png);
            position: absolute;
            left: 0;
            bottom: -210px;
            z-index: 0;}
            .effect-julia img{
                max-width: none;
                height: 100%;
                -webkit-transition: opacity 1s, -webkit-transform 1s;
                transition: opacity 1s, transform 1s;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                width: 100%;
                background: none;
                }.effect-julia:hover img{
                    opacity: 1;
                    -webkit-transform: scale3d(1.1,1.1,1);
                    transform: scale3d(1.1,1.1,1);
                }
                .dichvu-page{
                    background: #f2f4f5 url(images/van3.png) no-repeat right top 70px;
                    position: relative;
                    padding: 30px 0;
                }
                .dichvu-page:before{
                    content: url(images/van1.png);
                    position: absolute;
                    left: -50px;
                    top: -150px;
                    z-index: 0;
                }
                .dichvu-page:after{
                    content: url(images/van1.png);
                    position: absolute;
                    left: 0;
                    bottom: -130px;
                    z-index: 0;
                }
                .stay-tit{font-family: 'UTMAvoBold';font-size: 21px;color: #000;position: relative;padding-bottom: 5px;margin-bottom: 10px;}
                .stay-tit:after{position: absolute;content: "";height: 1px;border-bottom: 1px solid #000;width: 100px;left: 50%;bottom: 0;transform: translateX(-50%);}
                .product_detail .hethongphong-bg{}
                .product_detail .dichvu-page:after,.product_detail .hethongphong-bg:after{content: unset;}
                .khunggia{position: relative;}
                .khunggia .btn{
                    position: absolute;
                    padding: 11px 15px 12px;
                    border-radius: 0;
                    display: inline-block;
                    background-color: #0072af;
                    border: solid 1px #dd6a00;
                    font: 24px arial;
                    text-transform: uppercase;
                    color: #ff0;
                    right: 0;
                    top: 0;
                }
                .box-price {
}
.ngoaingu-it{
    width: 33.33%;
    margin-bottom: 8px;
}
.ngoaingu-it a{
    display: block;
    overflow: hidden;
    margin: 0 auto;
    width: 98%;
}
.ngoaingu-it figure{}
.ngoaingu-it figure img{}
.myvideo{
    width: 33.33%;
    margin-bottom: 8px;
}
.myvideo article{}
.myvideo article a{
    display: block;
    overflow: hidden;
    margin: 0 auto;
    width: 98%;
}
.myvideo figure{}
.myvideo figure img{}
.thongtinphong{}
.thongtinphong .tit{
    font-size: 20px;
    color: #0072af;
    font-family: 'UVFAriaPro';
    margin: 0;
    font-weight: 700;
}
.thongtinphong ul{
    margin-bottom: 20px;
}
.thongtinphong li{
    width: 50%;
}
.thongtinphong li p{
    font-family: 'UVNLaXanh_R';
    font-size: 20px;
    margin: 0;
    padding-right: 10px;
}
.thongtinphong li span{}
.bgtienich{
    background-size: 30px 30px;
    background-repeat: no-repeat;
    padding-left: 40px;
}
.about-bg:after {
    content: url(images/van1.png);
    position: absolute;
    left: 0;
    bottom: -130px;
    z-index: 1;
    width: 31%;
}
.videone .thuvien-item a span{
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    font-size: 2.4rem;
    display: none;
}.videone .thuvien-item a:hover span{display:block}
.dichvu-nb:nth-child(even) .info:before{
    background: url(images/dv-bg.png);
    position: absolute;
    width: 55%;
    height: 112%;
    content: "";
    z-index: 0;
    right: 0;
    top: -6%;
}
/*panle_form start */
.panle_form {
    width: 360px;
    height: 340px;
    position: fixed;
    z-index: 550000;
    top: 20%;
    right: -373px;
    background-color: rgba(255,255,255,0.95);
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    display: none;
}
.bg_radient_green_tab {
    background-image: url(images/bg-tab-panel_active.png);
    background-position: center top;
    background-repeat: repeat-y;
    font-size: 7pt;
    font-family: 'UTMAvoBold' !important;
    color: #FFFFFF;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
}
.lable_font {
    font-family: 'UTMAvo';
    color: #6a6a6a;
    font-size: 8pt;
    padding-left: 8px;
    padding-right: 5px;
}


.icon_calendar {
    background-image: url(images/icon_calendar.svg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 60%;
    position: relative;
    cursor: pointer;
}
.bg_btn_checking {
    background-image: url(images/bg_btn_check.png);
    background-repeat: no-repeat;
    background-position: right center;
    text-align: left;
    width: 175px;
    color: rgba(255,255,255,1.00);
    font-family: 'UTMAvo';
}
.input-no-radius {
    border-radius: 0;
}
[class*="col-"] {
    padding-top: 0px;
    padding-bottom: 0px;
    border: none;
}

.pd0 {
    padding: 0px;
    min-height: 0px;
}
.mg0 {
    margin: 0px;
}
.open_pan {
    right: 0px;
}
/*panle_form end */
.fixed .logo-banner:before{display: none;}
.fixed .logo-banner{
    width: 90px;
}
.fixed .nav-bg{
    top: 54px;
}header.fixed{
    background: rgba(0, 0, 0, 0.35);
    padding-bottom: 10px;
}.fixed .langs{
    right: 0;
}
.zs-enabled.overlay-plain .zs-slideshow:after{background: none !important;}