@keyframes infinite-spinning {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
@keyframes clapped {
	from {
		transform: rotate(0deg);
	}
	20%{
		transform: rotate(13deg);
	}
	to {
		transform: rotate(0deg);
	}
}

@keyframes left-flag {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(8deg);
	}
}

@keyframes right-flag {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(-8deg);
	}
}

@keyframes wiggle {
	from {
		transform: scale3d(1, 1, 1);
	}
	30% {
		transform: scale3d(1.25, 0.85, 1);
	}
	40% {
		transform: scale3d(0.75, 1.25, 1);
	}
	50% {
		transform: scale3d(1.35, 1, 1); 
	}
	65% {
		transform: scale3d(0.95, 1.05, 1);
	}
	75% {
		transform: scale3d(1.05, 0.95, 1);
	}
	to {
		transform: scale3d(1, 1, 1);
	}
}

@keyframes marquee {
	0% {
		transform: translate(0,0);
	}
	50% {
		transform: translate(-100%,16%);
	}
	50.01% {
		transform: translate(100%,-16%);
	}
	100% {
		transform: translate(0,0);
	}
}
@keyframes paw {
	0% {
		transform: rotate(0deg) translateY(0);
	}
	25% {
		transform: rotate(6deg)  translateY(-5%);
	}
	50% {
		transform: rotate(0)  translateY(0);
	}
	75% {
		transform: rotate(-6deg)  translateY(-5%);
	}
	100% {
		transform: rotate(0deg)  translateY(0);
	}
}
@keyframes ball {
	0% {
		transform: scale(1,1);
	}	
	20% {
		transform: scale(1.15,0.85);
	}	
	40% {
		transform: scale(0.95,1.05) translateY(0%);
	}
	60% {
		transform: scale(1,1) translateY(-20%);
	}
	80% {
		transform: scale(1.1,0.9) translateY(0%);
	}
	100% {
		transform: scale(1,1);
	}
}
@keyframes ball-shadow {
	0% {
		
	}	
	20% {
		
	}	
	40% {
		transform: scale(1,1);
	}
	60% {
		transform:  scale(0.8,0.8);
	}
	80% {
		transform: scale(1,1);
	}
	100% {
		
	}
}

@keyframes sim-label-3d {
	
	0% {
		transform: rotate3d(1, 1, 1, 0deg) translate(0,0);
	}	
	25% {
		transform: rotate3d(1, 1, 1, 10deg) translate(-4%,-1%);
	}	
	50% {
		transform: rotate3d(1, 1, 1, 0deg) translate(0,0);
	}
	75% {
		transform: rotate3d(1, 1, 1, -10deg) translate(4%,1%);
	}
	100% {
		transform: rotate3d(1, 1, 1, 0deg) translate(0,0);
	}
}

@keyframes sim-label {
	
	0% {
		transform: rotate(0deg) translate(0,0);
	}	
	25% {
		transform: rotate(10deg) translate(-4%,-1%);
	}	
	50% {
		transform: rotate(0deg) translate(0,0);
	}
	75% {
		transform: rotate(-10deg) translate(4%,1%);
	}
	100% {
		transform: rotate(0deg) translate(0,0);
	}
}


@keyframes ptr1 {
	0% {transform: translateY(-20%);}
	100% {transform: translateY(0);}
}

@keyframes ptr2 {
	5% {transform: translateY(-35%);}
	100% {transform: translateY(0);}
}

@keyframes ptr3 {
	10% {transform: translateY(-38%);}
	100% {transform: translateY(0);}
}

@keyframes ptr4 {
	15% {transform: translateY(-41%);}
	100% {transform: translateY(0);}
}

@keyframes ptr5 {
	20% {transform: translateY(-44%);}
	100% {transform: translateY(0);}
}

@keyframes ptr6 {
	25% {transform: translateY(-30%);}
	100% {transform: translateY(0);}
}
@keyframes ptr7 {
	30% {transform: translateY(-30%);}
	100% {transform: translateY(0);}
}

