﻿        @import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Oswald:wght@200..700&display=swap');


.sesion-5 .img figure {
    padding-top: 67%;
}

.sesion-11 .more a {
    color: #000000;
    background: white;
}

.form-contact {
    background: #0000008c;
    padding: 20px;
}

.sesion-7:before,
.sesion-3:before,
.sesion-9:before,
.sesion-11:before,
#slide-banner:before {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    top: 0px;
    left: 0;
}

#supersized,
.sesion-9 .img figure,
.sesion-11 .img figure {
    z-index: -1;
}

.fix-icon-support {
    position: fixed;
    right: 10px;
    bottom: 20px;
    width: 50px;
    z-index: 10;
}

.fix-icon-support .icon-sp,
.review-rating-block,
.rating-style,
.block-review-subject,
.template-booking-block,
.row-price-1 {
    display: block;
}

.fix-icon-support .icon-sp+.icon-sp {
    margin-top: 10px;
}

.fix-icon-support .icon-sp img {
    width: 50px;
}

.fix-icon-support .icon-zalo img {
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.fix-icon-support .icon-sp.icon-phone img {
    background-color: #af091d;
    border: 1px solid #af091d;
    border-radius: 50%;
}

.hotline-bar {
    position: fixed;
    bottom: 27px;
    right: 20px;
    background: #af091d;
    width: 168px;
    height: 35px;
    line-height: 35px;
    border-radius: 10px;
    z-index: -1;
    padding-left: 10px;
    font-weight: bold;
}

.hotline-bar a {
    color: #FFF;
}

.form-orders-info .checkbox span {
    font-size: 0px;
}

.lang-en .form-orders-info .checkbox span+span:before {
    content: "Save purchase information for next time";
    position: absolute;
    font-size: 14px;
    left: 38px;
    top: 10px;
}

.lang-ko .form-orders-info .checkbox span+span:before {
    content: "ë‹¤ìŒ ë²ˆì„ ìœ„í•´ êµ¬ë§¤ ì •ë³´ë¥¼ ì €ìž¥í•˜ì„¸ìš”";
    position: absolute;
    font-size: 14px;
    left: 38px;
    top: 10px;
}

.lang-ru .form-orders-info .checkbox span+span:before {
    content: "Ð¡Ð¾Ñ…Ñ€Ð°Ð½Ð¸Ñ‚ÑŒ Ð¸Ð½Ñ„Ð¾Ñ€Ð¼Ð°Ñ†Ð¸ÑŽ Ð¾ Ð¿Ð¾ÐºÑƒÐ¿ÐºÐµ Ð´Ð»Ñ ÑÐ»ÐµÐ´ÑƒÑŽÑ‰ÐµÐ³Ð¾ Ñ€Ð°Ð·Ð°";
    position: absolute;
    font-size: 14px;
    left: 38px;
    top: 10px;
}

.lang-vi .form-orders-info .checkbox span {
    font-size: 14px;
}

.top-bar p {
    color: white;
    text-align: center;
    padding: 5px;
    position: relative;
    z-index: 2;
    background: #ba081f;

}

.sesion-12.sesion-m.relative {
    padding: 30px 0px 50px 0px;
}

.sesion-12 .content-review p {
    text-align: center;
    margin-top: 20px;
}

.sesion-12 .content-review a:hover {
    color: #555555;
    text-decoration: none;
    background: #ae041c;
    color: white;
    text-align: center;
    padding: 2px 15px;
}

.sesion-12 [data-toggle-next].active+.tab-content {
    border: 1px solid #eaeaea;
    padding: 36px 20px 15px;
    margin-top: -20px;
    border-radius: 0px;
}

.sesion-12 .icon-question {
    padding: 20px 20px;
    border-radius: 0px;
}

.sesion-12 [data-toggle-next]:before {
    background-color: #e7e7e7;
}

.sesion-12 [data-toggle-next]:after {
    width: 26px;
    height: 26px;
    background: #af091d;
    text-align: center;
    line-height: 26px;
    color: white;
    border-radius: 50%;
}

.sesion-12 .question-list {
    margin-top: 40px;
}

.sesion-12 {
    -webkit-font-smoothing: antialiased;
}

.sesion-12 h3 {
    font-size: 37px;
    text-transform: uppercase;
    margin-bottom: 50px;
    position: relative;
}

.sesion-11 {
    margin-top: 60px;
}

.sesion-11 .btn-default {
    color: #ffffff;
    background-color: #ffffff00;
    border-color: #ffffff;
    border-radius: 0px;
    display: inline-block;
}

.contact-new-2 .btn:hover {
    color: #ffffff;
    text-decoration: none;
}

.contact-new-1 p {
    margin-bottom: 10px;
}

.sesion-11 .form-control {
    color: #fff;
    border: unset;
    border-radius: 0px;
    border-bottom: 1px solid #fff;
    background: unset;
    padding: 6px 0px;
}

.slide-container .more a,
.side-box-new .more a {
    color: #FFF;
}

.sesion-11 h3 {
    font-size: 30px;
    margin-bottom: 50px;
    position: relative;
}

.sesion-11 .bk-new-1 {
    padding: 0 14%;
    z-index: 2;
    position: relative;
}

.sesion-11 .btn-default:hover,
.item-view-odd-even .btn-booknow:hover {
    color: #ffffff;
    background: #a40519;
    transition: all .2s ease-out;
}

.box-new-id .c-title {
    height: auto;
    font-weight: 200;
    line-height: 24px;
    font-size: 15px;
}

.item-view-odd-even .btn-booknow {
    transition: all .2s ease-out;
    display: inline-block;
    border: 1px solid;
    padding: 13px 40px;
    margin: 30px 0px 20px 0px;
    color: black;
}

.item-view-odd-even .item-info .info .item-title {
    font-size: 45px;
    margin: 10px 0px 50px 0px;
    position: relative;
}

.item-view-odd-even .item-info .info {
    -webkit-font-smoothing: antialiased;
}

.box-new-id .c-title {
    height: auto;
}

.sesion-9 .more a {
    color: white;
}

.item-view-odd-even.item {
    padding: 20px 0px;
    display: inline-block;
}

.box-new-id {
    background: #f9f9f9;
    width: 100%;
    display: inline-block;
}

.box-new-id:nth-child(even) {
    background: unset;
}

.sesion-9 .img figure {
    padding-top: 42%;
}

.sesion-9 .text-3 {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    text-align: center;
    color: white;
    z-index: 2;
}

#main-menu .desktop-menu>ul>li>a:hover,
#main-menu .desktop-menu>ul>li.active>a {
    color: #af091d;
    border-color: #af091d;
}

