@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 {background-color: #fff; font-family: Calibri, Verdana, Geneva, Arial, sans-serif;
   max-width: 100%; height: auto; position: relative; overflow-x: hidden; }

 /* EI vasenta valikkoa */
#thessm { display: none !important;}

.c4 { margin: -27px auto auto auto; padding: 10px !important; font-size: 1.1em;}
 /* sohva yläotsikko */
.c4 h1 {text-align: center; margin: 0px auto; line-height: 110% }
.h1 {margin: 30px -10px auto auto;}

/*Valikko --> osoitin*/
.c4 h2 {font-size: 1.4em; font-weight: bold; color: #777; text-align: center; margin: 9px auto; }
.c4 h3 { /*laskurit*/ background-color: #fff; -webkit-border-radius: .7em; -moz-border-radius: .7em; border-radius: .7em; clear: both; text-align: center; color: #7e7e7e; font-size: 0.7em; padding: 5px !important;}

.c4 h4 {font-size: 18px; font-weight: bold; text-align: left;}

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

img, .img, video { display: block; margin-left: auto; margin-right: auto; border-radius: .4em; -moz-border-radius: .4em; -webkit-border-radius: .4em; filter:drop-shadow(3px 3px 4px gray);}

.center { margin: 0px auto; text-align: center; width: 100%; height: auto;}

p.txt{ font-size: 1.1em;
line-height: 110%;
color: #060000;
max-width: 98%; height: auto;
margin: -7px auto 30px auto;
padding: 8px;
background-color: #fff;
border: 0;
border-radius: .5em; }

p::first-letter {text-transform: uppercase;
  font-size: 113%;}

 /* MouseOver h4 */ 
.rotat {width: 99%; -webkit-transform: rotate(9.5deg);  /* Saf3.1+, Chrome */
-moz-transform: rotate(9.5deg);  /* FF3.5+ */
-ms-transform: rotate(9.5deg);  /* IE9 */
-o-transform: rotate(9.5deg);  /* Opera 10.5 */
transform: rotate(9.5deg);
filter: progid:DXImageTransform.Microsoft.Matrix(/* IE6/IE9 */
M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104, sizingMethod='auto expand'); zoom: 1; border: 0; -moz-border-radius: .7em; border-radius: .7em; font-size: .8em; padding: 8px;
margin: -30px auto auto auto; font-size: .8em; line-height: 110%; clear: both;}

a {text-decoration:none; color:#0000ff; }
a:hover { text-decoration:none; color:#ff0000; }

.scrollToTop{
   position: fixed;
	width:59px;
	height:59px;
	background: whiteSmoke;
	color: #444;
	bottom:60px;
	right:15px;
	background: url('../../up.png') no-repeat 0px 0px;}
button { cursor: pointer; }
 
/* PIENEMMÄT 959px NÄYTÖT, KÄNNYT */

@media screen and (max-width: 959px), 
screen and (max-height: 650px) {
body {background-color: #000; color: #fff; overflow: visible; font-size: .9em !important;}
.c4 h4 {font-size: 1em; color: #fff; text-align: center; padding: 2px 1px 1px auto !important; margin: 0px auto auto auto;}
#thessm { display: none !important;}

.c4 {margin: -27px 0px 15px 0px; font-size: 1.1em;}
.c4 h1 {font-size: 1.2em; text-align: center; margin: 0px auto: }

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

.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);
}