@keyframes cloud1 {
	0% {transform: translateX(0);}
	20% {transform: translateX(2%);}
	100% {transform: translateX(-10%);}
}
@keyframes cloud2 {
	0% {transform: translateX(0);}
	20% {transform: translateX(-1.5%);}
	100% {transform: translateX(10%);}
}
@keyframes cloud3 {
	0% {transform: translateX(0%);}
	25% {transform: translateX(-30%);}
	50% {transform: translateX(0%);}
	75% {transform: translateX(30%);}
	100% {transform: translateX(0);}
}
@keyframes tractor {
	0% {transform: translate(0%,0%) rotate(0deg);}
	25% {transform: translate(-256%,96%) rotate(-15deg);}
	25.01% {transform: translate(700%,96%) rotate(45deg);}
	50% {transform: translate(427%,-32%) rotate(19deg);}
	75% {transform: translate(226%,-25%) rotate(12deg);}
	100% {transform: translate(0%,0%) rotate(0deg);}
}
@keyframes pub {
	0% {transform: translateY(0);}
	100% {transform: translateY(-20%);}
}
.item {
	display:block;
	position: absolute;	
	will-change:transform;
	
}

.item:hover,
.item_hover {
	cursor:pointer;
}
.item:hover svg,
.item_hover svg,
.item._animated svg {
	-webkit-filter: drop-shadow( 0px 0px 6px rgba(255, 255, 255, 1));
	filter: drop-shadow( 0px 0px 6px rgba(255, 255, 255, 1));
}
.item__anim {
	transform-box: fill-box;
}
.item__anim_rotate{
	transform-origin:50% 50%; 
	will-change: transform; 
}
.item_film:hover .item__anim_rotate,
.item._animated .item__anim_rotate,
.item_film._hover .item__anim_rotate{
	animation:infinite-spinning 5s infinite;
	animation-timing-function: linear;
	animation-delay:0.2s;
}


.item_film:hover .item__anim_clap,
.item._animated .item__anim_clap,
.item_film_hover .item__anim_clap{
	transform-origin:bottom left;
	animation:clapped 0.7s;
}

.item__anim_flag-left,
.item__anim_flag-left{
	transform-origin:100% 40%;
}

.item:hover .item__anim_flag-left,
.item_hover .item__anim_flag-left,
.item._animated .item__anim_flag-left{
	transform: rotate(8deg);
	animation:left-flag 0.8s 3 alternate;
	transition:all 0.8s ease;
}
.item__anim_flag-right,
.item__anim_flag-left{
	transition:all 0.8s ease;
}
.item:hover .item__anim_flag-right,
.item_hover .item__anim_flag-right,
.item._animated .item__anim_flag-right{
	transform: rotate(-8deg);
	transform-origin:0% 40%;
	animation:right-flag 0.8s 3 alternate;
}
.item__anim_scale{
	transition:all 0.2s ease;
}
.item:hover .item__anim_scale,
.item._animated .item__anim_scale,
.item_hover .item__anim_scale{
	transform-origin:50% 50%;
	transform:scale(1.02);
	transition:all 0.2s ease;
}

.item__anim_time-label,
.item__anim_time-photo {
	transition:all 0.5s linear;
	transform-origin:50% 50%;
}

.item:hover .item__anim_time-photo,
.item._animated .item__anim_time-photo,
.item_hover .item__anim_time-photo{
	transform-origin:50% 50%;
	transform:scale(1.04);
	transition:all 0.5s linear;
}
.item:hover .item__anim_time-label,
.item._animated .item__anim_time-label,
.item_hover .item__anim_time-label{
	transform-origin:50% 50%;
	transform:scale(0.96);
	transition:all 0.5s linear;
}

.item_film {
	width: 13%;
	top: 30%;
	left: 16%;
}

.item_bar {
	width: 32%;
	top: 2.5%;
	left: 34%;
}

.item_bar svg{
	overflow:visible;
}

