@font-face {
  font-family: 'Norebo';
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Norebo/Norebo-Regular.otf") format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Norebo';
  font-weight: 900;
  font-style: normal;
  src: url("../fonts/Norebo/Norebo-Black.otf") format('truetype');
  font-display: swap;
}
* {
  margin: 0;
  padding: 0;
  font: inherit;
  box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-focus-ring-color: rgba(255,255,255,0);
  cursor: default;
}
body {
  font-size: 100%;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
a {
  background: transparent;
}
hr {
  box-sizing: content-box;
  height: 0;
}
ol,
ul {
  list-style: none;
}
pre {
  -moz-tab-size: 4;
       tab-size: 4;
  white-space: pre-wrap;
}
q {
  quotes: '\201C' '\201D' '\2018' '\2019';
}
img {
  border: none;
}
svg:not(:root) {
  overflow: hidden;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button {
  overflow: visible;
}
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto;
}
input[type='search'] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: none;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
button,
input,
select[multiple],
textarea {
  background-image: none;
}
input,
select,
textarea {
  border-radius: 0;
  box-shadow: none;
}
input,
textarea {
  resize: none;
  -webkit-user-select: text;
          user-select: text;
}
[placeholder]:focus::placeholder {
  color: transparent;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
body {
  color: #769d91;
  font-family: 'Norebo', Arial, sans-serif;
  font-variant: no-common-ligatures;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.34;
}
h1:not([class]),
h2:not([class]),
h3:not([class]),
h4:not([class]),
h5:not([class]),
h6:not([class]) {
  font-weight: 700;
  line-height: 1.1;
}
h1:not([class]):last-child,
h2:not([class]):last-child,
h3:not([class]):last-child,
h4:not([class]):last-child,
h5:not([class]):last-child,
h6:not([class]):last-child {
  margin-bottom: 0;
}
h1:not([class]) {
  margin: 0 0 40px;
  font-size: 48px;
}
@media only screen and (min-width: 768px) {
  h1:not([class]) {
    font-size: 80px;
  }
}
h2:not([class]) {
  margin: 0 0 30px;
  font-size: 32px;
}
@media only screen and (min-width: 768px) {
  h2:not([class]) {
    font-size: 60px;
  }
}
h3:not([class]) {
  margin: 0 0 25px;
  font-size: 21px;
  line-height: 1.214;
}
@media only screen and (min-width: 768px) {
  h3:not([class]) {
    font-size: 28px;
  }
}
h4:not([class]) {
  margin: 0 0 20px;
  font-size: 20px;
}
h5:not([class]) {
  margin: 0 0 15px;
  font-size: 18px;
}
h6:not([class]) {
  margin: 0 0 10px;
  font-size: 16px;
}
p:not([class]),
ul:not([class]),
ol:not([class]),
table:not([class]),
img:not([class]),
hr:not([class]),
fieldset:not([class]) {
  margin: 0 0 39px;
}
p:not([class]):last-child,
ul:not([class]):last-child,
ol:not([class]):last-child,
table:not([class]):last-child,
img:not([class]):last-child,
hr:not([class]):last-child,
fieldset:not([class]):last-child {
  margin-bottom: 0;
}
img:not([class]) {
  max-width: 100%;
}
ul:not([class]) {
  margin: 0 0 20px;
  list-style: none;
}
ul:not([class]) > li:not([class]):before {
  content: '';
  position: absolute;
  top: 0.5em;
  left: 8px;
  width: 5px;
  height: 5px;
  background: #343434;
  border-radius: 50%;
}
ol:not([class]) {
  counter-reset: ol;
}
ol:not([class]) > li:not([class]) {
  position: relative;
  padding: 0 0 0 20px;
}
ol:not([class]) > li:not([class]):before {
  content: counter(ol);
  counter-increment: ol;
  position: absolute;
  top: 0;
  left: 8px;
  display: block;
  color: #343434;
}
li:not([class]) {
  position: relative;
  margin: 0 0 10px;
  padding: 0 0 0 20px;
  list-style: none;
}
li:not([class]):last-child {
  margin-bottom: 0;
}
table:not([class]) {
  display: table;
  width: 100%;
  margin: 0 0 20px;
  border-spacing: 1px;
  border-collapse: collapse;
  border: 1px solid #dedede;
}
caption:not([class]) {
  display: table-caption;
  padding: 0 0 10px;
  font-size: 1.1em;
  text-align: center;
}
th:not([class]) {
  vertical-align: middle;
  padding: 10px;
  font-weight: 700;
  text-align: center;
  background: #f1f1f1;
  border: 1px solid #dedede;
}
tbody:not([class]) th:not([class]) {
  text-align: left;
}
td:not([class]) {
  padding: 10px;
  border: 1px solid #dedede;
}
tr:not([class]):nth-child(even) th:not([class]),
tr:not([class]):nth-child(even) td:not([class]) {
  background: #e6e6e6;
}
thead:not([class]) {
  color: #888;
}
tfoot:not([class]) {
  color: #888;
}
tfoot:not([class]) th:not([class]),
tfoot:not([class]) td:not([class]) {
  background: #e6e6e6;
}
a:not([class]) {
  text-decoration: underline;
  transition: color 0.3s ease;
}
a:not([class]):link {
  color: #2b2bd6;
}
a:not([class]):visited {
  color: #d6224c;
}
a:not([class]):hover {
  color: #0b89f5;
}
a:not([class]):active {
  color: #71afe4;
}
sub:not([class]) {
  bottom: -0.25em;
  vertical-align: bottom;
  font-size: 0.75em;
}
sup:not([class]) {
  top: -0.5em;
  vertical-align: top;
  font-size: 0.75em;
}
i:not([class]),
em:not([class]),
dfn:not([class]) {
  font-style: italic;
}
b:not([class]),
strong:not([class]) {
  font-weight: 700;
}
s:not([class]),
strike:not([class]),
del:not([class]) {
  text-decoration: line-through;
}
ins:not([class]) {
  text-decoration: underline;
}
q:not([class]) {
  display: inline;
}
q:not([class]):before {
  content: open-quote;
}
q:not([class]):after {
  content: close-quote;
}
kbd:not([class]) {
  font-family: monospace, monospace;
}
mark:not([class]) {
  background: #f1f1f1;
}
abbr:not([class]) {
  position: relative;
  text-decoration: none;
}
abbr:not([class])[title]:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px dotted #000;
}
blockquote:not([class]) {
  margin: 0 0 20px;
  padding: 20px;
  background: #f1f1f1;
  border: 1px solid #b1b1b1;
}
dl:not([class]) {
  margin: 0 0 20px;
}
dd:not([class]) {
  padding: 0 0 0 50px;
}
hr:not([class]) {
  width: 100%;
  height: 0;
  background: none;
  border: none;
  border-bottom: 2px groove #dedede;
}
fieldset:not([class]) {
  padding: 20px;
  border: 1px solid #dedede;
}
legend:not([class]) {
  margin: 0 0 0 2em;
  padding: 0 0.5em;
}
select:not([class]) {
  width: 200px;
  padding: 10px;
  line-height: 1.6;
  background: #fff;
  border: 1px solid #343434;
}
input[type='text']:not([class]),
input[type='password']:not([class]),
input[type='email']:not([class]),
input[type='url']:not([class]),
input[type='number']:not([class]),
input[type='datetime']:not([class]),
input[type='datetime-local']:not([class]),
input[type='search']:not([class]),
input[type='tel']:not([class]),
input[type='month']:not([class]),
input[type='week']:not([class]),
input[type='date']:not([class]),
input[type='time']:not([class]),
textarea:not([class]) {
  box-sizing: border-box;
  width: 200px;
  margin: 0 0 5px;
  padding: 10px;
  color: #343434;
  font-size: 1em;
  line-height: 1.6;
  text-align: left;
  background: #fff;
  border: 1px solid #343434;
  outline: none;
}
input[type='text']:not([class])::placeholder,
input[type='password']:not([class])::placeholder,
input[type='email']:not([class])::placeholder,
input[type='url']:not([class])::placeholder,
input[type='number']:not([class])::placeholder,
input[type='datetime']:not([class])::placeholder,
input[type='datetime-local']:not([class])::placeholder,
input[type='search']:not([class])::placeholder,
input[type='tel']:not([class])::placeholder,
input[type='month']:not([class])::placeholder,
input[type='week']:not([class])::placeholder,
input[type='date']:not([class])::placeholder,
input[type='time']:not([class])::placeholder,
textarea:not([class])::placeholder {
  color: #ddd;
  font-size: 16px;
  opacity: 1;
}
textarea:not([class]) {
  resize: none;
}
input[type='radio']:not([class]),
input[type='checkbox']:not([class]) {
  margin: 0 2px;
}
button:not([class]),
input[type='button']:not([class]),
input[type='reset']:not([class]),
input[type='submit']:not([class]) {
  padding: 10px;
  font-size: 1em;
  line-height: 1.6;
  background: #f5f5f5;
  border: 1px solid #dedede;
  border-radius: 0;
  outline: none;
}
button:not([class]):hover,
input[type='button']:not([class]):hover,
input[type='reset']:not([class]):hover,
input[type='submit']:not([class]):hover {
  background: #bbb;
}
label:not([class]) {
  font-weight: 700;
}
.bs-group {
  margin: 0 0 40px;
  padding: 20px 0;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
.bs-group__title {
  margin: 0 0 20px;
  color: #909090;
  text-transform: uppercase;
}
.bs-tags-style li {
  margin: 0 0 8px;
}
.bs-tags-style li:last-child {
  margin-bottom: 0;
}
[class|="bx"] a:not([class]) {
  -webkit-text-fill-color: currentColor;
  background-color: transparent;
  background-image: none;
}
.burger {
  position: relative;
  z-index: 10;
  display: inline-block;
  vertical-align: middle;
  width: 55px;
  height: 55px;
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: 0;
  font-weight: 400;
  line-height: 0;
  text-decoration: none;
  cursor: pointer;
  background: transparent;
  border: none;
  outline: none;
  transition: color 0.3s ease;
}
.burger:hover {
  text-decoration: none;
}
.burger:focus {
  outline: none;
}
.burger__bars {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  width: 55px;
  height: 2px;
  transform: translate(0, -50%);
  transition: border-color 0.3s ease;
}
.burger__bars:before,
.burger__bars:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 55px;
  height: 100%;
  background: currentColor;
  transform: translate(-50%, -7px);
  transition: transform 0.3s ease;
}
.burger__bars:after {
  transform: translate(-50%, 6px);
}
.burger_state_closed .burger__bars {
  border-color: transparent;
}
.burger_state_closed .burger__bars:before {
  transform: translate(-50%, -50%) rotate(-12deg);
}
.burger_state_closed .burger__bars:after {
  transform: translate(-50%, -50%) rotate(12deg);
}
.carousel-nav {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  font-size: 0;
  line-height: 0;
  white-space: nowrap;
}
.carousel-nav__control {
  display: block;
  flex: 0 0 auto;
  padding: 0 30px;
}
.carousel-nav__control:first-child {
  padding-left: 0;
}
.carousel-nav__control:last-child {
  padding-right: 0;
}
.carousel-nav__arrow {
  position: relative;
  display: block;
  width: 55px;
  height: 55px;
  color: #769d91;
  text-align: center;
  text-decoration: none;
  pointer-events: auto;
  background: transparent;
  border: none;
  border-radius: 0;
  outline: none;
  transition: all 0.3s ease;
  transition-property: color, background-color, border-color, opacity;
}
.carousel-nav__arrow:hover {
  color: #769d91;
  background-color: transparent;
  border-color: transparent;
}
.carousel-nav__arrow:disabled {
  color: #769d91;
  pointer-events: none;
  background-color: transparent;
  opacity: 0.5;
}
.carousel-nav__arrow_type_next .carousel-nav__icon {
  transform: translate(-50%, -50%) rotate(90deg);
}
.carousel-nav__arrow-label {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.carousel-nav__arrow-label:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  width: 12px;
  height: 12px;
  border-top: 3px solid currentColor;
  border-right: 3px solid currentColor;
}
.carousel-nav__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  width: 15px;
  height: 55px;
  fill: currentColor;
  transform: translate(-50%, -50%) rotate(-90deg);
}
.carousel-nav__pagination {
  display: block;
  flex: 0 0 auto;
  padding: 0 4px;
}
.carousel-nav__pagination:first-child {
  padding-left: 0;
}
.carousel-nav__pagination:last-child {
  padding-right: 0;
}
.carousel-nav__pagination-element {
  display: inline-block;
  vertical-align: middle;
  color: #dfdfdf;
  font-size: 20px;
  line-height: 24px;
}
.carousel-nav__current {
  color: #769d91;
}
.carousel-nav_layout_sides {
  justify-content: space-between;
}
.carousel-nav_hide_disabled .carousel-nav__arrow:disabled {
  transform: scale(0);
}
.carousel-set {
  display: block;
}
.carousel-set__panel {
  display: none;
}
.carousel-set__panel_state_active {
  display: block;
}
.footer {
  position: relative;
  display: block;
  padding: 40px 0 50px;
  color: #769d91;
  background: #dfdfdf;
}
@media only screen and (min-width: 768px) {
  .footer {
    padding: 85px 0 104px;
  }
}
.footer__container {
  display: block;
}
.footer__heading {
  display: block;
  margin: 0 0 24px;
}
@media only screen and (min-width: 768px) {
  .footer__heading {
    margin: 0 0 80px;
  }
}
@media only screen and (min-width: 1025px) {
  .footer__heading {
    margin: 0 0 194px;
  }
}
.footer__heading:last-child {
  margin-bottom: 0;
}
.footer__info-group {
  display: block;
  margin: 0 0 80px;
}
@media only screen and (min-width: 768px) {
  .footer__info-group {
    margin: 0 0 120px;
  }
}
@media only screen and (min-width: 1025px) {
  .footer__info-group {
    margin: 0 0 194px;
  }
}
.footer__info-group:last-child {
  margin-bottom: 0;
}
.header {
  position: relative;
  display: block;
  padding: 16px 0 18px;
  background: #fff;
  transition: background 0.3s ease;
}
.header__container {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.header__floating-logo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: none;
}
.header__logo {
  display: block;
  flex: 1 1 auto;
  width: auto;
  max-width: 113px;
  margin: 0 auto 0 -1px;
  padding: 0 0 8px;
  pointer-events: auto;
  transition: all 0.3s ease;
  transition-property: top left transform;
}
.header__burger {
  display: block;
  flex: 0 0 auto;
  width: auto;
  margin: 0 0 0 20px;
  pointer-events: auto;
}
.header__burger:first-child {
  margin-left: 0;
}
.header__nav {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 10;
  display: block;
  visibility: hidden;
  height: calc(100vh - 100%);
  padding: 13px 20px 17px;
  background: rgba(255,255,255,0.7);
  opacity: 0;
  transition: all 0.3s ease;
  transition-property: visibility opacity background;
}
@media only screen and (min-width: 1720px) {
  .header__nav {
    width: calc(68vw - 880px);
    padding: 13px calc(50vw - 840px) 17px 20px;
  }
}
.header_nav_open .header__nav {
  visibility: visible;
  opacity: 1;
}
.header_position_absolute {
  color: #fff;
  background: transparent;
}
.header_position_absolute .header__nav {
  background: transparent;
  box-shadow: none;
}
.header_position_fixed {
  color: #769d91;
  background: #fff;
}
.header_position_fixed .header__nav {
  background: rgba(255,255,255,0.7);
}
.header_position_fixed .header__floating-logo {
  visibility: hidden;
}
.hover-gif {
  position: relative;
  display: block;
  overflow: hidden;
}
.hover-gif:before {
  content: '';
  display: block;
  width: 100%;
  height: auto;
  padding: 67.567% 0 0;
}
.hover-gif__image {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
  object-position: 50% 50%;
}
.hover-gif .ff-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hover-gif .ff-ready .ff-canvas-ready {
  display: none;
}
.hover-image {
  position: relative;
  display: block;
}
.hover-image:hover .hover-image__illustration {
  opacity: 0;
}
.hover-image:hover .hover-image__hover {
  opacity: 1;
}
.hover-image__illustration {
  display: block;
  transition: opacity 0.3s ease;
}
.hover-image__hover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.hover-image__hover .hover-image__image {
  height: 100%;
}
.hover-image__image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0, 10px, 10px, 0, rgba(0,0,0,0.25));
}
.illust-section {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 60px 0;
  color: #769d91;
  background: #dfdfdf;
}
.illust-section__container {
  display: block;
  margin: 0 auto;
  padding: 0 20px;
}
@media only screen and (min-width: 1025px) {
  .illust-section__container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
  }
}
@media only screen and (min-width: 1281px) {
  .illust-section__container {
    padding: 0 105px;
  }
}
.illust-section__content {
  display: block;
  flex: 0 0 557px;
  margin: 0 0 0 10px;
}
@media only screen and (min-width: 1025px) {
  .illust-section__content {
    padding: 24px 0 0;
  }
}
.illust-section__content:first-child {
  margin-left: 0;
}
.illust-section__main {
  display: block;
  margin: 0 0 64px;
  font-size: 20px;
  line-height: 1.259;
}
@media only screen and (min-width: 768px) {
  .illust-section__main {
    font-size: 27px;
  }
}
@media only screen and (min-width: 1025px) {
  .illust-section__main {
    margin: 0 0 202px;
  }
}
.illust-section__main:last-child {
  margin-bottom: 0;
}
.illust-section__title {
  margin: 0 0 30px;
}
.illust-section__title:last-child {
  margin-bottom: 0;
}
.illust-section__note {
  max-width: 413px;
  margin: 0 0 0 auto;
}
.illust-section__illustration {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
}
@media only screen and (min-width: 1025px) {
  .illust-section__illustration {
    display: block;
    flex: 0 0 auto;
    width: auto;
  }
}
.illust-section__image {
  display: block;
  width: auto;
  height: 200px;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .illust-section__image {
    height: 400px;
  }
}
@media only screen and (min-width: 1025px) {
  .illust-section__image {
    height: auto;
  }
}
.image-carousel {
  display: block;
  letter-spacing: 0;
}
.image-carousel .image-carousel__slide {
  height: auto;
}
.image-carousel__image {
  display: block;
  width: 100%;
}
.image-carousel__bullets {
  padding: 32px 0 0;
}
.image-carousel__nav {
  z-index: 1;
  display: block;
  padding: 32px 0 0;
}
.image-carousel_shifted-bullets_right .image-carousel__bullets {
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .image-carousel_shifted-bullets_right .image-carousel__bullets {
    padding-left: calc(50vw - 295px);
  }
}
@media only screen and (min-width: 1720px) {
  .image-carousel_shifted-bullets_right .image-carousel__bullets {
    padding-left: 565px;
  }
}
.info-group {
  display: block;
}
.info-group__wrapper {
  display: block;
}
@media only screen and (min-width: 1025px) {
  .info-group__wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin: -20px;
  }
}
.info-group__col {
  display: block;
  margin: 0 0 64px;
}
@media only screen and (min-width: 1025px) {
  .info-group__col {
    flex: 0 1 50%;
    width: 50%;
    max-width: 50%;
    margin: 0;
    padding: 20px;
  }
}
@media only screen and (min-width: 1440px) {
  .info-group__col {
    flex-basis: 33.3333%;
    width: 33.3333%;
    max-width: 33.3333%;
  }
}
.info-group__col:last-child {
  margin-bottom: 0;
}
.info-group__title {
  display: block;
  margin: 0 0 43px;
}
.info-group__title:last-child {
  margin-bottom: 0;
}
.info-group__list {
  display: block;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .info-group__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
    grid-gap: 30px;
  }
}
.info-group__item {
  display: block;
  margin: 0 0 32px;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .info-group__item {
    margin: 0;
  }
}
.info {
  display: block;
}
.info__title {
  font-weight: 700;
}
.intro {
  position: relative;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-end;
  height: 100vh;
  color: #fff;
  background: #769d91;
}
.intro__background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #769d91;
}
.intro__hover-figure {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 250px;
  height: 250px;
  pointer-events: none;
  background: #fff;
  background-repeat: repeat;
  background-size: 100vw auto;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='300' height='300' viewBox='0 0 300 300' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='150' cy='150' r='150' fill='url(%23rad-grad-mask)'/%3E%3Cdefs%3E%3CradialGradient id='rad-grad-mask' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(150 150) rotate(90) scale(150)'%3E%3Cstop/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg width='300' height='300' viewBox='0 0 300 300' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='150' cy='150' r='150' fill='url(%23rad-grad-mask)'/%3E%3Cdefs%3E%3CradialGradient id='rad-grad-mask' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(150 150) rotate(90) scale(150)'%3E%3Cstop/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  -webkit-mask-position: 0 0;
          mask-position: 0 0;
  -webkit-mask-size: contain;
          mask-size: contain;
  opacity: 0;
  transition: opacity 0.3s ease;
  transform: none;
}
.intro__content {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  padding: 126px 0 60px;
  pointer-events: none;
  transition: transform 0.3s ease;
}
.intro__figure {
  display: block;
  width: 100%;
  height: auto;
  fill: currentColor;
}
.intro.hover-figure-shown .intro__hover-figure {
  opacity: 1;
}
.link {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: #769d91;
  font: inherit;
  font-weight: 900;
  text-decoration: none;
  background: transparent;
  border: none;
  border-bottom: 1px solid currentColor;
  outline: none;
  transition: color 0.3s ease;
}
.link:hover:before {
  opacity: 0;
}
.link:hover .link__text {
  opacity: 1;
}
.link:focus {
  border-color: transparent;
}
.link:before {
  content: attr(data-content);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  font: inherit;
  font-weight: 400;
  transition: opacity 0.3s ease;
}
.link__text {
  position: relative;
  display: block;
  width: 100%;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.link_style_ninja {
  color: inherit;
  border-color: transparent;
}
.link_style_ninja:hover,
.link_style_ninja:focus {
  color: inherit;
}
.logo {
  display: block;
  color: inherit;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.logo:hover {
  opacity: 0.7;
}
.logo__image {
  display: block;
  width: 100%;
}
.logo__figure {
  display: block;
  width: 100%;
  height: auto;
  fill: currentColor;
}
.nav {
  display: block;
  font-size: 20px;
  line-height: 1.2;
  text-align: right;
}
.nav__list {
  display: block;
  margin: 0;
  padding: 0;
}
.nav__item {
  display: block;
  margin: 0 0 12px;
  padding: 0;
}
.nav__item:last-child {
  margin-bottom: 0;
}
.nav__link {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: inherit;
  font-weight: 900;
  text-decoration: none;
  pointer-events: auto;
}
.nav__link:hover:before {
  opacity: 0;
}
.nav__link:hover .nav__text {
  opacity: 1;
}
.nav__link:before {
  content: attr(data-content);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  font: inherit;
  font-weight: 400;
  transition: opacity 0.3s ease;
}
.nav__text {
  position: relative;
  display: block;
  width: 100%;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.page {
  position: relative;
  display: block;
  scroll-behavior: smooth;
}
.page__body {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100vh;
  background: #fff;
}
.page__header {
  position: relative;
  top: 0;
  left: 0;
  z-index: 500;
  display: block;
  flex: 0 0 auto;
  width: 100%;
}
.page__header_position_absolute {
  position: absolute;
  pointer-events: none;
}
.page__header_position_fixed {
  pointer-events: auto;
}
.page__header_position_fixed .page__header-wrapper {
  position: fixed;
}
.page__header-wrapper {
  position: relative;
  top: 0;
  left: 0;
  z-index: inherit;
  display: block;
  width: 100%;
}
.page__content {
  display: block;
  flex: 1 1 auto;
  width: 100%;
}
.page__container {
  width: 100%;
  max-width: 1720px;
  margin: 0 auto;
  padding: 0 20px;
}
.page__container_width_fullhd {
  max-width: 1920px;
}
.page__container_width_full {
  max-width: 100%;
}
.page__footer {
  display: block;
  flex: 0 0 auto;
  width: 100%;
}
.page__scroller {
  position: fixed;
  right: 82px;
  bottom: 111px;
  z-index: 490;
  display: none;
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
  will-change: transform;
}
@media only screen and (min-width: 1025px) {
  .page__scroller {
    display: block;
  }
}
.page__scroller_state_hidden {
  visibility: hidden;
  opacity: 0;
  transform: translate(0, 50%);
}
.props {
  display: table;
  width: 100%;
  border-collapse: collapse;
}
.props__prop {
  display: table-row;
}
.props__label {
  display: table-cell;
  width: 100%;
}
.props__value {
  display: table-cell;
  white-space: nowrap;
}
.recipe-carousel {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 40px 0;
}
@media only screen and (min-width: 768px) {
  .recipe-carousel {
    padding: 89px 0 36px;
  }
}
.recipe-carousel__background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: repeat;
  background-position: 0 0;
  background-size: 100vw auto;
}
.recipe-carousel__hover-figure {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 250px;
  height: 250px;
  pointer-events: none;
  background: #fff;
  background-repeat: repeat;
  background-size: 100vw auto;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='300' height='300' viewBox='0 0 300 300' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='150' cy='150' r='150' fill='url(%23rad-grad-mask)'/%3E%3Cdefs%3E%3CradialGradient id='rad-grad-mask' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(150 150) rotate(90) scale(150)'%3E%3Cstop/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg width='300' height='300' viewBox='0 0 300 300' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='150' cy='150' r='150' fill='url(%23rad-grad-mask)'/%3E%3Cdefs%3E%3CradialGradient id='rad-grad-mask' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(150 150) rotate(90) scale(150)'%3E%3Cstop/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  -webkit-mask-position: 0 0;
          mask-position: 0 0;
  -webkit-mask-size: contain;
          mask-size: contain;
  opacity: 0;
  transition: opacity 0.3s ease;
  transform: none;
}
.recipe-carousel__main {
  position: relative;
  display: block;
}
.recipe-carousel__title {
  display: block;
  margin: 0 0 29px;
}
.recipe-carousel__title:last-child {
  margin-bottom: 0;
}
.recipe-carousel__container {
  overflow: hidden;
}
.recipe-carousel__wrapper {
  display: flex;
  flex-wrap: nowrap;
}
.recipe-carousel__slide {
  display: block;
  width: 100%;
  height: auto;
}
.recipe-carousel__nav {
  z-index: 1;
  display: block;
  padding: 20px 0 0;
}
@media only screen and (min-width: 1025px) {
  .recipe-carousel__nav {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    padding: 0;
  }
}
.recipe-carousel.hover-figure-shown .recipe-carousel__hover-figure {
  opacity: 1;
}
.recipe {
  display: block;
}
.recipe__text {
  display: block;
  max-width: 540px;
  margin: 0 0 38px;
  font-size: 21px;
  line-height: 1.214;
}
@media only screen and (min-width: 768px) {
  .recipe__text {
    font-size: 28px;
  }
}
.recipe__text:last-child {
  margin-bottom: 0;
}
.recipe__main {
  display: block;
}
@media only screen and (min-width: 1025px) {
  .recipe__main {
    display: flex;
    justify-content: space-between;
  }
}
.recipe__props {
  display: block;
  padding: 0 0 64px;
}
@media only screen and (min-width: 1025px) {
  .recipe__props {
    flex: 0 1 564px;
    width: 564px;
    max-width: 47%;
  }
}
.recipe__steps {
  display: block;
}
@media only screen and (min-width: 1025px) {
  .recipe__steps {
    flex: 0 1 620px;
    width: 620px;
    max-width: 47%;
  }
}
.scroller {
  display: block;
  color: #769d91;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.scroller:hover {
  opacity: 0.7;
}
.scroller__icon {
  display: block;
  width: 15px;
  height: 55px;
  fill: currentColor;
}
.section {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 50px 0;
}
@media only screen and (min-width: 768px) {
  .section {
    padding: 100px 0;
  }
}
.section__intro {
  display: block;
  width: 100%;
  margin: 0 0 72px;
}
.section__intro:last-child {
  margin-bottom: 0;
}
.section__header {
  display: block;
  margin: 0 0 32px;
}
.section__header:last-child {
  margin-bottom: 0;
}
.section__content {
  display: block;
}
.section__text {
  margin: 0 0 40px;
}
.section__text:last-child {
  margin-bottom: 0;
}
.section__links {
  display: flex;
  flex-wrap: wrap;
  row-gap: 24px;
  -moz-column-gap: 52px;
       column-gap: 52px;
}
.section__link {
  display: block;
  flex: 0 1 auto;
  width: auto;
}
@media only screen and (min-width: 1025px) {
  .section_offset_left .section__container {
    max-width: 1275px;
    margin: 0 0 0 auto;
    padding: 0 0 0 160px;
  }
}
.section_offset_left .section__title,
.section_offset_left .section__text {
  max-width: 410px;
}
.steps {
  display: block;
}
.steps__list {
  counter-reset: steps;
  display: block;
  margin: 0 0 54px;
  padding: 0;
}
.steps__list:last-child {
  margin-bottom: 0;
}
.steps__item {
  position: relative;
  display: block;
  margin: 0 0 15px;
  padding: 0 0 0 80px;
}
.steps__item:last-child {
  margin-bottom: 0;
}
.steps__item:before {
  content: 'Шаг ' counter(steps) ':';
  counter-increment: steps;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: auto;
  font: inherit;
}
.steps__note {
  padding: 0 0 0 80px;
}
.title {
  display: block;
  margin: 0;
  padding: 0;
  color: inherit;
  font-weight: 400;
  line-height: 1.1;
}
.title_size_h1 {
  font-size: 48px;
}
@media only screen and (min-width: 768px) {
  .title_size_h1 {
    font-size: 80px;
  }
}
.title_size_h2 {
  font-size: 32px;
}
@media only screen and (min-width: 768px) {
  .title_size_h2 {
    font-size: 60px;
  }
}
.title_size_h3 {
  font-size: 24px;
  line-height: 1.214;
}
@media only screen and (min-width: 768px) {
  .title_size_h3 {
    font-size: 28px;
  }
}
.title_style_primary {
  color: #769d91;
}
.title_style_grey {
  color: #dfdfdf;
}
.title_style_light {
  color: #fff;
}
.title_align_left {
  text-align: left;
}
.title_align_center {
  text-align: center;
}
.title_align_right {
  text-align: right;
}
.hidden {
  display: none;
}
@media only screen and (max-width: 0px) {
  .hidden-xs {
    display: none !important;
  }
}
@media only screen and (min-width: 1px) {
  .hidden-up-xs {
    display: none !important;
  }
}
@media only screen and (max-width: 479px) {
  .hidden-s {
    display: none !important;
  }
}
@media only screen and (min-width: 480px) {
  .hidden-up-s {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .hidden-m {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .hidden-up-m {
    display: none !important;
  }
}
@media only screen and (max-width: 1024px) {
  .hidden-l {
    display: none !important;
  }
}
@media only screen and (min-width: 1025px) {
  .hidden-up-l {
    display: none !important;
  }
}
@media only screen and (max-width: 1280px) {
  .hidden-xl {
    display: none !important;
  }
}
@media only screen and (min-width: 1281px) {
  .hidden-up-xl {
    display: none !important;
  }
}
@media only screen and (max-width: 1439px) {
  .hidden-xxl {
    display: none !important;
  }
}
@media only screen and (min-width: 1440px) {
  .hidden-up-xxl {
    display: none !important;
  }
}
.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: none;
  opacity: 0.01;
  transform: scale(0.001);
}