.fadeInBottom {
    -webkit-animation-duration: 700ms;
    animation-duration: 700ms;
	-webkit-animation-delay: 300ms;
    animation-delay: 300ms;
    -webkit-animation-name: fadeInBottom;
    animation-name: fadeInBottom;
	display: inline-block;
	position: relative;
	animation-fill-mode: backwards;
}
@keyframes fadeInBottom {
  from {
    -webkit-transform: translate3d(0, 70px, 0);
            transform: translate3d(0, 70px, 0);
			opacity: 0;
  }
  to {
    
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
			opacity: 1;
  }
}
.fadeInLeft {
    -webkit-animation-duration: 700ms;
    animation-duration: 700ms;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
	/*animation-timing-function: linear;*/
	animation-fill-mode: backwards;
}
@keyframes fadeInLeft {
  from {
    right: -160px;
	opacity: 0;
  }
  to {
    right: 0px;
	opacity: 1;
  }
}

.shildik {
	animation-name: anim_7;
	animation-duration: 500ms;
	animation-delay: 200ms;
	animation-fill-mode: backwards;
}
@keyframes anim_7 {
	from {
    transform: scale(0.3);
	opacity: 0;
  }
	to {
    transform: scale(1);
	opacity: 1;
  }
}

@media (min-width:1200px) {
	.fadeInRightMini {
	animation-name: fadeInRightMini;
	animation-duration: 500ms;
	animation-delay: 100ms;
    animation-fill-mode: backwards;
	position: relative;
}
@keyframes fadeInRightMini {
  from {
	right: -100px;
  }
  to {
    right: 0px;
	}
}
.slogan {
	animation-name: sloganMove;
	animation-duration: 500ms;
	animation-delay: 100ms;
    animation-fill-mode: backwards;
	position: relative;
}
@keyframes sloganMove {
  from {
	left: -100px;
  }
  to {
    left: 0px;
	}
}
@-webkit-keyframes fadeInLoad {
  from {
    opacity: 0;
    width: 0px;
  }
  to {
    opacity: 1;
	width: 30px;
  }
}

@keyframes fadeInLoad {
  from {
    opacity: 0;
    width: 0px;
  }
  to {
    opacity: 1;
	width: 30px;
  }
}

@keyframes for_arrow {
  from {
    right: 0px;
  }
  50% {
    right: -12px;
  }
  to {
    right: 0px;
  }
}

#anim_1 {
	animation-name: anim_1;
	animation-duration: 500ms;
	animation-delay: 00ms;
    animation-fill-mode: backwards;
}

@keyframes anim_1 {
  from {
    right: -30px;
	bottom: -30px;
  }
  to {
    right: 0px;
	bottom: 0px;
  }
}

#anim_2 {
	animation-name: anim_2;
	animation-duration: 500ms;
	animation-delay: 400ms;
	animation-fill-mode: backwards;
}

@keyframes anim_2 {
  from {
    left: 30px;
	bottom: 0px;
  }
  to {
    left: 0px;
	bottom: 0px;
  }
}

#anim_3 {
	animation-name: anim_3;
	animation-duration: 500ms;
	animation-delay: 500ms;
	animation-fill-mode: backwards;
}

@keyframes anim_3 {
  from {
    right: 30px;
	top: 0px;
  }
  to {
    right: 0px;
	top: 0px;
  }
}

#anim_4 {
	animation-name: anim_4;
	animation-duration: 500ms;
	animation-delay: 700ms;
	animation-fill-mode: backwards;
}

@keyframes anim_4 {
  from {
    left: -30px;
	top: 0px;
  }
  to {
    left: 0px;
	top: 0px;
  }
}

#product_page_pr_1 {
	animation-name: anim_5;
	animation-duration: 300ms;
	animation-delay: 500ms;
	animation-fill-mode: backwards;
}
#product_page_pr_2 {
	animation-name: anim_6;
	animation-duration: 300ms;
	animation-delay: 600ms;
	animation-fill-mode: backwards;
}
@keyframes anim_5 {
  from {
    right: -30px;
  }
  to {
    right: 0px;
  }
}
@keyframes anim_6 {
	from {
    right: -30px;
  }
	to {
    right: 0px;
  }
}

.wp-block-lazyblock-o-nas-1 #preimushhestvo_1 {
	animation-name: anim_about_1;
	animation-duration: 500ms;
	animation-delay: 300ms;
	animation-fill-mode: backwards;
}
.wp-block-lazyblock-o-nas-1 #preimushhestvo_2 {
	animation-name: anim_about_2;
	animation-duration: 500ms;
	animation-delay: 600ms;
	animation-fill-mode: backwards;
}
/*
.wp-block-lazyblock-o-nas-2 #preimushhestvo_3 {
	animation-name: anim_about_2;
	animation-duration: 500ms;
	animation-delay: 300ms;
	animation-fill-mode: backwards;
}
.wp-block-lazyblock-o-nas-2 #preimushhestvo_4 {
	animation-name: anim_about_2;
	animation-duration: 500ms;
	animation-delay: 600ms;
	animation-fill-mode: backwards;
}
*/

@keyframes anim_about_1 {
	from {
    right: -70px;
  }
	to {
    right: 0px;
  }
}
@keyframes anim_about_2 {
	from {
    left: -70px;
  }
	to {
    left: 0px;
  }
}
}
@media (max-width:999px){
	@keyframes fadeInLeft {
	  from {
		right: -100%;
		opacity: 0;
	  }
	  to {
		right: 0px;
		opacity: 1;
	  }
	}
}