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