.template-404 #header {
  background: none;
}

.template-home #header {
  background: none;
}

.template-text #header,
.template-textwide #header {
  background: none;
}
.template-text #header-bg,
.template-textwide #header-bg {
  height: 117px;
}

.template-lomake #header,
.template-valikko #header,
.template-ajankohtaista #header,
.template-ajankohtaista_uutisnostot #header,
.template-ajankohtaista_kategoria #header {
  background: none;
}

#header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  min-width: 320px;
  padding: 44px 0 0;
  z-index: 999;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
  background: rgb(255, 255, 255);
}
#header.scrolled {
  padding: 0;
}
#header .logo {
  position: absolute;
  top: 23px;
  left: 40px;
  margin: 0px 0 0px 0px;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
}
#header .logo img {
  width: 144px;
  height: auto;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

.no-scroll-header #header {
  position: absolute !important;
}

.cms #header {
  position: absolute !important;
}

#header-bg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 82px;
  background: #fff;
  z-index: 0;
}

.noscroll #header {
  position: absolute !important;
}

.scrolled #header {
  padding-top: 0;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
  background: rgba(255, 255, 255, 0.7);
}
.scrolled #header .logo {
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
  top: 8px;
  left: 45px;
}
.scrolled #header .logo img {
  display: block;
  width: 128px;
  height: auto;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

@media only screen and (max-width: 1500px) {
  #header .logo {
    left: 30px;
  }
  .scrolled #header .logo {
    left: 30px;
  }
}
@media only screen and (max-width: 1450px) {
  #header .logo {
    left: 30px;
  }
}
@media only screen and (max-width: 1060px) {
  #header .logo {
    top: 28px;
  }
  #header .logo img {
    width: 128px;
  }
}
@media only screen and (max-width: 950px) {
  #header .logo {
    top: 30px;
  }
  #header .logo img {
    width: 120px;
  }
  .scrolled #header .logo img {
    width: 120px;
  }
}
@media only screen and (max-width: 850px) {
  #header .logo {
    top: 45px;
    left: 15px;
  }
  #header .logo img {
    width: 120px;
  }
  .scrolled #header .logo img {
    width: 120px;
  }
}
@media only screen and (max-width: 799px) {
  #header-bg {
    height: 56px !important;
  }
  body {
    top: 0 !important;
  }
  #header {
    display: block !important;
    position: absolute !important;
    top: 12px !important;
    left: 65px !important;
    right: auto !important;
    height: 30px !important;
    background: transparent !important;
    min-width: 60px !important;
    width: 60px !important;
    padding: 16px 0 0 0 !important;
  }
  #header #skiptocontent {
    display: none;
  }
  #header .logo {
    display: none;
  }
  #header #mobile-menu-trigger {
    display: none !important;
  }
  #header #menu-wrap {
    display: none !important;
  }
  #header #second-menu {
    right: auto !important;
    top: 0px !important;
  }
  #header #second-nav li.top_menu {
    display: none;
  }
  #header #second-nav li.second-menu-icon {
    display: none;
  }
  #header #nav {
    display: none !important;
  }
}
@media print {
  #header {
    position: static;
    width: 100%;
    padding: 0;
  }
}/*# sourceMappingURL=header.css.map */