/* play-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/play-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* play-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Play';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/play-v17-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


:root {
   --primary-color: #e6007e;
   --secondary-color: #000;
   --base-font-size: min(max(1rem, 1.05vw), 1.05rem);
   --base-text-color: #000;
   --base-line-height: 160%;
   --google-font: 'Play', sans-serif;
   --google-heading-font:  'Play', sans-serif;
   --navilink-font-size: min(max(1rem, 1.125vw), 18px);
   --navilink-color: #e6007e;
   --navilink-font-weight: 700;
   --navilink-padding: 20px 15px;
   --navilink-selected-bg: #fff;
   --navilink-selected-color: #000;
   --heading-size-1: min(max(1.5rem, 1.7vw), 1.875rem);
   --heading-size-2: min(max(1.2rem, 1.4vw), 1.6rem);
   --heading-size-3: min(max(1.4rem, 1.9vw), 2rem);
   --heading-size-4: min(max(1.5rem, 2.4vw), 2.625rem);
   --heading-size-5: min(max(1.2rem, 1.2vw), 1.375rem);
   --heading-size-6: min(max(1.1rem, 1.1vw), 1.2rem);
   --grid-gap: 2em 1em;
   --button-background: #e6007e;
   --button-text-color: #fff;
   --button-font-size: min(max(0.9rem, 1vw), 1rem);
   --button-font-weight: 700;
   --button-padding: 15px 30px;
   --max-input-width: 450px;   
   --max-button-width: max-content;   
   --img-gallery-rows: repeat(auto-fill, minmax(120px, 1fr));
   --img-gallery-img-size: 200px;
   --mobilemenu-container-height: 71px;
   --mobilemenu-open-close-color: #e6007e;
   --mobilemenu-menutext-color: #000;
   --mobilemenu-button-background: #e6007e;
   --mobilemenu-link-color: #fff;
   --mobilemenu-link-background: #e6007e;
   --mobilemenu-expand-button: #000;
   --mobilemenu-submenu-background: #e6007e;
   --padding-s: min(max(20px, 1vw), 20px);
   --padding-m: min(max(30px, 2vw), 40px);
   --padding-xl: min(max(40px, 3vw), 60px);
   --padding-xxl: min(max(60px, 4vw), 80px);
 }
body, html, p {margin: 0;padding: 0;font-family: var(--google-font);color: var(--base-text-color);font-size: var(--base-font-size);line-height: var(--base-line-height)} li,div {font-family: var(--google-font);color: var(--base-text-color);font-size: var(--base-font-size);line-height: var(--base-line-height)}img {max-width: 100%;height: auto;display: block;}header.content-col { z-index: 201;}a {color: var(--primary-color);text-decoration: none}a:hover {text-decoration: underline}h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {font-family: var(--google-heading-font);margin: 0;padding: 0;line-height: 110%;color: var(--primary-color); font-weight:700;}h1, h1 a {font-size: var(--heading-size-1);}h2, h2 a {font-size: var(--heading-size-2);}h3, h3 a {font-size: var(--heading-size-3);}h4, h4 a {font-size: var(--heading-size-4);font-weight:500;}h5, h5 a {font-size: var(--heading-size-5);}h6, h6 a {font-size: var(--heading-size-6);}picture {width: 100%}section, article, .center-col, .content-col{box-sizing:border-box;}table, td, tr {border-collapse: unset !important}@media screen and (max-width:1024px) {table, td, tr {height: auto !important;max-width: 100%}}@media screen and (max-width:480px) {body {line-height: calc(1rem + 1.2vw)}}@media screen and (max-width:575px) {blockquote {margin: 0;padding: 0;box-sizing: border-box;}#subpage-content-wrapper p {padding-left:0 !important;}}@media screen and (max-width:375px) {h1, h2, h3, h4, h5, h6 {word-wrap: anywhere}}

/* Wrappers */
.content-col, .center-col {width: 100%;clear: both;position: relative;}.center-col {width: min(max(60vw, 1600px), 90%);margin: 0 auto}.center-col iframe { max-width: 100%;margin: 0 auto}.narrow-col{max-width:1200px;}.erikoiskuva, .kuva, .kuva2 {box-sizing:border-box;border: 0;outline: 0;height: auto;margin: 0;cursor: pointer; max-width:100%;}#flex-header-wrapper{z-index:9000;}

/* Grids */
.autogrid,.dgrid-2-cols, .dgrid-3-cols, .dgrid-4-cols, .dgrid-s-m-s-cols, .dgrid-s-xl-cols, .dgrid-xl-s-cols, .dgrid-m-l-cols, .dgrid-l-m-cols {display: grid;grid-gap: var(--grid-gap);clear: both;position: relative;} .dgrid-s-m-s-cols {grid-template-columns: 1fr 2fr 1fr}.dgrid-s-xl-cols {grid-template-columns: 1fr 3fr} .dgrid-xl-s-cols {grid-template-columns: 3fr 1fr}.dgrid-m-l-cols {grid-template-columns: 1fr 2fr}.dgrid-l-m-cols {grid-template-columns: 2fr 1fr}.autogrid, .dgrid-3-cols{grid-template-columns:repeat(auto-fit, minmax(350px,1fr))}.dgrid-2-cols {grid-template-columns:repeat(2,1fr)}.nogap {grid-gap: 2em 0;}.dgrid-4-cols{grid-template-columns:repeat(4,1fr);}@media screen and (max-width:1024px) {.dgrid-m-l-cols, .dgrid-l-m-cols, .dgrid-s-m-s-cols, .dgrid-s-xl-cols, .dgrid-xl-s-cols {grid-template-columns: 1fr}.dgrid-4-cols {grid-template-columns: repeat(2,1fr);}}@media screen and (max-width:768px) {.dgrid-2-cols{grid-template-columns:1fr;}} @media screen and (max-width:678px) {.dgrid-4-cols{grid-template-columns:1fr;}}@media screen and (max-width:480px) {.autogrid, .dgrid-2-cols, .dgrid-3-cols {grid-template-columns:repeat(auto-fit, minmax(220px,1fr))}}

