.header {
  position: sticky;
  background: #fff;
  z-index: 6;
  top: 0;
  box-shadow: 0 0 3px #b5b5b5;
}
.header-content {
  display: flex;
  gap: 1rem;
  padding: 1rem 2rem 1rem 1rem;
  align-items: center;
}
.header__logo {
  display: flex;
  flex-shrink: 0;
}
.header-list {
  margin-left: auto;
  display: flex;
  flex-direction: row;
  gap: 3.5rem;
}
.header-list__element a {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 140%;
  color: #0b0a0a;
}
.header-list__element a:hover {
  opacity: 1;
  color: #00A5D3;
}
.header-list__element--selected {
  pointer-events: none;
}
.header-list__element--selected a {
  color: #00A5D3;
}
.header-list--mob {
  display: none;
}
.header .prise {
  margin-left: 2rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-size: 1.25rem;
  background: #00a5d3;
  color: #fff;
}
.header__burger {
  margin-left: auto;
  display: none;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
}
.header__burger-bar {
  position: relative;
  background: #00a5d3;
  transition: all 0ms 500ms;
  width: 1.453125rem;
  height: 0.16125rem;
  border-radius: 0.35rem;
}
.header__burger-bar:after {
  width: 1.453125rem;
  height: 0.16125rem;
  content: "";
  position: absolute;
  left: 0;
  top: 0.41875rem;
  border-radius: 0.35rem;
  background: #00a5d3;
  transition: top 500ms 500ms cubic-bezier(0.23, 1, 0.32, 1), transform 500ms cubic-bezier(0.23, 1, 0.32, 1);
}
.header__burger-bar:before {
  width: 1.453125rem;
  height: 0.16125rem;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.41875rem;
  border-radius: 0.35rem;
  background: #00a5d3;
  transition: bottom 500ms 500ms cubic-bezier(0.23, 1, 0.32, 1), transform 500ms cubic-bezier(0.23, 1, 0.32, 1);
}
.header__burger--active .header__burger-bar {
  background: #fff;
}
.header__burger--active .header__burger-bar:after {
  top: 0;
  transform: rotate(45deg);
  transition: top 500ms cubic-bezier(0.23, 1, 0.32, 1), transform 500ms 500ms cubic-bezier(0.23, 1, 0.32, 1);
}
.header__burger--active .header__burger-bar:before {
  bottom: 0;
  transform: rotate(-45deg);
  transition: bottom 500ms cubic-bezier(0.23, 1, 0.32, 1), transform 500ms 500ms cubic-bezier(0.23, 1, 0.32, 1);
}
@media (max-width: 900px) {
  .header-content {
    padding: 1rem;
  }
  .header__logo {
    width: 7.375rem;
  }
  .header-list {
    position: absolute;
    flex-direction: column;
    gap: 1rem;
    background: #fff;
    max-width: 100%;
    width: 100%;
    padding: 1rem 1.25rem;
    border-radius: 0;
    transform: translateY(10%);
    opacity: 0;
    transition: all 0.5s ease-in-out;
    pointer-events: none;
  }
  .header-list--desk {
    display: none;
  }
  .header-list--mob {
    display: flex;
  }
  .header-list--open {
    transform: translateY(0);
    opacity: 1;
    pointer-events: all;
  }
  .header-list__element a {
    max-width: 100%;
    width: 100%;
    display: flex;
    justify-content: right;
  }
  .header__burger {
    display: flex;
  }
}

.mob {
  display: none;
}
@media (max-width: 900px) {
  .mob {
    display: inherit;
  }
}

.desk {
  display: inherit;
}
@media (max-width: 900px) {
  .desk {
    display: none;
  }
}

.hero {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.hero__video {
  max-width: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 80vh;
  pointer-events: none;
}
.hero h1 {
  text-align: center;
  font-weight: 700;
  color: #fff;
  font-size: 4rem;
  max-width: 40rem;
}
.hero-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  z-index: 1;
  gap: 5rem;
}
.hero__link {
  padding: 0.75rem 1.25rem;
  border-radius: 6rem;
  background: #00a5d3;
  color: #fff;
  line-height: 1;
}
@media (max-width: 900px) {
  .hero {
    min-height: 30rem;
  }
  .hero__video {
    min-height: 100%;
    position: absolute;
  }
  .hero h1 {
    text-align: center;
    font-weight: 700;
    color: #fff;
    font-size: 2rem;
    max-width: 40rem;
  }
  .hero-content {
    gap: 4rem;
  }
}

