@font-face {
  font-family: 'icomoon';
  src: url("../../../fonts/icomoon/icomoon.eot");
  src: url("../../../fonts/icomoon/icomoon.eot") format("embedded-opentype"), url("../../../fonts/icomoon/icomoon.ttf") format("truetype"), url("../../../fonts/icomoon/icomoon.woff") format("woff"), url("../../..fonts/icomoon/icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal;}

body{max-width: 100%;
	 height: auto;
	 position: relative;
   font-size: 1.3em;
	 border: 0;
	 margin: 0px auto;}

#nav {margin: -23px auto;}

#logo {margin: 0px auto; -moz-border-radius: 0.5em; border-radius: 0.5em; }

.scrollToTop{
   position: fixed;
	width:60px;
	height:60px;
	background: whiteSmoke;
	color: #444;
	bottom:70px;
	right:0px;
	display:none;
	background: url('../up.png') no-repeat 0px 0px;}

a {color: #0000ff; text-decoration:none; font-size: 110%;}
a:hover { color:#ff0000; text-decoration:none; font-size: 110%;}
a:active	{color:#ffa380; text-decoration:none;}
a:visited {color:#900090; text-decoration:none;}

#tk3 {font-family: 'Satisfy', cursive; font-size: 1.36em;
margin: -20px 8px auto 8px; /* otsikko */
padding: 2px 0px 0px 4px !important;
text-align: left; }

#tk3b {font-family: 'Satisfy', cursive; margin: -4px 8px auto 8px; /* kuvat ja kertomus */
padding: 2px 0px 0px 4px !important;
font-size: 1.28em; }

h1 {max-width: 100%; height: auto; text-align: center; font-size: 2.1em; color: #fd0000;}

h2 {max-width: 100%; height: auto; line-height: 110%; text-align: center; font-size: 1.32em; margin: 5px auto 10px auto;
padding: 11px;
border: 0;
-moz-border-radius: .4em;
border-radius: .4em;}

.h3 { border: 0px; -moz-border-radius: 0.7em; border-radius: 0.7em;}

.h3, .h3 a, .h3 a:link, .h3 a:active {margin: -6px auto auto -6px; padding: 8px; max-width: 99.6%; height: auto; text-align: left; line-height: 115%; font-size: 1.2em; text-decoration:none;}

span {font-size: 1.3em; line-height: 138%; color: #00bd28;}

p.txt{ font-size: 1.2em;
line-height: 118%;
color: #060000;
max-width: 100%; height: auto;
margin: -5px auto 30px 2px;
padding: 8px;
background-color: #fff;
border: 0;
-moz-border-radius: .4em;
border-radius: .4em;}

/* p::first-letter {text-transform: uppercase; font-size: 120%;}*/

#txt{text-align: center;
font-size: 1em;
line-height: 120%;
color: #060000;
background-color: #fff;
max-width: 100%; height: auto;
margin: -4px 0px 30px 0px;
padding: 8px;
border: 0;
-moz-border-radius: .5em;
border-radius: .5em;
clear: both;}

hr {text-align: center;
height: 3px;
line-height: 115%;
color: #060000;
max-width: 90%;
margin: 0px 0px 20px 0px;
padding: 4px;
background-color: #fff;
-moz-border-radius: .4em;
border-radius: .4em;}

h3 {font-size: 1em; color: #0082ff; text-align: center;}

h4 {font-size: 0.9em; color: #0082ff; text-align: center }

h5 {font-size: 0.9em; color: #000; text-align: center }

table {max-width: 100%; height: auto;}

.img {max-width: 100%; height: auto; border: 0px; /**/}

#cen {margin: 0px auto; text-align: center;}

img {max-width: 100%; height: auto; -moz-border-radius: .5em; border-radius: .5em;}

.lks, .lksav, #text, p.alkutxt, p.txt, .txt, #txt, #oik, img, h2, h3, .h3 { /*linkit, tilastot, tekstit, otsikot */
-webkit-box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
-moz-box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
-ms-box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
-o-box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
flex-grow: 1;
background-size: cover;}

.lksav { /* alaosan linkit */
text-align: center;
font-size: 0.9em;
 -moz-border-radius: .5em; border-radius: .5em;
}

video { width: 100%; height: auto; border: none; -moz-border-radius: .4em; border-radius: .4em;}

#img0, #img1, #img2, #img3, #img4, #img5, #img6, #img7, #img8, #img9, #img10, #img11, #img12, #img13, #img14, #img15, #img16, #img17, #img18, #img19, #img20, #img21, #img22, #img23, #img24, #img25, #img26, #img27, #img28, #img29{ -moz-border-radius: .5em; border-radius: .5em;}

#img99{ border: 0em; margin-left: -25px; padding: 0px; -moz-border-radius: 0.4em; border-radius: 0.4em;}
#imgx { width:100%;  border: 0.1em; border-color: #0000ff; border-style: dotted; margin-left: -25px; padding: 0px; -moz-border-radius: 1.5em; border-radius: 1.5em;}

.r { color:#ff0000; font-size: 1.1em;}
#r {background-color: #ff0000;}

#rc { color:#ff0000;	text-align: center;	margin-top: 0px;	margin-bottom: -5px;	}
	
.g { font-size: 1em;	color: #008000;}

.d { font-size: 1em;	color: #000; text-align: center;	}

.blu { font-size: 1.1em; color:#0000ff;}
.blue { font-size: 1em; color:#0000ff;}

.c { font-size: 1.4em; font-weight: bold;	color: #000; text-align: center;	}

.end { /* loppu */	margin-left: 0cm;	color: #008000; font-size: 1.2em;}

 /* pienemmät näytöt, älyttömät kännyt, tabletit.  Nosto; kuvat ja kertomus, keskellä */
@media (max-width: 959px) {
body {background-color: #242424; color: #fff; font-size: 1.2em; }

#tk3 {background-color: #242424; color: #fff; margin: -20px 28px auto 8px; /* Otsikko */
padding: 2px 0px 0px 4px !important;
font-size: 1.38em; }

#tk3b {font-family: 'Satisfy', cursive; background-color: #242424; color: #fff; margin: -8px 8px auto 8px; /* kuvat ja kertomus */
padding: 2px 0px 0px 4px !important;
font-size: 1.28em; }

h2 {background-color: #242424; color: #fff; max-width: 100%; height: auto; line-height: 110%; text-align: center; font-size: 1.32em; margin: 5px 28px 10px auto;
padding: 11px;
border: 0;
-moz-border-radius: .4em;
border-radius: .4em;}

p.txt{background-color: #242424; color: #fff; font-size: 1.2em;
line-height: 118%;
max-width: 100%; height: auto;
margin: -8px auto 30px 0px;
padding: 8px;
border: 0;
-moz-border-radius: .4em;
border-radius: .4em;}

a {color: #0f9; text-decoration:none; font-size: 103%;}
a:hover { color: #ff7e4d; text-decoration:none; font-size: 103%;}
a:visited {color:#fe17ff; text-decoration:none;}

.scrollToTop { width:30px; /*PIENEMPI NUOLI*/
	height:30px;
	background: whiteSmoke;
	font-weight: normal;
	color: #444;
	position:fixed;
	bottom:70px;
	right:5px;
	display:none;
	background: url('../up_sm.png') no-repeat 0px 0px;}} /*PIENEMMÄT NÄYTÖT LOPPUVAT*/

.rotate:hover {
     -webkit-animation: rotate 3s linear infinite;
}

@-moz-keyframes rotate {
    from{-webkit-transform: rotate(0deg); }
    to  {-webkit-transform: rotate(360deg); }
}

@-webkit-keyframes rotate {
    from{-webkit-transform: rotate(0deg); }
    to  {-webkit-transform: rotate(360deg); }
}

.social {
  padding: 0;
  margin: 0;
  display: inline-block;
  position: relative;
  width: 100%;
  outline: none;
  text-decoration: none;
}

.social li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
}

.social li a {
  font-size: 33px;
  display: table;
  width: 45px;
  height: 45px;
  margin: 0px;
  outline: none;
  text-decoration: none;
}

.social li a i {margin: auto; /*Ikonin Keskitys */
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.social li a:hover, .social li a:active, .social li a:focus {
  text-decoration: none;
  border-bottom: none;
}

.social li a.social-box {
  background: #0000ff;
  color: #fff;
}

.social li a.social-circle {
  background: #0000ff;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.social li a:hover {
  background: #393e46 !important;
}

.social.social-box a {
  background: #0000ff;
  color: #fff;
  filter:drop-shadow(6px 6px 8px gray);
}

.social.social-circle a {
  background: #0000ff;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  filter:drop-shadow(6px 6px 8px gray);
}