.copy-right {
    background: #585858;
    padding: 10px 0px 1px 0px;
    text-align: center;
    margin-top: 50px;
}

#footer .container ul {
    border-top: 1px solid #4d4d4d;
    padding-top: 20px;
}

#footer .container ul li {
    margin-bottom: 15px;
}

#footer .container ul li img {
    border: none;
    width: 30px;
    margin-top: -6px;
    margin-right: 10px;
}

#footer a {
    color: #ffffff;

}

#footer address,
#footer p {
    margin-bottom: 10px;
}

#footer {
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    font-weight: 300;
    background: black;
    color: white;
    padding-top: 25px;
}

.bk-im-ft img {
    width: 190px;
    margin-top: 25px;
}

.sesion-8 .text-3.review-name {
    position: relative;
    margin-bottom: 45px;
}

.sesion-8 .text-3:before {
    background: url(/storage/pagedata/101283/img/upload/icon/star.webp);
    bottom: -22px;
    background-size: contain;
    width: 100%;
    height: 13px;
    background-repeat: no-repeat;
    left: 0px;
}

.sesion-8 .slick-initialized .slick-slide {
    display: block;
    padding: 0 15px;
    margin: 10px 0px;
}

.sesion-8 .info-rv {
    background: white;
    padding: 10px 20px 40px 20px;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.sesion-8 .anm {
    height: 138px;
    overflow: hidden;
}

.sesion-7 {
    margin-top: 50px;
}

.sesion-7 .more a {
    margin: 50px 0px 20px 0px;
    color: white;
}

.sesion-7 .content {
    padding: 20px 40px 40px 40px;
}

.sesion-5 {
    background: #f9f9f9;
    padding: 10px 0px 60px 0px;
}

.sesion-5 [data-center-items] .img {
    border: 0px;
    border-radius: 0px;
}

.sesion-4 {
    padding: 60px 0px;
}

.more a:hover {
    background: #ba081f;
    color: #ffffff;
    transition: all .2s ease-out;
}

.sesion-3 .more a {
    color: white;
}

.sesion-3 .content {
    z-index: 2;
    position: relative;
    padding: 0 14%;
}

.more a {
    display: inline-block;
    padding: 14px 40px;
    border: 1px solid;
    margin: 20px 0px 20px 0px;
    transition: all .2s ease-out;
}

.website .sesion-12 h3:before,
.website .sesion-11 h3:before,
.item-view-products .item-view-odd-even .item-info .info .item-title:before,
.home-page .sesion-4 .content h3:before,
.home-page .sesion-2 .content h3:before,
.title:before {
    left: 0px;
    transform: unset;
    bottom: -24px;
}

.sesion-2 {
    margin: 60px 0px 0px 0px;
    padding: 60px 0px;
    background: #f9f9f9;
}

.sesion-8 {
    padding: 60px 0px;
    background: #f9f9f9;
}

.sesion-10 .bk-new-1,
#footers .bk-new-1,
.sesion-8 .bk-new-1,
.sesion-4 .bk-new-1,
.sesion-2 .bk-new-1 {
    padding: 0 14%;
}

.sesion-2 .img {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.sesion-4 .content h3,
.sesion-2 .content h3 {
    font-size: 50px;
    font-weight: 400;
    margin: 0px 0px 60px 0px;
    position: relative;
}

.sesion-4 .content,
.sesion-2 .content {
    -webkit-font-smoothing: antialiased;
}

.sesion-4 .content p,
.sesion-2 .content p {
    font-weight: 200;
    margin-bottom: 10px;
    font-size: 15px;
}

#progress-back {
    height: 0px;
}

#header {
    background: #FFF;
}

