@font-face {
	font-display:			swap;
	font-family:			'CrazyV1';
	src:					url('../fonts/CrazyV1.ttf');
}
@font-face {
	font-display:			swap;
	font-family:			'Manrope';
	src:					url('../fonts/Manrope.ttf');
}

*{
	font-family:			'Manrope';
	color:					#413F3D;
	font-size:				16px;
	box-sizing:				border-box;
}
html { scroll-behavior: smooth; }
body{
	padding:				0px;
	margin:					0px;
	zoom:					100%;
	background-color:		#F6FBFD;
	width:					100%;
	height:					100%;

	overflow-x:				hidden;
	#position:				relative;
	#left:					0;
	#transform:				translateX(0);

	display:				flex;
	justify-content:		center;

	opacity: 0;
	transition: opacity 0.5s ease-in-out;
}
body.loaded{
	opacity: 1;
}
a{
	text-decoration:		none;
}

#otz { scroll-margin-top: 60px; }
#contakt { scroll-margin-top: 60px; }

.main{
	position:				relative;
	width:					1200px;
	height:					100px;
	margin:					0px auto;
}
.pic{
	background-position:	center;
	background-size:		contain;
	background-repeat:		no-repeat;
}
.button{
	color: white;
    background: #f94a56;
    border-radius: 5px;
    padding: 10px;
	width: fit-content;
}
.center{
	width:					1200px;
	margin:					0px auto;
}

