/* MAIN */
/* 2023 */
/* <-- 2023 */
rs-module {
  background-color: #00023b !important; }

.eapps-google-maps, .eapps-google-maps-map-container > div {
  /* elfsight loading */
  background-color: #00023b !important; }

.page-popup-search .search-field {
  color: #fff !important;
  font-size: 4vw; }
  .page-popup-search .search-field::placeholder {
    color: rgba(255, 255, 255, 0.5);
    font-size: inherit; }

[data-toggle] {
  cursor: pointer; }
  [data-toggle]:hover {
    color: #0faef1; }

[data-toggle]:not(.toggled) .visible {
  display: none; }

/* HEADER */
/* 2023 */
/* <-- 2023 */
/* menu animaation */
.has-submenu, .sub-menu, .menu-item-title:after {
  transition: none !important;
  animation-delay: 0s !important;
  animation-duration: 0s !important; }

.sub-menu li:hover > a {
  text-decoration: underline; }

@media only screen and (max-width: 640px) {
  .page-mobile-main-menu a {
    font-size: 13px !important;
    padding: 0.25em 0 !important; } }
@media only screen and (max-width: 767px) {
  .header-right .row.actions {
    margin-top: 0.5em;
    margin-bottom: 0.5em; }

  .header-quicknav-select select {
    height: auto !important;
    padding: 0 10px; } }
#visiteurajoki-pikavalikko, .header-quicknav-select select {
  background-color: #006da3;
  color: #fff; }
  #visiteurajoki-pikavalikko option[disabled], .header-quicknav-select select option[disabled] {
    background-color: #005c8a; }

.header-wrap {
  width: 1500px;
  max-width: 100%;
  margin: auto; }
  @media (min-width: 600px) and (max-width: 776px) {
    .header-wrap {
      padding-left: 20px !important;
      padding-right: 20px !important; } }
  @media (max-width: 599px) {
    .header-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      .header-wrap .header-right {
        order: -1; } }

.header-quicknav-select {
  width: 230px; }

@media (max-width: 776px) {
  .header-quicknav-select {
    font-size: 12px;
    width: 140px; } }
s
.header-left .branding__logo a {
  display: block; }
  s
  .header-left .branding__logo a img {
    max-width: 90%; }
  @media (max-width: 599px) {
    s
    .header-left .branding__logo a {
      text-align: center; } }

.header-right > .row {
  margin-left: 0 !important;
  margin-right: 0 !important; }
@media (min-width: 960px) {
  .header-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; } }
@media (max-width: 599px) {
  .header-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; } }
@media (min-width: 600px) and (max-width: 776px) {
  .header-right {
    justify-content: space-evenly !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
    .header-right > .row {
      width: auto !important; } }
@media (min-width: 768px) {
  .header-right {
    font-size: 18px !important; } }
@media (max-width: 767px) {
  .header-right {
    font-size: 15px !important; } }
@media (max-width: 599px) {
  .header-right {
    text-align: center; }
    .header-right .actions, .header-right .links {
      -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
      justify-content: center !important; } }
.header-right * {
  font-size: inherit;
  line-height: inherit; }
.header-right .row {
  width: 100%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  .header-right .row.actions {
    line-height: 1 !important; }
    @media (min-width: 768px) {
      .header-right .row.actions {
        font-size: 18px !important; } }
    @media (max-width: 767px) {
      .header-right .row.actions {
        font-size: 15px !important; } }
    .header-right .row.actions > [class^="header-"] {
      margin: 0 5px;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .header-right .row.actions > [class^="header-"] .header-fontsize .zeno_font_resizer_reset {
        font-weight: bold; }
      .header-right .row.actions > [class^="header-"].header-language a {
        padding: 5px !important; }
        .header-right .row.actions > [class^="header-"].header-language a img {
          transform: translateY(-2px); }
      .header-right .row.actions > [class^="header-"].header-search .popup-search-wrap {
        height: auto; }
        @media (max-width: 599px) {
          .header-right .row.actions > [class^="header-"].header-search .popup-search-wrap {
            width: auto; } }
    .header-right .row.actions .framill_font_resizer a {
      display: inline-block; }
      @media (min-width: 768px) {
        .header-right .row.actions .framill_font_resizer a {
          font-size: 18px !important; } }
      @media (max-width: 767px) {
        .header-right .row.actions .framill_font_resizer a {
          font-size: 15px !important; } }
      .header-right .row.actions .framill_font_resizer a + a {
        margin-left: 10px; }
  .header-right .row.links > [class*="col-"] {
    display: block; }
  .header-right .row.links .header-quicknav-select select {
    height: 40px;
    width: 100%; }
  @media (min-width: 960px) {
    .header-right .row.links .header-quicknav-select {
      display: none; } }
  @media (max-width: 959px) {
    .header-right .row.links .header-quicknav-full {
      display: none !important; } }
  .header-right .row.links .menu {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-left: 0; }
    .header-right .row.links .menu a {
      font-size: 15px; }
      @media (max-width: 767px) {
        .header-right .row.links .menu a {
          font-size: 12px !important; } }
    .header-right .row.links .menu > li:last-of-type > a {
      padding-right: 0 !important; }

/*
form {
    @include flex;
    label {
        @include lg-container {
            width: 300px;
        }
         @include sm-container {
            width: 250px;
        }
    }
    input {
        height: 45px;
    }
}
button {
    @include headerfontsize;
    background-color: transparent;
    width: auto;
    height: auto;
    border: 0;
    padding: 0 10px;
    color: $main !important;
    i {
        color: inherit;
        &:before {
            font-weight: 600;
        }
    }
}
*/
/* HEADER */
/* 2023 */
/* <-- 2023 */
.framill-contacts-gallery .owl-nav {
  opacity: 0;
  -webkit-transition: opacity 75ms linear;
  -o-transition: opacity 75ms linear;
  transition: opacity 75ms linear;
  top: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  display: block;
  z-index: 11; }
  .framill-contacts-gallery .owl-nav button {
    padding: 0.5em !important;
    display: inline-block;
    color: rgba(255, 255, 255, 0.5) !important; }
    .framill-contacts-gallery .owl-nav button:hover {
      color: white !important; }
    .framill-contacts-gallery .owl-nav button.disabled {
      display: none !important; }
  .framill-contacts-gallery .owl-nav .owl-prev {
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 5px; }
  .framill-contacts-gallery .owl-nav .owl-next {
    right: 5px;
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
.framill-contacts-gallery .owl-dots {
  z-index: 11;
  height: 1.2em;
  line-height: 1.2em;
  margin: 5px 0;
  z-index: 1000;
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%; }
  .framill-contacts-gallery .owl-dots button {
    border: 0 !important;
    padding: 0 !important;
    background: none !important; }
  .framill-contacts-gallery .owl-dots .owl-dot {
    width: 16px;
    height: 16px;
    position: relative;
    display: inline-block; }
    .framill-contacts-gallery .owl-dots .owl-dot:hover span, .framill-contacts-gallery .owl-dots .owl-dot.active span {
      background-color: white; }
    .framill-contacts-gallery .owl-dots .owl-dot span {
      top: 50%;
      left: 50%;
      position: absolute;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      border-radius: 50%;
      height: 10px;
      width: 10px;
      background-color: rgba(255, 255, 255, 0.5); }

.framill-contacts-card-item {
  word-break: break-word;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .framill-contacts-card-item * {
    box-sizing: border-box; }
  .framill-contacts-card-item.images-hide .framill-contacts-card-image-wrapper {
    display: none; }
  .framill-contacts-card-item.shape-round .framill-contacts-card-image-item {
    border-radius: 50%; }
  .framill-contacts-card-item.shape-round .owl-dots {
    margin-top: 0.5em;
    position: relative; }
    .framill-contacts-card-item.shape-round .owl-dots .owl-dot span {
      background-color: #555; }
    .framill-contacts-card-item.shape-round .owl-dots .owl-dot.active span, .framill-contacts-card-item.shape-round .owl-dots .owl-dot:hover span, .framill-contacts-card-item.shape-round .owl-dots .owl-dot:focus span {
      background-color: #0faef1; }
  .framill-contacts-card-item[data-layout="card"] {
    font-size: 0.85em;
    margin-bottom: 1.25em;
    line-height: 1.3;
    max-width: 100%; }
    .framill-contacts-card-item[data-layout="card"] .framill-contacts-image-wrapper {
      width: 100%; }
      .framill-contacts-card-item[data-layout="card"] .framill-contacts-image-wrapper .owl-item {
        position: relative; }
    .framill-contacts-card-item[data-layout="card"] .framill-contacts-data {
      word-break: break-word; }
    .framill-contacts-card-item[data-layout="card"] .framill-contacts-card-image-item {
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat; }
  .framill-contacts-card-item[data-layout="full"] {
    width: 100%;
    max-width: 100%; }
  .framill-contacts-card-item.imagealign-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  @media (min-width: 501px) {
    .framill-contacts-card-item.imagealign-left, .framill-contacts-card-item .imagealign-left {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; }
      .framill-contacts-card-item.imagealign-left[data-layout="full"] .framill-contacts-card-image-wrapper, .framill-contacts-card-item.imagealign-left[data-layout="full"] .framill-contacts-card-data, .framill-contacts-card-item .imagealign-left[data-layout="full"] .framill-contacts-card-image-wrapper, .framill-contacts-card-item .imagealign-left[data-layout="full"] .framill-contacts-card-data {
        width: 50%; }
      .framill-contacts-card-item.imagealign-left[data-layout="card"] .framill-contacts-card-image-wrapper, .framill-contacts-card-item .imagealign-left[data-layout="card"] .framill-contacts-card-image-wrapper {
        width: calc(100% * (1/3)); }
      .framill-contacts-card-item.imagealign-left[data-layout="card"] .framill-contacts-card-data, .framill-contacts-card-item .imagealign-left[data-layout="card"] .framill-contacts-card-data {
        width: calc(100% * (2/3)); } }
  .framill-contacts-card-item.imagealign-left .framill-contacts-card-data, .framill-contacts-card-item .imagealign-left .framill-contacts-card-data {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.8em;
    font-size: 0.8em; }
  .framill-contacts-card-item.textalign-left {
    text-align: left; }
  .framill-contacts-card-item.textalign-center {
    text-align: center; }
  .framill-contacts-card-item.textalign-right {
    text-align: right; }
  @media (max-width: 500px) {
    .framill-contacts-card-item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%;
      text-align: center !important; }
      .framill-contacts-card-item > [class*="image-wrapper"], .framill-contacts-card-item > [class*="data"] {
        width: 100%; } }
  .framill-contacts-card-item * {
    text-align: inherit; }

.framill-contacts-gallery {
  position: relative; }

.framill-contacts-card-image-item {
  position: relative; }
  .framill-contacts-card-image-item .framill-contacts-card-image-overlay {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    border-radius: 50%; }

[class*="framill-popup"] {
  width: 50px;
  height: 50px;
  display: block;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.framill-contacts-cards-wrapper {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .framill-contacts-cards-wrapper[data-layout="full"] {
    width: 800px;
    margin: auto;
    max-width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .framill-contacts-cards-wrapper[data-layout="full"] > .framill-contacts-item {
      padding: 0.8em;
      width: 100%; }
      .framill-contacts-cards-wrapper[data-layout="full"] > .framill-contacts-item .framill-contacts-card-data {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        line-height: 1.4; }
        @media (min-width: 768px) {
          .framill-contacts-cards-wrapper[data-layout="full"] > .framill-contacts-item .framill-contacts-card-data {
            font-size: 1em; } }
        @media (max-width: 767px) {
          .framill-contacts-cards-wrapper[data-layout="full"] > .framill-contacts-item .framill-contacts-card-data {
            font-size: 0.9em; } }

.framill-contacts-section-description {
  border-top: 1px solid #eee;
  margin-top: 0.5em;
  padding-top: 0.5em;
  font-size: 0.85em; }
  .framill-contacts-section-description p {
    margin-bottom: 0.5em; }
  .framill-contacts-section-description blockquote {
    padding: 0;
    margin-bottom: 0.5em;
    font-size: inherit;
    color: #006da3; }
    .framill-contacts-section-description blockquote:before, .framill-contacts-section-description blockquote:after {
      display: none !important; }
    .framill-contacts-section-description blockquote p {
      font-size: 0.9em;
      font-style: italic; }
      .framill-contacts-section-description blockquote p:before, .framill-contacts-section-description blockquote p:after {
        font-weight: bold;
        opacity: 0.8;
        display: inline;
        position: relative;
        content: '"';
        background: none; }
  .framill-contacts-section-description:last-child {
    margin-bottom: 0; }
  .framill-contacts-section-description.textalign-right ul {
    list-style-position: inside;
    text-align: right; }
  .framill-contacts-section-description.textalign-center ul {
    padding-left: 0;
    list-style: none; }
    .framill-contacts-section-description.textalign-center ul li {
      text-align: center; }

/* MAIN */
/* 2023 */
/* <-- 2023 */
.framill-slides-slider {
  position: relative;
  margin: 1em 0; }
  .framill-slides-slider .owl-thumbs, .framill-slides-slider .owl-nav {
    transition: opacity 100ms linear !important; }
  .framill-slides-slider:hover .owl-nav {
    opacity: 1; }
  .framill-slides-slider:hover .owl-thumbs {
    opacity: 0.5;
    bottom: 0;
    transition: bottom 200ms ease-in-out !important; }
  .framill-slides-slider .owl-nav {
    opacity: 0;
    -webkit-transition: opacity 75ms linear;
    -o-transition: opacity 75ms linear;
    transition: opacity 75ms linear;
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    display: block;
    z-index: 11; }
    .framill-slides-slider .owl-nav button {
      padding: 0.5em !important;
      display: inline-block;
      color: rgba(255, 255, 255, 0.5) !important; }
      .framill-slides-slider .owl-nav button:hover {
        color: white !important; }
      .framill-slides-slider .owl-nav button.disabled {
        display: none !important; }
    .framill-slides-slider .owl-nav .owl-prev {
      top: 50%;
      position: absolute;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 5px; }
    .framill-slides-slider .owl-nav .owl-next {
      right: 5px;
      top: 50%;
      position: absolute;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
  .framill-slides-slider * {
    box-sizing: border-box; }
  .framill-slides-slider .framill-slides-slide, .framill-slides-slider .framill-slides-thumb {
    position: relative; }

.framill-slides-item {
  height: 0;
  width: 100%;
  padding-bottom: 56.25%; }

.framill-slides-inner {
  z-index: 0;
  position: absolute;
  width: 100%;
  height: 100%; }
  .framill-slides-inner[class*="bgimagewrapper"] {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }

.framill-slides-content {
  position: absolute;
  height: 100%;
  width: 100%;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }
  .framill-slides-content.x-start [class*="-content-aligner"] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left; }
  .framill-slides-content.x-center [class*="-content-aligner"] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center; }
  .framill-slides-content.x-end [class*="-content-aligner"] {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right; }
  .framill-slides-content.y-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    .framill-slides-content.y-start .framill-slides-content-aligner {
      background: -o-linear-gradient(NaNdeg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
      padding: 1em 0; }
  .framill-slides-content.y-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .framill-slides-content.y-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .framill-slides-content .framill-slides-content-aligner {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%;
    padding: 1.2em; }
    .framill-slides-content .framill-slides-content-aligner .framill-slides-content-inner {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }

.framill-slides-slider .owl-item .framill-slides-slide {
  max-height: 30vh; }

.framill-slides-slider .owl-dots {
  z-index: 11;
  height: 1.2em;
  line-height: 1.2em;
  margin: 5px 0;
  z-index: 1000;
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%; }
  .framill-slides-slider .owl-dots button {
    border: 0 !important;
    padding: 0 !important;
    background: none !important; }
  .framill-slides-slider .owl-dots .owl-dot {
    width: 16px;
    height: 16px;
    position: relative;
    display: inline-block; }
    .framill-slides-slider .owl-dots .owl-dot:hover span, .framill-slides-slider .owl-dots .owl-dot.active span {
      background-color: white; }
    .framill-slides-slider .owl-dots .owl-dot span {
      top: 50%;
      left: 50%;
      position: absolute;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      border-radius: 50%;
      height: 10px;
      width: 10px;
      background-color: rgba(255, 255, 255, 0.5); }

/* listdemo */
ul.cptlistposts, ol.cptlistposts {
  list-style-position: inside;
  padding-left: 0; }

/* 2023 */
/* <-- 2023 */
.lista-wrapper, .cptlist-box, .featuredlinks-wrapper {
  margin: 0 -6px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media (min-width: 1200px) {
    .lista-wrapper[data-desktop-columns="5"] .lista-item, .cptlist-box[data-desktop-columns="5"] .lista-item, .featuredlinks-wrapper[data-desktop-columns="5"] .lista-item {
      max-width: calc(20% - calc(6px * 2)); }
    .lista-wrapper[data-desktop-columns="4"] .lista-item, .cptlist-box[data-desktop-columns="4"] .lista-item, .featuredlinks-wrapper[data-desktop-columns="4"] .lista-item {
      max-width: calc(25% - calc(6px * 2)); }
    .lista-wrapper[data-desktop-columns="3"] .lista-item, .cptlist-box[data-desktop-columns="3"] .lista-item, .featuredlinks-wrapper[data-desktop-columns="3"] .lista-item {
      max-width: calc(100% / 3 - calc(6px * 2)); } }
@media (min-width: 421px) and (max-width: 1199px) {
  .lista-wrapper .lista-item, .cptlist-box .lista-item, .featuredlinks-wrapper .lista-item {
    max-width: calc(100% / 2 - calc(6px * 2)); } }

  @media (max-width: 420px) {
    .lista-wrapper, .cptlist-box, .featuredlinks-wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      .lista-wrapper .lista-item, .cptlist-box .lista-item, .featuredlinks-wrapper .lista-item {
        margin: 0 auto 1em; } }

.lista-item {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 6px !important;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.07);
  width: 300px; }
  .lista-item .lista-inner {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
    .lista-item .lista-inner .lista-data {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
  .lista-item:hover {
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.07); }
  .lista-item.align-left {
    text-align: left; }
  .lista-item.align-center {
    text-align: center; }
  .lista-item:hover .lista-data, .lista-item:focus .lista-data {
    border-bottom-color: #faa41a; }
  .lista-item * {
    transition: all 250ms ease-in-out; }
  .lista-item .lista-kuva:hover img, .lista-item .lista-kuva:focus img {
    transform: scale(1.05); }
  .lista-item .lista-kuva > a, .lista-item .lista-kuva > div {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    height: 0;
    padding-bottom: calc(100% / (7/5)); }
  .lista-item .lista-data {
    display: block;
    border-width: 1px 1px 2px;
    border-style: solid;
    padding: 1.5em;
    border-color: #eee #eee #006da3;
    word-break: break-word; }
    .lista-item .lista-data:hover {
      color: inherit !important; }
    .lista-item .lista-data .lista-otsikko {
      font-size: 1.2em;
      line-height: 1.4;
      margin-top: 0; }
    .lista-item .lista-data .lista-ote {
      font-size: 0.9em;
      margin-bottom: 0; }

/* KOHDE */
/* 2023 */
/* <-- 2023 */
.single-kohde .contact-info {
  padding: 1em;
  background: #006da3;
  font-size: 16px; }
  .single-kohde .contact-info [class^="contact-section"] .contact-icon {
    color: #faa41a; }
  .single-kohde .contact-info [class^="contact-section"] .contact-data {
    color: #fff; }

ul.cptlistposts {
  padding-left: 0px;
  font-size: 15px;
  list-style-type: none; }
  ul.cptlistposts li {
    padding-top: 5px;
    padding-bottom: 5px; }
    ul.cptlistposts li a {
      color: #111111;
      font-size: 15px;
      font-weight: 400; }
      ul.cptlistposts li a:hover {
        color: #006da3; }
      ul.cptlistposts li a:before {
        margin-right: 8px;
        content: "\f0da";
        font-size: 15px;
        font-family: FontAwesome;
        color: #006da; }

iframe.dynamicheight {
  -webkit-transition: height 100ms ease-in;
  -o-transition: height 100ms ease-in;
  transition: height 100ms ease-in; }

.rhk-sidebar .rhk-ote {
  margin-top: 1em; }

.single-kohde .page-content {
  padding-top: 0 !important; }
.single-kohde article {
  border: 0;
  padding: 0 !important;
  background: none; }
.single-kohde .contact-info {
  margin-bottom: 1.5em;
  padding-bottom: 1em;
  border-bottom: 1px solid #eee;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .single-kohde .contact-info [class^="contact-section"] {
    display: block;
    padding: 0 0.5em;
    text-align: left; }
    .single-kohde .contact-info [class^="contact-section"] .contact-icon {
      display: inline-block;
      margin-right: 0.2em;
      text-align: center;
      width: 1em; }
    .single-kohde .contact-info [class^="contact-section"] .contact-data {
      color: #006da3;
      font-weight: bold;
      font-size: 0.9em;
      padding: 0.5em;
      display: inline-block; }
      .single-kohde .contact-info [class^="contact-section"] .contact-data:hover {
        color: #faa41a; }
      .single-kohde .contact-info [class^="contact-section"] .contact-data:not(.some) {
        padding-left: 0; }
    .single-kohde .contact-info [class^="contact-section"] + [class*="--some"] {
      border-left: 1px solid rgba(255, 255, 255, 0.15); }

.row.galleria, .row.kartta {
  border-top: 1px dashed #eee;
  padding-top: 1.25em;
  margin-top: 1.25em; }

.rhk-galleria-wrapper .owl-nav {
  text-align: center; }
  .rhk-galleria-wrapper .owl-nav button {
    width: 50px; }
    .rhk-galleria-wrapper .owl-nav button:not(.disabled) {
      color: #faa41a !important; }
      .rhk-galleria-wrapper .owl-nav button:not(.disabled):hover {
        color: #006da3 !important; }
    .rhk-galleria-wrapper .owl-nav button.disabled {
      color: #999 !important; }

.rhk-galleria-item {
  height: 0;
  padding-bottom: calc(100% / (7/5));
  position: relative;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; }
  .rhk-galleria-item > [class*="popup"] {
    opacity: 0;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    height: 40px;
    width: 40px; }
    .rhk-galleria-item > [class*="popup"] .fa {
      top: 50%;
      left: 50%;
      position: absolute;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .rhk-galleria-item > [class*="popup"]:hover {
      font-size: 1.5em; }
  .rhk-galleria-item:hover > [class*="popup"] {
    opacity: 1; }

/* PAGE TITLE */
/* 2023 */
/* <-- 2023 */
.page-title-bar-inner {
  padding: 0 !important;
  width: 100%;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-title-bar-inner {
      aspect-ratio: 3.5/1;
      max-height: 45vh; } }
  @media (max-width: 767px) {
    .page-title-bar-inner {
      aspect-ratio: 2/1;
      max-height: 40vh; } }

/* listdemo */
/* 2023 */
/* <-- 2023 */
.dataTables_length {
  display: none; }

.dataTables_filter {
  margin-bottom: 1em; }

.framill-contacts-table-actions {
  margin-bottom: 1em; }
  .framill-contacts-table-actions > [class*="action"] {
    cursor: pointer;
    padding: 10px;
    color: #fff; }
    .framill-contacts-table-actions > [class*="action"].enabled {
      background-color: #006da3; }
    .framill-contacts-table-actions > [class*="action"].disabled {
      background-color: #999; }
    .framill-contacts-table-actions > [class*="action"] [class*="action"] {
      margin-left: 5px; }

.dataTables_wrapper {
  overflow: auto; }

.framill-contacts-table {
  max-width: 100%; }
  .framill-contacts-table.grouping-hierarchical {
    width: 100% !important;
    max-width: 100%;
    font-size: 0.8rem; }
    .framill-contacts-table.grouping-hierarchical td {
      text-align: left; }
      .framill-contacts-table.grouping-hierarchical td .framill-contacts-tel {
        display: block; }
      .framill-contacts-table.grouping-hierarchical td[class*="-groups"] {
        min-width: 150px; }
      .framill-contacts-table.grouping-hierarchical td[class*="-desc"] {
        font-size: 0.9em;
        min-width: 150px; }
        .framill-contacts-table.grouping-hierarchical td[class*="-desc"] p {
          margin-bottom: 0.9em; }
          .framill-contacts-table.grouping-hierarchical td[class*="-desc"] p:last-child {
            margin-bottom: 0; }
    .framill-contacts-table.grouping-hierarchical [data-toggle-sibling] {
      cursor: pointer; }
      .framill-contacts-table.grouping-hierarchical [data-toggle-sibling]:hover {
        text-decoration: underline; }
  .framill-contacts-table.grouping-allgroups td {
    text-align: left;
    padding: 0.5rem 0.8rem;
    font-size: 0.8rem; }
    .framill-contacts-table.grouping-allgroups td p {
      margin-bottom: 0.5em;
      line-height: 1.3; }
    .framill-contacts-table.grouping-allgroups td:first-child:not(:only-child) {
      padding-left: 3rem; }
    .framill-contacts-table.grouping-allgroups td.textalign-center {
      text-align: center; }
    .framill-contacts-table.grouping-allgroups td.textalign-right {
      text-align: right; }
  .framill-contacts-table [data-toggle-target].datatable-icon {
    display: none; }
  .framill-contacts-table a {
    color: #006da3; }
    .framill-contacts-table a:hover {
      color: #0faef1; }
  .framill-contacts-table th {
    cursor: pointer; }
  .framill-contacts-table .dtrg-group {
    cursor: pointer; }
    .framill-contacts-table .dtrg-group td {
      background-color: #fafafa;
      text-align: left;
      padding-top: 0.2rem;
      padding-bottom: 0.2rem; }
      .framill-contacts-table .dtrg-group td .fa-level-down {
        transform: scaleY(-1) rotate(-90deg);
        color: rgba(0, 0, 0, 0.3);
        margin-right: 0.5rem; }
    .framill-contacts-table .dtrg-group[class*="dtrg-level-"] td:first-child {
      padding-left: 1rem; }
    .framill-contacts-table .dtrg-group[class*="dtrg-level-"][class*="level-1"] td:first-child {
      padding-left: 1.5rem; }
    .framill-contacts-table .dtrg-group[class*="dtrg-level-"][class*="level-2"] td:first-child {
      padding-left: 2.0rem; }
    .framill-contacts-table .dtrg-group[class*="dtrg-level-"][class*="level-3"] td:first-child {
      padding-left: 2.5rem; }
    .framill-contacts-table .dtrg-group.dtrg-level-0 td {
      font-size: 1.1rem;
      padding-left: 1rem;
      font-weight: bold; }
  .framill-contacts-table .group-active td {
    background-color: rgba(255, 255, 77, 0.15); }
  .framill-contacts-table .framill-contacts-item td {
    background-color: #fff; }
  .framill-contacts-table .framill-contacts-item.group-active td, .framill-contacts-table .framill-contacts-item.unique-active td {
    background-color: rgba(1, 255, 1, 0.1); }
  .framill-contacts-table .framill-contacts-all-groups {
    margin: 0;
    padding: 0;
    list-style-position: inside; }

.icon-scaledown {
  -webkit-transform: scale(0.77);
  -ms-transform: scale(0.77);
  transform: scale(0.77); }

.framill-contacts-all-groups {
  font-size: 0.85em;
  padding: 0;
  list-style-position: inside;
  list-style: none;
  text-align: left; }
  .framill-contacts-all-groups .children {
    list-style: none;
    padding-left: 0; }
  .framill-contacts-all-groups .cat-item li {
    position: relative;
    padding-left: 1.25em; }
    .framill-contacts-all-groups .cat-item li > a:hover {
      text-decoration: underline;
      color: #0faef1; }
    .framill-contacts-all-groups .cat-item li:hover {
      border-left-color: #006da3 !important; }
      .framill-contacts-all-groups .cat-item li:hover:before {
        color: #0faef1;
        opacity: 1; }
    .framill-contacts-all-groups .cat-item li:before {
      color: #999;
      font-family: FontAwesome;
      opacity: 0;
      content: "\f149";
      display: block;
      font-size: 0.8em;
      height: 1em;
      top: 0;
      transform: translateY(0.25em) rotate(90deg) scaleY(-1);
      position: absolute;
      left: 0.25em; }

/* Hakemisto temp -> ks. /hakemisto/ */
/* 2023 */
/* <-- 2023 */
/* hakemisto */
/* 2023 */
/* <-- 2023 */
.form-body {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100%; }
  .form-body .form-item {
    width: 100%; }
  .form-body .form-sidebar {
    margin-left: 1em;
    border-left: 1px solid #006da3;
    padding-left: 1em;
    width: 300px; }

.form-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }
  .form-flex label {
    width: 200px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .form-flex > .inputs {
    width: 100%;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
    .form-flex > .inputs .input-row {
      width: 100%;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important; }

.input-row [data-action] {
  width: 3em;
  position: relative;
  background-color: #eee; }
  .input-row [data-action] .fa {
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
.input-row + .input-row {
  margin-left: 1em; }

.form-inner-group + .form-inner-group {
  margin-top: 0.5em; }

textarea,
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="url"] {
  background-color: #fafafa;
  height: auto;
  padding: 0.75em;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  color: #3c3c3b; }
  textarea[readonly],
  input[type="text"][readonly],
  input[type="tel"][readonly],
  input[type="email"][readonly],
  input[type="number"][readonly],
  input[type="url"][readonly] {
    background-color: #eee; }
    textarea[readonly]:focus,
    input[type="text"][readonly]:focus,
    input[type="tel"][readonly]:focus,
    input[type="email"][readonly]:focus,
    input[type="number"][readonly]:focus,
    input[type="url"][readonly]:focus {
      border-color: transparent !important; }
  textarea::placeholder, textarea[readonly],
  input[type="text"]::placeholder,
  input[type="text"][readonly],
  input[type="tel"]::placeholder,
  input[type="tel"][readonly],
  input[type="email"]::placeholder,
  input[type="email"][readonly],
  input[type="number"]::placeholder,
  input[type="number"][readonly],
  input[type="url"]::placeholder,
  input[type="url"][readonly] {
    color: #999; }
  textarea:focus,
  input[type="text"]:focus,
  input[type="tel"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="url"]:focus {
    border: 1px solid #006da3; }
  textarea[required]:not(.valid),
  input[type="text"][required]:not(.valid),
  input[type="tel"][required]:not(.valid),
  input[type="email"][required]:not(.valid),
  input[type="number"][required]:not(.valid),
  input[type="url"][required]:not(.valid) {
    border-color: rgba(255, 0, 0, 0.35) !important; }
  textarea[required].valid,
  input[type="text"][required].valid,
  input[type="tel"][required].valid,
  input[type="email"][required].valid,
  input[type="number"][required].valid,
  input[type="url"][required].valid {
    border-color: rgba(0, 128, 0, 0.75) !important; }

label {
  font-weight: bold;
  color: #3c3c3b;
  padding: 0.5em; }

.form-inner-group label {
  font-size: 0.8em;
  padding-left: 1em;
  padding-right: 1em; }

.form-section + .form-section {
  margin-top: 2em;
  border-top: 1px solid #eee;
  padding-top: 2em; }

::-webkit-resizer {
  border-bottom-color: #006da3; }

.category-table [data-index]:not(.valid) {
  background-color: rgba(255, 0, 0, 0.05); }
.category-table [data-index].valid .invalid {
  display: none; }
.category-table td, .category-table tr, .category-table th {
  background: none;
  border: 0; }
.category-table td:first-child, .category-table th:first-child {
  text-align: left; }
.category-table td:nth-child(2), .category-table th:nth-child(2) {
  width: 400px; }
.category-table input {
  text-align: inherit; }
@media (min-width: 768px) {
  .category-table .dropdown-mobile {
    display: none; } }
@media (max-width: 767px) {
  .category-table .dropdown-desktop {
    display: none; } }

[data-action*="toggle"]:not(.toggled) .toggled {
  display: none; }
[data-action*="toggle"].toggled .not-toggled {
  display: none; }

.form-section .input-readonly {
  width: 0 !important; }
  .form-section .input-readonly input[readonly] {
    padding: 0; }
.form-section.readonly .input-readonly {
  width: 100% !important; }
  .form-section.readonly .input-readonly input[readonly] {
    padding: 0.5em; }

.terms-container {
  max-height: 270px;
  overflow: auto; }

tr.confirm {
  background-color: pink; }

.dropdown-item:hover {
  background-color: #fafafa; }
.dropdown-item input {
  pointer-events: none; }

.dropdown-items-container {
  position: relative; }

.dropdown-items {
  text-align: left;
  z-index: 10;
  background-color: #fff;
  left: 0;
  display: none;
  position: absolute;
  width: 100%;
  height: auto;
  max-height: 50vh;
  overflow-y: auto; }
  .dropdown-items.visible {
    display: block; }

[role="button"] {
  cursor: pointer; }

.dropdown-close {
  display: block;
  width: 100%;
  line-height: 1;
  padding: 1em;
  text-align: center; }
  .dropdown-close:hover, .dropdown-close:focus {
    background-color: #fafafa;
    color: red; }

.dropdown-items-list {
  padding: 0 1em 1em; }

.original {
  opacity: 0; }
  .original.show {
    opacity: 1; }

[data-index].valid .invalid {
  display: none; }

[data-action] {
  cursor: pointer; }

.dropdown-item.child {
  padding-left: 1em; }

.dropdown-input:focus ~ .dropdown-display-selected {
  display: none; }

.dropdown-display-item {
  display: block;
  text-align: left;
  padding: 0.1em 0.5em;
  font-size: 14px; }
  .dropdown-display-item[data-parent-id] {
    cursor: default;
    font-weight: bold;
    background-color: transparent;
    color: #000;
    clear: both; }
    .dropdown-display-item[data-parent-id] .fa {
      display: none; }
    .dropdown-display-item[data-parent-id] ~ [data-parent-id] {
      clear: left; }
  .dropdown-display-item[data-child-of] {
    margin-left: 0.5em; }
    .dropdown-display-item[data-child-of]:hover, .dropdown-display-item[data-child-of]:focus {
      background-color: rgba(0, 0, 0, 0.05); }
      .dropdown-display-item[data-child-of]:hover .fa, .dropdown-display-item[data-child-of]:focus .fa {
        visibility: visible; }
    .dropdown-display-item[data-child-of] .fa {
      margin-right: 0.5em;
      color: red;
      visibility: hidden; }

.category-table {
  max-width: 100%; }
  .category-table td {
    vertical-align: top; }
  @media (min-width: 768px) {
    .category-table .mobile {
      display: none; } }
  .category-table td {
    width: auto !important; }
  .category-table thead th:not(.mobile) {
    display: none; }
  .category-table [data-index] {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }

@media (max-width: 480px) {
  .form-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .form-flex label, .form-flex .inputs {
      width: 100% !important; }
    .form-flex label {
      text-align: center; }
      .form-flex label span {
        font-size: 11px; }
    .form-flex input {
      text-align: center; } }

.form-body textarea {
  margin: 0 auto 0 0 !important; }
@media (max-width: 767px) {
  .form-body label span, .form-body input, .form-body textarea, .form-body select {
    font-size: 12px !important;
    margin: 0 !important; } }
.form-body input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]) {
  padding: 0.5em; }
.form-body textarea {
  padding: 0.5em; }
.form-body .hidden {
  display: none; }

.laatikko .wpcf7-form-control-wrap {
  margin-bottom: 0; }

input[type="submit"][disabled] {
  filter: grayscale(100%);
  opacity: 0.5; }
