:root {
	--beige-fon:#FAF8F7;
	--white:#ffffff;
	--light-fon:#FAFAFC;
	--black:#1B1A1D;
	--beige:#C5A788;
	--brown:#987A5A;
	--grey:#6D6D6F;
	--blue:#121F2F;



	--main: 400 1rem/140% 'Open Sans';
	--min:300 0.9rem/100% 'Open Sans';;
	--big: 400 1.2rem/160% 'Open Sans';
	--title:600 1.2rem/140% 'Open Sans';
	
	--h1: 400 3rem/112% "Playfair Display";
	--h2: 500 3rem/112% "Playfair Display";
	--h3: 400 2rem/120% "Playfair Display";

	--num:400 1.6rem/100% "Montserrat";
}


body, html
{
	padding: 0;
	margin: 0;
	min-height: 100vh;
	background: var(--beige-fon);
	font:var(--main);
	font-size: 18px;
	color: var(--black);
}

html.stopscroll, html.stopscroll body {overflow:hidden;}

a, img, div, p, input
{
	position: relative;
	box-sizing: border-box;
}
img 
{
	max-width: 100%;
}
a
{
	color: var(--black);
	text-decoration: none;
}
.content
{
	margin: 0 auto;
	display: block;
	padding:0 6.25rem;
	max-width: 1920px;
	min-width: 1200px;
}
h1
{
	font: var(--h1);
}
h2
{
	font: var(--h2);
}
.h3
{
	font:var(--h3);
}
h1,h2
{
	margin:0;
	paddin:0;
}
.first-page
{
	background: var(--white);
}
.top-line
{
	display: flex;
	justify-content: space-between;
	padding:1rem 0 0;
	margin-bottom:-1.5rem;
}
.menu
{
	display: flex;
	gap:2.2rem;
	padding-top: 0.5rem;
}
a.menu
{
	display: none;
}
.menu a
{
	color:var(--black);
	opacity: 0.7;
	text-decoration: none;
}
.menu a:hover, .menu.selected
{
	opacity: 1;
}
.text-foto-fp
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap:12.5rem;
	padding-bottom: 4rem;
}
.text-foto-fp .text-fp p 
{
	font:var(--big);
}
.text-foto-fp .foto-fp .main-photo
{
	width: 33.9rem;
	border-top-left-radius: 30rem;
	border-top-right-radius: 30rem;
	margin-right:1rem;
	z-index: 2;
	position: relative;
}
.text-foto-fp .foto-fp .circles
{
	position: absolute;
	z-index: 1;
	width: 23.8rem;
	right:23rem;
	top:12.9rem;
	animation-duration: 5s;
  	animation-name: round1;
  	animation-iteration-count: infinite;
}
.foto-fp
{
	flex:none;
}
.foto-fp .label
{
	position: absolute;
	bottom: -25px;
	width: 100%;
	display: block;
	text-align: center;
	font-style: italic;
}
.text-foto-fp .foto-fp .dottes
{
	position: absolute;
	z-index: 1;
	right:0;
	top:1rem;
}
.advantages
{
	display: block;
	position: absolute;
	z-index: 2;
	border: 1px solid rgba(255, 255, 255, 0.12);
	color: var(--white);
	background: rgba(134, 130, 123,0.3);
	backdrop-filter: blur(20rem);
	-webkit-backdrop-filter: blur(0.5rem);
	border-radius: 30rem;
	padding:0.4rem 0.6rem;
}
.advantages .adv-cont
{
	display: flex;
	align-items: center;
	gap:0.6rem;
	z-index: 4;
}
.text-ad .name 
{
	display: block;
	font-weight: 600;
}
.text-ad .desc
{
	font:var(--min);
	opacity: 0.7;
}
.advantages .icon-div
{
	width: 3.5rem;
	height: 3.5rem;
	font-size: 2.5rem;
	padding:0.5rem;
	border-radius: 3rem;
	background: rgba(255, 255, 255, 0.15);
}
.advantages.spec
{
	width:18rem;
	top: 22.32rem;
	right: 19.2rem;
}
.advantages.guarantee
{
	top:30.45rem;
	right:0rem;
	width:16.5rem;
}
.advantages.confession
{
	top:37.2rem;
	right:14.95rem;
	width:19.7rem;
}
.button-and-socials
{
	display: flex;
	gap:2rem;
	align-items: center;
}
.button
{
	padding:1.4rem 2rem;
	border-radius: 0.4rem;
	background-color: var(--beige);
	color: var(--black);
	text-decoration: none;
	text-align: center;
	/*font: var(--big);*/
}

