.stato-siteindex .morphsearch{width:229px;min-height:49px;height:49px;background:transparent;position:fixed;z-index:10000;top:50px;right:50px;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transition-property:min-height,width,height,top,right;transition-property:min-height,width,height,top,right;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1)}
.stato-siteindex .morphsearch.open{position:fixed;width:100%;height:100%;overflow-y:scroll;min-height:100%;top:0px;right:0px !important;background:rgba(241,241,241,0.98)}
.stato-siteindex .morphsearch-form{width:100%;height:49px;margin:0 auto;position:relative;-webkit-transition-property:width,height,-webkit-transform;transition-property:width,height,transform;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1)}
.stato-siteindex .morphsearch.open .morphsearch-form{width:100%;max-width:1563px;margin:0 auto;height:160px;-webkit-transform:translate3d(0,3em,0);transform:translate3d(0,3em,0)}
.stato-siteindex .morphsearch-input{width:100%;height:100%;padding:0 15px;font-weight:700;border:none;background:transparent;font-size:14px;color:rgb(91,198,232);-webkit-transition:font-size 0.5s cubic-bezier(0.7,0,0.3,1),height 0.05s ease-in-out;transition:font-size 0.5s cubic-bezier(0.7,0,0.3,1),height 0.05s ease-in-out}
.stato-siteindex .morphsearch-input::-ms-clear{display:none}
.stato-siteindex .morphsearch.hideInput .morphsearch-input{color:transparent;-webkit-transition:color 0.3s;transition:color 0.3s}
.stato-siteindex .morphsearch.open .morphsearch-input{font-size:7em}
.stato-siteindex .morphsearch-input::-webkit-input-placeholder{color:rgb(194,194,194)}
.stato-siteindex .morphsearch-input:-moz-placeholder{color:rgb(194,194,194)}
.stato-siteindex .morphsearch-input::-moz-placeholder{color:rgb(194,194,194)}
.stato-siteindex .morphsearch-input:-ms-input-placeholder{color:rgb(194,194,194)}
.stato-siteindex .gn-search:focus::-webkit-input-placeholder{color:transparent}
.stato-siteindex input[type="search"]{-webkit-box-sizing:border-box;box-sizing:border-box}
.stato-siteindex .morphsearch-input:focus,
.stato-siteindex .morphsearch-submit:focus{outline:none}
.stato-siteindex .morphsearch-submit{position:absolute;width:80px;height:80px;text-indent:100px;overflow:hidden;right:0;top:50%;background-size:100%;border:none;pointer-events:none;transform-origin:50% 50%;opacity:0;-webkit-transform:translate3d(-30px,-50%,0) scale3d(0,0,1);transform:translate3d(-30px,-50%,0) scale3d(0,0,1)}
.stato-siteindex .morphsearch.open .morphsearch-submit{pointer-events:auto;opacity:1;-webkit-transform:translate3d(-30px,-50%,0) scale3d(1,1,1);transform:translate3d(-30px,-50%,0) scale3d(1,1,1);-webkit-transition:opacity 0.3s,-webkit-transform 0.3s;transition:opacity 0.3s,transform 0.3s;-webkit-transition-delay:0.5s;transition-delay:0.5s}
.stato-siteindex .morphsearch-close{width:36px;height:36px;position:absolute;right:1em;top:1em;overflow:hidden;text-indent:100%;cursor:pointer;pointer-events:none;opacity:0;-webkit-transform:scale3d(0,0,1);transform:scale3d(0,0,1)}
.stato-siteindex .morphsearch.open .morphsearch-close{opacity:1;pointer-events:auto;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:opacity 0.3s,-webkit-transform 0.3s;transition:opacity 0.3s,transform 0.3s;-webkit-transition-delay:0.5s;transition-delay:0.5s}
.stato-siteindex .morphsearch-close:before,
.stato-siteindex .morphsearch-close:after{content:"";position:absolute;width:2px;height:100%;top:0;left:50%;border-radius:3px;opacity:0.2;background:rgb(0,0,0)}
.stato-siteindex .morphsearch-close:hover.morphsearch-close:before,
.stato-siteindex .morphsearch-close:hover.morphsearch-close:after{opacity:1}
.stato-siteindex .morphsearch-close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.stato-siteindex .morphsearch-close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.stato-siteindex .morphsearch-content{color:rgb(51,51,51);width:100%;max-width:1563px;position:relative;margin:4.5rem auto 0;height:0;overflow:hidden;padding:0 15px;background:transparent;pointer-events:none;opacity:0}
.stato-siteindex .morphsearch.open .morphsearch-content{opacity:1;height:auto;overflow:visible;pointer-events:auto;-webkit-transition:opacity 0.3s 0.5s;transition:opacity 0.3s 0.5s}
.stato-siteindex .dummy-column{width:30%;padding:0 0 6em;float:left;opacity:0;-webkit-transform:translate3d(0,100px,0);transform:translateY(100px);-webkit-transition:-webkit-transform 0.5s,opacity 0.5s;transition:transform 0.5s,opacity 0.5s}
.stato-siteindex .morphsearch.open .dummy-column:first-child{-webkit-transition-delay:0.4s;transition-delay:0.4s}
.stato-siteindex .morphsearch.open .dummy-column:nth-child(2){-webkit-transition-delay:0.45s;transition-delay:0.45s}
.stato-siteindex .morphsearch.open .dummy-column:nth-child(3){-webkit-transition-delay:0.5s;transition-delay:0.5s}
.stato-siteindex .morphsearch.open .dummy-column{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.stato-siteindex .dummy-column:nth-child(2){margin:0 5%}
.stato-siteindex .dummy-column h2{font-size:1em;letter-spacing:1px;text-transform:uppercase;color:rgb(194,194,194);padding:0.5em 0}
.stato-siteindex .round{border-radius:50%}
.stato-siteindex .dummy-media-object{padding:0.75em;display:block;margin:0.3em 0;cursor:pointer;border-radius:5px;background:rgba(118,117,128,0.05)}
.stato-siteindex .dummy-media-object:hover,
.stato-siteindex .dummy-media-object:focus{background:rgba(118,117,128,0.1)}
.stato-siteindex .dummy-media-object img{display:inline-block;width:50px;margin:0 10px 0 0;vertical-align:middle}
.stato-siteindex .dummy-media-object h3{vertical-align:middle;font-size:0.85em;display:inline-block;margin:0 0 0 0;width:calc(100% - 70px);color:rgba(145,145,145,0.7)}
.stato-siteindex .dummy-media-object:hover h3{color:rgba(236,90,98,1)}
.stato-siteindex .overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);opacity:0;pointer-events:none;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1)}
.stato-siteindex .morphsearch.open ~ .overlay{opacity:1}
@media screen and (max-width:53.125em) {.stato-siteindex .morphsearch-input{padding:0 25% 0 10px}
.stato-siteindex .morphsearch.open .morphsearch-input{font-size:2em}
.stato-siteindex .dummy-column{float:none;width:auto;padding:0 0 2em}
.stato-siteindex .dummy-column:nth-child(2){margin:0}
.stato-siteindex .morphsearch.open .morphsearch-submit{-webkit-transform:translate3d(0,-50%,0) scale3d(0.5,0.5,1);transform:translate3d(0,-50%,0) scale3d(0.5,0.5,1)}
}@media screen and (max-width:767px) {.stato-siteindex .morphsearch{width:100%;top:57px;right:auto;height:50px;border:1px solid rgb(221,221,221);left:100%;-webkit-transition-property:min-height,width,height,top,right,left;transition-property:min-height,width,height,top,right,left;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1)}
.stato-siteindex .morphsearch-input{height:50px;font-weight:normal;font-size:16px}
.stato-siteindex .morphsearch.open{padding-top:54px;border:0}
.stato-siteindex .morphsearch.open .morphsearch-form{height:50px}
.stato-siteindex .morphsearch.open .morphsearch-input{font-weight:bold;font-size:32px;height:inherit}
.stato-siteindex .morphsearch.open .morphsearch-content{margin-top:15px}
.stato-siteindex .morphsearch.mobile-open{left:0 !important;right:0 !important}
.stato-siteindex .morphsearch.open,
.stato-siteindex .morphsearch.mobile-open.open{left:0 !important;right:0 !important}
}.stato-siteindex ul.tabs-navigation2{border-bottom:1px solid rgb(91,198,232);padding:0}
.stato-siteindex ul.tabs-navigation2 li{padding:10px;display:inline-block;border-radius:3px 3px 0 0}
.stato-siteindex ul.tabs-navigation2 li.tabs-visible{background:rgb(91,198,232);color:rgb(255,255,255)}
.stato-siteindex ul.tabs-navigation2 li.tabs-hidden{background:rgb(238,238,238);color:rgb(51,51,51);cursor:pointer}
.stato-siteindex .filterlist{min-height:0}
.stato-siteindex .filterlist li:first-child{margin-top:10px}
.stato-siteindex .filterlist li:last-child{margin-bottom:10px}
.stato-siteindex .filterlist li{position:relative;padding:6px 15px;line-height:27px}
.stato-siteindex .filterlist li + li:before{content:"";height:1px;background:rgb(221,221,221);width:calc(100% - 3rem);position:absolute;left:1.5rem;top:0}
.stato-siteindex .filterlist .sui.icon{top:0;height:27px;vertical-align:middle;margin-left:5px;width:22px}
.stato-siteindex .filterlist .sui.icon.comments:before,
.stato-siteindex .filterlist .sui.icon.likes:before{width:22px;height:27px;background-size:22px 22px}
.stato-siteindex .filterlist .sui.icon.likes{top:-5px}
.stato-siteindex .filterlist .likes,
.stato-siteindex .filterlist .comments{display:inline-block;margin:0;padding:0;text-align:left;position:relative;float:none;color:rgb(136,136,136)}
.stato-siteindex .filterlist .date{color:rgb(136,136,136);font-style:italic}
.stato-siteindex ul{list-style-type:none}
.stato-siteindex ul.level-1{margin:0}
.stato-siteindex ul.level-1:last-child{border-right:0}
.stato-siteindex .module-group{padding:0 15px}
.stato-siteindex .module-group-container{position:relative;padding:1.5rem 0}
.stato-siteindex .module-group-container + .module-group-container{border-top:1px solid rgb(238,238,238)}
.stato-siteindex .module-group-icon{position:absolute;left:3rem;top:-3px;font-size:2.2rem;padding:0}
.stato-siteindex .module-group-title{font-size:2.4rem;text-transform:uppercase;padding:0 1.5rem 0 6rem;display:block;margin-bottom:2rem}
.stato-siteindex .module-group-title.pakki{color:rgb(150,109,91)}
.stato-siteindex .module-group-title.virta{color:rgb(91,198,232)}
.stato-siteindex .module-group-title.palveluhakemisto{color:rgb(79,79,79);cursor:pointer}
.stato-siteindex .module-group-icon.palveluhakemisto{top:1.2rem;left:1.5rem;cursor:pointer}
.stato-siteindex .module-group-title.palveluhakemisto{font-size:2rem;text-transform:none;width:100%;text-transform:uppercase}
.stato-siteindex .module-title{display:block;font-size:16px;position:relative;padding:1.5rem 1.5rem 1.5rem 6rem;color:rgb(45,53,60);background:rgb(245,245,245);border:1px solid rgb(221,221,221)}
.stato-siteindex .module-group.pakki a.module-title.kirjasto:hover,
.stato-siteindex .module-group.pakki a.module-title.yhteystiedot:hover{color:rgb(233,131,0)}
.stato-siteindex .module-icon{position:absolute;left:1.5rem;top:0.6rem;font-size:2.2rem;line-height:4.1rem;padding:0;color:rgb(45,53,60)}
.stato-siteindex .module{position:relative;padding-top:0}
.stato-siteindex .module-group.pakki a.module-title{color:rgb(150,109,91)}
.stato-siteindex .module-group.apps a.module-title{color:rgb(85,85,85)}
.stato-siteindex .module-group.virta a.module-title{color:rgb(91,198,232)}
.stato-siteindex .module-group.virta a.module-title:hover{text-decoration:none;color:rgb(91,198,232) !important;font-weight:bold}
.stato-siteindex .module-group.pakki a.module-title:hover{text-decoration:none;color:rgb(150,109,91) !important;font-weight:bold}
.stato-siteindex .module-group.apps a.module-title:hover{text-decoration:none;color:rgb(34,34,34) !important;font-weight:bold}
.stato-siteindex .module-group.apps a:hover{text-decoration:none;color:rgb(51,51,51);font-weight:bold}
.stato-siteindex .module-group-container.palveluhakemisto{position:fixed;top:5.1rem;background:rgb(245,245,245);z-index:18;border-bottom:1px solid rgb(238,238,238);margin:0 -1.5rem;padding:1.5rem;width:270px}
.stato-siteindex .module-group-container.palveluhakemisto + .module-group-container{margin-top:7rem}
.stato-siteindex .showallresults{text-align:right;padding:0;font-size:16px;position:relative;min-height:55px}
.stato-siteindex .showallresults a{color:rgb(91,198,232);position:absolute;right:0;top:15px}
.stato-siteindex li.showmore{text-align:center}
.stato-siteindex li.showmore a{display:inline-block !important;text-align:center;background:rgb(238,238,238);padding:6px 12px;margin-top:10px;border:1px solid rgb(221,221,221)}
.stato-siteindex .sui.icon{position:relative;top:4px;line-height:1}
.stato-siteindex .sui.icon:before{content:" ";display:inline-block;width:32px;height:32px;background-repeat:no-repeat;background-size:32px 32px;background-position:50% 50%}
.stato-siteindex .asiasanahakemisto ul.level-1{}
.stato-siteindex .asiasanahakemisto ul.level-1 li{position:relative}
.stato-siteindex .asiasanahakemisto ul.level-1 li a{padding:10px 15px;background:rgb(245,245,245);border:1px solid rgb(221,221,221);display:block}
.stato-siteindex .asiasanahakemisto ul.level-1 li a:first-letter{text-transform:uppercase}
.stato-siteindex .asiasanahakemisto .btn-showchildren{width:40px;height:100%;text-align:center;padding:10px 0;background:rgb(245,245,245);color:rgb(91,198,232);position:absolute;left:0;top:0;border-radius:0;border:1px solid rgb(221,221,221)}
.stato-siteindex .alphabets{background:transparent;color:rgb(79,79,79);padding:0;margin:5px 0 15px;font-size:0}
.stato-siteindex .alphabets li{margin-right:3px;padding:0}
.stato-siteindex .alphabets li>a{color:rgb(79,79,79);background:rgb(245,245,245);border:1px solid rgb(238,238,238);font-size:14px;font-weight:normal;border-radius:0;display:inline-block;padding:5px 10px;text-transform:uppercase}
.stato-siteindex .alphabets li.active>a{background:rgb(91,198,232);border-color:rgb(91,198,232);color:rgb(255,255,255)}
.stato-siteindex .alphabets li a:hover{background:rgb(238,238,238);text-decoration:none}
.stato-siteindex .alphabets li.active>a:hover{background:rgb(91,198,232)}
.stato-siteindex .showunread input[type="checkbox"]:before{content:"";width:22px;height:22px;left:-8px;top:-6px;position:absolute;display:inline-block;background-color:rgb(241,241,241);background-image:url(/images/icons/star.svg);cursor:pointer}
.stato-siteindex .showunread input[type="checkbox"]:checked:before{background-color:rgb(241,241,241);background-image:url(/images/icons/star-active.svg)}
.stato-siteindex .siteindex-open{position:fixed;left:calc(50% - 30px);width:60px;background:rgb(238,238,238);box-shadow:none;border:0;border-radius:0 0 10px 10px;height:30px;padding:6px;overflow:hidden;border:1px solid rgb(204,204,204);border-top:0;top:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transition-property:min-height,width,height,top,right;transition-property:min-height,width,height,top,right;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1)}
.stato-siteindex .sui.icon.handle{color:rgb(85,85,85)}
.stato-siteindex .sui.icon.handle:before{content:"";font-family:FontAwesome;font-size:16px}
.stato-siteindex .sui.icon.handle:after{width:calc(100% - 10px);height:4px;border-radius:3px;background:rgb(85,85,85);content:"";position:absolute;left:5px;top:0}
.stato-siteindex .siteindex-open:hover{background:rgb(51,51,51);border-color:rgb(51,51,51)}
.stato-siteindex .siteindex-open:hover .sui.icon.handle,
.stato-siteindex .siteindex-open:focus .sui.icon.handle{color:rgb(255,255,255)}
.stato-siteindex .siteindex-open:hover .sui.icon.handle:after,
.stato-siteindex .siteindex-open:focus .sui.icon.handle:after{background-color:rgb(255,255,255)}
.stato-siteindex .siteindex-open:focus{outline:0;background:rgb(51,51,51);border-color:rgb(51,51,51)}
.stato-siteindex .morphsearch.open .siteindex-open{top:100%}