/* CSS Document */
#mainContent .scrollSlider {
  background-color: var(--grey);
}
#mainContent .gridPhotos .topPhotos {
  position: relative;
  overflow: hidden;
  margin-left: -5px;
  margin-right: -5px;
}
#mainContent .gridPhotos .topPhotos .photo {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#mainContent .gridPhotos .topPhotos .photo.jg-entry-visible {
  opacity: 1;
}
#mainContent .gridPhotos .topPhotos .photo.jg-filtered {
  display: none;
}
#mainContent .gridPhotos .topPhotos .photo img {
  position: absolute;
  top: 50%;
  left: 50%;
}
#mainContent .vendorTeam {
  background-color: var(--greyLight2);
}
#mainContent .vendorTeam .vendors {
  display: flex;
  flex-wrap: wrap;
}
#mainContent .vendorTeam .vendors .vendor {
  display: inline-block;
  vertical-align: top;
  width: 25.42%;
  margin-top: var(--padding);
  position: relative;
}
#mainContent .vendorTeam .vendors .vendor dt {
  font: 400 1em/1em var(--didotFS);
  color: var(--greyMid2);
  margin-bottom: 14px;
  transition: color 0.2s cubic-bezier(0.86, 0, 0.07, 1);
  padding-left: 30px;
  position: relative;
}
#mainContent .vendorTeam .vendors .vendor dt:before {
  color: var(--greyMid2);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
#mainContent .vendorTeam .vendors .vendor dd {
  font: 400 0.9em/1.3em var(--proximaFS);
  letter-spacing: 0.0625em;
  text-transform: uppercase;
  position: relative;
  padding-right: 12px;
  padding-left: 30px;
}
#mainContent .vendorTeam .vendors .vendor dd:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border-top: solid 1px transparent;
  border-right: solid 1px transparent;
  transform: rotate(45deg);
  position: absolute;
  right: 0;
  top: 2px;
  transition: border 0.2s cubic-bezier(0.86, 0, 0.07, 1);
}
#mainContent .vendorTeam .vendors .vendor:nth-child(3n+2) {
  margin-left: 11.87%;
  margin-right: 11.87%;
}
#mainContent .vendorTeam .vendors .vendor:hover, #mainContent .vendorTeam .vendors .vendor:active {
  color: black !important;
}
#mainContent .vendorTeam .vendors .vendor:hover dt, #mainContent .vendorTeam .vendors .vendor:active dt {
  color: black;
}
#mainContent .vendorTeam .vendors .vendor:hover dt:before, #mainContent .vendorTeam .vendors .vendor:active dt:before {
  color: black;
}
#mainContent .vendorTeam .vendors .vendor:hover dd:after, #mainContent .vendorTeam .vendors .vendor:active dd:after {
  border-color: black;
}

/********* end layout *********/
/********* responsive *********/
@media (max-width: 1024px) {
  #mainContent .vendorTeam .vendors {
    justify-content: space-between;
  }
  #mainContent .vendorTeam .vendors .vendor {
    width: 46%;
  }
  #mainContent .vendorTeam .vendors .vendor:nth-child(3n+2) {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  #mainContent .vendorTeam .vendors {
    display: block;
  }
  #mainContent .vendorTeam .vendors .vendor {
    display: block;
    width: auto;
    margin-left: 20px !important;
  }
}
/********* end responsive *********/