/* Navigation */

#main-navi, #top-navi, #footernavi {margin: 0 auto;padding: 0;list-style: none;z-index: 2;position: relative;flex-direction: row;justify-content:space-around;}#top-navi {justify-content: flex-end} .mainnavi-link, .topnavi-link, .footerlink {padding: var(--navilink-padding);font-size: var(--navilink-font-size);font-weight: var(--navilink-font-weight);text-decoration: none;color: var(--navilink-color);display: block;}.topnavi-link{color:#919191}.mainnavi-link:hover, .topnavi-link:hover, .footerlink:hover {color: #c6c6c6;}#link-sel-1-11, #link-sel-2-12, #link-sel-4-14, #link-sel-5-15, #link-sel-5-16, #link-sel-6-17 {color: var(--navilink-selected-color);background: var(--navilink-selected-bg);text-decoration: none}#logoimg {max-width: 50%;margin: 0 auto;float: none;display: block;height: auto;padding: 15px 0;}#sidenavi ul, #sidenavi li{margin: 0;}#sidenavi > ul {background: #fff; border-radius:6px;border:1px solid #dedede;padding: 10%;margin: 0;list-style: none;}#sidenavi ul ul,#sidenavi ul ul ul, #sidenavi ul ul ul ul {padding: 0 5% 10% 5%;}
#main-navi li ul {display:none;background:#373435;left: 0;margin-top: 0;position: absolute;z-index: 20000;border-bottom: 1px solid #848385;box-sizing: border-box;width:100%; padding: 2em 2em;; list-style:none;}
#main-navi li:hover > ul {display:grid; grid-template-columns:repeat(3,1fr); grid-gap:0 1em;text-align: center;flex-wrap: wrap;}
#main-navi li{line-height: 120%;text-align: left;}
#main-navi li ul a {display:block;width:100%; padding:10px 0; color:#cecece; font-size:16px;display:flex;}
#main-navi li ul a:before {content:"›"; color:#dd008b; font-weight: 400px; font-size:12px; padding-right:10px; text-decoration: none; display:block; float:left;line-height: 140%}

