@media only screen and (min-width:1921px) {
    .fixedsectionimg { top: 20vh; }
}
@media only screen and (width:1920px) and (min-height:1000px) and (max-height:1080px) {
    .fixedsectionimg { top: 19vh; }
}
@media only screen and (min-width:1650px) {
    .container { max-width: 1536px; }
}
@media only screen and (max-width:1640px) {
    .hm-aggrigate-left-img { width: 45%; }
    h1, h2, .th1, .th2 { font-size: 60px; letter-spacing: -3px; }
    section.hm-benefits-row .cardcol { height: 585px; }
    section.hm-benefits-row .cardcol h3 { font-size: 30px; }
    section.hm-benefits-row .cardcol.cardActive figcaption h3 { font-size: 40px; }
    .title130 { font-size: 80px; letter-spacing: -3px; }
    .title120 { font-size: 70px; letter-spacing: -3px; }
    .fixedsectionimg { height: 600px; }
    .mb-150 { margin-bottom: 120px; }
    .hm-aggrigate-content.mb-100 { margin-bottom: 50px; }
    .mb-300 { margin-bottom: 200px; }
    .mt-300 { margin-top: 200px; }
    .ptb-300 { padding: 200px 0px; }
    .hm-applications-box { padding: 50px 0px; }
    section.hm-blog-row .row [class*="col-"]:nth-child(3n + 3) { margin-top: -170px; }
    .hm-logozoom-row .vector-bottom-right { bottom: -30px; }
    .bloglistcontent { padding: 25px; }
    .bloglistcontent .mb-50 { margin-bottom: 30px; }
    .ptb-100 { padding: 70px 0px; }
    .footer-bottom-menu.pb-100 { padding-bottom: 70px; }
    .footer-bottom { padding-top: 100px; }
    .footermenubox { width: 20%; }
    .footermenubox:nth-child(3) { width: 30%; }
    .footermenubox:nth-child(2) { padding-right: 90px; }
    section.hm-benefits-row .cardcol { min-width: 130px; }
    section.hm-benefits-row .cardcol figcaption h3 { margin-left: 65px; }
    .fixedsectionimg { top: 18vh; }
    .hm-zoomvideo-title { top: 40vh; }
    .address-main { padding-right: 0px; }
    h3, .th3 { font-size: 40px; }
    h5, .th5 { font-size: 22px; }
    .pagenotfound h1 { margin-bottom: 20px; }
    section.hm-aggrigate-row.mb-100 { margin-bottom: 80px; }
    .hm-product-slider-wrap .slick-prev { left: -50px; }
    .hm-product-slider-wrap .slick-next { right: -50px; }
    .hm-product-slider-wrap { padding: 0px 30px; }
    .fixedsectionimg .container { padding: 0px 50px; }
    .pageoffset { margin-top: 150px; }
    .mb-300 { margin-bottom: 200px; }
    .app-advantages-box { padding: 30px 0px; }
    .singlepostcontent h1, .singlepostcontent h2 { font-size: 40px; }
    .singlepostcontent h3 { font-size: 30px; }
    .otherblog-title.mb-50 { margin-bottom: 30px; }
}
@media only screen and (width:1440px) and (min-height:700px) and (max-height:800px) {
    .fixedsectionimg { top: 12vh; }
}
@media only screen and (max-width:1440px) {
    .left-padding { padding-left: calc(((100% - 1295px)) / 2); }
    .right-padding { padding-right: calc(((100% - 1295px)) / 2); }
    .contactdetails-parallaxtop.mb-150 { margin-bottom: 50px; }
    .contactform-title .mb-100 { margin-bottom: 50px; }
    section.contactdetails-row { padding: 200px 0px 0px; }
    .contactdetails-img { width: 45%; }
    .bloglistingtop-sectitle  .mb-100 { margin-bottom: 70px; }
    .title40, h4 { font-size: 34px; }
    .catgoryrow ul li { margin: 0px 8px 8px; }
    .ps-content-box { margin-bottom: 150px; }
    .textrightcol { margin-top: 80px; }
    .title25 { font-size: 22px; }
    .psimg-box.left { padding-right: 20px; }
    .psimg-box.Imgchange.right { padding-left: 20px; }
}
@media only screen and (max-width:1366px) {
    section.hm-benefits-row .cardcol.cardActive figcaption { padding: 50px 50px 50px; white-space: unset; display: flex; flex-wrap: wrap; }
    .fixedsectionimg { height: 550px; top: 18vh; }
    .footermenubox:nth-child(2) { padding-right: 30px; }
    .hm-zoomvideo-title { top: 40vh; }
    .hm-product-slider-wrap { padding: 0px 0px; }
    .left-padding { padding-left: calc(((100% - 1120px)) / 2); }
    .right-padding { padding-right: calc(((100% - 1120px)) / 2); }
    .ps-content-top { padding-bottom: 30px; margin-bottom: 30px; }
}
@media only screen and (width:1366px) and (min-height:600px) and (max-height:660px) {
    .fixedsectionimg { height: 500px; top: 12vh; }
}
@media only screen and (max-width:1280px) {
    section.hm-benefits-row .cardcol.cardActive figcaption { padding: 50px 50px 50px; white-space: unset; display: flex; flex-wrap: wrap; }
    .fixedsectionimg { height: 550px; top: 18vh; }
    .footermenubox:nth-child(2) { padding-right: 30px; }
    .hm-zoomvideo-title { top: 40vh; }
}
@media only screen and (width:1280px) and (min-height:600px) and (max-height:670px) {
    .fixedsectionimg { height: 500px; top: 15vh; }
}

