/*
*****************************************
 PVII Background Animator Magic
 by Project Seven Development
 www.projectseven.com
*****************************************
*/

/*
---------------------------------
       BAM CORE STYLES
---------------------------------
*/
.bam-wrapper {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;	
}
.bam-wrapper.bam-body {
	position: fixed;
	z-index: -1;	
}
.bam-wrapper, .bam-wrapper span {
	box-sizing: border-box;
	overflow: hidden;
}
.bam-bg {
	position: relative;
	z-index: 2;
}
.hmy-content-wrapper.bam-bg .hmy-content {
	z-index: 2;	
}

/* --------- mask div ------------------ */
.bam-mask {
	position: absolute;
	top: 0px;
	left:0px;
	width: 100%;
	height: 100%;
	z-index: 2;
}

/* 
******************************************
               mask colors 
******************************************
*/
.bam-color-skyblue {
	background-color: rgb(225,246,255);
}

.bam-list {
	position: static;
	display: none;
}

/* ----------- image div ---------- */
.bam-image {
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	visibility: hidden;
	background-repeat: no-repeat;
}

.bam-image.bam-type-cover {
	background-size: cover;
	background-position: center;
}
.bam-image.bam-pos-center-center {
	background-position: center center;
}

/* -------------- Ken Burns rules ---------------- */

.bam-image.bam-burns-1 {
	top: 0px;
	text-align: left;
	-webkit-transform: translate(-20%,0%) scale(1.3);
	transform: translate(-20%,0%) scale(1.3);
	-webkit-transform-origin: left center;
	transform-origin: left center;
}
.bam-image.bam-burns-1.bam-run {
	-webkit-transform: translate(0%,0%) scale(1.5);
	transform: translate(0%,0%) scale(1.5);
}

/* 2 Right to leftt - zoom */
.bam-image.bam-burns-2 {
	top: 0px;
	text-align: left;
	-webkit-transform: translate(25%,0%) scale(1.3);	
	transform: translate(25%,0%) scale(1.3);
	-webkit-transform-origin: right center;
	transform-origin: right center;
}
.bam-image.bam-burns-2.bam-run {
	-webkit-transform: translate(0%,0%) scale(1.5);
	transform: translate(0%,0%) scale(1.5);
}

/* 3 Top-Left to Bottom-Right - zoom */
.bam-image.bam-burns-3 {
	top: 0px;
	text-align: left;
	-webkit-transform: translate(-15%,-20%) scale(1.5);	
	transform: translate(-15%,-20%) scale(1.5);
	-webkit-transform-origin: left top;
	transform-origin: left top;
}
.bam-image.bam-burns-3.bam-run {
	-webkit-transform: translate(0%,0%) scale(1.3);
	transform: translate(0%,0%) scale(1.3);
}

/* 4 Bottom-Right to Top Left - zoom */
.bam-image.bam-burns-4 {
	top: 0px;
	text-align: left;
	-webkit-transform: translate(15%,20%) scale(1.3);
	transform: translate(15%,20%) scale(1.3);	
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}
.bam-image.bam-burns-4.bam-run {
	-webkit-transform: translate(0%,0%) scale(1.5);
	transform: translate(0%,0%) scale(1.5);
}

/* 5 Top to Bottom  - zoom */
.bam-image.bam-burns-5 {
	top: 0px;
	text-align: left;
	-webkit-transform: translate(0%,-20%) scale(1.3);	
	transform: translate(0%,-20%) scale(1.3);
	-webkit-transform-origin: center top;
	transform-origin: center top;
}
.bam-image.bam-burns-5.bam-run {
	-webkit-transform: translate(0%,0%) scale(1.5);
	transform: translate(0%,0%) scale(1.5);
}

