@-webkit-keyframes Start {
    from {
        visibility: hidden
    }
    to {
        visibility: visible
    }
}

@-moz-keyframes Start {
    from {
        visibility: hidden
    }
    to {
        visibility: visible
    }
}

@-ms-keyframes Start {
    from {
        visibility: hidden
    }
    to {
        visibility: visible
    }
}

@-o-keyframes Start {
    from {
        visibility: hidden
    }
    to {
        visibility: visible
    }
}

@keyframes Start {
    from {
        visibility: hidden
    }
    to {
        visibility: visible
    }
}

@-webkit-keyframes Preloader {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes Preloader {
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes Play {
    from {
        background-position: 0
    }
    to {
        background-position: -360px
    }
}

@keyframes Play {
    from {
        background-position: 0
    }
    to {
        background-position: -360px
    }
}

@keyframes Rotate {
    from {
        transform: rotate(0) translateZ(0)
    }
    to {
        transform: rotate(360deg) translateZ(0)
    }
}

@-webkit-keyframes Rotate {
    from {
        -webkit-transform: rotate(0) translateZ(0)
    }
    to {
        -webkit-transform: rotate(360deg) translateZ(0)
    }
}

@-webkit-keyframes scaleRotate {
    0% {
        opacity: 0;
        transform: scale(0) rotate(0) translateZ(0)
    }
    100% {
        opacity: 1;
        transform: scale(1) rotate(360deg) translateZ(0)
    }
}

@keyframes scaleRotate {
    0% {
        opacity: 0;
        transform: scale(0) rotate(0) translateZ(0)
    }
    100% {
        opacity: 1;
        transform: scale(1) rotate(360deg) translateZ(0)
    }
}

@-webkit-keyframes RotateLarge {
    0% {
        opacity: 0;
        transform: scale(0) rotate(0) translateZ(0)
    }
    100% {
        opacity: 1;
        transform: scale(1.2) rotate(360deg) translateZ(0)
    }
}

@keyframes RotateLarge {
    0% {
        opacity: 0;
        transform: scale(0) rotate(0) translateZ(0)
    }
    100% {
        opacity: 1;
        transform: scale(1.2) rotate(360deg) translateZ(0)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -200px, 0);
        transform: translate3d(0, -200px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -200px, 0);
        transform: translate3d(0, -200px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes goLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes goLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes goRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes goRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes toRight {
    0% {
        opacity: 0;
        right: -100px
    }
    100% {
        opacity: 1;
        right: 20px
    }
}

@keyframes toRight {
    0% {
        opacity: 0;
        right: -100px
    }
    100% {
        opacity: 1;
        right: 20px
    }
}

@-webkit-keyframes scaleSmall {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes scaleSmall {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes scaleLarge {
    0% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaleLarge {
    0% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes bounceInDown {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes bounceInDown {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes trackBallSlide {
    0%,
    100%,
    30%,
    60% {
        opacity: 1;
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }
    15%,
    50% {
        opacity: 0;
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@keyframes trackBallSlide {
    0%,
    100%,
    30%,
    60% {
        opacity: 1;
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }
    15%,
    50% {
        opacity: 0;
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@-webkit-keyframes StrokeLine {
    0% {
        stroke-dashoffset: 0
    }
    100% {
        stroke-dashoffset: 200
    }
}

@keyframes StrokeLine {
    0% {
        stroke-dashoffset: 0
    }
    100% {
        stroke-dashoffset: 200
    }
}

@-webkit-keyframes FillCorlor {
    0% {
        stop-color: #af6b00
    }
    100% {
        stop-color: #2f4051
    }
}

@keyframes FillCorlor {
    0% {
        stop-color: #af6b00
    }
    100% {
        stop-color: #2f4051
    }
}

@-webkit-keyframes goHeight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(1, 0, 1);
        transform: scale3d(1, 0, 1)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes goHeight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(1, 0, 1);
        transform: scale3d(1, 0, 1)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes BorderBox {
    0%,
    100% {
        background-position: 0 50%
    }
    50% {
        background-position: 100% 50%
    }
}

@keyframes BorderBox {
    0%,
    100% {
        background-position: 0 50%
    }
    50% {
        background-position: 100% 50%
    }
}

@-webkit-keyframes Show100 {
    from {
        stroke-dashoffset: 500
    }
    to {
        stroke-dashoffset: 0
    }
}

@keyframes Show100 {
    from {
        stroke-dashoffset: 500
    }
    to {
        stroke-dashoffset: 0
    }
}

.fadein {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fadeindown,
.fadeout {
    -webkit-animation-duration: .9s;
    -webkit-animation-fill-mode: forwards
}

.fadeout {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    animation-duration: .9s;
    animation-fill-mode: forwards
}

.fadeindown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    animation-duration: .9s;
    animation-fill-mode: forwards
}

.fadeinup,
.fadeoff {
    -webkit-animation-duration: .9s;
    -webkit-animation-fill-mode: forwards
}

.fadeinup {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation-duration: .9s;
    animation-fill-mode: forwards
}

.fadeoff {
    -webkit-animation-name: fadeOff;
    animation-name: fadeOff;
    animation-duration: .9s;
    animation-fill-mode: forwards
}

.fadeon,
.goleft {
    -webkit-animation-fill-mode: forwards
}

.fadeon {
    -webkit-animation-name: fadeOn;
    animation-name: fadeOn;
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    animation-fill-mode: forwards
}

.goleft {
    -webkit-animation-name: goLeft;
    animation-name: goLeft;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    animation-fill-mode: forwards
}

.goright {
    -webkit-animation-name: goRight;
    animation-name: goRight;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.scalelarge {
    -webkit-animation: scaleLarge;
    animation: scaleLarge;
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.scalesmall {
    -webkit-animation: scaleSmall;
    animation: scaleSmall;
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.slide-fade-out {
    -webkit-animation: fadeOut;
    animation: fadeOut;
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.slide-fade-in {
    -webkit-animation: fadeIn;
    animation: fadeIn;
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    z-index: 10
}

.slide-mask {
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform
}

.container,
.footer,
.language,
.nav-click,
.social-top {
    -webkit-animation: Start 1s steps(1, end) 0s 1 normal both;
    -moz-animation: Start 1s steps(1, end) 0s 1 normal both;
    -ms-animation: Start 1s steps(1, end) 0s 1 normal both;
    animation: Start 1s steps(1, end) 0s 1 normal both
}

@media screen and (min-width:1100px) {
    .all-service::before,
    .ani-item-home,
    .ani-item:not(.pic-faci-full),
    .box-cover::after,
    .box-intro::before,
    .box-nav,
    .box-project-box::before,
    .box-project-home::before,
    .company-text,
    .company-text h2,
    .contact-form h2,
    .input-area,
    .input-but,
    .input-text,
    .login-box,
    .logo-center,
    .map-box,
    .project-box .slide-buttons,
    .project-box .slide-pagination .slide-page,
    .project-home .slide-buttons,
    .slide-mask .slide-buttons,
    .text-slide,
    .wheel {
        opacity: 0
    }
    body.hidden .bottom-text {
        opacity: 0;
        pointer-events: none
    }
    .wheel.show {
        -webkit-animation: fadeIn;
        animation: fadeIn;
        -webkit-animation-duration: .6s;
        animation-duration: .6s;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .box-nav.show {
        -webkit-animation: toRight;
        animation: toRight;
        -webkit-animation-duration: .4s;
        animation-duration: .4s;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    body.hidden .footer.show .bottom-text {
        pointer-events: auto;
        -webkit-animation: fadeInUp;
        animation: fadeInUp;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .show-text .box-cover::after,
    .show-text .login-box {
        -webkit-animation-duration: 1s;
        -webkit-animation-fill-mode: forwards
    }
    .show-text .login-box {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
        animation-duration: 1s;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        animation-fill-mode: forwards
    }
    .show-text .box-cover::after {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
        animation-duration: 1s;
        -webkit-animation-delay: .5s;
        animation-delay: .5s;
        animation-fill-mode: forwards
    }
    .show-text .ani-item-home:not(.box-service-home) {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .show-text .logo-center {
        -webkit-animation: scaleLarge;
        animation: scaleLarge;
        -webkit-animation-duration: .9s;
        animation-duration: .9s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .show-text .box-service-home {
        -webkit-animation-name: scaleSmall;
        animation-name: scaleSmall;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .show-text .company-text,
    .show-text .map-box {
        -webkit-animation-duration: 1s;
        -webkit-animation-fill-mode: forwards
    }
    .show-text .company-text {
        -webkit-animation-name: goRight;
        animation-name: goRight;
        animation-duration: 1s;
        animation-fill-mode: forwards
    }
    .show-text .map-box {
        -webkit-animation-name: goLeft;
        animation-name: goLeft;
        animation-duration: 1s;
        animation-fill-mode: forwards
    }
    .show-text .all-service::before,
    .show-text .box-project-home::before {
        -webkit-animation-name: goRight;
        animation-name: goRight;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .show-text .slide-buttons {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .show-text .box-intro::before,
    .show-text .box-project-box::before {
        -webkit-animation-duration: 1s;
        -webkit-animation-fill-mode: forwards
    }
    .show-text .box-intro::before {
        -webkit-animation-name: goLeft;
        animation-name: goLeft;
        animation-duration: 1s;
        animation-fill-mode: forwards
    }
    .show-text .box-project-box::before {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
        animation-duration: 1s;
        animation-fill-mode: forwards
    }
    .show-text .project-box .slide-pagination .slide-page {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: .5s;
        animation-delay: .5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .show-text .project-box .slide-pagination .slide-page:nth-child(even) {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: .3s;
        animation-delay: .3s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .show-text .slide-mask,
    .show-text .text-slide {
        -webkit-animation-duration: 1s;
        -webkit-animation-fill-mode: forwards
    }
    .show-text .text-slide {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
        animation-duration: 1s;
        animation-fill-mode: forwards
    }
    .show-text .slide-mask {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
        animation-duration: 1s;
        animation-fill-mode: forwards
    }
    .show-text .company-text h2,
    .show-text .contact-form h2,
    .show-text .input-area,
    .show-text .input-but,
    .show-text .input-text {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .outer-nav.second.fixed.on-show,
    .outer-nav.second.on-show {
        -webkit-animation-name: none!important;
        animation-name: none!important;
        -webkit-animation-duration: 0s!important;
        animation-duration: 0s!important;
        -webkit-animation-delay: 0s!important;
        animation-delay: 0s!important
    }
    .ani-item:not(.pic-faci-full).on-show,
    .content-manager>h3.on-show {
        -webkit-animation-duration: 1s;
        -webkit-animation-delay: 0s;
        -webkit-animation-fill-mode: forwards
    }
    .ani-item:not(.pic-faci-full).on-show {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
        animation-duration: 1s;
        animation-delay: 0s;
        animation-fill-mode: forwards
    }
    .content-manager>h3.on-show {
        -webkit-animation-name: fadeIn!important;
        animation-name: fadeIn!important;
        animation-duration: 1s;
        animation-delay: 0s;
        animation-fill-mode: forwards
    }
    .ani-item.on-show .slide-buttons {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
}