HTML
{
	scroll-behavior:smooth;
}
BODY
{
	font-family: 'Montserrat', sans-serif;
}
.container
{
	width: 1120px;
	/*border: 1px solid #FFBEBE;*/
	margin: 0 auto;
}
.black
{
	background-color: #121212;
	color: #FFFFFF;
}
.white
{
	margin-top: 145px;
	margin-bottom: 145px;
}
.btn
{
	background-color: #FFFFFF;
	color: #121212;
	display: inline-block;
	height: 50px;
	line-height: 50px;
	min-width: 320px;
	text-align: center;
	border-radius: 4px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 14px;
}
.btn-black
{
	background-color: #121212;
	color: #FFFFFF;
}
.phone
{
	font-size: 36px;
	font-weight: 500;
}
.phone A
{
	color: #FFFFFF;
	text-decoration: none;
}
H1
{
	font-weight: 500;
	font-size: 72px;
	line-height: 140%;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}
H2
{
	font-weight: 500;
	font-size: 36px;
	line-height: 115%;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #121212;
}
.black H2
{
	color: #FFFFFF;
}
P
{
	margin-bottom: 10px;
}
P:last-child
{
	margin-bottom: 0;
}
/*header*/
.header
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 150px;
}
.header A
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
.header .phone-block
{
	font-size: 24px;
}
/*top block*/
.top
{
	display: grid;
	grid-template-columns: 1.57fr 1fr;
	grid-template-rows: auto auto 130px auto;
	gap: 0px 0px;
	grid-template-areas: "top-header top-header" "top-image top-image" "top-slogan top-dates" "top-button top-dates";
	padding: 30px 0 80px;
}
.top-header
{
	grid-area: top-header;
	margin-bottom: 70px;
}
.top-image
{
	grid-area: top-image;
}
.top-slogan
{
	grid-area: top-slogan;
	font-size: 24px;
	align-self: center;
	color: #AEAEAE;
}
.top-button
{
	grid-area: top-button;
}
.top-dates
{
	grid-area: top-dates;
	align-self: end;
}
.sign-date
{
	height: 46px;
	display: grid;
	grid-template-columns: 46px 1fr;
	gap: 0px 15px;
	margin-bottom: 40px;
}
.sign-date .icon
{
	background: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M41.2126 46.0001H4.57939C2.08167 46.0001 0.000244141 43.9139 0.000244141 41.4105V7.71919C0.000244141 5.21581 1.66539 3.12967 3.85089 3.12967H6.14046V6.15458H3.85089C3.53868 6.15458 3.12239 6.78043 3.12239 7.71919V41.4105C3.12239 42.245 3.85089 42.9752 4.68346 42.9752H41.3166C42.1492 42.9752 42.8777 42.245 42.8777 41.4105V7.71919C42.8777 6.78043 42.3574 6.15458 42.1492 6.15458H39.8596V3.12967H42.1492C44.2306 3.12967 45.9999 5.21581 45.9999 7.71919V41.4105C45.7917 43.9139 43.7103 46.0001 41.2126 46.0001Z' fill='white'/%3E%3Cpath d='M10.7198 9.28348C9.88719 9.28348 9.15869 8.55333 9.15869 7.71887V1.56473C9.15869 0.730275 9.88719 0.00012207 10.7198 0.00012207C11.5523 0.00012207 12.2808 0.730275 12.2808 1.56473V7.71887C12.1768 8.55333 11.5523 9.28348 10.7198 9.28348ZM35.0725 9.28348C34.2399 9.28348 33.5114 8.55333 33.5114 7.71887V1.56473C33.5114 0.730275 34.2399 0.00012207 35.0725 0.00012207C35.9051 0.00012207 36.6336 0.730275 36.6336 1.56473V7.71887C36.6336 8.55333 35.9051 9.28348 35.0725 9.28348Z' fill='white'/%3E%3Cpath d='M15.2996 3.12967H30.494V6.25889H15.2996V3.12967Z' fill='white'/%3E%3Cpath d='M3.01831 12.3082H42.7736V15.4374H3.01831V12.3082Z' fill='white'/%3E%3Cpath d='M36.6331 18.4621H39.6511V21.487H36.6331V18.4621Z' fill='white'/%3E%3Cpath d='M30.4937 18.4621H33.6158V21.487H30.4937V18.4621Z' fill='white'/%3E%3Cpath d='M24.4565 18.4621H27.4746V21.487H24.4565V18.4621Z' fill='white'/%3E%3Cpath d='M18.3167 18.4621H21.3347V21.487H18.3167V18.4621Z' fill='white'/%3E%3Cpath d='M12.1765 18.4621H15.2987V21.487H12.1765V18.4621Z' fill='white'/%3E%3Cpath d='M36.6331 24.6167H39.6511V27.6416H36.6331V24.6167Z' fill='white'/%3E%3Cpath d='M30.4937 24.6167H33.6158V27.6416H30.4937V24.6167Z' fill='white'/%3E%3Cpath d='M24.4565 24.6167H27.4746V27.6416H24.4565V24.6167Z' fill='white'/%3E%3Cpath d='M18.3167 24.6167H21.3347V27.6416H18.3167V24.6167Z' fill='white'/%3E%3Cpath d='M12.1765 24.6167H15.2987V27.6416H12.1765V24.6167Z' fill='white'/%3E%3Cpath d='M6.13965 24.6167H9.15772V27.6416H6.13965V24.6167Z' fill='white'/%3E%3Cpath d='M36.6331 30.6664H39.6511V33.7957H36.6331V30.6664Z' fill='white'/%3E%3Cpath d='M30.4937 30.6664H33.6158V33.7957H30.4937V30.6664Z' fill='white'/%3E%3Cpath d='M24.4565 30.6664H27.4746V33.7957H24.4565V30.6664Z' fill='white'/%3E%3Cpath d='M18.3167 30.6664H21.3347V33.7957H18.3167V30.6664Z' fill='white'/%3E%3Cpath d='M12.1765 30.6664H15.2987V33.7957H12.1765V30.6664Z' fill='white'/%3E%3Cpath d='M6.13965 30.6664H9.15772V33.7957H6.13965V30.6664Z' fill='white'/%3E%3Cpath d='M30.4937 36.8207H33.6158V39.8456H30.4937V36.8207Z' fill='white'/%3E%3Cpath d='M24.4565 36.8207H27.4746V39.8456H24.4565V36.8207Z' fill='white'/%3E%3Cpath d='M18.3167 36.8207H21.3347V39.8456H18.3167V36.8207Z' fill='white'/%3E%3Cpath d='M12.1765 36.8207H15.2987V39.8456H12.1765V36.8207Z' fill='white'/%3E%3Cpath d='M6.13965 36.8207H9.15772V39.8456H6.13965V36.8207Z' fill='white'/%3E%3C/svg%3E%0A") center left no-repeat;
}
.sign-date .text, .sign-place .text
{
	align-self: center;
	font-size: 24px;
}
.sign-place
{
	display: grid;
	grid-template-columns: 46px 1fr;
	gap: 0px 15px;
	min-height: 47px;
}
.sign-place .icon
{
	background: url("data:image/svg+xml,%3Csvg width='32' height='46' viewBox='0 0 32 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 46L15.1429 44.9302C14.5714 44.1522 0 26.7442 0 16.3383C0 7.29386 7.2381 -3.05176e-05 16 -3.05176e-05C24.7619 -3.05176e-05 32 7.39111 32 16.3383C32 26.7442 17.4286 44.2495 16.8571 44.9302L16 46ZM16 2.23677C8.38095 2.23677 2.28572 8.55812 2.28572 16.241C2.28572 24.4101 12.8571 38.3171 16 42.3044C19.1429 38.3171 29.7143 24.5074 29.7143 16.241C29.7143 8.55812 23.619 2.23677 16 2.23677Z' fill='white'/%3E%3Cpath d='M16.0003 22.5624C12.6669 22.5624 9.90503 19.7422 9.90503 16.3384C9.90503 12.9345 12.6669 10.1142 16.0003 10.1142C19.3336 10.1142 22.0955 12.9345 22.0955 16.3384C22.0955 19.7422 19.3336 22.5624 16.0003 22.5624ZM16.0003 12.4483C13.905 12.4483 12.1907 14.1988 12.1907 16.3384C12.1907 18.4779 13.905 20.2284 16.0003 20.2284C18.0955 20.2284 19.8098 18.4779 19.8098 16.3384C19.8098 14.1988 18.0955 12.4483 16.0003 12.4483Z' fill='white'/%3E%3C/svg%3E%0A") center no-repeat;
}
.sign-place .text
{
	line-height: 1.2;
}
.sign-place SMALL
{
	font-size: 18px;
	font-weight: 100;
}
/*wish*/
.wish
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto auto;
	gap: 0px 20px;
	grid-template-areas: "wish-image wish-header" "wish-image wish-text";
}
.wish-image
{
	grid-area: wish-image;
}
.wish-header
{
	grid-area: wish-header;
}
.wish-text
{
	grid-area: wish-text;
	font-size: 18px;
}
.wish-text .spacer
{
	height: 50px;
}
.wish-header H2
{
	margin-top: -7px;
}
.wish H2
{
	margin-bottom: 25px;
}
.wish-image IMG
{
	height: 100%;
	object-fit: cover;
}
/*become simple gallery*/
.become-simple
{
	padding-bottom: 150px;
}
.gallery
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 300px 300px;
	gap: 0px 0px;
	grid-template-areas: "image-1 image-3" "image-2 image-3";
}
.image-1
{
	grid-area: image-1;
}
.image-2
{
	grid-area: image-2;
}
.image-3
{
	grid-area: image-3;
}
.gallery .image IMG
{
	height: 100%;
	object-fit: cover;
}
.become
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
	gap: 0px 0px;
	grid-template-areas: "become-text become-image";
}
.become-text
{
	grid-area: become-text;
	align-self: end;
	font-size: 18px;
}
.become-image
{
	grid-area: become-image;
}
.become-image IMG
{
	height: 100%;
	object-fit: cover;
}
.become H2
{
	margin-bottom: 30px;
}
.become .phone
{
	margin-bottom: 45px;
}
.become .simle-text
{
	margin-bottom: 45px;
}
.become .write-text
{
	font-weight: 600;
	margin-bottom: 30px;
}
/*wishes*/
.wish-text UL
{
	list-style: none inside;
	padding-left: 15px;
	margin-top: 5px;
}
.wish-text UL LI
{
	position: relative;
	margin-top: 8px;
}
.wish-text UL LI:before
{
	content: '•';
	position: absolute;
	left: -15px;
}
/*any questions?*/
.any-questions
{
	padding-bottom: 45px;
}
.questions-text
{
	font-size: 18px;
}
.questions-text .phone
{
	margin: 15px 0 0;
}
.questions-image
{
	margin-bottom: 60px;
}
/*footer*/
FOOTER
{
	background-color: #121212;
	text-align: center;
	color: #AEAEAE;
	font-size: 16px;
	line-height: 80px;
}
@media (max-width: 990px)
{
	H1
	{
		font-weight: 500;
		font-size: 28px;
		line-height: 140%;
		letter-spacing: 0.02em;
		text-transform: uppercase;
	}
	H2
	{
		font-size: 28px;
	}
	.container
	{
		width: calc(100% - 40px);
		margin: 0 20px;
	}
	.btn
	{
		width: 100%;
	}
	.white
	{
		margin-top: 35px;
		margin-bottom: 35px;
	}
	.phone
	{
		font-size: 28px;
	}
	/*header*/
	.header
	{
		height: 80px;
	}
	#estel-logo
	{
		width: 90px;
	}
	.header .phone-block
	{
		font-size: 13px;
		margin-top: -12px;
	}
	/*top block*/
	.top
	{
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		gap: 0px 0px;
		grid-template-areas: "top-header" "top-slogan" "top-image" "top-dates" "top-button";
		padding: 15px 0 45px;
	}
	.top-header
	{
		margin-bottom: 10px;
	}
	.top-image
	{
		margin-left: -20px;
		margin-right: -20px;
	}
	.top-slogan
	{
		font-size: 14px;
		align-self: center;
		margin-bottom: 25px;
	}
	.top-dates
	{
		padding-left: 45%;
		margin-top: 15px;
	}
	.sign-date, .sign-place
	{
		grid-template-columns: 24px auto;
	}
	.sign-date
	{
		margin-bottom: 10px;
	}
	.sign-place
	{
		margin-bottom: 45px;
	}
	.sign-date .icon, .sign-place .icon
	{
		background-size: 24px 24px;
	}
	.sign-date .text, .sign-place .text
	{
		align-self: center;
		font-size: 16px;
	}
	.sign-place SMALL
	{
		font-size: 14px;
	}
	/*wish*/
	.wish
	{
		display: flex;
		flex-direction: column;
	}
	.wishes-image
	{
		margin: 0 -20px;
	}
	.wishes-image IMG
	{
		width: 100%;
	}
	.wish-image
	{
		display: none;
	}
	.wish-text
	{
		font-size: 15px;
	}
	.wish-header H2
	{
		margin-top: 0;
		margin-bottom: 24px;
	}
	.wish-text .spacer
	{
		height: 30px;
	}
	/*become simple gallery*/
	.become-simple
	{
		padding-bottom: 45px;
	}
	.gallery
	{
		grid-template-rows: 115px 115px;
		margin-left: -20px;
		margin-right: -20px;
	}
	.become-text
	{
		margin-top: 45px;
		font-size: 15px;
	}
	.become-image
	{
		display: none;
	}
	/*any questions?*/
	.questions-image
	{
		margin: 0 -20px;
	}
}