@charset "utf-8";
/* CSS Document */
@keyframes shrinkBanner {
  0%  {
    background-size: 100% 100%;
  }
  100% {
    background-size: 105% 105%;
  }
}
@keyframes leftAnimBanner {
    from { opacity: 0; transform: translateX(-50px); }
    to { opacity: 1; transform: none;  }
}

@keyframes rightForm {
    from { opacity: 0; transform: translateX(50px); }
    to { opacity: 1; transform: none;  }
}

@keyframes leftAnim {
    from { opacity: 0; transform: translateX(-50px); }
    to { opacity: 1; transform: none;  }
}

@keyframes rightAnim {
    from { opacity: 0; transform: translateX(50px); }
    to { opacity: 1; transform: none;  }
}

@keyframes topAnim {
    from { opacity: 0; top: -20px; }
    to { opacity: 1; top:0px;  }
}

@keyframes botAnim {
    from { opacity: 0; bottom: -50px; }
    to { opacity: 1; bottom:0px;  }
}

@keyframes bannerMainImg {
    from { opacity: 0;   }
    to { opacity: 1;   }
}



@media screen and (max-width: 1199px) {



@keyframes shrinkBanner {
  0%  {
    background-size: 100% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@keyframes leftAnimBanner {
    from { opacity: 1; transform: translateX(0px); }
    to { opacity: 1; transform: none;  }
}

@keyframes rightForm {
    from { opacity: 1; transform: translateX(0px); }
    to { opacity: 1; transform: none;  }
}




@keyframes leftAnim {
    from { opacity: 1; left: 0px; }
    to { opacity: 1; left:0px;  }
}

@keyframes rightAnim {
    from { opacity: 1; right: 0px; }
    to { opacity: 1; right:0px;  }
}

@keyframes topAnim {
    from { opacity: 1; top: 0px; }
    to { opacity: 1; top:0px;  }
}

@keyframes botAnim {
    from { opacity: 1; bottom: 0px; }
    to { opacity: 1; bottom:0px;  }
}

@keyframes bannerMainImg {
    from { opacity: 1;   }
    to { opacity: 1;   }
}

}