.advice {
  background: #00a5d3;
}
.advice-content {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.advice__title {
  color: #fff;
  font-size: 1.75rem;
}
.advice__title span {
  font-weight: 700;
}
.advice__link {
  color: #00a5d3;
  background: #fff;
  padding: 0.5rem 1rem;
  border-radius: 6rem;
  line-height: 1;
  font-weight: 500;
}
@media (max-width: 900px) {
  .advice__title {
    font-size: 1.5rem;
  }
}

.advantages {
  margin-top: 4rem;
}
.advantages__title {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
}
.advantages__text {
  margin-top: 2rem;
  text-align: center;
  font-size: 1.25rem;
}
.advantages__text a {
  font-weight: 500;
  text-decoration: underline;
  color: #00A5D3;
}
.advantages-list {
  margin-top: 3rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}
.advantages-element {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  text-align: center;
}
.advantages-element__title {
  font-weight: 700;
  font-size: 1.35rem;
}
.advantages__icon {
  width: 2rem;
}
@media (max-width: 900px) {
  .advantages {
    margin-top: 3rem;
  }
  .advantages__title {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
  }
  .advantages__text {
    margin-top: 1rem;
    font-size: 1rem;
  }
  .advantages-list {
    margin-top: 2rem;
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
  }
  .advantages-element {
    gap: 0.5rem;
  }
  .advantages-element__title {
    font-size: 1.25rem;
  }
}

.goods {
  margin-top: 6rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  background: #f7f7f7;
}
.goods-content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.goods-element {
  display: flex;
  align-items: center;
  gap: 3rem;
  justify-content: space-between;
}
.goods-info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.goods__title {
  font-size: 2rem;
  font-weight: 700;
  color: #0b0a0a;
}
.goods__title:hover {
  opacity: 1;
  color: #00A5D3;
}
.goods__img {
  max-width: 36.125rem;
  width: 100%;
  display: flex;
  flex-shrink: 0;
}
.goods__text {
  font-size: 1.25rem;
}
.goods__link {
  color: #00A5D3;
  font-size: 1.25rem;
  text-decoration: underline;
}
@media (max-width: 900px) {
  .goods {
    margin-top: 3rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .goods-content {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
  .goods-element {
    flex-direction: column;
    gap: 2rem;
    justify-content: space-between;
    text-align: center;
  }
  .goods-info {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .goods__title {
    font-size: 1.5rem;
  }
  .goods__img {
    max-width: 100%;
    flex-shrink: 1;
  }
  .goods__text {
    font-size: 1rem;
  }
  .goods__link {
    font-size: 1rem;
  }
}

.about {
  margin-top: 6rem;
  text-align: center;
}
.about__title {
  font-size: 2.5rem;
}
.about__title span {
  font-weight: 700;
}
.about__subtitle {
  margin-top: 1rem;
  font-size: 1.15rem;
}
.about-filling {
  margin-top: 3rem;
  display: flex;
  align-self: flex-start;
  gap: 2rem;
}
.about-list {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  text-align: left;
}
.about-element__title {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1;
}
.about-element__text {
  max-width: 100%;
  width: 100%;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 2px solid #dddddd;
  font-size: 1.25rem;
}
.about-element__text a {
  text-decoration: underline;
  color: #00A5D3;
}
.about-caption {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.about__icon {
  width: 2rem;
}
.about__img {
  max-width: 27.8rem;
  border: 1px solid #dddddd;
  border-radius: 0.5rem;
}
@media (max-width: 900px) {
  .about {
    margin-top: 3rem;
  }
  .about__title {
    font-size: 1.5rem;
  }
  .about__subtitle {
    margin-top: 1rem;
    font-size: 1rem;
  }
  .about-filling {
    margin-top: 2rem;
    gap: 2rem;
    flex-direction: column-reverse;
  }
  .about-list {
    gap: 2rem;
  }
  .about-element__title {
    font-size: 1rem;
  }
  .about-element__text {
    max-width: 100%;
    width: 100%;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #dddddd;
    font-size: 1rem;
  }
  .about-caption {
    display: flex;
    align-items: center;
    gap: 1rem;
  }
  .about__icon {
    width: 2rem;
  }
  .about__img {
    max-width: 100%;
    width: 100%;
    border: 1px solid #dddddd;
    border-radius: 0.5rem;
  }
}

.warning {
  color: rgb(255, 22, 22);
  font-size: 1.35rem;
}
.warning span {
  font-weight: 700;
}/*# sourceMappingURL=landing.css.map */