/* General classes, heroimg, banners */
#pda-text {position: absolute;left: -10000px;top: auto;width: 1px;height: 1px;overflow: hidden;}
#main-heroimg {width: 100%;}
.mw-small{max-width:600px; margin:0 auto;}
#hero-headings h1{font-size: min(max(1.3rem, 1.8vw), 2rem) !important;color: #202020; text-transform:none !important}
#txtlogo {height:40px}
#front-hero-wrapper #main-heroimg{min-height:600px; object-fit:cover}
#herotext {text-align: center;}
#herotext h1 {font-size:min(max(1.2rem, 2.5vw), 2.5rem); text-transform:uppercase;}
#herotext h2 {color:#202020;}
#hero-pvimg {max-width: 10vw;min-width: 120px;}
#hero-headings {display:grid; grid-template-columns:3fr 1fr; grid-gap:1em}
#hero-headings h2 {font-size:min(max(1.3rem, 1.8vw), 2rem);}
#ratkaisulinkit {display:flex; justify-content:center;}
#ratkaisulinkit, #ratkaisulinkit li {margin:0; padding:0; list-style:none;}
#ratkaisulinkit li {margin:5px 10px;}
#ratkaisulinkit .webiolinkkipainike {margin:0;text-transform:uppercase;}
#services-wrapper {background:#f9f9f9}
#services-modals .bnr{padding:1em; background:#fff; border:1px solid #dedede}
#flex-header-content {position:absolute; z-index:20; margin-top:-12px; right:6.5%;}
#services-text img {max-width: 20vw;min-width: 200px;margin:0 auto; display: block}
#subpage-mainimg {position:relative;}
#sbpage-mainimg{border-radius:8px; width:100%; object-fit:cover; min-height:200px; margin-bottom:1em}
#subpage-mainimg h1{background:rgba(230,0,126,0.9); font-size:min(max(1.1rem, 1.5vw), 1.6rem);padding:10px 30px; max-width:max-content;border-radius: 6px;color:#fff; margin:0 auto;}
#subpage-content-wrapper {background-image:url(../img/header/subpage-content-bg.png), url(../img/header/content-bg.png); background-position:center top, center bottom; background-repeat:no-repeat, no-repeat;background-size:100%,80%;}
#subpage-content-wrapper .dgrid-xl-s-cols {grid-gap:1em 4em;}
.ajanlukko-pattern {background:#201e1f url(../img/header/ajan-lukko-pattern.png) center top no-repeat; background-size: cover;height: 25px;}
#searchicon, #flex-header-icons {float: right;}
#flex-header-icons p {display:flex;}
#solutions-main img {width:100%; padding:0 !important}
#solutions-main > section {background:#fff}
#solutions-main section .col-full:nth-of-type(2){padding:1em;}
#solutions-main h2{min(max(1.4rem, 1.9vw), 2rem);}
#solutions-main h3{font-size:min(max(1.1rem, 1.1vw), 1.2rem); color:#272425; font-weight:400}
#solutions-banners-lift .col-full {display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); grid-gap:1em}
#solutions-banners-lift .modal {padding: 0;background:none; background:#fff}
#solutions-banners-lift .bannertext {padding: 1em;}
#solutions-banners-lift h2, #solutions-banners-lift h2 a{font-size:min(max(1.1rem, 1.1vw), 1.2rem);}
.fa-search-div {display: block;width: 34px;height: 34px;background: url(https://www.ajanlukko.fi/content/img/header/search-icon.png) left top no-repeat;background-size: cover;margin-right: 5px;}
.whatsapp-linkki {display: none;}
.narrow-col-ml {max-width:1200px}
.heroimg {position: relative;}
.abs-element {position: absolute;z-index: 200;max-width: 100%;flex-direction: column;display: flex;width: 80%;} 
.dflex {display: flex;flex-wrap: wrap;flex-direction: column;} 
.dflex-row {display: flex;flex-wrap: wrap;flex-direction: row;} 
.center-elements {align-items: center;justify-content: center}
.fwimg {width:100%}
.white-p {color: #fff}
.shadow {text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);}
.headerbox {background: var(--primary-color);color: #fff;padding: 5px 10%;text-transform: uppercase;display: inline-block;margin-bottom:20px;}
.bnr {position:relative;} /* Bannerikuva position container */
.bnr img {width:100%;} /* Bannerikuvan maksimileveys */
#banners-wrapper div {width:100%}
#banners-wrapper .col-full, #banners-wrapper .colpadding {margin:0; padding:0;}
#banners-wrapper img {width: 100%;padding: 0;display: block;}
#banners-wrapper h2 {font-size:min(max(1.5rem, 2.4vw), 2.625rem); color:#fff; text-transform: uppercase}
#banners-wrapper p {color:#fff; font-size:1.2rem}
.modulikuvausteksti {grid-column: 1 / -1;}
#quicklinks-wrapper{background:url(../img/header/quicklinks-bg.png) center bottom no-repeat; background-size:100%}
#quicklinks-wrapper p, #quicklinks-wrapper p a {color:#fff;}
#some-wrapper {background:#f5f6f7; margin:1em auto}
.bgcolor-wrapper {background:#000; border-radius:10px;} /* Optional */
.bgcolor-wrapper img {opacity:0.7; border-radius:10px;} /* Optional */
#paivystys{background:#ece3e4 url(../img/header/paivystys.jpg) right top no-repeat; background-size:cover; padding:0}
#paivystys-content{padding:min(max(80px, 6vw), 120px) 0;}
#paivystys-content h2 {font-size:min(max(1.8rem, 2.4vw), 2.625rem);}
#paivystys-content h3, #paivystys-content h3 a{font-size:min(max(1.6rem, 2vw), 2.2rem);color:#201e1f; font-size:400;}
#logoscroller {width: 100%;background: url(../img/header/logot-bg.gif) repeat-x #ffffff;padding: 2px 0px 0px 0px;}
footer {background:#201e1f url(../img/header/ajan-lukko-pattern.png) center top no-repeat; background-size:100%}
footer #linkcol {grid-gap:1em 0em}
footer #linkcol-content{display:grid; grid-template-columns: repeat(3,1fr); grid-gap: 1em}


@media only screen and (max-width:1440px) {.subpage-content.center-col {width: min(max(60vw, 1600px), 80%);}}
@media only screen and (max-width:1024px) {#subpage-content-wrapper .cpadding-rl-xl {padding:0} #subpage-content-wrapper .center-col {width:90%}.ajanlukko-pattern {height: 42px;}#flex-header-content {margin-top:-34px; right:10px;}.whatsapp-linkki {display:inline !important}#flex-header-wrapper img {max-width: 29px;padding: 0 2px;}.fa-search-div {display: block;width: 25px;height: 25px;}#quicklinks-wrapper{background-size: cover;}#paivystys-content{text-align:center;}#txtlogo {max-width: 250px !important;margin: 0 auto;height: 30px;}}
@media only screen and (max-width:860px) {.subpage-content table table, .subpage-content table table tr, .subpage-content table table td {width: 100% !important; height:auto !important;}.subpage-content table table tr {display: grid;grid-template-columns: repeat(auto-fill,minmax(250px,1fr));}#solu3313 {width: 800px;overflow: hidden;}}
@media only screen and (max-width:800px) {#ratkaisulinkit {flex-direction: column;}}
@media only screen and (max-width:678px) {#services-wrapper {background: #f9f9f9;padding: 0;}#quicklinks-wrapper .dgrid-4-cols {grid-gap: 0;}}
@media only screen and (max-width:575px) {#solutions-banners-lift .bannertext {padding: 0 0 10px;}#solu3313 p {width: 800px;overflow-x: scroll;}#solu3313 {width: 90vw;overflow: scroll;}}
@media only screen and (max-width:480px) {#hero-headings {grid-template-columns: 1fr;}#herotext img {margin: 0 auto;}.mw-medium.cpadding-t-m{padding-top:20px}}

/* Tapahtumat sivu listaukset */
#pgcontent-1517 .col-full{display:grid; grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:1em}
#pgcontent-1517 .col-full:first-of-type div {grid-column: 1 / -1;}
#pgcontent-1517 .col-full .modal:first-of-type {display: none;}
#pgcontent-1517 .bannertext {padding:1em}
#pgcontent-1517 #sbpage-mainimg {display:none;}

/* Modal */
.modal-container .col-full {display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr)); grid-gap:1em}
.modal-description {padding-bottom:20px}
.modal {background: #f0f0f0;}
.modal{border-radius:6px;position:relative;padding-bottom: 60px;}
.modal img {border-radius: 6px 6px 0 0;object-fit: cover;max-height: 180px;padding:0 !important;width: 100%;aspect-ratio: 16/9;}
.modal .banner {padding:1em 1em 0 1em}
.modal h2 {font-size: 1.2rem;}
.modal-link {position: absolute;bottom: 1em;background: var(--primary-color); color: #fff;padding: 5px 20px;font-size: 14px;font-weight: 700;left: 1.1em;border-radius: 4px;}
.modal-link a{color:#fff !important}
#pgcontent-1517 .modal.event-modal:first-of-type {background: #fff;grid-column: 1 / -1;}

/* Contactbox - OPTIONAL */
#contactbox-wrapper{background: var(--primary-color) url(../img/header/yhteysbg.jpg) left top no-repeat; background-size: cover; text-align:center;}
#contactbox-wrapper .cpadding-rl-m{padding:0 0 0 2em !important}
#contactbox-wrapper .webiolinkkipainike {margin-top:0}
#contactbox-wrapper h3,contactbox-wrapper h4,contactbox-wrapper h5,#contactbox-wrapper h6 {color:#fff;font-size:min(max(1.5rem, 2vw), 2.2rem);}
.cboxdiv{display:grid; grid-template-columns: 44% auto;align-items: center; padding:0 0 0 4em !important;}
.greentext {font-weight: 500;color: #bccf02;}

@media screen and (max-width:1280px) {#contactbox-wrapper {grid-template-columns: 1fr;grid-gap: 2em;}}
@media screen and (max-width:1024px) {#contactbox-wrapper{background:var(--primary-color)}#contactbox-wrapper{grid-gap:0}#contactbox-wrapper,.cboxdiv {grid-template-columns: 1fr}#contactbox-wrapper .cpadding-rl-xl{padding:2em}#contactbox-wraper .cpadding-rl-m{padding:1em 0 0 0 !important}.cboxdiv{background:#313131; padding:2em !important}.cboxdiv .webiolinkkipainike{margin: 0 !important; max-width:max-content}.cboxdiv p {text-align:left !important;}#ftr-block .cpadding-rl-xxl{padding:0;}}
@media screen and (max-width:768px) {#solu194111 p > a {word-break: break-all;}}
@media screen and (max-width:575px) {#contactbox-wrapper {grid-gap: 2em;}footer .kuva {max-width: 70%;}}
@media screen and (max-width:480px) {.cboxdiv .webiolinkkipainike {max-width: unset;padding: 10px 30px;max-width: unset !important;}}

#linkcol table ul, #linkcol table li {margin: 0;padding: 0;list-style: none;}
#linkcol table ul{display:grid; grid-template-columns:repeat(3,1fr); grid-gap:0 1em}
#linkcol table tr {display:grid; grid-template-columns:repeat(auto-fill, minmax(700px,1fr)); grid-gap:1em}
#linkcol table td {width:100% !important}

@media screen and (max-width:768px) {#linkcol table tr {grid-template-columns: 1fr;}#linkcol table ul {grid-template-columns: repeat(2,1fr);}}

/* Banner - imgmask (optional) */
.banner-imgmask {position: absolute;height: 100%; width: 100%;} /* Optional */
.bannermask-img {opacity: 1 !important;max-height: 100%;object-fit: cover;width: 100%;}
@media screen and (max-width:1024px) {#main-heroimg, .bnr img{object-fit: cover; min-height: 300px;max-height: 50vh;}#services-modals .bnr img {object-fit: contain; min-height: 200px;max-height: 300px;}#herotext img {max-width:100px}} 

/* Mobile tags*/
#mobilemenu-container{height:var(--mobilemenu-container-height);position: relative;right: 0;top: 0;z-index: 2000;width: 100%;}
#mobile-logo {position: absolute;top: 0;left: 0px;z-index: 50000}
#mobilelogo-img { max-width: 90px;height: auto;padding: 53px 0px 0 1em;}
@media screen and (max-width:1024px) {#main-nav, #logo, footer nav, footer ul {display: none}}

/* Paddings */
.cpadding-s{padding:var(--padding-s)}.cpadding-m{padding:var(--padding-m)}.cpadding-xl{padding:var(--padding-xl)}.cpadding-xxl{padding:var(--padding-xxl)}.cpadding-tb-s{padding:var(--padding-s) 0}.cpadding-tb-m{padding:var(--padding-m) 0}.cpadding-tb-xl{padding:var(--padding-xl) 0}.cpadding-tb-xxl{padding:var(--padding-xxl) 0}.cpadding-t-s{padding-top:var(--padding-s)}.cpadding-t-m{padding-top:var(--padding-m)}.cpadding-t-xl{padding-top:var(--padding-xl)}.cpadding-t-xxl{padding-top:var(--padding-xxl)}.cpadding-b-s{padding-bottom:var(--padding-s)}.cpadding-b-m{padding-bottom:var(--padding-m)}.cpadding-b-xl{padding-bottom:var(--padding-xl)}.cpadding-b-xxl{padding-bottom:var(--padding-xxl)}.cpadding-rl-s{padding:0 var(--padding-s)}.cpadding-rl-m{padding:0 var(--padding-m)}.cpadding-rl-xl{padding:0 var(--padding-xl)}.cpadding-rl-xxl{padding:0 var(--padding-xxl)}

/* Webio cols classes */
.col-3,.col-full,.col-left,.col-right{width:100%;float:none; margin:0}.col-full, .colpadding{clear:both;margin-bottom:20px;}.center-col .colpadding:last-of-type, .content-col .colpadding:last-of-type {display: none;}

/* Webio content classes */
 .webiolinkkipainike, .lomakenappi_submit, .takaisinuutisiin {line-height:120%;box-sizing: border-box;border-radius:8px;cursor: pointer;margin-top: 20px;display: inline-block;text-align: center;font-size: var(--button-font-size);padding: var(--button-padding);background: var(--button-background);color: var(--button-text-color);font-weight: var(--button-font-weight);width: auto;max-width: var(--max-button-width);}.webiolinkkipainike:hover,.takaisinuutisiin:hover { transition: all .3s ease 0s;-webkit-filter: brightness(110%);filter: brightness(110%);text-decoration: none}.tapahtumat, .tapahtumakalenteri_otsikko, .tapahtumakalenteri_valiotsikko, .uutis_otsikko.tapahtumakalenteri_valiotsikko, .uutis_otsikko, .nostettumoduli, .nostettumoduli a, a.nostouutis_otsikko {color: var(--primary-color);font-size: 1.2rem;display: block;}.acc-news-wrapper .uutis_otsikko{border-top: 1px solid #707070;font-family: var(--google-heading-font);letter-spacing: 3px;margin: 0;line-height: 120%;font-size:0.9rem; text-transform:uppercase;padding: 20px 0 5px 0}
details{position:relative; display:flex; justify-content:center; align-items:center;margin-top:20px;}
details:after,details[open]:after{position:absolute; right:0; top: 15px;font-weight: 700;pointer-events:none}
details:after{content:"+"}details[open]:after{content:"-"}.valikkolinkki, .valikkolinkki-sel, .valikkomodulilinkki, .valikkomodulilinkki-sel {text-decoration: none;color: var(--primary-color);padding: 3px 0;display: block;line-height: 140%;}.valikkolinkki-sel {font-weight: 700;line-height: 140%;}@media screen and (max-width:480px) {.webiolinkkipainike, .lomakenappi_submit, .takaisinuutisiin {display:block;padding: 12px 18px; max-width:100%}}

 @media screen and (max-width:1024px) {.kuvagalleriaselain, .kuvagalleriaselain div {width: 100% !important;}}

/* Image gallery */
.kuvagalleriagrid {display: grid;grid-template-columns: var(--img-gallery-rows);grid-gap: 1em}.kuvagalleriakuvatausta {width: 100% !important;height: auto !important;margin: 0 !important}.kuvagalleriakuvatausta .kuva {width: 100%;max-width: 100%;object-fit: cover; padding: 0 !important;aspect-ratio: 1/1;}@media screen and (max-width:575px) {.kuvagalleriagrid {grid-template-columns: repeat(2, 1fr)}.kuvagalleriakuvatausta .kuva{height: 150px}}@media screen and (max-width:480px) {.kuva, .kuva2 {float: none !important;clear: both;padding: 20px 0; box-sizing:border-box;}}

/* Semio referencelinks*/
#swlinkit {text-align: center;}.swlinkki {font-size: 12px;color: #000}

 @media screen and (max-width:678px) {.subpage table, .subpage td, .subpage tr {display: block;width: 100% !important;height: auto; clear: both;box-sizing: border-box}.subpage tbody {width: 100%;display: inline-block}.subpage tr {display: flex;}.subpage tr td {flex:1;}}@media screen and (max-width:480px) {.subpage tr {display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));}}
/* Forms */
.lomakeotsikko {color: var(--primary-color);font-weight: 700; padding:10px 0;}.lomake-ve-solu input[type=checkbox] {display: none}.lomake-ve-solu input[type=checkbox] + label, .lomake-ve-solu input[type=checkbox]:checked + label {-webkit-appearance: none;display: block;position: relative;height: auto;clear: both;}.lomake-ve-solu input[type=checkbox] + label::before, .lomake-ve-solu input[type=checkbox]:checked + label::before {border-radius: 100%;border: 1px solid #8e8e8e;border-radius: 4px;color: #fff;content: "✓";float: left;font-size: 1.2em !important;font-weight: 700;height: 18px;line-height: 11px;margin-right: 20px;padding: 8px 12px 0 8px;position: relative; width: 9px}.lomake-ve-solu input[type=checkbox] + label::before {content: ""}.lomake-ve-solu input[type=checkbox]:checked + label::before { background: #2a2a2a none repeat scroll 0 0;color: #fff !important;border: none;padding: 8px 15px 0 7px}#suodatin input[type=checkbox]:checked + label,.lomake-ve-solu input[type=checkbox]:checked + label {color: #000;box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05), inset 15px 10px -12px rgba(255, 255, 255, .1), inset 0 0 10px rgba(0, 0, 0, .1)}.lomake-ve-solu input[type=checkbox] + label:active, .lomake-ve-solu input[type=checkbox]:checked + label:active {box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 1px 3px rgba(0, 0, 0, .1)}.lomake-ve-solu [type=radio]:checked, .lomake-ve-solu [type=radio]:not(:checked) {position: absolute;left: -9999px}.lomake-ve-solu [type=radio]:checked + label, .lomake-ve-solu [type=radio]:not(:checked) + label {position: relative; padding-left: 28px;cursor: pointer;line-height: 20px;padding-bottom: 10px;display: inline-block;color: #666}.lomake-ve-solu [type=radio]:checked + label:before, .lomake-ve-solu [type=radio]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 0;width: 18px; height: 18px;border: 1px solid #8e8e8e;border-radius: 100%;background: #fff}
.lomake-ve-solu [type=radio]:checked + label:after, .lomake-ve-solu[type=radio]:not(:checked) + label:after {content: '';width: 12px;height: 12px;background: #9ec72a;position: absolute;top: 4px;left: 4px;border-radius: 100%;-webkit-transition: all .2s ease;transition: all .2s ease}.lomake-ve-solu [type=radio]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0)}.lomake-ve-solu [type=radio]:checked + label:after {opacity: 1;-webkit-transform: scale(1); transform: scale(1)}input[type="text"].pmvk, input[type="button"].lpainike { width: auto !important;}@media screen and (max-width:1200px) {.lomake-ve-solu input[type=checkbox] + label::before, .lomake-ve-solu input[type=checkbox]:checked + label::before { margin-bottom: 10px}}tr[id^=lomakerivi] {display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))}input[type=button], input[type=file], input[type=text], textarea_pois {max-width: var(--max-input-width);height:35px;width: 100% !important;box-sizing: border-box;border: 1px solid #8e8e8e}textarea_pois,.lomakenappi_submit, input[type=file] {height: auto}.lomakenappi_submit {-webkit-appearance: none;-moz-appearance: none;appearance: none;color: var(--button-text-color);font-size: var(--button-font-size);width: auto;border: none !important;border-radius: 6px;height: 45px !important;font-weight: 700;margin-top: 10px;line-height: 100%}tr[id^="lomakerivi"] select {border: 1px solid #888 !important;padding: 10px;border-radius: 4px;appearance: auto;-webkit-appearance: auto;-moz-appearance: auto;-ms-appearance: auto; width: auto !important;}.lpainike, .pmvk {width: auto;height: auto}.lomake-ve-solu {padding-bottom: 5px;padding-right: 10px}tr[id^="lomakerivi"] table tr {grid-gap: 2em;display: grid;grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));}tr[id^="lomakerivi"] table { width: 100%;}.rbcb-table tr {grid-gap: 0 !important;}

 /* Mobilemenu */
.meanmenu-reveal{display:none;font-size:30px!important}.meanmenu-reveal{color:var(--mobilemenu-open-close-color);cursor:pointer;display:block;font-size:1px;font-weight:700;height:47px;line-height:22px;margin-top:6px;padding: 8px 10px 0 10px;position:absolute;text-decoration:none;text-indent:-9999em;top:4px;width:39px;}.meanmenu-reveal.meanclose {padding: 12px 12px 4px 12px;}.meanmenu-reveal span{background:var(--mobilemenu-button-background);border-radius:2px;display:block;height:6px;margin-top:4px;line-height:100%!important}.mean-nav{float:left;width:100%;margin-top:var(--mobilemenu-container-height)}.mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}.mean-nav li a{display:block;float:left;width:90%;padding:10px 5% 10px 5%;height:auto;margin:0;text-align:left;color:var(--mobilemenu-link-color);border-top:1px solid rgba(255,255,255,.2);text-decoration:none;font-size:14px;background:var(--mobilemenu-link-background);text-transform:uppercase}.mean-nav ul li li a{width:90%;padding:10px 5% 10px 8%;background:var(--mobilemenu-submenu-background)!important;visibility:visible}.mean-nav ul li{position:relative;float:left;width:100%}.mean-nav a.mean-expand{background:var(--mobilemenu-expand-button)!important;border:medium none;border-radius:3px;color:#fff;font-weight:700;height:20px!important;margin-top:3px !important;padding:3px 4px 4px!important;line-height: 120%;position:absolute;right:10px;text-align:center!important;top:6px;width:23px!important;z-index:2}.mean-remove{display:none!important}#main-navi-resp{display:none}@media screen and (max-width:1024px) {#mobilemenu-container, #main-navi-resp {display: block !important;}#mobile-logo {display: block;}}.acc-news-wrapper {padding: 20px 20px 10px 20px;border-top: 1px solid #707070;font-family: var(--google-heading-font);letter-spacing: 3px;margin: 0;line-height: 120%;font-size:0.9rem; text-transform:uppercase}.mean-nav ul li li li a {
  width: 85%;
  padding: 10px 5% 10px 10%;
  background: #d00068 !important;
  visibility: visible;
}

/* Tiny slider carousel */
#services-modals {position:relative;}
#tns1-ow {display: grid;align-items: center;margin-left: 20px;}
#services-modals .modal{padding-bottom:0; background:none;}
#services-modals .bnr {background:none; border:none; padding:0;}
#services-modals .bannertext {padding: 1em;background:#fff;min-height: 250px;}
#services-modals .banner {background: #fff;padding: 1em;border: 1px solid #dedede;min-height:400px}

.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}.tns-nav {text-align:center; margin:10px 0}.tns-nav button, .tns-nav-active {width: 20px;height: 20px;border-radius: 100%;border: none;background: #d5d5d5;margin:0 2px}button.tns-nav-active {background: #e6007e;}.tns-controls{position: absolute;z-index: 20;padding-bottom:40px}.tns-controls {width: 100%;}button[data-controls="prev"], button[data-controls="next"] {background: #2a2a2a;height: 40px;width: 40px;display: flex;justify-content: center;align-items: center;border: none; border-radius: 100px;color: #fff;font-size: 1.6rem;line-height: 100%;padding-bottom:5px; position:absolute}button[data-controls="prev"]{left:-25px}button[data-controls="next"]{right:16px; left:unset}


 @media screen and (max-width:575px) {button[data-controls="prev"], button[data-controls="next"] {height: 30px;width: 30px;}button[data-controls="prev"]{left:-15px}button[data-controls="next"]{right:28px;}#tns1-ow {margin-left: 0px;}}

/* Scroller */
.simply-scroll-list,.simply-scroll-list li{padding:0;margin:0;list-style:none;}.simply-scroll-container{position:relative} .simply-scroll-list li{padding:0 10px}.simply-scroll-clip{position:relative;overflow:hidden}.simply-scroll-list{overflow:hidden;/*justify-content: center;align-items: center;display: flex;*/}.simply-scroll-list li img{border:none;display:block;max-height: 35px;object-fit:contain}.simply-scroll-btn{position:absolute;background-image:url(buttons.png);width:42px;height:44px;z-index:3;cursor:pointer}.simply-scroll-btn-left{left:6px;bottom:6px;background-position:0 -44px}.simply-scroll-btn-left.disabled{background-position:0 0!important}.simply-scroll-btn-left:focus,.simply-scroll-btn-left:hover{background-position:0 -88px}.simply-scroll-btn-right{right:6px;bottom:6px;background-position:-84px -44px}.simply-scroll-btn-right.disabled{background-position:-84px 0!important}.simply-scroll-btn-pause.active:focus,.simply-scroll-btn-pause.active:hover,.simply-scroll-btn-right:focus,.simply-scroll-btn-right:hover{background-position:-84px -88px}.simply-scroll-btn-up{right:6px;top:6px;background-position:-126px -44px}.simply-scroll-btn-up.disabled{background-position:-126px 0!important}.simply-scroll-btn-up:focus,.simply-scroll-btn-up:hover{background-position:-126px -88px}.simply-scroll-btn-down{right:6px;bottom:6px;background-position:-42px -44px}.simply-scroll-btn-down.disabled{background-position:-42px 0!important}.simply-scroll-btn-down:focus,.simply-scroll-btn-down:hover{background-position:-42px -88px}.simply-scroll-btn-pause{right:6px;bottom:6px;background-position:-168px -44px}.simply-scroll-btn-pause:focus,.simply-scroll-btn-pause:hover{background-position:-168px -88px}.simply-scroll-btn-pause.active{background-position:-84px -44px}.simply-scroll{width:100%;margin-bottom:1em;background:#fff;padding:20px 0 0}.simply-scroll .simply-scroll-clip{width:100%;height:35px}.simply-scroll .simply-scroll-list li{float:left}/*.simply-scroll .simply-scroll-list li img{padding-left:80px}*/.vert{width:340px;height:400px;margin-bottom:1.5em}.vert .simply-scroll-clip{width:290px;height:400px}.vert .simply-scroll-list li{width:290px;height:200px}.vert .simply-scroll-btn-up{right:0;top:0}.vert .simply-scroll-btn-down{right:0;top:52px}
a[href="https://www.livion.fi/fi/home"] {padding-top: 8px !important;display: block;}
/* Old styles -> To updated site*/

/* search */
#searchicon, #flex-header-icons  {float:right;}
.fa-search-div{display:block;width:34px; height:34px; background: url(https://www.ajanlukko.fi/content/img/header/search-icon.png) left top no-repeat;background-size:cover; margin-right:5px;}
.fa-search-div-minus {display:block;width:34px; height:34px; background: url(https://www.ajanlukko.fi/content/img/header/search-minus-icon.png) left top no-repeat;background-size:cover; margin-right:5px;}
/* Haku */
#search {display: none;margin: 0px auto 0 auto;text-align: center;float: none;width: 94%;background:#424143; padding: 10px 3% 0 3%;position: relative;z-index: 500000000000;}
fieldset.search {border: none;display: flex;grid-template-columns: 3fr 1fr;margin: 0 auto;padding-bottom: 10px;max-width: 1400px;width: 100%;}
#search form {display: inline-block; margin: 0 auto; width:100%}
#search table, #search tbody, #search tr, #search td {display:block; width: 100%} 

.search {padding: 0;margin: 0;border: none;}
.search input.box {background:#fff !important;height:auto;width: 100% !important;max-width:unset;padding: 15px 0px 15px 10px;border-bottom-left-radius: 3px;border-top-left-radius: 3px;font-size: 0.9em;float: left;display:block; box-sizing:border-box;border: 1px solid #e6e6e6;}
#pikahakusana, .hakupainike {padding:15px;}
.btn{background: #ee2e93 url(https://www.ajanlukko.fi/content/img/header/haebtn-flexsearch.png) center center no-repeat !important;border: none;border-bottom-right-radius: 3px;border-top-right-radius: 3px;padding: 14px !important;color: #fff;font-weight:700; text-transform: uppercase;font-size: 16px !important; box-sizing:border-box; float:left; width:25% !important; height:auto !important; margin:0 !important;background-size: 40px !important;}
.btn:hover {cursor:pointer;}

/* Hakutulosboxi */
.sivustohakukentta{z-index:500000000 !important; max-width: 100%;}
.sivustohakukentta td[align^="right"] a { display:none !important;background: #82c341;width: 60px;padding: 2px 0;font-size: 11px;text-transform: uppercase;color: #fff;text-align: center; margin-right: 5px;} /* Sulje haku button */

@media only screen and (max-width:1660px) {#pikahakusana, .hakupainike{font-size: 1rem !important;}#pikahakusana {padding: 13px;}}
@media only screen and (max-width:1024px) {#search{padding:10px 3% 10px 3%;}}
@media only screen and (max-width:980px) {fieldset.search { width: 100% !important;padding: 0;}.fa-search-div,.fa-search-div-minus {width:28px; height:28px;}.btn{background-size: 30px !important;}}
@media only screen and (max-width:575px) {.btn{height:35px !important;} #hakusanakentta{height:auto; padding:5px 0 5px 10px}}

#headerelement-wrapper {position: relative;z-index: 4;}

/* Webio */
.dgrid-3-cols .col-3 {width:100%}

/* Sidenavi form */
#subpage-content-wrapper #sidenavi form{ background: #F9FDFC;border: 1px solid #B6B6B6;border-radius: 6px; padding: 20px;position: relative;margin-bottom: 20px;box-sizing:border-box;background-size:contain;}
#subpage-content-wrapper #sidenavi form h2{font-size:22px;} #subpage-content-wrapper .col-full form h4 {color: #454545; font-size:19px;}
#subpage-content-wrapper #sidenavi .lomakeotsikko {font-size: 14px;color: #df008d;}
hr {border-top-width: 1px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #e3e3e3;border-right-color: #e3e3e3;border-bottom-color: #e3e3e3;border-left-color: #e3e3e3;}
.col-full img {min-width: 70px;padding: 5px 10px;display:inline-block}
.col-full .webiolinkkipainike {margin-top: 0;}
.col-full table td .webiolinkkipainike {width: 100%;max-width: max-content;}

@media screen and (max-width:575px) {.col-full table tr {display: flex;flex-direction: column;}.col-full table tr td{width:100% !important}th {height:auto !important; width:100% !important}}


/* Yhteyslomake */
#contact_side_float_bar_open{-webkit-transition:height 4s;background:url(../img/header/sidebar-bg.png) 0 0/200px auto no-repeat;height:auto;width:210px;display:block;z-index:220;right:0;position:fixed;transition:.2s ease-in-out}#SkypeButton_Call_intosupplies_1_paraElement{height:20px;text-align:center}.overlay .expand li a{font-size:1.5em}#yhteydenottolomake h6{color:#fff;font-size:1.5em;padding-bottom:10px}#yhteydenottolomake p{color:#fff;font-size:1em!important;padding-bottom:20px}#yhteydenottolomake form textarea_pois,#yhteydenottolomake input{color:#000!important;font-size:15px;font-weight:700}#contact_side_float_bar_open:hover{opacity:.9}#contact_side_float_bar_content iframe{width:250px!important;height:520px!important}#contact_side_float_bar{background:url(../img/header/sidebar_close.png) left top no-repeat #e70781;height:600px;position:fixed;right:10px;bottom:0;z-index:2000;margin-top:0;width:315px!important}#yhteydenottolomake .lomakeotsikko{color:#fff}#contact_side_float_bar_close{height:46px;width:315px}#contact_side_float_bar_content{width:auto;height:450px;margin-top:20px!important;padding-left:10%}#contact_side_float_bar_content .lomakeotsikko{font-size:12px;color:#fff;font-weight:400;font-family:lato,Arial}#contact_side_float_bar_content input{width:116px}#contact_side_float_bar_content textarea_pois{width:116px;height:50px}#contact_side_float_bar_content .lpainike{width:70px;margin-top:-10px}#contact_side_float_bar_open_link{width:100%;position:relative;height:100%;display:block}#contact_side_float_bar_open_link img{width:100%;height:100px}#contact_side_float_bar_content #yhteys-content.colpadding{padding:0!important}#yhteydenottolomake input.lomakenappi_submit{background:#afcb08;border:2px solid #fff;color:#fff!important;width:100%!important}#yhteydenottolomake form input[type=text]{width:93%!important;padding-left:3%!important;height:30px!important;margin-left:3%}#yhteydenottolomake form input{width:auto!important;height:45px;margin-bottom:9px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#fff;border:none}#yhteydenottolomake form textarea_pois{width:93%!important;padding-left:3%!important;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin-bottom:10px;background:#fff;border:none;padding-top:10px;margin-left:3%;}@media only screen and (max-width:980px){#contact_side_float_bar_open{background:url(../img/header/sidebar-bg.png) right bottom no-repeat; background-size:50%; top: unset;bottom:0;}#contact_side_float_bar{z-index:99999999;height:520px}#yhteydenottolomake form textarea_pois{height:50px;overflow:hidden}#yhteydenottolomake form input{height:30px}#yhteydenottolomake form input[type=text]{height:20px!important}}
#pgcontent-1517 #CONTENT_1,#pgcontent-1517 #CONTENT_56, .#pgcontent-1517 #CONTENT_57{display:none !important}
#sidenavi textarea{width:100%; padding:5px; box-sizing:border-box}
#subpage-content-wrapper table {width: 100% !important}

/* Floatpainikkeet */
#floatpainikkeet {position: fixed;left: 0;top: 40%;width: 130px;height: 258px;z-index: 100000;}
#floatpainikkeet br {display:none;}
@media screen and (max-width:1024px) {#floatpainikkeet{display:none;}}

#hakulomake2 tr, #hakulomake2 td {display:flex;}