.ad02{animation-delay:0.2s;}
.ad03{animation-delay:0.3s;}
.ad04{animation-delay:0.4s;}
.ad05{animation-delay:0.5s;}
.ad06{animation-delay:0.6s;}
.ad07{animation-delay:0.7s;}
.ad08{animation-delay:0.8s;}
.ad09{animation-delay:0.9s;}
.ad10{animation-delay:1s;}
.ad12{animation-delay:1.2s;}

/*---hover zoom--*/
.hzo:hover{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);}
.hz:hover{animation:h_z 0.8s normal;}
@keyframes h_z{
  0%{transform:scale(1,1);}
  10%{transform:scale(1.1,1.1);}
  20%{transform:scale(0.8,0.8);}
  100%{transform:scale(1,1);}
}
@-webkit-keyframes h_z{
  0%{transform:scale(1,1);}
  10%{transform:scale(1.1,1.1);}
  20%{transform:scale(0.8,0.8);}
  100%{transform:scale(1,1);}
}




/*---dash  line anomation-----*/
@keyframes dashy{
  0% {stroke-dashoffset: 1000;}
  80% {stroke-dashoffset: 0;}
  100% {stroke-dashoffset: -1000;}
}
@-webkit-keyframes dashy{
  0% {stroke-dashoffset: 1000;}
  80% {stroke-dashoffset: 0;}
  100% {stroke-dashoffset: -1000;}
}




/*----title animation----*/
  .title{position:relative;}
  .title:before,
  .title:after{content:'o';color:transparent; height:40px;width:40px;border:5px solid #fff;position:absolute;opacity:0.4}
  .title:before{bottom:-20px;left:-50px;border-right:0;border-top:0;
    -webkit-animation: titleAnim_before 4s infinite;
            animation: titleAnim_before 4s infinite;
  }
  .title:after{top:-20px;right:-50px;border-left:0;border-bottom:0;
    -webkit-animation: titleAnim_after 4s infinite;
            animation: titleAnim_after 4s infinite;
  }
  @keyframes titleAnim_before{
    5% {bottom:-10px;left:-40px;}
    10% {bottom:-20px;left:-50px;}
    15% {bottom:-10px;left:-40px;}
    20% {bottom:-20px;left:-50px;}
  }

  @keyframes titleAnim_after{
    5% {top:-10px;right:-40px;}
    10% {top:-20px;right:-50px;}
    15% {top:-10px;right:-40px;}
    20% {top:-20px;right:-50px;}
  }


/*service img float*/
  @keyframes imgFloat{
    0% {margin:20px 0 0 0;}
    40% {margin:0 0 20px 0;}
    100% {margin:20px 0 0 0;}
  }
  @-webkit-keyframes imgFloat{
    0% {margin:20px 0 0 0;}
    40% {margin:0 0 20px 0;}
    100% {margin:20px 0 0 0;}
  }



/*---slide left from right---*/
  .a_rightleft{position:relative;animation:rightleft 0.2s}
  @keyframes rightleft{from{right:-150px;opacity:0;} to{right:0;opacity:1;}}
  @-webkit-keyframes rightleft{from{right:-150px;opacity:0;} to{right:0;opacity:1;}}
  @-moz-keyframes rightleft{from{right:-150px;opacity:0;} to{right:0;opacity:1;}}




/*----google circular loader---*/
  .loader {position: relative;margin: 0px auto;width: 40px;}
  .loader:before {content: '';display: block;padding-top: 100%;}

  .circular {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    height: 100%;width: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;
  }

  .path {
    stroke-dasharray: 1, 200;stroke-dashoffset: 0;
    -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap:round;
    stroke-width:3px;fill:none;
    r:20;cx:50;cy:50;
  }

  @-webkit-keyframes rotate {  
    100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);stroke:#82c3f5;}
  }
  @keyframes rotate {
    100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);stroke:#82c3f5;}
  }

  @-webkit-keyframes dash {  
   0% {stroke-dasharray: 1, 200;stroke-dashoffset: 0;}
   50% {stroke-dasharray: 89, 200;stroke-dashoffset: -35;}
   100% {stroke-dasharray: 89, 200;stroke-dashoffset: -124;}
  }
  @keyframes dash {  
   0% {stroke-dasharray: 1, 200;stroke-dashoffset: 0;}
   50% {stroke-dasharray: 89, 200;stroke-dashoffset: -35;}
   100% {stroke-dasharray: 89, 200;stroke-dashoffset: -124;}
  }



/*---svg long path icon---*/
@keyframes dashy{
  0% {stroke-dashoffset: 1000;}
  80% {stroke-dashoffset: 0;}
  100% {stroke-dashoffset: -1000;}
}


/*---svg medium path icon---*/
@keyframes fdashy{
  0% {stroke-dashoffset: 800;}
  60% {stroke-dashoffset: 0;}
  80% {stroke-dashoffset: 0;}
  95% {stroke-dashoffset: -800;}
  100% {stroke-dashoffset: -800;}
}
/*---svg path icon---*/


