@media only screen and (min-width:1921px) { }
@media only screen and (min-width:1200px) {

    /*header-menu*/
    .navmenu > ul > li:hover > ul, .navmenu > ul > li > ul li:hover > ul { display: inline-block; }
    .navmenu > ul > li  ul { position: absolute; top: 90%; min-width: 320px; background-color: #fff; margin-left: 0px; display: none; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2); padding: 10px 0px; }
    .navmenu > ul > li > ul  li { position: relative; line-height: 1.1; padding: 0px 15px; }
    .navmenu > ul > li > ul  li a { position: relative; line-height: 1.1; padding: 10px 0px; display: block; border-bottom: 1px solid #DDDDDD; text-transform: uppercase; }
    .navmenu > ul > li > ul  li a { font-size: 14px; text-transform: uppercase; font-weight: 600; letter-spacing: 0.3px; }
    .navmenu > ul > li ul li ul { top: 0px; left: 100%; z-index: 1; }
    .navmenu > ul > li > ul  li  a:hover, .navmenu > ul > li  ul  li.current-menu-item > a { color: #39B54A; }
    .navmenu > ul > li.menu-item-has-children > a::before { content: ''; background: url(../images/menu-arrow-normal.svg) no-repeat center; width: 20px; height: 20px; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); }
    .navmenu > ul > li.menu-item-has-children > a { position: relative; padding-right: 23px; }
    .navmenu > ul > li.menu-item-has-children > a:hover::before, .navmenu > ul > li.current-menu-item.menu-item-has-children > a::before, .navmenu>ul>li:hover>a:before, header.mainheader .navmenu > ul > li.current-menu-parent > a::before { background: url(../images/menu-arrow-active.svg) no-repeat center; }
    .navmenu > ul > li > ul li:last-child a { border-bottom: navajowhite; }
    .btn-theme:hover::after { transform: translate(3px, -3px); }
    .btn-theme.white:hover, .btn-theme-submit.white input[type="submit"]:hover { background-color: transparent; border-color: #fff; }
    .navmenu > ul > li.menu-item-has-children > a { position: relative; padding-right: 23px; }
    .btn-theme:hover { color: #fff; background-color: #2E3192; }

/*header-menu-end*/ }
@media only screen and (min-width:1650px) {
    .container { max-width: 1536px; }
}
@media only screen and (max-width:1720px) {
    .plr-100 { padding-left: 50px; padding-right: 50px; }
    .p-right-top-25 { top: 22%; }
    .hm-banner .v200 { width: 120px; }
    .ca-sidebar .offcanvas-body { padding: 50px 50px 50px 50px; }
    .footer-number, .footer-email { gap: 15px; width: 100%; }
    .footer-emailnumber-wrap { flex-wrap: wrap; }
    .footer-emailnumber-wrap > div + div { margin: 20px 0px 0px 0px; }
    .footer-address.mb-30 { margin-bottom: 20px; }
}
@media only screen and (max-width:1650px) {
    h1, h2, .th1, .th2 { font-size: 60px; letter-spacing: -1.5px; }
    h3, .th3, .single-content h1, .single-content h2, .t50 { font-size: 36px; }
    h5, .th5, .single-content h4 { font-size: 24px; }
    h6, .single-content h5 { font-size: 22px; }
    h4, .th4, .single-content h3 { font-size: 26px; }
    .single-content h1, .single-content h2, .single-content h3, h3, .single-content h4, .th3, h4, .th4, .single-content h5, h5, .th5, .single-content h6, h6, .th6, .t50 { letter-spacing: -0.7px; }
    .mb-250 { margin-bottom: 200px; }
    .hm-infinitelogo { padding: 50px 0px; }
    .hm-infinitelogo-items img { padding: 0px 40px; text-align: center; }
    .pt-150 { padding-top: 120px; }
    .pb-150 { padding-bottom: 120px; }
    .mb-150 { margin-bottom: 120px; }
    .t40 { font-size: 30px; letter-spacing: -0.5px; }
    .ptb-300 { padding-top: 250px; padding-bottom: 250px; }
    .ptb-250 { padding-top: 180px; padding-bottom: 180px; }
    .mb-100 { margin-bottom: 80px; }
    .hm-abtaivra-item-vector { padding-bottom: 30px; }
    .horizontawrapper { padding-left: calc((100% - 1290px)  / 2); padding-right: calc((100% - 1290px)  / 2); }
    .horizontalcontent { min-width: 420px; }
    .hm-tabsectionrow .tab-nav-custom li { padding: 20px; }
    .specialties-title { padding: 50px 30px 30px 30px; border-radius: 0px 0px 20px 20px; }
    .horizontalcontent-num { padding: 30px 30px; }
    .v950 { max-width: 700px; }
    .v750 { max-width: 600px; }
    .testimonislider-item-content { padding-bottom: 30px; margin-bottom: 30px; }
    .mt-250 { margin-top: 200px; }
    .vectoParallax { width: 100px; }
    .ca-sidebar .v250 { max-width: 120px; }
    .blognavibtn { margin-top: 50px; }
    .sol-item-box-content-wrap .v70 { max-width: 40px; }
    .hm-banner-title h1 { letter-spacing: -2px; }
}
@media only screen and (max-width:1440px) {
    .form-group { margin-bottom: 20px; }
    .v200 { max-width: 140px; }
    .hm-infinitesolutions.mt-50 { margin-top: 20px; }
    .hm-excellence-slide { margin: 0px 12px; padding: 20px 10px; }
    .hm-excellence { padding: 0px 90px; }
    .hm-excellence-slide img { max-width: 135px; }
    .navmenu>ul { gap: 20px; }
    .btn-theme { padding: 12px 14px; gap: 10px; align-items: center; letter-spacing: 0.3px; }
    .horizontawrapper { padding-left: calc((100% - 1112px)  / 2); padding-right: calc((100% - 1112px)  / 2); }
    .horizontalcontent { min-width: 350px; }
    .social ul li a { width: 40px; height: 40px; }
    .footer-logo { max-width: 80%; margin: 0px auto; }
    header .logo { padding: 25px 0px; }
    .hm-banner { margin-top: 100px; height: calc(100vh - 100px); }
    .btn-theme-submit input[type="submit"] { padding: 12px 35px 12px 20px; }
    .btn-theme-submit:after { height: 10px; top: 17px; width: 10px; right: 17px; background-size: 10px; }
    .padding40 { padding: 20px; }
    .mb-70 { margin-bottom: 50px; }
    .arrow-previous::before, .arrow-next::before, .arrow-next:hover::before, .arrow-previous:hover::before { background-size: 15px; }
    .paginav a, .paginav span { width: 40px; height: 40px; line-height: 40px; }
    .cscatagoryrow ul a { padding: 8px 16px; }
    .cscatagoryrow ul li { margin: 0px 8px; }
    .box-btn { width: 40px; height: 40px; }
    .box-btn:after, .box-btn:hover:after { background-size: 15px; }
    .padding-40 { padding: 25px; }
    .singlecentercontentrow { padding: 50px 0px 50px; }
    .sol-item-box-content-wrap  .bottom-right { bottom: -25px; right: -25px; }
    .fne-item-content { bottom: 80px; }
    .grayboxcol { padding: 25px 25px; }
    .teamsectionrow { padding-left: 100px; padding-right: 100px; }
    .hm-banner-title { margin-bottom: 20px; }
}
@media only screen and (max-width:1366px) {
    .footer-bottom .row { justify-content: space-between; }
    .copyright { text-align: right; }
    .navmenu > ul > li > a { font-size: 15px; letter-spacing: 0px; }
    .teamtitle { padding: 30px; }
}
@media only screen and (max-width:1280px) { }
@media only screen and (max-width:1199px) {
    a.btn-theme:hover { color: unset; }

    /*header-menu*/
    .navarrow { display: inline-block; vertical-align: top; position: relative; width: 13px; height: 10px; }
    .navarrow::before { content: ''; width: 13px; height: 10px; display: inline-block; transition: all 0.2s ease; vertical-align: top; position: absolute; background: url(../images/menu-arrow-mobile.svg) no-repeat; background-position: left center; left: 0px; background-size: 13px; }
    .navarup::before { transform: rotate(180deg); }
    .navbartoggle, .closebtn { display: inline-flex; line-height: 1; }
    .black-overlay { z-index: 50; background-color: rgba(0, 0, 0, 0.5); content: ''; position: fixed; right: 0px; height: 100%; width: 100%; top: 0px; display: none; }
    .navmenu { overflow: auto; border-radius: 0px; z-index: 50; position: fixed; overflow: auto; height: 100%; width: 50%; background: #2E3192; right: -100%; top: 0px; -webkit-transition: right 0.9s; -o-transition: right 0.9s; transition: right 0.9s; -webkit-box-shadow: 3px 10px 15px rgba(0, 0, 0, 0.2); box-shadow: 3px 10px 15px rgba(0, 0, 0, 0.2); flex-wrap: wrap; align-items: flex-start; flex-direction: column; }
    .navmenu.slide { right: 0px; }
    .navicon { width: 18px; display: inline-block; vertical-align: middle; line-height: 1; position: relative; }
    .icnline { background-color: #2E3192; width: 100%; height: 2px; line-height: 1; display: block; margin: 6px 0px; }
    .navicon { width: 18px; display: inline-block; vertical-align: middle; line-height: 1; position: relative; }
    .navicon::before, .navicon::after { content: ''; position: absolute; background-color: #2E3192; width: 100%; height: 2px; left: 0px; }
    .navicon::before { top: 0px; }
    .navicon::after { bottom: 0px; }
    .navmenu > ul { padding: 50px 15px 0px 30px; margin-right: 0px; display: inline-block; vertical-align: top; width: 100%; }
    .navmenu>ul>li { margin: 0px 0px 20px; }
    .navmenu>ul>li a { font-size: 20px; color: #fff; padding: 0px; letter-spacing: 0px; }
    .navmenu > ul  li  ul { position: relative; margin-left: 0px; background-color: transparent; padding: 20px 0px 0px 30px; box-shadow: none; }
    .navmenu > ul > li  ul  li  a { font-size: 18px; color: #ffffff; }
    .navmenu > ul li ul li ul { padding: 20px 0px 20px 20px }
    .navmenu > ul li ul li ul li { position: relative; }
    .navmenu > ul li ul li { position: relative; margin: 8px 0px; }
    .navmenu>ul>li:last-child, .navmenu > ul li ul li:last-child { margin-bottom: 0px; }
    .navmenu > ul li ul li:first-child { margin-top: 0px; }
    .show-desktop { display: none; }
    .show-mobile { display: block; }
    header .logo { max-width: 120px; }
    header .logo { padding: 20px 0px; }
    .hm-banner { margin-top: 78px; height: auto; }
    .plr-100 { padding-left: 30px; padding-right: 30px; }
    .br20, .single-content img { border-radius: 15px; }
    .hm-tabsectionrow .tab-nav-custom li { border-top-left-radius: 15px; border-bottom-right-radius: 15px; }
    .hm-banner .vector { display: none; }
    .hm-banner-bottom { flex-wrap: wrap; }
    .hm-banner-bottom { flex-wrap: wrap; }
    .hm-banner-bottom h4 { width: 100%; }
    .hm-banner-bottom a { margin-top: 20px; }
    .infinitesolutions-items img { margin: 0px 20px; }
    h1, h2, .th1, .th2 { font-size: 40px; letter-spacing: -1px; }
    .hm-banner-content h1, .hm-banner-content h2 { border: navajowhite; padding-bottom: 0px; margin-bottom: 15px; }
    body { font-size: 18px; letter-spacing: -0.1px; }
    .ptb-250, .ptb-300 { padding-top: 80px; padding-bottom: 80px; }
    .t40 { font-size: 24px; letter-spacing: -0.3px; }
    .mb-50 { margin-bottom: 30px; }
    .mb-100 { margin-bottom: 50px; }
    .v950 { max-width: 450px; }
    .v750 { max-width: 350px; }
    .v200 { max-width: 100px; }
    .mb-150 { margin-bottom: 80px; }
    .hm-abtaivra-item-vector img { max-width: 70px; }
    .hm-abtaivra-item-vector { padding-bottom: 20px; margin-bottom: 10px; }
    .vectoParallax { display: none; }
    .mb-250 { margin-bottom: 100px; }
    .section-title .title-text { margin-left: 15px; }
    h5, .th5, .single-content h4 { font-size: 22px; }
    h6, .single-content h5 { font-size: 20px; }
    .hm-tabsectionrow .tab-nav-custom li { margin-bottom: 10px; }
    .hm-tabsectionrow .tab-nav-custom li { padding: 15px 15px; }
    .hm-tabsectionrow .hm-tab-left { padding-top: 0px; padding-right: 10px; }
    .v150 { max-width: 75px; }
    .hm-excellence { padding: 0px 0px; }
    .hm-excellence-slide img { max-width: 115px; }
    .mb-30 { margin-bottom: 20px; }
    .hm-excellence-slider .slick-dots { text-align: center; bottom: -30px; }
    h3, .th3, .single-content h1, .single-content h2, .t50 { font-size: 30px; letter-spacing: -1px; }
    .mt-50 { margin-top: 30px; }
    .casestudies-item { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd; }
    .h-spacer { display: none; }
    .horizontawrapper { padding-left: 35px; padding-right: 35px; padding-bottom: 20px; }
    .hm-specialties  .slick-dots { bottom: -10px; left: 50px; }
    .specialties-title { border-radius: 0px 0px 15px 15px; }
    .stickymainwrapper { display: inline-block; vertical-align: top; }
    .horizontalcontent { min-width: inherit; margin: 0px; padding: 0px 12px; }
    .horizontawrapper, .stickyhrwrapper { display: block; position: relative; top: 0px; }
    .qouteicon { max-width: 120px; left: 26.5%; top: -40px; }
    .box-btn:after, .slick-next, .slick-prev { background-size: 15px; }
    .box-btn, .slick-arrow { width: 35px; height: 35px; }
    .hm-testmonislider .slick-prev { right: 45px; }
    .testimonislider-item-img img { max-width: 150px; }
    .qouteicon { max-width: 70px; left: 29%; top: -25px; }
    .hm-infinitelogo-items img { padding: 0px 20px; text-align: center; }
    .hm-infinitelogo { padding: 30px 0px; }
    .hm-infinitelogo-items img { max-width: 150px; object-fit: contain; }
    .footer-emailnumber-wrap { margin-bottom: 30px; }
    .copyright { text-align: left; }
    .pb-150 { padding-bottom: 70px; }
    .footer-logo { max-width: 50%; }
    .pt-150 { padding-top: 70px; }
    .hm-abtaivra-vector img { max-width: 150px; }
    .mt-250 { margin-top: 120px; }
    .stickyshapecontent { clip-path: inherit; }
    .form-control { padding: 10px 20px 10px; font-size: 16px; }
    .show-ipad { display: block; }
    .workwithus-box-wrap { margin-bottom: 24px; }
    .accordion-button { padding: 20px 30px; }
    .accordion-body { padding: 0px 30px 30px; }
    .accordion-button::after { background-size: 18px; }
    .cscatagoryrow ul { overflow-x: auto; white-space: nowrap; justify-content: start; }
    .paginav { margin-top: 50px; }
    .fcs-item-content { padding: 40px; }
    .singlecentercontentrow { padding: 0px; }
    .img-first > .row > div:last-child  .row { flex-direction: row-reverse; }
    .content-first > .row > div:first-child .row { flex-direction: unset !important; }
    .sameheight { height: auto !important; }

    /*.singlecentercontentrow a.btn-theme.mt-20 { margin-top: 0px; }*/
    .paginav.mt-50 { margin-top: 20px; }
    .news-event-single-img { height: auto; }
    .boxbtn:after { width: 15px; height: 15px; }
    .newseventthumbimg span.boxbtn { top: 20px; right: 20px; opacity: 1; height: 35px; width: 35px; }
    .firstclippath, .imgrightclip, .imgleftclip { clip-path: unset; }
    .teamsectionrow { padding-left: 0px; padding-right: 0px; }
    .teamsectionrow ul.slick-dots { text-align: center; bottom: -40px; }
    .hm-unified-box { padding: 25px 0px; }
    .teamtitle { position: static; background: #2E3192; }
    .temathumb:hover::before { background: transparent; height: auto; }
    .teamcontenthover { display: none; }
    .cnthover { margin-top: 0px; }
    .cnthover { display: inline-block; margin-top: 0px; }
    .temathumb::before { display: none; }
    .about-banner-wrap { margin-left: 20px; margin-right: 20px; }
    .visionrow, .visionrow .container { height: 50vh; }
    .v100 { width: 60px; }
    .titlesbtnrowdiv { padding: 60px 20px; }
    .modal-body { padding: 50px; }
    .hm-banner-title h1 { letter-spacing: -1px; }
    .ca-sidebar.offcanvas.offcanvas-end { width: 100%; background: #2E3192; }
    .uploadBox label { padding: 10px 20px; }
    .hm-banner-conrtent-sec { padding: 30px 0px; margin-top: 30px; }

/*header-menu-end*/ }
@media only screen and (max-width:992px) {
    .md-mb-30 { margin-bottom: 30px; }
    .md-mb-20 { margin-bottom: 20px; }

    /*header-menu*/
    .navmenu { width: 60%; }
    .hm-tabsectiontop .section-title, .hm-casestudies .section-title { margin-bottom: 20px; }
    .mb-100 { margin-bottom: 40px; }
    .casestudies-thumb { margin-bottom: 20px; }
    .casestudies-title { margin-bottom: 20px; }
    .qouteicon { display: none; }
    .hm-testmonisliderow-top.mb-150 { margin-bottom: 30px; }
    .testimonislider-item-content { padding-bottom: 20px; margin-bottom: 20px; }
    .testimonislider-item-img { margin-bottom: 20px; }
    .footer-logo { max-width: 75%; }
    .all-casestudies-btn { text-align: left; }
    .mobilebtn { display: block; }
    .desktopbtn { display: none; }
    .imgcontentrow h3 br { display: none; }
    .mb-30-992 { margin-bottom: 30px; }
    .fne-item-content { bottom: 60px; }
    .news-event-item.fadeUp.mb-30-992:last-child { margin-bottom: 0px; }
    .pagenotfound { max-width: 400px; }
.supportrow-title .mb-50 {
    margin-bottom: 20px;
}
/*header-menu-end*/ }
@media only screen and (max-width:767px) {

    /*header-menu*/
    .navmenu { width: 100%; }
    header .logo { max-width: 100px; }
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding: 0px 20px }
    .plr-100 { padding-left: 0px; padding-right: 0px; }
    .hm-banner-img.br20 { border-radius: 0px; background-color: #2E3192; }
    .hm-banner { margin-top: 72px; height: calc(60vh - 72px); }
    h1, h2, .th1, .th2 { font-size: 28px; letter-spacing: -0.5px; }
    .single-content h1, .single-content h2, .single-content h3, h3, .single-content h4, .th3, h4, .th4, .single-content h5, h5, .th5, .single-content h6, h6, .th6, .t50 { letter-spacing: -0.3px; }
    .single-content h1, .single-content h2, h3, .th3, .t50 { font-size: 26px; }
    .hm-excellence-top h3 br { display: none; }
    h5, .th5, .single-content h4 { font-size: 20px; }
    h4, .th4, .single-content h3 { font-size: 22px; }
    .btn-theme { padding: 10px 12px; gap: 5px; align-items: center; letter-spacing: 0.3px; font-size: 15px; }
    .btn-theme::after { transform: translate(0px, 0px) scale(0.8); }
    .ptb-250, .ptb-300 { padding-top: 60px; padding-bottom: 60px; }
    .hm-infinitesolutions.mt-50 { margin-top: 10px; vertical-align: top; }
    .v950 { max-width: 200px; }
    .md-mb-30 { margin-bottom: 20px; }
    span.title-img { max-width: 20px; display: flex; }
    .mb-150 { margin-bottom: 50px; }
    .hm-abtaivra-item { margin-top: 30px; }
    .hm-abtaivra-middle.mb-150 { margin-bottom: 20px; }
    .mb-250 { margin-bottom: 60px; }
    .imgtableft { display: none; }
    .hm-tab-wrap { flex-wrap: wrap; }
    .hm-tabsectionrow .mobileimg { display: block; margin-top: 15px; border-radius: 15px; overflow: hidden; }
    .v750 { max-width: 200px; }
    .horizontawrapper { padding-left: 8px; padding-right: 8px; }
    .hm-specialties  .slick-dots { bottom: -10px; left: 20px; }
    .pt-150 { padding-top: 60px; }
    .t40 { font-size: 22px; letter-spacing: -0.3px; }
    .mb-100 { margin-bottom: 30px; }
    .footermenu + .footermenu { margin-top: 30px; }
    .social { margin-bottom: 20px; }
    .pb-150 { padding-bottom: 40px; }
    .footer-logo { max-width: 90%; }
    .hm-tabsectionrow .tab-nav-custom li.active { padding: 20px; }
    .v200 { max-width: 50px; }
    .cptw-left { width: 100%; margin-bottom: 20px; }
    .cptw-right { width: 100%; }
    .form-group { margin-bottom: 20px; }
    .mt-250 { margin-top: 90px; }
    .btn-theme-submit input[type="submit"] { padding: 10px 30px 10px 20px; }
    .workwithus-row { padding: 60px 0px 40px; }
    .workwithus-box-wrap { margin-bottom: 20px; }
    .workwithus-bottom h5 br { display: none; }
    .mb-70 { margin-bottom: 30px; }
    span.anumber { padding-right: 15px; }
    .accordion-button { padding: 20px 20px; }
    .accordion-body { padding: 0px 20px 30px; }
    .accordion-button:not(.collapsed), .accordion-item:first-of-type .accordion-button:not(.collapsed) { border-radius: 15px 0px 0px 0px; }
    .accordion-body { border-radius: 0px 0 15px 0px; }
    .blognavibtn { margin-top: 30px; }
    h6, .single-content h5 { font-size: 18px; }
    .fcs-item-content { padding: 20px; }
    .fcs-item-img img { height: 245px; width: 100%; object-fit: cover; min-height: 100%; }
    .paginav a, .paginav span { width: 35px; height: 35px; line-height: 35px; }
    .paginav { margin-top: 30px; }
    .cscatagoryrow ul a { padding: 10px 18px; font-size: 14px; font-weight: 600; }
    .fcs-item-content h3 { font-size: 22px; }
    .casestudies-datecat { font-size: 16px; }
    header .logo { padding: 15px 0px; }
    .hm-banner { margin-top: 62px; height: auto; }
    .btn-theme-submit:after { height: 10px; top: 14px; width: 10px; right: 16px; background-size: 10px; }
    section.solpagerow { padding-left: 20px; padding-right: 20px; }
    .mb-24 { margin-bottom: 20px; }
    .sol-item-box-content { border-radius: 0px 0px 15px 15px; }
    .sol-item-box-img.br20 { border-radius: 15px 15px 0px 0px; }
    .mob-mb-20 { margin-bottom: 20px; }
    .imgcontentrow h3 { margin-bottom: 10px; }
    .news-event-single-img { height: 410px; }
    .fne-item-content { bottom: 50px; }
    .hm-banner-img:after { display: none; }
    .hm-tabsectionrow .hm-tab-left { width: 100%; }
    .pagenotfound { max-width: 300px; }
    .technology-banner-wrap { padding-left: 20px; padding-right: 20px; }
    .rightcolumnrow .grayboxcol, .leftcolumnrow .grayboxcol { border-radius: 0px 0px 15px 15px; }
    .rightcolumnrow img.br20, .leftcolumnrow img.br20 { border-radius: 10px 10px 0px 0px; }
    .hm-unified-item { margin: 0px; }
    .hm-unified-item > div { padding: 0px; }
    .ourstoryrow-img.imgleftclip.imgleftClip { margin-bottom: 30px; }
    .hm-trust-item-img { width: 100%; margin-bottom: 20px; }
    .hm-trust-item-title { width: 100%; }
    .hm-trust-item-content { width: 100%; }
    .hm-trust-item-img img { width: 70px; }
    .modal-body { padding: 50px 30px 30px; }
    .hm-banner-title h1 br { display: none; }
    .ca-sidebar .offcanvas-body { padding: 30px 20px 20px 20px; }
    .teamtitleMobile h5 { margin-bottom: 5px; }
    .hm-banner-conrtent-sec {
    
    margin-top: 0px;
}

/*header-menu-end*/ }
@media only screen and (max-width:580px) { }
@media only screen and (max-width:375px) {
    .hm-tabsectionrow .hm-tab-left { width: 100%; padding-right: 0px; }
}

/* animation keyframe css */
.animated { animation-duration: 1s; animation-fill-mode: both; }
.animated.infinite { animation-iteration-count: infinite; }
@keyframes fadeInDown {
    0% { opacity: 0; transform: translateY(-50px); }
    100% { opacity: 1; transform: translateY(0); }
}
.fadeInDown { animation-name: fadeInDown; }
@keyframes fadeInLeft {
    0% { opacity: 0; transform: translateX(-50px); }
    100% { opacity: 1; transform: translateX(0); }
}
.fadeInLeft { animation-name: fadeInLeft; }
@keyframes fadeInRight {
    0% { opacity: 0; transform: translateX(50px); }
    100% { opacity: 1; transform: translateX(0); }
}
.fadeInRight { animation-name: fadeInRight; }
@keyframes fadeInUp {
    0% { opacity: 0; transform: translateY(50px); }
    100% { opacity: 1; transform: translateY(0); }
}
.fadeInUp { animation-name: fadeInUp; }