@import url("https://fonts.googleapis.com/css?family=Alata|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
/* Normal desktop :1200px. */
/* Normal desktop :992px. */
/* Tablet desktop :768px. */
/* small mobile :320px. */
/* Large Mobile :480px. */
/* 1. Theme default css */







/* line 28, ../../Arafath/CL/December/230. Portfolio/HTML/scss/theme-default.scss */
a:focus,
a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover {
  text-decoration: none;
}








/* line 15, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
.portfolio_area .more_works {
  background: #040E27;
  padding: 35px 0;
}

/* line 18, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
.portfolio_area .more_works a {
  font-size: 20px;
  font-family: "Alata", sans-serif;
  color: #fff;
  font-weight: 400;
}

/* line 25, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
.portfolio_area .portfolio_wrap {
  overflow: hidden;
}

/* line 28, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
.portfolio_area .single_gallery {
  overflow: hidden;
  width: 35%;
  position: relative;
  z-index: 6;
  float: left;
}

@media (max-width: 767px) {
  /* line 28, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
  .portfolio_area .single_gallery {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 28, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
  .portfolio_area .single_gallery {
    width: 50%;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  /* line 28, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
  .portfolio_area .single_gallery {
    width: 50%;
  }
}

@media (min-width: 1200px) and (max-width: 1500px) {
  /* line 28, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
  .portfolio_area .single_gallery {
    width: 33.33333%;
  }
}

/* line 46, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
.portfolio_area .single_gallery::before {
  width: 351px;
  height: 351px;
  background: #622569;
  content: '';
  position: absolute;
  left: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  left: -26%;
  bottom: -30%;
  z-index: 1;
  opacity: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

@media (max-width: 767px) {
  /* line 46, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
  .portfolio_area .single_gallery::before {
    width: 250px;
    height: 250px;
  }
}

/* line 64, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
.portfolio_area .single_gallery.small_width {
  width: 30%;
}

@media (max-width: 767px) {
  /* line 64, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
  .portfolio_area .single_gallery.small_width {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 64, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
  .portfolio_area .single_gallery.small_width {
    width: 50%;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  /* line 64, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
  .portfolio_area .single_gallery.small_width {
    width: 50%;
  }
}

@media (min-width: 1200px) and (max-width: 1500px) {
  /* line 64, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
  .portfolio_area .single_gallery.small_width {
    width: 33.33333%;
  }
}

/* line 79, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
.portfolio_area .single_gallery .thumb {
  border-radius: 0;
  height: 484px;
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 79, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
  .portfolio_area .single_gallery .thumb {
    height: 300px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  /* line 79, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
  .portfolio_area .single_gallery .thumb {
    height: 370px;
  }
}

@media (min-width: 1200px) and (max-width: 1500px) {
  /* line 79, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
  .portfolio_area .single_gallery .thumb {
    height: 350px;
  }
}

@media (max-width: 767px) {
  /* line 79, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
  .portfolio_area .single_gallery .thumb {
    height: auto;
  }
}

/* line 94, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
.portfolio_area .single_gallery .thumb img {
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

/* line 103, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
.portfolio_area .single_gallery .gallery_hover {
  position: absolute;
  left: 0;
  bottom: 0;
}

/* line 107, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
.portfolio_area .single_gallery .gallery_hover .hover_inner {
  position: relative;
  z-index: 12;
  padding-bottom: 60px;
  padding-left: 40px;
}

@media (max-width: 767px) {
  /* line 107, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
  .portfolio_area .single_gallery .gallery_hover .hover_inner {
    padding-left: 15px;
    padding-bottom: 20px;
  }
}

/* line 116, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
.portfolio_area .single_gallery .gallery_hover .hover_inner span {
  display: block;
  font-size: 14px;
  color: #B3D9FC;
  font-weight: 400;
  font-family: "Alata", sans-serif;
  margin-bottom: 13px;
  position: relative;
  left: 10%;
  opacity: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

@media (max-width: 767px) {
  /* line 116, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
  .portfolio_area .single_gallery .gallery_hover .hover_inner span {
    font-size: 14px;
  }
}

/* line 131, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
.portfolio_area .single_gallery .gallery_hover .hover_inner h3 {
  font-size: 30px;
  color: #fff;
  font-weight: 400;
  font-family: "Alata", sans-serif;
  line-height: 1;
  position: relative;
  left: 15%;
  opacity: 0;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

@media (max-width: 767px) {
  /* line 131, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
  .portfolio_area .single_gallery .gallery_hover .hover_inner h3 {
    font-size: 20px;
  }
}

/* line 149, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
.portfolio_area .single_gallery:hover::before {
  opacity: 1;
  left: -6%;
  bottom: -20%;
}

@media (max-width: 767px) {
  /* line 149, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
  .portfolio_area .single_gallery:hover::before {
    left: -10%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 149, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
  .portfolio_area .single_gallery:hover::before {
    left: -13%;
  }
}

@media (min-width: 1200px) and (max-width: 1500px) {
  /* line 149, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
  .portfolio_area .single_gallery:hover::before {
    left: -10%;
  }
}

/* line 167, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
.portfolio_area .single_gallery:hover .hover_inner h3, .portfolio_area .single_gallery:hover .hover_inner span {
  opacity: 1 !important;
  left: 0%;
}

/* line 173, ../../Arafath/CL/December/230. Portfolio/HTML/scss/_gallery.scss */
.portfolio_area .single_gallery:hover .thumb img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}