@-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
    }
}

@-webkit-keyframes Ani {
    0% {
        box-shadow: 0 0 0 rgba(220, 220, 220, 0);
        border: 1px solid rgba(220, 220, 220, 0);
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    70% {
        box-shadow: 0 0 50px rgba(220, 220, 220, 1);
        border: 1px solid rgba(220, 220, 220, 1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        box-shadow: 0 0 60px rgba(220, 220, 220, 0);
        border: 0 solid rgba(220, 220, 220, 0);
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

@keyframes Ani {
    0% {
        box-shadow: 0 0 0 rgba(220, 220, 220, 0);
        border: 1px solid rgba(220, 220, 220, 0);
        transform: scale(0)
    }
    70% {
        box-shadow: 0 0 50px rgba(220, 220, 220, 1);
        border: 1px solid rgba(220, 220, 220, 1);
        transform: scale(1)
    }
    100% {
        box-shadow: 0 0 60px rgba(220, 220, 220, 0);
        border: 0 solid rgba(220, 220, 220, 0);
        transform: scale(2)
    }
}

@-webkit-keyframes empty {
    0% {
        opacity: 1
    }
}

@keyframes empty {
    0% {
        opacity: 1
    }
}

@-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, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

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

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

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg) scale(.5);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0) scale(1);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg) scale(.5);
        opacity: 0
    }
    100% {
        transform: perspective(400px) rotateX(0) scale(1);
        opacity: 1
    }
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0) scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg) scale(.5);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0) scale(1);
        opacity: 1
    }
    100% {
        transform: perspective(400px) rotateX(90deg) scale(.5);
        opacity: 0
    }
}

@keyframes BgColor {
    from {
        background-color: rgba(0, 72, 53, 1)
    }
    to {
        background-color: rgba(176, 92, 30, 1)
    }
}

@-webkit-keyframes BgColor {
    from {
        background-color: rgba(0, 72, 53, 1)
    }
    to {
        background-color: rgba(176, 92, 30, 1)
    }
}

@keyframes Leftpage {
    from {
        left: -100%
    }
    to {
        left: 100%
    }
}

@-webkit-keyframes Leftpage {
    from {
        left: -100%
    }
    to {
        left: 100%
    }
}

@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 scaleSmall {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.1)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

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

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

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

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