/*iPad Landscape, iPad Pro Portrait start*/
@media only screen and (max-width:1200px) {
    .logo { padding: 0px; }
    .mainheader, .sticky.mainheader { padding: 10px 0px; }
    .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: #F58220; 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: #F58220; width: 100%; height: 2px; line-height: 1; display: block; margin: 6px 0px; }
    .navicon::before, .navicon::after { content: ''; position: absolute; background-color: #F58220; width: 100%; height: 2px; left: 0px; }
    .navicon::before { top: 0px; }
    .navicon::after { bottom: 0px; }
    .navmenu > ul { padding: 70px 30px 0px; margin-right: 0px; display: inline-block; vertical-align: top; width: 100%; }
    .navmenu>ul>li { margin: 0px 0px 20px; }
    .navmenu>ul>li a { font-size: 30px; 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 { background-color: #fff; 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: 45px; letter-spacing: -2px; margin-bottom: 20px; }
    .hm-aggrigate-title h1.mb-50 { margin-bottom: 30px; }
    .hm-aggrigate-content.mb-100 { margin-bottom: 20px; }
    .mb-150 { margin-bottom: 100px; }
    section.hm-benefits-row .cardcol.cardActive figcaption { padding: 30px; }
    section.hm-benefits-row .cardcol.cardActive figcaption h3 { font-size: 34px; }
    section.hm-benefits-row .cardcol h3 { font-size: 24px; }
    section.hm-benefits-row .cardcol { height: 450px; min-width: 110px; }
    section.hm-benefits-row .cardcol figcaption h3 { margin-left: 53px; }
    .mb-300 { margin-bottom: 100px; }
    .mt-300 { margin-top: 100px; }
    .hm-aggrigate-row { margin-top: 100px; }
    .title130 { font-size: 55px; letter-spacing: -3px; }
    .hm-zoomvideo-title { top: unset; position: unset !important; !i; !; }
    .fixedsectionimg { height: auto; top: unset; }
    .hm-zoomvideo-title { margin-bottom: 30px; }
    .h-spacer { height: auto; }
    .stickyshapecontent video { width: 100%; height: 100%; max-width: unset; min-height: auto; }
    .hm-zoomvideo { width: 100%; height: 100%; }
    .ptb-300 { padding: 100px 0px; }
    .hm-applications-box-content { padding-left: 20px; width: calc(100% - 80px); }
    .hm-applications-box-img { width: 80px; }
    .hm-applications-box { padding: 30px 0px; }
    .vectoParallax { width: 100px; }
    .hm-logozoom-img { max-width: 200px; margin: 0px auto 20px; }
    .hm-product-slider .slick-track { margin-bottom: 40px; }
    section.hm-logozoom-row .vector-bottom-right { display: none; }
    .hm-blog-title .mb-50 { margin-bottom: 20px; }
    h5, .th5 { font-size: 20px; }
    section.hm-blog-row .row [class*="col-"]:nth-child(3n + 3) { margin-top: -110px; }
    .ptb-100 { padding: 50px 0px; }
    .title120 { font-size: 50px; letter-spacing: -2px; }
    .footer-top-button { text-align: right; }
    .btn-circle { width: 70px; height: 70px; }
    .footermenubox:first-child { width: 100%; margin-bottom: 30px; }
    .footermenubox:nth-child(2) { padding-right: 12px; width: 40%; }
    .footermenubox:nth-child(3) { width: 40%; }
    .footermenubox:nth-child(4) { width: 20%; }
    .footer-bottom { padding-top: 50px; }
    .footer-bottom-menu.pb-100 { padding-bottom: 30px; }
    .btn-circle::after { background-size: 20px; background-position: center; }
    .btn-theme { padding: 14px 20px; border-radius: 30px; gap: 8px; }
    .footer-copyright-social { padding: 20px 0px; border-top: 1px solid #555555; }
    .footer-bottom-menu ul li { margin-bottom: 5px; }
    .singlecircle { opacity: 1; right: 20px; bottom: 20px; }
    h3, .th3 { font-size: 30px; }
    section.hm-aggrigate-row.mb-100 { margin-bottom: 180px; }
    .mb-50 { margin-bottom: 30px; }
    .mb-50 { margin-bottom: 30px; }
    .hm-product-slider-wrap  .slick-dots { text-align: center; bottom: 0px; }
    .hm-product-slider-wrap  .slick-dotted.slick-slider { margin: 0px; }
    .fixedsectionimg .container { padding: 0px 45px; }
    .pageoffset { margin-top: 110px; }
    .mb-100 { margin-bottom: 50px; }
    .mb-50 { margin-bottom: 30px; }
    .app-otherappslider-row .slick-dots { margin-left: 12px; bottom: -30px; }
    .app-otherappslider-row .otherappslider { margin-bottom: 30px; }
    body { font-size: 18px; line-height: 26px; }
    .vector-bottom-left { left: 20px; }
    .vector-bottom-right { right: 20px; }
    section.contactdetails-row { padding: 100px 0px 0px; }
    .contactdetails-row .cdc-box { padding-bottom: 30px; margin-bottom: 30px; }
    .mt-100 { margin-top: 50px; }
    .left-padding { padding-left: calc(((100% - 925px)) / 2); }
    section.contactdetails-row { padding: 100px 0px 100px; }
    .form-group { margin-bottom: 20px; }
    .title40, h4 { font-size: 28px; }
    .bloglistingtop-sectitle  .mb-100 { margin-bottom: 50px; }
    .singlepostcontent h1, .singlepostcontent h2 { font-size: 30px; }
    .singlepostcontent h3 { font-size: 26px; }
    .left-padding { padding-left: calc(((100% - 936px)) / 2); }
    .right-padding { padding-right: calc(((100% - 936px)) / 2); }
    .stickyleftimg { position: static; display: none; }
    .textrightcol { margin-top: 0px; }
    .leftimgmain .right-padding { padding-left: 12px; }
    .stickyleftimg .psimg-box:first-child { position: static; }
    .psimg-box { position: static; opacity: 1; }
    .ps-content-box { opacity: 1; }
    .psimg-box.left { padding-right: 12px; }
    .ps-content-box img { display: block; }
    .leftimgmain .right-padding, .rightimgmain .left-padding { padding: 0px 12px; max-width: 960px; margin: 0px auto; }
    .textrightcol { display: flex; flex-wrap: wrap; }
    .ps-content-box { display: flex; width: auto; flex-wrap: wrap; margin: 0px -12px; }
    .ps-contentbox-mobimg { width: 40%; padding: 0px 12px; }
    .ps-content { width: 60%; padding: 0px 12px; }
    .ps-content-box + .ps-content-box { margin-top: 50px; }
    .ps-content-box:last-child { margin-bottom: 0px; }
    .productherosection .vector-bottom-right { display: none; }
    .productleftimg h1 { display: block; }
    .productherosection .container { display: none; }
}
@media only screen and (max-width:992px) {
    .hm-aggrigate-right-inner { transform: unset; position: static; text-align: center; }
    .hm-aggrigate-left-img { width: 60%; }
    .hm-aggrigate-left { margin-bottom: 20px; }
    section.hm-benefits-row .cardcol.cardActive { flex: auto; }
    section.hm-benefits-row .cardcol { flex: auto; min-width: auto; }
    .hm-benefits-row-inner { flex-wrap: wrap; }
    section.hm-benefits-row .cardcol figcaption h3 { transform: unset; margin-left: 0px; margin-bottom: 20px; }
    section.hm-benefits-row .cardcol figcaption { padding: 30px; }
    section.hm-benefits-row .cardcol figcaption { bottom: unset; top: 0px; left: 0px; transform: rotate(0deg); -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 0.3s; }
    section.hm-benefits-row .cardcol figcaption h3 { transform: unset; margin-left: 0px; margin-bottom: 20px; }

    /*section.hm-benefits-row .cardcol figcaption p { opacity: 1 }*/
    section.hm-benefits-row .cardcol figcaption { padding: 30px; white-space: unset; display: flex; flex-wrap: wrap; }
    section.hm-benefits-row .cardcol figcaption p { color: #fff; }
    section.hm-benefits-row figure.cardcol:after { background: linear-gradient(0deg, rgba(31, 26, 26, 0.00) 0%, #1F1A1A 100%); height: 80px; top: 0px; }
    section.hm-benefits-row figure.cardcol.cardActive:after { height: 300px }
    section.hm-benefits-row .cardcol { height: 80px; width: 100%; margin-bottom: 30px; }
    section.hm-benefits-row .cardcol.cardActive { height: 400px; }
    .navmenu { width: 70%; }
    section.hm-benefits-row .cardcol:last-child { margin-bottom: 0px; }
    .leftkeysticky { position: static; transform: unset; margin-bottom: 40px; }
    section.hm-benefits-row .cardcol.cardActive figcaption { animation-name: unset; }
    .hm-product-row  .row [class*="col-"]:first-child { margin-bottom: 30px; }
    .hm-blog-title { margin-bottom: 30px; }
    section.hm-blog-row .row [class*="col-"]:nth-child(3n + 2) { margin-top: 0px; }
    section.hm-blog-row .row [class*="col-"]:nth-child(3n + 3) { margin-top: 30px; }
    .footermenubox:nth-child(2) { padding-right: 12px; width: 100%; margin-bottom: 30px; }
    .footermenubox:nth-child(3) { width: 50%; }
    .footermenubox:nth-child(4) { width: 50%; }
    .socialicon ul li { margin-right: 20px; }
    section.hm-benefits-row .cardcol figcaption { height: 80px; overflow: hidden; display: block; }
    section.hm-benefits-row .cardcol.cardActive figcaption { height: auto; overflow: visible; }
    .fixedsectionimg .container { padding: 0px 40px; }
    .app-advantages-top .app-advantages-content { margin-top: 300px; }
    .app-advantages-img { width: 50%; }
    .app-advantages-bottom .row { flex-direction: column-reverse; }
    section.hm-aggrigate-row.mb-100 { margin-bottom: 100px; }
    .left-padding { padding-left: calc(((100% - 690px)) / 2); }
    .bloglistingtop-sectitle  .mb-100 { margin-bottom: 30px; }
    section.catgoryrow ul { flex-wrap: nowrap; overflow-x: auto; margin-bottom: 15px; justify-content: flex-start; }
    section.catgoryrow ul a { white-space: nowrap; }
    .bloglistingtopimg { margin-bottom: 20px; }
    .title40, h4 { font-size: 22px; }
    .blogherosec.mb-100 { margin-bottom: 50px; }
    .catgoryrow ul li:first-child { margin-left: 0px; }
    section.catgoryrow.mb-100 { margin-bottom: 50px; }
    .otherblogrow .row [class*="col-"]:last-child { margin-top: 30px; }
    .productherosec-content { width: 100%; max-width: 720px; margin: 0px auto; }
    .leftimgmain .right-padding, .rightimgmain .left-padding { padding: 0px 12px; max-width: 720px; margin: 0px auto; }
    .productleftimg .row [class*="col-"]:first-child { margin-bottom: 30px; }
    .productherosection .right-padding { padding-right: 0px; }
    .ps-content-top { padding-bottom: 20px; margin-bottom: 20px; }
}
@media only screen and (max-width:767px) {
    section.hm-blog-row .row [class*="col-"]+[class*="col-"] { margin-top: 20px; }
    .navmenu { width: 100%; }
    h1, h2, .th1, .th2 { font-size: 30px; letter-spacing: -1px; }
    .mb-150 { margin-bottom: 70px; }
    .mb-300 { margin-bottom: 70px; }
    section.hm-benefits-row .cardcol { height: 72px; }
    section.hm-benefits-row figure.cardcol:after { height: 72px; }
    section.hm-benefits-row .cardcol h3 { font-size: 20px; }
    section.hm-benefits-row .cardcol.cardActive figcaption h3 { font-size: 24px; }
    section.hm-benefits-row .cardcol.cardActive { height: 400px; }
    section.hm-benefits-row .cardcol.cardActive figcaption, section.hm-benefits-row .cardcol figcaption { padding: 30px 20px; }
    section.hm-benefits-row .cardcol.cardActive figcaption h3 { margin-bottom: 15px; }
    .title130 { font-size: 34px; letter-spacing: -2px; }
    .ptb-300 { padding: 70px 0px; }
    .hm-applications-row .vector-bottom-left { display: none; }
    .footer-top-title { padding-bottom: 10px; text-align: center; }
    .footer-top-button { text-align: center; }
    .btn-circle { width: 50px; height: 50px; }
    .btn-circle::after { width: 20px; height: 20px; background-size: 16px; }
    .btn-circle::after { width: 20px; height: 20px; background-size: 16px; }
    .title120 { font-size: 34px; letter-spacing: -1px; }
    .footermenubox:nth-child(3) { width: 100%; margin-bottom: 20px; }
    .footermenubox:nth-child(4) { width: 100%; }
    .socialicon { margin-bottom: 15px; }
    section.hm-benefits-row .cardcol figcaption { height: 72px; }
    section.hm-benefits-row figure.cardcol.cardActive:after { height: 100%; }
    .hm-logozoom-img { max-width: 170px; }
    h5, .th5 { font-size: 20px; letter-spacing: 0.2px; }
    .bloglistcontent .mb-50 { margin-bottom: 20px; }
    .logo img { width: 70px; }
    section.hm-benefits-row .cardcol figcaption { top: -3px; }
    h3, .th3 { font-size: 28px; }
    .slick-arrow, .slick-arrow:focus { width: 35px; height: 35px; }
    .hm-product-slider button.slick-next.slick-arrow { left: 60px; }
    .slick-prev, .slick-next { background-size: 16px; }
    .fixedsectionimg .container { padding: 0px 12px; }
    .pageoffset { margin-top: 80px; }
    .pagenotfound img { max-width: 60%; margin-bottom: 20px; }
    .thankyou h1 { margin-bottom: 20px; }
    .thankyou img { max-width: 50px; }
    .mb-100 { margin-bottom: 30px; }
    .contactform-title .mb-100 { margin-bottom: 20px; }
    .cnt-contactform lable { padding: 0px 0px 10px 20px; }
    section.contactdetails-row { padding: 80px 0px 80px; }
    .contactdetails-title { margin-top: 200px; }
    .contactdetails-img { width: 60%; }
    .left-padding { padding-left: 12px; padding-right: 12px; }
    .contactdetails-parallaxtop.mb-150 { margin-bottom: 20px; }
    .contactdetails-parallaxbottom .pro-prallax.mt-100 { margin-top: 20px; }
    .form-control { padding: 12px 20px; font-size: 18px; }
    .contactdetails-row .cdc-box { padding-bottom: 20px; margin-bottom: 20px; }
    .singlepostcontent h1, .singlepostcontent h2 { font-size: 24px; }
    .singlepostcontent h3 { font-size: 22px; }
    .title40, h4 { font-size: 20px; }
    h6, .th6 { font-size: 18px; }
    .otherblogrow .row [class*="col-"]+[class*="col-"] { margin-top: 30px; }
    .productleftimg .row [class*="col-"]:first-child { margin-bottom: 20px; }
    .productsticky-top h1 { margin-bottom: 20px; }
    .productherosec-content { max-width: 100%; }
    .ps-contentbox-mobimg { width: 100%; margin-bottom: 20px; }
    .ps-content { width: 100%; }
    .title25 { font-size: 20px; }
    .ps-content-box + .ps-content-box { margin-top: 40px; }
    .rightimgmain .vector-top-left { display: none; }
    .productsticky-top.mb-100 { margin-bottom: 40px; }
    .ps-content-bottom h6 { margin-bottom: 10px; }
    section.contactdetails-row .vector-top-right { display: none; }
    section.app-otherappslider-row { overflow: hidden; }
}
@media only screen and (max-width:580px) {
    .app-advantages-img { width: 70%; }
    .app-advantages-top .app-advantages-content { margin-top: 230px; }
    .app-advantages-box { padding: 20px 0px; margin: 0px; }
    .app-advantages-img-box:nth-child(1), .app-advantages-img-box:nth-child(3) { width: 100%; margin: 0px; }
    .app-advantages-img-box:nth-child(2) { width: 100%; padding-top: 0px; }
    .app-advantages-img-box { margin-bottom: 20px; }
    .app-advantages-img-box:nth-child(1), .app-advantages-img-box:nth-child(3) { margin-bottom: 20px; }
    .app-advantages-bottom-images { margin-bottom: 20px; }
    .vector-bottom-right { display: none; }
}
@media only screen and (max-width:390px) {
    section.hm-benefits-row .cardcol h3 { font-size: 18px; }
    .contactdetails-img { width: 70%; }
}
.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); }
}