
<!DOCTYPE html> 
<html lang="en-US" class="static mvcpages"> 
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>Mestek - HVAC and Metal Forming Equipment Manufacturers</title>

    <meta name="description" content="Mestek, Inc. is a family of manufacturers of HVAC equipment and automated manufacturing machinery with years of experience and a history of innovation." />
    <meta name="keywords" content="HVAC, metal forming, machinery, manufacturing, heating, ventilation, air conditioning, duct manufacturing" />
    <meta name="author" content="Mestek Technology">

    <!-- Favicon -->
    <link rel="shortcut icon" href="/Themes/MestekTheme/img/mestek/MESTEK favicon.png" type="image/x-icon" />
    <link rel="apple-touch-icon" href="/Themes/MestekTheme/img/mestek/MESTEK favicon.png">

    <!-- Mobile Metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no">

    <!-- Web Fonts  -->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800%7CShadows+Into+Light%7CPlayfair+Display:400" rel="stylesheet" type="text/css">
    <!--[if lt IE 9]>
<script src="/Themes/MestekTheme/scripts/html5.js" type="text/javascript"></script>
<![endif]-->
<meta content="Orchard" name="generator" />
<link href="/modules/orchard.themes/Content/favicon.ico" rel="shortcut icon" type="image/x-icon" />

    <!-- Vendor CSS -->
    <link rel="stylesheet" href="/Themes/MestekTheme/vendor/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/Themes/MestekTheme/vendor/fontawesome-free/css/all.min.css">
    <link rel="stylesheet" href="/Themes/MestekTheme/vendor/animate/animate.min.css">
    <link rel="stylesheet" href="/Themes/MestekTheme/vendor/simple-line-icons/css/simple-line-icons.min.css">
    <link rel="stylesheet" href="/Themes/MestekTheme/vendor/owl.carousel/assets/owl.carousel.min.css">
    <link rel="stylesheet" href="/Themes/MestekTheme/vendor/owl.carousel/assets/owl.theme.default.min.css">
    <link rel="stylesheet" href="/Themes/MestekTheme/vendor/magnific-popup/magnific-popup.min.css">

    <!-- Theme CSS -->
    <link rel="stylesheet" href="/Themes/MestekTheme/css/theme.css">
    <link rel="stylesheet" href="/Themes/MestekTheme/css/theme-elements.css">
    <link rel="stylesheet" href="/Themes/MestekTheme/css/theme-blog.css">
    <link rel="stylesheet" href="/Themes/MestekTheme/css/theme-shop.css">

    <!-- Current Page CSS -->
    <link rel="stylesheet" href="/Themes/MestekTheme/vendor/rs-plugin/css/settings.css">
    <link rel="stylesheet" href="/Themes/MestekTheme/vendor/rs-plugin/css/layers.css">
    <link rel="stylesheet" href="/Themes/MestekTheme/vendor/rs-plugin/css/navigation.css">

    <!-- Demo CSS -->
    <!-- Skin CSS -->
    <link rel="stylesheet" href="/Themes/MestekTheme/css/skins/default.css">
    <!-- Skin CSS -->
    <link rel="stylesheet" href="/Themes/MestekTheme/css/skins/skin-digital-agency.css">

    <!-- Theme Custom CSS -->
    <link rel="stylesheet" href="/Themes/MestekTheme/css/custom.css">
    <script src="https://kit.fontawesome.com/e33181e7ca.js" crossorigin="anonymous"></script>

    <!-- Head Libs -->
    <script src="/Themes/MestekTheme/vendor/modernizr/modernizr.min.js"></script>
    <script src="/Themes/MestekTheme/vendor/jquery/jquery.min.js"></script>
<!-- DigiCert Seal Code -->
<!-- Place with DigiCert Seal HTML or with other scripts -->
<script type="text/javascript">
    var __dcid = __dcid || [];
    __dcid.push({"cid":"DigiCertClickID_wUavW2tr","tag":"wUavW2tr"});
    (function(){var cid=document.createElement("script");cid.async=true;cid.src="//seal.digicert.com/seals/cascade/seal.min.js";var s = document.getElementsByTagName("script");var ls = s[(s.length - 1)];ls.parentNode.insertBefore(cid, ls.nextSibling);}());
</script>

</head> 
<body class="one-page" data-target="#header" data-spy="scroll" data-offset="100">

    <div class="body">
        
        
    <header id="header" class="header-transparent header-effect-shrink" data-plugin-options="{'stickyEnabled': true, 'stickyEffect': 'shrink', 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': true, 'stickyChangeLogo': true, 'stickyStartAt': 30, 'stickyHeaderContainerHeight': 70}">
        <div class="header-body border-top-0 bg-dark box-shadow-none">
            
            <div class="header-container container">
                <div class="header-row">
                    <div class="header-column">
                        <div class="header-row">
                            <div class="header-logo">
                                <a href="/">
                                    <img alt="Mestek" height="40" src="/Themes/MestekTheme/img/mestek/MESTEK-logo-white.png">
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="header-column justify-content-end">
                        <div class="header-row">
                            <div class="header-nav header-nav-links header-nav-dropdowns-dark header-nav-light-text order-2 order-lg-1">
                                <div class="header-nav-main header-nav-main-mobile-dark header-nav-main-square header-nav-main-dropdown-no-borders header-nav-main-effect-2 header-nav-main-sub-effect-1">
                                    <nav class="collapse">
                                        <ul class="nav nav-pills" id="mainNav">


                                            <li>
                                                <a class="dropdown-item" href="/#companies-section" >Companies</a>
                                            </li>
                                            <li>
                                                <a class="dropdown-item" href="/#history">History</a>
                                            </li>
                                            <li>
                                                <a class="dropdown-item" href="/#reedinstitute">Training</a>
                                            </li>
                                            <li>
                                                <a class="dropdown-item" href="/#links">Links</a>
                                            </li>
                                            <li>
                                                <a class="dropdown-item"  href="https://recruiting.adp.com/srccar/public/RTI.home?c=2174319&d=ExternalCareerSite" target="_blank">Careers</a>
                                            </li>
                                            <li>
                                                <a class="dropdown-item"  href="/Home/Legal">Legal</a>
                                            </li>

                                            <li>
                                                <a class="dropdown-item" href="/#contact">Contact Us</a>
                                            </li>
                                        </ul>
                                    </nav>
                                </div>
                                <button class="btn header-btn-collapse-nav" data-toggle="collapse" data-target=".header-nav-main nav">
                                    <i class="fas fa-bars"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <div id="content" class="no-bottom no-top">
                
                <div class="zone zone-content">
<script src="https://www.google.com/recaptcha/api.js?render=6LfKW7sZAAAAAKHlX0GZ6_xhmGRa8e_UM0d0Cq4V"></script>
<script>
// <![CDATA[
        grecaptcha.ready(function () {
            grecaptcha.execute('6LfKW7sZAAAAAKHlX0GZ6_xhmGRa8e_UM0d0Cq4V', { action: 'submit' }).then(function (token) {
                document.getElementById("captch").value = token;
            });
        });
// ]]></script>

