html,
body {
  font-family: "Open Sans", sans-serif;
  color: #333;
  margin: 0;
  padding: 0;
  /* display: flex; */
  justify-content: center;
  align-items: flex-start;
  background-color: #fff;
  height: 100%;
  flex-direction: column;
}

/* body { */
/* -ms-overflow-style: none;  Для IE и Edge */
/* scrollbar-width: none;  Для Firefox */
/* } */

body::-webkit-scrollbar {
  display: none;
}

.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* 100% высоты экрана */
}

.header {
  background-color: #353535;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0;
}

.header__info {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.header__info .logo-link .logo-icon {
  height: 11vh;
}

.header__info .header__about-us {
  max-width: 100%;
  padding-left: 5px;
}

.header__info .header__about-us .header__title {
  font-family: "Roboto Slab", serif;
  font-size: 20px;
  color: #fff;
  text-align: left;
}

.header__info .header__about-us .header__description {
  font-family: "Roboto", serif;
  font-size: 18px;
  line-height: 1.2;
  color: #fff;
  text-align: left;
}

.header__nav-menu {
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-size: 26px;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.header__nav-menu .header__nav-menu-items {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  margin: 0;
  padding: 0;
}

.header__nav-menu .header__nav-menu-items .header__nav-link {
  margin: 0 25px;
}

.header__nav-menu
.header__nav-menu-items
.header__nav-link
.nav-link {
  font-size: 24px;
  margin: 0 25px;
  padding: 0;
  text-decoration: none;
  color: #fff;
}

.header__nav-menu
.header__nav-menu-items
.header__nav-link
.nav-link:hover {
  color: #9e9e9e;
}

.header__info-contacts .header__info-contacts-items {
  padding: 0;
  margin: 0;
  column-gap: 12px;
}

.header__info-contacts .header__info-contacts-items .header__info-phone {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  list-style: none;
  padding: 0;
  margin: 0;
  column-gap: 12px;
}

.header__info-contacts
.header__info-contacts-items
.header__info-phone
.phone-icon {
  width: 7%;
  height: 7%;
}

.header__info-contacts
.header__info-contacts-items
.header__info-phone
.info-phone
.phone {
  margin: auto;
  font-size: 20px;
  color: #fff;
}

.header__info-contacts
.header__info-contacts-items
.header__info-phone
.info-phone
.phone-desc {
  margin: 0;
  font-size: 12px;
  color: #fff;
}

.header__info-contacts .header__info-contacts-items .header__info-email {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  list-style: none;
  padding: 0;
  margin: 0;
  column-gap: 12px;
}

.header__info-contacts
.header__info-contacts-items
.header__info-email
.email-icon {
  width: 7%;
  height: 7%;
}

.header__info-contacts
.header__info-contacts-items
.header__info-email
.email {
  font-size: 20px;
  color: #fff;
}

.footer {
  margin-top: auto;
  padding: 10px 0;
  background-color: #353535;
}

.footer .footer__top {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.footer__top .footer__info {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.footer__top .footer__info .logo-link .logo-icon {
  height: 11vh;
}

.footer__top .footer__info .footer__about-us {
  max-width: 100%;
  padding-left: 5px;
}

.footer__top .footer__info .footer__about-us .footer__title {
  font-family: "Roboto Slab", serif;
  font-size: 20px;
  color: #fff;
  text-align: left;
}

.footer__top
.footer__info
.footer__about-us
.footer__description {
  font-family: "Roboto", serif;
  font-size: 18px;
  line-height: 1.2;
  color: #fff;
  text-align: left;
}

.footer__top .footer__nav-menu {
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-size: 26px;
  list-style: none;
  margin-top: 25px;
  padding: 0;
  width: 100%;
}

.footer__top
.footer__nav-menu
.footer__nav-menu-items {
  margin: auto;
  padding: auto;
}

.footer__top
.footer__nav-menu
.footer__nav-menu-items
.footer__nav-link {
  margin: 0 25px;
}

.footer__top
.footer__nav-menu
.footer__nav-menu-items
.footer__nav-link
.nav-link {
  margin: 0 25px;
  padding: 0;
  text-decoration: none;
  color: #fff;
}

.footer__top
.footer__nav-menu
.footer__nav-menu-items
.footer__nav-link
.nav-link:hover {
  color: #9e9e9e;
}

.footer__top .footer__info-contacts .footer__info-contacts-items {
  padding: 0;
  margin: 0;
  column-gap: 12px;
}

.footer__top
.footer__info-contacts
.footer__info-contacts-items
.footer__info-phone {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  list-style: none;
  padding: 0;
  margin: 16px 0;
  margin-top: 25px;
  column-gap: 12px;
}

.footer__top
.footer__info-contacts
.footer__info-contacts-items
.footer__info-phone
.phone-icon {
  width: 7%;
  height: 7%;
}

.footer__top
.footer__info-contacts
.footer__info-contacts-items
.footer__info-phone
.info-phone
.phone {
  margin: 0;
  font-size: 20px;
  color: #fff;
}

.footer__top
.footer__info-contacts
.footer__info-contacts-items
.footer__info-phone
.info-phone
.phone-desc {
  margin: 0;
  font-size: 12px;
  color: #fff;
}

.footer__top
.footer__info-contacts
.footer__info-contacts-items
.footer__info-email {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  list-style: none;
  padding: 0;
  margin: 0;
  column-gap: 12px;
}

.footer__top
.footer__info-contacts
.footer__info-contacts-items
.footer__info-email
.email-icon {
  width: 7%;
  height: 7%;
}

.footer__top
.footer__info-contacts
.footer__info-contacts-items
.footer__info-email
.email {
  font-size: 20px;
  color: #fff;
}

.footer__top
.footer__info-contacts
.footer__info-contacts-items
.footer__info-address {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  list-style: none;
  padding: 0;
  margin: 16px 0;
  margin-top: 25px;
  column-gap: 12px;
}

.footer__top
.footer__info-contacts
.footer__info-contacts-items
.footer__info-address
.address-icon {
  width: 7%;
  height: 7%;
}

.footer__top
.footer__info-contacts
.footer__info-contacts-items
.footer__info-address
.info-address
.address {
  margin: 0;
  font-size: 20px;
  color: #fff;
}

.footer__top
.footer__info-contacts
.footer__info-contacts-items
.footer__info-address
.info-address
.address-map {
  margin: 0;
  font-size: 14px;
  color: #fff;
}

.footer__bottom {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  padding: 0;
  margin: 0;
  color: #fff;
}

.footer__bottom .copyright,
.privacy-policy,
.user-agreement {
  text-decoration: none;
  font-size: 16px;
  color: #fff;
}