/* Custom CSS */
/* Custom CSS */
/* Custom CSS */
/* Custom WOW-animation v 1.1*/

.fadeInRightTemp,
.fadeInLeftTemp,
.fadeInUpTemp,
.fadeInDownTemp,
.fadeInUpOpTemp,
.blurInTemp {
    opacity: 0;
visibility: visible;
    animation-fill-mode: forwards; 
}
.fadeInRightTemp {
    transform: translate3d(10%, 0, 0);
}
.fadeInRight-active {
    animation: fadeInRight-Custom 3s ease-in-out forwards;
    visibility: visible;
}
.fadeInLeftTemp {
    transform: translate3d(-10%, 0, 0);
}
.fadeInLeft-active {
    animation: fadeInLeft-Custom 3s ease-in-out forwards;
    visibility: visible;
}
.fadeInUpTemp {
    transform: translateY(60px);
}
.fadeInUp-active {
    animation: fadeInUp-Custom 3s ease-in-out forwards;
    visibility: visible;
}
.fadeInDownTemp {
    transform: translateY(-60px);
}
.fadeInDown-active {
    animation: fadeInDown-Custom 3s ease-in-out forwards;
    visibility: visible;
}
.fadeInUpOpTemp {
    transform: none;
}
.fadeInUpOp-active {
    animation: fadeInUpOp-Custom 3s ease-in-out forwards;
    visibility: visible;
}
.blurInTemp {
    filter: blur(10px);
    transform: none;
}
.blurIn-active {
    animation: blurIn-Custom 3s ease-in-out forwards;
    visibility: visible;
}
@keyframes fadeInRight-Custom {
    from { opacity: 0; transform: translate3d(10%, 0, 0); }
    to   { opacity: 1; transform: none; }
}
@keyframes fadeInLeft-Custom {
    from { opacity: 0; transform: translate3d(-10%, 0, 0); }
    to   { opacity: 1; transform: none; }
}
@keyframes fadeInUp-Custom {
    from { opacity: 0; transform: translateY(60px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInDown-Custom {
    from { opacity: 0; transform: translateY(-60px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInUpOp-Custom {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@keyframes blurIn-Custom {
    from {
        opacity: 0;
        filter: blur(10px);
    }
    to {
        opacity: 1;
        filter: blur(0);
    }
}
body.elementor-editor-active .fadeInRightTemp,
body.elementor-editor-active .fadeInLeftTemp,
body.elementor-editor-active .fadeInUpTemp,
body.elementor-editor-active .fadeInDownTemp,
body.elementor-editor-active .fadeInUpOpTemp,
body.elementor-editor-active .blurInTemp {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    filter: none !important;
}
.fadein-bg-4 {
    position: relative !important;
    overflow: hidden !important;
}
.fadein-bg-4:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: inherit;
    background-repeat: inherit;
    background-position: inherit;
    background-size: inherit;
    transform: scale(1.1);
    transition: transform 4s;
}
.fadein-bg-4.animated:after {
    transform: scale(1);
}
.fadein-bg-4:before {
    z-index: 1;
}
.background {
  position: relative;
  overflow: hidden;
  
  background-size: cover;
  background-position: center;
  opacity: 0;
  animation: fadeInParts 5s ease forwards;
}
@keyframes fadeInParts {
  0% {
    opacity: 0;
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  }
  20% {
    opacity: 0.4;
    clip-path: polygon(0 0, 100% 0, 0 30%, 0 0);
  }
  40% {
    opacity: 0.6;
    clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);
  }
  60% {
    opacity: 0.8;
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 80%);
  }
  80% {
    opacity: 0.95;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
  100% {
    opacity: 1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}

/* end Custom WOW-animation v 1.1*/