<div role="main" class="main bg-color-grey-scale-1" id="home">

    <div class="slider-container rev_slider_wrapper" style="height: 100vh;">
        <div id="revolutionSlider" class="slider rev_slider" data-version="5.4.8" data-plugin-revolution-slider data-plugin-options="{'sliderLayout': 'fullscreen', 'delay': 9000, 'gridwidth': 1140, 'gridheight': 800, 'responsiveLevels': [4096,1200,992,500]}">
            <ul>
                <li class="slide-overlay slide-overlay-level-7" data-transition="fade">

                    <img src="./Themes/MestekTheme/img/mestek/Backgrounds/BackgroundImages003-02.jpg"
                         alt=""
                         data-bgposition="center center"
                         data-bgfit="cover"
                         data-bgrepeat="no-repeat"
                         data-kenburns="on"
                         data-duration="9000"
                         data-ease="Linear.easeNone"
                         data-scalestart="115"
                         data-scaleend="100"
                         data-rotatestart="0"
                         data-rotateend="0"
                         data-offsetstart="0 -200"
                         data-offsetend="0 200"
                         data-bgparallax="0"
                         class="rev-slidebg city-image">

                    <div class="tp-caption tp-caption-overlay-opacity top-label font-weight-semibold text-uppercase"
                         data-frames='[{"delay":1000,"speed":1000,"sfxcolor":"#212529","sfx_effect":"blockfromleft","frame":"0","from":"z:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":500,"sfxcolor":"#212529","sfx_effect":"blocktoleft","frame":"999","to":"z:0;","ease":"Power4.easeOut"}]'
                         data-x="left" data-hoffset="['0','30','30','30']"
                         data-y="center" data-voffset="['-65','-65','-69','-73']"
                         data-fontsize="['18','18','18','30']"
                         data-paddingtop="['10','10','10','12']"
                         data-paddingbottom="['10','10','10','12']"
                         data-paddingleft="['18','18','18','18']"
                         data-paddingright="['18','18','18','18']">experience based innovation</div>

                    <h1 class="tp-caption tp-caption-overlay-opacity main-label"
                        style="padding-right: 30px!important;"
                        data-frames='[{"delay":1300,"speed":1000,"sfxcolor":"#212529","sfx_effect":"blockfromleft","frame":"0","from":"z:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":500,"sfxcolor":"#212529","sfx_effect":"blocktoleft","frame":"999","to":"z:0;","ease":"Power4.easeOut"}]'
                        data-x="left" data-hoffset="['0','30','30','30']"
                        data-y="center"
                        data-fontsize="['50','50','50','60']"
                        data-letterspacing="0"
                        data-paddingtop="['10','10','10','10']"
                        data-paddingbottom="['10','10','10','10']"
                        data-paddingleft="['18','18','18','18']"
                        data-paddingright="['18','18','18','18']">
                        AMERICAN MADE
                        <!-- adding elements in here is having a hard time with themepunch.revolution functionality -->
                        <!--<span class="mh-100" style="background-image: url('./Themes/MestekTheme/img/AmericanFlagGrunge.png'); width: 30px; height: 30px;"></span>
                        <div class="position-absolute" style="width: 200px; height:30px; background-image: url('./Themes/MestekTheme/img/AmericanFlagGrunge.png'); background-size: contain; background-repeat: no-repeat; background-position: center; right: -30px; top: 0; transform: translate(0,50%);"></div>-->
                    </h1>

                    <div class="tp-caption d-none d-md-block"
                         data-frames='[{"delay":3000,"speed":500,"frame":"0","from":"opacity:0;x:10%;","to":"opacity:1;x:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
                         data-x="left" data-hoffset="['505','505','505','505']"
                         data-y="center" data-voffset="['-20','-20','-20','-20']"><img src="./Themes/MestekTheme/img/AmericanFlagGrunge2.png" alt=""></div>


                    <div class="tp-caption font-weight-light text-color-light ws-normal"
                         data-frames='[{"from":"opacity:0;","speed":300,"to":"o:1;","delay":2000,"split":"chars","splitdelay":0.05,"ease":"Power2.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
                         data-x="left" data-hoffset="['35','35','35','35']"
                         data-y="center" data-voffset="['85','85','85','120']"
                         data-width="['690','690','690','800']"
                         data-fontsize="['18','18','18','35']"
                         data-lineheight="['29','29','29','40']">From residential and commercial HVAC to advanced metal fabrication to architectural building envelopes the Mestek family of products has provided solutions across all industries <strong class="text-color-light">for 75 years</strong></div>

                    <a class="tp-caption btn btn-primary font-weight-bold"
                       href="#companies-section"
                       data-frames='[{"delay":3000,"speed":2000,"frame":"0","from":"y:50%;opacity:0;","to":"y:0;o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
                       data-x="left" data-hoffset="['0','30','30','30']"
                       data-y="center" data-voffset="['160','160','160','255']"
                       data-paddingtop="['16','16','16','31']"
                       data-paddingbottom="['16','16','16','31']"
                       data-paddingleft="['40','40','40','50']"
                       data-paddingright="['40','40','40','50']"
                       data-fontsize="['13','13','13','25']"
                       data-lineheight="['20','20','20','25']">Our Companies <i class="fas fa-arrow-right ml-1"></i></a>

                </li>
                <li class="slide-overlay slide-overlay-level-7" data-transition="fade">
                    <img src="./Themes/MestekTheme/img/mestek/Backgrounds/BackgroundImages003-13.jpg"
                         alt=""
                         data-bgposition="center center"
                         data-bgfit="cover"
                         data-bgrepeat="no-repeat"
                         data-kenburns="on"
                         data-duration="9000"
                         data-ease="Linear.easeNone"
                         data-scalestart="115"
                         data-scaleend="100"
                         data-rotatestart="0"
                         data-rotateend="0"
                         data-offsetstart="0 400px"
                         data-offsetend="0 -400px"
                         data-bgparallax="0"
                         class="rev-slidebg city-image">

                    <div class="tp-caption tp-caption-overlay-opacity top-label font-weight-semibold text-uppercase"
                         data-frames='[{"delay":1000,"speed":1000,"sfxcolor":"#212529","sfx_effect":"blockfromleft","frame":"0","from":"z:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":500,"sfxcolor":"#212529","sfx_effect":"blocktoleft","frame":"999","to":"z:0;","ease":"Power4.easeOut"}]'
                         data-x="left" data-hoffset="['550','550','550','450']"
                         data-y="center" data-voffset="['-65','-65','-69','-73']"
                         data-fontsize="['18','18','18','30']"
                         data-paddingtop="['10','10','10','12']"
                         data-paddingbottom="['10','10','10','12']"
                         data-paddingleft="['18','18','18','18']"
                         data-paddingright="['18','18','18','18']">experience based innovation</div>

                    <div class="tp-caption tp-caption-overlay-opacity main-label"
                         data-frames='[{"delay":1300,"speed":1000,"sfxcolor":"#212529","sfx_effect":"blockfromleft","frame":"0","from":"z:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":500,"sfxcolor":"#212529","sfx_effect":"blocktoleft","frame":"999","to":"z:0;","ease":"Power4.easeOut"}]'
                         data-x="left" data-hoffset="['550','550','550','450']"
                         data-y="center"
                         data-fontsize="['50','50','50','60']"
                         data-paddingtop="['10','10','10','12']"
                         data-paddingbottom="['10','10','10','12']"
                         data-paddingleft="['18','18','18','18']"
                         data-paddingright="['18','18','18','18']">AMERICAN MADE </div>

                    <div class="tp-caption font-weight-light text-color-light ws-normal"
                         data-frames='[{"from":"opacity:0;","speed":300,"to":"o:1;","delay":2000,"split":"chars","splitdelay":0.05,"ease":"Power2.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
                         data-x="left" data-hoffset="['550','550','550','450']"
                         data-y="center" data-voffset="['85','85','85','120']"
                         data-width="['600','600','600','600']"
                         data-fontsize="['18','18','18','30']"
                         data-lineheight="['29','29','29','40']">From residential and commercial HVAC to advanced metal fabrication to architectural building envelopes the Mestek family of products has provided solutions across all industries <strong class="text-color-light">for 75 years</strong></div>

                    <a class="tp-caption btn btn-primary font-weight-bold"
                       href="#companies-section"
                       data-frames='[{"delay":3000,"speed":2000,"frame":"0","from":"y:50%;opacity:0;","to":"y:0;o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
                       data-x="left" data-hoffset="['550','550','550','450']"
                       data-y="center" data-voffset="['160','160','160','245']"
                       data-paddingtop="['16','16','16','31']"
                       data-paddingbottom="['16','16','16','31']"
                       data-paddingleft="['40','40','40','50']"
                       data-paddingright="['40','40','40','50']"
                       data-fontsize="['13','13','13','25']"
                       data-lineheight="['20','20','20','25']">GET STARTED NOW <i class="fas fa-arrow-right ml-1"></i></a>

                </li>
            </ul>
        </div>
    </div>
    <!--Companies-->
    <!--<button class="btn btn-primary" onclick=test()>access theme prototype exention</button>-->
    <!-- work style from demo-digital-agency-work.html -->
    <section id="companies-section" class="section ">

        <div class="container">
            <div class="row pt-5  mb-4">
                <div class="col-lg-12 text-left appear-animation" data-appear-animation="fadeInUpShorter">
                    <h2 class="font-weight-bold mb-1">Industries</h2>
                    <p class="text-uppercase">Mestek, Inc. – Experience Based Innovation </p>
                    <p class="appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="200">
                        What started in a
                        small rented garage in 1946 has become a family of over 45 specialty manufacturers serving many facets of the HVAC
                        equipment and building envelope industries including HVAC, Metal Forming and Architectural building envelopes.
                        <br />
                        Our HVAC equipment group and controls group is a leading manufacturer of heating, ventilation and cooling products
                        including residential and commercial hydronic heating equipment with intelligent controls and air conditioning.
                        <br />
                        The metal forming segment under Mestek Machinery focuses on coil handling and metal forming machinery while our
                        Architectural group manufactures glass skylights, sunshades, louvers and ornamental metal products.
                        <br />
                        Technology and trends have changed dramatically since 1946, but our commitment to modern innovative products and
                        strong customer service remains the foundation from which Mestek, Inc. was built.
                    </p>
                </div>
            </div>
        </div>
        <div id="sortGroup">
            <div class="container">
                <!-- begin new layout for populated sorting
                <!-- end new layout for populated sorting-->

                <ul id="industrySort" class="nav nav-pills sort-source sort-source-style-3 justify-content-center row" data-sort-id="portfolio" data-option-key="filter" data-plugin-options="{'layoutMode': 'fitRows', 'filter': '*'}">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-sm-6 col-md-3 justify-content-center">
                                <li class="nav-item active" data-option-value="*">

                                    <a class="nav-link text-3 text-uppercase text-center active" href="#">
                                        Show All
                                        <div class="filter-icons" style="background-image: url(./Themes/MestekTheme/img/icons/show-all-icon.png);"></div>
                                    </a>
                                </li>
                            </div>
                            <div class="col-sm-6 col-md-3 justify-content-center">
                                <li class="nav-item" data-option-value=".HVAC">
                                    <a class="nav-link text-3 text-uppercase text-center" href="#" data-toggle="collapse"
                                       data-target="#hvacSubIndustrySort" data-parent="#sortGroup" data-toggle="false" aria-expanded="false"
                                       aria-controls="hvacSubIndustrySort">
                                        HVAC
                                        <div class="filter-icons" style="background-image: url(./Themes/MestekTheme/img/icons/hvac-Boilers.png);"></div>
                                    </a>
                                </li>
                            </div>

                            <div class="col-sm-6 col-md-3 justify-content-center">
                                <li class="nav-item" data-option-value=".Machinery">
                                    <a class="nav-link text-3 text-uppercase text-center" href="#" data-toggle="collapse"
                                       data-target="#machSubIndustrySort" data-parent="#sortGroup" data-toggle="false" aria-expanded="false"
                                       aria-controls="machSubIndustrySort">
                                        Machinery
                                        <div class="filter-icons" style="background-image: url(./Themes/MestekTheme/img/icons/fabrication-icon-2.png);"></div>
                                    </a>
                                </li>
                            </div>

                            <div class="col-sm-6 col-md-3 justify-content-center">
                                <li class="nav-item " data-option-value=".Architectural">
                                    <a class="nav-link text-3 text-uppercase text-center" href="#" data-toggle="collapse"
                                       data-target="#archSubIndustrySort" data-parent="#sortGroup" data-toggle="false" aria-expanded="false"
                                       aria-controls="archSubIndustrySort">
                                        Architectural
                                        <div class="filter-icons" style="background-image: url(./Themes/MestekTheme/img/icons/architectural-sub-industry-icon.png);">
                                        </div>
                                    </a>
                                </li>
                            </div>
                        </div>
                    </div>
                </ul>
                <!-- #cc788e -->
                <!-- Hvac SubIndustry Sorting -->
                <ul id="hvacSubIndustrySort" class="nav nav-pills sort-source sort-source-style-3 p-2 justify-content-center collapse multi-collapse" data-sort-id="portfolio" data-option-key="filter" data-plugin-options="{'layoutMode': 'fitRows', 'filter': '*'}" data-parent="#sortGroup"
                    data-toggle="false" style="background-color: #eacdd5; font-size: 20px; margin: 5px; ">
                    <li class="nav-item active" data-option-value=".HVAC">
                        <a class="nav-link text-3 text-uppercase active m-2 btn btn-outline-custom" href="#">All HVAC</a>
                    </li>
                    <li class="nav-item" data-option-value=".hvac-comm">
                        <a class="nav-link text-3 text-uppercase m-2 btn btn-outline-custom" href="#">Commercial Products</a>
                    </li>
                    <li class="nav-item" data-option-value=".hvac-res">
                        <a class="nav-link text-3 text-uppercase m-2 btn btn-outline-custom" href="#">Residential Products</a>
                    </li>
                    <!--<li class="nav-item" data-option-value=".hvac-boiler"><a class="nav-link text-3 text-uppercase" href="#">Hydronic Heating & Cooling</a></li>-->
                    <li class="nav-item" data-option-value=".hvac-hydro">
                        <a class="nav-link text-3 text-uppercase m-2 btn btn-outline-custom" href="#">Hydronic Heating & Cooling</a>
                    </li>
                    <li class="nav-item" data-option-value=".hvac-air-hc">
                        <a class="nav-link text-3 text-uppercase m-2 btn btn-outline-custom" href="#">Air Side Heating & Cooling</a>
                    </li>
                    <li class="nav-item" data-option-value=".hvac-air">
                        <a class="nav-link text-3 text-uppercase m-2 btn btn-outline-custom" href="#">Air Control & Ventilation</a>
                    </li>
                    <li class="nav-item" data-option-value=".hvac-heat-pumps">
                        <a class="nav-link text-3 text-uppercase m-2 btn btn-outline-custom" href="#">Heat Pumps</a>
                    </li>
                </ul>
                <!-- Mach SubIndustry Sorting -->
                <ul id="machSubIndustrySort" class="nav nav-pills sort-source sort-source-style-3 p-2 justify-content-center collapse multi-collapse" data-sort-id="portfolio" data-option-key="filter" data-plugin-options="{'layoutMode': 'fitRows', 'filter': '*'}" data-parent="#sortGroup"
                    data-toggle="false" style="background-color: #eacdd5; font-size: 20px; margin: 5px; ">
                    <li class="nav-item active" data-option-value=".Machinery">
                        <a class="nav-link text-3 text-uppercase active m-2 btn btn-outline-custom" href="#">All Machinery</a>
                    </li>
                    <li class="nav-item active" data-option-value=".mach-coil">
                        <a class="nav-link text-3 text-uppercase m-2 btn btn-outline-custom" href="#">Coiled Metal Processing</a>
                    </li>
                    <li class="nav-item" data-option-value=".mach-hvac">
                        <a class="nav-link text-3 text-uppercase m-2 btn btn-outline-custom" href="#">HVAC Fabrication</a>
                    </li>
                    <li class="nav-item" data-option-value=".mach-form">
                        <a class="nav-link text-3 text-uppercase m-2 btn btn-outline-custom" href="#">Forming &amp; Fabrication</a>
                    </li>
                </ul>
                <!-- Arch SubIndustry Sorting -->
                <ul id="archSubIndustrySort" class="nav nav-pills sort-source sort-source-style-3 p-2 justify-content-center collapse multi-collapse" data-sort-id="portfolio" data-option-key="filter" data-plugin-options="{'layoutMode': 'fitRows', 'filter': '*'}" data-parent="#sortGroup"
                    data-toggle="false" style="background-color: #eacdd5; font-size: 20px; margin: 5px; ">
                    <li class="nav-item active" data-option-value=".Architectural"><a class="nav-link text-3 text-uppercase active m-2 btn btn-outline-custom" href="#">All Archictectural</a></li>
                    <li class="nav-item active" data-option-value=".arch-arch"><a class="nav-link text-3 text-uppercase m-2 btn btn-outline-custom" href="#">Archictectural products</a></li>
                </ul>
            </div>
        </div>

        <div class="sort-destination-loader sort-destination-loader-showing mx-5">
            <!-- Company Template Spawn Location-->
            <div class="company-spawn row portfolio-list no-gutters sort-destination mb-5" data-sort-id="portfolio">
                <!-- Begin Company Template-->
                <div class="company-template col-12 col-md-6 col-lg-4 isotope-item brands p-2">
                    <div class="portfolio-item m-0">
                        <a class="company-about-link" href="#">
                            <span class="thumb-info thumb-info-centered-info thumb-info-no-borders m-0">
                                <span class="thumb-info-wrapper">
                                    <!-- the height of this element drives the Height of the Template-->
                                    <div class="company-logo img-fluid p-2" style="background-image: url(./Themes/MestekTheme/img/projects/project.jpg); height: 175px;" alt="">
                                        <div class="company-needs-info ml-5"><h3 class="bg-warning text-center p-2">needs info <i class="fas fa-exclamation-triangle"></i></h3></div>
                                    </div>
                                    <span class="thumb-info-title">
                                        <span class="thumb-info-inner">Presentation</span>
                                        <span class="thumb-info-type">Brand </span>
                                        <span class="thumb-info-social-icons thumb-info-desktop"></span>
                                    </span>
                                </span>
                                <span class="thumb-info-action">
                                    <span class="thumb-info-action-icon"><i class="fas fa-plus"></i></span>
                                </span>
                            </span>

                        </a>
                        <span class="thumb-info-social-icons thumb-info-mobile bg-white p-2" style="padding-top:10px; z-index: 999;">
                            <div class="thumb-info-inner font-weight-bold mb-0 text-5"></div>
                            <div class="thumb-info-type  mb-0 text-5">Hydronic Heating</div>
                            <a class="social-icons social-icons-template d-inline-block" style="z-index: 999; padding-top: .75em;" href="">
                                <span class="fa-stack fa-2x">
                                    <i class="fas fa-circle fa-stack-2x"></i>
                                    <i class="social-type"></i>
                                </span>
                            </a>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </section>



    <!--history-->
    <div id="history" class="container" style="min-height: 800px;">
        <div class="row justify-content-center pt-4 pb-2 mt-5 mb-4">
            <div class="col-md-8 col-lg-6 text-center appear-animation" data-appear-animation="fadeInUpShorter">
                <h2 class="font-weight-extra-bold text-color-dark text-6 mb-0">Through the Years</h2>
                <p class="text-4 mb-3">Mestek founded by John Reed in 1946</p>
                <div class="divider divider-primary divider-small divider-small-center">
                    <hr class="w-25">
                </div>
            </div>
        </div>

        <!--timeline concept 1-->
        <!--<div class="image-gallery sort-destination full-width d-none ">
                        <div class="isotope-item">
                            <div class="image-gallery-item">
                                <a class="img-thumbnail img-thumbnail-no-borders d-block img-thumbnail-hover-icon lightbox" href="./Themes/MestekTheme/img/mestek/Timeline/TimeLine_001.png" data-plugin-options="{'type':'image', 'gallery':{'enabled':'true'}}">
                                <img class="img-fluid" src="./Themes/MestekTheme/img/mestek/Timeline/TimeLine_001.png" alt="Project Image">
                                </a>
                            </div>
                        </div>

                        <div class="isotope-item">
                            <div class="image-gallery-item">
                                <a class="img-thumbnail img-thumbnail-no-borders d-block img-thumbnail-hover-icon lightbox" href="./Themes/MestekTheme/img/mestek/Timeline/TimeLine_002.png" data-plugin-options="{'type':'image'}">
                                    <img class="img-fluid" src="./Themes/MestekTheme/img/mestek/Timeline/TimeLine_002.png" alt="Project Image">
                                </a>
                            </div>
                        </div>

                        <div class="isotope-item">
                            <div class="image-gallery-item">
                                <a class="img-thumbnail img-thumbnail-no-borders d-block img-thumbnail-hover-icon lightbox" href="./Themes/MestekTheme/img/mestek/Timeline/TimeLine_003.png" data-plugin-options="{'type':'image'}">
                                    <img class="img-fluid" src="./Themes/MestekTheme/img/mestek/Timeline/TimeLine_003.png" alt="Project Image">
                                </a>
                            </div>
                        </div>

                        <div class="isotope-item">
                            <div class="image-gallery-item">
                                <a class="img-thumbnail img-thumbnail-no-borders d-block img-thumbnail-hover-icon lightbox" href="./Themes/MestekTheme/img/mestek/Timeline/TimeLine_004.png" data-plugin-options="{'type':'image'}">
                                    <img class="img-fluid" src="./Themes/MestekTheme/img/mestek/Timeline/TimeLine_004.png" alt="Project Image">
                                </a>
                            </div>
                        </div>

                        <div class="isotope-item">
                            <div class="image-gallery-item">
                                <a class="img-thumbnail img-thumbnail-no-borders d-block img-thumbnail-hover-icon lightbox" href="./Themes/MestekTheme/img/mestek/Timeline/TimeLine_005.png" data-plugin-options="{'type':'image'}">
                                    <img class="img-fluid" src="./Themes/MestekTheme/img/mestek/Timeline/TimeLine_005.png" alt="Project Image">
                                </a>
                            </div>
                        </div>

                        <div class="isotope-item">
                            <div class="image-gallery-item">
                                <a class="img-thumbnail img-thumbnail-no-borders d-block img-thumbnail-hover-icon lightbox" href="./Themes/MestekTheme/img/mestek/Timeline/TimeLine_006.png" data-plugin-options="{'type':'image'}">
                                    <img class="img-fluid" src="./Themes/MestekTheme/img/mestek/Timeline/TimeLine_006.png" alt="Project Image">
                                </a>
                            </div>
                        </div>
                    </div>-->
        <!--timeline concept 2-->
        <!--<div class="container py-4 d-none">

                        <div class="row py-4 mb-4">
                            <div class="col">
                                <div class="image-hotspots">
                                    <img src="./Themes/MestekTheme/img/mestek/Timeline/TimeLine_001.png" class="img-fluid" />

                                    <a style="left: 20%; top: 25%;" class="image-hotspot image-hotspot-primary" data-container="body"
                                        data-toggle="popover" data-placement="top" data-content="Mestek Timeline Test 001">
                                        <strong>1</strong>
                                    </a>

                                    <a style="left: 10%; top: 70%;" class="image-hotspot image-hotspot-primary" data-container="body"
                                        data-toggle="popover" data-placement="top" data-content="Mestek Timeline Test 002">
                                        <strong>2</strong>
                                    </a>

                                    <a style="left: 60%; top: 32%;" class="image-hotspot image-hotspot-primary" data-container="body"
                                        data-toggle="popover" data-placement="top" data-content="Mestek Timeline Test 003">
                                        <strong>3</strong>
                                    </a>

                                    <a style="left: 77%; top: 36%;" class="image-hotspot image-hotspot-primary" data-container="body"
                                        data-toggle="popover" data-placement="top" data-content="Mestek Timeline Test 004">
                                        <strong>4</strong>
                                    </a>

                                </div>
                            </div>
                        </div>

                    </div>-->
        <!--timeline concept 3-->
        <section class="section section-height-2  border-0 m-0 ">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-10 offset-1">
                        <div class="carousel-areas">

                            <div class="owl-carousel owl-theme nav-style-2 mb-5"
                                 data-plugin-options="{'responsive': {'0': {'items': 1}, '476': {'items': 1}, '768': {'items': 2}, '992': {'items': 2}, '1200': {'items': 2}}, 'autoplay': true, 'autoplayTimeout': 5000, 'dots': true, 'loop':false, 'rewind':true, 'nav':true, 'stagePadding': 0}">
                                <div>
                                    <a class="img-thumbnail img-thumbnail-no-borders  img-thumbnail-hover-icon lightbox"
                                       href="./Themes/MestekTheme/img/mestek/Timeline/TimeLine_001.png"
                                       data-plugin-options="{'type':'image', 'gallery':{'enabled':'true'}}">
                                        <img class="img-fluid "
                                             src="./Themes/MestekTheme/img/mestek/Timeline/TimeLine_001.png" alt="">
                                    </a>
                                </div>
                                <div>
                                    <a class="img-thumbnail img-thumbnail-no-borders img-thumbnail-hover-icon lightbox"
                                       href="./Themes/MestekTheme/img/mestek/Timeline/TimeLine_002.png"
                                       data-plugin-options="{'type':'image'}">
                                        <img class="img-fluid "
                                             src="./Themes/MestekTheme/img/mestek/Timeline/TimeLine_002.png" alt="">
                                    </a>
                                </div>
                                <div>
                                    <a class="img-thumbnail img-thumbnail-no-borders img-thumbnail-hover-icon lightbox"
                                       href="./Themes/MestekTheme/img/mestek/Timeline/TimeLine_003.png"
                                       data-plugin-options="{'type':'image','gallery':{'enabled':'true'}}">
                                        <img class="img-fluid "
                                             src="./Themes/MestekTheme/img/mestek/Timeline/TimeLine_003.png" alt="">
                                    </a>
                                </div>
                                <div>
                                    <a class="img-thumbnail img-thumbnail-no-borders d-block img-thumbnail-hover-icon lightbox"
                                       href="./Themes/MestekTheme/img/mestek/Timeline/TimeLine_004.png"
                                       data-plugin-options="{'type':'image'}">
                                        <img class="img-fluid "
                                             src="./Themes/MestekTheme/img/mestek/Timeline/TimeLine_004.png" alt="">
                                    </a>
                                </div>
                                <div>
                                    <a class="img-thumbnail img-thumbnail-no-borders d-block img-thumbnail-hover-icon lightbox"
                                       href="./Themes/MestekTheme/img/mestek/Timeline/TimeLine_005.png"
                                       data-plugin-options="{'type':'image'}">
                                        <img class="img-fluid "
                                             src="./Themes/MestekTheme/img/mestek/Timeline/TimeLine_005.png" alt="">
                                    </a>
                                </div>
                                <div>
                                    <a class="img-thumbnail img-thumbnail-no-borders d-block img-thumbnail-hover-icon lightbox"
                                       href="./Themes/MestekTheme/img/mestek/Timeline/TimeLine_006.png"
                                       data-plugin-options="{'type':'image'}">
                                        <img class="img-fluid"
                                             src="./Themes/MestekTheme/img/mestek/Timeline/TimeLine_006.png" alt="">
                                    </a>
                                </div>
                                <div>
                                    <a class="img-thumbnail img-thumbnail-no-borders d-block img-thumbnail-hover-icon lightbox"
                                       href="./Themes/MestekTheme/img/mestek/Timeline/TimeLine_007.png"
                                       data-plugin-options="{'type':'image'}">
                                        <img class="img-fluid"
                                             src="./Themes/MestekTheme/img/mestek/Timeline/TimeLine_007.png" alt="">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>						<!--begin history silide show-->
                <div class="row justify-content-center">
                    <div class="col-lg-8 appear-animation" data-appear-animation="fadeInUpShorter"
                         data-appear-animation-delay="200">
                        <div class="carousel-areas mb-0" style="margin-top: 10px;">
                            <div class="owl-carousel owl-theme nav-style-2 m-0"
                                 data-plugin-options="{'autoHeight': true, 'items': 1, 'margin': 10, 'nav': true, 'dots': true, 'stagePadding': 0}">

                                <div>
                                    <div class="col px-2 text-2">
                                        <div class="row justify-content-between bg-color-grey-scale-1 py-3 px-2 mx-0">
                                            <div class="col-auto col-md-6">
                                                <p class="text-dark font-weight-extra-bold mb-0">John Reed's Garage Beginings</p>
                                            </div>
                                            <div class="col-auto col-md-6 text-right">
                                                <span>Westfield MA</span>
                                            </div>
                                        </div>
                                    </div>
                                    <a class="img-thumbnail img-thumbnail-no-borders img-thumbnail-hover-icon lightbox"
                                       data-plugin-options="{'type':'image'}"
                                       href="./Themes/MestekTheme/img/mestek/Slides/John Reed's garage.png">
                                        <img alt="" class="img-fluid rounded-0"
                                             src="./Themes/MestekTheme/img/mestek/Slides/John Reed's garage.png">
                                    </a>
                                </div>
                                <div>
                                    <div class="col px-2 text-2">
                                        <div class="row justify-content-between bg-color-grey-scale-1 py-3 px-2 mx-0">
                                            <div class="col-auto col-md-6">
                                                <p class="text-dark font-weight-extra-bold mb-0">
                                                    Rebuilding after the great flood of
                                                    '55
                                                </p>
                                            </div>
                                            <div class="col-auto col-md-6 text-right">
                                                <span>September</span>
                                                <span class="divider-custom mx-1"></span>
                                                <span>1955</span>
                                            </div>
                                        </div>
                                    </div>
                                    <a class="img-thumbnail img-thumbnail-no-borders img-thumbnail-hover-icon lightbox"
                                       data-plugin-options="{'type':'image'}"
                                       href="./Themes/MestekTheme/img/mestek/Slides/Image (52).jpg">
                                        <img alt="" class="img-fluid rounded-0"
                                             src="./Themes/MestekTheme/img/mestek/Slides/Image (52).jpg">
                                    </a>
                                </div>
                                <div>
                                    <div class="col px-2 text-2">
                                        <div class="row justify-content-between bg-color-grey-scale-1 py-3 px-2 mx-0">
                                            <div class="col-auto col-md-6">
                                                <p class="text-dark font-weight-extra-bold mb-0">Sterling Radiator Co.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <a class="img-thumbnail img-thumbnail-no-borders img-thumbnail-hover-icon lightbox"
                                       data-plugin-options="{'type':'image'}"
                                       href="./Themes/MestekTheme/img/mestek/Slides/Sterling Rad 01.jpg">
                                        <img alt="" class="img-fluid rounded-0"
                                             src="./Themes/MestekTheme/img/mestek/Slides/Sterling Rad 01.jpg">
                                    </a>
                                </div>

                                <div>
                                    <div class="col px-2 text-2">
                                        <div class="row justify-content-between bg-color-grey-scale-1 py-3 px-2 mx-0">
                                            <div class="col-auto col-md-6">
                                                <p class="text-dark font-weight-extra-bold mb-0">Sterling Factory Plans</p>
                                            </div>
                                            <div class="col-auto col-md-6 text-right">
                                                <span>Westfield MA</span>
                                            </div>
                                        </div>
                                    </div>
                                    <a class="img-thumbnail img-thumbnail-no-borders img-thumbnail-hover-icon lightbox"
                                       data-plugin-options="{'type':'image'}"
                                       href="./Themes/MestekTheme/img/mestek/Slides/Image%20(11).jpg">
                                        <img alt="" class="img-fluid rounded-0"
                                             src="./Themes/MestekTheme/img/mestek/Slides/Image%20(11).jpg">
                                    </a>
                                </div>

                                <div>
                                    <div class="col px-2 text-2">
                                        <div class="row justify-content-between bg-color-grey-scale-1 py-3 px-2 mx-0">
                                            <div class="col-auto col-md-6">
                                                <p class="text-dark font-weight-extra-bold mb-0">Sterling Radiator Co.</p>
                                            </div>
                                            <div class="col-auto col-md-6 text-right">
                                                <span>John Reed</span>
                                                <span class="divider-custom mx-1"></span>
                                                <span>1964</span>
                                            </div>
                                        </div>
                                    </div>
                                    <a class="img-thumbnail img-thumbnail-no-borders img-thumbnail-hover-icon lightbox"
                                       data-plugin-options="{'type':'image'}"
                                       href="./Themes/MestekTheme/img/mestek/Slides/Image%20(7).jpg">
                                        <img alt="" class="img-fluid rounded-0"
                                             src="./Themes/MestekTheme/img/mestek/Slides/Image%20(7).jpg">
                                    </a>
                                </div>
                                <div>
                                    <div class="col px-2 text-2">
                                        <div class="row justify-content-between bg-color-grey-scale-1 py-3 px-2 mx-0">
                                            <div class="col-auto col-md-6">
                                                <p class="text-dark font-weight-extra-bold mb-0">
                                                    Mestek Headquarters (then Reed
                                                    National
                                                    Corp.)
                                                </p>
                                            </div>
                                            <div class="col-auto col-md-6 text-right">
                                                <span>Westfield MA</span>
                                            </div>
                                        </div>
                                    </div>
                                    <a class="img-thumbnail img-thumbnail-no-borders img-thumbnail-hover-icon lightbox"
                                       data-plugin-options="{'type':'image'}"
                                       href="./Themes/MestekTheme/img/mestek/Slides/ReedNational1970s.jpg">
                                        <img alt="" class="img-fluid rounded-0"
                                             src="./Themes/MestekTheme/img/mestek/Slides/ReedNational1970s.jpg">
                                    </a>
                                </div>
                                <div>
                                    <div class="col px-2 text-2">
                                        <div class="row justify-content-between bg-color-grey-scale-1 py-3 px-2 mx-0">
                                            <div class="col-auto col-md-6">
                                                <p class="text-dark font-weight-extra-bold mb-0">
                                                    Mestek Headquarters (then Reed
                                                    National
                                                    Corp.)
                                                </p>
                                            </div>
                                            <div class="col-auto col-md-6 text-right">
                                                <span>Westfield MA</span>
                                            </div>
                                        </div>
                                    </div>
                                    <a class="img-thumbnail img-thumbnail-no-borders img-thumbnail-hover-icon lightbox"
                                       data-plugin-options="{'type':'image'}"
                                       href="./Themes/MestekTheme/img/mestek/Slides/Image (16).jpg">
                                        <img alt="" class="img-fluid rounded-0"
                                             src="./Themes/MestekTheme/img/mestek/Slides/Image (16).jpg">
                                    </a>
                                </div>

                                <div>
                                    <div class="col px-2 text-2">
                                        <div class="row justify-content-between bg-color-grey-scale-1 py-3 px-2 mx-0">
                                            <div class="col-auto col-md-6">
                                                <p class="text-dark font-weight-extra-bold mb-0">Working on a Boiler</p>
                                            </div>
                                            <div class="col-auto col-md-6 text-right">
                                                <span>R&amp;D Test Lab</span>
                                            </div>
                                        </div>
                                    </div>
                                    <a class="img-thumbnail img-thumbnail-no-borders img-thumbnail-hover-icon lightbox"
                                       data-plugin-options="{'type':'image'}"
                                       href="./Themes/MestekTheme/img/mestek/Slides/HYT%20252.jpg">
                                        <img alt="" class="img-fluid rounded-0"
                                             src="./Themes/MestekTheme/img/mestek/Slides/HYT%20252.jpg">
                                    </a>
                                </div>
                                <div>
                                    <div class="col px-2 text-2">
                                        <div class="row justify-content-between bg-color-grey-scale-1 py-3 px-2 mx-0">
                                            <div class="col-auto col-md-6">
                                                <p class="text-dark font-weight-extra-bold mb-0">Mestek Headquarters</p>
                                            </div>
                                            <div class="col-auto col-md-6 text-right">
                                                <span>Westfield MA</span>
                                            </div>
                                        </div>
                                    </div>
                                    <a class="img-thumbnail img-thumbnail-no-borders img-thumbnail-hover-icon lightbox"
                                       data-plugin-options="{'type':'image'}"
                                       href="./Themes/MestekTheme/img/mestek/Slides/engineering%2001.jpg">
                                        <img alt="" class="img-fluid rounded-0"
                                             src="./Themes/MestekTheme/img/mestek/Slides/engineering%2001.jpg">
                                    </a>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>



    </div>


    <section id="reedinstitute" class="section section-default section-footer section-color-custom mt-0 pt-2 pb-5">
        <div class="container py-4">
            <div class="row mt-2 mb-4 align-items-center">
                <div class="col-4 text-center">
                    <img class="img-fluid appear-animation mt-5 pt-5" src="./Themes/MestekTheme/img/logos/REED.png" style="width: 100%; max-width: 100; left: 0; position: relative;" alt="layout styles" data-appear-animation="fadeInLeft">
                </div>
                <div class="col-8">
                    <h2 class="mb-1 mt-5 font-weight-bold text-6">Training at the Reed Institute</h2>
                    <div class="divider divider-primary divider-small mb-5">
                        <hr>
                    </div>
                    <p class="lead">
                        Whether you are specifying/designing or installing/servicing hydronic or HVAC DX Heating/Cooling systems the Reed Institute has the proper seminar for your area of expertise.
                    </p>
                    <p>
                        Enhance your knowledge of current developments in heating and cooling technologies and applications by attending one of our complimentary educational sessions.
                    </p>

                    <a class="btn btn-outline btn-primary text-1 font-weight-semibold text-uppercase px-5 btn-py-2 mb-3" href="http://thereedinstitute.com/" target="_blank">Sign Up for Classes Today</a>
                </div>
            </div>
        </div>
    </section>

    <!--Links-->
    <section id="links" class="section section-background section-height-4 overlay overlay-show overlay-op-9 border-0 m-0" style="background-image: url(./Themes/MestekTheme/img/mestek/Backgrounds/BackgroundImages003-09.jpg); background-size: cover; background-position: center;">
        <div class="container">
            <div class="row">
                <div class="col text-center">
                    <h2 class="font-weight-bold text-color-light mb-2">
                        <i class="icon-share icons text-color-light"></i> Links
                    </h2>
                    <p class="text-color-light opacity-7">Other ways to reach out and connect with us</p>
                </div>
            </div>
            <div class="row text-center py-3 my-4">

                <!--<div class="owl-carousel owl- owl-theme dots-inside mb-0" data-plugin-options="{
                                            'responsive': {
                                                '0': {'items': 3},
                                                '476': {'items': 5},
                                                '600': {'items': 5},
                                                '768': {'items': 5},
                                                '992': {'items': 7},
                                                '1200': {'items': 7}
                                            },
                                            'margin': 35,
                                            'loop': false,
                                            'dots': true,
                                            'center':true,
                                            'startPosition': 4,
                                            'autoHeight':false}">-->

                <div class="col-md-2 offset-md-1 icon-links">
                    <a href="https://www.youtube.com/channel/UCBKaE-v5J3rXLFCXvyBCHKA" target="_blank"><img class="img-fluid" src="./Themes/MestekTheme/img/logos/yt_icon_mono_dark.png" style="width: 150px" alt="Mestek Youtube" title="Mestek Youtube"></a>
                </div>
                <div class="col-md-2 icon-links">
                    <a href="https://salesassistant.com/Login.aspx" target="_blank"><img class="img-fluid" src="./Themes/MestekTheme/img/mestek/sales-assistant-logo-round-corners-white.png" style="width: 150px" alt="Sales Assisstant" title="Sales Assisstant"></a>
                </div>
                <div class="col-md-2 icon-links">
                    <a href="http://thereedinstitute.com/" target="_blank"><img class="img-fluid" src="./Themes/MestekTheme/img/mestek/REEDhome extreme Simplified-white.png" style="width: 150px" alt="Reed Institute" title="Reed Institute"></a>
                </div>
                <div class="col-md-2 icon-links">
                    <a href="./Careers"><img class="img-fluid" src="./Themes/MestekTheme/img/icons/careers.svg" style="width: 150px" alt="Careers" title="Careers"></a>
                </div>
                <div class="col-md-2 icon-links">
                    <a href="./Legal"><img class="img-fluid" src="./Themes/MestekTheme/img/icons/legal.svg" style="width: 150px" alt="Legal" title="Legal"></a>
                </div>


                <!--</div>-->
            </div>
        </div>
    </section>