.item_time{
	width: 9%;
	top: 40%;
	left: 3%;
}
.item_pleer{
	width: 8.5%;
	top: 51%;
	left: 15.3%;
}
.item__pleer-text{
	width: 26.2%;
	position: absolute;
	top: 32.4%;
	left: 14.2%;
}
.item__pleer-text g {
	transition:all 1s linear;
}
.item_pleer:hover .item__pleer-text > g,
.item._animated .item__pleer-text > g{
	animation: marquee 4s linear infinite;
}

.item_mem{
	width: 5.9%;
	top: 51.7%;
	left: 24%;
}

.item__anim_paw {
	transform-origin:90% 15%;
}
.item:hover .item__anim_paw,
.item._animated .item__anim_paw {
	animation: paw 2s linear infinite;
}

.item__anim_bear {
	transition:all 0.2s ease;
}
.item:hover .item__anim_bear,
.item._animated .item__anim_bear {
	transform-origin:center;
	transform:scale(1.1);
}


.item_sim{
	width: 8%;
	top: 50.7%;
	left: 35.6%;
}
.item_sim svg{
	overflow:visible;
}
.item__sim-label {
	transform-origin:80% 20%;
}
.item:hover .item__sim-label,
.item._animated .item__sim-label {
	animation: sim-label-3d 1s linear 1;
}


.item_ts{
	width: 7.8%;
	top: 50.4%;
	left: 56.8%;
}

.item__ball {
	position: absolute;
	width: 40%;
	bottom: -56%;
	left: -13%;
	transform-origin: bottom center;
	overflow:visible;
}
.item:hover .item__ball,
.item._animated .item__ball {
	animation:ball 1s 1;
}
.item__anim_ball-shadow{
	transform-origin:center;
}
.item:hover .item__anim_ball-shadow,
.item._animated .item__anim_ball-shadow{
	animation:ball-shadow 1s 1;
}

.item_window {
	width: 15%;
	top: 6.8%;
	left: 70.2%;
}

.item:hover .item__anim_cloud1 ,
.item._animated .item__anim_cloud1 {
	transform-origin: center center;
	animation:cloud1 4s infinite linear alternate;	
}
.item:hover .item__anim_cloud2,
.item._animated .item__anim_cloud2 {
	transform-origin: center center;
	animation:cloud2 6s infinite linear alternate;	
}
.item:hover .item__anim_cloud3,
.item._animated .item__anim_cloud3 {
	transform-origin: center center;
	animation:cloud3 5s infinite linear;	
}
.item:hover .item__anim_cloud4 ,
.item._animated .item__anim_cloud4 {
	transform-origin: center center;
	animation:cloud3 7s infinite linear;	
}

.item__anim_paper {
	transform-origin: center center;
	transition:all 0.4s ease;
}
.item:hover .item__anim_paper,
.item._animated .item__anim_paper {	
	transform:scale(1.05,1.05);
}

.item__anim_tractor {
	position:relative;
	transform-origin:center;
	transition:all 0.2s ease;
}

.item:hover .item__anim_tractor,
.item._animated .item__anim_tractor {
	animation:tractor 5s 1 linear;	
}

.item_ptr {
	width: 8.2%;
	top: 56.3%;
	left: 46.1%;
	transform-origin: bottom center;	
}
.item_ptr svg {
	overflow:visible;
}
.item:hover .item__anim_ptr1,
.item._animated .item__anim_ptr1{
	transform-origin: bottom center;
	animation:ptr1 0.5s 1;	
}
.item:hover .item__anim_ptr2,
.item._animated .item__anim_ptr2{
	transform-origin: bottom center;
	animation:ptr2 0.5s 1;	
}
.item:hover .item__anim_ptr3,
.item._animated .item__anim_ptr3{
	transform-origin: bottom center;
	animation:ptr3 0.5s 1;	
}
.item:hover .item__anim_ptr4,
.item._animated .item__anim_ptr4{
	transform-origin: bottom center;
	animation:ptr4 0.5s 1;	
}
.item:hover .item__anim_ptr5,
.item._animated .item__anim_ptr5{
	transform-origin: bottom center;
	animation:ptr5 0.5s 1;	
}
.item:hover .item__anim_ptr6,
.item._animated .item__anim_ptr6{
	transform-origin: bottom center;
	animation:ptr6 0.5s 1;	
}
.item:hover .item__anim_ptr7,
.item._animated .item__anim_ptr7 {
	transform-origin: bottom center;
	animation:ptr7 0.5s 1;	
}


