/** * mod_portfolio */
.p-box {  position: relative;  overflow: hidden;	display: flex;	flex: 1;
}.p-box img.port-img {	display: flex;	align-self: center;  width: 100%;  height: auto;	filter: brightness(80%);
}.p-box:hover img.port-img {  width: 100%;  height: auto;	filter: brightness(100%);	transition: all 0.2s ease-in-out;}.p-box .hover-wrapper {  position: absolute;  top: 0;  bottom: 0;  left: 50%;  width: 0;  height: 100%;  background: rgba(71,170,228,0.7);  color: #ffffff;  line-height: 36px;  overflow: hidden;  display: block;  -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;}.p-box .hover-wrapper .outter {  display: table;  width: 100%;  height: 100%;}.p-box .hover-wrapper .inner {  display: table-cell;  vertical-align: middle;  text-align: center;}.p-box .hover-wrapper h5 {  margin: 0;  opacity: 0;}.p-box .hover-wrapper i.fa {  color: #37C0A9 !important;  font-size: 20px !important;  opacity: 0;}
.p-box .hover-wrapper i.fa:hover {  color: #fff !important;}.p-box:hover .hover-wrapper {  left: 0;  width: 100%;}.p-box:hover h5 {  opacity: 1;}.p-box:hover i.fa {  opacity: 1;
}
.p-box:hover h5,
.p-box:hover i.fa {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}