
.allindiabazar-logo{
  top: 11%;
  width: 62%;
  left: 22.5%;
  opacity: 0;
  z-index: 9;
  animation: allindiabazar-logo-animation  1s 5s linear forwards,
  allindiabazaar-red-logo  1s 7s linear forwards,
  allindiabazaar-red-logo-small  1s 10s linear forwards;
}
@-webkit-keyframes allindiabazar-logo-animation {
  0% {
    opacity: 1;  
    left:0%;
  }
  100% {
    opacity:1;
   width: 62%;
   left: 22.5%;
  }
}
@-webkit-keyframes allindiabazaar-red-logo {
  0%{
    opacity: 1;  
    width: 62%;
  }
  25%{
  opacity: 0.75;
    width: 42%;
  }
  50%{
opacity: 0.50;
  width:32% ;
  }
  75%{
opacity: 0.25;
width: 22%;
  }
100%{
    left: 84%;
    width: 12%;
    opacity: 1;
  }

} 
@-webkit-keyframes allindiabazaar-red-logo-small {
  0%{
    opacity: 1;  
   
  }
  25%{
  opacity: 0.75;
    
  }
  50%{
opacity: 0.50;
 
  }
  75%{
opacity: 0.25;
  }
100%{
    opacity: 0;
  }
}
.top-sky-img{
  top: 14%;
  width: 18%;
  left: 45%;
  animation: top-sky-img 1s 5s linear forwards;
}
@-webkit-keyframes top-sky-img {
  from {
    opacity: 1;  
    left:0;
  }
  to {
    opacity: 1;
  left: 86%;
  width: 11%;
  top: 11%;
  }
}
/* allindiabazar-start */
.allindiabazaar-left-img{
  top: 20%;
width: 9%;
left: 5%;
z-index: 9;
opacity: 0;
animation:allindiabazaar-left-img 1s 7s linear forwards,
safewebkey-left-img 1s 10s linear forwards;
}
@-webkit-keyframes allindiabazaar-left-img {
  from {
    opacity: 0; 
    transform: rotateY(45deg); 
  }
  to {
    opacity: 1;
    transform:rotateY(0deg);
  }
}
@-webkit-keyframes safewebkey-left-img{
  0%{
    width: 9%;
    opacity: 0;
  }
  25%{
    opacity: 0.25;
  }
  50%{
    opacity: 0.50;
  }
  75%{
    opacity: 0.75;
  }
  100%{
    width: 6.5%;
opacity: 1;
top: 33%;
left: 12%;
  }
}
.allindiabazaar-house-img{
  top: 52%;
  width: 15%;
  left: 11%;
  z-index: 7;
  opacity: 0;
  animation:allindiabazaar-house-img 1s 7s linear forwards,
  safewebkey-house-img 1s 10s linear forwards;
}
@-webkit-keyframes allindiabazaar-house-img {
  from {
    opacity: 0; 
    transform: rotateY(45deg); 
  }
  to {
    opacity: 1;
    transform:rotateY(0deg);
  }
}
@-webkit-keyframes safewebkey-house-img{
  0%{
    width: 9%;
    opacity: 0;
  }
  25%{
    opacity: 0.25;
  }
  50%{
    opacity: 0.50;
  }
  75%{
    opacity: 0.75;
  }
  100%{
    width: 10%;
opacity: 1;
top: 57.2%;
left: 17%;
  }
}
.allindiabazaar-building-two{
  top: 20%;
width: 9%;
left: 24%;
opacity: 0;
z-index: 6;
animation:allindiabazaar-building-two 1s 7s linear forwards,
safewebkey-building-two 1s 10s linear forwards;
}
@-webkit-keyframes allindiabazaar-building-two {
  from {
    opacity: 0; 
    transform: rotateY(45deg); 
  }
  to {
    opacity: 1;
    transform:rotateY(0deg);
  }
}
  @-webkit-keyframes safewebkey-building-two{
    0%{
      width: 9%;
      opacity: 0;
    }
    25%{
      opacity: 0.25;
    }
    50%{
      opacity: 0.50;
    }
    75%{
      opacity: 0.75;
    }
    100%{
      width: 6.5%;
    opacity: 1;
   top: 33%;
    left: 26%;
    }
  }

.allindiabazaar-building-three{
  top: 20%;
  width: 9%;
  left: 34%;
  z-index: 2;
  opacity: 0;
  animation:allindiabazaar-building-three 1s 7s linear forwards,
  safewebkey-building-three 1s 10s linear forwards;
}
@-webkit-keyframes allindiabazaar-building-three {
  from {
    opacity: 0; 
    transform: rotateY(45deg); 
  }
  to {
    opacity: 1;
    transform:rotateY(0deg);
  }
}
@-webkit-keyframes safewebkey-building-three{
  0%{
    width: 9%;
    opacity: 0;
  }
  25%{
    opacity: 0.25;
  }
  50%{
    opacity: 0.50;
  }
  75%{
    opacity: 0.75;
  }
  100%{
    width: 6.5%;
  opacity: 1;
 top: 33%;
  left: 34%;
  }
}
.allindiabazaar-location-one{
  top: 34%;
  width: 12%;
  left: 42%;
  opacity: 0;
  z-index: 1;  
  animation:allindiabazaar-location-one 1s 7s linear forwards,
  safewebkey-location-one 1s 10s linear forwards;
}
@-webkit-keyframes allindiabazaar-location-one {
  from {
    opacity: 0; 
    transform: rotateY(45deg); 
  }
  to {
    opacity: 1;
    transform:rotateY(0deg);
  }
}
@-webkit-keyframes safewebkey-location-one {
0%{
    width: 9%;
    opacity: 0;
  }
  25%{
    opacity: 0.25;
  }
  50%{
    opacity: 0.50;
  }
  75%{
    opacity: 0.75;
  }
  100%{
    width: 8.5%;
    opacity: 1;
    top: 43.5%;
    left: 40%;
  }
}
.allindiabazaar-small-building{
  top: 30%;
width: 7%;
left: 53%;
z-index: 3;
opacity: 0;
animation:allindiabazaar-small-building 1s 7s linear forwards,
safewebkey-small-building 1s 10s linear forwards;
}
@-webkit-keyframes allindiabazaar-small-building{
  from {
    opacity: 0; 
    transform: rotateY(45deg); 
  }
  to {
    opacity: 1;
    transform:rotateY(0deg);
  }
}
@-webkit-keyframes safewebkey-small-building {
  0%{
      width: 9%;
      opacity: 0;
    }
  25%{
      opacity: 0.25;
    }
  50%{
      opacity: 0.50;
    }
    75%{
    opacity: 0.75;
  }
  100%{
    width: 5.5%;
    opacity: 1;
    top: 37.5%;
    left: 48%;
    }
  }
