@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Lato:Bold");
@import url("https://fonts.googleapis.com/css?family=Lato:Regular");
@import url("https://fonts.googleapis.com/css?family=Lato:Light");
@import url("https://fonts.googleapis.com/css?family=Lato:Black");
@media only screen and (min-width: 769px) {
  .articleListCol .history-cover {
    padding-bottom: 20px; } }

.bgColor4 {
  background: #FFFFFF; }

.fontColor1, .fontColor1 p, .fontColor1 h1, .fontColor1 h2, .fontColor1 h3, .fontColor1 a, .fontColor1 a:visited {
  color: #5F6060; }

.fontColor2, .fontColor2 a, .fontColor2 p, .fontColor2 h1, .fontColor2 h2, .fontColor2 h3 {
  color: #FFFFFF; }

.bgColor5 {
  background: #FFFFFF; }

.leftCol, .midCol, .rightCol {
  margin: 10px; }

.bgColor2 {
  background: #F2F2F2; }

.bgColor3 {
  background: #28ACEC; }

.fontColor3, .fontColor3 a, .fontColor3 p, .fontColor3 h1, .fontColor3 h2, .fontColor3 h3 {
  color: #FFFFFF; }

.fontColor4, .fontColor4 a, .fontColor4 p, .fontColor4 h1, .fontColor4 h2, .fontColor4 h3 {
  color: #FFFFFF; }

.vinjet p {
  margin: 10px;
  font-size: 18px; }

.staticFont1 {
  font-family: 'Georgia'; }

.staticFont2 {
  font-family: 'Helvetica'; }

.navigation p, .mobNav .log form, .tabNav .log form {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold; }

.vinjet {
  margin-bottom: 10px; }

.listBox1:not(:last-child) {
  margin-bottom: 20px; }

p.Caption, p.Source {
  display: none; }

.listBox1 > div > a > div {
  border-bottom: 1px solid #dadada; }

.article_list1 h1 {
  margin: 0px;
  font-size: 14px;
  color: #000000;
  font-weight: bold; }

.listBox1 > div > a:not(:last-child) > div, .listBox1 > a:not(:last-child) > div {
  margin-bottom: 5px; }

.agPoll {
  padding: 8px;
  border: none !important;
  font-size: 15px;
  background: none !important; }

.article_list2 h1 {
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 14px; }

.article_list2 {
  font-size: 12px;
  font-weight: bold; }

.overlay1 {
  padding: 15px;
  background: #333333;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto !important;
  min-width: auto !important;
  max-width: auto !important;
  min-width: initial !important;
  max-width: none !important;
  display: block; }

.relative {
  position: relative; }

.overlay2 {
  padding: 15px;
  background: #333333;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto !important;
  min-width: auto !important;
  max-width: auto !important;
  min-width: initial !important;
  max-width: none !important;
  display: block; }

.overlayArticle1 p, .overlayArticle1 h1 {
  margin: 10px 0px 0px 0px;
  font-size: 40px;
  color: #FFFFFF; }

.overlayArticle1 span.datetime {
  margin: 0px;
  color: #FFFFFF;
  color: white !important; }

.overlayArticle2 p, .overlayArticle2 h1 {
  font-size: 18px;
  color: #FFFFFF;
  overflow: hidden;
  max-height: 3.5em;
  margin: 0px;
  padding: 12px 0px; }

.overlayArticle2 span.datetime {
  margin: 0px;
  color: #FFFFFF; }

a:nth-child(even) .overlayArticle2 {
  margin-left: 5px; }

a:nth-child(odd) .overlayArticle2 {
  margin-right: 5px; }

.overlayArticle2 {
  margin-bottom: 10px;
  overflow: hidden; }

.weather-icon {
  margin-left: 10px;
  float: left;
  width: 50%; }

.weather {
  margin-top: 25px;
  margin-bottom: 5px; }

.weather-icon img {
  width: 90%; }

p.weather-city {
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: 5px;
  font-size: 12px;
  color: #000000;
  font-weight: bold; }

p.weather-temp {
  margin-top: 5px;
  margin-left: 10px;
  margin-bottom: 5px;
  font-size: 12px;
  color: #000000;
  font-weight: bold; }

.searchfield {
  padding: 3px;
  border: 1px solid #ddd;
  background-color: #F6F6F6;
  font-family: Arial,Helvetica,sans-serif;
  -moz-border-radius: 5px;
  -webkit-border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05) inset;
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05) inset;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05) inset; }

.genericFont1 {
  font: normal 400 14px 'Open sans',sans-serif; }

a, table a {
  text-decoration: none !important;
  color: black; }

.popup_login {
  padding: 10px;
  border-radius: 0px 0px 3px 3px;
  z-index: 20;
  top: 55px;
  right: 10px; }

.bgColor6 {
  background: #EFEFEF; }

.popup_login input {
  margin: 5px 0px;
  padding: 10px 8px;
  border: 1px solid #cccccc;
  width: 100%;
  border-radius: 3px;
  box-sizing: border-box; }

.popup_login input[type="submit"] {
  margin: 10px 0px;
  padding: 13px 0px;
  font-size: 16px;
  color: #FFFFFF;
  border-radius: 3px;
  border: none; }

.popup_login p {
  margin: 0px;
  color: #000000; }

.fa-camera {
  margin-top: 7px; }

.overlayArticle1 {
  margin-bottom: 10px;
  min-height: 124px !important; }

.main_article_list2 h1 {
  margin: 5px 0px 10px 0px;
  font-size: 22px;
  padding-right: 15px; }

.main_article_list2 h3 {
  margin: 0px 10px 10px 0px;
  font-size: 16px; }

.listBox1 > a > div {
  padding: 0px 0px 10px 0px;
  border-bottom: 1px solid #b6b6b6; }

.main_article_list1 h1 {
  margin: 5px 0px 10px 0px;
  font-size: 26px; }

.main_article_list1 h3 {
  margin: 5px 0px;
  font-size: 18px; }

.answer:before {
  color: #CCCCCC;
  background-color: #FFFFFF;
  content: "\f1db";
  font-family: FontAwesome;
  margin: 1px 8px 0 0;
  float: left;
  border-radius: 50%; }

.answer:hover:before {
  color: #797979;
  content: "\f192"; }

.answer {
  margin: 7px 0px !important;
  padding: 7px 0px 7px 11px;
  border: 1px solid #dadada;
  background-color: #F6F6F6;
  border-radius: 4px; }

.answer:hover {
  background-color: #F0F0F0; }

.footer {
  border-top: 1px solid #dadada; }

.article h2 {
  font-size: 18px; }

.article h3 {
  font-size: 120%; }

.blogInfo div:first-child, .employee > div:first-child {
  margin-right: 10px; }

.blogInfo span.user-firstname:after, .employee span.user-firstname:after {
  content: "\00a0"; }

.blogInfo span.user-firstname, .blogInfo span.user-lastname {
  font-weight: bold; }

.employee {
  margin-top: 10px;
  margin-right: 10px;
  padding: 0px 0px 10px 0px;
  border-bottom: 1px solid #e6e6e6; }

.jsClick {
  cursor: pointer; }

span.ag_search_entry {
  margin-top: 10px; }

.ag_search_entry, .ag_result_count {
  margin: 0px;
  color: #333333;
  display: block;
  font-family: 'Helvetica'; }

.ag_search_entry:before {
  content: "Keyword: "; }

.ag_result_count:before {
  content: "Results: "; }

.fontColor5, span.ag_page_navigation_bottom a, span.ag_page_navigation_top a {
  color: #000000; }

.searchBox {
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #E6E6E6; }

.searchBox .searchfield {
  padding: 10px;
  width: calc(100% - 80px); }

.searchBox button.searchbutton {
  margin-left: 15px;
  padding: 10px;
  border: none;
  border-radius: 3px;
  color: #F6F6F6;
  background: #71C7F2;
  width: 60px; }

.ag_page_navigation_dots {
  color: #F6F6F6;
  color: #000000; }

.tablet .fa-camera {
  margin-top: 15px; }

input.searchfield {
  width: 100%;
  border: 1px solid #AAAAAA;
  padding: 5px 15px;
  margin-bottom: 5px;
  z-index: 1;
  background-color: #fff;
  border-radius: 4px;
  line-height: 1.5;
  font-family: 'Open Sans'; }

.mobileHeader {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10; }

.mobile .midCol {
  padding: 10px; }

.mobile .leftCol, .mobile .rightCol {
  margin: 0px; }

.state_answer .answer {
  display: none; }

.absolute {
  position: absolute;
  z-index: 10000; }

.mobNav, .tabNav {
  position: fixed;
  top: 56px;
  bottom: 0;
  right: 0;
  z-index: 10000;
  padding: 0px;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  transition: transform 0.4s ease;
  will-change: transform;
  overflow-y: scroll;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow: -moz-scrollbars-none; }

.mobNav p, .mobNav .log form:last-child {
  padding: 0px 10px; }

.ag_page_navigation_top, .ag_page_navigation_bottom {
  margin: 10px 50px;
  display: inherit; }

.mobNav a:hover, .tabNav a:hover {
  background: #F2F2F2; }

.mobNav .search, .tabNav .search {
  margin-top: 10px;
  margin-bottom: 25px; }

.tablet .navItem {
  padding: 1px 5px; }

.inline {
  display: inline-block !important; }

.inline .float {
  margin-left: 10px;
  margin-bottom: 10px;
  float: right; }

.overlayArticle2.bgColor1 .overlay2 {
  background: none !important;
  min-height: 120px !important;
  max-height: 120px !important; }

.mobNav .log:hover {
  background: #48A8FF; }

.log form input {
  margin-top: 5px;
  padding: 5px;
  border: none;
  border-radius: 3px;
  width: calc(100% - 10px); }

.log input[type="submit"] {
  margin-bottom: 10px;
  color: #FFFFFF;
  background: #71C7F2;
  width: 60px !important; }

.zoom > div {
  border: 1px solid #71C7F2;
  cursor: pointer; }

.zoomPlus {
  margin-left: 5px; }

.zoom p {
  margin: 0px;
  font-size: 14px;
  font-weight: bold;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; }

.zoomMinus {
  margin-right: 5px; }

.zoom .zoomMinus p {
  font-size: 12px; }

.zoom .fa {
  color: #000000; }

.bgColor7 {
  background: #E5E5E5;
  background-color: white; }

.blogInfo {
  margin-bottom: 10px; }

.navItem:hover p {
  color: #FFFFFF; }

.mobile .bgColor2 {
  background: #F2F2F2; }

.customArticlePage h1.otsikko {
  margin-top: 50px; }

.haku input[type="text"] {
  background: #f2f2f2;
  border: none;
  padding: 6px; }

.haku i.far {
  color: #5f6060 !important; }

.deptPage.small {
  padding: 10px 0px; }

span.ag_page_navigation_top a, span.ag_page_navigation_bottom a {
  margin-right: 7px !important;
  padding: 7px !important;
  border: 1px solid #cccccc !important;
  min-width: 30px;
  max-width: 45px;
  font-weight: 600;
  text-align: center;
  margin-top: 10px !important; }

@media only screen and (min-width: 769px) {
  .ag_search_entry, .ag_result_count {
    padding: 0px 50px; } }

@media only screen and (max-width: 768px) {
  .ag_search_entry, .ag_result_count {
    padding: 0px 30px; } }

.searchPage .haku {
  margin-top: 40px; }
  .searchPage .haku form {
    width: 100%; }
  .searchPage .haku form input {
    padding: 15px; }
  .searchPage .haku form button {
    height: 45px;
    width: 45px; }

.mainList {
  margin-bottom: 40px; }

.menuMob .menuCol .haku i.far {
  margin-top: 0px !important;
  font-size: 13px !important; }

.menuMob .menuCol .haku form {
  width: 100%; }

.testi2 * {
  max-height: 85px !important; }

.tilaamaan.custom > div {
  max-width: 740px;
  margin: 0 auto; }

.filterList form {
  position: absolute !important;
  top: 51px;
  right: -50px;
  z-index: 1;
  height: 580px;
  width: 320px;
  background: white;
  overflow: hidden;
  border: 0px; }

.filterList form.palvelut {
  width: 320px;
  height: 480px; }

.filterList form.retket {
  width: 320px;
  height: 410px; }

.filterList form label {
  line-height: 20px;
  font-size: 15px;
  padding: 10px 50px;
  width: 320px;
  display: inline-block;
  cursor: pointer; }

.filterList form :checked + label, .filterList form label:hover {
  background: #f2f2f2; }

.filterList form input[type="submit"] {
  display: block !important;
  margin-left: 50px;
  padding: 8px 10px;
  width: 120px;
  cursor: pointer; }

.filterList form input {
  display: none; }

.orderPage iframe {
  min-height: 530px !important; }

.formControl {
  font-family: "Lato" !important;
  font-size: 16px !important; }

.orderInfo {
  background: #5f6060;
  text-align: center;
  padding: 50px 0px;
  margin-top: -30px; }
  .orderInfo * {
    width: 100%;
    color: #eaeaea; }
  .orderInfo h2 {
    margin-bottom: 0px; }
  .orderInfo .customBorder {
    background: #eaeaea;
    width: 220px;
    height: 1px;
    margin: 0 auto; }

@media only screen and (min-width: 769px) {
  .logo {
    padding-top: 24px; } }

@media only screen and (max-width: 768px) {
  .paakirjoitusEtusivu {
    margin-top: 30px; } }

.newkuukkeli .top-nav .menubtn .fa-2x:hover, .newkuukkeli .top-nav .menubtnmobile .fa-2x:hover {
  color: #5f6060; }

.hakusana-retket, .hakusana-palvelut {
  margin-top: 15px; }
  .hakusana-retket p, .hakusana-palvelut p {
    margin: 0px; }

@media only screen and (max-width: 768px) {
  .logo {
    padding-top: 30px; } }

.sitaattilaatikko {
  margin-top: 30px; }
  .sitaattilaatikko p.sitaatti {
    color: #71c7f2;
    font-weight: bold;
    font-style: italic;
    font-size: 24px;
    line-height: 34px;
    padding-left: 100px; }
  .sitaattilaatikko p.sitaatti::before {
    content: "";
    background-image: url(/neodirect/static/8/image/lainausmerkki.png);
    position: absolute;
    height: 60px;
    width: 60px;
    margin-left: -70px;
    margin-top: -20px;
    z-index: 200;
    background-size: 100%;
    background-repeat: no-repeat; }

.listSmallArticle.filterArticleList.retket .textArea:after {
  content: "" !important; }

.newkuukkeli .articleListCol .listSmallArticle.filterArticleList.retket a {
  border-bottom: 1px solid #dadada; }

@media only screen and (max-width: 768px) {
  .yllas-info.yllas-info-small .icon-wrap * {
    width: 65px !important;
    min-width: 65px !important;
    height: 65px !important; } }

@media only screen and (max-width: 768px) {
  .suodatinBox .drop {
    display: none;
    position: absolute;
    background: #f2f2f2;
    z-index: 10;
    top: 50px;
    left: -30px;
    width: 190px; }
    .suodatinBox .drop > div {
      padding-left: 30px; } }

@media only screen and (max-width: 768px) {
  .subMenuWrap .subbtn {
    display: none; } }

.suodatinBox .pcFilter a p {
  padding: 0px 14px 0px 0px;
  width: max-content; }

@media only screen and (max-width: 768px) {
  .drop .subbtn, .subbtn.active {
    display: block !important; } }

@media only screen and (max-width: 768px) {
  .subMenuWrap .active p {
    width: max-content; }
    .subMenuWrap .active p:after {
      font-family: "Font Awesome 5 Pro";
      content: "\f107";
      padding-left: 6px; } }

@media only screen and (max-width: 768px) {
  .subMenuWrap.retket .active p:before {
    content: "Valitse retki: "; }
  .subMenuWrap.palvelut .active p:before {
    content: "Valitse alue: "; } }

.suodatinTxtBtn .avaa img {
  max-width: 35px !important; }

.palveluListaus .textArea {
  padding-top: 15px !important;
  padding-bottom: 15px !important; }

.newkuukkeli .articleListCol .listSmallArticle.filterArticleList.retket a .wrapper {
  padding: 0px 50px; }
  .newkuukkeli .articleListCol .listSmallArticle.filterArticleList.retket a .wrapper .textArea {
    padding-left: 0px !important;
    padding-right: 0px !important; }
  .newkuukkeli .articleListCol .listSmallArticle.filterArticleList.retket a .wrapper .textArea h3, .newkuukkeli .articleListCol .listSmallArticle.filterArticleList.retket a .wrapper .textArea p {
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0px 0px 0px; }

@media only screen and (min-width: 769px) {
  .isomainos-wrap {
    left: calc(50% - (955px/2)); } }

@media only screen and (max-width: 1035px) {
  .zoomArticle p ~ div.Image {
    margin: 15px -30px;
    width: calc(100% + 60px) !important; } }

@media only screen and (max-width: 768px) {
  .articleListCol > .deptPage {
    padding: 30px 30px 10px 30px; } }

@media only screen and (max-width: 768px) {
  .newkuukkeli .tilaamaan .hyva-lukija h3 {
    margin-bottom: 10px; } }

@media only screen and (max-width: 768px) {
  .paakirjoitusEtusivu .listSmallArticle a {
    margin-top: 5px !important; } }

.mainostajille .faktalaatikko p.fakta, .mainostajille .faktalaatikko p.faktalista {
  font-size: 18px; }

.mainostajille .faktalaatikko {
  border-top: 0;
  margin-top: 10px;
  margin-bottom: 15px; }

.mainostajille p a {
  font-weight: normal;
  border: 1px solid #71c7f2;
  padding: 5px 30px;
  border-radius: 8px;
  display: block !important;
  margin: 5px 0px 10px 0px; }

.mainostajille p a:hover {
  border: 1px solid #5f6060; }

.bussit .historia .articleText h1.otsikko {
  margin-bottom: 30px !important;
  margin-top: 20px !important; }

.bussit .historia:nth-child(4) {
  margin-bottom: 40px; }

.aghtml, iframe {
  width: 100% !important; }

.extrapage .zoomArticle h1.otsikko {
  margin: 40px 0px !important; }

@media only screen and (max-width: 1035px) {
  .sivupalkki1, .sivupalkki2, .sivupalkki_pitka {
    text-align: center;
    margin-top: 40px;
    border-bottom: 1px solid #dadada;
    padding-bottom: 40px; }
    .sivupalkki1 img, .sivupalkki2 img, .sivupalkki_pitka img {
      max-width: 405px !important; } }

@media only screen and (max-width: 1035px) {
  .sivupalkki1, .sivupalkki_pitka {
    border-bottom: 0 !important;
    margin-bottom: 0px !important; } }

.hakusana-retket p span, .hakusana-palvelut p span {
  color: #71C7F2;
  padding-left: 6px;
  cursor: pointer;
  z-index: 10; }

.isomainos-wrap {
  position: fixed;
  top: 0;
  left: 0 !important;
  background: #dadada;
  right: 0;
  bottom: 0;
  z-index: 99999; }
  .isomainos-wrap .exit-top-bar {
    width: 100%;
    padding: 7px;
    height: 50px;
    background: #efefef; }
  .isomainos-wrap .exit i {
    cursor: pointer;
    background: #71c7f2;
    color: #fff;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    font-size: 35px;
    text-align: center; }

.loginCol form.salasana {
  width: 100%; }

.changePassword fieldset.inlineLabels {
  margin: 0;
  padding: 0; }

.button-default:hover {
  background: #5f6060 !important; }

a.nappi {
  margin-top: 20px;
  display: block !important; }

.exit-logo-kuukkeli img {
  margin: 0 !important;
  max-width: 175px !important; }

.inlineLink .mainos.boksi1 a, .inlineLink .mainos.boksi2 a {
  display: block !important; }

.inlineLink .mainos.boksi1 img, .inlineLink .mainos.boksi2 img {
  margin-top: 60px; }

.loginBox form input {
  margin-top: 5px;
  background: #f2f2f2;
  border: 0 !important; }

.loginBox form label {
  color: #5f6060; }

.newkuukkeli .top-nav .links .times-epaper p {
  padding: 5px; }

.times-epaper p {
  font-size: 18px;
  font-family: "Lato";
  font-weight: 700;
  color: #626060; }

.pageContent {
  margin-top: 85px; }

.mainos.boksi1, .mainos.boksi2, .mainos.boksi3 {
  margin-top: 20px; }
  .mainos.boksi1 img, .mainos.boksi2 img, .mainos.boksi3 img {
    max-width: 405px !important; }
  .mainos.boksi1 a, .mainos.boksi2 a, .mainos.boksi3 a {
    text-align: center; }

.faktalaatikko {
  border-top: 1px solid #dadada;
  padding-bottom: 50px;
  padding-top: 25px;
  margin-top: 25px; }
  .faktalaatikko p.faktalista:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    padding-right: 8px;
    color: #71c7f2;
    position: absolute;
    left: 0;
    font-size: 25px; }
  .faktalaatikko p.fakta, .faktalaatikko p.faktalista {
    color: #5f6060;
    font-size: 16px;
    margin-left: 40px;
    padding-bottom: 10px; }
  .faktalaatikko p.fakta {
    margin-left: 0px !important; }
  .faktalaatikko .tietolaatikko p, .faktalaatikko p.faktaotsikko {
    font-size: 24px;
    color: #5f6060;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 20px; }

.articleListCol .history-cover {
  border-top: 1px solid #dadada;
  padding-top: 25px; }
  .articleListCol .history-cover a {
    margin: 0 auto; }

.right-col.sticky-bottom {
  -webkit-justify-content: flex-end;
  justify-content: flex-end; }
  .right-col.sticky-bottom .sticky-col {
    bottom: 0px;
    top: unset; }

.right-col .sticky-col > div {
  margin-bottom: 15px; }
  .right-col .sticky-col > div:last-child {
    margin-bottom: 0; }

.bgColor1, .popup_login input[type="submit"], .ag_page_navigation_current {
  background-color: #71C7F2; }

.overlay1mob {
  padding: 15px;
  background: #F2F2F2;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto !important;
  min-width: auto !important;
  max-width: auto !important;
  min-width: initial !important;
  max-width: none !important;
  display: block; }

.overlay2mob {
  padding: 15px;
  background: #DDDDDD;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto !important;
  min-width: auto !important;
  max-width: auto !important;
  min-width: initial !important;
  max-width: none !important;
  display: block; }

.navItem.bgColor2 p {
  color: #FFFFFF !important; }

.mobNav a {
  width: 100%; }

.cursor {
  cursor: pointer; }

.overlayArticle2 .overlay2:first-child h1 {
  max-height: 5.8em; }

.footer .logoText p {
  margin: 0px;
  font-size: 72px;
  color: #71C7F2;
  color: #FFFFFF; }

.mobile .logoText {
  display: block;
  text-align: center; }

.mobile .logoText p {
  font-size: 70px; }

.mobile .footer .logoText {
  margin: 0px 0px 0px 16px;
  text-align: left; }

.mobile .footer .logoText p {
  font-size: 40px; }

.article h1 {
  font-size: 200%; }

.article p {
  font-size: 100%; }

.footer p {
  font-size: 15px;
  font-size: 15px;
  margin: 2px;
  font-weight: lighter;
  color: #333333;
  font-family: 'Open sans'; }

.logoText p {
  margin: 0px;
  font-size: 88px;
  color: #2B2B2B; }

.search {
  font-size: 15px; }

.newsLogo p {
  color: white;
  font-size: 90px;
  font-weight: bold;
  margin: 10px !important; }

.bgBlack {
  background-color: #000000; }

.textDecNone a {
  text-decoration: none; }

td {
  color: #000000;
  text-decoration: none !important; }

.margin10 {
  margin-left: 10px;
  margin-right: 10px; }

.bgGrey {
  background-color: #E6E6E6; }

.borderLeft {
  border-left: solid;
  border-width: 1px;
  border-color: grey; }

.marginLeft5 {
  margin-left: 5px; }

marginBottom10 {
  margin-bottom: 10px; }

.fontColorWhite a {
  color: white !important; }

.navItem:hover {
  background: #71C7F2;
  color: #FFFFFF; }

.not_my_answer.answer_incorrect.answer-result-state {
  margin: 40px 0px 10px 0px;
  padding: 0;
  height: 10px;
  color: #404040;
  background: transparent;
  position: relative;
  display: table; }

.not_my_answer.answer_incorrect.answer-result-state:before {
  content: "\ ";
  background: #F2F2F2;
  border-radius: 10px;
  height: 10px;
  display: block;
  position: absolute;
  bottom: 10px;
  width: inherit; }

.answer-result-text {
  position: relative;
  top: -24px;
  text-shadow: none;
  display: table;
  width: 270px;
  white-space: initial; }

.answer-result-state:after {
  background: rgba(0, 0, 0, 0.05);
  height: 10px;
  display: block;
  content: "\ ";
  position: absolute;
  z-index: 0;
  margin-top: -19px;
  border-radius: 10px;
  box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
  width: 270px; }

.articleList a:not(:last-child) {
  border-bottom: 1px solid #dadada; }

.boxshadow {
  background-color: #F6F6F6;
  box-shadow: #444545 0px 2px 10px 0px; }

.noBorders div {
  border: none !important; }

.leftCol {
  right: 0; }

.some .fa {
  margin-top: 8px;
  padding-right: 5px;
  color: #000000; }

.icon-link {
  margin-right: 20px; }

.bottom_article_list a:not(:last-child) {
  padding: 10px 0px; }

.bottom_article_list a .main_article_list2 {
  border-bottom: 1px solid #9a9a9a; }

.bottom_article_list.left {
  margin-right: 15px; }

.bottom_article_list.right {
  margin-left: 15px; }

.minilist {
  margin: 0px 0px 5px 5px;
  background: #71C7F2; }

.minilist h1, .minilist span {
  color: #FFFFFF !important; }

.bottom_article_list_mini a:nth-child(4n-7) > div {
  margin-left: 0px; }

.bottom_article_list_mini a:nth-child(4n-0) > div {
  margin-right: 0px; }

.bottom_article_list_mini a.minilist:nth-child(4n-0) {
  margin-left: 5px;
  margin-right: 0px; }

.bottom_article_list_mini a.minilist:nth-child(4n-7) {
  margin-left: 0px;
  margin-right: 5px; }

.minilist .bottom_article_list {
  padding: 5px; }

.bottom_article_list_mini a.minilist > div {
  margin: 0px !important; }

.paddingLeft10px {
  padding-left: 10px; }

.mobileHeaderItem {
  padding-top: 17px;
  padding-left: 15px;
  padding-right: 15px;
  color: #ffffff; }

.mobNav .extraLinks a p {
  display: inline-block; }

.extraLinks i {
  margin-top: 7px;
  margin-left: 7px;
  color: #ffffff; }

.mobNav .extraLinks a:hover {
  background: none; }

.bottom_article_list_mini_tab a.minilist:nth-child(3n-0) {
  margin-right: 0px; }

.bottom_article_list_mini_tab a.minilist:nth-child(2n-3) {
  margin-left: 0px; }

.bottom_article_list_mini_mob a.minilist:nth-child(2n-0) {
  margin-right: 0px; }

.bottom_article_list_mini_mob a.minilist:nth-child(1n-2) {
  margin-left: 0px; }

.tabNav a {
  width: 100%; }

.searchMobile {
  margin: 0px 0px 0px 5px;
  z-index: 1;
  top: 65px; }

.searchMobile input.searchfield {
  margin: 0px;
  padding: 10px; }

.searchTab {
  background: #71C7F2;
  top: 56px;
  z-index: 1000;
  position: fixed;
  transform: translateX(100%);
  transition: transform 0.4s ease;
  will-change: transform; }

.mobile .logo {
  margin-top: 18px; }

.searchTab input.searchfield {
  padding: 5px;
  color: #ffffff;
  margin: 10px;
  width: 100%;
  border: none;
  border-bottom: 1px solid white;
  border-radius: 0px;
  background: #71C7F2;
  font-size: 18px;
  font-style: italic; }

.user-title {
  vertical-align: -10%; }

.luetuimmat {
  margin: 5px;
  padding-bottom: 15px;
  border-bottom: 1px solid #dadada; }

.luetuimmat h1 {
  margin: 0;
  font-size: 16px;
  color: #2e2e2e !important; }

.luetuimmatWrap a:last-child .luetuimmat {
  border: none;
  padding-bottom: 5px; }

.tabNav p {
  padding-left: 10px; }

.bottom_article_list_mini a:not(:last-child) .bottomBorder {
  border-bottom: 1px solid #dadada;
  margin: 10px 0px; }

.editorImage img {
  margin: 0px !important;
  width: 100px !important; }

.editorNameMargin {
  margin-top: 30px;
  margin-left: 10px; }

.formControl .formHeaderLabel {
  margin-bottom: 10px;
  display: inline-block;
  width: 100%; }

.formControl .formHeaderLabel h2 {
  margin: 10px;
  font-weight: lighter;
  font-size: 30px; }

.formControl .inputGroup {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px; }

.formControl .inputGroup input {
  float: left;
  width: calc(100% - 100px);
  padding: 2px 5px;
  font-size: 14px;
  margin: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 4px;
  line-height: 1.5;
  font-family: 'Open Sans'; }

.formControl .inputGroup input:focus, .formControl .inputGroup textarea:focus, .formControl .inputGroup select:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.formControl .inputGroup i {
  float: left;
  color: black;
  margin: 0px 10px;
  width: 32px !important;
  text-align: center;
  margin-top: 8px; }

.formControl .inputGroup textarea {
  font-family: 'Open Sans';
  width: calc(100% - 100px);
  float: left;
  padding: 5px 5px;
  font-size: 14px;
  margin: 4px;
  resize: none;
  border: 1px solid #ccc;
  background-color: #fff;
  line-height: 1.5; }

.formControl .inputGroup button {
  background-color: #F2F2F2;
  line-height: 1.5;
  padding: 5px 10px;
  font-family: 'Open Sans';
  float: left;
  margin: 2px 4px;
  font-size: 16px;
  color: white;
  border: 1px solid #F2F2F2; }

.formControl .inputGroup span {
  float: left;
  margin: 6px 10px;
  user-select: none; }

.formControl .inputGroup button:focus {
  background-color: #66afe9;
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.formControl .noMargin {
  margin: 0px !important; }

.formControl #thumbsUp {
  margin-top: 2px !important; }

.formControl .customWidth {
  width: 200px !important; }

.formControl ::-webkit-input-placeholder {
  color: #444545; }

.formControl ::-moz-placeholder {
  color: #444545; }

.formControl :-ms-input-placeholder {
  color: #444545; }

.formControl :-moz-placeholder {
  color: #444545; }

.formControl .inputGroup .label {
  width: 120px; }

.formControl .inputGroup .labelInput {
  width: calc(100% - 240px); }

input.searchfield:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.mobile .bottomNavPadding {
  padding-left: 8px; }

.footerMob {
  padding-left: 10px; }

.footerLinks a {
  margin-right: 10px;
  margin-left: 1px; }

.footerDesk {
  padding: 0px 0px 10px 10px; }

.deskList :nth-last-child(-n+2).employee {
  border: none; }

.mobList :nth-last-child(-n+1).employee {
  border: none; }

.formControl .inputGroup select {
  float: left;
  width: calc(100% - 88px);
  padding: 2px 5px;
  font-size: 14px;
  margin: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 4px;
  line-height: 1.5;
  font-family: 'Open Sans'; }

.inputGroup label, .inputGroup p, .inputGroup h3 {
  float: left;
  padding: 2px 5px;
  margin: 4px;
  width: 300px; }

.formControl .pointer {
  cursor: pointer; }

#lahjaTilaus {
  display: none; }

.inputGroup button.active {
  background-color: #66afe9;
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.idCard {
  display: inline-block !important;
  margin-bottom: 20px;
  font-size: 16px !important;
  border: 1px solid #dadada;
  padding: 10px;
  border-radius: 4px; }

.idIcon i {
  color: #333333;
  margin-top: 5px;
  text-align: center;
  float: left; }

.idTitle h3 {
  float: left;
  margin: 0px !important;
  margin-top: 2px !important;
  font-weight: lighter;
  color: #333333 !important; }

.idTitle {
  border-bottom: 3px solid #F2F2F2;
  padding-bottom: 5px; }

.idImage {
  border-radius: 100%;
  overflow: hidden;
  border: 1px solid #dadada; }

.idName h3 {
  font-weight: lighter;
  margin: 5px 10px !important; }

.idIntro p {
  margin: 5px 10px !important;
  line-height: 1.5; }

.idContent {
  padding: 10px; }

.footer a {
  font-size: 15px !important;
  color: #333333 !important;
  font-weight: bold;
  font-family: 'Open sans'; }

.footerInfo {
  margin-top: 10px; }

.desktopHeader .logo {
  padding: 10px 0px; }

.fa-facebook-square {
  color: #3B5998;
  color: #3B5998 !important; }

.fa-twitter {
  color: #1DA1F2 !important; }

.fa-youtube-play {
  color: #CC181E !important; }

.fa-pinterest {
  color: #BD081C !important; }

.searchTab input.searchfield:focus {
  box-shadow: none;
  border-bottom: 1px solid #F2F2F2; }

.searchTab ::-webkit-input-placeholder {
  color: #FFFFFF; }

.headerLinks {
  border-bottom: 1px solid #dadada; }

.fixIcons p {
  font-size: 16px !important; }

.menuBtnContainer {
  margin-top: 30px;
  width: 60px;
  height: 30px; }

.menuBtnLine {
  margin-left: 16px;
  margin-right: 16px;
  width: 28px;
  border-bottom: 3px solid white;
  border-radius: 50px;
  position: absolute;
  -webkit-transition: -webkit-transform 0.4s, margin-top 0.4s;
  transition: transform 0.4s, margin-top 0.4s; }

#menuRot1 {
  margin-top: -11px; }

#menuRot2 {
  margin-top: 5px; }

#menuBtnMaster.menuBtnActive {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-transition: -webkit-transform 0.7s;
  transition: transform 0.7s; }

.menuBtnContainer.menuBtnActive #menuRot1 {
  margin-top: -2px;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg); }

.menuBtnContainer.menuBtnActive #menuRot2 {
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
  margin-top: -2px; }

#menuBtnMaster {
  display: inline-block;
  height: 60px; }

.menuBtnContainer.menuBtnActive #menuRot3 {
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
  margin-top: -2px; }

#menuRot3 {
  margin-top: -3px; }

.blogStyle {
  margin: 5px; }

.absolute2 {
  position: absolute;
  z-index: 1000; }

.article_list1 {
  margin: 0;
  padding-bottom: 15px; }

.bottomLogo, .footerInfo {
  margin: 15px 10px 10px 15px; }

.bottom_article_list_mini_tab {
  margin-top: 20px; }

.masterCol > div:first-child {
  margin: 10px 0px; }

.masterCol > div {
  margin: 10px 0px 10px 15px; }

.idImage img {
  width: 100px !important; }

.navDropdown ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  width: 100%; }

.navDropLaunch {
  cursor: pointer; }

.overlayNotImg {
  position: absolute;
  padding: 15px;
  bottom: 0; }

.navDropdown a:hover {
  color: #FFFFFF !important; }

.navDropdown {
  position: absolute;
  top: 45px;
  z-index: 600;
  padding-top: 10px;
  box-shadow: black 0px 5px 10px -5px; }

.arrowColor:hover ~ .arrow-up {
  border-bottom: 10px solid #71C7F2; }

.overlayArticle1 .overlayNotImg {
  position: relative; }

.mobile .headerLinks {
  margin-top: 56px; }

a:focus, a:hover, a:action {
  outline: none !important;
  background: inherit !important; }

.formControl form {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px; }

.formControl form input {
  width: calc(100% - 12px);
  padding: 2px 5px;
  font-size: 14px;
  margin: 5px 0px;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 4px;
  line-height: 1.5;
  font-family: 'Open Sans'; }

.formControl form input[type=submit] {
  width: 100%;
  cursor: pointer; }

.formControl form input:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.formControl .arrow-up {
  right: 0;
  margin-right: 75px; }

.navDropdown.formControl form {
  background: #71C7F2;
  padding: 10px;
  width: 200px; }

.navDropdown.formControl {
  right: 0; }

.formControl .arrowColor:hover ~ .arrow-up {
  border-bottom: 10px solid #333333; }

.agModalBg {
  display: none;
  position: fixed;
  z-index: 100000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 100% !important;
  overflow: auto;
  opacity: 0;
  background-color: rgba(51, 51, 51, 0.6);
  transition: opacity 0.4s ease; }

.agModal {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  transition: transform 0.4s ease;
  cursor: default; }

.agTimesClose {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold; }

.agTimesClose:hover, .agTimesClose:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer; }

.agModalBody {
  padding: 2px 16px; }

.agModalFooter {
  padding: 0px 15px;
  background-color: inherit;
  color: white;
  border-top: 1px solid #dadada;
  display: inline-block;
  width: calc(100% - 30px); }

@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0; }
  to {
    top: 0;
    opacity: 1; } }

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0; }
  to {
    top: 0;
    opacity: 1; } }

.agModalHeader h2 {
  color: #FFFFFF !important;
  font-weight: lighter; }

.loginModal {
  width: 100%;
  max-width: 500px; }

.agModalBody.formControl {
  padding: 20px; }

.minilist h3 {
  color: #fff; }

.translateX {
  transform: translateX(0%) !important; }

.menuBackground {
  position: fixed;
  top: 56px;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(51, 51, 51, 0.7);
  z-index: 100;
  opacity: 0;
  display: none !important;
  transition: opacity 0.4s ease; }

.menuBG-display {
  display: block !important; }

.menuBG-opacity {
  opacity: 1; }

.modalBG-visible {
  display: block; }

.modalBG-opacity {
  opacity: 1; }

.translateY {
  transform: translateY(50%); }

.tabNav::-webkit-scrollbar {
  display: none; }

.some-wrapper {
  padding: 0px 5px; }

.agSearch input[type=text] {
  border: none;
  outline: none;
  font: 400 15px 'Open sans',sans-serif;
  width: 100%; }

.mobile-nav-wrapper.active .mobile-menu-trigger {
  transform: translate(-243px) rotate(315deg); }

.line {
  border-bottom: 2px solid #fff;
  display: block;
  position: absolute;
  top: 25px;
  left: 20px;
  width: 12px;
  transition: transform 0.3s ease, width 0.3s ease; }

.line.one {
  transform: rotate(90deg); }

.mobile-nav-wrapper.active .line.one {
  transform: translate(2px, -2px) rotate(90deg);
  width: 8px; }

.mobile-nav-wrapper.active .line.two {
  transform: translate(-1px, 1px);
  width: 8px; }

.menu-background {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 100;
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.3s ease; }

.mobile-nav-wrapper.active .menu-background {
  transform: scale(1);
  opacity: 1; }

.mobile-nav {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 10000;
  border-left: 2px solid #F2F2F2;
  transform: translateX(100%);
  transition: transform 0.3s ease;
  overflow: hidden;
  overflow-y: scroll; }

.mobile-nav-wrapper.active .mobile-nav {
  transform: translateX(0%); }

.mobile-nav-item {
  padding: 0px 15px; }

.agModalBody.formControl form {
  margin: 0px; }

.topNav .navItem {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600; }

.agModalHeader {
  padding: 2px 16px;
  background-color: #71C7F2 !important; }

.agModalBody input[type="submit"] {
  background-color: #71C7F2;
  border: none;
  outline: none;
  border-radius: 0px;
  color: #fff;
  padding: 5px;
  box-sizing: border-box;
  margin-top: 15px;
  margin-bottom: -10px; }

.navDropdown li:hover {
  background: #71C7F2; }

.navItem {
  padding: 0px 20px;
  cursor: pointer;
  transition: color 0.1s ease, background-color 0.1s ease; }

.navDropdown li {
  font-family: 'Open Sans';
  font-size: 14px;
  text-transform: uppercase;
  padding: 13px;
  background: #F2F2F2;
  font-weight: bold;
  transition: color 0.1s ease, background-color 0.1s ease; }

.arrow-up {
  width: 0px !important;
  min-width: 0px !important;
  max-width: 0px !important;
  height: 0px !important;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #F2F2F2;
  position: absolute;
  top: 1px;
  margin-left: 40px;
  transition: border-color 0.1s ease; }

.ag-embargo {
  flex-direction: row-reverse;
  align-items: baseline !important;
  justify-content: flex-end !important; }

.mobile-nav-list div:not(:last-child) {
  border-bottom: 1px solid #dadada; }

.ag-embargo i {
  color: #808080;
  margin-right: 5px; }

.ag-site-title h2 {
  margin: 10px 0px 5px 0px; }

.ag-row .ag-col:not(:last-child) {
  margin-right: 20px; }

.navDropLaunch i {
  margin-left: 10px; }

.topNav .navDropdown {
  top: 70px; }

.topNav .navDropdown li {
  font-size: 12px; }

.ag-carousel-main-frame {
  overflow: hidden; }

.ag-carousel-image-frame {
  animation: ag-carousel 10s infinite; }

@keyframes ag-carousel {
  0% {
    transform: translateX(0%); }
  45% {
    transform: translateX(0%); }
  50% {
    transform: translateX(-100%); }
  95% {
    transform: translateX(-100%); }
  100% {
    transform: translateX(0%); } }

.ag-carousel-image-frame:hover {
  animation-play-state: paused; }

.uusimmat-label p {
  font: 600 14px 'Open sans',sans-serif;
  text-transform: uppercase;
  margin: 0px; }

.uusimmat-label {
  padding: 10px; }

.uusimmat-label i {
  margin-left: 10px; }

.ag-footer {
  padding: 0px 15px; }

.ag-article-list-50-50 a:nth-child(even) .ag-list-article {
  margin-left: 10px; }

.ag-article-list-50-50 a:nth-child(odd) .ag-list-article {
  margin-right: 10px; }

.ag-list-article h1:hover, .ag-list-articleMain h1:hover {
  color: #3051a3; }

.self-center {
  align-self: center !important; }

.ag-footer-col p {
  margin: 0px;
  line-height: 20px; }

.ag-footer-col {
  padding: 10px 0px; }

.ag-latest-article h1 {
  font: normal 600 14px 'Open sans',sans-serif;
  margin-left: 15px; }

.ag-list-article, .ag-list-articleMain {
  padding-bottom: 10px;
  border-bottom: 1px dotted #bfbfbf;
  height: 100%;
  box-sizing: border-box; }

.desktopHeader {
  padding: 0px 15px 20px; }

.ag-latest-article {
  align-items: baseline !important;
  margin-left: 15px; }

.ag-latest-carousel {
  overflow: hidden; }

.ag-article-list-50-50 .ag-list-article h1 {
  font-size: 18px; }

.mobile-menu-trigger {
  height: 50px;
  width: 50px;
  position: fixed;
  z-index: 100000;
  outline: none;
  margin: 30px;
  right: 0;
  bottom: 0;
  background-color: #71C7F2;
  color: #fff;
  border: none;
  border-radius: 50%;
  box-shadow: 1px 2px 5px -2px #000;
  transition: transform 0.3s ease; }

html {
  overflow-x: hidden; }

.ag-list-articleMain .kuvaframe {
  margin-right: 20px; }

.ag-list-articleMain {
  margin-bottom: 10px; }

.banner img {
  margin-top: 70px;
  margin-left: 20px;
  width: calc(100% - 20px);
  min-width: calc(100% - 20px);
  max-width: calc(100% - 20px); }

span.ag_page_navigation_top a:hover, span.ag_page_navigation_bottom a:hover {
  border: 1px solid #71C7F2;
  color: #FFFFFF;
  background-color: #71C7F2; }

@media only screen and (min-width: 1036px) {
  .content {
    padding: 0px 20px 20px 20px; } }

.ag-main-font {
  font: normal 400 14px 'Lato',sans-serif; }

@media only screen and (max-width: 768px) {
  .AgGallery .gallery-container {
    height: 370px; } }

span.lihavointi {
  font-weight: bold; }

span.kursivointi {
  font-style: italic; }

.newepaper a {
  position: relative; }

.newepaper span {
  width: 100%;
  position: absolute;
  left: 0px;
  bottom: 100px;
  font-size: 20px;
  background-color: #f8f8f8; }

.newepaper p {
  text-align: center;
  margin: 0px; }

.order input {
  height: initial !important;
  display: inline-block !important;
  width: initial !important; }

p.fakta {
  display: block; }

.faktaDisplay p {
  margin-left: 10px;
  margin-right: 10px;
  list-style-type: square; }

p.faktaotsikko {
  font-size: 18px;
  font-weight: bold; }

p.tekstisitaatti {
  color: #71C7F2 !important;
  font-size: 20px;
  padding: 10px 15px;
  border-top: 3px solid #71C7F2;
  border-bottom: 3px solid #71C7F2;
  box-sizing: border-box;
  font-style: italic;
  font-family: serif; }

.ag-list-articleMain h3 {
  font-size: 15px; }

.white {
  background: #ffffff; }

.listPage h3.ingressi {
  font-size: 14px;
  font-weight: normal; }

.zoomArticle div.Image {
  position: relative; }

p.tekstisitaattiviite {
  display: none; }

.nostolaatikko {
  margin: 20px 50px;
  border-left: 20px solid #71c7f2;
  padding: 0px 30px !important;
  font-size: 14px !important;
  width: calc(100% - 60px) !important; }
  .nostolaatikko p {
    margin: 0px;
    color: #a9a9a9;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px; }
  .nostolaatikko p.nostootsikko {
    font-size: 20px; }

.inlineLink a {
  display: inline !important;
  color: #71c7f2 !important;
  font-weight: bold; }

input[type="submit"] {
  width: 180px;
  background: #71c7f2;
  color: #fff;
  padding: 8px 30px;
  font-size: 16px;
  border: 0;
  border-radius: 10px;
  margin-top: 20px; }

input[type="password"], input[type="text"], textarea {
  padding: 5px;
  border-radius: 3px;
  border: 1px solid #dadada;
  box-sizing: border-box;
  width: 100%; }

span.pass {
  position: relative;
  margin-top: 0px; }

.zoomArticle p {
  margin: 5px 0px; }

.readMore, .linkDeptPage {
  font-family: "Lato";
  font-weight: 700;
  padding-left: 50px; }
  .readMore p, .linkDeptPage p {
    border: 1px solid #71c7f2;
    padding: 5px 15px;
    border-radius: 20px;
    color: #71c7f2;
    margin: 0px;
    cursor: pointer; }
  .readMore p:hover, .linkDeptPage p:hover {
    background: #71c7f2;
    color: white; }

section.ad {
  width: 100%; }

.mainos img {
  width: 100% !important; }

.zoomArticle p.Caption, .zoomArticle p.Source {
  display: block;
  font-style: italic;
  font-size: 13px;
  padding: 4px 50px;
  color: #5f6060 !important; }

.log-in-box form {
  margin-top: 20px; }
  .log-in-box form input {
    float: initial;
    margin: 3px 10px;
    max-width: 250px;
    width: 100%;
    box-sizing: border-box;
    display: inline-flex; }

.ag-interval-carousel-frame {
  overflow: hidden; }
  .ag-interval-carousel-frame .ag-interval-carousel {
    transition: transform 500ms ease; }

@media (max-width: 786px) {
  .masterCol {
    margin: 0px 5px;
    paddint-top: 0px !important; } }

.template.mobile .article {
  padding: 0px 12px; }

form.search {
  position: relative; }
  form.search button {
    position: absolute;
    right: 0;
    background: #f2f2f2;
    cursor: pointer;
    border: none;
    border-left: 1px solid #dadada;
    height: 27px; }

.paraati_mobiili img, .keskibanneri_mobiili img {
  width: 100%; }

.masterCol {
  padding: 0px 15px 15px 15px; }

.none {
  display: none !important; }

.new-mobile-header {
  margin: 0px 15px 0px 5px; }

@media screen and (max-width: 600px) {
  .lock-media-wrap > div {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    margin: 0 auto;
    text-align: center; }
  .lock-media-wrap > div a {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important; }
  .lock-media-wrap {
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column; }
  .log-in-box form {
    margin: 0 auto; } }

.top .ag-haku {
  float: right;
  position: absolute;
  right: 0;
  margin-right: 50px;
  margin-top: 8px; }

.topNav {
  position: relative; }

.mobile-nav .ag-haku form {
  margin: 10px; }
  .mobile-nav .ag-haku form input {
    width: 250px; }

.zoomArticle .ag-embargo {
  margin: -15px 0px 10px 0px; }

@media only screen and (max-width: 1035px) {
  .top-nav {
    padding: 0px 20px; } }

@media only screen and (min-width: 1036px) and (max-width: 1200px) {
  .top-nav {
    padding-right: 40px; } }

.mainos {
  margin-bottom: 20px; }
  .mainos .ad {
    margin: 0px; }

.newkuukkeli .top-nav .links {
  padding-top: 13px;
  height: 82px; }

.newkuukkeli .top-nav .links p {
  font-size: 18px;
  font-family: "Lato";
  font-weight: 700;
  color: #626060;
  padding: 5px 25px; }
  .newkuukkeli .top-nav .links p:hover {
    color: #71c7f2; }

.newkuukkeli .articleListCol a.ag_paid_content .ag-embargo:after {
  content: "TILAAJILLE";
  padding-right: 8px;
  color: #71c7f2;
  font-weight: bold; }

.newkuukkeli .articleListCol .listSmallArticle a {
  border-top: 1px solid #dadada; }

.newkuukkeli .top-nav .menubtn .fa-2x, .newkuukkeli .top-nav .menubtnmobile .fa-2x {
  font-size: 35px;
  color: #71c7f2;
  padding-left: 20px;
  width: 51px; }

.newkuukkeli .tilaamaan {
  background: #eaeaea; }

@media only screen and (max-width: 1035px) {
  .newkuukkeli .menuMob {
    position: fixed;
    width: 350px;
    z-index: 200;
    background: #fff;
    right: 0;
    top: 85px;
    padding-bottom: 20px;
    display: none;
    user-select: none; }
    .newkuukkeli .menuMob.active {
      display: flex; } }

.newkuukkeli .tilaamaan .hyva-lukija {
  margin: 0px 50px; }
  .newkuukkeli .tilaamaan .hyva-lukija h3 {
    font-family: "Lato";
    font-weight: 900;
    font-size: 28px;
    color: #5f6060; }
  .newkuukkeli .tilaamaan .hyva-lukija .newkuukkeli .tilaamaan .hyva-lukija p {
    font-family: "Lato";
    font-weight: 400;
    font-size: 22px;
    color: #5f6060; }

.red {
  background: red; }

.newkuukkeli .top-nav .links .tilaa p {
  background: #71C7F2;
  color: #fff;
  border-radius: 20px; }
  .newkuukkeli .top-nav .links .tilaa p:hover {
    background: #5f6060;
    color: #fff; }

.menu .menuCol i.far {
  color: #fff; }

.menuCol > div:first-child p {
  margin-top: 20px; }

.newkuukkeli .articleListCol .ag-embargo {
  font-family: "Lato";
  font-weight: 400;
  font-size: 12px; }
  .newkuukkeli .articleListCol .ag-embargo span.datetime {
    color: #5f6060; }

body {
  margin: 0px;
  font-size: 15px;
  background: #EFEFEF;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0); }

.sticky-col {
  position: sticky;
  position: -webkit-sticky;
  top: 85px;
  padding-left: 15px; }

@media only screen and (min-width: 1036px) {
  .newkuukkeli .menu {
    position: fixed;
    background: white;
    left: 0;
    right: 0;
    top: 85px;
    z-index: 200;
    user-select: none;
    display: none; }
    .newkuukkeli .menu.active {
      display: flex; }
    .newkuukkeli .menu .menuContent {
      padding: 10px 20px 30px 20px; } }

.newkuukkeli .articleListCol span.textelement-embargo.datetime:before {
  content: "JULKAISTU";
  padding-right: 4px; }

@media only screen and (min-width: 769px) {
  .newkuukkeli .logo img {
    margin: 0px !important; } }

.newkuukkeli .articleListCol .listSmallArticle .kuvaframe {
  margin-top: 30px;
  margin-right: 30px;
  margin-bottom: 30px; }

.newkuukkeli .menuCol {
  font-family: "Lato";
  font-weight: 400; }
  .newkuukkeli .menuCol p {
    margin: 6px 0px; }
  .newkuukkeli .menuCol a:hover {
    color: #71c7f2; }
  .newkuukkeli .menuCol .haku {
    margin-top: 20px; }

.menuMob .menuCol {
  padding: 0px 50px; }
  .menuMob .menuCol > div {
    cursor: pointer; }
  .menuMob .menuCol i.far {
    margin-top: 17px;
    font-size: 22px;
    color: #71c7f2; }
  .menuMob .menuCol .menuLinks {
    display: none; }
  .menuMob .menuCol p {
    width: 100%; }

.newkuukkeli .articleListCol .prio1 .deptHeadline h1, .newkuukkeli .articleListCol .prio1 .deptHeadline span.department-name {
  font-size: 36px; }

.newkuukkeli .articleListCol p.teksti {
  font-size: 18px;
  margin: 0px;
  color: #5f6060; }

.kaupallinen {
  font-family: "Lato";
  font-weight: 400;
  padding-bottom: 40px; }
  .kaupallinen .vinjet p {
    position: absolute;
    bottom: 10px;
    right: 0;
    background: #71c7f2;
    color: #fff;
    padding: 10px 20px;
    margin: 0px;
    font-size: 16px;
    font-weight: bold; }
  .kaupallinen h1:before {
    content: "MAINOS";
    color: #71c7f2;
    padding-right: 10px; }

.newkuukkeli .top-nav .menubtn, .newkuukkeli .top-nav .menubtnmobile {
  cursor: pointer;
  z-index: 99999; }

.pysy-ajantasalla {
  background: #5f6060;
  padding: 40px 0px; }
  .pysy-ajantasalla h3 {
    color: #fff;
    font-family: "Lato";
    font-weight: 900;
    margin: 0px;
    padding-bottom: 10px;
    font-size: 36px; }
  .pysy-ajantasalla p {
    font-family: "Lato";
    color: #fff; }
  .pysy-ajantasalla .tilaa-uutiskirje p {
    padding: 10px 20px;
    background: #fff;
    color: #5f6060;
    border-radius: 20px;
    font-weight: 900;
    font-size: 16px; }

@media only screen and (min-width: 769px) {
  .hyva-lukija-img {
    overflow: hidden; }
    .hyva-lukija-img img {
      margin-left: -120px;
      height: 360px; } }

span.ag_page_navigation_dots, span.ag_page_navigation_current {
  margin-top: 10px;
  margin-right: 7px;
  padding: 7px;
  color: #FFFFFF;
  min-width: 30px;
  max-width: 30px;
  font-weight: 600;
  z-index: 2;
  text-align: center; }

.prio1 a, .prio1 .kuvaframe * {
  width: 100% !important; }

.deptPage {
  padding: 20px 50px 0px 50px; }
  .deptPage .vinjet {
    color: #71c7f2;
    font-size: 18px;
    font-weight: bold; }
  .deptPage h2 {
    color: #5f6060;
    font-size: 36px;
    margin: 0px; }
  .deptPage p {
    font-size: 20px;
    color: #5f6060; }

a.ag_paid_content {
  width: 100%; }

.deptName {
  margin-top: 25px; }
  .deptName span.department-name {
    color: #71c7f2;
    font-size: 18px;
    font-weight: bold; }

.top-nav {
  max-height: 85px !important;
  min-height: 85px !important;
  position: fixed;
  background: #EFEFEF;
  z-index: 100;
  max-width: 1160px;
  overflow: hidden; }

.blur_box {
  position: absolute;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffffd6 49%, #fff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(49%, #ffffffd6), color-stop(100%, #fff));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffffd6 49%, #fff 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffffd6 49%, #fff 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffffd6 49%, #fff 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffffd6 49%, #fff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  bottom: 0; }

@media only screen and (max-width: 768px) {
  .hyva-lukija-img {
    overflow: hidden;
    margin-left: -30px;
    margin-right: -30px;
    width: calc(100% + 60px) !important; } }

.yllas-info {
  padding: 40px 150px 50px 50px; }
  .yllas-info span.korostus {
    color: #71c7f2;
    font-size: 18px;
    font-weight: 900; }
  .yllas-info h3, .yllas-info p {
    font-family: "Lato";
    color: #5f6060; }
  .yllas-info h3 {
    font-size: 30px;
    margin: 0px;
    padding-bottom: 45px;
    font-weight: 900; }
  .yllas-info p {
    margin-top: 4px;
    margin-left: 25px;
    color: #9b9b9b;
    font-size: 17px;
    margin-bottom: 0px;
    margin-top: 0px; }
  .yllas-info img {
    margin-top: 0px !important; }
  .yllas-info a.hover .ikoni {
    display: none !important; }
  .yllas-info a.hover .ikoni-hover {
    display: flex !important;
    min-width: 100px !important; }
  .yllas-info a .ikoni-hover {
    display: none !important; }
  .yllas-info .icon-wrap * {
    width: 100px !important;
    height: 100px !important; }
  .yllas-info a.hover span.korostus {
    color: #5f6060; }
  .yllas-info a.hover p {
    color: #71c7f2; }

.satku {
  width: 100% !important; }

@media only screen and (max-width: 768px) {
  .newkuukkeli .tilaamaan {
    padding-bottom: 40px; } }

.newkuukkeli .articleListCol {
  background: #fff; }
  .newkuukkeli .articleListCol a .textArea {
    padding-bottom: 20px;
    padding-top: 30px;
    padding-left: 50px;
    padding-right: 50px;
    overflow: hidden;
    box-sizing: border-box; }

.ag-embargo span.textelement-creator {
  text-transform: uppercase;
  color: #5f6060; }
  .ag-embargo span.textelement-creator:after {
    content: ",";
    padding-right: 8px; }

.menuMob .menuExtra p {
  font-weight: bold;
  margin: 20px 0px 6px 0px; }

.listSmallArticle a.not-img > div > div {
  width: 100% !important; }

@media only screen and (min-width: 1036px) {
  .zoomArticle p ~ div.Image {
    margin: 15px -50px;
    width: calc(100% + 100px) !important; } }

.newkuukkeli .top-nav .links .tilaa {
  margin-right: 8px; }

.newkuukkeli .tilaamaan .hyva-lukija .tilaus-teksti p {
  font-family: "Lato";
  font-weight: 300;
  font-size: 17px; }

@media only screen and (min-width: 769px) {
  .newkuukkeli .tilaamaan .hyva-lukija h3 {
    margin-bottom: 10px;
    margin-top: 0px; } }

.menuMob .menuExtra {
  padding: 0px 50px; }
  .menuMob .menuExtra p {
    width: 100%; }

.widthTemplate form {
  width: 100%; }

.newCol {
  padding: 50px; }
  .newCol h1 {
    margin: 0px; }
  .newCol .textFrame {
    margin-bottom: 20px; }

.articleText h3.ingressi {
  color: #5f6060;
  font-size: 20px;
  font-weight: 400;
  font-style: italic;
  line-height: 28px; }

@media only screen and (min-width: 769px) {
  .articleText h1 {
    font-size: 42px;
    margin: 10px 0px 40px 0px; } }

.borderTop {
  border-top: 1px solid #dadada;
  padding-top: 10px;
  margin-top: 20px; }

.toimitus {
  margin-bottom: 10px; }

.loginBox form div {
  padding: 15px 0px 0px 0px;
  display: block;
  width: 100%; }
  .loginBox form div * {
    width: 100%; }

h2.valiotsikko, p.valiotsikko {
  color: #5f6060 !important;
  margin: 15px 0px 10px 0px;
  font-size: 20px !important;
  font-weight: 600; }

.mainPadding {
  padding-left: 50px;
  padding-right: 50px; }

.articleText {
  padding: 0px 50px; }

.backMenu {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.menuMob .menuContent p:hover {
  color: #71c7f2; }

.listSmallArticle a:hover h1, .articleListCol .prio1 a:hover h1, .kaupallinen a:hover h1 {
  color: #71c7f2 !important; }

@media only screen and (max-width: 768px) {
  .newkuukkeli .articleListCol .prio1 .deptHeadline h1, .newkuukkeli .articleListCol .prio1 .deptHeadline span.department-name {
    font-size: 30px !important; } }

@media only screen and (max-width: 768px) {
  .newkuukkeli .articleListCol .deptHeadline h1, .newkuukkeli .articleListCol .deptHeadline span.department-name {
    font-size: 20px !important; } }

.paakirjoitusEtusivu {
  background: #5f6060;
  padding-bottom: 35px; }
  .paakirjoitusEtusivu .deptHeadline h1 {
    color: #fff !important; }
  .paakirjoitusEtusivu .ag-embargo span.datetime {
    color: #efefef !important; }
  .paakirjoitusEtusivu .readMore p {
    color: #efefef !important;
    border: 1px solid #efefef !important; }
  .paakirjoitusEtusivu .readMore p:hover {
    background: #efefef;
    color: #5f6060 !important; }

@media only screen and (max-width: 1035px) {
  .newkuukkeli .menuCol .menuLinks p {
    margin: 12px 0px; } }

.newkuukkeli .prio1 .ag-embargo {
  margin-bottom: 15px; }

@media only screen and (max-width: 768px) {
  .newkuukkeli .articleListCol a .textArea {
    padding-left: 30px !important;
    padding-right: 30px !important; } }

.yllas-info img.Image {
  width: 100% !important;
  max-width: 100% !important; }

.yllas-info .boxWrap {
  margin-bottom: 15px; }

.kuukkeli-footer {
  background: #EFEFEF;
  padding-top: 60px;
  padding-bottom: 30px; }
  .kuukkeli-footer .footer-small-col {
    text-align: center; }
  .kuukkeli-footer .footer-links :not(:last-child) p:after {
    content: "|";
    padding: 0px 5px;
    color: #71c7f2; }
  .kuukkeli-footer a:hover {
    color: #71c7f2 !important; }
  .kuukkeli-footer h4 {
    font-size: 18px;
    margin: 0px;
    font-weight: bold;
    color: #5f6060; }
  .kuukkeli-footer .footer-links p {
    font-size: 17px;
    margin-top: 10px;
    color: #71c7f2; }
  .kuukkeli-footer .footer-links p:hover {
    color: #5f6060; }
  .kuukkeli-footer .footer-small-col p {
    color: #5f6060;
    margin: 0px;
    padding: 2px 0px; }
  .kuukkeli-footer .footer-small-col {
    padding: 12px 0px; }
  .kuukkeli-footer .footer-small-col a {
    display: inline-block;
    color: #5f6060; }
  .kuukkeli-footer .footer-small-col p:first-child {
    border-top: 1px solid #5f6060;
    width: 100px !important;
    display: block;
    padding-top: 20px; }
  .kuukkeli-footer .footer-small-col.facebook a {
    border-top: 1px solid #5f6060;
    width: 100px !important;
    display: block;
    padding-top: 20px; }
  .kuukkeli-footer i.fab {
    border: 1px solid #5f6060;
    padding: 10px;
    border-radius: 60px;
    width: 50px;
    height: 50px; }
  .kuukkeli-footer .facebook a:hover i.fab {
    border: 1px solid #71c7f2; }

@media only screen and (max-width: 500px) {
  .yllas-info-small > div {
    max-width: 55px !important;
    width: 55px !important;
    min-width: 55px !important; }
    .yllas-info-small > div * {
      max-width: 100% !important;
      width: 100% !important;
      min-width: 100% !important; } }

.articleText h1 {
  font-family: "Lato";
  font-weight: 900;
  color: #5f6060; }

.zoomArticle .boxWrap {
  padding: 35px 50px;
  background: #eeecec;
  color: #5f6060; }
  .zoomArticle .boxWrap span.korostus {
    color: #71c7f2;
    font-size: 16px; }
  .zoomArticle .boxWrap p {
    font-size: 15px;
    font-family: "Lato"; }

.newkuukkeli .articleListCol .small-news.not-border {
  border: 0 !important; }

.newkuukkeli .articleListCol .deptHeadline {
  margin-bottom: 15px; }
  .newkuukkeli .articleListCol .deptHeadline h1 {
    color: #5f6060;
    font-family: "Lato";
    font-size: 24px;
    margin: 0px; }
  .newkuukkeli .articleListCol .deptHeadline span.department-name {
    color: #71c7f2;
    font-family: "Lato";
    font-weight: 900;
    font-size: 24px; }
  .newkuukkeli .articleListCol .deptHeadline span.department-name:after {
    content: "|";
    padding: 8px; }

.loginCol h1 {
  font-weight: 900;
  font-size: 28px;
  color: #5f6060;
  padding-bottom: 20px; }

.staticText h1.otsikko {
  margin-top: 40px !important;
  margin-bottom: 30px !important;
  font-size: 24px; }

.loginCol {
  border-bottom: 1px solid #dadada; }

.listSmallArticle.filterArticleList .deptHeadline {
  margin-bottom: 5px !important; }

.listSmallArticle.filterArticleList p.fakta {
  margin-top: 0px;
  margin-bottom: 5px; }

.listSmallArticle.filterArticleList .textArea:after {
  content: "Lue lisää";
  color: #71c7f2;
  font-weight: bold; }

.anchorlink button {
  margin-right: 6px;
  margin-bottom: 30px; }

*:focus {
  outline: none !important; }

spam.pass {
  position: relative !important;
  margin-top: 0px !important; }

.zoomArticle .deptName:first-child {
  padding-top: 40px; }

.mainFont.toimitus h4.first, .mainFont.tilaajapalvelu h4.first, .mainFont.yhteystiedot h4.first {
  margin-top: 0px; }

.mainFont h1 {
  font-size: 28px;
  color: #5f6060; }

.mainFont p {
  color: #5f6060;
  margin: 4px 0px;
  font-size: 16px; }

.mainFont h4 {
  color: #5f6060;
  margin-bottom: 0px; }

.mainFont.infoText h1 {
  font-size: 36px; }

.mainFont.infoText p {
  font-size: 18px; }

.nosto-teksti {
  border-left: 15px solid #71c7f2; }
  .nosto-teksti p {
    margin: 0px;
    padding-left: 15px;
    font-size: 18px;
    font-weight: lighter; }

.filterArticleList .ag_search_entry, .filterArticleList .ag_result_count {
  display: none !important; }

.errorpage {
  border-bottom: 1px solid #dadada;
  padding-bottom: 40px; }
  .errorpage p {
    text-align: center;
    width: 100%; }
  .errorpage p.blue {
    color: #71c7f2;
    margin-bottom: 0px;
    text-transform: uppercase; }

.filterArticleList a:nth-child(3) {
  border-top: none !important; }

.suodatinTxtBtn div {
  cursor: pointer; }

.button-default {
  border: 0;
  margin-top: 10px;
  border-radius: 10px;
  background: #71c7f2;
  color: #fff;
  padding: 8px 30px;
  font-size: 16px;
  cursor: pointer;
  width: initial !important; }

@media only screen and (min-width: 769px) {
  .articleListCol > .deptPage {
    padding: 50px 50px 40px 50px; } }

.filterWrap {
  user-select: none; }

.errorpage .button-default {
  margin: 0 auto; }

.errorpage .haku form {
  margin: 0 auto; }

.errorpage .small p {
  font-size: 16px;
  color: #5f6060;
  margin-bottom: 0px; }

.linkDeptPage {
  padding-top: 20px; }

.zoomArticle {
  padding-bottom: 60px; }
  .zoomArticle.not-padding {
    padding-bottom: 0px !important; }

.suodatinBox {
  background: #f2f2f2; }
  .suodatinBox > div > a p {
    padding: 0px 14px 0px 0px;
    width: max-content; }
  .suodatinBox p {
    font-weight: bold;
    font-size: 16px;
    color: #5f6060;
    cursor: pointer; }
  .suodatinBox .active p {
    color: #71c7f2; }

.bussit .historia {
  padding-top: 20px;
  margin-top: 20px;
  margin-bottom: 20px; }

.filterArticleList {
  margin-top: 20px; }

button.default-kaks {
  background: transparent;
  border: none;
  border: 1px solid #71c7f2;
  padding: 8px 25px;
  border-radius: 20px;
  color: #71c7f2;
  cursor: pointer;
  margin-top: 10px;
  font-weight: bold;
  font-size: 13px; }
  button.default-kaks p {
    margin: 0px;
    color: #71c7f2;
    font-size: 13px;
    font-weight: bold; }
  button.default-kaks:hover {
    background: #71c7f2;
    color: white; }
  button.default-kaks:hover p {
    color: white; }

.historia .articleText h1.otsikko {
  margin-bottom: 0px !important;
  margin-top: 50px !important; }

.historia .articleText p a:hover {
  color: #5f6060 !important; }

.newkuukkeli .articleListCol .not-border .listSmallArticle a {
  border-top: 0px; }

.jslist .no-img .wrapper > div {
  width: 100% !important; }

.subbtn p:hover, .suodatinTxtBtn > div:hover p {
  color: #71c7f2; }

.suodatinTxtBtn p.icon {
  padding-left: 8px;
  margin-bottom: 13px; }
  .suodatinTxtBtn p.icon i {
    font-size: 22px;
    vertical-align: top; }

.newkuukkeli .articleListCol .listSmallArticle.filterArticleList .ag_page_navigation_bottom a {
  border: 1px solid #cccccc !important; }

@media only screen and (max-width: 768px) {
  .mainPadding {
    padding-left: 30px;
    padding-right: 30px; } }

.mobile .overlay2 {
  background: #DDDDDD; }

@media only screen and (max-width: 768px) {
  .newkuukkeli .tilaamaan .hyva-lukija {
    margin: 0px 30px; } }

@media only screen and (max-width: 768px) {
  .newkuukkeli .articleListCol .listSmallArticle.filterArticleList.retket a .wrapper {
    padding: 0px 30px; } }

@media only screen and (max-width: 768px) {
  .articleText {
    padding: 0px 30px; } }

.mobile .overlay1 {
  background: #F2F2F2; }

.newkuukkeli .articleListCol.bussit .listSmallArticle a {
  border-top: 0;
  color: #71c7f2; }
  .newkuukkeli .articleListCol.bussit .listSmallArticle a:hover {
    color: #5f6060; }

@media only screen and (max-width: 768px) {
  .newkuukkeli .articleListCol .listSmallArticle a {
    margin-top: 25px; } }

@media only screen and (max-width: 768px) {
  .readMore, .linkDeptPage {
    padding-left: 30px; } }

span.ag_page_navigation_dots {
  color: #71C7F2; }

.nd-carousel-container {
  background-color: #ffffff !important;
  padding-bottom: 20px; }
  .nd-carousel-container .nd-carousel-overflow, .nd-carousel-container .nd-slide-textblock, .nd-carousel-container .fullscreen {
    background-color: #ffffff; }
  .nd-carousel-container .nd-carousel-container.fullscreen .nd-slide-textblock {
    display: none !important; }
  .nd-carousel-container p.nd-slide-source, .nd-carousel-container p.nd-slide-caption {
    color: #000000; }
  .nd-carousel-container p.nd-slide-caption.long {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .nd-carousel-container button.showCaption {
    float: right;
    background: none;
    border: none;
    font-size: 18px;
    color: #71caf4;
    cursor: pointer; }
  .nd-carousel-container button.showCaption.rotate {
    transform: rotate(180deg); }
  .nd-carousel-container button.showCaption:focus {
    outline: none; }
  .nd-carousel-container p.nd-slide-source {
    display: contents; }
  .nd-carousel-container p.nd-slide-caption.long.more {
    white-space: normal !important; }

.loginBoxArticle {
  padding: 20px 0px 30px 0px;
  display: none; }
  .loginBoxArticle.active {
    display: flex !important; }
  .loginBoxArticle .nappi input {
    width: 110px;
    padding: 8px 15px;
    background: #f2f2f2;
    color: #5f6060; }
  .loginBoxArticle .nappi {
    text-align: center; }

@media only screen and (max-width: 768px) {
  .deptPage {
    padding: 20px 30px 0px 30px; } }

.loginCol button.default, .loginCol .button-default {
  margin-top: 20px; }

@media only screen and (max-width: 768px) {
  .filterList form {
    right: -30px; } }

.lock a, .order-box a {
  margin-top: 30px;
  margin-bottom: 20px;
  width: auto !important; }

.kaupallinen .shortti * {
  font-size: 16px !important;
  font-weight: normal !important;
  font-style: normal !important;
  color: #5f6060;
  margin: 0px; }

.newCol .textFrame h1 {
  margin-bottom: 10px; }

@media only screen and (max-width: 768px) {
  .yllas-info {
    padding: 30px  !important; }
    .yllas-info p {
      font-size: 14px !important; }
    .yllas-info span.korostus {
      font-size: 15px !important; } }

.kirjauduSisaan {
  cursor: pointer;
  user-select: none;
  padding-bottom: 10px;
  padding: 10px 50px;
  background: #fff;
  color: #5f6060;
  border-radius: 20px;
  font-size: 16px;
  margin-top: 15px;
  display: block;
  width: 100%;
  white-space: nowrap; }

@media only screen and (max-width: 768px) {
  span.ag_page_navigation_top a,
  span.ag_page_navigation_bottom a, span.ag_page_navigation_dots, span.ag_page_navigation_current {
    margin-right: 1px !important;
    padding: 2px !important;
    min-width: 20px;
    max-width: 35px;
    font-size: 12px;
    height: 20px; } }

@media (max-width: 700px) {
  .AgGallery .gallery-container {
    height: 200px; } }

.newkuukkeli .articleListCol .articleText p.teksti {
  margin: 0px 0px 10px 0px; }

@media only screen and (max-width: 768px) {
  .newkuukkeli .articleListCol .listSmallArticle .kuvaframe {
    margin-bottom: 0px; } }

.zoomArticle p.Caption ~ p.Source {
  margin-top: -8px !important; }

@media only screen and (max-width: 768px) {
  .newkuukkeli .articleListCol .listSmallArticle .ag_page_navigation_bottom a {
    margin-top: 10px; } }

@media only screen and (max-width: 768px) {
  .newCol {
    padding: 30px; } }

@media (max-width: 650px) {
  .AgGallery .gallery-container {
    height: 340px; } }

.yllas-info-small {
  background: #eeeeee;
  padding: 40px 0px !important;
  text-align: center; }
  .yllas-info-small ~ div .kaupallinen {
    margin-top: 0px !important; }
  .yllas-info-small > div {
    margin: 0px 7px; }
  .yllas-info-small p {
    width: 100%;
    font-size: 16px !important;
    margin-top: 8px !important;
    margin-left: 0px !important; }
  .yllas-info-small a {
    margin: 0px 10px; }

.ag-list-articleMain h1 {
  font-size: 28px; }

@media (max-width: 600px) {
  .AgGallery .gallery-container {
    height: 150px; } }

.ag_page_navigation_top {
  display: none; }

@media (max-width: 550px) {
  .AgGallery .gallery-container {
    height: 150px; } }

@media (max-width: 500px) {
  .AgGallery .gallery-container {
    height: 150px; } }

.order-box {
  background: #5f6060;
  padding: 30px 20px 40px 20px; }
  .order-box h2 {
    color: #fff;
    font-weight: 900;
    margin: 15px 0px;
    font-size: 28px; }
  .order-box p {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-align: center; }
  .order-box span.vinjet {
    padding: 10px 50px;
    background: #fff;
    color: #5f6060;
    border-radius: 20px;
    font-weight: 900;
    font-size: 16px;
    margin-top: 20px;
    white-space: nowrap; }

@media only screen and (max-width: 500px) {
  .anchorlink {
    flex-wrap: wrap;
    margin-bottom: 30px; }
    .anchorlink > div, .anchorlink > div button {
      width: 100% !important;
      margin: 4px 0px; } }

.lock {
  background: #e1e1e1;
  padding: 20px 20px 30px 20px; }
  .lock span.vinjet {
    color: #71c7f2;
    font-weight: bold;
    margin-bottom: 7px;
    margin-top: 15px; }
  .lock h2 {
    color: #5f6060;
    font-weight: 900;
    margin: 0px;
    font-size: 42px;
    line-height: 46px;
    text-align: center; }
  .lock p, .lock p a {
    color: #5f6060;
    font-size: 16px;
    margin: 0px;
    text-align: center;
    font-weight: bold; }
  .lock span.order-btn {
    padding: 10px 50px;
    color: #fff;
    background: #71c7f2;
    border-radius: 20px;
    font-weight: 900;
    font-size: 16px;
    margin-top: 15px;
    width: 100%;
    white-space: nowrap; }

.small-news a.not-img {
  border: 0 !important; }

.articleMeta {
  padding-bottom: 15px; }

@media only screen and (max-width: 768px) {
  .zoomArticle p.Caption, .zoomArticle p.Source {
    padding: 4px 30px; } }

@media (max-width: 450px) {
  .AgGallery .gallery-container {
    height: 150px; } }

button.default {
  border: 0;
  margin-top: 10px;
  border-radius: 10px;
  background: #71c7f2;
  color: #fff;
  padding: 8px 30px;
  font-size: 16px;
  cursor: pointer; }
  button.default p {
    margin: 0px;
    color: #fff;
    font-size: 16px; }
  button.default:hover p, button.default:hover {
    background: #5f6060 !important; }

@media only screen and (max-width: 768px) {
  .lock h2, .lock p {
    text-align: left; }
  .lock a {
    margin: 30px auto 20px auto; }
  .lock div > div {
    margin: auto; }
  .lock div > div p {
    text-align: center; } }

.mainForm label {
  color: #5f6060; }

.mainForm input, .mainForm textarea {
  margin-top: 6px;
  background: #f2f2f2;
  border-radius: 0;
  border: 0;
  max-width: 380px;
  display: inherit; }

.mainForm input[name="captchaInput"] {
  max-width: 200px; }

.isomainos_mobile {
  margin: 0; }
  .isomainos_mobile.pysty-kuva img {
    width: 100% !important; }
  .isomainos_mobile.vaaka-kuva img {
    width: auto !important; }
  .isomainos_mobile a {
    text-align: center; }

@media (max-width: 400px) {
  .AgGallery .gallery-container {
    height: 150px; } }

.newkuukkeli .articleListCol .small-news {
  padding: 40px 0px;
  border-bottom: 1px solid #dadada; }
  .newkuukkeli .articleListCol .small-news.not-border {
    border: 0; }
  .newkuukkeli .articleListCol .small-news .deptHeadline h1 {
    font-size: 20px !important; }
  .newkuukkeli .articleListCol .small-news .deptHeadline {
    margin-bottom: 5px; }
  .newkuukkeli .articleListCol .small-news .listSmallArticle a {
    border: none;
    margin: 0px; }
  .newkuukkeli .articleListCol .small-news .ag-embargo span.datetime {
    font-size: 12px; }
  .newkuukkeli .articleListCol .small-news a.ag_paid_content .ag-embargo:after {
    font-size: 12px; }
  .newkuukkeli .articleListCol .small-news a .textArea {
    padding-top: 15px;
    padding-bottom: 15px; }
  .newkuukkeli .articleListCol .small-news h3 {
    font-family: "Lato";
    font-weight: 900;
    font-size: 30px;
    color: #5f6060;
    padding-left: 50px;
    padding-right: 50px;
    margin: 0px;
    padding-bottom: 20px; }
  .newkuukkeli .articleListCol .small-news .readMore {
    padding-top: 20px; }

@media (max-width: 350px) {
  .AgGallery .gallery-container {
    height: 230px; } }

@media (max-width: 320px) {
  .AgGallery .gallery-container {
    height: 80px; } }

.newkuukkeli .articleListCol .listSmallArticle.filterArticleList a {
  border-top: 0; }

@media only screen and (max-width: 768px) {
  .ag_page_navigation_top, .ag_page_navigation_bottom {
    margin: 10px 30px; } }

.toimitus, .tilaajapalvelu, .yhteystiedot {
  padding-top: 40px;
  padding-bottom: 40px; }

@media only screen and (max-width: 768px) {
  .order-box p {
    text-align: left;
    width: 100%; }
  .order-box > div a {
    margin: 30px auto 20px auto; }
  .order-box > div {
    align-items: start; } }

.retkeilyvinkit {
  background: #eeecec; }
  .retkeilyvinkit h3 {
    font-size: 26px;
    padding-bottom: 25px; }
  .retkeilyvinkit p {
    color: #5f6060; }

.logout input {
  background: initial;
  font-size: 18px;
  font-family: "Lato";
  font-weight: 700;
  color: #626060;
  padding: 5px 25px;
  margin-top: 0px;
  width: auto;
  cursor: pointer; }
  .logout input:hover {
    color: #71c7f2; }

p.button-default, p.button-default a {
  color: #fff;
  font-size: 16px; }
  p.button-default:hover, p.button-default a:hover {
    background: #5f6060 !important; }

.newkuukkeli.hover .top-nav .closeMenu {
  color: #5f6060; }

@media only screen and (max-width: 768px) {
  .newkuukkeli .articleListCol .small-news h3 {
    padding-left: 30px;
    padding-right: 30px; } }

.ag-cookie {
  position: fixed;
  bottom: 0;
  background: #e1e1e1;
  padding: 20px; }
  .ag-cookie p {
    font-size: 18px;
    color: #5f6060; }
  .ag-cookie p a {
    display: inline-flex;
    width: auto !important;
    color: #71c7f2 !important; }
  .ag-cookie .exit-cookie i {
    float: right;
    width: 35px;
    height: 35px;
    background: #fff;
    border-radius: 50%;
    color: #71c7f2;
    padding: 5px 5px 5px 8px; }
  .ag-cookie .accept-cookie p {
    margin: 10px 0px;
    background: #71c7f2;
    color: #fff;
    padding: 8px 30px;
    font-size: 16px;
    border: 0;
    border-radius: 10px; }

@media (max-width: 972px) {
  .isomainos-wrap {
    left: auto; } }

@media (max-width: 960px) {
  .overlayArticle1 p, .overlayArticle1 h1 {
    font-size: 18px; }
  .main_article_list2 h3 {
    font-size: 14px; } }

.mobileHeaderSmall .logoText p {
  margin-top: 10px;
  font-size: 28px;
  color: #ffffff; }