Indicative Results
Heat duty required
—
Current fuel consumption
—
Current monthly fuel cost
—
Estimated Annual Savings
—
Estimated payback period
—
This is an indicative, non-binding estimate based on standard fuel calorific values and typical system efficiencies. Request a free assessment for a site-specific engineering evaluation.
/* ==================================================
CALCULATOR PANEL
================================================== */
.thermax-calc-panel,
.thermax-calc-panel *{
box-sizing:border-box;
}
.thermax-calc-panel{
width:100%;
display:grid;
grid-template-columns:1fr;
gap:32px;
padding:36px;
background:rgba(255,255,255,0.04);
border:1px solid rgba(255,255,255,0.12);
border-radius:12px;
color:#FFFFFF;
font-family:
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Helvetica,
Arial,
sans-serif;
}
/* Desktop - 2 columns */
@media(min-width:900px){
.thermax-calc-panel{
grid-template-columns:1.1fr 0.9fr;
}
}
/* ==================================================
FORM FIELDS
================================================== */
.thermax-field{
margin-bottom:20px;
}
.thermax-field label{
display:block;
margin-bottom:8px;
font-size:13px;
font-weight:700;
line-height:1.4;
letter-spacing:0.03em;
text-transform:uppercase;
color:#9FB0BC;
}
.thermax-field select,
.thermax-field input{
width:100%;
padding:12px 14px;
border:1px solid rgba(255,255,255,0.20);
border-radius:6px;
background:rgba(255,255,255,0.06);
color:#FFFFFF;
font-family:
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Helvetica,
Arial,
sans-serif;
font-size:15px;
font-weight:400;
line-height:1.5;
outline:none;
box-shadow:none;
transition:
border-color 0.2s ease,
background-color 0.2s ease;
}
/* Placeholder */
.thermax-field input::placeholder{
color:#7C8B96;
opacity:1;
}
/* Select options */
.thermax-field select option{
color:#111111;
background:#FFFFFF;
}
/* Input focus */
.thermax-field select:focus,
.thermax-field input:focus{
outline:none;
border-color:rgba(255,255,255,0.35);
background:rgba(255,255,255,0.08);
box-shadow:none;
}
/* Readonly efficiency */
#thermax-efficiency-display{
opacity:0.85;
}
/* Field note */
.thermax-field-note{
margin:6px 0 0;
padding:0;
font-size:12px;
line-height:1.5;
color:#7C8B96;
}
/* ==================================================
EQUIPMENT TOGGLE
================================================== */
.thermax-equip-toggle{
display:flex;
flex-direction:row;
align-items:stretch;
width:100%;
gap:10px;
margin-bottom:22px;
}
/* Normal / inactive toggle */
.thermax-equip-toggle button{
flex:1 1 0;
min-width:0;
padding:12px;
background:transparent !important;
color:#C7D2DA !important;
border:1px solid rgba(255,255,255,0.20) !important;
border-radius:6px;
font-family:
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Helvetica,
Arial,
sans-serif;
font-size:13px;
font-weight:700;
line-height:1.4;
text-align:center;
cursor:pointer;
outline:none !important;
box-shadow:none !important;
transition:
background-color 0.2s ease,
border-color 0.2s ease,
color 0.2s ease;
}
/* Inactive toggle hover */
.thermax-equip-toggle button:not(.active):hover{
background:rgba(255,255,255,0.06) !important;
color:#FFFFFF !important;
border-color:rgba(255,255,255,0.35) !important;
outline:none !important;
box-shadow:none !important;
}
/* ACTIVE TOGGLE */
.thermax-equip-toggle button.active{
background:#ED1C24 !important;
color:#FFFFFF !important;
border-color:#ED1C24 !important;
outline:none !important;
box-shadow:none !important;
}
/* Active toggle hover - remain red */
.thermax-equip-toggle button.active:hover{
background:#ED1C24 !important;
color:#FFFFFF !important;
border-color:#ED1C24 !important;
outline:none !important;
box-shadow:none !important;
}
/* Toggle focus */
.thermax-equip-toggle button:focus,
.thermax-equip-toggle button:focus-visible{
outline:none !important;
box-shadow:none !important;
}
/* Toggle pressed */
.thermax-equip-toggle button:active{
outline:none !important;
box-shadow:none !important;
}
/* ==================================================
TWO COLUMN INPUT ROWS
================================================== */
.thermax-two-col{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px;
}
/* Small screens */
@media(max-width:500px){
.thermax-two-col{
grid-template-columns:1fr;
gap:0;
}
}
/* ==================================================
CALCULATE BUTTON
================================================== */
.thermax-calc-cta{
display:block;
width:100%;
margin-top:6px;
padding:16px;
background:#ED1C24 !important;
color:#FFFFFF !important;
border:none !important;
border-radius:40px;
font-family:
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Helvetica,
Arial,
sans-serif;
font-size:15px;
font-weight:700;
line-height:1.5;
text-align:center;
cursor:pointer;
outline:none !important;
box-shadow:none !important;
transition:
background-color 0.2s ease,
transform 0.2s ease;
}
/* Calculate button hover */
.thermax-calc-cta:hover{
background:#C4141B !important;
color:#FFFFFF !important;
transform:translateY(-1px);
border:none !important;
outline:none !important;
box-shadow:none !important;
}
/* Calculate button focus */
.thermax-calc-cta:focus,
.thermax-calc-cta:focus-visible{
background:#ED1C24 !important;
color:#FFFFFF !important;
outline:none !important;
box-shadow:none !important;
}
/* Calculate button active / click */
.thermax-calc-cta:active{
background:#C4141B !important;
color:#FFFFFF !important;
transform:translateY(0);
outline:none !important;
box-shadow:none !important;
}
/* ==================================================
RESULTS PANEL
================================================== */
.thermax-calc-results{
display:flex;
flex-direction:column;
justify-content:center;
padding:28px;
background:rgba(0,0,0,0.25);
border-radius:10px;
}
/* Results eyebrow */
.thermax-result-eyebrow{
margin-bottom:18px;
font-family:"Courier New",Courier,monospace;
font-size:12px;
font-weight:400;
line-height:1.5;
letter-spacing:0.1em;
text-transform:uppercase;
color:#F0752B;
}
/* ==================================================
RESULT ROWS
================================================== */
.thermax-result-row{
display:flex;
justify-content:space-between;
align-items:baseline;
gap:20px;
padding:14px 0;
border-bottom:1px solid rgba(255,255,255,0.10);
}
.thermax-result-row:last-of-type{
border-bottom:none;
}
/* Result labels */
.thermax-result-row > span:first-child{
color:#B9C6CF;
font-size:14px;
font-weight:400;
line-height:1.5;
}
/* Result values */
.thermax-result-row .value{
color:#FFFFFF;
font-family:Georgia,"Times New Roman",serif;
font-size:22px;
font-weight:700;
line-height:1.2;
text-align:right;
}
/* Annual savings value */
.thermax-result-row.headline .value{
color:#FFDE59;
font-size:30px;
}
/* ==================================================
DISCLAIMER
================================================== */
.thermax-calc-disclaimer{
margin:20px 0 0;
padding:0;
font-size:12px;
font-weight:400;
line-height:1.5;
color:#7C8B96;
}
/* ==================================================
TABLET
<= 899px
================================================== */
@media(max-width:899px){
.thermax-calc-panel{
grid-template-columns:1fr;
padding:30px;
gap:28px;
}
}
/* ==================================================
MOBILE
span:first-child{
font-size:13px;
}
.thermax-result-row .value{
font-size:19px;
}
.thermax-result-row.headline .value{
font-size:24px;
}
}
/* ==================================================
SMALL MOBILE
span:first-child{
flex:0 0 48%;
font-size:12.5px;
}
.thermax-result-row .value{
flex:1;
min-width:0;
font-size:17px;
text-align:right;
}
.thermax-result-row.headline .value{
font-size:21px;
}
.thermax-calc-disclaimer{
font-size:11.5px;
}
}
/* ==================================================
VERY SMALL MOBILE
span:first-child,
.thermax-result-row .value{
width:100%;
text-align:left;
}
.thermax-result-row.headline .value{
font-size:20px;
}
}
/* ==================================================
THERMAX SAVINGS CALCULATOR
================================================== */
const thermaxFuelData = {
fo: {
cv: 9900,
unit: "kg",
price: 55,
eff: 0.82,
name: "FO"
},
hsd: {
cv: 10200,
unit: "L",
price: 95,
eff: 0.85,
name: "HSD"
},
briquette: {
cv: 3800,
unit: "kg",
price: 7,
eff: 0.72,
name: "Briquette"
},
coal: {
cv: 4500,
unit: "kg",
price: 9,
eff: 0.75,
name: "Coal"
},
ng: {
cv: 8500,
unit: "SCM",
price: 48,
eff: 0.88,
name: "NG"
},
lpg: {
cv: 11900,
unit: "kg",
price: 90,
eff: 0.88,
name: "LPG"
}
};
const THERMAX_ENTHALPY_PER_KG_STEAM = 650;
const THERMAX_RECOVERY_POTENTIAL = 0.45;
let thermaxCurrentEquip = "boiler";
/* Equipment toggle */
function thermaxSetEquip(type){
thermaxCurrentEquip = type;
document
.getElementById("thermax-btn-boiler")
.classList.toggle("active", type === "boiler");
document
.getElementById("thermax-btn-hwg")
.classList.toggle("active", type === "hwg");
document.getElementById("thermax-field-boiler").style.display =
type === "boiler" ? "block" : "none";
document.getElementById("thermax-field-hwg").style.display =
type === "hwg" ? "block" : "none";
}
/* Update fuel defaults */
function thermaxUpdateFuelDefaults(){
const type =
document.getElementById("thermax-fuel-type").value;
const fuel =
thermaxFuelData[type];
document.getElementById("thermax-fuel-price").value =
fuel.price;
document.getElementById("thermax-efficiency-display").value =
Math.round(fuel.eff * 100) +
"% (auto-calculated for " +
fuel.name +
")";
}
/* INR formatter */
function thermaxFmtINR(num){
if(isNaN(num) || !isFinite(num)){
return "—";
}
return "₹" +
Math.round(num).toLocaleString("en-IN");
}
/* Main calculation */
function thermaxCalculate(){
const fuelType =
document.getElementById("thermax-fuel-type").value;
const fuel =
thermaxFuelData[fuelType];
const price =
parseFloat(
document.getElementById("thermax-fuel-price").value
) || 0;
const hours =
parseFloat(
document.getElementById("thermax-op-hours").value
) || 0;
const days =
parseFloat(
document.getElementById("thermax-op-days").value
) || 0;
let heatDutyKcalHr;
if(thermaxCurrentEquip === "boiler"){
const capacity =
parseFloat(
document.getElementById("thermax-boiler-capacity").value
) || 0;
heatDutyKcalHr =
capacity * THERMAX_ENTHALPY_PER_KG_STEAM;
}
else{
heatDutyKcalHr =
parseFloat(
document.getElementById("thermax-hwg-capacity").value
) || 0;
}
const fuelPerHr =
heatDutyKcalHr /
(fuel.cv * fuel.eff);
const monthlyFuel =
fuelPerHr * hours * days;
const monthlyCost =
monthlyFuel * price;
const annualCost =
monthlyCost * 12;
const annualSavings =
annualCost * THERMAX_RECOVERY_POTENTIAL;
document.getElementById("thermax-r-heat").textContent =
isFinite(heatDutyKcalHr)
? Math.round(heatDutyKcalHr)
.toLocaleString("en-IN") +
" kcal/hr"
: "—";
document.getElementById("thermax-r-fuel").textContent =
isFinite(fuelPerHr)
? fuelPerHr.toFixed(1) +
" " +
fuel.unit +
"/hr"
: "—";
document.getElementById("thermax-r-cost").textContent =
thermaxFmtINR(monthlyCost);
document.getElementById("thermax-r-savings").textContent =
thermaxFmtINR(annualSavings);
let estCapex;
if(annualSavings <= 0){
estCapex = 0;
}
else if(annualSavings < 2500000){
estCapex =
annualSavings * 2.2;
}
else if(annualSavings 0
? estCapex / annualSavings
: NaN;
document.getElementById("thermax-r-payback").textContent =
isFinite(payback) && payback > 0
? payback.toFixed(1) + " years"
: "—";
}
/* Initial load */
document.addEventListener("DOMContentLoaded", function(){
thermaxUpdateFuelDefaults();
thermaxCalculate();
});
THERMAX