</div>

<!--Contact Us-->
<section id="contact" class="section bg-color-grey-scale-1 border-0 py-0 m-0">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-6">
                <img src="./Themes/MestekTheme/img/mestek/Placeholders/mapPH.PNG" alt="" style="width: 100%; height: auto; margin-top: 50px">

                <!-- Google Maps - Settings on footer -->
                <!--<div id="googlemaps" class="google-ma h-100 mb-0" style="min-height: 400px;"></div>-->

            </div>
            <div class="col-md-6 p-5 my-5">

                <div class="px-4">
                    <h2 class="font-weight-bold line-height-1 mb-2">Contact Us</h2>
                    <p class="text-3 mb-4">
                        <span class="font-weight-bold">please note:</span> for product
                        specific inquiries, please contact the appropriate company or division directly
                    </p>
                    <!--template form-->
                    <!--
    <form id="contactForm" class="contact-form form-style-2 pr-xl-5"
          action="php/contact-form.php" method="POST">
        <div class="contact-form-success alert alert-success d-none mt-4" id="contactSuccess">
            <strong>Success!</strong> Your message has been sent to us.
        </div>

        <div class="contact-form-error alert alert-danger d-none mt-4" id="contactError">
            <strong>Error!</strong> There was an error sending your message.
            <span class="mail-error-message text-1 d-block" id="mailErrorMessage"></span>
        </div>

        <div class="form-row">
            <div class="form-group col-xl-4">
                <input type="text" value="" data-msg-required="Please enter your name."
                       maxlength="100" class="form-control" name="name" id="name"
                       placeholder="Name" required>
            </div>
            <div class="form-group col-xl-8">
                <input type="email" value=""
                       data-msg-required="Please enter your email address."
                       data-msg-email="Please enter a valid email address." maxlength="100"
                       class="form-control" name="email" id="email" placeholder="Email" required>
            </div>
        </div>
        <div class="form-row">
            <div class="form-group col-xl-8">
                <input type="text" value=""
                       data-msg-required="Please enter the company you work for" maxlength="100"
                       class="form-control" name="company" id="company" placeholder="Company"
                       required>
            </div>
            <div class="form-group col-xl-4">

                <input type="text" value="" data-msg-required="Please enter your zip code"
                       maxlength="100" class="form-control" name="zipcode" id="zipcode"
                       placeholder="Zip code" required>
            </div>
        </div>
        <div class="form-row">
            <div class="form-group col-xl-6">
                <input type="text" value="" data-msg-required="Please enter your city"
                       maxlength="100" class="form-control" name="city" id="city"
                       placeholder="City" required>
            </div>
            <div class="form-group col-xl-6">
                <input type="text" value="" data-msg-required="Please enter your phone number"
                       maxlength="100" class="form-control" name="phonenumber" id="phonenumber"
                       placeholder="Phone number" required>
            </div>
        </div>
        <div class="form-row">
            <div class="form-group col">
                <input type="text" value="" data-msg-required="Please enter the subject."
                       maxlength="100" class="form-control" name="subject" id="subject"
                       placeholder="Subject" required>
            </div>
        </div>
        <div class="form-row">
            <div class="form-group col">
                <textarea maxlength="5000" data-msg-required="Please enter your message."
                          rows="4" class="form-control" name="message" id="message"
                          placeholder="Message" required></textarea>
            </div>
        </div>
        <div class="form-row">
            <div class="form-group col">
                <input type="submit" value="SUBMIT"
                       class="btn btn-primary btn-rounded font-weight-semibold px-5 btn-py-2 text-2"
                       data-loading-text="Loading...">
            </div>
        </div>
    </form>
    -->
                    <!--copied from cms-->
                    <!--"./HubspotForm/Home/SendContact"-->
                    <!--"/Home/Contact"-->
                    
                    <div class="dynamic-form">
