<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
 font-family: 'mmOtsikko';
 src: url('Impact.eot'); /* For Internet Explorer 6+ */
}
@font-face {
 font-family: 'mmOtsikko';
 src: url('Impact.ttf'); /* For non-IE browsers */
}


.bottomMenu {
    display: none;
    position: fixed;
    left: 0; bottom: 0;
    width: 100%; height: 60px;
    border-top: 1px solid #000;
    background: #fff;
    z-index: 1;
}
br.responsiveBr {
	display: none; // Hide BR tag for wider screens
}
body, html{
	background-color: #ffffff;
    font-family: Verdana, Geneva, sans-serif; font-size: 16px;
    width:  100%;
    height: 100%;
    margin: auto;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1000;	
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center top; 		
}

/* Menu valikko */

.menuLogo{
	width:220px; height:78px; padding-left:10px;padding-top:25px;padding-bottom:0px;
}

.header {
  background-color: #4bac37;
  /*background-color: rgba(0, 103, 154, 0.7);*/
  /*background-color: rgba(0, 160, 236, 0.75);*/
  /*background: linear-gradient(45deg, rgba(31,109,190,1) 0%, rgba(3,133,198,1) 50%, rgba(31,109,190,1) 100%);*/
  /*box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);*/
  position: fixed;
  width: 100%;
  z-index: 9999;
  margin-top:-21px;
  padding-top:0px;
}

.header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  /*background-color: #1f8bbe;*/
  /*background-color: rgba(31, 139, 190, 0.7);*/
  border-top: 1px dotted #4bac37;
  
}

.header li a {
  display: block;
  padding: 15px 20px;
  border-right: 1px dotted #f5da48;
  text-decoration: none;
  border-bottom: 1px dotted #f5da48;
  color: #fff;
  font-size: 16px;
}

.header li a:hover {
  background-color: #f5da48;
  color: #007508;
}

.header .valiotsikko {
  display: block;
  padding: 15px 20px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 20px;
  font-family: mmOtsikko, Verdana;
  line-height: 0.95em;
  letter-spacing:0.2px;
  font-style: normal;		
  color: #fff;	  
}

.header .valiotsikkoRivi{
	display: block;
	width:100%;
	padding: 15px 20px;
	background-color: #fff;
	border:0px;
}
/*
.header .valiotsikkoRivi a{
	display: block;
	width:100%;
	padding: 0px 0px 25px 0px;
	background-color: #ffe03c;
	border:0px;
}
.header .valiotsikkoRivi a:hover{
	display: block;
	width:100%;
	padding: 0px 0px 25px 0px;
	background-color: #ffe03c;
	border:0px;
}
*/
.header .sulje {
  cursor: pointer;
  display: block;
  float: left;
  font-size: 22px;
  text-decoration: none;
  font-family: mmOtsikko, Verdana;
  line-height: 0.95em;
  letter-spacing:0.2px;
  font-style: normal;		
  color: #f5db45;	  
  text-transform: uppercase;
}

.header .logo {
  cursor: pointer;
  display: block;
  float: left;
  font-size: 22px;
  padding: 17px 20px;
  text-decoration: none;
  font-family: mmOtsikko, Verdana;
  line-height: 0.95em;
  letter-spacing:0.2px;
  font-style: normal;		
  color: #fff;	  
  text-transform: uppercase;
}

.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}

.header .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 24px 20px;
  position: relative;
  user-select: none;
  margin-top:40px;
}

.header .menu-icon .navicon {
  background: #f5db45;
  display: block;
  height: 3px;
  position: relative;
  transition: background .2s ease-out;
  width: 35px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #f5db45;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.header .menu-icon .navicon:before {
  top: 7px;
}

.header .menu-icon .navicon:after {
  top: -7px;
}

.header .menu-btn {
  display: none;
}

.header .menu-btn:checked ~ .menu {
  max-height: 3500px;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}

b, strong {
   color: #2da30a;
}

.videoImageDiv{
	text-align:center; margin-top:20px; margin-bottom:-19px;
}

