@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
[class*="icon-"] {font-family: lw-icon !important;speak: never;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-grid:before {content: "";}
.icon-list:before {content: "";}
.icon-phone:before {content: "";}
.icon-volume-x:before {content: "";}
.icon-volume-1:before {content: "";}
.icon-volume-2:before {content: "";}
.icon-volume:before {content: "";}
.icon-search:before {content: "";}
.icon-youtube-play:before {content: "";}
.icon-angle-double-down:before {content: "";}
.icon-angle-double-up:before {content: "";}
.icon-angle-double-right:before {content: "";}
.icon-angle-double-left:before {content: "";}
.icon-heart-o:before {content: "";}
.icon-heart:before {content: "";}
.icon-arrow-thin-down:before {content: "";}
.icon-arrow-thin-left:before {content: "";}
.icon-arrow-thin-right:before {content: "";}
.icon-arrow-thin-up:before {content: "";}
.icon-checkmark-outline:before {content: "";}
.icon-close:before {content: "";}
.icon-menu:before {content: "";}
.icon-chevron-thin-down:before {content: "";}
.icon-chevron-thin-left:before {content: "";}
.icon-chevron-thin-right:before {content: "";}
.icon-chevron-thin-up:before {content: "";}
.icon-minus:before {content: "";}
.icon-plus:before {content: "";}
.icon-copyright:before {content: "";}
.icon-cart:before {content: "";}
body {font-family: 'Roboto', sans-serif;font-size: 14px; line-height: 1.5; color: #000; background: #fff; width: 100vw;overflow-x: hidden;}
a:hover{text-decoration: none;opacity: 1 !important;}
:root {
    --color-main-yellow : #f7934f;
    --color-main-yellow-bold : #f07726;
    --color-main-black  : #000;
    --color-main-gray  : #ced4da;
    --background-main-black  : rgb(40 53 73 / 70%);
}
html::-webkit-scrollbar-thumb {background-color: var(--color-main-black); border-radius: 5px; }
html::-webkit-scrollbar {width: 10px; background-color: #ddd; }
html {scrollbar-color: var(--color-main-black) #ddd; }
.main{overflow-x: hidden;overflow-y: auto;}
.fs-10{font-size: 10px}
.fs-12{font-size: 12px}
.fs-14{font-size: 14px}
.fs-16{font-size: 16px}
.fs-18{font-size: 18px}
.fs-20{font-size: 20px}
.fs-22{font-size: 22px}
.fs-24{font-size: 24px}
.fs-30-im{font-size: 30px !important;}
.w-line {-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; }
.w-one-line {-webkit-line-clamp: 1; }
.w-three-line {-webkit-line-clamp: 3; }
.w-two-line {-webkit-line-clamp: 2;}
.w-four-line{-webkit-line-clamp: 4;max-height: 100px;}
.one-line{white-space: nowrap;}
.txt-main-black{color: var(--color-main-black) !important}
.txt-main-yellow{color:var(--color-main-yellow) !important}
.bg-f5f4f0{background: #f5f4f0;}
.lh-32{line-height: 32px;}
.btn-main-yellow{background-color: var(--color-main-yellow);}
.btn-main-yellow:hover{background-color: var(--color-main-yellow-bold);}
/* pagination */
.pagination{display: inline-block;margin: 0 -2px;}
.pagination>li{color: var(--color-main-black);font-size: 12px;background: #eee;min-width: 30px;line-height: 30px;text-align: center;float: left;margin: 0 2px;border: 1px solid #ddd;border-radius: 3px;transition: all 0.2s ease-in-out;}
.pagination>li:hover{color:#fff;background:var(--color-main-black);border-color:var(--color-main-black);opacity:0.8}
.pagination>li>a{color:inherit;display: block;padding: 0 0.5rem;transition: none;}
.pagination>li>.prev,
.pagination>li>.next,
.pagination>li>.jump{font-size:1rem;}
.pagination>.current{color:#fff;background:var(--color-main-black);border-color:var(--color-main-black);}
.pagination>.current:hover{opacity:1;}
.pagination--custom>li{color: #fff;background: var(--color-main-black);border-color: var(--color-main-black);}
.pagination--custom>.current{color: var(--color-main-black);font-size: 12px;background: #eee;min-width: 30px;line-height: 30px;text-align: center;float: left;margin: 0 2px;border: 1px solid #ddd;border-radius: 3px;transition: all 0.2s ease-in-out;}
.admin-bar-menu{  position: fixed;top: 0;z-index: 7900;left: 0;background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#cacaca));background: -moz-linear-gradient(top, #efefef, #cacaca);color: var(--light);    z-index: 8001;}
.admin-bar-menu .ad-bar-show{display: none;}
.admin-bar-menu.show .ad-bar-show{display: flex;}
.admin-bar-menu .ad-bar-show.active{background: var(--dark);}
.admin-bar-menu .ad-bar-show.active button{color: var(--light);}
.admin-bar-menu a{color: var(--dark);padding: 0.25rem .5rem;display: block;}
.admin-bar-menu li{border-right:1px solid var(--dark);}
.admin-bar-menu li:last-child{border-right: 0;}
.admin-bar-menu a:hover{color:var(--color-main-black)}
.admin-bar-menu  ul{box-shadow: 1px 1px 5px 1px rgb(51 51 51 / 36%);}
.admin-bar-menu .nav-tabs{box-shadow:none;}
.adminBarMenuCtn{ display:none;position: relative;z-index: 8002;    color: var(--dark);}
.admin-bar-menu.show .adminBarMenuCtn{display:block;height: 0;visibility: hidden;opacity: 0;transition: all .3s;}
.admin-bar-menu.show .adminBarMenuCtn.show{visibility:visible;opacity: 1;height: calc(100vh - 29px);    overflow-y: auto;    overflow-x: hidden;background: var(--white);}
.adminBarMenuCtnClose{position: absolute;right: -25px;}
.adminBarMenuCtn-Item{display: none;}
.adminBarMenuCtn-Item.show{display: block;}
.adminBarMenuCtnUserLogout{    position: absolute;bottom: 1rem;left: 50%;transform: translateX(-50%);background: var(--danger);}
/* Menu */
.logo img{max-height: 90px;}
header{ position: relative;height: 100vh;background-size: cover;background-repeat: no-repeat;}
header::before{    content: '';position: absolute;width: 100%;height: 100vh;background: var(--background-main-black);z-index: 1;}
header .pz2{position: relative;z-index: 2;    height: 100vh;}
header .header-right{ width: 100%;margin-left: 2rem;display: flex;    justify-content: end;    -ms-flex-align: center!important;align-items: center!important;}
header .header-nav a{    padding: 6px 12px;color: var(--color-main-yellow);text-transform: uppercase;font-weight: 500;    display: block;}
header .header-hotline{background: var(--color-main-yellow);color: var(--color-main-black);font-weight: 700;padding: 0.4rem 0.75rem;display: block;margin: 0 1rem;line-height: 1.5;}
header .header-lang{    display: flex;list-style: none;margin-left: 0.75rem;padding-left: 0;margin-bottom: 0;}
header .header-lang button{ background: transparent;border: none;    padding: 0 0.1rem;}
header .header-search{display: flex;-ms-flex-align: center!important;align-items: center!important;    position: relative;}
header .header-search button[type="button"]{background: transparent;border: none;color: var(--color-main-yellow);font-size: 1.75rem;margin: 0;padding: 0;line-height: 0;}
header .header-search button[type="submit"]{ position: absolute;right: 4px;top: 50%;padding: 0rem 0.5rem;transform: translateY(-50%);border-radius: 0;}
header .header-des{    position: absolute;top: 63px;z-index: 2;}
header .header-des h2{    font-size: 3rem;color: var(--color-main-yellow);line-height: 1.2;    font-weight: 400;}
header .header-des p{    padding: 1rem 0;color: var(--light);font-size: 1.2rem;}
header .header-nav .active a,.header-nav .nav-item:hover a{    border-bottom: 2px solid;}
.home-about-us{font-size: 1.4rem;color: var(--dark);margin: 3rem 0;}
.home-about-us img{    max-width: 40%;display: inline-block;margin-bottom: 0;margin-top: 1rem;margin-left: 1rem;}
.homeAboutUs-h3{font-weight: 700;font-size: 1.3rem;color: var(--dark);position: relative;display: inline-block;margin-bottom: 20px;text-transform: uppercase;}
.homeAboutUs-h3::before {position: absolute;content: "";background: var(--dark);width: 40px;height: 2px;left: 106%;top: 50%;transform: translateY(-50%);}
.homeAboutUs-h3::after {position: absolute;content: "";background: var(--dark);width: 40px;height: 2px;right: 106%;top: 50%;transform: translateY(-50%);}
.center-title{text-align: center;    margin: 1rem 0;}
.homeAboutUs-des p{margin-bottom: 0;}
.home-intro{      background-repeat: no-repeat;padding: 100px 0px 100px 0px;background-size: cover;background-attachment: fixed;position: relative;    background-position-y: center;}
.home-intro::before,.home-contact::before{content:'';    position: absolute;background: var(--background-main-black);width: 100%;left: 0;top: 0;height: 100%;}
.home-intro p.des{   font-size: 2rem;font-weight: 500;text-transform: none;font-style: italic;line-height: 1.5em;    position: relative;z-index: 2;    font-family: "Lora", Sans-serif;}
.home-intro .cus{text-align: right;font-size: 1.5rem;font-style: italic;font-family: "Lora", Sans-serif;position: relative;z-index: 2;color: var(--light);margin-right: 1rem;}
.home-intro .slick-arrow{ cursor: pointer;opacity: .8;font-size: 3rem;color: var(--light);position: absolute;top: 50%;transform: translateX(-50%);}
.home-intro .arrow-right{right:0}
.home-intro .arrow-left{left:0}
.home-intro .homeIntroUl{width: 90%;margin: 0 auto;padding:0 2rem}
.homeGalleryItem{position: relative;display: block;}
.homeGalleryItem .itemMore{position: absolute;top: 50%;left: 50%;font-size: 2rem;font-weight: 700;color: var(--light);transform: translate(-50%, -50%);display: flex;}
.homeGalleryItem::before{content:'';position: absolute;left: 0;right: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 49%);}
.homeGalleryItem i{font-size: 1.5rem;}
.home-contact{padding: 1.5rem 0;margin-top : 3rem;background: #333;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;position: relative;    background-position-y: bottom;}
.home-contact .homeContactDes{border: 2px solid var(--light);height: 450px;    background: transparent;color: var(--light);    text-align: center;}
.home-contact .homeContactDes .homeAboutUs-h3{color: var(--light);}
.home-contact .homeContactDes .homeAboutUs-h3::before,.home-contact .homeContactDes .homeAboutUs-h3::after{background: var(--light);}
.home-contact .homeContactAddress{font-size: 1rem;    }
.home-contact .homeContactPhone{font-size: 1.5rem;color: var(--color-main-yellow);}
.home-contact .homeContactDiv{    position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.social_group a,footer a{color: var(--light);}
.social_group{    display: flex;justify-content: center;}
.social_group li a{display: block;font-size:1.5rem;transition: all 0.3s ease;width: 2.5rem;line-height: 2.5rem;text-align: center;background: transparent;}
.social_group li a:hover{color: #000;background: var(--color-main-yellow);}
.homeContactSwLc:focus{border-color: var(--light);box-shadow:none;}
footer{    padding: 0.75rem 0;background: var(--color-main-black);color: var(--light);}
.homeContactSwLc{color: var(--light);}
.homeGalleryBooknow{position: relative;}
.homeGalleryBooknow img.pe1{position: absolute;bottom: 0;left: -33px;width: 50%;}
.homeGalleryBooknow img.pe2{position: absolute;top: 0;right: 0;width: 50%;}
.homeGalleryBooknow img.pe3{position: absolute;top: 0;left: -49px;width: 50%;}
.homeGalleryBooknow .homeGalleryBookForm{position: relative;z-index: 3;background: rgb(255 255 255 / 58%);padding: 2rem;}
.form-label-group {position: relative;margin-bottom: 1rem;}
.form-label-group input,.form-label-group label {padding: .5rem 0;}
.form-label-group input:focus{outline: 0;box-shadow: none; background-color: transparent;border-color: #000;}

.form-label-group input{background: transparent;border: 0;border-bottom: 2px solid var(--color-main-black);border-radius: 0;color: var(--color-main-black);}
.form-label-group label {position: absolute;top: 0;left: 15px;display: block;width: calc(100% - 30px);margin-bottom: 0;line-height: 1.5;color:var(--color-main-black);pointer-events: none;cursor: text; /* Match the input under the label */border: 1px solid transparent;border-radius: .25rem;transition: all .1s ease-in-out;}
.form-label-group input::-webkit-input-placeholder {color: transparent;}
.form-label-group input::-moz-placeholder {color: transparent;}
.form-label-group input:-ms-input-placeholder {color: transparent;}
.form-label-group input::-ms-input-placeholder {color: transparent;}
.form-label-group input::placeholder {color: transparent;}
.form-label-group input:not(:-moz-placeholder-shown) {padding-top: 1rem;padding-bottom: .25rem;}
.form-label-group input:not(:-ms-input-placeholder) {padding-top: 1rem;padding-bottom: .25rem;}
.form-label-group input:not(:placeholder-shown) {padding-top: 1rem;padding-bottom: .25rem;}
.form-label-group input:not(:-moz-placeholder-shown) ~ label {padding-top: .1rem;padding-bottom: .1rem;font-size: 12px;color: #777;}
.form-label-group input:not(:-ms-input-placeholder) ~ label {padding-top: .1rem;padding-bottom: .1rem;font-size: 12px;color: #777;}
.form-label-group input:not(:placeholder-shown) ~ label {padding-top: .1rem;padding-bottom: .1rem;font-size: 12px;color: #777;}
.form-label-group input:-webkit-autofill ~ label {padding-top: .25rem;padding-bottom: .25rem;font-size: 12px;color: #777;}
.adminTool{position: relative;}
.adminTool .adminToolBtn{position: absolute;top: -5px;left: -5px;border: 2px solid var(--red);width: calc(100% + 10px);height: calc(100% + 10px);z-index: 8000;opacity: 0;visibility: hidden;transition: all .3s;}
.adminTool .adminToolBtn button{ position: absolute;right: -32px;background: var(--red);border: 0;line-height: 30px;display: inline-block;bottom: -2px;color: var(--light);font-size: 1rem;width: 30px;height: 30px;z-index: 8000;opacity: 0;visibility: hidden;transition: all .3s;}
.adminTool .adminToolBtn::before{content:'';    top: -5px;left: -5px;position: absolute;width: calc(100% + 10px);height: calc(100% + 10px);z-index: 8000;}
.adminTool .adminToolBtn button.left{left: -32px;right:auto;}
.adminTool .adminToolBtn button.bottom{right: auto;top: calc(100% + 2px);left: calc(100% - 28px);}
.adminTool .adminToolBtn button.top{left: calc(100% - 28px);right: 0;top: -32px;bottom: auto;}
.adminTool:hover .adminToolBtn,.adminTool:hover .adminToolBtn button{opacity: 1;visibility: visible;}
.adminToolCtn{display: none;}
.textareaQuickSave{position: absolute;right: calc(0.75rem * 2 - 3px);top: calc(0.375rem * 2 + 8px);background: transparent;border: 0;padding: 0;line-height: 0;font-size: 1.3rem;color: var(--dark);opacity: 0;visibility: hidden;transition: all .3s;}
.textareaQuickSave.show{opacity: 1;visibility: visible;}
.galleryChangeAdd{    border: 1px solid var(--gray);text-align: center;height: 100px;line-height: 100px;font-size: 2rem;background: var(--light);border-radius: 0.25rem;cursor: pointer;width: 100px;margin-bottom: 2rem;}
.galleryChangeItem{ position: relative;text-align: center;}
.galleryChangeItem img{height: 100px;border: 1px solid var(--gray);padding: 3px;border-radius: 0.25rem;}
.galleryChangeItem button{border-radius: 50%;height: 25px;width: 25px;display: block;cursor: pointer;position: absolute;top: 0;right: 0;border: 1px solid var(--gray);line-height: 25px;padding: 0;color: var(--color-main-black);    background: var(--white);}
.ggmapdefault{width: 100%;height: 100%;background: var(--color-main-gray);}
.footer_map iframe{border:0;width:100% !important;}
.payment-captcha{position: fixed;background: rgb(0 0 0 / 61%);top: 0;left: 0;width: 100%;z-index: 999;height: 100%;display: none;}
.payment-captcha .slidercaptcha{position: relative;left: 50%;top: 50%;width: 340px;height: 358px;display: block;transform: translate(-50%, -50%);z-index: 999;}
.payment-captcha .slider{color: #FFF;background: var(--color-main-yellow-bold);}
.payment-captcha .sliderbg{background-color: rgb(252 183 0 / 25%);border: 1px solid var(--color-main-yellow-bold);}
.payment-captcha .payment-captcha-fixed{position: absolute;width: 100%;height: 100%;background: transparent;top: 0;left: 0;}
.payment-load{position: fixed;width: 100%;height: 100%;z-index: 100;background: rgb(255 255 255 / 79%);top: 0;left: 0;display: none;}
.payment-load .payment-load-fixed{position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);    text-align: center;}
.payment-load .payment-load-fixed h5{ font-size: 1rem;margin-top: 1rem;color: var(--danger);font-weight: 700;text-transform: uppercase;}
.sliderMask{    width: 40px;z-index: 2;}

/* Fallback for Edge
  -------------------------------------------------- */
@supports (-ms-ime-align: auto) {
.form-label-group {display: -ms-flexbox;display: flex;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
.form-label-group label {position: static;}
.form-label-group input::-ms-input-placeholder {color: #777;}
}
.scroll-top {display: none;background-color: rgb(0 0 0 / 60%);border-radius: 4px;width: 50px;height: 50px;position: fixed;bottom: 1rem;right: 20px;padding: 0;z-index: 999;    border-radius: 50%;box-shadow: 1px 1px 5px 1px rgb(51 51 51 / 36%);    border: 1px solid var(--color-main-yellow);}
.scroll-top i {color: white;font-size: 22px;line-height: 40px;font-weight: 600;}
.scroll-top:focus ,.pro-details-sort select:focus,.no-focus,.shopcart-view input:focus{outline: none !important;box-shadow: none !important;}
.scroll-top:hover {background-color: var(--color-main-black);}
.header-lang li button{    opacity: .3;}
.header-lang li:hover button,.header-lang li.active button{opacity:1;}

/* Medium devices (tablets, 768px and up)*/
@media (max-width: 991.98px) {
    #debug-kit-toolbar,.admin-bar-menu{display: none;}
    .sw_nav_mobile{position: relative;z-index: 901;}
    .menu-mobile{width: calc(100% - 44px - 3rem);height: 100%;background: #FFF;position: fixed;top: 0;left: -150%;z-index: 999;opacity: 0;visibility: hidden;transition: left .5s;box-shadow: 1px 1px 5px 1px rgb(51 51 51 / 36%)}
    .menu-mobile.show{opacity: 1;visibility: visible;left:0;}
    .menu-mobile ul.nav{display: block;margin: 1rem;}
    header .header-nav a{color: var(--color-main-black);    border: 2px solid;margin-bottom: 1rem;}
    .sw_nav_mobile.active{position: fixed;right: 1rem;top:1rem;z-index: 9999;box-shadow: 1px 1px 5px 1px rgb(51 51 51 / 36%)}
    .menu-mobile.show ~ .menu-mobile-bg{position: fixed;width: 100%;height: 100%;background: rgb(0 0 0 / 72%);left: 0;top: 0;z-index: 900;}
    .header-hotline.active{ position: fixed;right: calc(1rem + 44px);top:1rem;z-index: 9999;box-shadow: 1px 1px 5px 1px rgb(51 51 51 / 36%)}
    .homeGalleryBooknow .homeGalleryBookForm{    z-index: 1 !important;}
    header .header-des h2{font-size: 2.5rem;}
    .homeAboutUs-h3::before,.homeAboutUs-h3::after{display: none;}
    .h41{max-height: 41vh;overflow-x: hidden;overflow-y: auto;}
    .h41::-webkit-scrollbar-thumb {background-color: var(--color-main-yellow); border-radius: 5px; }
    .h41::-webkit-scrollbar {width: 10px; background-color: #ddd; }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1170px;
    }
    
}
@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}
/*css IE 11*/
@media all and (-ms-high-contrast:none) {

}
/* all desktops */
@media (min-width: 992px){

}