@charset 'UTF-8';
.gallery,
.jmig-img-hide
{
    opacity: 0;
}

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn
{
    from
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn
{
    from
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}

@keyframes fadeIn
{
    from
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}

.jmig-gallery-loaded,
.jmig-img-show
{
    -webkit-animation: fadeIn ease-in-out 1; /* call our keyframe named fadeIn, use animattion ease-in-out and repeat it only 1 time */
       -moz-animation: fadeIn ease-in-out 1;
            animation: fadeIn ease-in-out 1;
    -webkit-animation-duration: .3s;
       -moz-animation-duration: .3s;
            animation-duration: .3s;

    opacity: 0; /* make things invisible upon start */

    -webkit-animation-fill-mode: both; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
       -moz-animation-fill-mode: both;
            animation-fill-mode: both;
}