@charset "utf-8";
/* CSS Document */

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

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

@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 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;   }
}

}