/*---------------- Services Marketing Top Icon --------------*/ .mkt-icon-1-animate { -webkit-animation: mktIcon1Anim 1s infinite alternate; animation: mktIcon1Anim 1s infinite alternate; } @-webkit-keyframes mktIcon1Anim { 0% { transform: translateY(0); } 100% { transform: translateY(-15px); } } @keyframes mktIcon1Anim { 0% { transform: translateY(0); } 100% { transform: translateY(-15px); } } .mkt-icon-2-animate { -webkit-animation: mktIcon2Anim 1s infinite alternate; animation: mktIcon2Anim 1s infinite alternate; } @-webkit-keyframes mktIcon2Anim { 0% { transform: translateY(0); } 100% { transform: translateY(-15px); } } @keyframes mktIcon2Anim { 0% { transform: translateY(0); } 100% { transform: translateY(-15px); } } .mkt-icon-3-animate { -webkit-animation: mktIcon3Anim 1s infinite alternate; animation: mktIcon3Anim 1s infinite alternate; } @-webkit-keyframes mktIcon3Anim { 0% { transform: translateY(0); } 100% { transform: translateY(-15px); } } @keyframes mktIcon3Anim { 0% { transform: translateY(0); } 100% { transform: translateY(-15px); } } .mkt-icon-4-animate { -webkit-animation: mktIcon4Anim 1s infinite alternate; animation: mktIcon4Anim 1s infinite alternate; } @-webkit-keyframes mktIcon4Anim { 0% { transform: translateY(0); } 100% { transform: translateY(-15px); } } @keyframes mktIcon4Anim { 0% { transform: translateY(0); } 100% { transform: translateY(-15px); } } .mkt-icon-5-animate { -webkit-animation: mktIcon5Anim 1s infinite alternate; animation: mktIcon5Anim 1s infinite alternate; } @-webkit-keyframes mktIcon5Anim { 0% { transform: translateY(0); } 100% { transform: translateY(-15px); } } @keyframes mktIcon5Anim { 0% { transform: translateY(0); } 100% { transform: translateY(-15px); } } /*.mkt-rocket-1-animate { -webkit-animation: mktRocket1Anim 2s infinite alternate; animation: mktRocket1Anim 2s infinite alternate; } @-webkit-keyframes mktRocket1Anim { 0% { transform: translateY(0); } 100% { transform: translateY(-500px); } } @keyframes mktRocket1Anim { 0% { transform: translateY(0); } 100% { transform: translateY(-500px); } }*/ /*---------------- Services Marketing Top Icon --------------*/ /*---------------- Services Intro Top Arrow --------------*/ .services_sme_st0{fill:none;stroke:#006BFF;stroke-width:0.75;stroke-miterlimit:10;opacity:0;stroke-dasharray: 348; stroke-dashoffset: 0;} .services_sme_st1{fill:#006BFF;opacity: 0;} .services_sme_top_dot_animate { -webkit-animation: servSMETopDotAnim 1.3s ease-in-out forwards; -moz-animation: servSMETopDotAnim 1.3s ease-in-out forwards; -ms-animation: servSMETopDotAnim 1.3s ease-in-out forwards; -o-animation: servSMETopDotAnim 1.3s ease-in-out forwards; animation: servSMETopDotAnim 1.3s ease-in-out forwards; } @-webkit-keyframes servSMETopDotAnim { 0% { opacity: 0; } 20% { opacity: 0; } 25% { opacity: 1; } 100% { opacity: 1; } } @-moz-keyframes servSMETopDotAnim { 0% { opacity: 0; } 20% { opacity: 0; } 25% { opacity: 1; } 100% { opacity: 1; } } @-ms-keyframes servSMETopDotAnim { 0% { opacity: 0; } 20% { opacity: 0; } 25% { opacity: 1; } 100% { opacity: 1; } } @-o-keyframes servSMETopDotAnim { 0% { opacity: 0; } 20% { opacity: 0; } 25% { opacity: 1; } 100% { opacity: 1; } } @keyframes servSMETopDotAnim { 0% { opacity: 0; } 20% { opacity: 0; } 25% { opacity: 1; } 100% { opacity: 1; } } .services_sme_top_line_animate { -webkit-animation: servSMETopArrowAnim 1.3s ease-in-out forwards; -moz-animation: servSMETopArrowAnim 1.3s ease-in-out forwards; -ms-animation: servSMETopArrowAnim 1.3s ease-in-out forwards; -o-animation: servSMETopArrowAnim 1.3s ease-in-out forwards; animation: servSMETopArrowAnim 1.3s ease-in-out forwards; } @-webkit-keyframes servSMETopArrowAnim { 0% { opacity: 0; stroke-dashoffset: 348; } 25% { opacity: 0; stroke-dashoffset: 348; } 26% { opacity: 1; stroke-dashoffset: 348; } 100% { opacity: 1; stroke-dashoffset: 696; } } @-moz-keyframes servSMETopArrowAnim { 0% { opacity: 0; stroke-dashoffset: 348; } 25% { opacity: 0; stroke-dashoffset: 348; } 26% { opacity: 1; stroke-dashoffset: 348; } 100% { opacity: 1; stroke-dashoffset: 696; } } @-ms-keyframes servSMETopArrowAnim { 0% { opacity: 0; stroke-dashoffset: 348; } 25% { opacity: 0; stroke-dashoffset: 348; } 26% { opacity: 1; stroke-dashoffset: 348; } 100% { opacity: 1; stroke-dashoffset: 696; } } @-moz-keyframes servSMETopArrowAnim { 0% { opacity: 0; stroke-dashoffset: 348; } 25% { opacity: 0; stroke-dashoffset: 348; } 26% { opacity: 1; stroke-dashoffset: 348; } 100% { opacity: 1; stroke-dashoffset: 696; } } @keyframes servSMETopArrowAnim { 0% { opacity: 0; stroke-dashoffset: 348; } 25% { opacity: 0; stroke-dashoffset: 348; } 26% { opacity: 1; stroke-dashoffset: 348; } 100% { opacity: 1; stroke-dashoffset: 696; } } /*---------------- Services Intro Top Arrow --------------*/ /*---------------- Services Intro Bottom Arrow --------------*/ .services_sme_st2{fill:none;stroke:#006BFF;stroke-width:0.75;stroke-miterlimit:10;stroke-dasharray: 295; stroke-dashoffset: 0;} .services_sme_st3{fill:none;stroke:#006BFF;stroke-width:2;stroke-miterlimit:10;} .services_sme_btm_line_animate { -webkit-animation: servSMEBtmLineAnim 2.8s ease-in-out forwards; -moz-animation: servSMEBtmLineAnim 2.8s ease-in-out forwards; -ms-animation: servSMEBtmLineAnim 2.8s ease-in-out forwards; -o-animation: servSMEBtmLineAnim 2.8s ease-in-out forwards; animation: servSMEBtmLineAnim 2.8s ease-in-out forwards; } @-webkit-keyframes servSMEBtmLineAnim { 0% { opacity: 0; stroke-dashoffset: 295; } 45% { opacity: 0; stroke-dashoffset: 295; } 46% { opacity: 1; stroke-dashoffset: 295; } 90% { opacity: 1; stroke-dashoffset: 0; } 100% { opacity: 1; stroke-dashoffset: 0; } } @-moz-keyframes servSMEBtmLineAnim { 0% { opacity: 0; stroke-dashoffset: 295; } 45% { opacity: 0; stroke-dashoffset: 295; } 46% { opacity: 1; stroke-dashoffset: 295; } 90% { opacity: 1; stroke-dashoffset: 0; } 100% { opacity: 1; stroke-dashoffset: 0; } } @-ms-keyframes servSMEBtmLineAnim { 0% { opacity: 0; stroke-dashoffset: 295; } 45% { opacity: 0; stroke-dashoffset: 295; } 46% { opacity: 1; stroke-dashoffset: 295; } 90% { opacity: 1; stroke-dashoffset: 0; } 100% { opacity: 1; stroke-dashoffset: 0; } } @-moz-keyframes servSMEBtmLineAnim { 0% { opacity: 0; stroke-dashoffset: 295; } 45% { opacity: 0; stroke-dashoffset: 295; } 46% { opacity: 1; stroke-dashoffset: 295; } 90% { opacity: 1; stroke-dashoffset: 0; } 100% { opacity: 1; stroke-dashoffset: 0; } } @keyframes servSMEBtmLineAnim { 0% { opacity: 0; stroke-dashoffset: 295; } 45% { opacity: 0; stroke-dashoffset: 295; } 46% { opacity: 1; stroke-dashoffset: 295; } 90% { opacity: 1; stroke-dashoffset: 0; } 100% { opacity: 1; stroke-dashoffset: 0; } } .services_sme_btm_arrow_animate { -webkit-animation: servSMEBtmArrowAnim 2.8s ease-in-out forwards; -moz-animation: servSMEBtmArrowAnim 2.8s ease-in-out forwards; -ms-animation: servSMEBtmArrowAnim 2.8s ease-in-out forwards; -o-animation: servSMEBtmArrowAnim 2.8s ease-in-out forwards; animation: servSMEBtmArrowAnim 2.8s ease-in-out forwards; } @-webkit-keyframes servSMEBtmArrowAnim { 0% { opacity: 0; } 75% { opacity: 0; } 85% { opacity: 1; } 100% { opacity: 1; } } @-moz-keyframes servSMEBtmArrowAnim { 0% { opacity: 0; } 75% { opacity: 0; } 85% { opacity: 1; } 100% { opacity: 1; } } @-ms-keyframes servSMEBtmArrowAnim { 0% { opacity: 0; } 75% { opacity: 0; } 85% { opacity: 1; } 100% { opacity: 1; } } @-o-keyframes servSMEBtmArrowAnim { 0% { opacity: 0; } 75% { opacity: 0; } 85% { opacity: 1; } 100% { opacity: 1; } } @keyframes servSMEBtmArrowAnim { 0% { opacity: 0; } 75% { opacity: 0; } 85% { opacity: 1; } 100% { opacity: 1; } } /*---------------- Services Intro Bottom Arrow --------------*/ /*---------------- Services Why Slide 1 --------------*/ /*.save_time_anim_play .circle1 { -webkit-animation: saveTimeCircle1Anim 5s linear infinite forwards; -moz-animation: saveTimeCircle1Anim 5s linear infinite forwards; -ms-animation: saveTimeCircle1Anim 5s linear infinite forwards; -o-animation: saveTimeCircle1Anim 5s linear infinite forwards; animation: saveTimeCircle1Anim 5s linear infinite forwards; } @-webkit-keyframes saveTimeCircle1Anim { 0% { transform: rotate(0deg) translateX(5px) rotate(0deg); } 100% { transform: rotate(360deg) translateX(5px) rotate(-360deg); } } .save_time_anim_play .circle2 { -webkit-animation: saveTimeCircle2Anim 5s linear infinite forwards; -moz-animation: saveTimeCircle2Anim 5s linear infinite forwards; -ms-animation: saveTimeCircle2Anim 5s linear infinite forwards; -o-animation: saveTimeCircle2Anim 5s linear infinite forwards; animation: saveTimeCircle2Anim 5s linear infinite forwards; } @-webkit-keyframes saveTimeCircle2Anim { 0% { transform: rotate(360deg) translateX(4px) rotate(-360deg); } 100% { transform: rotate(0deg) translateX(4px) rotate(0deg); } } .save_time_anim_play .circle3 { -webkit-animation: saveTimeCircle3Anim 5s linear infinite forwards; -moz-animation: saveTimeCircle3Anim 5s linear infinite forwards; -ms-animation: saveTimeCircle3Anim 5s linear infinite forwards; -o-animation: saveTimeCircle3Anim 5s linear infinite forwards; animation: saveTimeCircle3Anim 5s linear infinite forwards; } @-webkit-keyframes saveTimeCircle3Anim { 0% { transform: rotate(360deg) translateX(2px) rotate(-360deg); } 100% { transform: rotate(0deg) translateX(2px) rotate(0deg); } } .save_time_anim_play .circle4 { -webkit-animation: saveTimeCircle4Anim 5s linear infinite forwards; -moz-animation: saveTimeCircle4Anim 5s linear infinite forwards; -ms-animation: saveTimeCircle4Anim 5s linear infinite forwards; -o-animation: saveTimeCircle4Anim 5s linear infinite forwards; animation: saveTimeCircle4Anim 5s linear infinite forwards; } @-webkit-keyframes saveTimeCircle4Anim { 0% { transform: rotate(360deg) translateX(8px) rotate(-360deg); } 100% { transform: rotate(0deg) translateX(8px) rotate(0deg); } }*/ /*.save_time_anim_play { -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; opacity: 0; } .save-time-svg-container { -webkit-transform: scale(0); transform: scale(0); } @-webkit-keyframes scale-in-center { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes scale-in-center { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } }*/ /*---------------- Services Why Slide 1 --------------*/ /*---------------- Contact Top Bottom Arrow --------------*/ .c_top_st0{fill:none;stroke:#006BFF;stroke-width:0.75;stroke-miterlimit:10;stroke-dasharray: 645; stroke-dashoffset: 0;opacity: 0;} .c_btm_st0{fill:none;stroke:#006BFF;stroke-width:0.75;stroke-miterlimit:10;stroke-dasharray: 650; stroke-dashoffset: 0;} .c_st1{fill:none;stroke:#006BFF;stroke-width:2;stroke-miterlimit:10;opacity: 0;} .c_st2{fill:#006BFF;} .contact-top-line-animate { stroke-dasharray: 645; stroke-dashoffset: 0; -webkit-animation: conTopLineAnim 1.5s ease-in-out forwards; -moz-animation: conTopLineAnim 1.5s ease-in-out forwards; -ms-animation: conTopLineAnim 1.5s ease-in-out forwards; -o-animation: conTopLineAnim 1.5s ease-in-out forwards; animation: conTopLineAnim 1.5s ease-in-out forwards; } @-webkit-keyframes conTopLineAnim { 0% { opacity: 0; stroke-dashoffset: 645; } 14% { opacity: 0; stroke-dashoffset: 645; } 15% { opacity: 1; stroke-dashoffset: 645; } 100% { opacity: 1; stroke-dashoffset: 0; } } @-moz-keyframes conTopLineAnim { 0% { opacity: 0; stroke-dashoffset: 645; } 14% { opacity: 0; stroke-dashoffset: 645; } 15% { opacity: 1; stroke-dashoffset: 645; } 100% { opacity: 1; stroke-dashoffset: 0; } } @-ms-keyframes conTopLineAnim { 0% { opacity: 0; stroke-dashoffset: 645; } 14% { opacity: 0; stroke-dashoffset: 645; } 15% { opacity: 1; stroke-dashoffset: 645; } 100% { opacity: 1; stroke-dashoffset: 0; } } @-o-keyframes conTopLineAnim { 0% { opacity: 0; stroke-dashoffset: 645; } 14% { opacity: 0; stroke-dashoffset: 645; } 15% { opacity: 1; stroke-dashoffset: 645; } 100% { opacity: 1; stroke-dashoffset: 0; } } @keyframes conTopLineAnim { 0% { opacity: 0; stroke-dashoffset: 645; } 14% { opacity: 0; stroke-dashoffset: 645; } 15% { opacity: 1; stroke-dashoffset: 645; } 100% { opacity: 1; stroke-dashoffset: 0; } } .contact-top-arrow-animate { stroke-dasharray: 645; stroke-dashoffset: 0; -webkit-animation: conTopArrowAnim 2s ease-in-out forwards; -moz-animation: conTopArrowAnim 2s ease-in-out forwards; -ms-animation: conTopArrowAnim 2s ease-in-out forwards; -o-animation: conTopArrowAnim 2s ease-in-out forwards; animation: conTopArrowAnim 2s ease-in-out forwards; } @-webkit-keyframes conTopArrowAnim { 0% { opacity: 0; } 75% { opacity: 0; } 85% { opacity: 1; } 100% { opacity: 1; } } @-moz-keyframes conTopArrowAnim { 0% { opacity: 0; } 75% { opacity: 0; } 85% { opacity: 1; } 100% { opacity: 1; } } @-ms-keyframes conTopArrowAnim { 0% { opacity: 0; } 75% { opacity: 0; } 85% { opacity: 1; } 100% { opacity: 1; } } @-o-keyframes conTopArrowAnim { 0% { opacity: 0; } 75% { opacity: 0; } 85% { opacity: 1; } 100% { opacity: 1; } } @keyframes conTopArrowAnim { 0% { opacity: 0; } 75% { opacity: 0; } 85% { opacity: 1; } 100% { opacity: 1; } } .contact-btm-line-animate { stroke-dasharray: 650; stroke-dashoffset: 0; -webkit-animation: conBtmLineAnim 3s ease-in-out forwards; -moz-animation: conBtmLineAnim 3s ease-in-out forwards; -ms-animation: conBtmLineAnim 3s ease-in-out forwards; -o-animation: conBtmLineAnim 3s ease-in-out forwards; animation: conBtmLineAnim 3s ease-in-out forwards; } @-webkit-keyframes conBtmLineAnim { 0% { opacity: 0; stroke-dashoffset: 650; } 59% { opacity: 0; stroke-dashoffset: 650; } 60% { opacity: 1; stroke-dashoffset: 650; } 100% { opacity: 1; stroke-dashoffset: 0; } } @-moz-keyframes conBtmLineAnim { 0% { opacity: 0; stroke-dashoffset: 650; } 59% { opacity: 0; stroke-dashoffset: 650; } 60% { opacity: 1; stroke-dashoffset: 650; } 100% { opacity: 1; stroke-dashoffset: 0; } } @-ms-keyframes conBtmLineAnim { 0% { opacity: 0; stroke-dashoffset: 650; } 59% { opacity: 0; stroke-dashoffset: 650; } 60% { opacity: 1; stroke-dashoffset: 650; } 100% { opacity: 1; stroke-dashoffset: 0; } } @-o-keyframes conBtmLineAnim { 0% { opacity: 0; stroke-dashoffset: 650; } 59% { opacity: 0; stroke-dashoffset: 650; } 60% { opacity: 1; stroke-dashoffset: 650; } 100% { opacity: 1; stroke-dashoffset: 0; } } @keyframes conBtmLineAnim { 0% { opacity: 0; stroke-dashoffset: 650; } 59% { opacity: 0; stroke-dashoffset: 650; } 60% { opacity: 1; stroke-dashoffset: 650; } 100% { opacity: 1; stroke-dashoffset: 0; } } .contact-btm-dot-animate { -webkit-animation: conBtmDotAnim 2s ease-in-out forwards; -moz-animation: conBtmDotAnim 2s ease-in-out forwards; -ms-animation: conBtmDotAnim 2s ease-in-out forwards; -o-animation: conBtmDotAnim 2s ease-in-out forwards; animation: conBtmDotAnim 2s ease-in-out forwards; } @-webkit-keyframes conBtmDotAnim { 0% { opacity: 0; } 85% { opacity: 0; } 95% { opacity: 1; } 100% { opacity: 1; } } @-moz-keyframes conBtmDotAnim { 0% { opacity: 0; } 85% { opacity: 0; } 95% { opacity: 1; } 100% { opacity: 1; } } @-ms-keyframes conBtmDotAnim { 0% { opacity: 0; } 85% { opacity: 0; } 95% { opacity: 1; } 100% { opacity: 1; } } @-o-keyframes conBtmDotAnim { 0% { opacity: 0; } 85% { opacity: 0; } 95% { opacity: 1; } 100% { opacity: 1; } } @keyframes conBtmDotAnim { 0% { opacity: 0; } 85% { opacity: 0; } 95% { opacity: 1; } 100% { opacity: 1; } } /*---------------- Contact Top Bottom Arrow --------------*/ /*---------------- About Us --------------*/ #Line_1 .aboutus_st39 { opacity: 0; } .about-us-svg-container.animated .abt-line-1-animate { stroke-dasharray: 2115; stroke-dashoffset: 0; -webkit-animation: abtLine1Anim 4s ease-in-out forwards; -moz-animation: abtLine1Anim 4s ease-in-out forwards; -ms-animation: abtLine1Anim 4s ease-in-out forwards; -o-animation: abtLine1Anim 4s ease-in-out forwards; animation: abtLine1Anim 4s ease-in-out forwards; } @-webkit-keyframes abtLine1Anim { 0% { opacity: 1; stroke-dashoffset: 2115; } 100% { opacity: 1; stroke-dashoffset: 0; } } @-moz-keyframes abtLine1Anim { 0% { opacity: 1; stroke-dashoffset: 2115; } 100% { opacity: 1; stroke-dashoffset: 0; } } @-ms-keyframes abtLine1Anim { 0% { opacity: 1; stroke-dashoffset: 2115; } 100% { opacity: 1; stroke-dashoffset: 0; } } @-o-keyframes abtLine1Anim { 0% { opacity: 1; stroke-dashoffset: 2115; } 100% { opacity: 1; stroke-dashoffset: 0; } } @keyframes abtLine1Anim { 0% { opacity: 1; stroke-dashoffset: 2115; } 100% { opacity: 1; stroke-dashoffset: 0; } } #Line_1 .aboutus_st27 { opacity: 0; } .about-us-svg-container.animated .abt-arrow-1-animate { -webkit-animation: abtArr1Anim 2s ease-in-out forwards; -moz-animation: abtArr1Anim 2s ease-in-out forwards; -ms-animation: abtArr1Anim 2s ease-in-out forwards; -o-animation: abtArr1Anim 2s ease-in-out forwards; animation: abtArr1Anim 2.5s ease-in-out forwards; } @keyframes abtArr1Anim { 0% { opacity: 0; } 85% { opacity: 0; } 100% { opacity: 1; } } #Line_2 .aboutus_line_2 { opacity: 0; } .about-us-svg-container.animated .abt-line-2-animate { stroke-dasharray: 415; stroke-dashoffset: 0; -webkit-animation: abtLine2Anim 2s ease-in-out forwards; -moz-animation: abtLine2Anim 2s ease-in-out forwards; -ms-animation: abtLine2Anim 2s ease-in-out forwards; -o-animation: abtLine2Anim 2s ease-in-out forwards; animation: abtLine2Anim 2s ease-in-out forwards; animation-delay: 2.3s; } @-webkit-keyframes abtLine2Anim { 0% { opacity: 1; stroke-dashoffset: 415; } 100% { opacity: 1; stroke-dashoffset: 0; } } #Line_2 .aboutus_dot_2 { opacity: 0; } .about-us-svg-container.animated .abt-dot-2-animate { -webkit-animation: abtDot2Anim 2s ease-in-out forwards; -moz-animation: abtDot2Anim 2s ease-in-out forwards; -ms-animation: abtDot2Anim 2s ease-in-out forwards; -o-animation: abtDot2Anim 2s ease-in-out forwards; animation: abtDot2Anim 2s ease-in-out forwards; animation-delay: 2.3s; } @-webkit-keyframes abtDot2Anim { 0% { opacity: 0; } 20% { opacity: 1; } 100% { opacity: 1; } } #Line_2 .aboutus_arrow_2 { opacity: 0; } .about-us-svg-container.animated .abt-arrow-2-animate { -webkit-animation: abtArr2Anim 2s ease-in-out forwards; -moz-animation: abtArr2Anim 2s ease-in-out forwards; -ms-animation: abtArr2Anim 2s ease-in-out forwards; -o-animation: abtArr2Anim 2s ease-in-out forwards; animation: abtArr2Anim 2s ease-in-out forwards; animation-delay: 2.3s; } @-webkit-keyframes abtArr2Anim { 0% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 1; } } #Line_3 .aboutus_line_3 { opacity: 0; } .about-us-svg-container.animated .abt-line-3-animate { stroke-dasharray: 320; stroke-dashoffset: 0; -webkit-animation: abtLine3Anim 1.7s ease-in-out forwards; -moz-animation: abtLine3Anim 1.7s ease-in-out forwards; -ms-animation: abtLine3Anim 1.7s ease-in-out forwards; -o-animation: abtLine3Anim 1.7s ease-in-out forwards; animation: abtLine3Anim 1.7s ease-in-out forwards; animation-delay: 2.3s; } @-webkit-keyframes abtLine3Anim { 0% { opacity: 1; stroke-dashoffset: 320; } 100% { opacity: 1; stroke-dashoffset: 0; } } #Line_3 .aboutus_dot_3 { opacity: 0; } .about-us-svg-container.animated .abt-dot-3-animate { -webkit-animation: abtDot3Anim 1.7s ease-in-out forwards; -moz-animation: abtDot3Anim 1.7s ease-in-out forwards; -ms-animation: abtDot3Anim 1.7s ease-in-out forwards; -o-animation: abtDot3Anim 1.7s ease-in-out forwards; animation: abtDot3Anim 1.7s ease-in-out forwards; animation-delay: 2.3s; } @-webkit-keyframes abtDot3Anim { 0% { opacity: 0; } 20% { opacity: 1; } 100% { opacity: 1; } } #Line_3 .aboutus_arrow_3 { opacity: 0; } .about-us-svg-container.animated .abt-arrow-3-animate { -webkit-animation: abtArr3Anim 1.7s ease-in-out forwards; -moz-animation: abtArr3Anim 1.7s ease-in-out forwards; -ms-animation: abtArr3Anim 1.7s ease-in-out forwards; -o-animation: abtArr3Anim 1.7s ease-in-out forwards; animation: abtArr3Anim 1.7s ease-in-out forwards; animation-delay: 2.3s; } @-webkit-keyframes abtArr3Anim { 0% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 1; } } #Line_4 .aboutus_line_4 { opacity: 0; } .about-us-svg-container.animated .abt-line-4-animate { stroke-dasharray: 470; stroke-dashoffset: 0; -webkit-animation: abtLine4Anim 1.5s ease-in-out forwards; -moz-animation: abtLine4Anim 1.5s ease-in-out forwards; -ms-animation: abtLine4Anim 1.5s ease-in-out forwards; -o-animation: abtLine4Anim 1.5s ease-in-out forwards; animation: abtLine4Anim 1.5s ease-in-out forwards; animation-delay: 3.4s; } @-webkit-keyframes abtLine4Anim { 0% { opacity: 1; stroke-dashoffset: 470; } 100% { opacity: 1; stroke-dashoffset: 940; } } #Line_4 .aboutus_dot_4 { opacity: 0; } .about-us-svg-container.animated .abt-dot-4-animate { -webkit-animation: abtDot4Anim 1.2s ease-in-out forwards; -moz-animation: abtDot4Anim 1.2s ease-in-out forwards; -ms-animation: abtDot4Anim 1.2s ease-in-out forwards; -o-animation: abtDot4Anim 1.2s ease-in-out forwards; animation: abtDot4Anim 1.2s ease-in-out forwards; animation-delay: 3.4s; } @-webkit-keyframes abtDot4Anim { 0% { opacity: 0; } 40% { opacity: 0; } 70% { opacity: 1; } 100% { opacity: 1; } } #Line_4 .aboutus_arrow_4 { opacity: 0; } .about-us-svg-container.animated .abt-arrow-4-animate { -webkit-animation: abtArr4Anim 1.7s ease-in-out forwards; -moz-animation: abtArr4Anim 1.7s ease-in-out forwards; -ms-animation: abtArr4Anim 1.7s ease-in-out forwards; -o-animation: abtArr4Anim 1.7s ease-in-out forwards; animation: abtArr4Anim 1.7s ease-in-out forwards; animation-delay: 3.4s; } @-webkit-keyframes abtArr4Anim { 0% { opacity: 0; } 80% { opacity: 0; } 100% { opacity: 1; } } #Line_5 .aboutus_line_5 { opacity: 0; } .about-us-svg-container.animated .abt-line-5-animate { stroke-dasharray: 105; stroke-dashoffset: 0; -webkit-animation: abtLine5Anim 1s ease-in-out forwards; -moz-animation: abtLine5Anim 1s ease-in-out forwards; -ms-animation: abtLine5Anim 1s ease-in-out forwards; -o-animation: abtLine5Anim 1s ease-in-out forwards; animation: abtLine5Anim 1s ease-in-out forwards; animation-delay: 2.3s; } @-webkit-keyframes abtLine5Anim { 0% { opacity: 1; stroke-dashoffset: 105; } 100% { opacity: 1; stroke-dashoffset: 210; } } #Line_5 .aboutus_dot_5 { opacity: 0; } .about-us-svg-container.animated .abt-dot-5-animate { -webkit-animation: abtDot5Anim 0.7s ease-in-out forwards; -moz-animation: abtDot5Anim 0.7s ease-in-out forwards; -ms-animation: abtDot5Anim 0.7s ease-in-out forwards; -o-animation: abtDot5Anim 0.7s ease-in-out forwards; animation: abtDot5Anim 0.7s ease-in-out forwards; animation-delay: 2.3s; } @-webkit-keyframes abtDot5Anim { 0% { opacity: 0; } 20% { opacity: 1; } 100% { opacity: 1; } } #Line_5 .aboutus_arrow_5 { opacity: 0; } .about-us-svg-container.animated .abt-arrow-5-animate { -webkit-animation: abtArr5Anim 1s ease-in-out forwards; -moz-animation: abtArr5Anim 1s ease-in-out forwards; -ms-animation: abtArr5Anim 1s ease-in-out forwards; -o-animation: abtArr5Anim 1s ease-in-out forwards; animation: abtArr5Anim 1s ease-in-out forwards; animation-delay: 2.3s; } @-webkit-keyframes abtArr5Anim { 0% { opacity: 0; } 80% { opacity: 0; } 100% { opacity: 1; } } .about-us-svg-container.animated .abt-paper-1-animate { -webkit-animation: abtPaper1Anim 2s infinite alternate; animation: abtPaper1Anim 2s infinite alternate; } @-webkit-keyframes abtPaper1Anim { 0% { transform: translateY(0); } 100% { transform: translateY(-15px); } } @keyframes abtPaper1Anim { 0% { transform: translateY(0); } 100% { transform: translateY(-15px); } } .about-us-svg-container.animated .abt-paper-2-animate { -webkit-animation: abtPaper2Anim 2s infinite alternate; animation: abtPaper2Anim 2s infinite alternate; } @-webkit-keyframes abtPaper2Anim { 0% { transform: translateY(0); } 100% { transform: translateY(25px); } } @keyframes abtPaper2Anim { 0% { transform: translateY(0); } 100% { transform: translateY(25px); } } .about-us-svg-container.animated .abt-paper-3-animate { -webkit-animation: abtPaper3Anim 2s infinite alternate; animation: abtPaper3Anim 2s infinite alternate; } @-webkit-keyframes abtPaper3Anim { 0% { transform: translateY(0); } 100% { transform: translateY(-20px); } } @keyframes abtPaper3Anim { 0% { transform: translateY(0); } 100% { transform: translateY(-20px); } } .about-us-svg-container.animated .abt-paper-4-animate { -webkit-animation: abtPaper4Anim 2s infinite alternate; animation: abtPaper4Anim 2s infinite alternate; } @-webkit-keyframes abtPaper4Anim { 0% { transform: translateY(0); } 100% { transform: translateY(15px); } } @keyframes abtPaper4Anim { 0% { transform: translateY(0); } 100% { transform: translateY(15px); } } .about-us-svg-container.animated .abt-paper-5-animate { -webkit-animation: abtPaper5Anim 2s infinite alternate; animation: abtPaper5Anim 2s infinite alternate; } @-webkit-keyframes abtPaper5Anim { 0% { transform: translateY(0); } 100% { transform: translateY(-15px); } } @keyframes abtPaper5Anim { 0% { transform: translateY(0); } 100% { transform: translateY(-15px); } } /*---------------- Services Top Arrow --------------*/ .services-top-line{fill:none;stroke:#006BFF;stroke-width:0.75;stroke-miterlimit:10; stroke-dasharray: 425; stroke-dashoffset: 0; opacity: 0;} .services-top-dot{fill:#006BFF; opacity: 0;} .section_features.animated .services-top-arrow-animate { stroke-dasharray: 425; stroke-dashoffset: 0; -webkit-animation: servTopArrAnim 1s ease-in-out forwards; -moz-animation: servTopArrAnim 1s ease-in-out forwards; -ms-animation: servTopArrAnim 1s ease-in-out forwards; -o-animation: servTopArrAnim 1s ease-in-out forwards; animation: servTopArrAnim 1s ease-in-out forwards; } @-webkit-keyframes servTopArrAnim { 0% { opacity: 0; stroke-dashoffset: 425; } 14% { opacity: 0; stroke-dashoffset: 425; } 15% { opacity: 1; stroke-dashoffset: 425; } 100% { opacity: 1; stroke-dashoffset: 850; } } @-moz-keyframes servTopArrAnim { 0% { opacity: 0; stroke-dashoffset: 425; } 14% { opacity: 0; stroke-dashoffset: 425; } 15% { opacity: 1; stroke-dashoffset: 425; } 100% { opacity: 1; stroke-dashoffset: 850; } } @-ms-keyframes servTopArrAnim { 0% { opacity: 0; stroke-dashoffset: 425; } 14% { opacity: 0; stroke-dashoffset: 425; } 15% { opacity: 1; stroke-dashoffset: 425; } 100% { opacity: 1; stroke-dashoffset: 850; } } @-o-keyframes servTopArrAnim { 0% { opacity: 0; stroke-dashoffset: 425; } 14% { opacity: 0; stroke-dashoffset: 425; } 15% { opacity: 1; stroke-dashoffset: 425; } 100% { opacity: 1; stroke-dashoffset: 850; } } @keyframes servTopArrAnim { 0% { opacity: 0; stroke-dashoffset: 425; } 14% { opacity: 0; stroke-dashoffset: 425; } 15% { opacity: 1; stroke-dashoffset: 425; } 100% { opacity: 1; stroke-dashoffset: 850; } } .section_features.animated .services-top-dot-animate { -webkit-animation: servTopDotAnim 1.5s ease-in-out forwards; -moz-animation: servTopDotAnim 1.5s ease-in-out forwards; -ms-animation: servTopDotAnim 1.5s ease-in-out forwards; -o-animation: servTopDotAnim 1.5s ease-in-out forwards; animation: servTopDotAnim 1.5s ease-in-out forwards; } @-webkit-keyframes servTopDotAnim { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 1; } 100% { opacity: 1; } } @-moz-keyframes servTopDotAnim { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 1; } 100% { opacity: 1; } } @-ms-keyframes servTopDotAnim { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 1; } 100% { opacity: 1; } } @-o-keyframes servTopDotAnim { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 1; } 100% { opacity: 1; } } @keyframes servTopDotAnim { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 1; } 100% { opacity: 1; } } /*---------------- Services Top Arrow --------------*/ /*---------------- Services Bottom Arrow --------------*/ .services-bottom-line{fill:none;stroke:#006BFF;stroke-width:0.75;stroke-miterlimit:10; stroke-dasharray: 832; stroke-dashoffset: 0; opacity: 0;} .services-bottom-arrow{fill:none;stroke:#006BFF;stroke-width:2;stroke-miterlimit:10; stroke-dasharray: 30; stroke-dashoffset: 0; opacity: 0;} .section_features.animated .services-bottom-line-animate { stroke-dasharray: 832; stroke-dashoffset: 0; -webkit-animation: servBtmLineAnim 2s ease-in-out forwards; -moz-animation: servBtmLineAnim 2s ease-in-out forwards; -ms-animation: servBtmLineAnim 2s ease-in-out forwards; -o-animation: servBtmLineAnim 2s ease-in-out forwards; animation: servBtmLineAnim 2s ease-in-out forwards; } @-webkit-keyframes servBtmLineAnim { 0% { opacity: 0; stroke-dashoffset: 0; } 44% { opacity: 0; stroke-dashoffset: 0; } 45% { opacity: 1; stroke-dashoffset: 832; } 100% { opacity: 1; } } @-moz-keyframes servBtmLineAnim { 0% { opacity: 0; stroke-dashoffset: 0; } 44% { opacity: 0; stroke-dashoffset: 0; } 45% { opacity: 1; stroke-dashoffset: 832; } 100% { opacity: 1; } } @-ms-keyframes servBtmLineAnim { 0% { opacity: 0; stroke-dashoffset: 0; } 44% { opacity: 0; stroke-dashoffset: 0; } 45% { opacity: 1; stroke-dashoffset: 832; } 100% { opacity: 1; } } @-o-keyframes servBtmLineAnim { 0% { opacity: 0; stroke-dashoffset: 0; } 44% { opacity: 0; stroke-dashoffset: 0; } 45% { opacity: 1; stroke-dashoffset: 832; } 100% { opacity: 1; } } @keyframes servBtmLineAnim { 0% { opacity: 0; stroke-dashoffset: 0; } 44% { opacity: 0; stroke-dashoffset: 0; } 45% { opacity: 1; stroke-dashoffset: 832; } 100% { opacity: 1; } } .section_features.animated .services-bottom-arrow-animate { stroke-dasharray: 30; stroke-dashoffset: 0; -webkit-animation: servBtmArrAnim 2.5s ease-in-out forwards; -moz-animation: servBtmArrAnim 2.5s ease-in-out forwards; -ms-animation: servBtmArrAnim 2.5s ease-in-out forwards; -o-animation: servBtmArrAnim 2.5s ease-in-out forwards; animation: servBtmArrAnim 2.5s ease-in-out forwards; } @-webkit-keyframes servBtmArrAnim { 0% { opacity: 0; } 85% { opacity: 0; } 92% { opacity: 1; } 100% { opacity: 1; } } @-moz-keyframes servBtmArrAnim { 0% { opacity: 0; } 85% { opacity: 0; } 92% { opacity: 1; } 100% { opacity: 1; } } @-ms-keyframes servBtmArrAnim { 0% { opacity: 0; } 85% { opacity: 0; } 92% { opacity: 1; } 100% { opacity: 1; } } @-o-keyframes servBtmArrAnim { 0% { opacity: 0; } 85% { opacity: 0; } 92% { opacity: 1; } 100% { opacity: 1; } } @keyframes servBtmArrAnim { 0% { opacity: 0; } 85% { opacity: 0; } 92% { opacity: 1; } 100% { opacity: 1; } } /*---------------- Services Bottom Arrow --------------*/ /*---------------- Works Left Arrow --------------*/ .l_works-st0{fill:none;stroke:#006BFF;stroke-width:0.75;stroke-miterlimit:10; stroke-dasharray: 1260; stroke-dashoffset: 0; opacity: 0;} .l_works-st1{fill:#006BFF; opacity: 0;} .section_works.animated .works-left-line-animate { stroke-dasharray: 1260; stroke-dashoffset: 0; -webkit-animation: worksLeftLineAnim 1.7s ease-in-out forwards; -moz-animation: worksLeftLineAnim 1.7s ease-in-out forwards; -ms-animation: worksLeftLineAnim 1.7s ease-in-out forwards; -o-animation: worksLeftLineAnim 1.7s ease-in-out forwards; animation: worksLeftLineAnim 1.7s ease-in-out forwards; } @-webkit-keyframes worksLeftLineAnim { 0% { opacity: 0; stroke-dashoffset: 1260; } 14% { opacity: 0; stroke-dashoffset: 1260; } 15% { opacity: 1; stroke-dashoffset: 1260; } 100% { opacity: 1; stroke-dashoffset: 2520; } } @-moz-keyframes worksLeftLineAnim { 0% { opacity: 0; stroke-dashoffset: 1260; } 14% { opacity: 0; stroke-dashoffset: 1260; } 15% { opacity: 1; stroke-dashoffset: 1260; } 100% { opacity: 1; stroke-dashoffset: 2520; } } @-ms-keyframes worksLeftLineAnim { 0% { opacity: 0; stroke-dashoffset: 1260; } 14% { opacity: 0; stroke-dashoffset: 1260; } 15% { opacity: 1; stroke-dashoffset: 1260; } 100% { opacity: 1; stroke-dashoffset: 2520; } } @-o-keyframes worksLeftLineAnim { 0% { opacity: 0; stroke-dashoffset: 1260; } 14% { opacity: 0; stroke-dashoffset: 1260; } 15% { opacity: 1; stroke-dashoffset: 1260; } 100% { opacity: 1; stroke-dashoffset: 2520; } } @keyframes worksLeftLineAnim { 0% { opacity: 0; stroke-dashoffset: 1260; } 14% { opacity: 0; stroke-dashoffset: 1260; } 15% { opacity: 1; stroke-dashoffset: 1260; } 100% { opacity: 1; stroke-dashoffset: 2520; } } .section_works.animated .works-left-dot-animate { -webkit-animation: worksLeftDotAnim 2s ease-in-out forwards; -moz-animation: worksLeftDotAnim 2s ease-in-out forwards; -ms-animation: worksLeftDotAnim 2s ease-in-out forwards; -o-animation: worksLeftDotAnim 2s ease-in-out forwards; animation: worksLeftDotAnim 2s ease-in-out forwards; } @-webkit-keyframes worksLeftDotAnim { 0% { opacity: 0; } 5% { opacity: 0; } 15% { opacity: 1; } 100% { opacity: 1; } } @-moz-keyframes worksLeftDotAnim { 0% { opacity: 0; } 5% { opacity: 0; } 15% { opacity: 1; } 100% { opacity: 1; } } @-ms-keyframes worksLeftDotAnim { 0% { opacity: 0; } 5% { opacity: 0; } 15% { opacity: 1; } 100% { opacity: 1; } } @-o-keyframes worksLeftDotAnim { 0% { opacity: 0; } 5% { opacity: 0; } 15% { opacity: 1; } 100% { opacity: 1; } } @keyframes worksLeftDotAnim { 0% { opacity: 0; } 5% { opacity: 0; } 15% { opacity: 1; } 100% { opacity: 1; } } /*---------------- Works Left Arrow --------------*/ /*---------------- Works Right Arrow --------------*/ .r_works-st0{fill:none;stroke:#006BFF;stroke-width:0.75;stroke-miterlimit:10;stroke-dasharray: 295; stroke-dashoffset: 0;opacity: 0;} .r_works-st1{fill:none;stroke:#006BFF;stroke-width:2;stroke-miterlimit:10; opacity: 0;} .section_works.animated .works-right-line-animate { stroke-dasharray: 295; stroke-dashoffset: 0; -webkit-animation: worksRightLineAnim 2.5s ease-in-out forwards; -moz-animation: worksRightLineAnim 2.5s ease-in-out forwards; -ms-animation: worksRightLineAnim 2.5s ease-in-out forwards; -o-animation: worksRightLineAnim 2.5s ease-in-out forwards; animation: worksRightLineAnim 2.5s ease-in-out forwards; } @-webkit-keyframes worksRightLineAnim { 0% { opacity: 0; stroke-dashoffset: 295; } 64% { opacity: 0; stroke-dashoffset: 295; } 65% { opacity: 1; stroke-dashoffset: 295; } 100% { opacity: 1; stroke-dashoffset: 590; } } @-moz-keyframes worksRightLineAnim { 0% { opacity: 0; stroke-dashoffset: 295; } 64% { opacity: 0; stroke-dashoffset: 295; } 65% { opacity: 1; stroke-dashoffset: 295; } 100% { opacity: 1; stroke-dashoffset: 590; } } @-ms-keyframes worksRightLineAnim { 0% { opacity: 0; stroke-dashoffset: 295; } 64% { opacity: 0; stroke-dashoffset: 295; } 65% { opacity: 1; stroke-dashoffset: 295; } 100% { opacity: 1; stroke-dashoffset: 590; } } @-o-keyframes worksRightLineAnim { 0% { opacity: 0; stroke-dashoffset: 295; } 64% { opacity: 0; stroke-dashoffset: 295; } 65% { opacity: 1; stroke-dashoffset: 295; } 100% { opacity: 1; stroke-dashoffset: 590; } } @keyframes worksRightLineAnim { 0% { opacity: 0; stroke-dashoffset: 295; } 64% { opacity: 0; stroke-dashoffset: 295; } 65% { opacity: 1; stroke-dashoffset: 295; } 100% { opacity: 1; stroke-dashoffset: 590; } } .section_works.animated .works-right-arrow-animate { -webkit-animation: worksArrowRightAnim 2.5s ease-in-out forwards; -moz-animation: worksArrowRightAnim 2.5s ease-in-out forwards; -ms-animation: worksArrowRightAnim 2.5s ease-in-out forwards; -o-animation: worksArrowRightAnim 2.5s ease-in-out forwards; animation: worksArrowRightAnim 2.5s ease-in-out forwards; } @-webkit-keyframes worksArrowRightAnim { 0% { opacity: 0; } 65% { opacity: 0; } 75% { opacity: 1; } 100% { opacity: 1; } } @-moz-keyframes worksArrowRightAnim { 0% { opacity: 0; } 65% { opacity: 0; } 75% { opacity: 1; } 100% { opacity: 1; } } @-ms-keyframes worksArrowRightAnim { 0% { opacity: 0; } 65% { opacity: 0; } 75% { opacity: 1; } 100% { opacity: 1; } } @-o-keyframes worksArrowRightAnim { 0% { opacity: 0; } 65% { opacity: 0; } 75% { opacity: 1; } 100% { opacity: 1; } } @keyframes worksArrowRightAnim { 0% { opacity: 0; } 65% { opacity: 0; } 75% { opacity: 1; } 100% { opacity: 1; } } /*---------------- Works Right Arrow --------------*/ @-webkit-keyframes codeAnim { 0% { -webkit-transform: translateY(400px); transform: translateY(400px); } 100% { -webkit-transform: translateY(-480px); transform: translateY(-480px); } } @-moz-keyframes codeAnim { 0% { -webkit-transform: translateY(400px); transform: translateY(400px); } 100% { -webkit-transform: translateY(-480px); transform: translateY(-480px); } } @-ms-keyframes codeAnim { 0% { -webkit-transform: translateY(400px); transform: translateY(400px); } 100% { -webkit-transform: translateY(-480px); transform: translateY(-480px); } } @-o-keyframes codeAnim { 0% { -webkit-transform: translateY(400px); transform: translateY(400px); } 100% { -webkit-transform: translateY(-480px); transform: translateY(-480px); } } @keyframes codeAnim { 0% { -webkit-transform: translateY(400px); transform: translateY(400px); } 10% { -webkit-transform: translateY(310px); transform: translateY(310px); } 20% { -webkit-transform: translateY(310px); transform: translateY(310px); } 30% { -webkit-transform: translateY(90px); transform: translateY(90px); } 40% { -webkit-transform: translateY(90px); transform: translateY(90px); } 50% { -webkit-transform: translateY(-100px); transform: translateY(-100px); } 60% { -webkit-transform: translateY(-100px); transform: translateY(-100px); } 70% { -webkit-transform: translateY(-240px); transform: translateY(-240px); } 80% { -webkit-transform: translateY(-240px); transform: translateY(-240px); } 90% { -webkit-transform: translateY(-360px); transform: translateY(-360px); } 100% { -webkit-transform: translateY(-480px); transform: translateY(-480px); } } .cm42 { -webkit-animation: codeAnim 20s linear infinite; -moz-animation: codeAnim 20s linear infinite; -ms-animation: codeAnim 20s linear infinite; -o-animation: codeAnim 20s linear infinite; animation: codeAnim 20s linear infinite; } .cm40 { -webkit-animation: codeAnim 20s linear infinite; -moz-animation: codeAnim 20s linear infinite; -ms-animation: codeAnim 20s linear infinite; -o-animation: codeAnim 20s linear infinite; animation: codeAnim 20s linear infinite; } /*---------------- Autobuxx Arrow -------------------*/ .autobuxx_svg_1_0{fill:none;stroke:#006BFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10; stroke-dasharray: 440; stroke-dashoffset: 0;opacity: 0; } .autobuxx_svg_1_1{fill:#006BFF; opacity: 0;} .autobuxx_svg_1.animated .autobuxx_svg_1_0 { stroke-dasharray: 440; stroke-dashoffset: 0; -webkit-animation: autobuxxLine1 1.5s ease-in-out forwards; -moz-animation: autobuxxLine1 1.5s ease-in-out forwards; -ms-animation: autobuxxLine1 1.5s ease-in-out forwards; -o-animation: autobuxxLine1 1.5s ease-in-out forwards; animation: autobuxxLine1 1.5s ease-in-out forwards; } @keyframes autobuxxLine1 { 0% { opacity: 0; stroke-dashoffset: 440; } 34% { opacity: 0; stroke-dashoffset: 440; } 35% { opacity: 1; stroke-dashoffset: 440; } 100% { opacity: 1; stroke-dashoffset: 0; } } .autobuxx_svg_1.animated .autobuxx_svg_1_1 { -webkit-animation: autobuxxDot1 1.5s ease-in-out forwards; -moz-animation: autobuxxDot1 1.5s ease-in-out forwards; -ms-animation: autobuxxDot1 1.5s ease-in-out forwards; -o-animation: autobuxxDot1 1.5s ease-in-out forwards; animation: autobuxxDot1 1.5s ease-in-out forwards; } @-webkit-keyframes autobuxxDot1 { 0% { opacity: 0; } 10% { opacity: 0; } 15% { opacity: 1; } 100% { opacity: 1; } } .autobuxx_svg_2_0{fill:none;stroke:#006BFF;stroke-width:0.9057;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10; stroke-dasharray: 682; stroke-dashoffset: 0; opacity: 0;} .autobuxx_svg_2_1{fill:none;stroke:#006BFF;stroke-width:2.75;stroke-miterlimit:10; opacity: 0;} .autobuxx_svg_2.animated .autobuxx_svg_2_0 { stroke-dasharray: 682; stroke-dashoffset: 0; -webkit-animation: autobuxxLine2 1.5s ease-in-out forwards; -moz-animation: autobuxxLine2 1.5s ease-in-out forwards; -ms-animation: autobuxxLine2 1.5s ease-in-out forwards; -o-animation: autobuxxLine2 1.5s ease-in-out forwards; animation: autobuxxLine2 1.5s ease-in-out forwards; } @keyframes autobuxxLine2 { 0% { opacity: 0; stroke-dashoffset: 682; } 4% { opacity: 0; stroke-dashoffset: 682; } 5% { opacity: 1; stroke-dashoffset: 682; } 100% { opacity: 1; stroke-dashoffset: 0; } } .autobuxx_svg_2.animated .autobuxx_svg_2_1 { -webkit-animation: autobuxxArrow2 2.5s ease-in-out forwards; -moz-animation: autobuxxArrow2 2.5s ease-in-out forwards; -ms-animation: autobuxxArrow2 2.5s ease-in-out forwards; -o-animation: autobuxxArrow2 2.5s ease-in-out forwards; animation: autobuxxArrow2 2.5s ease-in-out forwards; } @-webkit-keyframes autobuxxArrow2 { 0% { opacity: 0; } 60% { opacity: 0; } 70% { opacity: 1; } 100% { opacity: 1; } } .autobuxx_svg_3_0{fill:none;stroke:#006BFF;stroke-width:1.0415;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray: 1500; stroke-dashoffset: 0; opacity: 0;} .autobuxx_svg_3_1{fill:#006BFF; opacity: 0;} .autobuxx_svg_3.animated .autobuxx_svg_3_0 { stroke-dasharray: 1500; stroke-dashoffset: 0; -webkit-animation: autobuxxLine3 2.5s ease-in-out forwards; -moz-animation: autobuxxLine3 2.5s ease-in-out forwards; -ms-animation: autobuxxLine3 2.5s ease-in-out forwards; -o-animation: autobuxxLine3 2.5s ease-in-out forwards; animation: autobuxxLine3 2.5s ease-in-out forwards; } @keyframes autobuxxLine3 { 0% { opacity: 0; stroke-dashoffset: 1500; } 34% { opacity: 0; stroke-dashoffset: 1500; } 35% { opacity: 1; stroke-dashoffset: 1500; } 100% { opacity: 1; stroke-dashoffset: 3000; } } .autobuxx_svg_3.animated .autobuxx_svg_3_1 { -webkit-animation: autobuxxDot3 1.5s ease-in-out forwards; -moz-animation: autobuxxDot3 1.5s ease-in-out forwards; -ms-animation: autobuxxDot3 1.5s ease-in-out forwards; -o-animation: autobuxxDot3 1.5s ease-in-out forwards; animation: autobuxxDot3 1.5s ease-in-out forwards; } @-webkit-keyframes autobuxxDot3 { 0% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 1; } } .autobuxx_svg_4_0{fill:none;stroke:#006BFF;stroke-width:1.0415;stroke-linecap:round;stroke-linejoin:round; stroke-miterlimit:10; stroke-dasharray: 2000; stroke-dashoffset: 0; opacity: 0;} .autobuxx_svg_4_1{fill:none;stroke:#006BFF;stroke-width:2.8641;stroke-miterlimit:10; opacity: 0;} .autobuxx_svg_4.animated .autobuxx_svg_4_0 { stroke-dasharray: 2000; stroke-dashoffset: 0; -webkit-animation: autobuxxLine4 2.5s ease-in-out forwards; -moz-animation: autobuxxLine4 2.5s ease-in-out forwards; -ms-animation: autobuxxLine4 2.5s ease-in-out forwards; -o-animation: autobuxxLine4 2.5s ease-in-out forwards; animation: autobuxxLine4 2.5s ease-in-out forwards; } @keyframes autobuxxLine4 { 0% { opacity: 0; stroke-dashoffset: 2000; } 34% { opacity: 0; stroke-dashoffset: 2000; } 35% { opacity: 1; stroke-dashoffset: 2000; } 100% { opacity: 1; stroke-dashoffset: 0; } } .autobuxx_svg_4.animated .autobuxx_svg_4_1 { -webkit-animation: autobuxxArrow4 9.5s ease-in-out forwards; -moz-animation: autobuxxArrow4 9.5s ease-in-out forwards; -ms-animation: autobuxxArrow4 9.5s ease-in-out forwards; -o-animation: autobuxxArrow4 9.5s ease-in-out forwards; animation: autobuxxArrow4 9.5s ease-in-out forwards; } @-webkit-keyframes autobuxxArrow4 { 0% { opacity: 0; } 95% { opacity: 0; } 96% { opacity: 1; } 100% { opacity: 1; } } .autobuxx_svg_5_0{fill:none;stroke:#006BFF;stroke-width:1.6135;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray: 765; stroke-dashoffset: 0; opacity: 0;} .autobuxx_svg_5_1{fill:#006BFF; opacity: 0;} .autobuxx_svg_5.animated .autobuxx_svg_5_0 { stroke-dasharray: 765; stroke-dashoffset: 0; -webkit-animation: autobuxxLine5 1.5s ease-in-out forwards; -moz-animation: autobuxxLine5 1.5s ease-in-out forwards; -ms-animation: autobuxxLine5 1.5s ease-in-out forwards; -o-animation: autobuxxLine5 1.5s ease-in-out forwards; animation: autobuxxLine5 1.5s ease-in-out forwards; } @keyframes autobuxxLine5 { 0% { opacity: 0; stroke-dashoffset: 765; } 34% { opacity: 0; stroke-dashoffset: 765; } 35% { opacity: 1; stroke-dashoffset: 765; } 100% { opacity: 1; stroke-dashoffset: 1530; } } .autobuxx_svg_5.animated .autobuxx_svg_5_1 { -webkit-animation: autobuxxArrow4 1.5s ease-in-out forwards; -moz-animation: autobuxxArrow4 1.5s ease-in-out forwards; -ms-animation: autobuxxArrow4 1.5s ease-in-out forwards; -o-animation: autobuxxArrow4 1.5s ease-in-out forwards; animation: autobuxxArrow4 1.5s ease-in-out forwards; } @-webkit-keyframes autobuxxArrow4 { 0% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 1; } 100% { opacity: 1; } } .autobuxx_svg_6_0{fill:none;stroke:#006BFF;stroke-width:1.3776;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10; stroke-dasharray: 560; stroke-dashoffset: 0; opacity: 0;} .autobuxx_svg_6_1{fill:none;stroke:#006BFF;stroke-width:2.8641;stroke-miterlimit:10; opacity: 0;} .autobuxx_svg_6.animated .autobuxx_svg_6_0 { stroke-dasharray: 560; stroke-dashoffset: 0; -webkit-animation: autobuxxLine6 2.5s ease-in-out forwards; -moz-animation: autobuxxLine6 2.5s ease-in-out forwards; -ms-animation: autobuxxLine6 2.5s ease-in-out forwards; -o-animation: autobuxxLine6 2.5s ease-in-out forwards; animation: autobuxxLine6 2.5s ease-in-out forwards; } @keyframes autobuxxLine6 { 0% { opacity: 0; stroke-dashoffset: 560; } 54% { opacity: 0; stroke-dashoffset: 560; } 55% { opacity: 1; stroke-dashoffset: 560; } 100% { opacity: 1; stroke-dashoffset: 0; } } .autobuxx_svg_6.animated .autobuxx_svg_6_1 { -webkit-animation: autobuxxDot6 3.5s ease-in-out forwards; -moz-animation: autobuxxDot6 3.5s ease-in-out forwards; -ms-animation: autobuxxDot6 3.5s ease-in-out forwards; -o-animation: autobuxxDot6 3.5s ease-in-out forwards; animation: autobuxxDot6 3.5s ease-in-out forwards; } @-webkit-keyframes autobuxxDot6 { 0% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 1; } 100% { opacity: 1; } } /*---------------- Baseliner Arrow ------------------*/ .baseliner_svg_1_0{fill:none;stroke:#006BFF;stroke-width:1.124;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10; stroke-dasharray: 500; stroke-dashoffset: 0; opacity: 0;} .baseliner_svg_1_1{fill:#006BFF; opacity: 0;} .baseliner_svg_1.animated .baseliner_svg_1_0 { stroke-dasharray: 500; stroke-dashoffset: 0; -webkit-animation: baselinerLine1 1.5s ease-in-out forwards; -moz-animation: baselinerLine1 1.5s ease-in-out forwards; -ms-animation: baselinerLine1 1.5s ease-in-out forwards; -o-animation: baselinerLine1 1.5s ease-in-out forwards; animation: baselinerLine1 1.5s ease-in-out forwards; } @keyframes baselinerLine1 { 0% { opacity: 0; stroke-dashoffset: 500; } 34% { opacity: 0; stroke-dashoffset: 500; } 35% { opacity: 1; stroke-dashoffset: 500; } 100% { opacity: 1; stroke-dashoffset: 0; } } .baseliner_svg_1.animated .baseliner_svg_1_1 { -webkit-animation: baselinerDot1 1.5s ease-in-out forwards; -moz-animation: baselinerDot1 1.5s ease-in-out forwards; -ms-animation: baselinerDot1 1.5s ease-in-out forwards; -o-animation: baselinerDot1 1.5s ease-in-out forwards; animation: baselinerDot1 1.5s ease-in-out forwards; } @-webkit-keyframes baselinerDot1 { 0% { opacity: 0; } 10% { opacity: 0; } 15% { opacity: 1; } 100% { opacity: 1; } } .baseliner_svg_2_0{fill:none;stroke:#006BFF;stroke-width:0.9057;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray: 682; stroke-dashoffset: 0; opacity: 0;} .baseliner_svg_2_1{fill:none;stroke:#006BFF;stroke-width:2.75;stroke-miterlimit:10; opacity: 0;} .baseliner_svg_2.animated .baseliner_svg_2_0 { stroke-dasharray: 682; stroke-dashoffset: 0; -webkit-animation: baselinerLine2 1.5s ease-in-out forwards; -moz-animation: baselinerLine2 1.5s ease-in-out forwards; -ms-animation: baselinerLine2 1.5s ease-in-out forwards; -o-animation: baselinerLine2 1.5s ease-in-out forwards; animation: baselinerLine2 1.5s ease-in-out forwards; } @keyframes baselinerLine2 { 0% { opacity: 0; stroke-dashoffset: 682; } 4% { opacity: 0; stroke-dashoffset: 682; } 5% { opacity: 1; stroke-dashoffset: 682; } 100% { opacity: 1; stroke-dashoffset: 0; } } .baseliner_svg_2.animated .baseliner_svg_2_1 { -webkit-animation: baselinerArrow2 2.5s ease-in-out forwards; -moz-animation: baselinerArrow2 2.5s ease-in-out forwards; -ms-animation: baselinerArrow2 2.5s ease-in-out forwards; -o-animation: baselinerArrow2 2.5s ease-in-out forwards; animation: baselinerArrow2 2.5s ease-in-out forwards; } @-webkit-keyframes baselinerArrow2 { 0% { opacity: 0; } 60% { opacity: 0; } 70% { opacity: 1; } 100% { opacity: 1; } } .baseliner_svg_3_0{fill:none;stroke:#006BFF;stroke-width:1.0415;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray: 1810; stroke-dashoffset: 0; opacity: 0;} .baseliner_svg_3_1{fill:#006BFF; opacity: 0;} .baseliner_svg_3.animated .baseliner_svg_3_0 { stroke-dasharray: 1810; stroke-dashoffset: 0; -webkit-animation: baselinerLine3 2.5s ease-in-out forwards; -moz-animation: baselinerLine3 2.5s ease-in-out forwards; -ms-animation: baselinerLine3 2.5s ease-in-out forwards; -o-animation: baselinerLine3 2.5s ease-in-out forwards; animation: baselinerLine3 2.5s ease-in-out forwards; } @keyframes baselinerLine3 { 0% { opacity: 0; stroke-dashoffset: 1810; } 34% { opacity: 0; stroke-dashoffset: 1810; } 35% { opacity: 1; stroke-dashoffset: 1810; } 100% { opacity: 1; stroke-dashoffset: 3620; } } .baseliner_svg_3.animated .baseliner_svg_3_1 { -webkit-animation: baselinerDot3 1.5s ease-in-out forwards; -moz-animation: baselinerDot3 1.5s ease-in-out forwards; -ms-animation: baselinerDot3 1.5s ease-in-out forwards; -o-animation: baselinerDot3 1.5s ease-in-out forwards; animation: baselinerDot3 1.5s ease-in-out forwards; } @keyframes baselinerDot3 { 0% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 1; } } .baseliner_svg_4_0{fill:none;stroke:#006BFF;stroke-width:1.0415;stroke-linecap:round;stroke-linejoin:round; stroke-miterlimit:10; stroke-dasharray: 2400; stroke-dashoffset: 0; opacity: 0;} .baseliner_svg_4_1{fill:none;stroke:#006BFF;stroke-width:2.8641;stroke-miterlimit:10; opacity: 0;} .baseliner_svg_4.animated .baseliner_svg_4_0 { stroke-dasharray: 2400; stroke-dashoffset: 0; -webkit-animation: baselinerLine4 2.5s ease-in-out forwards; -moz-animation: baselinerLine4 2.5s ease-in-out forwards; -ms-animation: baselinerLine4 2.5s ease-in-out forwards; -o-animation: baselinerLine4 2.5s ease-in-out forwards; animation: baselinerLine4 2.5s ease-in-out forwards; } @keyframes baselinerLine4 { 0% { opacity: 0; stroke-dashoffset: 2400; } 14% { opacity: 0; stroke-dashoffset: 2400; } 15% { opacity: 1; stroke-dashoffset: 2400; } 100% { opacity: 1; stroke-dashoffset: 0; } } .baseliner_svg_4.animated .baseliner_svg_4_1 { -webkit-animation: baselinerArrow4 4s ease-in-out forwards; -moz-animation: baselinerArrow4 4s ease-in-out forwards; -ms-animation: baselinerArrow4 4s ease-in-out forwards; -o-animation: baselinerArrow4 4s ease-in-out forwards; animation: baselinerArrow4 4s ease-in-out forwards; } @keyframes baselinerArrow4 { 0% { opacity: 0; } 55% { opacity: 0; } 60% { opacity: 1; } 100% { opacity: 1; } } .baseliner_svg_5_0{fill:none;stroke:#006BFF;stroke-width:1.0415;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray: 980; stroke-dashoffset: 0; opacity: 0;} .baseliner_svg_5_1{fill:#006BFF; opacity: 0;} .baseliner_svg_5.animated .baseliner_svg_5_0 { stroke-dasharray: 980; stroke-dashoffset: 0; -webkit-animation: baselinerLine5 1.5s ease-in-out forwards; -moz-animation: baselinerLine5 1.5s ease-in-out forwards; -ms-animation: baselinerLine5 1.5s ease-in-out forwards; -o-animation: baselinerLine5 1.5s ease-in-out forwards; animation: baselinerLine5 1.5s ease-in-out forwards; } @keyframes baselinerLine5 { 0% { opacity: 0; stroke-dashoffset: 980; } 34% { opacity: 0; stroke-dashoffset: 980; } 35% { opacity: 1; stroke-dashoffset: 980; } 100% { opacity: 1; stroke-dashoffset: 1960; } } .baseliner_svg_5.animated .baseliner_svg_5_1 { -webkit-animation: baselinerArrow4 1.5s ease-in-out forwards; -moz-animation: baselinerArrow4 1.5s ease-in-out forwards; -ms-animation: baselinerArrow4 1.5s ease-in-out forwards; -o-animation: baselinerArrow4 1.5s ease-in-out forwards; animation: baselinerArrow4 1.5s ease-in-out forwards; } @-webkit-keyframes baselinerArrow4 { 0% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 1; } 100% { opacity: 1; } } .baseliner_svg_6_0{fill:none;stroke:#006BFF;stroke-width:1.0415;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10; stroke-dasharray: 1170; stroke-dashoffset: 0; opacity: 0;} .baseliner_svg_6_1{fill:none;stroke:#006BFF;stroke-width:2.8641;stroke-miterlimit:10; opacity: 0;} .baseliner_svg_6.animated .baseliner_svg_6_0 { stroke-dasharray: 1170; stroke-dashoffset: 0; -webkit-animation: baselinerLine6 2.5s ease-in-out forwards; -moz-animation: baselinerLine6 2.5s ease-in-out forwards; -ms-animation: baselinerLine6 2.5s ease-in-out forwards; -o-animation: baselinerLine6 2.5s ease-in-out forwards; animation: baselinerLine6 2.5s ease-in-out forwards; } @keyframes baselinerLine6 { 0% { opacity: 0; stroke-dashoffset: 1170; } 54% { opacity: 0; stroke-dashoffset: 1170; } 55% { opacity: 1; stroke-dashoffset: 1170; } 100% { opacity: 1; stroke-dashoffset: 0; } } .baseliner_svg_6.animated .baseliner_svg_6_1 { -webkit-animation: baselinerDot6 3.5s ease-in-out forwards; -moz-animation: baselinerDot6 3.5s ease-in-out forwards; -ms-animation: baselinerDot6 3.5s ease-in-out forwards; -o-animation: baselinerDot6 3.5s ease-in-out forwards; animation: baselinerDot6 3.5s ease-in-out forwards; } @-webkit-keyframes baselinerDot6 { 0% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 1; } 100% { opacity: 1; } } /*---------------- Empire Drones Arrow --------------*/ .empdrones_svg_1_0{fill:none;stroke:#006BFF;stroke-width:1.124;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10; stroke-dasharray: 500; stroke-dashoffset: 0; opacity: 0;} .empdrones_svg_1_1{fill:#006BFF; opacity: 0;} .empdrones_svg_1.animated .empdrones_svg_1_0 { stroke-dasharray: 500; stroke-dashoffset: 0; -webkit-animation: empdronesLine1 1.5s ease-in-out forwards; -moz-animation: empdronesLine1 1.5s ease-in-out forwards; -ms-animation: empdronesLine1 1.5s ease-in-out forwards; -o-animation: empdronesLine1 1.5s ease-in-out forwards; animation: empdronesLine1 1.5s ease-in-out forwards; } @keyframes empdronesLine1 { 0% { opacity: 0; stroke-dashoffset: 500; } 34% { opacity: 0; stroke-dashoffset: 500; } 35% { opacity: 1; stroke-dashoffset: 500; } 100% { opacity: 1; stroke-dashoffset: 0; } } .empdrones_svg_1.animated .empdrones_svg_1_1 { -webkit-animation: empdronesDot1 1.5s ease-in-out forwards; -moz-animation: empdronesDot1 1.5s ease-in-out forwards; -ms-animation: empdronesDot1 1.5s ease-in-out forwards; -o-animation: empdronesDot1 1.5s ease-in-out forwards; animation: empdronesDot1 1.5s ease-in-out forwards; } @-webkit-keyframes empdronesDot1 { 0% { opacity: 0; } 10% { opacity: 0; } 15% { opacity: 1; } 100% { opacity: 1; } } .empdrones_svg_2_0{fill:none;stroke:#006BFF;stroke-width:0.9057;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray: 682; stroke-dashoffset: 0; opacity: 0;} .empdrones_svg_2_1{fill:none;stroke:#006BFF;stroke-width:2.75;stroke-miterlimit:10; opacity: 0;} .empdrones_svg_2.animated .empdrones_svg_2_0 { stroke-dasharray: 682; stroke-dashoffset: 0; -webkit-animation: empdronesLine2 1.5s ease-in-out forwards; -moz-animation: empdronesLine2 1.5s ease-in-out forwards; -ms-animation: empdronesLine2 1.5s ease-in-out forwards; -o-animation: empdronesLine2 1.5s ease-in-out forwards; animation: empdronesLine2 1.5s ease-in-out forwards; } @keyframes empdronesLine2 { 0% { opacity: 0; stroke-dashoffset: 682; } 4% { opacity: 0; stroke-dashoffset: 682; } 5% { opacity: 1; stroke-dashoffset: 682; } 100% { opacity: 1; stroke-dashoffset: 0; } } .empdrones_svg_2.animated .empdrones_svg_2_1 { -webkit-animation: empdronesArrow2 2.5s ease-in-out forwards; -moz-animation: empdronesArrow2 2.5s ease-in-out forwards; -ms-animation: empdronesArrow2 2.5s ease-in-out forwards; -o-animation: empdronesArrow2 2.5s ease-in-out forwards; animation: empdronesArrow2 2.5s ease-in-out forwards; } @-webkit-keyframes empdronesArrow2 { 0% { opacity: 0; } 60% { opacity: 0; } 70% { opacity: 1; } 100% { opacity: 1; } } .empdrones_svg_3_0{fill:none;stroke:#006BFF;stroke-width:1.0415;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray: 2200; stroke-dashoffset: 0; opacity: 0;} .empdrones_svg_3_1{fill:#006BFF; opacity: 0;} .empdrones_svg_3.animated .empdrones_svg_3_0 { stroke-dasharray: 2200; stroke-dashoffset: 0; -webkit-animation: empdronesLine3 3.5s ease-in-out forwards; -moz-animation: empdronesLine3 3.5s ease-in-out forwards; -ms-animation: empdronesLine3 3.5s ease-in-out forwards; -o-animation: empdronesLine3 3.5s ease-in-out forwards; animation: empdronesLine3 3.5s ease-in-out forwards; } @keyframes empdronesLine3 { 0% { opacity: 0; stroke-dashoffset: 2200; } 20% { opacity: 0; stroke-dashoffset: 2200; } 21% { opacity: 1; stroke-dashoffset: 2200; } 100% { opacity: 1; stroke-dashoffset: 4400; } } .empdrones_svg_3.animated .empdrones_svg_3_1 { -webkit-animation: empdronesDot3 1.5s ease-in-out forwards; -moz-animation: empdronesDot3 1.5s ease-in-out forwards; -ms-animation: empdronesDot3 1.5s ease-in-out forwards; -o-animation: empdronesDot3 1.5s ease-in-out forwards; animation: empdronesDot3 1.5s ease-in-out forwards; } @-webkit-keyframes empdronesDot3 { 0% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 1; } } .empdrones_svg_4_0{fill:none;stroke:#006BFF;stroke-width:1.0415;stroke-linecap:round;stroke-linejoin:round; stroke-miterlimit:10; stroke-dasharray: 2190; stroke-dashoffset: 0; opacity: 0;} .empdrones_svg_4_1{fill:none;stroke:#006BFF;stroke-width:2.8641;stroke-miterlimit:10; opacity: 0;} .empdrones_svg_4.animated .empdrones_svg_4_0 { stroke-dasharray: 2190; stroke-dashoffset: 0; -webkit-animation: empdronesLine4 3s ease-in-out forwards; -moz-animation: empdronesLine4 3s ease-in-out forwards; -ms-animation: empdronesLine4 3s ease-in-out forwards; -o-animation: empdronesLine4 3s ease-in-out forwards; animation: empdronesLine4 3s ease-in-out forwards; } @keyframes empdronesLine4 { 0% { opacity: 0; stroke-dashoffset: 2190; } 14% { opacity: 0; stroke-dashoffset: 2190; } 15% { opacity: 1; stroke-dashoffset: 2190; } 100% { opacity: 1; stroke-dashoffset: 0; } } .empdrones_svg_4.animated .empdrones_svg_4_1 { -webkit-animation: empdronesArrow4 4s ease-in-out forwards; -moz-animation: empdronesArrow4 4s ease-in-out forwards; -ms-animation: empdronesArrow4 4s ease-in-out forwards; -o-animation: empdronesArrow4 4s ease-in-out forwards; animation: empdronesArrow4 4s ease-in-out forwards; animation-delay: 2s; } @-webkit-keyframes empdronesArrow4 { 0% { opacity: 0; } 40% { opacity: 0; } 41% { opacity: 1; } 100% { opacity: 1; } } .empdrones_svg_5_0{fill:none;stroke:#006BFF;stroke-width:1.0415;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray: 1050; stroke-dashoffset: 0; opacity: 0;} .empdrones_svg_5_1{fill:#006BFF; opacity: 0;} .empdrones_svg_5.animated .empdrones_svg_5_0 { stroke-dasharray: 1050; stroke-dashoffset: 0; -webkit-animation: empdronesLine5 2s ease-in-out forwards; -moz-animation: empdronesLine5 2s ease-in-out forwards; -ms-animation: empdronesLine5 2s ease-in-out forwards; -o-animation: empdronesLine5 2s ease-in-out forwards; animation: empdronesLine5 2s ease-in-out forwards; } @keyframes empdronesLine5 { 0% { opacity: 0; stroke-dashoffset: 1050; } 14% { opacity: 0; stroke-dashoffset: 1050; } 15% { opacity: 1; stroke-dashoffset: 1050; } 100% { opacity: 1; stroke-dashoffset: 2100; } } .empdrones_svg_5.animated .empdrones_svg_5_1 { -webkit-animation: empdronesArrow4 1.5s ease-in-out forwards; -moz-animation: empdronesArrow4 1.5s ease-in-out forwards; -ms-animation: empdronesArrow4 1.5s ease-in-out forwards; -o-animation: empdronesArrow4 1.5s ease-in-out forwards; animation: empdronesArrow4 1.5s ease-in-out forwards; } @-webkit-keyframes empdronesArrow4 { 0% { opacity: 0; } 30% { opacity: 0; } 40% { opacity: 1; } 100% { opacity: 1; } } .empdrones_svg_6_0{fill:none;stroke:#006BFF;stroke-width:1.0415;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10; stroke-dasharray: 1060; stroke-dashoffset: 0; opacity: 0;} .empdrones_svg_6_1{fill:none;stroke:#006BFF;stroke-width:2.8641;stroke-miterlimit:10; opacity: 0;} .empdrones_svg_6.animated .empdrones_svg_6_0 { stroke-dasharray: 1060; stroke-dashoffset: 0; -webkit-animation: empdronesLine6 4s ease-in-out forwards; -moz-animation: empdronesLine6 4s ease-in-out forwards; -ms-animation: empdronesLine6 4s ease-in-out forwards; -o-animation: empdronesLine6 4s ease-in-out forwards; animation: empdronesLine6 4s ease-in-out forwards; } @keyframes empdronesLine6 { 0% { opacity: 0; stroke-dashoffset: 1060; } 34% { opacity: 0; stroke-dashoffset: 1060; } 36% { opacity: 1; stroke-dashoffset: 1060; } 100% { opacity: 1; stroke-dashoffset: 0; } } .empdrones_svg_6.animated .empdrones_svg_6_1 { -webkit-animation: empdronesDot6 4.5s ease-in-out forwards; -moz-animation: empdronesDot6 4.5s ease-in-out forwards; -ms-animation: empdronesDot6 4.5s ease-in-out forwards; -o-animation: empdronesDot6 4.5s ease-in-out forwards; animation: empdronesDot6 4.5s ease-in-out forwards; } @-webkit-keyframes empdronesDot6 { 0% { opacity: 0; } 60% { opacity: 0; } 65% { opacity: 1; } 100% { opacity: 1; } } /*---------------- LPNC Arrow -----------------------*/ .lpnc_svg_1_0{fill:none;stroke:#006BFF;stroke-width:1.124;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10; stroke-dasharray: 500; stroke-dashoffset: 0; opacity: 0;} .lpnc_svg_1_1{fill:#006BFF; opacity: 0;} .lpnc_svg_1.animated .lpnc_svg_1_0 { stroke-dasharray: 500; stroke-dashoffset: 0; -webkit-animation: lpncLine1 1.5s ease-in-out forwards; -moz-animation: lpncLine1 1.5s ease-in-out forwards; -ms-animation: lpncLine1 1.5s ease-in-out forwards; -o-animation: lpncLine1 1.5s ease-in-out forwards; animation: lpncLine1 1.5s ease-in-out forwards; } @keyframes lpncLine1 { 0% { opacity: 0; stroke-dashoffset: 500; } 34% { opacity: 0; stroke-dashoffset: 500; } 35% { opacity: 1; stroke-dashoffset: 500; } 100% { opacity: 1; stroke-dashoffset: 0; } } .lpnc_svg_1.animated .lpnc_svg_1_1 { -webkit-animation: lpncDot1 1.5s ease-in-out forwards; -moz-animation: lpncDot1 1.5s ease-in-out forwards; -ms-animation: lpncDot1 1.5s ease-in-out forwards; -o-animation: lpncDot1 1.5s ease-in-out forwards; animation: lpncDot1 1.5s ease-in-out forwards; } @-webkit-keyframes lpncDot1 { 0% { opacity: 0; } 10% { opacity: 0; } 15% { opacity: 1; } 100% { opacity: 1; } } .lpnc_svg_2_0{fill:none;stroke:#006BFF;stroke-width:0.9057;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray: 682; stroke-dashoffset: 0; opacity: 0;} .lpnc_svg_2_1{fill:none;stroke:#006BFF;stroke-width:2.75;stroke-miterlimit:10; opacity: 0;} .lpnc_svg_2.animated .lpnc_svg_2_0 { stroke-dasharray: 682; stroke-dashoffset: 0; -webkit-animation: lpncLine2 1.5s ease-in-out forwards; -moz-animation: lpncLine2 1.5s ease-in-out forwards; -ms-animation: lpncLine2 1.5s ease-in-out forwards; -o-animation: lpncLine2 1.5s ease-in-out forwards; animation: lpncLine2 1.5s ease-in-out forwards; } @keyframes lpncLine2 { 0% { opacity: 0; stroke-dashoffset: 682; } 4% { opacity: 0; stroke-dashoffset: 682; } 5% { opacity: 1; stroke-dashoffset: 682; } 100% { opacity: 1; stroke-dashoffset: 0; } } .lpnc_svg_2.animated .lpnc_svg_2_1 { -webkit-animation: lpncArrow2 2.5s ease-in-out forwards; -moz-animation: lpncArrow2 2.5s ease-in-out forwards; -ms-animation: lpncArrow2 2.5s ease-in-out forwards; -o-animation: lpncArrow2 2.5s ease-in-out forwards; animation: lpncArrow2 2.5s ease-in-out forwards; } @-webkit-keyframes lpncArrow2 { 0% { opacity: 0; } 60% { opacity: 0; } 70% { opacity: 1; } 100% { opacity: 1; } } .lpnc_svg_3_0{fill:none;stroke:#006BFF;stroke-width:1.0415;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray: 1930; stroke-dashoffset: 0; opacity: 0;} .lpnc_svg_3_1{fill:#006BFF; opacity: 0;} .lpnc_svg_3.animated .lpnc_svg_3_0 { stroke-dasharray: 1930; stroke-dashoffset: 0; -webkit-animation: lpncLine3 2.5s ease-in-out forwards; -moz-animation: lpncLine3 2.5s ease-in-out forwards; -ms-animation: lpncLine3 2.5s ease-in-out forwards; -o-animation: lpncLine3 2.5s ease-in-out forwards; animation: lpncLine3 2.5s ease-in-out forwards; } @keyframes lpncLine3 { 0% { opacity: 0; stroke-dashoffset: 1930; } 34% { opacity: 0; stroke-dashoffset: 1930; } 35% { opacity: 1; stroke-dashoffset: 1930; } 100% { opacity: 1; stroke-dashoffset: 3860; } } .lpnc_svg_3.animated .lpnc_svg_3_1 { -webkit-animation: lpncDot3 1.5s ease-in-out forwards; -moz-animation: lpncDot3 1.5s ease-in-out forwards; -ms-animation: lpncDot3 1.5s ease-in-out forwards; -o-animation: lpncDot3 1.5s ease-in-out forwards; animation: lpncDot3 1.5s ease-in-out forwards; } @-webkit-keyframes lpncDot3 { 0% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 1; } } .lpnc_svg_4_0{fill:none;stroke:#006BFF;stroke-width:1.0415;stroke-linecap:round;stroke-linejoin:round; stroke-miterlimit:10; stroke-dasharray: 2400; stroke-dashoffset: 0; opacity: 0;} .lpnc_svg_4_1{fill:none;stroke:#006BFF;stroke-width:2.8641;stroke-miterlimit:10; opacity: 0;} .lpnc_svg_4.animated .lpnc_svg_4_0 { stroke-dasharray: 2400; stroke-dashoffset: 0; -webkit-animation: lpncLine4 3.5s ease-in-out forwards; -moz-animation: lpncLine4 3.5s ease-in-out forwards; -ms-animation: lpncLine4 3.5s ease-in-out forwards; -o-animation: lpncLine4 3.5s ease-in-out forwards; animation: lpncLine4 3.5s ease-in-out forwards; } @keyframes lpncLine4 { 0% { opacity: 0; stroke-dashoffset: 2400; } 24% { opacity: 0; stroke-dashoffset: 2400; } 25% { opacity: 1; stroke-dashoffset: 2400; } 100% { opacity: 1; stroke-dashoffset: 0; } } .lpnc_svg_4.animated .lpnc_svg_4_1 { -webkit-animation: lpncArrow4 4.5s ease-in-out forwards; -moz-animation: lpncArrow4 4.5s ease-in-out forwards; -ms-animation: lpncArrow4 4.5s ease-in-out forwards; -o-animation: lpncArrow4 4.5s ease-in-out forwards; animation: lpncArrow4 4.5s ease-in-out forwards; } @keyframes lpncArrow4 { 0% { opacity: 0; } 55% { opacity: 0; } 60% { opacity: 1; } 100% { opacity: 1; } } .lpnc_svg_5_0{fill:none;stroke:#006BFF;stroke-width:1.0415;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray: 1050; stroke-dashoffset: 0; opacity: 0;} .lpnc_svg_5_1{fill:#006BFF; opacity: 0;} .lpnc_svg_5.animated .lpnc_svg_5_0 { stroke-dasharray: 1050; stroke-dashoffset: 0; -webkit-animation: lpncLine5 1.5s ease-in-out forwards; -moz-animation: lpncLine5 1.5s ease-in-out forwards; -ms-animation: lpncLine5 1.5s ease-in-out forwards; -o-animation: lpncLine5 1.5s ease-in-out forwards; animation: lpncLine5 1.5s ease-in-out forwards; } @keyframes lpncLine5 { 0% { opacity: 0; stroke-dashoffset: 1050; } 34% { opacity: 0; stroke-dashoffset: 1050; } 35% { opacity: 1; stroke-dashoffset: 1050; } 100% { opacity: 1; stroke-dashoffset: 2100; } } .lpnc_svg_5.animated .lpnc_svg_5_1 { -webkit-animation: lpncArrow4 1.5s ease-in-out forwards; -moz-animation: lpncArrow4 1.5s ease-in-out forwards; -ms-animation: lpncArrow4 1.5s ease-in-out forwards; -o-animation: lpncArrow4 1.5s ease-in-out forwards; animation: lpncArrow4 1.5s ease-in-out forwards; } @-webkit-keyframes lpncArrow4 { 0% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 1; } 100% { opacity: 1; } } .lpnc_svg_6_0{fill:none;stroke:#006BFF;stroke-width:1.0415;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10; stroke-dasharray: 650; stroke-dashoffset: 0; opacity: 0;} .lpnc_svg_6_1{fill:none;stroke:#006BFF;stroke-width:2.8641;stroke-miterlimit:10; opacity: 0;} .lpnc_svg_6.animated .lpnc_svg_6_0 { stroke-dasharray: 650; stroke-dashoffset: 0; -webkit-animation: lpncLine6 2.5s ease-in-out forwards; -moz-animation: lpncLine6 2.5s ease-in-out forwards; -ms-animation: lpncLine6 2.5s ease-in-out forwards; -o-animation: lpncLine6 2.5s ease-in-out forwards; animation: lpncLine6 2.5s ease-in-out forwards; } @keyframes lpncLine6 { 0% { opacity: 0; stroke-dashoffset: 650; } 54% { opacity: 0; stroke-dashoffset: 650; } 55% { opacity: 1; stroke-dashoffset: 650; } 100% { opacity: 1; stroke-dashoffset: 0; } } .lpnc_svg_6.animated .lpnc_svg_6_1 { -webkit-animation: lpncDot6 3.5s ease-in-out forwards; -moz-animation: lpncDot6 3.5s ease-in-out forwards; -ms-animation: lpncDot6 3.5s ease-in-out forwards; -o-animation: lpncDot6 3.5s ease-in-out forwards; animation: lpncDot6 3.5s ease-in-out forwards; } @-webkit-keyframes lpncDot6 { 0% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 1; } 100% { opacity: 1; } } /*---------------- Meraque Arrow --------------------*/ .meraque_svg_1_0{fill:none;stroke:#006BFF;stroke-width:1.124;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10; stroke-dasharray: 500; stroke-dashoffset: 0; opacity: 0;} .meraque_svg_1_1{fill:#006BFF; opacity: 0;} .meraque_svg_1.animated .meraque_svg_1_0 { stroke-dasharray: 500; stroke-dashoffset: 0; -webkit-animation: meraqueLine1 1.5s ease-in-out forwards; -moz-animation: meraqueLine1 1.5s ease-in-out forwards; -ms-animation: meraqueLine1 1.5s ease-in-out forwards; -o-animation: meraqueLine1 1.5s ease-in-out forwards; animation: meraqueLine1 1.5s ease-in-out forwards; } @keyframes meraqueLine1 { 0% { opacity: 0; stroke-dashoffset: 500; } 34% { opacity: 0; stroke-dashoffset: 500; } 35% { opacity: 1; stroke-dashoffset: 500; } 100% { opacity: 1; stroke-dashoffset: 0; } } .meraque_svg_1.animated .meraque_svg_1_1 { -webkit-animation: meraqueDot1 1.5s ease-in-out forwards; -moz-animation: meraqueDot1 1.5s ease-in-out forwards; -ms-animation: meraqueDot1 1.5s ease-in-out forwards; -o-animation: meraqueDot1 1.5s ease-in-out forwards; animation: meraqueDot1 1.5s ease-in-out forwards; } @-webkit-keyframes meraqueDot1 { 0% { opacity: 0; } 10% { opacity: 0; } 15% { opacity: 1; } 100% { opacity: 1; } } .meraque_svg_2_0{fill:none;stroke:#006BFF;stroke-width:0.9057;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray: 682; stroke-dashoffset: 0; opacity: 0;} .meraque_svg_2_1{fill:none;stroke:#006BFF;stroke-width:2.75;stroke-miterlimit:10; opacity: 0;} .meraque_svg_2.animated .meraque_svg_2_0 { stroke-dasharray: 682; stroke-dashoffset: 0; -webkit-animation: meraqueLine2 1.5s ease-in-out forwards; -moz-animation: meraqueLine2 1.5s ease-in-out forwards; -ms-animation: meraqueLine2 1.5s ease-in-out forwards; -o-animation: meraqueLine2 1.5s ease-in-out forwards; animation: meraqueLine2 1.5s ease-in-out forwards; } @keyframes meraqueLine2 { 0% { opacity: 0; stroke-dashoffset: 682; } 4% { opacity: 0; stroke-dashoffset: 682; } 5% { opacity: 1; stroke-dashoffset: 682; } 100% { opacity: 1; stroke-dashoffset: 0; } } .meraque_svg_2.animated .meraque_svg_2_1 { -webkit-animation: meraqueArrow2 2.5s ease-in-out forwards; -moz-animation: meraqueArrow2 2.5s ease-in-out forwards; -ms-animation: meraqueArrow2 2.5s ease-in-out forwards; -o-animation: meraqueArrow2 2.5s ease-in-out forwards; animation: meraqueArrow2 2.5s ease-in-out forwards; } @-webkit-keyframes meraqueArrow2 { 0% { opacity: 0; } 60% { opacity: 0; } 70% { opacity: 1; } 100% { opacity: 1; } } .meraque_svg_3_0{fill:none;stroke:#006BFF;stroke-width:1.0415;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray: 1930; stroke-dashoffset: 0; opacity: 0;} .meraque_svg_3_1{fill:#006BFF; opacity: 0;} .meraque_svg_3.animated .meraque_svg_3_0 { stroke-dasharray: 1930; stroke-dashoffset: 0; -webkit-animation: meraqueLine3 2.5s ease-in-out forwards; -moz-animation: meraqueLine3 2.5s ease-in-out forwards; -ms-animation: meraqueLine3 2.5s ease-in-out forwards; -o-animation: meraqueLine3 2.5s ease-in-out forwards; animation: meraqueLine3 2.5s ease-in-out forwards; } @keyframes meraqueLine3 { 0% { opacity: 0; stroke-dashoffset: 1930; } 34% { opacity: 0; stroke-dashoffset: 1930; } 35% { opacity: 1; stroke-dashoffset: 1930; } 100% { opacity: 1; stroke-dashoffset: 3860; } } .meraque_svg_3.animated .meraque_svg_3_1 { -webkit-animation: meraqueDot3 1.5s ease-in-out forwards; -moz-animation: meraqueDot3 1.5s ease-in-out forwards; -ms-animation: meraqueDot3 1.5s ease-in-out forwards; -o-animation: meraqueDot3 1.5s ease-in-out forwards; animation: meraqueDot3 1.5s ease-in-out forwards; } @-webkit-keyframes meraqueDot3 { 0% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 1; } } .meraque_svg_4_0{fill:none;stroke:#006BFF;stroke-width:1.0415;stroke-linecap:round;stroke-linejoin:round; stroke-miterlimit:10; stroke-dasharray: 2670; stroke-dashoffset: 0; opacity: 0;} .meraque_svg_4_1{fill:none;stroke:#006BFF;stroke-width:2.8641;stroke-miterlimit:10; opacity: 0;} .meraque_svg_4.animated .meraque_svg_4_0 { stroke-dasharray: 2670; stroke-dashoffset: 0; -webkit-animation: meraqueLine4 3.5s ease-in-out forwards; -moz-animation: meraqueLine4 3.5s ease-in-out forwards; -ms-animation: meraqueLine4 3.5s ease-in-out forwards; -o-animation: meraqueLine4 3.5s ease-in-out forwards; animation: meraqueLine4 3.5s ease-in-out forwards; } @keyframes meraqueLine4 { 0% { opacity: 0; stroke-dashoffset: 2670; } 24% { opacity: 0; stroke-dashoffset: 2670; } 25% { opacity: 1; stroke-dashoffset: 2670; } 100% { opacity: 1; stroke-dashoffset: 0; } } .meraque_svg_4.animated .meraque_svg_4_1 { -webkit-animation: meraqueArrow4 5.5s ease-in-out forwards; -moz-animation: meraqueArrow4 5.5s ease-in-out forwards; -ms-animation: meraqueArrow4 5.5s ease-in-out forwards; -o-animation: meraqueArrow4 5.5s ease-in-out forwards; animation: meraqueArrow4 5.5s ease-in-out forwards; } @keyframes meraqueArrow4 { 0% { opacity: 0; } 60% { opacity: 0; } 65% { opacity: 1; } 100% { opacity: 1; } } .meraque_svg_5_0{fill:none;stroke:#006BFF;stroke-width:1.0415;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray: 1050; stroke-dashoffset: 0; opacity: 0;} .meraque_svg_5_1{fill:#006BFF; opacity: 0;} .meraque_svg_5.animated .meraque_svg_5_0 { stroke-dasharray: 1050; stroke-dashoffset: 0; -webkit-animation: meraqueLine5 2s ease-in-out forwards; -moz-animation: meraqueLine5 2s ease-in-out forwards; -ms-animation: meraqueLine5 2s ease-in-out forwards; -o-animation: meraqueLine5 2s ease-in-out forwards; animation: meraqueLine5 2s ease-in-out forwards; } @keyframes meraqueLine5 { 0% { opacity: 0; stroke-dashoffset: 1050; } 34% { opacity: 0; stroke-dashoffset: 1050; } 35% { opacity: 1; stroke-dashoffset: 1050; } 100% { opacity: 1; stroke-dashoffset: 2100; } } .meraque_svg_5.animated .meraque_svg_5_1 { -webkit-animation: meraqueArrow4 1.5s ease-in-out forwards; -moz-animation: meraqueArrow4 1.5s ease-in-out forwards; -ms-animation: meraqueArrow4 1.5s ease-in-out forwards; -o-animation: meraqueArrow4 1.5s ease-in-out forwards; animation: meraqueArrow4 1.5s ease-in-out forwards; } @-webkit-keyframes meraqueArrow4 { 0% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 1; } 100% { opacity: 1; } } .meraque_svg_6_0{fill:none;stroke:#006BFF;stroke-width:1.0415;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10; stroke-dasharray: 1060; stroke-dashoffset: 0; opacity: 0;} .meraque_svg_6_1{fill:none;stroke:#006BFF;stroke-width:2.8641;stroke-miterlimit:10; opacity: 0;} .meraque_svg_6.animated .meraque_svg_6_0 { stroke-dasharray: 1060; stroke-dashoffset: 0; -webkit-animation: meraqueLine6 3s ease-in-out forwards; -moz-animation: meraqueLine6 3s ease-in-out forwards; -ms-animation: meraqueLine6 3s ease-in-out forwards; -o-animation: meraqueLine6 3s ease-in-out forwards; animation: meraqueLine6 3s ease-in-out forwards; } @keyframes meraqueLine6 { 0% { opacity: 0; stroke-dashoffset: 1060; } 34% { opacity: 0; stroke-dashoffset: 1060; } 35% { opacity: 1; stroke-dashoffset: 1060; } 100% { opacity: 1; stroke-dashoffset: 0; } } .meraque_svg_6.animated .meraque_svg_6_1 { -webkit-animation: meraqueDot6 4s ease-in-out forwards; -moz-animation: meraqueDot6 4s ease-in-out forwards; -ms-animation: meraqueDot6 4s ease-in-out forwards; -o-animation: meraqueDot6 4s ease-in-out forwards; animation: meraqueDot6 4s ease-in-out forwards; } @-webkit-keyframes meraqueDot6 { 0% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 1; } 100% { opacity: 1; } }