*{box-sizing:border-box;font-family:Lato,sans-serif;margin:0;padding:0}#index .banner,#index .banner img{height:100vh;width:100%}#index .banner img{object-fit:cover}#index .banner .slick-dots{height:16px;margin:0}#index .banner .slick-dots li{background-color:silver;border-radius:0;height:5px!important;margin-inline:0;width:40px}#index .banner .slick-dots li.slick-active{background-color:#fff;height:5px!important}#index .welcome{align-items:center;animation:fadeUp 2s ease-out forwards;display:flex;flex-direction:column;gap:10px;height:100vh;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px}#index .welcome p{color:#fff;font-size:32px;text-align:center;text-transform:uppercase}#index .welcome strong{color:#fff;font-size:51px;text-align:center}#index .welcome button{background-color:#0000;border:2px solid #fff;border-radius:50px;cursor:pointer;height:52px;margin:10px auto;overflow:hidden;transition:all .5s;width:230px}#index .welcome button p{color:#fff;font-size:20px;font-weight:500;text-decoration:none;text-transform:none;transform:translate(30px);transition:all .5s}#index .welcome button p span{margin-left:40px}#index .welcome button p span i{font-size:16px;opacity:0}#index .welcome button p a{color:#fff;text-decoration:none}#index .welcome button:hover{background-color:#fff}#index .welcome button:hover p{color:#2b2b2b;transform:translate(5px)}#index .welcome button:hover p span{margin-left:5px}#index .welcome button:hover p span i{opacity:1}#index .welcome button:hover p a{color:#2b2b2b}#topMenu{background-color:#f1f1f1e6;justify-content:space-between;overflow:hidden;padding:0 20px;position:fixed;top:0;transition:all .5s;width:100%;z-index:1000}#topMenu,#topMenu .bar{align-items:center;display:flex}#topMenu .bar{color:#777;font-size:18px;font-weight:700;gap:5px}#topMenu .bar,#topMenu .brandName{cursor:pointer}#topMenu .brandName a{color:#777;text-decoration:none}#topMenu .brandName a h1{font-weight:700;text-align:center}#topMenu .brandName a img{height:40px;width:80px}#topMenu .brandName a p{font-size:10px;text-align:center}#topMenu .iconContact{display:flex;gap:10px}#topMenu .iconContact a{color:#777}#topMenu .iconContact a i{color:#777;cursor:pointer;font-size:18px}#homeMenu{height:80px;justify-content:space-between;padding:0 20px;position:fixed;top:0;width:100%;z-index:1000}#homeMenu,#homeMenu .bar{align-items:center;display:flex}#homeMenu .bar{color:#fff;cursor:pointer;font-size:18px;font-weight:700;gap:5px}#homeMenu .brandName{cursor:pointer}#homeMenu .brandName h1{font-weight:700;text-align:center}#homeMenu .brandName img{height:40px;width:80px}#homeMenu .brandName p{color:#fff;font-size:10px;text-align:center}#homeMenu .iconContact{display:flex;gap:10px}#homeMenu .iconContact a{color:#fff}#homeMenu .iconContact a i{cursor:pointer;font-size:18px}footer{flex-direction:column;gap:10px;height:90px}footer,footer ul{align-items:center;display:flex;justify-content:center}footer ul{gap:20px}footer ul li{list-style:none}footer ul li a{font-size:12px;text-decoration:none;text-transform:uppercase}footer p,footer ul li a{color:rgba(0,0,0,.502);font-weight:700}footer p{font-size:14px;text-align:center}.overlay{background-color:#39cbd0e6;bottom:0;left:0;position:fixed;right:0;text-align:center;top:0;z-index:10001}.overlay .close{color:#fff;cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px}.overlay ul{align-items:center;display:flex;flex-direction:column;gap:10px;height:100vh;justify-content:center}.overlay ul li{animation:fadeDown .5s ease forwards;list-style:none;opacity:0;padding:20px 30px;transition:all .3s}.overlay ul li:first-child{animation-delay:0s}.overlay ul li:nth-child(2){animation-delay:.1s}.overlay ul li:nth-child(3){animation-delay:.2s}.overlay ul li:nth-child(4){animation-delay:.3s}.overlay ul li:hover{background-color:rgba(10,8,19,.086)}.overlay ul li a{color:#fff;font-size:24px;font-weight:700;text-decoration:none;text-transform:uppercase}.overlay ul li.iconContact{align-items:center;display:flex;gap:20px;padding:20px}.backToTop,.overlay ul li.iconContact i{color:#fff;cursor:pointer}.backToTop{align-items:center;background-color:#656565;border-radius:50%;bottom:30px;display:flex;font-size:24px;height:40px;justify-content:center;opacity:.7;position:fixed;right:30px;transition:all .3s ease;width:40px;z-index:999}.backToTop:hover{opacity:1;transform:scale(1.1)}#portfolio .banner{background-image:url(/static/media/banner1.bca964230ca0258f777f.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:500px;width:100%}#portfolio .content{margin:0 auto;width:1050px}#portfolio .content .tab{margin:10px auto;text-align:center}#portfolio .content .tab ul{align-items:center;display:flex;gap:20px;justify-content:center}#portfolio .content .tab ul li{border-bottom:3px solid #0000;color:rgba(0,0,0,.502);cursor:pointer;font-weight:700;height:40px;line-height:40px;list-style:none;text-transform:uppercase;transition:all .3s}#portfolio .content .tab ul li:hover{border-bottom:3px solid #000;color:#000}#portfolio .content .searchBar{display:flex;gap:5px;margin-top:20px;padding:0;width:100%}#portfolio .content .searchBar input,#portfolio .content .searchBar select{font-size:16px;height:38px;padding:0 10px;width:100%}#portfolio .content .product{display:flex;flex-wrap:wrap;gap:30px;margin:20px auto}#portfolio .content .product .productItem{animation:zoomIn .6s ease forwards;cursor:pointer;opacity:0;text-align:center;transform:scale(.8);width:510px}#portfolio .content .product .productItem .imgWrapper{height:290px;overflow:hidden;position:relative;width:100%}#portfolio .content .product .productItem .imgWrapper img{height:290px;transition:all .3s;width:100%}#portfolio .content .product .productItem p.proName{color:#555;font-size:21px;font-weight:700;margin:10px 0;text-transform:uppercase}#portfolio .content .product .productItem p.title{font-size:18px;font-weight:400;margin-top:-5px;opacity:0;text-transform:uppercase;transition:all .3s}#portfolio .content .product .productItem:hover .imgWrapper img{scale:1.2}#portfolio .content .product .productItem:hover p.title{opacity:1}#contact .content{display:flex;flex-wrap:wrap;justify-content:space-between;margin:140px auto 0;width:1050px}#contact .content form{width:500px}#contact .content form h3{color:#555;margin-bottom:15px}#contact .content form .inputItem{margin-bottom:15px}#contact .content form .inputItem input{height:40px}#contact .content form .inputItem input,#contact .content form .inputItem textarea{background-color:rgba(0,0,0,.031);border:1px solid silver;border-radius:20px;font-size:16px;padding:15px;width:100%}#contact .content form .inputItem textarea{height:120px;resize:none}#contact .content form button{background-color:#2b2b2b;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;height:40px;width:100px}#contact .content .address{width:500px}#contact .content .address .addressItem{color:#777;margin-bottom:30px}#contact .content .address .addressItem h3{font-weight:400;margin-bottom:10px;position:relative}#contact .content .address .addressItem h3:after{background-color:rgba(0,0,0,.102);bottom:-10px;content:"";height:3px;left:0;position:absolute;width:30px}#contact .content .address .addressItem p{margin-top:20px}#contact .content .address .addressItem p a{color:#777;text-decoration:none}#contact .content .address .addressItem iframe{border:none;height:400px;width:100%}#login{display:flex;flex-direction:column}#login h1{margin:10px auto}#login form{background-color:#f5f5f5;border-radius:10px;margin:0 auto;padding:20px;width:400px}#login form .inputItem{margin:5px auto}#login form .inputItem input{font-size:16px;height:38px;padding:0 5px;width:100%}#login form button{cursor:pointer;font-size:18px;font-weight:700}.navMenu{align-items:center;background-color:#f1f1f1e6;display:flex;height:50px;justify-content:center;margin-top:82px}.navMenu ul{display:flex;gap:5px}.navMenu ul li{list-style:none}.navMenu ul li a{color:#656565;font-size:20px;font-weight:500;text-decoration:none;text-transform:capitalize}#detail{margin:10px auto}#detail .content{margin:30px auto;width:1050px}#detail .content h1{text-transform:uppercase}#detail .content ul{margin:20px;position:relative}#detail .content ul li{font-size:18px;padding:10px}#detail .content ul li a{color:#000;text-decoration:none}#detail .content ul button.copy{background-color:#0000;border:none;position:absolute;right:5px;top:5px}#detail .content ul button.copy i{color:#c8c8c8;cursor:pointer;font-size:20px}#detail .content .checkIcon{display:flex;gap:20px;margin:-20px 0 0 30px}#detail .content .checkIcon button{background-color:#ff4500;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:5px}#detail .content .photo{display:flex;flex-wrap:wrap;gap:20px;margin:20px auto}#detail .content .photo img{width:510px}#blog h1{color:#656565;margin:10px auto;text-align:center}#blog ul{align-items:center;display:flex;gap:20px;justify-content:center;margin:10px auto}#blog ul li{color:#656565;cursor:pointer;list-style:none}#blog .content{height:100vh;margin:0;padding:0;width:100vw}#blog .content iframe{border:none;display:block;height:100%;width:100%}#tool{margin:10px auto;width:800px}#tool form textarea{height:400px;padding:10px;resize:none;width:800px}#tool .content{margin:10px auto}@media screen and (max-width:768px){#portfolio .banner{height:250px}#portfolio .content{width:100%}#portfolio .content .searchBar{flex-direction:column;padding:0 10px}#portfolio .content .product{padding:0 10px}#contact .content{gap:100px;width:100%}#contact .content .address,#contact .content form,#detail .content{padding:0 10px;width:100%}#detail .content ul{margin:20px}#detail .content ul li{font-size:18px;padding:10px}#detail .content .photo img{width:100%}#blog ul{padding:10px}#blog .content{margin:0;padding:10px}#blog .content iframe{border:none;display:block}}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%,-50%) translateY(100px)}to{opacity:1;transform:translate(-50%,-50%) translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.a70d360f.css.map*/