form span.button
{
	display: none;
}

.button-and-socials a, .button
{
	transition: all 0.3s ease;
}
.button:hover
{
	transform: scale(1.05);
}
.socials a:hover
{
	transform: scale(1.2);
}
.button:hover,.button-and-socials .socials a:hover
{
	background-color: var(--brown);
	color:var(--white);
}
.button-and-socials .socials a:hover
{
	background: var(--beige);
	border-color: var(--beige);
}
.button-and-socials .socials
{
	display: flex;
	gap:0.6rem;
}
.button-and-socials .socials a 
{
	/*padding: 0.4rem;*/
	font-size: 1.2rem;
	line-height: 1.2rem;
	border-radius: 2rem;
	color: var(--black);
	border: 1px solid var(--black);
	text-decoration: none;
	width:2rem;
	height:2rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
/*.button-and-socials .socials a:hover
{
	border-color: var(--brown);
}*/
.text-fp p
{
	margin:2rem 0;
	opacity: 0.7;
}
.gap100
{
	display: flex;
	flex-direction: column;
	gap:100px;
	padding: 100px 0;
}
.about
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}
.about-text
{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	padding-right: 10rem;
	font: var(--big);
}
.about-text h2
{
	padding-bottom: 1.2rem;
}
.wadvantages
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap:2rem;
}
.wadvantages>div 
{
	background: var(--white);
	padding:1rem;
}
.wadvantages>div  .name
{
	display: block;
	margin:0.6rem 0 0.2rem;
	font:var(--title);
}
.wadvantages>div .desc
{
	font:var(--min);
}
.wadvantages>div>img 
{
	display: block;
	width: 6rem;
}
.procedure .title
{
	display: block;
	background:url('/images/title-fon1.jpg') bottom center no-repeat;
	width: 100%;
	height:36rem;
}
.procedure .title>div
{
	display: flex;
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	padding:3rem 4rem;
	align-items: flex-end;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 28.61%, rgba(11, 10, 6, 0.60) 100%);
}
.procedure .title>div>span
{
	color: var(--white);
	font: var(--h3);
	width:48rem;
}
.stages-div>div
{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap:1rem;
}

.stages-div .icon 
{
	display: flex;
	align-items: center;
	justify-content: center;
	width:9rem;
	height: 9rem;
	border-radius: 0.6rem;
	border: 0.75rem solid rgba(28, 28, 30, 0.2);
	background-color: var(--white);
}
.stages-div .icon img
{
	display: block;
	width: 5rem;
}
.stages-div .text
{
	
}
.stages-div .name
{
	display: block;
	text-align: center;
	font: var(--title);
	margin-bottom: 0.2rem;
	padding:0 1rem;
}
.stages-div .icon .num 
{
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	color: var(--white);
	background: url('/images/num_star.svg') center center;
	background-size: contain;
	top:-2.375rem;
	left:-2.375rem;
	width:4rem;
	height: 4rem;
	font:var(--num);
}

