/* animations-block */
.animations-block {
	position: absolute;
	left: 0;
	top: 190px;
	right: 0;
	bottom: 0;
	overflow: hidden;
	* {
		background-size: 100% auto;
		background-repeat: no-repeat;
		position: absolute;
	}
	.bg {
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background-position: 50% 100%;
		z-index: 10;
	}
	.cloud-1 {
		width: 555px;
		height: 146px;
		background-image: url(bg-figure-01.svg);
		left: 114px;
		bottom: 387px;
	}
	.cloud-2 {
		width: 260px;
		height: 38px;
		background-image: url(bg-figure-02.svg);
		left: 134px;
		bottom: 221px;
	}
	.cloud-3 {
		width: 360px;
		height: 50px;
		background-image: url(bg-figure-03.svg);
		left: 762px;
		bottom: 437px;
	}
	.cloud-4 {
		width: 555px;
		height: 132px;
		background-image: url(bg-figure-04.svg);
		left: 624px;
		bottom: 220px;
	}
	.cloud-5 {
		width: 626px;
		height: 198px;
		background-image: url(bg-figure-05.svg);
		left: 1253px;
		bottom: 237px;
	}
	.signal-1 {
		width: 29px;
		height: 18px;
		background-image: url(bg-figure-06.svg);
		left: 1275px;
		bottom: 442px;
		z-index: 12;
	}
	.signal1 {
		width: 29px;
		height: 18px;
		background-image: url(bg-figure-06.svg);
		left: 1275px;
		bottom: 442px;
		z-index: 12;
		@include transform(rotate(10deg));
	}
	.signal-2 {
		width: 50px;
		height: 31px;
		background-image: url(bg-figure-07.svg);
		left: 225px;
		bottom: 352px;
		z-index: 12;
	}
	.signal-3 {
		width: 50px;
		height: 31px;
		background-image: url(bg-figure-08.svg);
		left: 537px;
		bottom: 300px;
		z-index: 12;
	}
	.signal-4 {
		width: 29px;
		height: 18px;
		background-image: url(bg-figure-09.svg);
		left: 668px;
		bottom: 271px;
		z-index: 12;
	}
	.signal-5 {
		width: 82px;
		height: 46px;
		background-image: url(bg-figure-10.svg);
		left: 731px;
		bottom: 423px;
		z-index: 12;
	}
	.signal-6 {
		width: 50px;
		height: 31px;
		background-image: url(bg-figure-11.svg);
		left: 1155px;
		bottom: 292px;
		z-index: 12;
	}
	.signal-7 {
		width: 82px;
		height: 50px;
		background-image: url(bg-figure-12.svg);
		left: 1488px;
		bottom: 358px;
		z-index: 12;
	}
	.signal-001 {
		width: 29px;
		height: 18px;
		background-image: url(bg-figure-12.svg);
		left: 360px;
		bottom: 410px;
		z-index: 12;
	}
	.signal-002 {
		width: 30px;
		height: 18px;
		background-image: url(bg-figure-07.svg);
		left: 447px;
		bottom: 365px;
		z-index: 12;
	}
	.signal-003 {
		width: 30px;
		height: 18px;
		background-image: url(bg-figure-10.svg);
		left: 960px;
		bottom: 297px;
		z-index: 12;
	}
	.signal-004 {
		width: 30px;
		height: 18px;
		background-image: url(bg-figure-10.svg);
		left: 1118px;
		bottom: 440px;
		z-index: 12;
		@include transform(rotate(5deg));
	}
	.car {
		left: 876px;
		bottom: 192px;
		width: 164px;
		height: 62px;
		z-index: 12;
		.body {
			width: 164px;
			height: 53px;
			background-image: url(bg-figure-13.svg);
			left: 0;
			top: 0;
		}
		.wheel-5,
		.wheel-4,
		.wheel-3,
		.wheel-2,
		.wheel-1 {
			width: 18px;
			height: 18px;
			background-image: url(bg-figure-14.svg);
			bottom: 0;
			left: 130px;
		}
		.wheel-2 {
			left: 111px;
		}
		.wheel-3 {
			left: 93px;
		}
		.wheel-4 {
			left: 50px;
			bottom: -2px;
		}
		.wheel-5 {
			left: 11px;
			bottom: -2px;
		}
	}
	.windmill-1 {
		width: 10px;
		height: 119px;
		background-image: url(bg-figure-15.svg);
		bottom: 192px;
		left: 1078px;
		z-index: 12;
		.propeller {
			width: 92px;
			height: 92px;
			background-image: url(bg-figure-16.svg);
			background-position: 0 6px;
			background-size: 75px 71px;
			top: -45px;
			left: -38px;
		}
	}
	.windmill-2 {
		width: 19px;
		height: 216px;
		background-image: url(bg-figure-17.svg);
		bottom: 188px;
		left: 1099px;
		z-index: 13;
		.propeller {
			width: 168px;
			height: 168px;
			background-image: url(bg-figure-18.svg);
			background-position: 26px 10px;
			background-size: 142px 132px;
			top: -84px;
			left: -68px;
		}
	}
	.aircraft {
		width: 239px;
		height: 62px;
		background-image: url(bg-figure-19.svg);
		bottom: 445px;
		left: 100%;
		z-index: 13;
		.signal {
			width: 29px;
			height: 18px;
			background-image: url(bg-figure-06.svg);
			left: 19px;
			top: -33px;
			z-index: 12;
		}
	}
	.oil-rig {
		width: 310px;
		height: 208px;
		bottom: 115px;
		left: 1448px;
		z-index: 13;
		.body {
			width: 310px;
			height: 208px;
			background-image: url(bg-figure-20.svg);
			z-index: 2;
		}
		.part-1 {
			width: 73px;
			height: 124px;
			background-image: url(bg-figure-21.svg);
			left: -48px;
			top: -120px;
			transform-origin: 100% 100%;
		}
		.part-2 {
			width: 62px;
			height: 134px;
			background-image: url(bg-figure-22.svg);
			left: 172px;
			top: -77px;
			transform-origin: 0 100%;
		}
	}
	.waves {
		width: 484px;
		height: 156px;
		background-image: url(bg-figure-23.svg);
		bottom: 2px;
		right: 0;
		z-index: 7;
	}
	.static-line1 {
		width: 860px;
		height: 500px;
		left: 284px;
		top: 115px;
		background-image: url(bg-figure-79.svg);
	}
	.static-line2 {
		width: 843px;
		height: 440px;
		left: 550px;
		top: 195px;
		background-image: url(bg-figure-71.svg);
	}
	.static-line3 {
		width: 840px;
		height: 360px;
		left: 902px;
		top: 190px;
		background-image: url(bg-figure-80.svg);
	}
	.point {
			width: 10px;
			height: 10px;
			border: 2px solid #5eadcb;
			border-radius:100%;
			background: $white;
			left: 360px;
			bottom: 466px;
			z-index: 4;
			transform-origin: 50% 50%;
			&.type-2 {
				border-radius:0;
			}

      &.point-2-1,
      &.point-2-2 {
        left: 526px;
        bottom: -165px;
       // bottom: 510px;
      }

      &.point-2-3,
      &.point-2-4 {
        left: 704px;
        //bottom: 632px;
        bottom: -150px;
      }
      &.point-2-5,
      &.point-2-6 {
        left: 960px;
        //bottom: 554px;
        bottom: -206px;
      }
      &.point-2-7,
      &.point-2-8 {
        left: 1160px;
        //bottom: 740px;
        bottom: -174px;
      }
      &.point-2-9,
      &.point-2-10 {
        left: 1315px;
        bottom: -228px;
        //bottom: 560px;
      }
			&.point-1 {
				left: 704px;
				bottom: 632px;
			}
			&.point-2 {
				left: 704px;
				bottom: 632px;
			}
			&.point-3 {
				left: 831px;
				bottom: 614px;
			}
			&.point-4 {
				left: 960px;
				bottom: 554px;
			}
			&.point-5 {
				left: 1315px;
				bottom: 560px;
			}
			&.point-6 {
				left: 960px;
				bottom: 554px;
			}
			&.point-7 {
				left: 704px;
				bottom: 632px;
			}
			&.point-8 {
				left: 1315px;
				bottom: 560px;
			}
			&.point-9 {
				left: 526px;
				bottom: 510px;
			}
			&.point-10 {
				left: 526px;
				bottom: 510px;
			}
			&.point-004,
			&.point-003,
			&.point-002,
			&.point-001 {
				left: 1160px;
				bottom: 740px;
			}
			&.point-008,
			&.point-005 {
				left: 526px;
				bottom: 510px;
			}
			&.point-006 {
				left: 704px;
				bottom: 632px;
			}
			&.point-007 {
				left: 1315px;
				bottom: 560px;
			}
			&.point-009 {
				left: 1315px;
				bottom: 560px;
			}
	}
	.line-1 {
		width: 606px;
		height: 380px;
		background-image: url(bg-figure-81.svg);
		background-size: 100% auto;
		bottom: 140px;
		left: 197px;
	}
	.line-2 {
		width: 914px;
		height: 914px;
		background-image: url(bg-figure-78.svg);
		top: 8px;
		left: 710px;
		background-size: 100% auto;
	}
	.mask {
		position: absolute;
		left: 202px;
		right: 0;
		bottom: 0;
		height: 185px;
		background: $body-bg;
		z-index: 5;
	}
	.oil-rocking {
		width: 299px;
		height: 232px;
		z-index: 14;
		bottom: 73px;
		left: 430px;
		.body {
			width: 299px;
			height: 232px;
			background-image: url(bg-figure-32.svg);
			top: 0;
			left: 0;
			z-index: 3;
		}
		.part-1 {
			background-image: url(bg-figure-33.svg);
			left: 27px;
			bottom: 110px;
			width: 70px;
			height: 24px;
			z-index: 4;
		}
		.part-2 {
			background-image: url(bg-figure-34.svg);
			left: 70px;
			bottom: 76px;
			width: 35px;
			height: 98px;
			z-index: 5;
		}
		.part-3 {
			background-image: url(bg-figure-35.svg);
			left: 10px;
			top: 47px;
			width: 18px;
			height: 119px;
			background-size: 100% 100%;
			z-index: 6;
			transform-origin: 0 0;
			@include transform(rotate(-15deg));
		}
		.part-4 {
			background-image: url(bg-figure-36.svg);
			left: 57px;
			bottom: 131px;
			width: 242px;
			height: 148px;
			z-index: 2;
			@include transform(rotate(20deg));
		}
		.part-5 {
			background-image: url(bg-figure-37.svg);
			left: 282px;
			bottom: 20px;
			width: 9px;
			height: 214px;
			z-index: 1;
		}
	}
	.aircraft-2 {
		width: 75px;
		height: 29px;
		background-image: url(bg-figure-43.svg);
		bottom: 317px;
		right: 100%;
		z-index: 13;
		.signal {
			width: 21px;
			height: 13px;
			background-image: url(bg-figure-44.svg);
			left: 60px;
			top: -6px;
			z-index: 12;
		}
	}
	@include breakpoint(tablet) {
		display: none;
	}
}
/* illustration-1 */
.illustration-1 {
	position: absolute;
	width: 1072px;
	height: 500px;
	top: 10px !important;
	left: -240px;
	margin: 0;
	@include bg-cover();
	@include breakpoint(notablet) {
		background: none !important;
	}
	.animations-block {
		overflow: visible;
		.bg {
			background-size: 888px auto;
			background-position: 55px 100%;
		}
		.cloud-1 {
			width: 660px;
			height: 208px;
			background-image: url(bg-figure-26.svg);
			left: 191px;
			top: 0;
			bottom: auto;
		}
		.cloud-2 {
			width: 660px;
			height: 156px;
			background-image: url(bg-figure-27.svg);
			left: 0px;
			bottom: 99px;
		}
		.cloud-3 {
				bottom: 215px;
				left: 701px;
		}
		.cloud-4 {
				bottom: 20px;
				left: 520px;
		}
		.windmill-2 {
			left: 714px;
			bottom: 60px;
			z-index: 9;
			background-image: url(bg-figure-62.svg);
			background-size: 100% 100%;
			background-position: 0 100%;
			width: 18px;
			height: 324px;
			.propeller {
				width: 186px;
				height: 186px;
				background-image: url(bg-figure-63.svg);
				background-size: 177px 186px;
				background-position: 50% 50%;
				left: -100px;
				top: -94px;
				transform-origin: 109px 105px;
			}
		}
		.signal-1 {
			width: 53px;
			height: 30px;
			background-image: url(bg-figure-30.svg);
			left: 762px;
			bottom: 231px;
			z-index: 12;
		}
	}
	&.type-2 {
		@include transform(scale(1.42));
		top: 158px !important;
		left: -290px;
	}
	@include breakpoint(desktop-md) {
		@include transform(scale(0.5));
		left: -300px;
		&.type-2 {
			@include transform(scale(0.8));
			top: 0 !important;
			left: -350px;
		}
	}
	@include breakpoint(tablet) {
		@include transform(scale(0.4));
		left: -380px;
		top: -100px !important;
		&.type-2 {
			@include transform(scale(0.5));
			left: -380px;
			top: -100px !important;
		}
	}
}
/* end illustration-1 */
/* illustration-2 */
.illustration-2 {
	position: absolute;
	width: 1126px;
	height: 638px;
	top: -105px !important;
	right: -335px;
	margin: 0;
	@include bg-cover();
	@include breakpoint(notablet) {
		background: none !important;
	}
	.animations-block {
		overflow: visible;
		.bg {
			background-size: 888px auto;
			background-position: 78px 100%;
		}
		.cloud-1 {
			width: 660px;
			height: 208px;
			background-image: url(bg-figure-26.svg);
			left: 201px;
			bottom: 270px;
		}
		.cloud-2 {
			width: 660px;
			height: 156px;
			background-image: url(bg-figure-27.svg);
			left: 0px;
			bottom: 85px;
		}
		.cloud-3 {
				bottom: 204px;
				left: 623px;
		}
		.cloud-4 {
				bottom: 402px;
				left: 690px;
				width: 437px;
				height: 155px;
				background-image: url(bg-figure-31.svg);
		}
	}
	&.type-2 {
		@include transform(scale(1.31));
		top: -31px !important;
		right: -437px;
	}
	@include breakpoint(desktop-md) {
		@include transform(scale(0.5));
		right: -350px;
		&.type-2 {
			@include transform(scale(0.7));
			top: -50px !important;
			right: -350px;
		}
	}
	@include breakpoint(tablet) {
		@include transform(scale(0.4));
		right: -380px;
		top: -150px !important;
		&.type-2 {
			@include transform(scale(0.5));
			top: -150px !important;
			right: -440px;
		}
	}
}
/* end illustration-2 */
/* illustration-3 */
.illustration-3 {
	position: absolute;
	width: 1072px;
	height: 500px;
	top: 73px !important;
	left: -183px;
	margin: 0;
	@include bg-cover();
	@include breakpoint(notablet) {
		background: none !important;
	}
	.animations-block {
		overflow: visible;
		.bg {
			background-size: 888px auto;
			background-position: 55px 100%;
		}
		.cloud-1 {
			width: 660px;
			height: 208px;
			background-image: url(bg-figure-26.svg);
			left: 301px;
			top: 20px;
			bottom: auto;
		}
		.cloud-2 {
			width: 660px;
			height: 156px;
			background-image: url(bg-figure-27.svg);
			left: 0px;
			bottom: 99px;
		}
		.cloud-4 {
				bottom: 22px;
				left: 410px;
		}
		.car {
			bottom: 47px;
			left: 612px;
			width: 265px;
			height: 144px;
			z-index: 16;
			.body {
				width: 265px;
				height: 133px;
				background-image: url(bg-figure-47.svg);
			}
			.wheel-5,
			.wheel-4,
			.wheel-3,
			.wheel-2,
			.wheel-1 {
				width: 30px;
				height: 30px;
				background-image: url(bg-figure-48.svg);
				bottom: 0;
				left: 214px;
			}
			.wheel-2 {
				left: 150px;
				bottom: 13px;
			}
			.wheel-3 {
				left: 77px;
				bottom: 26px;
			}
			.wheel-4 {
				left: 46px;
				bottom: 33px;
			}
			.wheel-5 {
				left: 16px;
				bottom: 38px;
			}
		}
		.oil-rig {
			width: 481px;
			height: 285px;
			bottom: 96px;
			left: 50px;
			z-index: 13;
			.body {
				width: 481px;
				height: 285px;
				background-image: url(bg-figure-49.svg);
				z-index: 2;
			}
			.part-1 {
				width: 134px;
				height: 190px;
				background-image: url(bg-figure-51.svg);
				left: 452px;
				top: -173px;
				transform-origin: 0 100%;
			}
			.part-2 {
				width: 45px;
				height: 237px;
				background-image: url(bg-figure-50.svg);
				left: 179px;
				top: -182px;
				transform-origin: 100% 100%;
			}
		}
	}
	&.type-2 {
		@include transform(scale(1.39));
		top: 286px !important;
		left: -280px;
	}
	@include breakpoint(desktop-md) {
		@include transform(scale(0.5));
		left: -300px;
		&.type-2 {
			@include transform(scale(0.7));
			top: 50px !important;
			left: -350px;
		}
	}
	@include breakpoint(tablet) {
		@include transform(scale(0.4));
		left: -380px;
		top: -100px !important;
		&.type-2 {
			@include transform(scale(1.3));
			left: -50px;
			top: 100px !important;
			height: 209px;
			width: 392px;
		}
	}
}
/* end illustration-3 */
/* illustration-4 */
.illustration-4 {
	position: absolute;
	width: 1040px;
	height: 590px;
	top: 10px !important;
	right: -365px;
	margin: 0;
	@include bg-cover();
	@include breakpoint(notablet) {
		background: none !important;
	}
	.animations-block {
		overflow: visible;
		.bg {
			background-size: 900px auto;
			background-position: 78px 100%;
		}
		.cloud-1 {
			width: 637px;
			height: 202px;
			background-image: url(bg-figure-38.svg);
			left: 170px;
			bottom: 290px;
		}
		.cloud-2 {
			width: 660px;
			height: 156px;
			background-image: url(bg-figure-27.svg);
			left: -40px;
			bottom: 23px;
		}
		.cloud-3 {
				bottom: 219px;
				left: -40px;
		}
		.cloud-4 {
				bottom: 104px;
				left: 276px;
				width: 640px;
				height: 152px;
		}
		.signal-1 {
			width: 66px;
			height: 35px;
			background-image: url(bg-figure-39.svg);
			left: 416px;
			bottom: 243px;
			z-index: 12;
		}
		.signal-2 {
			width: 67px;
			height: 37px;
			background-image: url(bg-figure-40.svg);
			left: 747px;
			bottom: 300px;
			z-index: 12;
		}
		.windmill-1 {
			width: 10px;
			height: 119px;
			background-image: url(bg-figure-15.svg);
			bottom: 120px;
			left: 523px;
			z-index: 9;
			.propeller {
				width: 92px;
				height: 92px;
				background-image: url(bg-figure-16.svg);
				background-position: 0 6px;
				background-size: 75px 71px;
				top: -45px;
				left: -38px;
			}
		}
	}
	&.type-2 {
		width: 1252px;
		height: 939px;
		top: -161px !important;
		right: -541px;
		overflow: hidden;
		padding-left: 500px;
		.animations-block {
			left: 500px;
			top: 20px;
			.bg {
				background-size: 100% auto;
				background-position: 0 100%;
			}
			.cloud-1 {
				width: 1084px;
				height: 340px;
				background-image: url(bg-figure-38.svg);
				left: 80px;
				bottom: 488px;
			}
			.cloud-2 {
				width: 748px;
				height: 284px;
				background-image: url(bg-figure-27.svg);
				left: -253px;
				bottom: 0;
				background-size: 100% auto;
				background-position: 0 100%;
			}
			.cloud-3 {
					bottom: 352px;
					left: -154px;
					width: 548px;
					height: 90px;
					background-image: url(bg-figure-64.svg);
			}
			.signal-1 {
				width: 87px;
				height: 48px;
				background-image: url(bg-figure-65.svg);
				left: 75px;
				bottom: 294px;
				z-index: 12;
			}
			.signal-2 {
				width: 113px;
				height: 63px;
				background-image: url(bg-figure-65.svg);
				left: 415px;
				bottom: 348px;
				z-index: 12;
			}
			.signal-3 {
				width: 86px;
				height: 48px;
				background-image: url(bg-figure-65.svg);
				left: 888px;
				bottom: 356px;
				z-index: 12;
			}
			.line-1 {
				bottom: auto;
				top: 1px;
				left: -29px;
				width: 923px;
				height: 923px;
				background-image: url(bg-figure-66.svg);
				background-size: 100% auto;
				background-position: 0 0;
			}
			.line-2 {
				bottom: auto;
				top: 418px;
				left: -122px;
				width: 870px;
				height: 870px;
				background-image: url(bg-figure-66.svg);
				background-size: 100% auto;
				background-position: 0 0;
			}
			.static-line1 {
				width: 996px;
				height: 996px;
				left: 30px;
				top: 196px;
				background-image: url(bg-figure-77.svg);
			}
			.static-line2 {
				width: 955px;
				height: 955px;
				left: 293px;
				top: 139px;
				background-image: url(bg-figure-77.svg);
			}
			.point {
				width: 26px;
				height: 26px;
				border-width: 4px;
				&.type-3 {
					width: 32px;
					height: 32px;
					border-width: 5px;
					border-color: $dark-blue-5;
				}
			}
			.point-1 {
				left: 302px;
				bottom: 488px;
			}
			.point-2 {
				left: 750px;
				bottom: 760px;
			}
			.point-3 {
				left: 510px;
				bottom: 704px;
			}
			.point-4 {
				left:430px;
				bottom: 900px;
			}
			.point-5 {
				left: 510px;
				bottom: 704px;
			}
			.point-6 {
				left: 750px;
				bottom: 760px;
			}
			.point-7 {
				left:430px;
				bottom: 900px;
			}
		}
	}
	@include breakpoint(desktop-md) {
		@include transform(scale(0.5));
		right: -300px;
		&.type-2 {
			@include transform(scale(0.4));
			top: -250px !important;
			right: -600px;
		}
	}
	@include breakpoint(tablet) {
		@include transform(scale(0.4));
		right: -380px;
		top: -100px !important;
		&.type-2 {
			@include transform(scale(1.2));
			top: 50px !important;
			right: -50px;
			padding: 0;
			width: 417px;
			height: 255px;
		}
	}
}
/* end illustration-4 */
/* illustration-5 */
.illustration-5 {
	position: absolute;
	width: 1142px;
	height: 454px;
	top: -22px !important;
	left: -316px;
	margin: 0;
	@include bg-cover();
	@include breakpoint(notablet) {
		background: none !important;
	}
	.animations-block {
		overflow-x: visible;
		overflow-y: hidden;
		.bg {
			background-size: 1057px auto;
			background-position: 10px 100%;
		}
		.cloud-1 {
			width: 454px;
			height: 153px;
			background-image: url(bg-figure-26.svg);
			left: 222px;
			top: 0;
			bottom: auto;
		}
		.cloud-2 {
			width: 648px;
			height: 156px;
			background-image: url(bg-figure-27.svg);
			left: 0px;
			bottom: 125px;
		}
		.cloud-3 {
				bottom: 248px;
				left: 676px;
				width: 358px;
				height: 61px;
		}
		.cloud-4 {
				bottom: 40px;
				left: 583px;
				width: 558px;
				height: 160px;
		}
		.signal-1 {
			width: 31px;
			height: 17px;
			background-image: url(bg-figure-41.svg);
			left: 168px;
			bottom: 221px;
			z-index: 12;
		}
		.signal-2 {
			width: 31px;
			height: 17px;
			background-image: url(bg-figure-41.svg);
			left: 344px;
			bottom: 284px;
			z-index: 12;
		}
		.signal-3 {
			width: 42px;
			height: 23px;
			background-image: url(bg-figure-41.svg);
			left: 558px;
			bottom: 279px;
			z-index: 12;
		}
		.signal-4 {
			width: 31px;
			height: 17px;
			background-image: url(bg-figure-42.svg);
			left: 613px;
			bottom: 229px;
			z-index: 12;
		}
		.signal-5 {
			width: 41px;
			height: 25px;
			background-image: url(bg-figure-42.svg);
			left: 847px;
			bottom: 193px;
			z-index: 12;
		}
		.windmill-1 {
			bottom: 100px;
			left: 506px;
			@include transform(scale(0.6) rotate(-3deg));
			z-index: 8;
		}
		.windmill-2 {
			bottom: 78px;
			left: 486px;
			@include transform(scale(0.6) rotate(-3deg));
			z-index: 9;
		}
		.car {
			bottom: 40px;
			left: 865px;
			@include transform(scale(-0.5, 0.5) rotate(-17deg));
			.body {outline: 1px solid transparent;}
		}
		.line-1 {
			bottom: -90px;
			left: 50px;
			width: 415px;
			height: 415px;
			background-image: url(bg-figure-73.svg);
			background-size: 100% auto;
		}
		.line-2 {
			bottom: auto;
			top: 24px;
			left: 400px;
			width: 570px;
			height: 570px;
			background-image: url(bg-figure-73.svg);
			background-size: 100% auto;
		}
		.point {
			width: 6px;
			height: 6px;
		}
		.point-1 {
			left: 382px;
			bottom: 384px;
		}
		.point-2 {
			left: 256px;
			bottom: 320px;
		}
		.point-3 {
			left: 679px;
			bottom: 426px;
		}
		.point-4 {
			left: 538px;
			bottom: 316px;
		}
		.point-5 {
			left: 761px;
			bottom: 292px;
		}
		.point-6 {
			left: 538px;
			bottom: 316px;
		}
		.point-7 {
			left: 382px;
			bottom: 384px;
		}
		.point-8 {
			left: 761px;
			bottom: 292px;
		}
		.static-line1 {
			width: 499px;
			height: 290px;
			background-image: url(bg-figure-74.svg);
			left: 127px;
			top: 66px;
			z-index: 3;
		}
		.static-line2 {
			width: 528px;
			height: 224px;
			background-image: url(bg-figure-75.svg);
			left: 292px;
			top: 133px;
			z-index: 3;
		}
		.static-line3 {
			width: 448px;
			height: 278px;
			background-image: url(bg-figure-76.svg);
			left: 585px;
			top: 157px;
			z-index: 3;
		}
	}
	&.type-2 {
		width: 1618px;
		height: 838px;
		top: 129px !important;
		left: -694px;
		overflow-x: visible;
		overflow-y: hidden;
		.animations-block {
			overflow-y: visible;
			top: 20px;
			.bg {
				background-size: 100% auto;
				background-position: 0 100%;
			}
			.cloud-1 {
				width: 1010px;
				height: 318px;
				background-image: url(bg-figure-26.svg);
				left: 294px;
				bottom: 450px;
				top: auto;
			}
			.cloud-2 {
				width: 1011px;
				height: 239px;
				background-image: url(bg-figure-27.svg);
				left: 0px;
				bottom: 151px;
			}
			.cloud-3 {
					bottom: 330px;
					left: 1050px;
					width: 568px;
					height: 80px;
			}
			.cloud-4 {
					bottom: 47px;
					left: 757px;
					width: 836px;
					height: 238px;
					background-position: 0 100%;
			}
			.signal-1 {
				width: 57px;
				height: 33px;
				background-image: url(bg-figure-65.svg);
				left: 293px;
				bottom: 280px;
				z-index: 12;
			}
			.signal-2 {
				width: 65px;
				height: 36px;
				background-image: url(bg-figure-65.svg);
				left: 520px;
				bottom: 365px;
				z-index: 12;
			}
			.signal-3 {
				width: 79px;
				height: 46px;
				background-image: url(bg-figure-65.svg);
				left: 784px;
				bottom: 396px;
				z-index: 12;
				@include transform(rotate(3deg));
			}
			.signal-4 {
				width: 59px;
				height: 35px;
				background-image: url(bg-figure-65.svg);
				left: 870px;
				bottom: 319px;
				z-index: 12;
				@include transform(rotate(5deg));
			}
			.signal-5 {
				width: 62px;
				height: 38px;
				background-image: url(bg-figure-65.svg);
				left: 1162px;
				bottom: 277px;
				z-index: 12;
				@include transform(rotate(10deg));
			}
			.line-1 {
				bottom: auto;
				top: 0px;
				left: 371px;
				width: 955px;
				height: 955px;
				background-image: url(bg-figure-66.svg);
				background-size: 100% auto;
				background-position: 0 0;
			}
			.line-2 {
				bottom: auto;
				top: 258px;
				left: 204px;
				width: 1010px;
				height: 1010px;
				background-image: url(bg-figure-66.svg);
				background-size: 100% auto;
				background-position: 0 0;
			}
			.static-line1 {
				width: 955px;
				height: 955px;
				left: 169px;
				top: 109px;
				background-image: url(bg-figure-77.svg);
			}
			.static-line2 {
				width: 994px;
				height: 994px;
				left: 407px;
				top: 222px;
				background-image: url(bg-figure-77.svg);
			}
			.point {
				width: 24px;
				height: 24px;
				border-width: 4px;
				&.type-3 {
					width: 29px;
					height: 29px;
					border-width: 5px;
					border-color: $dark-blue-5;
				}
			}
			.point-1 {
				left: 806px;
				bottom: 798px;
			}
			.point-2 {
				left: 622px;
				bottom: 698px;
			}
			.point-3 {
				left: 880px;
				bottom: 574px;
			}
			.point-4 {
				left: 700px;
				bottom: 540px;
			}
			.point-5 {
				left: 622px;
				bottom: 698px;
			}
			.point-6 {
				left: 700px;
				bottom: 540px;
			}
		}
	}
	@include breakpoint(desktop-md) {
		@include transform(scale(0.5));
		left: -350px;
		&.type-2 {
			top: -100px !important;
		}
	}
	@include breakpoint(tablet) {
		@include transform(scale(0.4));
		left: -380px;
		top: -10px !important;
		&.type-2 {
			top: 20px !important;
			@include transform(scale(1.2));
			left: -100px;
			width: 449px;
			height: 255px;
		}
	}
}
/* end illustration-5 */
/* illustration-6 */
.illustration-6 {
	.animations-block {
		overflow: visible;
		.bg {
			background-size: 1264px auto;
			background-position: 180px 100%;
		}
		.cloud-1 {
			width: 934px;
			height: 295px;
			background-image: url(bg-figure-67.svg);
			left: 317px;
			top: 0;
			bottom: auto;
		}
		.cloud-2 {
			width: 525px;
			height: 74px;
			background-image: url(bg-figure-68.svg);
			left: 0px;
			bottom:305px;
		}
		.cloud-3 {
			background-image: url("../images/bg-figure-27.svg");
			bottom: 27px;
			height: 156px;
			left: 11px;
			width: 660px;
		}
		.cloud-4 {
				width: 938px;
				height: 222px;
				background-image: url(bg-figure-69.svg);
				left: 586px;
				bottom:141px;
		}
		.windmill-2 {
			left: 462px;
			bottom: 154px;
			z-index: 9;
			background-image: url(bg-figure-62.svg);
			background-size: 100% 100%;
			background-position: 0 100%;
			width: 18px;
			height: 324px;
			@include transform(scale(1.4));
			&.sm {
				@include transform(scale(0.8));
				left: 374px;
				bottom: 40px;
			}
			.propeller {
				width: 186px;
				height: 186px;
				background-image: url(bg-figure-63.svg);
				background-size: 177px 186px;
				background-position: 50% 50%;
				left: -100px;
				top: -94px;
				transform-origin: 109px 105px;
			}
		}
		
	}
	@include breakpoint(desktop-md) {
		@include transform(scale(0.55));
	}
}
/* end illustration-6 */