/* --------------------------------------------------------------------------------
Scroll Parallax
-------------------------------------------------------------------------------- */
.parallax
{
  	position:relative;
  	overflow:hidden;

    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);

    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;

    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

.parallax-animation, .parallax-animation-background
{
  	position:relative;
  	z-index:2;
}

.parallax-animation
{
  	position:absolute;

    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);

    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;

    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    }

.parallax-animation-background
{
	left:0;
  	width:100%;
  	height:150%;
  	background-size: cover;
  	background-position: 50% 50%;
  	z-index:1;
}