@import"https://fonts.googleapis.com/css2?family=Gilda+Display&family=Poppins:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400&display=swap";body{display:flex;font-size:15px;font-family:"Poppins",sans-serif;flex-direction:column;color:#ef7c00;color:#444}strong{font-weight:700}p{margin-bottom:15px}a{color:#444}a:hover{color:#ef7c00}a.detail-button-primary{width:max-content;color:#ef7c00;border:2px solid #ef7c00;height:45px;border-radius:45px;display:flex;padding:0 25px;align-items:center;font-size:14px;transition:all .5s}a.detail-button-primary i{margin-left:15px;font-size:20px}a.detail-button-primary:hover{background:#ef7c00;color:#fff}a.detail-button-secondary{width:max-content;color:#fff;background:#ef7c00;height:45px;border-radius:45px;display:flex;padding:0 25px;align-items:center;font-size:14px;transition:all .5s}a.detail-button-secondary i{margin-left:15px;font-size:20px}a.detail-button-secondary:hover{background:#444}.home-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.home-title h4{font-family:"Gilda Display",serif;font-size:32px;font-weight:600}header #header-top{background:#000}header #header-top #header-top-container{width:1200px;margin:auto;color:#fff;display:flex;justify-content:space-between;height:45px}header #header-top #header-top-container ul#header-contact{display:flex;align-items:center}header #header-top #header-top-container ul#header-contact li{display:flex;align-items:center;margin-right:20px}header #header-top #header-top-container ul#header-contact a{color:#fff;font-size:12px;display:flex;align-items:center}header #header-top #header-top-container ul#header-contact i{margin-right:10px;font-size:18px}header #header-top #header-top-container ul#header-social{display:flex;align-items:center;font-size:20px}header #header-top #header-top-container ul#header-social li{margin-left:30px;display:flex;align-items:center}header #header-top #header-top-container ul#header-social a{color:#fff}header #header-bottom #header-bottom-container{width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;height:110px}header #header-bottom #header-bottom-container a#logo{display:block}header #header-bottom #header-bottom-container a#logo img{max-width:280px;max-height:80px}header #header-bottom #header-bottom-container ul{display:flex;align-items:center;font-size:18px;font-weight:500}header #header-bottom #header-bottom-container ul li{display:flex;margin-left:45px}#slider-container{background:#444;width:100%}#slider-container .slide{background-size:cover !important}#slider-container .slide .slide-container{width:1200px;margin:auto;display:flex;align-items:center;height:700px}#slider-container .slide .slide-container .slide-text{display:flex;flex-direction:column;padding:30px;background:#fff;width:600px;border-radius:10px}#slider-container .slide .slide-container .slide-text h2{font-family:"Gilda Display",serif;font-size:36px;font-weight:600;display:flex}#slider-container .slide .slide-container .slide-text span{font-size:16px}#slider-container .slide .slide-container .slide-text a.slide-detail{margin-top:10px;display:flex;align-items:center;font-weight:500;font-size:14px}#slider-container .slide .slide-container .slide-text a.slide-detail i{margin-left:5px;font-size:20px}#slogans{padding:100px 0}#slogans #slogans-container{width:1200px;margin:auto;display:flex;justify-content:space-between}#slogans #slogans-container #slogan-header{width:380px}#slogans #slogans-container #slogan-header h6{font-size:16px;font-weight:500;margin-bottom:10px}#slogans #slogans-container #slogan-header h5{font-family:"Gilda Display",serif;font-size:32px;font-weight:500;margin-bottom:30px}#slogans #slogans-container #slogan-wrapper{width:750px;display:grid;grid-template-columns:repeat(2, 1fr);gap:40px}#slogans #slogans-container #slogan-wrapper .slogan{display:flex;flex-direction:column}#slogans #slogans-container #slogan-wrapper .slogan i{font-size:65px;margin-bottom:10px;transition:all .5s}#slogans #slogans-container #slogan-wrapper .slogan h4{font-family:"Gilda Display",serif;font-size:22px;font-weight:600;margin-bottom:10px;transition:all .5s}#slogans #slogans-container #slogan-wrapper .slogan span{font-size:16px}#slogans #slogans-container #slogan-wrapper .slogan:hover i,#slogans #slogans-container #slogan-wrapper .slogan:hover h4{color:#ef7c00}#home-contanct{padding:60px 0;background:#444;color:#fff}#home-contanct #home-contact-container{width:1200px;margin:auto;display:flex;justify-content:space-between;position:relative}#home-contanct #home-contact-container #home-contact-text{width:745px;display:flex;flex-direction:column}#home-contanct #home-contact-container #home-contact-text h6{font-size:16px;font-weight:500;margin-bottom:10px}#home-contanct #home-contact-container #home-contact-text span{font-family:"Gilda Display",serif;font-size:32px;font-weight:600;margin-bottom:20px}#home-contanct #home-contact-container #home-contact-text a.detail-button-primary{color:#fff;border:2px solid #fff;transition:all .5s}#home-contanct #home-contact-container #home-contact-text a.detail-button-primary:hover{background:#fff;color:#ef7c00}#home-contanct #home-contact-container img{position:absolute;bottom:-60px;right:0px}#products{padding:100px 0}#products #products-container{width:1200px;margin:auto}#products #products-container #product-slider-container{width:100%}#products #products-container #products-wrapper{display:flex}#products #products-container #products-wrapper .product{overflow:hidden}#products #products-container #products-wrapper .product a.product-img{display:flex}#products #products-container #products-wrapper .product a.product-img img{width:100%;height:285px;background:#ef7c00;border-radius:10px 10px 0 0;object-fit:cover}#products #products-container #products-wrapper .product .product-text{padding:20px;border-radius:0 0 10px 10px;display:flex;flex-direction:column;position:relative;overflow:hidden}#products #products-container #products-wrapper .product .product-text h3{font-size:18px;font-weight:600;margin-bottom:5px}#products #products-container #products-wrapper .product .product-text span{margin-bottom:10px;font-size:14px}#products #products-container #products-wrapper .product .product-text a.product-detail{font-size:14px;display:flex;align-items:center}#products #products-container #products-wrapper .product .product-text a.product-detail i{font-size:20px;margin-left:10px}#products #products-container #products-wrapper .product .product-text::after{content:"";background:#ef7c00;position:absolute;width:100%;height:100%;left:0px;top:0px;z-index:-1;opacity:.03;transition:all .5s}#products #products-container #products-wrapper .product:hover .product-text::after{opacity:1}#products #products-container #products-wrapper .product:hover .product-text,#products #products-container #products-wrapper .product:hover .product-text a{color:#fff}#about{padding:100px 0;position:relative}#about #about-container{display:flex;justify-content:space-between;align-items:center;width:1200px;margin:auto}#about #about-container img{width:520px;height:655px;background:#444;border-radius:10px}#about #about-container #about-text{display:flex;flex-direction:column;margin-left:45px}#about #about-container #about-text h6{font-size:16px;font-weight:500;margin-bottom:10px}#about #about-container #about-text h5{font-family:"Gilda Display",serif;font-size:32px;font-weight:600}#about #about-container #about-text #about-text-detail{font-weight:300;font-size:16px;line-height:26px;letter-spacing:.3px;margin-bottom:15px}#about #about-container #about-text #about-buttons{display:flex}#about #about-container #about-text #about-buttons a.detail-button-secondary{margin-left:25px}#about::after{content:"";background:#ef7c00;position:absolute;width:100%;height:100%;left:0px;top:0px;z-index:-1;opacity:.03;transition:all .5s}#blogs{padding:100px 0}#blogs #blogs-container{width:1200px;margin:auto}#blogs #blogs-wrapper{display:grid;grid-template-columns:repeat(3, 1fr);gap:25px}#blogs #blogs-wrapper .blog{padding:15px;border-radius:10px;display:flex;flex-direction:column;position:relative;overflow:hidden}#blogs #blogs-wrapper .blog a.blog-img{display:flex;margin-bottom:20px}#blogs #blogs-wrapper .blog a.blog-img img{width:100%;height:245px;background:#ef7c00;border-radius:5px;object-fit:cover}#blogs #blogs-wrapper .blog .blog-date{font-size:12px;font-weight:300;margin-bottom:10px}#blogs #blogs-wrapper .blog h3{font-size:18px;font-weight:500;margin-bottom:5px}#blogs #blogs-wrapper .blog span{font-size:14px;font-weight:300;margin-bottom:15px}#blogs #blogs-wrapper .blog a.product-detail{font-size:14px;display:flex;align-items:center}#blogs #blogs-wrapper .blog a.product-detail i{font-size:20px;margin-left:10px}#blogs #blogs-wrapper .blog::after{content:"";background:#ef7c00;position:absolute;width:100%;height:100%;left:0px;top:0px;z-index:-1;opacity:.03;transition:all .5s}#blogs #blogs-wrapper .blog:hover::after{opacity:1}#blogs #blogs-wrapper .blog:hover,#blogs #blogs-wrapper .blog:hover a{color:#fff}footer{padding:60px 0px;position:relative}footer #footer-container{width:1200px;margin:auto;display:flex;justify-content:space-between}footer #footer-container a#footer-logo{display:block}footer #footer-container a#footer-logo img{max-width:280px;max-height:80px}footer #footer-container #footer-contact{display:flex;justify-content:space-between}footer #footer-container #footer-contact ul{display:flex;flex-direction:column;font-size:14px}footer #footer-container #footer-contact ul li{margin-bottom:10px}footer #footer-container #footer-contact ul a{font-weight:300}footer #footer-container #footer-contact .footer-contact-detail{margin-left:120px;max-width:260px;text-align:right}footer #footer-container #footer-contact .footer-contact-detail h6{font-size:16px;font-weight:600}footer #footer-container #footer-contact .footer-contact-detail span{font-weight:300}footer::after{content:"";background:#ef7c00;position:absolute;width:100%;height:100%;left:0px;top:0px;z-index:-1;opacity:.03;transition:all .5s}a#mobil-menu{display:none;width:50px;height:50px;background:#ef7c00;color:#fff;align-items:center;justify-content:center;border-radius:50px;font-size:30px}@media screen and (max-device-width: 600px){.home-title h4{font-size:22px}.home-title a.detail-button-primary{display:none}a#mobil-menu{display:flex}header{position:relative;z-index:99}header #header-top #header-top-container{width:100%;justify-content:center}header #header-top #header-top-container ul#header-social{display:none}header #header-bottom #header-bottom-container{width:100%;padding:20px 15px;height:90px;display:flex;position:relative}header #header-bottom #header-bottom-container a#logo img{max-height:60px;max-width:210px}header #header-bottom #header-bottom-container ul{display:none;padding:20px 30px;width:100%;position:absolute;left:0px;top:90px;background:#fff;border-top:1px solid #eee;font-size:16px}header #header-bottom #header-bottom-container ul li{margin:0px;width:100%;border-bottom:1px solid #eee}header #header-bottom #header-bottom-container ul li a{width:100%;padding:7px 0}#slider-container .slide .slide-container{width:100%;height:600px;align-items:flex-end;padding:20px}#slider-container .slide .slide-container .slide-text{width:100%;padding:15px}#slider-container .slide .slide-container .slide-text h2{font-size:22px}#slider-container .slide .slide-container .slide-text span{font-size:14px}#slogans{padding:60px 15px}#slogans #slogans-container{width:100%;flex-direction:column}#slogans #slogans-container #slogan-header{width:100%;margin-bottom:20px}#slogans #slogans-container #slogan-header h6{font-size:14px}#slogans #slogans-container #slogan-header h5{font-size:22px}#slogans #slogans-container #slogan-wrapper{grid-template-columns:1fr 1fr;gap:15px;width:100%}#slogans #slogans-container #slogan-wrapper .slogan i{font-size:45px;margin-bottom:5px}#slogans #slogans-container #slogan-wrapper .slogan h4{font-size:16px;margin-bottom:0px}#slogans #slogans-container #slogan-wrapper .slogan span{font-size:14px}#home-contanct{padding:60px 15px}#home-contanct #home-contact-container{width:100%}#home-contanct #home-contact-container #home-contact-text{width:100%}#home-contanct #home-contact-container #home-contact-text h6{font-size:14px}#home-contanct #home-contact-container #home-contact-text span{font-size:22px}#home-contanct #home-contact-container img{display:none}#products{padding:60px 15px}#products #products-container{width:100%}#products #products-container #products-wrapper{width:100%}#products #products-container #products-wrapper .product a.product-img img{height:auto}#products #products-container #products-wrapper .product .product-text h3{font-size:16px}#about{padding:60px 15px}#about #about-container{width:100%;flex-direction:column}#about #about-container img{width:100%;height:auto;margin-bottom:20px}#about #about-container #about-text{width:100%;margin-left:0px}#about #about-container #about-text h6{font-size:14px}#about #about-container #about-text h5{font-size:22px}#about #about-container #about-text #about-text-detail{font-size:14px}#about #about-container #about-text #about-buttons a.detail-button-secondary{display:none}#blogs{padding:60px 15px}#blogs #blogs-container{width:100%}#blogs #blogs-wrapper{grid-template-columns:1fr;gap:15px}#blogs #blogs-wrapper .blog a.blog-img img{height:auto}#blogs #blogs-wrapper .blog h3{font-size:16px}footer{padding:40px 15px}footer #footer-container{width:100%;flex-direction:column}footer #footer-container a#footer-logo img{max-height:60px;max-width:210px}footer #footer-container #footer-contact{flex-direction:column}footer #footer-container #footer-contact ul{margin-top:15px}footer #footer-container #footer-contact .footer-contact-detail{margin-top:15px;margin-left:0px;text-align:left}}/*# sourceMappingURL=style.css.map */