.allindiabazaar-location-sec{
  top: 34%;
  width: 12%;
  left: 59%;
  z-index: 2; 
  opacity: 0;
  animation:allindiabazaar-location-sec 1s 7s linear forwards,
  safewebkey-location-sec 1s 10s linear forwards;
}
@-webkit-keyframes allindiabazaar-location-sec {
  from {
    opacity: 0; 
    transform: rotateY(45deg); 
  }
  to {
    opacity: 1;
    transform:rotateY(0deg);
  }
}

@-webkit-keyframes safewebkey-location-sec {
  0%{
      width: 9%;
      opacity: 0;
    }
  25%{
      opacity: 0.25;
    }
  50%{
      opacity: 0.50;
    }
    75%{
    opacity: 0.75;
  }
  100%{
    width: 8.5%;
    opacity: 1;
    top: 43.5%;
    left: 53%;
    }
  }
.allindiabazaar-building-four{
  top: 20%;
  width: 9%;
  left: 70%;
  z-index: 1;
  opacity: 0;
  animation:allindiabazaar-building-four 1s 7s linear forwards,
  safewebkey-building-four 1s 10s linear forwards;
}
@-webkit-keyframes allindiabazaar-building-four {
  from {
    opacity: 0; 
    transform: rotateY(45deg); 
  }
  to {
    opacity: 1;
    transform:rotateY(0deg);
  }
}
@-webkit-keyframes safewebkey-building-four{
  0%{
    width: 9%;
    opacity: 0;
  }
  25%{
    opacity: 0.25;
  }
  50%{
    opacity: 0.50;
  }
  75%{
    opacity: 0.75;
  }
  100%{
    width: 6.5%;
  opacity: 1;
 top: 33%;
  left: 62%;
  }
}
.allindiabazaar-building-e{
  top: 20%;
  width: 14%;
  left: 81%;
  z-index: 1;
  opacity: 0;
  animation:allindiabazaar-building-e 1s 7s linear forwards,
    safewebkey-building-e 1s 10s linear forwards;
}
@-webkit-keyframes allindiabazaar-building-e {
  from {
    opacity: 0; 
    transform: rotateY(45deg); 
  }
  to {
    opacity: 1;
    transform:rotateY(0deg);
  }
}
@-webkit-keyframes safewebkey-building-e{
  0%{
    width: 9%;
    opacity: 0;
  }
  25%{
    opacity: 0.25;
  }
  50%{
    opacity: 0.50;
  }
  75%{
    opacity: 0.75;
  }
  100%{
    width: 10.5%;
  opacity: 1;
 top: 32%;
  left: 72%;
  }
}
.allindiabazaar-red-man{
  width: 42%;
bottom: 12%;
z-index: 10;
left: 7%;
opacity: 0;
animation:allindiabazaar-red-man 1s 7s linear forwards,
safewebkey-red-man 1s 10s linear forwards;
}
@-webkit-keyframes allindiabazaar-red-man {
  from {
    opacity: 0; 
    bottom: 0%;
    
  }
  to {
    opacity: 1;
    bottom: 12%;
  }
}
@-webkit-keyframes safewebkey-red-man{
  0%{
    width: 42%;
    opacity: 1;
  }
  25%{
    opacity: 0.75;
    width: 44%;
  }
  50%{
    opacity: 0.50;
    width: 46%;
  }
  75%{
    
    opacity: 0.25;
    width:48%;
  }
  100%{
    opacity: 0;
    width: 50%;
  }
}
.allindiabazaar-red-right-man{
  width: 47%;
  bottom: 12%;
  z-index: 10;
  left: 51%;
  opacity: 0;
  animation:allindiabazaar-red-right-man 1s 7s linear forwards,
  safewebkey-red-right-man 1s 10s linear forwards;
}
@-webkit-keyframes allindiabazaar-red-right-man {
  from {
    opacity: 0; 
    bottom: 0%;
    transform: rotateY(0deg);
  }
  to {
    opacity: 1;
    bottom: 12%;
    transform: rotateY(24deg);
  }
}
@-webkit-keyframes safewebkey-red-right-man{
  0%{
    width: 47%;
    opacity: 1;
  }
  25%{
    opacity: 0.75;
    width: 49%;
  }
  50%{
    opacity: 0.50;
    width: 51%;
  }
  75%{
    opacity: 0.25;
    width:53%;
  }
  100%{
    opacity: 0;
    width: 55%;
    left: 45%;
  }
}
