.elementor-1370 .elementor-element.elementor-element-7ffb6df:not(.elementor-motion-effects-element-type-background), .elementor-1370 .elementor-element.elementor-element-7ffb6df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;background-image:url("https://fondisfi.test.cchosting.fi/wp-content/uploads/2022/11/fondis-sliderkuva6.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1370 .elementor-element.elementor-element-7ffb6df > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, #00000000 0%, var( --e-global-color-7d08e6c ) 100%);opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1370 .elementor-element.elementor-element-7ffb6df > .elementor-container{max-width:1400px;min-height:390px;}.elementor-1370 .elementor-element.elementor-element-7ffb6df{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 80px 80px 80px;}.elementor-1370 .elementor-element.elementor-element-7fe7aa0 .elementor-icon-wrapper{text-align:center;}.elementor-1370 .elementor-element.elementor-element-7fe7aa0 .elementor-icon{font-size:87px;}.elementor-1370 .elementor-element.elementor-element-7fe7aa0 .elementor-icon svg{height:87px;}.elementor-1370 .elementor-element.elementor-element-ab9b39a{text-align:center;}.elementor-1370 .elementor-element.elementor-element-ab9b39a .elementor-heading-title{font-size:75px;font-weight:normal;text-transform:uppercase;color:#FFFFFF;}.elementor-bc-flex-widget .elementor-1370 .elementor-element.elementor-element-30c02f4.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1370 .elementor-element.elementor-element-30c02f4.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1370 .elementor-element.elementor-element-30c02f4.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1370 .elementor-element.elementor-element-a36e335{width:auto;max-width:auto;}.elementor-1370 .elementor-element.elementor-element-a36e335 > .elementor-widget-container{margin:15px 10px 10px 10px;}.elementor-1370 .elementor-element.elementor-element-a36e335 .elementor-heading-title{font-size:15px;font-weight:400;color:#FFFFFF;}.elementor-1370 .elementor-element.elementor-element-38bfef5 .elementor-button{background-color:#02010100;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:0px 0px 1px 0px;border-color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:0px 0px 5px 0px;}.elementor-1370 .elementor-element.elementor-element-38bfef5{width:auto;max-width:auto;}.elementor-1370 .elementor-element.elementor-element-38bfef5 > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-1370 .elementor-element.elementor-element-38bfef5 .elementor-button:hover, .elementor-1370 .elementor-element.elementor-element-38bfef5 .elementor-button:focus{color:#FFFFFF;border-color:#FFFFFF;}.elementor-1370 .elementor-element.elementor-element-38bfef5 .elementor-button:hover svg, .elementor-1370 .elementor-element.elementor-element-38bfef5 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1370 .elementor-element.elementor-element-e0f1d2f .elementor-button{background-color:#02010100;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:0px 0px 1px 0px;border-color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:0px 0px 5px 0px;}.elementor-1370 .elementor-element.elementor-element-e0f1d2f{width:auto;max-width:auto;}.elementor-1370 .elementor-element.elementor-element-e0f1d2f > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-1370 .elementor-element.elementor-element-e0f1d2f .elementor-button:hover, .elementor-1370 .elementor-element.elementor-element-e0f1d2f .elementor-button:focus{color:#FFFFFF;border-color:#FFFFFF;}.elementor-1370 .elementor-element.elementor-element-e0f1d2f .elementor-button:hover svg, .elementor-1370 .elementor-element.elementor-element-e0f1d2f .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1370 .elementor-element.elementor-element-df739a5:not(.elementor-motion-effects-element-type-background), .elementor-1370 .elementor-element.elementor-element-df739a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7d08e6c );}.elementor-1370 .elementor-element.elementor-element-df739a5 > .elementor-container{max-width:1250px;}.elementor-1370 .elementor-element.elementor-element-df739a5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 80px 280px 80px;}.elementor-1370 .elementor-element.elementor-element-df739a5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1370 .elementor-element.elementor-element-a00864f{--grid-row-gap:35px;--grid-column-gap:30px;}@media(max-width:1024px){.elementor-1370 .elementor-element.elementor-element-7ffb6df > .elementor-container{min-height:607px;}.elementor-1370 .elementor-element.elementor-element-7ffb6df{padding:40px 40px 40px 40px;}.elementor-1370 .elementor-element.elementor-element-df739a5{padding:40px 40px 140px 40px;}}@media(max-width:767px){.elementor-1370 .elementor-element.elementor-element-7ffb6df > .elementor-container{min-height:535px;}.elementor-1370 .elementor-element.elementor-element-7ffb6df{padding:20px 20px 20px 20px;}.elementor-1370 .elementor-element.elementor-element-ab9b39a .elementor-heading-title{font-size:37px;}.elementor-1370 .elementor-element.elementor-element-df739a5{padding:20px 20px 120px 20px;}}/* Start custom CSS for button, class: .elementor-element-38bfef5 */.elementor-1370 .elementor-element.elementor-element-38bfef5{
    padding-left: 30px
}
.elementor-1370 .elementor-element.elementor-element-38bfef5 a{
    position: relative;
    transition:.2s ease all!important;
    
}
.elementor-1370 .elementor-element.elementor-element-38bfef5 a:after{
    content:"";
    width:100%;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: -6px;
    left: 0;
    transition:.2s ease all!important;
}
.elementor-1370 .elementor-element.elementor-element-38bfef5 a:before{
    content:"";
    width:28px;
    height: 30px;
    display: inline-block;
    background-color: #fff;
    position: absolute;
    left: -30px;
    top:-4px;
    background: url(/wp-content/uploads/2022/11/email.svg) no-repeat center /contain;
    filter: brightness(0) invert(1);
}
.elementor-1370 .elementor-element.elementor-element-38bfef5:hover a{
    border-color: #D35CA1!important;
}
.elementor-1370 .elementor-element.elementor-element-38bfef5:hover a:after{
    background: #D35CA1
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e0f1d2f */.elementor-1370 .elementor-element.elementor-element-e0f1d2f{
    padding-left: 20px
}
.elementor-1370 .elementor-element.elementor-element-e0f1d2f a{
    position: relative;
    transition:.2s ease all!important;
    
}
.elementor-1370 .elementor-element.elementor-element-e0f1d2f a:after{
    content:"";
    width:100%;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: -6px;
    left: 0;
    transition:.2s ease all!important;
}
.elementor-1370 .elementor-element.elementor-element-e0f1d2f a:before{
    content:"";
    width:18px;
    height: 30px;
    display: inline-block;
    background-color: #fff;
    position: absolute;
    left: -20px;
    top:-4px;
    background: url(/wp-content/uploads/2022/11/phone-call-1.png) no-repeat center /cover;
}
.elementor-1370 .elementor-element.elementor-element-e0f1d2f:hover a{
    border-color: #D35CA1!important;
}
.elementor-1370 .elementor-element.elementor-element-e0f1d2f:hover a:after{
    background: #D35CA1
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-7ffb6df */.elementor-1370 .elementor-element.elementor-element-7ffb6df .elementor-background-overlay{
    backdrop-filter: blur(0px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1a03877 */.elementor-1370 .elementor-element.elementor-element-1a03877 .c-scroll-icon {
  width: 21px;
  height: 100px;
  transform: translate3d(-50%, 0%, 0);
  position: absolute;
  left: -65px;
  bottom: -100px;
  backface-visibility: hidden;
  
}
.elementor-1370 .elementor-element.elementor-element-1a03877 .c-scroll-icon .c-scroll-icon-line-mask {
  position: relative;
  overflow: hidden;
  width: 21px;
  height: 100px;
  margin: 0 auto;
}
.elementor-1370 .elementor-element.elementor-element-1a03877 .c-scroll-icon .c-scroll-icon-line {
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 150px;
  border-left: 1px solid #fff;
  top: -150px;
  left: 10px;
  animation: scroll-line 3s infinite;
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
@keyframes scroll-line {
  0% {
    transform: translate3d(0, 0, 0);
  }
  40% {
    transform: translate3d(0, 185px, 0);
  }
  75% {
    transform: translate3d(0, 175px, 0);
  }
  100% {
    transform: translate3d(0, 280px, 0);
  }
}
.elementor-1370 .elementor-element.elementor-element-1a03877 .c-scroll-icon-triangle {
  position: relative;
  width: 20px;
  height: 30px;
  margin: -10px auto 0;
  animation: triangle-bounce 3s infinite;
}
.elementor-1370 .elementor-element.elementor-element-1a03877 .c-scroll-icon-triangle-mask {
  position: absolute;
}
.c-scroll-icon-triangle-mask.first {
  width: 40px;
  height: 5px;
  right: 0;
  overflow: hidden;
}
.elementor-1370 .elementor-element.elementor-element-1a03877 .c-scroll-icon-triangle-mask.right {
  width: 10px;
  height: 30px;
  overflow: hidden;
  right: 0;
}
.elementor-1370 .elementor-element.elementor-element-1a03877 .c-scroll-icon-triangle-mask.left {
  width: 10px;
  height: 30px;
  overflow: hidden;
  left: 1;
}
.elementor-1370 .elementor-element.elementor-element-1a03877 .c-scroll-icon-triangle-mask.last {
  width: 40px;
  height: 5px;
  overflow: hidden;
}
.elementor-1370 .elementor-element.elementor-element-1a03877 .c-scroll-icon-triangle-line {
  position: absolute;
}
.elementor-1370 .elementor-element.elementor-element-1a03877 .c-scroll-icon-triangle-line.first {
  border-bottom: 1px solid #fff;
  width: 30px;
  right: 0;
  animation: triangle-first 3s infinite;
  transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.elementor-1370 .elementor-element.elementor-element-1a03877 .c-scroll-icon-triangle-line.right {
  border-left: 1px solid #fff;
  height: 44px;
  transform: rotate(-163deg);
  right: 5px;
  top: -6px;
  animation: triangle-right 3s infinite;
  transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.elementor-1370 .elementor-element.elementor-element-1a03877 .c-scroll-icon-triangle-line.left {
  border-left: 1px solid #fff;
  height: 40px;
  transform: rotate(163deg);
  left: 5px;
  top: -3px;
  animation: triangle-left 3s infinite;
  transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.elementor-1370 .elementor-element.elementor-element-1a03877 .c-scroll-icon-triangle-line.last {
  border-bottom: 1px solid #fff;
  width: 120px;
  left: 0;
  animation: triangle-last 3s infinite;
  transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
@keyframes triangle-bounce {
  0% {
    transform: translate3d(0, -5px, 0);
  }
  50% {
    transform: translate3d(0, 5px, 0);
  }
  100% {
    transform: translate3d(0, -5px, 0);
  }
}
@keyframes triangle-first {
  0%,
  20% {
    transform: translate3d(-40px, 0, 0);
  }
  30%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
  85%,
  100% {
    transform: translate3d(30px, 0, 0);
  }
}
@keyframes triangle-right {
  0%,
  25% {
    transform: rotate(-163deg) translate3d(0, 40px, 0);
  }
  40%,
  84% {
    transform: rotate(-163deg) translate3d(0, 0, 0);
  }
  90%,
  100% {
    transform: rotate(-163deg) translate3d(0, -37px, 0);
  }
}
@keyframes triangle-left {
  0%,
  33% {
    transform: rotate(163deg) translate3d(0, -34px, 0);
  }
  50%,
  88% {
    transform: rotate(163deg) translate3d(0, 0, 0);
  }
  95%,
  100% {
    transform: rotate(163deg) translate3d(0, 38px, 0);
  }
}
@keyframes triangle-last {
  0%,
  87.5% {
    transform: translate3d(-120px, 0, 0);
  }
  91% {
    transform: translate3d(-80px, 0, 0);
  }
  100% {
    transform: translate3d(45px, 0, 0);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-142adaf */.elementor-1370 .elementor-element.elementor-element-142adaf{
    position: absolute
}
.elementor-1370 .elementor-element.elementor-element-142adaf .c-scroll-icon {
  width: 21px;
  height: 100px;
  transform: translate3d(-50%, 0%, 0);
  position: absolute;
  right: -85px;
  bottom: -100px;
  backface-visibility: hidden;
  
}
.elementor-1370 .elementor-element.elementor-element-142adaf .c-scroll-icon .c-scroll-icon-line-mask {
  position: relative;
  overflow: hidden;
  width: 21px;
  height: 100px;
  margin: 0 auto;
}
.elementor-1370 .elementor-element.elementor-element-142adaf .c-scroll-icon .c-scroll-icon-line {
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 150px;
  border-left: 1px solid #fff;
  top: -150px;
  left: 10px;
  animation: scroll-line 3s infinite;
  transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
@keyframes scroll-line {
  0% {
    transform: translate3d(0, 0, 0);
  }
  40% {
    transform: translate3d(0, 185px, 0);
  }
  75% {
    transform: translate3d(0, 175px, 0);
  }
  100% {
    transform: translate3d(0, 280px, 0);
  }
}
.elementor-1370 .elementor-element.elementor-element-142adaf .c-scroll-icon-triangle {
  position: relative;
  width: 20px;
  height: 30px;
  margin: -10px auto 0;
  animation: triangle-bounce 3s infinite;
}
.elementor-1370 .elementor-element.elementor-element-142adaf .c-scroll-icon-triangle-mask {
  position: absolute;
}
.c-scroll-icon-triangle-mask.first {
  width: 40px;
  height: 5px;
  right: 0;
  overflow: hidden;
}
.elementor-1370 .elementor-element.elementor-element-142adaf .c-scroll-icon-triangle-mask.right {
  width: 10px;
  height: 30px;
  overflow: hidden;
  right: 0;
}
.elementor-1370 .elementor-element.elementor-element-142adaf .c-scroll-icon-triangle-mask.left {
  width: 10px;
  height: 30px;
  overflow: hidden;
  left: 1;
}
.elementor-1370 .elementor-element.elementor-element-142adaf .c-scroll-icon-triangle-mask.last {
  width: 40px;
  height: 5px;
  overflow: hidden;
}
.elementor-1370 .elementor-element.elementor-element-142adaf .c-scroll-icon-triangle-line {
  position: absolute;
}
.elementor-1370 .elementor-element.elementor-element-142adaf .c-scroll-icon-triangle-line.first {
  border-bottom: 1px solid #fff;
  width: 30px;
  right: 0;
  animation: triangle-first 3s infinite;
  transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.elementor-1370 .elementor-element.elementor-element-142adaf .c-scroll-icon-triangle-line.right {
  border-left: 1px solid #fff;
  height: 44px;
  transform: rotate(-163deg);
  right: 5px;
  top: -6px;
  animation: triangle-right 3s infinite;
  transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.elementor-1370 .elementor-element.elementor-element-142adaf .c-scroll-icon-triangle-line.left {
  border-left: 1px solid #fff;
  height: 40px;
  transform: rotate(163deg);
  left: 5px;
  top: -3px;
  animation: triangle-left 3s infinite;
  transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.elementor-1370 .elementor-element.elementor-element-142adaf .c-scroll-icon-triangle-line.last {
  border-bottom: 1px solid #fff;
  width: 120px;
  left: 0;
  animation: triangle-last 3s infinite;
  transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
@keyframes triangle-bounce {
  0% {
    transform: translate3d(0, -5px, 0);
  }
  50% {
    transform: translate3d(0, 5px, 0);
  }
  100% {
    transform: translate3d(0, -5px, 0);
  }
}
@keyframes triangle-first {
  0%,
  20% {
    transform: translate3d(-40px, 0, 0);
  }
  30%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
  85%,
  100% {
    transform: translate3d(30px, 0, 0);
  }
}
@keyframes triangle-right {
  0%,
  25% {
    transform: rotate(-163deg) translate3d(0, 40px, 0);
  }
  40%,
  84% {
    transform: rotate(-163deg) translate3d(0, 0, 0);
  }
  90%,
  100% {
    transform: rotate(-163deg) translate3d(0, -37px, 0);
  }
}
@keyframes triangle-left {
  0%,
  33% {
    transform: rotate(163deg) translate3d(0, -34px, 0);
  }
  50%,
  88% {
    transform: rotate(163deg) translate3d(0, 0, 0);
  }
  95%,
  100% {
    transform: rotate(163deg) translate3d(0, 38px, 0);
  }
}
@keyframes triangle-last {
  0%,
  87.5% {
    transform: translate3d(-120px, 0, 0);
  }
  91% {
    transform: translate3d(-80px, 0, 0);
  }
  100% {
    transform: translate3d(45px, 0, 0);
  }
}/* End custom CSS */