/**
 * Styles
 */

.pif-has-gallery {
    position: relative;
}
.pif-has-gallery .onsale {
    z-index: 999999;
}

.pif-has-gallery .secondary-image {
    position: absolute;
    top:0;
    left:0;
    opacity:0;
}


  /**
 * Animation
 */
 
.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;}.animated.hinge{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
 
    }   100% {
        opacity: 1;

    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;

    }

    100% {
        opacity: 1;

    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;

    }

    100% {
        opacity: 1;

    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;

    }

    100% {
        opacity: 1;
    
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;

    }

    100% {
        opacity: 0;

    }
}
@-moz-keyframes fadeOutUp {
    0% {
        opacity: 1;

    }

    100% {
        opacity: 0;
   
    }
}
@-o-keyframes fadeOutUp {
    0% {
        opacity: 1;

    }

    100% {
        opacity: 0;

    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
      
    }

    100% {
        opacity: 0;
       
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}