.mif_wrap

  {

  float:left;
  width:100%;
  padding-bottom: 20px;

     .mif_feeds_holder .mif_grid_layout {
           background-size: cover;
          background-position: center center;
          background-repeat: no-repeat;
          height: 317px;
          margin: 5px;

          img{
          display:none;
          }
    }
  .feed_type_video .video_icon  
    {
        position: absolute;
    top: 50%;
      transform: translate(0px, -50%);
      margin-left: auto;
      margin-right: auto;
      left: 0;
      right: 0;
    background-position: 0 -39px;
      height: 80px;
      width: 80px;
    }

.mif_carousel_icon{
  display:none;
      right: 10px;
    top: 10px;
    position: absolute;
    font-size: 18px;
    color: #fff;
}
.feed_type_carousel_album .mif_carousel_icon{
  display:block;
}
                            /*Half layout css*/

 .mif_default_layout, .mif_full_layout

  {

  width: 100% ;

    height: auto;

    cursor: auto;
    border-color: #ccc;
    border-bottom-width:1px;
    border-style: solid;
    border-top:0px;
    border-left:0px;
    border-right:0px;
    padding: 30px 0px;

  }

.mif_grid_left_img img,.mif_grid_left_img  .mejs-video

  {

  max-width: 100%;

  
@media only screen and (min-width: 786px) {
  -moz-transition: all 0.3s;

  -webkit-transition: all 0.3s;

  transition: all 0.3s; 
}
  }

.mif_grid_left_img:hover img, .mif_grid_left_img:hover .mejs-video

  {
  @media only screen and (min-width: 786px) {
  -moz-transform: scale(1.1);

  -webkit-transform: scale(1.1);

  transform: scale(1.1);



    -moz-transition: all 0.3s;

  -webkit-transition: all 0.3s;

  transition: all 0.3s; 
  }

  }
.mif_grid_left_img:hover .mif_content_holder{
  opacity:1;
  visibility:visible;
}   

.mif_grid_left

  {

  float: left;

        width: 49%;

  }

.mif_grid_layout .mif_likes, .mif_grid_layout .mif_coments, .mif_full_layout .mif_likes, .mif_full_layout .mif_coments 

  {

    float: left;

    position: static;

    margin: 0px;

    padding: 0px;

    display: inline-block;

    clear: initial;

  } 

.mif_grid_layout  .mif_coments, .mif_full_layout .mif_coments

  {

      margin-left: 10px;  

  }

.mif_grid_right

  {

  float: right;

       width: 49%;

  }

.mif_grid_right .mif_content_holder, .mif_full_top .mif_content_holder

  {

   float: left;

    opacity: 1;

    visibility: visible;

    width: 100%;

  position:static;

height: auto;   

  }

.mif_grid_right .mif_caption, .mif_full_top .mif_caption

  {

  position: relative;

    background-color: transparent;

    color: #000;

    text-align: left; 

  } 

.mif_grid_right .mif_icons_holder

  {

      position: relative;

    width: 100%;

    float: left;  

  }



.mif_grid_left_img, .mif_full_img

  {

  float:left;

  clear:both;

  width:100%;

  position:relative;

  cursor:pointer; 

      overflow: hidden;

      @media only screen and (min-width: 786px) {
     -moz-transition:all ease-in 0.5s;

      -ms-transition:all ease-in 0.5s;

      -o-transition:all ease-in 0.5s;

      -webkit-transition:all ease-in 0.5s;

      transition:all ease-in 0.5s;
      }

  } 



.mif_open-popup-link {
  position: absolute;
    width: 100%;
    height: 100%; 
    z-index: 999999999999999999;
}
.mif_fulls .fa {
  height: 100%;
    top: 0 !important;
}
.mif_fulls .fa::before {
  position: absolute  ;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.mif_grid_layout .mif_fulls .fa::before {position:relative;}
.mif_grid_layout .mif_feed_popup_free {
        font-size: 35px; color: #fff; 

          &:hover{    text-decoration: none !important;
    box-shadow: none;}
        }
.mif_grid_layout .mif_fulls a{    float: left;
    position: relative;
    height: auto;
    width: auto;
    display: inline-block;}
.mif_grid_left_img:hover .mif_fulls, .mif_full_img:hover .mif_fulls, .mif_masonary_layout:hover .mif_fulls

  {

  opacity:1;

  visibility:visible; 

  cursor:pointer;

      float: left;

    width: 100%;

    margin: 0px;

    height: 100%;

      background-color: rgba(0, 0, 0, 0.3);


     @media only screen and (min-width: 786px) {
     -moz-transition:all ease-in 0.5s;

      -ms-transition:all ease-in 0.5s;

      -o-transition:all ease-in 0.5s;

      -webkit-transition:all ease-in 0.5s;

      transition:all ease-in 0.5s;
      }

      z-index: 999;

  top: 0px;

  }

.mif_grid_left_img .mif_fulls .fa, .mif_full_img .mif_fulls .fa, .mif_masonary_layout .mif_fulls .fa

  {

        float: none;

    margin: 0px auto;

    position: absolute;

    left: 0;

    right: 0;

    top: 50%;

  

    margin: 0px auto;

    text-align: center;

    font-size: 50px;

    color: #fff;

    font-weight: normal;

  transition: all .5s ease-in;

    -o-transition: all .5s ease-in;

    -ms-transition: all .5s ease-in;

    -moz-transition: all .5s ease-in;

    -webkit-transition: all .5s ease-in;  

  } 

.mif_grid_left_img:hover .mif_fulls .fa, .mif_full_img:hover .mif_fulls .fa, .mif_masonary_layout:hover .mif_fulls .fa

  {

      float: none;

    margin: 0px auto;

    position: absolute;

    left: 0;

    right: 0;

    top: 50%;

  z-index:9999999999;

    margin: 0px auto;

    text-align: center;

    font-size: 50px;

    color: #fff;

    font-weight: normal;

  transition: all .5s ease-in;

    -o-transition: all .5s ease-in;

    -ms-transition: all .5s ease-in;

    -moz-transition: all .5s ease-in;

    -webkit-transition: all .5s ease-in;  

  } 

.mif_full_layout .mif_lnc_holder

  {

float: left;

    width: auto;

    clear: both;

    height: auto;

    float: left;

  }

.mif_grid_right .mif_header, .mif_full_top .mif_header

  {

  padding-left: 0px;

    border: none !important;



    margin: 0px;  

  }

.mif_grid_right .mif_head_img_holder, .mif_full_top .mif_head_img_holder

  {

  margin-top:0px !important;  

  }

.mif_head_img_holder .mif_nodp

  {

  background-color: #000;

    padding: 10px;

    color: #fff;

    border-radius: 4px; 

  }   

.mif_grid_right .mif_header_title, .mif_full_top .mif_header_title

  {

      font-size: 14px;

    margin-top: 0px !important; 

  font-weight: normal;

  }

.mif_grid_right .mif_header_img, .mif_full_top .mif_header_img

  {

      width: 40px;

    border-radius: 0px; 

  }

.mif_header_time

  {

      float: left;  
    margin-top: -8px;
  }

.mif_header_time p

  {

      float: left;

    clear: both;

    margin-left: 10px;

    font-size: 11px;

    color: initial; 

  }

.mif_grid_b_bar

  {

  float: left;

    width: 100%;

    clear: both;  

  }

.mif_external_holder

  {

      float: right;

    margin-top: 10px; 

  } 

.mif_external_holder a

  {

  box-shadow:none;

  text-decoration:none;

      margin-left: 10px;

   &:hover{
   -moz-transition:all ease-in 0.3s;

  -ms-transition:all ease-in 0.3s;

  -o-transition:all ease-in 0.3s;

  -webkit-transition:all ease-in 0.3s;

  transition:all ease-in 0.3s;
   }    

  }

.mif_links_container  

  {

  position: relative;

    background: #333;

    padding: 10px;

  right:0px;  
  height: 38px;

  }

.mif_links_container .fa  

  {

      float: left;

    display: inline-block;

      color: #fff;

    margin-right: 9px;

    margin-left: 9px; 

  }

.mif_links_container a

  {

      float: left;  

  } 
.mif_grid_layout  .mif_links_container, .mif_masonary_layout  .mif_links_container {
position: absolute;
  bottom: 0;
    width: 100%;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: all 1s ease-in;
    -o-transition: all 1s ease-in;
    -ms-transition: all 1s ease-in;
    -moz-transition: all 1s ease-in;
    -webkit-transition: all 1s ease-in;
    height: 30px;
      a{
     width: 33%; 
      box-shadow: none;
      font-size: 12px;
      }
}
.mif_grid_layout:last-child, .mif_full_layout:last-child

  {

  border:none !important; 

  }

  }

.mif_single

  {

      float: left;

    display: inline-block;

    position: relative;

    border: none;

  }

.mif_header a

  {

      float: left;

    clear: both;

    border: 0px;

  text-decoration:none; 

      box-shadow: none;

  }

.mif_header_main

  {

  padding:10px; 

  } 

.mif_header 

  {

  float: left;

    width: 100%;

    clear: both;
   padding: 10px;
  border-color: #ccc;
  border-style: solid;
  border-bottom-width: 1px;    
    border-top-width: 0px;  
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;   
    padding-left: 0px;

      .mif_inner_wrap{
          float: left;
        margin: 0px auto;
        display: table;
      }
  }

.mif_hash_overlay

  {

      background-color: #000;

    border-radius: 50%;

     padding: 10px 18px 10px 18px;
         width: 50px;
    height: 50px;

  } 

.mif_hash_overlay .fa

  {
  line-height: 1.8;
  color:#fff; 

  } 

.mif_header_img

  {

  float: left;

    width: 60px;

    border-radius: 0px;

    display: inline-block;  

  }

.mif_header_title

  {

    margin-right: 10px;

    float: left;

  clear:right;

    display: inline-block;
    margin-top: 0px;
    margin-left: 10px;

    margin-bottom: 0px;

  }

.mif_posts, .mif_followers

  {

    float: left;

    margin-right: 10px;

    font-size: 14px;

    color: #000;
    margin-top: 4px;

  }

.mif_posts .fa, .mif_followers .fa

  {

      margin-right: 5px;  

  }

.mif_bio

  {

    float: left;

    clear: both;

    margin-left: 10px;

    margin-bottom: 0px;



    font-size: 16px;

    color: #000;

  }           

.mif_single img

  {

    height: auto;

    width: 100%;

  

  }

.mif_single video

  {



    width: 100%;

      z-index: 999;

  margin-bottom:0px;      

  }

  

.mif_single

  {

   FLOAT: left;

    WIDTH: 100%;

   text-decoration:none;

  position: relative;

    overflow: hidden;
    @media only screen and (min-width: 786px) {

-moz-transition:all ease-in 0.3s;

  -ms-transition:all ease-in 0.3s;

  -o-transition:all ease-in 0.3s;

  -webkit-transition:all ease-in 0.3s;

  transition:all ease-in 0.3s;
}


  }

.mif_default_layout .mif_fulls,  .mif_full_layout .mif_fulls

  

  {

   

    visibility: hidden;

    position: absolute;

    opacity: 0;

    width: 100%;

    height: 100%;

    @media only screen and (min-width: 786px) {

    transition: all .5s ease-in;

    -o-transition: all .5s ease-in;

    -ms-transition: all .5s ease-in;

    -moz-transition: all .5s ease-in;

    -webkit-transition: all .5s ease-in;
}
    top: 0;

    margin-left: 0px;



  }

.mif_default_layout .mif_likes, .mif_default_layout .mif_coments  

  {

    position: relative;

    float: left;

    clear: none;

  background-color: #6f7d7e;

    color: #fff;

  margin-top:10px;  

  top:0px;

  margin-left:0px;

  }

  

.mif_default_layout .mif_likes p, .mif_default_layout .mif_coments p, .mif_full_layout .mif_likes p, .mif_full_layout .mif_coments p

  {

  color:#fff; 

  }   

.mif_default_layout .mif_lnc_holder

  {

      float: left;

    width: auto;  

  } 

.loading .sk-fading-circle {

       width: 24px;

    height: 15px;

    position: relative;

    float: left;

    margin-top: 3px;

    margin-right: 5px;

}



.loading .sk-fading-circle .sk-circle {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

}



.loading .sk-fading-circle .sk-circle:after {

  content: '';

  display: block;

  margin: 0 auto;

  width: 15%;

  height: 15%;

  background-color: #fff;

  border-radius: 100%;

  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;

          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;

}

.loading .sk-fading-circle .sk-circle2 {

  -webkit-transform: rotate(30deg);

      -ms-transform: rotate(30deg);

          transform: rotate(30deg);

}

.loading .loading .sk-fading-circle .sk-circle3 {

  -webkit-transform: rotate(60deg);

      -ms-transform: rotate(60deg);

          transform: rotate(60deg);

}

.loading .sk-fading-circle .sk-circle4 {

  -webkit-transform: rotate(90deg);

      -ms-transform: rotate(90deg);

          transform: rotate(90deg);

}

.loading .sk-fading-circle .sk-circle5 {

  -webkit-transform: rotate(120deg);

      -ms-transform: rotate(120deg);

          transform: rotate(120deg);

}

.loading .sk-fading-circle .sk-circle6 {

  -webkit-transform: rotate(150deg);

      -ms-transform: rotate(150deg);

          transform: rotate(150deg);

}

.loading .sk-fading-circle .sk-circle7 {

  -webkit-transform: rotate(180deg);

      -ms-transform: rotate(180deg);

          transform: rotate(180deg);

}

.loading .sk-fading-circle .sk-circle8 {

  -webkit-transform: rotate(210deg);

      -ms-transform: rotate(210deg);

          transform: rotate(210deg);

}

.sk-fading-circle .sk-circle9 {

  -webkit-transform: rotate(240deg);

      -ms-transform: rotate(240deg);

          transform: rotate(240deg);

}

.loading .sk-fading-circle .sk-circle10 {

  -webkit-transform: rotate(270deg);

      -ms-transform: rotate(270deg);

          transform: rotate(270deg);

}

.loading .sk-fading-circle .sk-circle11 {

  -webkit-transform: rotate(300deg);

      -ms-transform: rotate(300deg);

          transform: rotate(300deg); 

}

.loading .sk-fading-circle .sk-circle12 {

  -webkit-transform: rotate(330deg);

      -ms-transform: rotate(330deg);

          transform: rotate(330deg); 

}

.loading .sk-fading-circle .sk-circle2:after {

  -webkit-animation-delay: -1.1s;

          animation-delay: -1.1s; 

}

.loading .sk-fading-circle .sk-circle3:after {

  -webkit-animation-delay: -1s;

          animation-delay: -1s; 

}

.loading .sk-fading-circle .sk-circle4:after {

  -webkit-animation-delay: -0.9s;

          animation-delay: -0.9s; 

}

.loading .sk-fading-circle .sk-circle5:after {

  -webkit-animation-delay: -0.8s;

          animation-delay: -0.8s; 

}

.loading .sk-fading-circle .sk-circle6:after {

  -webkit-animation-delay: -0.7s;

          animation-delay: -0.7s; 

}

.loading .sk-fading-circle .sk-circle7:after {

  -webkit-animation-delay: -0.6s;

          animation-delay: -0.6s; 

}

.loading .sk-fading-circle .sk-circle8:after {

  -webkit-animation-delay: -0.5s;

          animation-delay: -0.5s; 

}

.loading .sk-fading-circle .sk-circle9:after {

  -webkit-animation-delay: -0.4s;

          animation-delay: -0.4s;

}

.loading .sk-fading-circle .sk-circle10:after {

  -webkit-animation-delay: -0.3s;

          animation-delay: -0.3s;

}

.loading .sk-fading-circle .sk-circle11:after {

  -webkit-animation-delay: -0.2s;

          animation-delay: -0.2s;

}

.loading .sk-fading-circle .sk-circle12:after {

  -webkit-animation-delay: -0.1s;

          animation-delay: -0.1s;

}



@-webkit-keyframes sk-circleFadeDelay {

  0%, 39%, 100% { opacity: 0; }

  40% { opacity: 1; }

}



@keyframes sk-circleFadeDelay {

  0%, 39%, 100% { opacity: 0; }

  40% { opacity: 1; } 

}

.mif_load_feeds.loading

  {

  padding-right: 30px;

  padding-left:10px;

      -moz-transition: all ease-in 0.3s;

    -ms-transition: all ease-in 0.3s;

    -o-transition: all ease-in 0.3s;

    -webkit-transition: all ease-in 0.3s;

    transition: all ease-in 0.3s; 

  }

.mif_load_feeds, .mif_follow_btn  

  {

      display: -moz-inline-stack;

    display: inline-block;

    vertical-align: top;

    zoom: 1;

       padding: 9px 20px;

    margin: 5px auto 0 auto;

    background: #333;

    color: #eee;

    border: none;

    color: #fff;

    text-decoration: none;

    font-size: 13px;

    line-height: 1.5;

-moz-transition:all ease-in 0.3s;

  -ms-transition:all ease-in 0.3s;

  -o-transition:all ease-in 0.3s;

  -webkit-transition:all ease-in 0.3s;

  transition:all ease-in 0.3s;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box; 

  }

.mif_load_feeds:hover, .mif_follow_btn:hover

  {

  opacity:0.8;

  color:#fff;

  -moz-transition:all ease-in 0.5s;

  -ms-transition:all ease-in 0.5s;

  -o-transition:all ease-in 0.5s;

  -webkit-transition:all ease-in 0.5s;

  transition:all ease-in 0.5s;  

  } 

.mif_load_btns

  {

      float: none;

    margin: 0px auto;

    display: table;

    padding-top: 20px;  

  }

.mif_follow_btn

  {

      background: #517fa4;

    color: #fff;

  margin-left: 10px;  

  }

.mif_follow_btn .fa 

  {

  margin-right: 7px;

    font-size: 15px;  

  }   

.mif_like_holder p  

    {

        margin-bottom: 0px;

    float: left;

    font-size: 12px;

    margin-right: 10px;

  color:#fff;



    }

.mif_likes_main

  {

       /* float: right; */

    margin: 0px auto;

    /* vertical-align: middle; */

    top: 50%;

    position: relative;

    display: table;

  }   

.mif_default_layout .mif_content_holder, .mif_default_layout  .mif_overlay

  {

  opacity:0;

  visibility:hidden;  

      position: absolute;

    bottom: 0px;

  width:100%;

  height:100%;

   @media only screen and (min-width: 786px) {


      -webkit-transition: all 0.3s ease-in;

    -moz-transition: all 0.3s ease-in;

    transition: all .3s ease-in;

    }

  }

.mif_default_layout:hover .mif_overlay, .mif_header a:hover .mif_overlay  

  {

  opacity:1;

  visibility:visible;

  background-color:rgba(0, 0, 0, 0.3);  
  @media only screen and (min-width: 786px) {

  -moz-transition:all ease-in 0.3s;

  -ms-transition:all ease-in 0.3s;

  -o-transition:all ease-in 0.3s;

  -webkit-transition:all ease-in 0.3s;

  transition:all ease-in 1s;

  }

  width:100%;

  height:100%;

      position: absolute; 

  }

.mif_grid_layout .mif_overlay

  {

  opacity:0;

  visibility:hidden;  

  }

.mif_grid_layout:hover .mif_overlay

  {

  opacity:1;

  visibility:visible;

  background-color:rgba(0, 0, 0, 0.3);  

  @media only screen and (min-width: 786px) {

  -moz-transition:all ease-in 0.2s;

  -ms-transition:all ease-in 0.2s;

  -o-transition:all ease-in 0.2s;

  -webkit-transition:all ease-in 0.2s;

  transition:all ease-in .2s;

  }

  width:100%;

  height:100%;

      position: absolute;   

  } 

.mif_external, .mif_fulls

  {

   float: left;

    

      background-color: #000;

       padding: 8px 10px;



  }

.mif_icons_holder

  {

  position: absolute;

    left: 0;

    right: 0;

    margin-left: auto;

    margin-right: auto;

    width: 30%;

      top: 78%;

  z-index: 999999999; 

  } 



.mif_lnc_holder

  {

      float: left;

 

    width: 100%;

    clear: both;

    height: auto;

  moz-transition: all ease-in 0.5s;

    -ms-transition: all ease-in 0.5s;

    -o-transition: all ease-in 0.5s;

    -webkit-transition: all ease-in 0.5s;

    transition: all ease-in 0.5s;

  } 

.mif_likes, .mif_coments

  {

      top: 10px;

    margin-left: 10px;

    position: absolute;

    /* background-color: #6f7d7e; */

    color: #fff;

    width: auto;

    padding: 5px 10px;

    /* margin-bottom: 10px; */

    float: left;

    clear: both;

    height: auto;

      -moz-transition: all ease-in 1s;

    -ms-transition: all ease-in 1s;

    -o-transition: all ease-in 1s;

    -webkit-transition: all ease-in 1s;

    transition: all ease-in 1s;

  }

  

.mif_grid_layout:hover .mif_likes, .mif_grid_layout:hover .mif_coments

  {

     opacity: 0;

      -moz-transition: all ease-in 1s;

    -ms-transition: all ease-in 1s;

    -o-transition: all ease-in 1s;

    -webkit-transition: all ease-in 1s;

    transition: all ease-in 1s;

    

  }

.mif_grid_left_img:hover .mif_fulls, .mif_full_img:hover .mif_fulls

  {

  position:absolute;  

  }

.mif_grid_layout:hover .mif_caption

  {

  animation-name: slideDown;

  -webkit-animation-name: slideDown;  



  animation-duration: 1s; 

  -webkit-animation-duration: 1s;



  animation-timing-function:  ease-in;  

  -webkit-animation-timing-function:  ease-in;  



  visibility: visible !important; 

      -webkit-transition: all 0.5s ease-in;

    -moz-transition: all 0.5s ease-in;

    transition: all 1s ease-in; 

    

  }

.mif_grid_layout:hover .mif_external  

  {

    animation-name: slideLeft;

  -webkit-animation-name: slideLeft;  



  animation-duration: .7s;  

  -webkit-animation-duration: .7s;



  animation-timing-function: ease-in-out; 

  -webkit-animation-timing-function: ease-in-out;   



  visibility: visible !important;   

  } 

.mif_grid_layout:hover .mif_fulls 

  {

  animation-name: SlideRight;

  -webkit-animation-name: SlideRight; 



  animation-duration: .7s;  

  -webkit-animation-duration: .7s;



  animation-timing-function: ease-in-out; 

  -webkit-animation-timing-function: ease-in-out;   



  visibility: visible !important;

  } 

  .mif_grid_layout:hover .mif_links_container, .mif_masonary_layout:hover .mif_links_container    

  {
animation-name: fadeIn;

  -webkit-animation-name: fadeIn; 



  animation-duration: .5s;  

  -webkit-animation-duration: .5s;



  animation-timing-function: ease-in-out; 

  -webkit-animation-timing-function: ease-in-out;   



  visibility: visible !important; 

  opacity: 1 !important;


  } 

.mif_masonary_layout:hover .mif_links_container{ z-index: 9999999;}         

.mif_external .fa, .mif_fulls .fa

  {

  

    color: #f8e9b2;



  } 

 .mif_coments

  {

      right: 0px;

    width: auto;

    margin: 0px;

    padding-right: 20px;  

  } 

.mif_likes .fa, .mif_coments .fa

  {

      float: left;

    margin-top: 5px;

    font-size: 14px;

    color: #f8e9b2;

    margin-right: 10px;

  }

.mif_likes p, .mif_coments  p

  {

      margin: 0px;

    float: left;

 font-size: 14px; 

  }           

.mif_head_img_holder

  {

      float: left;

    position: relative;
  }

.mif_header_data

  {

  float:left; 

  } 

.mif_caption

  {

    background-color: #000;

    padding: 10px;

    height: auto;

    color: #fff;

    transition: all 2s ease-in;

    -o-transition: all 2s ease-in;

    -ms-transition: all 2s ease-in;

    -moz-transition: all 2s ease-in;

    -webkit-transition: all 1s ease-in;

  } 

.mif_head_img_holder .mif_overlay

  {

   border-radius:0px; 

       position: absolute;

    opacity: 0;

      width: 100%;

    height: 100%;

    transition: all .5s ease-in; /* vendorless fallback */

    -o-transition: all .5s ease-in; /* opera */

    -ms-transition: all .5s ease-in; /* IE 10 */

    -moz-transition: all .5s ease-in; /* Firefox */

    -webkit-transition: all .5s ease-in; /*safari and chrome */

  }

.mif_header a:hover .mif_overlay

  {

      background-color: rgba(0, 0, 0, 0.8); 

      transition: all .5s ease-in; /* vendorless fallback */

    -o-transition: all .5s ease-in; /* opera */

    -ms-transition: all .5s ease-in; /* IE 10 */

    -moz-transition: all .5s ease-in; /* Firefox */

    -webkit-transition: all .5s ease-in; /*safari and chrome */

  } 

.mif_head_img_holder  .mif_overlay .fa

  {

      float: none;

    margin: 0px auto;

    display: table;

    margin-top: 22px;

    color: #fff;  

  } 

.mif_caption p

  {

      font-size: 12px;

    margin-bottom:0px;  

  }

#mif_load_btn

  {



  cursor: pointer;

  } 

  

                            /*Grid layout css*/

  

.mif_grid_layout .mif_lnc_holder

  {

      position: absolute; 

      z-index: 9;

      .mif_likes, .mif_coments {
        background-color: #000;
        padding: 5px 10px;
        margin:0px;

          .fa, p{
            color:#fff;
          }
      }

  }

.mif_grid_layout:hover

  {

  cursor:pointer; 

  }   

.mif_grid_layout .mif_lnc_holder .mif_coments

  {

      float: right;

  } 

.mif_grid_layout .mif_content_holder

  {

  position: absolute;

    right: 0;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

  text-align:center;

  opacity:0;

  visibility:hidden;
  @media only screen and (min-width: 786px) {

      transition: all 2s ease-in;

    -o-transition: all 2s ease-in;

    -ms-transition: all 2s ease-in;

    -moz-transition: all 2s ease-in;

    -webkit-transition: all 1s ease-in;
 }   

  }

.mif_grid_layout .mif_content_holder .mif_caption p

  {

    

  color:#fff;

  }   

.mif_grid_layout:hover  .mif_content_holder

  {

  opacity:1;

  visibility:visible;

      transition: all .8s ease-in;

    -o-transition: all .8s ease-in;

    -ms-transition: all .8s ease-in;

    -moz-transition: all .8s ease-in;

    -webkit-transition: all .8s ease-in;  

  }

.mif_grid_layout  .mif_icons_holder

    {

   margin: 0px auto;

    float: none;

    position: relative;

    margin-top: 5px;

    text-align: center;

    display: table;

    height: auto; 

      width: auto;

    }

.mif_grid_layout  .mif_icons_holder a

  {

      float: left;  

  }

.mif_grid_layout .mif_fulls   

  {

    opacity: 1;

    visibility: visible;

    margin-left: 8px; 

  } 
.mif_grid_layout .mif_content_holder{
      top: 50%;
    transform: translateY(-50%);
}  
.mif_wrap.mif_ver_pro a.mif_feed_popup_free_hide{
  display:none !important;
}  