html,
body {
    overflow-x: hidden !important;
    position: relative;
}

.js body {
    visibility: visible !important;
}

.bg-animation {
    position: relative;
    width: auto;
    height: auto;
    animation: bg-animation 25s ease-in-out infinite;
}

@keyframes bg-animation {
    0% {
        background-size: 120%;
        background-position: 50% 50%;
    }
    20% {
        background-size: 150%;
        background-position: 0 50%;
    }
    40% {
        background-size: 110%;
        background-position: 20% 80%;
    }
    60% {
        background-size: 160%;
        background-position: 60% 10%;
    }
    80% {
        background-size: 120%;
        background-position: 40% 70%;
    }
    100% {
        background-size: 120%;
        background-position: 50% 50%;
    }
}

/*----*/

.wrapperright {
    animation: scroll 50s linear infinite;
}

@keyframes scroll {
    100% {
        background-position: -400% 0px;
    }
}

/*----*/

.headerdown {
    height: auto;
    perspective: 1000px;
    perspective-origin: 50% 50%;
    animation: animatedBackground 70s linear infinite;
}

@keyframes animatedBackground {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 0 2000px;
    }
}

/*----*/

.imgfilter {
    filter: saturate(1.3) contrast(1.1) brightness(1.1);
}

/*----*/

.textblursik {
    opacity: 0.4;
    filter: blur(3px);
}

/*----*/

.textopacity {
    filter: opacity(0.2);
}

/*----*/

.header_heart {
    animation: header_heart 4s infinite ease-in-out;
    transform-origin: center;
}

@keyframes header_heart {
    0%,
    100% {
        transform: rotate(-3deg);
    }
    50% {
        transform: rotate(2deg);
    }
}

.el_light {
    animation: fade 3s infinite;
    transform-origin: center;
}

@keyframes fade {
    0%,
    100% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}

.moveup {
    animation: movePhone 3s infinite;
    transform-origin: center;
}

@keyframes movePhone {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(16px);
    }
}

.pulse_yellow {
    animation: pulse_yellow 1.2s infinite;
    transform-origin: center;
}

@keyframes pulse_yellow {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 247, 0, 0.6);
        box-shadow: 0 0 0 0 rgba(255, 247, 0, 0.6);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

.eyOffrRotate {
    animation: eyOffrRotate 4s infinite ease-in-out;
    transform-origin: center;
}

@keyframes eyOffrRotate {
    0%,
    100% {
        transform: translateX(-50%) rotate(-6deg);
    }
    50% {
        transform: translateX(-50%) rotate(6deg);
    }
}

.vrashn {
    animation: vrashn 8s cubic-bezier(0.5, 0.1, 0.5, 0.9) infinite;
    transform-origin: center;
}

@keyframes vrashn {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.blpuls {
    animation: blpuls 1.2s infinite;
    transform-origin: center;
}

@keyframes blpuls {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.6);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.6);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

.pulse_white {
    animation: pulse_white 1.2s infinite;
    transform-origin: center;
}

@keyframes pulse_white {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

.onlnpls {
    animation: onlnpls 1.5s infinite;
}

@keyframes onlnpls {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
        transform: scale(1);
    }
    70% {
        box-shadow: 0 0 0 5px rgba(37, 211, 102, 0);
        transform: scale(1.2);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
        transform: scale(1);
    }
}

.circleScale {
    animation: circleScale 3s infinite;
    transform-origin: center;
}

@keyframes circleScale {
    0% {
        transform: scale(0.9);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.9);
    }
}

.service_right {
    animation: smoothSwingReverse 3s infinite ease-in-out;
    transform-origin: center right;
}

@keyframes smoothSwingReverse {
    0%,
    100% {
        transform: rotate(4deg);
        /* Зеркальный поворот */
    }
    50% {
        transform: rotate(-4deg);
        /* Зеркальный поворот */
    }
}

.service_left {
    animation: smoothSwing 3s infinite ease-in-out;
    transform-origin: center left;
}

@keyframes smoothSwing {
    0%,
    100% {
        transform: rotate(-4deg);
    }
    50% {
        transform: rotate(4deg);
    }
}

.rotate-animation {
    animation: rotate-animation 2s infinite alternate;
    transform-origin: center left;
}

@keyframes rotate-animation {
    from {
        transform: rotate(0deg) translateX(0px);
    }
    to {
        transform: rotate(-20deg) translateX(-10px);
    }
}

.kachanie {
    animation: kachanie 3s infinite ease-in-out;
    position: absolute;
    transform-origin: top center;
}

