/**** 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%, 100% {transform: rotate(0deg);}
 70% {transform: rotate(10deg);}
 80% {transform: rotate(-5deg);}
 90% {transform: rotate(5deg);}
}

@-moz-keyframes special-animation-3 {
 0%, 20%, 40%, 100% {transform: rotate(0deg);}
 70% {transform: rotate(10deg);}
 80% {transform: rotate(-5deg);}
 90% {transform: rotate(5deg);}
}
@-o-keyframes special-animation-3 {
 0%, 20%, 40%, 100% {transform: rotate(0deg);}
 70% {transform: rotate(10deg);}
 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-4, #special-animation-5{
 	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-6{
 	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-7 {
 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-7 {
 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-7 {
 0%       {opacity:0.85; }
 50%	 {opacity:1.0; }
 100%     {opacity:0.85;}
  0%,  100% {transform: translateY(0);}
 50% {transform: translateY(-30px);}
}
@keyframes special-animation-7 {
 0%       {opacity:0.85; }
 50%	 {opacity:1.0; }
 100%     {opacity:0.85;}
  0%,  100% {transform: translateY(0);}
 50% {transform: translateY(-30px);}
}

#special-animation-7{
 	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-7 3s infinite;
    -moz-animation:special-animation-7 3s infinite;
    -o-animation:special-animation-7 3s infinite;
    animation:special-animation-7 3s infinite;
}

/*		TAULU		*/

#special-animation-8{
    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;
}

/*
@-webkit-keyframes special-animation-9 {
 0% {transform: rotate(0deg);}
 40% {transform: rotate(0deg);}
 60% {transform: rotate(15deg);}
 70% {transform: rotate(5deg);}
 75% {transform: rotate(7deg);}
}

@-moz-keyframes special-animation-9 {
 0% {transform: rotate(0deg);}
 40% {transform: rotate(0deg);}
 60% {transform: rotate(15deg);}
 70% {transform: rotate(5deg);}
 75% {transform: rotate(7deg);}
}
@-o-keyframes special-animation-9 {
 0% {transform: rotate(0deg);}
 40% {transform: rotate(0deg);}
 60% {transform: rotate(15deg);}
 70% {transform: rotate(5deg);}
 75% {transform: rotate(7deg);}
}
@keyframes special-animation-9 {
 0% {transform: rotate(0deg);}
 40% {transform: rotate(0deg);}
 60% {transform: rotate(15deg);}
 70% {transform: rotate(5deg);}
 75% {transform: rotate(7deg);}
}*/

#special-animation-9{

    position: absolute;
    width: 33%;
    background-image: url(separate-assets/separate_Taulu.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    z-index: 5;
    transform:rotate(7deg);
    transform-origin: 50% 0%;
   /* -webkit-animation: special-animation-9 5s 1;
    -moz-animation: special-animation-9 5s 1;
    -o-animation: special-animation-9 5s 1;
    animation: special-animation-9 5s 1;*/
    height: 100%;
    left: 23vh;
    top: 9vh;

}

@-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-14{
 	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 ******