@import url(https://fonts.googleapis.com/css?family=Kreon:400,700,300);

body{

	overflow:hidden;
	
	font-family: 'Kreon', serif;
	font-weight: 300;

	color:#fff;
	text-align: center;
}

.logo_wrap{
	position:relative;
	display:block;
	margin:0 auto;
	width:600px;
	height:100px;
}

.logo{
	display:block;
	position:relative;
	margin:150px auto 0 auto;
	cursor: pointer;
	
	margin:150px auto 0 auto;
	
	
	z-index:1000!important;
}


.patch{
	display:block;
	position:absolute;
	z-index:6666;
	border:0!important;
	top:52px;
	right:60px;
	opacity:.2!important;
	
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  
 	cursor: pointer;
}

.lines{
	width:574px;
	height:86px;
	display:block;

	cursor: pointer;

	position:absolute;
	z-index:6666;
	border:0!important;
	top:0px;
	left:40px;
	
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  
}


.disturb{
    -webkit-animation:disturb  .2s infinite;
    -moz-animation:disturb .2s infinite;
    -o-animation:disturb .2s infinite;
    animation:disturb .2s infinite;
   
    


    display:block!important;

}

@-webkit-keyframes disturb {
    0% {
    


    left:100px;
    opacity:.6;
    }
    
    20% {
    
 

    left:60px;
     opacity:.4;
    }
    
    40% {
    

    top:-30px;
     opacity:.8;
    }
    
    60% {
    


    left:80px;
     opacity:1;    

    }
    
    
    60% {
    


    left:0px;
     opacity:.6;
    }
    
    80% {
    


    left:-60px;
    opacity:.4;
    }
    
    100% {
    


    left:20px;
    opacity:.8;
    }
    
}




#global{
	position:relative;
}

@-moz-keyframes blinking {
    0% {

        -moz-transform:scale(1);
        -moz-opacity: .6;
    }

    1% {

        -moz-transform:scale(1);
        -moz-opacity: .8;
    }

    2% {

        -moz-transform:scale(1);
        -moz-opacity: .6;
    }

    4% {

        -moz-transform:scale(1);
        -moz-opacity: 1;
    }

    19% {

        -moz-opacity: 1;
    }


    20% {

        -moz-opacity: .6;
    }


    21% {

        -moz-transform:scale(1);
        -moz-opacity: 1;
    }

    22.5% {

        -moz-transform:scale(1);
        -moz-opacity: 1;
    }

    23% {

        -moz-transform:scale(.6,1.2);
        -moz-opacity: 1;
    }
    
    23.2% {

        -moz-transform:scale(1);
        -moz-opacity: .6;
    } 

    24% {

        -moz-transform:scale(1);
        -moz-opacity: .6;
    }

    25% {

        -moz-transform:scale(1);
        -moz-opacity: 1;
    }

    29% {

        -moz-transform:scale(1);
        -moz-opacity: 1;
    }

    30% {

        -moz-transform:scale(1);
        -moz-opacity: .6;
    }

    32% {

        -moz-transform:scale(.6,1.2);
        -moz-opacity: 1;
    }
    
    52% {

        -moz-transform:scale(1);
        -moz-opacity: 1;
    }
    
    69% {

        -moz-transform:scale(1);
        -moz-opacity: 1;
    }
    
    70% {

        -moz-transform:scale(1);
        -moz-opacity: .6;
    }
    
    70.1% {

        -moz-transform:scale(2,.2);
        -moz-opacity: 1;
    }

    70.3% {

        -moz-transform:scale(1);
        -moz-opacity: 1;
    }    


    73% {

        -moz-transform:scale(1);
        -moz-opacity: 1;
    }
    
    81% {

        -moz-transform:scale(1);
        -moz-opacity: 1;
    }
    
    
    82% {

        -moz-transform:scale(1);
        -moz-opacity: .6;
    }
    
    84% {

        -moz-transform:scale(1);
        -moz-opacity: 1;
    }
    
    86% {

        -moz-transform:scale(1);
        -moz-opacity: 1;
    }
    
    88% {

        -moz-transform:scale(1);
        -moz-opacity: 1;
    }
    
    90% {

        -moz-transform:scale(1);
        -moz-opacity: .6;
    }
    
    92% {

        -moz-transform:scale(1);
        -moz-opacity: .6;
    }
    
    93% {

        -moz-transform:scale(1);
        -moz-opacity: 1;
    }

    98% {

        -moz-transform:scale(1);
        -moz-opacity: 1;
    }
    
    100% {

        -moz-transform:scale(1);
        -moz-opacity: 1;
    }
    
}


