@charset "UTF-8";
/*
  Создает функцию calc(), которая исходя из переданных
  значений ширины экранов и пикселей, делает функцию
  "от->до".

  Например:
  margin-bottom: responsive('320->575', '20->100');
  На размерах экранов от 320 до 575, нижний отступ будет
  расти от 20 до 100.

  Аргумент $minus: true делает значение отрицательным,
  например:
  margin-bottom: responsive('320->575', '0->100', true);
  На размерах экранов от 320 до 575, нижний отступ будет
  уменьшаться от 0 до -100.
*/
/*
  Создает функцию calc(), которая исходя из переданных
  значений ширины экранов и пикселей, делает функцию
  "от->до".

  Например:
  margin-bottom: responsive('320->575', '20->100');
  На размерах экранов от 320 до 575, нижний отступ будет
  расти от 20 до 100.

  Аргумент $minus: true делает значение отрицательным,
  например:
  margin-bottom: responsive('320->575', '0->100', true);
  На размерах экранов от 320 до 575, нижний отступ будет
  уменьшаться от 0 до -100.
*/
/*
  Создает функцию calc(), которая исходя из переданных
  значений ширины экранов и пикселей, делает функцию
  "от->до".

  Например:
  margin-bottom: responsive('320->575', '20->100');
  На размерах экранов от 320 до 575, нижний отступ будет
  расти от 20 до 100.

  Аргумент $minus: true делает значение отрицательным,
  например:
  margin-bottom: responsive('320->575', '0->100', true);
  На размерах экранов от 320 до 575, нижний отступ будет
  уменьшаться от 0 до -100.
*/
.button {
  font-size: 20px;
}
/*
  Создает функцию calc(), которая исходя из переданных
  значений ширины экранов и пикселей, делает функцию
  "от->до".

  Например:
  margin-bottom: responsive('320->575', '20->100');
  На размерах экранов от 320 до 575, нижний отступ будет
  расти от 20 до 100.

  Аргумент $minus: true делает значение отрицательным,
  например:
  margin-bottom: responsive('320->575', '0->100', true);
  На размерах экранов от 320 до 575, нижний отступ будет
  уменьшаться от 0 до -100.
*/
/*
  Создает функцию calc(), которая исходя из переданных
  значений ширины экранов и пикселей, делает функцию
  "от->до".

  Например:
  margin-bottom: responsive('320->575', '20->100');
  На размерах экранов от 320 до 575, нижний отступ будет
  расти от 20 до 100.

  Аргумент $minus: true делает значение отрицательным,
  например:
  margin-bottom: responsive('320->575', '0->100', true);
  На размерах экранов от 320 до 575, нижний отступ будет
  уменьшаться от 0 до -100.
*/
/*
  Создает функцию calc(), которая исходя из переданных
  значений ширины экранов и пикселей, делает функцию
  "от->до".

  Например:
  margin-bottom: responsive('320->575', '20->100');
  На размерах экранов от 320 до 575, нижний отступ будет
  расти от 20 до 100.

  Аргумент $minus: true делает значение отрицательным,
  например:
  margin-bottom: responsive('320->575', '0->100', true);
  На размерах экранов от 320 до 575, нижний отступ будет
  уменьшаться от 0 до -100.
*/
body {
  font-size: 20px;
}

.section-heading--level-1 {
  font-size: 48px;
}
.section-heading--level-2 {
  font-size: 28px;
}
.section-heading--level-3 {
  font-size: 20px;
}
/*
  Создает функцию calc(), которая исходя из переданных
  значений ширины экранов и пикселей, делает функцию
  "от->до".

  Например:
  margin-bottom: responsive('320->575', '20->100');
  На размерах экранов от 320 до 575, нижний отступ будет
  расти от 20 до 100.

  Аргумент $minus: true делает значение отрицательным,
  например:
  margin-bottom: responsive('320->575', '0->100', true);
  На размерах экранов от 320 до 575, нижний отступ будет
  уменьшаться от 0 до -100.
*/
.header__logo {
  transition: opacity 0.5s ease-out;
}
.header__logo:hover {
  opacity: 0.7;
}
.header__nav-list {
  font-size: 18px;
}
.header__nav-li {
  margin: 0 30px 0 0;
}
.header__nav-link {
  transition: text-decoration-color 0.5s ease-out;
  text-decoration: underline transparent;
  text-underline-offset: 4px;
}
.header__nav-link:hover {
  text-decoration-color: currentColor;
}
.header__tel-block {
  margin: 0 0 0 auto;
  display: flex;
  flex-flow: column;
  align-items: flex-end;
}
.header__tel {
  font: 28px/1 var(--font-heading);
  letter-spacing: -0.03em;
  transition: text-decoration-color 0.5s ease-out;
  text-decoration: underline transparent;
  text-underline-offset: 5px;
}
.header__tel:hover {
  text-decoration-color: currentColor;
}
.header__worktime {
  font-size: 15px;
}
/*
  Создает функцию calc(), которая исходя из переданных
  значений ширины экранов и пикселей, делает функцию
  "от->до".

  Например:
  margin-bottom: responsive('320->575', '20->100');
  На размерах экранов от 320 до 575, нижний отступ будет
  расти от 20 до 100.

  Аргумент $minus: true делает значение отрицательным,
  например:
  margin-bottom: responsive('320->575', '0->100', true);
  На размерах экранов от 320 до 575, нижний отступ будет
  уменьшаться от 0 до -100.
*/
.footer {
  padding-bottom: 15px;
}
.footer__logo {
  margin: 0 0 45px -28px;
  width: 300px;
  height: 75px;
}
.footer__tel-block {
  margin: 0 0 45px;
}
.footer__tel {
  font-size: 36px;
  transition: text-decoration-color 0.5s ease-out;
  text-decoration: underline transparent;
  text-underline-offset: 4px;
}
.footer__tel:hover {
  text-decoration-color: currentColor;
}
.footer__nav {
  margin: 0 0 70px;
}
.footer__nav-list {
  padding-top: calc(1.2em + 25px);
  row-gap: 25px;
  font-size: 16px;
}
.footer__nav-li--has-children:nth-child(1) {
  margin-top: calc((1.2em + 25px) * -1);
}
.footer__nav-li--has-children > .footer__nav-link {
  margin-bottom: 25px;
}
.footer__nav-link {
  transition: text-decoration-color 0.5s ease-out;
}
.footer__nav-link:hover {
  text-decoration-color: currentColor;
}
.footer__links {
  margin: 0 0 70px;
  row-gap: 20px;
  column-gap: 20px;
}
.footer__policy-block {
  font-size: 15px;
}
.footer__policy {
  transition: color 0.5s ease-out;
}
.footer__policy:hover {
  color: var(--color-white);
}
.footer__terms {
  transition: color 0.5s ease-out;
}
.footer__terms:hover {
  color: var(--color-white);
}
.footer__dev {
  font-size: 15px;
}
.bottom-note {
  padding-top: 15px;
  font-size: 15px;
}
#float-callback-button {
  display: none;
}