.visible
{
	visibility: visible !important;
}

.invisible
{
	visibility: hidden;
}


.spinner
{	
	width: 156px;
	height: 140px;
	background-position: -608px -110px;
	-webkit-animation: rotate-frames ease-in-out infinite;
	-webkit-animation-duration: 1.5s;
	-moz-animation: rotate-frames ease-in-out infinite;
	-moz-animation-duration: 1.5s;
	animation: rotate-frames ease-in-out infinite;
	animation-duration: 1.5s;
	transform-origin: 50% 60%;
	z-index: 1000;
}


@-webkit-keyframes rotate-frames 
{
    0% { 
        transform: rotate(0deg);
    }
    100% { 
		transform: rotate(360deg);
    }
}

/*
.shade
{
	-webkit-animation: shade-frames linear 1;
	-webkit-animation-duration: 400ms;
	-moz-animation: shade-frames linear 1;
	-moz-animation-duration: 400ms;
	-ms-animation: shade-frames linear 1;
	-ms-animation-duration: 400ms;
	-o-animation: shade-frames linear 1;
	-o-animation-duration: 400ms;
	animation: shade-frames linear 1;
	animation-duration: 400ms;

}

	@-webkit-keyframes shade-frames { from { -webkit-transform: translateY(0); } to { -webkit-transform: translateY(100%); } }
	@-moz-keyframes shade-frames { from { -moz-transform: translateY(0); } to { -moz-transform: translateY(100%); } }
	@-ms-keyframes shade-frames { from { -ms-transform: translateY(0); } to { -ms-transform: translateY(100%); } }
	@-o-keyframes shade-frames { from { -o-transform: translateY(0); } to { -o-transform: translateY(100%); } }
	@keyframes shade-frames { from { transform: translateY(0); } to { transform: translateY(100%); } }
*/
/*
.pulsate {
    -webkit-animation: pulsate 1.5s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.5;
}
@-webkit-keyframes pulsate {
    0% { 
        opacity: 0.3;
    }
    50% { 
        opacity: 1.0;
    }
    100% { 
        opacity: 0.3;
    }
}
*/

/*
.audio-controls
{
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-animation: flip-frames ease-out 1;
	-moz-animation: flip-frames ease-out 1;
	-ms-animation: flip-frames ease-out 1;
	-o-animation: flip-frames ease-out 1;
	animation: flip-frames ease-out 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 0.3s;
	-moz-animation-duration: 0.3s;
	-ms-animation-duration: 0.3s;
	-o-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-ms-animation-delay: 2s;
	-o-animation-delay: 2s;
	animation-delay: 2s;	
}

@-webkit-keyframes flip-frames { 0% { -webkit-transform: scaleY(0); } 100% { -webkit-transform: scaleY(1); } } 
@-moz-keyframes flip-frames { 0% { -moz-transform: scaleY(0); } 100% { -moz-transform: scaleY(1); } } 
@-ms-keyframes flip-frames { 0% { -ms-transform: scaleY(0); } 100% { -ms-transform: scaleY(1); } } 
@-o-keyframes flip-frames { 0% { -o-transform: scaleY(0); } 100% { -o-transform: scaleY(1); } } 
@keyframes flip-frames { 0% { transform: scaleY(0); } 100% { transform: scaleY(1); } } 
*/


.zoomin-1,
.zoomin-2,
.zoomin-3,
.zoomin-4,
.zoomin-5
{
	display: inline-table;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-animation: zoomin-frames ease-out 1;
	-moz-animation: zoomin-frames ease-out 1;
	-ms-animation: zoomin-frames ease-out 1;
	-o-animation: zoomin-frames ease-out 1;
	animation: zoomin-frames ease-out 1;
	-webkit-animation-duration: 0.3s;
	-moz-animation-duration: 0.3s;
	-ms-animation-duration: 0.3s;
	-o-animation-duration: 0.3s;
	animation-duration: 0.3s;
}


