/**** Special animations ****/
@-webkit-keyframes special-animation-0 {
 0%       {opacity:0; }
 50%	 {opacity:0.5; }
 100%     {opacity:1;}
}

@-moz-keyframes special-animation-0 {
 0%       {opacity:0; }
 50%     {opacity:0.5; }
 100%     {opacity:1;}
}
@-o-keyframes special-animation-0 {
 0%       {opacity:0; }
 50%     {opacity:0.5; }
 100%     {opacity:1;}
}
@keyframes special-animation-0 {
 0%       {opacity:0; }
 50%     {opacity:0.5; }
 100%     {opacity:1;}
}

#special-animation-0{
    position: absolute;
    width: 100vw;
    height: 100vh;
    background-image:url(separate-assets/separate_Title_fullscreen.png);
	background-size:contain;
    z-index: 5;
	opacity:100;
	-webkit-animation:special-animation-0 3s;
    -moz-animation:special-animation-0 3s;
    -o-animation:special-animation-0 3s;
    animation:special-animation-0 3s;
}
@-webkit-keyframes special-animation-3 {
 0%, 20%, 40%, 70%, 100% {transform: rotate(0deg);}
 80% {transform: rotate(-5deg);}
 90% {transform: rotate(5deg);}
}

@-moz-keyframes special-animation-3 {
 0%, 20%, 40%, 70%, 100% {transform: rotate(0deg);}
 80% {transform: rotate(-5deg);}
 90% {transform: rotate(5deg);}
}
@-o-keyframes special-animation-3 {
 0%, 20%, 40%, 70%, 100% {transform: rotate(0deg);}
 80% {transform: rotate(-5deg);}
 90% {transform: rotate(5deg);}
}
@keyframes special-animation-3 {
 0%, 20%, 40%, 100% {transform: rotate(0deg);}
 70% {transform: rotate(10deg);}
 80% {transform: rotate(-5deg);}
 90% {transform: rotate(5deg);}
}

#special-animation-3{
 	position: absolute;
    width: 100vw;
    height: 100vh;
    background-image:url(separate-assets/separate_Rotta_fullscreen.png);
	background-size:contain;
    z-index: 5;
    transform-origin:50% 50%;

	-webkit-animation:special-animation-3 3s infinite;
    -moz-animation:special-animation-3 3s infinite;
    -o-animation:special-animation-3 3s infinite;
    animation:special-animation-3 3s infinite;
}

@-webkit-keyframes special-animation-4 {
 0%       {opacity:0.5; }
 50%	 {opacity:1.0; }
 100%     {opacity:0.5;}
  0%,  100% {transform: translateY(0);}
 50% {transform: translateY(-30px);}
}

@-moz-keyframes special-animation-4 {
 0%       {opacity:0.5; }
 50%	 {opacity:1.0; }
 100%     {opacity:0.5;}
  0%,  100% {transform: translateY(0);}
 50% {transform: translateY(-30px);}
}
@-o-keyframes special-animation-4 {
 0%       {opacity:0.5; }
 50%	 {opacity:1.0; }
 100%     {opacity:0.5;}
  0%,  100% {transform: translateY(0);}
 50% {transform: translateY(-30px);}
}
@keyframes special-animation-4 {
 0%       {opacity:0.5; }
 50%	 {opacity:1.0; }
 100%     {opacity:0.5;}
  0%,  100% {transform: translateY(0);}
 50% {transform: translateY(-30px);}
}

#special-animation-4{
 	position: absolute;
    width: 100vw;
    height: 100vh;
    background-image:url(separate-assets/separate_KirillFar-fullscreen.png);
	background-size:contain;
    z-index: 5;
	opacity:100;
	-webkit-animation:special-animation-4 3s infinite;
    -moz-animation:special-animation-4 3s infinite;
    -o-animation:special-animation-4 3s infinite;
    animation:special-animation-4 3s infinite;
}

@-webkit-keyframes special-animation-5 {
 0%       {opacity:0.85; }
 50%	 {opacity:1.0; }
 100%     {opacity:0.85;}
  0%,  100% {transform: translateY(0);}
 50% {transform: translateY(-30px);}
}

