<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/**
 * Colors
 */
/**
 * Grid
 */
/**
 * Typography
 */
/**
 * Responsive
 */
/**
 * Common mixins and extendables
 */
/**
 * Responsive
 */
/**
 * Grid helpers
 */
/**
 * Arrow
 */
/**
 * Image replacement
 */
/**
 * Keyframes
 */
/**
 * Extendables are styles that will be extended
 */
/**
 * Navigation
 */
.nav, .nav--bar {
  display: block; }

.nav ul {
  margin: 0;
  padding: 0; }

.nav li {
  display: inline-block; }

.nav {
  margin: 0;
  padding: 0;
  list-style: none; }
  .nav a {
    color: #444444;
    border: 0; }

.grid:after, .stories:after {
  content: "";
  display: table;
  clear: both; }

/**
 * Resets
 */
/**
 * Buttons
 */
/**
 * Btn styles
 */
/**
 * Btn colors
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

html {
  background: #fff;
  color: #000;
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

a:focus {
  outline: thin dotted; }

a:active, a:hover {
  outline: 0; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

hr {
  box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre-wrap; }

q {
  quotes: '\201C' '\201D' '\2018' '\2019'; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button, input {
  line-height: normal; }

button, select {
  text-transform: none; }

button, html input[type='button'], input[type='reset'], input[type='submit'] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

input[type='checkbox'], input[type='radio'] {
  box-sizing: border-box;
  padding: 0; }

input[type='search'] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }
  input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration {
    -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/**
 * Typography
 * All basic typography statements are here.
 */
