::-webkit-scrollbar-thumb:vertical {transition: background 0.3s ease-in-out;}
::-webkit-scrollbar-thumb:vertical:hover {transition: background 0.3s ease-in-out;}
::-webkit-scrollbar-thumb:vertical:active {transition: background 0.3s ease-in-out;}
.sidebar-label svg { transition: all 0.5s ease; }
.top-project .txt a svg { transition: all 0.5s ease; }
.top-projects .slick-arrow { transition: all 0.5s ease; }
.footer-service a { transition: all 0.5s ease; }
.contact-form-box .form-item-full button svg * { transition: all 0.5s ease; }
.contact-form-box *, .contact-form-box *::placeholder { transition: all 0.7s ease; }
.top-projects .slick-slide { transition: all 0.5s ease; }
.btn { transition: all 0.8s ease; }
.top-projects .slick-dots li button { transition: all 0.8s ease; }
.section-categories .btn:after {transition: transform 500ms ease-in-out; }
.nav > ul > li:before {transition: all 0.5s ease, transform 500ms ease-in-out; }
.section-categories .arrow-next, .section-categories .arrow-prev { transition: all 0.5s ease; }
.slider .controller li a { transition: all 0.5s ease; }
body.scrolling .header-row .cta-btn { transition: all 0.5s ease; }
.nav ul ul a { transition: all 0.5s ease; }
.header-box { transition: background-color 5s ease; }
.header { transition: margin 1s ease;}
@keyframes changewidth {
from {
stroke: #FFF;
stroke-width: 61px;
stroke-dasharray: 40;
}
to {
stroke: #FFF;
stroke-width: 0;
stroke-dasharray: 70;
}
}
/*.three-step-module .step-badge svg.ico * {
    animation-duration: 2s;
    animation-name: changewidth!important;
}*/
.focus-in-contract-bck {
-webkit-animation: focus-in-contract-bck 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -webkit-animation-delay: 1s;
animation: focus-in-contract-bck 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-delay: 1s;
}
.slide-in-elliptic-top-fwd {
-webkit-animation: slide-in-elliptic-top-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: slide-in-elliptic-top-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2019-11-22 8:56:56
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation focus-in-contract-bck
 * ----------------------------------------
 */
@-webkit-keyframes focus-in-contract-bck {
0% {
letter-spacing: 1em;
-webkit-transform: translateZ(300px);
transform: translateZ(300px);
-webkit-filter: blur(12px);
filter: blur(12px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(12px);
transform: translateZ(12px);
-webkit-filter: blur(0);
filter: blur(0);
opacity: 1;
}
}
@keyframes focus-in-contract-bck {
0% {
letter-spacing: 1em;
-webkit-transform: translateZ(300px);
transform: translateZ(300px);
-webkit-filter: blur(12px);
filter: blur(12px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(12px);
transform: translateZ(12px);
-webkit-filter: blur(0);
filter: blur(0);
opacity: 1;
}
}
/* ----------------------------------------------
 * Generated by Animista on 2019-11-22 9:1:0
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-in-elliptic-top-fwd
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-elliptic-top-fwd {
0% {
-webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
transform: translateY(-600px) rotateX(-30deg) scale(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 0;
}
100% {
-webkit-transform: translateY(0) rotateX(0) scale(1);
transform: translateY(0) rotateX(0) scale(1);
-webkit-transform-origin: 50% 1400px;
transform-origin: 50% 1400px;
opacity: 1;
}
}
@keyframes slide-in-elliptic-top-fwd {
0% {
-webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
transform: translateY(-600px) rotateX(-30deg) scale(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 0;
}
100% {
-webkit-transform: translateY(0) rotateX(0) scale(1);
transform: translateY(0) rotateX(0) scale(1);
-webkit-transform-origin: 50% 1400px;
transform-origin: 50% 1400px;
opacity: 1;
}
}
@keyframes onde1 {
0% {
transform: rotate(-4deg);
}
50% {
transform: rotate(-3deg);
}
100% {
transform: rotate(-4deg);
}
}
@keyframes onde2 {
0% {
transform: rotate(-7deg);
}
33% {
transform: rotate(-6deg);
}
55% {
    transform: rotate(-8deg);
    }
100% {
transform: rotate(-7deg);
}
}
@keyframes onde3 {
0% {
transform: rotate(-10deg);
}
33% {
transform: rotate(-11deg);
}
66% {
    transform: rotate(-9deg);
    }
100% {
transform: rotate(-10deg);
}
}
@keyframes onde4 {
0% {
transform: rotate(-13deg);
}
33% {
transform: rotate(-14deg);
}
66% {
    transform: rotate(-12deg);
    }
100% {
transform: rotate(-13deg);
}
}