#top-Full.reveal:not(.alt) {
    box-shadow: 0 5px 8px 5px rgba(100, 100, 100, 0.2);
	position:fixed;
	width: 100%;
	top:0; 
}
#top-Full.reveal:not(.alt) {
  -webkit-animation: reveal-header 1s cubic-bezier(0.005, 0.975, 0.73, 1);
  -moz-animation: reveal-header 1s cubic-bezier(0.005, 0.975, 0.73, 1);
  -ms-animation: reveal-header 1s cubic-bezier(0.005, 0.975, 0.73, 1);
  -o-animation: reveal-header 1s cubic-bezier(0.005, 0.975, 0.73, 1);
  animation: reveal-header 1s cubic-bezier(0.005, 0.975, 0.73, 1);
  border:1px #eaeaeb solid transparent;
  background: #0f0f0f;
}
#top-Full.reveal:not(.alt) #top-L { width: 15%;}

@-moz-keyframes reveal-header {
  	0% {-moz-transform: translateY(-3em); opacity: 0;}
  100% {-moz-transform: translateY(0); opacity: 1;}
}
@-webkit-keyframes reveal-header {
	0% {-webkit-transform: translateY(-3em); opacity: 0;}
  100% {-webkit-transform: translateY(0); opacity: 1;}
}
@-o-keyframes reveal-header {  
	0% {-o-transform: translateY(-3em); opacity: 0;}
  100% {-o-transform: translateY(0); opacity: 1;}
}
@-ms-keyframes reveal-header { 
	0% {-ms-transform: translateY(-3em); opacity: 0; }  
  100% {-ms-transform: translateY(0); opacity: 1; }
}
@keyframes reveal-header { 
	0% { top: -2em;  opacity: 0; }   
  100% { top: 0; opacity: 1; } 
}





.move2center {
	-webkit-animation: moveToCenter 0.65s ease forwards;
	-moz-animation: moveToCenter 0.65s ease forwards;
	-ms-transform: moveToCenter 0.65s ease forwards;
	-o-transform: moveToCenter 0.65s ease forwards;
	animation: moveToCenter 0.65s ease forwards;
}

@-webkit-keyframes moveToCenter { to { -webkit-transform: translateX(0); opacity: 1; } }
@-moz-keyframes moveToCenter { to { -moz-transform: translateX(0); opacity: 1; } }
@-ms-keyframes moveToCenter { to { -ms-transform: translateX(0); opacity: 1; } }
@-o-keyframes moveToCenter { to { -o-transform: translateX(0); opacity: 1; } }
@keyframes moveToCenter { to { transform: translateX(0); opacity: 1; } }


.move_from_top {
	-webkit-animation: moveFromTop 0.65s ease forwards;
	-moz-animation: moveFromTop 0.65s ease forwards;
	-ms-transform: moveFromTop 0.65s ease forwards;
	-o-transform: moveFromTop 0.65s ease forwards;
	animation: moveFromTop 0.65s ease forwards;
}

@-webkit-keyframes moveFromTop { to { -webkit-transform: translateY(0); opacity: 1; } }
@-moz-keyframes moveFromTop { to { -moz-transform: translateY(0); opacity: 1; } }
@-ms-keyframes moveFromTop { to { -ms-transform: translateY(0); opacity: 1; } }
@-o-keyframes moveFromTop { to { -o-transform: translateY(0); opacity: 1; } }
@keyframes moveFromTop { to { transform: translateY(0); opacity: 1; } }



.BoxLeft{
	opacity: 0;
    transform: translateX(400px);
	-o-transform: translateX(400px);
	-ms-transform: translateX(400px);
	-moz-transform: translateX(400px);
	-webkit-transform: translateX(400px);
}
.BoxRight{
	opacity: 0;
    transform: translateX(-400px);
	-o-transform: translateX(-400px);
	-ms-transform: translateX(-400px);
	-moz-transform: translateX(-400px);
	-webkit-transform: translateX(-400px);
}

.blockTitleIconBox { opacity: 0;
  transform: translateY(-200px);
  -o-transform: translateY(-200px);
  -ms-transform: translateY(-200px);
  -moz-transform: translateY(-200px);
  -webkit-transform: translateY(-200px); }


/* ===============  Animate : Fade =============== */

.animate1s { 
	-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 

.animate2s { animation-delay: 1s; 
	-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 

.animate3s { animation-delay: 2s;
	-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

.fadeInLeft { animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft;  } 
@-webkit-keyframes fadeInLeft { 
    0% { opacity: 0; -webkit-transform: translateX(-20px); } 
    100% { opacity: 1; -webkit-transform: translateX(0); } } 
@keyframes fadeInLeft { 
    0% { opacity: 0; transform: translateX(-20px); } 
    100% { opacity: 1; transform: translateX(0); } } 

.fadeInRight { animation-name: fadeInRight; -webkit-animation-name: fadeInRight; }
@-webkit-keyframes fadeInRight { 
    0% { opacity: 0; -webkit-transform: translateX(20px); } 
    100% { opacity: 1; -webkit-transform: translateX(0); } } 
@keyframes fadeInRight { 
    0% { opacity: 0; transform: translateX(20px); } 
    100% { opacity: 1; transform: translateX(0); } } 

.fadeInDown { animation-name: fadeInDown; -webkit-animation-name: fadeInDown; }
@-webkit-keyframes fadeInDown { 
    0% { opacity: 0; -webkit-transform: translateY(-20px); } 
    100% { opacity: 1; -webkit-transform: translateY(0); } } 
@keyframes fadeInDown { 
	0% { opacity: 0; transform: translateY(-20px); } 
    100% { opacity: 1; transform: translateY(0); } }