html{background-color:#000;}
header {
    z-index: 2;
}
section.quick-info {
    padding: 5px 0;
    background-color: #f0f0f0;
    margin-bottom: 0px;
}
.emergency-number {
    float: left;
    color: #000;
    text-decoration: none;
    padding-right: 10px;
}

.emergency-number a {
    font-weight: 400;
    color: #000;
}
.edmonton {
    float: right;
    color: #000;
    text-decoration: none;
    padding-right: 10px;
}
.edmonton a {
    font-weight: 400;
    color: #000;
    font-size:.8em!important;
}
img.header-img {
    width: 30px;
    padding-right: .3em;
    margin-top: -5px;
    padding-top: 4px;
}
/* .emergency-number a span{
    color: #1f1f1f;
    text-decoration: none;} */
.emergency-number a .red, .emergency-number .edmonton a .red{color: rgba(154, 7, 17, 1.0)!important;}
.emergency-number .calgary a{font-weight: 500;font-size: .8em!important}
.emergency-number .edmonton a{font-weight: 500;font-size: 1em!important}


.main-title {
    padding: 0;
}
img.header-icon {
    max-height: 30px;
}
.logo-container {
    max-width: 18%}
.main-title figcaption.header {
    display: none;
}
.main-title figure img {
    float: left;
    margin: 10px 0;
    width: 220px;
}
.main-title h3.phone a {
    color: #000;
}
.menu-container {
    float: right;
    position: relative;
    height: auto;
    z-index: 1;
    width: 80%;
    margin-top: 15px;
}
.dropdown.menu li.menu-text {
    display: none;
    width: 0;
}
.top-bar, ul.dropdown.menu {
    background-color: transparent!important;
}
ul.dropdown.menu li {
    line-height: 1em;
    padding: 0;
    border-right: 1px solid rgba(154, 7, 17, 1.0)!important;
    font-size: 1em!important;
}
ul.dropdown.menu li:last-child {
    border-right: none;
}
.title-btn{
  border: inset 0 0 0 0 #999;
  color: #000;
  font-style: italic;
  padding: 0 .25rem;
  margin: 0 -.25rem;
  transition: color .7s ease-in-out, box-shadow .6s ease-in-out;
}
.title-btn:hover {
  color: #000!important;
  box-shadow: inset 400px 0 0 0 #999;
}
ul.menu.vertical {
    width: 16em;
}
ul.menu.vertical li {
    border-bottom: 1px solid #000;
    border-right: none;
    background-color: rgba(240, 240, 240, 1)!important;
}
ul.menu.vertical li:last-child {
    border: none;
}
ul.dropdown.menu li a {
    color: #000000;
    margin: 0;
    padding: .4em;
    font-weight: 400;
}
.menu.vertical li {
    max-width: 100%;
    font-size: 1em!important;
}
.menu.vertical li a {
    padding: .4em 0 .4em .6em!important;
    color: #000000!important;
}
.menu.vertical li a.slider-menu, .menu.vertical li a.slider-menu.additional{
  box-shadow: inset 0 0 0 0 #d8d7d7;
  color: #888;
  font-style: italic;
  padding: 0 .25rem;
  margin: 0 -.25rem;
  transition: color .7s ease-in-out, box-shadow .6s ease-in-out;
}
.menu.vertical li a.slider-menu:hover, .menu.vertical li a.slider-menu.additional:hover {
  color: #000!important;
  box-shadow: inset 400px 0 0 0 #d8d7d7;
}
.menu.vertical li a span {
    display: block;
    font-size: 85%;
    font-style: italic;
}
.menu.vertical li a.slider-menu.additional{font-size: 85%!important;}
.menu .is-active>a {
    background: #666;
    color: #fff;
}
.menu .active>a {
    background: #777;
    color: #777!important;
}
.top-bar .is-dropdown-submenu-parent>a:after {
    border-color: rgba(154, 7, 17, 1.0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)!important;
}
section.top-section{padding-top:40px;}
section {
    padding: 40px 0 40px;
    margin: 0;
}
section .main-title{margin-bottom: -55px;}
section::after {
    content: "";
    display: block;
    clear: both;
}
section.break {
    padding: 0;
    border-top: 4px solid #f0f0f0;
    margin: 0px auto 20px;
}
section.break:after {
    border-top: 20px solid #f0f0f0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    bottom: 0;
    content: "";
    margin: -25px auto 0;
    width: 0;
    height: 0;
}
section.noPad{padding:0;}
section.noPadBttm{padding-bottom:0;}
section.noPadTop{padding-top:0;}
section.space-top{padding-top:50px;}
section.parallex{padding-bottom:0;}
section.main.residential-statement{background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-top:-69px;
    min-height: 470px;
    color:#000!important;
    background-image: url(../_img/_residential/residential-bg.png);}
section.operators {
    border-top: 4px solid #000;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 497px;
    color:#000!important;
    background-image: url(../_img/_residential/liftMaster-hero.png);
    background-color:#b0b2b0;
}
/* Body Rows Columns */
html{background-color:black;}
body{max-width:1900px;margin:0 auto;}
.clear {clear: both;}
.row.call-icons{padding-top:30px;}
.columns.large-2.medium-4.small-6.sector-icons{padding-bottom:240px;}
.columns.large-4.medium-6.center.hiSpeed{margin:15px 0;}
hr.red-splitter{margin:20px 0;height:2px;background-color:rgba(154, 7, 17, 1.0)!important;border: none;}
.fullWidth {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    max-width: initial;
    padding: 0;
}
.row.fullWidth{max-width: 1800px;}
/* Parallex */
#myparallex {
    margin: 30px  auto 0;
    height: 765px;
    padding:0;
    background-size:100%;
    background-position:center;
    border-bottom:4px solid rgba(154, 7, 17, 1.0)!important;
    border-top:4px solid rgba(154, 7, 17, 1.0)!important;
}
#myparallextwo{display:none;}
.parallex h2 {padding-left:60px;width:80%;font-size:2.9em!important;color:white;text-shadow: 2px 2px 0px rgba(154, 7, 17, 1.0);padding-top:80px;line-height:1.3em!important;}
.parallex h3{padding-left:60px;width:80%;font-size:1.9em!important;font-weight:500!important;color:white;text-shadow: 2px 2px 0px black;line-height:1.3em;!important}
.parallex p.banner{padding-left:60px;width:80%;font-size:1.5em!important;color:white;text-shadow: 2px 2px 0px black;line-height:1em;margin-top:-.2em;}
.parallex .email-box{
  display: flex;       /* Aligns children horizontally by default */
  gap: 0px;          /* Adds space between the two boxes */
  width: 180px;        /* Forces the container to use full available width */ 
  align-items: center;       /* Vertically centers the boxes inside the container */
  justify-content: center; 
  margin:10px 0 1em 60px;
  letter-spacing:0;
}
/* Display Box Pop Up */
.display-boxes{width:90%;max-width:400px;margin:25px auto;border:1px solid #999;box-shadow:3px 3px 3px rgba(98, 97, 97, 0.3);}
.display-boxes.pop-up{
  width: 90%;
  margin-top:15px;
  height: auto;
  transition: transform 0.3s ease;
}
.display-boxes.pop-up:hover {
  transform: scale(1.1); /* Scales the entire image element up by 10% */
  box-shadow:5px 5px 3px rgb(69, 68, 68);
}
h3.display-box{font-size:1.4em!important;color:white;background-color:rgba(154, 7, 17, 1.0);padding:.2em;text-shadow:1px 1px 0px black;line-height:1.1em!important;min-height:2em;}
p.display-box{font-size:1em!important;margin-left:5px;}
p span.display-splitter{color:rgba(154, 7, 17, 1.0)!important;font-weight:bold!important;font-size:1.1em!important;}
/* Services Img Box */
.services-img-box{width:350px;max-width:100%;margin:20px auto;}
.services-img-box figure{margin-top:0!important;}
.services-img-box figure h5{width:280px;max-width:100%;margin:0 auto;font-size:1.1em!important;color:white;background-color:rgba(154, 7, 17, 1.0);padding:.2em;text-shadow:1px 1px 0px black;line-height:1.1em!important;min-height:2.6em;margin-top:30px;}
/* POP OUT EFFECT */
picture a img.phoneHover{
  width: 179px;
  margin-top:15px;
  height: auto;
  transition: transform 0.3s ease;
}
picture a img.phoneHover:hover {
  transform: scale(1.1); /* Scales the entire image element up by 10% */
}
/* services-box is the double box on large screens */
.services-box p, .services-box h5{font-size:1em!important;line-height:1.2em;}
/* Infinite Logo Loop */
.logoLoop{
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  padding-bottom:20px;
}
.logo-slider {
  width: 100%;
  max-width: 2000px;
  overflow: hidden;
  background: #ffffff;
  padding: 10px 0;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  position: relative;
  /* Optional fade edges */
  mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}
/* Inner track holding the logos */
.logo-track {
  display: flex;
  width: max-content;
  align-items: center;
  animation: scroll 20s linear infinite;
}
/* Pause animation on hover */
.logo-slider:hover .logo-track {
  animation-play-state: paused;
}
/* Logo image styling */
.logo-track img {
  height: 75px;
  margin: 0 35px;
  object-fit: contain;
  display: flex;
  animation: scroll 15s linear infinite; /* ~5 seconds per image */
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    /* Moves exactly halfway through the total track (the first 7 images) */
    transform: translateX(-49.7%); 
  }
}
/* Project Container Boxes */
.project-container{width:90%;max-width:400px;margin:25px auto;border:1px solid #999;box-shadow:3px 3px 3px rgba(98, 97, 97, 0.3);font-size:1em!important;padding:0 .3em 0 0;background-color: rgb(238, 238, 238);color:black!important;line-height:1.25em;}
.project-container h5{color:rgba(154, 7, 17, 1.0);padding-top:10px;margin-bottom:-.3em;}
picture.project-number img.project-number{padding-top:2em;padding-left:10px;}
/* Accordion BOX */
.accordion-header {
  background-color: #f1f1f1;
  cursor: pointer;
  padding: 14px;
  width: 800px;
  color: #000!important;
  border-radius:.4em;
  box-shadow:3px 3px 3px rgba(98, 97, 97, 0.3);
  text-align: left;
  border-right:1px solid rgba(87, 87, 87, 0.9);
  border-bottom:1px solid rgba(87, 87, 87, 0.9);
  border-left:1px solid rgba(87, 87, 87, 0.9);
  border-top:2px solid rgba(154, 7, 17, 1.0);
  outline: none;
  font-weight: bold;
  transition: background-color 0.2s ease;
}
.accordion-header strong{color:rgba(154, 7, 17, 1.0);}
.accordion-header:hover, .accordion-header.active {
  background-color: #ddd;
}
.accordion-body {
  text-align:left;
  color: #000!important;
  padding: 0 14px;
  margin:2px auto 25px;
  background-color: #f9f4f4;
  border-radius:.4em;
  box-shadow:3px 3px 3px rgba(98, 97, 97, 0.3);
  max-height: 0;
  width:840px;
  overflow: hidden;
  transition: max-height 0.3s ease-out, padding 0.3s ease;
}
.accordion-body p{font-size:1.1em!important;color: #000!important;}
.accordion-body.open {
  padding: 14px;
}
.link-box.faq-container {
 width: 190px;        /* Forces the container to use full available width */ 
}
/* Icon Boxes  */
.icon-box {margin: 20px auto;}
.icon-box h4, .icon-box h5{font-size: 1em!important;color: black;height: 3em;line-height: 1.3em;}
.icon-box h5{height: 1em;line-height: .6em;padding-top: 7px;}
.icon-box p{font-size: .9em!important;color: black;}
/*steel doors multi-box*/
.multi-box h3{font-size:1.1em!important;height:3em;line-height:1em;font-weight:300!important;}
/* Display Boxes  */
.border.display{max-width:300px;margin:0px auto 15px;border:none!important;min-height:150px;background-color:rgba(255, 255, 255, 1);}
.display h3{font-size:1.1em!important;line-height:1em;font-weight:300!important;color:black;}
.display p{font-size:1em!important;line-height:1.1em;font-weight:normal;color:black;}
.grey.display{background-color:rgba(233, 233, 233, .3);padding:.5em;}
/* Link Boxes (BG-COLOR=BLACK) to URLs */
.link-box {
  display: flex;       /* Aligns children horizontally by default */
  gap: 0px;          /* Adds space between the two boxes */
  width: 58%;        /* Forces the container to use full available width */ 
  align-items: center;       /* Vertically centers the boxes inside the container */
  justify-content: center; 
  margin:10px 0 1em 5px;
}
.box {
  height: 2em;      /* Giving them a matching height for visualization */
  padding: 20px;
  color: white;
  font-weight:500;
  display: flex;             /* Turns the box into a flex container for its text */
  align-items: center;       /* Vertically aligns text inside the box */
  justify-content: left;
}
.box a{color: white!important;}
.box a.slider-btn {
  box-shadow: inset 0 0 0 0 #000;
  color: white;
  transition: color .6s ease-in-out, box-shadow .5s ease-in-out;
}
.box a.slider-btn:hover {
  color: black!important;
  box-shadow: inset 200px 0 0 0 white;
  font-weight: bold;
}
.small-box {
  width: 30%;         /* Takes up 30% of the container width */
  height:1.6em;
  background-color:rgba(154, 7, 17, 1.0);
  box-sizing: border-box;
}
.large-box {
  width: 70%;         /* Takes up 70% of the container width */
  height:1.6em;
  background-color:black;
  box-sizing: border-box;
  font-size:.8em!important;
}
/* Link Boxes (BG-COLOR=WHITE) to URLs */
.link-box .blkBox {
  display: flex;       /* Aligns children horizontally by default */
  gap: 0px;          /* Adds space between the two boxes */
  width: 60%;        /* Forces the container to use full available width */ 
  align-items: center;       /* Vertically centers the boxes inside the container */
  justify-content: center; 
  margin:10px 0;
}
.blkBox {
  height: 2em;      /* Giving them a matching height for visualization */
  padding: 17px;
  color: black;
  font-weight:500;
  display: flex;             /* Turns the box into a flex container for its text */
  align-items: center;       /* Vertically aligns text inside the box */
  justify-content: left;
  width:200px;
  margin:5px auto 0;
}
.blkBox a{color: black!important;}
.blkBox a.slider-btn {
  box-shadow: inset 0 0 0 0 #000;
  color: white;
}
.blkBox a.slider-btn:hover {
  color: white!important;
  box-shadow: inset 200px 0 0 0 black;
}
.blkBox .small-box {
  width: 30%;         /* Takes up 30% of the container width */
  height:1em;
  background-color:rgba(154, 7, 17, 1.0);
  box-sizing: border-box;
}
.blkBox .large-box  {
  width: 70%;         /* Takes up 70% of the container width */
  height:1em;
  background-color:white;
  box-sizing: border-box;
  font-size:.9em!important;
}
/* Email BOXES */
.email-box{
  display: flex;       /* Aligns children horizontally by default */
  gap: 0px;          /* Adds space between the two boxes */
  width: 200px;        /* Forces the container to use full available width */ 
  align-items: center;       /* Vertically centers the boxes inside the container */
  justify-content: center; 
  margin:10px 0 1em 5px;
}
.email-box.linked{margin:-30px 50% 0;}
.box-parts{
  height: 2.3em;      /* Giving them a matching height for visualization */
  padding: 20px;
  color: black;
  font-weight:500;
  display: flex;             /* Turns the box into a flex container for its text */
  align-items: center;       /* Vertically aligns text inside the box */
  justify-content: left;
}
.box-small{
  width: 15%;         /* Takes up 30% of the container width */
  height:1.6em;
  background-color:rgba(154, 7, 17, 1.0);
  box-sizing: border-box;
}
.box-large{
  width: 85%;         /* Takes up 70% of the container width */
  height:1.6em;
  background-color:white;
  box-sizing: border-box;
  font-size:.9em!important;
}
.box-large.blackBox{
  background-color:black;
}
.box-parts.box-large.blackBox a{color: white!important;}
.box-parts.box-large.blackBox a.slider-btn:hover {
  color: black!important;
  box-shadow: inset 200px 0 0 0 white!important;
  font-weight: bold;
}
/* Headers Paragraphs */
.reduced-paragraph {
    width: 80%;
    margin:0 auto;
    padding:.5em;
}
h1,h2,h3,h4,h5{color:#000;}
body h1 {
    font-size: 2em;
    margin-bottom: 0;
    padding-bottom: 0;
}
body h2 {
    font-size: 1.8em;
    line-height: 1.2em;
    margin-bottom: .6em;
}
body h3 {
    font-size: 1.6em;
    line-height: 1.2em;
    margin: 0 0 .5em;
    padding-bottom: 0;
}
body h4 {
    font-size: 1.4em;
    line-height: 1.2em;
    margin: 0 0 .5em;
    padding-bottom: 0;
}
.operators h4{padding-bottom:.6em!important;}
h4.opener-ad-text{font-size:1.8em;margin-top:-300px!important;text-align:right;padding-right:4em;color:#8e0330;}
h4.garageDoorAd.firstLine{margin-top: -600px;}
h4.garageDoorAd, p.garageDoorAd.tagline{color: #fff!important;text-shadow:5px 5px 0px black; font-weight:bold;font-size:4.3em!important;line-height:.9em; padding-left: 50px;}
body h5 {
    font-size: 1.2em;
    line-height: 1.2em;
    margin: 0 0 .5em;
    padding-bottom: 0;
}
h5.sector-icons{font-size:1em;line-height: 1.1em;height: 3.5em;font-weight:400;margin-bottom: -.8em!important;color:rgba(154, 7, 17, 1.0)!important;}
body h5.center.dock-icons{line-height: 1.1em;height: 2.5em;font-weight:400;padding-bottom:0;}
.residential-icon-img h5{font-size:.9em!important;text-transform:uppercase!important;}
p, ul.list li,ol.list li{
    font-size: 1.3em!important;
} 
p.shutter-icons{max-width: 180px;margin: 0 auto;}
p.captionHeight {color:#000;font-size: 1.3em;padding-top: 7px;max-width: 230px;background-color:rgba(255, 255, 255, .8);padding: .4em;box-shadow:3px 3px 2px #444;border:  1px solid #000;line-height: 1.2em;}
p.garageDoorAd.tagline{font-size:1.4em!important;margin-bottom:400px;}
p.garageDoorAd.tagline a{color: #fff!important;text-shadow:2px 2px 0px black!important;}
p.overhead-door-styles{font-weight: bolder;text-transform:uppercase;padding-top: .4em;color:black;min-height: 2.4em;font-size: .9em!important;line-height:1.1em!important;margin-top:5px;background-color:rgba(255, 255, 255, 1.0);border-radius:.4em;box-shadow:3px 3px 4px #666;max-width: 250px;}
p.overhead-door-styles span{text-transform:lowercase ;font-weight: normal;display:block;}
p.smallest{font-size:.9em!important;}
p.small{font-size:1em!important;}
p.right-align{margin-right: 2em;}
p.opener-descript{font-style:italic; margin-top: -15px;font-size:.9em!important;color:#222;line-height:1.1em;}
p.opener-ad-text{line-height:1.1em; text-align:right;padding-right:4em;padding-left: 600px;color: #000;margin-bottom:250px;}
p.small-descript{font-size:.9em!important;color:#222;line-height:1.1em;}
p.inline{display: inline;padding-right:1em;}
.checkBoxes p{font-size:1em!important;font-weight:bold;line-height:1.1em!important;}
.autoDoors p {font-size:1em!important;line-height:1.2!important;}
p.inline.small-8 a{font-size:.9em!important;}
/* Text Decoration */
.lite{font-weight:200;}
.lttr-space {letter-spacing: .2em;}
.box-shadow{box-shadow:3px 3px 4px #666;}
.txtShdw{text-shadow:2px 2px 0px #000;}
.text-nowrap{white-space:nowrap;}
.right-align{text-align:right;}
ul.list.col li{font-size: 1.3em!important;}
ul.col {
    float: left;
    /* padding-top: 10px; */
}
ul.list.col.bullet li{list-style-image: url(../_img/bullet.svg)}
ul.list li,ol.list.number li {
    line-height: 1.2em;
    padding-bottom: .5em;
    list-style-type: none;
}
ul.list.bullet {
    list-style-image: url(../_img/bullet.svg);
}
ul.list.check li {
    list-style-image: url(../_img/check.svg);padding-left:.6em!important;
}
ol.list.number li {
    list-style-type: decimal;
    color: rgba(154, 7, 17, 1.0);
    font-weight:bold;
}
ol.list.number.black li{color:#000;font-weight:normal;}
/* HTML anchor element */
body a{color: #121212;}
a{text-decoration: none!important;}
a:hover{cursor:pointer;}
p a {color: #666!important;border-bottom: 1px dotted #000;}
a.btn {font-size: 90%;border: 1px solid #000;border-radius: .4em;padding: .3em;color: #000!important;background-color: #f5f5f5;display: block;width: 6em;margin: 20px auto 0;}
a.btn:hover {background-color: rgba(204, 204, 204, .2);}
a.btn.small{font-size:80%;text-align:center;}
a.black{color:black!important;}
a.slider-btn {box-shadow: inset 0 0 0 0 #000;color: #000;font-style: italic;padding: 0 .25rem;margin: 0 -.25rem;transition: color .6s ease-in-out, box-shadow .5s ease-in-out;}
a.slider-btn:hover {color: #fff!important;box-shadow: inset 200px 0 0 0 #000;font-weight: bold;}
a.slider-btn.text-gradient{padding: .4em .2em!important;}
/* Padding Space Centering */
.space-top {padding-top: 40px;}
.space {padding: 30px 0;}
.center {text-align: center;margin: 0 auto;}
/* Images */
.borderImg{border: 2px solid #000;}
figure{max-width:100%;margin:10px auto;}
figure.full {margin: 0;padding: 0;}
figure.flt-right, picture.flt-right {float: right;padding-left: .3em;}
figure.flt-left, figure.float-left {float: left;}
figure.maintenance-reason-icons.center.full img {max-width: 100%;width: 200px;margin:8px 0;}
figure.residential-icon-img img{border-radius:.4em;}
figure.spacer{padding-bottom: 40px;}
img.img-height-2em{height:35px;}
figure figcaption{max-width:100%;margin:0px auto;}
figcaption {line-height: 1.2em;font-size: 1em;width: 90%;margin: 6px auto;text-align: center;color: #000;padding-top:7px;}
picture.section-splitter, picture.section-splitter img.section-splitter{padding:0!important;margin:0!important;background-repeat: no-repeat;background-size: cover;}
picture.cover, figure.cover, .cover {background-size: cover;margin: 0;padding: 0;}
picture.cover img, figure.cover img {
    width: 100%;
    margin: 0 auto;
}
picture.cover.commercialSm,picture.cover.loading-dockSm{display:none;}
/* Backgrounds, Borders and Colors */
.border {
    border: 2px solid #000;
    padding: .7em;
    background-color:#fff;
    border-radius:.4em;
}
.roundedCorner{border-radius:.4em;}
.border.reduced, .reduced{width:80%;margin:20px auto;}
.border-red{border: 6px double rgba(154, 7, 17, 1.0);padding: .7em;
border-radius:.4em;}
.grey-bg{background-color: rgb(238, 238, 238);}
.grey-bg-container{padding:.6em;background-color: rgb(238, 238, 238);}
.black-bg{background-color:#000;}
.whiteBg{background-color:rgb(255, 255, 255);padding: .6em;border-radius:.4em;}
.solidGrey{background-color:rgba(204, 204, 204, 1.0) ;}
.text-gradient{background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 1em;
    padding: .2em;
    color:#000!important;
    background-color:rgba(255, 255, 255, .0);
    background-image: url(../_img/_residential/text-gradient.svg);}
.purple-liftmaster{color:#8e0330;}
.red {color: rgba(154, 7, 17, 1.0);}
.black, .lowBold{color: #000;}
.white{color:#fff;}
.contact {
    width: 98%;
    max-width:1000px;
    margin: 20px auto 0;
    padding-top: 0;
    background-color: #fff;
}.contact form, .contact #frmContact {
    padding: .5em;
    border: 2px solid black;
    background-color: #e8e8e8;
}
.contact fieldset input, .ctct-custom-form.Form input, input {
    line-height: 1.2em;
    width: 60%;
    padding: 0 0 0 1.5em;
    display: block;
    margin-bottom: 20px;
}
fieldset legend span {
    font-size: 1.2em;
    line-height: 2.2em;
    color: black;
    text-align: center;
}
#comments, textarea {
    width: 80%;
    height: 100px;
}
.contact form input[type=submit], .Button.ctct-button.Button--block.Button-secondary, #mc-embedded-subscribe.button {
    display: block;
    font-size: .9em;
    color: #000;
    border: none;
    background-color: rgba(235,235,235,.9);
    margin: 10px 0 5px;
    border-radius: 5px;
    padding: 10px 0;
    cursor: pointer;
    -webkit-appearance: none;
    width: 155px;
    text-align: center;
    box-shadow: 1px 1px 2px 3px #999;
    border: 1px solid #000;
    text-shadow: 1px 1px #fff;
}
.contact form input[type=submit]:hover {
    color: #555;
    padding: 9px 0;
    width: 155px;
}
.hide-robot{display:none;}
.bottom-calgary,.bottom-edmonton{display:none;} 
footer {
    padding: 20px 0 40px;
}
figure.footer-logo img {
    width: 170px;
    margin: 0 auto;
    padding-top: 30px;
}
figure.social.figure.full.center{float: left;padding:0 10px;padding-top: 30px;}
figure.social.figure.full.center.leftSpace{margin-left:35%;}
.decorated p.small.anchor-descript a{color: #000!important;width:230px!important;margin:0 auto;line-height:1em!important;}
.bottom-edmonton {display:none;}
.bottom-calgary {display:none;}

footer h3 {
    font-size: 1em;
    padding: 10px 0 0;
    text-decoration: underline;
    color: #000;
    text-transform: uppercase;
}
footer .border{padding-top:0;}
footer h5{padding-top:8px;font-size:1em;font-weight:bold;color:black;}
footer a {
    display: block;
    padding-bottom: .1em;
    color: #333;
    border-bottom: none;
}
footer a span {
    display: block;
    margin-top: -4px;
    font-size: 90%!important;
    font-style: italic;
}
footer a.window-type {
    font-size: 90%}
footer p {
    font-size: 1em!important;
    padding: 0;
    margin: 0 auto;
}
footer p img {
    margin: 8px auto;
}
footer p a {
    color: #333!important;
}
footer p a span {
    display: inline;
}
footer figcaption.rating.google{font-size:.8em.line-height: 1.2em!important;}
footer p.serving {
    font-size: .8em!important;
    font-style: italic;
    font-weight:200;
}
@media (max-width:1016px) {
    .container {
    max-width: 98%}
section.main-title {
    height: 80px;
}
section .top-section{padding-top:20px;}
.logo-container {
    max-width: 120px;
    display: block;
    margin: 0 auto 10px;
}
.menu-container {
    float: none;
    width: 90%}
.logo-container a .center.full img {
    width: 140px;
    position: absolute;
    left: 7px;
    top: 40px;
}
.dropdown.menu {
    width: 100%}
.top-bar, .dropdown.menu {
    margin-left: 0;
}
.title-bar {
    background-color: transparent;
    width: auto;
    position: absolute;
    top: -10px;
    right: 0;
}
.top-bar, .top-bar-right {
    z-index: 1;
    position: absolute;
    right: 30px;
    top: 20px;
    width: 10em;
    max-width: 100%}
.top-bar-title {
    position: absolute;
    top: 40px;
    right: 15px;
}
.title-bar-title.dark {
    font-weight: 200;
    color: #000;
    padding-left:8px;
    margin-top:-.2.6em;
}
.top-bar {
    background-color: transparent!important;
}
ul.dropdown.menu li {
    display: block;
    border-bottom: 1px solid #fff;
    border-right: none;
    padding: .5em 0;
    background-color: rgb(235, 235, 235);
    width: 12em;
}
.dropdown.menu {
    width: 100%;
    display: block;
}
ul.menu.vertical {
    width: 10em;
    max-width: 100%}
ul.dropdown.menu li a, .menu.vertical li a {
    font-size: 90%;
    padding-left: .4em;
}
.menu.vertical li {
    background-color: rgb(215, 215, 215);
    width: 10em;
    max-width: 100%}
.top-bar-right .dropdown.menu li .menu.vertical li a {
    padding: 0 .7em;
    font-size: 14px!important;
}
h1 {
    font-size: 2.4em;
}
body h1.reduced {
    margin-top: -20px;
}
h2 {
    font-size: 2.2em;
    line-height: 1.2em;
}
h3 {
    font-size: 1.8em;
}
h4 {
    font-size: 1.5em;
}
h4.garageDoorAd.firstLine{margin-top: -500px;}
/* Edmonton Email Box Spacer */
.edmonton-email-box{padding-top:50px!important;}
p.garageDoorAd.tagline{margin-bottom:240px;}
h4.garageDoorAd{font-size:3em;text-shadow:3px 3px 0px black!important;}
h4.opener-ad-text{font-size:1.6em;margin-top:-200px!important;padding-right:3em;}
p.opener-ad-text{padding-left: 400px;margin-bottom:150px;}
figure.social.figure.full.center.leftSpace{margin-left:33%;}
}
@media (max-width:870px) {
    .main-title h3.phone a {
    display: block;
}
section .top-section{padding-top:20px;}
h1 {
    font-size: 1.6em;
}
h2 {
    font-size: 1.4em;
    line-height: 1.2em;
}
h3 {
    font-size: 1.3em;
}
h4 {
    font-size: 1.3em;
}
body h5.small{font-size:.9em!important;}
p, ul.list li,ol.list li{
    font-size: 1.1em!important;
}
ul.list.col li{font-size: 1.1em!important;}
p.small{font-size:.9em!important;}
section.space-top{padding-top:20px;}
section.parallex{padding-top:60px;}
#myparallextwo {
    margin: 0;
    height: 745px;
    padding:0;
    background-size:100%;
    background-position:center;
    display:block;
}
#myparallex{display:none;}
.parallex h2 {padding-left:10px;width:100%;font-size:1.9em!important;padding-top:50px;line-height:1.2em!important;}
.parallex h3{padding-left:10px;padding-right:10px;width:100%;font-size:1.3em!important;line-height:1.3em;!important}
.parallex p.banner{padding-left:5px;padding-right:7px;width:100%;font-size:1.1em!important;line-height:1em;margin-top:7px;}
.parallex p.banner.first{padding-top:25px;} 
/* double box on large screens   */
.medium-6.small-12.double-box-panels{width:86%;margin:10px 7%;}
figure.residential-icon-img img.chiLogoSm{max-width: 260px;}
h4.garageDoorAd.firstLine{margin-top: -350px;}
h4.garageDoorAd, p.garageDoorAd.tagline{font-size:2.7em!important;padding-left: 30px;}
p.garageDoorAd.tagline{font-size:1.2em!important;margin-bottom:210px;}
.columns.large-4.medium-4.center.hiSpeed{width:100%;}
.row.call-icons{padding-top:0px;}
section.contact {
    width: 98%}
}@media (max-width:760px) {
section .top-section{padding-top:0px;}
h1 {
    font-size: 1.5em;
}
h2 {
    font-size: 1.3em;
    line-height: 1.2em;
}
h4.opener-ad-text{font-size:1.6em;margin-top:-300px!important;text-align:center;padding-right:0;}
p.opener-ad-text{text-align:left;padding-right:1.5em;padding-left:1.5em;margin-bottom:200px;}
p, ul.list li {
    font-size: 1em!important;
}
ul.list li {
    margin-left: -1em!important;;
}

figure.full {
    margin: 0;
}
figure.figure.openerAcc{max-width:180px;margin:0 auto;}
section.commercial-door-bg.grille-bg{background-image: url(../_img/grille-bg-sm.svg);}
.reduced-paragraph {
    width: 90%;
    margin: 30px auto;
}
.border.reduced, .reduced{width:96%;margin:20px 2%;}
.columns.medium-6.boxes{width:100%;margin:20px auto;padding-left:8.5%;}
.box-container {
    margin: 20px 1%;
    width:98%;
}
figure.manufacturer-logo{max-width:23%;margin: 0 auto;}
figure.manufacturer-logo.leftMove.center{margin-left:2%;}
figure.manufacturer-logo.moveFive.center{margin-left:15%;}
figure.social.figure.full.center.leftSpace{margin-left:28%;}
.accordion-header {width:96%;margin:5px 2%;}
.contact, form {
    width: 98%;margin:0 auto;}
.contact fieldset input, .ctct-custom-form.Form input, #comments {
    width: 90%}
}@media (max-width:639px) {
    .trusted a {
    font-size: .8em;
}
.trusted a .header-img {
    display: none;
}
section {padding: 20px 0 20px;margin: -.6em 0 -.6em 0!important;}
section.main-title{margin-bottom: -25px;}
section.parallex{padding-top:40px;}
.row.fullWidth.homeAds{margin-top:-190px!important;}
.columns.medium-4.homeAds{padding-top:10px;}
.columns.medium-6 {
    margin: 15px auto;
}
.reduced-paragraph {
    width: 96%;
    margin: 20px auto;
}
.column.column-block.center.space-top.second-list{padding-top:40px;}
body p {
    font-size: 1em;
}
body h1, body h2, h1.decorated span {
    font-size: 1.1em;
    font-weight: 700;
    line-height: 1.1em;
}
h1.decorated {
    font-size: 1.1em;
}
body h3, body h4, body h5 {
    font-size: 1.1em;
    font-line-height: 1.1em;
}
h4.garageDoorAd.firstLine{margin-top: 0px;}
h4.garageDoorAd, p.garageDoorAd.tagline{line-height:1.2em; color: #000!important;text-shadow:none!important;font-size:1.5em!important;padding-left:0px;text-align:center;}
h4.garageDoorAd.secondLine{margin-top:-.6em!important;}
p.garageDoorAd.tagline{font-size:1em!important;text-align:center;padding-left: 0;}
p.garageDoorAd.tagline a{color: #000!important;margin-bottom:0px;text-shadow:none!important;}
.email-box.linked{margin:-20px 35% 0;}
.edmonton-email-box{padding-top:0px!important;}
h4.opener-ad-text{font-size:1.4em;margin-top:-250px!important;}
.services-img-box{width:70%;margin:0 auto;}
p.opener-ad-text{margin-bottom:200px;}
body h5.center.sector-icons.small-spacer{margin-top: 60px;}
body h5.small{font-size:.8em!important;}
p.opener-descript{font-size:.8em!important;}
ul.list.col.second-list{margin-top:-3em;font-size: .9em!important;}
ul.list.col{font-size: .9em!important;}
ul.list li,ol.list li {
    font-size: 1em!important;
}
ul.col li{width: 98%;}
figcaption {
    font-size: .8em;
}
p.captionHeight {font-size: 1em;}
figure.smSpace{padding-top: 40px;}
figure.full {
    margin: 0;
}
figure.flt-right, figure.flt-left, picture.flt-right {
    float: none;
    margin: 10px auto;
    padding-left: 0;
}
figure.social.figure.full.center{float: none;width: 100%;margin:0 auto;}
figure.social.figure.full.center.leftSpace{margin-left:0;}
picture img.locationsGlobe{width:260px;margin:15px auto;}
picture.cover.commercialSm,picture.cover.loading-dockSm{display:inline;}
picture.cover.commercial,picture.cover.loading-dock{display:none;}
picture.section-splitter, picture.section-splitter img.section-splitter{padding:0!important;margin:0!important;background-repeat: no-repeat;background-size: cover!important;margin-top:-1em!important;margin-bottom:-1em!important;}
/* Phones on Mobile Pages */
picture.phoneHover{display:none;}
.bottom-edmonton {
  display:block;
  position: fixed;
  bottom: 20px; /* Distance from the bottom edge */
  right: 20px;  /* Distance from the right edge */
  z-index: 100; /* Keeps it above other elements */
}
.bottom-calgary {
  display:block;
  position: fixed;
  bottom: 20px; /* Distance from the bottom edge */
  left: 20px;  /* Distance from the right edge */
  z-index: 100; /* Keeps it above other elements */
}
footer h3 {
    font-size: 1em;
}
footer h5{font-size:.9em;}
footer a {padding-bottom: .3em;}
@media (max-width:530px) {
h4.opener-ad-text{margin-top:-180px!important;}
.email-box{display:none;}
}
}@media (max-width:398px) {
    .main-title h3.phone {
    font-size: .8em;
}
.invisibleSmall{display:none;}
h4.opener-ad-text{margin-top:-160px!important;line-height:1.1em!important;font-size:1.2em!important;}
p.opener-ad-text{margin-bottom:100px;}
body h5.center.dock-icons{height: 3em;}
.decorated>span:before, .decorated>span:after {
    border-bottom: none;
}
@media (max-width:268px) {
.logo-container {
    width: 100%}
.main-title figure img {
    float: none;
    margin: 10px auto;
    max-width: 220px;
}
.menu-container {
    float: none;
    position: relative;
    height: auto;
    z-index: 1;
    width: 90%;
    margin-top: 15px;
}
}
}