Indicative Results
Estimated Annual Savings
—
Estimated payback period
2–3 Years
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: Arial, sans-serif !important;
}
/* Desktop */
@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: Arial, sans-serif !important;
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;
}
.thermax-field input::placeholder{
color:#7C8B96;
opacity:1;
}
.thermax-field select option{
color:#111111;
background:#FFFFFF;
}
.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;
}
.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: Arial, sans-serif !important;
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;
}
.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;
}
.thermax-equip-toggle button.active{
background:#ED1C24 !important;
color:#FFFFFF !important;
border-color:#ED1C24 !important;
}
.thermax-equip-toggle button.active:hover{
background:#ED1C24 !important;
color:#FFFFFF !important;
border-color:#ED1C24 !important;
}
.thermax-equip-toggle button:focus,
.thermax-equip-toggle button:focus-visible,
.thermax-equip-toggle button:active{
outline:none !important;
box-shadow:none !important;
}
/* ==================================================
TWO COLUMN ROWS
================================================== */
.thermax-two-col{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px;
}
@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: Arial, sans-serif !important;
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;
}
.thermax-calc-cta:hover{
background:#C4141B !important;
color:#FFFFFF !important;
transform:translateY(-1px);
}
.thermax-calc-cta:focus,
.thermax-calc-cta:focus-visible{
background:#ED1C24 !important;
color:#FFFFFF !important;
outline:none !important;
box-shadow:none !important;
}
.thermax-calc-cta:active{
background:#C4141B !important;
color:#FFFFFF !important;
transform:translateY(0);
}
/* ==================================================
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;
scroll-margin-top:24px;
}
/* Results eyebrow */
.thermax-result-eyebrow{
width:100%;
margin-bottom:18px;
font-family:"Courier New",Courier,monospace;
font-size:14px;
font-weight:400;
line-height:1.5;
letter-spacing:0.1em;
text-transform:uppercase;
color:#ED1C24;
text-align:center;
}
/* ==================================================
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;
}
.thermax-result-row > span:first-child{
color:#B9C6CF;
font-size:14px;
font-weight:400;
line-height:1.5;
}
.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 */
.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 <= 899
================================================== */
@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 - FINAL JS
================================================== */
/* ==================================================
FUEL DATA
Fuel GCV Efficiency
----------------------------------
FO 9650 88%
HSD 10200 88%
Briquette 4500 70%
Coal 5000 70%
NG 8500 88%
LPG 11000 88%
================================================== */
const thermaxFuelData = {
fo: {
cv: 9650,
unit: "kg",
price: 55,
effPercent: 88,
eff: 0.88,
name: "FO"
},
hsd: {
cv: 10200,
unit: "L",
price: 95,
effPercent: 88,
eff: 0.88,
name: "HSD"
},
briquette: {
cv: 4500,
unit: "kg",
price: 7,
effPercent: 70,
eff: 0.70,
name: "Briquette"
},
coal: {
cv: 5000,
unit: "kg",
price: 9,
effPercent: 70,
eff: 0.70,
name: "Coal"
},
ng: {
cv: 8500,
unit: "SCM",
price: 48,
effPercent: 88,
eff: 0.88,
name: "NG"
},
lpg: {
cv: 11000,
unit: "kg",
price: 90,
effPercent: 88,
eff: 0.88,
name: "LPG"
}
};
/* ==================================================
CONSTANTS
================================================== */
/* Boiler steam factor */
const THERMAX_STEAM_FACTOR = 540;
/* Default equipment */
let thermaxCurrentEquip = "boiler";
/* ==================================================
EQUIPMENT TOGGLE
================================================== */
function thermaxSetEquip(type) {
thermaxCurrentEquip = type;
const boilerButton =
document.getElementById("thermax-btn-boiler");
const hwgButton =
document.getElementById("thermax-btn-hwg");
const boilerField =
document.getElementById("thermax-field-boiler");
const hwgField =
document.getElementById("thermax-field-hwg");
/* Update active button */
if (boilerButton) {
boilerButton.classList.toggle(
"active",
type === "boiler"
);
}
if (hwgButton) {
hwgButton.classList.toggle(
"active",
type === "hwg"
);
}
/* Show / Hide capacity fields */
if (boilerField) {
boilerField.style.display =
type === "boiler"
? "block"
: "none";
}
if (hwgField) {
hwgField.style.display =
type === "hwg"
? "block"
: "none";
}
/*
Recalculate results.
IMPORTANT:
Equipment change par page scroll nahi karega.
*/
thermaxCalculate();
}
/* ==================================================
UPDATE FUEL DEFAULTS
================================================== */
function thermaxUpdateFuelDefaults() {
const fuelSelect =
document.getElementById(
"thermax-fuel-type"
);
if (!fuelSelect) {
return;
}
const fuelType =
fuelSelect.value;
const fuel =
thermaxFuelData[fuelType];
if (!fuel) {
return;
}
/* ==================================================
UPDATE DEFAULT FUEL PRICE
================================================== */
const priceField =
document.getElementById(
"thermax-fuel-price"
);
if (priceField) {
priceField.value =
fuel.price;
}
/* ==================================================
UPDATE EFFICIENCY
FO = 88%
HSD = 88%
Briquette = 70%
Coal = 70%
NG = 88%
LPG = 88%
================================================== */
const efficiencyField =
document.getElementById(
"thermax-efficiency-display"
);
if (efficiencyField) {
efficiencyField.value =
fuel.effPercent
+
"% (auto-calculated for "
+
fuel.name
+
")";
}
/*
Recalculate result.
IMPORTANT:
Fuel dropdown change par scroll nahi karega.
*/
thermaxCalculate();
}
/* ==================================================
INR FORMATTER
================================================== */
function thermaxFmtINR(num) {
if (
isNaN(num)
||
!isFinite(num)
) {
return "—";
}
return "₹"
+
Math.round(num)
.toLocaleString("en-IN");
}
/* ==================================================
MAIN CALCULATION
================================================== */
function thermaxCalculate() {
/* ------------------------------------------
Fuel
------------------------------------------ */
const fuelSelect =
document.getElementById(
"thermax-fuel-type"
);
if (!fuelSelect) {
return;
}
const fuelType =
fuelSelect.value;
const fuel =
thermaxFuelData[fuelType];
if (!fuel) {
return;
}
/* ------------------------------------------
Fuel Price
------------------------------------------ */
const priceField =
document.getElementById(
"thermax-fuel-price"
);
const price =
priceField
? parseFloat(priceField.value) || 0
: 0;
/* ------------------------------------------
Operating Hours
------------------------------------------ */
const hoursField =
document.getElementById(
"thermax-op-hours"
);
const hours =
hoursField
? parseFloat(hoursField.value) || 0
: 0;
/* ------------------------------------------
Operating Days
------------------------------------------ */
const daysField =
document.getElementById(
"thermax-op-days"
);
const days =
daysField
? parseFloat(daysField.value) || 0
: 0;
let capacity = 0;
let baseFuelValue = 0;
/* ==================================================
BOILER CALCULATION
PROVIDED FORMULA:
(Capacity of boiler × 540 / GCV × Efficiency)
× Operating Hours
× Operating Days
× Price Of Fuel
× 12
Implemented as:
((Capacity × 540) / GCV)
× Efficiency
× Hours
× Days
× Price
× 12
================================================== */
if (thermaxCurrentEquip === "boiler") {
const capacityField =
document.getElementById(
"thermax-boiler-capacity"
);
capacity =
capacityField
? parseFloat(capacityField.value) || 0
: 0;
baseFuelValue =
(
(
capacity
*
THERMAX_STEAM_FACTOR
)
/
fuel.cv
)
*
fuel.eff;
}
/* ==================================================
HOT WATER GENERATOR
Capacity is already entered in Kcal/hr.
Therefore 540 steam conversion factor
is NOT applied again.
================================================== */
else {
const capacityField =
document.getElementById(
"thermax-hwg-capacity"
);
capacity =
capacityField
? parseFloat(capacityField.value) || 0
: 0;
baseFuelValue =
(
capacity
/
fuel.cv
)
*
fuel.eff;
}
/* ==================================================
ANNUAL SAVINGS
Boiler final formula:
((Capacity × 540) / GCV)
× Efficiency
× Operating Hours
× Operating Days
× Price Of Fuel
× 12
================================================== */
const annualSavings =
baseFuelValue
*
hours
*
days
*
price
*
12;
/* ==================================================
DISPLAY ANNUAL SAVINGS
================================================== */
const savingsResult =
document.getElementById(
"thermax-r-savings"
);
if (savingsResult) {
savingsResult.textContent =
thermaxFmtINR(
annualSavings
);
}
/* ==================================================
CONSTANT PAYBACK PERIOD
No calculation required.
Always:
2–3 Years
================================================== */
const paybackResult =
document.getElementById(
"thermax-r-payback"
);
if (paybackResult) {
paybackResult.textContent =
"2–3 Years";
}
}
/* ==================================================
CALCULATE BUTTON
+
MOBILE / TABLET SMOOTH SCROLL
================================================== */
function thermaxCalculateAndScroll() {
/*
First calculate latest result
*/
thermaxCalculate();
/*
Tablet + Mobile only
= 900px:
No automatic scroll
*/
if (window.innerWidth <= 899) {
const resultsSection =
document.getElementById(
"thermax-calc-results"
);
if (resultsSection) {
setTimeout(function () {
resultsSection.scrollIntoView({
behavior: "smooth",
block: "start"
});
}, 150);
}
}
}
/* ==================================================
INITIALIZE CALCULATOR
================================================== */
function thermaxInitCalculator() {
/* Default equipment */
thermaxCurrentEquip =
"boiler";
/*
Initialize fuel values.
Default FO:
GCV = 9650
Efficiency = 88%
*/
thermaxUpdateFuelDefaults();
/*
IMPORTANT:
No automatic scrolling on page load.
*/
}
/* ==================================================
PAGE LOAD
================================================== */
if (document.readyState === "loading") {
document.addEventListener(
"DOMContentLoaded",
thermaxInitCalculator
);
}
else {
thermaxInitCalculator();
}
