.elementor-107 .elementor-element.elementor-element-0416c80{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:35px 35px;--row-gap:35px;--column-gap:35px;--border-radius:0px 0px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:-127px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-107 .elementor-element.elementor-element-0416c80:not(.elementor-motion-effects-element-type-background), .elementor-107 .elementor-element.elementor-element-0416c80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF4D;}.elementor-107 .elementor-element.elementor-element-0416c80.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-107 .elementor-element.elementor-element-385502b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 10px 0px;text-align:center;}.elementor-107 .elementor-element.elementor-element-385502b img{width:110px;opacity:1;border-radius:0px 0px 0px 0px;}.elementor-107 .elementor-element.elementor-element-6d5076f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 10px 0px;text-align:center;}.elementor-107 .elementor-element.elementor-element-6d5076f img{width:110px;opacity:1;border-radius:0px 0px 0px 0px;}.elementor-107 .elementor-element.elementor-element-56b12cf{width:var( --container-widget-width, 941px );max-width:941px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:3px 0px 0px 0px;--container-widget-width:941px;--container-widget-flex-grow:0;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-107 .elementor-element.elementor-element-56b12cf.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-menu-toggle{margin-left:auto;}.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu .elementor-item{font-family:"DM Sans", Sans-serif;font-size:15px;font-weight:500;line-height:0px;}.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu--main .elementor-item{color:#222222;fill:#222222;}.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu--main .elementor-item:hover,
					.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu--main .elementor-item:focus{color:#B5C8FF;fill:#B5C8FF;}.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#6089FF;}.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu--dropdown a, .elementor-107 .elementor-element.elementor-element-56b12cf .elementor-menu-toggle{color:#1E1E1E;fill:#1E1E1E;}.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu--dropdown{background-color:#FFFFFF;border-radius:7px 7px 7px 7px;}.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu--dropdown a:hover,
					.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu--dropdown a:focus,
					.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu--dropdown a.highlighted,
					.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-menu-toggle:hover,
					.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-menu-toggle:focus{color:#0968FF;}.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu--dropdown a:hover,
					.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu--dropdown a:focus,
					.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu--dropdown a.highlighted{background-color:#ECF6FF;}.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu--dropdown a.elementor-item-active{color:#0968FF;background-color:#ECF6FF;}.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu--dropdown .elementor-item, .elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"DM Sans", Sans-serif;font-size:15px;font-weight:500;}.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:7px;border-top-right-radius:7px;}.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:7px;border-bottom-left-radius:7px;}.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 11px 10px -8px rgba(0,0,0,0.5);}.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu--dropdown a{padding-left:24px;padding-right:24px;padding-top:19px;padding-bottom:19px;}.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}.elementor-107 .elementor-element.elementor-element-56b12cf div.elementor-menu-toggle{color:#FFFFFF;}.elementor-107 .elementor-element.elementor-element-56b12cf div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-107 .elementor-element.elementor-element-56b12cf div.elementor-menu-toggle:hover, .elementor-107 .elementor-element.elementor-element-56b12cf div.elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-107 .elementor-element.elementor-element-56b12cf div.elementor-menu-toggle:hover svg, .elementor-107 .elementor-element.elementor-element-56b12cf div.elementor-menu-toggle:focus svg{fill:#FFFFFF;}.elementor-107 .elementor-element.elementor-element-b9454ca .elementor-button{background-color:#FFFFFF1F;font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:600;fill:#272727;color:#272727;box-shadow:0px 0px 7px 0px rgba(0,0,0,0.5);border-radius:200px 200px 200px 200px;padding:10px 12px 10px 12px;}.elementor-107 .elementor-element.elementor-element-b9454ca .elementor-button:hover, .elementor-107 .elementor-element.elementor-element-b9454ca .elementor-button:focus{background-color:#1B4FB7;color:#FFFFFF;}.elementor-107 .elementor-element.elementor-element-b9454ca{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 5px 0px;}.elementor-107 .elementor-element.elementor-element-b9454ca.elementor-element{--align-self:center;}.elementor-107 .elementor-element.elementor-element-b9454ca .elementor-button:hover svg, .elementor-107 .elementor-element.elementor-element-b9454ca .elementor-button:focus svg{fill:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-107 .elementor-element.elementor-element-0416c80{--width:100%;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:34px 34px;--row-gap:34px;--column-gap:34px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-107 .elementor-element.elementor-element-0416c80.e-con{--align-self:flex-start;}.elementor-107 .elementor-element.elementor-element-385502b{margin:2px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -40px;padding:-1px 0px 0px 8px;text-align:center;}.elementor-107 .elementor-element.elementor-element-385502b.elementor-element{--align-self:center;}.elementor-107 .elementor-element.elementor-element-385502b img{width:100%;height:30px;border-radius:0px 0px 0px 0px;}.elementor-107 .elementor-element.elementor-element-6d5076f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 15px;text-align:center;}.elementor-107 .elementor-element.elementor-element-6d5076f.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-107 .elementor-element.elementor-element-6d5076f img{width:100%;height:30px;border-radius:0px 0px 0px 0px;}.elementor-107 .elementor-element.elementor-element-56b12cf{width:initial;max-width:initial;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;padding:0px 15px 0px 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );--nav-menu-icon-size:28px;}.elementor-107 .elementor-element.elementor-element-56b12cf.elementor-element{--align-self:center;--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu--dropdown{border-radius:0px 0px 0px 0px;}.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu--dropdown a{padding-left:26px;padding-right:26px;padding-top:25px;padding-bottom:25px;}.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-107 .elementor-element.elementor-element-56b12cf .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:10px !important;}.elementor-107 .elementor-element.elementor-element-56b12cf .elementor-menu-toggle{border-width:2px;border-radius:6px;}.elementor-107 .elementor-element.elementor-element-b9454ca{margin:0px -200px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-107 .elementor-element.elementor-element-0416c80{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-0416c80 *//* --- 1. PERUSASETUKSET JA SIIRTYMÄT --- */

/* Headerin perusasetukset heti sivun alussa */
.elementor-107 .elementor-element.elementor-element-0416c80 {
    transition: background-color 0.4s ease-in-out, backdrop-filter 0.4s ease-in-out;
}

/* Navigaation tekstien, logojen ja nuolien pehmeä siirtymä */
.elementor-107 .elementor-element.elementor-element-0416c80 .elementor-item, 
.logo-normal, 
.logo-sticky,
.sub-arrow,
.sub-arrow i,
.sub-arrow svg {
    transition: all 0.3s ease-in-out !important;
}

/* Navigaation tekstin väri heti alussa, koska tausta on vaalea */
.elementor-107 .elementor-element.elementor-element-0416c80 .elementor-item {
    color: #0a0c1b !important;
}

/* NUOLEN VÄRI heti alussa */
.elementor-107 .elementor-element.elementor-element-0416c80 .sub-arrow,
.elementor-107 .elementor-element.elementor-element-0416c80 .sub-arrow i,
.elementor-107 .elementor-element.elementor-element-0416c80 .sub-arrow svg {
    color: #0a0c1b !important;
    fill: #0a0c1b !important;
}

/* 
   LOGOT HETI ALUSSA:
   Piilotetaan vaalea logo ja näytetään tumma logo.
*/
.logo-normal {
    display: none !important;
}

.logo-sticky {
    display: block !important;
}

/* Hover-efekti */
.elementor-107 .elementor-element.elementor-element-0416c80 .elementor-item:hover {
    color: #3b82f6 !important;
}


/* --- 2. STICKY-TILAN ASETUKSET, KUN RULLATTU ALAS --- */

.elementor-107 .elementor-element.elementor-element-0416c80.elementor-sticky--effects {
    background-color: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(10px);
}

/* Tekstin väri rullatessa */
.elementor-107 .elementor-element.elementor-element-0416c80.elementor-sticky--effects .elementor-item {
    color: #0a0c1b !important;
}

/* Nuolen väri rullatessa */
.elementor-107 .elementor-element.elementor-element-0416c80.elementor-sticky--effects .sub-arrow,
.elementor-107 .elementor-element.elementor-element-0416c80.elementor-sticky--effects .sub-arrow i,
.elementor-107 .elementor-element.elementor-element-0416c80.elementor-sticky--effects .sub-arrow svg {
    color: #000000 !important;
    fill: #000000 !important;
}

/* Hover-efekti sticky-tilassa */
.elementor-107 .elementor-element.elementor-element-0416c80.elementor-sticky--effects .elementor-item:hover {
    color: #3b82f6 !important; 
}


/* --- 3. LOGON NÄKYVYYS RULLATESSA --- */

/* 
   Pidetään sama tumma logo näkyvissä myös sticky-tilassa.
   Vaalea logo pysyy piilossa.
*/
.elementor-107 .elementor-element.elementor-element-0416c80.elementor-sticky--effects .logo-normal {
    display: none !important;
}

.elementor-107 .elementor-element.elementor-element-0416c80.elementor-sticky--effects .logo-sticky {
    display: block !important;
}


/* --- 4. MOBIILIVALIKON IKONI --- */

/* Ikoni heti alussa tummaksi */
.elementor-107 .elementor-element.elementor-element-0416c80 .elementor-menu-toggle i,
.elementor-107 .elementor-element.elementor-element-0416c80 .elementor-menu-toggle svg {
    color: #0a0c1b !important;
    fill: #0a0c1b !important;
    transition: color 0.3s ease-in-out, fill 0.3s ease-in-out;
}

/* Ikoni rullauksen jälkeen */
.elementor-107 .elementor-element.elementor-element-0416c80.elementor-sticky--effects .elementor-menu-toggle i,
.elementor-107 .elementor-element.elementor-element-0416c80.elementor-sticky--effects .elementor-menu-toggle svg {
    color: #0a0c1b !important;
    fill: #0a0c1b !important;
}


/* --- 5. MOBIILIVALIKON REUNAT JA TAUSTA --- */

/* Reunan väri heti alussa */
.elementor-107 .elementor-element.elementor-element-0416c80 .elementor-menu-toggle {
    border-color: rgba(10, 12, 27, 0.35) !important;
    background-color: transparent !important;
    transition: all 0.3s ease-in-out;
}

/* Reunan väri rullauksen jälkeen */
.elementor-107 .elementor-element.elementor-element-0416c80.elementor-sticky--effects .elementor-menu-toggle {
    border-color: rgba(10, 12, 27, 0.35) !important;
    background-color: transparent !important;
}/* End custom CSS */
/* Start custom CSS */html, body {
    overflow-x: hidden;
}/* End custom CSS */