@media only screen and (max-width:1280px) {
  .hm-products-box-img { width: 110px; margin: 0px auto 20px; }
}
@media only screen and (min-width:1201px) {
  .sd-itcrs-box:nth-last-child(-n + 2) { margin-bottom: 0px; }
  .hm-products-box .hm-products-box-btn { align-items: self-end; }
  .product-hover-box { position: absolute; width: 100%; top: 0px; left: 0; padding: 50px 30px; background: #FFF7EF; bottom: 0px; opacity: 0; transform: translateY(100%); }
  .hm-products-box { position: relative; overflow: hidden; }
  .hm-products-box { width: 100%; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; }
  .hm-products-box:hover .product-hover-box { opacity: 1; transform: translateY(0%); }
  .product-hover-box { -o-transition: all 0.6s ease; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; }
  .hm-products-box-img { transition: all 0.3s ease; }
  .fixedsectionimg { width: 100%; display: flex; justify-content: center; align-items: center; height: 100vh; position: sticky; top: 3vh; flex-direction: column; }
  .stickyshapecontent { position: relative; display: -webkit-box; display: -webkit-flex; border-radius: 10px; background-color: #000; display: -ms-flexbox; display: flex; overflow: hidden; width: 40vw; height: 40vh; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .stickyshapecontent img { display: inline-block; vertical-align: middle; width: 100vw; height: 100vh; max-width: none; min-height: 100vh; min-width: 90vw; -o-object-fit: cover; object-fit: cover; }
}
@media only screen and (min-width:1650px) {
  .container { max-width: 1536px; }
}
@media only screen and (max-width:1640px) {
  .title80 { font-size: 60px; }
  section.homebanner-row .homebanner-leftvector, section.homebanner-row .homebanner-rightvector, section.productbanner-row .productbanner-leftvector, section.productbanner-row .productbanner-rightvector { height: 600px; width: 600px; }
  .mb-200 { margin-bottom: 150px; }
  .mb-150 { margin-bottom: 120px; }
  h1, h2, .th1, .th2 { font-size: 50px; letter-spacing: -1.4px; }
  h4, .th4 { font-size: 26px; }
  h5, .th5 { font-size: 22px; }
  .hm-bankingexce-left { padding-right: 50px; }
  .hm-bankingexce-box img { margin-bottom: 20px; }
  .hm-bankingexce-box { padding: 60px 40px; }
  .hm-bankingexcerow-vector { height: 450px; width: 450px; }
  .left-padding { padding-left: calc(((100% - 1300px)) / 2); }
  .hm-products-box { padding: 40px 20px; }
  .ptb-300 { padding: 250px 0px; }
  .hm-counter-box span { font-size: 70px; }
  .title100 { font-size: 70px; }
  .btn-circle { width: 130px; height: 130px; }
  .btn-circle::after { transform: scale(0.7); }
  .logo { padding: 20px 0px; }
  .logo img { transition: all 0.3s ease; width: 220px; }
  .hm-counter-img { width: 600px; }
  footer.footermain { padding: 200px 0px 80px; }
  .footer-top.pb-100 { margin-bottom: 80px; padding-bottom: 80px; }
  .footer-middle.pb-100 { padding-bottom: 80px; }
  .hm-products-box-content { font-size: 18px; line-height: 26px; }
  .product-hover-box { padding: 40px 20px; }
  .mt-300 { margin-top: 200px; }
  .pageoffset { margin-top: 150px; }
  h3, .th3 { font-size: 40px; }
  .CareersModal .career-offset-left { padding: 60px; }
  .CareersModal .career-offset-right { padding: 0px 60px; }
  .ca-oppening-title-box a { padding: 30px 30px; }
  .crs-itcbox { padding: 30px; }
  .imagegallery-row-wrap { margin: 0px 50px; }
  .mb-180 { margin-bottom: 130px; }
  .singlepostcontent h1 { font-size: 50px; }
  .singlepostcontent h2 { font-size: 40px; }
  .mb-100 { margin-bottom: 70px; }
  .title200 { font-size: 140px; line-height: 130px; letter-spacing: -3px; }
  .timelineslider:after { top: 110px; }
}
@media only screen and (max-width:1366px) {
  .left-padding { padding-left: calc(((100% - 1120px)) / 2); }
  .hm-bankingexce-box { padding: 40px 30px; }
  .hm-bankingexce-left-inner > .mb-40 { margin-bottom: 20px; }
  .hm-counter-video-img { max-width: 700px; }
  .bloglistcontent { padding: 30px; }
  .ptb-300 { padding: 200px 0px; }
  .hm-counter-row-repeater .hm-counter-box:nth-child(5n + 1) { margin-top: 95px; }
  .hm-counter-row-repeater .hm-counter-box:nth-child(5n + 3) { margin-top: 95px; }
  .hm-counter-row-repeater .hm-counter-box:nth-child(5n + 4) { margin-top: 60px; margin-left: 250px; }
  .hm-counter-row-repeater .hm-counter-box:nth-child(5n + 5) { margin-top: 70px; }
  .career-offset-right .form-group { margin-bottom: 20px; }
  .blog-title.mb-50 { margin-bottom: 30px; }
}
@media only screen and (max-width:1280px) {
  .product-hover-box { padding: 20px; }
  .hm-products-box-content { font-size: 16px; line-height: 22px; }
}

/*iPad Landscape, iPad Pro Portrait start*/
@media only screen and (max-width:1200px) {
  .logo { padding: 15px 0px; }
  .sticky.mainheader .logo img, .mainheader .logo img { width: 170px; }
  .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: #013476; 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: #013476; width: 100%; height: 2px; line-height: 1; display: block; margin: 6px 0px; }
  .navicon::before, .navicon::after { content: ''; position: absolute; background-color: #013476; width: 100%; height: 2px; left: 0px; }
  .navicon::before { top: 0px; }
  .navicon::after { bottom: 0px; }
  .navmenu > ul { padding: 50px 30px 0px; margin-right: 0px; display: inline-block; vertical-align: top; width: 100%; }
  .navmenu>ul>li { margin: 0px 0px 30px; }
  .navmenu>ul>li a { font-size: 25px; color: #fff; padding: 0px; }
  .navmenu .btn-theme { margin-left: 30px; }
  .sub-menu-arrow { display: inline-block; }
  .navmenu > ul > li:hover > ul { display: none; }
  .navmenu > ul > li > ul { position: relative; margin-left: 0px; background-color: transparent; padding: 15px 0px 0px; box-shadow: none; }
  .navmenu > ul > li > ul > li:last-child { padding-bottom: 0px; }
  .navmenu > ul > li > ul > li > a { font-size: 18px; color: #fff; }
  .navmenu > ul > li > ul > li::before { top: 7px; }
  .navmenu > ul > li > ul > li > a:hover, .navmenu > ul > li > a:hover, .navmenu > ul > li.current-menu-item > a, .navmenu > ul > li.current-menu-ancestor > a, .navmenu > ul > li > ul > li.current-menu-item > a { color: #fff; }
  .navmenu > ul > li.menu-item-has-children > a::before { display: none; }
  h1, h2, .th1, .th2 { font-size: 38px; letter-spacing: -1.4px; }
  h3, .th3 { font-size: 32px; }
  .title80 { font-size: 45px; }
  .title100 { font-size: 50px; }
  h6, .th6 { font-size: 18px; }
  h4, .th4 { font-size: 22px; }
  .left-padding { padding-left: calc(((100% - 940px)) / 2); }
  .hm-bankingexce-box { padding: 35px 20px; }
  .hm-bankingexce-box img { height: 70px; }
  .mb-50 { margin-bottom: 30px; }
  .homebannercontent .title80.mb-50 { margin-bottom: 30px; }
  section.homebanner-row .homebanner-leftvector, section.homebanner-row .homebanner-rightvector, section.productbanner-row .productbanner-leftvector, section.productbanner-row .productbanner-rightvector { height: 450px; width: 450px; }
  section.homebanner-row .row, .productbanner-row .row { height: auto; }
  section.homebanner-row, .productbanner-row { padding: 130px 0px 100px; }
  .btn-theme-tras { font-size: 24px; }
  .btn-theme-tras span, .singlecircle span { height: 40px; width: 40px; }
  .btn-theme-tras span::after { transform: scale(0.8); }
  .mb-200 { margin-bottom: 100px; }
  header.mainheader.sticky .logo img { width: 150px; }
  .hm-institutions-slider .whitebox { padding: 15px 0px; }
  .hm-institutions-slider .slick-next { right: -20px; }
  .hm-institutions-slider .slick-prev { left: -20px; }
  .hm-products-box-content { margin-bottom: 20px; }
  .hm-products-box-title h5 { margin-bottom: 10px; }
  .hm-products-box { padding: 30px 20px; }
  .singlecircle span { height: 30px; width: 30px; }
  .hm-products-box { margin: 0px; }
  .ptb-300 { padding: 150px 0px; }
  .hm-products [class*="col-"] { margin-bottom: 30px; }
  .hm-counter-row-repeater .hm-counter-box:nth-child(5n + 4) { margin-top: 30px; margin-left: 190px; }
  .hm-counter-row-repeater .hm-counter-box:nth-child(5n + 5) { margin-top: 30px; }
  .hm-counter-box span { font-size: 50px; }
  .hm-certilogoslider .whitebox img { height: 70px; }
  .hm-certilogoslider .whitebox { padding: 15px 12px; }
  .btn-theme { gap: 4px; padding: 13px 20px; font-size: 16px; }
  .text-24 { font-size: 22px; line-height: 30px; }
  .hm-testimonial-content { margin-bottom: 30px; }
  .h-spacer.w-100 { height: auto; }
  .stickyshapecontent.container { overflow: hidden; }
  .stickyshapecontent.container img { border-radius: 10px; }
  .titlecaption { position: static; transform: unset; margin-bottom: 50px; }
  .fixedsectionimg { display: flex; flex-wrap: wrap; flex-direction: column-reverse; }
  section.hm-bloglist { margin-bottom: 100px; }
  .btn-circle { width: 80px; height: 80px; }
  .btn-circle::after { transform: scale(0.5); }
  footer.footermain { padding: 150px 0px 50px; }
  .footer-top.pb-100 { margin-bottom: 50px; padding-bottom: 50px; }
  .footer-middle.pb-100 { padding-bottom: 50px; }
  .footeraddress { margin-bottom: 30px; }
  .hm-counter-img { width: 450px; }
  .hm-institutions-slider .slick-dots { text-align: center; }
  .hm-quotes { left: -90px; width: 40px; }
  .product-normal-box .hm-products-box-title { display: none; }
  .other-products .product-normal-box .hm-products-box-title { display: block; }
  .other-products .product-normal-box .hm-products-box-title h5 { min-height: 58px; }
  .product-hover-box { padding: 0px; }
  .mt-300 { margin-top: 150px; }
  .pageoffset { margin-top: 100px; }
  .mb-100 { margin-bottom: 70px; }
  .contact-form-title h2 { margin-bottom: 20px; }
  .mb-30 { margin-bottom: 20px; }
  .crs-tcirow-right { text-align: left; margin-top: 20px; }
  .crs-itcbox img { max-width: 90px; }
  .crs-itcbox { padding: 20px; }
  .igr-button-group .button { padding: 12px; }
  .imagegallery-row-wrap { margin: 0px 30px; }
  .CareersModal .career-offset-left { padding: 40px; }
  .CareersModal .career-offset-right { padding: 0px 40px; }
  .CareersModal  a.closeBtn.careersclose { top: 20px; right: 20px; }
  .career-posttop li + li { margin-left: 0px; }
  .career-posttop li { width: 100%; }
  .crs-itcrowwrap [class*="col-"]:last-child { margin-top: 20px; }
  .mb-180 { margin-bottom: 80px; }
  .CareersModal .career-offset-left { padding: 20px; }
  .CareersModal .career-offset-right { padding: 0px 20px; }
  .CareersModal .career-offset-left { width: 50%; }
  .CareersModal .career-offset-right { width: 50%; }
  .mb-150 { margin-bottom: 80px; }
  .paginav a, .paginav span { font-size: 16px; width: 40px; height: 40px; line-height: 40px; }
  .arrow-previous::before, .arrow-next::before { height: 12px; width: 15px; }
  .datecol { font-size: 16px; }
  .paginav { padding-top: 0px; }
  .bloglistcontent { padding: 20px; }
  .mb-150.blogsingletop { margin-bottom: 70px; }
  .blogdetail { margin-bottom: 30px; }
  .singlepostcontent h1 { font-size: 40px; }
  .singlepostcontent h2 { font-size: 34px; }
  .singlepostcontent h3 { font-size: 28px; }
  .pagenotfound img { max-width: 65%; }
  .sd-icrs-box-content { width: calc(100% - 110px); padding-left: 50px; }
  .sd-icrs-box-img { width: 110px; }
  .sd-icrs-box { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #DDDDDD; }
  .other-products .slick-dots { text-align: center; bottom: -40px; }
  .title200 { font-size: 80px; line-height: 80px; letter-spacing: -2px; }
  .tcr-icon-plus { display: none; }
  .tcr-content { display: block !important; }
  .tcr-content.mt-50 { margin-top: 0px; }
  h2.title200.mb-100 { margin-bottom: 30px; }
  .timelineslider:after { top: 100px; }
  .timeline-content { padding: 30px; }
  .toggle-content-row.mb-200, .toggle-content.mb-200 { margin-bottom: 50px; }
}
@media only screen and (max-width:992px) {
  .title80 { font-size: 40px; }
  .hm-bankingexce-left { width: 100%; padding: 50px 30px 100px; margin-bottom: 50px; }
  .hm-bankingexce-right { width: 100%; }
  .hm-bankingexcerow-vector { height: 350px; width: 350px; }
  .hm-quotes { width: 30px; left: -60px; }
  .row.otherblog [class*="col-"]:last-child, .hm-bloglist [class*="col-"]:last-child { margin-top: 30px; }
  .pagenotfound img { max-width: 70%; margin-bottom: 20px; }
  .sidebarsticky.abt { margin-bottom: 30px; position: static; }
}
@media only screen and (max-width:767px) {
  .productbannerimg { margin-bottom: 30px; }
  section.homebanner-row, .productbanner-row { padding: 90px 0px 70px; }
  .title80 { font-size: 34px; }
  .title100 { font-size: 34px; letter-spacing: -1px; }
  .homebannercontent { margin-bottom: 40px; }
  section.homebanner-row .homebanner-leftvector, section.homebanner-row .homebanner-rightvector, section.productbanner-row .productbanner-leftvector, section.productbanner-row .productbanner-rightvector { height: 300px; width: 300px; }
  .homebanner-leftvector, section.productbanner-row .productbanner-leftvector { display: none; }
  section.homebanner-row .homebanner-rightvector { left: -70px; right: unset; top: -30px; }
  .homebannercontent .title80.mb-50 { margin-bottom: 20px; }
  .btn-theme-tras { font-size: 20px; }
  .btn-theme-tras span { height: 35px; width: 35px; margin-left: 10px; }
  .mb-200 { margin-bottom: 70px; }
  h1, h2, .th1, .th2 { font-size: 30px; letter-spacing: -1px; }
  h3, .th3 { font-size: 26px; }
  .hm-bankingexce-left { width: 100%; padding: 50px 20px 70px; margin-bottom: 50px; }
  .hm-bankingexce-box { width: 100%; }
  .hm-bankingexce-box:nth-child(4n+2), .hm-bankingexce-box:nth-child(4n+4) { background-color: #EEF4FC; }
  .hm-bankingexce-box:nth-child(4n+3) { background-color: #fff; }
  .hm-counter-row-repeater .hm-counter-box:nth-child(5n + 1) { margin-top: 0px; width: 50%; }
  .hm-counter-row-repeater .hm-counter-box { width: 50%; }
  .hm-counter-row-repeater .hm-counter-box:nth-child(5n + 3) { margin-top: 30px; }
  .hm-counter-row-repeater .hm-counter-box:nth-child(5n + 4) { margin-left: 0px; margin-top: 30px; }
  .hm-counter-row-repeater { justify-content: center; }
  .hm-counter-box span { font-size: 40px; }
  .ptb-300 { padding: 100px 0px; }
  section.hm-bloglist { margin-bottom: 70px; }
  .titlecaption { margin-bottom: 30px; }
  .mb-150 { margin-bottom: 70px; }
  footer.footermain { padding: 70px 0px 50px; }
  .hm-aboutrow [class*="col-"]:first-child { margin-bottom: 20px; }
  .btn-circle { width: 70px; height: 70px; }
  .btn-circle::after { transform: scale(0.4); }
  .footer-top.pb-100 { margin-bottom: 30px; padding-bottom: 30px; }
  .product-menu ul { column-count: 1; }
  .product-menu { margin-bottom: 30px; }
  .footer-middle.pb-100 { padding-bottom: 30px; }
  .socialicon { margin-bottom: 30px; }
  .hm-counter-row { overflow: hidden; }
  .navmenu { width: 100%; }
  .hm-counter-img { width: 300px; }
  .hm-products-box-img { width: 90px; margin: 0px auto 15px; }
  .hm-products [class*="col-"] { margin-bottom: 20px; }
  .mt-300 { margin-top: 100px; }
  .systempages h1.mb-30 { margin-bottom: 20px; }
  .systempages a.mt-10 { margin-top: 0px; }
  .pageoffset { margin-top: 80px; }
  .mb-100 { margin-bottom: 50px; }
  body { font-size: 18px; line-height: 26px; }
  .text-24 { font-size: 20px; line-height: 28px; }
  .btn-theme-submit input[type="submit"] { padding: 12px 45px 12px 25px; }
  .btn-theme-submit::after { top: 16px; }
  .form-control, .input-text { font-size: 16px; padding: 14px 15px; }
  .crs-itcrowwrap [class*="col-"] + [class*="col-"] { margin-top: 20px; }
  .imagegallery-row-wrap { margin: 0px 20px; }
  .igr-button-group .button { padding: 10px; font-size: 16px; margin: 0px 5px; }
  .ca-oppening-bottom .row [class*="col-"] { margin-bottom: 20px; }
  .ca-oppening-title-box a { padding: 20px 20px; }
  .mb-180 { margin-bottom: 30px; }
  .CareersModal .career-offset-left, .CareersModal .career-offset-right { width: 100%; }
  .CareersModal .career-offset-right, .CareersModal .career-offset-left { width: 100%; height: auto; }
  .CareersModal .career-offset-right { padding: 30px 20px; }
  .CareersModal .career-offset-left { padding: 40px 20px 30px; }
  .CareersModal .closeBtn::before, .CareersModal .closeBtn::after { background-color: #013476; }
  .border-radius-10, .hm-institutions-slider .whitebox, .hm-products-box, .hm-certilogoslider .whitebox, .blogbox, .stickyshapecontent.container img { border-radius: 7px; }
  .latestblogimg { margin-bottom: 20px; }
  .blog-title.mb-50 { margin-bottom: 20px; }
  .mb-150.blogsingletop { margin-bottom: 50px; }
  .bdlist [class*="col-"] { margin-bottom: 20px; }
  .singlepostcontent h1 { font-size: 30px; }
  .singlepostcontent h2 { font-size: 26px; }
  .singlepostcontent h3 { font-size: 24px; }
  .singlepostcontent h4 { font-size: 22px; }
  .singlepostcontent h5 { font-size: 18px; }
  .blogdetail { margin-bottom: 20px; }
  .hm-bloglist [class*="col-"] + [class*="col-"], .otherblog  [class*="col-"] +  [class*="col-"] { margin-top: 20px; }
  .pagenotfound img { max-width: 60%; }
  .sidebarsticky { position: unset; top: unset; }
  .sd-icrs-title h2 br { display: none; }
  .sd-icrs-box-img { width: 100%; margin-bottom: 20px; }
  .sd-icrs-box-img img { max-width: 100px; }
  .sd-icrs-box-content { width: 100%; padding-left: 0px; }
  .sd-itcrs-box-img { width: 100%; margin-bottom: 20px; }
  .sd-itcrs-box-img img { max-width: 100px; }
  .sd-itcrs-box-content { padding-left: 0px; width: 100%; }
  .sd-itcrs-box-inner { padding: 20px; }
  .slick-dots li { margin-right: 7px; }
  .other-products-slider .slick-slide { margin: 0px 5px; }
  .other-products-slider .slick-list { margin: 0px -5px; }
  .other-products .slick-dots { text-align: center; bottom: -30px; }
  .toggle-content-row.mb-200, .toggle-content.mb-200 { margin-bottom: 20px; }
  .title200 { font-size: 50px; line-height: 40px; letter-spacing: -1px; }
  .timeline-slide-year { margin-bottom: 60px; }
  .timelineslider:after { top: 51px; }
  .zoom-image-img { padding: 0px 50px; }
}
.vc_row { margin: 0px !important }
.vc_column_container>.vc_column-inner { padding: 0px !important }

/* animation keyframe css */
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animatedslider { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 0.5s; }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn }
@-webkit-keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
.fadeOut { -webkit-animation-name: fadeIn; animation-name: fadeIn }
@-webkit-keyframes fadeInDown {
  0% { opacity: 0; -webkit-transform: translateY(-50px); transform: translateY(-50px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInDown {
  0% { opacity: 0; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown }
@-webkit-keyframes fadeInLeft {
  0% { opacity: 0; -webkit-transform: translateX(-50px); transform: translateX(-50px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes fadeInLeft {
  0% { opacity: 0; -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInRight {
  0% { opacity: 0; -webkit-transform: translateX(50px); transform: translateX(50px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes fadeInRight {
  0% { opacity: 0; -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes fadeInUp {
  0% { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInUp {
  0% { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@keyframes zoomOut {
  from { opacity: 1; }
  50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  to { opacity: 0; }
}
.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }
@-webkit-keyframes zoomIn {
  from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; }
}
@keyframes zoomIn {
  from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; }
}
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }
@-webkit-keyframes pulse {
  0% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes pulse {
  0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
}
@keyframes pulsehover {
  0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
}
@-webkit-keyframes pulsehover {
  0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
}