.logo img {
    margin: 10px auto 8px 0px;
}

.sesion-12 h3:before,
.sesion-11 h3:before,
.item-view-odd-even .item-info .info .item-title:before,
.sesion-4 .content h3:before,
.sesion-2 .content h3:before,
.title:before {
    bottom: -12px;
    width: 100px;
    height: 1px;
    left: 50%;
    background: #a8a8a8;
    transform: translateX(-50%);
    z-index: 1;
}

.sesion-1 {
    padding: 0 14%;
    text-align: center;
    -webkit-font-smoothing: antialiased;
}

p {
    -webkit-font-smoothing: antialiased;
    line-height: 27px;
}

.sesion-1 p {
    -webkit-font-smoothing: antialiased;
    font-weight: 200;
    font-size: 15px;
    line-height: 27px;
}

.title h1,
.title h2 {
    font-size: 40px;

}

.title {
    margin: 40px 0px;
    overflow: unset;
}

.title>* {
    line-height: normal;
}

.sesion-9 h2:before,
.slide-container .title-1:before {
    width: 100px;
    background: white;
    height: 2px;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
}

.sesion-3 {
    background: url(/storage/pagedata/101283/img/upload/background/bk-5.webp);
    padding: 50px 0px;
    text-align: center;
    font-size: 16px;
    font-weight: 200;
    color: white;
}

.sesion-11 {
    background: url(/storage/pagedata/101283/img/upload/background/bk-20.webp);
    padding: 50px 0px;
    font-size: 16px;
    font-weight: 200;
    color: white;
}

.sesion-7 {
    background: url(/storage/pagedata/101283/img/upload/background/bk-8.webp);
    text-align: center;
    font-size: 16px;
    font-weight: 200;
    color: white;
}

.top-bar p:before {
    background: url(/storage/pagedata/101283/img/upload/background/bk-31.webp);
    background-size: cover;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0px;
    z-index: -1;
    opacity: .6;
}

.top-bar p:before,
.sesion-12 h3:before,
.sesion-11 h3:before,
.sesion-11:before,
.item-view-odd-even .item-info .info .item-title:before,
.sesion-9:before,
.sesion-9 h2:before,
.sesion-8 .text-3:before,
.sesion-4 .content h3:before,
.sesion-3:before,
.sesion-2 .content h3:before,
#slide-banner:before,
.slide-container .title-1:before {
    position: absolute;
    content: "";
}

.title>* {
    background-color: unset;
}

#slide-banner .container {
    padding-top: 42%;
}

.slide-container .btn-primary {
    color: #fff;
    background-color: unset;
    border-color: #ffffff;
    border-radius: 0px;
    padding: 15px 35px;
    margin-top: 30px;
    display: none;
}

