/* **=============Portfolio Grid View 01 and home page 13================** */
/*portfolio*/
.web-portfolio .et_pb_portfolio_item .et_portfolio_image{
position:relative;
display:block; }
.web-portfolio .et_pb_portfolio_item .et_portfolio_image:before{
position:absolute;
top:0;left:0;
width:100%;
height:100%;
text-align:center;
content:"";
background-color:rgba(0,0,0,0.5);
border-radius:50%;z-index:1;
opacity:0;
transition:all .5s ease 0s;}
.web-portfolio .et_pb_portfolio_item .et_portfolio_image:before{
  border:0;
  border-radius:inherit;
  transform:scaleX(0)}
.web-portfolio .et_pb_portfolio_item:hover .et_portfolio_image:before{
  transform:scaleX(1);
  opacity:1;}
.web-portfolio .et_pb_portfolio_item .et_portfolio_image:after{
  background-color:#fff;
  border-radius:50%;
  bottom:0;
  color:rgba(var(--orange), 1);
  content:"\30";
  font-family:ETmodules!important;
  font-size:18px;
  height:60px;
  left:0;
  line-height:60px;
  margin:auto;
  position:absolute;
  right:0;
  text-align:center;
  top:0;transform:scale(3);
  transition:all .5s ease 0s;width:60px;
  opacity:0;
  z-index:2;}
.web-portfolio .et_pb_portfolio_item:hover .et_portfolio_image:after{
  transform:scale(1);
  opacity:1}
.web-portfolio .et_pb_portfolio_item .et_portfolio_image .et_overlay{background-color:transparent;
  border:none;}
.web-portfolio .et_pb_portfolio_item .et_portfolio_image .et_overlay:before{
  display:none;}
.web-portfolio .et_pb_portfolio_item .et_pb_module_header{bottom:auto!important;
  top:15px;
  padding:10px!important;
  font-size:15px;}
.web-portfolio .et_pb_portfolio_item .et_pb_module_header,
.web-portfolio .et_pb_portfolio_item .post-meta{background:rgba(var(--orange), 1);
  padding:0 30px;
  position:absolute;
  color:#fff;
  bottom:15px;
  left:-100%;
  z-index:1;
  transition:all .3s ease .2s;}
.web-portfolio .et_pb_portfolio_item .et_portfolio_image img{
  width:100%;
  height:auto;
  transform:scale(1);
  transition:all 2s ease 0s;}
.web-portfolio .et_pb_portfolio_item:hover .et_portfolio_image img{
  transform:scale(1.2);}
.web-portfolio .et_pb_portfolio_item .post-meta,
.web-portfolio .et_pb_portfolio_item .post-meta a{color:#fff;}
.web-portfolio .et_pb_portfolio_item:hover .et_pb_module_header,
.web-portfolio .et_pb_portfolio_item:hover .post-meta{left:0;}
.web-portfolio .et_pb_portfolio_item{overflow:hidden;
  position:relative;}
.web-portfolio .et_pb_portfolio_item .post-meta{background:rgba(var(--orange), 1);}
@media only screen and (min-width:981px){.web-portfolio .et_pb_portfolio_filters ul{
	text-align:center;}
.web-portfolio .et_pb_portfolio_filters ul li{
	display:inline-block;
	float:none!important;
	margin-left:10px;}}
.web-portfolio .et_pb_portfolio_filters li a.active{
	background-color:rgba(var(--black), 1)!important;
  color:#fff!important}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a{
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:15px;
  color:rgba(var(--black), 1)!important;}
.web-portfolio 
.et_pb_portfolio_filters li a:hover{
  background-color:rgba(var(--orange), 1)!important;
  color:#fff!important;}
@media only screen and (min-width:981px){.web-portfolio .et_pb_portfolio_filters ul{text-align:center;}
.web-portfolio .et_pb_portfolio_filters ul li{display:inline-block;float:none!important;margin-left:10px}}
/* filter and pagination */
 .et_pb_portofolio_pagination ul li a {
    border: 2px solid #f9f9f9;
    margin: -2px -2px 0 0;
    background-color: #fff;
    -webkit-transition: all 0.65s ease;
         -o-transition: all 0.65s ease;
            transition: all 0.65s ease;  }
 .et_pb_portofolio_pagination {
    text-align: center;
    border-top: none;
    margin-top: 40px;  }
.et_pb_portofolio_pagination ul {
    display: inline-block;
    box-shadow: 0 0 55px 2px rgba(110,130,208,0.3);  }
 .et_pb_portofolio_pagination ul li {
    padding: 0;  }
 .et_pb_portofolio_pagination ul li a {
    padding: 20px 25px;  }