/*hire chair*/
.chair_anim{position:absolute;
  -webkit-animation: chai_anim 4s infinite linear;
            animation: chai_anim 4s infinite linear;
}
  @keyframes chai_anim{
    0% {transform:translateX(0);}
    50% {transform:translateX(-10px);}
    100% {transform:translateX(0);}
  }


/*---hre question---*/
@keyframes hire_ques{
  0%{transform:translate(50px,80px) rotate(10deg);}
  25%{transform:translate(45px,70px) rotate(0deg);}
  50%{transform:translate(40px,80px) rotate(-10deg);}
  75%{transform:translate(45px,70px) rotate(0deg);}
  100%{transform:translate(50px,80px)  rotate(10deg);}
}

/*-----hire characher animation----*/
@keyframes hp_char {
  0%{left:-50%;}
  15%{left:-50%;}
  25%{left:30%;}
  40%{left:30%;}
  50%{left:-50%;}
  65%{left:-50%;}
  75%{left:-130%;}
  90%{left:-130%;}
  100%{left:-50%;}
}
@-webkit-keyframes hp_char {
  0%{left:-50%;}
  15%{left:-50%;}
  25%{left:30%;}
  40%{left:30%;}
  50%{left:-50%;}
  65%{left:-50%;}
  75%{left:-130%;}
  90%{left:-130%;}
  100%{left:-50%;}
}
@keyframes bumble {
  0%{transform:scale(1,1);}
  5%{transform:scale(0.9,0.9);}
  10%{transform:scale(1,1);}
  15%{transform:scale(0.9,0.9);}
  20%{transform:scale(1,1);}
}
@-webkit-keyframes bumble {
  0%{transform:scale(1,1);}
  5%{transform:scale(0.9,0.9);}
  10%{transform:scale(1,1);}
  15%{transform:scale(0.9,0.9);}
  20%{transform:scale(1,1);}
}


/*start of wow*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(150px);
    transform: translateY(150px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}









@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-30deg);
    -ms-transform: perspective(400px) rotateY(-30deg);
    transform: perspective(400px) rotateY(-30deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(20deg);
    -ms-transform: perspective(400px) rotateY(20deg);
    transform: perspective(400px) rotateY(20deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}



@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}




@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

/*end of wow*/



/*----content loading animation---*/
.fbl_warp {
  margin: 30px auto;
  padding: 20px;
  width:90%;
  max-width: 500px;
  height: 640px;
  display: flex;
  flex-direction: column;
}

.fbl_wc {
  display: flex;
  margin-bottom: 30px;
}

@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.animated-background, .fbl_img, .fbl_tl {
  -webkit-animation-duration: 1.25s;
          animation-duration: 1.25s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
          animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  background: #F6F6F6;
  background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);
  background-size: 800px 104px;
  height: 96px;
  position: relative;
}

.fbl_img {
  height: 100px;
  width: 100px;
  border-radius:5px;
}

.wtext {
  margin-left: 20px;
}

.fbl_tl {
  height: 12px;
  width: 230px;
  margin: 8px 0;
}



#fbl_anim{position:fixed;height:100%;top:0;width:100%;transition:0.4s cubic-bezier(.16,.92,.4,.95);background:#fff;}
.in_fbl_anim{z-index:1;left:100%;}
.ac_fbl_anim{z-index:8900;left:0;}

/*----content loading animation---*/



/*---mouse----*/
.mouse {
  display: block;
  margin: 20px auto;
  width: 26px;
  height: 46px;
  border-radius: 13px;
  border: 2px solid #fff;
}
.mouse span {
  display: block;
  margin: 6px auto;
  width: 3px;
  height: 10px;
  border-radius: 5px;
  background: #fff;
  border: 1px solid transparent;

  -webkit-animation: mouse_anim 2s infinite;
  animation:  mouse_anim 2s infinite;
}


@keyframes mouse_anim{0%{opacity:1;transform:translateY(0);}
  100%{opacity:0;transform:translateY(20px);}
}
/*---mouse----*/


/*---bulb----*/
.bulb{position:relative;z-index:90;animation:bulb 10s infinite;margin-top:-100px;
transform-origin:center top;
}
@keyframes bulb{
  0%{transform:rotate(5deg);}
  25%{transform:rotate(-5deg);}
  40%{transform:rotate(5deg);}
  70%{transform:rotate(-5deg);}
  100%{transform:rotate(5deg);}
}



