@import url(https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Cookie&display=swap);
/*!
Theme Name: Happyflow thema
Theme URI: http://happyflow.io
Author: HappyFlow
Author URI: http://happyflow.io
Description: Speciaal op maat gemaakt wordpress thema
Version: 1.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: here be tags
Text Domain: Happyflow thema
*/html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.main h1,.main h2,.main h3,.main h4,.main h5,.main h6,.main p,.main a,.main li,.component h1,.component h2,.component h3,.component h4,.component h5,.component h6,.component p,.component a,.component li{padding:0;margin:0;color:var(--color-secondary)}.main h1,.main h2,.main h3,.main h4,.main h5,.main h6,.component h1,.component h2,.component h3,.component h4,.component h5,.component h6{font-family:"Ubuntu",serif;font-weight:500}.main h1,.component h1{margin-bottom:20px}@media(max-width: 766px){.main h1,.component h1{line-height:1.3}.main h1,.component h1{font-size:26px}}@media screen and (max-width: 766px)and (min-width: 300px){.main h1,.component h1{font-size:calc(26px + 6 * ((100vw - 300px) / 467))}}@media screen and (max-width: 766px)and (min-width: 767px){.main h1,.component h1{font-size:32px}}@media(min-width: 767px){.main h1,.component h1{line-height:1.3}.main h1,.component h1{font-size:32px}}@media screen and (min-width: 767px)and (min-width: 768px){.main h1,.component h1{font-size:calc(32px + 4 * ((100vw - 768px) / 256))}}@media screen and (min-width: 767px)and (min-width: 1024px){.main h1,.component h1{font-size:36px}}@media(min-width: 1024px){.main h1,.component h1{font-size:36px}}@media screen and (min-width: 1024px)and (min-width: 1025px){.main h1,.component h1{font-size:calc(36px + 8 * ((100vw - 1025px) / 895))}}@media screen and (min-width: 1024px)and (min-width: 1920px){.main h1,.component h1{font-size:44px}}.main h2,.component h2{font-size:32px;margin-bottom:10px}@media(max-width: 766px){.main h2,.component h2{line-height:1.3}.main h2,.component h2{font-size:22px}}@media screen and (max-width: 766px)and (min-width: 300px){.main h2,.component h2{font-size:calc(22px + 6 * ((100vw - 300px) / 467))}}@media screen and (max-width: 766px)and (min-width: 767px){.main h2,.component h2{font-size:28px}}@media(min-width: 767px){.main h2,.component h2{line-height:1.3}.main h2,.component h2{font-size:28px}}@media screen and (min-width: 767px)and (min-width: 768px){.main h2,.component h2{font-size:calc(28px + 0 * ((100vw - 768px) / 256))}}@media screen and (min-width: 767px)and (min-width: 1024px){.main h2,.component h2{font-size:28px}}@media(min-width: 1024px){.main h2,.component h2{font-size:28px}}@media screen and (min-width: 1024px)and (min-width: 1025px){.main h2,.component h2{font-size:calc(28px + 4 * ((100vw - 1025px) / 895))}}@media screen and (min-width: 1024px)and (min-width: 1920px){.main h2,.component h2{font-size:32px}}.main h3,.component h3{font-size:24px;line-height:1em;margin-bottom:6px}@media(max-width: 766px){.main h3,.component h3{line-height:1.3}.main h3,.component h3{font-size:18px}}@media screen and (max-width: 766px)and (min-width: 300px){.main h3,.component h3{font-size:calc(18px + 4 * ((100vw - 300px) / 467))}}@media screen and (max-width: 766px)and (min-width: 767px){.main h3,.component h3{font-size:22px}}@media(min-width: 767px){.main h3,.component h3{line-height:1.3}.main h3,.component h3{font-size:22px}}@media screen and (min-width: 767px)and (min-width: 768px){.main h3,.component h3{font-size:calc(22px + 4 * ((100vw - 768px) / 256))}}@media screen and (min-width: 767px)and (min-width: 1024px){.main h3,.component h3{font-size:26px}}@media(min-width: 1024px){.main h3,.component h3{font-size:26px}}@media screen and (min-width: 1024px)and (min-width: 1025px){.main h3,.component h3{font-size:calc(26px + 0 * ((100vw - 1025px) / 895))}}@media screen and (min-width: 1024px)and (min-width: 1920px){.main h3,.component h3{font-size:26px}}.main h4,.main h5,.main h6,.component h4,.component h5,.component h6{font-size:20px;line-height:1em;margin-bottom:6px}.main p,.component p{font-size:18px;line-height:1.8em;margin-bottom:30px}.main p strong,.component p strong{font-weight:bold}.main ul,.main ol,.component ul,.component ol{margin-bottom:30px;list-style:disc;padding:0 0 0 20px}.main ul li,.main ol li,.component ul li,.component ol li{font-size:18px;line-height:1.6em;margin-bottom:10px}.main ol,.component ol{list-style:decimal}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}html{overflow-y:scroll;overflow-x:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;scroll-behavior:smooth}body,html{height:100%}body{font-family:"Ubuntu",serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size-adjust:auto;min-width:320px;height:100%;margin:0;font-size:16px;line-height:32px;color:#171f47;font-weight:400}header .header__inner{margin:0 auto;max-width:1120px;width:100%;display:flex;padding:24px 30px}@media(min-width: 1024px)and (max-width: 1200px){header .header__inner{padding:40px 30px}}@media(min-width: 1201px){header .header__inner{padding:60px 30px}}.logo{margin-right:30px;line-height:0;position:relative;z-index:9999}.logo.open svg{animation:logoTransition 1000ms ease forwards}.logo svg{width:100%;fill:var(--color-secondary);max-width:70px}@media(min-width: 1024px)and (max-width: 1200px){.logo svg{max-width:90px}}@media(min-width: 1201px){.logo svg{max-width:120px}}@keyframes logoTransition{0%{fill:var(--color-secondary);transform:translateY(0)}30%{fill:var(--color-secondary);transform:translateY(-160px)}70%{fill:#171f47;transform:translateY(0px)}100%{fill:#171f47}}.night-light{width:39px;height:auto;margin:0 0 0 19px;cursor:pointer;transition:all 400ms ease}.night-light:hover{filter:drop-shadow(0px 0px 11px rgba(0, 0, 0, 0.3))}.night-light *{transition:all 400ms ease}.night-light .mountain1{fill:#6041b0}.night-light .mountain2{fill:#8f78c7}.night-light .sun{transform:rotate(30deg)}.night-light .moon{transform:rotate(0deg)}.night-light.light-on .mountain1{fill:#457a3b}.night-light.light-on .mountain2{fill:#67ac5b}.night-light.light-on .sun{transform:rotate(0deg)}.night-light.light-on .moon{transform:rotate(30deg)}.main-navigation{margin-left:auto;padding:21px 0}@media(max-width: 1023px){.main-navigation{transform:translateX(-120%);transition:all 340ms ease-in-out;display:inline-block;position:absolute;background:#35ff69;left:0;top:0;height:100vh;right:0;z-index:998;padding:120px 40px 40px 40px}}@media(min-width: 1024px)and (max-width: 1200px){.main-navigation{padding:15px 0}}@media(min-width: 1201px){.main-navigation{padding:33px 0}}@media(max-width: 1023px){.main-navigation.open{transform:translateX(0)}.main-navigation.open .nav-menu .menu-item{transform:translateX(0);opacity:1}}.menu-toggle{cursor:pointer;position:relative;display:inline-block;height:19px;width:22px;margin:22px 0 22px auto;z-index:9999}.menu-toggle .menu-toggle__icon{width:22px;height:3px;background:var(--color-secondary);display:inline-block;position:absolute;transition:all 340ms ease-in-out}.menu-toggle .menu-toggle__icon:nth-child(2){transform:translateY(8px);opacity:1}.menu-toggle .menu-toggle__icon:nth-child(3){transform:translateY(16px)}.menu-toggle.open .menu-toggle__icon{background:#171f47}.menu-toggle.open .menu-toggle__icon:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle.open .menu-toggle__icon:nth-child(2){transform:translateY(8px) translateX(-10px);opacity:0}.menu-toggle.open .menu-toggle__icon:nth-child(3){transform:translateY(8px) rotate(-45deg)}@media(min-width: 1024px){.menu-toggle{display:none}}.nav-menu{margin-left:auto;padding:0;margin:0;list-style-type:none}@media(min-width: 1024px){.nav-menu{display:flex}}@media(max-width: 1023px){.nav-menu .menu-item{transform:translateX(-40px);opacity:0;transition:all 340ms ease-in-out 400ms}}.nav-menu .menu-item a{text-decoration:none;font-weight:500;padding:10px 0;margin-right:30px;display:inline-block;color:var(--color-secondary);font-size:18px}@media(max-width: 1023px){.nav-menu .menu-item a{width:100%;padding:6px 0;color:#171f48;font-size:24px}}.nav-menu .menu-item a:hover{text-decoration:underline}@media(min-width: 1024px){.nav-menu .menu-item:last-child{position:relative}.nav-menu .menu-item:last-child a{border-radius:50px;background:var(--color-secondary);color:var(--color-primary);border:2px solid var(--color-secondary);padding:10px 20px;display:inline-block;margin-right:0;transform:translateY(-2px)}.nav-menu .menu-item:last-child a:hover{background:none;color:#171f47;text-decoration:none}}@media(min-width: 1024px){.page--homepage .menu-item:last-child{position:relative}.page--homepage .menu-item:last-child a{border:2px solid #35ff69;color:var(--color-primary);background-color:#35ff69}.page--homepage .menu-item:last-child a:after{background:#fff;color:#171f47}.page--homepage .menu-item:last-child a:after{content:attr(title);position:absolute;top:-13px;right:-11px;padding:0px 12px;border-radius:40px;transition:all 400ms ease-in-out;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;transform:scale(1);transition:all 400ms ease}.page--homepage .menu-item:last-child a:before{display:block;content:" ";background-image:url(http://localhost/wp-content/themes/theme/images/sprinkle-animation.svg);position:absolute}@keyframes sprinkle{0%{background-size:34px 34px;height:34px;width:34px;right:-10px;top:-12px;opacity:.8}20%{opacity:.8}100%{opacity:0;background-size:64px 64px;height:64px;width:64px;right:-25px;top:-27px}}.page--homepage .menu-item:last-child a:hover{color:#35ff69}.page--homepage .menu-item:last-child a:hover:before{animation:sprinkle 400ms ease forwards}.page--homepage .menu-item:last-child a:hover:after{transform:scale(0.8)}}footer{background-color:#f2f2f2;width:100%;padding:25px 0;position:relative;text-align:center;height:80px;display:block;overflow:hidden}footer svg{max-width:30px;fill:#8b89ff;transition:all 400ms ease-in-out}footer:before{content:"";z-index:2;position:absolute;background-color:var(--color-primary);width:100%;height:80px;display:inline-block;top:0;left:0;right:0;bottom:0;opacity:1;transition:all 400ms ease-in-out;transform:translateY(0px)}.hi footer:before{transform:translateY(80px)}@keyframes slidebg{0%{background-position:0 0}100%{background-position:-100vw 0}}.component--hero-home{position:relative;box-shadow:0 0 #000 !important;padding:0 0 40px;display:inline-block;width:100%;background:#171f48;text-align:center}@media(min-width: 767px)and (max-width: 1023px){.component--hero-home{padding:0 0 80px}}@media(min-width: 1024px){.component--hero-home{padding:0 0 140px}}.component--hero-home h1{z-index:2;max-width:820px;color:#f8f4e9;margin:30px auto 30px}@media(max-width: 766px){.component--hero-home h1{line-height:1.1}.component--hero-home h1{font-size:26px}}@media screen and (max-width: 766px)and (min-width: 300px){.component--hero-home h1{font-size:calc(26px + 34 * ((100vw - 300px) / 467))}}@media screen and (max-width: 766px)and (min-width: 767px){.component--hero-home h1{font-size:60px}}@media(min-width: 767px){.component--hero-home h1{line-height:1.1}.component--hero-home h1{font-size:74px}}@media screen and (min-width: 767px)and (min-width: 768px){.component--hero-home h1{font-size:calc(74px + 6 * ((100vw - 768px) / 256))}}@media screen and (min-width: 767px)and (min-width: 1024px){.component--hero-home h1{font-size:80px}}@media(min-width: 1024px){.component--hero-home h1{font-size:60px}}@media screen and (min-width: 1024px)and (min-width: 1025px){.component--hero-home h1{font-size:calc(60px + 12 * ((100vw - 1025px) / 895))}}@media screen and (min-width: 1024px)and (min-width: 1920px){.component--hero-home h1{font-size:72px}}.component--hero-home p{font-size:17px;line-height:32px;color:#35ff69;font-weight:100;max-width:680px;margin:0 auto}@media(min-width: 767px){.component--hero-home p{font-size:24px;line-height:40px}}.hero-animation{padding:0 0 60px;overflow:hidden;text-align:center}@media(min-width: 767px){.hero-animation{padding:20px 0 140px}}.hero-animation svg{width:110%;max-width:1500px;height:auto}@media(min-width: 767px){.hero-animation svg{transform:translateX(-60px)}}.hero-animation .arrowUpDown{transform:translateY(0);animation:arrowUpDown 2000ms infinite linear}.hero-animation .arrowUpDown--1{animation-delay:100ms}.hero-animation .arrowUpDown--2{animation-delay:800ms}.hero-animation .arrowUpDown--3{animation-delay:200ms}.hero-animation .arrowUpDown--4{animation-delay:800ms}@keyframes arrowUpDown{0%{transform:translateY(0)}50%{transform:translateY(6px)}100%{transform:translateY(0)}}.hero-animation .stroke1{stroke-dasharray:10;animation:dash 4000ms infinite linear}.hero-animation .stroke2{stroke-dasharray:10;animation:dash 3000ms infinite linear}@keyframes dash{0%{stroke-dashoffset:1000}100%{stroke-dashoffset:800}}.hero-animation .checkBox{width:277px;transform:translateX(0px);animation:check 5000ms infinite linear}@keyframes check{0%{width:277px;transform:translateX(0px)}20%{width:277px;transform:translateX(0px)}40%{width:73px;transform:translateX(103px);fill:#80cce8}44%{width:73px;transform:translateX(103px);fill:#83bd55}75%{width:73px;transform:translateX(103px);fill:#83bd55}85%{width:277px;transform:translateX(0px)}}.hero-animation .checkIcon{opacity:0;animation:checkIconOpacity 5000ms infinite linear}@keyframes checkIconOpacity{0%{opacity:0}45%{opacity:0}55%{opacity:1}65%{opacity:1}80%{opacity:0}}.component--hero{margin-bottom:60px}.component--hero .section__inner{margin:0 auto;padding:0 30px;max-width:930px;width:100%}.component--hero .hero{display:flex;margin:0 -8px}.component--hero .hero .hero__item{margin:0 8px;height:300px;border-radius:10px;transition:all 200ms ease-in-out;overflow:hidden;position:relative}.component--hero .hero .hero__item img{position:absolute;object-fit:cover;width:100%;height:100%}.component--hero .hero .hero__item.hero__item--1{background-image:repeating-linear-gradient(-45deg, #8b89ff 0px, #8b89ff 20px, #6765ff 20px, #6765ff 40px);width:calc(70% - 16px)}.component--hero .hero .hero__item.hero__item--2{background-image:repeating-linear-gradient(45deg, #4BA9BE 0px, #4BA9BE 20px, #69C7DC 20px, #69C7DC 40px);width:calc(30% - 16px)}.component--hero .hero.go-to-item-two .hero__item--1{width:calc(30% - 16px)}.component--hero .hero.go-to-item-two .hero__item--2{width:calc(70% - 16px)}.hero--animation{background:#4e54c8;background:-webkit-linear-gradient(to left, #8f94fb, #4e54c8);max-width:1050px;width:100%;height:300px;margin:0px auto;margin-bottom:70px;overflow:hidden;position:relative}.hero--animation img{position:absolute;width:100%;height:100%;object-fit:cover}.circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:rgba(255,255,255,.2);animation:animate 25s linear infinite;bottom:-150px}.circles li:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s}.circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.circles li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}.circles li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}.circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}.circles li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}@keyframes animate{0%{transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}100%{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%}}.component--cards{background:#fff;color:#fff}.component--cards.in-viewport .cards{opacity:1;transform:translateY(0)}.component--cards .section__inner{margin:0 auto;padding:0 30px;max-width:1024px;width:100%}.cards{display:flex;flex-flow:row wrap;margin:0;list-style:none !important;padding:0 !important;opacity:0;transform:translateY(20px);transition:all 600ms ease;transition-delay:100ms}.card{width:100%;background-color:#35ff69;position:relative;transition:all 300ms ease-in;margin-bottom:20px !important}.card:last-child{margin-bottom:0px !important}@media(min-width: 767px){.card{margin-bottom:40px !important}}.card:hover{box-shadow:0 0 55px rgba(0,0,0,.12)}.card:hover .card__button svg{transform:translateY(4px) translateX(20px) !important;opacity:1 !important}@media(min-width: 1024px){.card{width:calc(50% - 20px)}.card:nth-child(odd){margin-right:40px}}.card .card__link{text-decoration:none;display:inline-block;width:100%;height:100%}.card .card__link .card__content{padding:30px}.card .card__link .card__content .card__title{margin-bottom:20px}.card .card__link .card__content .card__description{margin-bottom:10px}.card .card__link .card__content .card__button{font-weight:bolder}.card .card__link .card__content .card__button svg{width:22px;height:auto;transition:all 400ms ease-in-out;transform:translateY(4px) translateX(10px);opacity:0;fill:#fff}.component--banner{margin-bottom:60px;position:relative}.component--banner:before{content:"";background-color:#171f48;height:150px;width:100%;position:absolute;top:0;z-index:-1}.component--banner .section__inner{margin:0 auto;padding:0 30px;max-width:1024px;width:100%}.component--banner .banner{height:220px;width:100%;position:relative;overflow:hidden}@media(min-width: 767px){.component--banner .banner{height:300px}}.component--banner .banner video{position:absolute;width:100%;height:100%;object-fit:cover}.block--cases{margin-bottom:60px;position:relative}.cases{list-style:none !important;padding:0 !important;width:100%;margin:40px 0 0}@media(min-width: 767px){.cases{margin:60px 0 0}}@media(min-width: 767px){.cases{display:flex;flex-flow:row wrap;margin:100px 0px 0}}@media(min-width: 1201px){.cases{margin:120px -120px 0;width:calc(100% + 240px)}}.case{display:inline-block;width:100%}@media(min-width: 767px)and (max-width: 1023px){.case{width:calc(50% - 10px)}}@media(min-width: 1024px)and (max-width: 1200px){.case{width:calc(50% - 20px)}}@media(min-width: 1024px){.case{width:calc(50% - 40px)}}.case:nth-child(odd){margin-right:20px}@media(min-width: 1024px)and (max-width: 1200px){.case:nth-child(odd){margin-right:40px}}@media(min-width: 1201px){.case:nth-child(odd){margin-right:80px}}@media(min-width: 767px)and (max-width: 1023px){.case:nth-child(even){transform:translateY(100px)}}@media(min-width: 1024px){.case:nth-child(even){transform:translateY(160px)}}.case .case__link{display:inline-block;width:100%;text-decoration:none;position:relative;transition:all 400ms ease;margin-bottom:20px}@media(min-width: 767px){.case .case__link{margin-bottom:40px}}.case .case__link:hover{transform:translateY(20px)}.case .case__link:hover svg{transform:translateY(4px) translateX(20px) !important;opacity:1 !important}.case .case__image{width:100%;background-color:#f2f2f2;position:relative;overflow:hidden;height:300px}@media(min-width: 1024px)and (max-width: 1200px){.case .case__image{height:400px}}@media(min-width: 1201px){.case .case__image{height:500px}}.case .case__image img{position:absolute;width:100%;height:100%;object-fit:cover}.case .case__content{padding:20px}.case .case__content svg{width:22px;height:auto;transition:all 400ms ease-in-out;transform:translateY(4px) translateX(10px);opacity:0;fill:#35ff69}.block--team{position:relative}.team{list-style:none !important;padding:0 !important;width:100%;margin:40px 0 0}@media(min-width: 767px){.team{margin:60px 0 0}}@media(min-width: 767px){.team{display:flex;flex-flow:row wrap;margin:100px 0px 0}}@media(min-width: 1201px){.team{margin:120px -120px 0;width:calc(100% + 240px)}}.member{display:inline-block;width:100%}@media(min-width: 767px)and (max-width: 1023px){.member{width:calc(50% - 10px)}}@media(min-width: 1024px)and (max-width: 1200px){.member{width:calc(50% - 20px)}}@media(min-width: 1024px){.member{width:calc(50% - 40px)}}.member:nth-child(odd){margin-right:20px}@media(min-width: 1024px)and (max-width: 1200px){.member:nth-child(odd){margin-right:40px}}@media(min-width: 1201px){.member:nth-child(odd){margin-right:80px}}@media(min-width: 767px)and (max-width: 1023px){.member:nth-child(even){transform:translateY(100px)}}@media(min-width: 1024px){.member:nth-child(even){transform:translateY(160px)}}.member .member__link{display:inline-block;width:100%;text-decoration:none;position:relative;transition:all 400ms ease;margin-bottom:20px}@media(min-width: 767px){.member .member__link{margin-bottom:40px}}.member .member__link:hover{transform:translateY(20px)}.member .member__link:hover svg{transform:translateY(4px) translateX(20px) !important;opacity:1 !important}.member .member__image{width:100%;background-color:#f2f2f2;position:relative;overflow:hidden;height:300px}@media(min-width: 1024px)and (max-width: 1200px){.member .member__image{height:400px}}@media(min-width: 1201px){.member .member__image{height:500px}}.member .member__image img{position:absolute;width:100%;height:100%;object-fit:cover}.member .member__content{padding:20px}.member .member__content svg{width:22px;height:auto;transition:all 400ms ease-in-out;transform:translateY(4px) translateX(10px);opacity:0;fill:#35ff69}.block--contact{padding:0 0 60px}.block--contact hr{margin:60px auto 100px;border-top:1px solid #f2f2f2;max-width:755px}.block--contact .block__inner{margin:0 auto;padding:0 30px;max-width:755px;width:100%}.block--contact .block__title{font-size:34px;line-height:50px;text-align:center}@media(min-width: 767px){.block--contact .block__title{font-size:44px;line-height:58px}}.block--contact svg{display:block;text-align:center;margin:40px auto}.block--contact svg path:nth-child(1){fill:red}.block--contact svg path:nth-child(2){fill:var(--color-secondary)}.block--contact .block__content{display:flex;flex-flow:row wrap}.block--contact .block__content .content{width:100%;padding:0}@media(min-width: 767px){.block--contact .block__content .content{padding:20px;width:50%}}@media(min-width: 1024px){.block--contact .block__content .content{width:33.3333%}}.main--team .member-info{margin-bottom:60px;animation:textMove 400ms ease forwards 1600ms}.main--team .member-info .member__name{text-align:center}.main--team .member-info .member__function{text-align:center;color:#4e54c8;font-family:"Cookie",cursive;font-size:36px}.main--team .member-info .member__description{max-width:520px;text-align:center;margin:0 auto}.hero-team{margin-bottom:30px}.hero-team .member__image{position:relative;margin:0 auto;width:100%;height:450px;animation:imageZoom 400ms ease forwards 600ms,imageMove 400ms ease forwards 1000ms}@media(max-width: 766px){.hero-team .member__image{max-width:320px}}@media(min-width: 767px){.hero-team .member__image{width:430px;height:500px}}.hero-team .member__image img{position:absolute;width:100%;height:100%;object-fit:cover;z-index:2}@keyframes imageZoom{0%{transform:scale(1) translateY(0px)}100%{transform:scale(0.8) translateY(0px)}}@keyframes imageMove{0%{transform:scale(0.8) translateY(0px)}100%{transform:scale(0.8) translateY(-40px);@media(min-width: 767px){transform:scale(0.8) translateY(-110px)}}}@keyframes textMove{0%{transform:translateY(0)}100%{transform:translateY(-70px);@media(min-width: 767px){transform:translateY(-110px)}}}@keyframes imageAfter{0%{transform:rotate(0deg) translateX(0px) translateY(0px)}100%{transform:rotate(15deg) translateX(190px) translateY(-90px)}}.main--case{margin-bottom:60px}:root{--color-primary: #F8F4E9;--color-secondary: #171F47}:root .page--homepage .hero-animation,:root .page--homepage header{--color-primary: #171F47;--color-secondary: #F8F4E9}body{transition:all 400ms ease}body.light-on{background:#171f47;--color-primary: #171F47;--color-secondary: #F8F4E9}.page--homepage .hero-animation,.page--homepage header{background:#171f48}body:not(.page--homepage) .main .main__inner{margin:0 auto;padding:0 30px;max-width:755px;width:100%}.section__inner{margin:0 auto;padding:0 30px;width:100%}.btn{font-size:18px}.btn--back{margin-left:20%;margin-bottom:30px;display:inline-block;text-decoration:none;color:var(--color-secondary);font-weight:bolder}@media(max-width: 766px){.btn--back{display:none}}.btn--back svg{fill:#35ff69;width:22px;height:auto;transform:rotate(180deg) translateY(-4px) translateX(0px);margin-right:10px;transition:all 400ms ease}.btn--back:hover svg{transform:rotate(180deg) translateY(-4px) translateX(10px)}.btn--blankpage{background:#35ff69;text-decoration:none;padding:10px 50px 10px 20px !important;display:inline-block;border-radius:6px;position:relative;color:var(--color-secondary);font-weight:500;transition:all 400ms ease}.btn--blankpage svg{position:absolute;fill:var(--color-secondary);max-width:32px;right:10px;top:10px}.btn--blankpage:hover{box-shadow:0 0 55px rgba(0,0,0,.12)}