.sesion-9 .text-3 p,
.slide-container p {
    font-size: 29px;
    -webkit-font-smoothing: antialiased;
    font-weight: 200;
}

.sesion-9 h2,
.slide-container .title-1 {
    display: block;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: 48px;
    line-height: 54px;
    margin-bottom: 50px;
    font-weight: 400;
    display: block;
    position: relative;
}

.slide-container h3.b-title {
    display: none;
}

[data-supersized-animate] .slide-container {
    bottom: 24%;
    display: block;
    background-color: unset;
    z-index: 2;
}

.space-header {
    height: 1px;
    background-color: #000;
}

.has-fixed .website #header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    box-shadow: 0 0 15px rgba(21, 21, 21, .35);
    background-color: #FFF;
}

.has-fixed .logo img {
    width: 64px;
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
    filter: unset;
    margin: 4px auto 4px auto;
}


#main-menu .desktop-menu.text-right {
    text-align: center;
}

.has-fixed #main-menu .desktop-menu>ul>li>a {
    font-size: 12px;
    padding: 3px 15px;
}

#main-menu .desktop-menu>ul>li>a {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
    color: #000;
    -webkit-font-smoothing: antialiased;
    border: 1px solid;
    padding: 12px 15px;
    height: auto;
    transition: all .2s ease-out;
}

#main-menu .desktop-menu>ul>li>a:hover {
    color: #ce1635;
    border: 1px solid #ce1635;
    transition: all .2s ease-out;
}

.language-style {
    width: 200px;
    height: 30px;
    overflow: hidden;
    position: relative;
}

.language-select {
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
    left: 0;
}

.language-style:hover {
    overflow: unset;
}

.language-style:hover .language-select {
    top: 0;
}

.language-select img {
    display: block;
}

.language-style .flag {
    display: inline-block;
    margin-right: 5px;
}

.desktop-menu>ul>li>a:before {
    display: none;
}

.website h2,
.website h3,
.website h4,
.website h1 {
    font-family: "Oswald", sans-serif;
    font-weight: normal;
}

.website {
    font-family: "Be Vietnam Pro", sans-serif;
}

@media only screen and (max-width: 767px) {
    .item-view-odd-even.item { padding: 60px 0px; }
    .item-view-odd-even .item-info .info {
        padding: 0 10px;
    }
    .logo { width:30%; }
    #main-menu .mobile-menu > ul > li.change-language { position:fixed; top:38px; right:100px; max-height:unset; z-index:20; }
    #main-menu .mobile-menu > ul a { height:unset; }
    .has-fixed .mobile-menu>ul>li.change-language { top:30px} 
    .has-fixed #main-menu .mobile-menu > ul > li.change-language { top:22px} 
    .has-fixed .icon-menu { bottom:10px;  }
    .has-fixed .top-bar { display:none; }
    .item-view-odd-even .btn-booknow {
        padding: 13px 25px;
        margin: 30px 5px 20px 0px;
    }

    .sesion-m {
        margin-right: -10px;
        margin-left: -10px;
    }

    .logo img {
        margin: 6px auto 8px 0px;
        width: 80px;
    }

    .icon-menu { bottom:20px; }

    #main-menu .mobile-menu>ul>li>a {
        font-weight: 300;
    }

    .sesion-11 .bk-new-1,
    .sesion-3 .content,
    .sesion-10 .bk-new-1,
    #footers .bk-new-1,
    .sesion-8 .bk-new-1,
    .sesion-4 .bk-new-1,
    .sesion-2 .bk-new-1,
    .sesion-1 {
        padding: 0px;
    }

    .sesion-4 .content h3,
    .sesion-2 .content h3 {
        font-size: 36px;
        margin-top: 20px;
    }

    .title h1,
    .title h2 {
        font-size: 35px;
    }

    .sesion-9 .img figure {
        padding-top: 100%;
    }

    .sesion-9 .img figure img.full-width {
        width: auto ! IMPORTANT;
        height: 100% !important;
    }

    .sesion-9 .text-3 p,
    .slide-container p {
        font-size: 16px;
    }

    .sesion-9 h2,
    .slide-container .title-1 {
        font-size: 34px;
        line-height: 42px;
    }

    .sesion-9 .text-3 {
        width: 90%;
    }

    div#slidecaption {
        display: block !important;
    }

    #slide-banner .container {
        padding-top: 100%;
    }

    [data-supersized-animate] .slide-container {
        padding: 0 10px;
    }
}