@-webkit-keyframes blinking {
    0% {

        -webkit-transform:scale(1);
        -webkit-opacity: .6;
        
        
    }

    1% {

        -webkit-transform:scale(1);
        -webkit-opacity: .8;
    }

    2% {

        -webkit-transform:scale(1);
        -webkit-opacity: .6;
    }

    4% {

        -webkit-transform:scale(1);
        -webkit-opacity: 1;
    }

    19% {

        -webkit-opacity: 1;
    }


    20% {

        -webkit-opacity: .6;
    }


    21% {

        -webkit-transform:scale(1);
        -webkit-opacity: 1;
    }

    22.5% {

        -webkit-transform:scale(1);
        -webkit-opacity: 1;
    }

    23% {

        -webkit-transform:scale(.6,1.4);
        -webkit-opacity: 1;
    }
    
    23.2% {

        -webkit-transform:scale(1);
        -webkit-opacity: .6;
    } 

    24% {

        -webkit-transform:scale(1);
        -webkit-opacity: .6;
    }

    25% {

        -webkit-transform:scale(1);
        -webkit-opacity: 1;
    }

    29% {

        -webkit-transform:scale(1);
        -webkit-opacity: 1;
    }

    30% {

        -webkit-transform:scale(1);
        -webkit-opacity: .6;
    }

    32% {

        -webkit-transform:scale(1);
        -webkit-opacity: 1;
    }
    
    52% {

        -webkit-transform:scale(1);
        -webkit-opacity: 1;
    }
    
    69% {

        -webkit-transform:scale(1);
        -webkit-opacity: 1;
    }
    
    70% {

        -webkit-transform:scale(1);
        -webkit-opacity: .6;
    }
    
    70.1% {

        -webkit-transform:scale(2,.2);
        -webkit-opacity: 1;
    }

    70.3% {

        -webkit-transform:scale(1);
        -webkit-opacity: 1;
    }    


    73% {

        -webkit-transform:scale(1);
        -webkit-opacity: 1;
    }
    
    81% {

        -webkit-transform:scale(1);
        -webkit-opacity: 1;
    }
    
    
    82% {

        -webkit-transform:scale(1);
        -webkit-opacity: .6;
    }
    
    84% {

        -webkit-transform:scale(1);
        -webkit-opacity: 1;
    }
    
    86% {

        -webkit-transform:scale(1);
        -webkit-opacity: 1;
    }
    
    88% {

        -webkit-transform:scale(1);
        -webkit-opacity: 1;
    }
    
    88.2% {

        -webkit-transform:scale(.6,1.4);
        -webkit-opacity: 1;
    }
    
    88.6% {

        -webkit-transform:scale(1);
        -webkit-opacity: 1;
    }
    
    90% {

        -webkit-transform:scale(1);
        -webkit-opacity: .6;
    }
    
    92% {

        -webkit-transform:scale(1);
        -webkit-opacity: .6;
    }
    
    93% {

        -webkit-transform:scale(1);
        -webkit-opacity: 1;
    }

    98% {

        -webkit-transform:scale(1);
        -webkit-opacity: 1;
    }
    
    100% {

        -webkit-transform:scale(1);
        -webkit-opacity: 1;
    }
    
}


.blinking{
    -webkit-animation:blinking 2s infinite;
    -moz-animation:blinking 2s  infinite;
    -o-animation:blinking 2s  infinite;
    animation:blinking 2s  infinite;
    


    display:block!important;

}

/* .logo:hover{
    -webkit-animation:blinking 2s infinite;
    -moz-animation:blinking 2s  infinite;
    -o-animation:blinking 2s  infinite;
    animation:blinking 2s  infinite;
    


    display:block!important;

}

*/

/* USELESS !!! */

.animate {
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: 2s;
    -moz-animation-delay: 0s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: 2s;
    -ms-animation-delay: 0s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    
    -o-animation-duration: 2s;
    -o-animation-delay: 0s;
    -o-animation-timing-function: ease;
    -o-animation-fill-mode: both;
    
    animation-duration: 2s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: both;	 
    


}


/* 
@-webkit-keyframes fading {
	0% {
	-webkit-filter: blur(10px);
	-webkit-transform:scale(.6);
	-webkit-opacity: .6;
	}
	

	100% {
	-webkit-filter: blur(0px);
	-webkit-transform:scale(1);
	-webkit-opacity: 1;
	}
}

@-moz-keyframes fading {
	0% {
	-moz-filter: blur(30px);
	-moz-transform:scale(.6);
	-moz-opacity: 0;
	}
	

	100% {
	-moz-filter: blur(0px);
	-moz-transform:scale(1);
	-moz-opacity: 1;
	}
}
@-o-keyframes fading {
	0% {
	-o-filter: blur(30px);
	-o-transform:scale(.6);
	-o-opacity: 0;
	}
	

	100% {
	-o-filter: blur(0px);
	-o-transform:scale(1);
	-o-opacity: 1;
	}
}

*/

