/* Preloader and preloader shadow css */
@-moz-keyframes preloader {
    17% {
        border-bottom-right-radius: 3px;
    }
    25% {
        -moz-transform: translateY(9px) rotate(22.5deg);
        transform: translateY(9px) rotate(22.5deg);
    }
    50% {
        -moz-transform: scale(1, 0.9) translateY(18px) rotate(45deg);
        transform: scale(1, 0.9) translateY(18px) rotate(45deg);
        border-bottom-right-radius: 40px;
    }
    75% {
        -moz-transform: translateY(9px) rotate(67.5deg);
        transform: translateY(9px) rotate(67.5deg);
    }
    100% {
        -moz-transform: translateY(0) rotate(90deg);
        transform: translateY(0) rotate(90deg);
    }
}
@-webkit-keyframes preloader {
    17% {
        border-bottom-right-radius: 3px;
    }
    25% {
        -webkit-transform: translateY(9px) rotate(22.5deg);
        transform: translateY(9px) rotate(22.5deg);
    }
    50% {
        -webkit-transform: scale(1, 0.9) translateY(18px) rotate(45deg);
        transform: scale(1, 0.9) translateY(18px) rotate(45deg);
        border-bottom-right-radius: 40px;
    }
    75% {
        -webkit-transform: translateY(9px) rotate(67.5deg);
        transform: translateY(9px) rotate(67.5deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(90deg);
        transform: translateY(0) rotate(90deg);
    }
}
@keyframes preloader {
    17% {
        border-bottom-right-radius: 3px;
    }
    25% {
        -moz-transform: translateY(9px) rotate(22.5deg);
        -ms-transform: translateY(9px) rotate(22.5deg);
        -webkit-transform: translateY(9px) rotate(22.5deg);
        transform: translateY(9px) rotate(22.5deg);
    }
    50% {
        -moz-transform: scale(1, 0.9) translateY(18px) rotate(45deg);
        -ms-transform: scale(1, 0.9) translateY(18px) rotate(45deg);
        -webkit-transform: scale(1, 0.9) translateY(18px) rotate(45deg);
        transform: scale(1, 0.9) translateY(18px) rotate(45deg);
        border-bottom-right-radius: 40px;
    }
    75% {
        -moz-transform: translateY(9px) rotate(67.5deg);
        -ms-transform: translateY(9px) rotate(67.5deg);
        -webkit-transform: translateY(9px) rotate(67.5deg);
        transform: translateY(9px) rotate(67.5deg);
    }
    100% {
        -moz-transform: translateY(0) rotate(90deg);
        -ms-transform: translateY(0) rotate(90deg);
        -webkit-transform: translateY(0) rotate(90deg);
        transform: translateY(0) rotate(90deg);
    }
}
@-moz-keyframes preloader-shadow {
    50% {
        -moz-transform: scale(1.2, 1);
        transform: scale(1.2, 1);
    }
}
@-webkit-keyframes preloader-shadow {
    50% {
        -webkit-transform: scale(1.2, 1);
        transform: scale(1.2, 1);
    }
}
@keyframes preloader-shadow {
    50% {
        -moz-transform: scale(1.2, 1);
        -ms-transform: scale(1.2, 1);
        -webkit-transform: scale(1.2, 1);
        transform: scale(1.2, 1);
    }
}

/* Wave animation css */
@-webkit-keyframes move-forever {
    0% {
      -webkit-transform: translate3d(-90px, 0, 0);
              transform: translate3d(-90px, 0, 0); }
    100% {
      -webkit-transform: translate3d(85px, 0, 0);
              transform: translate3d(85px, 0, 0); } }
  
  @keyframes move-forever {
    0% {
      -webkit-transform: translate3d(-90px, 0, 0);
              transform: translate3d(-90px, 0, 0); }
    100% {
      -webkit-transform: translate3d(85px, 0, 0);
              transform: translate3d(85px, 0, 0); } }  


/* title arrow animation */
@-webkit-keyframes lineAnim {
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)}
    25%{
        -webkit-transform:translateX(20%);
        transform:translateX(20%)}
    50%{
        -webkit-transform:translateX(60%);
        transform:translateX(60%)}
    75%{
        -webkit-transform:translateX(20%);
        transform:translateX(20%)}to{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes lineAnim{
  0%{
      -webkit-transform:translateX(0);
      transform:translateX(0)}
  25%{
      -webkit-transform:translateX(20%);
      transform:translateX(20%)}
  50%{
      -webkit-transform:translateX(60%);
      transform:translateX(60%)}
  75%{
      -webkit-transform:translateX(20%);
      transform:translateX(20%)}to{-webkit-transform:translateX(0);transform:translateX(0)}
}
@-webkit-keyframes lineAnimReverse{
  0%{
    -webkit-transform:translateX(0);
    transform:translateX(0)}
  25%{
    -webkit-transform:translateX(-20%);
    transform:translateX(-20%)}
  50%{
    -webkit-transform:translateX(-60%);
    transform:translateX(-60%)}
  75%{
    -webkit-transform:translateX(-20%);
    transform:translateX(-20%)}to{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes lineAnimReverse{
  0%{
    -webkit-transform:translateX(0);
    transform:translateX(0)}
  25%{
    -webkit-transform:translateX(-20%);
    transform:translateX(-20%)}
  50%{
    -webkit-transform:translateX(-60%);
    transform:translateX(-60%)}
  75%{
    -webkit-transform:translateX(-20%);
    transform:translateX(-20%)}to{-webkit-transform:translateX(0);transform:translateX(0)}
}
.dance2 {
  -webkit-animation: dance2 4s alternate infinite;
}

.dance2{
  -webkit-animation:dance2 4s alternate infinite}

  @keyframes dance2{
  0%{
    -webkit-transform:translate3d(0,0,0)}
  50%{
    -webkit-transform:translate3d(15px,-15px,0)}
  100%{
    -webkit-transform:translate3d(0,-15px,15px)}
}
.pulse-border{
    -webkit-animation:pulse-border 1500ms ease-out infinite;}
    @keyframes pulse-border{0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1}100%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:0}}

.industry-box.rotate-clockwise::before{
    animation-name: rotateme;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: rotateme;
    -webkit-animation-duration: 15s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotateme;
    -moz-animation-duration: 15s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: rotateme;
    -ms-animation-duration: 15s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: rotateme;
    -o-animation-duration: 15s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

@keyframes rotateme {
    
    0% {
       transform: rotate(0deg);
       opacity: 1;
     }

   50% {
       transform: rotate(180deg);
     }
   100% {
       transform: rotate(360deg);
       opacity: 1;
     }
}
@-webkit-keyframes rotateme {
    0% {
        -webkit-transform: rotate(0deg);
        opacity: 1;
      }

    50% {
        -webkit-transform: rotate(180deg);
        opacity: 0.7;
      }
    100% {
        -webkit-transform: rotate(360deg);
        opacity: 1;
      }
}
@-moz-keyframes rotateme {
    0% {
        -moz-transform: rotate(0deg);
        opacity: 1;
      }

    50% {
        -moz-transform: rotate(180deg);
        opacity: 0.7;
      }
    100% {
        -moz-transform: rotate(360deg);
        opacity: 1;
      }
}
@-o-keyframes rotateme {
    0% {
        -o-transform: rotate(0deg);
        opacity: 1;
      }

    50% {
        -o-transform: rotate(180deg);
        opacity: 0.7;
      }
    100% {
        -o-transform: rotate(360deg);
        opacity: 1;
      }
}

@-webkit-keyframes rotatemetwo {
    0% {
        -webkit-transform: rotate(0deg);
        opacity: 1;
      }

    50% {
        -webkit-transform: rotate(180deg);
        opacity: 0.7;
      }
    100% {
        -webkit-transform: rotate(360deg);
        opacity: 1;
      }
}
@-moz-keyframes rotatemetwo {
    0% {
        -moz-transform: rotate(0deg);
        opacity: 1;
      }

    50% {
        -moz-transform: rotate(-180deg);
        opacity: 0.7;
      }
    100% {
        -moz-transform: rotate(-360deg);
        opacity: 1;
      }
}
@-o-keyframes rotatemetwo {
    0% {
        -o-transform: rotate(0deg);
        opacity: 1;
      }

    50% {
        -o-transform: rotate(-180deg);
        opacity: 0.7;
      }
    100% {
        -o-transform: rotate(-360deg);
        opacity: 1;
      }
}

@keyframes rotatemetwo {
    
     0% {
        transform: rotate(0deg);
        opacity: 1;
      }

    50% {
        transform: rotate(-180deg);
      }
    100% {
        transform: rotate(-360deg);
        opacity: 1;
      }
}
.rotate-anticlockwise::before{
    animation-name: rotatemetwo; 
    animation-duration: 15s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	
	-webkit-animation-name: rotatemetwo; 
    -webkit-animation-duration: 15s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
	
	-moz-animation-name: rotatemetwo; 
    -moz-animation-duration: 15s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
	
	-ms-animation-name: rotatemetwo; 
    -ms-animation-duration: 15s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
	
	-o-animation-name: rotatemetwo; 
    -o-animation-duration: 15s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}