/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 05 2023 | 20:20:42 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 
/* .page.page-id-19 .home-banner:before {
    content: "";
    background: #00A89F;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	height: 974px;
	z-index: 99;
}
.page.page-id-19 .home-banner.remove_bg_teal:before{
	opacity: 0;
	transition: visibility 0s 1.25s, opacity 1.25s linear;
}  */
/* header.elementor-section.elementor-top-section.elementor-element.elementor-element-c550312.main-header.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default
{
	position: absolute;
width: 100%;
height: 100vh;
display: flex;
align-items: center;
flex-wrap: wrap;
} */
/*  .floating-loader-logo {
            position: absolute;
            top: 0 ;
            left: 0 ;
            animation-name: moving-logo-to-left-top;
            animation-duration: 3s;
	 		 opacity: 1;
        } */
        
/*         @keyframes moving-logo-to-left-top {
            /* animate from: center of current view 
            from {
                top: 50vh;
                left: 50vw;
                position: fixed;
                opacity: 1;
            }
            /* animate to: its original position 
            to {
                top: 0px;
                left: 0px;
                /* //position: absolute;  */
/*                 opacity: 0; 
            }
        } */
        .page.page-id-19 section.elementor-section.animation-sec {
	display:none;
    height: 960px;
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
/*     z-index: -1000; */
/*     opacity: 0; */
	z-index: 99999;
/*     animation: fade-in-out 7.2s    ease-in-out forwards; */
/*     animation-iteration-count: 1; */
	max-width: 1920px;
    margin: auto;
}
.page.page-id-19 .section.elementor-section.home-banner {
   z-index: 2000;
   opacity: 0;
}
/*    animation: fade-in-out 0.3s ease-in-out forwards; 
   animation-delay: 6s;
   animation-iteration-count: 1;
}

/* .section.elementor-section.animation-sec {
  z-index: -1000;
  opacity: 0;
  animation: fade-in-img 10s ease-in-out forwards;
  animation-iteration-count: 1;
  stroke-dasharray: 1200;
    stroke-dashoffset: 1200;
} */

.page.page-id-19 .overlay {
  opacity: 0;
  animation: fade-in-out 1.5s ease-in-out forwards;
  animation-delay: 0.5s;
  animation-iteration-count: 1;
}

.page.page-id-19  #outline {
  animation: draw 2.6s ease-in-out forwards;
  animation-delay: 0.5s;
  animation-iteration-count: 1;
}

.page.page-id-19 #davies {
  opacity: 0;
  animation: fade-in-logo 3.6s ease-in-out forwards;
  animation-delay: 0.5s;
  animation-iteration-count: 1;
}

.page.page-id-19 #group {
  opacity: 0;
  animation: fade-in-logo 3.6s ease-in-out forwards;
  animation-delay: 0.5s;
  animation-iteration-count: 1;
}

/* Define the start, mid, and end keyframes for the air & plumbing & commercial icon animations */

@keyframes draw {
  0% {
    stroke-dashoffset: 1200;
  }

  40% {
    stroke-dashoffset: 0;
  }

  80% {
    stroke-dashoffset: 0;
    opacity: 1.0;
  }

  100% {
    stroke-dashoffset: 0;
    opacity: 0;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1.0;
  }
}

@keyframes fade-in-img {
  0% {
    opacity: 0;
    filter: saturate(1);
  }

  15% {
    opacity: 1.0;
    filter: saturate(1);
  }

  30% {
    opacity: 1.0;
    filter: saturate(0.3);
  }

  70% {
    opacity: 1.0;
    filter: saturate(0.3);
  }

  90% {
    opacity: 1.0;
    filter: saturate(1);
  }

  100% {
    opacity: 1.0;
    filter: saturate(1);
  }
}

  @keyframes fade-in-out {
    0% {
      opacity: 0;
    }
  
    25% {
      opacity: 1.0;
    }

    70% {
      opacity: 1.0;
    }

    100% {
      opacity: 0;
    }
}

@keyframes fade-in-logo {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 1.0;
  }

  80% {
    opacity: 1.0;
  }

  100% {
    opacity: 0;
  }
}

/* END LOADING ANIMATION CODE */
/* End */