<form action="/" method="post"><input name="__RequestVerificationToken" type="hidden" value="GizA3xCKtAC8Kozlo-IDueEV8b1KPry-j9p9x_RVu0oNsuojZNn1-IEUqpw2AAZXiSnr56isev5b8ZCFV3HTd_-C84J0iEuuPlPukLzHj8E1" />                            <input type="hidden" id="captch" name="captcha-response" />
                            <div class="form-row">
                                <div class="form-group col-xl-4">
                                    <input class="form-control test" data-msg-required="Please enter your name." id="contactForm_name" maxlength="100" name="contactForm.name" placeholder="Name" required="True" type="text" value="" />
                                    
                                </div>
                                <div class="form-group col-xl-8">
                                    <input class="form-control test" data-msg-required="Please enter your Email address." id="contactForm_email" maxlength="100" name="contactForm.email" placeholder="Email Address" required="True" type="text" value="" />
                                    
                                </div>
                            </div>
                            <div class="form-row">
                                <div class="form-group col-xl-8">

                                    <input class="form-control test" data-msg-required="Please enter the company you work for." id="contactForm_company" maxlength="100" name="contactForm.company" placeholder="Company" type="text" value="" />
                                    
                                </div>
                                <div class="form-group col-xl-4">

                                    <input class="form-control test" data-msg-required="Please enter the company your zipcode." id="contactForm_zipcode" maxlength="100" name="contactForm.zipcode" placeholder="Zipcode" type="text" value="" />
                                    
                                </div>
                            </div>
                            <div class="form-row">
                                <div class="form-group col-xl-6">
                                    <input class="form-control test" data-msg-required="Please enter the your city." id="contactForm_city" maxlength="100" name="contactForm.city" placeholder="City" type="text" value="" />
                                    
                                </div>
                                <div class="form-group col-xl-6">
                                    <input class="form-control test" data-msg-required="Please enter your phone number." id="contactForm_phonenumber" maxlength="100" name="contactForm.phonenumber" placeholder="Phone Number" required="True" type="text" value="" />
                                    
                                </div>
                            </div>
                            <div class="form-row">
                                <div class="form-group col">
                                    <input class="form-control test" data-msg-required="Please enter a subject." id="contactForm_subject" maxlength="100" name="contactForm.subject" placeholder="Subject" required="True" type="text" value="" />
                                    
                                </div>
                            </div>
                            <div class="form-row">
                                <div class="form-group col">
                                    <textarea class="form-control" cols="20" data-msg-required="Please enter a Message." id="contactForm_message" maxlength="5000" name="contactForm.message" placeholder="Message" required="True" rows="4">
