#chatbox {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 90;
}

.topbar {
  /*background-color: #d67527;*/
}

.header-transparent .main-header,
.menu-fixed .main-header {
  z-index: 999;
}

.top-cta {
  font-size: 18px;
  padding: 0 0 1px;
  color: white;
}
.top-promo {
  background-color: #d67527;
  color: white;
  position: absolute;
  top: -8px;
  right: 80px;
  padding: 0 20px;
  height: 43px;
  line-height: 43px;
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
}
.top-promo .fa {
  margin-right: 10px;
}
.top-promo:hover {
  background-color: #f0842a;
  color: white;
}

.top-cta strong {
  display: inline-block;
  margin: 0;
}

.menu-contact {
  color: #f0842a !important;
  font-weight: bold !important;
}

.btn-all-projects {
  margin-top: 35px;
}

.navbar-right .menu {
  position: static;
}
.navbar-right .menu > li {
  position: relative;
}
.megamenu {
  right: 0;
  white-space: nowrap;
}
.megamenu-list, .submenu {
  display: inline-block;
  vertical-align: top;
  width: 300px;
  margin: 0 1%;
}
.megamenu-list img, .submenu img {
  width: 30px;
  margin: 5px 10px 5px 0;
  float: left;
}
.submenu {
  display: none;
  right: 0;
}
.submenu > .title {
  font-size: 14px;
  color: inherit;
  padding: 0 0 6px;
  text-transform: capitalize;
  letter-spacing: 1px;
  font-weight: 600;
  position: relative;
}
.submenu > .title:after {
  content: "";
  display: block;
  height: 1px;
  border-top: 2px solid #d67527;
  width: 15px;
  margin: 5px 0 5px;
  position: absolute;
  bottom: 10px;
  left: 15px;
}
.category-icon {
  width: 80%;
  max-width: 100px;
}

.title-slider-large, .title-slider-medium {
  color: white;
}
.title-slider-large {
  margin-bottom: .2em !important;
}
.title-slider-medium, .title-slider-medium.uppercased {
  font-size: 1.2em;
  line-height: 1.4em;
  white-space: normal;
}

#home-solutions, #commercial-services {
  padding: 10px 40px;
}

#home-solutions a {
  max-width: 100px;
  display: block;
  text-align: center;
}

#footer-promo small {
  line-height: 16px;
  display: block;
  margin-bottom: 10px;
}

.product-category {
  margin: 40px 0;
}
.product-category .category-picture {
  max-width: 250px;
}

.footer-wrapper.footer-bg {
  background-image: none;
}

.view .mask {
  background-color: rgba(35,35,45,0.3);
  opacity: 1;
}
.view:hover .mask, .view:focus .mask {
  background-color: rgba(35,35,45,0.8);
}

#chatbox button.visible-xs {
	display: none !important;
}
iframe.mibew-chat-frame {
	max-width: 100% !important;
}


@media (max-width: 768px) {
  .top-promo {
    background: none;
    right: initial;
    left: 0;
    padding: 0 10px;
  }
  .menu > li > a {
    padding: 25px 14px 25px 20px;
  }
  .menu > li > .submenu > li > a {
    padding-left: 10px !important;
  }

  #chatbox {
      position: fixed;
      left: 10px;
      bottom: 10px;
      z-index: 99;
  }

#chatbox a#mibew-agent-button {
	display: block !important;
}

  .mibew-chat-frame {
    max-width: 100%;
  }
}

@media (max-width: 414px){
  .logo {
    background-image: url("/images/logo-light.png") !important;
    background-size: contain;
  }
  .title-slider-large {
    margin-bottom: 1.4em !important;
  }
  .title-slider-medium.uppercased {
    font-size: 8px;
    line-height: 12px;
    padding: 15px;
  }
  .title-slider-medium.uppercased br {
    display: none;
  }
}

@media (max-width: 374px) {
  .top-promo {
	margin-top: -9px;
    display: block;
    white-space: nowrap;
    padding: 0;
    margin-bottom: -10px;
    position: static;
  }
}