@-moz-keyframes special-animation-5 {
 0%       {opacity:0.85; }
 50%	 {opacity:1.0; }
 100%     {opacity:0.85;}
  0%,  100% {transform: translateY(0);}
 50% {transform: translateY(-30px);}
}
@-o-keyframes special-animation-5 {
 0%       {opacity:0.85; }
 50%	 {opacity:1.0; }
 100%     {opacity:0.85;}
  0%,  100% {transform: translateY(0);}
 50% {transform: translateY(-30px);}
}
@keyframes special-animation-5 {
 0%       {opacity:0.85; }
 50%	 {opacity:1.0; }
 100%     {opacity:0.85;}
  0%,  100% {transform: translateY(0);}
 50% {transform: translateY(-30px);}
}

#special-animation-5{
 	position: absolute;
    width: 100vw;
    height: 100vh;
    background-image:url(separate-assets/separate_KirillClose-fullscreen.png);
	background-size:contain;
    z-index: 5;
	opacity:100;
	-webkit-animation:special-animation-5 3s infinite;
    -moz-animation:special-animation-5 3s infinite;
    -o-animation:special-animation-5 3s infinite;
    animation:special-animation-5 3s infinite;
}

@-webkit-keyframes special-animation-10 {
 0%       {opacity:0.95; }
 50%	 {opacity:1.0; }
 100%     {opacity:0.95;}
  0%,  100% {transform: translateY(0);}
 50% {transform: translateY(-30px);}
}

@-moz-keyframes special-animation-10 {
 0%       {opacity:0.95; }
 50%	 {opacity:1.0; }
 100%     {opacity:0.95;}
  0%,  100% {transform: translateY(0);}
 50% {transform: translateY(-30px);}
}
@-o-keyframes special-animation-10 {
 0%       {opacity:0.95; }
 50%	 {opacity:1.0; }
 100%     {opacity:0.95;}
  0%,  100% {transform: translateY(0);}
 50% {transform: translateY(-30px);}
}
@keyframes special-animation-10 {
 0%       {opacity:0.95; }
 50%	 {opacity:1.0; }
 100%     {opacity:0.95;}
  0%,  100% {transform: translateY(0);}
 50% {transform: translateY(-30px);}
}

#special-animation-6{
    position: absolute;
    width: 33%;
    background-image: url(separate-assets/separate_Taulu.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    z-index: 5;
     height: 37%;
    left: 23vh;
    top: 9vh;
}

#special-animation-10{
 	position: absolute;
    width: 100vw;
    height: 100vh;
    background-image:url(separate-assets/separate_KirillHappy-fullscreen.png);
	background-size:contain;
    z-index: 5;
	opacity:100;
   background-repeat: no-repeat;

	-webkit-animation:special-animation-10 2s infinite;
    -moz-animation:special-animation-10 2s infinite;
    -o-animation:special-animation-10 2s infinite;
    animation:special-animation-10 2s infinite;
}

@-moz-keyframes victory-animation-1 {
 0%       {opacity:0.95; }
 50%	 {opacity:1.0; }
 100%     {opacity:0.95;}
  0%,  100% {transform: translateY(0);}
 50% {transform: translateY(-30px);}
}
@-o-keyframes victory-animation-1 {
 0%       {opacity:0.95; }
 50%	 {opacity:1.0; }
 100%     {opacity:0.95;}
  0%,  100% {transform: translateY(0);}
 50% {transform: translateY(-30px);}
}
@keyframes victory-animation-1 {
 0%       {opacity:0.95; }
 50%	 {opacity:1.0; }
 100%     {opacity:0.95;}
  0%,  100% {transform: translateY(0);}
 50% {transform: translateY(-30px);}
}

#victory-animation-1{
 	position: absolute;
    width: 100vw;
    height: 100vh;
    background-image:url(separate-assets/separate_KirillHappy-fullscreen.png);
	background-size:contain;
  background-repeat: no-repeat;
    z-index: 10;
	opacity:100;
	-webkit-animation:victory-animation-1 2s infinite;
    -moz-animation:victory-animation-1 2s infinite;
    -o-animation:victory-animation-1 2s infinite;
    animation:victory-animation-1 2s infinite;
}

/***** Special animations ******

victory-animation-1
/