/*---------------- 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 --------------*/