@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(../images/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(../images/bk-5.webp);
    padding: 50px 0px;
    text-align: center;
    font-size: 16px;
    font-weight: 200;
    color: white;
}

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

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

.top-bar p:before {
    background: url(../images/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 {
    position: relative;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    height: calc(100vh - 85px);
    min-height: 540px;
    max-height: 780px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 0 20px;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
}

#slide-banner:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.35);
    z-index: 1;
    pointer-events: none;
}

#slide-banner .container {
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 auto !important;
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1140px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slide-container {
    position: relative;
    z-index: 2;
    text-align: center;
    margin: 0 auto !important;
    width: 100%;
    max-width: 1140px;
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.slide-container .slide-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
    position: relative;
}

.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-family: "Be Vietnam Pro", sans-serif;
    font-size: 24px;
    line-height: 36px;
    -webkit-font-smoothing: antialiased;
    font-weight: 200;
    color: #ffffff;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
    margin: 0 auto 30px auto !important;
    width: 100%;
    max-width: 1050px;
    text-align: center;
}

.sesion-9 h2,
.slide-container .title-1 {
    display: block;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: 48px;
    line-height: 56px;
    margin: 0 auto 45px auto !important;
    font-weight: 400;
    color: #ffffff;
    position: relative;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
    letter-spacing: 0.5px;
    text-align: center;
    width: 100%;
}

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

.slide-container .more {
    margin: 20px auto 0 auto !important;
    text-align: center;
    width: 100%;
}

.slide-container .more a {
    display: inline-block;
    padding: 13px 42px;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 15px;
    font-weight: 600;
    background: rgba(0, 0, 0, 0.35);
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    transition: all 0.25s ease-out;
    margin: 0 auto;
}

.slide-container .more a:hover {
    background: #ba081f;
    border-color: #ba081f;
    color: #ffffff;
}

[data-supersized-animate] .slide-container {
    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 {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
}

.language-select {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.language-style .flag {
    display: inline-block;
    margin: 0;
}

.language-style .flag a {
    display: block;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

.language-style .flag img {
    width: 22px;
    height: 16px;
    object-fit: cover;
    display: block;
    box-shadow: 0 1px 2px rgba(0,0,0,0.25);
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.language-style .flag a:hover img {
    transform: scale(1.1);
    opacity: 0.85;
}

#main-menu .desktop-menu > ul > li.change-language {
    border: none !important;
    padding: 0 !important;
    vertical-align: middle;
}

.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 {
        min-height: 480px;
        padding: 40px 0;
    }

    #slide-banner .container {
        padding-top: 0 !important;
    }

    .slide-container .title-1 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 35px;
    }

    .slide-container .title-1:before {
        width: 70px;
        bottom: -16px;
    }

    .slide-container p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 25px;
    }

    .slide-container .more a {
        padding: 11px 32px;
        font-size: 14px;
    }
}


@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; }
.btn-clone-product { display:block; }

/* ==========================================================================
   LIGHTBOX MODAL & GALLERY POPUP (100% EXACT CLONE OF PINSA DE ROMA)
   ========================================================================== */
[data-lightbox-show] {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
    display: none;
    overflow: hidden;
}

[data-lightbox-show].active {
    display: block;
}

[data-lightbox-show] .lb-content {
    top: 50%;
    margin: 0 auto;
    position: relative;
    transform: translateY(-50%);
    width: -moz-fit-content;
    width: fit-content;
    max-width: 90vw;
    display: table;
    user-select: none;
    -webkit-transition: all 500ms ease 0ms;
    -o-transition: all 500ms ease 0ms;
    transition: all 500ms ease 0ms;
}

[data-lightbox-show] .lb-img {
    max-width: 90vw;
    max-height: 85vh;
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
    object-fit: contain;
}

[data-lightbox-show] .modal-signin {
    position: relative;
}

[data-lightbox-show] .lb-close {
    background: none;
    right: 10px;
    top: 10px;
    z-index: 10;
    position: absolute;
    cursor: pointer;
    color: #555555;
    line-height: 1;
    font-size: 14px;
    transition: color 0.2s ease, transform 0.2s ease;
}

