/* Reset and base styles  */

 * { padding: 0px; margin: 0px; border: none; } *, *::before, *::after { box-sizing: border-box; }


 /* Links */

 a, a:link, a:visited { text-decoration: none; } a:hover { text-decoration: none; }


 /* Common */

 aside, nav, footer, header, section, main { display: block; } h1, h2, h3, h4, h5, h6, p { font-size: inherit; font-weight: inherit; } ul, ul li { list-style: none; } img { vertical-align: top; } img, svg { max-width: 100%; height: auto; } address { font-style: normal; }


:root { --color-option: #000; /* Цвет полосок кнопки */ --color-background: #928f8f; /* Цвет фона кнопки*/ --color-shrift: hsl(239, 78%, 23%); /* Цвет шрифта */ --width-right-block: 90px; /* Ширина блока меню */ --duration: 0.5s; /* Время трансформации */ --color-light: #c4c4c4; --color-dark: #4e4e4e; }

/* Fonts */

 @font-face { font-family: "Montserrat", Arial, sans-serif; src: local("Montserrat"), url("../data/Montserrat-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; /*предотвращает невидимый текст во время загрузки шрифта*/ } @font-face { font-family: "Montserrat", Arial, sans-serif; src: local("Montserrat"), url("../data/Montserrat-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; /*предотвращает невидимый текст во время загрузки шрифта*/ }


 /* Base */

 html { scroll-behavior: smooth; /* Плавный скролл Кнопка наверх */ overflow: scroll; } body { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 20px; color: black; line-height: 1.5; }


 @media (max-width: 980px) { body { font-size: 16px; } }


 /* Utility */

 .none { display: none !important; } .visually-hidden { position: absolute; opacity: 0; visibility: hidden; width: 0; height: 0; display: block; margin-left: -10000px; background: transparent; font-size: 0; } .no-scroll { overflow: hidden; }


 /* Container */

 .container { width: 1280px; margin: 0 auto; padding: 0 15px; } @media (max-width: 1280px) { .container { width: 100%; } }




/* Кнопка меню вверх */

.nav-btn-up {

  display: block;

  position: fixed;

  top: 5px;

  right: 19px;
  z-index: 97;

  width: 30px;

  height: 50px;

  border-radius: 50%;

}

.nav-btn-up:hover {

  opacity: 1;

}

.nav-btn-arrow {

  display: block;

  width: 24px;

  height: 24px;

  margin-top: 4px;

  margin-left: 6px;

  border: 3px solid var(--color-option);

  border-left: 0;

  border-top: 0;

  transform: rotate(225deg);

}


/* Заголовок */
.header-row {

  display: flex;
  flex-direction: column;

  justify-content: space-around;

  align-items: flex-end;
  gap: 30px;
  margin: 10px 0;
  padding: 20px;
  border: 1px solid black;
  border-radius: 20px;
  background-color: #f5f1eb;

}


.header-subtitle {
max-width: 640px;
}


.header-text {

  overflow: visible;

/*  margin: 0 20px;*/
  font-weight: 700;

}
.header-contact {

  overflow: visible;

  margin: 0 20px;
  font-weight: 700;
}

/* Главная */
.home {

   width: 100%;
   border-radius: 20px;
   padding: 40px 20px;
   background-color: #d5f5f5;
}

.home-title {
	margin-bottom: 25px;
	font-size: 56px;
	font-weight: 700;
	line-height: 130%;
	text-align: center;
/*	color: #fff;*/
}
.home-subtitle {
	max-width: 810px; 
	margin: 20px 0;
	font-weight: bold;
	font-size: 16px;
	line-height: 150%;
	text-align: left;
	letter-spacing: 0.2em;
	text-transform: uppercase;
/*	color: rgb(255, 254, 254);*/
}

/*@media (max-width: 991px) {

.home {

	padding: 10px 0 80px;

	min-height: unset;

}*/


/* Подвал */

.footer-row {

	display: flex;

	flex-direction: row;

	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 30px;
	margin: 10px 0;
	padding: 40px;
	border: 1px solid black;
	border-radius: 20px;
	background-color: #f5f1eb;

}

.footer-col {

	width: 320px;

/*	flex-grow: 1;*/

}


.footer-copyright {
	display: flex;
	align-items: center;

}

.footer-logo {
  overflow: visible;

  margin: 0 20px;
}
.footer-copyright h2 {
	font-size: 22px;

	font-weight: bold;
	line-height: 24px;

}

.footer-copyright p {

	margin: 0;

	margin-bottom: 15px;

	font-size: 16px;
}



.footer-icons p {

	font-weight: bold;

	font-size: 16px;

	line-height: 1.3;
	color: #7e9ec9;

}
.footer-icons a {
	font-weight: bold;

	font-size: 16px;

	line-height: 1.3;
}
.footer-icons a:hover {
	opacity: 0.7;

}


.footer-button {

	padding-left: 30px;

	padding-right: 30px;

	

	display: inline-block;

	height: 50px;

	border: 3px solid #000;

	border-radius: 50px;



	color: #000;

	font-size: 16px;

	line-height: 44px;

	text-transform: uppercase;

	text-decoration: none;  

	

	transition: all 0.2s ease-in;

}



.footer-button:hover {

	font-weight: 700;

	background-color: #fff;

	color: #1e4776;

}