.hero{height:50vh;min-height:580px;display:flex;align-items:flex-end;margin-top:-80px;overflow:hidden;position:relative;z-index:1;padding-top:10rem}.hero .col-1{width:100%;padding-right:40%}.visible-dropdown .hero{margin-top:0}.hero .page-center{width:100%;position:relative;z-index:3;min-height:260px}.hero .text-loop{height:5rem;overflow:hidden;position:relative;transform-style:preserve-3d}.hero .text-loop h1,.hero .text-loop span{padding-bottom:0;position:absolute;transition:none;transform:rotateX(60deg) translateZ(90px)}.hero .text-loop h1.active,.hero .text-loop span.active{transition:.8s all ease;transform:rotateX(0) translateZ(90px)}.hero .text-loop h1.previous,.hero .text-loop span.previous{transition:1s all ease;transform:rotateX(-60deg) translateZ(90px)}.hero h1{padding-top:0}.hero h1.fancy,.hero h1.fancy span{font-weight:500;color:#fff !important}.hero p{font-size:1.8rem;font-weight:600}.hero.duotone::before{content:'';background-color:#0b2921;width:100%;height:100%;mix-blend-mode:screen;position:absolute;top:0;left:0;z-index:2}.hero .bg-duotone{position:absolute;z-index:1;width:100%;height:100%;background-size:cover;background-position:50% 50%;filter:grayscale(1);mix-blend-mode:multiply}.hero .hero-image{position:relative;z-index:-1}.hero .hero-image img{height:55vw;max-height:560px;position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(-40%);z-index:1}.face-top{position:absolute;top:0}.face-bottom{position:absolute;bottom:0;right:0;width:30%;height:auto}.shape-container{max-width:827px;width:52vw;margin-left:-40px;z-index:-1}.shape-container.large{position:absolute;right:0;max-width:680px;width:calc(100vw - 780px)}.shape-container.large .hero-shape{padding-top:100%}.shape-container.large .hero-shape .waves{width:100%;height:50%;bottom:2%;left:-15%;top:inherit;transform:rotate(105deg)}.shape-container.large .hero-shape .top{width:100%;height:48%;bottom:-5%;left:17%;top:inherit}.shape-container.large .hero-shape .squiggle{position:absolute;top:20%;left:0;width:20%}.shape-container.large .hero-shape .circle{width:70%;position:absolute;top:30%;right:-20%}.shape-container.large .hero-shape .squiggle .fill{fill:black}.shape-container.large .hero-shape .squiggle .stroke{stroke:white}.hero-shape{position:relative;width:100%;height:0px;padding-top:56%}.hero-shape>div{content:" ";display:block;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;position:absolute}.hero-shape .top{width:36.5%;height:50.7%;top:0;left:30.4%;mask-image:url('https://www.harvamarketing.fi/hubfs/2021-Harva-Theme/hero-shape/top.svg');-webkit-mask-image:url('https://www.harvamarketing.fi/hubfs/2021-Harva-Theme/hero-shape/top.svg');background:#47a540}.hero-shape .middle{width:80%;height:81.2%;top:8.2%;left:11.3%;-webkit-mask-image:url('https://www.harvamarketing.fi/hubfs/2021-Harva-Theme/hero-shape/middle.svg');mask-image:url('https://www.harvamarketing.fi/hubfs/2021-Harva-Theme/hero-shape/middle.svg');background:#1b3f35}.hero-shape .bottom{width:50.8%;height:72.2%;top:27.7%;left:16.9%;mask-image:url('https://www.harvamarketing.fi/hubfs/2021-Harva-Theme/hero-shape/bottom.svg');-webkit-mask-image:url('https://www.harvamarketing.fi/hubfs/2021-Harva-Theme/hero-shape/bottom.svg');background:#afb19b}.waves-bottom{position:absolute;width:500px;height:422px;bottom:-300px;left:-330px;-webkit-mask-size:contain;mask-size:contain;mask-image:url('https://www.harvamarketing.fi/hubfs/2021-Harva-Theme/hero-shape/waves.svg');-webkit-mask-image:url('https://www.harvamarketing.fi/hubfs/2021-Harva-Theme/hero-shape/waves.svg');background:#47a540}.hero-shape .waves{width:58.4%;height:74%;top:23%;left:41.5%;mask-image:url('https://www.harvamarketing.fi/hubfs/2021-Harva-Theme/hero-shape/waves.svg');-webkit-mask-image:url('https://www.harvamarketing.fi/hubfs/2021-Harva-Theme/hero-shape/waves.svg');background:#47a540}.hero-shape .logo{width:100%;height:52%;top:25%;left:37.5%;mask-image:url('https://www.harvamarketing.fi/hubfs/2021-Harva-Theme/hero-shape/logo-shape.svg');-webkit-mask-image:url('https://www.harvamarketing.fi/hubfs/2021-Harva-Theme/hero-shape/logo-shape.svg');background:#fff}.hero-shape .logo.frame{mask-image:url('https://www.harvamarketing.fi/hubfs/2021-Harva-Theme/hero-shape/logo-frame.svg');-webkit-mask-image:url('https://www.harvamarketing.fi/hubfs/2021-Harva-Theme/hero-shape/logo-frame.svg')}.hero.bg-blue{background:#005584}.hero.bg-blue .hero-shape .waves{background:#009cd6}.hero.bg-blue .hero-shape .top{background:#263875}.hero.bg-blue .hero-shape .bottom{background:#08080a}.hero.bg-blue .hero-shape .middle{background:#afb19b}.hero.bg-blue .hero-shape .circle .fill{fill:#08080a}.hero.bg-blue .hero-shape .squiggle .fill{fill:#afb19b}.hero.bg-blue .hero-shape .face-bottom .fill{fill:#afb19b}.hero.bg-blue .hero-shape .face-top .fill{fill:#08080a}.hero.bg-blue .col-2 *,.hero.bg-blue .col-1 *{color:white !important}.hero.bg-green{background:#044144}.hero.bg-green .hero-shape .waves{background:#009163}.hero.bg-green .hero-shape .top{background:#265f38}.hero.bg-green .hero-shape .bottom{background:#714d28}.hero.bg-green .hero-shape .middle{background:#272a1a}.hero.bg-green .hero-shape .circle .fill{fill:#08080a}.hero.bg-green .hero-shape .squiggle .fill{fill:#714d28}.hero.bg-green .hero-shape .face-bottom .fill{fill:#714d28}.hero.bg-green .hero-shape .face-top .fill{fill:#272a1a}.hero.bg-green .col-2 *,.hero.bg-green .col-1 *{color:white !important}a .hero.bg-green .hero-shape .waves{background:#47a540}.hero.bg-green .hero-shape .top{background:#47a540}.hero.bg-green .hero-shape .bottom{background:#928f8f}.hero.bg-green .hero-shape .middle{background:#1b3f35}.hero.bg-orange .hero-shape .waves{background:#ffe433}.hero.bg-orange .hero-shape .top{background:#e91e25}.hero.bg-orange .hero-shape .bottom{background:#f07f2c}.hero.bg-orange .hero-shape .middle{background:#f6a81c}.hero.bg-purple{background:#100f1c}.hero.bg-purple .hero-shape .waves,.hero.bg-purple .waves-bottom{background:#7e7c7c}.hero.bg-purple .hero-shape .top{background:#e30d68}.hero.bg-purple .hero-shape .bottom{background:#651b6f}.hero.bg-purple .hero-shape .middle{background:#cc84ad}.hero.bg-purple .col-2 *{color:white !important}.waves-bottom.white{background-color:white !important;z-index:1}.hero-shape .bg-image-svg{background-color:#000;background-size:cover;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;background-position:50% 50%}.hero-shape .bg-image-left:after{content:" ";display:block;width:100%;height:100%;position:absolute;top:0}.hero-shape .bg-image-right{top:5.8%;left:63.5%;width:36.5%;height:80%;-webkit-mask-image:url(https://www.harvamarketing.fi/hubfs/2021-Harva-Theme/hero-shape/image-right.svg)}.hero-shape .bg-image-left{width:33.5%;height:76.2%;top:6.3%;left:0;-webkit-mask-image:url(https://www.harvamarketing.fi/hubfs/2021-Harva-Theme/hero-shape/image-left.svg)}.hero-shape .bg-image-large{width:100%;height:100%;bottom:-10%;left:30%;-webkit-mask-image:url(https://www.harvamarketing.fi/hubfs/2021-Harva-Theme/hero-shape/image-left.svg)}@media(max-height:750px) and (min-width:941px){.hero{height:90vh}}@media(max-height:750px) and (min-width:941px) and (max-width:1200px){.hero .text-loop{height:7.1vw}}@media(max-width:1350px){.shape-container.large{width:45%;margin:0}}@media(min-width:941px){.hero h1.fancy,.hero h1.fancy span{font-size:5rem;line-height:1.2}}@media(max-width:940px){.hero{height:auto;min-height:0;margin-top:-80px !important;align-items:flex-start}.hero .page-center{min-height:auto;padding-top:0}.hero .bg-duotone{margin-top:-100px}.hero .col-2:first-child{margin-bottom:0}.hero .col-2.top{order:-1 !important}.hero .col-2{margin-bottom:0}.hero .col-2.hero-image{padding-top:0px;margin-bottom:40px}.hero .col-2.hero-image img{top:50%;height:80vw}.shape-container{margin-left:33%;width:80%;margin-top:-10%}.shape-container.large{width:100%;margin:0;bottom:0;max-width:70vw}.face-top{height:40vw;width:auto}.col-1{margin-top:20%;margin-bottom:60%}.hero .text-loop{height:5.5rem}.hero h1.fancy{width:100%;font-size:3rem;line-height:1.2}.hero p{font-size:1.6rem}}@media(max-width:600px){.shape-container{margin-left:15%;width:110%;margin-top:-15%}.shape-container.large{width:100%}}