@keyframes scaleLarge {
    0% {
        opacity: 0;
        transform: scale(2)
    }
    100% {
        opacity: 1;
        transform: scale(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 goHeight {
    from {
        -webkit-transform: scale3d(1, 0, 1);
        transform: scale3d(1, 0, 1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes goHeight {
    from {
        -webkit-transform: scale3d(1, 0, 1);
        transform: scale3d(1, 0, 1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes goWidth {
    from {
        -webkit-transform: scale3d(0, 1, 1);
        transform: scale3d(0, 1, 1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes goWidth {
    from {
        -webkit-transform: scale3d(0, 1, 1);
        transform: scale3d(0, 1, 1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes aniHeight {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    to {
        -webkit-transform: scale3d(1, 0, 1);
        transform: scale3d(1, 0, 1)
    }
}

@keyframes aniHeight {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    to {
        -webkit-transform: scale3d(1, 0, 1);
        transform: scale3d(1, 0, 1)
    }
}

@-webkit-keyframes aniWidth {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    to {
        -webkit-transform: scale3d(0, 1, 1);
        transform: scale3d(0, 1, 1)
    }
}

@keyframes aniWidth {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    to {
        -webkit-transform: scale3d(0, 1, 1);
        transform: scale3d(0, 1, 1)
    }
}

@-webkit-keyframes moveLeft {
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes moveLeft {
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes moveRight {
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes moveRight {
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

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

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

@-webkit-keyframes Bg-Animation {
    0%,
    100% {
        -webkit-transform: translate3d(-50%, -50%, 0) scale(.8);
        opacity: 0
    }
    70% {
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1.2);
        opacity: 1
    }
}

@keyframes Bg-Animation {
    0%,
    100% {
        transform: translate3d(-50%, -50%, 0) scale(.8);
        opacity: 0
    }
    70% {
        transform: translate3d(-50%, -50%, 0) scale(1.2);
        opacity: 1
    }
}

@-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 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 goLeft1 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: .5;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes goLeft1 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: .5;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes DrawStroke {
    0% {

        stroke-dashoffset: 3000
    }
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes DrawStroke {
    0% {
        stroke-dashoffset: 3000
    }
    100% {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes DrawStroke1 {
    0% {
        stroke-dashoffset: 2500
    }
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes DrawStroke1 {
    0% {
        stroke-dashoffset: 2500
    }
    100% {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes DrawStroke2 {
    0% {
        stroke-dashoffset: 2500;
        fill-opacity: 0
    }
    50% {
        stroke-dashoffset: 0
    }
    100% {
        fill-opacity: 1
    }
}

@keyframes DrawStroke2 {
    0% {
        stroke-dashoffset: 2500;
        fill-opacity: 0
    }
    50% {
        stroke-dashoffset: 0
    }
    100% {
        fill-opacity: 1
    }
}

@-webkit-keyframes Fill {
    0%,
    100% {
        fill: #B7C64A
    }
    50% {
        fill: #2f6767
    }
}

@keyframes Fill {
    0%,
    100% {
        fill: #B7C64A
    }
    50% {
        fill: #2f6767
    }
}

@-webkit-keyframes Revealer {
    0% {
        width: 100%;
        opacity: 1
    }
    100% {
        width: 0;
        opacity: 0
    }
}

@keyframes Revealer {
    0% {
        width: 100%;
        opacity: 1
    }
    100% {
        width: 0;
        opacity: 0
    }
}

@-webkit-keyframes Revealer1 {
    0% {
        width: 0;
        opacity: 0
    }
    100% {
        width: 100%;
        opacity: 1
    }
}

@keyframes Revealer1 {
    0% {
        width: 0;
        opacity: 0
    }
    100% {
        width: 100%;
        opacity: 1
    }
}

@-webkit-keyframes goNav {
    0% {
        width: 0
    }
    100% {
        width: 100vh
    }
}

@keyframes goNav {
    0% {
        width: 0
    }
    100% {
        width: 100vh
    }
}

@-webkit-keyframes goBg {
    0% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes goBg {
    0% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@-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 Color2 {
    0%,
    60% {
        background-color: #00431c
    }
    20% {
        background-color: #b08a30
    }
}

@keyframes Color2 {
    0%,
    60% {
        background-color: #00431c
    }
    20% {
        background-color: #b08a30
    }
}

@-webkit-keyframes Border {
    0%,
    60% {
        border-top-color: #e5c58c
    }
    20% {
        border-top-color: #0b5b79
    }
}

@keyframes Border {
    0%,
    60% {
        border-top-color: #e5c58c
    }
    20% {
        border-top-color: #0b5b79
    }
}

@-webkit-keyframes Border1 {
    0%,
    60% {
        border-color: #e5c58c
    }
    20% {
        border-color: #0b5b79
    }
}

@keyframes Border1 {
    0%,
    60% {
        border-color: #e5c58c
    }
    20% {
        border-color: #0b5b79
    }
}

@-webkit-keyframes FillCorlor {
    0% {
        fill: #fff
    }
    100% {
        fill: #ca930f
    }
}

@keyframes FillCorlor {
    0% {
        fill: #fff
    }
    100% {
        fill: #ca930f
    }
}

@-webkit-keyframes Shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0) rotate(0)
    }
    0%,
    50% {
        -webkit-transform: translate3d(-10px, 0, 0) rotate(15deg)
    }
    25% {
        -webkit-transform: translate3d(10px, 0, 0) rotate(-15deg)
    }
}

@keyframes Shake {
    from,
    to {
        transform: translate3d(0, 0, 0) rotate(0)
    }
    0%,
    50% {
        transform: translate3d(-10px, 0, 0) rotate(15deg)
    }
    25% {
        transform: translate3d(10px, 0, 0) rotate(-15deg)
    }
}

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

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

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

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

@-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%
    }
}

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

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

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

.fadeindown,
.fadeout {
    -webkit-animation-duration: 1s
}

.fadeout,
.flipoutx {
    -webkit-animation-fill-mode: forwards
}

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

.flipoutx {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    animation-fill-mode: forwards
}

.flipinx,
.goleft {
    -webkit-animation-duration: .8s
}

.fadeindown,
.flipinx {
    -webkit-animation-fill-mode: forwards
}

.flipinx {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    animation-duration: .8s;
    animation-fill-mode: forwards
}

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

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

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

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

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

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

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

.goright,
.moveleft {
    -webkit-animation-duration: .8s;
    -webkit-animation-fill-mode: forwards
}

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

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

.moveleft {
    pointer-events: none;
    -webkit-animation-name: moveLeft;
    animation-name: moveLeft;
    animation-duration: .8s;
    animation-fill-mode: forwards
}

.moveright {
    pointer-events: none;
    -webkit-animation-name: moveRight;
    animation-name: moveRight;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.container,
.footer,
.go-top,
.header,
.register-form, .about-map {
    -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
}

.navigation::after,
.navigation::before,
.navigation>span {
    width: 0
}

.navigation.show::before {
    -webkit-animation: goNav;
    animation: goNav;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.navigation.show::after {
    -webkit-animation: goNav;
    animation: goNav;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.navigation.show>span {
    -webkit-animation: goNav;
    animation: goNav;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.logo,
.nav-click,
.right-header {
    opacity: 0
}

.show .right-header {
    -webkit-animation: goLeft;
    animation: goLeft;
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.show .nav-click {
    -webkit-animation: goLeft;
    animation: goLeft;
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.show .logo {
    -webkit-animation: goRight;
    animation: goRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@media screen and (min-width:1100px) {
    .bg-menu,
    .bg-screen::after,
    .nav li,
    .register-form .input-area,
    .register-form .input-but,
    .register-form .input-text,
    .slogan-menu,
    .slogan::after,
    .slogan::before,
    .title-page h1 {
        opacity: 0
    }
    .on-show.title-page h1 {
        -webkit-animation: fadeIn;
        animation: fadeIn;
        -webkit-animation-duration: .9s;
        animation-duration: .9s;
        -webkit-animation-delay: .5s;
        animation-delay: .5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .about-intro.show-text .bg-screen::after,
    .location-section.show-text .bg-screen::after {
        display: block;
        -webkit-animation: fadeIn;
        animation: fadeIn;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .navigation.show .nav li {
        -webkit-animation-name: goLeft;
        animation-name: goLeft;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .overlay-menu.show .slogan-menu {
        -webkit-animation: goRight;
        animation: goRight;
        -webkit-animation-duration: .9s;
        animation-duration: .9s;
        -webkit-animation-delay: .5s;
        animation-delay: .5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .overlay-menu.show .bg-menu {
        -webkit-animation: goRight;
        animation: goRight;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .register-form.show .title-main {
        -webkit-animation: fadeInUp;
        animation: fadeInUp;
        -webkit-animation-duration: .6s;
        animation-duration: .6s;
        -webkit-animation-delay: .3s;
        animation-delay: .3s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .register-form.show .input-text {
        -webkit-animation: fadeInUp;
        animation: fadeInUp;
        -webkit-animation-duration: .6s;
        animation-duration: .6s;
        -webkit-animation-delay: .4s;
        animation-delay: .4s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .register-form.show .input-area {
        -webkit-animation: fadeInUp;
        animation: fadeInUp;
        -webkit-animation-duration: .6s;
        animation-duration: .6s;
        -webkit-animation-delay: .5s;
        animation-delay: .5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .register-form.show .input-but {
        -webkit-animation: fadeInUp;
        animation: fadeInUp;
        -webkit-animation-duration: .6s;
        animation-duration: .6s;
        -webkit-animation-delay: .6s;
        animation-delay: .6s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .register-form2 .input-but {
        -webkit-animation: fadeInUp;
        animation: fadeInUp;
        -webkit-animation-duration: .6s;
        animation-duration: .6s;
        -webkit-animation-delay: .6s;
        animation-delay: .6s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .show-text .slogan::before {
        -webkit-animation: scaleSmall;
        animation: scaleSmall;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .show-text .slogan::after {
        -webkit-animation: fadeInDown;
        animation: fadeInDown;
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
        -webkit-animation-delay: .3s;
        animation-delay: .3s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .group-central .slide-buttons,
    .group-central .slide-pagination {
        opacity: 0;
        -webkit-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out
    }
    .show-text .slide-buttons,
    .show-text .slide-pagination {
        opacity: 1
    }
    .slide-pics .txt-banner {
        opacity: 0;
        right: 0;
        -webkit-transition: all 2s cubic-bezier(.23, 1, .38, 1);
        transition: all 2s cubic-bezier(.23, 1, .38, 1)
    }
    .slide-pics .active .txt-banner {
        opacity: 1;
        right: 10vw;
        -webkit-animation-delay: 1s;
        animation-delay: 1s
    }
    .box-txt-main p,
    .company-info h3,
    .company-info img,
    .company-info li,
    .home-contact::before,
    .item-faci-home,
    .item-video-home,
    .left-footer,
    .pointer-map,
    .right-footer,
    .slider-news,
    .slider-partner,
    .stroke .svgMask,
    .title-main,
    .view-more {
        opacity: 0
    }
    .show .left-footer {
        -webkit-animation: fadeInUp;
        animation: fadeInUp;
        -webkit-animation-duration: .9s;
        animation-duration: .9s;
        -webkit-animation-delay: .9s;
        animation-delay: .9s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .end .right-footer {
        -webkit-animation: fadeInUp;
        animation: fadeInUp;
        -webkit-animation-duration: .9s;
        animation-duration: .9s;
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .title-main h2::after {
        -webkit-transform: scale3d(0, 1, 1);
        transform: scale3d(0, 1, 1)
    }
    .show-text .title-main h2::after {
        -webkit-animation: goWidth;
        animation: goWidth;
        -webkit-animation-duration: .9s;
        animation-duration: .9s;
        -webkit-animation-delay: .6s;
        animation-delay: .6s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .show-text .title-main {
        -webkit-animation: fadeInUp;
        animation: fadeInUp;
        -webkit-animation-duration: .9s;
        animation-duration: .9s;
        -webkit-animation-delay: .3s;
        animation-delay: .3s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .show-text .line-color {
        -webkit-animation-name: DrawStroke1;
        animation-name: DrawStroke1;
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .show-text .stroke .svgMask {
        -webkit-animation: fadeIn;
        animation: fadeIn;
        -webkit-animation-duration: .9s;
        animation-duration: .9s;
        -webkit-animation-delay: 1.4s;
        animation-delay: 1.4s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .show-text .stroke .leaf-present {
        -webkit-animation: fadeOut;
        animation: fadeOut;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .show-text .box-txt-main p {
        -webkit-animation: fadeInUp;
        animation: fadeInUp;
        -webkit-animation-duration: .9s;
        animation-duration: .9s;
        -webkit-animation-delay: .4s;
        animation-delay: .4s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .company-info h3::after {
        -webkit-transform: scale3d(0, 1, 1);
        transform: scale3d(0, 1, 1)
    }
    .show-text .view-more {
        -webkit-animation: fadeInUp;
        animation: fadeInUp;
        -webkit-animation-duration: .9s;
        animation-duration: .9s;
        -webkit-animation-delay: .5s;
        animation-delay: .5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .show-text .company-info h3,
    .show-text .company-info img,
    .show-text .company-info li {
        -webkit-animation: fadeInUp;
        animation: fadeInUp;
        -webkit-animation-duration: .9s;
        animation-duration: .9s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    ,
    .on-show.company-info h3,
    .on-show.company-info img,
    .show-text .company-info h3 {
        -webkit-animation-delay: .3s;
        animation-delay: .3s
    }
    .show-text .company-info h3::after {
        -webkit-animation: goWidth;
        animation: goWidth;
        -webkit-animation-duration: .9s;
        animation-duration: .9s;
        -webkit-animation-delay: .4s;
        animation-delay: .4s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .show-text .item-video-home {
        -webkit-animation: goLeft;
        animation: goLeft;
        -webkit-animation-duration: .9s;
        animation-duration: .9s;
        -webkit-animation-delay: .5s;
        animation-delay: .5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .show-text .slider-news {
        -webkit-animation: fadeInUp;
        animation: 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 .item-faci-home {
        -webkit-animation: fadeInUp;
        animation: fadeInUp;
        -webkit-animation-duration: .9s;
        animation-duration: .9s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .show-text .item-faci-home:nth-child(1) {
        -webkit-animation-delay: .3s;
        animation-delay: .3s
    }
    .show-text .item-faci-home:nth-child(2) {
        -webkit-animation-delay: .6s;
        animation-delay: .6s
    }
    .show-text .item-faci-home:nth-child(3) {
        -webkit-animation-delay: .8s;
        animation-delay: .8s
    }
    .show-text .item-faci-home:nth-child(4) {
        -webkit-animation-delay: .9s;
        animation-delay: .9s
    }
    .show-text.home-contact::before {
        -webkit-animation: fadeIn;
        animation: fadeIn;
        -webkit-animation-duration: .9s;
        animation-duration: .9s;
        -webkit-animation-delay: .3s;
        animation-delay: .3s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .show-text .leaf-line {
        -webkit-animation-name: DrawStroke2;
        animation-name: DrawStroke2;
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .on-show.company-info li:nth-child(1),
    .show-text .company-info li:nth-child(1) {
        -webkit-animation-delay: .6s;
        animation-delay: .6s
    }
    .on-show.company-info li:nth-child(2),
    .show-text .company-info li:nth-child(2) {
        -webkit-animation-delay: .7s;
        animation-delay: .7s
    }
    .on-show.company-info li:nth-child(3),
    .show-text .company-info li:nth-child(3) {
        -webkit-animation-delay: .8s;
        animation-delay: .8s
    }
    .on-show.company-info li:nth-child(4),
    .show-text .company-info li:nth-child(4) {
        -webkit-animation-delay: .9s;
        animation-delay: .9s
    }
    .show-text .viewer {
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        -webkit-transition: all .9s ease-in-out;
        transition: all .9s ease-in-out
    }
    .show-text .pointer-map {
        -webkit-animation: bounceInDown;
        animation: bounceInDown;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .show-text .slider-partner {
        -webkit-animation: fadeInUp;
        animation: fadeInUp;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: .5s;
        animation-delay: .5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .location-section .viewer {
        width: 100%;
        height: 100vh;
        opacity: 0;
        top: 0;
        right: 0;
        -webkit-transition: all .9s ease-in-out;
        transition: all .9s ease-in-out;
        -webkit-border-radius: 0;
        border-radius: 0
    }
    .location-section.show-text .viewer {
        opacity: 1
    }
    .all-dot-top .dot-num,
    .apartment-pic,
    .description,
    .go-back,
    .keyplan,
    .note-facilities ul,
    .note-plan,
    .share,
    .slide-house .slide-buttons,
    .sub-nav ul,
    .thumb-click,
    .title-apartment,
    .title-box {
        opacity: 0
    }
    .show-text .buttons.show {
        -webkit-animation: fadeInUp;
        animation: fadeInUp;
        -webkit-animation-duration: .9s;
        animation-duration: .9s;
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .show-text .note-facilities ul {
        -webkit-animation-name: goRight;
        animation-name: goRight;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: .7s;
        animation-delay: .7s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .show-text .note-plan,
    .show-text.sub-nav ul {
        -webkit-animation-duration: 1s;
        -webkit-animation-fill-mode: forwards
    }
    .show-text .note-plan {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
        animation-duration: 1s;
        -webkit-animation-delay: .5s;
        animation-delay: .5s;
        animation-fill-mode: forwards
    }
    .show-text .dot-num.show span.circle {
        -webkit-animation: Ani 2s infinite;
        animation: Ani 2s infinite
    }
    .show-text.sub-nav ul {
        -webkit-animation-name: goLeft;
        animation-name: goLeft;
        animation-duration: 1s;
        -webkit-animation-delay: .7s;
        animation-delay: .7s;
        animation-fill-mode: forwards
    }
    .show-house .title-box,
    .show-text .title-apartment {
        -webkit-animation-duration: 1s;
        -webkit-animation-fill-mode: forwards
    }
    .show-text .title-apartment {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
        animation-duration: 1s;
        -webkit-animation-delay: .5s;
        animation-delay: .5s;
        animation-fill-mode: forwards
    }
    .show-house .title-box {
        -webkit-animation-name: goLeft;
        animation-name: goLeft;
        animation-duration: 1s;
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        animation-fill-mode: forwards
    }
    .show-house .apartment-pic,
    .show-house .description {
        -webkit-animation-duration: 1s;
        -webkit-animation-fill-mode: forwards
    }
    .show-house .apartment-pic {
        -webkit-animation-name: scaleLarge;
        animation-name: scaleLarge;
        animation-duration: 1s;
        -webkit-animation-delay: .5s;
        animation-delay: .5s;
        animation-fill-mode: forwards
    }
    .show-house .description {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
        animation-duration: 1s;
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        animation-fill-mode: forwards
    }
    .go-back.show,
    .show-house .keyplan {
        -webkit-animation-duration: 1s;
        -webkit-animation-fill-mode: forwards
    }
    .go-back.show {
        pointer-events: auto;
        -webkit-animation-name: goLeft;
        animation-name: goLeft;
        animation-duration: 1s;
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        animation-fill-mode: forwards
    }
    .show-house .bg-house {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    .show-house .bg-house::after {
        opacity: 1
    }
    .bg-cover::after,
    .box-progress,
    .detail-center,
    .logo.scale:after,
    .map-box,
    .news-list::after,
    .progress-list::after,
    .slider-download,
    .slider-library,
    .thumbs-video,
    .title-news {
        opacity: 0
    }
    .show-house .keyplan {
        -webkit-animation-name: goRight;
        animation-name: goRight;
        animation-duration: 1s;
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        animation-fill-mode: forwards
    }
    .show-house .share,
    .show-house .thumb-click {
        -webkit-animation-duration: 1s;
        -webkit-animation-fill-mode: forwards
    }
    .show-house .share {
        -webkit-animation-name: goLeft;
        animation-name: goLeft;
        animation-duration: 1s;
        -webkit-animation-delay: .6s;
        animation-delay: .6s;
        animation-fill-mode: forwards
    }
    .show-house .thumb-click {
        -webkit-animation-name: goRight;
        animation-name: goRight;
        animation-duration: 1s;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        animation-fill-mode: forwards
    }
    .show-house .slide-house .slide-buttons {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: 1.3s;
        animation-delay: 1.3s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .show-text .detail-center,
    .show-text .slider-download,
    .show-text .slider-library {
        -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 .thumbs-video {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: .8s;
        animation-delay: .8s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .colum-box-news.show {
        height: calc(100vh - 100px)
    }
    .colum-box-news.show .click-hover {
        height: 100%
    }
    .logo.scale {
        pointer-events: none
    }
    .logo.scale:before {
        display: none
    }
    .show-text .news-list::after,
    .show-text .title-news {
        -webkit-animation: fadeIn;
        animation: fadeIn;
        -webkit-animation-duration: .9s;
        animation-duration: .9s;
        -webkit-animation-delay: .5s;
        animation-delay: .5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .box-progress.show {
        -webkit-animation: fadeInUp;
        animation: fadeInUp;
        -webkit-animation-duration: .6s;
        animation-duration: .6s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .show-text .progress-list::after {
        -webkit-animation: fadeIn;
        animation: fadeIn;
        -webkit-animation-duration: .9s;
        animation-duration: .9s;
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .footer-contact .right-footer {
        -webkit-animation: fadeIn;
        animation: fadeIn;
        -webkit-animation-duration: .9s;
        animation-duration: .9s;
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .contact-map.show-text .bg-cover::after {
        display: block;
        -webkit-animation: goLeft;
        animation: goLeft;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-delay: .7s;
        animation-delay: .7s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .show-text .map-box {
        -webkit-animation: goRight;
        animation: goRight;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-delay: .5s;
        animation-delay: .5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .is-Edge .contact-map.show-text .bg-cover::after,
    .is-IE .contact-map.show-text .bg-cover::after {
        -webkit-animation: goLeft1;
        animation: goLeft1;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-delay: .7s;
        animation-delay: .7s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
}

@media screen and (max-width:1400px) {
    .home-location .show-text .viewer {
        width: 70vh;
        height: 70vh;
        top: 16vh
    }
}

@media screen and (max-width:1100px) {
    .ani-text .go-page {
        -webkit-animation: none;
        animation: none;
        -webkit-animation-duration: 0s;
        animation-duration: 0s;
        -webkit-animation-delay: 0s;
        animation-delay: 0s
    }
    .navigation.show .nav li {
        -webkit-animation-name: goRight;
        animation-name: goRight;
        -webkit-animation-duration: .6s;
        animation-duration: .6s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
}