#crossfade > img {
width: 329px;
height: 244px;

color: transparent;
opacity: 0;
z-index: 5;
-webkit-backface-visibility: hidden;
-webkit-animation: imageAnimation 54s linear infinite 0s;
-moz-animation: imageAnimation 54s linear infinite 0s;
-o-animation: imageAnimation 54s linear infinite 0s;
-ms-animation: imageAnimation 54s linear infinite 0s;
animation: imageAnimation 54s linear infinite 0s;
}

#crossfade > img:nth-child(2)  {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
#crossfade > img:nth-child(3) {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
#crossfade > img:nth-child(4) {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
#crossfade > img:nth-child(5) {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
#crossfade > img:nth-child(6) {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
#crossfade > img:nth-child(7) {
    -webkit-animation-delay: 36s;
    -moz-animation-delay: 36s;
    -o-animation-delay: 36s;
    -ms-animation-delay: 36s;
    animation-delay: 36s; 
}
#crossfade > img:nth-child(8) {
    -webkit-animation-delay: 42s;
    -moz-animation-delay: 42s;
    -o-animation-delay: 42s;
    -ms-animation-delay: 42s;
    animation-delay: 42s; 
}
#crossfade > img:nth-child(9) {
    -webkit-animation-delay: 48s;
    -moz-animation-delay: 48s;
    -o-animation-delay: 48s;
    -ms-animation-delay: 48s;
    animation-delay: 48s; 
}
#crossfade > img:nth-child(10) {
    -webkit-animation-delay: 54s;
    -moz-animation-delay: 54s;
    -o-animation-delay: 54s;
    -ms-animation-delay: 54s;
    animation-delay: 54s; 
}
#crossfade > img:nth-child(11) {
    -webkit-animation-delay: 60s;
    -moz-animation-delay: 60s;
    -o-animation-delay: 60s;
    -ms-animation-delay: 60s;
    animation-delay: 60s; 
}
#crossfade > img:nth-child(12) {
    -webkit-animation-delay: 66s;
    -moz-animation-delay: 66s;
    -o-animation-delay: 66s;
    -ms-animation-delay: 66s;
    animation-delay: 66s; 
}
#crossfade > img:nth-child(13) {
    -webkit-animation-delay: 72s;
    -moz-animation-delay: 72s;
    -o-animation-delay: 72s;
    -ms-animation-delay: 72s;
    animation-delay: 72s; 
}
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

#crossfade2 > img {
width: 329px;
height: 244px;


color: transparent;
opacity: 0;
z-index: 5;
-webkit-backface-visibility: hidden;
-webkit-animation: imageAnimation 54s linear infinite 0s;
-moz-animation: imageAnimation 54s linear infinite 0s;
-o-animation: imageAnimation 54s linear infinite 0s;
-ms-animation: imageAnimation 54s linear infinite 0s;
animation: imageAnimation 54s linear infinite 0s;
}

#crossfade2 > img:nth-child(2)  {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
#crossfade2 > img:nth-child(3) {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
#crossfade2 > img:nth-child(4) {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
#crossfade2 > img:nth-child(5) {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
#crossfade2 > img:nth-child(6) {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
#crossfade2 > img:nth-child(7) {
    -webkit-animation-delay: 36s;
    -moz-animation-delay: 36s;
    -o-animation-delay: 36s;
    -ms-animation-delay: 36s;
    animation-delay: 36s; 
}
#crossfade2 > img:nth-child(8) {
    -webkit-animation-delay: 42s;
    -moz-animation-delay: 42s;
    -o-animation-delay: 42s;
    -ms-animation-delay: 42s;
    animation-delay: 42s; 
}
#crossfade2 > img:nth-child(9) {
    -webkit-animation-delay: 48s;
    -moz-animation-delay: 48s;
    -o-animation-delay: 48s;
    -ms-animation-delay: 48s;
    animation-delay: 48s; 
}
#crossfade2 > img:nth-child(10) {
    -webkit-animation-delay: 54s;
    -moz-animation-delay: 54s;
    -o-animation-delay: 54s;
    -ms-animation-delay: 54s;
    animation-delay: 54s; 
}
#crossfade2 > img:nth-child(11) {
    -webkit-animation-delay: 60s;
    -moz-animation-delay: 60s;
    -o-animation-delay: 60s;
    -ms-animation-delay: 60s;
    animation-delay: 60s; 
}
#crossfade2 > img:nth-child(12) {
    -webkit-animation-delay: 66s;
    -moz-animation-delay: 66s;
    -o-animation-delay: 66s;
    -ms-animation-delay: 66s;
    animation-delay: 66s; 
}
#crossfade2 > img:nth-child(13) {
    -webkit-animation-delay: 72s;
    -moz-animation-delay: 72s;
    -o-animation-delay: 72s;
    -ms-animation-delay: 72s;
    animation-delay: 72s; 
}
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

button {
   border:none;
   background-color:transperant;
   outline:none;
}

.nimed {
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:11px;
	line-height:1;
	word-spacing:2px;
	letter-spacing:0.1em;
	text-align: center;
	font-family:'Istok Web', sans-serif;
	color:#ffffff;
	}

.nimed2 {
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:11px;
	line-height:1;
	word-spacing:2px;
	letter-spacing:0.1em;
	text-align: center;
	font-family:'Istok Web', sans-serif;
	color:#615F60;
	}
	
.nupud {
  border: none;
  background-color:inherit;
  padding: 0px 0px;
  cursor: pointer;
  text-align: center;
}

.nupud2 {
  border: none;
  background-color:inherit;
  padding: 0px 0px;
  cursor: pointer;
  text-align: center;
}

.sisu2 {
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:13px;

	line-height:1.4;
	word-spacing:3px;
	letter-spacing:0.04em;
	font-family:'Istok Web', Arial, sans-serif;
	color:#333333;
	
}



.sisu3 {
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:13px;
	line-height:1.3;
	word-spacing:3px;
	letter-spacing:0.04em;
	font-family:'Istok Web', Arial, sans-serif;
	color:#333333;
	
}

.sisu4 {
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:13px;
	line-height:1.3;
	word-spacing:2px;
	letter-spacing:0.04em;
	font-family:'Istok Web', Arial, sans-serif;
	color:#615F60;
	
}

.center {
position:absolute;
margin:auto;
top:0;
left:0;
right:18px;
bottom:0;
}




.triip {
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:13px;

	line-height:1.4;
	word-spacing:3px;
	letter-spacing:0.04em;
	font-family:'Istok Web', Arial, sans-serif;
	color:#cfcdce;
	
}


.kutsikanimed {
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:11px;
	line-height:1;
	word-spacing:2px;
	letter-spacing:0.1em;
	text-align: center;
	font-family:'Istok Web', sans-serif;
	color:#615F60;
	}
	
.kutsikanupud {
  border: none;
  background-color:inherit;
  padding: 0px 25px;
  cursor: pointer;
}