.bl_2{fill:none;stroke:#fbfb57;stroke-width:10;stroke-linecap:round;stroke-miterlimit:10;animation-delay:0.2s;animation-name:budot;animation-duration:2s;animation-iteration-count:infinite;}
@keyframes bl_2{
  0%{stroke-dashoffset:0;}
  80%{stroke-dashoffset:100;}
  100%{stroke-dashoffset:100;}
}


.bl_3{fill:none;stroke:#f00;stroke-width:10;stroke-linecap:round;stroke-miterlimit:10;animation:bl_3 10s infinite  alternate;}
@keyframes bl_3{
  0%{stroke-dashoffset:0;stroke:#f9db1c;}
  80%{stroke-dashoffset:150;stroke:#fffac9;}
  100%{stroke-dashoffset:150;stroke:#f9db1c;}
}



.bdot_h circle:nth-child(1),
.bdot_h circle:nth-child(8){animation-delay:0.2s;animation-name:budot;animation-duration:2s;animation-iteration-count:infinite;}
.bdot_h circle:nth-child(2),
.bdot_h circle:nth-child(9){animation-delay:0.3s;animation-name:budot;animation-duration:2s;animation-iteration-count:infinite;}
.bdot_h circle:nth-child(3),
.bdot_h circle:nth-child(10){animation-delay:0.6s;animation-name:budot;animation-duration:3s;animation-iteration-count:infinite;}
.bdot_h circle:nth-child(4),
.bdot_h circle:nth-child(11){animation-delay:0.7s;animation-name:budot;animation-duration:3s;animation-iteration-count:infinite;fill:#fff194;}

.bdot_h circle:nth-child(5){animation-delay:1s;animation-name:budot;animation-duration:10s;animation-iteration-count:infinite;fill:#fccfac;}

.bdot_h circle:nth-child(6){animation-delay:1.2s;animation-name:budot;animation-duration:3s;animation-iteration-count:infinite;fill:#edfcac;}

.bdot_h circle:nth-child(7){animation-delay:0.8s;animation-name:budot;animation-duration:2s;animation-iteration-count:infinite;fill:#ffb218;}

@keyframes budot {
  0%{opacity:0;}
  3%{opacity:1;}
  80%{opacity:1;}
  83%{opacity:0;}
  100%{opacity:0;}
}

.bulbm{fill:#fff78c;}


.bglow{animation:bglow 10s infinite;}
@keyframes bglow {
  0%{opacity:1;}
  30%{opacity:0;}
  50%{opacity:1;}
  70%{opacity:0;}
  100%{opacity:1;}
}

@media screen and (max-width:900px){
  .bulb{margin-top:-57px;}
}
@media screen and (max-width:600px){
  .faq1{margin-top:-60px;padding:0 150px 0 40px;overflow:hidden;}
  .bulb{margin-top:-100px;}
}
/*---bulb----*/


/*---number ticker , we are amazing----*/



@keyframes ntdashy{
  0% {stroke-dashoffset: 500;stroke:#5b0825;}
  50% {stroke-dashoffset: 0;}
  60% {stroke-dashoffset: 0;stroke:#ff6682;}
  90% {stroke-dashoffset: -500;stroke:#5b0825;}
  100% {stroke-dashoffset: -500;stroke:#5b0825;}
}

@keyframes ntsvg{
  0% {stroke-dashoffset: 1500;stroke:#5b0825;}
  15% {stroke-dashoffset: 1000;}
  50% {stroke-dashoffset: 0;}
  60% {stroke-dashoffset: 0;stroke:#ff6682;}
  75% {stroke-dashoffset: -1000;}
  90% {stroke-dashoffset: -1500;stroke:#5b0825;}
  100% {stroke-dashoffset: -1500;stroke:#5b0825;}
}



@keyframes nt_bump{
  0% {transform:scale(0.5);opacity:0;}
  15% {transform:scale(0.5);opacity:1;}
  50% {transform:scale(1);}
  52% {transform:scale(0.9);}
  54% {transform:scale(1.1);}
  56% {transform:scale(0.9);}
  58% {transform:scale(1.1);}
  60% {transform:scale(0.9);}
  62% {transform:scale(1);}
  75% {transform:scale(0.8);}
  90% {transform:scale(0.8);opacity:1;}
  100% {transform:scale(0.5);opacity:0;}
}
/*---number ticker----*/


/*---cta button shadow----*/
.spulse{box-shadow:0 0 0 10px #8d0a27;
  animation:spulse 3s infinite;
  -webkit-animation:spulse 3s infinite;
  -moz-animation:spulse 3s infinite;}
.spulse:hover{animation:none;}

@-webkit-keyframes spulse{
  0%{-webkit-box-shadow:0 0 0 0 #8d0a27;}
  60%{-webkit-box-shadow:0 0 0 15px rgba(0,204,255,0);}
  100%{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);}
}
@keyframes spulse{
  0%{box-shadow:0 0 0 0 #8d0a27;}
  60%{box-shadow:0 0 0 15px rgba(0,204,255,0);}
  100%{box-shadow:0 0 0 0 rgba(0,0,0,0);}
}
/*---cta button shadow----*/