@keyframes kachanie {
    0%,
    100% {
        transform: rotate(-3deg);
    }
    50% {
        transform: rotate(2deg);
    }
}

.strlkniz {
    animation: strlkniz 1s infinite ease-in-out;
    transform-origin: center;
}

@keyframes strlkniz {
    0%,
    100% {
        transform: translateX(-50%) translateY(0);
    }
    50% {
        transform: translateX(-50%) translateY(4px);
    }
}

.handlr {
    animation: handlr 2s ease-in-out infinite;
    transform-origin: center;
}

@keyframes handlr {
    0%,
    100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(10px);
    }
}

.fireanim {
    animation: fireanim 12s linear infinite;
    transform-origin: center;
}

@keyframes fireanim {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.fireanim_2 {
    animation: fireanim_2 12s linear infinite;
    transform-origin: center;
}

@keyframes fireanim_2 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

.circle-motion {
    animation: circle-motion 3s ease-in-out infinite;
    transform-origin: right bottom;
}

@keyframes circle-motion {
    0%,
    100% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(-5deg);
    }
}

.pulseAnimation {
    animation: pulseAnimation 2s infinite;
    transform-origin: center;
}

@keyframes pulseAnimation {
    0% {
        transform: scale(0.55);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.55);
    }
}

.vert {
    animation: rotate_1 3s linear infinite;
    transform-origin: 50% 50%;
}

@keyframes rotate_1 {
    to {
        transform: rotate(360deg);
    }
}

.vert2 {
    animation: rotate_2 6s linear infinite;
    transform-origin: 50% 50%;
}

@keyframes rotate_2 {
    to {
        transform: rotate(360deg);
    }
}

.vert3 {
    animation: rotate_3 10s linear infinite;
    transform-origin: 50% 50%;
}

@keyframes rotate_3 {
    to {
        transform: rotate(360deg);
    }
}

.shake {
    animation: shake 3s linear infinite;
    transform-origin: center;
}

@keyframes shake {
    50% {
        transform: translate3d(20px, 0, 0);
    }
}

.glowblue {
    animation: glowblue 5s linear infinite;
}

@keyframes glowblue {
    50% {
        box-shadow: 0 0 40px hsl(192, 100%, 64%);
    }
}

.gloworang {
    animation: gloworang 5s linear infinite;
}

@keyframes gloworang {
    50% {
        box-shadow: 0 0 40px hsl(37 96% 60.8%);
    }
}

.glowred {
    animation: glowred 5s linear infinite;
}

@keyframes glowred {
    50% {
        box-shadow: 0 0 40px hsl(0 100% 50%);
    }
}

.glowgreen {
    animation: glowgreen 5s linear infinite;
}

@keyframes glowgreen {
    50% {
        box-shadow: 0 0 40px hsl(120, 100%, 60%);
    }
}

.tonyhawk {
    animation: tonyhawk 6s infinite;
    transform-origin: center;
}

@keyframes tonyhawk {
    50%,
    100% {
        transform: rotate(900deg);
    }
}

.elmHderRotate {
    animation: elmHderRotate 4s infinite ease-in-out;
    transform-origin: center;
}

@keyframes elmHderRotate {
    0%,
    100% {
        transform: rotate(-5deg);
    }
    50% {
        transform: rotate(5deg);
    }
}

.spin {
    animation: spin_1 3s infinite, spinRevert 3s infinite;
    transform-origin: center;
}

@keyframes spin_1 {
    from {
        transform: rotateY(0deg);
    }
    to {
        transform: rotateY(360deg);
    }
}

@keyframes spinRevert {
    from {
        transform: rotateY(360deg);
    }
    to {
        transform: rotateY(0deg);
    }
}

.pulse {
    animation: pulze 3s infinite alternate;
    transform-origin: center;
}

@keyframes pulze {
    50% {
        transform: scale(1.5);
    }
}

.flips {
    animation: flips_1 2.5s infinite alternate;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
}

