/*---------------------------------------------------------------------*/
/*/////////////////////////////////////////////////////////////////////*/
/*                              STANDARD                               */
/*/////////////////////////////////////////////////////////////////////*/
/*---------------------------------------------------------------------*/


.objectSettings
{

display:block;

overflow:hidden;
position:absolute;
-ms-user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
}


.touchableOn
{
pointer-events:all;
}


.touchableOff
{
pointer-events:none;
}


.forceAcceleration
{
-webkit-transform: translate3d(0,0,0);
}



/*---------------------------------------------------------------------*/
/*/////////////////////////////////////////////////////////////////////*/
/*                               FONTS                                 */
/*/////////////////////////////////////////////////////////////////////*/
/*---------------------------------------------------------------------*/



@font-face 
{
font-family: 'lightfont';
src: url('fonts/lightfont.eot');                                    /* IE9 Compat Modes */
src: url('fonts/lightfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('fonts/lightfont.ttf')  format('truetype');                /* Safari, Android, iOS */

font-weight:normal;
font-style:normal;
white-space:pre;
}



@font-face 
{
font-family: 'regularfont';
src: url('fonts/regularfont.eot');                                    /* IE9 Compat Modes */
src: url('fonts/regularfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('fonts/regularfont.ttf')  format('truetype');                /* Safari, Android, iOS */

font-weight:normal;
font-style:normal;
white-space:pre;
}



/*---------------------------------------------------------------------*/



formatDateMonth
{
font-family:'regularfont';
opacity:1;
}

formatDateYear
{
font-family:'regularfont';
opacity:.5;
}



/*---------------------------------------------------------------------*/
/*/////////////////////////////////////////////////////////////////////*/
/*                        CSS CLASS ANIMATIONS                         */
/*/////////////////////////////////////////////////////////////////////*/
/*---------------------------------------------------------------------*/



/*------------------------------------------------------*/
/*// PULSE ANIMATION ///////////////////////////////////*/
/*------------------------------------------------------*/

@keyframes pulseAnimationTimeline {
  
	0% {
	opacity:1;
	}

	100% {
	opacity:.3;
	}
}

@-webkit-keyframes pulseAnimationTimeline {
  
	0% {
	opacity:1;
	}
  
	100% {
	opacity:.3;
	}
}


.pulseAnimation
{
animation: pulseAnimationTimeline 1s ease-in-out alternate infinite;
-webkit-animation: pulseAnimationTimeline 1s ease-in-out alternate infinite;
}



/*------------------------------------------------------*/
/*// ROTATE ANIMATION //////////////////////////////////*/
/*------------------------------------------------------*/

@keyframes rotateAnimationTimeline {
  
	0% {
	transform:rotate(0deg);
	}
  
	50% {
	transform:rotate(180deg);
	}
  
	100% {
	transform:rotate(360deg);
	}
}

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


.rotateAnimation 
{
animation: rotateAnimationTimeline 1s linear normal infinite;
-webkit-animation: rotateAnimationTimeline 1s linear normal infinite;
}



/*------------------------------------------------------*/
/*// BOUNCE ANIMATION //////////////////////////////////*/
/*------------------------------------------------------*/

@keyframes bounceAnimationTimeline {
  
	0% {
	transform:rotate(0deg) scale(1.1,1.1);
	}

	50% {
	transform:rotate(7deg) scale(1.3,1.3);
	}

	100% {
	transform:rotate(0deg) scale(1.1,1.1);
	}
}

@-webkit-keyframes bounceAnimationTimeline {
  
	0% {
	opacity:1;
	-webkit-transform:rotate(0deg) scale(1.1,1.1);
	}

	50% {
	-webkit-transform:rotate(7deg) scale(1.3,1.3);
	}

	100% {
	-webkit-transform:rotate(0deg) scale(1.1,1.1);
	}
}


.bounceAnimation
{
animation: bounceAnimationTimeline 9s ease-in-out infinite;
-webkit-animation: bounceAnimationTimeline 9s ease-in-out infinite;
}



/*------------------------------------------------------*/
/*// MARQUEE ANIMATION /////////////////////////////////*/
/*------------------------------------------------------*/

@keyframes marqueeAnimationTimeline {
  
	0% {
	transform-origin:100% 0%;
	transform:scale(1.7,1.7) translate3d(0%, 0%, 0px);
	}

	100% {
	transform-origin:100% 0%;
	transform:scale(1.7,1.7) translate3d(20%, -33.3%, 0px);
	}
}

@-webkit-keyframes marqueeAnimationTimeline {
  
	0% {
	-webkit-transform-origin:100% 0%;
	-webkit-transform:scale(1.7,1.7) translate3d(0%, 0%, 0px);
	}

	100% {
	-webkit-transform-origin:100% 0%;
	-webkit-transform:scale(1.7,1.7) translate3d(20%, -33.3%, 0px);
	}
}


.marqueeAnimation
{
animation: marqueeAnimationTimeline 9s linear infinite;
-webkit-animation: marqueeAnimationTimeline 9s linear infinite;
}



/*------------------------------------------------------*/
/*// FRAME ANIMATION ///////////////////////////////////*/
/*------------------------------------------------------*/

@keyframes frameAnimationTimeline1 {
  
	0% {
	opacity:1;
	}

	33% {
	opacity:0;
	}

	66% {
	opacity:0;
	}

	100% {
	opacity:0;
	}
}

@-webkit-keyframes frameAnimationTimeline1 {
  
	0% {
	opacity:1;
	}

	33% {
	opacity:0;
	}

	66% {
	opacity:0;
	}

	100% {
	opacity:0;
	}
}


.frameAnimation1 
{
animation: frameAnimationTimeline1 2.2s step-end infinite;
-webkit-animation: frameAnimationTimeline1 2.2s step-end infinite;
}



/*--------------------------------------------------------*/

@keyframes frameAnimationTimeline2 {
  
	0% {
	opacity:0;
	}

	33% {
	opacity:1;
	}

	66% {
	opacity:0;
	}

	100% {
	opacity:0;
	}
}

@-webkit-keyframes frameAnimationTimeline2 {
  
	0% {
	opacity:0;
	}

	33% {
	opacity:1;
	}

	66% {
	opacity:0;
	}

	100% {
	opacity:0;
	}
}


.frameAnimation2
{
animation: frameAnimationTimeline2 2.2s step-end infinite;
-webkit-animation: frameAnimationTimeline2 2.2s step-end infinite;
}



/*--------------------------------------------------------*/

@keyframes frameAnimationTimeline3 {
  
	0% {
	opacity:0;
	}

	33% {
	opacity:0;
	}

	66% {
	opacity:1;
	}

	100% {
	opacity:0;
	}
}

@-webkit-keyframes frameAnimationTimeline3 {
  
	0% {
	opacity:0;
	}

	33% {
	opacity:0;
	}

	66% {
	opacity:1;
	}

	100% {
	opacity:0;
	}
}


.frameAnimation3
{
animation: frameAnimationTimeline3 2.2s step-end infinite;
-webkit-animation: frameAnimationTimeline3 2.2s step-end infinite;
}



/*------------------------------------------------------*/
/*// BLENDING ANIMATION ////////////////////////////////*/
/*------------------------------------------------------*/

@keyframes blendingAnimationTimeline1 {
  
	0% {
	opacity:1;
	}

	33% {
	opacity:0;
	}

	66% {
	opacity:0;
	}

	100% {
	opacity:1;
	}
}

@-webkit-keyframes blendingAnimationTimeline1 {
  
	0% {
	opacity:1;
	}

	33% {
	opacity:0;
	}

	66% {
	opacity:0;
	}

	100% {
	opacity:1;
	}
}


.blendingAnimation1 
{
animation: blendingAnimationTimeline1 .2s linear infinite;
-webkit-animation: blendingAnimationTimeline1 .2s linear infinite;
}



/*--------------------------------------------------------*/

@keyframes blendingAnimationTimeline2 {
  
	0% {
	opacity:1;
	}

	33% {
	opacity:1;
	}

	66% {
	opacity:0;
	}

	100% {
	opacity:0;
	}
}

@-webkit-keyframes blendingAnimationTimeline2 {
  
	0% {
	opacity:1;
	}

	33% {
	opacity:1;
	}

	66% {
	opacity:0;
	}

	100% {
	opacity:0;
	}
}


.blendingAnimation2
{
animation: blendingAnimationTimeline2 .2s linear infinite;
-webkit-animation: blendingAnimationTimeline2 .2s linear infinite;
}



/*--------------------------------------------------------*/

@keyframes blendingAnimationTimeline3 {
  
	0% {
	opacity:1;
	}

	33% {
	opacity:1;
	}

	66% {
	opacity:1;
	}

	100% {
	opacity:1;
	}
}

@-webkit-keyframes blendingAnimationTimeline3 {
  
	0% {
	opacity:1;
	}

	33% {
	opacity:1;
	}

	66% {
	opacity:1;
	}

	100% {
	opacity:1;
	}
}


.blendingAnimation3
{
animation: blendingAnimationTimeline3 .2s linear infinite;
-webkit-animation: blendingAnimationTimeline3 .2s linear infinite;
}



/*------------------------------------------------------*/
/*// SLIDESHOW ANIMATION ///////////////////////////////*/
/*------------------------------------------------------*/

@keyframes slideshowAnimationTimeline1 {
  
	0% {
	transform-origin:50% 50%;
	transform:scale(1.2,1.2) translate3d(0%, 0%, 0px);
	opacity:0;
	}

		5% {
		opacity:1;
		}

		35% {
		opacity:1;
		}

	40% {
	transform-origin:50% 50%;
	transform:scale(1,1) translate3d(0%, 0%, 0px);
	opacity:0;
	}

	100% {
	transform-origin:50% 50%;
	transform:scale(1,1) translate3d(0%, 0%, 0px);
	opacity:0;
	}
}

@-webkit-keyframes slideshowAnimationTimeline1 {

	0% {
	-webkit-transform-origin:50% 50%;
	-webkit-transform:scale(1.2,1.2) translate3d(0%, 0%, 0px);
	opacity:0;
	}

		5% {
		opacity:1;
		}

		35% {
		opacity:1;
		}

	40% {
	-webkit-transform-origin:50% 50%;
	-webkit-transform:scale(1,1) translate3d(0%, 0%, 0px);
	opacity:0;
	}

	100% {
	-webkit-transform-origin:50% 50%;
	-webkit-transform:scale(1,1) translate3d(0%, 0%, 0px);
	opacity:0;
	}
}


.slideshowAnimation1 
{
animation: slideshowAnimationTimeline1 12s -0.6s linear infinite;
-webkit-animation: slideshowAnimationTimeline1 12s -0.6s linear infinite;
}



/*--------------------------------------------------------*/

@keyframes slideshowAnimationTimeline2 {
  
	0% {
	transform-origin:50% 50%;
	transform:scale(1.2,1.2) translate3d(0%, 0%, 0px);
	opacity:1;
	}

		5% {
		opacity:1;
		}

		35% {
		opacity:1;
		}

	40% {
	transform-origin:50% 50%;
	transform:scale(1,1) translate3d(0%, 0%, 0px);
	opacity:0;
	}

	100% {
	transform-origin:50% 50%;
	transform:scale(1,1) translate3d(0%, 0%, 0px);
	opacity:0;
	}
}

@-webkit-keyframes slideshowAnimationTimeline2 {

	0% {
	-webkit-transform-origin:50% 50%;
	-webkit-transform:scale(1.2,1.2) translate3d(0%, 0%, 0px);
	opacity:1;
	}

		5% {
		opacity:1;
		}

		35% {
		opacity:1;
		}

	40% {
	-webkit-transform-origin:50% 50%;
	-webkit-transform:scale(1,1) translate3d(0%, 0%, 0px);
	opacity:0;
	}

	100% {
	-webkit-transform-origin:50% 50%;
	-webkit-transform:scale(1,1) translate3d(0%, 0%, 0px);
	opacity:0;
	}
}


.slideshowAnimation2
{
animation: slideshowAnimationTimeline2 12s -8.4s linear infinite;
-webkit-animation: slideshowAnimationTimeline2 12s -8.4s linear infinite;
}



/*--------------------------------------------------------*/

@keyframes slideshowAnimationTimeline3 {
  
	0% {
	transform-origin:50% 50%;
	transform:scale(1.2,1.2) translate3d(0%, 0%, 0px);
	opacity:1;
	}

		5% {
		opacity:1;
		}

		35% {
		opacity:1;
		}

	40% {
	transform-origin:50% 50%;
	transform:scale(1,1) translate3d(0%, 0%, 0px);
	opacity:1;
	}

	100% {
	transform-origin:50% 50%;
	transform:scale(1,1) translate3d(0%, 0%, 0px);
	opacity:1;
	}
}

@-webkit-keyframes slideshowAnimationTimeline3 {
  
	0% {
	-webkit-transform-origin:50% 50%;
	-webkit-transform:scale(1.2,1.2) translate3d(0%, 0%, 0px);
	opacity:1;
	}

		5% {
		opacity:1;
		}

		35% {
		opacity:1;
		}

	40% {
	-webkit-transform-origin:50% 50%;
	-webkit-transform:scale(1,1) translate3d(0%, 0%, 0px);
	opacity:1;
	}

	100% {
	-webkit-transform-origin:50% 50%;
	-webkit-transform:scale(1,1) translate3d(0%, 0%, 0px);
	opacity:1;
	}
}


.slideshowAnimation3
{
animation: slideshowAnimationTimeline3 12s -4.2s linear infinite;
-webkit-animation: slideshowAnimationTimeline3 12s -4.2s linear infinite;
}