.item_oliver {
	width: 9%;
	top: 42.5%;
	left: 88%;
}

.item__anim_oliver-putin,
.item__anim_oliver-oliver {
	transform-box:fill-box;
	transform-origin: center;
	transition:all 0.4s ease;
}
.item:hover .item__anim_oliver-putin,
.item._animated .item__anim_oliver-putin{
	transform: scale(1.05);
}
.item:hover .item__anim_oliver-oliver,
.item._animated .item__anim_oliver-oliver{
	transform: scale(0.95);
}



.item_pub {
	width: 20%;
	top: 5%;
	left: 3%;
}
.item:hover .item__anim_pub1,
.item._animated .item__anim_pub1{
	animation:pub 0.4s 2 alternate;
	animation-delay:0s;
}
.item:hover .item__anim_pub2,
.item._animated .item__anim_pub2{
	animation:pub 0.4s 2 alternate;
	animation-delay:0.1s;
}
.item:hover .item__anim_pub3,
.item._animated .item__anim_pub3{
	animation:pub 0.4s 2 alternate;
	animation-delay:0.2s;
}
.item:hover .item__anim_pub4,
.item._animated .item__anim_pub4{
	animation:pub 0.4s 2 alternate;
	animation-delay:0.3s;
}
.item:hover .item__anim_pub5,
.item._animated .item__anim_pub5{
	animation:pub 0.4s 2 alternate;
	animation-delay:0.4s;
}


.item_tv {
	width: 20%;
	top: 19%;
	left: 40%;
}
.item_tv:hover svg,
.item_tv._animated svg,
.item_tv.item_hover svg {
	-webkit-filter: none;
	filter: none;
}
.item_tv:hover .item__tv,
.item._animated .item__tv,
.item_tv.item_hover .item__tv {
	-webkit-filter: drop-shadow( 0px 0px 10px rgba(255, 255, 255, .9));
	filter: drop-shadow( 0px 0px 10px rgba(255, 255, 255, .9));
}

.item__tv-big {
	position:absolute;
	left: 1.7%;
	top: 3.3%;
	width: 95.5%;
}
.item__tv-big .item__sp-label {
	transform: scale(0.5);
	transform-box: fill-box;
	transform-origin: bottom center;
}
.item__tv-small {
	border:2px solid #fff;
	position: absolute;
	left: 3.9%;
	top: 5.9%;
	width: 40.3%;	
	transition:transform 0.2s ease;
	transform-box:fill-box;
	transform-origin:center;
}
.item__tv-small:hover {
	transform:scale(1.02);
}

.item__tv-simpson.item__tv-small {
	z-index:1;
	left: 50%;
}

.item_uzor {
	width: 9%;
	top: 15.5%;
	left: 88%;
}

.item__uzor {
	width: 84.8%;
	position: absolute;
	left: 5.7%;
	top: 10px;	
}
.item:hover .item__uzor,
.item._animated .item__uzor {
	transform:scale(1.05);
	transition:all 0.5s linear;
	
}
.item__uzor-border {
	position:absolute;
	width:100%;
	left:0;
	top:0;
}

.item_intro {
	width: 8.5%;
	top: 65.2%;
	left: 64.7%;
	display:none;
}
.item__intro-hand{
	transform-origin: 92% 47%;
	transform-box: fill-box;	
	transition:all 0.5s ease;
}
.item:hover .item__intro-hand,
.item._animated .item__intro-hand{
	transform: rotate(24deg);
	
}