.reviews-div .num 
{
	font: var(--title);
	text-transform: uppercase;
}
.review-div
{
	display: flex;
	flex-direction: column;
	gap:0.2rem;
	border-radius: 0.6rem;
	background: var(--white);
	border: 1px solid rgba(0, 0, 0, 0.2);
	padding:1rem;
	margin-top:2rem;
}
.messages
{
	display: flex;
	flex-direction: column;
	gap:1rem;
}
.review-div .date
{
	display: block;
	text-align: center;
	color: var(--grey);
	margin-bottom: 1rem;
}
.read,.place
{
	display: block;
	color: var(--grey);
}
.read
{
	text-align: right;
}
.rating
{
	display: flex;
	gap:0.25rem;
	color: var(--brown);
	font-size: 1.2rem;
	margin-bottom: 1rem;
}
.text-l-l, .text-r-d
{
	display: flex;
	flex-direction: column;
	gap:0.25rem;
}
.text-l-l>div,.text-r-d>div
{
	width:75%;
	border-radius: 0.6rem;
	padding:0.6rem;
}
.text-l-l>div 
{
	background: var(--light-fon);
}
.text-r-d>div
{
	background: #3A3A3A;
	color: var(--white);
}
.text-r-d
{
	align-items: flex-end;
}
.text-l-l
{
	align-items: flex-start;
}
.reviews-div p 
{
	padding-right:1rem;
}

.div-acts-form form .button
{
	width: 100%;
}
input
{
	background: transparent;
	border:none;
	position: absolute;
	top:0;
	left:0;
	right: 0;
	bottom:0;
	box-shadow: none;
}
input[type=file]
{
	opacity: 0;
	z-index: 3;
}
.input-text, .div-file-input
{
	display: block;
	border-radius: 0.4rem;
	border:1px solid var(--beige);
	height: 4.2rem;
}
input,.input-text, .div-file-input
{
	padding:1.4rem 2rem 1.4rem 3.7rem;
	height: 4.2rem;
	background: transparent;
	font:var(--main);
	outline: none;
}
.div-acts-form form input, .div-acts-form .div-file-input:before
{
	color: var(--white);
}
.div-file-input
{
	border-style: dashed;
	color: rgba(0, 0, 0, 0.4);
}
.div-file-input:before, .input-text:before
{
	display: block;
	position: absolute;
  	font-family: 'icomoon';
  	top: 1.5rem;
  	left: 2rem;
  	text-align: center;
  	opacity: 0.4;
}
.div-file-input:before
{
	content: "\e90b";
	color: rgba(0, 0, 0, 1.0);
}

.div-file-input.has-file:before
{
	color: rgba(0, 0, 0, 1.0);
}

.div-file-input.has-file
{
	opacity: 1;
	color: rgba(0, 0, 0, 1.0);
}

.input-text.name:before
{
	content: "\e909";
}
.input-text.email:before
{
	content: "\e908";
}
.input-text.phone:before
{
	content: "\e90a";
}
form
{
	display: flex;
	flex-direction: column;
	gap:1rem;
}
.div-acts-form>div:last-child
{
	padding-right:3rem;
}