@-webkit-keyframes flips_1 {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    50% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
    }
    75% {
        -webkit-transform: perspective(400px) rotateY(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes flips_1 {
    0% {
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    50% {
        -ms-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-10deg);
    }
    75% {
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }
    100% {
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.sheen {
    animation: sheen 5s linear infinite;
    transform-origin: center;
}

@keyframes sheen {
    50% {
        transform: rotateZ(20deg) translate(1em, -3em);
    }
}

.blur {
    animation: blur_1 5s linear infinite;
    transform-origin: center;
}

@keyframes blur_1 {
    50% {
        filter: blur(2px);
        transform: skew(15deg);
    }
}

/*----*/

.img8ug {
    clip-path: polygon( 30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}

.imgromb {
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

.imgotz {
    clip-path: polygon( 0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
}

.imgzved {
    clip-path: polygon( 50% 0%, 58% 18%, 73% 6%, 72% 25%, 91% 22%, 81% 38%, 100% 44%, 83% 54%, 97% 68%, 77% 69%, 83% 87%, 65% 79%, 62% 99%, 50% 83%, 38% 99%, 35% 79%, 17% 87%, 23% 69%, 3% 68%, 17% 54%, 0% 44%, 19% 38%, 9% 22%, 28% 25%, 27% 6%, 42% 18%);
}

.imgstrel {
    clip-path: polygon( 0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);
}

.imgstrel2 {
    clip-path: polygon( 40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%);
}

.imgskoc {
    clip-path: polygon(0% 0%, 100% 10%, 100% 100%, 0% 90%);
}

.imgbigsrtel {
    clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
}

.imgbigsrtel2 {
    clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
}

.zvez5ug {
    clip-path: polygon( 50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

.img5ug {
    clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
}

.img6ug {
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

.img9ug {
    clip-path: polygon( 50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
}

.prk8ug {
    clip-path: polygon( 20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
}

.imggroz {
    clip-path: polygon( 25% 0%, 70% 0%, 40% 35%, 95% 35%, 20% 100%, 40% 55%, 0% 55%);
}

/*----*/

.litesupergold {
    color: #FF8500;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(173deg, rgba(226, 166, 72, 1) 20%, rgba(255, 255, 180, 1) 50%, rgba(226, 166, 72, 1) 80%);
    -webkit-filter: drop-shadow(1px 1px #000);
    filter: drop-shadow(1px 2px #000);
}

.likegoldtext {
    color: #FF8500;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(90deg, rgba(171, 146, 67, 1) -10%, rgba(214, 195, 102, 1) 2%, rgba(255, 250, 147, 1) 16%, rgba(223, 202, 101, 1) 33%, rgba(199, 164, 70, 1) 49%, rgba(200, 167, 76, 1) 65%, rgba(243, 238, 133, 1) 83%, rgba(196, 161, 72, 1) 98%, rgba(202, 166, 77, 1) 110%);
    -webkit-filter: drop-shadow(1px 1px #000);
    filter: drop-shadow(1px 1px #000);
}

.ycvet {
    animation: ycvet 2s infinite;
}

@keyframes ycvet {
    0% {
        box-shadow: 0 0 10px 1px #ffdd69;
    }
    50% {
        box-shadow: 0 0 30px 5px #ffdd69;
    }
    100% {
        box-shadow: 0 0 10px 1px #ffdd69;
    }
}

@-webkit-keyframes ycvet {
    0% {
        box-shadow: 0 0 10px 1px #ffdd69;
    }
    50% {
        box-shadow: 0 0 30px 5px #ffdd69;
    }
    100% {
        box-shadow: 0 0 10px 1px #ffdd69;
    }
}

.bcvet {
    animation: bcvet 2s infinite;
}

@keyframes bcvet {
    0% {
        box-shadow: 0 0 5px 1px #fff;
    }
    50% {
        box-shadow: 0 0 90px 8px #fff;
    }
    100% {
        box-shadow: 0 0 5px 1px #fff;
    }
}

.wcvet {
    animation: wcvet 3s infinite;
}

@keyframes wcvet {
    0% {
        box-shadow: inset 0 0 2px 1px #fff;
    }
    50% {
        box-shadow: inset 0 0 15px 8px #006837;
    }
    100% {
        box-shadow: inset 0 0 2px 1px #fff;
    }
}

.scvet {
    animation: scvet 3s infinite;
}

@keyframes scvet {
    0% {
        box-shadow: inset 0 0 2px 1px #fff;
    }
    50% {
        box-shadow: inset 0 0 15px 8px #0071bc;
    }
    100% {
        box-shadow: inset 0 0 2px 1px #fff;
    }
}

.textsvet {
    text-shadow: #fff 1px 0 5px;
    animation: text-shadow 1.7s infinite;
}

@keyframes text-shadow {
    0% {
        text-shadow: 0px 0px 0px #fff;
    }
    50% {
        text-shadow: 1px 1px 25px #fff;
    }
    100% {
        text-shadow: 0px 0px 0px #fff;
    }
}

@-webkit-keyframes text-shadow {
    0% {
        text-shadow: 0px 0px 0px #fff;
    }
    50% {
        text-shadow: 1px 1px 25px #fff;
    }
    100% {
        text-shadow: 0px 0px 0px #fff;
    }
}

.blinkme {
    animation: blinker 3s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}