.heroEffects .bg {
  height: 100vh;
  position: fixed;
  width: 100%;
  
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.heroEffects .bg.testRetail{
  background-image: url("../img/intro-retail.jpg") !important;
}



h1.white{
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

/* .white{
  color: #fff !important;
} */

.align-center{
  text-align: center;
}

.regHero{
  text-align: center;
}

.regHero a{
  font-family: gill sans nova w01 semibold,gill sans,gill sans mt,Calibri,sans-serif;
    display: inline-block;
    background: #000;
    color: #9d8751;
    letter-spacing: 5px;
    padding: 10px 0;
    max-width: 200px;
    width: 100%;
    font-size: 16px;
}

.colliers{
  max-width: 150px !important;
}


.pagination{
  margin-bottom: 5px;
}


.copyHolder h1{
  padding: 0 !important;
}

.special-break{
  display: block !important;
}


.retail-message {
    position: absolute;
    bottom: 6%;
    left: 0;
    text-align: center;
    width: 100%;
    font-size: 19px;
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: 5px;
    text-shadow: 2px 2px 2px #000;
}

.regHero a {
    background: #fff;
    color: #000;
}

.retial-intro{
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-bottom: 0;
  background: #9d8751;
  font-size: 24px;
  padding: 5px 1% 8px;
}

.retail-message {
    position: absolute;
    bottom: 8%;
}

/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 640px) { 

    .slick-dotted.slick-slider{
      margin-bottom: 0;
    }

    .logos img, #vision .logos img{
      margin-top: 10px !important;
    }

  .retial-intro{
    font-size: 18px;
  }

}

/*Medium screens min-width 641px, medium screens */
@media only screen and (min-width: 641px) {
  .logos.large-8 {
    width: 66.66667%;
  }

    .retial-intro{
    font-size: 24px;
  }

}



/* min-width 641px and max-width 1024px, use when QAing tablet-only landscape issues */
@media only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: landscape) {

  .logos.large-8 {
    width: 100%;
}

}