@keyframes Start {
    from {
        visibility: hidden
    }
    to {
        visibility: visible
    }
}
@-webkit-keyframes Reveal {
    from {
        transform: scale(.001)
    }
    to {
        transform: scale(1)
    }
}
@keyframes Reveal {
    from {
        transform: scale(.001)
    }
    to {
        transform: scale(1)
    }
}
@-webkit-keyframes Slide {
    to {
        transform: translateX(20px)
    }
}
@keyframes Slide {
    to {
        transform: translateX(20px)
    }
}
@-webkit-keyframes Preloader {
    100% {
        -webkit-transform: rotate(360deg)
    }
}
@keyframes Preloader {
    100% {
        transform: rotate(360deg)
    }
}
@-webkit-keyframes DrawStroke {
    0% {
        stroke-dashoffset: 800
    }
    100% {
        stroke-dashoffset: 0
    }
}
@keyframes DrawStroke {
    0% {
        stroke-dashoffset: 800
    }
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes DrawPlay {
    0% {
        stroke-dashoffset: 5000;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@-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)
    }
}
@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 BorderColor {
    0%,
    100% {
        border-color: #db9614
    }
    50% {
        border-color: #b3bcc1
    }
}
@-webkit-keyframes BorderColor {
    0%,
    100% {
        border-color: #db9614
    }
    50% {
        border-color: #b3bcc1
    }
}
@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 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 fadeInUpBTQ {
    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 fadeInUpBTQ {
    0% {
        opacity: 0;
        transform: translate3d(0, 100px, 0);
    }
    100% {
        opacity: 1;
        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
    }
}
@-webkit-keyframes scaleSmall {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}
@keyframes scaleSmall {
    0% {
        opacity: 0;
        transform: scale(.8)
    }
    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 scaleLarge2 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.1)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}
@keyframes scaleLarge2 {
    0% {
        opacity: 0;
        transform: scale(1.1)
    }
    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)
    }
}
@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 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 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 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 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 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 aniWidth {
    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 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 {
    0% {}
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
@keyframes moveLeft {
    0% {}
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
@-webkit-keyframes moveRight {
    0% {}
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}
@keyframes moveRight {
    0% {}
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@-webkit-keyframes MaskPlay {
    from {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
        opacity: 1
    }
    to {
        -webkit-clip-path: inset(100% 100% 100% 100%);
        clip-path: inset(100% 100% 100% 100%);
        opacity: 0
    }
}
@-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 BorderBox {
    0%,
    100% {
        background-position: 0 50%
    }
    50% {
        background-position: 50% 0
    }
}
@keyframes BorderBox {
    0%,
    100% {
        background-position: 0 50%
    }
    50% {
        background-position: 50% 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);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
    }
}
@keyframes goRight {
    0% {
        opacity: 0;
        transform: translate3d(100%,0,0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
@-webkit-keyframes goLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes goLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes DrawStroke {
    0% {
        stroke-dashoffset: 800
    }
    100% {
        stroke-dashoffset: 0
    }
}
@-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 Fill {
    0%,
    100% {
        fill: #B7C64A
    }
    50% {
        fill: #2f6767
    }
}
@keyframes Fill {
    0%,
    100% {
        fill: #B7C64A
    }
    50% {
        fill: #2f6767
    }
}
@-webkit-keyframes StrokeLine {
    0% {
        stroke-dashoffset: 0
    }
    100% {
        stroke-dashoffset: 100
    }
}
@keyframes StrokeLine {
    0% {
        stroke-dashoffset: 0
    }
    100% {
        stroke-dashoffset: 100
    }
}
@keyframes revealer {
    0% {
        width: 100%
    }
    100% {
        width: 0
    }
}
@keyframes revealer1 {
    0% {
        width: 0
    }
    50% {
        width: 100%
    }
    100% {
        width: 0;
        left: auto;
        right: 0
    }
}
@-webkit-keyframes perspective {
    0% {
        -webkit-transform: perspective(100px) rotateX(9deg) scale(.9);
        transform: perspective(100px) rotateX(9deg) scale(.9);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(0) rotateX(0);
        transform: perspective(0) rotateX(0);
        opacity: 1
    }
}
@keyframes perspective {
    0% {
        -webkit-transform: perspective(100px) rotateX(9deg) scale(.9);
        transform: perspective(100px) rotateX(9deg) scale(.9);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(0) rotateX(0);
        transform: perspective(0) rotateX(0);
        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 logoAni {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.5, 1.5)
    }
    100% {
        opacity: .3;
        -webkit-transform: scale(1, 1)
    }
}
@keyframes logoAni {
    0% {
        opacity: 0;
        transform: scale(1.5, 1.5)
    }
    100% {
        opacity: .3;
        -webkit-transform: scale(1, 1)
    }
}

.animated {
    animation-fill-mode: both
}
.fadein,
.fadeout,
.flipoutx {
    animation-fill-mode: forwards
}
.slideout-Up {
    animation-name: slideOutUp
}
.slidein-Up {
    animation-name: slideInUp
}
.fade-In {
    animation-name: fadeIn
}
.fade-Out {
    animation-name: fadeOut
}
.fadein {
    animation-name: fadeIn
}
.fadeout {
    animation-name: fadeOut;
    animation-duration: 1s
}
.flipinx,
.flipoutx {
    backface-visibility: visible!important;
    animation-duration: .8s
}
.flipoutx {
    animation-name: flipOutX
}
.flipinx {
    animation-name: flipInX;
    animation-fill-mode: forwards
}
.fadeindown,
.fadeinup,
.fadeoff,
.fadeon,
.goleft,
.goright {
    animation-duration: 1s;
    animation-fill-mode: forwards
}
.fadeindown {
    animation-name: fadeInDown
}
.fadeinup {
    animation-name: fadeInUp
}
.fadeoff {
    animation-name: fadeOff
}
.fadeon {
    animation-name: fadeOn
}
.goleft {
    animation-name: goLeft
}
.goright {
    animation-name: goRight
}
.scalelarge {
    animation: scaleLarge;
    animation-duration: 1s;
    animation-fill-mode: forwards
}
.scalesmall {
    animation: scaleSmall;
    animation-duration: 1s;
    animation-fill-mode: forwards
}
.moveleft,
.moveright {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    pointer-events: none
}
.moveleft {
    animation-name: moveLeft
}
.moveright {
    animation-name: moveRight
}
.slide-fade-out {
    animation: fadeOut;
    animation-duration: 1s;
    animation-fill-mode: forwards
}
.slide-fade-in {
    animation: fadeIn;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    z-index: 10
}