body {
  font-size: 100%;
  line-height: 137.5%;
  font-family: "Open Sans", "Helvetica Neue" Verdana, "Sans-serif";
  color: #444444; }

a {
  color: #000;
  text-decoration: none;
  border-bottom: 1px dotted #1a1a1a; }
  a:hover {
    color: black; }
  a img {
    border: 0; }

h1, h2, h3, h4 {
  font-weight: normal;
  color: #222; }

.page-title {
  display: inline-block; }

h1 {
  font-size: 1.75em;
  line-height: 1.17857em;
  margin: 0.39286em 0;
  color: #222;
  font-weight: 600; }

h2 {
  font-size: 1.375em;
  line-height: 2em;
  margin: 0.5em 0;
  color: #222; }

h3 {
  font-size: 1.125em;
  line-height: 2.44444em;
  margin: 0.61111em 0;
  color: #222; }

/**
 * Basic page styles
 */
body {
  background: #fff; }

hr {
  width: 100%;
  height: 1px;
  border: 0;
  background: #ccc;
  border-bottom: 1px solid #fff;
  margin: 1em 0;
  clear: both;
  display: block; }

/**
 * Grid stuff comes here
 */
.grid {
  max-width: 72rem;
  display: block;
  margin: 0 auto;
  padding: 0 2.08333%; }
  .grid .grid {
    margin: 0 1.04167%; }

[class*='col-'] {
  padding: 0 1.04167%;
  float: left;
  box-sizing: content-box;
  padding: 0 1.04167%;
  min-height: 1px; }

.col-right {
  float: right; }

.col-1 {
  width: 6.25%; }

.col-2 {
  width: 14.58333%; }

.col-3 {
  width: 22.91667%; }

.col-4 {
  width: 31.25%; }

.col-5 {
  width: 39.58333%; }

.col-6 {
  width: 47.91667%; }

.col-7 {
  width: 56.25%; }

.col-8 {
  width: 64.58333%; }

.col-9 {
  width: 72.91667%; }

.col-10 {
  width: 81.25%; }

.col-11 {
  width: 89.58333%; }

.col-12 {
  width: 97.91667%; }

@media only screen and (max-width: 600px) {
  .col-1 {
    width: 81.25%;
    margin-left: 6.25%; }
  .col-2 {
    width: 81.25%;
    margin-left: 6.25%; }
  .col-3 {
    width: 81.25%;
    margin-left: 6.25%; }
  .col-4 {
    width: 81.25%;
    margin-left: 6.25%; }
  .col-5 {
    width: 81.25%;
    margin-left: 6.25%; }
  .col-6 {
    width: 81.25%;
    margin-left: 6.25%; }
  .col-7 {
    width: 81.25%;
    margin-left: 6.25%; }
  .col-8 {
    width: 81.25%;
    margin-left: 6.25%; }
  .col-9 {
    width: 81.25%;
    margin-left: 6.25%; }
  .col-10 {
    width: 81.25%;
    margin-left: 6.25%; }
  .col-11 {
    width: 81.25%;
    margin-left: 6.25%; }
  .col-12 {
    width: 81.25%;
    margin-left: 6.25%; } }

@media only screen and (min-width: 601px) and (max-width: 899px) {
  .col-1 {
    width: 97.91667%; }
  .col-2 {
    width: 97.91667%; }
  .col-3 {
    width: 97.91667%; }
  .col-4 {
    width: 97.91667%; }
  .col-5 {
    width: 97.91667%; }
  .col-6 {
    width: 97.91667%; }
  .col-7 {
    width: 97.91667%; }
  .col-8 {
    width: 97.91667%; }
  .col-9 {
    width: 97.91667%; }
  .col-10 {
    width: 97.91667%; }
  .col-11 {
    width: 97.91667%; }
  .col-12 {
    width: 97.91667%; } }

@media only screen and (max-width: 899px) {
  .col-handheld-12 {
    width: 97.91667%; } }

/**
 * Navigation elements
 */
/**
 * Colors
 */
/**
 * Grid
 */
/**
 * Typography
 */
/**
 * Responsive
 */
/**
 * Extendables are styles that will be extended
 */
/**
 * Navigation
 */
.nav, .nav--bar {
  display: block; }

.nav ul {
  margin: 0;
  padding: 0; }

.nav li {
  display: inline-block; }

.nav {
  margin: 0;
  padding: 0;
  list-style: none; }
  .nav a {
    color: #444444;
    border: 0; }

.grid:after, .stories:after {
  content: "";
  display: table;
  clear: both; }

/**
 * Resets
 */
/**
 * Buttons
 */
/**
 * Btn styles
 */
/**
 * Btn colors
 */
/**
 * Common mixins and extendables
 */
/**
 * Responsive
 */
/**
 * Grid helpers
 */
/**
 * Arrow
 */
/**
 * Image replacement
 */
/**
 * Keyframes
 */
/**
 * New colors
 */
/**
 * Colors
 */
/**
 * Buttons
 */
.btn, .btn--blue, .btn--white {
  display: inline-block;
  border: 0;
  background: #2b899f;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
  font-size: 0.75em;
  line-height: 3.75em;
  padding: 0 1.66667em;
  border-radius: 0.33333em;
  font-weight: bold; }
  .btn:hover, .btn--blue:hover, .btn--white:hover {
    color: #fff;
    background: #206677; }
  .btn:active, .btn--blue:active, .btn--white:active, .btn:focus, .btn--blue:focus, .btn--white:focus {
    outline: none; }
  .btn .icon-input, .btn--blue .icon-input, .btn--white .icon-input {
    margin: 0 0 0 -0.375em; }
  .btn &gt; i, .btn--blue &gt; i, .btn--white &gt; i, .btn &gt; span, .btn--blue &gt; span, .btn--white &gt; span {
    margin-left: -0.75em;
    margin-right: 0.75em; }

.btn--blue {
  background: #2b899f; }
  .btn--blue:hover {
    background: #206677; }

.btn--white {
  color: #666;
  background: #fff;
  text-shadow: 0; }
  .btn--white:hover {
    background: #efefef; }
  .btn--white:visited {
    color: #666; }

/**
 * Header style
 */
.logo {
  background: url("../../img/logo.png") no-repeat left top;
  width: 120px;
  height: 174px;
  display: block;
  text-indent: -5000em;
  margin: 0 auto;
  border: none; }

.header {
  z-index: 3;
  position: relative;
  height: 161px;
  display: none; }
  @media only screen and (max-width: 600px) {
    .header {
      display: none; } }

.con-slogan {
  display: block;
  width: 100%;
  height: 528px;
  position: absolute;
  top: 132px;
  left: 0;
  z-index: 5; }
  .con-slogan h2 {
    color: #fff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    font-weight: 600;
    font-size: 80px;
    text-align: center;
    margin-top: 22px;
    margin-bottom: 44px;
    line-height: 88px;
    text-transform: uppercase; }
    @media only screen and (max-width: 980px) {
      .con-slogan h2 {
        font-size: 90px; } }
  @media only screen and (max-width: 600px) {
    .con-slogan {
      top: 0; }
      .con-slogan h2 {
        font-size: 66px;
        font-weight: 500; } }
  html.lt-ie9 .con-slogan {
    color: #206677; }

.boxes {
  display: block;
  position: relative;
  height: 300px;
  width: 1px;
  margin: 0 auto; }
  @media only screen and (max-width: 600px) {
    .boxes {
      width: 100%;
      height: auto;
      margin: 0; } }

.box {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../../img/scenery/v2/pilvet.png") no-repeat;
  text-align: center;
  color: #39929d;
  transition: .2s all ease-in-out;
  cursor: normal;
  border: none; }
  .box:hover {
    margin-top: -10px; }
  @media only screen and (max-width: 600px) {
    .box {
      position: static;
      margin: 0 auto; } }

.box__inner {
  display: block;
  font-weight: bold; }

.box--2 {
  width: 248px;
  height: 128px;
  background-position: -699px 0;
  left: 128px; }
  .box--2 .box__inner {
    padding: 43px 60px; }

.box--1 {
  width: 217px;
  height: 141px;
  background-position: -947px 0;
  left: -108px; }
  .box--1 .box__inner {
    padding: 50px 40px; }

.box--0 {
  width: 226px;
  height: 138px;
  background-position: -1164px 0;
  left: -369px; }
  .box--0 .box__inner {
    padding: 50px 20px; }

/**
 * Scenery
 */
.scenery {
  position: absolute;
  height: 594px;
  bottom: 0;
  left: 0;
  width: 100%; }
  @media only screen and (max-width: 600px) {
    .scenery {
      position: relative;
      height: auto;
      padding-top: 650px; } }

/**
 * Header
 */
.area--header {
  height: 800px;
  background: #00b8d7 url(../../img/scenery/v2/maisema.png) no-repeat center bottom;
  box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden; }
  html.lt-ie8 .area--header {
    background-position: center 258px; }
  @media only screen and (max-width: 600px) {
    .area--header {
      background: #00b8d7 url(../../img/scenery/v2/maisema_mobile.png) no-repeat center bottom;
      height: auto; } }

/**
 * Windmills
 */
@-webkit-keyframes windmill {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes windmill {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.windmill--first, .windmill--second, .windmill--third {
  background: url("../../img/scenery/v2/roottorit.png") no-repeat left bottom;
  display: block;
  position: absolute;
  -webkit-animation-name: windmill;
          animation-name: windmill;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear; }
  @media only screen and (max-width: 600px) {
    .windmill--first, .windmill--second, .windmill--third {
      display: none; } }

.windmills {
  width: 1px;
  height: 100%;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: 6px;
  z-index: 10; }
  @media only screen and (max-width: 600px) {
    .windmills {
      width: 100%;
      position: relative;
      height: auto;
      left: 0;
      top: 0;
      margin-top: 0; } }

.windmill--first {
  width: 268px;
  height: 268px;
  left: -566px;
  top: 134px;
  -webkit-animation-duration: 10s;
          animation-duration: 10s; }
  @media only screen and (max-width: 600px) {
    .windmill--first {
      display: block;
      left: 50%;
      margin-left: -134px;
      top: -125px; } }

.windmill--second {
  width: 89px;
  height: 89px;
  background-position: right top;
  top: 379px;
  left: 279px;
  -webkit-animation-duration: 15s;
          animation-duration: 15s; }

.windmill--third {
  width: 50px;
  height: 50px;
  background-position: right bottom;
  top: 391px;
  left: -45px;
  -webkit-animation-duration: 20s;
          animation-duration: 20s; }

.windmill-first-body {
  display: block;
  left: -507px;
  top: 259px;
  position: absolute;
  width: 150px;
  height: 334px;
  background: url("../../img/scenery/v2/etulaitos.png") no-repeat center center; }
  @media only screen and (max-width: 600px) {
    .windmill-first-body {
      position: static;
      margin: 0 auto -5px; } }

/**
 * Clouds
 */
.clouds {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.cloud--1, .cloud--2, .cloud--3, .cloud--4 {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../../img/scenery/v2/pilvet.png") no-repeat; }

.cloud--1 {
  width: 189px;
  height: 107px;
  left: -800px;
  top: 200px; }

.cloud--2 {
  width: 195px;
  height: 119px;
  left: -600px;
  top: -100px;
  background-position: -189px 0; }

.cloud--3 {
  width: 192px;
  height: 100px;
  left: 200px;
  background-position: -384px 0; }

.cloud--4 {
  width: 123px;
  height: 82px;
  left: 500px;
  top: 250px;
  background-position: -576px 0; }

/**
 * Sun
 */
.sun {
  background: url("../../img/scenery/v2/aurinko.png");
  width: 337px;
  height: 337px;
  position: absolute;
  top: 50px;
  left: -50px;
  margin-left: -50px; }
  @media only screen and (max-width: 600px) {
    .sun {
      top: 100px; } }

.noise {
  width: 100%;
  height: 616px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: url("../../img/scenery/noise.png"); }
  @media only screen and (max-width: 600px) {
    .noise {
      height: 100%; } }

@-webkit-keyframes cloud {
  0% {
    -webkit-transform: translateX(-1600px);
            transform: translateX(-1600px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes cloud {
  0% {
    -webkit-transform: translateX(-1600px);
            transform: translateX(-1600px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

.cloud_background,
.cloud_front {
  width: 6400px;
  height: 616px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  -webkit-animation-name: cloud;
          animation-name: cloud;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear; }
  @media only screen and (max-width: 600px) {
    .cloud_background,
    .cloud_front {
      display: none; } }

.cloud_background {
  -webkit-animation-duration: 120s;
          animation-duration: 120s;
  background: url("../../img/cloud_background.png") repeat-x 0 120px; }

.cloud_front {
  -webkit-animation-duration: 80s;
          animation-duration: 80s;
  background: url("../../img/cloud_front.png") repeat-x 0 120px; }

/**
 * Stories
 */
.stories {
  padding-top: 22px;
  clear: both;
  display: block; }

.story {
  width: 25%;
  float: left;
  text-align: center; }

.story__img {
  width: 168px;
  height: 168px;
  border-radius: 100%;
  box-shadow: inset 0 2px 0 6px rgba(0, 0, 0, 0.25);
  margin: 0 auto; }

.story__name {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 18px;
  color: #333;
  margin: 11px 0 0 0;
  padding: 0; }

.story__title {
  text-transform: uppercase;
  font-size: 14px;
  color: #666; }

.story__description {
  padding: 0 11px;
  margin: 11px 0;
  font-size: 90%;
  color: #777; }

.story__btn {
  color: #fff;
  background: #999;
  border-radius: 4px;
  text-decoration: none;
  padding: 8px 12px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 100; }
  .story__btn:hover {
    background: #555; }

.nav--side {
  padding-top: 1.375em;
  position: relative; }
  .nav--side .nav__list {
    display: block;
    margin: 0;
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 0.375em; }
  .nav--side .nav__item {
    display: block;
    border-bottom: 1px solid #ddd;
    margin-bottom: -1px; }
    .nav--side .nav__item:last-child {
      border: 0; }
  .nav--side .nav__item__link {
    display: block;
    line-height: 1.375em;
    padding: 0.6875em 1em; }
    .nav--side .nav__item__link.active {
      color: #2b899f; }
    .nav--side .nav__item__link .nav__item__link__icon {
      font-size: 0.875em;
      margin-right: 0.42857em;
      color: #999; }
    .nav--side .nav__item__link .nav__item__link__icon--active {
      color: #2b899f; }
  .nav--side ul ul {
    display: none;
    border-top: 1px solid #ccc; }
    .nav--side ul ul .nav__item {
      border: 0;
      margin: 0; }
    .nav--side ul ul .nav__item__link {
      background: #efefef;
      padding: 0.375em 1em 0.375em 2em; }
      .nav--side ul ul .nav__item__link .nav__item__link__icon {
        display: none; }
  .nav--side .nav__item.current.has_children ul,
  .nav--side .nav__item.parent.has_children ul {
    display: block; }
  @media only screen and (max-width: 899px) {
    .nav--side .nav__item {
      display: none; }
      .nav--side .nav__item.current {
        display: block;
        border: 0; }
      .nav--side .nav__item.parent {
        display: block; }
        .nav--side .nav__item.parent &gt; .nav__item__link {
          display: block; }
    .nav--side .nav-mobile-handler, .nav--side .nav__mobile-helper {
      display: block; }
    .nav--side.mobile-show .nav__item {
      display: block;
      border-bottom: 1px solid #ddd; }
    .nav--side.mobile-show .nav-mobile-handler, .nav--side.mobile-show .nav__mobile-helper {
      display: none; } }

.nav-mobile-handler {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none; }

.nav__mobile-helper {
  display: block;
  font-size: 0.875em;
  text-align: center;
  padding: .5em;
  color: #999;
  display: none; }

/**
 * Nav
 */
/**
 * Navbar
 */
.navbar {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  height: 66px;
  width: 100%;
  background: #00b8d7;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: .2s all ease-in-out; }
  @media only screen and (max-width: 899px) {
    .navbar {
      position: static;
      height: auto; }
      .navbar .col-12 {
        width: 100%;
        margin: 0;
        padding: 0; }
      .navbar .grid {
        padding: 0; } }

.front_navbar.hide .navbar {
  background-color: #00b8d7;
  background-color: rgba(0, 184, 215, 0.9); }
  @media only screen and (max-width: 899px) {
    .front_navbar.hide .navbar {
      display: block; } }

.navbar__logo {
  overflow: hidden;
  float: left; }
  @media only screen and (max-width: 899px) {
    .navbar__logo {
      float: none;
      padding-left: 16px; } }

.navbar__logo__item {
  display: block;
  width: 168px;
  height: 33px;
  background: url("../../img/logo--navbar.png") no-repeat left top;
  text-indent: -5000em;
  border: 0;
  float: left;
  margin-top: 16px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .navbar__logo__item {
      background: url("../../img/logo--navbar@2x.png") no-repeat left top;
      background-size: 100%; } }

.navbar__mobile {
  display: none;
  float: right;
  width: 130px;
  height: 66px;
  line-height: 66px;
  text-align: center;
  color: #fff;
  border: none; }
  .navbar__mobile:hover {
    color: #fff; }
  .navbar__mobile .navbar__mobile__icon {
    margin-right: 0.375em;
    color: rgba(255, 255, 255, 0.75); }
    .mobile-nav-open .navbar__mobile .navbar__mobile__icon:before {
      content: ""; }
  @media only screen and (max-width: 899px) {
    .navbar__mobile {
      display: block; } }

.nav--bar {
  list-style: none;
  float: right;
  margin: 0;
  padding: 0;
  text-align: center; }
  .nav--bar li {
    display: block;
    float: left; }
    .nav--bar li a {
      color: #fff;
      text-decoration: none;
      height: 60px;
      line-height: 60px;
      position: relative;
      padding: 3px 22px 0;
      display: inline-block;
      border: none;
      font-weight: 500;
      border-bottom: 3px solid #2b899f; }
    .nav--bar li a:hover, .nav--bar li a.active, .nav--bar li.parent a {
      border-color: #206677; }
  @media only screen and (max-width: 899px) {
    .nav--bar {
      float: none;
      display: none;
      background: #333; }
      .mobile-nav-open .nav--bar {
        display: block; }
      .nav--bar li {
        display: block;
        float: none; }
        .nav--bar li a {
          display: block;
          height: 44px;
          line-height: 44px;
          border-bottom-width: 1px;
          border-color: #2b2b2b; }
        .nav--bar li a:hover, .nav--bar li a.active, .nav--bar li.parent a {
          border-color: #2b2b2b;
          background: #2b2b2b; } }

.navbar__languages {
  float: right;
  padding: 1.25em 0 0 1.25em; }
  .navbar__languages a {
    display: inline-block;
    color: #fff;
    border: none;
    font-size: 0.875em;
    width: 2.14286em;
    height: 2.14286em;
    line-height: 2.14286em;
    text-align: center;
    padding: 0;
    margin: 0 0.35714em;
    border-radius: 100%; }
    .navbar__languages a.active, .navbar__languages a:hover {
      background: #26788b; }
  @media only screen and (max-width: 899px) {
    .navbar__languages {
      float: none;
      padding: 0.625em;
      text-align: center;
      background: #333;
      border-top: 1px solid #26788b;
      display: none; }
      .mobile-nav-open .navbar__languages {
        display: block; }
      .navbar__languages a.active, .navbar__languages a:hover {
        background: #222; } }

.faq-item {
  display: block;
  padding: 0.9375em 1.25em;
  border: 1px solid #ddd;
  margin-top: -1px; }
  .faq-item:nth-child(even) {
    background: #f7f7f7; }

.faq-item-question {
  margin: 0 0 0.625em;
  line-height: 1.25em;
  font-weight: bold; }

.faq-item-answer {
  margin: 0; }

/**
 * Content styling
 */
.area--content {
  padding: 1.875em 0; }

.page-title {
  display: block;
  font-size: 2.25em;
  margin: 0.61111em 0 0.41667em;
  font-weight: 600;
  color: #2b899f; }
  @media only screen and (max-width: 600px) {
    .page-title {
      font-size: 1.75em;
      margin: 0.78571em 0 0.39286em; } }

.area--welcome {
  padding: 6.25em 0;
  overflow: hidden; }
  @media only screen and (max-width: 600px) {
    .area--welcome {
      padding: 2.5em 0; } }

.area--footer {
  text-align: centera;
  padding: 0.875em;
  color: #999;
  font-size: 0.875em;
  border-top: 1px solid #ddd;
  margin-top: 0.875em; }
  .page--front + .area--footer {
    border: 0;
    margin-top: 0; }

.area--stories {
  padding: 44px 0;
  background: #efefef;
  box-shadow: inset 0 5.5px rgba(0, 0, 0, 0.05), inset 0 -5.5px rgba(0, 0, 0, 0.05); }
  .area--stories h1 {
    color: #206677;
    text-align: center; }
  .area--stories .con--4 {
    width: 35%;
    margin: 0 auto;
    text-align: center; }

.area--local {
  padding: 5em 0;
  background: #2b899f url("../../img/lightning.png") no-repeat 20% center;
  color: #fff;
  overflow: hidden; }
  .area--local h1 {
    color: #fff;
    margin-bottom: 0;
    margin-top: 66px; }
    @media only screen and (max-width: 600px) {
      .area--local h1 {
        margin-top: 0; } }

.local__finland {
  width: 316px;
  height: 605px;
  background: url("../../img/suomi.png");
  margin: -200px auto 0; }
  @media only screen and (max-width: 600px) {
    .local__finland {
      margin: 0 auto;
      width: 158px;
      height: 302px;
      background-size: cover; } }

/**
 * Laskelma
 */
.area--laskelma {
  padding: 1.375em 0;
  background: #efefef; }
  .area--laskelma h2 {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 1.75em;
    line-height: 1em;
    margin-top: 1.78571em; }
    @media only screen and (max-width: 899px) {
      .area--laskelma h2 {
        margin-top: 0; } }
  .area--laskelma p {
    font-size: 1.125em;
    line-height: 1.4em;
    color: #444; }

.laskelma {
  background: #269924;
  color: #fff;
  border-top-left-radius: 0.375em;
  border-top-right-radius: 0.375em;
  max-width: 28.125em;
  margin: -2.5em auto -6.25em;
  padding-bottom: 1.25em;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
  @media only screen and (max-width: 899px) {
    .laskelma {
      margin: 0 auto -2.5em; } }
  .laskelma h2 {
    margin: 0;
    padding: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.125em;
    font-weight: 600;
    text-align: center;
    line-height: 3.125em;
    border-bottom: 1px solid #21841f; }
  .laskelma p {
    text-align: center;
    padding: 1.375em 1.375em;
    margin: 0; }

.laskelma__table {
  font-size: 0.875em;
  width: 100%; }
  .laskelma__table td {
    padding: 0.625em 1em;
    text-align: left;
    border-top: 1px solid #21841f;
    text-align: center; }
    .laskelma__table td.laskelma__table__label {
      text-align: left;
      width: 300px; }
    .laskelma__table td.laskelma__table__grey {
      background: #249122; }
    .laskelma__table td.laskelma__table__green {
      background: #249122;
      color: #fff;
      font-weight: bold; }
    .laskelma__table td.laskelma__table__end {
      padding: 0.9375em;
      text-align: center; }

.laskelma__info p {
  text-align: center;
  padding: 0.66667em;
  font-size: 1.125em;
  line-height: 1.4em;
  text-align: center;
  margin: 0 auto 0;
  max-width: 37.5em; }

@media only screen and (max-width: 600px) {
  .page {
    padding: 0; } }

.area--scenery {
  display: block;
  background: url(/site/templates/img/scenery/v2/maisema.png) no-repeat center -128px;
  background-attachment: fixed;
  height: 128px;
  box-shadow: inset 0 -3px rgba(0, 0, 0, 0.15);
  position: relative; }
  .area--scenery .noise {
    width: 100%;
    height: 100%; }
  @media only screen and (max-width: 600px) {
    .area--scenery {
      height: 88px;
      background: url(/site/templates/img/scenery/v2/maisema_mobile.png) no-repeat center center; } }

.area__content table {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 0.25em; }
  .area__content table p {
    margin: 0; }
  .area__content table td {
    padding: 0.375em;
    border: 1px solid #ddd; }
  .area__content table tr:first-child td:first-child {
    border-top-left-radius: 0.25em; }
  .area__content table tr:first-child td:last-child {
    border-top-right-radius: 0.25em; }
  .area__content table tr:last-child td:first-child {
    border-bottom-left-radius: 0.25em; }
  .area__content table tr:last-child td:last-child {
    border-bottom-right-radius: 0.25em; }

.area__content img {
  max-width: 100%;
  border-radius: 0.375em; }

.area--yhteistyo {
  border-top: 1px solid #efefef;
  display: block;
  padding: 3.75em 0;
  text-align: center; }

.yhteistyo {
  max-width: 37.5em;
  margin: 0 auto; }

/**
 * Profiles
 */
.profiles {
  margin: 0;
  padding: 0;
  list-style: none; }

.profiles__profile__link {
  text-decoration: none;
  display: block;
  padding: 0.6875em;
  border-bottom: 1px solid #ddd; }

.profiles__profile__link__image {
  display: block;
  float: left;
  width: 2.75em;
  height: 2.75em;
  border-radius: 100%;
  background: #333;
  margin-right: 0.6875em; }

.profiles__profile__link__title {
  display: block; }

.profiles__profile__link__note {
  color: #999; }

.profile__subtitle {
  font-style: italic;
  color: #999;
  font-size: 1.125em;
  line-height: 1.4em; }

.profile__image {
  width: 200px;
  height: 200px;
  float: right;
  border-radius: 0.375em;
  margin: 0 0 0.75em 0.75em; }
  @media only screen and (max-width: 600px) {
    .profile__image {
      display: block;
      float: none;
      margin: 1em auto 0;
      max-width: 100%; } }
</pre></body></html>