</textarea>
                                </div>
                            </div>
                            <div class="form-row">
                                <div class="form-group col">
                                    <input type="submit" value="SUBMIT" class="btn btn-primary btn-rounded font-weight-semibold px-5 btn-py-2 text-2" data-loading-text="Loading...">
                                </div>
                            </div>
</form>                    </div>
                </div>

            </div>
        </div>
    </div>
</section>

</div>        

                
            <section class="section bg-primary border-0 m-0" id="contact-footer">
            <div class="container">
                <div class="row justify-content-center text-center text-lg-left py-4">
                    <div class="col-lg-auto  order-last order-lg-first appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="400">
                        <div class="feature-box feature-box-style-2 d-block d-lg-flex">
                            <div id="DigiCertClickID_wUavW2tr"></div>
                        </div>
                    </div>
                    <div class="col-lg-auto appear-animation" data-appear-animation="fadeInRightShorter">
                        <div class="feature-box feature-box-style-2 d-block d-lg-flex mb-4 mb-lg-0">
                            <div class="feature-box-icon">
                                <i class="icon-location-pin icons text-color-light"></i>
                            </div>
                            <div class="feature-box-info pl-1">
                                <h5 class="font-weight-light text-color-light opacity-7 mb-0">ADDRESS</h5>
                                <p class="text-color-light font-weight-semibold mb-0">260 North Elm Street<br />Westfield, MA 01085</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-auto appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="200">
                        <div class="feature-box feature-box-style-2 d-block d-lg-flex mb-4 mb-lg-0 px-xl-4 mx-lg-5">
                            <div class="feature-box-icon">
                                <i class="icon-call-out icons text-color-light"></i>
                            </div>
                            <div class="feature-box-info pl-1">
                                <h5 class="font-weight-light text-color-light opacity-7 mb-0">CALL US NOW</h5>
                                <a href="tel:+8001234567" class="text-color-light font-weight-semibold text-decoration-none">413-568-9571</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-auto appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="400">
                        <div class="feature-box feature-box-style-2 d-block d-lg-flex">
                            <div class="feature-box-icon">
                                <i class="icon-share icons text-color-light"></i>
                            </div>
                            <div class="feature-box-info pl-1">
                                <h5 class="font-weight-light text-color-light opacity-7 mb-0">FOLLOW US</h5>
                                <p class="mb-0">
                                    <span class="social-icons-facebook"><a href="https://www.facebook.com/MestekInc/" target="_blank" class="text-color-light font-weight-semibold" title="Facebook"><i class="mr-1 fab fa-facebook-f"></i> FACEBOOK</a></span>
                                </p>
                                <p>
                                    <span class="social-icons-linkedin"><a href="https://www.linkedin.com/company/mestek/" target="_blank" class="text-color-light font-weight-semibold" title="Linkedin"><i class="mr-1 fab fa-linkedin"></i> LINKEDIN</a></span>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- footer begin -->
        <footer id="footer" class="mt-0">
            <div class="footer-copyright">
                <div class="container py-2">
                    <div class="row py-4">
                        <div class="col d-flex align-items-center justify-content-center">
                            <p><strong>Mestek, Inc.</strong>  @ Copyright 2022. All Rights Reserved.&middot;
				<a href="https://www.mestek.com/Home/Legal#tab2" target="_blank">Terms &amp; Conditions</a>
				&middot;
				<a href="https://www.mestek.com/Home/Legal#tab1" target="_blank">Terms of Use</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    </div>

        <script src="/Themes/MestekTheme/js/mestek-company-info.js" type="text/javascript"></script>