.title{
 color: var(--krasnyj-tekst, #ff6a73);
  text-align: center;
  font-family: "CrazyV1", sans-serif;
  font-size: 42px;
  line-height: 122%;
  letter-spacing: 0.01em;
  font-weight: 400;
  text-transform: uppercase;
}
.about{
  color: var(--tekst-osnovnoj, #484848);
  text-align: center;
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  line-height: 124%;
  font-weight: 400;
}

.menu{
	position:				fixed;
	top:					0px;
	z-index:				1000;
	height:					40px;

	background:				white;
	width:					100%;
}
.logo{
	position:				absolute;
	width:					103px;
	height:					19px;
	top:					10px;
	left:					20px;

	background-image:		url('./pic/logo.svg');
}
.menu1{
	position:				absolute;
	width:					80px;
	height:					19px;
	top:					10px;
	left:					382px;
}
.menu2{
	position:				absolute;
	width:					80px;
	height:					19px;
	top:					10px;
	left:					486px;
}
.menu3{
	position:				absolute;
	width:					80px;
	height:					19px;
	top:					10px;
	left:					579px;
}
.menu4{
	position:				absolute;
	width:					80px;
	height:					19px;
	top:					10px;
	left:					652px;
}
.menu5{
	position:				absolute;
	width:					80px;
	height:					19px;
	top:					10px;
	left:					755px;
	color:					white;
}
.telegram{
	position:				absolute;
	width:					32px;
	height:					32px;
	top:					3px;
	left:					960px;

	background-image:		url('./pic/telegram.svg');
}
.whatsapp{
	position:				absolute;
	width:					32px;
	height:					32px;
	top:					3px;
	left:					1020px;

	background-image:		url('./pic/whatsapp.svg');
}
.phone{
	position:				absolute;
	width:					144px;
	height:					39px;
	top:					0px;
	left:					926px;

	background-image:		url('./pic/phone.svg');
}
.night{
	position:				absolute;
	width:					32px;
	height:					32px;
	top:					3px;
	left:					1085px;

	background-image:		url('./pic/night.svg');
}

.menuPhone{
	display:				none;

	position:				fixed;
	top:					0px;
	z-index:				1000;
	height:					40px;

	background:				white;
	width:					360px;
}
.submenuBut{
	position:				absolute;
	width:					32px;
	height:					32px;
	top:					3px;
	left:					260px;

	background-image:		url('./pic/menuPhone.svg');
}
.nightPhone{
	left:					300px;
}
.menuPhoneBack{
		display:				none;
}

.top{
	#margin-top:				60px;
	border-radius:			15px;
	background-color:		#88C2E4;

	position:				absolute;
	width:					1120px;
	height:					629px;
	top:					66px;
	left:					40px;

}
.topPic{
	position:				absolute;
	width:					477px;
	height:					569px;
	top:					97px;
	left:					68px;

	display:				grid;
	grid-template-columns:	1fr auto auto auto 1fr;
	grid-template-rows:		1fr auto;
	grid-gap:				10px;
	align-items:			end;

	border-radius:			15px;

	background-image:		url('./pic/top.jpg');
	background-size:		cover;
}
.topTag{
	font-weight:			bold;
	border-radius:			30px;
	padding:				10px;
	background-color:		white;
}
.topTitle{
	position:				absolute;
	width:					fit-content;
	height:					39px;
	left:					596px;
	color:					white;
}
.title1{
	width:					538px;
	top:					100px;
	font-size:				42px;
	line-height:			112%;
	text-transform:			uppercase;
	font-family: "CrazyV1", sans-serif;
}
.title2{
	width:					428px;
	top:					305px;
	line-height:			112%;
}
.title3{
	top:					386px;
	padding:				10px;
	border-radius:			5px;
	background-color:		#F94A56;
}


.slideBlock{
	position:				absolute;
	width:					540px;
	height:					200px;
	top:					475px;
	left:					594px;

	display:				grid;
	grid-template-columns:	auto 1fr auto;
	grid-template-rows:		1fr;
	grid-gap:				20px;

/* 	background-color:gray; */
}
.slideLeft{
	align-self:				center;
	height:					30px;
	width:					30px;
	background-image:		url(./pic/slideLeft.svg);
	cursor:					pointer;
}
.slideRight{
	align-self:				center;
	height:					30px;
	width:					30px;
	background-image:		url(./pic/slideRight.svg);
	cursor:					pointer;
}
.slideScroll{
	overflow-x:				hidden;

	display:				grid;
	grid-template-columns:	210px 210px 210px 210px;
	grid-template-rows:		1fr;
	grid-gap:				20px;
}
.slideBox{
	display:				grid;
	grid-template-columns:	1fr;
	grid-template-rows:		1fr auto auto;
	grid-gap:				0px;
}
.slidePic{
	background-position:	60% center;
	background-size:		cover;
	border-radius:			7px 7px 0px 0px;
}
.slideName{
	padding:				6px 8px;
	background-color:		white;
	color:					#75AFD1;
	font-size:				12px;
	border-radius:			0px 0px 7px 7px;
}
.slideToCat{
	background-image:		url(./pic/slideRight.svg);
	color:					white;
	margin-top:				13px;
}

.slp1{	background-image:url('pic/folder1.png');}
.slp2{	background-image:url('pic/folder2.png');}
.slp3{	background-image:url('pic/folder3.png');}
.slp4{	background-image:url('pic/folder4.png');}


.birdHelp {
	z-index:				-1;
	position:				absolute;
	width:					573px;
	height:					418px;
	left:					313px;
	top:					778px;

	border-radius:			10px;
	border:					1px solid #B3DBEC;
	transform: rotate(-5deg) scale(1, 1);
}
.bhTitle {
	color: var(--krasnyj-tekst, #ff6a73);
	text-align: center;
	font-family: "CrazyV1", sans-serif;
	font-size: 24px;
	line-height: 121%;
	letter-spacing: -0.01em;
	font-weight: 400;
	text-transform: uppercase;
	position: absolute;
	left: 45.59px;
	top: 97.75px;
	width: 444.82px;
}
.bhText {
	color: var(--tekst-osnovnoj, #484848);
	text-align: center;
	font-family: "OpenSans-Regular", sans-serif;
	font-size: 16px;
	line-height: 120%;
	font-weight: 400;
	position: absolute;
	left: 58.91px;
	top: 205.11px;
	width: 448.21px;
}
.bhFlowers {
	position:		absolute;
	top:			300px;
	text-align:		center;
	width:			100%;
}


.bird1{
	position:				absolute;
	width:					205px;
	height:					230px;
	top:					901px;
	left:					144px;

	background-image:		url('./pic/bird1.svg');
	animation: move-up-down 15s infinite;
}
.bird2{
	position:				absolute;
	width:					157px;
	height:					177px;
	top:					935px;
	left:					900px;

	background-image:		url('./pic/bird2.svg');
	animation: move-up-down 12s infinite;
}
.sky{
	position:				absolute;
	width:					100%;
	height:					371px;
	top:					984px;
	left:					0px;

	background-size:		cover;
	background-position:	top center;
	background-image:		url('./pic/sky.svg');
}
.sky2{
	position:				absolute;
	width:					100%;
	height:					371px;
	top:					2182px;
	left:					0px;

	background-size:		cover;
	background-position:	bottom center;
	background-image:		url('./pic/sky2.svg');
}
.skyBlock{
	position:				absolute;
	width:					100%;
	height:					1020px;
	top:					1260px;
	left:					0px;

	background-color:		#DFF3FC;
}
.flower{
	position:				absolute;
	width:					96px;
	height:					205px;
	top:					1757px;
	left:					0px;
	transform: rotate(48deg) scale(1, 1);

	background-image:		url('./pic/flower.svg');
}

.ecoTitle {
	position:				absolute;
	height:					102px;
	top:					1247px;
	left:					41px;

	color: #ff6a73;
	text-align: left;
	font-family: "CrazyV1", sans-serif;
	font-size: 42px;
	line-height: 122%;
	letter-spacing: 0.01em;
	font-weight: 400;
	text-transform: uppercase;
}
.ecoText {
	position:				absolute;
	width:					105px;
	height:					20px;
	top:					1376px;
	left:					41px;

	color: var(--tekst-osnovnoj, #484848);
	text-align: left;
	font-family: "Manrope", sans-serif;
	font-size: 16px;
	line-height: 124%;
	font-weight: 400;
}

.ecoBlock{
	position:				absolute;
	width:					387px;
	height:					235px;
	padding:				17px;

	display:				grid;
	grid-template-columns:	1fr;
	grid-template-rows:		1fr auto auto;
	grid-gap:				17px;
	align-items:			start;

	border-radius:			8px;
	background-position:	right;
}
.ebPic{
	background-size:	60%;

  border-radius: 50%;
  width: 68.35px;
  height: 68.28px;
}
.ebTitle{
	color:	#FF6A73;
  font-family: "CrazyV1", sans-serif;
  font-size: 24px;
  line-height: 122%;
  letter-spacing: 0.01em;
  font-weight: 400;
  text-transform: uppercase;
}
.ebText{
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  line-height: 120%;
  font-weight: 400;
}
.ebw{	background-color:	white;
	background-image:		url('./pic/ebBack1.svg');
}
.ebb{	background-color:	#88c2e4;
	background-image:		url('./pic/ebBack2.svg');
}
.etw{	color:				white;}

.eb1{
	top:					1430px;
	left:					40px;
}
.eb2{
	top:					1430px;
	left:					595px;
}
.eb3{
	top:					1717px;
	left:					200px;
}
.eb4{
	top:					1717px;
	left:					771px;
}
.eb5{
	top:					2003px;
	left:					40px;
	height:					320px;
}

.ebp1{	background-image:		url('./pic/ebp1.svg');}
.ebp2{	background-image:		url('./pic/ebp2.svg');}
.ebp3{	background-image:		url('./pic/ebp3.svg');}
.ebp4{	background-image:		url('./pic/ebp4.svg');}
.ebp5{	background-image:		url('./pic/ebp5.svg');}

.star1{
	position:				absolute;
	width:					114px;
	height:					102px;
	top:					1516px;
	left:					1045px;

	background-image:		url('./pic/star1.svg');
}
.star2{
	position:				absolute;
	width:					80px;
	height:					79px;
	top:					1801px;
	left:					700px;

	background-image:		url('./pic/star2.svg');
}
.star3{
	position:				absolute;
	width:					80px;
	height:					79px;
	top:					2048px;
	left:					997px;

	background-image:		url('./pic/star2.svg');
}
.star4{
	position:				absolute;
	width:					156px;
	height:					156px;
	top:					2051px;
	left:					570px;

	background-image:		url('./pic/star3.svg');
	animation: rotate-bg 25s linear infinite;
}
.cloud1{
	position:				absolute;
	width:					325px;
	height:					210px;
	top:					2083px;
	left:					596px;

	background-image:		url('./pic/cloud.svg');
}
.cloud2{
	position:				absolute;
	width:					325px;
	height:					210px;
	top:					2166px;
	left:					1009px;

	background-image:		url('./pic/cloud.svg');
}

.ecoButton{
	position:				absolute;
	top:					2168px;
	left:					630px;
	color:					white;

  background: #f94a56;
  border-radius: 5px;
  padding: 10px;
}

.dsgTitle{
  	position:				absolute;
	top:					2537px;
	left:					175px;
}
.dsgAbout{
  	position:				absolute;
	top:					2613px;
	left:					352px;
	width:					495px;
}
#magazine{
	width:				715px;
	height:				445px;
}
#magazine .turn-page{
	background-color:	#ccc;
	background-size:	100% 100%;
}
.dsgVideo{
  	position:				absolute;
	top:					2713px;
	left:					200px;
}

.go{
	position:				absolute;
	height:					34px;
	width:					34px;
	top:					2678px;
	cursor:					pointer;
}
.goLeft{
	background-image:		url('./pic/goLeft.svg');
	left:					552px;
}
.goRight{
	background-image:		url('./pic/goRight.svg');
	left:					613px;
}
.dsgBlock{
	background-color:		white;

	position:				relative;
	top:					2748px;
	left:					242px;
}
.dsgPage{
	background-image:		url('./pic/dsgPage.svg');

	position:				absolute;
	width:					92px;
	height:					12px;
	top:					3218px;
	left:					554px;
}

.dsgFlower{
	position:				absolute;
	width:					402px;
	height:					408px;
	top:					2766px;
	left:					-200px;

   	background-image:		url('./pic/dsgFlower.svg');
	animation: rotate-bg 35s linear infinite;
}
.dsgBird{
	background-image:		url('./pic/bird2.svg');
	animation: move-up-down 12s infinite;

	position:				absolute;
	width:					158px;
	height:					177px;
	top:					3018px;
	left:					1022px;
}

.ballons{
	background-image:		url('./pic/ballons.svg');
	background-position:	center left;

	position: absolute;
	width: 200.04px;
	height: 210.21px;
	left: 0px;
	top: 3322.24px;

}
.rasFlower{
	background-image:		url('./pic/dsgFlower.svg');

	position: absolute;
	width: 401.97px;
	height: 407.7px;
	right: -200px;
	top: 4353.79px;
}
.cloud3{
	position:				absolute;
	width:					170px;
	height:					110px;
	top:					6450px;
	left:					265px;

	background-image:		url('./pic/cloud.svg');
	animation: move-left-right 15s infinite;
}
.cloud4{
	position:				absolute;
	width:					170px;
	height:					110px;
	top:					6560px;
	left:					707px;

	background-image:		url('./pic/cloud.svg');
	animation: move-left-right 25s infinite;
}
.cloud5{
	position:				absolute;
	width:					170px;
	height:					110px;
	top:					6413px;
	left:					1046px;

	background-image:		url('./pic/cloud.svg');
	animation: move-left-right 10s infinite;
}


.catTitle{
  	position:				absolute;
	top:					3372px;
	left:					400px;
}
.catAbout{
  	position:				absolute;
	top:					3455px;
	left:					352px;
	width:					495px;
}
.catScroll{
	z-index: -10;
	#background: lightgray;
	height: 360px;
	width: 1200px;
	position: absolute;
	top: 3545px;
	overflow-x: auto;
}
.catCircle{
	position:				absolute;
	width:					260px;
	height:					260px;
	top:					0px;
	border-radius:			200px;
	background-size:		cover;
}
.ct1{
	left:					40px;
	background-image:		url('./pic/folder3.png');
}
.ct2{
	left:					326px;
	background-image:		url('./pic/folder1.png');
}
.ct3{
	left:					613px;
	background-image:		url('./pic/folder4.png');
}
.ct4{
	left:					900px;
	background-image:		url('./pic/folder5.png');
}
.catCloude{
	position:				absolute;
	width:					170px;
	height:					110px;
	top:					218px;
	background-image:		url('./pic/cloud.svg');

	font-family: 'CrazyV1';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 122%;
	text-align: center;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #75AFD1;

     display: flex;
     align-items: center;
     justify-content: center;
}
.cc1{	left:					84px;}
.cc2{	left:					371px;}
.cc3{	left:					658px;}
.cc4{	left:					944px;}
.toCat{
	position:				absolute;
	width:					100px;
	height:					22px;
	top:					20px;
	left:					123px;
	background-image:		url('./pic/toCat.svg');
}


.besTitle{
  	position:				absolute;
	top:					3986px;
	left:					380px;
}
.besTitlePic{
	top:					-100px;
}
.besBlock{
	display:				grid;
	grid-template-columns:	repeat(4, 1fr);
	grid-template-rows:		auto;
	grid-gap:				0px;
	align-items:			start;
	width:					100%;

	position:				absolute;
	top:					4070px;
}
.besBox{
	display:				grid;
	grid-template-columns:	1fr;
	grid-template-rows:		auto auto 1fr;
	grid-gap:				10px;
	align-items:			start;

	padding:				10px;
	height:					440px;
	#background-color:		gray;
	border-radius:			8px;

	transition:				.3s;
}
.besBox:hover{
	background-color:		white;
}
.besBox:hover .besPay{
	opacity:				1;
}
.besPic{
	height:					300px;
	background-position:	top center;
	background-size:		cover;
	border-radius:			10px;
}
.bb1{
	background-image:		url('./pic/bes1.png');
}
.bb2{
	background-image:		url('./pic/bes2.jpg');
}
.bb3{
	background-image:		url('./pic/bes3.jpg');
}
.bb4{
	background-image:		url('./pic/bes4.jpg');
}
.besName{
	font-size:				14px;
}
.besPay{
	opacity:				0;
	#background-color:		gray;
	#height:					20px;

	align-self:				end;
	display:				grid;
	grid-template-columns:	auto auto auto 1fr;
	grid-template-rows:		auto;
	grid-gap:				10px;
}
.besBut{
	background-color:		red;
	padding:				10px;
	color:					white;
	border-radius:			10px;
	cursor:					pointer;
}
.besMP{
	height:					40px;
	width:					40px;
	cursor:					pointer;
}
.besWB{
	background-image:		url('./pic/mp1.mp1');
}
.besOZ{
	background-image:		url('./pic/mp2.mp2');
}
.besYM{
	background-image:		url('./pic/mp3.mp3');
}


.rasTitle{
  	position:				absolute;
	top:					4574px;
	left:					317px;
}
.rasAbout{
  	position:				absolute;
	top:					4648px;
	left:					375px;
	width:					495px;
}

.rasBox{
	position:				absolute;
	width:					550px;
	height:					334px;
	top:					4726px;
	border-radius:			10px;
	background-color:		#88C2E4;
	padding:				30px;

	background-image: url(./pic/ebBack2.svg);
	background-position: right;
}
.rb1{	left:				40px;}
.rb2{	left:				610px;}
.rasBoxTitle{
	font-family: 'CrazyV1';
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 122%;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #FFFFFF;
}
.rasBoxButton{
	z-index:				1;
	position:				absolute;
	margin-top:				15px;
}
.rasBoxPic{
	position:				absolute;
	border-radius: 8px;
	background-position: bottom;
}
.rbp1{
	background-image: url(./pic/rbp1.svg);
	width: 222.04px;
	height: 300.95px;
	left: 48px;
	bottom: 0px;
}
.rbp2{
	background-image: url(./pic/rbp2.svg);
	width: 241.19px;
	height: 313.1px;
	right: 14px;
	bottom: 0px;
}
.rbp3{
	background-image: url(./pic/rbp3.svg);
	width: 240px;
	height: 281.97px;
	left: 30px;
	bottom: 0px;
}
.rbp4{
	background-image: url(./pic/rbp4.svg);
	width: 220px;
	height: 282px;
	right: 28px;
	bottom: 0px;
}
.rasText{
	position: absolute;
	width: 516.48px;
	height: 128px;
	left: 341px;
	top: 5241px;

	font-family: 'CrazyV1';
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 134%;

	text-align: center;
	letter-spacing: 0.01em;
	text-transform: uppercase;

	color: #75AFD1;
}
.rasTextBox{
	position: absolute;
	width: 563.72px;
	height: 260.51px;
	left: 311px;
	top: 5160.26px;

	border: 1px solid #B3DBEC;
	border-radius: 10px;
	transform: rotate(-3deg);
}
.rasFlower{
	background-image: url(./pic/flower.svg);
	width: 32px;
	height: 70px;
}
.rf1{
	top: 5386.08px;
	left: 287.51px;
	transform: rotate(-41.57deg);
	animation: swing-left-right-continuous 10s infinite;
}
.rf2{
	left: 844.31px;
	top: 5373.85px;
	transform: rotate(-19.57deg);
	animation: swing-left-right-continuous 5s infinite;
}
.rf3{
	left: 907.86px;
	top: 5209.17px;
	transform: rotate(50.62deg);
	animation: swing-left-right-continuous 15s infinite;
}

.rasPic{
	position:				absolute;
	width:					200px;
	height:					200px;
}
.rp1{
	top:					5160px;
	left:					23px;
	background-image:		url('./pic/rp1.png');
}
.rp2{
	z-index:				1;
	top:					5216px;
	left:					944px;
	background-image:		url('./pic/rp2.png');
}
.rasBigPic{
	position:				absolute;
	width:					1120px;
	height:					624px;
	top:					5550px;
	left:					40px;
	border-radius:			15px;
	background-image:		url('./pic/rbp.png');
}
.rasBigPicText1{
	margin-top: 35px;

	font-family: 'CrazyV1';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 129%;
	text-align: center;
	letter-spacing: 0.01em;
	text-transform: uppercase;

	color: #FFFFFF;
}
.rasBigPicText2{
	max-width: 800px;
	margin: 171px auto 0px auto;

	font-family: 'CrazyV1';
	font-style: normal;
	font-weight: 400;
	font-size: 42px;
	line-height: 122%;
	text-align: center;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #FFFFFF;
}
.rasBigPicText3{
	margin-top: 15px;

	font-family: 'CrazyV1';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 129%;
	text-align: center;
	letter-spacing: 0.01em;
	text-transform: uppercase;

	color: #FFFFFF;
}
.rasBox2{
	position: absolute;
	width: 387.59px;
	height: 275px;
	left: 585.64px;
	top: 6019.98px;

	background: #FFFFFF;
	border-radius: 10px;
	transform: rotate(-5deg);
	padding: 30px;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.rasBox2title{
	font-family: 'CrazyV1';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 123%;
	text-align: center;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	color: #FF6A73;
	margin-top: 5px;
}
.rasBox2text{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 125%;
	text-align: center;
	color: #484848;
	margin-top: 22px;
}
.rasBox2Button{
	margin-top: 22px;
}
.rasBox2pic1{
	background-image: url(./pic/podarok.svg);
	width: 74px;
	height: 83px;
	transform: rotate(-5deg);

	position: absolute;
	left: 20px;
	bottom: -30px;
}
.rasBox2pic2{
	background-image: url(./pic/podarok.svg);
	width: 55px;
	height: 62px;
	transform: rotate(70deg);

	position: absolute;
	right: 20px;
	bottom: 20px;
}


.otzTitle{
  	position:				absolute;
	top:					6453px;
	left:					184px;
	width:					831px;
}
.otzGo{
	top:			6581.64px;
	cursor:			pointer;
}
.otzCont{
	position: absolute;
	top: 6650px;
	left: 0px;
	width: 100%;
	height: 256px;

	display:				grid;
	grid-template-columns:	repeat(10, 1fr);
	grid-template-rows:		auto;
	grid-gap:				20px;
	align-items:			start;

	overflow-x:				hidden;
}
.otzBox{
	width: 239.3px;
	height: 235.63px;
	background-color: #88C2E4;
	background-size: 90%;
	border-radius: 8px;
}
.otUp{}
.otDn{
	align-self:				end;
	background-color:		#DFF3FC;
}
.otz1{	background-image: url(./pic/otz1.jpg);}
.otz2{	background-image: url(./pic/otz2.jpg);}
.otz3{	background-image: url(./pic/otz3.jpg);}
.otz4{	background-image: url(./pic/otz4.jpg);}
.otz5{	background-image: url(./pic/otz5.jpg);}
.otz6{	background-image: url(./pic/otz6.jpg);}
.otz7{	background-image: url(./pic/otz7.jpg);}
.otz8{	background-image: url(./pic/otz8.jpg);}
.otz9{	background-image: url(./pic/otz9.jpg);}
.otz10{	background-image: url(./pic/otz10.jpg);}


.vopTitle{
  	position:				absolute;
	top:					7093px;
	left:					184px;
	width:					831px;
}

.vopPic{
	background-image: url(./pic/vopPic.png);
	position: absolute;
	width: 512.4px;
	height: 569.02px;
	left: 648px;
	top: 7180.31px;
	border-radius: 15px;
}
.vopCont{
	position: absolute;
	width: 555px;
	height: 555px;
	left: 40px;
	top: 7180.31px;

	display:				grid;
	grid-template-columns:	1fr;
	grid-template-rows:		auto auto auto 1fr;
	grid-gap:				15px;
	align-items:			start;
}
.vopBox{
	background: #DFF3FC;
	border-radius: 8px;
	padding: 25px;

	display:				grid;
	grid-template-columns:	1fr auto;
	grid-template-rows:		auto 1fr;
	grid-gap:				15px;
}
.vopBoxTitle{
	font-family: 'CrazyV1';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 122%;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #75AFD1;
}
.vopBoxText{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 124%;
	color: #484848;
}
.vopBoxIcon{
	width: 35px;
	height: 35px;
	background-image: url(./pic/vopBoxIcon.svg);
}



.pomBullons{
	position: absolute;
	left: 30px;
	top: 7700px;

	width: 1140px;
	height: 255px;
	background-image: url(./pic/pomBullons.svg);
}
.pomBox{
	position: absolute;
	width: 1121.41px;
	height: 740.44px;
	left: 41px;
	top: 7777.94px;

	background: #88C2E4;
	border-radius: 15px;
}
.pomTitle{
	position:				absolute;
	width:					831px;
	top:					90px;
	left:					184px;
	color:					white;
	text-align:				center;
}
.pomText{
	position:				absolute;
	width:					435px;
	top:					167px;
	left:					384px;
	color:					white;
	text-align:				center;
}
.pomBoxFlower1{
	position:				absolute;
	width:					400px;
	height:					400px;
	top:					120px;
	left:					-200px;

 	background-image: url(./pic/dsgFlower.svg);
	animation: rotate-bg 65s linear infinite;
}
.pomBoxFlower2{
	position:				absolute;
	width:					400px;
	height:					400px;
	top:					20px;
	right:					-200px;

 	background-image: url(./pic/dsgFlower.svg);
	#animation: rotate-bg 62s linear infinite;
}
.pomBoxPic1{
	position:				absolute;
	width:					150px;
	height:					180px;
	top:					220px;
	left:					85px;

	border-radius: 8px;
	transform: rotate(4deg);
	background-size: cover;
	background-image: url(./pic/pomBoxPic1.jpg);
}
.pomBoxPic2{
	position:				absolute;
	width:					150px;
	height:					180px;
	top:					240px;
	right:					90px;

	border-radius: 8px;
	transform: rotate(-4deg);
	background-size: cover;
	background-image: url(./pic/pomBoxPic2.jpg);
}
.pomBoxHeart{
	position:				absolute;
	width:					44px;
	height:					38px;
	top:					-20px;
	right:					-20px;

	background-image: url(./pic/heart.svg);
}
.pomBoxMinFlw1{
	position:				absolute;
	width:					44px;
	height:					38px;
	top:					-20px;
	right:					-20px;

	background-image: url(./pic/pomFlw1.svg);
}
.pomBoxMinFlw2{
	position:				absolute;
	width:					44px;
	height:					38px;
	top:					80px;
	left:					-80px;

	background-image: url(./pic/pomFlw2.svg);
}
.pomForm{
	z-index:				100;
	position:				absolute;
	width:					375px;
	top:					253px;
	left:					370px;
	color:					white;
	text-align:				center;

	display:				grid;
	grid-template-columns:	1fr;
	grid-template-rows:		auto auto auto auto auto;
	grid-gap:				15px;
	align-items:			center;
}
input.pomInput{
	padding:				12px;
	border-radius:			6px;
	background-color:		#F7FBFD;
	border:					none;
}
label.pomLabel{
	color:					white;
	text-align:				left;
	font-size:				12px;

	display:				grid;
	grid-template-columns:	auto 1fr;
	grid-template-rows:		auto;
	grid-gap:				15px;
	align-items:			start;
}
input.pomButton{
	border:					none;
	cursor:					pointer;
}


.bottom{
	position:				absolute;
	width:					100%;
	top:					8430px;
}
.botSky{
	position:				absolute;
	width:					100%;
	height:					450px;
	top:					-200px;

	background-image: url(./pic/sky.svg);
}
.botCont{
	position:				absolute;
	width:					100%;
	top:					-110px;
	left:					-100px;
}
.botBird1{
	position:				absolute;
	width:					115px;
	height:					106px;
	top:					-120px;
	left:					760px;

	background-image: url(./pic/bird1.svg);
}
.botBird2{
	position:				absolute;
	width:					115px;
	height:					106px;
	top:					330px;
	left:					780px;

	background-image: url(./pic/bird2.svg);
	animation: move-up-down 15s infinite;
}

.botLogo{
	position:				absolute;
	width:					103px;
	height:					19px;
	top:					168px;
	left:					127px;

	background-image:		url('./pic/logo.svg');
}
.botTelegram{
	position:				absolute;
	width:					33px;
	height:					33px;
	top:					222px;
	left:					127px;

	background-image:		url('./pic/telegram.svg');
}
.botWhatsApp{
	position:				absolute;
	width:					33px;
	height:					33px;
	top:					222px;
	left:					186px;

	background-image:		url('./pic/whatsapp.svg');
}
.botTitle{
	font-family: 'CrazyV1';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 122%;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #75AFD1;
}
.botInsta{
	position:				absolute;
	top:					226px;
	left:					257px;
}
.botMail{
	position:				absolute;
	top:					226px;
	left:					409px;
}
.botPhone{
	position:				absolute;
	top:					226px;
	left:					494px;
}
.botButton{
	position:				absolute;
	top:					218px;
	left:					681px;
}
.botMPTitle{
	position:				absolute;
	top:					226px;
	left:					900px;
	width:					400px;
	#font-size:				18px;
}

.botLink{
	position:				absolute;
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 121%;
	color: #606060;
}
.bl1{	top:	293px;	left:		127px;}
.bl2{	top:	320px;	left:		127px;}
.bl3{	top:	347px;	left:		127px;}
.bl4{	top:	374px;	left:		127px;}
.bl5{	top:	293px;	left:		257px;}
.bl6{	top:	320px;	left:		257px;}
.bl7{	top:	347px;	left:		257px;}
.bl8{	top:	374px;	left:		257px;}

.bl9{	top:	295px;	left:		409px;
	font-size: 12px;
}
.bl10{	top:	320px;	left:		409px;
	font-size: 12px;
}
.bl11{	top:	353px;	left:		409px;
	font-size: 12px;
	color: #A8A8A8;
}
.bl12{	top:	377px;	left:		409px;
	font-size: 12px;
	color: #A8A8A8;
}

.bl13{	top:	377px;	left:		902px;
	font-size: 12px;
	color: #A8A8A8;
}
.bl14{	top:	377px;	left:		1009px;
	font-size: 12px;
	color: #A8A8A8;
}

.botStar{
	position:				absolute;
	width:					57px;
	height:					57px;
	background-image:		url('./pic/star2.svg');
}
.bs1{	top:	145px;	left:		338px;
	animation: rotate-bg 15s infinite;
}
.bs2{	top:	342px;	left:		1175px;
	animation: rotate-bg 12s infinite;
}

.botCloude{
	position:				absolute;
	width:					105px;
	height:					68px;
	background-image:		url('./pic/cloud.svg');
}
.bc1{	top:	264px;	left:		902px;}
.bc2{	top:	264px;	left:		1018px;}
.bc3{	top:	264px;	left:		1134px;}

.botMP{
	position:				absolute;
	width:					35px;
	height:					35px;
	top:					280px;
}
.bmp1{	left:	937px;	background-image:	url('./pic/mp1.svg');}
.bmp2{	left:	1052px;	background-image:	url('./pic/mp2.svg');}
.bmp3{	left:	1168px;	background-image:	url('./pic/mp3.svg');}

.botBack{
	position:				absolute;
	width:					100%;
	height:					230px;
	top:					100px;

	background-color:		#DFF3FC;
}


.krosh{
	margin-top:			60px	!important;
	padding-left:		30px	!important;
	font-size:			12px;
	font-family:		Manrope;
}
span.gray{
	color:				#B4B4B4;
	font-size:			12px;
	font-family:		Manrope;
}
.docTitle{
	margin-top:			40px	!important;
	margin-bottom:		25px	!important;

	font-size:			42px;
	color:				#FF6A73;
	font-family:		CrazyV1;
}


.sertBlock{
	display:				grid;
	grid-template-columns:	1fr 1fr;
	grid-template-rows:		800px;
	grid-gap:				20px;
}
.sertPic{
	background-size:		contain;
	#border-radius:			10px;
}
.sp1{	background-image:	url('./pic/sert1.png');}
.sp2{	background-image:	url('./pic/sert2.png');}

.aboutBlock1{
	margin:					60px auto;
	width:					470px;

	display:				grid;
	grid-template-columns:	1fr;
	grid-template-rows:		auto auto auto;
	grid-gap:				25px;
}
.aboutText{
	text-align:				center;
}
.aboutButton{
	margin:					0px auto;
}
.ballons2{
	position:				absolute;
	top:					38px;
	left:					142px;
	width:					200px;
	height:					210px;
	background-image:		url('./pic/ballons2.svg');
}
.dsgFlofer1{
	position:				absolute;
	top:					570px;
	left:					1060px;
	width:					400px;
	height:					400px;
	background-image:		url('./pic/dsgFlower.svg');
}
.dsgFlofer2{
	position:				absolute;
	top:					180px;
	left:					-200px;
	width:					400px;
	height:					400px;
	background-image:		url('./pic/dsgFlower.svg');
	animation: rotate-bg 35s linear infinite;
}
.star{
	position:				absolute;
	top:					146px;
	left:					862px;
	width:					55px;
	height:					50px;
	background-image:		url('./pic/starRed.svg');
}
.pomFlw1{
	position:				absolute;
	top:					310px;
	left:					400px;
	width:					40px;
	height:					40px;
	background-image:		url('./pic/pomFlw2.svg');
}
.abPic1{
	position:				absolute;
	top:					160px;
	left:					142px;
	width:					200px;
	height:					223px;
	background-image:		url('./pic/abPic1.png');
}
.abPic2{
	position:				absolute;
	top:					130px;
	left:					900px;
	width:					200px;
	height:					200px;
	background-image:		url('./pic/abPic2.png');
}
.bird{
	position:				absolute;
	top:					502px;
	left:					436px;
	width:					130px;
	height:					145px;
	background-image:		url('./pic/bird2.svg');
}
.abPic3{
	position: absolute;
	width: 402.19px;
	height: 446.63px;
	left: 595px;
	top: 445.07px;

	background-image:		url('./pic/abPic3.png');
}
.flw{
	position: absolute;
	width: 63.18px;
	height: 135.01px;
	left: 955.2px;
	top: 810.54px;

	background-image:		url('./pic/flower.svg');
	transform: rotate(48.35deg);
	animation: swing-left-right-continuous 5s infinite;
}
.abMisBlock{
	position: absolute;
	width: 528.11px;
	height: 286.56px;
	left: 40.84px;
	top: 600.85px;
	background-color:		#88C2E4;
	border-radius:			8px;
	padding:				47px 27px;
}
.misTitle{
	font-family: 'CrazyV1';
	font-style: normal;
	font-weight: 400;
	font-size: 42px;
	line-height: 122%;

	letter-spacing: 0.01em;
	text-transform: uppercase;

	color: #FFFFFF;
}
.misText{
	padding:	20px 0px;

	font-family: 'CrazyV1';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 138%;
	/* or 25px */
	letter-spacing: 0.01em;
	text-transform: uppercase;

	color: #FFFFFF;
}
.misPic{
	width:			25px;
	height:			22px;

	background-image:		url('./pic/heart2.svg');
}
.misUnder{
	position: absolute;
	width: 461.55px;
	height: 60px;
	left: 595px;
	top: 952.41px;

	font-family: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 124%;
	color: #484848;
}

.abSky{
	position: absolute;
	width: 1372.6px;
	height: 440px;
	left: -76px;
	top: 940.91px;
	background-image:		url('./pic/sky.svg');
	background-size:		cover;
}
.abSkyBlock{
	position:				absolute;
	width:					100%;
	height:					1000px;
	top:					1260px;
	left:					0px;

	background-color:		#DFF3FC;
}
.abPwr{
	position: absolute;
	#width: 946px;
	height: 51px;
	left: 160px;
	top: 1243.79px;

	font-family: 'CrazyV1';
	font-style: normal;
	font-weight: 400;
	font-size: 42px;
	line-height: 122%;

	text-align: center;
	letter-spacing: 0.01em;
	text-transform: uppercase;

	color: #FF6A73;
}
.abpFlw1{
	position: absolute;
	width: 39.58px;
	height: 39.94px;
	left: 218px;
	top: 1493.11px;
	background-image:		url('./pic/pomFlw2.svg');
}
.abpFlw2{
	position: absolute;
	width: 39.58px;
	height: 39.94px;
	left: 56.14px;
	top: 1733.37px;
	background-image:		url('./pic/pomFlw1.svg');
}
.abpPic1{
	position: absolute;
	width: 139.02px;
	height: 139.02px;
	left: 32px;
	top: 1397.81px;

	background-image:		url('./pic/abpPic1.png');
	border-radius: 200px;
}
.abpPic2{
	position: absolute;
	width: 226.6px;
	height: 226.6px;
	left: 274px;
	top: 1361.95px;

	background-image:		url('./pic/abpPic2.png');
	border-radius: 200px;
}
.abpPic3{
	position: absolute;
	width: 176.51px;
	height: 176.51px;
	left: 112px;
	top: 1576.82px;

	background-image:		url('./pic/abpPic3.png');
	border-radius: 200px;
}
.abpPic4{
	position: absolute;
	width: 179.65px;
	height: 179.65px;
	left: 360px;
	top: 1603.58px;

	background-image:		url('./pic/abpPic4.png');
	border-radius: 200px;
}
.abpBl1{
	position: absolute;
	width: 484.45px;
	height: 206px;
	left: 590px;
	top: 1335.24px;

	background: #88C2E4;
	border-radius: 10px;
	transform: rotate(-3deg);

	padding:		30px;
	text-align:		center;
}
.abpTitle1{
	font-family: 'CrazyV1';
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 121%;

	text-align: center;
	letter-spacing: -0.01em;
	text-transform: uppercase;

	color: #FFFFFF;
	padding-bottom:	20px;
}
.abpText1{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 120%;
	text-align: center;

	color: #FFFFFF;
}
.abpBl2{
	position: absolute;
	width: 484.45px;
	height: 229px;
	left: 595px;
	top: 1589.42px;

	background: #FFFFFF;
	border-radius: 10px;

	padding:		30px;
	text-align:		center;
}
.abpTitle2{
	font-family: 'CrazyV1';
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 121%;

	text-align: center;
	letter-spacing: -0.01em;
	text-transform: uppercase;

	color: #FF6A73;
	padding-bottom:	20px;
}
.abpText2{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 120%;
	text-align: center;

	color: #484848;
}

.abCmd{
	position: absolute;
	width: 995.83px;
	height: 102px;
	left: 102px;
	top: 1959.48px;

	font-family: 'CrazyV1';
	font-style: normal;
	font-weight: 400;
	font-size: 42px;
	line-height: 122%;
	text-align: center;
	letter-spacing: 0.01em;
	text-transform: uppercase;

	color: #FF6A73;
}
.abStar{
	position: absolute;
	width: 80.52px;
	height: 78.91px;
	left: 73.92px;
	top: 1993.59px;
	background-image:		url('./pic/star2.svg');
	animation: rotate-bg 12s infinite;
}
.abCmdBlock{
	position: absolute;
	width: 834.87px;
	height: 380.44px;
	left: 182px;
	top: 2101.94px;

	display:				grid;
	grid-template-columns:	1fr 1fr 1fr;
	grid-template-rows:		auto;
	grid-gap:				20px;
}
.abPersBlock{
	display:				grid;
	grid-template-columns:	1fr;
	grid-template-rows:		320px auto auto;
	grid-gap:				15px;
}
.abPersPic{
	background-color: gray;
	border-radius: 8px;
}
.abPersName{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 121%;
	color: #484848;
}
.abPersDol{
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 121%;
	color: #606060;
}
.abpp1{
	background-image:		url('./pic/abPers1.svg');
}
.abpp2{
	background-image:		url('./pic/abPers2.svg');
}
.abpp3{
	background-image:		url('./pic/abPers3.svg');
}

.bottomPhone{
	display:		none;
}


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

@keyframes move-left-right {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-200px);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes move-up-down {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-100px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes swing-left-right-continuous {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(30deg);
  }
  100% {
    transform: rotate(0deg);
  }
}


@media screen and (max-width: 1200px) {

body{
	width:	360px;
}

.menu{
	display:			none;
}

.menuPhone{
	display:			block;
}
.menuPhoneBack{
	position: fixed;
    z-index: 1000;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    backdrop-filter: blur(2px);
}
.menuPhoneView{
	position: relative;
    top: 0px;
    right: 0px;
    box-shadow: 0px 0px 80px rgba(0, 0, 0, .1);
    background: #F7FBFD;
    height: 100%;
    width: 240px;
    margin-left: auto;
    padding: 16px;
}
.menuPhoneClose{
    position: absolute;
    top: 16px;
    right: 16px;
    height: 41px;
    width: 41px;
    background-image: url(./pic/close.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    border: rgba(0, 0, 0, 0) 3px solid;
    border-radius: 32px;
    cursor: pointer;
    transition: .3s;
}
.menuGroup{
	position: absolute;
	width: 168px;
	height: 23px;
	left: calc(50% - 68px/2 - 55px);

	font-family: 'CrazyV1';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 126%;
	color: #75AFD1;
}
.mg1{	top: 60.54px;}
.mg2{	top: 166.54px;}
.mg3{	top: 202.54px;}
.mg4{	top: 238.54px;}
.mg5{	top: 274.54px;}
.menuKatEl{
	position: absolute;
	width: 57px;
	height: 16px;
	left: calc(50% - 57px/2 - 45.98px);


	font-family: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 126%;

	color: #484848;
}
.me1{	top: 91px;}
.me2{	top: 114px;}
.me3{	top: 137px;}
.menuMs{
	position: absolute;
	width: 41px;
	height: 41px;
	top: 320px;
}
.mms1{	left:20px; background-image:url('pic/telegram.svg');}
.mms2{	left:68px; background-image:url('pic/whatsapp.svg');}

.menuFw1{
	position: absolute;
	width: 225.94px;
	height: 229.56px;
	left: 127.55px;
	top: 94px;

	background-image:url('pic/dsgFlower.svg');
}
.menuFw2{
	position: absolute;
	width: 134.73px;
	height: 136.89px;
	left: 16.05px;
	top: 335.56px;

	background-image:url('pic/dsgFlower.svg');
}

.menuMp{
	position: absolute;
	height: 40px;
	width: 40px;
	top: 412.5px;
}
.mmp1{	left:16px;	background-image: url('pic/mp2.svg');}
.mmp2{	left:66px;	background-image: url('pic/mp1.svg');}
.mmp3{	left:116px;	background-image: url('pic/mp3.svg');}

.menuMB{
	position: absolute;
	top: 478.73px;
	left: 16px;
}


.sky{
display:none;
}
.sky2{
display:none;
}
.skyBlock{
display:none;
}
.ballons{
	top: 3250px;
}
.flower{	display:none;}
.star1{		display:none;}
.star2{		display:none;}
.star3{		display:none;}
.star4{
	left: 15px;
	top: 2577.47px;
}
.cloud1{
	left: 15px;
	top: 2600.47px;
	height:155px;
	width:243px;
	animation:none;
}
.cloud2{	display:none;}
.cloud3{	display:none;}
.cloud4{	display:none;}
.cloud5{	display:none;}
.dsgFlower{		display:none;}
.dsgBird{		display:none;}


.top{
	width: 330px;
	height: 909px;
	left: calc(50% - 330px/2);
	top: 94.24px;
}
.topPic{
	width: 299px;
	height: 356px;
	left: calc(50% - 300px/2);
	top: 360.45px;

}
.topTag{
	font-size:13px;
}
.title1{
	width: 322px;
	height: 127px;
	left: calc(50% - 322px/2);
	top: 109.45px;
	font-size: 25px;
	text-align: center;
}
.title2{
	width: 320.17px;
	height: 48px;
	left: calc(50% - 320.17px/2);
	top: 231.45px;
	font-size: 13px;
	text-align: center;
}
.title3{
	width: 136px;
	height: 36px;
	left: calc(50% - 136px/2);
	top: 299.45px;
	font-size: 13px;
	text-align: center;
}
.slideBlock{
	top: 738.74px;
	left: 5px;
	width: 97% !important;
}

.birdHelp{
	width: 319.98px;
	height: 236px;
	left: 10px;
	top: 1063.43px;
}
.bhTitle{
	width: 300.11px;
	height: 66px;
	left: calc(50% - 300.11px/2 - 7.02px);
	top: 30px;
	font-size: 16px;
}
.bhText{
	width: 309.52px;
	height: 64px;
	left: 10px;
	top: 100px;
	font-size: 11px;
}
.bhFlowers{
	width: 70px;
	height: 20.99px;
	left: 120px;
	top: 170px;

	display:				grid;
	grid-template-columns:	auto auto auto;
	grid-template-rows:		1fr;
	grid-gap:				10px;
}

.bird1{
	width: 79.44px;
	height: 89.09px;
	left: 4.59px;
	top: 1035.65px;
}
.bird2{
	width: 75.1px;
	height: 84.22px;
	left: 256.96px;
	top: 1401.78px;
}

.ecoBlock{
	width: 320px;
	height: 182px;
	left: 10px;
}
.ecoTitle{
	width: 340.51px;
	height: 124px;
	left: calc(50% - 340.51px/2 + 4.26px);
	top: 1365.41px;
	font-size: 23px;
}
.ecoTitlePic{
	position: absolute;
	height: 32px;
	width: 32px;

}
.ecoText{
	width: 86px;
	height: 16px;
	left: 16.05px;
	top: 1504.58px;
	font-size: 13px;
}
.ecoPic{
	height: 20px;
	width: 20px;
}

.ebPic{
	width: 46px;
	height: 46px;
	left: 30.66px;
	top: 1556.65px;
}
.ebTitle{
	width: 223px;
	height: 22px;
	left: 30.66px;
	top: 1627.13px;
	font-size: 16px;
}
.ebText{
	font-size: 13px;
}

.eb1{
	top: 1540.92px;
}
.eb2{
	top: 1737.92px;
}
.eb3{
	top: 1934.92px;
}
.eb4{
	top: 2131.92px;
}
.eb5{
	top: 2328.92px;
}
.ecoButton{
	width: 136px;
	height: 36px;
	left: calc(50% - 136px/2 - 43.35px);
	top: 2657.74px;
	font-size:13px;
}

.dsgTitle{
	width: 307.82px;
	height: 62px;
	left: calc(50% - 307.82px/2 - 0px);
	top: 2886.71px;
	font-size: 25px;
	text-align: center;
}
.dsgAbout{
	width: 276.41px;
	height: 48px;
	left: calc(50% - 276.41px/2 - 0px);
	top: 2964.47px;
	font-size: 13px;
	text-align: center;
}

.catScroll{
	width: 360px;
}

.goLeft{
	width: 26px;
	height: 26px;
	left: 146.5px;
	top: 3028.35px;
}
.goRight{
	width: 26px;
	height: 26px;
	left: 187.5px;
	top: 3028.35px;
}
.dsgBlock{
	display:none;

	width: 330px;
	height: 205.38px;
	left: calc(50% - 330px/2);
	top: 3074.83px;
}

.dsgVideo{
	top: 2880px;
	left: 10px;
	width: 320px;
}

.catTitle{
	width: 307.82px;
	height: 31px;
	left: calc(50% - 307.82px/2 - 0px);
	top: 3404.78px;
	font-size: 25px;
	text-align: center;
}
.catAbout{
	width: 330px;
	height: 48px;
	left: calc(50% - 330px/2);
	top: 3451.35px;
	font-size: 13px;
	text-align: center;
}

.besTitle{
	width: 307.82px;
	height: 31px;
	left: calc(50% - 307.82px/2 - 0px);
	top: 4035.24px;
	font-size: 25px;
	text-align: center;
}
.besTitlePic{
	position:absolute;
	width: 34px;
	height: 27.19px;
	left: calc(50% - 34px/2);
	top: -40px;
}

.besBlock{
	width: 320px;
	grid-template-columns:1fr 1fr;
	grid-template-rows:1fr 1fr;
	grid-gap:10px;
}
.besBox{
	width: 150px;
	height:300px;
}
.besBox:hover{
	background:none;
}
.besBox:hover .besName{
	color:white !important;
}
.besBox:hover{
	background:none;
}
.besPic{
	width: 160px;
	height:160px;
}
.besName{
	font-size:12px;
}
.besBut{

}
.besMP{
	display:none;
}
.besPay{
	opacity:1;
}

.rasTitle{
	width: 307.24px;
	height: 60px;
	left: calc(50% - 307.24px/2);
	top: 4694.46px;
	font-size: 25px;
	text-align: center;
}
.rasAbout{
	width: 330px;
	height: 32px;
	left: calc(50% - 330px/2);
	top: 4770.27px;
	font-size: 13px;
	text-align: center;
}

.rb1{
	width: 330.2px;
	height: 216px;
	left: 10px;
	top: 4827.41px;
}
.rb2{
	width: 330.2px;
	height: 216px;
	left: 10px;
	top: 5058.61px;
}
.rbp1{
	width: 132px;
	height: 180px;
	left: 43.76px;
	bottom: 0px;
}
.rbp2{
	width: 145px;
	height: 188px;
	left: 192.13px;
	bottom: 0px;
}
.rbp3{
	width: 148.06px;
	height: 188px;
	left: 33.47px;
	bottom: 0px;
}
.rbp4{
	width: 132px;
	height: 180px;
	left: 197.48px;
	bottom: 0px;
}

.rp1{
	display:none;
}
.rp2{
	width: 200px;
	height: 200px;
	left: calc(50% - 200px/2);
	top: 5526.99px;
}
.rasText{
	width: 304.87px;
	height: 138px;
	left: calc(50% - 304.87px/2);
	top: 5373.24px;
	font-size: 18px;
	text-align: center;
}
.rasTextBox{
	width: 320px;
	height: 199px;
	left: calc(50% - 320px/2 - 4.99px);
	top: 5334.51px;
}
.rf1{
	width: 21.99px;
	height: 46.99px;
	left: calc(50% - 21.99px/2 - 14.07px);
	top: 5311.84px;
	transform: rotate(50deg);
}
.rf2{
	width: 22.01px;
	height: 46.99px;
	left: 29.88px;
	top: 5506.32px;
	transform: rotate(-42deg);
}
.rf3{
	width: 22.01px;
	height: 46.98px;
	left: 298.07px;
	top: 5502.69px;
	transform: rotate(-20deg);
}

.rasBigPic{
	width: 330px;
	height: 437.12px;
	left: calc(50% - 330px/2);
	top: 5780.07px;
	background-size:cover;
}
.rasBigPicText1{
	width: 100%;
	height: 17px;
	left: calc(50% - 241px/2 + 0.2px);
	top: 5810.05px;
	font-size: 13px;
	text-align: center;
}
.rasBigPicText2{
	width: 279.38px;
	height: 124px;
	left: calc(50% - 279.38px/2 + 0px);
	margin-top: 100px;
	font-size: 25px;
	text-align: center;
}
.rasBigPicText3{
	width: 339.33px;
	height: 34px;
	left: calc(50% - 339.33px/2 + 0.2px);
	margin-top: 20px;
	font-size: 13px;
	text-align: center;
}

.rasBox2{
	width: 319.98px;
	height: 241px;
	left: 15px;
	top: 6177.45px;
	transform: rotate(-5deg);
}
.rasBox2title{
	margin-top:35px;
	font-size:18px;
}
.rasBox2text{
	font-size:12px;
}
.rasBox2Button{
	font-size:13px;
}
.rasBox2pic1{
	width: 57.52px;
	height: 65.02px;
	left: 28.5px;
	bottom: -30px;
}
.rasBox2pic2{
	width: 47.04px;
	height: 53.22px;
	left: 245.86px;
	bottom: 0px;
}

.otzTitle{
	width: 323.49px;
	height: 60px;
	left: calc(50% - 323.49px/2);
	top: 6546.29px;
	font-size: 23px;
	text-align: center;
}
.otzTitlePic{
	position: absolute;
	width: 22.7px;
	height: 20px;
	left: 280px;
	top: 33px;
}
.otzHeart{
	position:		relative;
	top:			-140px;
}

.otzGo{
	top:6622px;
}
.otzCont{
	top:6661px;
	overflow-x: auto;
}
.otDn{
	align-self:start;
}

.vopTitle{
	width: 323.49px;
	height: 60px;
	left: calc(50% - 323.49px/2);
	top: 6924.05px;
	font-size: 25px;
	text-align: center;
}
.vopCont{
	width: 330px;
	left: calc(50% - 330px/2);
	top: 7004.82px;
	grid-gap:10px;
}
.vopBoxTitle{
	font-size: 13px;
}
.vopBoxIcon{
	height: 20px;
	width: 20px;
}
.vopBoxText{
	font-size: 10px;
}
.vopBox{
	padding: 10px;
	grid-gap:10px;
}

.vopPic{
	width: 330px;
	height: 366px;
	left: calc(50% - 330px/2);
	top: 7254.82px;
}

.pomBullons{
	display:none;
}
.pomBox{
	width: 330px;
	height: 546.51px;
	left: calc(50% - 330px/2);
	top: 7649.53px;
}
.pomTitle{
	width: 323.49px;
	height: 60px;
	left: calc(50% - 323.49px/2);
	top: 50px;
	font-size: 23px;
	text-align: center;
}
.pomText{
	width: 295.04px;
	height: 64px;
	left: calc(50% - 295.04px/2 - 0px);
	top: 123px;
	font-size: 13px;
	text-align: center;
}
.pomBoxFlower1{
	display:none;
}
.pomBoxFlower2{
	display:none;
}
.pomBoxPic1{
	display:none;
}
.pomBoxHeart{
	display:none;
}
.pomBoxPic2{
	display:none;
}

.pomForm{
	width: 300px;
	height: 243.62px;
	left: calc(50% - 300px/2);
	top: 220px;
}

.bottom{
	display:				none;
}
.bottomPhone{
	display:				block;
	position:				absolute;
	width:					100%;
	top:					8330px;
}

.botBird1{
	position: absolute;
	left: 241.13px;
	top: -170px;
	height: 90px;
	width: 80px;
}
.botSky{
	position: absolute;
	left: 0px;
	top: -300px;
}
.botBack{
	position: absolute;
	left: 0px;
	top: -50px;
	height: 400px;

	background: #DFF3FC;
}
.botCont{
	left:					0px;
}
.botLogo{
	left: 20px;
	top: 125px;
}
.botTelegram{
	left: 20px;
	top: 167px;
}
.botWhatsApp{
	left: 63px;
	top: 167px;
}
.botInsta{
	left: 160px;
	top: 229px;
	font-size: 13px;
}
.botMail{
	left: 160px;
	top: 197px;
	font-size: 13px;
}
.botButton{
	left: 20px;
	top: 212px;
}
.botMPTitle{
	left: 20px;
	top: 278px;
	font-size: 13px;
	width: 340px;
}
.bl9{
	left: 20px;
	top: 335px;
	font-size: 10px;
}
.bl10{
	left: 20px;
	top: 355px;
	font-size: 10px;
}
.bl11{
	left: 20px;
	top: 375px;
	font-size: 10px;
}
.bl12{
	left: 20px;
	top: 395px;
	font-size: 10px;
}
.bl13{
	left: 20px;
	top: 417px;
	font-size: 10px;
}
.bl14{
	left: 133px;
	top: 417px;
	font-size: 10px;
}
.bs1{
	left: 140px;
	top: 120px;
}
.bs2{
	left: 280px;
	top: 95px;
}
.bmp1{
	left: 160px;
	top: 275px;
}
.bmp2{
	left: 220px;
	top: 275px;
}
.bmp3{
	left: 280px;
	top: 275px;
}


.aboutBlock1{
	width: 320px;
	margin: 30px auto;
	grid-gap: 10px;
}
.aboutTitle{
	font-size: 25px;
}
.aboutText{
	font-size: 13px;
}
.aboutButton{
	font-size: 13px;
}

.ballons2{
	width: 125.04px;
	height: 131.4px;
	left: -41.85px;
	top: 236.21px;
}
.dsgFlofer1{
	width: 102px;
	height: 101.95px;
	left: -47.2px;
	top: 482.69px;
}
.dsgFlofer2{
	display:none;
}
.star{
display:none;
}
.pomFlw1{
display:none;
}
.abPic1{
	width: 135.09px;
	height: 156px;
	left: 12.11px;
	top: 308.95px;
}
.abPic2{
	width: 152.98px;
	height: 152.98px;
	left: calc(50% - 152.98px/2 + 76.35px);
	top: 300.43px;
}
.bird{
	width: 102.01px;
	height: 114.4px;
	left: calc(50% - 102.01px/2 - 0px);
	top: 510.32px;
}
.abPic3{
	z-index: 1;
	width: 158px;
	height: 190px;
	left: calc(50% - 158px/2 - 7.98px);
	top: 730.01px;
}
.flw{
	width: 21.99px;
	height: 46.99px;
	left: 241.28px;
	top: 893.15px;
}

.abMisBlock{
	padding: 20px;
	text-align: center;

	width: 330px;
	height: 182px;
	left: 10px;
	top: 588.38px;
}
.misTitle{
	font-size: 25px;
}
.misText{
	font-size: 13px;
	padding: 10px 0px;
}
.misUnder{
	width: 330.52px;
	height: 48px;
	left: calc(50% - 330.52px/2);
	top: 953.8px;
	font-size: 13px;
	text-align: center;
}

.abSky{
display:none;
}
.abSkyBlock{
display:none;
}
.abPwr{
	width: 311.88px;
	height: 62px;
	left: calc(50% - 311.88px/2);
	top: 1125.09px;
	font-size: 25px;
	text-align: center;
}
.abpFlw1{
	width: 26.79px;
	height: 27.03px;
	left: calc(50% - 26.79px/2 - 42.19px);
	top: 1455.35px;
}
.abpFlw2{
	width: 31.95px;
	height: 32.23px;
	left: 284.31px;
	top: 1362.37px;
}
.abpPic1{
	width: 92.01px;
	height: 92.01px;
	left: calc(50% - 92.01px/2 - 119.68px);
	top: 1423.74px;
}
.abpPic2{
	width: 149.98px;
	height: 149.98px;
	left: calc(50% - 149.98px/2 + 67.52px);
	top: 1400px;
}
.abpPic3{
	width: 116.83px;
	height: 116.83px;
	left: calc(50% - 116.83px/2 - 65.88px);
	top: 1542.22px;
}
.abpPic4{
	width: 118.91px;
	height: 118.91px;
	left: calc(50% - 118.91px/2 + 106.24px);
	top: 1559.93px;
}

.abpBl1{
	width: 330px;
	height: 143px;
	left: 10px;
	top: 1202.3px;

	padding: 15px;
}
.abpTitle1{
	font-size: 18px;
	text-align: center;
}
.abpText1{
	font-size: 13px;
	text-align: center;
}

.abpBl2{
	width: 330px;
	height: 159px;
	left: 10px;
	top: 1704.56px;

	padding: 10px;
}
.abpTitle2{
	font-size: 18px;
	text-align: center;
}
.abpText2{
	font-size: 13px;
	text-align: center;
}

.docTitle{
	font-size: 18px;
}

.sertBlock{
	grid-template-columns: 1fr;
	grid-template-rows: 400px 400px;
}


.adminka{
	display: none;
}









}