@charset "UTF-8";
* {
  overflow-anchor: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box
}
::after,
::before {
  box-sizing: border-box
}
a {
  text-decoration: none
}
[role=button],
a,
button,
input,
label,
select,
textarea {
  -webkit-tap-highlight-color: transparent
}
::-moz-placeholder {
  color: #666
}
::placeholder {
  color: #666
}
::-moz-selection {
  text-shadow: none;
  color: #fff;
  background-color: #3390ff
}
::selection {
  text-shadow: none;
  color: #fff;
  background-color: #3390ff
}
b,
strong {
  font-weight: 700
}
ol.rst,
ul.rst {
  list-style: none
}
input,
textarea {
  border: #666 1px solid;
  font-family: Pragmatica,sans-serif
}
body {
  width: 100%;
  height: 100%;
  min-width: 360px;
  font-style: normal;
  line-height: 1.15;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%
}
[hidden] {
  display: none
}
textarea {
  vertical-align: top;
  overflow: auto;
  resize: vertical
}
audio:not([controls]) {
  display: none;
  height: 0
}
button,
input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer
}
button[disabled],
input[disabled] {
  cursor: default
}
sub,
sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0
}
sub {
  bottom: -.25em
}
sup {
  top: -.5em
}
button {
  font-family: inherit;
  font-weight: inherit
}
@font-face {
  font-family: CoFo-Hand;
  font-weight: 400;
  font-display: swap;
  font-style: normal;
  src: local("CoFo-Hand"),url(../fonts/CoFo-Hand/cofohandtrial-regular.woff2) format("woff2")
}
@font-face {
  font-family: Formular;
  font-weight: 700;
  font-display: swap;
  font-style: normal;
  src: local("Formular"),url(../fonts/Formular/Formular-Bold.woff2) format("woff2")
}
@font-face {
  font-family: Pragmatica;
  font-weight: 400;
  font-display: swap;
  font-style: normal;
  src: local("Pragmatica"),url(../fonts/Pragmatica/Pragmatica-Book.woff2) format("woff2")
}
@font-face {
  font-family: Pragmatica;
  font-weight: 700;
  font-display: swap;
  font-style: normal;
  src: local("Pragmatica"),url(../fonts/Pragmatica/Pragmatica-Bold.woff2) format("woff2")
}
@font-face {
  font-family: ProximaNovaCondensed;
  font-weight: 700;
  font-display: swap;
  font-style: normal;
  src: local("ProximaNovaCondensed"),url(../fonts/ProximaNovaCondensed/ProximaNovaCond-Bold.woff2) format("woff2")
}
@font-face {
  font-family: ProximaNovaCondensed;
  font-weight: 800;
  font-display: swap;
  font-style: normal;
  src: local("ProximaNovaCondensed"),url(../fonts/ProximaNovaCondensed/ProximaNovaCond-Extrabld.woff2) format("woff2")
}
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal
}
:root {
  --swiper-theme-color: #007aff
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
  box-sizing: content-box
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0,0,0)
}
.swiper-horizontal {
  touch-action: pan-y
}
.swiper-vertical {
  touch-action: pan-x
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block
}
.swiper-slide-invisible-blank {
  visibility: hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform,height
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d
}
.swiper-3d {
  perspective: 1200px
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after)
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after)
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0,0,0,.15)
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0)
  }
  100% {
    transform: rotate(360deg)
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0)
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size)
}
:root {
  --swiper-navigation-size: 44px
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset,50%);
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size)/ 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color,var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none!important
}
.swiper-button-next svg,
.swiper-button-prev svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transform-origin: center
}
.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg)
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset,10px);
  right: auto
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset,10px);
  left: auto
}
.swiper-button-lock {
  display: none
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none!important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev"
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset,10px);
  left: auto
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next"
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0,0,0);
  z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none!important
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom,8px);
  top: var(--swiper-pagination-top,auto);
  left: 0;
  width: 100%
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(.33);
  position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33)
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
  height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius,50%);
  background: var(--swiper-pagination-bullet-inactive-color,#000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity,.2)
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}
.swiper-pagination-bullet:only-child {
  display: none!important
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity,1);
  background: var(--swiper-pagination-color,var(--swiper-theme-color))
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right,8px);
  left: var(--swiper-pagination-left,auto);
  top: 50%;
  transform: translate3d(0,-50%,0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
  display: block
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s transform,.2s top
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform,.2s left
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform,.2s right
}
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color,inherit)
}
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
  position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color,var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size,4px);
  left: 0;
  top: 0
}
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size,4px);
  height: 100%;
  left: 0;
  top: 0
}
.swiper-pagination-lock {
  display: none
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius,10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none!important
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset,1%);
  bottom: var(--swiper-scrollbar-bottom,4px);
  top: var(--swiper-scrollbar-top,auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size,4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left,auto);
  right: var(--swiper-scrollbar-right,4px);
  top: var(--swiper-scrollbar-sides-offset,1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size,4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
  border-radius: var(--swiper-scrollbar-border-radius,10px);
  left: 0;
  top: 0
}
.swiper-scrollbar-cursor-drag {
  cursor: move
}
.swiper-scrollbar-lock {
  display: none
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper.swiper-cube {
  overflow: visible
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: .6;
  z-index: 0
}
.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px)
}
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden
}
.swiper.swiper-flip {
  overflow: visible
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden
}
.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform,opacity,height
}
.swiper.swiper-cards {
  overflow: visible
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  backface-visibility: hidden;
  overflow: hidden
}
.html {
  height: 100%;
  font-size: 10px
}
.body {
  position: relative;
  width: 100%;
  font-family: Pragmatica,sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.2;
  color: #0a0c0f;
  background: #e8e1ca
}
.site {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 100%;
  overflow-x: hidden;
  min-height: 100%
}
.input-custom {
  position: relative
}
.input-custom__input {
  border: 1px solid #e4e5e6;
  border-radius: 50px;
  padding: 12px 17px;
  width: 100%;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -.01em;
  color: #4a3d3d;
  background: #fff
}
@media (max-width:575.5px) {
  .input-custom__input {
    font-size: 14px
  }
}
.input-custom__input::-moz-placeholder {
  color: rgba(74,61,61,.5)
}
.input-custom__input::placeholder {
  color: rgba(74,61,61,.5)
}
.input-custom_err .input-custom__input {
  border-color: red
}
.input-custom_err .input-custom__input::-moz-placeholder {
  color: red
}
.input-custom_err .input-custom__input::placeholder {
  color: red
}
.input-search {
  position: relative;
  font-size: 0
}
.input-search__input {
  border: 1px solid #e4e5e6;
  border-radius: 50px;
  padding: 12px 17px;
  padding-left: 46px;
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -.01em;
  color: #4a3d3d;
  background: #fff
}
.input-search__input::-moz-placeholder {
  color: rgba(74,61,61,.5)
}
.input-search__input::placeholder {
  color: rgba(74,61,61,.5)
}
.input-search__icon {
  position: absolute;
  left: 15px;
  top: 50%;
  width: 20px;
  aspect-ratio: 1;
  background-color: #4a3d3d;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(-50%)
}
.check-custom {
  position: relative;
  display: inline-block;
  padding-left: 35px
}
@media (max-width:1023.5px) {
  .check-custom {
    padding-left: 44px
  }
}
@media (max-width:575.5px) {
  .check-custom {
    padding-left: 43px
  }
}
.check-custom__input {
  position: fixed;
  transform: scale(0)
}
.check-custom__input:checked + .check-custom__fake::after {
  opacity: 1
}
.check-custom__fake {
  position: absolute;
  left: 0;
  top: 5px;
  display: inline-block;
  border: 1px solid #e8e1ca;
  border-radius: 5px;
  width: 24px;
  aspect-ratio: 1;
  cursor: pointer
}
.check-custom__fake::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 3px;
  width: calc(100% - 10px);
  aspect-ratio: 1;
  background-color: #e8e1ca;
  transform: translate(-50%,-50%);
  opacity: 0;
  transition: opacity .1s ease-in-out
}
.check-custom__text {
  display: inline-block;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -.01em;
  color: #e8e1ca
}
@media (max-width:575.5px) {
  .check-custom__text {
    font-size: 16px
  }
}
.check-custom__text a {
  color: inherit;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none
}
.check-custom_err .check-custom__fake {
  border-color: red
}
.icon {
  display: inline-block;
  width: var(--icon-width,24px);
  aspect-ratio: var(--icon-ratio,1);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
  background-color: var(--icon-color,#fff)
}
.btn {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  background-color: transparent
}
.btn-wrapper {
  text-align: center
}
.btn-default {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  background-color: transparent;
  border: 2px solid #4a3d3d;
  border-radius: 10px;
  padding: 16px 24px;
  min-width: 239px;
  font-weight: 400;
  font-size: 24px;
  line-height: 1;
  text-transform: lowercase;
  color: #4a3d3d;
  transition: color .2s ease-in-out,font-weight .2s ease-in-out,border-color .2s ease-in-out
}
@media (max-width:575.5px) {
  .btn-default {
    padding: 9px 24px;
    font-size: 18px
  }
}
@media (any-hover:hover) {
  .btn-default:hover {
    color: #221c1c;
    border-color: #221c1c
  }
}
.btn-second {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  background-color: transparent;
  border-radius: 20px;
  padding: 18px 40px;
  font-weight: 400;
  font-size: 24px;
  line-height: 1;
  color: #fff;
  background: #4a3d3d
}
.btn-more {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.33333;
  text-transform: uppercase;
  color: #4a3d3d
}
@media (max-width:575.5px) {
  .btn-more {
    gap: 4px;
    font-size: 18px;
    line-height: 1.25
  }
}
.btn-more__icon {
  --btn-more-icon-color: #4a3d3d;
  display: inline-block;
  width: 44px;
  flex-shrink: 0;
  aspect-ratio: 44/28;
  background-color: var(--btn-more-icon-color);
  -webkit-mask-image: url(../img/icon-arrow.svg);
  mask-image: url(../img/icon-arrow.svg);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: translateY(-2px);
  transition: background-color .2s ease-in-out
}
@media (max-width:575.5px) {
  .btn-more__icon {
    transform: translateY(0);
    width: 22px
  }
}
@media (any-hover:hover) {
  .btn-more:hover {
    -btn-more-icon-color: #221c1c;
    color: #221c1c
  }
}
.visually-hidden {
  position: fixed;
  transform: scale(0)
}
.title-default {
  font-family: ProximaNovaCondensed,sans-serif;
  font-weight: 800;
  font-size: 48px;
  line-height: 1;
  text-transform: uppercase;
  color: #4a3d3d
}
@media (max-width:575.5px) {
  .title-default {
    font-size: 40px
  }
}
.text-common {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.2;
  letter-spacing: -.01em;
  color: #4a3d3d
}
@media (max-width:1449.5px) {
  .text-common {
    font-size: 20px
  }
}
@media (max-width:1023.5px) {
  .text-common {
    font-size: 24px
  }
}
@media (max-width:575.5px) {
  .text-common {
    font-size: 18px
  }
}
.text-common p:not(:last-child) {
  margin-bottom: 29px
}
@media (max-width:1449.5px) {
  .text-common p:not(:last-child) {
    margin-bottom: 20px
  }
}
@media (max-width:1023.5px) {
  .text-common p:not(:last-child) {
    margin-bottom: 30px
  }
}
@media (max-width:575.5px) {
  .text-common p:not(:last-child) {
    margin-bottom: 22px
  }
}
.text-desc {
  font-family: CoFo-Hand,sans-serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 1.2;
  letter-spacing: -.01em;
  color: #4a3d3d
}
@media (max-width:1719.5px) {
  .text-desc {
    font-size: 28px
  }
}
@media (max-width:1023.5px) {
  .text-desc {
    font-size: 32px
  }
}
@media (max-width:575.5px) {
  .text-desc {
    font-size: 20px
  }
}
.open-menu {
  overflow: hidden
}
.logo {
  display: inline-block;
  font-size: 0
}
.container {
  margin: 0 auto;
  padding-left: 40px;
  padding-right: 40px;
  width: 100%;
  max-width: 1920px
}
@media (max-width:767.5px) {
  .container {
    padding-left: 20px;
    padding-right: 20px
  }
}
.header {
  --header-bg-color: transparent;
  --header-color: #e8e1ca;
  --header-phone-icon-color: #e8e1ca;
  --header-active-logo-opacity: 0;
  position: fixed;
  z-index: 15;
  left: 0;
  top: 0;
  width: 100%;
  background: var(--header-bg-color);
  transition: background-color .2s ease-in-out
}
@media (any-hover:hover) {
  .header:hover {
    background: rgba(74,61,61,.2)
  }
}
.header_active {
  --header-phone-icon-color: #4a3d3d;
  --header-color: #4a3d3d;
  --header-bg-color: #e8e1ca;
  --header-active-logo-opacity: 1
}
@media (any-hover:hover) {
  .header_active:hover {
    background: var(--header-bg-color)
  }
}
.header__container {
  display: flex;
  align-items: center;
  padding-top: 29px;
  padding-bottom: 29px
}
@media (max-width:1449.5px) {
  .header__container {
    padding-top: 20px;
    padding-bottom: 20px
  }
}
@media (max-width:575.5px) {
  .header__container {
    padding-top: 18px;
    padding-bottom: 18px
  }
}
.header__logo {
  position: relative;
  display: inline-block;
  margin-right: auto
}
.header__logo-icon {
  display: inline-block;
  width: 234px;
  aspect-ratio: 234/60;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity .2s ease-in-out
}
@media (max-width:1719.5px) {
  .header__logo-icon {
    width: 200px
  }
}
@media (max-width:1449.5px) {
  .header__logo-icon {
    width: 180px
  }
}
@media (max-width:1299.5px) {
  .header__logo-icon {
    width: 150px
  }
}
@media (max-width:1023.5px) {
  .header__logo-icon {
    width: 234px
  }
}
@media (max-width:575.5px) {
  .header__logo-icon {
    width: 131px
  }
}
.header__logo-icon_active {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: var(--header-active-logo-opacity)
}
@media (max-width:1023.5px) {
  .header__menu {
    display: none
  }
}
.header__menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 80px;
  margin-right: 190px
}
@media (max-width:1719.5px) {
  .header__menu-list {
    gap: 60px;
    margin-right: 100px
  }
}
@media (max-width:1449.5px) {
  .header__menu-list {
    gap: 30px
  }
}
@media (max-width:1299.5px) {
  .header__menu-list {
    margin-right: 60px;
    gap: 16px
  }
}
.header__menu-link {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--header-color);
  transition: color .2s ease-in-out
}
@media (max-width:1719.5px) {
  .header__menu-link {
    font-size: 18px
  }
}
@media (max-width:1299.5px) {
  .header__menu-link {
    font-size: 14px
  }
}
@media (any-hover:hover) {
  .header__menu-link:hover {
    --header-color: #d3ccb6
  }
  .header_active .header__menu-link:hover {
    --header-color: #221c1c
  }
}
.header__right {
  display: flex;
  gap: 10px
}
@media (max-width:1023.5px) {
  .header__right {
    gap: 8px
  }
}
.header__search {
  position: relative
}
@media (max-width:1023.5px) {
  .header__search {
    display: none
  }
}
.header__search-btn {
  position: absolute;
  left: 16px;
  top: 50%;
  display: inline-block;
  border: none;
  background: 0 0;
  transform: translateY(-50%)
}
.header__search-btn-icon {
  display: inline-block;
  width: 20px;
  aspect-ratio: 1;
  background-color: var(--header-color);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: background-color .2s ease-in-out
}
.header__search-input {
  border: 1.5px solid var(--header-color);
  border-radius: 8px;
  padding: 13px 16px;
  padding-left: 40px;
  width: 238px;
  background-color: transparent;
  transition: border-color .2s ease-in-out
}
@media (max-width:1299.5px) {
  .header__search-input {
    width: 180px
  }
}
.header__phone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid var(--header-color);
  border-radius: 8px;
  width: 44px;
  aspect-ratio: 1;
  transition: background-color .2s ease-in-out,border-color .2s ease-in-out
}
@media (max-width:575.5px) {
  .header__phone {
    width: 32px
  }
}
@media (any-hover:hover) {
  .header__phone:hover {
    --header-phone-icon-color: #4a3d3d;
    background: #e8e1ca
  }
  .header_active .header__phone:hover {
    --header-phone-icon-color: #e8e1ca;
    background: #4a3d3d
  }
}
.header__phone-icon {
  display: inline-block;
  width: 20px;
  aspect-ratio: 1;
  background-color: var(--header-phone-icon-color);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: background-color .2s ease-in-out
}
.header__to-search {
  display: none;
  align-items: center;
  justify-content: center;
  border: 1.5px solid var(--header-color);
  border-radius: 8px;
  width: 44px;
  aspect-ratio: 1;
  background-color: transparent;
  transition: border-color .2s ease-in-out
}
@media (max-width:1023.5px) {
  .header__to-search {
    display: inline-flex
  }
}
@media (max-width:575.5px) {
  .header__to-search {
    display: none
  }
}
.header__to-search-icon {
  display: inline-block;
  width: 20px;
  aspect-ratio: 1;
  background-color: var(--header-color);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: background-color .2s ease-in-out
}
.header__burger {
  display: none;
  align-items: center;
  justify-content: center;
  border: 1.5px solid var(--header-color);
  border-radius: 8px;
  width: 44px;
  aspect-ratio: 1;
  background-color: transparent;
  transition: border-color .2s ease-in-out
}
@media (max-width:1023.5px) {
  .header__burger {
    display: inline-flex
  }
}
@media (max-width:575.5px) {
  .header__burger {
    width: 32px
  }
}
.header__burger-icon {
  display: inline-block;
  width: 20px;
  aspect-ratio: 1;
  background-color: var(--header-color);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: background-color .2s ease-in-out
}
.footer {
  position: relative;
  padding-top: 73px
}
@media (max-width:1719.5px) {
  .footer {
    padding-top: 50px
  }
}
@media (max-width:1023.5px) {
  .footer {
    padding-top: 70px
  }
}
@media (max-width:575.5px) {
  .footer {
    padding-top: 51px
  }
}
.footer__top {
  display: flex;
  margin-bottom: 65px;
  padding-right: 42px
}
@media (max-width:1449.5px) {
  .footer__top {
    padding-right: 0
  }
}
@media (max-width:1023.5px) {
  .footer__top {
    position: relative;
    flex-direction: column;
    margin-bottom: 95px;
    padding-left: 172px;
    gap: 60px;
    align-items: center
  }
}
@media (max-width:575.5px) {
  .footer__top {
    align-items: flex-start;
    padding-left: 0;
    gap: 0
  }
}
@media (max-width:575.5px) {
  .footer__top {
    margin-bottom: 24px
  }
}
.footer__logo {
  margin-right: 62px
}
@media (max-width:1449.5px) {
  .footer__logo {
    margin-right: 40px
  }
}
@media (max-width:1023.5px) {
  .footer__logo {
    position: absolute;
    left: -10px;
    top: 0
  }
}
@media (max-width:575.5px) {
  .footer__logo {
    position: relative;
    left: 0;
    margin-bottom: 22px
  }
}
.footer__logo-icon {
  display: inline-block;
  width: 93px;
  aspect-ratio: 104/122;
  font-size: 0;
  background-color: #4a3d3d;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: translateY(4px)
}
@media (max-width:1449.5px) {
  .footer__logo-icon {
    width: 80px
  }
}
@media (max-width:1023.5px) {
  .footer__logo-icon {
    width: 93px
  }
}
@media (max-width:575.5px) {
  .footer__logo-icon {
    width: 51px
  }
}
.footer__menu {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  gap: 10px
}
@media (max-width:1023.5px) {
  .footer__menu {
    flex-direction: column;
    gap: 60px;
    padding-top: 5px;
    width: 403px
  }
}
@media (max-width:575.5px) {
  .footer__menu {
    display: none
  }
}
.footer__menu-col-name {
  font-family: ProximaNovaCondensed,sans-serif;
  margin-bottom: 12px;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #4a3d3d
}
@media (max-width:1023.5px) {
  .footer__menu-col-name {
    font-family: Pragmatica,sans-serif
  }
}
.footer__menu-col-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px
}
.footer__menu-col-link {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #4a3d3d
}
@media (any-hover:hover) {
  .footer__menu-col-link:hover {
    color: #221c1c
  }
}
.footer__contacts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 150px;
  width: 403px
}
@media (max-width:1719.5px) {
  .footer__contacts {
    margin-left: 60px;
    width: 350px
  }
}
@media (max-width:1449.5px) {
  .footer__contacts {
    margin-left: 20px;
    width: 330px
  }
}
@media (max-width:1023.5px) {
  .footer__contacts {
    margin-left: 0;
    width: 403px
  }
}
@media (max-width:575.5px) {
  .footer__contacts {
    width: 100%
  }
}
.footer__contacts-name {
  font-family: ProximaNovaCondensed,sans-serif;
  margin-bottom: 12px;
  font-weight: 697;
  font-size: 20px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #4a3d3d
}
@media (max-width:1023.5px) {
  .footer__contacts-name {
    font-family: Pragmatica,sans-serif
  }
}
@media (max-width:575.5px) {
  .footer__contacts-name {
    display: none
  }
}
.footer__contacts-addr,
.footer__contacts-mail,
.footer__contacts-ooo,
.footer__contacts-phone {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #4a3d3d
}
@media (max-width:575.5px) {
  .footer__contacts-addr,
  .footer__contacts-mail,
  .footer__contacts-ooo,
  .footer__contacts-phone {
    font-size: 16px;
    line-height: 1.5
  }
}
.footer__contacts-mail,
.footer__contacts-phone {
  transition: color .2s ease-in-out
}
@media (any-hover:hover) {
  .footer__contacts-mail:hover,
  .footer__contacts-phone:hover {
    color: #221c1c
  }
}
@media (max-width:1023.5px) {
  .footer__contacts-ooo {
    font-weight: 700
  }
}
@media (max-width:575.5px) {
  .footer__contacts-ooo {
    margin-bottom: 16px;
    font-size: 16px
  }
}
.footer__contacts-addr {
  margin-bottom: 12px
}
@media (max-width:575.5px) {
  .footer__contacts-addr {
    margin-bottom: 13px
  }
}
@media (max-width:575.5px) {
  .footer__contacts-mail {
    line-height: 1.3;
    font-size: 18px
  }
}
.footer__contacts-phone {
  margin-bottom: 12px
}
@media (max-width:575.5px) {
  .footer__contacts-phone {
    margin-bottom: 14px;
    font-size: 18px
  }
}
.footer__contacts-managers {
  border: none;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  color: #4a3d3d;
  text-align: left;
  background-color: transparent
}
@media (max-width:575.5px) {
  .footer__contacts-managers {
    font-size: 16px
  }
}
.footer__center {
  padding-left: 155px;
  padding-bottom: 38px
}
@media (max-width:1023.5px) {
  .footer__center {
    padding-left: 0;
    padding-bottom: 29px
  }
}
@media (max-width:575.5px) {
  .footer__center {
    display: none
  }
}
.footer__form {
  display: flex;
  align-items: center;
  width: 599px;
  max-width: 100%;
  gap: 16px
}
@media (max-width:1023.5px) {
  .footer__form {
    padding-right: 7px;
    width: 100%;
    gap: 10px
  }
}
.footer__form-input {
  flex-grow: 1
}
.footer__form-submit {
  border-radius: 40px;
  padding: 14px 24px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  text-transform: lowercase;
  color: #e8e1ca;
  background-color: #4a3d3d;
  cursor: pointer;
  transition: background-color .2s ease-in-out
}
@media (max-width:1023.5px) {
  .footer__form-submit {
    font-weight: 700;
    padding: 14px 24px;
    text-transform: uppercase
  }
}
@media (any-hover:hover) {
  .footer__form-submit:hover {
    background-color: #221c1c
  }
}
.footer__hr {
  border: none;
  border-bottom: 1px solid #4a3d3d
}
.footer__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 31px;
  padding-bottom: 30px
}
@media (max-width:1023.5px) {
  .footer__bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 31px;
    padding-bottom: 60px
  }
}
@media (max-width:575.5px) {
  .footer__bottom {
    padding-top: 25px;
    gap: 50px;
    padding-bottom: 41px
  }
}
.footer__copy {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #4a3d3d
}
@media (max-width:575.5px) {
  .footer__copy {
    line-height: 1.3;
    font-size: 16px
  }
}
.footer__copy b {
  font-weight: 700
}
@media (max-width:575.5px) {
  .footer__copy b {
    text-transform: uppercase
  }
}
.footer__politic {
  font-weight: 400;
  font-size: 14px;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-align: right;
  color: rgba(74,61,61,.6);
  transition: color .2s ease-in-out
}
@media (max-width:575.5px) {
  .footer__politic {
    font-size: 16px
  }
}
@media (any-hover:hover) {
  .footer__politic:hover {
    color: rgba(34,28,28,.8)
  }
}
.footer__mob {
  position: absolute;
  right: 20px;
  top: 55px;
  display: none;
  gap: 10px
}
@media (max-width:575.5px) {
  .footer__mob {
    display: flex
  }
}
.footer__mob-phone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  width: 31px;
  aspect-ratio: 1;
  background-color: #4a3d3d
}
.footer__mob-phone-icon {
  display: inline-block;
  width: 20px;
  aspect-ratio: 1;
  background-color: #e8e1ca;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat
}
.footer__mob-burger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  width: 31px;
  aspect-ratio: 1;
  background-color: #4a3d3d
}
.footer__mob-burger-icon {
  display: inline-block;
  width: 20px;
  aspect-ratio: 1;
  background-color: #e8e1ca;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat
}
.modals {
  z-index: 15
}
.modal {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
  display: none;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  text-align: center
}
.modal_active {
  display: flex
}
.modal__inner {
  position: relative;
  display: inline-flex;
  margin-top: auto;
  margin-bottom: auto;
  border-radius: 20px;
  padding: 30px;
  width: 660px;
  max-width: calc(100% - 32px);
  white-space: normal;
  text-align: left;
  background-color: #fff
}
@media (max-width:1023.5px) {
  .modal__inner {
    max-width: calc(100% - 40px)
  }
}
.modal__overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.7)
}
.modal__close {
  position: absolute;
  right: 24px;
  top: 23px;
  border: none;
  font-size: 0;
  width: 24px;
  aspect-ratio: 1;
  background-color: transparent
}
.modal__close::after,
.modal__close::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 3px;
  width: 100%;
  height: 0;
  border-bottom: 3px solid #4a3d3d;
  transform: translate(-50%,-50%) rotate(-45deg)
}
.modal__close::after {
  transform: translate(-50%,-50%) rotate(45deg)
}
.modal-soon__inner {
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  padding: 50px;
  width: 880px;
  height: 180px
}
@media (max-width:1023.5px) {
  .modal-soon__inner {
    padding: 45px 50px;
    height: 180;
    width: 640px
  }
}
@media (max-width:767.5px) {
  .modal-soon__inner {
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    width: 320px
  }
}
@media (max-width:767.5px) {
  .modal-soon__inner {
    gap: 16px;
    padding: 50px 30px 30px
  }
}
.modal-soon__title {
  position: relative;
  width: 301px;
  max-width: 100%;
  font-family: ProximaNovaCondensed,sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #4a3d3d
}
@media (max-width:1023.5px) {
  .modal-soon__title {
    width: 212px
  }
}
@media (max-width:767.5px) {
  .modal-soon__title {
    font-size: 20px
  }
}
.modal-soon__title-smile {
  position: relative;
  display: inline-block;
  width: 10px
}
@media (max-width:1023.5px) {
  .modal-soon__title-smile {
    position: absolute;
    bottom: 28px;
    left: 137px
  }
}
@media (max-width:767.5px) {
  .modal-soon__title-smile {
    position: relative;
    bottom: 0;
    left: 0
  }
}
.modal-soon__title-smile::after {
  content: "";
  position: absolute;
  left: 7px;
  top: -16px;
  display: inline-block;
  width: 100%;
  aspect-ratio: 22/46;
  background-color: #4a3d3d;
  -webkit-mask-image: url(../img/icon-smile.svg);
  mask-image: url(../img/icon-smile.svg);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat
}
@media (max-width:767.5px) {
  .modal-soon__title-smile::after {
    left: 5px
  }
}
.modal-soon__image {
  position: relative;
  right: 0;
  top: 0;
  width: 172px;
  aspect-ratio: 172/181;
  background-image: url(../img/upload/modal-soon.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat
}
@media (max-width:1023.5px) {
  .modal-soon__image {
    right: 1px;
    top: 0;
    align-self: center;
    width: 150px
  }
}
@media (max-width:767.5px) {
  .modal-soon__image {
    width: 260px
  }
}
.modal-thanks__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 50px;
  width: 880px;
  height: 175px;
  box-shadow: 0 4px 20px 0 rgba(0,0,0,.05);
  background: #afc290
}
@media (max-width:1023.5px) {
  .modal-thanks__inner {
    width: 640px
  }
}
@media (max-width:767.5px) {
  .modal-thanks__inner {
    flex-direction: column;
    gap: 60px;
    width: 320px;
    height: auto;
    padding: 90px 70px 60px
  }
}
.modal-thanks__title {
  font-family: ProximaNovaCondensed,sans-serif;
  font-weight: 800;
  font-size: 48px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #4a3d3d
}
@media (max-width:767.5px) {
  .modal-thanks__title {
    display: flex;
    gap: 19px;
    font-size: 40px
  }
}
.modal-thanks__title-smile {
  position: relative;
  display: inline-block;
  width: 27px
}
.modal-thanks__title-smile::after {
  content: "";
  position: absolute;
  left: 19px;
  top: -45px;
  display: inline-block;
  width: 100%;
  aspect-ratio: 22/46;
  background-color: #4a3d3d;
  -webkit-mask-image: url(../img/icon-smile.svg);
  mask-image: url(../img/icon-smile.svg);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat
}
@media (max-width:1023.5px) {
  .modal-thanks__title-smile::after {
    left: 18px
  }
}
@media (max-width:767.5px) {
  .modal-thanks__title-smile::after {
    top: -7px;
    left: 0
  }
}
.modal-thanks__image {
  position: relative;
  right: 24px;
  top: 5px;
  width: 203px;
  aspect-ratio: 203/124;
  background-image: url(../img/upload/modal-thanks.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat
}
@media (max-width:767.5px) {
  .modal-thanks__image {
    right: 0;
    width: 267px
  }
}
.modal-cookie__close {
  right: 27px;
  width: 23px;
  opacity: .4
}
@media (max-width:1023.5px) {
  .modal-cookie__close {
    right: 24px
  }
}
.modal-cookie__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 79px 67px;
  padding-left: 203px;
  width: 880px;
  height: 180px;
  box-shadow: 0 4px 20px 0 rgba(0,0,0,.05);
  background: #fff
}
@media (max-width:1299.5px) {
  .modal-cookie__inner {
    height: auto
  }
}
@media (max-width:1023.5px) {
  .modal-cookie__inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 59px 35px 60px;
    padding-left: 244px;
    gap: 20px;
    width: 640px
  }
}
@media (max-width:767.5px) {
  .modal-cookie__inner {
    padding-left: 210px
  }
}
@media (max-width:575.5px) {
  .modal-cookie__inner {
    padding: 38px 33px 27px;
    gap: 0
  }
}
.modal-cookie__info {
  display: flex;
  flex-direction: column;
  gap: 12px
}
@media (max-width:1023.5px) {
  .modal-cookie__info {
    gap: 10px
  }
}
@media (max-width:575.5px) {
  .modal-cookie__info {
    gap: 10px;
    margin-bottom: 20px
  }
}
.modal-cookie__title {
  font-family: ProximaNovaCondensed,sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #4a3d3d
}
@media (max-width:767.5px) {
  .modal-cookie__title {
    font-size: 40px
  }
}
@media (max-width:575.5px) {
  .modal-cookie__title {
    max-width: 168px;
    padding-right: 20px;
    font-size: 20px
  }
}
.modal-cookie__title-smile {
  position: relative;
  display: inline-block;
  width: 11px
}
@media (max-width:575.5px) {
  .modal-cookie__title-smile {
    display: none
  }
}
.modal-cookie__title-smile::after {
  content: "";
  position: absolute;
  left: 5px;
  top: -18px;
  display: inline-block;
  width: 100%;
  aspect-ratio: 22/46;
  background-color: #4a3d3d;
  -webkit-mask-image: url(../img/icon-smile.svg);
  mask-image: url(../img/icon-smile.svg);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat
}
@media (max-width:1023.5px) {
  .modal-cookie__title-smile::after {
    top: -21px;
    left: 4px
  }
}
@media (max-width:575.5px) {
  .modal-cookie__title-smile::after {
    left: 5px;
    top: -34px
  }
}
.modal-cookie__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -.01em;
  color: #4a3d3d
}
@media (max-width:1023.5px) {
  .modal-cookie__text {
    width: 100%;
    max-width: 305px
  }
}
.modal-cookie__text a {
  color: inherit;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none
}
.modal-cookie__image {
  position: absolute;
  left: 40px;
  top: 30px;
  width: 149px;
  aspect-ratio: 149/111;
  background-image: url(../img/upload/modal-cookie.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat
}
@media (max-width:1023.5px) {
  .modal-cookie__image {
    right: auto;
    left: 19px;
    top: auto;
    bottom: 79px;
    width: 216px;
    aspect-ratio: 216/160;
    background-image: url(../img/upload/modal-cookie_tablet.png)
  }
}
@media (max-width:767.5px) {
  .modal-cookie__image {
    right: 0;
    width: 180px
  }
}
@media (max-width:575.5px) {
  .modal-cookie__image {
    position: relative;
    left: 0;
    bottom: 0;
    order: 2;
    align-self: center;
    width: 259px;
    margin-bottom: 0
  }
}
@media (max-width:575.5px) {
  .modal-cookie__btn {
    margin-bottom: 10px
  }
}
.fixed-menu {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 15;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease-in
}
.fixed-menu__overlay {
  position: fixed;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%
}
.fixed-menu__content {
  position: absolute;
  right: 16px;
  top: 12px;
  overflow-y: auto;
  border: 2.62px solid #fff;
  padding: 50px 13px 25px;
  border-radius: 12px;
  width: 228px;
  background: #5d91e3;
  transition: transform .2s ease-in
}
.fixed-menu__close {
  position: absolute;
  right: 13px;
  top: 10px
}
.open-menu .fixed-menu {
  opacity: 1;
  pointer-events: all
}
.hero {
  overflow: hidden;
  border-radius: 0 0 40px 40px;
  width: 100%;
  height: 100vh;
  font-size: 0
}
@media (max-width:575.5px) {
  .hero {
    border-radius: 0 0 20px 20px
  }
}
.hero__video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  pointer-events: none
}
.about_offset {
  margin-top: 88px;
  margin-bottom: 89px
}
@media (max-width:1299.5px) {
  .about_offset {
    margin-top: 40px;
    margin-bottom: 40px
  }
}
@media (max-width:1023.5px) {
  .about_offset {
    margin-top: 46px;
    margin-bottom: 78px
  }
}
@media (max-width:575.5px) {
  .about_offset {
    margin-top: 42px;
    margin-bottom: 66px
  }
}
.about__container {
  display: grid;
  grid-template-columns: 350px minmax(500px,1217px);
  grid-gap: 20px;
  justify-content: space-between
}
@media (max-width:1023.5px) {
  .about__container {
    grid-template-columns: 100%
  }
}
@media (max-width:575.5px) {
  .about__container {
    gap: 10px
  }
}
.about__title-block {
  display: flex;
  gap: 13px
}
.about__title-logo-icon {
  display: inline-block;
  width: 104px;
  aspect-ratio: 104/122;
  font-size: 0;
  background-color: #4a3d3d;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: translateY(4px)
}
@media (max-width:575.5px) {
  .about__title-logo-icon {
    width: 88px
  }
}
.about__slogan {
  font-family: ProximaNovaCondensed,sans-serif;
  font-weight: 800;
  font-size: 48px;
  line-height: .94;
  text-transform: uppercase;
  color: #4a3d3d
}
@media (max-width:575.5px) {
  .about__slogan {
    font-size: 40px
  }
}
.about__slogan-smile {
  position: relative;
  display: inline-block;
  width: 22px
}
@media (max-width:575.5px) {
  .about__slogan-smile {
    width: 20px
  }
}
.about__slogan-smile::after {
  content: "";
  position: absolute;
  left: 7px;
  top: -38px;
  display: inline-block;
  width: 100%;
  aspect-ratio: 22/46;
  background-color: #4a3d3d;
  -webkit-mask-image: url(../img/icon-smile.svg);
  mask-image: url(../img/icon-smile.svg);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat
}
@media (max-width:575.5px) {
  .about__slogan-smile::after {
    left: 1px;
    top: -32px
  }
}
.options_offset {
  margin-bottom: 70px
}
@media (max-width:1023.5px) {
  .options_offset {
    margin-bottom: 103px
  }
}
@media (max-width:575.5px) {
  .options_offset {
    margin-bottom: 85px
  }
}
.options__container {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: minmax(500px,1fr) minmax(990px,1240px)
}
@media (max-width:1719.5px) {
  .options__container {
    grid-gap: 20px;
    grid-template-columns: minmax(500px,1fr) minmax(800px,1240px)
  }
}
@media (max-width:1449.5px) {
  .options__container {
    grid-template-columns: minmax(420px,1fr) minmax(800px,1240px)
  }
}
@media (max-width:1299.5px) {
  .options__container {
    grid-template-columns: 280px minmax(300px,1fr)
  }
}
@media (max-width:1023.5px) {
  .options__container {
    grid-template-columns: 100%;
    gap: 39px
  }
}
@media (max-width:575.5px) {
  .options__container {
    gap: 28px
  }
}
.options__info {
  padding-top: 40px
}
@media (max-width:1449.5px) {
  .options__info {
    padding-top: 20px
  }
}
@media (max-width:1299.5px) {
  .options__info {
    padding-top: 0
  }
}
.options__title {
  margin-bottom: 28px
}
@media (max-width:1023.5px) {
  .options__title {
    margin-bottom: 18px
  }
}
@media (max-width:575.5px) {
  .options__title {
    margin-bottom: 26px
  }
}
.options__desc {
  margin-bottom: 29px
}
@media (max-width:1023.5px) {
  .options__desc {
    margin-bottom: 20px
  }
}
@media (max-width:575.5px) {
  .options__desc {
    margin-bottom: 15px
  }
}
.options__desc-smile {
  position: relative;
  display: inline-block;
  width: 13px
}
@media (max-width:575.5px) {
  .options__desc-smile {
    width: 8px
  }
}
.options__desc-smile::after {
  content: "";
  position: absolute;
  left: 5px;
  top: -20px;
  display: inline-block;
  width: 100%;
  aspect-ratio: 22/46;
  background-color: #4a3d3d;
  -webkit-mask-image: url(../img/icon-smile.svg);
  mask-image: url(../img/icon-smile.svg);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat
}
@media (max-width:575.5px) {
  .options__desc-smile::after {
    top: -13px;
    left: 9px
  }
}
@media (max-width:1023.5px) {
  .options__text {
    width: 521px;
    max-width: 100%
  }
}
@media (max-width:1299.5px) {
  .options__text br {
    display: none
  }
}
.options__items {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-gap: 40px
}
@media (max-width:1719.5px) {
  .options__items {
    grid-gap: 20px
  }
}
@media (max-width:1299.5px) {
  .options__items {
    grid-template-columns: repeat(2,minmax(100px,1fr))
  }
}
@media (max-width:1023.5px) {
  .options__items {
    grid-template-columns: 100%;
    gap: 40px
  }
}
@media (max-width:575.5px) {
  .options__items {
    gap: 20px
  }
}
.options__item {
  position: relative;
  border-radius: 20px;
  padding: 40px;
  aspect-ratio: 600/524;
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat
}
@media (max-width:1719.5px) {
  .options__item {
    padding: 30px
  }
}
@media (max-width:1299.5px) {
  .options__item {
    aspect-ratio: unset;
    height: 400px
  }
}
@media (max-width:1023.5px) {
  .options__item {
    padding: 40px;
    height: auto;
    aspect-ratio: 688/524
  }
}
@media (max-width:575.5px) {
  .options__item {
    border-radius: 10px;
    padding: 20px;
    aspect-ratio: 320/262
  }
}
.options__item-name {
  font-family: ProximaNovaCondensed,sans-serif;
  font-weight: 800;
  font-size: 48px;
  line-height: 1;
  text-transform: uppercase;
  color: #4a3d3d
}
@media (max-width:1719.5px) {
  .options__item-name {
    font-size: 42px
  }
}
@media (max-width:1023.5px) {
  .options__item-name {
    font-size: 48px
  }
}
@media (max-width:575.5px) {
  .options__item-name {
    font-size: 32px
  }
}
.options__item-tag {
  position: absolute;
  right: 41px;
  top: 44px;
  border-radius: 24px;
  padding: 7px 4px;
  width: 150px;
  font-family: CoFo-Hand,sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: .83;
  text-align: center;
  color: #4a3d3d;
  background: #fff
}
@media (max-width:1719.5px) {
  .options__item-tag {
    right: 30px;
    top: 30px
  }
}
@media (max-width:1449.5px) {
  .options__item-tag {
    top: auto;
    right: 20px;
    bottom: 20px
  }
}
@media (max-width:1023.5px) {
  .options__item-tag {
    bottom: auto;
    top: 43px;
    right: 41px
  }
}
@media (max-width:575.5px) {
  .options__item-tag {
    border-radius: 12px;
    right: 21px;
    top: 18px;
    padding: 6px 4px;
    width: 100px;
    font-size: 14px
  }
}
.recipes_offset {
  margin-bottom: 91px
}
@media (max-width:1023.5px) {
  .recipes_offset {
    margin-bottom: 100px
  }
}
@media (max-width:575.5px) {
  .recipes_offset {
    margin-bottom: 81px
  }
}
.recipes__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 51px
}
@media (max-width:1023.5px) {
  .recipes__top {
    margin-bottom: 22px
  }
}
@media (max-width:575.5px) {
  .recipes__top {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px
  }
}
.recipes__title {
  position: relative;
  padding-right: 52px
}
@media (max-width:1023.5px) {
  .recipes__title {
    padding-right: 60px
  }
}
@media (max-width:575.5px) {
  .recipes__title {
    padding-right: 28px
  }
}
.recipes__title-icon {
  position: absolute;
  right: 0;
  top: -31px;
  width: 50px;
  aspect-ratio: 50/44;
  background-image: url(../img/icon-spray.svg);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat
}
@media (max-width:1023.5px) {
  .recipes__title-icon {
    top: -24px
  }
}
@media (max-width:575.5px) {
  .recipes__title-icon {
    top: -12px;
    width: 25px
  }
}
.recipes__all {
  padding-right: 5px;
  transform: translateY(15px)
}
@media (max-width:1449.5px) {
  .recipes__all {
    transform: none
  }
}
.recipes__slider .swiper {
  overflow: visible
}
.recipes__slider .swiper-slide {
  width: auto
}
.recipes__item {
  --recipes-link-before-opacity: 0;
  ----recipes-icon-opacity: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  aspect-ratio: 1355/771;
  width: 1355px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat
}
@media (any-hover:hover) {
  .recipes__item:hover {
    --recipes-link-before-opacity: 1;
    --recipes-icon-opacity: 0
  }
}
@media (max-width:1719.5px) {
  .recipes__item {
    width: 1100px
  }
}
@media (max-width:1449.5px) {
  .recipes__item {
    width: 900px
  }
}
@media (max-width:1299.5px) {
  .recipes__item {
    width: 750px
  }
}
@media (max-width:1023.5px) {
  .recipes__item {
    width: 569px;
    aspect-ratio: 569/600
  }
}
@media (max-width:767.5px) {
  .recipes__item {
    border-radius: 10px
  }
}
@media (max-width:575.5px) {
  .recipes__item {
    width: 260px;
    aspect-ratio: 260/385
  }
}
.recipes__item-info {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 10px;
  margin-top: auto;
  padding: 32px 120px 32px 32px;
  height: 163px;
  color: #e8e1ca;
  background: linear-gradient(0deg,#000 0,rgba(0,0,0,0) 100%)
}
@media (max-width:575.5px) {
  .recipes__item-info {
    padding: 21px 20px
  }
}
.recipes__item-name {
  font-weight: 700;
  font-size: 32px;
  line-height: 1.1;
  color: #e8e1ca
}
@media (max-width:575.5px) {
  .recipes__item-name {
    margin-bottom: 5px;
    font-size: 20px
  }
}
.recipes__item-desc {
  display: flex;
  align-items: center
}
@media (max-width:575.5px) {
  .recipes__item-desc {
    padding-right: 80px;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px
  }
}
.recipes__item-duration {
  position: relative;
  padding-left: 26px;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #e8e1ca
}
@media (max-width:575.5px) {
  .recipes__item-duration {
    font-size: 16px
  }
}
.recipes__item-duration::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 15px;
  aspect-ratio: 15/19;
  background-color: #e8e1ca;
  -webkit-mask-image: url(../img/icon-sandclock.svg);
  mask-image: url(../img/icon-sandclock.svg);
  -webkit-mask-position: left center;
  mask-position: left center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: translateY(-50%)
}
.recipes__item-portions {
  position: relative;
  padding-left: 30px;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #e8e1ca
}
@media (max-width:575.5px) {
  .recipes__item-portions {
    font-size: 16px
  }
}
.recipes__item-portions::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  aspect-ratio: 20/22;
  background-color: #e8e1ca;
  -webkit-mask-image: url(../img/icon-person.svg);
  mask-image: url(../img/icon-person.svg);
  -webkit-mask-position: left center;
  mask-position: left center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: translateY(-50%)
}
.recipes__item-vline {
  content: "";
  margin-left: 10px;
  margin-right: 10px;
  border-right: 1px solid #fff;
  height: 24px;
  width: 0
}
@media (max-width:575.5px) {
  .recipes__item-vline {
    display: none
  }
}
.recipes__item-arrow {
  position: absolute;
  right: 40px;
  bottom: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  border: 3px solid #e8e1ca;
  width: 80px;
  aspect-ratio: 1
}
@media (max-width:1023.5px) {
  .recipes__item-arrow {
    right: 31px
  }
}
@media (max-width:575.5px) {
  .recipes__item-arrow {
    right: 20px;
    bottom: 20px;
    width: 40px
  }
}
.recipes__item-arrow::after {
  content: "";
  display: inline-block;
  width: 48px;
  aspect-ratio: 48/28;
  background-color: #e8e1ca;
  -webkit-mask-image: url(../img/icon-arrow.svg);
  mask-image: url(../img/icon-arrow.svg);
  -webkit-mask-position: left center;
  mask-position: left center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  opacity: var(--recipes-icon-opacity);
  transition: background-color .2s ease-in-out
}
@media (max-width:575.5px) {
  .recipes__item-arrow::after {
    width: 22px
  }
}
.recipes__item-arrow::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  background: url(../img/icon-arrow-btn_filled.svg);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: var(--recipes-link-before-opacity);
  transition: opacity .2s ease-in-out
}
.lessons_offset {
  margin-bottom: 88px
}
@media (max-width:1023.5px) {
  .lessons_offset {
    margin-bottom: 90px
  }
}
@media (max-width:575.5px) {
  .lessons_offset {
    margin-bottom: 71px
  }
}
.lessons__container {
  display: grid;
  grid-template-columns: 600px minmax(900px,1220px);
  grid-gap: 20px;
  justify-content: space-between
}
@media (max-width:1719.5px) {
  .lessons__container {
    grid-template-columns: 400px minmax(900px,1220px)
  }
}
@media (max-width:1449.5px) {
  .lessons__container {
    grid-template-columns: 400px minmax(700px,1220px)
  }
}
@media (max-width:1299.5px) {
  .lessons__container {
    grid-template-columns: 260px minmax(600px,1220px)
  }
}
@media (max-width:1023.5px) {
  .lessons__container {
    display: flex;
    flex-direction: column;
    grid-gap: 0;
    gap: 0;
    align-items: flex-start
  }
}
@media (max-width:1023.5px) {
  .lessons__info {
    margin-bottom: 37px
  }
}
@media (max-width:575.5px) {
  .lessons__info {
    margin-bottom: 20px
  }
}
.lessons__title {
  margin-bottom: 30px
}
@media (max-width:1023.5px) {
  .lessons__title {
    margin-bottom: 21px
  }
}
@media (max-width:575.5px) {
  .lessons__title {
    margin-bottom: 11px
  }
}
.lessons__text {
  margin-bottom: 30px;
  width: 421px;
  max-width: 100%;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.2;
  color: #4a3d3d
}
@media (max-width:1449.5px) {
  .lessons__text {
    font-size: 20px
  }
}
@media (max-width:1023.5px) {
  .lessons__text {
    margin-bottom: 0;
    font-size: 24px;
    width: 511px
  }
}
@media (max-width:767.5px) {
  .lessons__text {
    width: 100%
  }
}
@media (max-width:575.5px) {
  .lessons__text {
    font-size: 18px
  }
}
.lessons__image {
  height: 524px;
  border-radius: 20px;
  background-image: url(../img/upload/lessons-img.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat
}
@media (max-width:1719.5px) {
  .lessons__image {
    height: 420px
  }
}
@media (max-width:1449.5px) {
  .lessons__image {
    height: 320px
  }
}
@media (max-width:1023.5px) {
  .lessons__image {
    width: 100%;
    height: 466px;
    margin-bottom: 87px
  }
}
@media (max-width:575.5px) {
  .lessons__image {
    margin-bottom: 22px;
    border-radius: 10px;
    height: 233px;
    background-image: url(../img/upload/lessons-img_tablet.jpg)
  }
}
@media (max-width:575.5px) {
  .lessons__btn {
    width: 100%
  }
}
.socials__container {
  display: flex
}
.socials__banner {
  display: flex;
  flex-direction: column;
  margin-bottom: 95px;
  margin-left: auto;
  border-radius: 20px;
  padding: 35px 40px;
  width: calc(100% - 620px);
  height: 315px;
  background-image: url(../img/upload/socials-banner.jpg);
  background-position: right center;
  background-size: cover;
  background-repeat: no-repeat
}
@media (max-width:1719.5px) {
  .socials__banner {
    padding: 30px;
    background-position: right -160px center
  }
}
@media (max-width:1449.5px) {
  .socials__banner {
    width: calc(100% - 420px)
  }
}
@media (max-width:1299.5px) {
  .socials__banner {
    width: calc(100% - 300px);
    background-position: right -290px center
  }
}
@media (max-width:1023.5px) {
  .socials__banner {
    margin-bottom: 490px;
    padding: 35px 40px;
    width: 100%;
    background-position: right -133px center
  }
}
@media (max-width:767.5px) {
  .socials__banner {
    margin-bottom: 400px
  }
}
@media (max-width:575.5px) {
  .socials__banner {
    margin-bottom: calc(244px + 6vw);
    border-radius: 10px;
    padding: 25px 23px;
    height: 420px;
    background-image: url(../img/upload/socials-banner_mob.jpg);
    background-position: center center
  }
}
.socials__banner-title {
  position: relative;
  display: flex;
  align-items: center;
  gap: 17px;
  color: #e8e1ca
}
@media (max-width:1023.5px) {
  .socials__banner-title {
    width: 280px;
    max-width: 100%
  }
}
@media (max-width:575.5px) {
  .socials__banner-title {
    margin-bottom: 20px
  }
}
.socials__banner-title-smile {
  display: inline-block;
  width: 23px;
  aspect-ratio: 23/46;
  background-color: #e8e1ca;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat
}
@media (max-width:1023.5px) {
  .socials__banner-title-smile {
    position: absolute;
    left: 82px;
    top: 0
  }
}
@media (max-width:575.5px) {
  .socials__banner-title-smile {
    left: 77px;
    width: 15px
  }
}
.socials__links {
  margin-top: auto;
  display: flex;
  gap: 15px
}
@media (max-width:575.5px) {
  .socials__links {
    margin-top: 0
  }
}
.socials__link {
  --socials-icon-color: #e8e1ca;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  width: 60px;
  border-radius: 50%;
  border: 2.4px solid #e8e1ca;
  transition: background-color .2s ease-in-out
}
@media (any-hover:hover) {
  .socials__link:hover {
    --socials-icon-color: #DC6565;
    background-color: #e8e1ca
  }
}
.socials__link-icon {
  display: inline-block;
  width: 40px;
  aspect-ratio: 40/32;
  background-color: var(--socials-icon-color);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: background-color .2s ease-in-out
}
.socials__link-icon_tg {
  -webkit-mask-image: url(../img/icon-tg.svg);
  mask-image: url(../img/icon-tg.svg)
}
.socials__link-icon_vk {
  -webkit-mask-image: url(../img/icon-vk.svg);
  mask-image: url(../img/icon-vk.svg)
}
.socials__subscribe {
  position: relative;
  border-radius: 40px;
  padding-top: 45px;
  padding-bottom: 28px;
  background: #4a3d3d
}
@media (max-width:1299.5px) {
  .socials__subscribe {
    padding-top: 180px
  }
}
@media (max-width:1023.5px) {
  .socials__subscribe {
    border-radius: 20px;
    padding-top: 199px;
    padding-bottom: 42px
  }
}
@media (max-width:575.5px) {
  .socials__subscribe {
    padding-top: 123px;
    padding-bottom: 38px
  }
}
.socials__subscribe-image {
  --socials-hand-transform: translateX(-100%);
  position: absolute;
  bottom: -15px;
  left: -43px;
  width: 683px;
  aspect-ratio: 683/555;
  background-image: url(../img/upload/socials-img.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat
}
.socials__subscribe-image_active {
  --socials-hand-transform: translateX(0)
}
@media (max-width:1449.5px) {
  .socials__subscribe-image {
    width: 420px
  }
}
@media (max-width:1299.5px) {
  .socials__subscribe-image {
    bottom: 120px
  }
}
@media (max-width:1023.5px) {
  .socials__subscribe-image {
    left: calc(50% + 20px);
    bottom: 204px;
    width: 856px;
    transform: translateX(-50%)
  }
}
@media (max-width:767.5px) {
  .socials__subscribe-image {
    width: 650px
  }
}
@media (max-width:575.5px) {
  .socials__subscribe-image {
    left: calc(50% + 4px);
    top: -182px;
    bottom: auto;
    width: 372px
  }
}
.socials__subscribe-image::after {
  content: "";
  position: absolute;
  left: -126px;
  top: -150px;
  width: 454px;
  aspect-ratio: 454/268;
  background-image: url(../img/upload/socials-img-hand.svg);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  transform: var(--socials-hand-transform);
  transition: transform .2s ease-in-out
}
@media (max-width:1449.5px) {
  .socials__subscribe-image::after {
    width: 360px
  }
}
@media (max-width:1023.5px) {
  .socials__subscribe-image::after {
    top: 20px;
    left: -105px;
    width: 387px;
    aspect-ratio: 387/208;
    background-image: url(../img/upload/socials-img-hand-tablet.svg)
  }
}
@media (max-width:767.5px) {
  .socials__subscribe-image::after {
    top: -40px
  }
}
@media (max-width:575.5px) {
  .socials__subscribe-image::after {
    top: 2px;
    left: -53px;
    width: 180px
  }
}
.socials__subscribe-container {
  display: flex;
  justify-content: flex-end
}
.socials__subscribe-block {
  display: flex;
  width: 910px;
  gap: 20px
}
@media (max-width:1023.5px) {
  .socials__subscribe-block {
    width: 100%;
    flex-direction: column;
    gap: 15px
  }
}
@media (max-width:575.5px) {
  .socials__subscribe-block {
    padding-left: 4px;
    padding-right: 4px;
    gap: 11px
  }
}
.socials__subscribe-label {
  display: inline-block;
  flex-shrink: 0;
  width: 290px;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.2;
  letter-spacing: -.01em;
  color: #e8e1ca
}
@media (max-width:1449.5px) {
  .socials__subscribe-label {
    font-size: 20px
  }
}
@media (max-width:1023.5px) {
  .socials__subscribe-label {
    width: 607px;
    max-width: 100%;
    font-size: 24px
  }
}
@media (max-width:575.5px) {
  .socials__subscribe-label {
    font-size: 18px
  }
}
.socials__subscribe-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-top: 2px;
  flex-grow: 1
}
@media (max-width:575.5px) {
  .socials__subscribe-form {
    gap: 15px
  }
}
.socials__subscribe-input {
  width: 100%
}
.socials__subscribe-top {
  display: flex;
  gap: 14px;
  align-items: center
}
@media (max-width:1023.5px) {
  .socials__subscribe-top {
    gap: 21px
  }
}
@media (max-width:575.5px) {
  .socials__subscribe-top {
    gap: 10px
  }
}
.socials__subscribe-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: none;
  width: 50px;
  aspect-ratio: 1;
  border-radius: 100px;
  background-color: #e8e1ca;
  cursor: pointer;
  transition: background-color .2s ease-in-out
}
@media (any-hover:hover) {
  .socials__subscribe-submit:hover {
    background-color: #d3ccb6
  }
}
.socials__subscribe-submit-icon {
  width: 30px;
  aspect-ratio: 30/19;
  background-color: #4a3d3d;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat
}
.socials__subscribe-agree {
  width: 500px;
  max-width: 100%
}
@media (max-width:1023.5px) {
  .socials__subscribe-agree {
    width: 585px
  }
}
@media (max-width:1449.5px) {
  .from-xl {
    display: none
  }
}
@media (max-width:1299.5px) {
  .from-lg {
    display: none
  }
}
@media (max-width:1023.5px) {
  .from-md {
    display: none
  }
}
@media (max-width:767.5px) {
  .from-sm {
    display: none
  }
}
@media (max-width:575.5px) {
  .from-xs {
    display: none
  }
}
@media (min-width:1450px) {
  .to-xl {
    display: none
  }
}
@media (min-width:1300px) {
  .to-lg {
    display: none
  }
}
@media (min-width:1024px) {
  .to-md {
    display: none
  }
}
@media (min-width:768px) {
  .to-sm {
    display: none
  }
}
@media (min-width:576px) {
  .to-xs {
    display: none
  }
}