:root{--color-main:#F36D21;--color-main-2:#F36D21;--color-main-3:#F36D21;--color-active:#EF5051;--color-social:#DC150F;--color-hover:#F36D21;--color-text:#BB221D;--f-r:SVN-Poppins;--f-m:SVN-Poppins Medium;--f-b:SVN-Poppins Bold;--f-bl:SVN-PoppinsBlack;}
body{font-size:14px;font-family:var(--f-r);}
.wrap-container{overflow:hidden;margin:auto;max-width:1920px;/* min-width:1200px;margin:0 auto;*/
}
.wrap-content{margin:auto;max-width:1230px;padding-left:15px;padding-right:15px;}
.wrap-main{margin:auto;max-width:1230px;padding-left:15px;padding-right:15px;}
.max-width{max-width:1230px;margin:auto;padding-left:15px;padding-right:15px;}
/* Title */
.text-hover:hover{color:var(--color-main) !important;cursor:pointer;}
.title-main{margin-bottom:1.5rem;text-align:center;}
.title-main h1,.title-main h2,.title-main span{color:var(--chnh,#F36D21);font-family:"1FTV VIP Bakari";font-size:40px;line-height:1.5;text-transform:uppercase;}
.title-main .slogan{color:#EF5051;font-family:var(--f-r);font-size:18px;line-height:1.5;text-transform:uppercase;}
.slogan-index{color:#EF5051;text-align:center;font-family:var(--f-b);font-size:18px;line-height:1.5;text-transform:uppercase;}
.title-product-list-set{color:var(--chnh,#F36D21);font-family:"iCiel Cadena";font-size:40px;line-height:1.5;text-transform:uppercase;}
/* Menu */
.menu{position:absolute;top:0;left:0;right:0;z-index:999;background:transparent;}
@media only screen and (max-width:991px){.menu{display:none;}
}
.menu ul{width:100%;padding:0px;margin:auto;list-style:none;}
.menu ul li{position:relative;z-index:1;margin:0px;}
.menu ul li.menu-line{width:4px;height:4px;background-color:#fff;border-radius:50%;}
.menu ul li a{font-family:var(--f-m);margin:0px;/* padding:10px 25px;*/
text-transform:capitalize;position:relative;z-index:1;text-align:center;text-decoration:none !important;display:block;line-height:1.6;color:#FFF;font-size:15px;/* border-radius:60px;*/
}
.menu ul li.active_li > a{background-color:var(--color-main-2);padding:12px 35px;border-radius:0px 50px 50px 0px;}
/* .menu ul li a::before{position:absolute;content:'';width:100%;height:2px;background-color:var(--color-main);border-radius:5px;left:0px;bottom:0px;transform-origin:right;transform:scaleX(0);transition:transform 0.5s;}
.menu ul li a.active::before,.menu ul li:hover > a::before{transform-origin:left;transform:scaleX(1);}
*/
.menu ul li a.active,.menu ul li:hover > a{/* color:#EF5051;*/
/* background:#EF5051;*/
}
.menu ul li a.has-child{/* padding-right:16px;*/
/* margin-right:8px;*/
}
.menu ul li a.has-child:after{/* content:"";*/
position:absolute;bottom:calc(50% - 4px / 2);right:5px;width:5px;height:5px;border:1px solid #fff;border-top:0px;border-left:0px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.menu ul li:hover > a.has-child:after,.menu ul li a.active.has-child:after{border:1px solid var(--color-main);}
/* .menu ul li ul{position:absolute;min-width:250px;margin-top:0px;padding-top:0.75rem;padding-bottom:0.75rem;background-color:#fafafa;border-radius:0.25rem;-webkit-box-shadow:1px 1px 15px rgba(0,0,0,0.15);box-shadow:1px 1px 15px rgba(0,0,0,0.15);-webkit-transform:perspective(600px) rotateX(-90deg);transform:perspective(600px) rotateX(-90deg);-webkit-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;visibility:hidden;}
*/
.menu ul li ul{position:absolute;min-width:250px;left:0;background:var(--color-main);box-shadow:0 3px 11px 0 rgba(0,0,0,0.3);-webkit-transform:perspective(600px) rotateX(-90deg);transform:perspective(600px) rotateX(-90deg);-webkit-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;visibility:hidden;transition:all .5s;}
.menu ul li:hover > ul{-webkit-transform:perspective(600px) rotateX(0);transform:perspective(600px) rotateX(0);-webkit-transform-origin:0 0 0;opacity:1;visibility:visible;transition:all .7s;}
.menu ul li ul li{text-align:left;border-bottom:1px solid rgb(173 173 173 / 32%);}
.menu ul li ul li:last-child{border-bottom:0px;}
.menu ul li ul li a{font-size:14px;padding:10px;display:block;text-decoration:none !important;line-height:20px;text-align:left;font-weight:500;text-transform:capitalize;}
.menu ul li ul li ul{top:0px;left:100%;}
.menu ul li ul li a:before{position:absolute;content:'';top:50%;left:0;width:0;height:1px;background:#fff;transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;visibility:hidden;opacity:0;}
.menu ul li ul li a:hover:before,.menu ul li ul li>a.active:before{left:0;visibility:visible;opacity:1;width:20px;}
.menu ul li ul li a.active,.menu ul li ul li a:hover{padding-left:30px;/* color:var(--color-main);*/
}
.menu-logo{margin-right:70px !important;}
.menu-logo a{padding:0px !important;background:transparent !important;}
.internal-page .menu{position:relative;background:#252324;}
.fixed .menu-logo,.internal-page .menu-logo{zoom:0.5;}
.fixed.menu{background:#F36D2170;}
.internal-page .menu,.internal-cart-page .menu{background:#F36D21;position:relative;}
.home-icon-cirle{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:#F36D21;border-radius:100%;}
.menu-cart-position{font-size:13px;line-height:1.5;color:#000000;font-family:var(--f-r);display:block;}
.menu-cart-absolute{position:absolute;bottom:-5px;left:15px;background:#bf1010;color:#fff;font-size:13px;border-radius:100%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;}
/* SLider */
.control-owl{position:absolute;width:100%;z-index:2;left:0px;top:calc(50% - 22px);opacity:0;}
.position-relative:hover .control-owl{opacity:1;}
.control-owl button{opacity:0.5;top:0px;position:absolute;outline:none;border:0px;border-radius:50% !important;padding:0px;margin:0px;display:block;cursor:pointer;color:#ffffff;width:45px;height:45px;text-align:center;font-size:25px;margin:0px;background-color:var(--color-main);border-radius:3px;display:flex;align-items:center;justify-content:center;}
.control-owl button:hover{opacity:1;}
.control-owl button.owl-prev{left:20px;}
.control-owl button.owl-next{right:20px;}
.slideshow .owl-carousel .owl-item{overflow:hidden;animation-duration:2.5s;}
.slideshow .slideshow-image{display:block;width:100%;height:100%;position:relative;margin:0;list-style:none;background-position:center center;background-repeat:no-repeat;background-size:cover;animation:imageScaleAnimation 30s infinite ease;}
.slideshow .owl-carousel .owl-item{overflow:hidden;animation-duration:2.5s;}
.slideshow .slideshow-image{display:block;width:100%;height:100%;position:relative;margin:0;list-style:none;background-position:center center;background-repeat:no-repeat;background-size:cover;transform-origin:center center;/* Thêm dòng này */
 animation:imageScaleAnimation 30s infinite ease;}
.slideshow .owl-carousel .owl-item.active img{visibility:visible !important;/* Hiển thị hình ảnh slide active */
}
.slideshow-image{animation:imageScaleAnimation 30s infinite ease;}
@-webkit-keyframes imageScaleAnimation{0%{transform:scale(1);}
50%{transform:scale(1.2);}
100%{transform:scale(1);}
}
@-moz-keyframes imageScaleAnimation{0%{transform:scale(1);}
50%{transform:scale(1.2);}
100%{transform:scale(1);}
}
@keyframes imageScaleAnimation{0%{transform:scale(1);}
50%{transform:scale(1.2);}
100%{transform:scale(1);}
}
@media only screen and (max-width:991px){.control-owl{opacity:1 !important;}
.control-owl button{width:25px;height:25px;}
}
.slideshow-pattern{position:absolute;content:'';z-index:2;pointer-events:none;left:0;right:0;bottom:-1px;background-size:100% 100% !important;height:385px;width:100%;}
/* Intro */
.wrap-intro{background:url('../imgs/intro.jpg')no-repeat center / cover;}
.intro-text{color:#EF5051;font-family:var(--f-m);font-size:18px;line-height:1.5;text-transform:uppercase;}
.intro-desc{color:#5C5C5C;font-family:var(--f-r);font-size:15px;line-height:2;}
.intro-btn{border:solid 1px #F36D21;background:#F36D21;font-family:var(--f-m);font-size:15px;line-height:1.5;text-transform:capitalize;padding:10px 30px;color:#fff;}
.intro-btn:hover{background:#fff;color:#F36D21;}
.intro-btn::before{position:absolute;content:'';background:url('../imgs/intro-btn-bf.png')no-repeat;background-size:100% 100%;width:130px;height:55px;bottom:-20px;right:-20px;pointer-events:none;}
/* News */
.criteria-img{width:58px;}
.criteria-info{width:calc(100% - 58px - 15px);}
.crteria-post-name{margin-top:100px;color:var(--ph,#EF5051);font-family:"1FTV VIP Bakari";font-size:36px;font-style:normal;font-weight:400;line-height:1.5;text-transform:uppercase;}
.crteria-post-desc{color:var(--text,#333);font-family:var(--f-r);font-size:15px;line-height:1.5;}
.criteria-name{color:var(--text,#333);font-family:var(--f-b);font-size:18px;line-height:1.5;}
.criteria-desc{color:var(--nd,#5C5C5C);font-family:var(--f-r);font-size:15px;line-height:1.5;height:calc(1.5em *2);}
.wrap-criteria::before{position:absolute;content:'';background:url('../imgs/bf-criteria.png')no-repeat;width:100%;height:380px;pointer-events:none;top:0;left:0;right:0;margin:auto;}
.wrap-criteria{background:url('../imgs/cookie.png')no-repeat bottom 0 right 15%,url('../imgs/leaf.png')no-repeat top 10% right 10%;}
.wrap-feedback-news{background:url('../imgs/bg-news.jpg')no-repeat center / cover;}
.feedback-img-cover{width:185px;height:180px;background:url('../imgs/cus-cover.png')no-repeat;background-size:100% 100%;padding-left:5px;position:relative;z-index:3;}
.feedback-info{position:relative;width:calc(100% - 180px - 20px);}
.feedback-name{color:var(--trng,#FFF);font-family:var(--f-b);font-size:18px;line-height:1.5;}
.feedback-desc{color:var(--trng,#FFF);font-family:var(--f-r);font-size:15px;line-height:1.5;}
.feedback-content{color:var(--trng,#FFF);font-family:var(--f-r);font-size:15px;line-height:1.5;height:calc(1.5em * 4);}
.feedback-info{position:relative;padding:100px 0px;}
.feedback-info::before{position:absolute;content:'';background:url('../imgs/comma-cover.png')no-repeat;transform:translateY(-50%);width:294px;height:314px;pointer-events:none;background-size:100% 100%;z-index:2;top:45%;transform:translateY(-50%);left:-50px;}
.wrap-feedback-news .news-name{color:#fff;}
.wrap-feedback-news .news-desc{color:#fff;}
/* Product */
.wrap-product-list{background:url('../imgs/bg-product.jpg')no-repeat center / cover;}
.product-list-item{color:var(--ph,#EF5051);text-align:center;font-family:var(--f-b);font-size:15px;line-height:1.5;text-transform:uppercase;border-radius:25px;background:#EF505110;padding:10px 25px;}
.product-list-item.active,.product-list-item:hover{background:#EF5051;color:#FFF;cursor:pointer;}
/* Photo */
.wrap-album{background:url('../imgs/album.jpg')no-repeat center / cover;}
.object-cover{object-fit:cover;}
.grid-album{background:url('../imgs/album-text.png')no-repeat bottom 40px right 0;}
.album-external:nth-child(6n+1){margin-top:calc(350px - 240px);}
.album-external:nth-child(6n+3){margin-top:calc(350px - 300px);}
.album-external{float:left;}
.album-external:nth-child(3n){margin-right:0;}
.album-external:nth-child(3n+1){clear:both;}
.album-external{margin-right:20px;margin-bottom:20px;}
.title-book h2{color:var(--trng,#FFF);font-family:"1FTV VIP Bakari";font-size:40px;line-height:1.5;text-transform:uppercase;}
.bg-table-price{position:relative;}
.bg-table-price{position:relative;}
.wrap-menu-book{background:url('../imgs/bg-book.jpg')no-repeat center / cover;}
.f-flipbook{display:inline-block;position:relative;}
.flipbook{margin:auto!important}
.f-flipbook button{position:absolute;top:50%;transform:translateY(-50%);border:none;background:transparent;width:60px;height:60px;color:#EF5051;font-size:45px;}
.f-flipbook button:hover{color:#fff;}
.f-flipbook .turn-next{left:calc(100% + 20px);left:-moz-calc(100% + 20px);left:-webkit-calc(100% + 20px);}
.f-flipbook .turn-prev{right:calc(100% + 20px);right:-moz-calc(100% + 20px);right:-webkit-calc(100% + 20px);}
/* .f-flipbook:before{content:"";position:absolute;top:-45px;bottom:-35px;left:-55px;right:-55px;pointer-events:none;background:url('../imgs/book.png')no-repeat;background-size:100% 100%}
*/
.flipbook-viewport .page{width:426px;height:600px;background:transparent;background-repeat:no-repeat;background-size:100% 100%;}
.flipbook .page{-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);-o-box-shadow:0 0 20px rgba(0,0,0,0.2);box-shadow:0 0 20px rgba(0,0,0,0.2);}
.flipbook-viewport .page img{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;}
.flipbook-viewport .shadow{-webkit-transition:-webkit-box-shadow .5s;-moz-transition:-moz-box-shadow .5s;-o-transition:-webkit-box-shadow .5s;-ms-transition:-ms-box-shadow .5s;-webkit-box-shadow:0 0 20px #ccc;-moz-box-shadow:0 0 20px #ccc;-o-box-shadow:0 0 20px #ccc;-ms-box-shadow:0 0 20px #ccc;box-shadow:0 0 20px #ccc;}
.table-price-image img{background:transparent;}
.table-price-image{height:100%;}
.bg-table-price::before{position:absolute;content:'';background:url('../imgs/book-shadow.png')no-repeat;background-size:100% 100%;width:500px;height:60px;bottom:-54px;left:0;right:0;margin:auto;pointer-events:none;}
/* */
/* Footer */
.timework-text{color:var(--nn,#FFF9ED);font-family:var(--f-b);font-size:15px;line-height:1.5;}
.newsletter-title-text{color:var(--chnh,#F36D21);font-family:var(--f-b);font-size:24px;line-height:1.5;text-transform:uppercase;}
.newsletter-box{border-radius:10px;background:var(--trng,#FFF);box-shadow:0px 4px 15px 0px rgba(0,0,0,0.25);padding:30px;}
.footer-cover{}
.footer-desc{color:#FFF;font-family:var(--f-b);font-size:18px;text-transform:uppercase;}
.bg-footer{background:url('../imgs/footer.jpg')no-repeat center / cover;}
.footer-title{font-family:var(--f-b);line-height:1.5;color:#FFF;font-size:18px;text-transform:uppercase;}
.footer-name{font-family:var(--f-b);font-size:40px;line-height:1.5;text-transform:uppercase;background:var(--Linear,linear-gradient(270deg,#E1AA42 0%,#FDE386 27.5%,#E1AA42 57%,#FDE386 80%,#E1AA42 100%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.footer-content{font-family:var(--f-r);color:#FFF;font-size:15px;line-height:2;}
.info-footer{color:#fff;}
.footer-ul{padding-left:15px;}
.footer-ul li{padding:0px;color:#fff;}
.footer-ul li a{color:#FFF;font-family:var(--f-r);font-size:14px;line-height:2.5;}
.footer-ul li a:hover{text-decoration:underline;}
.footer-ul li.line{font-size:10px;}
.copyright,.statistic{font-family:var(--f-r);color:#FFF;font-size:14px;line-height:1.5;background:#D75D17;padding:10px 0px;}
.copyright span{}
/*Newsletter*/
.newsletter-title-name{color:#FFF;font-family:"1FTV Photograph Signature";font-size:55px;line-height:1.5;}
.newsletter-title-desc{color:#FFF;font-family:var(--f-r);font-size:14px;line-height:1.5;}
.newsletter-cover{background:url('../imgs/newsletter-cover.png')no-repeat;background-size:100% 100%;padding:55px 30px 30px;}
.btn-newsletter-set{width:100%;border:solid 1px #CFAA5B;height:42px;font-family:var(--f-b);line-height:1.5;border-radius:5px;background:var(--ph,#EF5051);color:var(--trng,#FFF);font-size:15px;}
.btn-newsletter-set:hover{background:#F36D21;color:#fff;}
.newsletter-input textarea{border-radius:0px;color:#4D4D4D;font-family:var(--f-r);font-size:14px;line-height:1.5;height:85px;border-radius:50px !important;border:0.5px solid #C5C5C5;background:#FFF;}
.title-newsletter{text-align:center;font-family:var(--f-b);font-size:30px;line-height:1.5;text-transform:uppercase;background:var(--Linear,linear-gradient(270deg,#E1AA42 0%,#FDE386 27.5%,#E1AA42 57%,#FDE386 80%,#E1AA42 100%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
/* loadpage website */
#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;pointer-events:none;}
#loader-wrapper #wrap{background:#fff;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display:block;text-align:center;width:100%;height:100%;z-index:999999;}
#loader-wrapper.show1 #wrap{background:transparent}
#loader-wrapper:after{-webkit-mask:url(../images/mask-01.png);mask:url(../images/mask-01.png);-webkit-mask-size:2300% 100%;mask-size:2300% 100%;content:'';position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:rgba(255,255,255,1);z-index:99999;}
#loader-wrapper.show1::after{-webkit-animation:MaskPlay 1s steps(22) forwards;animation:MaskPlay 1s steps(22) forwards;}
#loader-wrapper.show1 #wrap{opacity:0;}
.loading-text ul{margin-top:1.875rem}
.loading-text ul li{-webkit-animation:anime 1.5s infinite linear;animation:anime 1.5s infinite linear;display:inline-block;font-family:var(--bs-font-monospace);font-size:1.875rem;letter-spacing:1px}
.loading-text ul li:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}
.loading-text ul li:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}
.loading-text ul li:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}
.loading-text ul li:nth-child(4){-webkit-animation-delay:.3s;animation-delay:.3s}
.loading-text ul li:nth-child(5){-webkit-animation-delay:.4s;animation-delay:.4s}
.loading-text ul li:nth-child(6){-webkit-animation-delay:.5s;animation-delay:.5s}
.loading-text ul li:nth-child(7){-webkit-animation-delay:.6s;animation-delay:.6s}
.loader{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding-bottom:3.125rem;position:fixed;top:0;width:100%;z-index:100001}