Our District Managers, located in regional offices across Canada, have a thorough knowledge of construction business practices and a profound awareness of Steelway Building Systems products. Their commercial competence ensures that they have the ability to provide customer requirements and assist with negotiations in securing any project, regardless of the size and complexity.
Select Your Region
Connect with one of our local District Managers and learn how you can start building with Steelway. Our team will answer your questions and help you locate a local Authorized Steelway Builder to help you build your next project. As leaders in their local markets, our Authorized Builders offer a range of capabilities from full-service general contractors, to building erection, to complete turnkey design-build services.
.fm-map-container svg {
z-index: 1;
-webkit-user-select: none; /* webkit (safari, chrome) browsers */
-moz-user-select: none; /* mozilla browsers */
-khtml-user-select: none; /* webkit (konqueror) browsers */
-ms-user-select: none; /* IE10+ */
}
.fm-tooltip {
display: none;
position: absolute;
z-index: 3;
min-width: 200px;
}
.fm-tooltip-image {
white-space: nowrap;
}
.fm-tooltip-image img {
max-width: none;
}
.fm-tooltip-comment {
font-size: 11px;
font-family: arial;
color: #000000;
}
.fm-tooltip-comment p {
margin-top: 0px !important;
}
.fm-tooltip-frame {
background-color: #fff;
border: 2px solid #bbb;
border-radius: 10px;
padding: 5px;
opacity: .99;
max-width: 350px;
min-width: 200px;
border-collapse: separate;
margin-bottom: 0 !important;
line-height: 1.4;
vertical-align: top;
table-layout: auto;
}
.fm-tooltip-frame td {
background-color:inherit;
border: none;
padding: 5px;
vertical-align: top;
margin: 0;
}
.fm-tooltip-name {
/* color: #000; */
text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
/* font-size: 14px; */
font-weight:bold;
padding: 5px;
font-family: arial;
line-height: 1;
}
.fm-tooltip-x {
color: #444;
font: 12px/100% arial, sans-serif;
position: relative;
text-decoration: none;
text-shadow: 0 1px 0 #fff;
z-index: 5;
visibility: hidden;
cursor: pointer;
margin: -5px -5px 5px 5px;
border-bottom: none !important;
float: right;
}
.fm-tooltip-x img {
width: 12px !important;
padding:0 !important;
margin:0 !important;
border:0 !important;
}
.fm-tooltip-x.fm-frozen-x {
visibility: visible;
}
.fm-tooltip-x.fm-mobile-x {
visibility: visible;
}
.fm-scale {
float: left;
position: absolute;
left: 0px;
bottom: 0px;
z-index: 2;
margin: 10px;
-webkit-user-select: none; /* webkit (safari, chrome) browsers */
-moz-user-select: none; /* mozilla browsers */
-khtml-user-select: none; /* webkit (konqueror) browsers */
-ms-user-select: none; /* IE10+ */
}
.fm-scale div {
float: left;
}
.fm-scale a {
display: block;
float: left;
font-size: 31px;
font-weight: bold;
line-height: 38px;
text-align: center;
cursor: pointer;
color: #333 !important;
width: 41px;
height: 37px;
padding-top: 1px;
border: 1px solid #e8e8e8 !important;
border-bottom: 1px solid #bbb !important;
text-decoration: none !important;
margin-right: 3px;
border-radius: 2px;
background: #fff;
}
.fm-scale a:hover {
color: #186ba3 !important;
}
.fm-scale a.fm-inactive {
cursor: default;
color: #cdcdcd !important;
}
.fm-scale-display {
clear: both;
position: relative;
left: 0px;
z-index: 10;
width: 100%;
height: 1px;
bottom: 0px;
margin-bottom: 5px;
background-color: #e8e8e8;
}
.fm-scale-display div {
background-color: #237cbd;
height: 1px;
-webkit-transition: width ease-in-out .2s;
transition: width ease-in-out .2s;
}
.fm-scale-buttons {
clear: both;
}
.fm-no-events {
pointer-events: none;
}
.canadacustomHtml5Mapright {
margin:auto;
}
.canadacustomHtml5Mapright .canadacustomHtml5MapContainer {
position: relative;
float: left;
}
.canadacustomHtml5Mapbottom {
margin:auto;
}
.canadacustomHtml5Mapbottom .canadacustomHtml5MapContainer {
position: relative;
}
.canadacustomHtml5Mapright .canadacustomHtml5MapStateInfo, .canadacustomHtml5Mapright .canadacustomHtml5MapStateInfo {
float: left;
left: 20px;
margin-right: 20px;
position: relative;
}
.canadacustomHtml5Mapbottom .canadacustomHtml5MapStateInfo, .canadacustomHtml5Mapbottom .canadacustomHtml5MapStateInfo {
}
.canadacustomHtml5Mapright.htmlMapResponsive .canadacustomHtml5MapContainer {
position: relative;
float: none;
width: auto;
}
.canadacustomHtml5Mapright .canadacustomHtml5MapStateInfo, .canadacustomHtml5Mapright .canadacustomHtml5MapStateInfo {
float: none;
left: auto;
margin-right: 20px;
position: relative;
}
@media (min-width: 768px){
.canadacustomHtml5Mapright.htmlMapResponsive .canadacustomHtml5MapContainer {
position: relative;
float: left;
width: 70%
}
.canadacustomHtml5Mapright.htmlMapResponsive .canadacustomHtml5MapStateInfo, .canadacustomHtml5Mapright.htmlMapResponsive .canadacustomHtml5MapStateInfo {
float: left;
margin: 0%;
position: relative;
width: 30%;
left: auto;
}
}
.canadacustomHtml5Map-areas-list {
display: none;
float: left;
overflow: auto;
}
.canadacustomHtml5Map-areas-list .canadacustomHtml5Map-areas-item {
margin-bottom: 2px;
}
.canadacustomHtml5Map-areas-list a {
font-size: 16px;
text-decoration: none;
word-wrap: break-word;
}
.canadacustomHtml5MapSelector.mobile-only {
display: none;
}
.canadacustomHtml5MapSelector select {
max-width: 90%;
}
@media (max-width: 768px) {
.fm-mobile-fixed .fm-tooltip-frame {
max-width: 100%;
width: 100%;
}
.fm-mobile-fixed .fm-tooltip-comment {
width: 100%;
}
.fm-scale a {
width: 31px;
height: 27px;
font-size: 21px;
line-height: 28px;
}
}
@media only screen and (max-width: 480px) {
.canadacustomHtml5Map-areas-list {
display: none !important;
}
.canadacustomHtml5MapSelector.mobile-only {
display: block;
}
}
text.st1
{
font-weight:bold;
}
(function(){
const groups = [
{
selector: ".g-western-canada",
hoverColor: "#3d7294"
},
{
selector: ".p-on-e",
hoverColor: "#d67a3e"
},
{
selector: ".p-on-w",
hoverColor: "#7c3e9e"
},
{
selector: ".p-on-c",
hoverColor: "#ffd507"
},
{
selector: ".g-quebec-us",
hoverColor: "#4886de"
},
{
selector: ".g-eastern-canada",
hoverColor: "#82221c"
}
]
for (let index = 0; index < groups.length; index++) {
const item = groups[index];
var elements = document.querySelectorAll(item.selector)
handleEvents(elements, item.hoverColor)
}
function handleEvents(domNodes, hoverColor){
for (var i = 0; i < domNodes.length; i++){
var node = domNodes[i]
node.addEventListener('mouseover', function(){
updateColor(domNodes, hoverColor)
})
node.addEventListener('mouseout', function(){
updateColor(domNodes, '#49AF2E')
})
node.addEventListener('click', function(e){
showInfo(e.target.dataset.info)
})
}
}
function updateColor(domNodes, color){
for (var i = 0; i < domNodes.length; i++){
//If node is text do nothing
if(domNodes[i].nodeName === "text"){
return
}
var a = domNodes[i]
a.style.fill = color
}
}
function showInfo(groupToShow){
var allInfo = document.querySelectorAll('.map-info')
for (let index = 0; index < allInfo.length; index++) {
const infoNode = allInfo[index];
infoNode.style.display = 'none'
}
var loading = document.querySelector('.loading-info');
loading.style.display = 'block'
// mimic the old style
setTimeout(function(){
loading.style.display = 'none'
if(!groupToShow){
groupToShow = 'non-info'
}
var showInfo = document.querySelector('.'+groupToShow)
showInfo.style.display = 'block'
}, 500)
}
})()
.st0{fill:#49AF2E;stroke:#FFFFFF;stroke-width:1.01;stroke-miterlimit:7.2;stroke-opacity:0.5;}
.st2{font-size:14.4px;}
/* Color transition */
.st0 {
transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.4s;
}
.st0, .st1 {
cursor: pointer;
}
Created with Raphaël 2.1.2
Eastern
ON
Western
ON
Central
ON
Northern
ON
AB
BC
MB
NB
NL
NS
PE
QC
SK
USA
Select the region for your next project from the map below, it will present to you the District Manager that would best be able to fulfil your requirements.
