/* Preserved from the deployed site.min2.css. Keep these source rules tracked
 * so a clean Grunt build retains the appearance of existing pages. */
.translate
{
transition: transform 20ms 20ms;
background: transparent;
border: none;
margin-left: 1px;
}

ul.main-navigation a:after, ul.main-navigation button:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: transform 100ms;
  transform: translateY(105%);
  background-color: #7A787875;
  z-index: 10001;
}

.column15 {
  grid-column: span 1.5;
}

#clientSpawn a .clientContainer .clientText p {
  color: #b2b2b2;
  font-size: 20px;
  padding: 0.5em;
}

#clientSpawn a .clientContainer .clientText h1 {
  color: #ffffff;
  font-size: 22px;
  padding: 0.25em 0.25em 0 0.25em;
}

.image-card{
  width: 240px;
  height: 360px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  border-radius: 6px;
  box-shadow: -6px 6px 20px #00000070;
  transition: .3s linear;
}

.image-card img{
  width: 100%;
}

.image-card:not(:first-child){
  margin-left: -50px;
}

.image-card:hover{
  transform: translateY(-24px);
}

.image-card:hover ~ .image-card{
  transform: translateX(60px);
}

.image-card2{
  width: 350px;
  height: 450px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  border-radius: 6px;
  box-shadow: -6px 6px 20px #00000070;
  transition: .3s linear;
}

.image-card2 img{
  width: 100%;
}

.image-card2:not(:first-child){
  margin-left: -50px;
}

.image-card2:hover{
  transform: translateY(-24px);
}

.image-card2:hover ~ .image-card{
  transform: translateX(60px);
}

.image-card3{
  max-width: 99.9%;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  border-radius: 6px;
  box-shadow: -6px 6px 20px #00000070;
  transition: .3s linear;
}

.image-card3 img{
  width: 100%;
}

.image-card3:not(:first-child){
  margin-left: -50px;
}

.image-card3:hover{
  transform: translateY(-24px);
}

.image-card3:hover ~ .image-card{
  transform: translateX(60px);
}

.tooltip2{
   color: #1f8b8a;
   border-bottom: 1px dashed #1d7b77;
   position: relative;
   cursor: pointer;
}

.tooltip2:before {
   display: block;
   position: absolute;
   bottom: 40px;
   left: 48%;
   margin-left: -100px;
   padding: 10px;
   width: 300px;
   font-size: .8em;
   color: white;
   text-align: center;
   background-color: rgba(0,0,0.85);
   border-radius: 5px;
   content: attr(data-title);
   box-sizing: border-box;
   visibility: hidden;
   opacity: 0;
}

.tooltip2:hover:before {
  visibility: visible;
  opacity: 1;
};