/*

*****************************************

 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-gray {

	background-color: rgb(134,134,134);

}

.bam-color-black {

	background-color: rgb(21,21,21);

}

.bam-color-white {

	background-color: rgb(255,255,255);

}

.bam-color-green {

	background-color: rgb(126,188,89);

}

.bam-color-mint {

	background-color: rgb(76,182,159);

}

.bam-color-blue {

	background-color: rgb(69,114,150);

}

.bam-color-red {

	background-color: rgb(251,11,11);

}

.bam-color-skyblue {

	background-color: rgb(140,188,208);

}

.bam-color-silver {

	background-color: rgb(230,219,201);

}

.bam-color-purple {

	background-color: rgb(17,28,48);

}

.bam-color-lavender {

	background-color: rgb(154,77,85);

}

.bam-color-beige {

	background-color: rgb(231,213,175);

}

.bam-color-wine {

	background-color: rgb(167,27,27);

}

.bam-color-forest {

	background-color: rgb(107,138,85);

}

.bam-color-mist {

	background-color: rgb(218,239,217);

}

.bam-color-rust {

	background-color: rgb(193,67,46);

}

.bam-color-silverblue {

	background-color: rgb(75,103,119);

}

.bam-color-gold {

	background-color: rgb(226,160,71);

}

.bam-color-orange {

	background-color: rgb(239,118,51);

}





/* ----------- end mask div ---------- */



.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-type-contain {

	background-size: contain;

	background-position: center;

}

.bam-image.bam-type-natural {

	background-position: center;

}

.bam-image.bam-pos-center-top {

	background-position: center top;

}

.bam-image.bam-pos-center-center {

	background-position: center center;

}

.bam-image.bam-pos-center-top {

	background-position: center bottom;

}

.bam-image.bam-pos-left-top {

	background-position: left top;

}

.bam-image.bam-pos-left-center {

	background-position: left center;

}

.bam-image.bam-pos-left-bottom {

	background-position: left bottom;

}

.bam-image.bam-pos-right-top {

	background-position: right top;

}

.bam-image.bam-pos-right-center {

	background-position: right center;

}

.bam-image.bam-pos-right-bottom {

	background-position: right bottom;

}



/*

 --------------------------------------------

            Border Radius 

 --------------------------------------------

 ------ Output Both Classes to Wrapper ------ 

 */

.bam-rounded, .bam-rounded span {

	border-radius: 5px;

}





/* -------------- 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);

}



/* -------------- Auto Multi Animation rules ---------------- */



/* 1 -slide in from right - slide out to left */

.bam-image.bam-multi-1 {

	-webkit-transform: translate(60%,0%);

	transform: translate(60%,0%);

	opacity: 0;

	

}

.bam-image.bam-multi-1.bam-multi-show {

	-webkit-transform: translate(0%,0%);

	transform: translate(0%,0%);

	opacity: 1;

}

.bam-image.bam-multi-1.bam-multi-close {

	-webkit-transform: translate(-100%,0%);

	transform: translate(-100%,0%);

	opacity: 0;

}



/* 2 -slide in from left - slide out to right */

.bam-image.bam-multi-2 {

	-webkit-transform: translate(-60%,0%);

	transform: translate(-60%,0%);

	opacity: 0;

	

}

.bam-image.bam-multi-2.bam-multi-show {

	-webkit-transform: translate(0%,0%);

	transform: translate(0%,0%);

	opacity: 1;

}

.bam-image.bam-multi-2.bam-multi-close {

	-webkit-transform: translate(100%,0%);

	transform: translate(100%,0%);

	opacity: 0;

}



/* 3 -slide in from top */

.bam-image.bam-multi-3 {

	top: 0px;

	text-align: left;

	-webkit-transform: translate(0%,-100%);

	transform: translate(0%,-100%);

	opacity: 0;

	

}

.bam-image.bam-multi-3.bam-multi-show {

	-webkit-transform: translate(0%,0%);

	transform: translate(0%,0%);

	opacity: 1;

}

.bam-image.bam-multi-3.bam-multi-close {

	-webkit-transform: translate(0%,100%);

	transform: translate(0%,100%);

	opacity: 0;

}



/* 4 -slide in from bottom */

.bam-image.bam-multi-4 {

	top: 0px;

	text-align: left;

	-webkit-transform: translate(0%,100%);

	transform: translate(0%,100%);

	opacity: 0;

	

}

.bam-image.bam-multi-4.bam-multi-show {

	-webkit-transform: translate(0%,0%);

	transform: translate(0%,0%);

	opacity: 1;

}

.bam-image.bam-multi-4.bam-multi-close {

	-webkit-transform: translate(0%,-100%);

	transform: translate(0%,-100%);

	opacity: 0;

}



/* 5 -zoom in */

.bam-image.bam-multi-5 {

	top: 0px;

	text-align: left;

	-webkit-transform: scale(0.1);

	transform:  scale(0.1);

	opacity: 0;

	

}

.bam-image.bam-multi-5.bam-multi-show {

	-webkit-transform: scale(1);

	transform:  scale(1);

	opacity: 1;

}

.bam-image.bam-multi-5.bam-multi-close {

	-webkit-transform: scale(1);

	transform:  scale(1);

	opacity: 0;

}



/* toolbar */

.bam-toolbar {

	position: absolute;

	top: 6px;

	right: 6px;

	z-index: 3;

	font-size: 85%;

}

.bam-toolbar {

	padding: 8px 0px;

	border-radius: 4px;

}

.bam-toolbar.bam-toolbar-black {

	background-color: rgba(0,0,0,0.35);

}

.bam-toolbar ul {

	margin: 0px;

	padding: 0px;

}

.bam-toolbar li {

	margin: 0px;

	list-style-type: none;

	display: inline-block;

	padding: 0px 6px;

}

.bam-toolbar li a {

	display: block;

	text-decoration: none;

	border: none !important;

	background-repeat: no-repeat;

	background-position: center;

}

.bam-toolbar li a:hover {

	border: none !important;

}

.bam-auto {

	background-image: url(img/bam-pause.png);

	background-position: center;

	text-indent: -9000px;

	height: 20px;

	width: 20px;

}

.bam-auto.paused {

	background-image: url(img/bam-play.png);

}