@charset "UTF-8";
/* CSS Document */


/* ==========================================================
   PROJECTS ANIMATION
========================================================== */

  @keyframes zoomImage{
      from{opacity:0; transform:scale(1.08);}
      to{opacity:1;transform:scale(1);}
  }

  .project-carousel{ 
	  transform:translateX(120px);
	  opacity:0;
	  transition:.55s;
	  animation:fadeProject .45s ease;}

  @keyframes fadeProject{
      from{opacity:0; transform:translateY(15px);}
      to{opacity:1; transform:none;}
  }

  .project-carousel.show{
      transform:translateX(0);
      opacity:1;
  }

/* ==========================================================
   CAROUSEL ANIMATION
========================================================== */

  .carousel-item img{transition:transform .45s ease;}

  .carousel-item.active img{transform:scale(1);}

  .carousel-item-next img,
  .carousel-item-prev img{ transform:scale(.96);}

/* ==========================================================
   CONTACT ANIMATION
========================================================== */


@keyframes fadeContact{
	from{opacity:0;transform:translateY(40px);}
    to{opacity:1;transform:none;}
}

/* ==========================================================
   GALERY ANIMATION
========================================================== */
  /*.project-card:hover img {transform: scale(1.04);}*/

  .project-grid {transition:.45s;}

  .project-grid.hide{
      opacity:0;
      visibility:hidden;
      pointer-events:none;
	  transform:translateX(-140px);
	  transition:.6s;
	  max-height: 780px;
	  position: absolute;
  }