ul.nav.need-help {
    display: block;
}

nav#block-globalfooter {
    display: flex !important;
    justify-content: center;
   padding: 10px;
}

.menu--global-footer>li {
    padding: 10px;
}
.havelock-blue {
    background: #5d6cc0;
    color: #ffffff;
    padding: 10px;
}
.havelock-blue p {
    margin: 0 0 10px;
    font-size: 15px;
}
.copyright {
    color: #ffffff;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    padding-top: 12px;
}
ul.menu.menu--global-footer.nav {
  display: flex !important;
}
ul.menu.menu--about-us.nav {
  display: block;
}
ul li {
  list-style: none;
}
.d-flex {
      display: flex;
      justify-content: space-evenly;
}
.region {
  line-height: 2;
}

.p-t-r-b-l{
     padding: 5px 10px 0 15px;
}
.h-50 {
  height: 25vh; 
}
.lifepoints-logo .life-logo {
  display: none;
}
.imagehover:hover  {
  content: url('https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket=gQFg8DwAAAAAAAAAAS5odHRwOi8vd2VpeGluLnFxLmNvbS9xLzAycnZLV2daa3RjYUgxRUZqM3h5Y0YAAgRxh4NiAwS4CwAA');
  max-width: 100px;
  max-height: 100px;
  cursor: pointer;
}
.imagehover:hover + .lifepoints-logo .life-logo {
   display: block ;
   background: white;
   position: relative;
   bottom: 45px;
   left: 15px;
  cursor: pointer;
}
.main-footer .nav li a {
    padding: 4px 0;
}
.main-footer a {
    color: #455a64;
}
.image {
  opacity: 1;
  display: block;
  width: 50px;
  height: 50px;
  transition: .5s ease;
  backface-visibility: hidden;
  object-fit: cover;
  border-radius: 50%;
  cursor: pointer;
}

.middle {
  opacity: 0;
  text-align: center;
}

.qrcode {
  height: 120px;
  width:120px;
}

li:hover .image {
  opacity: 0.3;
}

li:hover .middle {
   opacity: 1;
    position: relative;
	bottom: 45px;
    left: 40px;
}