.PelaabuttonBig {
    text-align: center;
	border-radius: 25px;
	/*background-color: #ffdb38; */
	background-image: linear-gradient(to top, #f4c741 0%, #ffef50  51%, #f4c741  100%);
	border: 2px solid #b7901e;
	color: #000;
	padding: 15px 42px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-family: mmOtsikko, Arial; 
	font-size: 25px;
	line-height: 0.85em;
	letter-spacing:0.4px;
	font-style: normal;
	margin-top:25px;
	margin-bottom:25px;
	font-weight: normal;
	box-shadow: 0px 4px #7b5700;
	width:100%;
	text-transform:uppercase;
}
.PelaabuttonBig:hover {
	/*background-color: #e6ad01; */
	/*border: 2px solid #b7901e;*/
	color: #000;
	background:#f4c741;
	/*font-size: 24px;*/
	cursor: pointer;
}

.PelaabuttonNopeus {
    text-align: center;
	border-radius: 45px;
	/*background-color: #ffdb38; */
	background-image: linear-gradient(to top, #f4c741 0%, #ffef50  51%, #f4c741  100%);
	border: 2px solid #b7901e;
	color: #000;
	padding: 25px 42px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-family: mmOtsikko, Arial; 
	font-size: 40px;
	line-height: 0.95em;
	letter-spacing:0.4px;
	font-style: normal;
	margin-top:25px;
	margin-bottom:25px;
	font-weight: normal;
	box-shadow: 0px 4px #7b5700;
	width:100%;
	text-transform:uppercase;
}
.PelaabuttonNopeus:hover {
	/*background-color: #e6ad01; */
	/*border: 2px solid #b7901e;*/
	color: #000;
	/*font-size: 41px;*/
	background:#f4c741;
	cursor: pointer;
}

.logoDiv{
	text-align:center; 
	width:98%;
}

#kuva-artikkeli{
	width: 100%; 
	height: auto;
	margin-top:0px;
    border-radius: 45px;
}

.otsikko-artikkeli{
	font-size:44px;
	padding-top: 22px;
	padding-bottom: 22px;
}
.footer-logot{
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	width:175px;
	height:auto;	
}	
.main-content{
    margin: auto;
    border-radius: 55px;
	border: 3px solid #00750c;
    background: #ffffff;
    padding: 20px;
    max-width: 800px;
    text-align: center;
	margin-top:15px;
	margin-bottom:15px;
	display:block;
}

.topContent{
    margin: auto;
    padding: 20px;
    max-width: 800px;
    text-align: center;
	margin-top:0px;
	margin-bottom:0px;
	display:block;
}

.normiTeksti{
	font-family: Verdana, Geneva, sans-serif; 
	font-size: 16px;
}

.footerTeksti{
	font-family: Verdana, Geneva, sans-serif; 
	font-size: 16px;
	color:#005a09;
}

.footerTeksti b, strong {
	color:#005a09;
}

.taulu-mainos{
	max-width: 1050px;
	padding:10px;
}

.karuselli-div{
	max-width:760px;
}
.peliKuvaTop{
	background-repeat:no-repeat;
	background-position: center center;
	width:100%; 
	height:460px;
	border-radius: 20px;
	background-size: cover;
	margin-bottom: 32px;
}
#res-kuva{
	max-width: 100%; height: auto;
}

.palkintoKuvaTd{
	display:block;
}
.palkintoMobile{
	display:none;
    text-align: center;
	margin-top:-40px;
}
.palkintoMobileFront{
	display:none;
    text-align: center;
}
.mobileEmptySpace{
	display:block;
	height:50px;
}
.responsiveTd{
    text-align: left;	
}
.responsiveOtsikko{
    text-align: left;
}
	
.button {
    background-color: #2da30a;
	width:100%;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

.kysy_tarjous_follow {
			position:fixed;
			top:40px;
			right:0px;
			width:181px;
			height:190px;
			border:0px;
}

.mainos_right {
			position:fixed;
			top:260px;
			right:0px;
			width:168px;
			height:168px;
			border:0px;
}
		
.mainos_vasen {
			position:fixed;
			top:93px;
			left:0px;
			width:165px;
			height:381px;
			border:0px;
}

.mainos_oikea {
			position:fixed;
			text-align:center;
			top:130px;
			right:0px;
			width:170px;
			height:600px;
			border:0px;
}

.vasen_kulma{
			position:fixed;
			top:0px;
			left:0px;
			width:215px;
			height:163px;
			border:0px;
}

#next-button{
	position:absolute;
	margin-left: 809px;
	margin-top: 120px;
	z-index:99999;
}
#prev-button{
	position:absolute;
	margin-left: -45px;
	margin-top: 120px;
	z-index:99999;
}

