/*-----------------------------------------------
|   Hover Box
-----------------------------------------------*/
.hoverbox {
  position: relative;
  overflow: hidden;
}
.hoverbox .hoverbox-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  margin: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hoverbox .hoverbox-content a:hover {
  opacity: 0.8;
}
.hoverbox:hover .hover-box-content-initial, .hoverbox:focus .hover-box-content-initial {
  opacity: 0;
}
.hoverbox:hover .hoverbox-content, .hoverbox:focus .hoverbox-content {
  opacity: 1;
}
.hoverbox:hover .as-hoverbox-content, .hoverbox:focus .as-hoverbox-content {
  z-index: 1;
}

.hoverbox-content-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--sparrow-black)));
  background: -o-linear-gradient(transparent, var(--sparrow-black));
  background: linear-gradient(transparent, var(--sparrow-black));
}
/* -------------------------------------------------------------------------- */
/*                                    Flex                                    */
/* -------------------------------------------------------------------------- */
.flex-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex-between-center {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-end-center {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-between-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex-1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media (min-width: 992px) {
  .flex-lg-basis-0 {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
  }
}
/*-----------------------------------------------
|   Isotope
-----------------------------------------------*/
.isotope-nav {
  border: 1px solid #000;
  font-size: 1rem;
  font-weight: 400;
  color: var(--sparrow-700);
  border-radius: 0.1875rem;
  letter-spacing: 0.02em;
  margin-right: 0.25rem;
  padding: 0.25rem 0.5rem;
}
.isotope-nav.active {
  color: #fff !important;
  border: 1px solid var(--sparrow-black);
  text-transform:uppercase;
  background-image: linear-gradient(to top right,  #1B5379, #427676, #3F9A82, #A1CD73, #ECDB60);
}
.isotope-nav:hover {
  color: var(--sparrow-700);
}

.isotope-item {
  visibility: hidden;
}
/*-----------------------------------------------*/

/*-------- For portfolio detail page------------*/
.bg-holder {
    position: absolute;
    width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    will-change: transform,opacity,filter;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-repeat: no-repeat;
    z-index: 0;
}
.py-9 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
}
@media (min-width: 992px){
.order-lg-2 {
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;}
.vh-lg-100 {
    height: 100vh !important;}  
}