<script src="/Themes/MestekTheme/js/mestek-one-page.js" type="text/javascript"></script>

    </div>

    <!-- Vendor -->
    <script src="/Themes/MestekTheme/vendor/jquery/jquery.min.js"></script>
    <script src="/Themes/MestekTheme/vendor/jquery.appear/jquery.appear.min.js"></script>
    <script src="/Themes/MestekTheme/vendor/jquery.easing/jquery.easing.min.js"></script>
    <script src="/Themes/MestekTheme/vendor/jquery.cookie/jquery.cookie.min.js"></script>
    <script src="/Themes/MestekTheme/vendor/popper/umd/popper.min.js"></script>
    <script src="/Themes/MestekTheme/vendor/bootstrap/js/bootstrap.min.js"></script>
    <script src="/Themes/MestekTheme/vendor/common/common.min.js"></script>
    <script src="/Themes/MestekTheme/vendor/jquery.validation/jquery.validate.min.js"></script>
    <script src="/Themes/MestekTheme/vendor/jquery.easy-pie-chart/jquery.easypiechart.min.js"></script>
    <script src="/Themes/MestekTheme/vendor/jquery.gmap/jquery.gmap.min.js"></script>
    <script src="/Themes/MestekTheme/vendor/jquery.lazyload/jquery.lazyload.min.js"></script>
    <script src="/Themes/MestekTheme/vendor/isotope/jquery.isotope.min.js"></script>
    <script src="/Themes/MestekTheme/vendor/owl.carousel/owl.carousel.min.js"></script>
    <script src="/Themes/MestekTheme/vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
    <script src="/Themes/MestekTheme/vendor/vide/jquery.vide.min.js"></script>
    <script src="/Themes/MestekTheme/vendor/vivus/vivus.min.js"></script>

    <!-- Theme Base, Components and Settings -->
    <script src="/Themes/MestekTheme/js/theme.js"></script>


    <!-- Theme Custom -->
    <script src="/Themes/MestekTheme/js/custom.js"></script>

    <!-- Current Page Vendor and Views -->
    <script src="/Themes/MestekTheme/vendor/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
    <script src="/Themes/MestekTheme/vendor/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
    <script src="/Themes/MestekTheme/js/views/view.contact.js"></script>


    <!--<script src="~/Themes/MestekTheme/js/mestek-company-info.js"></script>-->
    <!--<script src="~/Themes/MestekTheme/js/mestek-about-company.js"></script>
    <script src="~/Themes/MestekTheme/js/mestek-one-page.js"></script>-->
    <!-- Theme Initialization Files -->
    <script src="/Themes/MestekTheme/js/theme.init.js"></script>

    <!-- Theme Override files-->
    <script src="/Themes/MestekTheme/js/ThemeOverride.js"></script>

    <!-- Examples -->
    <script src="/Themes/MestekTheme/js/examples/examples.portfolio.js"></script>

</body>
</html>