@font-face {
	font-family: 'Antic';
	src: url('../fonts/Antic-Regular.ttf') format('truetype');
  	font-weight: normal;
  	font-style: normal;
  	font-display: swap;
}

:root{
	--primary-color: #b2896b;
	--spacing-unit: 1em;
}

*{box-sizing:border-box;font-size:16px;font-family:"Antic", sans-serif}
body{margin:0;background-color:#efebde}

.d-block{display:block !important}

.mb-0{margin-bottom:0 !important}
.mb-1{margin-bottom:calc(var(--spacing-unit) * 0.25) !important}
.mb-2{margin-bottom:calc(var(--spacing-unit) * 0.5) !important}
.mb-3{margin-bottom:var(--spacing-unit) !important}
.mb-4{margin-bottom:calc(var(--spacing-unit) * 1.5) !important}
.mb-5{margin-bottom:calc(var(--spacing-unit) * 3) !important}

.mt-0{margin-top:0 !important}
.mt-1{margin-top:calc(var(--spacing-unit) * 0.25) !important}
.mt-2{margin-top:calc(var(--spacing-unit) * 0.5) !important}
.mt-3{margin-top:var(--spacing-unit) !important}
.mt-4{margin-top:calc(var(--spacing-unit) * 1.5) !important}
.mt-5{margin-top:calc(var(--spacing-unit) * 3) !important}

.mx-auto{margin-left:auto !important;margin-right:auto !important}

main .container{max-width:80%}
.container{width:1440px;margin:0 auto;padding:0 20px}

footer{
	background-color: #4d200c;
	padding: 20px 30px 20px;
	color: white;
	font-family:"Antic", sans-serif
}

footer h2{color:#fff7e3;font-size:18px;font-family:"Antic", sans-serif;}
footer .contacts{overflow:hidden}
footer .contacts .contact-way{float:left;width:50%}
footer .contacts .contact-way a{text-decoration:none;display:flex;align-items:center}
footer .contacts .contact-way a svg{max-width:70px}
footer .contacts .contact-way a span{
	font-family: sans-serif, "Antic";
	color: white;
	font-size: 20px;
	width: calc(100% - 100px);
	margin-left: 20px;
}

header{padding:20px 0}
header h1{width:100px}
header h1 a{text-decoration:none}
header h1 img{width:100%}

header .container{display:flex;flex-wrap:wrap;align-items:center}

header .header-menus{width:calc(100% - 105px);margin-left:5px}

.header-menus .menu-links{list-style:none;padding:0;display:flex;justify-content:space-between;margin-top:0}
.header-menus .menu-links li{margin:0 10px;position:relative}
.header-menus .menu-links li:first-child{margin-left:0}
.header-menus .menu-links li:last-child{margin-right:0}
.header-menus .menu-links li > a{color:#b2896b;font-weight:800;display:block;font-size:18px}

.header-menus .sublinks{
	display: none;
	background-color: #cfbea3;
	color: #b2896b;
	border-radius: 40px;
	padding:10px 25px;
	position: absolute;
	right: 0;
	top: 35px;
	font-size: 18px;
	font-weight: bold;
	transition: opacity 0.3s ease;
	opacity: 0;
	width: 230px;
	z-index: 100;
}
.header-menus .sublinks.active{display:block;opacity:1}
.header-menus .sublinks a{font-size:19px;color:#592913;text-decoration:none;font-weight:bold;margin:10px 0;display:block;font-family:sans-serif;}
.header-menus .sublinks a span{border-bottom:3px solid #BC395C;font-size:19px;color:#592913}

header .page-links{width:100%;overflow:hidden}
.page-links .link-part{background-color:#cfbea3;border-radius:24px;padding:10px 25px;float:left;overflow:hidden;
	display: flex;
	align-content: center;
	justify-content: space-between;
}
.page-links .link-part a{font-size:19px;color:#592913;text-decoration:none;font-weight:bold}

.page-links .link-part:nth-child(1){width:230px;margin-right:10px}
.page-links .link-part:nth-child(2){width:550px}

.page-links .link-part:nth-child(1) a{}
.page-links .link-part:nth-child(2) a{}

main{min-height:calc(100vh - 251.21px)}

.w-100{width:100% !important}
.w-70{width:70% !important}
.w-50{width:50% !important}
img.w-50,
img.w-70{display:block;margin-left:auto;margin-right:auto}
.page-title{
	font-family: "Antic", sans-serif;
	font-size: 88px;
	color: #7e4e38;
	text-align: center;
	font-weight: bold;
	margin: 0 0 30px;
}

.with-indent-1{text-indent:calc(var(--spacing-unit) * 0.25) !important}
.with-indent-2{text-indent:calc(var(--spacing-unit) * 0.5) !important}
.with-indent-3{text-indent:var(--spacing-unit) !important}
.with-indent-4{text-indent:calc(var(--spacing-unit) * 1.5) !important}
.with-indent-5{text-indent:calc(var(--spacing-unit) * 3) !important}
.text-center{text-align:center !important}