/* **=============Portfolio Grid View 04 and home page 9================** */
#agency-portfolio .et_pb_text_inner h2 {
	position: relative; }
#agency-portfolio .et_pb_portfolio_item {
    position: relative;
    float: left;
    width: 31%!important;
    height: 469px;
    margin-right: 2%;
    margin-bottom: 2%!important; }
#agency-portfolio .et_pb_portfolio_item .et_portfolio_image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; }
#agency-portfolio .et_pb_portfolio_item .et_portfolio_image::before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(251,130,34,0.63);
	opacity: 0;
	transition: .3s; }
#agency-portfolio .et_pb_portfolio_item img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: 100% 100%; }
#agency-portfolio .et_pb_portfolio_item:last-child {
	margin-right: 0; }
#agency-portfolio .et_pb_portfolio_item .et_pb_module_header {
	position: absolute;
	bottom:57px;
	left: 0px;
	width: 100;
	padding: 20px;
	color: #fff;
	font-weight: 700;
	opacity: 1;
	transition: .3s;
	z-index: 99; }
#agency-portfolio .et_pb_portfolio_item .post-meta {
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 20px;
	width: 100%;
	z-index: 99; }
#agency-portfolio .et_pb_portfolio_item .post-meta a {
	color: #fff; }
#agency-portfolio .et_pb_portfolio_item:hover .et_pb_module_header {
	top: 0;
	transform: translateY(15px);
	opacity: 1; }
#agency-portfolio .et_pb_portfolio_item:hover .et_portfolio_image::before {
	opacity: 1; }
#agency-portfolio .et_pb_portfolio_filters {
	margin-bottom: 0px; }
#agency-portfolio .et_pb_portfolio_filters ul {
	position: relative;
	bottom: 110px;
	float: right;
	width: 50%; }
#agency-portfolio .et_pb_portfolio_filters ul li a {
	border: none !important;
	font-weight: 500;
  font-size: 18px!important;
  color: #fff!important;
	background: rgba(var(--black), 1)!important;
	padding: 20px!important;	 }
#agency-portfolio .et_pb_portfolio_filters ul li a:hover {
	background: rgba(var(--orange), 1)!important;
	color: #fff!important; }
#agency-portfolio .et_pb_portfolio_filters ul li a.active {
	background: rgba(var(--orange), 1)!important;
	color: #fff!important; }
#agency-portfolio .et_pb_portfolio_item::before {
	content: '';
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 46%,rgba(0,0,0,0.6) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 46%,rgba(0,0,0,0.6) 100%);}
@media (max-width: 768x){ 
.agency-portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters ul {
    width: 100%;
    display: flex;
    overflow: scroll;	}}
@media screen and (max-width: 640px) {
	#agency-portfolio .et_pb_portfolio_filters ul {
		position: static;
		float: none;
		width: 100%;
		margin-bottom: 20px;	}
	#agency-portfolio .et_pb_portfolio_item {
		width: 90%;
		margin: 0 auto !important;
		margin-bottom: 5% !important;
		float: none;	}}
@media screen and (max-width: 768px) {
	#agency-portfolio .et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li {
		width: auto!important;
    display: block!important;	}}