table a:link {color: #2da30a; text-decoration: none;}
table a:visited {color: #2da30a; text-decoration: none;}
table a:hover {color: #2da30a; text-decoration: underline;}
table a:active {color: #2da30a; text-decoration: none;}
table a:focus {color: #2da30a; text-decoration: none;}

a:link {color: #2da30a; text-decoration: none;}
a:visited {color: #2da30a; text-decoration: none;}
a:hover {color: #2da30a; text-decoration: underline;}
a:active {color: #2da30a; text-decoration: none;}
a:focus {color: #2da30a; text-decoration: none;}

.arvontaPvm{
  font-family: Verdana; font-size: 14px;
  color: #2da30a;
}

.valiViiva{
	border-style: dotted;
	border-width: 0 0 1px 0;
	border-color: #2da30a;
}

.tulosRivi{
	border-bottom: 1px dotted #2da30a;
	padding-top:10px;
	padding-bottom:10px;
}

.pvm{
	color:#2da30a;
	font-size:12px;
	font-style: italic;
}

.pvmIso{
	color:#2da30a;
	/*ont-size:12px;*/
	font-style: italic;
}
.pvmArtikkeliOtsikko{
	color:#2da30a;
	/*ont-size:12px;*/
	text-transform: uppercase;
}

.tulos-otsikko{
	color: #2da30a;
}

h1 {
  font-family: mmOtsikko, Arial; font-size: 44px;
  line-height: 1.25em;
  letter-spacing:0.6px;
  color: #2da30a;
  font-style: normal;
  margin-top:-10px;
  padding-top:30px;
  padding-bottom:20px;
  font-weight: normal;
  text-transform: uppercase; 
}
h2 {
  font-family: mmOtsikko, Arial; font-size: 34px;
  line-height: 1.15em;
  letter-spacing:0.5px;
  color: #2da30a;
  font-style: normal;
  margin-top:-5px;
  margin-bottom:10px;
  font-weight: normal;
  padding-top:30px;
  padding-bottom:20px;
  text-transform: uppercase; 
}
.otsikkoH2{
	text-transform: uppercase; 
	font-size:44px;	
}

h3 {
  font-family: mmOtsikko, Arial; font-size: 32px;
  line-height: 1.45em;
  letter-spacing:1px;
  color: #5dca3b;
  font-style: normal;
  margin-top:-5px;
  margin-bottom:-20px;
  font-weight: normal;
}

.h3Otsikko {
  font-family: mmOtsikko, Arial; font-size: 26px;
  line-height: 1.45em;
  letter-spacing:1px;
  color: #5dca3b;
  font-style: normal;
  margin-top:-5px;
  margin-bottom:-30px;
  font-weight: normal;
}

.h4Otsikko {
  font-family: mmOtsikko, Arial; font-size: 20px;
  line-height: 0.9em;
  letter-spacing:1px;
  color: #2da30a;
  font-style: normal;
  margin-top:35px;
  margin-bottom:15px;
  font-weight: normal;
  text-transform: uppercase; 
}

.pieni-otsikko{
  font-family: mmOtsikko, Arial;
  font-size: 20px;
  line-height: 1.45em;
  letter-spacing:1px;
  color:#fcff00;
  //text-shadow: 2px 2px #000000;
}
.box-otsikko{
  font-family: mmOtsikko, Arial;
  font-size: 20px;
  line-height: 1.45em;
  letter-spacing:1px;
  color:#000000;
  //text-shadow: 2px 2px #000000;
}


p.credits {
  font-family: Verdana, Geneva, sans-serif; font-size: 14px;
  line-height: 1.45em;
  color: #ffffff;
  font-style: italic;
  text-align: right;
}
p.context {
  font-family: Verdana, Geneva, sans-serif; font-size: 14px;
  line-height: 1.45em;
  color: #ffffff;
  //font-style: italic;
}  
  /**
   * Item Styles
   */
  .quovolve {
    margin: 20px 0;
  }
  .quovolve blockquote {
    margin: 0;
  }
  .quovolve blockquote p {
    margin: 10px 0;
  }
  .quotes ul {
    list-style: none;
  }
  
/**
 * General Navigation Styles
 */
.quovolve-nav:before, .quovolve-nav:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;  
} 
.quovolve-nav:after { clear: both; }
.quovolve-nav {
  margin: 10px 0;
  line-height: 30px;
  zoom: 1;
}
.quovolve-nav-above {
  margin-bottom: 20px;
}
.quovolve-nav-below {
  margin-top: 20px;
}

.quovolve-nav span {
  float: left;
  margin-right: 5px;
}
.quovolve-nav a {
  background: #ebf9ff;
  line-height: 20px;
  color: #fff;
  display: block;
  padding: 5px 15px;
  border: 0 none;
  text-align: center;
  /* Border Radius */
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  /* Box Shadow */
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0, 0.15);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0,0,0, 0.15);
}
.quovolve-nav a:hover {
	background: #88c1f1;
}

.menu{
	font-size:14px;
	color:#e7f00d;
}

.otsikko-icon{
	margin-left:-10px;
	margin-top:-22px;
	position:absolute;
}

.pelissa-mukana-icon{
	padding: 8px;
	border: 0px;
}

/**
 * Numbered Navigation
 */
.nav-numbers {
  list-style: none; margin: 0;
  float: right;
}
.nav-numbers li {
  float: left;
  margin: 0 0 0 5px;
}
.nav-numbers li a {
  padding-left: 0; padding-right: 0;
  width: 30px;
}
.nav-numbers li.active a, .nav-numbers li a:hover {
  background: #88c1f1;
}

/**
 * Navigation Description
 */
.nav-text {
  margin-left: 30px;
  color: #fff;
}

/** client logos **/
#clients {
  display: block;
  margin-bottom: 15px;
}

#clients .clients-wrap {
  display: block;
  width: 820px;
  margin: 0 auto;
  overflow: hidden;
}

#clients .clients-wrap ul {
  display: block;
  list-style: none;
  position: relative;
}

#clients .clients-wrap ul li {
  display: block;
  float: left;
  position: relative;
  width: 131px;
  height: 120px;
  line-height: 120px;
  text-align: center;
}
#clients .clients-wrap ul li img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
  //-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  //filter: alpha(opacity=65); 
  //opacity: 0.65;
  //opacity: 0.65;
}
#clients .clients-wrap ul li img:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100); 
  opacity: 1.0;
}

@media screen and (max-width: 890px) {

	#next-button{
		right: 0px;
		margin-top: 160px;
	}
	#prev-button{
		left: 40px;
		margin-top: 160px;
	}	

}