.div-prices
{
	background: var(--white);
	padding:5rem 0;
}
.div-send-doc
{
	border:1px solid var(--beige);
	border-radius: 0.4rem;
	padding:2rem 2rem 3rem;
}
.promo
{
	display: flex;
	flex-direction: column;
	gap:1rem;
	padding:1rem 6rem 2rem 2rem;
	border-radius: 0.6rem;
	background: #FAF8F7;
	margin-top: 3rem;
}
.promo .icon 
{
	display: block;
	position: absolute;
	top:-1.2rem;
	right:0.5rem;
	width: 5rem;
	height: 5rem;
	transform: rotate(11deg);
	background: url('/images/promo.svg') center center no-repeat;
	background-size: contain;
}
.div-send-doc span.h3.center, .main-form-div span.h3.center
{
	display: block;
	margin-bottom: 1rem;
}
.form-send-doc
{
	max-width: 24.5rem;
	margin:2rem auto 0;
}
.faq-div
{
	padding:5rem 0;
}
.faq-list
{
	margin-top: 2rem;
}
.faq-list>div
{
	padding:2rem 0;
	border-bottom:1px solid rgba(0, 0, 0, 0.2);
}
.faq-list>div:last-child
{
	border-bottom: 0;
}
.faq-list .question-line
{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.faq-list .question-line .title
{
	font: var(--big);
	font-weight: 600;
}
.faq-list .question-line .plus-minus
{
	display: flex;
	position: relative;
	width: 2rem;
  	height: 2rem;
}
.faq-list .question-line .plus-minus:before
{
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
  	font-family: 'icomoon';
  	top: 0;
  	left: 0;
  	font-size: 2rem;
  	width: 100%;
  	height: 100%;
	content: "\e90d";
}
.faq-list .selected .question-line  .plus-minus:before
{
	content: "\e90c";
}
.faq-list>div p 
{
	display: none;
	max-width: 54rem;
}
.faq-list>div.selected p
{
	display: block;
}
.main-form-div-container
{
	padding: 5rem 0;
	background: url('/images/bottom_form_fon4.png') center top no-repeat;
	background-size: cover;
	height: 54rem;
}
.main-form-div
{
	width: 50%;
	padding:3rem 4rem;
	background: var(--white);
	border-radius: 0.6rem;
	border: 1px solid var(--beige);
}
.footer
{
	background: var(--blue);
	color: rgba(255, 255, 255, 0.8);
}
.footer a
{
	color: var(--beige);
}
.footer a:hover
{
	text-decoration: underline;
}
.footer .top
{
	background: rgba(255, 255, 255, 0.03);
	padding: 4rem 0;
}
.footer .top .title
{
	font: var(--title);
}
.flex
{
	display: flex;
}
.footer .flex
{
	justify-content: space-between;
}
.footer .bottom
{
	padding: 1.5rem;
}
.footer .links
{
	display: flex;
	gap:2rem;
}
.contacts-and-law-info
{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.contacts-and-law-info>div 
{
	display: flex;
	flex-direction: column;
	gap:0.5rem;
}

.myquest
{
	display: block;
	position: relative;
	background: url('/images/test_fon.jpg');
	background-size: cover;
	border-radius: 0.5rem;
}

.myquest .quests-block
{
	display: flex;
}

.myquest .quests-block h3
{
	font: var(--h3);
	margin: 0;
}

.myquest .quests-block>div
{
	padding: 4.44rem;
	color: var(--white);
	height: 100%;
}

.myquest .quests-block>div>div
{
	width: 45%;
	display: flex;
	flex-direction: column;
	gap: 2.22rem;
}

.myquest .quests-block>div>div>*
{
	margin: 0;
}

.myquest .quests-block>div.quest-block>div
{
	width: 50%;
}

.myquest .quests-block>div.quest-start>div p
{
	max-width: 60%;
}

.myquest .quests-block>div>div>.button
{
	max-width: 60%;
}

.myquest .quests-block>div>div>div
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
}
.main-form-div .text a
{
	text-decoration: underline;
	color: var(--blue);
}
.main-form-div .text a:hover
{
	text-decoration: none;
}

a.button
{
	text-decoration: none !important;
}

.main-form-div a, .form-send-doc a
	{
		text-decoration: underline;
	}


@media all and (max-width:1920px)
{
	body,html{font-size: 18px;}
}
@media all and (max-width:1690px)
{
	body,html{font-size: 17px;}
}
@media all and (max-width:1560px)
{
	body,html{font-size: 16px;}
}
@media all and (max-width:1460px)
{
	body,html{font-size: 15px;}
	.text-foto-fp
	{
		gap:10rem;
	}
}
@media all and (max-width:1260px)
{
	body,html {font-size: 13px;}

}
@media all and (max-width:1180px)
{
	:root {
		--main: 400 1rem/140% 'Open Sans';
		--min:400 0.9rem/120% 'Open Sans';;
		--big: 400 1rem/160% 'Open Sans';
		--title:600 1.2rem/140% 'Open Sans';
		
		--h1: 400 2rem/112% "Playfair Display";
		--h2: 500 2rem/112% "Playfair Display";
		--h3: 400 1.4rem/1.8rem "Playfair Display";

		--num:400 1.6rem/100% "Montserrat";
	}

	body,html {font-size: 16px;}
	body {
		padding-top: 99px;
	}
	.top-line
	{
		margin:0;
		padding:20px 1.1rem;
		width: 100vw;
		margin-bottom:40px;
		position: fixed;
		top: 0;
		left: 0rem;
		z-index: 5;
		background: var(--white);
		transition: all 0.3s ease;
	}

	.scrolled .top-line
	{
		padding:5px 1.1rem;
	}
	.top-line .logo 
	{
		max-width: 50%;
	}
	.top-line .logo img
	{
		height: 54px;
	}
	.top-line div.menu
	{
		display: none;
	}

	.top-line.open-menu div.menu
	{
		display: flex;
		position: absolute;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		gap: 40px;
		width: 100%;
		top: 80px;
		left: 0;
		background: var(--white);
		z-index: 20;
		height: calc(100vh - 80px);
		padding: 80px 0 40px;
	}

	.scrolled .top-line.open-menu div.menu
	{
		top: 60px;
		height: calc(100vh - 60px);
	}

	.top-line a.menu
	{
		display: block;
		font-size: 36px;
		border-radius: 8px;
		border: 1px solid var(--blue);
		color: var(--blue);
		height: 54px;
		width: 56px;
	}
	.top-line a.menu:before
	{
		height: 54px;
		width: 56px;
	} 
	.top-line a.menu:before
	{
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
	  	font-family: 'icomoon';
	  	top: 0;
	  	left: 0;
	  	text-align: center;
	  	content: "\e910";

	}
	.top-line.open-menu a.menu:before
	{
		content: "\e90f";
	}
	.content {padding:0 1.1rem;width:100%;min-width:initial; overflow: hidden;}
	.text-foto-fp, .button-and-socials
	{
		flex-direction: column;
	}
	.button-and-socials
	{
		align-items: flex-start;
		justify-content: flex-start;
	}
	.text-foto-fp 
	{
		gap:33px;
		padding-bottom: 50px;
	}
	.text-fp p 
	{
		margin:20px 0;
	}
	.text-foto-fp .foto-fp .main-photo {
	width: 100%;
	max-width: 600px;
	height: initial;
	aspect-ratio: 3/4;
	border-top-left-radius: 500px;
	border-top-right-radius: 500px;
	z-index: 2;
	position: relative;
	}
	.advantages.guarantee
	{
		display: none;
	}
	.advantages.spec {
	right: initial;
	top: initial;
	left:-10px;
	bottom:125px;
	}
	.advantages.confession
	{
		right: -10px;
		top: initial;
		bottom:25px;	
	}
	.button-and-socials 
	{
		gap:28px;
	}
	.button 
	{
		width: 100%;
	}
	.button-and-socials .socials 
	{
		gap:12px;
	}
	.button-and-socials .socials a {
	/* padding: 0.4rem; */
	font-size: 24px;
	line-height: 24px;
	border-radius: 20px;
	width: 40px;
	height: 40px;
	}
	.text-foto-fp .foto-fp .circles 
	{
		width: 250px;
		right: -50px;
		top: -115px;
	}
	.text-foto-fp .foto-fp .dottes {
		position: absolute;
		z-index: 1;
		right: initial;
		top: 17px;
		left:0;
		width: 60px;
	}
	.gap100 {
		display: flex;
		flex-direction: column;
		gap: 50px;
		padding:50px 0;
	}
	.about {
	grid-template-columns: repeat(1, 1fr);
	}
	.about-text
	{
		gap:1rem;
		padding-right: 0;
	}
	.about-text p
	{
		margin:0;
		padding: 0;
	}
	.about-text h2
	{
		padding:0;
	}
	.wadvantages
	{
		margin-top: 40px;
		grid-gap: 10px;
	}
	.wadvantages>div
	{
		padding:10px;
	}
	.procedure .title>div
	{
		padding:20px;
	}
	.procedure .title
	{
		height: initial;
		aspect-ratio: 1/1;
		min-width: 180px;
		background-size: cover;
		margin-top: 30px;
		border-radius:4px;
	}
	.stages-div
	{
		margin-bottom: 30px;
	}
	.stages-div>div
	{
		margin-top:50px;
		/*align-items: flex-start;
		text-align: left;*/
	}
	/*.stages-div>div .name,.stages-div>div .desc 
	{
		text-align: left;
		padding: 0;
	} 
	.stages-div .icon .num {
		right: -2.375rem;
		left:initial;
	}*/
	.reviews-div
	{
		display: flex;
		flex-direction: column;
		gap: 40px;
		margin-top:40px;
	}
	.div-acts-form
	{
		background-color: var(--blue);
		background: url('/images/acts_form_div_bg.png') bottom center no-repeat;
		border-radius:4px;
		color: var(--white);
		padding: 30px 20px 20px;
	}
	.div-acts-form:before
	{
		display: block;
		content: '';
		position: absolute;
		top: 0;
		left:0;
		right: 0;
		bottom: 0;
		width: 100%;
		background: rgba(0, 0, 0, 0.45);
	}
	.acts-form
	{
		margin:40px 0;
	}
	.reputation
	{
		margin-top: 30px;
	}
	.ratings
	{
		margin-top: 20px;
	}
	.ratings
	{
		display: flex;
		flex-direction: column;
		gap:20px;
		padding-bottom: 40px;
		border-bottom:1px solid rgba(0, 0, 0, 0.2);
	}
	.ratings>div
	{
		display: grid;
		grid-template-columns: 1fr 2fr;
		grid-gap: 20px;
		background: var(--white);
		padding:15px 10px;
		font: var(--min);
	}
	.ratings>div>img 
	{
		display: block;
		margin-top: 10px;
	}
	.reputation .text 
	{
		margin-bottom: 20px;
	}
	.div-prices {
		padding: 50px 0;
	}
	.promo 
	{
		display: flex;
		flex-direction: column;
		gap: 10px;
		padding: 30px 20px;
		border-radius: 8px;
		margin:40px 0;
	}
	.promo .icon
	{
		top:-40px;
	}
	.div-send-doc
	{
		padding:30px 20px 0;
		border-radius: 8px;
	}
	.faq-div {
	padding: 50px 0 30px;
	}
	.faq-list
	{
		margin-top: 0;
	}
	.faq-list .question-line .plus-minus:before
	{
		font-size: 1.5rem;
	}
	.faq-list .question-line
	{
		align-items: flex-start;
	}
	.main-form-div-container {
		padding: 50px 0;
		height: initial;
		background: linear-gradient(315deg, #BCB5AF 0%, #AC998B 100%);
	}
	.main-form-div {
		width: 100%;
		padding: 30px 20px;
	}
	.main-form-div .center, .div-send-doc .center 
	{
		text-align: center;
	}
	.footer .flex
	{
		flex-direction: column;
		gap:40px;
	}
	iframe
	{
		width:100%;
		margin-top: 20px;
	}
	.review-div
	{
		padding:15px 10px;
	}
	.text-l-l>div, .text-r-d>div {
		width: 80%;
	}
	.promo .icon 
	{
		width: 4rem;
		height: 4rem;
	}
	.contacts-and-law-info
	{
		gap:40px;
	}
	.footer .bottom 
	{
		padding:20px 0;
	}
	.footer .bottom .flex 
	{
		gap:20px;
	}
	.footer .links {
		flex-direction: column;
		gap: 10px;
	}

	.myquest .quests-block>div
	{
		padding: 2rem;
	}

	.myquest .fs
	{
		display: none !important;
	}

	.myquest .quests-block>div>div
	{
		width: 100%;
	}

	.myquest .quests-block #result h3
	{
		display: flex;
		align-items: center;
		gap: 20px;
	}

	.myquest .quests-block>div.quest-block>div
	{
		width: 100%;
	}

	.myquest .quests-block>div.quest-start>div p
	{
		max-width: 100%;
	}

	.myquest .quests-block>div>div>.button
	{
		max-width: 100%;
	}

	a.button:hover, span.button:hover, span.button
	{
		transform: scale(1.0);
		max-width: 100%;
		box-sizing: border-box;
	}

} 
@media all and (max-width:480px)
{
	.wadvantages {
	grid-template-columns: repeat(1, 1fr);
	}
}
@media all and (min-width:1081px)
{
	.procedure-text
	{
		padding:3rem 4rem 0;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 7rem;
	}
	.stages-div
	{
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		grid-gap: 1rem;
		background: url('/images/stage_line.svg') top center;
		background-repeat: no-repeat;
		background-size: contain;
		margin-top:-2rem;
	}
	.stages-div>div:nth-child(1){margin-top:5rem}
	.stages-div>div:nth-child(2){margin-top:18.8rem}
	.stages-div>div:nth-child(3){margin-top:6rem}
	.stages-div>div:nth-child(4){margin-top:13.5rem}
	.stages-div>div:nth-child(5){margin-top:2.5rem}
	.reviews-div
	{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 3rem;
		margin-top:3rem;
	}
	.div-acts-form
	{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap:4.75rem;
		padding:3rem 0;
		border-radius:0.4rem;
		color: var(--white);
		background-color: var(--blue);
		background: url('/images/acts_form_div_bg.png') bottom center no-repeat;
	}
	.div-acts-form>div:first-child
	{
		padding-left:3rem;
	}
	.center
	{
		text-align: center;
	}
	.rep-list
	{
		display: block;
		margin-top: 3rem;
	}
	.rep-list>div:first-child
	{
		margin-bottom: 3rem;
		padding-bottom:3rem;
		border-bottom:1px solid rgba(0, 0, 0, 0.2);
	}
	.reputation .text
	{	
		padding-right:16rem;
		font: var(--big);
	}
	.ratings
	{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 2rem;
	}
	.ratings>div 
	{
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: var(--white);
		height: 10rem;
	}
	.reputation
	{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.ratings>div img
	{
		max-height: 5rem;
		opacity: 1;
		transition: all 0.6s ease;
	}
	.ratings>div .desc
	{
		opacity: 0;
		position: absolute;
		top:0;
		left:0;
		right: 0;
		bottom:0;
		color:var(--white);
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		background: var(--blue);
		padding:2rem;
		transition: all 0.6s ease;
	}
	.ratings>div:hover img 
	{
		opacity: 0;
	}
	.ratings>div:hover .desc
	{
		opacity: 1;
	}
	.div-prices .columns2>div:first-child .text
	{
		padding:0 2rem;
	}
	.div-prices .columns2>div
	{
	width: 50%;
	}
	.div-prices .columns2
	{
		display: flex;
		gap:3.5rem;
		/*align-items: center;*/
		margin-top: 3rem;
	}
	.with-dop-padding
	{
		padding:0 2.75rem;
	}
	iframe
	{
		width:500px;
	}
	.leader
	{
		padding-right: 5rem;
		border-right:1px solid rgba(255, 255, 255, 0.2);
	}

	body
	{
		padding-top: 5.8rem;
	}

	.top-line img
	{
		height: 5.55rem;
		transition: all 0.3s ease;
	}

	.top-line
	{
		position: fixed;
		width: 100vw;
		left: 0;
		top: 0;
		padding: 1rem 6.25rem;
		background: var(--white);
	}

	.scrolled .top-line
	{
		
		background: var(--white);
		z-index: 20;
	}

	.scrolled .top-line img
	{
		height: 3rem;
	}
}

@keyframes round1 {
  0% {
    transform: scale(0.5);
  }

  50% {
    transform: scale(1.0);
  }

  100%
  {
  	transform: scale(0.5);
  }
}

#shadow
{
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.2);
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 100;
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s ease;
}

#shadow.opened
{
	opacity: 1;
	pointer-events: initial;
}

.shadow-c
{
	max-width: 600px;
	width: 90vw;
	position: relative;
}

.shadow-c .main-form-div
{
	width: 100%;
}

.shadow-c .closer
{
	position: absolute;
	color: var(--black);
	top: 10px;
	right: 10px;
	font-size: 2rem;
}

.upper
{
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	right: 2rem;
	bottom: 2rem;
	width: 2rem;
	font-size: 1.5rem;
	height: 2rem;
	border-radius: 0.5rem;
	border: 1px solid var(--brown);
	color: var(--brown);
	background: rgba(255, 255, 255, 0.6);
	cursor: pointer;
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s ease;
}

.upper.visible
{
	opacity: 1;
	pointer-events: initial;
}