[v-cloak] {
  display: none;
}
.bg {
  background: url('/static/images/banner-2.png') no-repeat !important;
  background-size: cover !important;
}
@media (max-width: 635px) {
  .staff {
    justify-content: space-evenly !important;
  }
  .staff .staff-main {
    width: 45% !important;
    margin-right: 0 !important;
  }
  .staff .staff-main div {
    font-size: 14px !important;
  }
}
@media (max-width: 500px) {
  .staff {
    justify-content: space-evenly !important;
  }
  .staff .staff-main {
    width: 90% !important;
  }
}
.staff .imgstyle {
    position: relative;
    overflow: hidden;
    font-size: 0;
    box-sizing: border-box;
    border: 2px solid #dde1e9;
    height: 228px;
    
}
.staff .imgstyle .img {
    display: block;
    width: 100%;
    height: 100%;
    background: #d5d5d5 url(../../assets/default.2cc2d3d1.jpg) no-repeat 50%/cover;
    transition: transform .6s cubic-bezier(.215,.61,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1);
    background-position: center center;
    background-size: contain;
}
.staff {
  display: flex;
  /*justify-content: space-between;*/
  flex-wrap: wrap;
  width: 100%;
}
.staff .collections-main {
  border: 0 !important;
  box-shadow: none !important;
}
.staff .collections-main img {
  box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.1);
  border: solid 8px #ffffff;
  box-sizing: border-box;
}
.staff .staff-main {
  width: 32%;
  margin-bottom: 20px;
  box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.1);
  border: solid 8px #ffffff;
  box-sizing: border-box;
  margin-right: 2%;
}
.staff .staff-main:nth-child(3n)  {
    margin-right: 0 !important;
}
.staff .staff-main img {
  width: 100%;
}
.staff .staff-main div {
  text-align: center;
  font-size: 18px;
  color: #333;
  padding: 10px 5px;
}