[data-lightbox-show] .lb-close:hover {
    color: #d17830;
}

[data-lightbox-show] .lb-close .fa {
    font-size: 28px;
    display: block;
}

[data-lightbox-show] .lb-nav {
    top: 50%;
    width: 100%;
    position: absolute;
    margin-top: -15px;
    font-size: 30px;
    z-index: 10;
    pointer-events: none;
}

[data-lightbox-show] .lb-nav a,
[data-lightbox-show] [value="-1"],
[data-lightbox-show] [value="1"] {
    display: block;
    position: absolute;
    top: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    color: #555555;
    pointer-events: auto;
    transition: color 0.2s ease;
    text-decoration: none;
}

[data-lightbox-show] [value="-1"] {
    left: 10px;
}

[data-lightbox-show] [value="1"] {
    right: 10px;
}

[data-lightbox-show] .lb-nav a:hover,
[data-lightbox-show] [value="-1"]:hover,
[data-lightbox-show] [value="1"]:hover {
    color: #d17830;
}

[data-lightbox-show] .lb-loader,
[data-lightbox-show] .lb-title {
    display: none;
}

.pinsa-gallery-grid a,
.restaurant-gallery-grid a,
.menu-lightbox-link {
    cursor: pointer !important;
}

/* ==========================================================================
   MENU PAGE SPECIFIC STYLES (100% Match to pinsaderoma.vn/vi/menu)
   ========================================================================== */

/* Menu Banner (sesion-9) */
.sesion-9 .box-image {
    position: relative;
    overflow: hidden;
}
.sesion-9 .img figure {
    padding-top: 42%;
    margin: 0;
    position: relative;
}
@media only screen and (max-width: 767px) {
    .sesion-9 .img figure {
        padding-top: 100%;
    }
}
.sesion-9:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
    z-index: 1;
}
.sesion-9 .text-3 {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    text-align: center;
    color: white;
    z-index: 2;
    width: 80%;
}
.sesion-9 h2 {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: 48px;
    line-height: 54px;
    margin-bottom: 50px;
    font-weight: 400;
    position: relative;
    color: white;
}
.sesion-9 h2:before {
    content: "";
    position: absolute;
    width: 100px;
    background: white;
    height: 2px;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
}
.sesion-9 .text-3 p {
    font-size: 29px;
    -webkit-font-smoothing: antialiased;
    font-weight: 200;
    color: #ffffff;
    line-height: 36px;
    margin-bottom: 30px;
}
.sesion-9 .more a {
    display: inline-block;
    padding: 12px 35px;
    border: 1px solid #fff;
    color: #fff;
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    transition: all 0.2s ease-out;
    text-decoration: none;
}
.sesion-9 .more a:hover {
    background: #af091d;
    border-color: #af091d;
    color: #fff;
}
@media only screen and (max-width: 767px) {
    .sesion-9 h2 {
        font-size: 34px;
        line-height: 42px;
        margin-bottom: 25px;
    }
    .sesion-9 .text-3 p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .sesion-9 .text-3 {
        width: 90%;
    }
}

