/* *********************Portfolio Grid View 03 and home page 8************************** */
.et_pb_portfolio_auto_portfolio  .et_pb_portfolio_item{
  text-align:center;
  overflow:hidden;
  perspective:300px;
  position:relative;}
.et_pb_portfolio_auto_portfolio  .et_pb_portfolio_item .et_portfolio_image:before{
  content:"";
  width:100%;
  height:100%;
  background:rgba(0,24,48,0.59);
  position:absolute;
  top:-100%;
  left:0;
  z-index:1;
  transition:all .4s ease 0s;}
.et_pb_portfolio_auto_portfolio  .et_pb_portfolio_item:hover .et_portfolio_image:before{
  top:0;}
.et_pb_portfolio_auto_portfolio  .et_pb_portfolio_item .et_portfolio_image{margin-bottom:0;}
.et_pb_portfolio_auto_portfolio  .et_pb_portfolio_item .et_portfolio_image img{width:100%;
  height:auto;
  transform:scale(1.1);
  transition:all .3s ease 0s;}
.et_pb_portfolio_auto_portfolio  .et_pb_portfolio_item:hover .et_portfolio_image img{
  transform:scale(1);}
.et_pb_portfolio_auto_portfolio  .et_pb_portfolio_item .post-meta{
  background:rgba(var(--orange), 1);
  position:absolute;
  bottom:0;
  left:50%;
  opacity:0;
  z-index:2;
  display:inline;
  padding:5px;
  font-style:italic;
  transform:translateX(-50%) rotateX(90deg);
  transform-origin:bottom;
  transition:all .4s ease 0s;
width: 100%!important;}
.et_pb_portfolio_auto_portfolio  .et_pb_portfolio_item:hover .post-meta{opacity:1;
  transform:translateX(-50%) rotateX(0)}
.et_pb_portfolio_auto_portfolio  .et_pb_portfolio_item .post-meta a{
  color:#fff;
  display:inline!important;
  width:100%;}
.et_pb_portfolio_auto_portfolio  .et_pb_portfolio_item .et_pb_module_header{
  width:100%;
  background:rgba(var(--orange), 1);
  position:absolute;
  bottom:18px;
  left:50%;
  opacity:0;
  z-index:2;
  font-size:16px;
  padding:20px;
  color:#fff;
  text-transform:uppercase;
  transform:translateX(-50%) rotateX(90deg);
  transform-origin:bottom;
  transition:all .4s ease 0s;}
.et_pb_portfolio_auto_portfolio  .et_pb_portfolio_item:hover .et_pb_module_header{
  opacity:1;transform:translateX(-50%) rotateX(0)}
.et_pb_portfolio_auto_portfolio  .et_pb_portfolio_item .et_pb_module_header a{display:block;
  width:100%;}
/* =======================    Responsive=========================*/
@media only screen and (min-width:768px){.et_pb_portfolio_auto_portfolio .et_pb_portfolio_filters ul{
  text-align:center;
  }.et_pb_portfolio_auto_portfolio .et_pb_portfolio_filters ul li{display:inline-block;
  float:none!important;
  margin-left:10px;  }}  
@media only screen and (max-width:768px){
.et_pb_portfolio_auto_portfolio  .et_pb_portfolio_item .post-meta{
  background:rgba(var(--orange), 1);
  position:absolute;
  bottom:0;
  left:50%;
  opacity:1!important;
  z-index:2;
  display:inline-block;
  padding:5px;
  font-style:italic;
  transform:translateX(-50%) rotateX(0deg)!important;
  transform-origin:bottom;
  transition:all .4s ease 0s;
width: 100%!important;}
.et_pb_portfolio_auto_portfolio  .et_pb_portfolio_item .et_pb_module_header{
  width:100%;
  background:rgba(var(--orange), 1);
  position:absolute;
  bottom:18px;
  left:50%;
  opacity:1!important;
  z-index:2;
  font-size:20px;
  padding:20px;
  color:#fff;
  text-transform:uppercase;
  transform:translateX(-50%) rotateX(0deg)!important;
  transform-origin:bottom;
  transition:all .4s ease 0s;} }