html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;width:100%;height:100%}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}a:focus,a{outline:none;text-decoration:none;cursor:pointer}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}body{max-width:425px;margin:0 auto;height:100%}svg{vertical-align:middle}input{outline-width:0;outline-offset:0;outline:0;border:none;outline:none;width:100%}textarea{outline-width:0;outline-offset:0;outline:0;resize:none}ul{padding:0;margin:0;list-style-type:none}.overflow{overflow-y:scroll}.container{padding:0 16px}.mt-30{margin-top:30px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-10{margin-top:10px}.mt-5{margin-top:5px!important}.pt-20{padding-top:20px}.pb-20{padding-bottom:20px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-5x{margin-bottom:5px}.mlr-auto{margin-left:auto;margin-right:auto}::-webkit-scrollbar{display:none}.white-filter{filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(221deg) brightness(105%) contrast(101%)}.site-content{width:100%;box-shadow:0 0 10px rgba(0,0,0,.1)}.playjar{font-family:'Playfair Display',serif;font-size:1.8em;color:#8b0000}.opening-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:transparent;transition:opacity 1s ease-out}.opening-screen.hidden{opacity:0;pointer-events:none}.opening-left,.opening-right{position:fixed;top:0;width:50vw;height:100vh;background-color:#8b0000;transition:transform 1s ease-in-out;z-index:1}.opening-left{left:0;border-right:1px solid #fff}.opening-right{right:0;border-left:1px solid #fff}.opening-screen.open .opening-left{transform:translateX(-100%)}.opening-screen.open .opening-right{transform:translateX(100%)}.open-btn{position:relative;z-index:2;cursor:pointer;width:95px;height:auto;transition:transform .3s ease-in-out}.open-btn:hover{transform:scale(1.05)}.opening-screen.open .open-btn{opacity:0;transition:opacity .5s ease-out}.ceo-content{position:relative;width:100%;overflow:hidden}.hero-sec-main{position:relative}.hero-bottom-sec{margin-top:-60px;position:relative;text-align:center}.client-name{color:var(--11,#e4c590);text-align:center;font-family:Poppins;font-size:24px;font-style:normal;font-weight:700;line-height:36px}.client-title{color:var(--14,#fff);text-align:center;font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.menupage-1-reser-overlay{position:absolute;width:100%;height:100%;left:0;right:0;bottom:0;top:0}.header-content{display:flex;align-items:center;justify-content:space-between;padding:15px 16px 0 16px;position:absolute;top:0;width:100%}.header-logo{width:72px;height:72px;border-radius:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(11,19,21,.80) 0%,rgba(11,19,21,.20) 100%);backdrop-filter:blur(5px)}.custom-language-btn{margin:0;border-radius:16px;background:linear-gradient(180deg,rgba(11,19,21,.80) 0%,rgba(11,19,21,.20) 100%)!important;backdrop-filter:blur(5px);padding:4px 8px 4px 8px;height:32px;display:flex;align-items:center;justify-content:center;gap:8px;border:none!important;color:var(--14,#fff)!important;font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.dropdown-item{color:var(--14,#000);font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.flag-icon{width:25px;height:20px;margin-right:10px}.dropdown-toggle::after{content:url(https://hoang-huyen.online/assets/svg/up-arrow.svg)!important;border:0;width:24px;height:24px;margin-left:auto}.dropdown-item:active,.dropdown-item:hover{background: rgb(228 197 144 / 30%) !important;color:#000;!important}.btn.show{color:#fff!important}.custom-language-btn:hover{color:#fff!important}.hero-bottom-sec img{border-radius:16px;width:30%}.modal-header{border-bottom: 1px solid rgb(166 166 166 / 20%)}.hero-top-sec{position:relative}.bg-shape{position:absolute;left:0;right:0;bottom:0}.social-icon-content{display:flex;gap:15px;align-items:center;justify-content:center;flex-wrap:wrap}.social-icon-content-wrap{border-radius:60px 39px 50px 40px;background:#e4c590;padding:8px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;position:relative;transition:.3s;border:2px solid transparent}.social-icon-content-wrap:hover{background:#fff;transition:.3s}.location{border-top:1px solid #bf1e2d;border-bottom:1px solid #bf1e2d;padding:5px 0}.date-time{font-size:1.1em;letter-spacing:7px;ont-family:"Open Sans" , sans-serif;font-optical-sizing:auto;font-weight:300}.date{font-size:1.8em;font-weight:300;margin-bottom:20px}.double-happiness{width:40px;margin-bottom:15px}.names{font-family:'Dancing Script',cursive;font-size:2em;color:#555;margin-bottom:20px}.main-color{color:#bf1e2d}.phong-tieu-de{font-family:"Open Sans",sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-size:1.8em}.about-us-bottom-wrap{display:flex;justify-content:center;gap:12px;width:100%}.inhoa{text-transform:uppercase}.family{font-size:1.2em;color:#bf1e2d}.services-card_text{color:#a7a7a7;text-align:center;font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:24px}.services-card_icon{width:80px;height:80px;background:#e4c590;display:flex;align-items:center;justify-content:center;border-radius:60px 39px 50px 40px;margin:0 auto}.services-card{text-align:center}.groom-family,.bride-family{flex:1;padding:0 10px}.gia-dinh{color:#000;font-weight:bold;font-family:"Roboto Condensed",sans-serif;font-size:.85em;letter-spacing:-.5px}.gallery-box,.gallery-box .gallery-img{overflow:hidden;position:relative}.gallery-box .gallery-img>img{transition:all .27s cubic-bezier(.3,.1,.58,1);width:100%;border-radius:24px}.gallery-box .gallery-img:after{content:" ";display:block;width:100%;height:100%;position:absolute;top:0;left:0;transition:all .27s cubic-bezier(.3,.1,.58,1);border-radius:24px}.gallery-box .gallery-detail{opacity:0;color:#fff;width:100%;padding:20px;box-sizing:border-box;position:absolute;left:0;overflow:hidden;transition:all .27s cubic-bezier(.3,.1,.58,1)}.gallery-box:hover .gallery-detail{top:50%;transform:translate(0,-50%);opacity:1;transition:all .27s cubic-bezier(.3,.1,.58,1);display:flex;align-items:center;justify-content:center}.gallery-box:hover .gallery-img:after{background: rgb(11 19 21 / 50%);transition:all .27s cubic-bezier(.3,.1,.58,1)}.homepage1-menu-content{display:flex;align-items:center;column-gap:12px}.tab-menu-txt1{font-family:Poppins;font-weight:400;font-size:18px;line-height:26px;color:#fff}.tab-menu-txt2{font-family:Poppins;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#a7a7a7}.tab-menu-txt3{font-family:Poppins;font-weight:400;font-size:22px;line-height:30px;color:#e4c590}.homepage1-menu-left img{border-radius:60px 39px 50px 40px;width:100px;height:100px}.couple-bottom-img{width:100%;max-width:95%;height:auto;display:block;margin:20px auto}#invitation-text{font-size:1em;background-color:#ffebeb}.dia-diem{margin:20px;border-radius:10px;border:2px solid #8b0000;padding:20px 5px}.xac-nhan{font-weight:400;color:#fff;text-align:center;font-size:1.6em}.event-details h2{font-size:1.6em}.event-details p{font-size:1em}.calendar th,.calendar td{padding:8px;font-size:.85em}.confirm-attendance{padding:20px 10px}.confirm-attendance form{max-width:100%;padding:0 10px;box-sizing:border-box}.confirm-attendance input,.confirm-attendance select,.confirm-attendance textarea{font-size:.95em}.submit-btn{padding:10px 20px;font-size:1em}.thank-you-message h2{font-size:2.5em}.thank-you-message p{font-size:1.1em}.invitation-text{font-size:1em}.view-map-btn{background-color:#8b0000;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color .3s ease}.view-map-btn:hover{background-color:#a00}.calendar{margin-top:30px;border:1px solid #ddd;padding:15px;border-radius:5px;background-color:#fff}.calendar h4{font-size:1.2em;color:#8b0000;margin-bottom:15px}.calendar table{width:100%;border-collapse:collapse}.calendar th,.calendar td{padding:10px;text-align:center;border:1px solid #eee}.calendar th{background-color:#f5f5f5;color:#8b0000}.calendar td{font-size:.9em}.highlight-date{background-color:#ffe6e6;font-weight:bold;color:#8b0000;border:2px solid #8b0000;border-radius:50%}.confirm-attendance{padding:30px 20px;background-color:#bf1e2d;border-bottom:1px solid #eee;text-align:center;position:relative;overflow:hidden}.top-title{font-size:1.6em;text-align:center}.wedding-album{padding:30px 20px;text-align:center;background-color:#fff}.wedding-album h2{font-family:'Playfair Display',serif;font-size:1.8em;color:#8b0000;margin-bottom:20px}.album-grid{position:relative;max-width:1200px;margin:0 auto;padding:0;min-height:100px}.album-grid a{position:absolute;display:block;overflow:hidden;border-radius:12px;box-shadow:0 8px 16px rgba(0,0,0,.1);transition:transform .3s ease , box-shadow .3s ease , opacity .8s ease-out;opacity:1;visibility:visible}.album-grid a.hidden{opacity:0;visibility:hidden;transform:translateY(20px)}.album-grid a:hover{transform:translateY(-5px);box-shadow:0 12px 24px rgba(0,0,0,.15)}.album-grid img{width:100%;height:auto;display:block;border-radius:12px;transition:transform .8s ease-out , opacity .8s ease-out;opacity:1}.album-grid a.slide-in-left img{transform:translateX(-100px);opacity:0}.album-grid a.slide-in-right img{transform:translateX(100px);opacity:0}.album-grid a:not(.hidden) img {transform:translateX(0);opacity:1}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease , visibility .3s ease}.lightbox-overlay.visible{opacity:1;visibility:visible}.lightbox-content{max-width:90%;max-height:90%}.lightbox-content img{max-width:100%;max-height:100%;display:block;border-radius:8px}.lightbox-close{position:absolute;top:20px;right:30px;color:#fff;font-size:40px;cursor:pointer;z-index:1001}.scan-btn{background:var(--15,#fff);border-radius:50%;align-items:center;justify-content:center}.scan-btn img{padding:3px;width:36px;height:36px}#back-to-top{display:none;position:fixed;z-index:1000;transition:opacity .3s ease-in-out;box-shadow:0 2px 5px rgba(0,0,0,.2);bottom:15px;line-height:1}#back-to-top:hover{background-color:#ffebeb}.contact-details{display:flex;gap:12px;padding:12px;border-radius:12px;border: 2px solid #fff3}.contact-icon{border-radius:6px;background:var(--2,#e4c590);padding:10px;width:44px;height:44px}.contact-list{display:flex;align-items:center;justify-content:space-between}.contact-list .time-txt{font-weight:400;width:55%}.days-txt{font-weight:500}.contact-content,.w-90{width:90%}.w-100{width:100%;max-width:100%}.days-txt,.contact-list .time-txt{color:var(--2,#a6a6a6);font-family:Poppins;font-size:14px;font-style:normal;line-height:26px}.map-img iframe{width:100%;height:250px;border-radius:12px}.add-to-btn{margin-left:auto}.add-to-contact-wrap{display:flex;align-items:center;gap:12px}.add-to-btn-sec{display:flex;align-items:center;border-radius:30px;background:var(--2,#fff);box-shadow:0 4px 8px 0 rgba(0,0,0,.32);padding:6px 6px 6px 30px;justify-content:end;width:fit-content;gap:8px}.add-txt{color:var(--1,#000);text-align:center;font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:24px}.plus-btn{border-radius:24px;background:var(--1,#e4c590);padding:12px}.add-to-contact{position:fixed;width:100%;bottom:0;max-width:425px;left:0;right:0;padding-bottom:20px}.footer p{color:var(--29,#fff);text-align:center;font-family:Poppins;font-size:12px;font-style:normal;font-weight:400;line-height:20px}.card-image img{border-radius:24px}#product-modal,#share-media-modal,#blog-modal,#gallery-modal{background: linear-gradient(180deg, rgb(18 21 28 / 0%) 0%, rgb(18 21 28 / 0%) 100%);backdrop-filter:blur(4px)}#product-modal .modal-content,#share-media-modal .modal-content{border-radius:24px}.scan-content{text-align:center;border:2px solid #e4c590;height:auto;width:250px;margin:0 auto;padding:12px;border-radius:8px}.scanner img{width:100%;height:auto}.scan-txt{padding:14px;background:#e4c590;border-radius:8px}.scan-txt p{color:var(--2,#fff);font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:20px}.btn1 a{color:var(--1,#000);text-align:center;font-family:Poppins;font-size:16px;font-style:normal;font-weight:600;line-height:20px;border-radius:8px;background:#fff;padding:12px 14px;display:flex;align-items:center;justify-content:center;width:100%}.qr-btn{display:flex;align-items:center;justify-content:center;gap:12px}.btn1{width:140px}.modal-title{color:var(--2,#fff);font-size:20px;font-style:normal;font-weight:700;line-height:30px}.social-media-content{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:16px}.social-media-img{width:60px;height:60px;background:transparent;border-radius:30px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.social-media-img:hover{background:#e4c590;transition:all .3s ease}.social-media-img img{filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(221deg) brightness(105%) contrast(101%);width:30px;height:30px}.social-media-img:hover.social-media-img img{filter:brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(7%) hue-rotate(323deg) brightness(104%) contrast(102%);transition:all .3s ease}.preloader{width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:auto;background:-o-radial-gradient(circle,#333,#000) no-repeat;background:radial-gradient(circle,#333,#000) no-repeat;z-index:999;text-align:center;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.design{width:200px;height:200px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);justify-content:center;align-items:center}.square{width:100px;height:100px}.design9{grid-gap:10px;overflow:hidden;padding:50px}.design9 .square{width:50px;height:50px;background-color:#e4c590;position:relative}.design9 .square:nth-child(1) {animation:animation91 cubic-bezier(1,0,0,1) 1s infinite}.design9 .square:nth-child(4) {animation:animation92 cubic-bezier(1,0,0,1) 1s infinite}.design9 .square:nth-child(3) {animation:animation93 cubic-bezier(1,0,0,1) 1s infinite}.design9 .square:nth-child(2) {animation:animation94 cubic-bezier(1,0,0,1) 1s infinite}@keyframes animation91 {
0%,
100% {
transform: translateY(0) rotateX(0) scale(1);
transform-origin: 50% 0%;
}
50% {
transform: translateY(-50%) rotateX(-90deg);
transform-origin: 50% 50%;
}
}@keyframes animation92 {
0%,
100% {
transform: translateY(0) rotateX(0) scale(1);
transform-origin: 50% 100%;
}
50% {
transform: translateY(50%) rotateX(90deg);
transform-origin: 50% 50%;
}
}@keyframes animation93 {
0%,
100% {
transform: translateX(0) rotateY(0) scale(1);
transform-origin: 0% 50%;
}
50% {
transform: translateX(-50%) rotateY(90deg);
transform-origin: 50% 50%;
}
}@keyframes animation94 {
0%,
100% {
transform: translateX(0) rotateY(0) scale(1);
transform-origin: 100% 50%;
}
50% {
transform: translateX(50%) rotateY(-90deg);
transform-origin: 50% 50%;
}
}.product-content-main{background:#000;height:100%;width:100%;overflow:auto;padding-bottom:20px}#product-main .product-sec-wrap,#blog-main .product-sec-wrap{display:flex;align-items:center;gap:12px;justify-content:space-between}.product-title{color:var(--2,#fff);font-family:Poppins;font-size:18px;font-style:normal;font-weight:600;line-height:24px;text-transform:uppercase}.buy-now a{color:var(--1,#fff);text-align:center;font-family:Poppins;font-size:16px;font-style:normal;font-weight:600;line-height:20px;border-radius:5px;background:var(--15,#e4c590);padding:8px 12px;display:flex;align-items:center;justify-content:center;width:fit-content}.feedback-email input,.custom-textarea-product,.custom-select-subject select{border-radius:12px;border: 2px solid #fff3;padding:14px;width:100%;color:var(--14,#737373);font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:20px;margin-top:5px;background:transparent}.custom-lbl-feedback{color:var(--2,#fff);font-family:Poppins;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.product-btn{display:flex;align-items:center;gap:12px;justify-content:end}.discard-btn a{background:#737373;color:#fff}.title{color:var(--2,#000);font-family:Poppins;font-size:20px;font-style:normal;font-weight:600;line-height:24px}.modal-content{background:#bf1e2d}.btn-close{filter:brightness(0) saturate(100%) invert(100%) sepia(56%) saturate(112%) hue-rotate(253deg) brightness(121%) contrast(100%);opacity:1}.blog4-txt1{color:#e4c590;font-size:16px;font-family:Poppins;font-style:normal;font-weight:400;line-height:20px;padding-right:5px}.blog4-date{color:#a6a6a6;font-size:15px;font-family:Poppins;font-style:normal;font-weight:400;line-height:20px;border-left:2px solid;padding-left:8px}.singleblog1-txt1{color:#fff;font-family:Poppins;font-size:22px;font-style:normal;font-weight:400;line-height:30px}.singleblog1-txt2,.singleblog1-txt3{color:#a6a6a6;font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:24px}.singleblog1-content2-sec{background: rgb(255 222 159 / 10%);padding:20px;border-left:4px solid #e4c590}.singleblog1-txt4{color:#fff;font-family:Poppins;font-size:20px;font-style:normal;font-weight:400;line-height:30px}.singleblog1-txt5{color:#e4c590;font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.singleblog1-content4-sec-full{display:flex;gap:12px}.singleblog1-content5-sec-full{display:flex;justify-content:space-between}.blog-tags span{color:#a6a6a6;font-family:Poppins;font-size:18px;font-style:normal;font-weight:600;line-height:normal}.blog-tags a{color:#a6a6a6;font-weight:400}.single-blogpage1-social-icon{display:flex;align-items:center;column-gap:10px}.single-chefs-page-social-icon{width:36px;height:36px;border-radius:18px;background: rgb(153 169 173 / 20%);display:flex;align-items:center;justify-content:center}.single-chefs-page-social-icon a{height:20px;display:flex}.area{width:100%;height:100vh;position:fixed;top:0;left:0;z-index:-1}.circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:#e4c590;animation:animate 25s linear infinite;bottom:-150px}.circles li:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s}.circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.circles li:nth-child(6){left:75%;width:60px;height:60px;animation-delay:3s}.circles li:nth-child(7){left:35%;width:40px;height:40px;animation-delay:7s}.circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}.circles li:nth-child(10){left:85%;width:30px;height:30px;animation-delay:0s;animation-duration:11s}.circles li:nth-child(11){left:76%;width:40px;height:40px;animation-delay:0s;animation-duration:6s}@keyframes animate {
0%{
transform: translateY(0) rotate(0deg);
opacity: 1;
border-radius: 50%;
}
100%{
transform: translateY(-1000px) rotate(720deg);
opacity: 0;
border-radius: 50%;
}
}body{overflow-x:hidden}.scroll-fade-in-up{opacity:0;transform:translateY(50px);transition:opacity 1s ease-out , transform 1s ease-out;will-change:opacity , transform}.scroll-fade-in-up.is-visible{opacity:1;transform:translateY(0)}.confirm-attendance{min-height:400px;position:relative;overflow:hidden}.inquiry-bottom-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.inquiry-form{transition:opacity .5s ease-out , transform .5s ease-out;width:100%;box-sizing:border-box}.thank-you-message{opacity:0;transform:translateY(20px);transition:opacity .5s ease-out , transform .5s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;box-sizing:border-box;visibility:hidden;text-align:center;background-color:#e6ffe6;border:1px solid #8b0000;border-radius:8px;padding:20px;color:#8b0000}.inquiry-bottom-content.show-thank-you .thank-you-message{opacity:1;transform:translate(-50%,-50%);visibility:visible}.inquiry-bottom-content.show-thank-you .inquiry-form{opacity:0;transform:translateY(-20px);pointer-events:none}