@media screen and (max-width: 700px) {

	.logoDiv{
		text-align:center; 
		width:87%;
	}

	.karuselli-div{
		max-width:350px;
	}
	.main-content{
		width:80%;
	}
	.palkintoKuvaTd{
		display:none;
	}
	.responsiveTd{
		text-align: center;	
	}	
	.responsiveOtsikko{
		text-align: center;
	}	
	.palkintoMobile{
		display:block;
		width:100%;
	}
	.palkintoMobileFront{
		display:block;
		width:100%;
	}
	.mobileEmptySpace{
		display:block;
	}
	#next-button{
		right: 0px;
		margin-top: 160px;
	}
	#prev-button{
		left: 40px;
		margin-top: 160px;
	}	

	.otsikkoH2 {
	  font-size: 36px;
	}
	.PelaabuttonNopeus {
		font-size: 35px;
		padding: 15px 15px;
	}
	.PelaabuttonBig {
		font-size: 25px;
		padding: 15px 15px;
	}
	.footer-logot{
		max-width:145px;
		height:auto;	
	}	
	.peliKuvaTop{
		background-repeat:no-repeat;
		background-position: center center;
		width:100%; 
		height:540px;
		border-radius: 20px;
		background-size: cover;
		margin-bottom: 32px;
	}	
	.videoImageDiv{
		text-align:center; margin-top:20px; margin-bottom:-19px;
	}	
	br.responsiveBr {
		display: inline; // Show BR tag for narrow screens
	}
}</pre></body></html>