/*
*
* Material Parallax
*/

.parallax-container {
	position: relative;
	overflow: hidden;
}

.material-parallax {
	position: absolute;
	top: 0;
	left: -1px;
	right: -1px;
	bottom: 0;
}

.ipad, .iphone {
	.parallax-container {
		background-attachment: scroll !important;
	}
}

.material-parallax img {
	display: none;
	position: absolute;
	left: 50%;
	bottom: 0;
	min-width: 101%;
	min-height: 101%;
	transform: translate3d(-50%, 0, 0);
}

.parallax-content {
	position: relative;
	z-index: 1;
	&.bg-darkblue-1 {
		background-color: rgba($darkblue-1, .54);
	}
	&.bg-darkblue-2 {
		background-color: rgba($darkblue-2, .6);
	}
	&.bg-darkblue-2_1 {
		background-color: rgba($darkblue-2, .47);
	}
}