.blur{
-webkit-filter:blur(2px);
-moz-filter:blur(2px);
-o-filter:blur(2px);
filter:blur(2px);

}

.bright{
	-webkit-filter:brightness(4.6);
	-moz-filter:brightness(4.6);
	-o-filter:brightness(4.6);
	filter:brightness(4.6);
}

@keyframes fading {
	0% {

	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	filter: blur(3px);
	
	transform:scale(1);
	opacity: 1;
	}
	

	30% {

	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	filter: blur(2px);
	
	transform:scale(1);
}

	60% {

	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	filter: blur(3px);
	
	transform:scale(1);
	opacity: 1;
	}
	


	100% {

	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-o-filter: blur(0px);
	filter: blur(0px);
	
	transform:scale(1);
	opacity: 1;
	}
}



@keyframes shiny {
	0% {

	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	filter: blur(5px);
	
	opacity:1;

	}
	

	34% {

	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	filter: blur(2px);
	
	-webkit-filter: brightness(5);
	-moz-filter: brightness(5);
	-o-filter: brightness(5);
	filter: brightness(5);
	opacity:1;

}

	35% {

	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	filter: blur(2px);
	
	-webkit-filter: brightness(5);
	-moz-filter: brightness(5);
	-o-filter: brightness(5);
	filter: brightness(5);
	opacity:0;

}
	38% {

	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	filter: blur(2px);
	
	-webkit-filter: brightness(5);
	-moz-filter: brightness(5);
	-o-filter: brightness(5);
	filter: brightness(5);
	opacity:1;

}

	
		40% {

	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	filter: blur(5px);
	
	-webkit-filter: brightness(2);
	-moz-filter: brightness(2);
	-o-filter: brightness(2);
	filter: brightness(2);
	
	opacity:.3;

}


	100% {

	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-o-filter: blur(0px);
	filter: blur(0px);
	
	opacity:1;
	

	}
}

.shiny{
	-webkit-animation-name:shiny;
	-moz-animation-name:shiny;
	-o-animation-name:shiny;
	animation-name:shiny;

}

@keyframes fading-out {

	0% {

	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-o-filter: blur(0px);
	filter: blur(0px);
	
	transform:scale(1);
	opacity: 1;
	}
	
	30% {

	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	filter: blur(2px);
	
	transform:scale(1);
}
	
	100% {

	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	filter: blur(5px);
	
	transform:scale(.8);
	opacity: 0;
	}

}

.fading{

	
    -webkit-animation:fading  2s infinite;
    -moz-animation:fading 2s  infinite;
    -o-animation:fading 2s  infinite;
    animation:fading 2s  infinite;
	
	display:block!important;
}

.fading-out{
	-webkit-animation-name:fading;
	-moz-animation-name:fading;
	-o-animation-name:fading;
	animation-name:fading;
	
	display:block!important;
}


.access_empty{
	text-transform: uppercase;
	letter-spacing:0.08em;
	text-align:left;
	margin:50px 0 0 75px;
	
	display:none;
	
}


.full_empty{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	background:#000;
	z-index:9999;

}


@-webkit-keyframes blackout {
    0% {

        -webkit-transform:scale(1);
        -webkit-opacity: .6;
    }

    1% {

        -webkit-transform:scale(1);
        -webkit-opacity: .8;
    }

    2% {

        -webkit-transform:scale(1);
        -webkit-opacity: .6;
    }

    4% {

        -webkit-transform:scale(1);
        -webkit-opacity: 1;
    }
    
    6% {

        -webkit-transform:scale(1);
        -webkit-opacity: .6;
    }

    18% {

        -webkit-opacity: .6;
    }

    19% {

        -webkit-opacity: 1;
    }


    20% {

        -webkit-opacity: .6;
    }


    21% {

        -webkit-transform:scale(1);
        -webkit-opacity: 1;
    }



    23% {

        -webkit-transform:scale(1);
        -webkit-opacity: 1;
    }

    24% {

        -webkit-transform:scale(1);
        -webkit-opacity: .6;
    }

    25% {

        -webkit-transform:scale(1);
        -webkit-opacity: 1;
    }

    29% {

        -webkit-transform:scale(1);
        -webkit-opacity: 1;
    }

    30% {

        -webkit-transform:scale(1);
        -webkit-opacity: .6;
    }

    32% {

        -webkit-transform:scale(1);
        -webkit-opacity: .6;
    }
    
    99% {

        -webkit-transform:scale(1);
        -webkit-opacity: .6;
    }



}

.blackout{
	
	-webkit-animation-name:blackout;
	-moz-animation-name:blackout;
	-o-animation-name:blackout;
	animation-name:blackout;
	
}


/*  usefull */

.none{
	display:none;
}