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


hr {
height: 1px;
color: #333333;
background-color: #333333;
border: none;
pointer-events:none;
}


.gradientShader
{
background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,.5));
}



/*---------------------------------------------------------------------*/
/*/////////////////////////////////////////////////////////////////////*/
/*                        Hide autofill icons                              */
/*/////////////////////////////////////////////////////////////////////*/
/*---------------------------------------------------------------------*/



::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
}



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



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

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



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

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



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



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



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



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



white {
font-family:'lightfont';
color:#ffffff;
}


red {
font-family:'lightfont';
color:#e50000;
}


yellow {
font-family:'lightfont';
color:#ffe100;
}


green {
font-family:'lightfont';
color:#14e842;
}


blue {
font-family:'lightfont';
color:#009dff;
}


purple {
font-family:'lightfont';
color:#6e42f4;
}


gap{
padding-left:1em;
padding-right:1em;
}



/*---------------------------------------------------------------------*/
/*/////////////////////////////////////////////////////////////////////*/
/*                        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 2.5s linear normal infinite;
-webkit-animation: rotateAnimationTimeline 2.5s linear normal infinite;
}



/*------------------------------------------------------*/
/*// ROTATE 3D ANIMATION //////////////////////////////////*/
/*------------------------------------------------------*/

@keyframes rotate3dAnimationTimeline {
  
	0% {
	transform: perspective(700px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	}
  
	50% {
	transform: perspective(700px) rotateX(0deg) rotateY(-180deg) rotateZ(0deg);
	}
  
	100% {
	transform: perspective(700px) rotateX(0deg) rotateY(-360deg) rotateZ(0deg);
	}
}

@-webkit-keyframes rotate3dAnimationTimeline {
  
	0% {
	-webkit-transform: perspective(700px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	}
  
	50% {
	-webkit-transform: perspective(700px) rotateX(0deg) rotateY(-180deg) rotateZ(0deg);
	}
  
	100% { 
	-webkit-transform: perspective(700px) rotateX(0deg) rotateY(-360deg) rotateZ(0deg);
	}
}


.rotate3dAnimation 
{
animation: rotate3dAnimationTimeline 3.5s linear normal infinite;
-webkit-animation: rotate3dAnimationTimeline 3.5s 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;
}