.elementor-20 .elementor-element.elementor-element-cc1fa3b{--display:flex;--min-height:100px;--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:20px 20px;--row-gap:20px;--column-gap:20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:0px;--padding-left:60px;--padding-right:60px;--z-index:99;}.elementor-20 .elementor-element.elementor-element-cc1fa3b:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-cc1fa3b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4be6782 );}.elementor-20 .elementor-element.elementor-element-025e581{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -90px) 0px;}.elementor-20 .elementor-element.elementor-element-025e581 img{width:440px;}.elementor-20 .elementor-element.elementor-element-b28e9d4{--display:flex;--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:flex-end;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-02bb861 .elementor-menu-toggle{margin:0 auto;}.elementor-20 .elementor-element.elementor-element-02bb861 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-318dd7f );fill:var( --e-global-color-318dd7f );padding-top:40px;padding-bottom:40px;}.elementor-20 .elementor-element.elementor-element-02bb861 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-20 .elementor-element.elementor-element-02bb861 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-e63d7b9 );}.elementor-20 .elementor-element.elementor-element-02bb861 .e--pointer-framed .elementor-item:before,
					.elementor-20 .elementor-element.elementor-element-02bb861 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-e63d7b9 );}.elementor-20 .elementor-element.elementor-element-02bb861 .e--pointer-framed .elementor-item:before{border-width:5px;}.elementor-20 .elementor-element.elementor-element-02bb861 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 5px 5px;}.elementor-20 .elementor-element.elementor-element-02bb861 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:5px 5px 0 0;}.elementor-20 .elementor-element.elementor-element-02bb861 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:5px 0 0 5px;}.elementor-20 .elementor-element.elementor-element-02bb861 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 5px 5px 0;}.elementor-20 .elementor-element.elementor-element-02bb861 .e--pointer-underline .elementor-item:after,
					 .elementor-20 .elementor-element.elementor-element-02bb861 .e--pointer-overline .elementor-item:before,
					 .elementor-20 .elementor-element.elementor-element-02bb861 .e--pointer-double-line .elementor-item:before,
					 .elementor-20 .elementor-element.elementor-element-02bb861 .e--pointer-double-line .elementor-item:after{height:5px;}.elementor-20 .elementor-element.elementor-element-ad06bfb .elementor-button{background-color:#534E4C00;font-size:22px;fill:var( --e-global-color-318dd7f );color:var( --e-global-color-318dd7f );border-style:solid;border-width:3px 3px 3px 3px;border-color:var( --e-global-color-e63d7b9 );border-radius:0px 0px 0px 0px;padding:12px 15px 12px 15px;}.elementor-20 .elementor-element.elementor-element-ad06bfb{width:auto;max-width:auto;}.elementor-20 .elementor-element.elementor-element-5abb4b5{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:300px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-5abb4b5:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-5abb4b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#363332;}.elementor-20 .elementor-element.elementor-element-5246a01{width:auto;max-width:auto;--e-nav-menu-horizontal-menu-item-margin:calc( 45px / 2 );}.elementor-20 .elementor-element.elementor-element-5246a01 .elementor-nav-menu .elementor-item{font-size:30px;font-weight:300;}.elementor-20 .elementor-element.elementor-element-5246a01 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-318dd7f );fill:var( --e-global-color-318dd7f );padding-top:5px;padding-bottom:5px;}.elementor-20 .elementor-element.elementor-element-5246a01 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:45px;}.elementor-20 .elementor-element.elementor-element-5246a01 .elementor-nav-menu--dropdown{background-color:#02010100;}.elementor-20 .elementor-element.elementor-element-5246a01 .elementor-nav-menu--dropdown a:hover,
					.elementor-20 .elementor-element.elementor-element-5246a01 .elementor-nav-menu--dropdown a:focus,
					.elementor-20 .elementor-element.elementor-element-5246a01 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-20 .elementor-element.elementor-element-5246a01 .elementor-nav-menu--dropdown a.highlighted{background-color:#FFFFFF1A;}.elementor-20 .elementor-element.elementor-element-5246a01 .elementor-nav-menu--dropdown .elementor-item, .elementor-20 .elementor-element.elementor-element-5246a01 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:38px;font-weight:500;}.elementor-20 .elementor-element.elementor-element-5246a01 .elementor-nav-menu--dropdown a{padding-top:30px;padding-bottom:30px;}.elementor-20 .elementor-element.elementor-element-1cdb7ba .elementor-button{background-color:#534E4C00;font-size:24px;fill:var( --e-global-color-318dd7f );color:var( --e-global-color-318dd7f );border-style:solid;border-width:3px 3px 3px 3px;border-color:var( --e-global-color-e63d7b9 );border-radius:0px 0px 0px 0px;padding:15px 20px 15px 20px;}.elementor-20 .elementor-element.elementor-element-1cdb7ba{width:auto;max-width:auto;}.elementor-20 .elementor-element.elementor-element-1cdb7ba .elementor-button-content-wrapper{flex-direction:row;}.elementor-20 .elementor-element.elementor-element-1cdb7ba .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-20 .elementor-element.elementor-element-c51a7f9 .elementor-button{background-color:#534E4C00;font-size:24px;fill:var( --e-global-color-318dd7f );color:var( --e-global-color-318dd7f );border-style:solid;border-width:3px 3px 3px 3px;border-color:var( --e-global-color-e63d7b9 );border-radius:0px 0px 0px 0px;padding:15px 20px 15px 20px;}.elementor-20 .elementor-element.elementor-element-c51a7f9{width:auto;max-width:auto;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-20 .elementor-element.elementor-element-cc1fa3b{--min-height:90px;--padding-top:10px;--padding-bottom:10px;--padding-left:30px;--padding-right:30px;}.elementor-20 .elementor-element.elementor-element-025e581{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -75px) 0px;}.elementor-20 .elementor-element.elementor-element-025e581 img{width:440px;}.elementor-20 .elementor-element.elementor-element-ad06bfb .elementor-button{font-size:18px;border-width:3px 3px 3px 3px;padding:15px 15px 15px 15px;}.elementor-20 .elementor-element.elementor-element-5abb4b5{--padding-top:300px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-5246a01 .elementor-nav-menu .elementor-item{font-size:26px;}.elementor-20 .elementor-element.elementor-element-5246a01{--e-nav-menu-horizontal-menu-item-margin:calc( 30px / 2 );}.elementor-20 .elementor-element.elementor-element-5246a01 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:30px;}.elementor-20 .elementor-element.elementor-element-1cdb7ba .elementor-button{font-size:18px;border-width:3px 3px 3px 3px;padding:15px 15px 15px 15px;}.elementor-20 .elementor-element.elementor-element-c51a7f9 .elementor-button{font-size:18px;border-width:3px 3px 3px 3px;padding:15px 15px 15px 15px;}}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-cc1fa3b{--min-height:70px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:8px;--padding-bottom:8px;--padding-left:8px;--padding-right:8px;}.elementor-20 .elementor-element.elementor-element-025e581{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -60px) 0px;}.elementor-20 .elementor-element.elementor-element-025e581 img{width:230px;}.elementor-20 .elementor-element.elementor-element-b28e9d4{--width:80px;}.elementor-20 .elementor-element.elementor-element-ad06bfb .elementor-button{font-size:18px;padding:12px 12px 12px 12px;}.elementor-20 .elementor-element.elementor-element-5abb4b5{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:200px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-5246a01 .elementor-nav-menu .elementor-item{font-size:22px;}.elementor-20 .elementor-element.elementor-element-5246a01 .elementor-nav-menu--main .elementor-item{padding-top:9px;padding-bottom:9px;}.elementor-20 .elementor-element.elementor-element-5246a01{--e-nav-menu-horizontal-menu-item-margin:calc( 16px / 2 );}.elementor-20 .elementor-element.elementor-element-5246a01 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:16px;}.elementor-20 .elementor-element.elementor-element-1cdb7ba .elementor-button{font-size:18px;padding:12px 12px 12px 12px;}.elementor-20 .elementor-element.elementor-element-c51a7f9 .elementor-button{font-size:18px;padding:12px 12px 12px 12px;}}/* Start custom CSS for button, class: .elementor-element-ad06bfb *//* Varmistetaan että nappi on positioinnin ankkuri */
.nuoli a.elementor-button {
    position: relative;
    overflow: hidden !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out !important;
}

/* Nuoli, joka ei vaikuta napin korkeuteen tai tasapainoon */
.nuoli a.elementor-button::after {
    content: '\279E';
    position: absolute;
    right: 15px; /* Etäisyys oikeasta reunasta hoverissa */
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.3s ease-in-out;
    line-height: 1;
    display: flex;
    align-items: center;
}

/* Hover-tila */
.nuoli a.elementor-button:hover {
    /* Lisätään tilaa nuolelle vain oikealle */
    padding-right: 45px !important; 
}

.nuoli a.elementor-button:hover::after {
    opacity: 1;
    transform: translateX(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc1fa3b *//* Kohdistetaan laitteisiin, jotka ovat välillä 1025px - 1366px (tyypilliset pienet läppärit) */
@media (max-width: 1366px) and (min-width: 1025px) {
    /* Piennetään valikon linkkejä */
    #header .elementor-nav-menu a {
        font-size: 16px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    /* Piennetään nappeja */
    #header .elementor-button {
        padding: 10px 15px !important;
    }
    
    /* Piennetään mahdollista muuta tekstiä */
    #header p, 
    #header span {
        font-size: 16px !important;
    }
 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1cdb7ba *//* Lisää luokka "puhelin" Elementorin Button-widgetiin */

/* Määritetään pelkkä heiluriliike */
@keyframes puhelin_tärinä {
    0% { transform: rotate(0deg); }
    15% { transform: rotate(-15deg); }
    30% { transform: rotate(15deg); }
    45% { transform: rotate(-15deg); }
    60% { transform: rotate(15deg); }
    75% { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
}

/* Kohdistetaan ikoniin ja varmistetaan, ettei nappi liiku */
.puhelin a.elementor-button {
    transform: none !important; /* Estää mahdolliset teeman omat skaalaukset */
}

.puhelin a.elementor-button .elementor-button-icon {
    display: inline-block;
    transition: none; /* Poistaa viiveen, jotta tärinä alkaa heti */
}

/* Vain ikoni animoidaan hoverissa */
.puhelin a.elementor-button:hover .elementor-button-icon {
    animation: puhelin_tärinä 0.5s ease-in-out infinite;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c51a7f9 *//* Varmistetaan että nappi on positioinnin ankkuri */
.nuoli a.elementor-button {
    position: relative;
    overflow: hidden !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out !important;
}

/* Nuoli, joka ei vaikuta napin korkeuteen tai tasapainoon */
.nuoli a.elementor-button::after {
    content: '\279E';
    position: absolute;
    right: 15px; /* Etäisyys oikeasta reunasta hoverissa */
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.3s ease-in-out;
    line-height: 1;
    display: flex;
    align-items: center;
}

/* Hover-tila */
.nuoli a.elementor-button:hover {
    /* Lisätään tilaa nuolelle vain oikealle */
    padding-right: 45px !important; 
}

.nuoli a.elementor-button:hover::after {
    opacity: 1;
    transform: translateX(0);
}/* End custom CSS */