/* Dish List (sesion-10) */
.sesion-10.sesion-m {
    padding: 0;
}
.item-view-odd-even .item-info:after {
    content: "";
    display: table;
    clear: both;
}
.item-view-odd-even .item-info .img figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}
.item-view-odd-even .item-info .img figure:hover img {
    transform: scale(1.05);
}
.item-view-odd-even .item-info .info .item-title {
    font-family: "Oswald", sans-serif;
    font-size: 45px;
    margin: 10px 0px 50px 0px;
    position: relative;
    font-weight: 400;
    text-transform: uppercase;
    color: #000000;
}
.item-view-odd-even .item-info .info .item-title:before {
    content: "";
    position: absolute;
    bottom: -24px;
    left: 0;
    width: 100px;
    height: 1px;
    background: #a8a8a8;
    transform: unset;
}
.box-new-id .c-title {
    height: auto;
    font-weight: 200;
    line-height: 24px;
    font-size: 15px;
    color: #333333;
    margin-bottom: 15px;
}
.row-price {
    margin: 15px 0;
}
.row-price .price .p-sale {
    font-family: "Oswald", sans-serif;
    font-size: 26px;
    font-weight: 600;
    color: #af091d;
    display: inline-block;
}
.item-view-odd-even .btn-booknow {
    transition: all .2s ease-out;
    display: inline-block;
    border: 1px solid #000;
    padding: 13px 40px;
    margin: 30px 0px 20px 0px;
    color: #000;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    background: transparent;
}
.item-view-odd-even .btn-booknow:hover {
    color: #ffffff;
    background: #a40519;
    border-color: #a40519;
    text-decoration: none;
}
@media only screen and (max-width: 767px) {
    .item-view-odd-even.item {
        padding: 60px 0px;
    }
    .item-view-odd-even .item-info .img,
    .item-view-odd-even .item-info .info {
        width: 100% !important;
        float: none !important;
    }
    .item-view-odd-even .item-info .info {
        padding: 0 10px !important;
    }
    .item-view-odd-even .item-info .info .item-title {
        font-size: 30px;
        margin: 20px 0 35px 0;
    }
    .item-view-odd-even .btn-booknow {
        padding: 13px 25px;
        margin: 30px 5px 20px 0px;
    }
}

/* Pinsa Gallery (sesion-6) */
.sesion-6 {
    padding: 60px 0 40px 0;
    background: #ffffff;
}
.sesion-6 .title h1 {
    font-family: "Oswald", sans-serif;
    font-size: 40px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    margin: 0;
}
.sesion-6 .title h1:before {
    display: none;
}
.sesion-6 .view-items-lightbox {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}
.sesion-6 .view-items-lightbox > .img {
    width: 25%;
    padding: 5px;
    box-sizing: border-box;
}
@media only screen and (max-width: 900px) {
    .sesion-6 .view-items-lightbox > .img {
        width: 50%;
    }
}
@media only screen and (max-width: 480px) {
    .sesion-6 .view-items-lightbox > .img {
        width: 50%;
    }
}
.sesion-6 .img figure {
    padding-top: 60%;
    position: relative;
    overflow: hidden;
    margin: 0;
    border-radius: 0;
}
.sesion-6 .img figure .i-center {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.sesion-6 .img figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}
.sesion-6 .img figure:hover img {
    transform: scale(1.05);
}

/* Reservation Banner (sesion-7) */
.sesion-7 {
    background-image: url('../images/bk-8.webp') !important;
    background-size: cover;
    background-position: center;
    position: relative;
    color: white;
    margin-top: 50px;
}
@media only screen and (min-width: 768px) {
    .sesion-7 {
        background-attachment: fixed;
    }
}
.sesion-7:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
}
.sesion-7 .container {
    position: relative;
    z-index: 2;
}
.sesion-7 .content {
    padding: 60px 40px;
}
.sesion-7 .title h2 {
    font-family: "Oswald", sans-serif;
    font-size: 35px;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 30px;
    color: white;
}
.sesion-7 .title h2:before {
    content: "";
    position: absolute;
    bottom: -12px;
    width: 100px;
    height: 1px;
    left: 0;
    background: #a8a8a8;
}
.sesion-7 p {
    font-size: 16px;
    font-weight: 200;
    line-height: 27px;
    margin-bottom: 30px;
    color: white;
}
.sesion-7 .more a {
    display: inline-block;
    padding: 12px 35px;
    border: 1px solid #fff;
    color: white;
    font-family: "Oswald", sans-serif;
    font-size: 18px;
    text-decoration: none;
    transition: all 0.2s ease-out;
}
.sesion-7 .more a:hover {
    background: #af091d;
    border-color: #af091d;
}
@media only screen and (max-width: 767px) {
    .sesion-7 .content {
        padding: 40px 15px;
        text-align: center;
    }
    .sesion-7 .title h2:before {
        left: 50%;
        transform: translateX(-50%);
    }
}