body.noscroll{overflow:hidden}.has-fade{visibility:hidden}.nav-item{padding:10px}@-webkit-keyframes fade-in{from{visibility:hidden;opacity:0}1%{visibility:visible;opacity:0}to{visibility:visible;opacity:1}}@keyframes fade-in{from{visibility:hidden;opacity:0}1%{visibility:visible;opacity:0}to{visibility:visible;opacity:1}}.fade-in{-webkit-animation:fade-in 200ms ease-in-out forwards;animation:fade-in 200ms ease-in-out forwards}@-webkit-keyframes fade-out{from{visibility:visible;opacity:1}99%{visibility:visible;opacity:0}to{visibility:hidden;opacity:0}}@keyframes fade-out{from{visibility:visible;opacity:1}99%{visibility:visible;opacity:0}to{visibility:hidden;opacity:0}}.fade-out{-webkit-animation:fade-out 200ms ease-in-out forwards;animation:fade-out 200ms ease-in-out forwards}@media (max-width:63.9375em){.hide-for-mobile{display:none}}@media (min-width:64em){.hide-for-desktop{display:none}}.header.open .header__toggle>span:first-child{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.header.open .header__toggle>span:nth-child(2){opacity:0}.header.open .header__toggle>span:last-child{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.header .overlay{opacity:0;position:fixed;top:0;right:0;bottom:0;left:0;background-image:-webkit-gradient(linear,left top,left bottom,from(#2d314d),to(transparent));background-image:linear-gradient(#2d314d,transparent);z-index:9}.header nav{position:relative;background-color:#fff;padding-top:1.0625rem;padding-bottom:1.0625rem;border-bottom:1px solid #f3f3f3;z-index:22}.header__toggle>span{display:block;width:26px;height:2px;background-color:var(--otsikko-2-vari);-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;-webkit-transform-origin:3px 1px;transform-origin:3px 1px}.header__toggle>span:not(:last-child){margin-bottom:5px}.header__menu{position:absolute;width:calc(100% - 3rem);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#fff;margin-top:1.5rem;padding:1.625rem;border-radius:5px;z-index:21}.header__menu a{display:block;padding:.625rem;color:#2d314d;text-align:center;list-style-type:none}.header__menu ul{list-style-type:none;margin-bottom:0}.logo-wrapperi{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto}.headeri-wrapperi{display:grid;grid-template-columns:.1fr 1fr 2fr 1fr .1fr;grid-template-rows:auto;grid-template-areas:'vasen logo navi nappi oikea';justify-items:center;align-items:center}.header__links a{position:relative;font-size:1rem;color:var(--otsikko-3-vari);-webkit-transition:color 300ms ease-in-out;transition:color 300ms ease-in-out;list-style-type:none;font-weight:700;font-family:'Quicksand',sans-serif!important}.header__links a:not(:last-child){margin-right:32px}.header__links a::before{content:"";display:block;position:absolute;height:5px;left:0;right:0;bottom:-20px;background:var(--otsikko-1-vari);opacity:0;-webkit-transition:opacity 300ms ease-in-out;transition:opacity 300ms ease-in-out}.header__links a:hover{color:#2d314d}.header__links a:hover::before{opacity:1}.headerin-nappi{background-color:var(--otsikko-2-vari);padding:10px;font-family:700;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;color:#fff;-webkit-transition:opacity 300ms ease-in-out;transition:300ms ease-in-out}.headerin-nappi:hover{background-color:var(--otsikko-1-vari);-webkit-border-radius:10px 50px 50px 10px;-moz-border-radius:10px 50px 50px 10px;border-radius:10px 50px 50px 10px;color:#fff}@media (max-width:1025px){.headeri-wrapperi{display:grid;grid-template-columns:5% 2fr 2fr 1.5fr 2%;grid-template-rows:auto;grid-template-areas:'vasen logo navi nappi oikea'}.dropdown-menu{transform:translate3d(0,0,0)!important;margin-bottom:20px;position:relative!important;width:100%}}