@media only screen and (min-width: 768px) {
    .box-new-id:nth-child(even) .item-view-odd-even .item-info .img {
        float: left;
    }
	.website #main-menu .change-language {
	    position: absolute;
	    right: -8%;
	    top: 50%;
	    transform: translateY(-50%);
	}
    .sesion-11 .contact-new-2 {
        padding-left: 10%;
    }

    .box-new-id:nth-child(odd) .item-view-odd-even .item-info .info {
        padding-right: 6%;
    }

    .box-new-id:nth-child(even) .item-view-odd-even .item-info .info {
        padding-left: 6%;
    }

    .item-view-odd-even.item {
        width: 100%;
        float: unset;
    }

    .item-view-odd-even.item {
        width: 100%;
        float: unset;
    }

    .item-view-odd-even .item-info .img,
    .item-view-odd-even .item-info .info {
        width: 50%;
        float: right;
    }

    .item-view-odd-even.item-preview-10,
    .item-view-odd-even.item-preview-35,
    .item-view-odd-even.item-preview-73,
    .item-view-odd-even.item-preview-94,
    .item-view-odd-even.item-preview-118 {
        margin: 20px 0;
    }

    .item-view-odd-even.item-preview-10 .item-info .img,
    .item-view-odd-even.item-preview-10 .item-info .info,
    .item-view-odd-even.item-preview-73 .item-info .img,
    .item-view-odd-even.item-preview-73 .item-info .info,
    .item-view-odd-even.item-preview-94 .item-info .img,
    .item-view-odd-even.item-preview-94 .item-info .info,
    .item-view-odd-even.item-preview-118 .item-info .img,
    .item-view-odd-even.item-preview-118 .item-info .info,
    .item-view-odd-even.item-preview-35 .item-info .img,
    .item-view-odd-even.item-preview-35 .item-info .info {
        width: 100%;
    }

    .item-view-odd-even:nth-child(even) .img {
        float: left;
    }

    .item-view-odd-even:nth-child(even) {
        background-color: #F2F2F2;
    }

    .sesion-4 .content {
        padding-left: 8%;
    }

    .sesion-11,
    .sesion-7,
    .sesion-3 {
        background-attachment: fixed;
        background-size: cover;
    }

    .sesion-2 .content {
        padding-right: 8%;
    }

    .logo img {
        width: 100px;
    }

    .has-fixed #main-menu {
        margin-top: 18px;
        margin-left: -8%;
    }

    #main-menu {
        margin-top: 34px;
        margin-left: -8%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {

    .sesion-11 .bk-new-1,
    .sesion-3 .content,
    .sesion-10 .bk-new-1,
    #footers .bk-new-1,
    .sesion-8 .bk-new-1,
    .sesion-4 .bk-new-1,
    .sesion-2 .bk-new-1,
    .sesion-1 {
        padding: 0px;
    }

    .sesion-9 h2,
    .slide-container .title-1 {
        font-size: 36px;
        line-height: 44px;
    }

    .sesion-9 .text-3 p,
    .slide-container p {
        font-size: 20px;
    }

    .sesion-9 .text-3 {
        width: 80%;
    }

    .sesion-m {
        margin-left: -10px;
        margin-right: -10px;
    }
}

@media only screen and (min-width: 992px) {
    .sesion-m {
        margin-left: calc(-100vw / 2 + 960px / 2);
        margin-right: calc(-100vw / 2 + 960px / 2);
    }
}

@media only screen and (min-width: 1120px) {
    .sesion-m {
        margin-left: calc(-100vw / 2 + 1080px / 2);
        margin-right: calc(-100vw / 2 + 1080px / 2);
    }
}

@media only screen and (min-width: 1280px) {
    .sesion-m {
        margin-left: calc(-100vw / 2 + 1200px / 2);
        margin-right: calc(-100vw / 2 + 1200px / 2);
    }

    .container {
        width: 1200px;
    }
}

@media only screen and (min-width: 1380px) {
    .sesion-m {
        margin-left: calc(-100vw / 2 + 1280px / 2);
        margin-right: calc(-100vw / 2 + 1280px / 2);
    }

    .container {
        width: 1280px;
    }
}.sesion-6 .img figure { padding-top:60%;}
.item-view-odd-even .img figure { padding-top:60%; }
[data-center-items] .img { border:none; }