@import "https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+HK&display=swap";:root{--black:#f6f4f4;--shed:#444;--light-color:#666;--border:.1rem solid rgba(68,68,68,.3);--border-hover:.1rem solid var(--black);--box-shadow:0 .5rem 1rem rgba(0,0,0,.1);--primary:#8c38ff;--primary-dark:#6626c0;--light:#EEE;--dark:#212121}*{font-family:'Poppins',sans-serif;margin:0;padding:0;box-sizing:border-box;outline:none;border:none;text-decoration:none;text-transform:capitalize;transition:all .2s linear;transition:width none}html{font-size:62.5%;overflow-x:hidden;scroll-padding-top:5rem;scroll-behavior:smooth;background:radial-gradient(#132942 5%,#090a0f 100%)}html::-webkit-scrollbar{width:0}html::-webkit-scrollbar-track{background:transparent}section{padding:5rem 9%}.heading{text-align:center;margin-bottom:2rem;position:relative}.heading::before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:.01rem;background:var(--primary);z-index:-1}.heading span{font-size:3rem;padding:.5rem 2rem;color:var(--black);background:var(--primary);border:var(--border)}.btn{margin-top:1rem;display:inline-block;padding:.9rem 3rem;border-radius:.5rem;color:#fff;background:var(--primary);font-size:1.7rem;cursor:pointer;font-weight:500}.btn:hover{background:var(--primary-dark)}.header .header-1{background-color:#090a0f;padding:0;padding:.5rem 9%;display:flex;align-items:center;justify-content:space-between}.he{color:var(--light);font-size:24px;font-weight:1200;letter-spacing:3px;word-spacing:4px;text-transform:uppercase;text-align:center}.header .header-1 .logo{font-size:2.5rem;font-weight:bolder;color:var(--black)}.header .header-1 .logo i{color:var(--primary)}.header .header-1 .search-form{width:70rem;height:5rem;border:var(--light);overflow:hidden;background:#444;display:flex;align-items:center;border-radius:50rem;margin-top:5px;margin-bottom:5px}.header .header-1 .search-form input{font-size:1.6rem;padding:0 1.2rem;height:100%;width:100%;text-transform:none;color:var(--light)}.header .header-1 .search-form label{font-size:2.5rem;padding-right:1.5rem;color:#232323;cursor:pointer}.header .header-1 .search-form label:hover{color:var(--primary)}.header .header-1 .icons div,.header .header-1 .icons a{font-size:2.5rem;margin-left:1.5rem;color:var(--light);cursor:pointer}.header .header-1 .icons div:hover,.header .header-1 .icons a:hover{color:var(--primary)}#search-btn{display:none}#search-box{background-color:#444}.header .header-2{background:var(--primary);align-items:right;z-index:1002}.header .header-2 .navbar{text-align:center}.header .header-2 .navbar a{color:#fff;display:inline-block;padding:1.2rem;font-size:1.7rem}.header .header-2 .navbar a:hover{background:#6626c0}.header .header-1.active{position:fixed;top:0;left:0;right:0;z-index:1000;height:70px}.bottom-navbar{text-align:center;background:var(--primary);position:fixed;bottom:0;left:0;right:0;z-index:1000;display:none}.bottom-navbar a{font-size:2.5rem;padding:2rem;color:#fff}.bottom-navbar a:hover{background:var(--primary-dark)}.login-form-container{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.9);position:fixed;top:0;right:-105%;z-index:10000;height:100%;width:100%}.login-form-container.active{right:0}.login-form-container form{background:#1f232a;border:var(--border);width:40rem;padding:2rem;box-shadow:var(--box-shadow);border-radius:.5rem;margin:2rem}.login-form-container form h3{font-size:2.5rem;text-transform:uppercase;color:var(--black);text-align:center}.login-form-container form span{display:block;font-size:1.5rem;padding-top:1rem;color:var(--light)}.login-form-container form .box{width:100%;margin:.7rem 0;font-size:1.6rem;border:var(--border);border-radius:.5rem;padding:1rem 1.2rem;color:var(--black);background-color:#232323;text-transform:none}::-ms-reveal{filter:invert(100%)}.login-form-container form .checkbox{display:flex;align-items:center;gap:.5rem;padding:1rem 0}.login-form-container form .checkbox label{font-size:1.5rem;color:var(--light-color);cursor:pointer}.login-form-container form .btn{text-align:center;width:100%;margin:1.5rem 0}.login-form-container form p{padding-top:.8rem;color:var(--light-color);font-size:1.5rem}.login-form-container form p a{color:var(--primary);text-decoration:underline}.login-form-container #close-login-btn{position:absolute;top:1.5rem;right:2.5rem;font-size:5rem;color:var(--black);cursor:pointer}.home{background-size:cover;background-position:center}.home .row{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem}.home .row .content{flex:1 1 42rem}.home .row .books-slider{flex:1 1 42rem;text-align:center;margin-top:2rem}.home .row .books-slider a img{height:25rem}.home .row .books-slider a:hover img{transform:scale(.9)}.home .row .books-slider .stand{width:100%;margin-top:-2rem}.home .row .content h3{color:var(--black);font-size:4.5rem}.home .row .content p{color:var(--light-color);font-size:1.4rem;line-height:2;padding:1rem 0}.icons-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));gap:1.5rem}.icons-container .icons{display:flex;align-items:center;gap:1.5rem;padding:2rem 0}.icons-container .icons i{font-size:3.5rem;color:var(--primary)}.icons-container .icons h3{font-size:2.2rem;color:var(--black);padding-bottom:.5rem}.icons-container .icons p{font-size:1.4rem;color:var(--light-color)}.featured .featured-slider .box{margin:2rem 0;position:relative;overflow:hidden;border:var(--border);text-align:center}.featured .featured-slider .box:hover{border:var(--border-hover)}.featured .featured-slider .box .image{padding:1rem;background:linear-gradient(15deg,#1f232a 30%,#132942 30.1%)}.featured .featured-slider .box:hover .image{transform:translateY(6rem)}.featured .featured-slider .box .image img{height:25rem}.featured .featured-slider .box .icons{border-bottom:var(--border-hover);position:absolute;top:0;left:0;right:0;background:#132942;z-index:1;transform:translateY(-105%)}.featured .featured-slider .box:hover .icons{transform:translateY(0%)}.featured .featured-slider .box .icons a{color:var(--black);font-size:2.2rem;padding:1.3rem 1.5rem}.featured .featured-slider .box .icons a:hover{background:var(--primary);color:#fff}.featured .featured-slider .box .content{background:#1f232a;padding:1.5rem}.featured .featured-slider .box .content h3{font-size:2rem;color:var(--black)}.featured .featured-slider .box .content .price{font-size:2.2rem;color:var(--black);padding-top:1rem}.featured .featured-slider .box .content .price span{font-size:1.5rem;color:var(--light-color);text-decoration:line-through}.swiper-button-next,.swiper-button-prev{border:var(--border-hover);height:4rem;width:4rem;color:var(--shed);background:#fff}.swiper-button-next::after,.swiper-button-prev::after{font-size:2rem}.swiper-button-next:hover,.swiper-button-prev:hover{background:var(--shed);color:#fff}.newsletter{background:url(../image/banner-bg.jpg) no-repeat;background-size:cover;background-position:center;background-attachment:fixed}.newsletter form{max-width:45rem;margin-left:auto;text-align:center;padding:5rem 0}.newsletter form h3{font-size:2.2rem;color:#fff;padding-bottom:.7rem;font-weight:400}.newsletter form .box{width:100%;margin:.7rem 0;padding:1rem 1.2rem;font-size:1.6rem;color:var(--black);border-radius:.5rem;text-transform:none;background-color:#232323}.arrivals .arrivals-slider .box{display:flex;align-items:center;gap:1.5rem;padding:2rem 1rem;border:var(--border);margin:1rem 0}.arrivals .arrivals-slider .box:hover{border:var(--border-hover)}.arrivals .arrivals-slider .box .image img{height:15rem}.arrivals .arrivals-slider .box .content h3{font-size:2rem;color:var(--black)}.arrivals .arrivals-slider .box .content .price{font-size:2.2rem;color:var(--black);padding-bottom:.5rem}.arrivals .arrivals-slider .box .content .price span{font-size:1.5rem;color:var(--light-color);text-decoration:line-through}.arrivals .arrivals-slider .box .content .stars i{font-size:1.5rem;color:var(--primary)}.deal{background:#1f232a;display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem}.deal .content{flex:1 1 42rem}.deal .image{flex:1 1 42rem}.deal .image img{width:100%}.deal .content h3{color:var(--primary);font-size:2.5rem;padding-bottom:.5rem}.deal .content h1{color:var(--black);font-size:4rem}.deal .content p{padding:1rem 0;color:var(--light-color);font-size:1.4rem;line-height:2}.reviews .reviews-slider .box{border:var(--border);padding:2rem;text-align:center;margin:2rem 0}.reviews .reviews-slider .box:hover{border:var(--border-hover)}.reviews .reviews-slider .box img{height:7rem;width:7rem;border-radius:50%;object-fit:cover}.reviews .reviews-slider .box h3{color:var(--black);font-size:2.2rem;padding:.5rem 0}.reviews .reviews-slider .box p{color:var(--light-color);font-size:1.4rem;padding:1rem 0;line-height:2}.reviews .reviews-slider .box .stars{padding-top:.5rem}.reviews .reviews-slider .box .stars i{font-size:1.7rem;color:var(--primary)}.blogs .blogs-slider .box{margin:2rem 0;border:var(--border)}.blogs .blogs-slider .box:hover{border:var(--border-hover)}.blogs .blogs-slider .box .image{height:25rem;width:100%;overflow:hidden}.blogs .blogs-slider .box .image img{height:100%;width:100%;object-fit:cover}.blogs .blogs-slider .box:hover .image img{transform:scale(1.1)}.blogs .blogs-slider .box .content{padding:1.5rem}.blogs .blogs-slider .box .content h3{font-size:2.2rem;color:var(--black)}.blogs .blogs-slider .box .content p{font-size:1.4rem;color:var(--light-color);padding:1rem 0;line-height:2}.footer .box-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));gap:1.5rem}.footer .box-container .box h3{font-size:2.2rem;color:var(--black);padding:1rem 0}.footer .box-container .box a{display:block;font-size:1.4rem;color:var(--light-color);padding:1rem 0}.footer .box-container .box a i{color:var(--primary);padding-right:.5rem}.footer .box-container .box a:hover i{padding-right:2rem}.footer .box-container .box .map{width:100%}.footer .share{padding:1rem 0;text-align:center}.footer .share a{height:5rem;width:5rem;line-height:5rem;font-size:2rem;background:var(--primary);margin:0 .3rem;border-radius:50%}.footer .share a:hover{background:var(--black)}.footer .offname{border-top:var(--border);margin-top:2rem;padding:0 1rem;padding-top:2.5rem;font-size:2rem;color:var(--light-color);text-align:center}.footer .offname span{color:var(--primary)}.loader-container{position:fixed;top:0;left:0;height:100%;width:100%;z-index:10000;background:radial-gradient(#132942 5%,#090a0f 100%);display:flex;align-items:center;justify-content:center}.loader-container.active{display:none}.loader-container img{height:10rem}@media (max-width:991px){html{font-size:55%}.header .header-1{padding:2rem}section{padding:3rem 2rem}}@media (max-width:768px){html{scroll-padding-top:0}body{padding-bottom:6rem}.header .header-2{display:none}.bottom-navbar{display:block}#search-btn{display:inline-block}.header .header-1{box-shadow:var(--box-shadow);position:relative}.header .header-1 .search-form{position:absolute;top:-115%;right:2rem;width:90%;box-shadow:var(--box-shadow)}.header .header-1 .search-form.active{top:115%}.home .row .content{text-align:center}.home .row .content h3{font-size:3.5rem}.newsletter{background-position:right}.newsletter form{margin-left:0;max-width:100%}}@media (max-width:450px){html{font-size:50%}}