.zoomin-1
{
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-ms-animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

.zoomin-2
{
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-ms-animation-delay: 2s;
	-o-animation-delay: 2s;
	animation-delay: 2s;
}

.zoomin-3
{
	-webkit-animation-delay: 3.5s;
	-moz-animation-delay: 3.5s;
	-ms-animation-delay: 3.5s;
	-o-animation-delay: 3.5s;
	animation-delay: 3.5s;
}

.zoomin-4
{
	-webkit-animation-delay: 5s;
	-moz-animation-delay: 5s;
	-ms-animation-delay: 5s;
	-o-animation-delay: 5s;
	animation-delay: 5s;
}

.zoomin-5
{
	-webkit-animation-delay: 6.5s;
	-moz-animation-delay: 6.5s;
	-ms-animation-delay: 6.5s;
	-o-animation-delay: 6.5s;
	animation-delay: 6.5s;
}

@-webkit-keyframes zoomin-frames { 0% { display:inline;-webkit-transform: scale(0); } 100% { -webkit-transform: scale(1); } } 
@-moz-keyframes zoomin-frames { 0% { display:inline;-moz-transform: scale(0); } 100% { -moz-transform: scale(1); } } 
@-ms-keyframes zoomin-frames { 0% { display:inline;-ms-transform: scale(0); } 100% { -ms-transform: scale(1); } } 
@-o-keyframes zoomin-frames { 0% { display:inline;-o-transform: scale(0); } 100% { -o-transform: scale(1); } } 
@keyframes zoomin-frames { 0% { display:inline;transform: scale(0); } 100% { transform: scale(1); } } 


.donate-response.yes 
{ 
	-webkit-animation-delay: 5.5s; 
	-moz-animation-delay: 5.5s; 
	-ms-animation-delay: 5.5s; 
	-o-animation-delay: 5.5s; 
	animation-delay: 5.5s; 
}

.donate-response.later 
{ 
	-webkit-animation-delay: 5.7s; 
	-moz-animation-delay: 5.7s; 
	-ms-animation-delay: 5.7s; 
	-o-animation-delay: 5.7s; 
	animation-delay: 5.7s; 
}

.donate-response.no 
{ 
	-webkit-animation-delay: 5.9s;
	-moz-animation-delay: 5.9s;
	-ms-animation-delay: 5.9s;
	-o-animation-delay: 5.9s;
	animation-delay: 5.9s; 
}


.fade-in 
{
  

	opacity:0;  
	-webkit-animation:fade-in-frames ease-in-out 1; 
	-moz-animation:fade-in-frames ease-in-out 1;
	-ms-animation:fade-in-frames ease-in-out 1;
	-o-animation:fade-in-frames ease-in-out 1;
	animation:fade-in-frames ease-in-out 1;

	-webkit-animation-duration:1.5s;
	-moz-animation-duration:1.5s;
	-ms-animation-duration:1.5s;
	-o-animation-duration:1.5s;
	animation-duration:1.5s;


}

/*
.fade-in.one 
{
}

.fade-in.two 
{
	-webkit-animation-delay: 1.3s;
	-moz-animation-delay: 1.3s;
	-ms-animation-delay: 1.3s;
	-o-animation-delay: 1.3s;
	animation-delay: 1.3s;
}
*/

.fade-in-slow
{
	opacity:0;  
	-webkit-animation:fade-in-frames ease-in-out 3s; 
	-moz-animation:fade-in-frames ease-in-out 3s;
	-ms-animation:fade-in-frames ease-in-out 3s;
	-o-animation:fade-in-frames ease-in-out 3s;
	animation:fade-in-frames ease-in-out 3s;
	-webkit-animation-delay: 1.3s;
	-moz-animation-delay: 1.3s;
	-ms-animation-delay: 1.3s;
	-o-animation-delay: 1.3s;
	animation-delay: 1.3s;	
}

.article-title.fade-in
{
    -webkit-animation:fade-in-up-frames ease-in-out 3s; 
    -moz-animation:fade-in-up-frames ease-in-out 3s;
    -ms-animation:fade-in-up-frames ease-in-out 3s;
    -o-animation:fade-in-up-frames ease-in-out 3s;
    animation:fade-in-up-frames ease-in-out 3s;
}

@-webkit-keyframes fade-in-frames { from { opacity:0; } to { opacity:1; } } 
@-moz-keyframes fade-in-frames { from { opacity:0; } to { opacity:1; } } 
@-ms-keyframes fade-in-frames { from { opacity:0; } to { opacity:1; } } 
@-o-keyframes fade-in-frames { from { opacity:0; } to { opacity:1; } } 
@keyframes fade-in-frames { from { opacity:0; } to { opacity:1; } } 

@-webkit-keyframes fade-in-up-frames { from { transform:translate(-50%,15px);opacity:0; } to { transform:translate(-50%,0);opacity:1; } } 
@-moz-keyframes fade-in-up-frames { from { transform:translate(-50%,15px);opacity:0; } to { transform:translate(-50%,0);opacity:1; } } 
@-ms-keyframes fade-in-up-frames { from { transform:translate(-50%,15px);opacity:0; } to { transform:translate(-50%,0);opacity:1; } } 
@-o-keyframes fade-in-up-frames { from { transform:translate(-50%,15px);opacity:0; } to { transform:translate(-50%,0);opacity:1; } } 
@keyframes fade-in-up-frames { from { transform:translate(-50%,15px);opacity:0; } to { transform:translate(-50%,0);opacity:1; } } 

.clouds-1
{
	background: url(/wp-content/uploads/manual/2014/12/clouds-dark-grayscale.jpg);
	background-repeat: repeat;
    position: absolute;
    left: 0;
    right: -2400px;
    top: 0;
    bottom: 0;	
	-webkit-animation: clouds-1-frames linear infinite;
	-webkit-animation-duration: 20s;
	-moz-animation: clouds-1-frames linear infinite;
	-moz-animation-duration: 20s;
	-ms-animation: clouds-1-frames linear infinite;
	-ms-animation-duration: 20s;
	-o-animation: clouds-1-frames linear infinite;
	-o-animation-duration: 20s;
	animation: clouds-1-frames linear infinite;
	animation-duration: 20s;

}

	@-webkit-keyframes clouds-1-frames { from { -webkit-transform: translateX(0); } to { -webkit-transform: translateX(-2400px); } }
	@-moz-keyframes clouds-1-frames { from { -moz-transform: translateX(0); } to { -moz-transform: translateX(-2400px); } }
	@-ms-keyframes clouds-1-frames { from { -ms-transform: translateX(0); } to { -ms-transform: translateX(-2400px); } }
	@-o-keyframes clouds-1-frames { from { -o-transform: translateX(0); } to { -o-transform: translateX(-2400px); } }
	@keyframes clouds-1-frames { from { transform: translateX(0); } to { transform: translateX(-2400px); } }


.smoke-1
{
	background-image: url(/wp-content/uploads/manual/2014/12/smoke2.png);
	background-repeat: repeat-y;
	background-size: 100% auto;
    position: absolute;
    top: 0;
    height: 300%; /* to fix ios render bug */

    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    
	-webkit-animation: smoke-1-frames linear infinite;
	-webkit-animation-duration: 40s;
	-moz-animation: smoke-1-frames linear infinite;
	-moz-animation-duration: 40s;
	-ms-animation: smoke-1-frames linear infinite;
	-ms-animation-duration: 40s;
	-o-animation: smoke-1-frames linear infinite;
	-o-animation-duration: 40s;
	animation: smoke-1-frames linear infinite;
	animation-duration: 40s;
}

	@-webkit-keyframes smoke-1-frames { from { background-position: 0 0; } to { background-position: 0 -674px; } }
	@-moz-keyframes smoke-1-frames { from { background-position: 0 0; } to { background-position: 0 -674px; } }
	@-ms-keyframes smoke-1-frames { from { background-position: 0 0; } to { background-position: 0 -674px; } }
	@-o-keyframes smoke-1-frames { from { background-position: 0 0; } to { background-position: 0 -674px; } }
	@keyframes smoke-1-frames { from { background-position: 0 0; } to { background-position: 0 -674px; } }


.smoke-2
{
	background-image: url(/wp-content/uploads/manual/2017/05/smoke3.png);
	background-repeat: repeat-y;
	background-size: 100% auto;
    position: absolute;
    top: 0;
    height: 300%; /* to fix ios render bug */

    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    
	-webkit-animation: smoke-2-frames linear infinite;
	-webkit-animation-duration: 30s;
	-moz-animation: smoke-2-frames linear infinite;
	-moz-animation-duration: 30s;
	-ms-animation: smoke-2-frames linear infinite;
	-ms-animation-duration: 30s;
	-o-animation: smoke-2-frames linear infinite;
	-o-animation-duration: 30s;
	animation: smoke-2-frames linear infinite;
	animation-duration: 30s;
}

	@-webkit-keyframes smoke-2-frames { from { background-position: 0 0; } to { background-position: 0 -341px; } }
	@-moz-keyframes smoke-2-frames { from { background-position: 0 0; } to { background-position: 0 -341px; } }
	@-ms-keyframes smoke-2-frames { from { background-position: 0 0; } to { background-position: 0 -341px; } }
	@-o-keyframes smoke-2-frames { from { background-position: 0 0; } to { background-position: 0 -341px; } }
	@keyframes smoke-2-frames { from { background-position: 0 0; } to { background-position: 0 -341px; } }

/*
.clockwise-slow-pan
{
	-webkit-animation: clockwise-slow-pan-frames ease-in-out infinite;
	-webkit-animation-duration: 8s;
	-moz-animation: clockwise-slow-pan-frames ease-in-out infinite;
	-moz-animation-duration: 80s;
	-ms-animation: clockwise-slow-pan-frames ease-in-out infinite;
	-ms-animation-duration: 80s;
	-o-animation: clockwise-slow-pan-frames ease-in-out infinite;
	-o-animation-duration: 80s;
	animation: clockwise-slow-pan-frames ease-in-out infinite;
	animation-duration: 80s;
}

	@-webkit-keyframes clockwise-slow-pan-frames 
	{ 
		  0% { background-position: bottom left; } 
	  	 25% { background-position: top left; } 
		 50% { background-position: top right; } 
		 75% { background-position: bottom right; } 
		100% { background-position: bottom left; } 
	}
	@-webkit-keyframes clockwise-slow-pan-frames 
	{ 
		  0% { background-position: bottom left; } 
	  	 25% { background-position: top left; } 
		 50% { background-position: top right; } 
		 75% { background-position: bottom right; } 
		100% { background-position: bottom left; } 
	}
	@-moz-keyframes clockwise-slow-pan-frames 
	{ 
		  0% { background-position: bottom left; } 
	  	 25% { background-position: top left; } 
		 50% { background-position: top right; } 
		 75% { background-position: bottom right; } 
		100% { background-position: bottom left; } 
	}
	@-ie-keyframes clockwise-slow-pan-frames 
	{ 
		  0% { background-position: bottom left; } 
	  	 25% { background-position: top left; } 
		 50% { background-position: top right; } 
		 75% { background-position: bottom right; } 
		100% { background-position: bottom left; } 
	}
	@-o-keyframes clockwise-slow-pan-frames 
	{ 
		  0% { background-position: bottom left; } 
	  	 25% { background-position: top left; } 
		 50% { background-position: top right; } 
		 75% { background-position: bottom right; } 
		100% { background-position: bottom left; } 
	}
	@keyframes clockwise-slow-pan-frames 
	{ 
		  0% { background-position: bottom left; } 
	  	 25% { background-position: top left; } 
		 50% { background-position: top right; } 
		 75% { background-position: bottom right; } 
		100% { background-position: bottom left; } 
	}

*/

/*
.flicker-rarely
{
	-webkit-animation: flicker-rarely-frames linear infinite;
	-webkit-animation-duration: 10s;
	-moz-animation: flicker-rarely-frames linear infinite;
	-moz-animation-duration: 10s;
	-ms-animation: flicker-rarely-frames linear infinite;
	-ms-animation-duration: 10s;
	-o-animation: flicker-rarely-frames linear infinite;
	-o-animation-duration: 10s;
	animation: flicker-rarely-frames linear infinite;
	animation-duration: 10s;
}


	@keyframes flicker-rarely-frames
	{ 
		  0%, 2%, 4%, 7%, 9%, 11%, 22%, 24%, 26%, 40%, 43%, 52%, 54%, 55%, 57%, 69%, 71%, 88%, 92% { opacity: 1; }
		  3%, 5%, 6%, 10%, 23%, 25%, 41.5%, 53%, 56%, 70%, 90% { opacity: 0; }
	}
*/




.dolly-zoom
{
}

	.dolly-zoom .foreground
	{
		position: absolute;
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-o-transform: scale(0.8);
		transform: scale(0.8);
		-webkit-animation: dolly-foreground-frames ease-in-out 1;
		-moz-animation: dolly-foreground-frames ease-in-out 1;
		-ms-animation: dolly-foreground-frames ease-in-out 1;
		-o-animation: dolly-foreground-frames ease-in-out 1;
		animation: dolly-foreground-frames ease-in-out 1;
		z-index: 2;

	}

		@-webkit-keyframes dolly-foreground-frames { 0% { -webkit-transform: scale(0.8); } 100% { -webkit-transform: scale(1); } } 
		@-moz-keyframes dolly-foreground-frames { 0% { -moz-transform: scale(0.8); } 100% { -moz-transform: scale(1); } } 
		@-ms-keyframes dolly-foreground-frames { 0% { -ms-transform: scale(0.8); } 100% { -ms-transform: scale(1); } } 
		@-o-keyframes dolly-foreground-frames { 0% { -o-transform: scale(0.8); } 100% { -o-transform: scale(1); } } 
		@keyframes dolly-foreground-frames { 0% { transform: scale(0.8); } 100% { transform: scale(1); } } 


	.dolly-zoom .background
	{
		top: 50%;
		left: 50%;
		width: auto;
		height: auto;
		-webkit-transform: translateX(-50%) translateY(-50%) scale(1.2);
		-moz-transform: translateX(-50%) translateY(-50%) scale(1.2);
		-ms-transform: translateX(-50%) translateY(-50%) scale(1.2);
		-o-transform: translateX(-50%) translateY(-50%) scale(1.2);
		transform: translateX(-50%) translateY(-50%) scale(1.2);
		overflow: hidden;
		-webkit-animation: dolly-background-frames ease-in-out 1;
		-moz-animation: dolly-background-frames ease-in-out 1;
		-ms-animation: dolly-background-frames ease-in-out 1;
		-o-animation: dolly-background-frames ease-in-out 1;
		animation: dolly-background-frames ease-in-out 1;
		z-index: 1;
		background-size: cover;
		background-position: center center;
	}

		@-webkit-keyframes dolly-background-frames { 0% { -webkit-transform: translateX(-50%) translateY(-50%) scale(1.2); } 100% { -webkit-transform: translateX(-50%) translateY(-50%) scale(1); } } 
		@-moz-keyframes dolly-background-frames { 0% { -moz-transform: translateX(-50%) translateY(-50%) scale(1.2); } 100% { -moz-transform: translateX(-50%) translateY(-50%) scale(1); } } 
		@-ms-keyframes dolly-background-frames { 0% { -ms-transform: translateX(-50%) translateY(-50%) scale(1.2); } 100% { -ms-transform: translateX(-50%) translateY(-50%) scale(1); } } 
		@-o-keyframes dolly-background-frames { 0% { -o-transform: translateX(-50%) translateY(-50%) scale(1.2); } 100% { -o-transform: translateX(-50%) translateY(-50%) scale(1); } } 
		@keyframes dolly-background-frames { 0% { transform: translateX(-50%) translateY(-50%) scale(1.2); } 100% { transform: translateX(-50%) translateY(-50%) scale(1); } } 


	.dolly-zoom .foreground,
	.dolly-zoom .background
	{
		-webkit-animation-duration: 4s;
		-moz-animation-duration: 4s;
		-ms-animation-duration: 4s;
		-o-animation-duration: 4s;
		animation-duration: 4s;
	}


/* keep this at the end to override auto settings */

.zoomin-1,
.zoomin-2,
.zoomin-3,
.zoomin-4,
.zoomin-5,
.fade-in,
.fade-in-slow,
.dolly-zoom .foreground,
.dolly-zoom .background,
.shade,
.article-title.fade-in
{
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}