.animated {
    @include animation-timing-function(ease-in-out);
    @include animation-duration(1000ms);
    @include animation-fill-mode(both);
    @include animation-delay(200ms);
}
.anHidden{
    visibility: hidden;
}
.anVisible{
    visibility: visible;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        @include transform(translate3d(-10%, 0, 0));
    }

    to {
        opacity: 1;
        @include transform(none);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        @include transform(translate3d(-10%, 0, 0));
    }

    to {
        opacity: 1;
        @include transform( none);
    }
}

.fadeInLeft {
    @include animation-name(fadeInLeft);
}
@keyframes fadeInRight {
    from {
        opacity: 0;
        @include transform( translate3d(10%, 0, 0));
    }

    to {
        opacity: 1;
        @include transform( none);
    }
}

.fadeInRight {
    @include animation-name(fadeInRight);
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    @include animation-name(fadeIn);
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        @include transform(translate3d(0, 10%, 0));
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        @include transform( translate3d(0, 10%, 0));
    }

    to {
        opacity: 1;
        @include transform( none);
    }
}

.fadeInUp {
    @include animation-name(fadeInUp);
}
@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        @include transform(translate3d(0, -10%, 0));
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        @include transform( translate3d(0, -10%, 0));
    }

    to {
        opacity: 1;
        @include transform( none);
    }
}

.fadeInDown {
    @include animation-name(fadeInDown);
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        @include transform(translate3d(0, -10%, 0));
    }

    to {
        opacity: 1;
        @include transform( none);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        @include transform(translate3d(0, -10%, 0));
    }

    to {
        opacity: 1;
        @include transform( none);
    }
}

.fadeInDown {
    @include animation-name( fadeInDown);
}

.site-main{
    overflow: hidden;
}
.welcome-section,
.third-section{
    .section-content{
        @include animation-delay(0.6s);
    }
}