.main .box-outer .portfolio-content {
  margin-top: 10px; }
  .main .box-outer .portfolio-content input {
    display: none !important; }
  .main .box-outer .portfolio-content .categories label {
    color: #d6d6d6;
    padding: 0;
    margin-right: 8px;
    font-weight: 400;
    letter-spacing: 0.5px;
    padding: 5px 5px;
    font-size: 15px; }
  .main .box-outer .portfolio-content .photo-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
    grid-gap: 27px 27px;
    margin-top: 20px; }
    .main .box-outer .portfolio-content .photo-gallery .pic {
      position: relative;
      width: 100%;
      border-radius: 18px;
      transition: 0.4s; }
      .main .box-outer .portfolio-content .photo-gallery .pic a {
        width: 100%; }
        .main .box-outer .portfolio-content .photo-gallery .pic a img {
          width: 100%;
          height: 212px;
          object-fit: cover;
          object-position: center;
          border-radius: 18px;
          transition: all 0.4s linear; }
      .main .box-outer .portfolio-content .photo-gallery .pic .img-caption h3 {
        color: #fcfcfc;
        padding: 0;
        font-weight: 300;
        letter-spacing: 1px;
        padding: 15px 10px 0px;
        font-size: 15px;
        margin: 0; }
      .main .box-outer .portfolio-content .photo-gallery .pic .img-caption p {
        font-size: 14px;
        color: #d6d6d6;
        font-weight: 300;
        padding: 0 10px;
        letter-spacing: 0.7px;
        margin-bottom: 0; }
      .main .box-outer .portfolio-content .photo-gallery .pic:hover::before {
        transform: translate(-50%, -50%) scale(1); }
      .main .box-outer .portfolio-content .photo-gallery .pic:hover::after {
        transform: scale(1); }

#check1:checked ~ .photo-gallery .pic {
  opacity: 1;
  transform: scale(1);
  position: relative; }

#check2:checked ~ .photo-gallery .sass,
#check2:checked ~ .photo-gallery .bootstrap,
#check2:checked ~ .photo-gallery .portfolio {
  opacity: 1;
  transform: scale(1);
  position: relative; }

#check2:checked ~ .photo-gallery .pofo,
#check2:checked ~ .photo-gallery .fullstack,
#check2:checked ~ .photo-gallery .sandbox,
#check2:checked ~ .photo-gallery .javascript,
#check2:checked ~ .photo-gallery .canvas {
  opacity: 0;
  transform: scale(0);
  position: absolute; }

#check3:checked ~ .photo-gallery .pofo,
#check3:checked ~ .photo-gallery .sass,
#check3:checked ~ .photo-gallery .bootstrap,
#check3:checked ~ .photo-gallery .fullstack,
#check3:checked ~ .photo-gallery .javascript,
#check3:checked ~ .photo-gallery .portfolio {
  opacity: 1;
  transform: scale(1);
  position: relative; }

#check3:checked ~ .photo-gallery .sandbox,
#check3:checked ~ .photo-gallery .canvas {
  opacity: 0;
  transform: scale(0);
  position: absolute; }

#check4:checked ~ .photo-gallery .bootstrap,
#check4:checked ~ .photo-gallery .portfolio {
  opacity: 1;
  transform: scale(1);
  position: relative; }

#check4:checked ~ .photo-gallery .sandbox,
#check4:checked ~ .photo-gallery .canvas,
#check4:checked ~ .photo-gallery .sass,
#check4:checked ~ .photo-gallery .fullstack,
#check4:checked ~ .photo-gallery .javascript,
#check4:checked ~ .photo-gallery .pofo {
  opacity: 0;
  transform: scale(0);
  position: absolute; }

#check5:checked ~ .photo-gallery .bootstrap,
#check5:checked ~ .photo-gallery .portfolio,
#check5:checked ~ .photo-gallery .pofo,
#check5:checked ~ .photo-gallery .sass {
  opacity: 1;
  transform: scale(1);
  position: relative; }

#check5:checked ~ .photo-gallery .sandbox,
#check5:checked ~ .photo-gallery .fullstack,
#check6:checked ~ .photo-gallery .javascript,
#check5:checked ~ .photo-gallery .canvas {
  opacity: 0;
  transform: scale(0);
  position: absolute; }

#check6:checked ~ .photo-gallery .fullstack {
  opacity: 1;
  transform: scale(1);
  position: relative; }

#check6:checked ~ .photo-gallery .sandbox,
#check6:checked ~ .photo-gallery .canvas,
#check6:checked ~ .photo-gallery .sass,
#check6:checked ~ .photo-gallery .bootstrap,
#check6:checked ~ .photo-gallery .portfolio,
#check6:checked ~ .photo-gallery .javascript,
#check6:checked ~ .photo-gallery .pofo {
  opacity: 0;
  transform: scale(0);
  position: absolute; }

#check7:checked ~ .photo-gallery .javascript {
  opacity: 1;
  transform: scale(1);
  position: relative; }

#check7:checked ~ .photo-gallery .sandbox,
#check7:checked ~ .photo-gallery .canvas,
#check7:checked ~ .photo-gallery .sass,
#check7:checked ~ .photo-gallery .bootstrap,
#check7:checked ~ .photo-gallery .portfolio,
#check7:checked ~ .photo-gallery .fullstack,
#check7:checked ~ .photo-gallery .pofo {
  opacity: 0;
  transform: scale(0);
  position: absolute; }

/*# sourceMappingURL=portfolio.css.map */