body{font-family:'Poppins',sans-serif; overflow-x:hidden; padding-top:80px; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } p{margin-bottom:0px; font-size:18px; font-weight:300; color:#4a4a4a; line-height:24px; } a{text-decoration:none !important; } ul{padding:0; margin:0; list-style:none; } h1,h2,h3,h4,h5,h6{margin:0px; } a.filled-button{background-color:#f33f3f; color:#fff; font-size:14px; text-transform:capitalize; font-weight:300; padding:10px 20px; border-radius:5px; display:inline-block; transition:all 0.3s; } a.filled-button:hover{background-color:#121212; color:#fff; } .section-heading{text-align:left; margin-bottom:60px; border-bottom:1px solid #eee; } .section-heading h2{font-size:28px; font-weight:400; color:#1e1e1e; margin-bottom:15px; } #preloader{overflow:hidden; background:#f33f3f; left:0; right:0; top:0; bottom:0; position:fixed; z-index:9999999; color:#fff; } #preloader .jumper{left:0; top:0; right:0; bottom:0; display:block; position:absolute; margin:auto; width:50px; height:50px; } #preloader .jumper > div{background-color:#fff; width:10px; height:10px; border-radius:100%; -webkit-animation-fill-mode:both; animation-fill-mode:both; position:absolute; opacity:0; width:50px; height:50px; -webkit-animation:jumper 1s 0s linear infinite; animation:jumper 1s 0s linear infinite; } #preloader .jumper > div:nth-child(2){-webkit-animation-delay:0.33333s; animation-delay:0.33333s; } #preloader .jumper > div:nth-child(3){-webkit-animation-delay:0.66666s; animation-delay:0.66666s; } @-webkit-keyframes jumper{0%{opacity:0; -webkit-transform:scale(0); transform:scale(0); } 5%{opacity:1; } 100%{-webkit-transform:scale(1); transform:scale(1); opacity:0; }} @keyframes jumper{0%{opacity:0; -webkit-transform:scale(0); transform:scale(0); } 5%{opacity:1; } 100%{-webkit-transform:scale(1); transform:scale(1); opacity:0; }} header{position:fixed; top:0; left:0; right:0; z-index:99999; width:100%; height:80px; background-color:#ffffff; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s; } header .navbar{padding:1px 10px; } .navbar .navbar-brand{float:left; margin-top:-12px; outline:none; } .navbar .navbar-brand h2{color:black; text-transform:uppercase; font-size:20px; font-weight:700; -webkit-transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s; } .navbar .navbar-brand h2 em{font-style:normal; color:#f33f3f; } #navbarResponsive{z-index:999; } .navbar-collapse{text-align:center; } .navbar .navbar-nav .nav-item{margin:0px 15px; } .navbar .navbar-nav .nav-item a.nav-link{text-transform:capitalize; font-size:15px; font-weight:500; letter-spacing:0.5px; color:#170101; transition:all 0.5s; margin-top:5px; } .navbar .navbar-nav .nav-link:hover,.navbar .navbar-nav .active > .nav-link,.navbar .navbar-nav .nav-link.active,.navbar .navbar-nav .nav-link.show,.navbar .navbar-nav .show > .nav-link{color:#fff; padding-bottom:25px; border-bottom:3px solid #f33f3f; } .navbar .navbar-toggler-icon{background-image:none; } .navbar .navbar-toggler{border-color:#fff; background-color:#fff; height:36px; outline:none; border-radius:0px; position:absolute; right:30px; top:20px; } .navbar .navbar-toggler-icon:after{content:'\f0c9'; color:#f33f3f; font-size:18px; line-height:26px; font-family:'FontAwesome'; } .factory-banner{min-height:560px; background:#fcf6f2; display:flex; align-items:center; padding:40px 0; } .factory-banner .row .col-md-6{max-height:400px; overflow:hidden; } .factory-photo .placeholder{width:100%; min-height:800px; background:#f0ece8; border:1px solid #eee; } .factory-text-box h2{font-size:36px; font-weight:800; line-height:1.25; margin-bottom:16px; background:linear-gradient(90deg,#f33f3f 0%,#f7a400 25%,#1a6692 55%,#8a2be2 80%,#f33f3f 100%); background-size:250% 100%; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; animation:headlineFlow 7s linear infinite; } @keyframes headlineFlow{0%{background-position:0% 50%; } 100%{background-position:250% 50%; }} .factory-text-box p{color:#4a4a4a; line-height:24px; margin-bottom:12px; } .factory-text-box .filled-button{margin-top:10px; } .placeholder{display:flex; flex-direction:column; justify-content:space-between; color:#b9b9b9; text-align:center; padding:30px; } .placeholder svg{margin-bottom:14px; opacity:.55; } .placeholder span{font-size:13px; text-transform:uppercase; letter-spacing:.5px; } .placeholder small{display:block; font-size:12px; color:#cfcfcf; margin-top:4px; } .latest-products{margin-top:20px; } .latest-products .section-heading{text-align:center; } .latest-products .section-heading a{float:right; margin-top:-35px; text-transform:uppercase; font-size:13px; font-weight:700; color:#f33f3f; } .cat-nav{border:1px solid #eee; background:#fff; margin-bottom:30px; } .cat-nav-title{background:#121212; color:#fff; padding:16px 20px; font-size:15px; font-weight:600; text-transform:uppercase; letter-spacing:.5px; position:relative; } .cat-nav-title:after{content:''; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#f33f3f; } .cat-nav ul{list-style:none; margin:0; padding:0; } .cat-nav li{border-bottom:1px solid #eee; } .cat-nav li:last-child{border-bottom:none; } .cat-nav li a{display:block; padding:14px 20px; color:#4a4a4a; font-size:14px; font-weight:500; text-transform:capitalize; transition:all .3s; border-left:3px solid transparent; } .cat-nav li a:hover{color:#f33f3f; padding-left:28px; background:#faf7f5; } .cat-nav li a.active{color:#f33f3f; border-left:3px solid #f33f3f; background:#faf7f5; } .cat-all{display:block; padding:14px 20px; color:#f33f3f; font-size:13px; font-weight:700; text-transform:uppercase; border-top:1px solid #eee; transition:all .3s; } .cat-all:hover{background:#f33f3f; color:#fff; } .product-item{border:1px solid #eee; margin-bottom:30px; } .product-item .down-content{padding:30px; position:relative; } .product-item img{width:100%; overflow:hidden; } .product-item .down-content h4{font-size:17px; color:#1a6692; margin-bottom:20px; } .product-item .down-content p{margin-bottom:20px; } .product-item .down-content ul li{display:inline-block; } .product-item .down-content ul li i{color:#f33f3f; font-size:14px; } .latest-products .product-item .down-content h6{display:none; } .latest-products .product-item .down-content span{display:none; } .product-detail-view{display:none; } .product-detail-wrap{display:flex; gap:40px; align-items:flex-start; } .product-gallery{flex:1 1 56%; min-width:0; position:relative; } .product-info-col{flex:1 1 44%; min-width:0; } .crumb{padding:6px 0 22px; font-size:14px; color:#666; } .crumb a{color:#0066cc; text-decoration:none; cursor:pointer; } .crumb a:hover{color:#f33f3f; } .crumb .sep{margin:0 6px; color:#bbb; } .crumb .back{color:#f33f3f; font-weight:600; cursor:pointer; margin-left:14px; text-transform:uppercase; font-size:13px; } .crumb .back:hover{color:#121212; } .main-stage{position:relative; border:1px solid #eee; background:#fff; min-height:460px; display:flex; align-items:center; justify-content:center; cursor:zoom-in; } .main-stage-img{width:100%; overflow:hidden; } .main-stage img{width:100%; height:auto; display:block; transition:opacity .3s,transform .3s; will-change:transform; } .nav-arrow{position:absolute; top:50%; transform:translateY(-50%); width:48px; height:48px; border-radius:50%; background:rgba(255,255,255,.28); color:rgba(26,26,26,.70); border:1px solid rgba(0,0,0,.08); cursor:pointer; line-height:46px; text-align:center; font-size:18px; opacity:.40; transition:all .3s; z-index:3; } .nav-arrow.prev{left:-18px; } .nav-arrow.next{right:-18px; } .nav-arrow:hover{opacity:1; background:#f33f3f; color:#fff; border-color:#f33f3f; box-shadow:0 4px 12px rgba(0,0,0,.18); transform:translateY(-50%) scale(1.08); } .thumb-row{display:flex; gap:10px; margin-top:12px; flex-wrap:wrap; } .search-box{display:flex; align-items:center; gap:8px; margin-top:16px; } .search-box input{width:220px; height:40px; padding:0 12px; border:1px solid #ddd; border-radius:6px; font-size:14px; color:#333; outline:none; box-sizing:border-box; transition:border-color .2s; } .search-box input:focus{border-color:#f33f3f; } .search-box input::placeholder{color:#999; } .search-box button{height:40px; padding:0 18px; background:#f33f3f; color:#fff; border:none; border-radius:6px; cursor:pointer; font-size:14px; white-space:nowrap; transition:background .2s; } .search-box button:hover{background:#d92f2f; } .thumb{width:76px; height:76px; border:2px solid #eee; cursor:pointer; overflow:hidden; padding:0; background:#fff; transition:border-color .3s; outline:none; } .thumb img{width:100%; height:100%; object-fit:cover; display:block; } .thumb.active{border-color:#f33f3f; } .gallery-meta{font-size:13px; color:#999; margin-top:12px; } .product-tag{font-size:13px; color:#f33f3f; font-weight:500; text-transform:uppercase; letter-spacing:.5px; margin-bottom:10px; display:block; } .product-info-col h1{font-size:26px; color:#1a6692; margin-bottom:8px; } .product-desc{color:#4a4a4a; font-size:14px; line-height:24px; margin-bottom:20px; } .spec-table{width:100%; border-collapse:collapse; margin:35px 0 22px; table-layout:fixed; } .spec-table td{border:1px solid #eee; padding:9px 12px; font-size:14px; color:#4a4a4a; } .spec-table td:first-child{background:#f7f7f7; width:34%; color:#121212; font-weight:500; } .feature-list{list-style:none; margin:0 0 24px; padding:0; } .feature-list li{margin-bottom:8px; font-size:14px; color:#4a4a4a; position:relative; padding-left:16px; } .feature-list li:before{content:''; width:5px; height:5px; background:#f33f3f; position:absolute; left:0; top:8px; } .inquiry-box{background:#f7f7f7; padding:24px; margin-top:24px; } .inquiry-box h3{font-size:17px; color:#1a6692; margin-bottom:8px; } .inquiry-box p{font-size:13px; color:#888; margin-bottom:14px; } .inquiry-box input,.inquiry-box textarea{width:100%; padding:10px; margin-bottom:12px; border:1px solid #eee; font-size:14px; font-family:inherit; } .inquiry-box button{min-height:44px; line-height:24px; font-family:inherit; } .inquiry-toast{display:none; margin-top:12px; font-size:13px; color:#1a6692; font-weight:500; } .view-panel{transition:opacity .4s ease,transform .4s ease; } .hide-panel{opacity:0; transform:translateY(15px); } @media (max-width:992px){.product-detail-wrap{flex-direction:column; } .product-gallery,.product-info-col{width:100%; }} @media (max-width:480px){.main-stage{min-height:340px; } .thumb{width:64px; height:64px; }} .sampling{background:#fcf6f2; padding:20px 0; } .sampling .section-heading{margin-bottom:26px; } .sampling-heading h2{font-size:30px; font-weight:700; color:#1e1e1e; position:relative; display:inline-block; padding-bottom:8px; } .sampling-heading h2:after{content:''; position:absolute; left:50%; transform:translateX(-50%); bottom:0; width:70px; height:4px; background:#f33f3f; border-radius:2px; } .sampling-intro{color:#4a4a4a; font-size:15px; line-height:26px; margin-bottom:10px; min-width:960px; } .sampling-intro:last-of-type{margin-bottom:32px; } .sampling-item{display:flex; align-items:flex-start; gap:14px; margin-bottom:22px; } .sampling-num{flex:0 0 auto; font-size:18px; font-weight:800; color:#f33f3f; line-height:1.5; } .sampling-body{flex:1 1 auto; min-width:0; } .sampling-body p{color:#4a4a4a; font-size:15px; line-height:26px; margin-bottom:6px; } .sampling-caption{font-weight:700; color:#1e1e1e; } .sampling-list{margin:4px 0 0; } .sampling-list li{color:#4a4a4a; font-size:15px; line-height:24px; margin-bottom:4px; } .sampling-img-ph{width:100%; min-height:280px; margin-top:12px; } .sampling-img-ph i{font-size:40px; margin-bottom:10px; color:#b9b2aa; } .sampling-img-ph span{font-size:14px; font-weight:600; color:#9a938b; } .proc-img-photo{flex:0 0 320px; width:320px; height:240px; border-radius:8px; overflow:hidden; background:#fff; border:1px solid #e8e4df; box-shadow:0 8px 20px rgba(0,0,0,.08); } .proc-img-photo img{width:100%; height:100%; object-fit:cover; display:block; } .process{background:#ffffff; padding:60px 0; } .process .section-heading{margin-bottom:40px; } .process-heading h2{font-size:30px; font-weight:700; color:#1e1e1e; position:relative; display:inline-block; padding-bottom:8px; } .process-heading h2:after{content:''; position:absolute; left:50%; transform:translateX(-50%); bottom:0; width:70px; height:4px; background:#f33f3f; border-radius:2px; } .proc-steps{display:flex; flex-direction:column; } .proc-step{display:flex; align-items:flex-start; gap:24px; } .proc-card{flex:0 0 280px; background:#ffffff; color:#1e1e1e; border-radius:12px; padding:24px 22px; border:1px solid #e8e4df; border-left:5px solid #1a6692; box-shadow:0 8px 20px rgba(0,0,0,.08); } .proc-step-num{display:inline-block; background:#1a6692; color:#fff; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1.5px; padding:5px 12px; border-radius:20px; margin-bottom:14px; } .proc-card h4{font-size:19px; font-weight:800; color:#1e1e1e; margin-bottom:8px; line-height:1.3; } .proc-card p{font-size:14px; color:#4a4a4a; line-height:22px; } .proc-arrow{flex:0 0 36px; align-self:center; text-align:center; color:#f33f3f; font-size:20px; margin-top:26px; } .proc-detail{flex:1 1 auto; min-width:0; } .proc-detail h5{font-size:14px; text-transform:uppercase; letter-spacing:1px; color:#f33f3f; font-weight:700; margin-bottom:10px; } .proc-detail p{color:#4a4a4a; line-height:26px; font-size:15px; margin-bottom:18px; } .proc-img{flex:0 0 200px; width:200px; height:200px; background:#efe9e4; border:2px dashed #c8c2bc; border-radius:8px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; } .proc-img i{font-size:32px; margin-bottom:10px; color:#b9b2aa; } .proc-img span{font-size:14px; font-weight:600; color:#9a938b; } .proc-img small{font-size:11px; margin-top:6px; color:#b0a9a1; } .proc-varrow{display:flex; justify-content:center; padding:14px 0 18px; width:280px; } .proc-vicon{width:42px; height:42px; border-radius:50%; background:#fff; border:2px solid #f33f3f; color:#f33f3f; display:flex; align-items:center; justify-content:center; font-size:16px; box-shadow:0 4px 10px rgba(0,0,0,.10); position:relative; } .proc-vicon:before,.proc-vicon:after{content:''; position:absolute; left:50%; width:2px; margin-left:-1px; background:linear-gradient(180deg,rgba(243,63,63,.10),rgba(243,63,63,.45)); } .proc-vicon:before{top:-16px; height:16px; } .proc-vicon:after{bottom:-16px; height:16px; } .call-to-action .inner-content{margin-top:60px; padding:30px; background-color:#f7f7f7; border-radius:5px; } .call-to-action .inner-content h4{font-size:17px; color:#1a6692; margin-bottom:15px; } .call-to-action .inner-content em{font-style:normal; font-weight:700; } .call-to-action .inner-content .col-md-4{text-align:right; } .call-to-action .inner-content .filled-button{margin-top:12px; } footer{text-align:center; } footer .inner-content{border-top:1px solid #eee; margin-top:60px; padding:60px 0px; } footer .inner-content p{text-transform:uppercase; } footer .inner-content p a{color:#f33f3f; margin-left:3px; } footer .inner-content .footer-cats{text-transform:none; font-size:14px; line-height:2; margin-bottom:10px; color:#4a4a4a; } footer .inner-content .footer-cats a{color:#f33f3f; margin:0 2px; text-decoration:none; white-space:nowrap; } footer .inner-content .footer-cats a:hover{text-decoration:underline; } .cat-toast{display:none; position:fixed; left:50%; bottom:40px; transform:translateX(-50%); background:#121212; color:#fff; padding:12px 24px; border-radius:5px; font-size:14px; z-index:99999; box-shadow:0 4px 16px rgba(0,0,0,.2); } @media (max-width:768px){.latest-products .section-heading a{float:none; margin-top:0px; display:block; margin-bottom:20px; } .product-item .down-content h4{margin-bottom:20px !important; } .call-to-action .inner-content{text-align:center; } .call-to-action .inner-content .filled-button{text-align:center; width:100%; margin-top:20px; }} @media (max-width:992px){.navbar .navbar-brand{position:absolute; left:30px; top:32px; width:auto; } .navbar:after{display:none; } #navbarResponsive{z-index:99999; position:absolute; top:80px; left:0; width:100%; text-align:center; background-color:#fff; box-shadow:0px 10px 10px rgba(0,0,0,0.1); } .navbar .navbar-nav .nav-item{border-bottom:1px solid #eee; } .navbar .navbar-nav .nav-item:last-child{border-bottom:none; } .navbar .navbar-nav a.nav-link{padding:15px 0px; color:#1e1e1e !important; } .navbar .navbar-nav .nav-link:hover,.navbar .navbar-nav .active > .nav-link,.navbar .navbar-nav .nav-link.active,.navbar .navbar-nav .nav-link.show,.navbar .navbar-nav .show > .nav-link{color:#f33f3f !important; border-bottom:none !important; padding-bottom:15px; } .product-item .down-content h4{margin-bottom:10px; } .factory-banner{padding:60px 0; } .factory-photo{margin-bottom:30px; } .proc-step{flex-direction:column; } .proc-card{flex-basis:auto; width:100%; } .proc-arrow{transform:rotate(90deg); margin:6px 0 10px 22px; } .proc-varrow{width:100%; } .proc-img{height:200px; }} @media (max-width:480px){.factory-banner{min-height:auto; } .factory-photo .placeholder{min-height:260px; } .proc-img{height:200px; }} .header-social{display:flex; gap:6px; margin-left:18px; margin-right:24px; flex-shrink:0; } .header-social .fa-envelope,.fa-whatsapp,.fa-linkedin,.fa-facebook{color:black; } .header-social a{width:28px; height:28px; border-radius:50%; color:#fff; display:flex; align-items:center; justify-content:center; font-size:15px; text-decoration:none; transition:all .3s ease; } .header-social a:hover{background:transparent; color:#fff; transform:translateY(-3px) scale(1.08); box-shadow:0 6px 14px rgba(0,0,0,.22); } .who-block{background:#ffffff; padding:60px 0 70px; } .who-heading{text-align:center; margin-bottom:34px; } .who-heading h2{font-size:30px; font-weight:700; color:#1e1e1e; position:relative; display:inline-block; padding-bottom:10px; } .who-heading h2:after{content:''; position:absolute; left:50%; transform:translateX(-50%); bottom:0; width:70px; height:4px; background:#f33f3f; border-radius:2px; } .who-tags{display:flex; flex-wrap:wrap; gap:14px; justify-content:center; } .who-tag{padding:11px 24px; border:1px solid #1a6692; border-radius:8px; color:#1a6692; font-weight:600; font-size:14px; background:#f4f8fb; transition:all .3s; } .who-tag:hover{background:#1a6692; color:#fff; } .who-desc{max-width:880px; margin:28px auto 0; text-align:center; color:#4a4a4a; font-weight:bold; line-height:27px; font-size:15px; } .why-block{background:#fcf6f2; padding:60px 0 70px; } .why-kicker{display:block; text-align:center; color:#f33f3f; font-weight:700; letter-spacing:2px; font-size:13px; margin-bottom:8px; } .why-heading{text-align:center; margin-bottom:12px; } .why-heading h2{font-size:30px; font-weight:700; color:#1e1e1e; } .why-sub{text-align:center; color:#4a4a4a; font-weight:bold; font-size:16px; margin-bottom:38px; } .why-cards{display:grid; grid-template-columns:repeat(4,1fr); gap:22px; } .why-card{background:#fff; border-radius:12px; padding:30px 22px; text-align:center; border-top:4px solid #f33f3f; box-shadow:0 8px 22px rgba(0,0,0,.07); transition:all .3s; } .why-card:hover{transform:translateY(-5px); box-shadow:0 12px 26px rgba(0,0,0,.12); } .why-num{display:block; font-size:36px; font-weight:800; color:#f33f3f; margin-bottom:10px; } .why-card h4{font-size:16px; color:#1e1e1e; font-weight:700; margin-bottom:10px; } .why-card p{font-size:13px; color:#4a4a4a; line-height:22px; } .why-extra{max-width:950px; margin:34px auto 0; text-align:center; font-weight:bold; color:#4a4a4a; line-height:27px; font-size:14px; } @media (max-width:992px){.why-cards{grid-template-columns:repeat(2,1fr); } .header-social{margin-left:10px; margin-right:12px; }} @media (max-width:480px){.why-cards{grid-template-columns:1fr; } .who-tags{flex-direction:column; align-items:center; }}