.footer-container {
padding-top:30px !important
}
.page-id-719 .wpcf7-submit {
	width:100% !important;
	color:white !important;
}
#bgimage {
	  margin: 0 auto;

  background-image: url("https://movieprops.blog/wp-content/uploads/2023/11/138831-pattern-texture-red-black.jpg");
  background-position: bottom;
  background-repeat: repeat;
  background-size: 100%;
  -webkit-background-clip: text; 
   background-clip: text;
  -webkit-text-fill-color: transparent;

}
#float {
  overflow: hidden;
  transform: translateX(-80%);
  animation: moveLeftToRight 4s ease-in-out forwards, float 6s ease-in-out infinite 5s;
}

@keyframes moveLeftToRight {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes float {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(20px);
  }
  50% {
    transform: translateY(-20px);
  }
  75% {
    transform: translateX(-20px);
  }
}

#float1 {
  overflow: hidden;
  transform: translateX(80%);
  animation: moveRightToLeft 4s ease-in-out forwards, float 6s ease-in-out infinite 5s;
}

@keyframes moveRightToLeft {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}


.drone-image {
  animation: dropAndFloat 10s ease-in-out;
}
@keyframes dropAndFloat {
  0% {
    transform: translateY(-100%);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateX(10px); /* Adjust the value as needed */
  }
}
/*Animation*/
.image-wrapper {
  height: 624px;
  position: relative;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  justify-content: space-between;

}


.image-wrapper .left-image {
  position:absolute;
  left: 25%;
  top: 50%;
  transform: translateY(-50%);
  animation-fill-mode: forwards;
  
  -webkit-animation-name: left-animation;
  -webkit-animation-duration: 5s;
} 

.image-wrapper .left-image.load {
  animation-fill-mode: forwards;
  
  -webkit-animation-name: left-load-animation;
  -webkit-animation-duration: 5s;
}

.image-wrapper .left-image.active {
  animation-fill-mode: forwards;
  
  -webkit-animation-name: left-scroll-animation;
  -webkit-animation-duration: 5s;
}

@-webkit-keyframes left-animation {
  0% { 
    opacity: 0;
    left: 299%;
  }
  50%{ 
    opacity: 1;
    left : 28%;
  }

}
@-webkit-keyframes left-load-animation {
  0% { 
    left: 25%;
  }
  50%{ 
    left : 28%;
  }
}
@-webkit-keyframes left-scroll-animation {
  0% { 
    opacity: 1;
    left: 28%;
  }
  100%{ 
    opacity: 0;
    left : -40%;
  }
}
@media only screen and (max-width: 1800px) {
  .image-wrapper .image-block {
    display: inline-block;
    width: 33%;
    position: relative;
    height: 500px;
  }

  .image-wrapper .left-image {
    -webkit-animation-name:small-left-animation;
  }

  .image-wrapper .left-image.load {
    -webkit-animation-name:small-load-left-animation;
  } 

  .image-wrapper .left-image.active {
    -webkit-animation-name: small-left-scroll-animation;
  }
  @-webkit-keyframes small-left-animation {
    0% { 
      opacity: 0;
      left: 25%;
    }
    50%{ 
      opacity: 1;
      left : 38%;
    }
  }

  @-webkit-keyframes small-load-left-animation {
    0% { 
      left: -65%;
    }
    50%{
      left : 38%;
    }
  }
	  @-webkit-keyframes small-left-scroll-animation {
    0% { 
      opacity: 1;
      left: 38%;
    }
    100%{ 
      opacity: 0;
      left : -55%;
    }
  }

 }
@media only screen and (max-width: 768px){ .image-wrapper .left-image {
    left: 15% !important;
    top: 60%;
	}}
fieldset { display:none ; 
}