@font-face {
  font-family: affect;
  font-display: swap;
  src: url(../fonts/affect-bold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal
}
@font-face {
  font-family: affect;
  font-display: swap;
  src: url(../fonts/affect.woff2) format("woff2");
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: brilon;
  font-display: swap;
  src: url(../fonts/brilon-11-regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal
}
* {
  padding: 0;
  margin: 0;
  border: 0
}
*,
*::after,
*::before {
  box-sizing: border-box
}
*::after,
*::before {
  display: inline-block
}
body,
html {
  height: 100%;
  min-width: 320px
}
body {
  color: #000;
  line-height: 1;
  font-family: Affect;
  font-size: 1.125rem;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
button,
input,
textarea {
  font-family: Affect;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  background-color: rgba(0,0,0,0)
}
input,
textarea {
  width: 100%
}
label {
  display: inline-block
}
button,
option,
select {
  cursor: pointer
}
a {
  display: inline-block;
  color: inherit;
  text-decoration: none
}
ul li {
  list-style: none
}
img {
  vertical-align: top
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit
}
.lock body {
  overflow: hidden;
  touch-action: none;
  -ms-scroll-chaining: none;
  overscroll-behavior: none
}
.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden
}
@supports (overflow:clip) {
  .wrapper {
    overflow: clip
  }
}
.wrapper>main {
  flex: 1 1 auto
}
.wrapper>* {
  min-width: 0
}
[class*=__container] {
  max-width: 81.25rem;
  margin: 0 auto;
  padding: 0 .625rem
}
[class*="--gc"] {
  display: grid;
  min-width: 0;
  grid-template-columns: .625rem 1fr minmax(auto,80rem) 1fr .625rem
}
[class*="--gc"]>* {
  min-width: 0;
  grid-column: 3/4
}
.icon-menu {
  display: none
}
body::after {
  content: "";
  background-color: rgba(0,0,0,.5);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity .8s ease 0s;
  pointer-events: none;
  z-index: 149
}
.popup-show body::after {
  opacity: 1
}
.popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 30px 10px;
  transition: visibility .8s ease 0s;
  visibility: hidden;
  pointer-events: none
}
.popup_show {
  z-index: 150;
  visibility: visible;
  overflow: auto;
  pointer-events: auto
}
.popup_show .popup__content {
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1)
}
.popup__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100%;
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}
.popup__content {
  visibility: hidden;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: -webkit-transform .3s ease 0s;
  transition: transform .3s ease 0s;
  transition: transform .3s ease 0s,-webkit-transform .3s ease 0s;
  background-color: #eee;
  padding: 20px;
  width: 100%;
  max-width: 900px;
  border-radius: 20px
}
.lock .popup__content {
  visibility: visible
}
.spollers {
  display: grid;
  gap: 15px
}
.spollers__item {
  font-size: 1.25rem;
  overflow: hidden
}
.spollers__title {
  width: 100%;
  cursor: default;
  text-align: left;
  border: 1px solid #eee;
  padding: .625rem .9375rem;
  border-radius: .3125rem;
  position: relative;
  list-style: none
}
.spollers__title::-webkit-details-marker,
.spollers__title::marker {
  display: none
}
._spoller-init .spollers__title {
  cursor: pointer
}
._spoller-init .spollers__title::after,
._spoller-init .spollers__title::before {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  background-color: #000;
  height: 2px;
  width: 15px;
  transition: -webkit-transform .5s ease 0s;
  transition: transform .5s ease 0s;
  transition: transform .5s ease 0s,-webkit-transform .5s ease 0s;
  display: none
}
._spoller-init .spollers__title::before {
  -webkit-transform: translate(-75%,-50%) rotate(40deg);
  transform: translate(-75%,-50%) rotate(40deg)
}
._spoller-init .spollers__title::after {
  -webkit-transform: translate(0,-50%) rotate(-40deg);
  transform: translate(0,-50%) rotate(-40deg)
}
._spoller-init .spollers__title._spoller-active::before {
  -webkit-transform: translateX(-75%) rotate(-40deg);
  transform: translateX(-75%) rotate(-40deg)
}
._spoller-init .spollers__title._spoller-active::after {
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg)
}
.spollers__body {
  padding: 1.25rem;
  border-radius: .3125rem;
  border: 1px solid #eee;
  overflow: hidden
}
.ibg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.ibg--top {
  -o-object-position: top;
  object-position: top
}
.ibg--bottom {
  -o-object-position: bottom;
  object-position: bottom
}
.ibg--left {
  -o-object-position: left;
  object-position: left
}
.ibg--right {
  -o-object-position: right;
  object-position: right
}
.ibg--contain {
  -o-object-fit: contain;
  object-fit: contain
}
.header {
  position: absolute;
  width: 100%
}
.header__container {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.header__top {
  background-color: rgba(33,43,66,.8);
  padding: 18px 0
}
.menu-open .header__top {
  position: relative;
  z-index: 5;
  background-color: #a76d55
}
.header__main {
  padding-top: 21px
}
.top-header__phone {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #fff;
  text-decoration: none;
  position: relative
}
.top-header__phone::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right;
  transform-origin: right;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease,-webkit-transform .3s ease
}
.top-header__phone:hover::after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: left;
  transform-origin: left
}
.top-header__insta {
  width: 28px;
  height: 28px;
  aspect-ratio: 1/1;
  transition: opacity .3s ease,-webkit-transform .3s ease;
  transition: transform .3s ease,opacity .3s ease;
  transition: transform .3s ease,opacity .3s ease,-webkit-transform .3s ease;
  cursor: pointer
}
.top-header__insta:hover {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
  opacity: .75
}
.top-header__icon {
  width: 100%
}
.main-header__logo {
  width: 150px;
  height: 62px;
  aspect-ratio: 75/31
}
.menu-open .main-header__logo {
  position: relative;
  z-index: 5
}
.main-header__logo-image {
  width: 100%
}
.menu__list {
  display: flex;
  align-items: center;
  -webkit-column-gap: 44px;
  -moz-column-gap: 44px;
  column-gap: 44px
}
.menu__link {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  position: relative
}
.menu__link::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right;
  transform-origin: right;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease,-webkit-transform .3s ease
}
.menu__link:hover::after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: left;
  transform-origin: left
}
.footer {
  background-color: #212b42
}
.footer__container {
  padding-top: 51px;
  padding-bottom: 35px;
  display: flex;
  flex-direction: column;
  gap: 27px
}
.footer__main {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.footer__bot {
  display: flex;
  align-items: flex-end;
  justify-content: space-between
}
.main-footer__logo {
  width: 150px;
  height: 62px;
  aspect-ratio: 75/31
}
.main-footer__logo-image {
  width: 100%
}
.main-footer__nav {
  display: flex;
  align-items: center;
  -webkit-column-gap: 44px;
  -moz-column-gap: 44px;
  column-gap: 44px
}
.main-footer__link {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  position: relative
}
.main-footer__link::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right;
  transform-origin: right;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease,-webkit-transform .3s ease
}
.main-footer__link:hover::after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: left;
  transform-origin: left
}
.bot-footer__left {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  color: #fff
}
.bot-footer__right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  row-gap: 12px;
  color: #fff
}
.bot-footer__offer {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  text-decoration: none;
  transition: letter-spacing .3s ease,opacity .3s ease
}
.bot-footer__offer:hover {
  letter-spacing: 2px;
  opacity: .7
}
.bot-footer__privat-policy {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
  z-index: 1;
  transition: letter-spacing .3s ease,opacity .3s ease
}
.bot-footer__privat-policy:hover {
  letter-spacing: 2px;
  opacity: .7
}
.bot-footer__create {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transform: translateX(60px);
  transform: translateX(60px);
  transition: letter-spacing .3s ease,opacity .3s ease
}
.bot-footer__create:hover {
  letter-spacing: 2px;
  opacity: .7
}
body {
  background: #212b42
}
.no-padding {
  padding: 0!important
}
.hero {
  overflow: hidden;
  background: url(../img/hero-backgroun.png) no-repeat center;
  background-size: cover
}
.hero__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 150px
}
.hero__content {
  display: flex;
  flex-direction: column;
  row-gap: 95px
}
.hero__titles {
  display: flex;
  flex-direction: column
}
.hero__title {
  font-family: Brilon;
  font-size: 108px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: lowercase;
  color: #a76d55;
  white-space: nowrap
}
.hero__subtitle {
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 107.377%;
  text-transform: uppercase;
  color: #fff
}
.hero__actions {
  display: flex;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  align-items: center
}
.hero__look {
  display: flex;
  padding: 8px 22px 8px 8px;
  align-items: center;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  border-radius: 60px;
  background: #a76d55;
  border: 1px solid #a76d55;
  color: #fff;
  transition: background .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;
  transition: background .3s ease,transform .3s ease,box-shadow .3s ease;
  transition: background .3s ease,transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease
}
.hero__look span {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase
}
.hero__look img {
  padding: 10px;
  background: #fff;
  border-radius: 50%
}
.hero__look:active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  box-shadow: 0 4px 12px rgba(0,0,0,.12)
}
.hero__connect {
  padding: 12px 31px 13px 35px;
  border-radius: 60px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  transition: background .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;
  transition: background .3s ease,transform .3s ease,box-shadow .3s ease;
  transition: background .3s ease,transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease
}
.hero__images {
  position: relative;
  right: 42px;
  bottom: -11px;
  width: 678px;
  height: 678px
}
.images-hero__decor {
  position: absolute;
  right: 106px;
  bottom: 160px
}
.images-hero__decor-mob {
  display: none
}
.about {
  position: relative;
  background: #f8f8f8;
  overflow: hidden
}
.about__decor {
  position: absolute;
  z-index: 0;
  width: 353px;
  height: 353px;
  aspect-ratio: 1/1;
  left: -110px;
  top: -70px;
  opacity: .15
}
.about__container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  row-gap: 44px;
  padding-top: 68px;
  padding-bottom: 54px
}
.about__header {
  padding-bottom: 45px;
  border-bottom: 1px solid rgba(0,0,0,.3019607843);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 100px
}
.about__items {
  padding: 28px 13px 32px 30px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
  display: flex
}
.about__item {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  align-items: flex-start;
  border-right: 1px solid rgba(0,0,0,.1019607843);
  padding-left: 36px;
  padding-right: 21px
}
.about__item:first-child {
  padding-left: 0;
  padding-right: 26px
}
.about__item:last-child {
  border-right: none
}
.header-about__subtitle {
  display: flex;
  align-items: center;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  white-space: nowrap;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase
}
.header-about__description {
  font-size: 38px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
  text-transform: uppercase;
  max-width: 1063px
}
.brown {
  color: #a76d55
}
.item-about__icon {
  width: 52px;
  height: 52px;
  aspect-ratio: 1/1
}
.item-about__text {
  display: flex;
  flex-direction: column;
  row-gap: 20px
}
.item-about__title {
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase
}
.item-about__description {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 268px
}
.comments {
  display: flex;
  flex-direction: column;
  row-gap: 44px;
  padding-top: 66px;
  background: #f8f8f8;
  position: relative;
  z-index: 1;
  display: none
}
.comments__wrapper {
  padding-top: 10px;
  padding-bottom: 10px
}
.comments__slide {
  padding: 28px 10px 26px 19px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
  display: flex;
  flex-direction: column;
  justify-content: space-between
}
.titles {
  display: flex;
  width: 100%;
  align-items: center;
  flex-direction: column;
  row-gap: 22px
}
.titles__subtitle {
  display: flex;
  align-items: center;
  gap: 12px
}
.titles__subtitle span {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase
}
.titles__description {
  font-size: 38px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
  text-transform: uppercase
}
.slide-comments__top {
  display: flex;
  flex-direction: column;
  gap: 28px
}
.slide-comments__ranks {
  display: flex;
  align-items: center;
  gap: 4px
}
.slide-comments__ranks img {
  width: 18px;
  height: 17px;
  aspect-ratio: 18/17
}
.slide-comments__text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #000;
  opacity: .6
}
.slide-comments__bot {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-top: 11px;
  margin-top: 15px;
  border-top: 1px solid rgba(0,0,0,.2)
}
.slide-comments__avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}
.slide-comments__avatar img {
  width: 100%
}
.slide-comments__titles {
  display: flex;
  flex-direction: column
}
.slide-comments__name {
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase
}
.slide-comments__job {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #000;
  opacity: .6
}
.gallery {
  background: #f8f8f8;
  position: relative
}
.gallery__background {
  position: absolute;
  z-index: 0;
  width: 1354px;
  height: 1351px;
  aspect-ratio: 451/450;
  opacity: .1;
  top: -5%;
  left: 3%
}
.gallery__container {
  position: relative;
  z-index: 1;
  padding-top: 96px;
  display: flex;
  flex-direction: column;
  gap: 44px
}
.gallery__items {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center
}
.gallery__item {
  width: 413px;
  height: 356px;
  border-radius: 12px;
  overflow: hidden
}
.gallery__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.call {
  background: #f8f8f8
}
.call__container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 85px;
  padding-bottom: 90px;
  gap: 42px
}
.call__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px
}
.call__title {
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 107.377%;
  text-transform: uppercase
}
.call__description {
  max-width: 647px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center
}
.call__btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 6px 12px 6px 6px;
  border-radius: 60px;
  background-color: #a76d55;
  border: 1px solid #a76d55;
  color: #fff;
  transition: all .3s ease
}
.call__btn:active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  box-shadow: 0 4px 12px rgba(0,0,0,.12)
}
.call__btn img {
  padding: 10px;
  border-radius: 100px;
  background: #fff
}
.call__btn span {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase
}
.call-arrow {
  display: flex
}
.call-arrow-blue {
  display: none
}
.popup__content {
  padding: 50px 65px 54px;
  border-radius: 30px;
  background-color: #fff
}
.popup__close {
  display: none
}
.popup__text {
  display: flex;
  flex-direction: column;
  row-gap: 45px
}
.text-popup__titles {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  row-gap: 7px
}
.text-popup__title {
  font-size: 38px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
  text-transform: uppercase
}
.text-popup__description {
  max-width: 511px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal
}
.text-popup__form {
  display: flex;
  flex-direction: column;
  row-gap: 16px
}
.text-popup__input {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #000;
  outline: 0;
  padding: 21px 28px;
  border-radius: 12px;
  background: #f1f1f1
}
.text-popup__input::-webkit-input-placeholder {
  opacity: .6
}
.text-popup__input:-ms-input-placeholder {
  opacity: .6
}
.text-popup__input::-ms-input-placeholder {
  opacity: .6
}
.text-popup__input::placeholder {
  opacity: .6
}
.text-popup__submit {
  margin-top: 8px;
  color: #fff;
  padding: 20px;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  background-color: #a76d55;
  border-radius: 12px;
  transition: all .3s ease
}
.text-popup__submit:hover {
  background: rgba(167,109,85,.6)
}
.text-popup__input[type=date]::-webkit-datetime-edit {
  color: transparent
}
.text-popup__input[type=date]::-webkit-input-placeholder {
  color: rgba(0,0,0,.4)
}
.text-popup__input[type=date]:valid::-webkit-datetime-edit {
  color: #000
}
.text-popup__input[type=date]::-webkit-calendar-picker-indicator {
  opacity: .5;
  cursor: pointer
}
.text-popup__input[type=date]::-webkit-calendar-picker-indicator:hover {
  opacity: 1
}
.program__container {
  padding-top: 40px;
  padding-bottom: 38px;
  display: flex;
  flex-direction: column;
  row-gap: 40px
}
.program__titles {
  color: #fff
}
.program__slider {
  width: 100%;
  max-width: 100%;
  overflow: visible!important
}
.program__wrapper {
  width: 100%!important
}
.program__slide {
  flex-shrink: 0!important;
  display: flex;
  flex-direction: column;
  row-gap: 19px
}
.program__navigations {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  margin-top: 20px
}
.program__about-speeckers {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  color: #fff;
  margin-top: 16px;
  padding: 12px 38px 14px;
  border-radius: 60px;
  background: #212b42;
  transition: background .3s ease,-webkit-transform .3s ease;
  transition: background .3s ease,transform .3s ease;
  transition: background .3s ease,transform .3s ease,-webkit-transform .3s ease
}
.program__about-speeckers:hover {
  background: #a76d55;
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px)
}
.spollers__background {
  position: absolute;
  top: 48px;
  width: 1217px;
  height: 1214px;
  opacity: .5;
  left: 32px;
  z-index: 1
}
.spollers__item {
  position: relative
}
.spollers__item[open] .spollers__title {
  border-bottom: none;
  border-radius: 20px 20px 0 0;
  box-shadow: none
}
.spollers__item[open] .spollers__body {
  border-top: none;
  border-radius: 0 0 20px 20px
}
.spollers__title {
  padding: 35px 53px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 0 8px 0 rgba(0,0,0,.15);
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 2
}
.spollers__title p {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: .64px;
  text-transform: uppercase;
  max-width: 837px
}
.spollers__body {
  background: #fff;
  padding: 0 53px;
  display: flex;
  flex-direction: column
}
.more {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  opacity: .6;
  white-space: nowrap;
  flex-shrink: 0
}
.body-spollers__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-top: 1px solid rgba(0,0,0,.3019607843);
  border-bottom: 1px solid rgba(0,0,0,.3019607843);
  padding-bottom: 30px;
  padding-top: 35px;
  position: relative;
  z-index: 2
}
.body-spollers__mid {
  padding-top: 36px;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 37px;
  position: relative;
  z-index: 2
}
.body-spollers__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 19px;
  padding-bottom: 21px;
  padding-top: 45px;
  position: relative;
  z-index: 2
}
.top-body-spollers__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 25px
}
.top-body-spollers__descriptions {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: 685px
}
.top-body-spollers__btns {
  display: flex;
  align-items: center;
  gap: 19px
}
.top-body-spollers__btn2 {
  display: flex;
  align-items: center;
  padding: 7px 17px 7px 7px;
  border-radius: 60px;
  background: #a76d55;
  gap: 13px;
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  white-space: nowrap;
  transition: background .3s ease,-webkit-transform .3s ease;
  transition: transform .3s ease,background .3s ease;
  transition: transform .3s ease,background .3s ease,-webkit-transform .3s ease
}
.top-body-spollers__btn2:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  background: #212b42
}
.top-body-spollers__btn2:hover svg path {
  fill: #212b42
}
.top-body-spollers__btn2 svg path {
  fill: #a76d55
}
.top-body-spollers__btn {
  display: flex;
  align-items: center;
  padding: 7px 17px 7px 7px;
  border-radius: 60px;
  background: #212b42;
  gap: 13px;
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  white-space: nowrap;
  transition: background .3s ease,-webkit-transform .3s ease;
  transition: transform .3s ease,background .3s ease;
  transition: transform .3s ease,background .3s ease,-webkit-transform .3s ease
}
.top-body-spollers__btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  background: #a76d55
}
.top-body-spollers__btn:hover svg path {
  fill: #a76d55
}
.top-body-spollers__btn svg path {
  fill: #212b42
}
.top-body-spollers__actions {
  display: flex;
  flex-direction: column;
  row-gap: 23px
}
.top-body-spollers__item {
  display: flex;
  align-items: flex-start;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px
}
.top-body-spollers__item span {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  max-width: 298px
}
.mid-body-spollers__title {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: .64px;
  text-transform: uppercase
}
.slide-program__img {
  width: 100%;
  height: 373px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px
}
.slide-program__text {
  display: flex;
  flex-direction: column;
  row-gap: 15px
}
.slide-program__title {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase
}
.slide-program__descriptions {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: .8
}
.bottom-body-spollers__title {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: .64px;
  text-transform: uppercase;
  padding-bottom: 14px
}
.bottom-body-spollers__items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: stretch;
  gap: 20px
}
.bottom-body-spollers__item {
  border-radius: 12px;
  border: 2px solid #000;
  background: #fff;
  box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
  padding: 20px;
  opacity: .4;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  position: relative;
  max-width: 340px
}
.bottom-body-spollers__item.active-packet {
  opacity: 1;
  position: relative;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
  isolation: isolate;
  border: 2px solid transparent
}
.bottom-body-spollers__item.active-packet::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 12px;
  background: linear-gradient(90deg,#c19b69 36.61%,#fbe2a6 100%);
  z-index: -1
}
.bottom-body-spollers__item.active-packet::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px;
  background: #fff;
  z-index: -1
}
.item-bottom-spollers .item-bottom-pollers__label {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  color: #fff;
  padding: 8px 43.5px;
  border-radius: 60px;
  background: #000;
  max-width: 186px;
  position: absolute;
  top: -20px
}
.item-bottom-spollers .item-bottom-pollers__titles {
  padding-top: 13px;
  padding-bottom: 17px;
  border-bottom: 1px solid rgba(0,0,0,.3019607843);
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column
}
.item-bottom-spollers .item-bottom-pollers__title {
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase
}
.item-bottom-spollers .item-bottom-pollers__time {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal
}
.item-bottom-spollers .item-bottom-pollers__body {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  gap: 9px
}
.item-bottom-spollers .item-bottom-pollers__actions {
  display: flex;
  flex-direction: column
}
.item-bottom-spollers .item-bottom-pollers__price {
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase
}
.item-bottom-spollers .item-bottom-pollers__price-description {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal
}
.item-bottom-spollers .item-bottom-pollers__info {
  padding-top: 4px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal
}
.item-bottom-spollers.active-packet .item-bottom-pollers__label {
  background: linear-gradient(90deg,#c19b69 36.61%,#fbe2a6 100%)
}
.item-bottom-spollers.active-packet .item-bottom-pollers__title {
  color: #a76d55
}
.item-bottom-spollers.active-packet .item-bottom-pollers__price {
  color: #a76d55
}
.item-bottom-spollers.active-packet .item-bottom-pollers__info {
  opacity: .6
}
.text-popup__check {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px
}
.check-text-popup__top {
  display: flex;
  align-items: center;
  gap: 20px
}
.check-text-popup__info {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: rgba(0,0,0,.4)
}
.check-text-popup__label {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.check-text-popup__label span {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: rgba(0,0,0,.6);
  white-space: nowrap
}
.check-text-popup__checkbox {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 8px;
  background: #f3f3f3;
  cursor: pointer;
  position: relative;
  transition: background-color .3s ease,box-shadow .3s ease
}
.check-text-popup__checkbox::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 8px;
  border-left: 3px solid #000;
  border-bottom: 3px solid #000;
  top: 48%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%) rotate(-45deg) scale(0);
  transform: translate(-50%,-50%) rotate(-45deg) scale(0);
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease,-webkit-transform .2s ease
}
.check-text-popup__checkbox:checked::before {
  -webkit-transform: translate(-50%,-50%) rotate(-45deg) scale(1);
  transform: translate(-50%,-50%) rotate(-45deg) scale(1)
}
.check-text-popup__checkbox:focus-visible {
  outline: 2px solid #a76d55;
  outline-offset: 3px
}
.check-text-popup__zakon {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: rgba(0,0,0,.4)
}
.check-text-popup__hidden {
  display: none
}
.check-text-popup__hidden._show {
  display: inline
}
.check-text-popup__more {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: rgba(0,0,0,.6);
  background: rgba(0,0,0,0);
  border: none;
  padding: 0;
  margin-top: 6px;
  cursor: pointer
}
.check-text-popup__cf7-radio .wpcf7-form-control {
  display: flex;
  align-items: center;
  gap: 20px
}
.check-text-popup__cf7-radio .wpcf7-list-item {
  margin: 0
}
.check-text-popup__cf7-radio label {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.check-text-popup__cf7-radio input[type=radio] {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 8px;
  background: #f3f3f3;
  cursor: pointer;
  position: relative
}
.check-text-popup__cf7-radio input[type=radio]::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 8px;
  border-left: 3px solid #000;
  border-bottom: 3px solid #000;
  top: 48%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%) rotate(-45deg) scale(0);
  transform: translate(-50%,-50%) rotate(-45deg) scale(0);
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease,-webkit-transform .2s ease
}
.check-text-popup__cf7-radio input[type=radio]:checked::before {
  -webkit-transform: translate(-50%,-50%) rotate(-45deg) scale(1);
  transform: translate(-50%,-50%) rotate(-45deg) scale(1)
}
.check-text-popup__cf7-radio .wpcf7-list-item-label {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: rgba(0,0,0,.6);
  white-space: nowrap
}
.check-text-popup__agreement .wpcf7-list-item {
  margin: 0
}
.check-text-popup__agreement label {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.check-text-popup__agreement input[type=checkbox] {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 8px;
  background: #f3f3f3;
  cursor: pointer;
  position: relative
}
.check-text-popup__agreement input[type=checkbox]::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 8px;
  border-left: 3px solid #000;
  border-bottom: 3px solid #000;
  top: 48%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%) rotate(-45deg) scale(0);
  transform: translate(-50%,-50%) rotate(-45deg) scale(0);
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease,-webkit-transform .2s ease
}
.check-text-popup__agreement input[type=checkbox]:checked::before {
  -webkit-transform: translate(-50%,-50%) rotate(-45deg) scale(1);
  transform: translate(-50%,-50%) rotate(-45deg) scale(1)
}
.check-text-popup__agreement .wpcf7-list-item-label {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: rgba(0,0,0,.6)
}
.check-text-popup .wpcf7-not-valid-tip {
  margin-top: 6px;
  font-size: 12px
}
.swiper {
  overflow: hidden
}
.swiper-initialized {
  touch-action: pan-y
}
.swiper-wrapper {
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  display: flex;
  position: relative
}
.swiper-vertical .swiper-wrapper {
  flex-direction: column
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start
}
.swiper-initialized .swiper-slide {
  flex-shrink: 0
}
.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}
.swiper-button-lock {
  display: none!important
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative
}
@media (max-width:1290px) {
  .item-about__description {
    width: 100%
  }
}
@media (max-width:47.99875em) {
  .menu__body {
    position: fixed;
    width: 100%;
    height: 100%;
    left: -100%;
    top: 0;
    overflow: auto;
    padding: 3.125rem .9375rem 1.875rem .9375rem;
    transition: left .3s
  }
  .menu__body::before {
    content: "";
    position: fixed;
    width: 100%;
    height: 2.8125rem;
    left: -100%;
    top: 0;
    transition: left .3s;
    z-index: 2
  }
  .menu-open .menu__body {
    left: 0
  }
  .menu-open .menu__body::before {
    left: 0
  }
  .icon-menu {
    display: block;
    position: relative;
    width: 1.375rem;
    height: .875rem;
    z-index: 5
  }
  .icon-menu span,
  .icon-menu::after,
  .icon-menu::before {
    content: "";
    transition: all .3s ease 0s;
    right: 0;
    position: absolute;
    width: 100%;
    height: .125rem;
    background-color: #fff
  }
  .icon-menu::before {
    top: 0
  }
  .icon-menu::after {
    bottom: 0
  }
  .icon-menu span {
    top: calc(50% - .0625rem)
  }
  .menu-open .icon-menu span {
    width: 0
  }
  .menu-open .icon-menu::before {
    top: calc(50% - .0625rem);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  .menu-open .icon-menu::after {
    bottom: calc(50% - .0625rem);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  .header__top {
    padding: 14px 0
  }
  .header__main {
    padding-top: 12px
  }
  .top-header__phone {
    font-size: 14px
  }
  .top-header__insta {
    width: 18px;
    height: 18px
  }
  .main-header__logo {
    width: 101px;
    height: 42px;
    aspect-ratio: 101/42
  }
  .menu__body {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #212b42
  }
  .menu-open .menu__body {
    z-index: 4
  }
  .menu__list {
    flex-direction: column;
    row-gap: 48px
  }
  .menu__link {
    font-size: 28px;
    font-weight: 700;
    line-height: 107%
  }
  .menu__link::after {
    height: 3px
  }
  .footer__container {
    padding-top: 32px;
    padding-bottom: 25px
  }
  .footer__bot {
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    row-gap: 15px
  }
  .main-footer__logo {
    width: 101px;
    height: 42px;
    aspect-ratio: 101/42
  }
  .main-footer__nav {
    display: none
  }
  .main-footer__link {
    font-size: 28px;
    font-weight: 700;
    line-height: 107%
  }
  .main-footer__link::after {
    height: 3px
  }
  .bot-footer__left {
    row-gap: 15px;
    order: 1
  }
  .bot-footer__right {
    row-gap: 15px;
    order: 2;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    width: 100%
  }
  .bot-footer__offer {
    font-size: 12px
  }
  .bot-footer__privat-policy {
    font-size: 12px
  }
  .bot-footer__create {
    font-size: 12px;
    order: 3;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  .hero {
    background: url(../img/hero-background-phobe.png) no-repeat center;
    background-size: cover
  }
  .hero__container {
    padding-top: 0;
    height: 100vh
  }
  .hero__content {
    row-gap: 40px
  }
  .hero__title {
    font-size: 55px
  }
  .hero__subtitle {
    font-size: 28px;
    line-height: 107%
  }
  .hero__actions {
    flex-direction: column;
    row-gap: 14px;
    align-items: flex-start
  }
  .hero__look {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px
  }
  .hero__look span {
    font-size: 14px;
    font-weight: 700
  }
  .hero__look img {
    padding: 5px 4px
  }
  .hero__connect {
    padding: 8px 20px 8px 20px;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    font-size: 14px;
    font-weight: 700
  }
  .hero__images {
    width: 504px;
    height: 504px;
    left: -230px;
    bottom: -220px
  }
  .images-hero__banner {
    width: 504px;
    height: 504px
  }
  .images-hero__decor {
    display: none
  }
  .images-hero__decor-mob {
    display: flex;
    position: absolute;
    bottom: 60%;
    left: -20%
  }
  .about__decor {
    width: 160px;
    height: 160px;
    aspect-ratio: 1/1;
    left: -62px;
    top: -50px
  }
  .about__container {
    padding-top: 30px;
    padding-bottom: 61px;
    row-gap: 20px
  }
  .about__header {
    align-items: center;
    flex-direction: column;
    gap: 12px
  }
  .about__items {
    flex-direction: column;
    padding: 20px 14px
  }
  .about__item:first-child {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0
  }
  .about__item:last-child {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    border-bottom: none
  }
  .about__item {
    border-right: none;
    border-bottom: 1px solid rgba(0,0,0,.1019607843);
    padding-left: 0;
    padding-right: 0;
    align-items: center;
    text-align: center;
    padding-top: 18px;
    padding-bottom: 18px;
    row-gap: 6px
  }
  .header-about__subtitle {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    font-size: 14px
  }
  .header-about__description {
    font-size: 24px;
    line-height: 26px;
    max-width: 321px;
    text-align: center
  }
  .item-about__icon {
    width: 40px;
    height: 40px;
    aspect-ratio: 1/1
  }
  .item-about__text {
    row-gap: 10px;
    align-items: center
  }
  .item-about__title {
    font-size: 24px
  }
  .item-about__description {
    font-size: 14px;
    text-align: center;
    width: 76%
  }
  .comments {
    row-gap: 28px;
    padding-top: 54px
  }
  .comments__slide {
    gap: 7px
  }
  .titles {
    row-gap: 14px
  }
  .titles__subtitle span {
    font-size: 14px;
    font-weight: 700
  }
  .titles__subtitle {
    gap: 9px
  }
  .titles__description {
    font-size: 24px;
    line-height: 26px;
    text-align: center;
    width: 80%
  }
  .slide-comments__top {
    gap: 16px
  }
  .slide-comments__ranks {
    gap: 2px
  }
  .slide-comments__ranks img {
    width: 17px;
    height: 16px;
    aspect-ratio: 17/16
  }
  .slide-comments__text {
    font-size: 14px
  }
  .slide-comments__bot {
    gap: 12px;
    padding-top: 7px;
    margin-top: 8px
  }
  .slide-comments__name {
    font-size: 24px
  }
  .slide-comments__job {
    font-size: 14px
  }
  .gallery__background {
    width: 809px;
    height: 807px;
    aspect-ratio: 404/403;
    top: auto;
    bottom: -10%;
    left: -45%;
    opacity: .07
  }
  .gallery__container {
    padding-top: 64px;
    gap: 28px
  }
  .gallery__item {
    height: 302px
  }
  .call__container {
    gap: 32px;
    padding-top: 73px;
    padding-bottom: 51px
  }
  .call__text {
    gap: 16px
  }
  .call__title {
    font-size: 28px;
    line-height: 107%
  }
  .call__description {
    font-size: 14px;
    max-width: 318px
  }
  .call__btn {
    font-size: 10px
  }
  .call__btn img {
    padding: 5px 4px
  }
  .call__btn span {
    font-size: 14px;
    font-weight: 700
  }
  .popup__content {
    padding: 35px 12px
  }
  .popup__text {
    row-gap: 24px
  }
  .text-popup__titles {
    row-gap: 12px
  }
  .text-popup__title {
    font-size: 24px;
    font-weight: 700;
    line-height: normal
  }
  .text-popup__description {
    font-size: 14px;
    max-width: 328px
  }
  .text-popup__form {
    row-gap: 10px;
    padding: 0 9px
  }
  .text-popup__input {
    font-size: 14px
  }
  .text-popup__submit {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 8px
  }
  .program__container {
    padding-top: 44px;
    padding-bottom: 27px;
    row-gap: 24px
  }
  .program__slide {
    row-gap: 11px
  }
  .program__about-speeckers {
    font-size: 14px;
    font-weight: 700;
    padding: 8px 22px 12px;
    margin-top: 30px
  }
  .spollers__background {
    top: 188px;
    left: -90%
  }
  .spollers__title {
    border-radius: 16px;
    padding: 24px 14px 16px
  }
  .spollers__title p {
    font-size: 20px;
    line-height: 22px;
    letter-spacing: .4px;
    max-width: 267px
  }
  .spollers__body {
    padding: 0 14px
  }
  .more {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    text-decoration-line: none;
    pointer-events: none
  }
  .body-spollers__top {
    padding-bottom: 12px;
    padding-top: 12px;
    flex-direction: column;
    row-gap: 16px
  }
  .body-spollers__mid {
    row-gap: 24px
  }
  .body-spollers__bottom {
    row-gap: 24px;
    padding-top: 35px
  }
  .top-body-spollers__descriptions {
    font-size: 14px
  }
  .top-body-spollers__btns {
    flex-direction: column;
    align-items: flex-start;
    gap: 17px
  }
  .top-body-spollers__btn2 {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
  }
  .top-body-spollers__btn {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
  }
  .top-body-spollers__actions {
    align-items: flex-start
  }
  .top-body-spollers__item {
    -webkit-column-gap: 11px;
    -moz-column-gap: 11px;
    column-gap: 11px
  }
  .top-body-spollers__item img {
    width: 20px;
    height: 20.595px;
    aspect-ratio: 20/20.59
  }
  .top-body-spollers__item span {
    font-size: 14px;
    font-weight: 700;
    max-width: 100%
  }
  .mid-body-spollers__title {
    font-size: 20px;
    line-height: 22px;
    letter-spacing: .4px
  }
  .slide-program__img {
    height: 263px
  }
  .slide-program__text {
    row-gap: 11px
  }
  .slide-program__title {
    font-size: 18px;
    line-height: 20px
  }
  .slide-program__descriptions {
    font-size: 14px
  }
  .program-button-prev svg {
    width: 17.505px;
    height: 18px
  }
  .program-button-next svg {
    width: 17.505px;
    height: 18px
  }
  .bottom-body-spollers__title {
    font-size: 20px;
    line-height: 22px;
    letter-spacing: .4px;
    padding-bottom: 0;
    padding-bottom: 20px
  }
  .bottom-body-spollers__items {
    flex-direction: column;
    gap: 25px;
    width: 100%
  }
  .bottom-body-spollers__item {
    max-width: 100%;
    order: 1
  }
  .bottom-body-spollers__item.active-packet {
    order: 0
  }
  .item-bottom-spollers .item-bottom-pollers__label {
    font-size: 14px
  }
  .item-bottom-spollers .item-bottom-pollers__titles {
    gap: 8px;
    padding-top: 0
  }
  .item-bottom-spollers .item-bottom-pollers__title {
    font-size: 24px
  }
  .item-bottom-spollers .item-bottom-pollers__time {
    font-size: 12px
  }
  .item-bottom-spollers .item-bottom-pollers__body {
    gap: 14px
  }
  .item-bottom-spollers .item-bottom-pollers__price {
    font-size: 24px;
    font-weight: 700;
    line-height: normal
  }
  .item-bottom-spollers .item-bottom-pollers__price-description {
    font-size: 14px;
    text-transform: uppercase
  }
  .item-bottom-spollers .item-bottom-pollers__info {
    padding-top: 2px;
    font-size: 12px
  }
  .text-popup__check {
    gap: 20px
  }
  .check-text-popup__top {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px
  }
  .check-text-popup__info {
    font-size: 14px
  }
  .check-text-popup__label span {
    font-size: 14px
  }
  .check-text-popup__checkbox {
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    border-radius: 7px
  }
  .check-text-popup__checkbox::before {
    width: 13px;
    height: 7px;
    border-left-width: 2.5px;
    border-bottom-width: 2.5px
  }
  .check-text-popup__zakon {
    font-size: 10px
  }
  .check-text-popup__more {
    font-size: 10px
  }
  .check-text-popup__cf7-radio .wpcf7-form-control {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px
  }
  .check-text-popup__cf7-radio input[type=radio] {
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    border-radius: 7px
  }
  .check-text-popup__cf7-radio input[type=radio]::before {
    width: 13px;
    height: 7px;
    border-left-width: 2.5px;
    border-bottom-width: 2.5px
  }
  .check-text-popup__cf7-radio .wpcf7-list-item-label {
    font-size: 14px
  }
  .check-text-popup__agreement input[type=checkbox] {
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    border-radius: 7px
  }
  .check-text-popup__agreement input[type=checkbox]::before {
    width: 13px;
    height: 7px;
    border-left-width: 2.5px;
    border-bottom-width: 2.5px
  }
  .check-text-popup__agreement .wpcf7-list-item-label {
    font-size: 14px
  }
}
@media (max-width:47.99875em)and (any-hover:none) {
  .icon-menu {
    cursor: default
  }
}
@media (any-hover:hover) {
  .hero__look:hover {
    background: #212b42;
    border: 1px solid #212b42;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,.16)
  }
  .hero__look:hover .call-arrow {
    display: none
  }
  .hero__look:hover .call-arrow-blue {
    display: flex
  }
  .hero__connect:hover {
    background: #fff;
    color: #000;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,.16)
  }
  .call__btn:hover {
    background: #212b42;
    border: 1px solid #212b42;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,.16)
  }
  .call__btn:hover .call-arrow {
    display: none
  }
  .call__btn:hover .call-arrow-blue {
    display: flex
  }
}

.page.page--info {
    padding-top: 150px;
    color: #fff;
}

.info-page__meta{
	display: none;
}

.info-page__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 20px;
}

.info-page__title {
    margin-bottom: 12px;
	font-size: 38px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
    text-transform: uppercase;
}

@media (max-width: 47.9988em) {
    .info-page__title {
        font-size: 24px;
        line-height: 26px;
    }
	.page.page--info{
    	padding-top: 90px;
	}
}

.info-page__meta {
    color: #888;
    font-size: 14px;
    margin-bottom: 40px;
}

.info-page__content p {
    margin-bottom: 16px;
    line-height: 1.7;
}

.info-page__content h2,
.info-page__content h3 {
    margin-top: 40px;
    margin-bottom: 12px;
    font-size: 20px;
}

.info-page__content ul,
.info-page__content ol {
    padding-left: 24px;
    margin-bottom: 16px;
}

.info-page__content li {
    margin-bottom: 8px;
    line-height: 1.7;
}

.info-page__content a {
    transition: all 0.3s ease;
}

.info-page__content a:hover {
	transform: translateX(10px);
	text-decoration: underline;
}




.info-footer__company {
    width: 100%;
    font-weight: 500;
    opacity: 1;
}

.info-footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 40px;
    padding: 32px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 14px;
    line-height: 1.6;
		color: #fff;
}

.info-footer__contacts {
    display: flex;
    flex-direction: column;
	align-items: flex-start;
    gap: 8px;
}

.info-footer__company {
    grid-column: 1 / -1;
    font-weight: 500;
    font-size: 16px;
    opacity: 1;
    margin-bottom: 4px;
}

.info-footer__address {
    grid-column: 1 / -1;
    max-width: 360px;
}

.info-footer__email,
.info-footer__phone {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    text-decoration: none;
    position: relative;
    transition: opacity 0.2s;
}

.info-footer__email::after,
.info-footer__phone::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background: #fff;
    transition: width 0.3s;
}

.info-footer__email:hover::after,
.info-footer__phone:hover::after {
    width: 100%;
}

@media (max-width: 768px) {
    .info-footer {
        grid-template-columns: 1fr;
    }
	.info-footer__company{
		font-size: 14px;
	}
	.info-footer__ipn,
	.info-footer__address,
	.info-footer__contacts{
		font-size: 12px;
	}
}