/*------------------------------------------------------*/
/* PORTFOLIO 077
/*------------------------------------------------------*/
.portfolio_077_content{
  background: rgba(0,0,0,0.85);	/*---------- Change Color From Here ----------*/
}
.portfolio_077{
  padding: 50px 0;
  overflow: hidden;
  position: relative;
 
}
.portfolio_077 > .carousel-inner:hover{
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.portfolio_077 > .carousel-inner:active{
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.portfolio_077 > .carousel-inner > .carousel-item{
  overflow: hidden;
}
.portfolio_077 > .carousel-inner > .carousel-item > .row{
  margin: 0;
}
/*---------- INDICATORS CONTROL ----------*/
.portfolio_077_indicators > .carousel-indicators{
  margin: 0;
  top: 180px;
  right: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 40px;
  font-size: 0;
  margin: 0 auto;
  display: block;
  overflow-x: auto;
  text-align: left;
  overflow-y: hidden;
  padding-left: 15px;
  padding-right: 15px;
  white-space: nowrap;
}
.portfolio_077_indicators > .carousel-indicators [data-bs-target]{
  width: auto;
  height: 35px;
  border: none;
  margin: 0 3px;
  color: #ffffff;
  text-indent: 0;
  padding: 0 10px;
  font-size: 10px;
  overflow: hidden;
  line-height: 38px;
  text-align: center;
  letter-spacing: 1px;
  background: #c9c9c9;
  display: inline-block;
  text-transform: uppercase;
  font-family: 'Josefin Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-transition: background 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: background 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.portfolio_077_indicators > .carousel-indicators .active{
  width: auto;
  height: 35px;
  border: none;
  margin: 0 3px;
  text-indent: 0;
  color: #ffffff;
  background: #7abf55;
}
.portfolio_077_indicators > .carousel-indicators::-webkit-scrollbar{
  height: 4px;
}
.portfolio_077_indicators > .carousel-indicators::-webkit-scrollbar-thumb{
  background: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 0;
  border-radius: 0;
}
/*---------- LEFT/RIGHT CONTROL ----------*/
.portfolio_077_control_button .carousel-control-prev,
.portfolio_077_control_button .carousel-control-next{
  top: 4px;
  opacity: 1;
  width: 35px;
  height: 35px;
  z-index: 100;
  bottom: auto;
  color: #ffffff;
  font-size: 12px;
  cursor: pointer;
  font-weight: 400;
  overflow: hidden;
  line-height: 35px;
  text-shadow: none;
  position: absolute;
  background: #c9c9c9;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.portfolio_077_control_button .carousel-control-prev{
  left: auto;
  right: 62px;
}
.portfolio_077_control_button .carousel-control-next{
  right: 25px;
 }
.portfolio_077_control_button .carousel-control-prev:hover,
.portfolio_077_control_button .carousel-control-next:hover{
  color: #ffffff;
  background: #7abf55;
}
/*---------- BOX ----------*/
.portfolio_077_header > h1,
.portfolio_077_header > p,
.portfolio_077_content > h5 > a{
  padding: 0;
  text-shadow: none;
  letter-spacing: 1px;
  font-family: 'Josefin Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
}
/*---------- HEADER ----------*/
.portfolio_077_header{
  width: 35%;
  text-align: center;
  margin: 0 auto 75px auto;
}
.portfolio_077_header > h1{
  color: #c9c9c9;
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  position: relative;
  margin: 0 0 30px 0;
  text-transform: uppercase;
}
.portfolio_077_header > h1 > span{
  color: #7abf55;
}
.portfolio_077_header > h1:after {
  left: 0;
  right: auto;
  width: 100%;
  content: "";
  height: 1px;
  margin: auto;
  bottom: -10px;
  position: absolute;
  background: #c9c9c9;
}
.portfolio_077_header > p{
  color: #c9c9c9;
  font-size: 16px;
  font-weight: 300;
}
/*---------- GRID ----------*/
.portfolio_077_grid{
  padding: 10px;
}
/*---------- GRID FOR MOVING TWO ----------*/
.portfolio_077_grid_mov_2{
  padding: 0;
}
.portfolio_077_grid_mov_2 > .row{
  margin: 0;
}
.portfolio_077_grid_mov_2 > .row > div{
  padding: 5px 5px;
}
/*---------- WRAPPER ----------*/
.portfolio_077_wrapper{
  overflow: hidden;
  position: relative;
}
/*---------- IMAGE ----------*/
.portfolio_077_wrapper > img{
  width: 100%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: -moz-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.portfolio_077_wrapper:hover > img{
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  transform: scale(1.25);
}
/*---------- CONTENT ----------*/
.portfolio_077_content{
  top: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
  width: 100%;
  padding: 10px;
  visibility: hidden;
  text-align: center;
  position: absolute;
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  transform: scale(1.25);
  background-image: url(../images/portfolio_077_plus.png);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: 15%;
  -moz-background-size: 15%;
  -o-background-size: 15%;
  background-size: 15%;
  -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.portfolio_077_content:before,
.portfolio_077_content:after,
.portfolio_077_content > :first-child:before,
.portfolio_077_content > :first-child:after{
  width: 40px; 
  height: 40px;
  content: ' ';
  position: absolute;
  border-style: solid;
  border-color: #7abf55;
}
.portfolio_077_content:before{
  top: 8px;
  left: 8px;
  border-width: 1px 0 0 1px;
}
.portfolio_077_content:after{
  top: 8px;
  right: 8px;
  border-width: 1px 1px 0 0;
}
.portfolio_077_content > :first-child:before{
  right: 8px;
  bottom: 8px;
  border-width: 0 1px 1px 0;
}
.portfolio_077_content > :first-child:after{
  left: 8px;
  bottom: 8px;
  border-width: 0 0 1px 1px;
}
.portfolio_077_wrapper:hover > .portfolio_077_content{
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}
.portfolio_077_content > h5{
  margin: 15px 0 0 0;
}
.portfolio_077_content > h5 > a{
  color: #ffffff;
  font-size: 12px;
  font-weight: 300;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.portfolio_077_content > h5 > a:hover{
  color: #7abf55;
}
/*---------- CONTENT (Two Columns Only) ----------*/
.portfolio_077_content_col_2 > h5{
  margin-top: 40px;
}
.portfolio_077_content_col_2 > h5 > a{
  font-size: 50px;
}
/*---------- CONTENT (Three Columns Only) ----------*/
.portfolio_077_content_col_3 > h5 > a{
  font-size: 35px;
}
/*---------- CONTENT (Four Columns Only) ----------*/
.portfolio_077_content_col_4 > h5 > a{
  font-size: 25px;
}
/*---------- CONTENT (Four Columns And Two Move Only) ----------*/
.portfolio_077_content_col_4_mov_2 > h5 > a{
  font-size: 25px;
}

/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/
/*---------- MEDIA 480px ----------*/
@media only screen and (max-width: 480px){
  /*---------- CONTROL ----------*/
  .portfolio_077_indicators > .carousel-indicators{
    display: none;
  }
  .portfolio_077_control_button .carousel-control-prev,
  .portfolio_077_control_button .carousel-control-next{
    display: none;
  }
  .portfolio_077{
    padding: 25px 0;
  }
  /*---------- HEADER ----------*/
  .portfolio_077_header{
    width: 90%;
    margin: 0 auto 50px auto;
  }
  /*---------- CONTENT ----------*/
  .portfolio_077_content > h5{
    margin-top: 35px;
  }
  .portfolio_077_content > h5 > a{
    font-size: 20px;
  }
}
/*---------- MEDIA 481px - 768px ----------*/
@media (min-width: 481px) and (max-width: 768px){
  /*---------- CONTROL ----------*/
  .portfolio_077_control_button .carousel-control-prev,
  .portfolio_077_control_button .carousel-control-next{
    top: 10px;
  }
  .portfolio_077_control_button .carousel-control-prev{
    left: auto;
    right: 47px;
  }
  .portfolio_077_control_button .carousel-control-next{
    right: 10px;
  }
  /*---------- HEADER ----------*/
  .portfolio_077_header{
    width: 70%;
  }
  /*---------- CONTENT ----------*/
  .portfolio_077_content > h5{
    margin-top: 35px;
  }
  .portfolio_077_content > h5 > a{
    font-size: 35px;
  }
}
/*---------- MEDIA 577px - 768px ----------*/
@media (min-width: 577px) and (max-width: 768px){
  /*---------- Three Columns ----------*/
  .prtfl_077_mov_all_col_3{
    padding-left: 1px;
    padding-right: 1px;
  }
  .prtfl_077_mov_all_col_3 .portfolio_077_grid{
    padding: 1px;
  }
  .prtfl_077_mov_all_col_3 .portfolio_077_content > h5 > a{
    display: block;
	font-size: 18px;
  }
  /*---------- Five Columns ----------*/
  .prtfl_077_mov_all_col_5{
    padding-left: 1px;
    padding-right: 1px;
  }
  .prtfl_077_mov_all_col_5 .portfolio_077_grid{
    padding: 1px;
  }
  .prtfl_077_mov_all_col_5 .portfolio_077_content > h5{
    margin: 5px 0 0 0;
  }
  .prtfl_077_mov_all_col_5 .portfolio_077_content > h5 > a{
    display: block;
	font-size: 14px;
  }
  /*---------- Six Columns ----------*/
  .prtfl_077_mov_all_col_6{
    padding-left: 1px;
    padding-right: 1px;
  }
  .prtfl_077_mov_all_col_6 .portfolio_077_grid{
    padding: 1px;
  }
  .prtfl_077_mov_all_col_6 .portfolio_077_content > h5 > a{
    display: block;
	font-size: 14px;
  }
}
/*---------- MEDIA 769px - 992px ----------*/
@media (min-width: 769px) and (max-width: 992px){
  /*---------- HEADER ----------*/
  .portfolio_077_header{
    width: 60%;
  }
  /*---------- CONTENT (Two Columns Only) ----------*/
  .portfolio_077_content_col_2 > h5 > a{
    font-size: 30px;
  }
  /*---------- CONTENT (Three Columns Only) ----------*/
  .portfolio_077_content_col_3 > h5 > a{
    font-size: 20px;
  }
  /*---------- CONTENT (Four Columns And Two Moves) ----------*/
  .portfolio_077_content_col_4_mov_2 > h5 > a{
    font-size: 16px;
  }
  /*---------- CONTENT (Six Columns And Two Moves) ----------*/
  .portfolio_077_content_col_6_mov_2:before,
  .portfolio_077_content_col_6_mov_2:after,
  .portfolio_077_content_col_6_mov_2 > :first-child:before,
  .portfolio_077_content_col_6_mov_2 > :first-child:after{
    width: 20px; 
    height: 20px;
  }
  /*---------- Six Columns ----------*/
  .prtfl_077_mov_all_col_6{
    padding-left: 1px;
    padding-right: 1px;
  }
  .prtfl_077_mov_all_col_6 .portfolio_077_grid{
    padding: 1px;
  }
  .prtfl_077_mov_all_col_6 .portfolio_077_content > h5 > a{
    display: block;
	font-size: 14px;
  }
}
/*---------- MEDIA 993px - 1200px ----------*/
@media (min-width: 993px) and (max-width: 1200px){
  .portfolio_077_content:before,
  .portfolio_077_content:after,
  .portfolio_077_content > :first-child:before,
  .portfolio_077_content > :first-child:after{
    width: 20px; 
    height: 20px;
  }
  /*---------- CONTENT (Two Columns Only) ----------*/
  .portfolio_077_content_col_2 > h5{
    margin-top: 25px;
  }
  .portfolio_077_content_col_2 > h5 > a{
    font-size: 40px;
  }
  /*---------- CONTENT (Three Columns Only) ----------*/
  .portfolio_077_content_col_3 > h5 > a{
    font-size: 30px;
  }
  /*---------- CONTENT (Four Columns Only)  ----------*/
  .portfolio_077_content_col_4 > h5 > a{
    font-size: 15px;
  }
  /*---------- CONTENT (Four Columns And Two Moves) ----------*/
  .portfolio_077_content_col_4_mov_2 > h5 > a{
    font-size: 16px;
  }
}


/*--------------------------------------------*/
/* SLIDING TIMING FUNCTIONS
/*--------------------------------------------*/
/*----- ps_ease -----*/
.ps_ease .carousel-item{
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/*----- ps_easeInOut -----*/
.ps_easeInOut .carousel-item{
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
/*----- ps_speedy -----*/
.ps_speedy .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(0,1,0,1);
  transition-timing-function: cubic-bezier(0,1,0,1);
}
/*----- ps_slowSpeedy -----*/
.ps_slowSpeedy .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(0.3,1,0,1);
  transition-timing-function: cubic-bezier(0.3,1,0,1);
}
/*----- ps_easeOutInCubic -----*/
.ps_easeOutInCubic .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99);
  transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99);
}
/*----- ps_swing -----*/
.ps_swing .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(.02,.01,.47,1);
  transition-timing-function: cubic-bezier(.02,.01,.47,1);
}
/*----- ps_easeOutCubic -----*/
.ps_easeOutCubic .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
  transition-timing-function: cubic-bezier(.215,.61,.355,1);
}
/*----- ps_easeInOutCubic -----*/
.ps_easeInOutCubic .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(.645,.045,.355,1);
  transition-timing-function: cubic-bezier(.645,.045,.355,1);
}
/*----- ps_easeOutCirc -----*/
.ps_easeOutCirc .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(.075,.82,.165,1);
  transition-timing-function: cubic-bezier(.075,.82,.165,1);
}
/*----- ps_easeOutExpo -----*/
.ps_easeOutExpo .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
  transition-timing-function: cubic-bezier(.19,1,.22,1);
}
/*----- ps_easeInQuad -----*/
.ps_easeInQuad .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(.55,.085,.68,.53);
  transition-timing-function: cubic-bezier(.55,.085,.68,.53);
}
/*----- ps_easeOutQuad -----*/
.ps_easeOutQuad .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
  transition-timing-function: cubic-bezier(.25,.46,.45,.94);
}
/*----- ps_easeInOutQuad -----*/
.ps_easeInOutQuad .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(.455,.03,.515,.955);
  transition-timing-function: cubic-bezier(.455,.03,.515,.955);
}
/*----- ps_easeOutQuart -----*/
.ps_easeOutQuart .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
  transition-timing-function: cubic-bezier(.165,.84,.44,1);
}
/*----- ps_easeInOutQuart -----*/
.ps_easeInOutQuart .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(.77,0,.175,1);
  transition-timing-function: cubic-bezier(.77,0,.175,1);
}
/*----- ps_easeOutQuint -----*/
.ps_easeOutQuint .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(.23,1,.32,1);
  transition-timing-function: cubic-bezier(.23,1,.32,1);
}
/*----- ps_easeInSine -----*/
.ps_easeInSine .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(.47,0,.745,.715);
  transition-timing-function: cubic-bezier(.47,0,.745,.715);
}
/*----- ps_easeOutSine -----*/
.ps_easeOutSine .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(.39,.575,.565,1);
  transition-timing-function: cubic-bezier(.39,.575,.565,1);
}
/*----- ps_easeInOutSine -----*/
.ps_easeInOutSine .carousel-item{
  -webkit-transition-timing-function: cubic-bezier(.445,.05,.55,.95);
  transition-timing-function: cubic-bezier(.445,.05,.55,.95);
}